body {
   background-color:#2B1D11; /*Couleur de fond de la page Web*/
   color:#8e7d6a; /*Couleur du texte*/
   font-family:Arial, Helvetica, sans-serif; /*Polices d’écriture*/
   font-size:13px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
   }

.gras {
	font-size: 15px;
	font-weight: bold;
	color: #932F00;
}

div#absolute {
	background: url(images/absolute.png) no-repeat;
	width: 172px;
	height: 131px;
	position: absolute;
}

div#absoluteage {
	background: url(images/absoluteage.png) no-repeat;
	width: 172px;
	height: 131px;
	position: absolute;
}
   
div#absolutedeco {
	background: url(images/absolutedeco.png) no-repeat;
	width: 172px;
	height: 131px;
	position: absolute;
}

div#absolutemaint {
	background: url(images/absolutemaint.png) no-repeat;
	width: 172px;
	height: 131px;
	position: absolute;
}

div#absoluteelec {
	background: url(images/absoluteelec.png) no-repeat;
	width: 172px;
	height: 131px;
	position: absolute;
}

div#absoluteplomb {
	background: url(images/absoluteplomb.png) no-repeat;
	width: 172px;
	height: 131px;
	position: absolute;
}


div#top {
	width: 100%;
	height: 14px;
	background: url(images/top.png) repeat-x;
	padding: 0;
}

div#conteneur {
	width: 940px;
	margin:auto;
}


div#contenu {
	width: 940px;
	margin: auto;
	padding: 0;	
   }
   


div#logo {
	width: 479px;
	height: 199px;
	background: url(images/groupeadonis3.png) no-repeat;
	margin-left: -20px;
}



div#droite {
	width: 501px;
	height: 42px;
	background: url(images/droite2.png) no-repeat;
	position: relative;
	float: right;
	margin-top: -100px;
}


#menu ul {
	margin-left: 220px;
	padding-top: 210px;
	margin-bottom: 15px;
}

#menu li {
	font-size: 12px;
	color: #524539;
	list-style-type: none;
	display: inline;
	margin-left: 25px;
}

#menu .actif {
	color: #ffffff;
	background: #932F00;
	padding: 6px 8px 6px 8px;
	
}

#menu a:hover {
	color: #ffffff;
}

#menu a {
	color: #524539;
	text-decoration: none;
}

div#font {
	width: 939px;
	height: 359px;
	background: url(images/font.png) no-repeat;
	margin-top: 242px;
}



div#couverture {
	width: 130px;
	height: 79px;
	background: url(images/couverture.png) no-repeat;
	float: left;
}

div#flash {
	margin-top: 25px;
	float: left;
	width: 250px;
	height: 270px;
	position: relative;
	left: 208px;
	border: 12px solid #932F00;
}

div#cadre {
	width: 300px;
	margin: auto;
	text-align: center;
	padding-bottom: 20px;
	color: white;
	font-size: 17px;
	font-weight: bold;
	font-family: "Arial black", Verdana, Arial, sans-serif;
}

#cadre a {
	color: white;
	text-decoration: none;
}

#cadre a:hover {
	color: #CCCCCC;
}



div#linefooter {
	width: 940px;
	height: 2px;
	background: url(images/linefooter2.png) repeat-x;
	margin-bottom: 5px;
	float: left;
}

#left {
	color: #3E3530;
	float: left;
	padding-bottom: 10px;
}

#right {
	color: #3E3530;
	float: right;
	padding-bottom: 10px;
}

div#fontcontractant {
	width: 939px;
	height: 359px;
	background: url(images/font.png) no-repeat;

}


div#flashcontractant {
	width: 900px;
	height: 450px;
	margin: auto;
}


div#linefootercontractant {
	width: 940px;
	height: 2px;
	background: url(images/linefooter2.png) repeat-x;
	margin-bottom: 5px;
	margin-top: 40px;
	float: right;
}

div#contractant {
	background: url(images/contractant.png) no-repeat;
	width: 277px;
	height: 53px;
	margin: 0px 0px 0px 0px;
	margin: auto;
}


div#formulairecontractant {
	margin: 150px 0px 0px 70px;
	float: left;
}

.champs {
	background: #1e150d;
	border: #322014 solid 1px;
	height: 27px;
	width: 260px;
	color: #8e7d6a;
	margin: 2px 0px 10px 0px;
	vertical-align: middle;
	line-height: 27px;
}

.area {
	background: #1e150d;
	border: #322014 solid 1px;
	height: 160px;
	width: 260px;
	color: #8e7d6a;
	margin: 2px 0px 15px 0px;
	overflow: auto;

}

input.champs:focus  {
	background: #19110a;
}

.area:focus {
	background: #19110a;	
}

div#devis {
	background: url(images/devis.png) no-repeat;
	width: 251px;
	height: 21px;
}

div#contactez {
	background: url(images/contactez.png) no-repeat;
	width: 144px;
	height: 19px;
}

div#entrepriseimg {
	background: url(images/entreprise.png) no-repeat;
	width: 107px;
	height: 19px;
	float: left;
	margin: 150px 0px 0px 100px;
}

div#entreprisetexte1 {
	width: 450px;
	height: 500px;
	margin: 40px 0px 0px 0px;
}

div#projet {
	width: 210px;
	height: 19px;
	background: url(images/projet.png) no-repeat;
	margin-top: 40px;
}

div#img1 {
	width: 93px;
	height: 17px;
	background: url(images/1.png) no-repeat;
	margin-top: 15px;

}

