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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
*{
	margin:0; padding:0; border:0;
}
body#index{
	background: #000;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #000 url(Gx/bg.jpg) 243px 0px no-repeat;
	margin: 25px 0 0 30px;
	padding: 0;
	text-align:left ;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
br.both{
	clear: both;
}
img{
	border: 0;
}
h1{
	font-size: 18px;
	line-height: 51px;
	color: #3E3D3D;
	font-family: Verdana;
	background: url(Gx/bgH1.gif) no-repeat;
	padding: 0 0 0 30px;
	width: 364px;
	_width: 394px;
	height: 51px;
	display: block;
	/*float: left;*/
	margin: 0 0 0 10px;
}
h1.long{
	background: url(Gx/bgH1_long.gif) no-repeat;
	width: 630px;
}
h2{
	color:#408cbf;
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 16px;
}
h3{
	color:#aeaeae;
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 15px;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	/*position: relative;*/
	margin: 0;
	width:920px;
	text-align:left;
}
#Centre{
	position: absolute;
	top: 173px;
	left: 282px;
	width: 415px;
}
#contenu{
	position: relative;
	top: 0px;
	left: 0px;
	background: #3e3d3d;
	padding: 10px 0 0 0;
	min-height: 340px;
	_height: 350px;
}
/* COL DROITE
--------------------------------------------------------------------------------------- */
#ColDroite{
	position: absolute;
	top: 173px;
	left: 704px;
	width: 236px;
	background: #3e3d3d;
	padding: 0;
}
.ImgProduit{
	border: 3px solid #333232;
	/*width: 170px;*/
	/*display: block;*/
	background: #a7a5a5;
	margin: 10px 0 5px 15px;
	_margin: 10px 0 5px 15px;
	padding: 0;
	float: left;
}
.ImgProduit a img, .ImgProduit a:link img, .ImgProduit a:visited img{
	display: block;
	/*float: left;*/
	border: 5px solid #a7a5a5;
	width: 260px;
	margin: 0;
	padding: 0;
}
.ImgProduit a:hover img,
.ImgProduit a.actif img, .ImgProduit a.actif:link img, .ImgProduit a.actif:visited img{
	border: 5px solid #408cbf;
}
.NomProduit{
	border: 2px solid #606060;
	background: #9f9f9f;
	text-align: center;
	padding: 0;
	margin: 0 0 10px 0;
	height: 24px;
	line-height: 24px;
}
/* FICHE PRODUIT
--------------------------------------------------------------------------------------- */
.ImgFicheProduit{
	position:relative;
	top:0px;
	left:210px;
	width: 170px;
	border: 3px solid #333232;
	/*width: 170px;*/
	/*display: block;*/
	background: #a7a5a5;
	margin: 10px 10px 5px 0;
	_margin: 10px 15px 5px 0;
	padding: 0;
	/*float: right;
	display: block;*/
}
.ImgFicheProduit img{
	display: block;
	/*float: left;*/
	border: 5px solid #a7a5a5;
	width: 160px;
	margin: 0;
	padding: 0;
}
.TexteProduit{
	width: 300px;
}
/* GALERIE PHOTO
--------------------------------------------------------------------------------------- */
.PhotoGalerie1{
	border: 3px solid #333232;
	width: 141px;
	width: 135px;
	display: block;
	background: #a7a5a5;
	margin: 10px 10px 5px 30px;
	_margin: 10px 10px 5px 15px;
	padding: 0;
	float:left;
}
.PhotoGalerie2{
	border: 3px solid #333232;
	width: 141px;
	width: 135px;
	display: block;
	background: #a7a5a5;
	margin: 10px 10px 5px 40px;
	padding: 0;
	float:left;
}
.PhotoGalerie1 img, .PhotoGalerie2 img{
	display: block;
	/*float: left;*/
	border: 5px solid #a7a5a5;
	width: 125px;
	margin: 0;
	padding: 0;
}
/* MENU HAUT
--------------------------------------------------------------------------------------- */
#menuHaut{
	height: 75px;
	padding: 0;
	margin: 0;
	display: block;
	float: right;
}
#menuHaut ul{
	padding: 0;
	margin: 0;
}
#menuHaut ul li{
	padding: 0;
	margin: 0;
	width: 75px;
	height: 75px;
	display: block;
	float: left;
	list-style-type: none;
	font-size:11px;
}

/*MenuHaut 1 */

