/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body{
	behavior:url("inc/csshover.htc");
	background: #5c5c5c url(gx/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #9b9a9a;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

a.retour{ 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 240px;
	height : 100px;
	cursor: hand;
	padding : 0;
	margin : 15px 0 0 15px;
	behavior: url(inc/iepngfix.htc);
	background : url(Gx/logo.png) no-repeat left top;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{font: bold 18px Arial;color: #88c13c;}
h2{font: bold 14px Arial;color: #fff;}
h3{font: bold 11px Arial;color: #fff;}

a h2, a:link h2, a:visited h2{font: bold 14px Arial;color: #fff;text-decoration: none;}

p{font: 12px Arial; line-height: 16px; color: #9b9a9a;text-align: justify;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #65902a; 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:#9b9a9a; text-decoration:underline;
}
ul li{font: 12px Arial; line-height: 22px; color: #9b9a9a;list-style:square; margin-left:16px;}
ol li{font: 12px Arial; line-height: 22px; color: #9b9a9a;margin-left:16px;}

p.petitvert{font: 11px Arial; color: #65902a;line-height: 15px;text-align: left;}
p.petitvert a, p.petitvert a:link, p.petitvert a:visited{color: #909090;}
p.petitvert a:hover, p.petitvert a:visited:hover{color: #fff;}

#coldroite h1 a.retourliste, #coldroite h1 a.retourliste:link, #coldroite h1 a.retourliste:visited,
#coldroite h2 a.retourliste, #coldroite h2 a.retourliste:link, #coldroite h2 a.retourliste:visited{color: #65902a; text-decoration: underline;font: 12px Arial; line-height: 16px;float: right;margin-right: 15px;}
#coldroite h1 a.retourliste:hover, #coldroite h1 a.retourliste:visited:hover,
#coldroite h2 a.retourliste:hover, #coldroite h2 a.retourliste:visited:hover{color:#9b9a9a; text-decoration:underline;}


/* <a class="retourliste" href="#vurl('main','08_100')#">&laquo; <cfif url.l is "fr">retour<cfelse>back</cfif></a>*/

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}
#entete{
	margin-left: 24px;_margin-left: 12px;
	width: 953px;
	height: 484px;
	background: url(Gx/entete_bg.jpg) no-repeat left top;
	float: left;
	position: relative;
}
a.btnreservationfr, a.btnreservationen{
	position: absolute;
	left: 19px;
	top: 346px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 304px;
	height : 118px;
	padding : 0;
	margin : 0;
}
a.btnreservationfr{background : url(Gx/btn_reservation_fr.jpg) no-repeat left top;}
a.btnreservationen{background : url(Gx/btn_reservation_en.jpg) no-repeat left top;}
a.btnreservationfr:hover{background : url(Gx/btn_reservation_fr_over.jpg) no-repeat left top;}
a.btnreservationen:hover{background : url(Gx/btn_reservation_en_over.jpg) no-repeat left top;}

a.btnunitefr, a.btnuniteen{
	position: absolute;
	left: 19px;
	top: 222px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 304px;
	height : 117px;
	padding : 0;
	margin : 0;
}
a.btnunitefr{background : url(Gx/btn_unite_fr.jpg) no-repeat left top;}
a.btnuniteen{background : url(Gx/btn_unite_en.jpg) no-repeat left top;}
a.btnunitefr:hover{background : url(Gx/btn_unite_fr_over.jpg) no-repeat left top;}
a.btnuniteen:hover{background : url(Gx/btn_unite_en_over.jpg) no-repeat left top;}

#flash{
	float: right;
	width: 602px;
	height: 243px;
	padding: 48px 18px 0 0;
}
#contenuext{
	width: 953px;
	float: left;
	behavior: url(inc/iepngfix.htc);
	background: url(Gx/contenuext_bg.png) repeat-y left;_background: url(Gx/contenuextie_bg.png) no-repeat left top;
	padding: 0 23px 0 24px;
}
#contenu{
	width: 951px;
	float: left;
	background: url(Gx/contenu_bg.gif) no-repeat left top;
	padding: 0 1px 0 1px;
}
#contenuint{
	width: 951px;
	float: left;
	background-color: #1a1a1a;
	padding-bottom: 50px;
	position: relative;
}
#colgauche{
	width: 310px;
	background: url(Gx/colgauche_bg.jpg) no-repeat right top;
	padding: 0 0 30px 15px;
	float: left;
}
a.btnevenementsfr, a.btnevenementsen{
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 295px;
	height : 56px;
	padding : 0;
	margin : 15px 0 0 0;
}
a.btnevenementsfr{background : url(Gx/btnevenements_fr.jpg) no-repeat left top;}
a.btnevenementsen{background : url(Gx/btnevenements_en.jpg) no-repeat left top;}
a.btnevenementsfr:hover{background : url(Gx/btnevenements_fr_over.jpg) no-repeat left top;}
a.btnevenementsen:hover{background : url(Gx/btnevenements_en_over.jpg) no-repeat left top;}

#colgauche p{
	padding: 0 15px 0 0;
}
#colgauche h3{
	border-bottom: 1px #696348 dotted;
	background: url(Gx/h3_fleche.gif) no-repeat left center;
	padding-left: 15px;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
#coldroite{
	float: left;
	width: 625px;
}
#coldroite h1{padding: 30px 0 15px 10px;}
#coldroite h2{padding: 0 15px 0 10px;}
#coldroite h3{padding: 0 15px 0 10px;}
#coldroite p{padding: 0 15px 0 10px;}
#coldroite ul{padding: 0 15px 0 10px;}

a.groupestarsuites{
	position: absolute;
	bottom: 0;
	right: 159px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 150px;
	height : 65px;
	padding : 0;
	margin : 0;
	background: url(Gx/groupestarsuites_bg.gif) no-repeat left top;
}
a.groupestarsuites:hover{background: url(Gx/groupestarsuites_bg_over.gif) no-repeat left top;}

a.campingcarstarsuites{
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 159px;
	height : 65px;
	padding : 0;
	margin : 0;
	background: url(Gx/campingcarstarsuites_bg.gif) no-repeat left top;
}
a.campingcarstarsuites:hover{background: url(Gx/campingcarstarsuites_bg_over.gif) no-repeat left top;}

a.info, a.info:link, a.info:visited{
	float: right;
	display: block;
	text-decoration : none;
	width : 139px;
	height : 21px;
	padding : 8px 0 0 10px;
	margin : 0 20px 0 0;_margin : 0 10px 0 0;
	background: url(Gx/info_bg.jpg) no-repeat left top;
	color: #fff;
	font: 11px Arial;
}
a.info:hover, a.info:visited:hover{background: url(Gx/info_bg_over.jpg) no-repeat left top;}


/* LISTE DES VÉHICULES
--------------------------------------------------------------------------------------- */

.listevehiculeext{
	background-color: #2d2d2d;
	width: 591px;
	float: left;
	margin-left: 10px;_margin-left: 5px;
}
.listevehicule{
	background: url(Gx/01/listevehicule_bg.gif) no-repeat left bottom;
	float: left;
	width: 591px;
}
.listevehiculeint{
	float: left;
	background: url(Gx/01/listevehiculeint_bg.gif) no-repeat left top;
	width: 591px;
}
.listevehicule a.apercu{
	float: left;
	display: block;
	padding: 15px;
}
#coldroite .listevehicule h2{
	margin: 15px 15px 0 245px;
	border-bottom: 1px #fff dotted;
	padding: 0 0 4px 0;
}

/* DÉTAIL DES VÉHICULES
--------------------------------------------------------------------------------------- */

#flash #vehiculealbum{
	
}
#flash #vehiculealbum a.general{
	display: block;
	float: left;
}
#flash #vehiculealbum ul{
	margin:0;
	padding:0 0 0 0;
	display: block;
	float: left;
	width: 268px;
	height: 243px;
}
#flash #vehiculealbum ul h2{
	margin: 5px 0 10px 4px;
	padding: 0 0 4px 5px;
	border-bottom: 1px #fff dotted;
}

