

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */

body{
	/*background: #f3f3ed url(gx/bgBody.gif) repeat-x;*/
	background: #000 url(gx/bgBody.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
	font: 14px Arial, Verdana, Tahoma, Helvetica;
	
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

a{
	color: #B70101;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.marge20{
	padding: 20px;
	position: relative;	
}

.marge35{
	padding-top: 25px;
	padding-left: 40px;
}

img{
	border: 0 ;
	display: block;
}

#header_impression{
	display: none;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */

#topBg{
	
	width: 985px;
	background: transparent url(gx/bgDeBg.gif) top no-repeat;
}

#lateralBg{
	margin: 0 auto;
	width: 985px;
	background: transparent url(gx/bgY.gif) top repeat-y;
}
#bgBottom{
	width: 945px;
	height: 15px;
	margin: 0 auto;
	background: transparent url(gx/bgBottom.gif) top no-repeat;
}

#conteneur{
	margin: 0 auto;
	text-align:left;
	width:933px;
	border: 6px solid white;
	background-color:#e8e7dd;
	background: transparent url(gx/bgContenu.gif) top repeat-y;
	position: relative;
}

#header{
	width: 945px;
	height: 120px;
	margin: 0 auto;
	position: relative;
}

#logo{

}

#accesSecur{
	width: 152px;
	height: 32px;
	position: absolute;
	bottom: 0;
	right: 70px;
	

}

#accesSecur a{
	text-decoration: none;
}

#langue{
	width: 70px;
	height: 32px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#langue a{
	font-size: 16px;
	text-decoration: none;
	color: #403e27;
	line-height: 30px;
}

#langue a:hover{
	color: #c01a20;
}

#left{
	width: 222px;
	float: left;
	
}

#numeroLeft{
	width:222px;
	height: 92px;
	color: #25230c;
	font-size: 14px;
	line-height: 20px;
	

}

#imageMasson{
	width:222px;
	/*height: 349px;
	min-height: 349px;*/
	height: 270px;
	min-height: 270px; 
	background: transparent url(gx/photo1.jpg) top no-repeat;
	behavior: url(inc/iepngfix.htc);
	/*position: absolute;*/
	/* bottom:50px; */
	left: 0;
	/* border-bottom: 6px solid white; */
}

#right{
	width: 711px;
	float: right;
}

#right h1{
	font-size: 22px;
	font-weight: bold;
}

#texte{

	font-size: 10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bigImg{
	width: 562px;
	height: 346px;
	border: 4px solid white;
	border-top: none;
	float: left;
	
}

#container_smallImg{
	width: 141px;
	height: 346px;
	float: right;
	border-bottom: 4px solid white;
}

#firstBloc{
	width: 137px;
	height: 84px;
	border: 2px solid white;
}

#firstBloc:hover{
	border: 2px solid #b70101;
}

.smallImg{
	width: 137px;
	height: 82px;
	border: 2px solid white;

}

.smallImg:hover{
	border: 2px solid #b70101;
}


#banniere{
	width: 705px;
	height: 346px;
	border-left: 6px solid white;
	border-bottom: 6px solid white;
}

#sousBanniere{
	width: 705px;
	min-height: 89px;
	border-left: 6px solid white;
	border-bottom: 6px solid white;
	background-color:#CC3333;
	clear: both;
	color: white;
	font-size: 12px;
}

#sousBanniere h1{
	font-weight: bold;
	font-size: 13px;
}

#sousBanniere h2{
	font-weight: bold;
	font-size: 13px;
}


.warpBlocAccueil{
	width: 635px;
	height: 135px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.warpBlocAccueil a{
	color: #a58e52;
	font-weight: bold;
	text-decoration: none;
}

.warpBlocAccueil a:hover{
	text-decoration: underline;
}


.blocAccueil{
	width: 635px;
	height: 112px;
	background-color: #d9d8c8;
}

.imgblocAccueil{
	width: 135px;
	height: 89px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	border: 2px solid #fff;

}

.contenuBlocAccueil{
	width: 450px;
	height: 89px;
	float: left;
	margin-left: 15px;
	margin-top: 11px;
	font-size: 12px;
	color: #77765f;
	line-height: 24px;
}

.contenuBlocAccueil h3{
	color: #373434;
	font-size: 13px;
}

.bloc_realisation{
	width: 179px;
	height: 140px;
	float: left;
	margin-right: 30px;

	margin-bottom: 30px;
}

.bloc_realisation img{
	border:2px solid #fff;
}

.bloc_realisation img:hover{
	border:2px solid #B70101;
	
}

.bloc_realisation span{
	width: 179px;
	text-align: center;
	font-weight:bold;
	display: block;
	color: #B70101;
}

.blocNouvelle{
	width: 635px;
	border-bottom: 1px solid #d9d8c8;
}

.contenuBlocNouvelle{
	width: 550px;
	float: left;
	margin-left: 15px;
	margin-top: 11px;
	font-size: 12px;
	color: #989678;
	line-height: 24px;
}

.contenuBlocNouvelle h3{
	color: #373434;
	font-size: 13px;
}

.contenuBlocNouvelle h3 span{
	margin-right: 10px;
}

.contenuBlocNouvelle a{
	color: #B70101;
	font-weight: bold;
	text-decoration: none;
}

.contenuBlocNouvelle a:hover{
	text-decoration: underline;
}

#nextback{
	font-size: 11px;
	margin-left: 30px;
}

.ulAutreRealisations{
	list-style:none;
}

