body{
	margin:0;
	padding:0;
	background:url(images/fond.jpg) repeat-x top left #426777;
	font-size:12px;
	color:#888888;
	font-family:arial;
}

img{
	border:0;
}

.clear{
	clear:both;
	height:0px;
}

#global{
	background:url(images/fond_global.png) repeat-y top left;
	width:995px;
	margin:10px auto 0 auto;
}

#gauche{
	float:left;
	width:260px;
	padding:0 0 0 10px;
}

#logo{
	margin:0 0 0 27px;
}

#entreeSogebat{
	margin:15px 0 0 15px;
}

#menu{
	background:url(images/fond_menu.gif) no-repeat top left;
	width:196px;
	height:199px;
	margin:12px 0 0 10px;
}

#menu ul{
	margin:0;
	padding:27px 0 0 10px;
	list-style:none;
}

#menu ul li{
	margin:0 0 5px 0;
}

#menu ul li a{
	color:#888888;
	text-decoration:none;
	padding:0 0 0 15px;
	width:130px;
	display:block;
}

#menu ul li a span{
	border-bottom:1px dotted #888888;
	width:130px;
	display:block;
	padding:0 0 7px 0;
	cursor:pointer;
}

#menu ul li a:hover, #menu ul li a.actif{
	color:#0a3b4f;
	background:url(images/survol_menu.gif) no-repeat left 2px;
	padding:0 0 0 15px;
}

#contact{
	padding:20px 0 0 10px;
	color:#426777;
}

#contact a{
	color:#426777;
}

#contact a:hover{
	text-decoration:none;
}

#contact img{
	float:left;
}

#texteContact{
	float:left;
}

#lien{
	margin:20px 0 10px 8px;
	padding:0 0 0 0px;
	border:1px solid #228264;
	width:198px;
	background:#fff;
}

#lien img{
	margin:0 0 0 0;
}

#lien label{
	color:#fff;
	font-size:14px;
	padding:3px 0 3px 0;
	display:block;
	text-align:center;
	background:#228264;
}

#lien p,#lien a{
	margin:0;
	padding:0;
}

#droite{
	float:left;
	width:700px;
	padding:0 20px 0 0;
}

#entete{
	background:url(images/fond_entete.jpg) no-repeat top left #f8f8f8;
	width:694px;
	margin:0 0 0 8px;
}

#entete h1{
	font-size:22px;
	color:#0a3b4f;
	font-style:italic;
	width:455px;
	padding:11px 0 0 0;
	margin:0 35px 0 22px;
	font-weight:normal;
	letter-spacing:2px;
	float:left;
	display:inline;
}

#entete h1 span{
	color:#fff;
}

#entete p{
	margin:0;
	padding:10px 0 0 0;
	text-align:right;
	font-size:11px;
	color:#888888;
}
#entete img{
	float:left;
}

#entete p a{
	text-decoration:none;
	color:#888888;
	padding:0 0 0 0;
	margin:0 5px 0 5px;
}

#entete p a:hover{
	text-decoration:underline;
}

#page{
	margin: 55px 0 0 0;
	padding:0 0 15px 25px;
	width:680px;
}

#pageAccueil{
	margin: 0 0 0 0;
	padding:0 0 15px 25px;
	width:680px;
}

a.btnAccueil{
	margin:0 0 10px 0;
	display:block;
}

a.btnAccueil:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#diapo{
	float:left;
}

#page h3,#pageAccueil h3{
	font-size:18px;
	color:#426777;
	margin:0;
	padding:0;
}

#page h4,#pageAccueil h4{
	color:#46a658;
	font-size:18px;
	margin:15px 0 0 0;
	padding:0;
}

#page h2,#pageAccueil h2{
	color:#426777;
	font-size:24px;
	font-weight:normal;
	background:url(images/fond_titre.jpg) no-repeat center left;
	padding:0 0 0 40px;
	margin:0 0 0 0;
	height:33px;
}

#page a,#pageAccueil a{
	color:#46a658;
	text-decoration:none;
}

#page a:hover,#pageAccueil a:hover{
	text-decoration:underline;
}

#page ul,#pageAccueil ul{
	margin:0 0 0 0;
	padding:20px 0 0 0;
	list-style:none;
}