#flash #vehiculealbum ul li{
	display: block;
	float: left;
	list-style-type:none;
	margin:0;
	padding:0;
	width: 89px;
}
#flash #vehiculealbum ul li img{
	width: 85px;
	display: block;
	float: right;
	text-decoration: none;
	margin-bottom: 7px;
	cursor: pointer;
}


#coldroite #detail h1{padding: 30px 0 0 10px;}

#boutondemande{
	float: right;
	width: 200px;
}
#boutondemande a.info{margin-bottom: 8px;}

/* LISTE DES ÉVÉNEMENTS
--------------------------------------------------------------------------------------- */

.listeevenementext{
	background-color: #2d2d2d;
	width: 591px;
	float: left;
	margin-left: 10px;_margin-left: 5px;
}
.listeevenement{
	background: url(Gx/01/listevehicule_bg.gif) no-repeat left bottom;
	float: left;
	width: 591px;
}
.listeevenementint{
	float: left;
	background: url(Gx/01/listevehiculeint_bg.gif) no-repeat left top;
	width: 591px;
}
.listeevenement a.apercu{
	float: left;
	display: block;
	padding: 15px;
}
#coldroite .listeevenement h2{
	margin: 15px 15px 0 10px;
	border-bottom: 1px #fff dotted;
	padding: 0 0 4px 0;
}