#menuHaut ul li#mh1 a, #menuHaut ul li#mh1 a:link, #menuHaut ul li#mh1 a:visited{
	padding: 5px 0 0 0;
	margin: 0;
	width: 70px;
	height: 70px;
	_height: 75px;
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	background: url(Gx/iconSubmit.gif) no-repeat bottom center;
	color: #a3a3a3;
	text-decoration: none;
}
#menuHaut ul li#mh1 a:hover, #menuHaut ul li#mh1 a.actif, #menuHaut ul li#mh1 a.actif:visited{
	color: #FFF;
	background: url(Gx/iconSubmitOver.gif) no-repeat bottom center;
}

/*MenuHaut 2 */

#menuHaut ul li#mh2 a, #menuHaut ul li#mh2 a:link, #menuHaut ul li#mh2 a:visited{
	padding: 21px 0 0 0;
	margin: 0;
	width: 70px;
	height: 54px;
	_height: 75px;
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	background: url(Gx/iconSiteMap.gif) no-repeat bottom center;
	color: #a3a3a3;
	text-decoration: none;
}
#menuHaut ul li#mh2 a:hover, #menuHaut ul li#mh2 a.actif, #menuHaut ul li#mh2 a.actif:visited{
	color: #FFF;
	background: url(Gx/iconSiteMapOver.gif) no-repeat bottom center;
}

/*MenuHaut 3 */

#menuHaut ul li#mh3 a, #menuHaut ul li#mh3 a:link, #menuHaut ul li#mh3 a:visited{
	padding: 21px 0 0 0;
	margin: 0;
	width: 70px;
	height: 54px;
	_height: 75px;
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	background: url(Gx/iconReferTo.gif) no-repeat bottom center;
	color: #a3a3a3;
	text-decoration: none;
}
#menuHaut ul li#mh3 a:hover, #menuHaut ul li#mh3 a.actif, #menuHaut ul li#mh3 a.actif:visited{
	color: #FFF;
	background: url(Gx/iconReferToOver.gif) no-repeat bottom center;
}

/*MenuHaut 4 */

#menuHaut ul li#mh4 a, #menuHaut ul li#mh4 a:link, #menuHaut ul li#mh4 a:visited{
	padding: 21px 0 0 0;
	margin: 0;
	width: 70px;
	height: 54px;
	_height: 75px;
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	background: url(Gx/iconLangue.gif) no-repeat bottom center;
	color: #a3a3a3;
	text-decoration: none;
}
#menuHaut ul li#mh4 a:hover, #menuHaut ul li#mh4 a.actif{
	color: #FFF;
	background: url(Gx/iconLangueOver.gif) no-repeat bottom center;
}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	width: 245px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 173px;
	left: 30px;
}
#menu ul{
	padding: 0;
	margin: 0;
}
#menu ul li{
	padding: 0;
	margin: 0 0 7px 0;
	display: block;
	float: left;
	width: 245px;
	list-style-type: none;
	background: url(Gx/btnBg.gif) repeat-x;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	line-height: 30px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 0 15px;
	background: url(Gx/btnBg.gif) repeat-x;
	width: 230px;
	_width: 245px;
	display: block;
	float: left;
	margin: 0;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	background: url(Gx/btnBgOver.gif) repeat-x;
}
#menu ul li a.actif, #menu ul li a.actif:visited{
	background: url(Gx/btnBgOver.gif) repeat-x;
}
#menu ul li.ClientFTP{
	height: 47px;
	background: none #ffcc66;
	display: block;
	float: left;
	width: 245px;
	color: #000;
	margin: 0 0 7px 0;
}
#menu ul li.ClientFTP a, #menu ul li.ClientFTP a.link, #menu ul li.ClientFTP a:visited{
	height: 41px;
	line-height: 41px;
	_line-height: 47px;
	background: none #ffcc66;
	display: block;
	float: left;
	width: 224px;
	_width: 245px;
	color: #000;
	font-weight: bold;
	border: 3px solid #e19e18;
	padding: 0 0 0 15px;
}
#menu ul li.ClientFTP a:hover, #menu ul li.ClientFTP a:visited:hover{
	background: none #bf994c;
	border: 3px solid #a97612;
}
/*
#menu ul li.ClientFTP a.actif, #menu ul li.ClientFTP a.actif:visited{
	background: url(Gx/btnBgOver.gif) repeat-x;
}
*/
/* SOUS MENU
--------------------------------------------------------------------------------------- */
#menu ul li.SousMenu{
	background: none;
	display: block;
	float: left;
	width: 245px;
	color: #FFF ;
	margin: 0 0 7px 0;
}
#menu ul li.SousMenu a, #menu ul li.SousMenu a.link, #menu ul li.SousMenu a:visited{
	line-height: 30px;
	background: none;
	display: block;
	float: left;
	width: 194px;
	_width: 245px;
	color: #FFF;
	font-weight: normal;
	padding: 0 0 0 51px;
}
#menu ul li.SousMenu a:hover, #menu ul li.SousMenu a:visited:hover{
	background: none;
	color: #92c1e1;
}
#menu ul li.SousMenu a.actif, #menu ul li.SousMenu a.actif:visited{
	background: none;
	color: #92c1e1;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #ededed;height: 50px;font-family: Tahoma;font-size: 10px;padding: 0;margin-top:5px;}