.ulAutreRealisations li{
	list-style-image:none;
	list-style-type:none;
	font-weight:bold;
	font-size: 1em;
	color: #B70101;
}



/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	min-height:439px; 
	width: 222px; 
	margin:0; 
	padding:0;
	background-color: #373434;
	border-bottom: 6px solid #fff;
}

#menu ul{
	margin:0;
	padding:0;
}


#menu ul li{
	margin:0; 
	list-style-type:none;
	display: block;
	width: 200px;
	height: 45px;
	float: right;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display: block;
	height: 25px;
	text-decoration: none;
	font-size: 16px;
	color: #b1ad85;
	padding-top: 20px;
	border-bottom: 1px solid #494444;
}

#menu ul li a:hover, #menu ul li a:visited:hover{border-bottom: 2px solid #656060; height: 24px;}
#menu ul li a.actif, #menu ul li a.actif:hover, #menu ul li a.actif:visited{color:#af0000; background: transparent url(gx/m/btnPrincipal.gif) bottom no-repeat; border: none; width: 200px; height: 35px; text-indent: 15px;}


/*Sous menu*/


#menu ul li ul{
	margin:0; 
	padding:0;
}


#menu ul li ul li{
	margin:0;
	display: block;
	width: 190px;
	height: 20px;
	float: right;
	padding-top: 5px;
	border: none;
}

#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	display: block;
	height: 20px;
	text-indent: 15px;
	background: transparent url(gx/m/sous_menu_row.gif) left no-repeat;
	font-size: 12px;
	color: #fff;
	padding-top: 4px;
	border: none;
}

#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{ border: none; height: 20px; background: #292727 url(gx/m/sous_menu_row_hover.gif) left no-repeat;}
#menu ul li ul li a.sous_actif, #menu ul li ul li a.sous_actif:hover, #menu ul li ul li a.sous_actif:visited{color:#af0000; border: none; background: #292727 url(gx/m/sous_menu_row_hover.gif) left no-repeat; }


/* TEXTES
--------------------------------------------------------------------------------------- */
p{}

ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	color:#555; 
	font-size:10px;
	margin:0; 
	padding:0;
	width: 933px;
	height: 50px;
	background-color:#1c1a02;
	position:relative;
}

#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}

#copyrights{color: #817e54; font-size: 11px; margin:0 auto; text-align:center;}
#copyrights a{font-weight:bold; margin: 0 auto;}
#copyrights a:hover{text-decoration: underline;}
#copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color:#555;}

#logoBBB{position:absolute; top:3px; left:55px;}

#menuBottom{
	text-align: center;

}

#menuBottom a{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #c3ba98;
	text-decoration: none;
	margin-right: 15px;
}

#menuBottom a:hover{
	text-decoration: underline;
	color: #c3ba98;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; :10px; padding: 5px; }
fieldset legend{font-size:14px; font-weight: bold; color:#000; padding:3px; border:1px solid #999;}
fieldset label{ color:#000; margin:2px 0 2px 0;}

label{ font-weight: bold; font: 14px Arial, Verdana, Tahoma, Helvetica;}

/*.champTexte{	
	background: #FFF;
	border: 2px solid #d9d8c8;
	color: #a85d36;
	font: 14px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 6px;
	padding-left: 3px;
	height: 22px;
	display: block;
}*/
.champTexte{
	border: 1px solid #CCC;
	color: #000;
	font: 14px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 3px;
	padding-left: 3px;
	height: 18px;
	line-height: 14px;
	display: block;
}


.listeDeroulante{
	background: #FFF;
	border: 2px solid #d9d8c8;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	height: 22px;
	padding-left: 3px;
	padding-top: 3px;
	display: block;
}

.boiteTexte{
	background: #FFF;
	border: 2px solid #d9d8c8;
	color: #000;
	font: 14px Arial, Verdana, Tahoma, Helvetica;
	width: 400px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	display: block;
}

.bouton{
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	background: #fff;
	border: 2px solid #d9d8c8;
	color: #000;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;
}

.bouton:hover{
	background: #FFF;
	color: #950000;
}
	
.erreur {
color:#FF0000;
}

.boutonRadio{background: #EEF3F7;color:#4E677A;font-size:11px;}
.caseaCocher{border: none;}
.erreur{color:#FF0000;}
.champCache{display:none;visibility:hidden;} /* Utilisé pour l'antiSpam */

#contactLeft{
	float: left;
	width: 40%;
}

#contactRight{
	float: left;
	margin-left: 20px;
	width: 325px;
	font-size: 14px;
	line-height: 25px;
}

#autreRealisation{
	position: absolute;
	right: 75px;
	bottom: 20px;
	height: 25px;
	width: 150px;
	line-height: 25px;
}

#sousCategorie{
	width: 100%;
}

#sousCategorie li{
	display: inline;
	list-style-type:none;
}

.sous_CAT{
	text-decoration: underline;
}

#noImgRealisation a{
	display: block;
	margin: 25px;
	width: 100px;
	height: 50px;
	float: left;
}

#plan li {
	list-style-type: disc;
}

#plan li a{
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}

#plan li a:hover{
	text-decoration: underline;
}

#plan2 li {
	list-style-type: disc;
}

#plan2 li a{
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	margin-top: 10px;
	display: block;
	color: black;
}

.lienRSS {
	background:transparent url(Gx/rss.gif) no-repeat scroll left center;
	padding:5px 0 5px 20px;
	font-size: 12px;
	color: #F39939;
	font-weight: normal;
	text-decoration: underline;
}

#spacer{
	width: 222px;
	height: 276px;
}















