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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #636363 url(gx/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}

h1{
	background-color: #a0a0a0;
	color: #4f4f4f;
	font:19px Arial bold;

	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
	padding-left:30px;

	line-height:150%;
}

h2{
	font-size: 14px; font-weight: bold; color:#4f4f4f;margin-left:30px;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	background: #FFF url(gx/m/bg_conteneur.gif) repeat-y;
	margin: 0 auto 0 auto;
	text-align:center;
	width:1000px;
}
#conteneur2{
	width:977px;
	margin: 0 auto 0 auto;
	text-align:left;
	background-color: #acacac;
}
#header{
	background-color: #000;
	width: 977px;
	height: 120px;
	margin: 0;
	padding: 0;
	border-bottom: #676767 solid 3px;
}
#conteneurFlash{
	float: left;
	width: 705;
	height: 284px;
}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{position:relative;left:375px;top:87px;margin:0; padding:0;}
#menu ul{margin:0;padding:0; width:600px;}
#menu ul li{width:375px;text-align: center;width:116px; margin:0 0 0 5px; display:block; float:left;list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	background:url(gx/m/M00.gif) no-repeat; 
	width:116px;
	line-height: 35px;
	color: #989394;
	font-size: 10px;
	font-weight: normal;
	display:block;
	
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color: #FFF;}
#menu ul li a.actif, #menu ul li a.actif:visited{
	color:#FFF;
	background:url(gx/m/M00_on.gif) no-repeat;
	
}

/* MENU LATERAL
--------------------------------------------------------------------------------------- */
#menuLateral{
	margin:0; padding:0;
	_width:270px;width:272px;
	background: #464646;
	margin-top:2px;
	float:left;
	display: block;
	
}
#menuLateral ul{margin:0;padding:0;background:#1f5256 url(gx/m/bg_menuLateral.gif) no-repeat;}
#menuLateral ul li{padding:0; margin:0; display:block; list-style-type:none;background: url(gx/m/ligneMenu.gif) repeat-x bottom;}
#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
   text-transform: uppercase;
	color: #b5cfd1;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	_height: 100%;height:32px;
	padding: 0px 0px 0px 30px;
	display: block;
	text-decoration: none;
	
}
#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{background: url(gx/m/flecheMenu.gif) no-repeat 0px 12px; }
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{background: url(gx/m/flecheMenu.gif) no-repeat 0px 12px;color:#57bac1;}


/* TABLEAUX
--------------------------------------------------------------------------------------- */
table#produit{
 	
	margin-left:30px;
	
	color: #fff; 
	/*width:650px;*/
	
}
table#produit tr{
	padding: 0; margin:0;
}
table#produit td{ 
	padding: 5px; margin:0;font-size:12px;
	
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#contenu{
	float:left;
	display: block;
	_width:680px;width:705px;
	background: #acacac;
	margin-top:2px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{background-color:#979797;color:#fff;padding:10px; font-family:Tahoma; font-size:11px; height:100px;}
#piedPage a{color:#fff; text-decoration:none;}
#piedPage a:hover{color:#464646;}
#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:#fff;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #fff;}

#menuSecondaire{color:#3d3d3d;float:right;margin:0; padding:0;display:block;display:block;}
#menuSecondaire a, #menuSecondaire a:link, #menuSecondaire a:visited{color:#3d3d3d;margin:0 15px;}
#menuSecondaire a:hover, #menuSecondaire a:visited:hover{color: #fff;}

/* TEXTES
--------------------------------------------------------------------------------------- */
#contenu p{
	margin-left:30px;line-height: 23px; 
}
p{font-family:Arial;font-size: 13px; line-height: 120%; color: #fff;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, a{color: #0A254E; text-decoration: none;}
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, a:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; 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;}

/* 
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/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#4f4f4f; padding:3px 3px 3px 0;border: nene;}
fieldset label{float:left;display:block;font-size: 12px; color:#fff;margin:2px 0 2px;text-align:justify;}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4f4f4f;
	font-size: 11px;
	margin:2px 0 2px;
	float:left;display:block;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4f4f4f;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4f4f4f;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.boutonRadio{
	
	color: #4E677A;
	font-size: 11px;
	float:left;display:block;
}
.caseaCocher{
	border: none;float:left;display:block;margin-right:10px;
}
.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:#60ADB4; }
/* couleur du fond tranparent */
#overlay{
	background-color: #636363;