div#img2 {
	width: 116px;
	height: 15px;
	background: url(images/3.png) no-repeat;
	margin: -15px 80px 100px 0px;
	float: right;
}


div#img3 {
	width: 114px;
	height: 17px;
	background: url(images/2.png) no-repeat;
	margin-top: 150px;


}

div#img4 {
	width: 91px;
	height: 15px;
	background: url(images/4.png) no-repeat;
	margin: 15px 105px 100px 0px;
	float: right;
	margin-top: -15px;
}

.textecontractant {
	width: 200px;
	padding: 25px 0px 10px 0px;
}

div#cont {
	width: 201px;
	height: 35px;
	background: url(images/cont.png) no-repeat;
	display: inline;
	float: left;

}

div#age {
	width: 161px;
	height: 35px;
	background: url(images/age.png) no-repeat;
	display: inline;
	float: left;

}

div#dec {
	width: 149px;
	height: 35px;
	background: url(images/dec.png) no-repeat;
	display: inline;
	float: left;
}

div#maint {
	width: 163px;
	height: 35px;
	background: url(images/maint.png) no-repeat;
	display: inline;
	float: left;
}

div#elec {
	width: 139px;
	height: 35px;
	background: url(images/elec.png) no-repeat;
	display: inline;
	float: left;
}

div#plomb {
	width: 110px;
	height: 35px;
	background: url(images/plomb.png) no-repeat;
	display: inline;
	float: left;
}


div#conton {
	width: 201px;
	height: 35px;
	background: url(images/conton.png) no-repeat;
	display: inline;
	float: left;

}

div#ageon {
	width: 161px;
	height: 35px;
	background: url(images/ageon.png) no-repeat;
	display: inline;
	float: left;

}

div#decon {
	width: 149px;
	height: 35px;
	background: url(images/decon.png) no-repeat;
	display: inline;
	float: left;
}

div#mainton {
	width: 163px;
	height: 35px;
	background: url(images/mainton.png) no-repeat;
	display: inline;
	float: left;
}

div#elecon {
	width: 139px;
	height: 35px;
	background: url(images/elecon.png) no-repeat;
	display: inline;
	float: left;
}

div#plombon {
	width: 110px;
	height: 35px;
	background: url(images/plombon.png) no-repeat;
	display: inline;
	float: left;
}

div#linefooterrealisations {
	width: 940px;
	height: 2px;
	background: url(images/linefooter2.png) repeat-x;
	margin-bottom: 5px;
	margin-top: 260px;
	float: right;
}


div#linefootercontact {
	width: 940px;
	height: 2px;
	background: url(images/linefooter2.png) repeat-x;
	margin-bottom: 5px;
	margin-top: 30px;
	float: right;
}

div#realisations {
	padding-top: 5px;
}

div#map_canvas {
	width: 930px;
	height: 400px;
	position: relative;
	top: 20px;
	right: auto;
	border: solid #0F0C09 5px;
}

div#adresse {
	padding-top: 35px;
	text-align: center;
}

#adresse a {
	color: #8e7d6a;
	font-weight: bold;
	text-decoration: underline;
}

div#contact {
	margin: 40px 0px 0px 0px;
	float: left;


}

p#textecontact {
	font-weight: bold;
	margin-top: 30px;	
	margin-right: 15px;
	line-height: 44px;
	float: left;
}

div#descriptioncontact {
	margin: 40px 0px 0px 20px;
	float: left;
	width: 650px;
}

p#plan {
	font-size: 18px;
	text-align: center;
	padding-top: 15px;
	color: #AF3900;
	font-weight: bold;
}

div#flashcontact {
	width: 449px;
	height: 250px;
	margin: auto;
	margin-top: 50px;
}

div#descriptionrecrutement {
	margin: 40px 0px 0px 55px;
	float: left;
	width: 500px;
}

#description recrutement ul {
	position: inline;
}


div#linefooterrecrutement {
	width: 940px;
	height: 2px;
	background: url(images/linefooter2.png) repeat-x;
	margin-bottom: 5px;
	margin-top: 30px;
	float: right;
}

.file {
	background: #1e150d;
	border: #322014 solid 1px;
	width: 260px;
	color: #8e7d6a;
	margin: 2px 0px 10px 0px;
	vertical-align: middle;
}

#right a {
	color: #3E3530;
	text-decoration: none;
}


div#montage {
	margin: auto;
	width: 263px;
	height: 229px;
	background: url(images/montage.jpg) no-repeat;
	border: 5px solid #0F0C09;
}


#assurancetitre {
	background: url(images/assurancetitre.png) no-repeat;
	width: 159px;
	height: 40px;
}

p#descriptionassurance1 {
	width: 450px;
	float: left;
	text-align: justify;
	padding-top: 25px;
}

p#descriptionassurance2 {
	width: 450px;
	float: right;
	text-align: justify;
	padding-top: 25px;
}

div#partenaires {
	background: url(images/partenaires.png) no-repeat;
	width: 144px;
	height: 19px;
	margin-top: 30px;
}

div#baticolor {
	background: url(images/baticolor.png) no-repeat;
	width: 186px;
	height: 65px;
	margin-top: 25px;
	float: left;
}

/* Reglages personnels : */
ul , li { margin:0; padding:0; } /* Pas de marges automatique dans les listes */

:focus {outline:none}

h1 { text-align:center; margin:0; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }
img { display:block ; border:0; }/*Aucune bordure sur les <img>*/ 

input { margin:0; vertical-align:middle; } /*Pour que le bouton des form soit aligné avec le input text */