/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a,a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
html{
	color: #000;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

body#main{
	background: #FFF url(Gx/bg_main.gif) repeat-x 0px 0px;
	text-align:center;
}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited{
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	outline: none;
}
a:hover{
	text-decoration: none;
}

h1{
	color:#545454; 
	font-size:16px; 
	display: block;}

h2{
	color: #9a2121;
	font: 17px Arial;
}	
	
h2 a, h2 a:link, h2 a:visited{
	color: #9a2121;
	font: 17px Arial;
	text-decoration: none;
}
h2 a:hover, h2 a:visited:hover{
	text-decoration: underline;
}
	
h3{
	color: #9a2121;
	font: bold 15px Arial;
	text-transform: uppercase;
}
	
a.visite, a.visite:link, a.visite:visited{
	font-weight: bold;
	text-decoration: none;
	color: #2F1A07;
}
a.visite:hover, a.visite:visited:hover{
	text-decoration: underline;
	color: #2F1A07;
}
.bold{font-weight: bold;}	
	
h4{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #686868;
}

p.texte{
	text-align: justify;
}

ul.siteplan{
	list-style-type: disc;
	margin: 0 0 0 20px; 
}
ul.siteplan li{
	padding: 0 0 4px 0;
}
ul.siteplan ul{
	list-style-type: disc;
	margin: 5px 0 0 20px; 
}

a.btn_voir, a.btn_voir, a.btn_voir{
	background: transparent url(Gx/01/btn_voir_bg.gif) no-repeat 0px 0px; 
	position: relative;
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	/*padding: 0 40px 0 9px;*/
	width: 131px;
	text-indent: 9px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
}
a.btn_voir:hover{
	background: transparent url(Gx/01/btn_voir_bg.gif) no-repeat 0px -26px; 
}
a.btn_voir span{
	background: transparent url(Gx/01/btn_voir_end.gif) no-repeat 0px 0px;
	/*background: Aqua;*/
	
	display: block;
	width: 38px;
	height: 26px;
	position: absolute;
	top: 0px;
	left: 93px;
	/*left: 0px;*/
	/*right: 0px;*/
}
a.btn_voir:hover span{
	background: transparent url(Gx/01/btn_voir_end.gif) no-repeat 0px -26px;
}


/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}


/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
	padding: 10px 0 0 0;
	background: none;
}

#header{
	position: relative;
	width: 1000px;
	height: 98px;
	height: 372px;
	background:  transparent url(Gx/bg_header.gif) no-repeat 0px 0px;
	
}
#logo{
	position: absolute;
	top: 22px;
	left: 48px;
}
#h_telephone{
	position: absolute;
	top: 23px;
	left: 850px;	
}

#imageswapper{
	display: block;
	width: 1000px;
	height: 274px;
	position: absolute;	
	top: 98px;
	left: 0px;
	background: none;
	/*overflow: hidden;	*/
}	
#imageswapper img{
	display: block;
	
}
#imageswapper #headerprojet{
	width: 1000px;
	height: 274px;
	overflow: hidden;
	position: relative;
	background: none;
}
#imageswapper #headerprojet #innerheaderprojet{
	position: absolute;
	width: 643px;
	height: 268px;
	top: 0px;
	left: 315px;
	background: none;
	text-align: center;
	overflow: hidden;
	background-color:#fff;
	border:3px solid #fff;
}
#imageswapper #headerprojet #innerheaderprojet img{
	/*position: relative;
	top: 0px;
	left: 34px;*/
	margin: 0 auto 0 auto;
	
}

#contenu{
	margin: 0 auto 0 auto;
	width: 930px;
	background: none;
	padding: 1px 0 0 0;
}

#left{
	float: left;
	width: 280px;
	margin-top: -193px;
	position:relative;
}

#right{
	float: right;
	width: 627px;
	background: none;
	overflow: hidden;
}

#mapcontainer{
	width: 280px;
	height: 174px;
	position: relative;
	z-index: 1;
}

#outermap{
	position: absolute;
	top: -82px;
	left: 0px;
	width: 280px;
	height: 256px;
	background: #000;
	overflow: hidden;
}

#mapheader{
	background: #de7e00;
	height: 42px;
	position: relative;
	z-index: 100;

}
#mapheader img{
	position: absolute;
	top: 42px;
	left: 270px;
}

#mapheader span{
	position: absolute;
	top: 13px;
	left: 14px;
	display: block;
	width: 255px;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	background: none;
	overflow: hidden;
}


#map{
	position: relative;
	width: 280px;
	height: 214px;
	overflow: hidden;
}

.both{clear:both;}

