/* CSS Document */
*{
	margin:0;
	padding:0;
	}
	
.clear{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
	}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	}	
	
/****************************************************/
/********************index.htm***********************/
/****************************************************/
#haut{
	width:100%;
	background:url(images/bg-haut.jpg) repeat-x top left;
	}
	
#contenu-haut{
	width:895px;
	margin:0 auto;
	padding: 0 30px;
	}		
	
/*******menu-haut*******/
#menu-haut{
	height: 15px;
	line-height: 15px;
	}

#menu-haut ul{
	font-size:10px;
	color: #FFFFFF;
	}

#menu-haut ul li{
	list-style-type:none;
	display: inline;
	}
	
#menu-haut ul li a{
	padding: 0 5px 0 5px;
	text-decoration:none;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	}

#menu-haut ul li a:hover{
	color:#97341f;
	}

/*******menu*******/
#menu{
	padding:0 0 0 442px;
	height: 75px;
	}

#menu ul{
	height: 75px;
	background:url(images/fond-menu.jpg) no-repeat left top;
	font-size:12px;
	color: #FFFFFF;
	}

#menu ul li{
	list-style-type:none;
	display: inline;
	}

#menu ul li a{
	display:block;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	}	

#menu ul li a.accueil{
	width:79px;
	height:45px;
	text-align: center;
	padding: 30px 0 0 0;
	}

#menu ul li a.savoir{
	width:97px;
	height:45px;
	padding: 30px 0 0 0;
	text-align: center;
	}
	
#menu ul li a.realisations{
	width:101px;
	height:45px;
	padding: 30px 0 0 0;
	text-align: center;
	}
	
#menu ul li a.actualite{
	width:95px;
	height:45px;
	padding: 30px 0 0 0;
	text-align: center;
	}
	
#menu ul li a.contact{
	width:81px;
	height:45px;
	padding: 30px 0 0 0;
	text-align: center;
	}
	
#menu ul li a.accueil:hover{
	color:#97341f;
	background:url(images/roll-over-contact.jpg) no-repeat left top;
	}

#menu ul li a.savoir:hover{
	color:#97341f;
	background:url(images/roll-over-savoir.jpg) no-repeat left top;
	}
	
#menu ul li a.realisations:hover{
	color:#97341f;
	background:url(images/roll-over-realisations.jpg) no-repeat left top;
	}
	
#menu ul li a.actualite:hover{
	color:#97341f;
	background:url(images/roll-over-actualites.jpg) no-repeat left top;
	}
	
#menu ul li a.contact:hover{
	color:#97341f;
	background:url(images/roll-over-contact.jpg) no-repeat left top;
	}
	
#menu ul li a.accueil_on{
	color:#97341f;
	width:79px;
	height:45px;
	text-align: center;
	padding: 30px 0 0 0;
	background:url(images/roll-over-contact.jpg) no-repeat left top;
	}

#menu ul li a.savoir_on{
	color:#97341f;
	width:97px;
	height:45px;
	padding: 30px 0 0 0;
	text-align: center;
	background:url(images/roll-over-savoir.jpg) no-repeat left top;
	}
	
#menu ul li a.realisations_on{
	color:#97341f;
	width:101px;
	height:45px;
	padding: 30px 0 0 0;
	text-align: center;
	background:url(images/roll-over-realisations.jpg) no-repeat left top;
	}
	
#menu ul li a.actualite_on{
	color:#97341f;
	width:95px;
	height:45px;
	padding: 30px 0 0 0;
	text-align: center;
	background:url(images/roll-over-actualites.jpg) no-repeat left top;
	}
	
#menu ul li a.contact_on{
	color:#97341f;
	width:81px;
	height:45px;
	padding: 30px 0 0 0;
	text-align: center;
	background:url(images/roll-over-contact.jpg) no-repeat left top;
	}					
	
/******************************************************************/

#haut-gauche{
	float:left;
	padding:8px 0 0 0;
	width: 286px;
	}	

#haut-gauche p{
	padding:8px 0;
	width: 286px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	font-style: italic;
	}		
	
#haut-droite{
	float:left;
	width: 609px;
	}	

#domaine{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:170px;
	background:url(images/fond-domaines.jpg) no-repeat left top;
	margin: 8px 0 0 0;
	}
	