#coldroite .listeevenement .lesphotos a{
	margin-left: 15px;_margin-left: 10px;
	margin-bottom: 10px;
	display: block;
	float: left;
}

/* LISTE DE L'ÉQUIPE
--------------------------------------------------------------------------------------- */

.listeequipeext{
	background-color: #2d2d2d;
	width: 591px;
	float: left;
	margin-left: 10px;_margin-left: 5px;
}
.listeequipe{
	background: url(Gx/01/listevehicule_bg.gif) no-repeat left bottom;
	float: left;
	width: 591px;
}
.listeequipeint{
	float: left;
	background: url(Gx/01/listevehiculeint_bg.gif) no-repeat left top;
	width: 591px;
}
.listeequipe img{
	float: left;
	display: block;
	padding: 15px;
}
#coldroite .listeequipe h2{
	margin: 15px 15px 0 140px;
	border-bottom: 1px #fff dotted;
	padding: 0 0 4px 0;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	padding: 17px 0 0 0;
	width: 953px;
}
#menu ul{
	margin: 0;
	padding:0 0 0 18px;
}
#menu ul li{
	padding:0;
	margin:0;
	list-style-type:none;
	display: block;
	float: left;
	height: 42px;
	background: url(Gx/menuli_bg.gif) no-repeat center right;
	position: relative;
}
#menu ul li.dernier{
	background: none;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #9a9a9a;
	font: 12px Arial;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	float: left;
	padding: 13px 15px 14px 15px;
}

#menu ul li:hover a, #menu ul li a:hover, #menu ul li a:visited:hover{color: #7e9852;}
#menu ul li a.actif, #menu ul li a.actif:visited{color: #fff;background: url(Gx/menua_on_bg.jpg) repeat-x top;}

#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited,
#menu ul li:hover ul li a, #menu ul li:hover ul li a:visited{
	font: 12px Arial;
	text-transform: none;
	line-height: 15px;
	color: #fff;
	text-decoration: none;
	display:block;
	margin: 0px;
	width: 111px;
	background: #000;
	padding: 4px;
	float: none;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{
	color: #fff;
	background: #40680a; 
}
#menu ul li ul{
	position:absolute;
	display:block;
	visibility:hidden;
	height: auto;
	margin: 0;
	padding: 0;
	float:none;
	top:42px;
	left:0;
	width: 119px;
	list-style-type: none;
}
#menu ul li:hover ul, #menu ul li.hover ul{ 
	visibility:visible; 
}
#menu ul li ul li{
	margin: 0;
	padding: 0;
	text-align: left;
	background: none;
	width: 119px;
	float: left;
	height: auto;
	border-top: 1px #40680a solid;
	border-left: 1px #40680a solid;
	border-right: 1px #40680a solid;
}
#menu ul li ul li.dernier{border-bottom: 1px #40680a solid;}
#menu ul li.smenu1 ul, #menu ul li.smenu1 ul li{width: 227px;}
#menu ul li.smenu1 ul li a, #menu ul li.smenu1 ul li a:link, #menu ul li.smenu1 ul li a:visited{width: 219px;}

/* MENU UTLITAIRE
--------------------------------------------------------------------------------------- */
#menuu{
	float: right;
	height: 30px;
	margin:0 18px 0 0;_margin:0 9px 0 0;
	padding:0;
	behavior: url(inc/iepngfix.htc);
	background: url(Gx/menuu_bg.png) no-repeat left top;
}
#menuu ul{
	margin:0;
	padding:0;
	float: left;
}
#menuu ul li{
	padding: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{
	color: #fff;
	font: 12px Arial;
	line-height: 16px;
	padding: 5px 11px 9px 10px;
	text-decoration: none;
	display: block;
	float: left;
	position: relative;
	background: url(Gx/menuua_bg.gif) no-repeat right center;
}
#menuu ul li.dernier a, #menuu ul li.dernier a:link, #menuu ul li.dernier a:visited{
	background: none;
}

