/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #515151;
	font: 12px Arial, Helvetica, sans-serif;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

a.retour{ 
	position: absolute;
	top: 18px;
	left: 25px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 221px;
	height : 92px;
	background : url(Gx/logo.jpg) no-repeat left top;
}

/* TEXTES
--------------------------------------------------------------------------------------- */

h1, h2{color: #1a98cd;font: 19px Arial, Helvetica, sans-serif;}
h3{font: bold 15px Arial, Helvetica, sans-serif;color: #939188;}

p{font-size: 12px;line-height: 18px;color: #515151;}
#contenu p{text-align: justify;line-height: 22px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, td a, td a:visited{color: #8c835d; 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, td a:hover, td a:visited:hover{
	color:#515151; 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:#515151; margin-left:16px;}

.textePetit{font-size:11px; color:#515151;font-weight: bold;line-height: 14px;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:11px; color:#1a9bd1;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:11px; color:#515151;}

table{border: 2px #fff solid;background: #f6f2e0;}
table th{font: bold 12px Arial;line-height: 14px;color: #fff;text-align: left;border-bottom: 2px #fff solid;background: #939188;padding: 3px;}
table td{font: 12px Arial;line-height: 18px;color: #515151;padding: 3px;}

p.question{color: #1a98cd;}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneurext{
	margin: 0 auto 0 auto;
	text-align:left;
	width: 1000px;
}
#conteneur{
	background: url(Gx/conteneur_bg.jpg) no-repeat left top;
	padding: 0 23px 0 24px;
	float: left;
}
#entete{
	float: left;
	width: 953px;
	height: 204px;
	position: relative;	
}
#centreext{
	float: left;
	width: 953px;
	background: url(Gx/centreext_bg.jpg) repeat-y left;
}
#centreblogext{
	float: left;
	width: 953px;
	background: url(Gx/centreblogext_bg.jpg) repeat-y left;
}
#centre{
	float: left;
	width: 953px;
	background: url(Gx/centre_bg.jpg) no-repeat left top;
}
#centreblog{
	float: left;
	width: 953px;
	background: url(Gx/centreblog_bg.jpg) no-repeat left top;
}
#centrehaut{
	padding: 16px 0 10px 0;
	width: 953px;
	float: left;
}
#centrebas{
	background: #fff url(Gx/centrebas_bg.gif) no-repeat left top;
	width: 953px;
	float: left;
}
#colgauche{
	float: left;
	width: 326px; 
	background: url(Gx/coldroite_bg.jpg) no-repeat right top;
}
#coldroite{
	float: left;
	width: 627px;
}
#contenu{
	padding: 15px; 
}
#blogue{
	width: 953px;
	float: left;
}
#blogue #contenu{
	width: 569px;_width: 626px;
	padding: 40px 35px 0 24px;
	float: left;
	background-color: #fff; 
}

/* DIVERSf
--------------------------------------------------------------------------------------- */
a.liquidation_fr{
	margin: 12px 0 0 16px;
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 295px;
	height: 251px;
	background: url(Gx/btn_liquidation_fr.jpg) no-repeat left top;
}
a.liquidation_fr:hover{background: url(Gx/btn_liquidation_fr_over.jpg) no-repeat left top;}

a.liquidation_en{
	margin: 12px 0 0 16px;
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 295px;
	height: 251px;
	background: url(Gx/btn_liquidation_en.jpg) no-repeat left top;
}
a.liquidation_en:hover{background: url(Gx/btn_liquidation_en_over.jpg) no-repeat left top;}

#chemin{
	width: 939px;_width: 953px;
	background: url(Gx/chemin_bg.jpg) no-repeat left top;
	height: 20px;_height: 26px;
	float: left;
	text-align: right;
	padding: 6px 14px 0 0;
	color: #068ec6;
	
	font: 11px Arial, Helvetica, sans-serif;
}
#chemin a, #chemin a:link, #chemin a:visited{color: #4b4b4b;text-decoration: none;}
#chemin a:hover, #chemin a:visited:hover{text-decoration: underline;}


