/* 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,/*em,strong,*/th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none; background:none; }
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;/*font-weight:normal;*/}
q:before,q:after{content:'';}
a,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}

body#main{
	/*background: red url(gx/bg.png) repeat-x top center;*/
	background: #000 url(gx/imageFond.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	position:relative;
	text-align:center;
	/*position:relative;*/
	
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color: #d1772d; font-size:15px; margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{color:#d1772d;}

h2{color: #d1772d; font-size:13px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#d1772d;}

h3{color: #d1772d; font-size:13px; margin-bottom:4px;}
h3 a, h3 a:link, h3 a:visited{color:#d1772d;}

p{font-size: 12px; line-height: 150%; color: #c6c1ac; text-align: justify;}
.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#d1772d; text-decoration:none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#d1772d; text-decoration:underline;
}

.sousTitre{color: #d1772d;}

ul li{color:#c6c1ac; font-size:12px; line-height:150%; list-style:none; background: url(gx/bullet.gif) no-repeat left 7px; margin-left:10px;padding-left:10px;}
ol li{color:#c6c1ac; font-size:12px; line-height:150%; margin-left:16px;}

/* Map
--------------------------------------------------------------------------------------- */
#map{float:right;height:300px; width: 400px; margin:0 0 10px 10px;border:3px solid #636363;}
/*#formDirection fildset{margin:0; padding:0; }
#formDirection .champTexte{color:##4E677A; float:left;font-size: 12px;width:180px; margin-left:0;}
.conteneurDirection{	background: #FFF;}
.conteneurDirection a{color:#000;}*/

/* 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;}
.lienRetour{background: url(Gx/bullet.gif) no-repeat right;padding:5px 10px 5px 0px;}
.lienMicroSite, .lienMicroSite:link, .lienMicroSite:visited{background: url(Gx/m/bgLienSite.jpg) no-repeat right;color:#8b3e00;display:block;font-size:17px;font-weight:bold;height:70px;line-height:70px;padding:0px 0px 0px 391px;}
.lienMicroSite:hover, .lienMicroSite:hover:visited{color:#8b3e00;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#imageFond{
	/*background: #000 url(gx/imageFond.jpg) repeat-x center top;*/
	background: transparent url(gx/bg.png) repeat-x fixed top center;
	/*position:absolute;
	z-index:1;*/
	margin: 0;
	padding: 0;
}


#conteneur{
	margin: 0 auto 0 auto;
	position:relative;
	text-align:left;
	width:1000px;
}

#contenuAccueil{
	clear:both;
	display: block;
	float: none;
	padding: 140px 0 0 0 ;
	margin:0 15px;
}
#contenu{
	background: url(gx/m/bg_contenu.png) no-repeat;
	float: right;
	padding-top: 5px;
	margin:46px 15px 0 0;_margin-right:7px;
	width: 730px;
	min-height: 500px; height:100%; _height:500px;
}

#boiteLien{
	background: #262626;
	margin:0 10px;
	padding:10px;
}

.imgTitre{float:right;	margin: 10px 21px 10px 0;}
.imgTitreAccueil{display:none;float:right;	margin: 120px 21px 0px 0;}

.both{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;}
.colorGreen{color:green;}

.maj{text-transform:uppercase;}

.boiteMoitie{width:50%;}
.boiteTiers{width:33%;}
.boiteQuart{width:25%;}
.boiteDeuxTiers{width:66%;}
.padding10{padding:10px;}
.margin10{margin:10px;}
.marginLeft10{margin-left:10px;}
.marginRight10{margin-right:10px;}
.noWrap{white-space: nowrap;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu{background: url(gx/m/bg_menu.png) no-repeat; float:left;  margin:42px 0 0 17px; _margin-left: 10px; padding:0;width:220px;}
#logo{margin:10px;}
#menu ul{margin:0;padding:0;}
#menu ul li{background:none; padding:0; margin: 0; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #FFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 34px;
	height: 34px;
	margin:0;
	padding: 0px 10px 0px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#d1772d;}
#menu ul li a.actif, #menu ul li a.actif:visited, #menu ul li a.actif:hover{line-height: 34px;background:url(gx/m/bg_menu_on.png) no-repeat; color:#141514;}

#menuProjetLateral{background: url(gx/m/bg_sousMenu.png) no-repeat; float:left; margin-top:150px; padding:10px 0;  width: 220px; }
#menu ul li #menuProjetLateral a,#menu ul li #menuProjetLateral a:link, #menu ul li #menuProjetLateral a:visited{
	background: url(gx/bullet.gif) no-repeat 10px center;
	color: #e6e3d7;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height:25px;
	padding: 0px 10px 0px 20px;
	text-decoration: none;
	text-transform: none;
}
#menuProjetLateral a:hover, #menuProjetLateral a:visited:hover{color:#d1772d;}
#menuProjetLateral a.actif, #menuProjetLateral a.actif:visited{color:#d1772d;}

#menu .sousMenuDeroulant{display: none; padding:0;width:159px;}
#menu .sousMenuDeroulant ul{background: transparent url(gx/m/bg_sousMenu.png) no-repeat;margin:0;padding:10px 0;width:159px;}
#menu .sousMenuDeroulant ul li{background:none; padding:0; margin: 0; list-style-type:none;}
#menu .sousMenuDeroulant ul li a, #menu .sousMenuDeroulant ul li a:link, #menu .sousMenuDeroulant ul li a:visited{
	background: url(gx/bullet.gif) no-repeat 10px center;
	color: #e6e3d7;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	padding: 0px 10px 0px 20px;
	text-decoration: none;
	text-transform: none;
}