#page ul li,#pageAccueil ul li{
	background:url(images/puce_carre.gif) no-repeat left 3px;
	padding:0 0 0 15px;
	margin: 0 0 5px 0;
}

#renovation{
	float:left;
	margin:22px 0 0 0;
	padding:0 0 0 20px;
}

#constructeurMaison{
	float:left;
	width:290px;
	margin:22px 0 0 0;
	height:220px;
	border-right:1px solid #c8c8c8;
}

#constructeurMaison ul,#renovation ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
}

#constructeurMaison ul li,#renovation ul li{
	margin:0 0 2px 0;
}

#presentation{
	padding:0 0 0 0;
	background:url(images/fond_devis.gif) no-repeat right 245px;
	margin:0 0 20px 0;
}

#presentation h3, #page h3.vert{
	color:#46a658;
	font-size:18px;
	margin:0 0 10px 0;
	padding:0;
}


#fondDemandeDevis{
	background:url(images/fond_devis.gif) no-repeat top left;
	width:600px;
	height:206px;
	margin:0 0 20px 0;
}

#fondDemandeDevis img{
	margin:122px 0 0 100px;
}

#btnDevis{
	margin:116px 0 0 175px;
}

#fondDemandeDevis a:hover img{
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8;
}

/*****************	REALISATION	***********************/

#categorie{
	width:240px;
	padding:0 0 50px 0;
	margin:42px 0 0 0;
	float:left;
	background:#ededed;
}

#categorie h3{
	margin:0;
	padding:0 0 5px 20px;
	font-size:16px;
	color:#0a3b4f;
}

#categorie ul{
	margin:0;
	padding:10px 0 0 10px;
	list-style:none;
	width:230px;
	/*height:400px;*/
}

#categorie ul li{
	margin:0 0 5px 0;
	background:none;
}

#categorie ul li a{
	color:#888888;
	text-decoration:none;
	padding:0 0 0 15px;
	width:130px;
	display:block;
}

#categorie ul li a:hover,#categorie ul li a.actif{
	color:#0a3b4f;
	background:url(images/survol_menu.gif) no-repeat left 2px;
	padding:0 0 0 15px;
}

#categorie ul li a span{
	border-bottom:1px dotted #888888;
	width:130px;
	display:block;
	padding:0 0 7px 0;
	cursor:pointer;
}

.separationRealisation{
	width:200px;
	background:#0a3b4f;
	height:1px;
	margin: 10px auto 10px auto;
}

#categorie p{
	margin:0 0 0 15px;
	padding:0;
	font-size:11px;
	color:#0a3b4f;
}

#photo{
	float:right;
	width:411px;
	margin:15px 0 0 0;
}

#photo p{
	margin:0;
	padding:0;
	width:170px;
	float:left;
}

#pagination{
	float:right;
	text-align:right;
	padding:12px 5px 0 0;
}

#pagination a{
	text-decoration:none;
	color:#0a3b4f;
	display:block;
	float:left;
	padding:2px 5px 2px 5px;
}

#pagination a:hover,#pagination a.actif{
	color:#fff;
	background:#a1b5bd;
}

#photo .vignette{
	width:127px;
	height:95px;
	text-align:center;
	float:left;
	margin:5px 10px 10px 0;
}

#photo .vignette a:hover img{
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8;
}

/*****************	REALISATION	***********************/

/*****************	CONATCT	***********************/

#pageContact{
	color:#426777;
	font-size:12px;
}

form#formContact{
	margin:0;
	padding:0;
	float:left;
}

#formContact label{
	display:block;
	font-weight:bold;
	font-family:verdana;
}

#formContact input{
	display:block;
	margin:0 0 5px 0;
}

input#btnEnvoyer{
	margin:20px 0 0 80px;
}

input#btnEnvoyer:hover{
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8;
}

#googleMap{
	width:330px;
	height:260px;
	float:left;
	margin:0 0 0 20px;
	display:inline;
}

/*****************	CONATCT	***********************/

/******************	PLACEMENT DES IMAGES	************/
	
.imageAGauche{				/* image à gauche dans paragraphe */
	float:left;
	margin:0 10px 4px 0;
}