.lien{width: 597px;float: left;border-bottom: 1px #8c835d solid;}
.lien a{color: #8c835d;border: none;text-decoration: none;text-align: center;}
.lien a img{margin:20px 10px 20px 0;}

.equipe{display: block;float: left;margin-right: 10px;}

.gauchetd{width: 300px;}
.gauchetderreur{width: 300px;color: #FF0000;}
.droitetd .champtext, .droitetd .boiteTexte{width: 200px;background-color: #fff;border: 1px #d8d1b4 solid;}
.droitetd .listeDeroulante{width: 50px;}


/* ACCUEIL
--------------------------------------------------------------------------------------- */
a.promotions{
	margin: 1px 0 0 16px;
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 310px;
	height : 81px;
	background : url(Gx/00/btn_promotions_fr.jpg) no-repeat left top;
}
a.promotions:hover{background : url(Gx/00/btn_promotions_fr_over.jpg) no-repeat left top;}
a.nosvehicules{
	margin: 1px 0 0 7px; 
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 307px;
	height : 81px;
	background : url(Gx/00/btn_nosvehicules_fr.jpg) no-repeat left top;
}
a.nosvehicules:hover{background : url(Gx/00/btn_nosvehicules_fr_over.jpg) no-repeat left top;}
a.itineraires{
	margin: 1px 0 0 7px;
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 306px;
	height : 81px;
	background : url(Gx/00/btn_itineraires_fr.jpg) no-repeat left top;
}
a.itineraires:hover{background : url(Gx/00/btn_itineraires_fr_over.jpg) no-repeat left top;}
#nouvelle{
	float: left;
	width: 279px;_width: 295px;
	padding: 12px 0 0 16px;
}
#colgauche h2{
	display: block;
	color: #8c835d;
	text-transform: uppercase;
	font: bold 14px Arial, Helvetica, sans-serif;
	background: url(Gx/00/h2_bg.gif) no-repeat left 3px;
	padding: 0 0 8px 15px;
	border-bottom: 1px #8c835d dotted;
	margin: 0 0 6px 0;
}
#colgauche h3{
	display: block;
	color: #5b584c;
	text-transform: uppercase;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: url(Gx/00/h2_bg.gif) no-repeat left 2px;
	padding: 0 0 4px 15px;
	border-bottom: 1px #5b584c dotted;
	margin: 0 0 6px 0;
}
.lienblogue{
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #605d4f;
	display: block;
	background: url(Gx/icone.gif) no-repeat left center;
	padding: 0 0 0 18px;
}
.boitegrise{
	float: left;
	padding: 15px;
	width: 564px;_width: 594px;
	background-color: #f7f8f9;
}
#contenu .boitegrise p{line-height: 18px;}
.boitegrise em{color: #1a98cd;}

/* LISTE DE VÉHICULE
--------------------------------------------------------------------------------------- */
.listevehicule{
	margin-top: 6px;
	padding: 9px;
	width: 579px;_width: 597px;
	background-color: #f7f8f9;
}
.listevehicule a.apercu{
	border: 3px #eaeaea solid;
	display: block;
	float: left;
	margin-right: 10px;
}
#contenu .listevehicule p{font-size: 12px;line-height: 18px;color: #515151;}
a.infofr, a.infoen{ 
	display: block;
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 139px;
	height : 26px;
}
a.infofr{background : url(Gx/01/btn_info_fr.gif) no-repeat left top;}
a.infoen{background : url(Gx/01/btn_info_en.gif) no-repeat left top;}
a.infofr:hover{background : url(Gx/01/btn_info_fr_over.gif) no-repeat left top;}
a.infoen:hover{background : url(Gx/01/btn_info_en_over.gif) no-repeat left top;}

/* DÉTAIL DE VÉHICULE
--------------------------------------------------------------------------------------- */
#vehiculealbum{
	float: left;
	padding-left: 10px;
}
#vehiculealbum a.general{
	border: 3px #d5dcdd solid;
	display: block;
	float: left;
}
#vehiculealbum ul{
	margin:0;
	padding:0 0 0 10px;
	display: block;
	float: left;
	width: 265px;_width: 255px;
}
#vehiculealbum ul li{
	display: block;
	float: left;
	list-style-type:none;
	margin:0;
	padding:0;
	width: 255px;
}
#vehiculealbum ul li a, #vehiculealbum ul li a:link, #vehiculealbum ul li a:visited{
	background-color: #b6c1c3;
	width: 255px;
	display: block;
	float: left;
	text-decoration: none;
	margin-bottom: 2px;
}
#vehiculealbum ul li a img{float: left;_margin: 0 0 0 -3px;}
#vehiculealbum ul li a strong{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 20px 0 0 12px;
	display: block;
	float: left;
}
#vehiculealbum ul li a:hover, #vehiculealbum ul li a:visited:hover{background-color: #43aad5;}
#vehiculealbum ul li a:hover strong, #vehiculealbum ul li a:visited:hover strong{color: #fff;}

