/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body{
	background: #f4ba60 url(gx/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #535353;
	font: 12px "Trebuchet MS";
	line-height: 16px;
	font-family: "Trebuchet MS", Arial, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

/* DÉCORATION
--------------------------------------------------------------------------------------- */
a.retour{ 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 135px;
	height : 86px;
	padding : 0;
	margin : 124px 0 0 31px;
	background : url(Gx/logo.gif) no-repeat left top;
}
.slogan{
	position: absolute;
	left: 70px;
	top: 240px;
	font: bold italic 14px "Trebuchet MS";
	color: #fff;
}
.fleur{
	position: absolute;
	right: 0;
	top: 278px;
	width: 215px;
	height: 174px;
	background: url(Gx/fleur_bg.jpg) no-repeat left top;
	z-index: 0;
}
.roche{

	position: absolute;
	left: 170px;
	top: 498px;
	width: 81px;
	height: 119px;
	background: url(Gx/roche_bg.jpg) no-repeat left top;
}
.chandelle{
	position: absolute;
	left: 29px;
	top: 651px;
	width: 150px;
	height: 59px;
	background: url(Gx/chandelle_bg.jpg) no-repeat left top;
}
#enteteflash{
	position: absolute;
	width: 296px;
	height: 224px;
	left: 403px;
	top: 63px;
}
#mp3playerext{
	position: absolute;
	width: 200px;
	height: 70px;
	left: 20px;
	top: 724px;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{color: #90c216;font: 25px "Trebuchet MS";padding-top: 15px;}
h2{color: #535353;font: bold 16px "Trebuchet MS";line-height: 20px;}
p{color: #535353;font: 12px "Trebuchet MS";line-height: 16px;}
a, a:link, a:visited, p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #90c216; text-decoration: underline;}
a:hover, a:visited:hover, 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:#000; text-decoration:underline;
}
ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#1F1F1F; margin-left:16px;}

.imggauche{margin-right: 20px;}
.imgdroite{margin-left: 20px;}

.reponse{display: none;}

a.bouton, a.bouton:link, a.bouton:visited{
	width: 145px;_width: 165px;
	height: 26px;_height: 34px;
	float : left;
	padding : 8px 0 0 20px;
	margin: 0;
	border: 0;
	color: #535353;
	font: 12px "Trebuchet MS";
	text-decoration: none;
	background: url(Gx/00_310/bouton.gif) no-repeat left top;
}
a.bouton:hover, a.bouton:visited:hover{background: url(Gx/00_310/bouton_over.gif) no-repeat left top;}

a.boutonretour, a.boutonretour:link, a.boutonretour:visited{
	width: 90px;_width: 120px;
	height: 26px;_height: 34px;
	float : left;
	padding : 8px 0 0 30px;
	margin: 0;
	border: 0;
	color: #535353;
	font: 12px "Trebuchet MS";
	text-decoration: none;
	background: url(Gx/04_200/boutonretour.gif) no-repeat left top;
}
a.boutonretour:hover, a.boutonretour:visited:hover{background: url(Gx/04_200/boutonretour_over.gif) no-repeat left top;}

#map{float: left;width: 600px;height: 500px;}

#listtn{/*border: 1px #535353 solid;*/float: left;padding: 5px;}
a.album{padding: 5px;float: left;display: block;}
a.album img{display: block;}
#Video{z-indez: 999;position: relative;}
#IntroVideo{width: 490px;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width: 1000px;
	position: relative;
}
#entete{
	float: left;
	width: 1000px;
	height: 287px;
	background: url(Gx/entete_bg.jpg) no-repeat left top;
}
#contenu{
	float: left;
	width: 724px;
	background: #fff url(Gx/contenu_bg.gif) no-repeat left top;
}
#contenuint{
	float: left;
	width: 644px;_width: 724px;
	padding: 0 40px 40px 40px;
	background: url(Gx/contenuint_bg.gif) no-repeat left bottom;
	position: relative;
	min-height: 470px;_height: 510px;
}