#menuu ul li a:hover, #menuu ul li a:visited:hover{background: #fff url(Gx/menuua_bg.gif) no-repeat right center;color: #8cc63f;}
#menuu ul li.dernier a:hover, #menuu ul li.dernier a:visited:hover{background: #fff;color: #8cc63f;}

/*
#menuu ul li a:hover, #menuu ul li a:visited:hover, #menuu ul li a.actif, #menuu ul li a.actif:visited{background: #fff url(Gx/menuua_bg.gif) no-repeat right center;color: #8cc63f;}
#menuu ul li.dernier a:hover, #menuu ul li.dernier a:visited:hover,
#menuu ul li.dernier a.actif, #menuu ul li.dernier a.actif:visited{background: #fff;color: #8cc63f;}
*/

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	width: 1000px;
	height: 230px;
	background: url(Gx/piedPage_bg.gif) no-repeat left top;
}
#piedPage #copyrights{
	float:left;
	margin:0;
	padding: 30px 0 0 24px;
	text-align:left;
	color: #979797;
}
#piedPage #copyrights a{font-weight:bold;color: #979797;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#979797;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #979797;}

#menupp{
	float: left;
	padding: 30px 0 0 20px;
}
#menupp ul{
	margin: 0;
	padding:0;
	float: left;
}
#menupp ul li{
	padding:0 0 0 40px;
	margin:0;
	list-style-type:none;
	display: block;
	float: left;
	line-height: 15px;
}
#menupp ul li a, #menupp ul li a:link, #menupp ul li a:visited{
	font: bold 12px Arial;
	line-height: 16px;
	color: #87aa58;
	text-decoration: none;
}
#menupp ul li a:hover, #menupp ul li a:visited:hover{
	text-decoration: underline;
}
#menupp ul li ul{
	padding: 5px 0 0 0;
	float: none;
}
#menupp ul li ul li{
	display: auto;
	float: none;
	padding: 0;
	margin: 0;
}
#menupp ul li ul li a, #menupp ul li ul li a:link, #menupp ul li ul li a:visited{
	font: 11px Arial;
	line-height: 15px;
	color: #b3b3b3;
}
#menupp ul li ul li a:hover, #menupp ul li ul li a:visited:hover{text-decoration: underline;color: #b3b3b3;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#contact{float: right;width: 220px;margin-right: 15px;}
#coldroite #contact h2{padding-left: 0;}


fieldset{margin-bottom:10px; padding: 5px; border: 0;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:#fff;margin:2px 0 2px 0;line-height: 18px;}


.champTexte{	
	background: #bfb595;
	border: 1px solid #C9D0D6;
	color: #000;
	font: 11px Arial;
	margin:2px 0 2px 0;
	width: 200px;
}
.champTextepetit{	
	background: #bfb595;
	border: 1px solid #C9D0D6;
	color: #000;
	font: 11px Arial;
	margin:2px 0 2px 0;
	width: 100px;
}
.calendrier{	
	background: #bfb595;
	border: 1px solid #C9D0D6;
	color: #000;
	font: 11px Arial;
	margin:2px 0 2px 0;
	width: 100px;
}
.listeDeroulante{
	background: #bfb595;	
	border: 1px solid #C9D0D6;
	color: #000;
	font: 11px Arial;
	margin:2px 0 2px 0;
	width: 200px;
}
.boiteTexte{
	background: #bfb595;
	border: 1px solid #C9D0D6;
	color: #000;
	font: 11px Arial;
	margin:2px 0 2px 0;
	width: 200px;
	height: 100px;
}
.boiteTextelong{
	background: #bfb595;
	border: 1px solid #C9D0D6;
	color: #000;
	font: 11px Arial;
	margin:2px 0 2px 0;
	width: 415px;
	height: 100px;
}
.bouton{
	background-color: #65902a;
	border: 1px solid #C9D0D6;
	font: bold 11px Arial;
	color: #fff;
}
.bouton:hover{background-color: #000;} /* FF seulement */

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