/* Nouvelles classes bientôt dispo
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.floatLeft{float:left;}
.floatRight{float:right;}

.sansBorder{border:none;}
.sansPadding{padding:0;}
.sansMargin{margin:0}
*/

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{
	position: absolute;
	top: 57px;
	left: 254px;
	width: 710px;
	height: 41px;
	background: none;
	z-index: 10;
}
#menu ul{
	list-style-type:none;	
}

#menu li{
	position: relative;
	background: transparent url(Gx/M/menu_li_bg.gif) no-repeat top right;
	height: 41px;
	padding: 0 2px 0 0;
	list-style-type:none;
	float: right;
	display: block;}
#menu li.last{
	background: none;
	padding: 0px;}
#menu li a, #menu li a:link, #menu li a:visited{
	background: transparent url(Gx/M/menu_bg.gif) repeat-x 0px 0px; 
	display: block;
	float: left;
	height: 41px;
	line-height: 41px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0 15px;
}
#menu li a:hover{
background: transparent url(Gx/M/menu_bg.gif) repeat-x 0px -41px; 
}
#menu li a.actif, #menu li a.actif:link, #menu li a.actif:visited, #menu li a.actif:hover{
	background: #ae1e0b; 	
}

#menu ul ul{
	display: none;
	position: absolute;
	top: 41px;
	left: 0px;
	width: 170px;
	background: none;	
}

#menu li:hover ul{
	display: block;
}

#menu li:hover > a{
background: transparent url(Gx/M/menu_bg.gif) repeat-x 0px -41px; 
	/*background: transparent url(Gx/M/menu_bg_a.gif) repeat-x 0px -45px;   
	color: #3b3b3b;	*/	
}

#menu li li{
	background: #7d1500;
	height: 32px;
	padding: 0px;
	float: left;
}
#menu li li a, #menu li li a:link, #menu li li a:visited{
	background: #ae1e0b; 	
	width: 170px;
	text-align: left;	
	font-size: 12px;
	font-weight: normal;
	height: 31px;
	line-height: 31px;
	padding: 0px;
	text-transform: capitalize;
	text-indent: 15px;
}
#menu li li a:hover{
	background: #7d1500; 	
	
}


/* Navigation secondaire */
#menuSec{
	position: absolute;
	top: 13px;
	right: 27px;
	width: 400px;
	height: 31px;
	background: none;
	list-style-type:none;

}
#menuSec li{
	float: right;	
	display: block;
	list-style-type:none;

}
#menuSec a, #menuSec a:link, #menuSec a:visited{
	float:left;
	display: block;
	height: 31px;
	line-height: 31px;
	color: #343434;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding: 0 20px;
	margin: 0 5px 0 0;
	font-size: 12px;}
#menuSec a:hover, #menuSec a.actif, #menuSec a.actif:link, #menuSec a.actif:visited{
	background: #FFF url(Gx/arrow_black.gif) no-repeat top center;	
}
	

	
/* Navigation en bas-de-page */
#menuBas{
	background: none;
	line-height: 22px;
}

#menuBas ul{
	list-style-type:none;}
#menuBas li{
	display:inline;  
	padding: 0 12px 0 0;
	list-style-type:none; }
#menuBas a, #menuBas a:link, #menuBas a:visited{
	font-size: 12px;
	color: #353535;
	font-weight: normal;
	text-decoration: none;
}
#menuBas a:hover, #menuBas a.actif, #menuBas a.actif:link, #menuBas a.actif:visited{
	color: #ae1e0b; 
}
/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */



/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}
#boiteFormQuestion{float:right;width:370px;}

#formQuestion{float:right;width:370px;}
#formQuestion label{float:left;width:80px;}
#formQuestion .champTexte{float:left;width:200px;}
#formQuestion .listeDeroulante{float:left;width:200px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	background: #e8e7e1;
	padding: 21px 13px 0 13px;
	text-align: left;
}
#piedPage_left{
	float: left;
	width: 675px;
}
#piedPage_right{
	float: right;
	width: 200px;
}

#copyrights{
	padding: 3px 0 0 0;
}


#copyrights a, #copyrights a:link, #copyrights a:visited{
	font-weight:normal;
	color: #4c4c4a;
	font-size: 11px;
	text-decoration: none;}
#copyrights a:hover{
	text-decoration: underline;	
}

#piedtexte {float:left; color:#7d7b83; text-decoration:none; width:930px; font-size:11px ; text-align:justify; padding: 0 0 0 0;}
#piedtexte a{color:#7d7b83; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#7d7b83;}

