/* 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;}
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#main{
	background: #1a1a1a url(gx/M/bodyBg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
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: #fff; font-size:15px; margin-bottom:6px;}*/
h1{background: url(gx/m/bgTitrePage.gif) no-repeat top left; width:100%; height:37px; margin-bottom:15px; padding:12px 0 0 30px; margin-bottom:6px; color: #fff; font-size:19px; line-height:95%; display:block;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}
#bgTitrePage{background-color:#191919; padding-right:10px;}

/*H1 01_100*/
#titrePageMain{background:url(gx/M/titrePageLogoTigre.gif) no-repeat top left; padding:3px 0 0 30px; margin-bottom:6px; color: #fff; font-size:19px; line-height:95%;}
.titrePage, .h1{background:url(gx/M/titrePageLogoTigre.gif) no-repeat top left; padding:12px 0 0 30px; margin-bottom:6px; color: #fff; font-size:20px;}

#titreFirstNouvelle{margin-bottom:6px; color: #fff; font-size:15px; background:none; padding:0; width:}


p{font-size: 12px; line-height: 150%; color: #fff;}
p.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:#fff; text-decoration:underline;}
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:#9e7f2d; text-decoration:underline;
}
ul{display:block;}
ul li{color:#fff; font-size:12px; line-height:150%; }
ol li{color:#1F1F1F; font-size:12px; line-height:150%; margin-left:16px;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:960px;
	min-height:610px;
	position:relative;
}
/** html #conteneur{height:810px;}
*+ html #conteneur{height:810px;}*/

#btBasDePage{
	/*background: #1f1e1e url(gx/M/btBasDePageBg.gif) repeat-x center top;*/
	background-color:#fcb55b;
	background: #fcb55b url(gx/M/bg_footer.gif) repeat-x center top;
	text-align:left;
	width:100%;
	height:200px;}
	
#footer{background:url(gx/M/footer.jpg) no-repeat left top; width:960px; margin: 0px auto 0 auto; height:56px;}	

.both{clear:both;}

.lienGeneral{text-decoration:none;color:#9e7f2d;}

/* MODULE_photoViewer
--------------------------------------------------------------------------------------- */
#photoAccueil{width:960px;position:relative; z-index:1;}
#photoAccueil img{display:block;}
#photoAccueil #imageBanniere{
	border:10px solid #333;
	float:left;
}
#listeVignette{float:right;height:267px;width:150px;overflow:hidden;position:relative;}
#photoAccueil ul{margin:0;padding:0;position:absolute;}
#photoAccueil ul li{list-style:none;}
#photoAccueil ul li img{border:1px solid #000;margin-bottom:6px;cursor:pointer;}
#photoAccueil #controles{float:right;text-align:center;width:150px;height:11px;overflow:hidden;}
#photoAccueil #controles img{float:left;cursor:pointer;}

/*.photoActif{border:1px solid #9e7f2d;}*/
#listeVignette .photoActif{border:1px solid #9e7f2d;}
#listeVignette .photoHover{border:1px solid #b3b3b3;}


/* MODULE_texte
--------------------------------------------------------------------------------------- */
#imgPage{float:right; margin: 0 0 10px 10px; padding: 10px; background-color:#303030; width:400px;}
#imgPage span{float:right; background:url(gx/M/imgAgrandir.gif) no-repeat top right; padding-right:25px;}
.moduleTexte ul li{color:#fff; font-size:12px; line-height:150%; background:url(gx/M/puceBlanche.gif) no-repeat center left;padding-left:15px;}

/* MODULE_filDAriane
--------------------------------------------------------------------------------------- */
#filDAriane a{text-decoration:none; color:#717172; }
#filDAriane a:hover{text-decoration:none; color:#9e7f2d; }
.filSeparateur{padding:0 5px 0 5px}

/* MODULE_googlemap
--------------------------------------------------------------------------------------- */
div#carte{border:1px solid #b7b7b7; color:#373737; float:right; margin: 0 0 25px 0; padding: 10px;  width: 450px;}
div#carte div#map{border:1px solid #b7b7b7; width: 100%;height:400px; color: #000;}
div#carte div#formDirection{ margin: 10px 0 0 0;  }

div#carte div#formDirection input#fromAddress{color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #fff; font-size: 12px; text-decoration: none; /*background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px;*/ padding: 0 0 0 14px; } 
div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #373737; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; background: #FFFFFF;}
div#carte a, div#carte a:link, div#carte a:visited, div#carte a:active, div#carte a:hover{ color: #fff; text-decoration: none; }
div#carte p{float:right; font-size: 12px; color:#000000;}
div#carte p a{color:#373737;}
#carte FIELDSET { border: none; padding: 0px; width: 100%; }
#boutonGoogleMap{
	background-color: #EEF3F7;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	width:160px;
}
#boutonGoogleMap:hover{background-color:#303030; color:#fff;}


/* MAIN
--------------------------------------------------------------------------------------- */

img, div {_behavior:url(inc/iepngfix.htc);}

#haut{height:117px;}
#logo{margin:20px 50px 0 45px; float:left; background: url(Gx/M/logo.png) no-repeat top left; width:150px; height:77px; display:block;}
#logoPrint{display:none;}

#bannierePage{border:10px solid #303030;margin-bottom:15px;}

#btnSwapLangue{position:absolute; right:30px; top:0; background: url(gx/m/btnSwapLangue.gif) no-repeat top left; width:79px; height:23px;padding-top:3px;}
#btnSwapLangue a{margin:0px 15px; color:#7c7c7c; font-size:12px; text-decoration:none;}
#btnSwapLangue a:hover{color:#9e7f2d;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu ul{display:block;float:right;padding:0;margin:50px 0 0 0;width:700px;position:relative; z-index:50;}
#menu ul li{list-style-type:none;margin:0;padding:0;position:relative;float:left;}
#menu ul li a{float:left; display:inline;margin:0;padding:0;text-decoration:none;}

/*Menu en francais*/
#menuBtn_fr_1{background:url(gx/m/menu_fr.png) no-repeat 0px 0px; width:150px;height:48px;}
#menuBtn_fr_1:hover, #menuBtn_fr_1.actif{background:url(gx/m/menu_fr.png) no-repeat 0px -48px;}

#menuBtn_fr_2{background:url(gx/m/menu_fr.png) no-repeat -150px 0px; width:110px;height:48px;}
#menuBtn_fr_2:hover, #menuBtn_fr_2.actif{background:url(gx/m/menu_fr.png) no-repeat -150px -48px;}

#menuBtn_fr_3{background:url(gx/m/menu_fr.png) no-repeat -260px 0px;width:110px;height:48px;}
#menuBtn_fr_3:hover, #menuBtn_fr_3.actif{background:url(gx/m/menu_fr.png) no-repeat -260px -48px;}

#menuBtn_fr_4{background:url(gx/m/menu_fr.png) no-repeat -370px 0px; width:110px;height:48px;}
#menuBtn_fr_4:hover, #menuBtn_fr_4.actif{background:url(gx/m/menu_fr.png) no-repeat -370px -48px;}

#menuBtn_fr_5{background:url(gx/m/menu_fr.png) no-repeat -480px 0px; width:110px;height:48px;}
#menuBtn_fr_5:hover, #menuBtn_fr_5.actif{background:url(gx/m/menu_fr.png) no-repeat -480px -48px;}

#menuBtn_fr_6{background:url(gx/m/menu_fr.png) no-repeat -590px 0px ;width:95px;height:48px;}
#menuBtn_fr_6:hover, #menuBtn_fr_6.actif{background:url(gx/m/menu_fr.png) no-repeat -590px -48px;}

/*Menu en anglais*/
#menuBtn_en_1{background:url(gx/m/menu_en.png) no-repeat 0px 0px; width:114px;height:48px;}
#menuBtn_en_1:hover, #menuBtn_en_1.actif{background:url(gx/m/menu_en.png) no-repeat 0px -48px;}

#menuBtn_en_2{background:url(gx/m/menu_en.png) no-repeat -114px 0px; width:114px;height:48px;}
#menuBtn_en_2:hover, #menuBtn_en_2.actif{background:url(gx/m/menu_en.png) no-repeat -114px -48px;}

#menuBtn_en_3{background:url(gx/m/menu_en.png) no-repeat -228px 0px;width:114px;height:48px;}
#menuBtn_en_3:hover, #menuBtn_en_3.actif{background:url(gx/m/menu_en.png) no-repeat -228px -48px;}

#menuBtn_en_4{background:url(gx/m/menu_en.png) no-repeat -342px 0px; width:114px;height:48px;}
#menuBtn_en_4:hover, #menuBtn_en_4.actif{background:url(gx/m/menu_en.png) no-repeat -342px -48px;}

#menuBtn_en_5{background:url(gx/m/menu_en.png) no-repeat -456px 0px; width:114px;height:48px;}
#menuBtn_en_5:hover, #menuBtn_en_5.actif{background:url(gx/m/menu_en.png) no-repeat -456px -48px;}

#menuBtn_en_6{background:url(gx/m/menu_en.png) no-repeat -570px 0px ;width:114px;height:48px;}
#menuBtn_en_6:hover, #menuBtn_en_6.actif{background:url(gx/m/menu_en.png) no-repeat -570px -48px;}


#menu ul li ul{display:none; position:absolute; top:-2px; left:0px; width:240px;}
#menu ul li:hover ul{display:block; background:url(gx/M/sousMenuPrincipalBg.png) repeat top left;}
#menu ul li ul li{/*height:25px;*/ width:100%;}
#menu ul li ul li a{font-size:12px; color:#FFF; font-weight:normal; height:25px; display:block; padding:3px 0 0 15px;}
#menu ul li ul li a:hover{background-color:#000000; width:225px;color:#9e7f2d;}


/* 00_777
--------------------------------------------------------------------------------------- */
#formulaireRefererCeSite{float:left;margin:10px 0 20px 0;}
#refererCollGauche{float:left;width:430px;margin:0 25px 0 0;}
#refererCollDroite{float:left;width:430px;}

/* 00_888
--------------------------------------------------------------------------------------- */
#planDuSite{margin-left:55px;}
#planDuSite ul{margin-left:15px;}
#planDuSite li {color:#fff; line-height:150%; list-style-type:disc;}
#planDuSite li a{color:#fff; text-decoration:none;}
#planDuSite li a:hover{color:#9e7f2d;}
	
/* 01_100
--------------------------------------------------------------------------------------- */
#troisColonneCTA{margin:20px 0 0 0;width:960px;}

/*Colonne Gauche*/
#CTAColonneGauche{background:url(gx/m/separateur.gif) repeat-y top right; width:310px; float:left; margin:0 15px 0 0;padding-right:20px;}
#colonneGaucheContenu{padding-left:30px;}
#colonneGaucheBtImage{background:url(gx/01/cadreImageColGauche.gif) no-repeat top left; width:280px; height:101px;position:relative;}
#colonneGaucheImage{position:absolute; top:14px; left:14px;}
#colonneGaucheSousMenu li{list-style-type:none; background:url(gx/01/colGaucheListeSeparateur.gif) repeat-x top left; padding:5px; margin-left:5px;}
#colonneGaucheSousMenu li a{background:url(gx/01/colGaucheListePuce.gif) no-repeat top left; padding-left:20px; color:#fff; text-decoration:none;}
#colonneGaucheSousMenu li a:hover{background:url(gx/01/colGaucheListePuce_over.gif) no-repeat top left; padding-left:20px; color:#ad820d; text-decoration:none;}

/*Colonne Centre*/
#CTAColonneCentre{float:left; margin:0 15px 0 0;padding-right:20px;}
#colonneCentreContenu{padding-left:40px;}
#colonneCentreBtImage{background:url(gx/01/cadreImageColCentre.gif) no-repeat top left; width:249px; height:122px;position:relative;}
#colonneCentreImage{position:absolute; top:14px; left:14px;z-index:1;}
#bandeauNouveau{position:absolute; top:4px; right:3px; z-index:2;}

/*Colonne Droite*/
#CTAColonneDroite{background:url(gx/m/separateur.gif) repeat-y top left; width:310px; height:340px; float:left;overflow:hidden; padding-left:5px;}
#colonneDroiteContenu{padding-left:17px;}
#colonneDroiteBtImage{background:url(gx/01/cadreImageColDroite.gif) no-repeat top left; width:250px; height:122px;position:relative;}
#colonneDroiteImage{position:absolute; top:14px; left:14px;z-index:1;}
#btnRegarderVideo{position:absolute; top:35px; left:45px; z-index:2;} 

/* 02_400
--------------------------------------------------------------------------------------- */
.btVideo{background-color:#393939; margin-bottom:5px;width:950px;padding:10px;}

.imgVideo{float:left; margin: 0 10px 10px 0; padding: 10px; background-color:#303030; border:1px solid #000;width:225px;}
.imgVideo span{float:right; background:url(gx/M/imgAgrandir.gif) no-repeat top right; padding-right:25px; }

.btIntroVideo{float:left; padding:10px; width:620px;}



/* 05_100 - Réalisations
--------------------------------------------------------------------------------------- */
.btRealisation{background-color:#393939; margin-bottom:5px;width:950px;padding:10px;}

.imgRealisation{float:left; margin: 0 10px 0 0; padding: 10px; background-color:#303030; border:1px solid #000;width:253px;}
.imgRealisation span{float:right; background:url(gx/M/imgAgrandir.gif) no-repeat top right; padding-right:25px; }

.btIntroRealisation{float:left; padding:10px; width:620px;}
.lienRealisation{text-decoration:none;}
.versRealisationDetail{float:right;}
.versRealisationDetail a{text-decoration:none;display:block;color:#fff;font-size:12px;}
.versRealisationDetail a:hover {color:#9e7f2d;}

/* 05_110 - Réalisations DETAIL
--------------------------------------------------------------------------------------- */
#btRealisationDesc{float:left;}
#btRealisationTexte{float:left;width:600px;}

#logoProjet{margin:5px 0px;}

.imgRealisationDetail{float:left; margin: 0 20px 10px 0; padding: 10px; background-color:#303030; border:1px solid #000;width:300px;}
.imgRealisationDetail span{float:right; background:url(gx/M/imgAgrandir.gif) no-repeat top right; padding-right:25px; }

#btRealisationCollGauche{float:left;width:470px;margin-right:10px; background-color:#121212;}
#btRealisationCollDroite{float:left;width:470px;background-color:#121212;}

.btnGolden{padding:5px 5px 5px 10px; background-color:#ad820d; color:#fff; display:block; width:120px; text-decoration:none; border:1px solid #000; float:left; margin-right:20px;}
.btnGolden:hover{color:#000;}

.liste{margin-left:70px;}

.btRealisationCollTexte{padding:20px 10px;}

.titreColonne{color:#9e7f2d; font-size:15px;}


/* 06_100 - Nouvelles
--------------------------------------------------------------------------------------- */
.titreNouvelles a{color:#fff;font-size:15px; margin-bottom:4px;text-decoration:none;}
.titreNouvelles a:hover{text-decoration:underline;}
.lienPlusDeDetail, #lienRetourNouvelle, #lienPdfNouvelle{color:#9e7f2d;text-decoration:none;}
.lienPlusDeDetail:hover, #lienRetourNouvelle:hover, #lienPdfNouvelle:hover {text-decoration:underline;}

#imgNouvelle{float:left; margin: 0 10px 10px 0; padding: 10px; background-color:#303030; width:258px;}
#imgNouvelle span{float:right; background:url(gx/M/imgAgrandir.gif) no-repeat top right; padding-right:25px;}


/* 07_100 - Nous joindre
--------------------------------------------------------------------------------------- */
#btFormulaireContact{float:left; width:450px;}
#btFormulaireContact fieldset{width:450px;}
#btFormulaireContact fieldset label{float:left;width:150px;}
#btFormulaireContact .champTexte{float:right;width:200px;}
#btFormulaireContact .listeDeroulante{float:left;width:300px;}
#btFormulaireContact .boiteTexte{float:left;height:70px;width:330px;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#000; font-size:11px; padding:0; width:960px; margin: 10px auto 0 auto;}
#piedPage a{color:#000 ; text-decoration:none;line-height:150%;}
#piedPage a:hover{color:#f6303f;}
#piedPage #coordonnees{float:left;}
#piedPage #coordonnees p{color:#000;}
#piedPage #copyrights{float:right; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#000;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; color: #f6303f;}
#piedPage #menuBas{float:left;text-align:left; margin}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#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{ font-size: 12px; margin-bottom:10px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#fff; margin:2px 0 2px 0;float:left:}


.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 12px;
	margin:2px 0 2px 0;
	width:250px;
	float:right;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin:2px 0 2px 0;
	width:500px;
}
.bouton{
	background-color: #EEF3F7;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	width:75px;
}
.bouton:hover{background-color:#303030; color:#FFF;}

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

.erreur{color:#FF0000;}