#vehiculedetail a.back{
	font: 12px Arial, Helvetica, sans-serif;
	color: #3f494c;
	text-decoration: none;
	display: block;
	float: right;
	padding-left: 10px;
	background: url(Gx/01/back_bg.gif) no-repeat left center;
}
#vehiculedetail a.back:hover{
	text-decoration: underline;
}
#vehiculedetail p{font-size: 12px;line-height: 18px;color: #515151;}

#boutondemande{
	float: right;
	width: 179px;
	height: 102px;
	overflow: hidden;
}
#boutondemande a{
	float: left;
	width: 171px;_width: 179px;
	height: 21px;_height: 26px;
	padding: 5px 0 0 8px;
	margin-bottom: 8px;
	display: block;
	background: url(Gx/01/boutondemande_bg.gif) no-repeat left top;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3f494c;
	text-decoration: none;
}
#boutondemande a:hover{background: url(Gx/01/boutondemande_bg_over.gif) no-repeat left top;}

ul.option1{
	display: block;
	float: left;
	width:190px;
	margin: 0;
	padding: 0;
}
ul.option2{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	border-left: 1px #cfcbb6 dotted;
	padding-left: 40px;
	width:180px;_width:220px;
}
ul.option3{
	display: block;
	float: left;
	width:220px;
	margin: 0;
	padding: 0;
}
ul.option4{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	border-left: 1px #cfcbb6 dotted;
	padding-left: 40px;
	width:180px;_width:220px;
}
ul.option1 li, ul.option2 li, ul.option3 li, ul.option4 li{
	list-style-type:none;
	color: #1a98cd;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
ul.option1 li.titre, ul.option2 li.titre, ul.option3 li.titre, ul.option4 li.titre{
	background: url(Gx/icone.gif) no-repeat left center;
	font-weight: bold;
	padding: 0 0 0 15px;
}

/* LISTE D'ITINÉRAIRE
--------------------------------------------------------------------------------------- */
a.listeitineraire1, a.listeitineraire2{
	display: block;
	float: left;
	width: 256px;_width: 282px;
	padding: 10px 13px;
	background-color :#f0eee6;
	text-decoration: none;
	margin: 10px 0;
}
a.listeitineraire1{margin-right: 20px;}

a.listeitineraire1:hover, a.listeitineraire2:hover{background-color: #00aeef;}
a.listeitineraire1 h3, a.listeitineraire2 h3{font: bold 12px Arial, Helvetica, sans-serif;color: #000;padding-bottom: 10px;}
a.listeitineraire1:hover h3, a.listeitineraire2:hover h3{color: #fff;}

/* DÉTAIL D'ITINÉRAIRE
--------------------------------------------------------------------------------------- */
#detailitineraire .carte{border: 2px #e1dcc3 solid;}
#detailitineraire #boitregrise{
	background-color: #e1dcc3;
	float: left;
	width: 586px;
}
#detailitineraire #boitregrise p{
	padding: 0 0 10px 10px;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 22px;
}
#detailitineraire #boitregrise p a{
	color: #424343;
	text-decoration: none;
}
#detailitineraire #boitregrise p a:hover{text-decoration: underline;}
#detailitineraire #boitregrise p strong{
	width: 75px;
	display: block;
	float: left;
}
#detailitineraire h2{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
#detailitineraire p{
	text-align: left;
}

/* BLOGUE
--------------------------------------------------------------------------------------- */
#blogue #contenu .postliste{
	border-bottom: 1px #a4b7af dotted;
	float: left;
	width: 564px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#blogue #contenu .postliste p a{color: #1a9ed6;text-decoration: none;}
