/* ====== GENERAL ====== */



body {	

	height: 		  	 	100%;

	margin: 		 	 	0 auto;

	padding: 		 	 	0;

	text-align:      	 	center;

	font-family: 	  	 	Palatino Linotype, Book Antiqua, Palatino, serif;

	font-size: 		  	 	14px;

	color:					#000000;		

	

	background:				url(images/fond_repeat.jpg) top center repeat-x #454545;	



}

*{

	margin:					0;

	padding:				0;

}

h1{
	color: 					#c51230;
	font-weight:			bold;
	font-size:				22px;

}

h2{
	color: 					#3e3e3e;
	font-size:				18px;
	padding-bottom:			5px;

}

h3{
	color: 					#ffffff;
	font-size:				18px;
	padding-bottom:			5px;

}

.quote{
	color: 					#c51230;
	font-weight:			bold;
	font-style:				italic;
	font-size:				22px;


}

.DL{
	font-size:				24px;
	color: 					#3e3e3e;
	padding-bottom:			0px;
	}
	
.dl{
	font-size:				10px;
	color: 					#3e3e3e;
	}

.accroche{
	font-size:				15px;
	font-weight:			bold;
	color: 					#ffffff;
	}

hr{
	color: 					#3e3e3e;
}

img{

	display: 				inline;

	border:  				none;

	vertical-align: 		bottom;	

}

a img:hover{

	filter : 				alpha(opacity=95);

    -moz-opacity : 			0.95;

    opacity : 				0.95;

}

a:link, a:visited, a:active{

	color:					#000000;
	text-decoration:		none;


}

a:hover{

	color:					#c51230;
	text-decoration:		none;

}

.separation{

	width:					100%;

	height:					1px;

	clear:					both;

}

p{

	margin:					10px 0;

}

strong{

	

}

ul{

	list-style-type:		none;

}





/* ====== CONTENEUR ====== */



#conteneur{

	width:					960px;

	height:					auto;

	text-align: 	  		left;

	margin:					0 auto;

	background:				#FFF;

}





/* ====== HEADER ====== */



#header{

	width:					960px;

	height:					182px;

}

#header #img1{

	display:				block;

	float:					left;	

	width:					336px;

	height:					182px;

}

#header a{

	display:				block;

	float:					left;

	width:					289px;

	height:					182px;

}

#header #img2{

	display:				block;

	float:					left;	

	width:					335px;

	height:					182px;

}







/* ====== MENU ====== */



#menu{

	width:					960px;

	height:					32px;

	background:				url(images/fond_menu.jpg) top left no-repeat;

	text-align:				center;

	color:					#FFF;

}

#ombre_menu{

	width:					960px;

	height:					5px;

	background:				url(images/ombre_menu.jpg) top left no-repeat;

}



#menu a, #menu a:visited, #menu a:active{

	font-size:				16px;
	font-weight:			bold;

	color:					#FFF;

	text-decoration:		none;

	line-height:			32px;

	

}








/* ====== CONTENU ====== */



#contenu{

	width:					900px;/* 960 */

	height:					auto;	

	

	padding:				20px 30px;

}







/* ====== FOOTER ====== */



#footer{

	width:					960px;

	height:					auto;

	background:				#454545;	

	color:					#b8b8b8;

	text-align:				center;

}

#menu_footer{

	width:					960px;

	height:					auto;		

}

#menu_footer a, #menu_footer a:visited, #menu_footer a:active{

	color:					#b8b8b8;

	font-size:				11px;

	text-decoration:		none;

	margin:					0 1px;

}

#menu_footer a:hover{

	text-decoration:		underline;

}

#referencement{

	width:					960px;

	height:					auto;

	margin:					15px 0;

}

#referencement a, #referencement a:visited, #referencement a:active{

	color:					#b8b8b8;

	font-size:				9px;

	text-decoration:		none;

}

#referencement a:hover{

	text-decoration:		underline;

}


/* ====== Demande de devis ====== */

.erreur_input {
	border: red solid 1px;
}

form {
    width: 330px;
}

form .input-box {
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	margin: 10px auto;
    align-items: flex-start;
}

form .input-box input, 
form .input-box textarea {
	/* width: 237px; */
	margin-top: 5px;
	width: 100%;
}

form input[type="submit"] {
	margin: 10px auto;
	height: 32px;
	padding: 10px;
	color: white;
	background: url(images/fond_menu.jpg) top left no-repeat;
	display: flex;
	justify-content: center;
	border: none;
	min-width: 200px;
}

form input[type="submit"]:hover {
	background: #ce0e2e;
	cursor: pointer;
	border: none;
}

tr.tr-footer td p {
	display: flex;
	text-align: center;
    margin: 0 auto;
    justify-content: center;
}

tr.tr-footer td p span {
	margin: 0px 10px;
}