/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background-color: #f5f4ee;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background-color: #e8e5d1;
	margin: 0 auto 0 auto;
	padding: 0;
}
html{
	color: #54301a;
	font-size:14px;
	/*Garder seulement 3 fontes */
	font-family: Tahoma, Arial, Verdana;
}

a:link, a:visited, a:hover, a:active{color:#54301a; text-decoration: none;}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, div{border:0; margin:0; padding:0;}
a, a:link, a:visited, a:hover{outline: none;}

h1{color: #54301a; font-size:16px;}
h1 a, h1 a:link, h1 a:visited{color:#54301a;}

h2{color: #54301a; font-size:13px;}
h2 a, h2 a:link, h2 a:visited{color:#54301a;}

.clear{clear:both;}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0px auto 0 auto;
	text-align:left;
	width:940px;
}

#contenuIndex{ background:#E8E5D1; padding-top:53px;}
#contenu{ margin-top:35px;background:url(gx/m/bandeau.gif) repeat-x; position:relative; width:940px; height:504px;}

* html #contenu{margin-top:52px;}
*+html #contenu{margin-top:52px;} 

#contenuLong{background: #fff; width:940px; height:704px;}
#contenuDroit2{background-color:#dfdcc8 ; width:605px; height:479px; float:left; overflow-y:hidden; overflow-x:hidden;}
#contenuDroit2 h1{padding: 15px 0 0 0;}

#flashRotation{float:left; padding:50px 0 0 130px;}
#flash{}

/* MENUS
--------------------------------------------------------------------------------------- */
#haut a{text-transform:uppercase;padding:4px 0;display:block;position:absolute;top:58px;text-decoration: none; font-size:14px;}
#menu{margin:0; padding:0;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-decoration: none; margin:0;
	text-transform:uppercase;
	display:block;
	float:left;

}
#niveau1 {position:absolute;top:51px;height:30px; font-size:15px;}
#niveau2 {position:absolute;top:29px;height:25px; font-size:12px;}
#niveau3_semi, #niveau3_home {position:absolute;top:7px;height:25px; font-size:12px; display:none;}

#niveau1 a{color: #54301a;padding: 6px 16px;}
#niveau1 a:hover, #niveau1 a.actif{color:#fdbe57;background-color:#e96b20;}

#niveau2 a{color:#e86b20;padding: 2px 20px;background-color:#cecaab;}
#niveau2 a:hover, #niveau2 a.actif{background-color:#dfdcc8;}
#niveau3_home a, #niveau3_semi a{color:#e86b20;padding: 2px 20px;background-color:#cecaab;}
#niveau3_home a:hover, #niveau3_home a.actif, #niveau3_semi a:hover, #niveau3_semi a.actif{background-color:#dfdcc8;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 13px; line-height: 125%; color: #543019;}
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:#54301a; text-decoration:underline;}
ul li{color:#54301a; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

#texteGauche{position:absolute; top:15px; left:115px; text-align:right; font-size:16px; width:200px;text-transform:uppercase;}

#boiteTexte{background: url(gx/boiteDroite.png); width:350px; position:absolute; top:0px; right:0px; padding:10px;}
#boiteTexte p{color:#54301a; font-size:14px;}
#boiteTexte2{width:475px; position:absolute; top:170px;right:60px; padding:10px;}
#boiteTexte3{background-color:#543019; width:470px; height:390px; position:absolute; top:35px;right:60px; padding:10px; text-align:center; border: 3px solid #000;}
#regionMap, plateauMap{width:648px;}
.imgMap{float:left;margin:20px 0 0 0;}

.textImg{float:left;margin:20px 10px 0 10px; width:190px;}

#boutonNext a{float:right;position:absolute; right:15px; bottom:10px; color:#e86a1f; font-size:10px; text-transform:uppercase; font-weight:normal; background:url(gx/m/fleche.gif) no-repeat right 2px; padding:0 12px 0 0; }
#boutonBack a{float:right;position:absolute; right:15px; bottom:10px; color:#e86a1f; font-size:10px; text-transform:uppercase; font-weight:normal; background:url(gx/m/fleche2.gif) no-repeat right 2px; padding:0 12px 0 0; }

#boutonBackBase a{ 
color:#e86a1f; 
font-size:12px; 
text-transform:uppercase; 
background:url(gx/m/fleche2.gif) no-repeat right 2px; 
padding:0 12px 0 0; 
}

#communote{height:200px;}

#boutonNext2 a{float:right;position:absolute; right:15px; bottom:40px; color:#e86a1f; font-size:10px; text-transform:uppercase; font-weight:normal; background:url(gx/m/fleche.gif) no-repeat right 2px; padding:0 12px 0 0; }
#boutonBack2 a{float:right;position:absolute; right:15px; bottom:40px; color:#e86a1f; font-size:10px; text-transform:uppercase; font-weight:normal; background:url(gx/m/fleche2.gif) no-repeat right 2px; padding:0 12px 0 0; }



/*----Rotation d'image page 03_130 et 03_230----*/
.features{width:550px;}
#PhotosRotation{margin:40px 0 0 105px; width:375px; height:115px; }
.img1{position:absolute; top:0px; left:0px;display:block;z-index:50}
.img2{position:absolute; top:0px; left:0px;display:none;z-index:50}

/*----------------------------------------------*/

#liste ul li{ list-style:none;line-height:130%;background:url(gx/m/tiretList.gif) no-repeat top left;padding-left:12px;}

#calculateur{background:#EE7000; color:#fff; font-size:12px; border:2px solid #3D2F1A; width:300px; height:300px; position:absolute;margin:100px 0 0 200px;; display:none; left:0; top:0;}
#calculateur #calculatrice{padding: 20px 10px 0 10px;}
#calculateur a{color:#fff; text-transform:uppercase;font-size:14px;}
#calculateur h2{color:#fff; margin:0 0 10px 0;}


#conteneurInventaire, #conteneurInventaireDetail {overflow-y:auto; height:479px;}
#conteneurInventaire h1, #conteneurInventaireDetail h1 {color:#e86a1f;}

#inventaire {height:220px;}
#inventaire #description {padding: 0 0 0 15px;}
#inventaire #image{float:right; padding:0 25px 0 0;}
#inventaire #image p{font-size:14px;}
#detail{color:#e86a1f;}
.detail{color:#e86a1f;padding:0 50px 0 0;}

#conteneurDeveloppeur{background:#eaf5fb; height:479px;}
#conteneurDeveloppeur p{color:#543019; font-size:13px;}
#developer{padding: 4px 40px 0 55px; font-size:14px;}
#awards{background:url(gx/05/awards.jpg); height:479px; padding: 140px 0 0 290px;}
#awards p {color:#543019;width: 300px;font-size:13px;}
#awards li{color:#543019;font-size:13px;}

#logoQualite{display:inline;float:left;margin:10px 20px 0 40px;}
#logoPlateau{display:inline;width:117px;float:right;}

#googleMapLien{width:111px; float:left;}
#googleMapLien a{text-transform:uppercase;font-size:11px;}
.asterisques  {color:#E96B20;}

#plan{ overflow-y:auto;text-align:center; background:#eb881c;width:605px;height:459px; padding:20px 0 0 0; }
#plan div{ border:#54301a 1px solid; background:#ffffff; width:575px;  margin:3px auto 15px auto; }
#plan h3{ font-size:12px; text-transform:uppercase; font-weight: normal; text-align:left; padding:0 0 0 14px; }
#plan a, #plan a:link, #plan a:visited{ font-size:12px; font-weight:bold; }
#plan .gauche{ float:left; margin:0 0 0 14px; }
#plan .droite{ float:right; margin:0 14px 0 0; }

#plandeSite{ overflow-y:auto;text-align:center; background:#54301A;width:605px;height:459px;padding:20px 0 0 0; }
#plandeSite div{  background:#cdcaab; width:575px;  margin:0px auto;}
#plandeSite h3{ color:#cdcaab;font-size:12px; text-transform:uppercase; font-weight: normal; text-align:left; padding:0 0 0 14px; }
#plandeSite a, #plandeSite a:link, #plandeSite a:visited{ font-size:12px; font-weight:bold; color:#cdcaab;}
#plandeSite .gauche{ float:left; margin:0 0 0 14px; }
#plandeSite .droite{ float:right; margin:0 14px 0 0; }


#MsgErreurPlan{margin-left:30px;text-align:left;color:#cdcaab;font-weight:bold;}
#MsgErreurPlan h1{color:#E86A1F;font-size:16px;}
#MsgErreurPlan p{color:#54301A;text-transform:uppercase;font-size:14px;}


/*#infosContact{}*/
/* 
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;}


.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;
}*/
				
#imageInventaire{float:right;margin: 0 40px 0 0; text-align:center;}
#imageInventaireDetail{float:right;margin: 0 20px 0 0; text-align:center;}


#titreDetail_fr{width:280px;float:left;margin-top:15px;margin-left:25px;}
#titreDetail_en{width:310px;float:left;margin-top:15px;margin-left:25px;}

* html #titreDetail_fr{margin-left:15px;}
* html #titreDetail_en{margin-left:15px;}

#imprimerDetail_fr{float:left;margin-top:17px;width:210px;}
#imprimerDetail_en{float:left;margin-top:17px;width:197px;}

.galerieOnglet{float:right; padding-right:100px}
.onglet {height:120px;padding-top:10px;}
.titreOnglet{padding-top:47px;float:left;width:275px;text-align:right; text-transform:uppercase;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{clear:both;color:#41413f; font-size:10px; height:90px; padding-top:5px;}
#piedPageContact a, #piedPage a{color:#41413f; text-decoration:underline;}
#piedPageContact a:hover, #piedPage a:hover{color:#41413f;}
#piedPageContact #copyrights, #piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPageContact #copyrights #lienCopyrights,#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#41413f;}
#piedPageContact #copyrights #lienCopyrights:hover ,#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #41413f;}

/* Partager cette page (bookmarker) 
#socialBookmarker {float:right;}
#bookmarker a{color:#BD9500; text-decoration:underline;}
#bookmarker a:hover{color:#000;}*/

/* CONTACT
--------------------------------------------------------------------------------------- */
#contenuContact{padding-top:35px; width:940px;}

#formulaireContact{width:770px;padding: 0 0 0 170px;}

#infosContact { height:290px;padding:10px 0 0 350px }
#infosContact p{ color:#856500; }
#infosContact p strong{ color: #54301a; }
#infosContact a.heures{ font-size:11px; }

#formulaireSondage{float:left;width:370px;}
#formulaireInfos{float:left; width:365px;}

#textContact{color:#856500; font-size:14px; padding: 0px 10px 0 0; }

#conteneurContact_fr{background:#fff url(gx/m/main_contact_fr.jpg) no-repeat top left;width:940px; }
#conteneurContact_en{background:#fff url(gx/m/main_contact_en.jpg) no-repeat top left;width:940px; }

#formulaireSondage label{font-size:13px; }
#formulaireInfos label{font-size:13px; color:#856500; }
#formulaireInfos h2{border:none; color:#00a4e4; font-size:14px; font-weight:bold; padding:3px 0 3px 0;}

#formulaireInfos td{height:30px;}
#formulaireInfos table td .erreur{color: #FF0000;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */



fieldset{border:none; font-size: 12px; margin-bottom:10px; padding:0; color:#856500;}
/*fieldset p{border: 0px solid #999; color:#2fb5e8; font-size:18px; font-weight:bold; padding:3px;}*/
fieldset legend{border:none; color:#00a4e4; font-size:14px; font-weight:bold; padding:3px 0 3px 0;}
fieldset label{font-size:14px; color:#856500; margin:2px 0 2px 0;}
/*fieldset .option{width:400px; background:#e6e7e9; border: 1px solid #81c7e1;margin:5px; }*/

.champTexte{
	background:#e6e7e9;
	border: 1px solid #81c7e1;
	color: #4E677A;
	font-size: 14px;
	margin:2px 0 2px 0;
	text-align:left;
	width:180px;
}
.champTexte2{
	background:#e6e7e9;
	border: 1px solid #81c7e1;
	color: #4E677A;
	font-size: 14px;
	margin:2px 0 2px 0;
	text-align:left;
	width:130px;
}
.listeDeroulante{
	background:#e6e7e9;
	border: 1px solid #81c7e1;
	color: #4E677A;
	font-size: 14px;
	margin:2px 0 2px 0;
	width:330px
}
.listeDeroulante2{
	background:#e6e7e9;
	border: 1px solid #81c7e1;
	color: #4E677A;
	font-size: 14px;
	margin:2px 0 2px 0;
	width:130px
}
.boiteTexte{
	background:#fff;
	border: 1px solid #81c7e1;
	color: #4E677A;
	font-family: Tahoma;
	font-size: 14px;
	margin:2px 0 2px 0;
	height:150px;
	width:360px;
}
.bouton{
	color: #498ECB;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	padding:2px;
	border:0;
}
/*.bouton:hover{background-color:#1A80B6; color:#FFF;}*/

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color: #FF0000;}

#close{position:absolute; bottom:15px; right:15px;}

.merci{ text-transform:uppercase; font-size:14px; text-align:center; padding:50px 50px 0 50px; }
.merci strong span{ display:block;font-size:18px; }