/* ACCUEIL
--------------------------------------------------------------------------------------- */
/*#contenuintacc{
	float: left;
	width: 644px;_width: 724px;
	padding: 0 40px 40px 40px;
	height: 368px;_height: 408px;
	background: url(Gx/00_100/contenuint_bg_accueil.gif) no-repeat left top;
	position: relative;
}*/
#boitepubacc{
	float: left;
	width: 690px;_width: 926px;
	margin-left: 18px;_margin-left: 9px;
	padding-left: 236px;
	padding-bottom: 20px;
	background: url(Gx/00_100/boitepubacc_bg.jpg) no-repeat left bottom;
}
#boitepub2{
	float: left;
	width:690px;
}
a.pubacc, a.pubacc:link, a.pubacc:visited{
	float : left;
	text-decoration : none;
	width : 210px;
	padding :  108px 0 0 0;
	margin : 10px 13px 0 0;
	color: #000;
}
a.pubacc:hover, a.pubacc:visited:hover{text-decoration: none;color: #000;}

div.pubacc{
	float : left;
	text-indent : -999em;
	overflow : hidden;
	width : 210px;
	height : 108px;
	padding : 0;
	margin : 10px 13px 0 0;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{float: left;width: 205px;height: 408px;background: url(Gx/menu_bg.jpg) no-repeat left top;margin-left: 18px;_margin-left: 9px;}
#menu ul{margin: 0;padding: 22px 0 0 22px;float: left;}
#menu ul li{padding: 5px 0 6px 0;margin:0;list-style-type:none;display: block;float: left;width: 183px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	font: bold 16px "Trebuchet MS";
	line-height: 21px;
	text-decoration: none;
	color: #fff;
	display: block;
	float: left;
	position: relative;
	z-index: 50;
}
#menu ul li a:hover, #menu ul li a:visited:hover, #menu ul li a.actif, #menu ul li a.actif:visited{color: #f2d265;}

/* MENU SECONDAIRE
--------------------------------------------------------------------------------------- */
#menus{float: left;padding: 25px 0 0 0;}
#menus ul{margin: 0;padding: 0;float: left;width:644px;}
#menus ul li{padding: 0 4px 4px 4px;margin:0;list-style-type:none;display: block;float: left;color: #25aad5;font: 12px "Trebuchet MS";}
#menus ul li.premier{padding: 0 4px 0 0;}
#menus ul li a, #menus ul li a:link, #menus ul li a:visited{
	font: 14px "Trebuchet MS";
	line-height: 18px;
	text-decoration: none;
	color: #25aad5;
}
#menus.mauve ul li a, #menus.mauve ul li a:link, #menus.mauve ul li a:visited{color: #961a92;}
#menus ul li a:hover, #menus ul li a:visited:hover, #menus ul li a.actif, #menus ul li a.actif:visited{text-decoration: underline;}

/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{position: absolute;right: 0;top: 0;height: 20px;}
#menuu ul{margin: 0;padding: 0;float: left;}
#menuu ul li{padding: 15px 3px 0 0;margin:0;list-style-type:none;display: block;float: left;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	display: block;
	float: left;
	padding: 0 8px 0 7px;
	height: 20px;
	font: 14px "Trebuchet MS";
	color: #fff;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover, #menuu ul li a.actif{background-color: #a76600;}


/* MODULE_photoViewer
--------------------------------------------------------------------------------------- */
#photoAccueil{width:562px;position:relative; z-index:1;}
#photoAccueil img{display:block;}
#imageBanniere{float:left;position:relative;}
.mention{position:absolute; bottom:20px ;text-align:center; width:562px; color:#fff; font-weight:bold; font-size:16px;}
#listeVignette{float:left;height:76px;width:515px;overflow:hidden;position:relative;margin:10px 0 0 0; }
#btAllThumbnail{position:absolute;}
.thumbnail{border:2px solid #000; margin:0 2px 0px 2px;cursor:pointer; float:left;}

#ControleBtnGauche {float:left;text-align:center;width:20px;height:76px;overflow:hidden;cursor:pointer;margin:10px 5px 0 0;}
#ControleBtnDroite {float:right;text-align:center;width:20px;height:76px;overflow:hidden;cursor:pointer;margin:10px 0 0 0;}

.photoActif{border:2px solid #0164b5;}
.photoHover{border:2px solid #0164b5;}


/* MENU DU PIED DE PAGE
--------------------------------------------------------------------------------------- */
#menupp{float: right;}
#menupp ul{margin: 0;padding: 0;float: left;}
#menupp ul li{
	padding: 0 6px 0 8px;
	margin:0;
	list-style-type:none;
	display: block;
	float: left;
	background: url(Gx/bullet.gif) no-repeat left center;
}
#menupp ul li.premier{background: none;}
#menupp ul li.dernier{padding: 0 0 0 8px;}
#menupp ul li a, #menupp ul li a:link, #menupp ul li a:visited{
	font: 12px Arial;
	line-height: 14px;
	text-decoration: none;
	color: #b56718;
}
#menupp ul li a:hover, #menupp ul li a:visited:hover{text-decoration: underline;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#b56718;height:65px;_height:85px;padding: 20px 0 0 0;font: 11px Arial;width: 926px;margin-left: 18px;background: url(Gx/piedpage_bg.gif) no-repeat 200px 5px;}
#piedPage a{color:#b56718; text-decoration:underline;}
#piedPage a:hover{color:#b56718;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#b56718;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #b56718;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#contact{float: right;width: 250px;_width: 270px;padding-left: 20px;}


fieldset{margin-bottom:10px; padding: 0px; border: none;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#535353;margin:2px 0 2px 0}

.champTexte{	
	background: #f9f4ea;
	border: 1px solid #C9D0D6;
	color: #535353;
	font: 11px "Trebuchet MS";
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #f9f4ea;	
	border: 1px solid #C9D0D6;
	color: #535353;
	font: 11px "Trebuchet MS";
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #f9f4ea;
	border: 1px solid #C9D0D6;
	color: #535353;
	font: 11px "Trebuchet MS";
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #23abd5;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #23abd5;color: #fff;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}