#blogue #contenu .postliste p a:hover{text-decoration: underline;}
#blogue #contenu .commentaire{
	background-color: #f4f5f6;
	float: left;
	width: 564px;
	text-align: right;
}
#blogue #contenu .commentaire a{
	color: #64a1bf;
	padding: 20px 20px 20px 0;
	display: block;
}
#blogue #contenu #boitephotoext{
	margin: 0 0 0 -5px;_margin: 0 0 0 -2px;
	width: 293px;
	float: left;
	background: url(Gx/03/boitephotoext_bg.gif) repeat-y left;
}
#blogue #contenu #boitephoto{
	width: 293px;
	float: left;
	background: url(Gx/03/boitephoto_bg.gif) no-repeat left bottom;
}
#blogue #contenu #boitephotoint{
	float: left;
	width: 293px;
	background: url(Gx/03/boitephotoint_bg.gif) no-repeat left top;
}
#blogue #contenu #boitephotoint a{
	display: block;
	float: left;
	padding: 16px 0 16px 16px;
}
#blogue #contenu #boitecommentaire{
	width: 564px;
	float: left;
	border-top: 1px #e5e9e9 solid;
	position: relative;
}
#blogue #contenu #boitecommentaire h3{
	font: 19px Arial;
	color: #6b6b6b;
	padding-top: 25px;
	padding-bottom: 15px;
}
#blogue #contenu #boitecommentaire h4{
	font: bold 17px Arial;
	color: #6b6b6b;
	padding-bottom: 10px;

}
#blogue #contenu  #boitecommentaire a#btnajoutercommentaire{
	color: #515151;
	position: absolute;
	display: block;
	top: 30px;
	right: 0;
}
#blogue #contenu #boitecommentaire a#btnvoircommentaire{
	color: #515151;
	position: absolute;
	display: none;
	top: 30px;
	right: 0;
}
#blogue #contenu #boitecommentaire .commentaire{
	background-color: #e9eaec;
	float: left;
	text-align: left;
	padding: 20px;
	width: 524px;_width: 564px;
}

/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{
	background: url(Gx/M/menuu_bg.jpg) no-repeat left top;
	width: 299px;
	height: 31px;
	position: absolute;
	right: 18px;
	top: 0;
}
#menuu ul{margin:0;padding:0;}
#menuu ul li{
	padding: 0 1px 0 0;
	margin: 0;
	display: block;
	float: left;
	list-style-type:none;
	background: url(Gx/M/menuu_li_bg.gif) no-repeat right center;
}
#menuu ul li.dernier{background: none;padding: 0;}
.menuufr ul li a, .menuufr ul li a:link, .menuufr ul li a:visited{
	padding: 8px 11px 8px 10px;
	height: 15px;_height: 31px;
	display: block;
	float: left;
	color: #212121;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.menuufr ul li.dernier a{padding: 8px 12px 8px 11px;}
.menuuen ul li a, .menuuen ul li a:link, .menuuen ul li a:visited{
	padding: 8px 12px 8px 12px;
	height: 15px;_height: 31px;
	display: block;
	float: left;
	color: #212121;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.menuuen ul li.dernier a{padding: 8px 13px 8px 14px;}
#menuu ul li a:hover, #menuu ul li a:visited:hover{background-color: #fff;color: #1a9fd7;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{color: #1a9fd7;}

/* MENU SECONDAIRE
--------------------------------------------------------------------------------------- */
#menusecondaire{
	width: 300px;_width: 317px;
	float: left;
	padding: 0 7px 0 15px;
}
#menusecondaire ul{margin:0;padding:0;}
#menusecondaire ul li{
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	list-style-type:none;
	width: 300px;
	border-top: 1px #7a908b dotted;
}
#menusecondaire ul li.dernier{border-bottom: 1px #7a908b dotted;}
#menusecondaire ul li a, #menusecondaire ul li a:link, #menusecondaire ul li a:visited{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 12px;
	padding: 10px 0 10px 5px;
	width: 295px;_width: 300px;
}
#menusecondaire ul li a:hover, #menusecondaire ul li a:visited:hover{background-color: #929fa4;}
#menusecondaire ul li a.actif, #menusecondaire ul li a.actif:link, #menusecondaire ul li a.actif:visited{
	color: #fff;
	background-color: #2fa0ce;
	padding: 10px 0 10px 10px;
	width: 290px;_width: 300px;
}