#piedPage a{ color: #ededed; text-decoration: none;}
#piedPage a:hover{ color: #ededed; 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: #ededed;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #ededed;}

/* TEXTES
--------------------------------------------------------------------------------------- */
.texte{
	color: #aeaeae;
	font-size: 12px;
	line-height: 150%;
	padding: 10px 10px 10px 20px;
}
table{
	color: #aeaeae;
	font-size: 12px;
	line-height: 150%;
}
td {
	padding: 5px;
	border: 1px solid #aeaeae;
}
td.centre{
	border: none;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
}
.texte2{
	color: #aeaeae;
	font-size: 12px;
	line-height: 150%;
	padding: 10px 10px 10px 20px;
	background: #363636;
}

ol{
	margin: 0 0 3px 25px;
}
ol li{
	font-size: 12px;
	line-height: 150%;
	color: #aeaeae;
}
/* ------------------- lien par default -------------------- */
a, a:link, a:visited, ul li a, ul l a:visited{
	color: #408cbf;
	text-decoration: underline;
}
a:hover, a:visited:hover, ul li a:hover, ul li a:visited:hover{
	color: #609ec8;
	text-decoration: underline;
}

ul{
	margin: 0 0 3px 25px;
}
ul li{
	font-size: 12px;
	line-height: 150%;
	list-style: square;
	color: #aeaeae;
}
.textePetit{
	font-size: 10px;
}
/* p:first-letter{color: green; font-size: 200%; text-transform:uppercase;} */

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin:0; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000;}
label{
	/*font-size: 12px; color:#000;*/
	display: block;
}
.champTexte{	
	color: #000;
	border: 1px solid #606060;
	background: #9f9f9f;
	font-size: 11px;
	width: 200px;
	margin: 0 0 5px 0;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000;
	border: 1px solid #606060;
	background: #9f9f9f;
	width: 300px;
	height: 100px
}
.bouton{
	font-family: "Trebuchet MS";
	background-color: #9f9f9f;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #606060;
	
}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
}

.boutonImage{
	border:0px;
}
.caseaCocher{
	background-color: #FFF;
}
.erreur{
	/*font-size: 11px;*/
	color: #FF0000;
}

/* LIGHTBOX CONTROL
--------------------------------------------------------------------------------------- */
#lightbox { padding:10px 10px 5px 10px; }
#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{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/* couleur contour popup lightbox */
#lightbox { background:#a7a5a5; }
/* couleur du fond tranparent */
#overlay{
	background-color: #3e3d3d; 
}


/* SITEMAP
--------------------------------------------------------------------------------------- */
div#sitemap {
	padding: 1em 1.5em;
	line-height: 20px;
	display: block;
	float: left;
}
div#sitemap li {
	padding: 0 0 0 24px;
	margin: 0;
	list-style-type: none;
}
div#sitemap li {
	background: url(Gx/extm.gif) no-repeat 0% 0%;
}
div#sitemap li.first {
	background: url(Gx/exlf.gif) no-repeat 0% 10px;
}
div#sitemap li.last {
	background: url(Gx/exlm.gif) no-repeat 0% 0%;
}
div#sitemap ul {
	padding: 0 0 0 24px;
	margin: 0 0 0 -24px;
	list-style-type: none;
}
div#sitemap ul {
	background: url(Gx/exim.gif) repeat-y 0% 0%;
}
div#sitemap ul.last {
	background-image: none;
}