#menu .sousMenuDeroulant ul li a:hover, #menu .sousMenuDeroulant ul li a:visited:hover{color:#d1772d;}
#menu .sousMenuDeroulant ul li a.actif, #menu .sousMenuDeroulant ul li a.actif:visited{line-height: 34px;background:url(gx/m/bg_menu_on.png) no-repeat; color:#141514;}

#sousMenu_Projet{ top:195px; left:237px; _left:240px; position:absolute; width:160px;z-index:100;}

#menuSec{float:right;}

#navPage{float:left; height:34px; margin:0 15px; padding:0;}
#navPage a, #navPage a:link, #navPage a:visited{
	padding: 0 5px;
}
#navPage a:hover, #navPage a:visited:hover{}
#navPage a.actif, #navPage a.actif:visited {color:#e4eacd;background: #282828;font-weight:bold; text-decoration: none;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#boiteProjet{height: 165px; float:left; margin-right: 18px; width:224px;}
#boiteProjet.dernier{margin:0;}
#boiteProjet .titreProjet{background: url(gx/m/bg_bouton.gif) no-repeat; color: #f09f5e; font-size:11px; height: 31px;padding: 3px 10px 0 10px; width: 225px;_width:205px;}
#boiteProjet .titreProjet strong{color: #f09f5e; font-size:11px; text-decoration: none;}
/*#boiteProjet .imgProjet{background: #000;	float: left;}*/

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
#formQuestion fieldset label{width:100px;}
#formQuestion .champTexte{width:300px;}
#formQuestion .listeDeroulante{width:300px;}
#formQuestion .boiteTexte{height:70px;width:300px;}

/* PAGE RÉFÉRER CE SITE
--------------------------------------------------------------------------------------- */
#formReferer fieldset label{width:150px;}
#formReferer .champTexte{width:300px;}

/* PAGE RÉALISATION
--------------------------------------------------------------------------------------- */
#boiteRealisation{margin: 0 5px; width: 220px;}
/*#boiteRealisation .imgRealisation{height: 137px;overflow: hidden;}*/
#boiteRealisation .imgRealisation a{display:block; height:137px;overflow: hidden;}

/* PAGE MODELES
--------------------------------------------------------------------------------------- */
#boiteModele{margin: 5px 5px; width: 165px;border:0px solid #484848;}
/*#boiteRealisation .imgRealisation{height: 137px;overflow: hidden;}*/
#boiteModele p{margin:4px;}

#boiteModele .imgModele a{display:block; height:121px;overflow: hidden; }

/* PAGE TERRAINS
--------------------------------------------------------------------------------------- */
#boiteTerrain{margin: 5px 5px; width: 165px;}
/*#boiteRealisation .imgRealisation{height: 137px;overflow: hidden;}*/
#boiteTerrain p{margin:4px;}

#boiteTerrain .imgTerrain a{display:block; height:121px;overflow: hidden; }

