/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/
#logoprint{
	position:absolute;
	visibility:hidden;
}


/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #dfdfdf url(gx/M/backgroundIndex.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #dfdfdf url(gx/M/background.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "arial", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

br.both{
	clear: both;
}

h1, h3{
	color: #969796;
	text-transform:uppercase;
	font:20px "arial";
	letter-spacing:-1px;
	
}
h4{
	color: #cc0000;
	font:12px "Verdana";
	letter-spacing:0px;
	
}
h1 strong {color: #84b34b;}
h2{
	color: #393939;
	font-size:15px;
	margin-bottom:5px;
}
img{
	border: 0;
}
td{
	background-color:#fff;
	font-size: 12px; 
	line-height: 150%; 
	color: #393939;
	text-align:right;
	padding-right:10px;
	border-bottom:solid 1px #ddd;
	
}
td.separ{
	border:solid 1px #fff;
	background-color:#fff;
}
th{
	font-size: 12px; 
	line-height: 150%; 
	color: #000;
	text-align:left;
	padding-left:10px;
}
th.titre{
	font-size: 14px;
	text-align:left;
	background:url(Gx/M/back_pdp.gif) repeat-x #fff;
	padding:5px 0 0 0;
	color: #7ca946;
}
tr{
	background-color:#eee;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	background-color:#fff;
	margin: 0 auto 0 auto;
	text-align:left;
	width:992px;
}
#conteneurFlash{width:978px; height:530px;}
body#index #conteneur{
	padding-top:17px;
	background:none;
		width:982px;
	margin: 0 auto 0 auto;
	text-align:left;
}

#header_fr{
	width:1000px;
	height:134px;
	background:url(Gx/M/header_fr.gif) no-repeat right;
}
#header_en{
	width:1000px;
	height:134px;
	background:url(Gx/M/header_en.gif) no-repeat right;
}
* html #header_fr{ position:absolute;top:10px;}
* html #header_en{ position:absolute;top:10px;}
#page{
	width:1000px;
	background:url(Gx/M/fond_page.gif) no-repeat top left #DFDFDF;
}
* html #page{position:relative;top:116px;}

#Contenu_page{width:982px;background-color:#fff;margin:0 10px 0 9px;}

* html #Contenu_page{width:981px;}

#recherche{
	padding-left:10px;
	margin-top:3px;
}

#searchbox{
	float:left;
	width:210px;
}

#contenu{
	float:right;
	width:750px;
}
#contenu h1,h2,h3,p{margin:10px 0 5px 5px;}

/* image container pour xfade */
#imageXfadeContainer {
	position:relative;
	/*margin:auto;*/
	height:130px;
}

#imageXfadeContainer img {
	overflow: hidden;
	width:230px;
	display:none;
	position:absolute;
	top:5px; left:-10px;
}
#adresse{
	width:200px;
	font-size: 12px; 
	line-height: 14px; 
	color: #696b6e;
	padding: 10px 0 10px 10px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#version{
	width:1000px;
	height:15px; 
	font-family: "arial";
	padding:0;
	background:url(Gx/M/back_recherche.gif) no-repeat;
}
#version ul{margin:0;padding:0 10px 0 0;float:right;}
#version ul li{padding:0; margin:0; float:left; list-style-type:none; height:33px; background:none;}
#version ul li a, #version ul li a:link, #version ul li a:visited{
	line-height:15px;
	float:left;
	color: #fff;
	font-size: 9px;
	text-decoration: none;
	padding: 0 10px 0 10px;
}
#version ul li a:hover, #version ul li a:visited:hover{color:#fff}
#version ul li a.actif, #version ul li a.actif:visited{background-color:#000;}

#menu{ padding:15px 0 0 0;background:url(Gx/M/back_menu.gif) no-repeat top right; width:230px;float:left;}

#menu ul{margin:0;padding:0;width:220px;}
#menu ul li{padding:0; margin:0; list-style-type:none; height:26px; background:none; 	}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	background:url(Gx/M/menu_ligne_separation.gif) no-repeat bottom right;
	display:block;
	width:210px;_width:210px;
	font-family: arial;
	color: #393939;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	line-height:26px;_height:26px;
	padding-left:12px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#000; background:#e5e5e5 url(Gx/M/menu_ligne_separation_on.gif) no-repeat bottom right;}
#menu ul li a.actif, #menu ul li a.actif:visited{ color:#000; background:#e5e5e5 url(Gx/M/menu_ligne_separation_on.gif) no-repeat bottom right;}