.imageADroite{				/* image à droite dans paragraphe */
	float:right;
	margin:0 0 5px 10px;
}

.imageCentre{				/* image centrée */
	text-align:center;
}

.imageAligneeDroite{		/* image alignée à droite */
	text-align:right;
}

#page table.map,#pageAccueil table.map{
	margin:0 0 10px 0;
}

#page table.map td.gaucheHaut,#pageAccueil table.map td.gaucheHaut{				/* colonne de gauche */
	padding:0 20px 0 0;		/* marge entre les colonnes */
	vertical-align:top;
}

#page table.map td.droiteHaut,#pageAccueil table.map td.droiteHaut{				/* colonne de droite */
	padding:0;
	vertical-align:top;
}

#page table.map td.gaucheCentre,#pageAccueil table.map td.gaucheCentre{				/* colonne de gauche */
	padding:0 20px 0 0;		/* marge entre les colonnes */
}

#page table.map td.droiteCentre,#pageAccueil table.map td.droiteCentre{				/* colonne de droite */
	padding:0;
}

#page table.map td.gaucheBas,#pageAccueil table.map td.gaucheBas{				/* colonne de gauche */
	padding:0 20px 0 0;		/* marge entre les colonnes */
	vertical-align:bottom;
}

#page table.map td.droiteBas,#pageAccueil table.map td.droiteBas{				/* colonne de droite */
	padding:0;
	vertical-align:bottom;
}

#page table.map td.gaucheHaut table,#pageAccueil table.map td.gaucheHaut table{				
	margin:0 0 14px 0;
}

#page table.map td.droiteHaut table,#pageAccueil table.map td.droiteHaut table{				
	margin:0 0 14px 0;
}

#page table.map td.gaucheCentre table,#pageAccueil table.map td.gaucheCentre table{				
	margin:0 0 14px 0;
}

#page table.map td.droiteCentre table,#pageAccueil table.map td.droiteCentre table{				
	margin:0 0 14px 0;
}

#page table.map td.gaucheBas table,#pageAccueil table.map td.gaucheBas table{			
	margin:0 0 14px 0;
}

#page table.map td.droiteBas table,#pageAccueil table.map td.droiteBas table{			
	margin:0 0 14px 0;
}


#page table.map td.gaucheHaut td,#pageAccueil table.map td.gaucheHaut td{				
	border-right:1px solid #aaafb2;
	border-bottom:1px solid #aaafb2;
	padding:5px;
}

#page table.map td.droiteHaut td,#pageAccueil table.map td.droiteHaut td{				
	border-right:1px solid #aaafb2;
	border-bottom:1px solid #aaafb2;
	padding:5px;
}

#page table.map td.gaucheCentre td,#pageAccueil table.map td.gaucheCentre td{				
	border-right:1px solid #aaafb2;
	border-bottom:1px solid #aaafb2;
	padding:5px;
}

#page table.map td.droiteCentre td,#pageAccueil table.map td.droiteCentre td{				
	border-right:1px solid #aaafb2;
	border-bottom:1px solid #aaafb2;
	padding:5px;
}

#page table.map td.gaucheBas td,#pageAccueil table.map td.gaucheBas td{				
	border-right:1px solid #aaafb2;
	border-bottom:1px solid #aaafb2;
	padding:5px;
}

#page table.map td.droiteBas td,#pageAccueil table.map td.droiteBas td{			
	border-right:1px solid #aaafb2;
	border-bottom:1px solid #aaafb2;
	padding:5px;
}

/******************	PLACEMENT DES IMAGES	************/

/******************	PAGE ART CHARPENTE COUVERTURE	********/

#global2{
	background:#fff;
	width:995px;
	margin:10px auto 0 auto;
	color:#000;
}

#logo2{
	margin:0 0 0 0;
}

#contact2{
	padding:20px 0 0 0;
	color:#000;
	text-align:center;
	width:210px;
}

#contact2 a{
	color:#426777;
}

#contact2 a:hover{
	text-decoration:none;
}

#bandeauHaut,#bandeauBas{
	margin:20px 0 10px 0;
	width:710px;
}

#bandeauHaut img,#bandeauBas img{
	float:left;
	margin:0 10px 0 0;
}

/******************	PAGE ART CHARPENTE COUVERTURE	********/