/* PAGE TERRAINS
--------------------------------------------------------------------------------------- */
#boitePhoto{margin: 5px 5px; width: 165px;}
/*#boiteRealisation .imgRealisation{height: 137px;overflow: hidden;}*/
#boitePhoto p{margin:4px;}

#boitePhoto .imgPhoto a{display:block; height:111px;overflow: hidden; }


/* PAGE VISITEVIRTUELLE
--------------------------------------------------------------------------------------- */
#boiteVisite{margin: 5px 5px; width: 165px;}
#boiteVisite p{margin:4px;}

#boiteVisite .imgPhoto a{display:block; height:111px;overflow: hidden; }



/* PAGE PROJETS
--------------------------------------------------------------------------------------- */
#hautProjet{float:left; margin-bottom: 15px; _margin-bottom:-40px;}
#boiteInfoProjet{
	background: url(gx/m/bg_boiteInfoProjet.gif) no-repeat;
	float:left;
	height: 266px;
	margin-left:5px;
	overflow: hidden;
	padding: 5px 0 ;
	width: 212px;
	text-align: center;
}
#boiteInfoProjet p{color: #2e3130;font-size: 11px;line-height: 120%;text-align:center;}
#boiteInfoProjet .separateur{background: url(gx/m/separateur.gif) no-repeat; height: 1px; margin-bottom:5px;}

#menuProjet{float:left; margin:0; padding: 0; width:500px;}

a.lienBouton, a.lienBouton:link, a.lienBouton:visited{
	background: url(gx/m/bg_menuProjet.gif) no-repeat left;
	color: #f09f5e;
	display: block;
	float:left;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	padding-left: 15px;
	margin: 0 5px 5px 0;
	width:228px;
	text-decoration: none;
}
a.lienBouton:hover, a.lienBouton:visited:hover{background: url(gx/m/bg_menuProjet_over.gif) no-repeat center;}
a.lienBouton.actif{background: url(gx/m/bg_menuProjet_over.gif) no-repeat center;}

a.lienVisite, a.lienVisite:link, a.lienVisite:visited{
	background: url(gx/m/bg_lienVisite.gif) no-repeat left;
	color: #ffbb84;
	display: block;
	float:left;
	font-weight: bold;
	height: 73px;
	line-height: 73px;
	padding-left: 15px;
	margin: 0;
	width:195px;
	text-decoration: none;
}
a.lienVisite:hover, a.lienVisite:visited:hover{background: url(gx/m/bg_lienVisite_over.gif) no-repeat center;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{background: url(gx/m/bg_piedPage.png) no-repeat; color:#c6c1ac; display: block; font-size:11px; padding:20px 10px 20px 10px; width:719px; float:right;}
#piedPage a{color:#c6c1ac; text-decoration:underline;}
#piedPage a:hover{color:#c6c1ac;}
#piedPage p{color:#555;font-size:11px;padding-right:20px; }

#copyrights{color:#949494;float:right; margin:0;padding:5px 0 5px 0; text-align:left;width:739px;}
#copyrights a, #copyrights a:link, #copyrights a:visited{color:#949494;text-decoration:none;}
#copyrights a:hover; #copyrights a:visited:hover;{font-weight:normal; text-decoration:underline; color: #949494;}

#menuBas{color:#949494;float:left;text-align:left;}
#menuBas a, #menuBas a:link, #menuBas a:visited{
	color:#949494;
	font-size: 10px;
	line-height: 160%;
	margin:0 8px;
	text-decoration: none;
	text-transform: uppercase;
}
#menuBas a.premier, #menuBas a.premier:link, #menuBas a.premier:visited{margin-left:0;}
#menuBas a:hover, #menuBas a:visited:hover{color:#d1772d;}

#piedPage.piedPageAccueil{
	background: url(gx/m/bg_piedPageAccueil.png) no-repeat top right; margin-right:25px;width:925px;
}
#copyrights.copyrightsAccueil{
	width:965px; 
}
/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;margin-right:20px;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 0px solid #999; color:#c6c1ac; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{ color:#c6c1ac; display: block; float:left; font-size:12px; margin:2px 0 2px 0;}


.champTexte{
	background: #FFF;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	display: block;
	float: left;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #FFF;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FFF;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #484848;
	border : #6A6A6A solid 1px;
	color: #c6c1ac;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	padding: 0 5px;
}
.bouton:hover{background-color:#5A5A5A;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#B70000;}