#logos{
	background:url(Gx/M/fond_logos.gif) no-repeat bottom right;
	width:200px;
	padding:0 20px 10px 10px;
	text-align:left;
}

#menu2{ margin:0 1px 0 9px;padding:0; background:url(Gx/M/back_menu2.gif) repeat-x; height:38px; text-align:center;}
* html #menu2{margin:0 6px 0 5px;}
#menu2 ul{margin:0;padding:0 0 0 15px;}
#menu2 ul li{padding:0; margin:0; list-style-type:none; display:inline; background:none;}
#menu2 ul li a, #menu2 ul li a:link, #menu2 ul li a:visited{
	color: #fff;
	border-right:1px solid #Fff;
	font-size: 0.8em;
	font-weight:normal;
	text-decoration: none;
	padding:0 10px 0 10px;
	line-height:38px;
}
#menu2 ul li a:hover, #menu2 ul li a:visited:hover{text-decoration:underline;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#979797; font-family:arial; font-size:10px; padding:0;width:100%;height:203px;float: left;}
/*
* html #piedPage{position:relative;top:100px;}
*/
body#index #piedPage{background-color: #E5E5E5;height: 135px;padding: 0 14px;width: 950px;_width: 982px;
}
/*
* html body#index #piedPage{position:relative;top:0px;}
*/
#piedPage a{color:#979797; text-decoration:none;}
#piedPage a:hover{color:#000;}

#piedPage #elements{width:992px;text-align:center;margin:0 auto 0 auto;float: left;}

#piedPage #copyrights{float:left; margin:0 0 0 10px; text-align:left;width:450px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#979797;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #979797;}
.passer{font-weight: bold;font-size: 11px;text-align: right;}

#piedPage  .logos_bas_page{margin-left:28px;}

#piedPage #textepied{float:left; font-size:14px; color:#990000; margin:0 0 0 10px; text-align:left;width:800px;}
#piedPage #textepied a{font-weight:bold;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #393939;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #393939; font-weight:bold; 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:#84b34b; text-decoration:underline;
}
a.liens{
	color:#919191; text-decoration:underline;width: 120px;display: block;float: left;margin-right: 10px;margin-top: 10px;
}
ul{margin-bottom:15px;}
ul li{margin-left:5px;font-size:11px; line-height:180%; font-weight:bold; color:#656565; background:url(Gx/fleche_section.gif) no-repeat left 5px; padding-left:20px; list-style-type:none;}
ol li{font-size: 11px; line-height: 150%; color: #393939;margin-left:25px;}

.textePetit{font-size:10px; line-height:100%;}
.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;}

/* 
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;}

*/
#blocRSS{
	float:right;
	width:250px;
	
}
#blocRSS h2{color:#FFF; }
#blocRSS a, #blocRSS a:link, #blocRSS a:visited{
	text-decoration:underline;
	color:#ddd;
	font-size:11px;
}

#blocRSS a:hover, #blocRSS a:visited:hover{
	color:#919191;
}

.lienRSS{
	background: url(Gx/rss.gif) no-repeat right;
	padding:5px 20px 5px 0;
	margin-right:35px;
	float:right;
}
#TopBlocNouvelle{padding:12px 0 0 20px;background:url(Gx/01/newsfeed_top.gif) no-repeat; width:239px; height:25px;}
.nouvelle{
	border-top:1px solid #c6c6c6;
	padding-top:10px;
	color:#80b14c;
	font-size:11px;
	line-height:150%;
}
#liste_complete_nouvelles a{background:url(gx/01/fleche_section.gif) no-repeat left 2px;padding-left:17px;}
.date{
	color:#818181;
	font-size:11px;
	font-weight:bold;
}

.images_vehicules{padding:2px;border:2px solid #ccc}
.images_vehicules:hover{border:2px solid #84b34b}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;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:#000;margin:2px 0 2px 0}

.champTexte{	
	background: #fff;
	border: 1px solid #cecece;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #cecece;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
#categories{
	font-size: 13px;
}

.boiteTexte{
	background: #fff;
	border: 1px solid #cecece;
	color: #000;
	font-family: "arial";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #6e6e6e;
	border: 1px solid #6e6e6e;
	color: #fff;
	font-family: "arial";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color: #84b34b;border: 1px solid #84b34b;} /* FF seulement */

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


/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox { padding:20px 20px 5px 20px; }
#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; } 
/*#overlay img { border:none; }*/

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=50);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background:#686868; }
/* couleur du fond tranparent */
#overlay{
	background-color: #E7E7E7; 
}