/* MENU DU BLOGUE
--------------------------------------------------------------------------------------- */
#menublogue{
	width: 310px;_width: 327px;
	float: left;
	padding: 40px 0 0 15px;
}
#menublogue h2{
	display: block;
	float: left;
	padding: 6px 0 6px 10px;
	margin: 0;
	font: bold 12px Arial;
	width: 300px;_width: 310px;
	list-style-type: none;
	color: #fff;
	border-top: 1px #7a908b dotted;
	background-color: #2fa0ce;
}
#menublogue h3{	
	float: left;
	display: block;
	border-top: 1px #7a908b dotted;
	text-transform: capitalize;
}
#menublogue h3 a{
	display: block;
	float: left;
	padding: 6px 0 6px 5px;
	margin: 0;
	width: 305px;_width: 310px;
	font: bold 12px Arial;
	line-height: 14px;
	color: #404041;
	text-decoration: none;
}
#menublogue h3 a:hover{
	background-color: #929fa4;
}
#menublogue ul{
	margin:0;
	padding:5px 0;
	display: block;
	float: left;
	width: 310px;
	border-top: 1px #7a908b dotted;
}
#menublogue ul li{
	display: block;
	float: left;
	width: 295px;_width: 310px;
	padding: 2px 0 2px 15px;
	margin: 0;
	list-style-type: none;
	background: url(Gx/fleche.gif) no-repeat 2px center;
}
#menublogue ul li a{
	color: #404041;
	font: 11px Arial;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	position:absolute;
	top: 132px;
	height: 42px;
	/*background-color: #456778;*/
}
.menufr{
	left: 19px;}   
.menuen{
	left: 19px;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0;display: block;float: left;list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display: block;
	float: left;
	padding: 14px 13px 13px 12px;
	line-height: 12px;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #5c594c;
	text-decoration: none;
	background: url(Gx/M/menu_a_bg.gif) no-repeat right center;
}
#menu ul li.dernier a{background: none;}

#menu ul li a:hover, #menu ul li a:visited:hover{color: #1a9fd7;}
#menu ul li a.actif, #menu ul li a.actif:visited{background: url(Gx/M/menu_a_on.gif) repeat-x top;color: #fff;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #b0ab9b;font-size: 11px;padding: 0;float: left;background: url(Gx/piedPage_bg.gif) no-repeat left top;width: 953px;}
#piedPage a{color: #b0ab9b;text-decoration: none;}
#piedPage a:hover{color: #b0ab9b;text-decoration: underline;}
#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: #b0ab9b;}
#piedPage #copyrights #lienCopyrights:hover{font-weight: normal;text-decoration: underline;color: #b0ab9b;}

#menuPP{float: left;padding-left: 203px;font-size: 12px;}

#piedPage a.groupe_fr, #piedPage a.groupe_en{
	display: block;
	float: right;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 156px;
	height: 67px;
}
#piedPage a.groupe_fr{background: url(Gx/logo_groupe_fr.gif) no-repeat left top;}
#piedPage a.groupe_en{background: url(Gx/logo_groupe_en.gif) no-repeat left top;}
#piedPage a.groupe_fr:hover{background: url(Gx/logo_groupe_fr_over.gif) no-repeat left top;}
#piedPage a.groupe_en:hover{background: url(Gx/logo_groupe_en_over.gif) no-repeat left top;}

#piedPage a.toilette_fr, #piedPage a.toilette_en{
	display: block;
	float: right;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 169px;
	height: 67px;
}
#piedPage a.toilette_fr{background: url(Gx/logo_toilette_fr.gif) no-repeat left top;}
#piedPage a.toilette_en{background: url(Gx/logo_toilette_en.gif) no-repeat left top;}
#piedPage a.toilette_fr:hover{background: url(Gx/logo_toilette_fr_over.gif) no-repeat left top;}
#piedPage a.toilette_en:hover{background: url(Gx/logo_toilette_en_over.gif) no-repeat left top;}