#domaine p{
	color:#FFFFFF;
	height: 44px;
	text-align: center;
	padding: 18px 0 0 0;
	}
	
#domaine p.rouge{
	color:#97341f;
	}
	
.rouge{
	color:#97341f;
	}	
	
#img-bandeau{
	float:left;
	margin:8px 0 0 0;
	}			
	
/**********************************centre***************************/
#actualites{
	width:256px;
	float:left;
	padding:20px 30px 0 0;
	}
	
#centre{
	width:100%;
	background:#FFFFFF;
	}
	
#contenu{
	width:895px;
	margin:0 auto;
	padding:0 30px;
	}	
	
#contenu-gauche{
	width:256px;
	float:left;
	padding:20px 30px 0 0;
	}
	
#contenu-gauche p{
	font-size:12px;
	text-align: justify;
	}
	
#contenu-gauche2{
	width:256px;
	float:left;
	padding:20px 28px 0 0;
	position: relative;
	}
	
#contenu-gauche2 p{
	}	
	
#encart-actu{
	margin: 0 0 15px 0;
	}	
	
#encart-actu img{
	float:left;
	padding: 0 5px 0 0;
	border:none;
	}
	
.imgActu{
	border:none;
	}	
	
#date{
	color:#97341f;
	font-size: 14px;
	font-weight: bold;
	}	
	
#titre{
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	}	
	
#texte-actu{
	font-size:11px;
	line-height: 12px;
	color: #97341f;
	}
	
.lire{
	text-align:right;
	text-decoration:underline;
	font-size:10px;
	color:#990000;
	}	
	
.lire a{
	color:#676067;
	}

.lire a:hover{
	color:#97341f;
	}
		
.filetrouge{
	height:1px;
	line-height:1px;
	font-size:1px;
	background-color:#97341f;
	margin: 15px 0 0 0;
	}	
	
#contenu-droit{
	width:549px;
	background:url(images/fond-contenu-droit.jpg) repeat-x;
	background-color:#E8E6E7;
	float:left;
	padding: 20px 30px 20px 30px;
	}
	
#contenu-droit2{
	width:559px;
	background:url(images/fond-contenu-droit.jpg) repeat-x;
	background-color:#E8E6E7;
	float:left;
	padding: 20px 20px 20px 30px;
	}	
	
.titre1{
	padding:0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.titre2{
	background:url(images/fleche.jpg) no-repeat 8px 3px;
	padding:0 0 0 20px;
	font-size: 15px;
	font-weight: bold;
	color: #A43325;
	margin: 10px 0 0 0;
	}
	
.titre3{
	background:url(images/fleche2.jpg) no-repeat 8px 3px;
	padding:0 0 0 20px;
	font-size: 15px;
	font-weight: bold;
	color: #A43325;
	margin: 10px 0 0 0;
	}
	
.titre4{
	padding:0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color:#FFFFFF;
	
	}			
		
#gauche{
	float:left;
	width:357px;
	padding:0 20px 0 0;
	}
	
#gauche p{
	font-size:12px;
	text-align: justify;
	}
	
#gauche2{
	float:left;
	padding:0 20px 0 0;
	width: 529px;
	}
	
#gauche2 p{
	font-size:12px;
	text-align: justify;
	}	
	
#gauche2 img{
	margin: 0 10px 0 0;
	float:left;
	}		
	
#droite{
	float:left;
	width:172px;
	}		
	
.filetnoir{
	height:1px;
	line-height:1px;
	font-size:1px;
	background-color:#676067;
	margin: 5px 0 10px 0;
	}	

#encart-impot{
	text-align:center;
	background:url(images/encart-impot.jpg) no-repeat left top;
	text-transform:uppercase;
	font-size:12px;
	color:#FFFFFF;
	width: 172px;
	height: 41px;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 26px 0 0 0;
	}	
	
#encart-garantie{
	text-align:left;
	background:url(images/encart-garantie.jpg) no-repeat left top;
	text-transform:uppercase;
	font-size:12px;
	color:#FFFFFF;
	width: 92px;
	height: 50px;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 18px 0 0 80px;
	}
	
#encart-garantie span{
	color:#333333;
	}		
	
.floatright{
	float:right;
	margin:0 0 0 10px;
	}
	
.floatleft{
	float:left;
	margin:0 10px 0 0;
	}		
	