/* Partager cette page (bookmarker) */
#socialBookmarker{
	background: transparent url(Gx/logo_vortex.gif) no-repeat 0px 2px;
	padding: 0 0 0 22px;
	float:right;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}


#contact_left{
	background: #e8e7e1 url(Gx/formulaire_bg.gif) no-repeat 0px 0px;
	width: 280px;
	/*float: left;*/
}
#contact_left div{
	padding: 0 0 0 17px;	
}

#contact_left label{ font-weight: normal; }
#contact_left .champTexte{	
	background: #f5f4f0;
	border: 1px solid #c8c8c6;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 244px;
	height: 18px;
	line-height: 14px;
	display: block;
	margin:0 0 8px 0;}
#contact_left .listeDeroulante{
	background: #f5f4f0;
	border: 1px solid #c8c8c6;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 244px;
	padding-left: 3px;
	height: 17px;
	line-height: 14px;
	margin:0 0 8px 0;
	display: block;}
#contact_left .boiteTexte{
	background: #f5f4f0;
	border: 1px solid #c8c8c6;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 244px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	margin:0 0 8px 0;
	display: block;}
#contact_left .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: transparent url(Gx/formulaire_btn_bg.gif) repeat-x 0px 0px;
	border: none;
	color: #FFF;
	cursor: pointer;
	height: 24px;
	width: 89px;
	font-weight: bold;
	padding: 0px;}
#contact_left .bouton:hover{
	background: transparent url(Gx/formulaire_btn_bg.gif) repeat-x 0px -24px;}

.erreur{color:#FF0000;}

#contact label{ font-weight: bold; }
#contact .champTexte{	
	background: #f0efef;
	border: 1px solid #c8c8c6;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 240px;
	height: 18px;
	line-height: 14px;
	display: block;
	margin:0 0 8px 0;}
#contact .listeDeroulante{
	background: #f0efef;
	border: 1px solid #c8c8c6;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 240px;
	padding-left: 3px;
	height: 17px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 480px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: transparent url(Gx/formulaire_btn_bg.gif) repeat-x 0px 0px;
	border: none;
	color: #FFF;
	cursor: pointer;
	height: 24px;
	width: 89px;
	font-weight: bold;
	padding: 0px;}
#contact .bouton:hover{
	background: transparent url(Gx/formulaire_btn_bg.gif) repeat-x 0px -24px;}

.colleft{
	float: left;
	width: 300px;}
	
.projetlist{
	float: left;
	width: 627px;
	border-bottom: 1px #dedede solid;
	padding-bottom: 15px;
}
.projetlist .photoext, #colprojetdetail .photoext{
	float: left;
	width: 188px;
	background: url(Gx/01/photoext_bg.gif) repeat-y left;
}
.projetlist .photo, #colprojetdetail .photo{
	float: left;
	width: 188px;
	background: url(Gx/01/photo_bg.gif) no-repeat top left;
	padding-top: 6px;
}
.projetlist .photoint, #colprojetdetail .photoint{
	float: left;
	width: 184px;
	background: url(Gx/01/photoint_bg.gif) no-repeat bottom left;
	padding-bottom: 6px;
	padding-left: 4px;
}
.projetlist .blocphoto{
	margin: 0 10px 0 0;
	float: left;
	width: 188px;
	font-size: 11px;
}
.projetlist .blockphoto span{
	font-weight: bold;
	font-size: 12px;
}
.projetlist p, .projetlist h2{
	width: 424px;
	float: right;
}	
	
table.unite{
	width: 627px;
	font: 12px Arial;
}
table.unite tr{
	background-color: #F8F8F8;
}
table.unite td{
	padding: 2px 0;
}
table.unite th{
	color: #fff;
	background: url(Gx/01/th_bg.gif) repeat-x top;
	font-weight: bold;
	padding-left: 15px;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
}
table.unite th .fr{float: right;padding-right: 16px;}
table.unite th .en{float: right;padding-right: 20px;}
table.unite tr.titre td{
	background-color: #C5C5C5;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}
table.unite td.petitpad{
	padding-left: 5px;
}
table.unite td.centre{
	text-align: center;
}
table.unite tr.vendu{
	background-color: #ECECEC;
}
table.unite td.vendu{
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}
table.unite td a, table.unite td a:link, table.unite td a:visited{
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	
}
table.unite td.vendu a, table.unite td.vendu a:link, table.unite td.vendu a:visited{
	font-size: 12px;
	background: url(Gx/01/pasvendu_bg.gif) no-repeat left top;
	padding-left: 15px;
}


table.unite td a:hover, table.unite td a:visited:hover{
	text-decoration: underline;
}

.btnvisite{float: right;}