#motscle{
	float: left;
	padding: 15px;
	width: 923px;_width: 953px;
	background-color: #f7f8f9;
}
#motscle ul{
	display: block;
	float: left;
	width: 220px;
}
#motscle ul li{list-style-type:none;}
#motscle p{color: #989898;}
#motscle a{color: #989898;}
#motscle a b{color: #4da3c7;line-height: 26px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#contact{float: right;width: 220px;}
fieldset{margin-bottom:10px; padding: 5px 5px 5px 0; border:none;font-size: 11px;}
fieldset legend{font: bold 15px Arial, Helvetica, sans-serif;color: #939188;margin: 0;padding: 0;}
fieldset{margin-bottom:10px; padding: 5px 5px 5px 0; border:none;font-size: 11px;}
fieldset legend{font: bold 15px Arial, Helvetica, sans-serif;color: #939188;margin: 0;padding: 0;}

fieldset label{
	font: bold 12px Arial;
	line-height: 18px;
	color: #515151;
	margin:2px 0 8px 0;
}
.champTexte{	
	background: #f6f2e0;
	border: 1px solid #d8d1b4;
	color: #000;
	padding: 3px;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #f6f2e0;
	padding: 3px;
	border: 1px solid #d8d1b4;
	color: #000;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #f6f2e0;
	border: 1px solid #d8d1b4;
	color: #4E677A;
	color: #000;
	padding: 3px;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #1b8ab9;
	border: 2px solid #dbdbdc;
	/*color: #2fa0ce;*/
	color: #fff;
	font-size: 12px;
	padding: 2px 4px;
	margin: 0;
	font-weight: bold;
}
.bouton:hover{background-color: #18afe2;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}


/* FORMULAIRE DE COMMENTAIRE DU BLOGUE
--------------------------------------------------------------------------------------- */
.commentaire fieldset label{
	font: 12px Arial;
	line-height: 18px;
	color: #515151;
	margin:2px 0 8px 0;
	float: left;
	width: 150px;
}
.commentaire .champTexte{	
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #515151;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.commentaire .listeDeroulante{
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #515151;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.commentaire .boiteTexte{
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	color: #515151;
	font-size: 11px;
	margin:2px 0 2px 0;
}

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */

/* FORMULAIRE LOCATION CAMPING CAR PAR DATE
--------------------------------------------------------------------------------------- */
#formlocationdate{
	position: relative;
	float: left;
	width: 325px;
	height: 245px;
}

#centrehaut #formlocationdate{background: url(Gx/00/formlocation_bg.jpg) no-repeat right top;}
#colgauche #formlocationdate{background: url(Gx/01/formlocation_bg.jpg) no-repeat right top;margin-top: 20px;}

#formlocationdate p{
	font: 10px Arial, Helvetica, sans-serif;
	color: #615e52;
	display: block;
	position: absolute;
	left: 35px;
	top: 225px;
}
#formlocationdate .depart{
	position: absolute;
	top: 93px; 
	left: 30px;
}
#formlocationdate .retour{
	position: absolute;
	top: 133px; 
	left: 30px;
}
#formlocationdate label{
	margin: 3px 0 0 0;
	width: 120px;
	display: block;
	float: left;
	font: bold 13px Arial, Helvetica, sans-serif;
}
#formlocationdate .calendrier{
	background-color: #f6f2e0;
	display: block;
	float: left;
	border: 1px #d8d1b4 solid;;
	width: 114px;_width: 120px;
	height: 16px;_height: 24px;
	padding: 3px;
}
#formlocationdate .bouton{
	padding: 0;
	position: absolute;
	display: block;
	left: 25px;
	top: 170px;
	border: none;
}
.photosection{
	float: left;
	display: block;
	margin-left: 10px;
	padding-bottom: 8px;
}

/* modif titre véhicule cliquable
--------------------------------------------------------------------------------------- */
div.listevehicule a{
	text-decoration: none;
}

/* LIGHTBOX CONTROL
--------------------------------------------------------------------------------------- */
#lightbox { padding:20px 20px 5px 20px; margin-top:100px;}
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
div#overlay{
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
#lightbox {background: #46add8;}
#overlay{background-color: #ece8d7; }