.body { 
	background-color: #e1e1e2;
	margin: 0 0 0 0;
	font-family: 'Khand', sans-serif;
	color: #323232;
	}
a:link {text-decoration: none; color: #ffffff;}
a:active {color: #ffffff;}
a:hover {color: #323232;}
a:visited {color: #ffffff;}
h1 { font-size: 24px; }
h2 { font-size: 20px;}
h3 { font-size: 18px;}
p { font-size: 14px; }
.conteneur { 

	width: 1140px;
	margin:auto;
	position: center;
}
.logo{
	background-color: #979395;
	height: 224px;
	width: 224px;
	position:relative;
	margin: 0 0 0 50;
	z-index:20;

}

.description h1 { line-height: 10px;}
.description p { font-size: 15px; }
.description {
	height: 80px;
	width: 680px;
	margin: -230 0 0 300;
	padding-top: 15;
	z-index:30;
	position:absolute;
	text-align: center;
	color: #323232;
}
.image {
	background-color: #979395;
	height: 321px;
	margin: -100 0 0 0;
	z-index:10;
}

.bouton  {
	background-color: #e76409;
	width: 1140px;
	height: 50px;
	z-index:30;
	margin: 15 0 0 0;
	text-align: center;
	font-size: 24px;
	padding : 20 0 0 0;
	
}

.contenu img { margin: 8 5 5 20 }
.contenu a { color:#e76409 }
.contenu a img { border: solid 15px #ffffff; }
.contenu a:hover img { border: solid 15px #e76409; }
.contenu p { color: #e76409; font-size: 18px }
.contenu {
	background-color: #ffffff;
	width: 1140px;
	margin: 15 0 0 0;
	text-align: center;
	font-size: 20px;
	padding: 15 0 0 0;
}
.bouton-sous-menu:hover { background-color: #656363;}
.bouton-sous-menu a {color: #ffffff;}
.bouton-sous-menu {
	background-color: #353535;
	width: 250px;
	height: 50px;
	margin: 0 10 10 22;
	padding: 20 0 0 0;
	float: left;
	/*clear: both;*/
	color: #ffffff;
	
}
.avantfooter {
	background-color: #515151;
	width: 1140px;
	margin: 30 0 0 0;
	font-size: 14px;
	color: #a9a9a9;
	
}
.footer {
	background-color: #353535;
	width: 1140px;
	margin: 0 0 0 0;
	color: #ffffff;
	font-size: 16px;
}
/*page agences*/
.fil-ariane {
	position: left;
	text-align: left;
	margin: 20 0 20 50;
	font-size: 16px;
}
.adresse-agences {
	width: 349px;
	border: solid 0px #e76409;
	float: left;
	margin: 0 0 0 20;
	font-size: 17px;
	
}
.adresse-agences img {
	position: center;
	text-align: center;
	display: black;
	margin-left: 5px;
	
	
}
.contat {
	clear: both;
	margin: 20 0 30 0;
	width: 1140px;
	
}

@media (max-width:991px) {
.contenu  {
		width: 100%;
    }
	}
	
@media (max-width:575px) {
	
	.logo {
    float: left;
	margin: auto;
	}
	.description h1 {
    float: left;
	}
	h2 {
		float:left;
		background-color: white;
	}
	.fil-ariane {
        float: left;
    }
	.contenu p {
		float: left;
		width: 100%;
		background-color: white;
    }
	.bouton-sous-menu {
   
    margin: 5 5 5 10 ;
    padding: 20 0 0 0;
	width: 95%;
  
}

.adresse-agences {
    width: 100%;
	margin: 0;
}
	.description {
		display: none;
	}
	.description p{
		
		display:none;
		
	}
	.contenu img {max-width: 200px; }
	.footer {
		width: 100%;
	}
	.bouton  {
		
		display:none;
	}
	.contenu {
		width: 100%;
	}
	.conteneur {
		width: 100%;
	}
	.avantfooter {
		width: 100%;
		margin-top: 20px;
	}
	.footer {
		width: 100%;
	}
	.contat {
		width: 100%;
	}
	.image {
		display: none;
	}
.adresse-agences img {
    
    margin-left: 0px;
}}