body{
		font-family: verdana, arial, sans-serif;
		background: #0075a8;
		line-height: 110%;
	}

	#header{
		height: 201px;
		background-image: url(images/header.jpg); 
		background-position: right;
	}

	#menu{
		height: 29px;
		/*bordure haute +1px (hauteur à ajuster plus tard) height: ;*/
		background: #1b658c;
	}

	#contenu{
		width: 460px;
		margin: 8px 35px 0px 8px;
		float: left;
	}

	#contenu_droit{
		width: 230px;
		margin: 8px 8px 0px 0px;
		padding: 7px;
		border: 1px dotted #000000;
		background-image: url(images/bg_contact.gif);
		background-repeat: repeat-y; 
		background-position: right;
		float: left;
	}

	#footer{
		background: #2f4256;
		color: #ffffff;
		font-size: 10px;
		text-align: center;
	}

	#principal{
		width: 758px;
		background: #ffffff;
		margin: auto;
	}

	.retour{
		clear: both;
	}

	h1{
		font-family: arial;
		font-size: 15px;
		color: #7c7c7c;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	p{
		font-size: 13px;
		color: #000000;
		padding: 8px 0 8px 0;
	}

	#contenu h2{
		background: url(images/puce.gif) 0 9px no-repeat;
		font-size: 15px;
		color: #00a6eb;
		border-bottom: 1px solid #00a6eb;
		padding: 0 0 5px 15px;
		margin-bottom: 10px;
	}

	#contenu_droit h2{
		background: url(images/puce.gif) 165px 7px no-repeat;
		font-size: 15px;
		text-align: right;
		color: #00a6eb;
		padding-left: 15px;
		padding-bottom: 5px;
	}

	#footer p{
		font-size: 10px;
		color: #ffffff;
		text-align: center;
	}

	#contenu ul{
		font-size: 13px;
		font-weight: bold;
		list-style: disc;
		padding: 10px 0 20px 30px;
	}

	#contenu ol{
		font-size: 13px;
		list-style-type: decimal;
		padding: 10px 0 20px 30px;
	}

	#contenu li{
		padding-left: 8px;
	}

	#menu a{
		background: url(images/bg_menu.gif);
		padding: 0 15px 0 15px;
		color: #ffffff;		
		font-weight: bold;
		font-size: 13px;
		letter-spacing: 2px;
		border: 1px solid #ffffff;
		line-height: 28px;
		display: block;
		float: left;
	}

	#menu a:hover{
		background: url(images/bg_menu_hover.gif);
	}

	.slicknav_menu {
    display:none;
	}

	/* RESPONSIVE */


	@media screen and (max-width: 768px){

		img{
		max-width: 100%;
		height: auto;
		}

		#header{
			width: auto;
			background-size: cover;
		}

		#principal{
			width: auto;
		}

		#contenu{
    		width: 60%;
    	}

    	#contenu_droit{
    		width: 30%;
    	}

	}


	@media screen and (max-width: 576px){

		#contenu{
    		float: none;
    	}

    	#contenu_droit{
    		float: none;
    	}

	}

	

	@media screen and (max-width: 442px) {
		#menu {
			display:none;
		}

		.slicknav_menu {
			display:block;
		}
		
		#header{
			height: 170px;
		}
		
	}