#texte-droit{
	font-size:12px;
	text-align:justify;
	padding:5px 0 0 0;
	}		
/*********************************bas************************/
		
#bas{
	width:100%;
	background: url(images/bg-bas.jpg) repeat-x left top;
	background-color:#3C373D;
	}
	
#footer{
	width:955px;
	margin:0 auto;
	text-align: center;
	padding: 0 0 20px 0;
	}
	
#adresse{
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	height:22px;
	line-height:22px;
	}		
		
/*******menu-bas*******/

#footer ul{
	font-size:10px;
	color: #FFFFFF;
	margin: 10px 0 10px 0;
	}

#footer ul li{
	list-style-type:none;
	display: inline;
	}
	
#footer ul li a{
	padding: 0 5px 0 5px;
	text-decoration:none;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid;
	border-color: #FFFFFF;
	}

#footer ul li a:hover{
	color:#97341f;
	}	
	
#footer ul li a.sans-border{
	border:none;
	}		
		
#tt{
	font-size:9px;
	color:#FFFFFF;
	}		
		
#tt a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#tt a:hover{
	color:#97341f;
	}			
		
.ecart{
	padding:0 0 0 20px;
	}		
		
		
/******************************************************/
/*************************diaporama********************/
#gauche-diapo{
	width:343px;
	height:280px;
	float:left;
	padding:0 9px 0 0;
	}
	
#droite-diapo{
	float:left;
	width: 204px;
	padding: 8px 0 0 0;
	}	
	
#droite-diapo img{
	padding:0 7px 7px 0;
	float:left;
	}
	
#droite-diapo a img{
	border:none;
	}		
#diaporama p{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	}


/************************************contact********************************/
.tel{
	background:url(images/tel.jpg) no-repeat left top;
	padding:32px 0 0 100px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	font-weight: bold;
	height: 126px;
	margin: 20px 0 0 0;
	}

.numero{
	font-size:22px;
	padding: 10px 0 0 0;
	}
	
.devis{
	padding:0 0 0px 40px;
	}
	
.gauche-contact{
	width:255px;
	float:left;
	padding: 0 21px 0 0;
	}	
	
.adresse2{
	font-size:13px;
	}	
	
.droite-contact{
	background:url(images/fond-formulaire-centre.jpg) repeat-y left top;
	width:273px;
	float: left;
	text-align: center;
	}	
	
/*	formulaire de contact    	 */

#message {
	padding: 0px 0px 10px 0px;
	width: 250px;
	margin: 0 auto;
}
#message label {
	display: block;
	border: 1px solid #999;
	background: #fff;
	margin: 8px 0px 0px;
	padding: 1px 4px;
	font-size: 11px;
	font-weight: bold;
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#message .entree {
	background: #fff;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-size: 10px;
}
#message .area {
	height: 40px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 180px;
}
#message .area2 {
	height: 40px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 170px;
}
#message #Envoyer {
	display: block;
	width: 250px;
	border: 1px solid #777;
	margin: 0px;
	padding: 0px 6px 0px;
	background: #889;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}

.commentaire-1{
	font-size:10px;
	}

/***********************plan*************************/
#plan {
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #666 url(style/fond_plan.gif) no-repeat center top scroll;
}
#carte {
	display: none;
	position: absolute;
	top: 111px;
	left: 100px;
	height: 500px;
	width: 600px;
	border: 1px solid #000;
	z-index: 1000;
}
.fermer-carte {
	background: #000;
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.fermer-carte a {
	color: #ccc;
	display: block;
}
.fermer-carte a:hover {
	color: #fff;
	text-decoration: none;
}
.cadreX {
	border: 1px #aaa solid;
	padding: 0px 3px;
}

#adresse4 {
	float: left;
	width: 285px;
	margin: 0px 10px 0px 50px;
	padding: 4px;
	color: #444;
	font-size: 13px;
	line-height: 1.6em;
}
.raisonSociale {
	margin: 10px 0px 4px;
	font-size: 18px;
	font-weight: bold;
	color: #666;
}
.coordonnees {
	margin: 4px 0px 10px;
	font-size: 14px;
}
#adresse4 a {
	color: #ccc;
}
#adresse4 a:hover {
	color: #fff;
	text-decoration: none;
}	
	
#date a{
	color:#97341f;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	}
	
#date a:hover{
	color:#333333;
	}