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

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

h1{
	color: #0F5A49;
	font-weight: bold;
	text-transform: uppercase;
	font:17px Verdana;
}
h2{
	font: 20px Verdana;
	color: #0F5A49;
	font-weight: bold;
	text-decoration: underline;
	
}
h3{
	color: #0F5A49;
	font: 16px Verdana;
	font-weight: bold;
	border-bottom: 1px #0F5A49 solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
a.retour { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 300px;
	height : 75px;
	padding : 0;
	margin : 23px 0 0 178px; 
	background : url(Gx/logo.gif) no-repeat left top;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
td{width: 220px;padding: 4px;}
p, td a, td{font-size: 14px; line-height: 16px; color: #0F5A49;text-decoration: none;}
p{text-align: justify;}
td a:hover{text-decoration: underline;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #97BF5B; 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:#660941; text-decoration:underline;
}
p.reponse{color: #B0CC87;}
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:#0F5A49;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#97BF5B;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#660941;}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneurext{
	float: left;
	width: 1000px;
	background: url(Gx/conteneurext_bg.gif) no-repeat left top;
}
#conteneur{
	float: left;
	width: 1000px;
	background: url(Gx/conteneur_bg.gif) no-repeat left top;
}
#conteneurint{
	float: left;
	width: 1000px;
	background: url(Gx/conteneurint_bg.gif) no-repeat 178px 105px;
}
#colgaucheext{
	float: left;
	margin: 135px 0 0 0;
	padding: 0 0 0 10px;
	background: url(Gx/colgaucheext_bg.gif) repeat-y right;
}
#colgauche{
	float: left;
	background: url(Gx/colgauche_bg.gif) no-repeat left top;
}
#colgaucheint{
	float: left;
	width: 156px;
	background: url(Gx/colgaucheint_bg.gif) no-repeat left bottom;
}
#colgauche p{
	padding: 25px 0 25px 10px;
}
#contenuext{
	padding: 30px 0 0 12px;
	float: left;
}
#contenu{
	background: url(Gx/contenu_bg.gif) no-repeat left bottom;
	width: 810px;
	float: left;
}
#contenuint{
	background-color: #fff;
	margin: 0 0 33px 0;
	width: 750px;
	_width: 810px;
	padding: 0 30px 0 30px;
	float: left;
}
#map{
	float: right;
	width: 400px;
	height: 450px;
	border:1px solid #0F5A49;
}
#nouveaute{
	float: left;
	width: 310px;
	height: 269px;
	background: url(Gx/01/nouveaute_bg.gif) no-repeat left top;
}

#nouveaute h2{
	text-align: center;
	padding: 25px 0 0 0;
}
#promotion{
	float: left;
	width: 310px;
	height: 265px;
	background: url(Gx/01/promotion_bg.gif) no-repeat left top;
}
#promotion h2{
	text-align: center;
	padding: 15px 0 0 0;
}
#nouveaute img, #promotion img{
	border: 1px #0F5A49 solid;
}
#nouveaute p, #promotion p{
	text-align: left;
}
#coldroit{
	float: right;
	width: 310px;
	padding-left: 20px;
}
#coldroit p{
	padding: 30px 30px 0 30px;
}
#coldroit img{
	float: right;
	margin-left: 10px;
}
#VideoPlayer{
	float: left;
	width: 475px;
	height: 440px;
}
#coldroitvid{
	float: right;
	width: 390px;
	height: 52px;
}
.produitlist{
	float: left;
	display: block;
	width: 220px;
	_height: 230px;
	min-height: 230px;
	margin-right: 30px;
	position: relative;
}
.produitlist p{
	position: absolute;
	left: 120px;
	width: 125px;
	display: block;
	top: 0;
}

/* INDEX
--------------------------------------------------------------------------------------- */
body#index #conteneur{
	background: url(Gx/I/conteneur_bg.gif) no-repeat left top;
	height: 500px;
}
body#index #conteneurint{
	background: url(Gx/I/conteneurint_bg.gif) no-repeat left top;
	height: 500px;
}
body#index #conteneur img{
	margin: 106px 0 0 268px;
}
body#index a.btnfr, body#index a.btnfr:visited, body#index a.btnfr:link{
	float: left;
	margin: 0 0 0 625px;
	width: 113px;
	height: 45px;
	background: url(Gx/I/btnfr.gif) no-repeat left top;
	color: #0F5A49;
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
}
body#index a.btnen, body#index a.btnen:link, body#index a.btnen:visited{
	float: left;
	margin: 5px 0 0 625px;
	width: 113px;
	height: 45px;
	background: url(Gx/I/btnen.gif) no-repeat left top;
	color: #0F425A;
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
}
body#index a.btnfr:hover, body#index a.btnfr:visited:hover, body#index a.btnen:hover, body#index a.btnen:visited:hover{
	font-weight: bold;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{margin: 0;padding: 0;float: right;}
#menu ul{margin: 0;margin: 10px 27px 0 0;}
#menu ul li{padding: 0 5px 0 0;margin: 0;float: left;list-style-type: none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited, a.btnachat, a.btnachat:link, a.btnachat:visited{
	display: block;
	float: left;
	color: #EBF4D3;
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	height: 31px;
	text-decoration: none;
	background: #0F5A49 url(Gx/M/Mgauche.gif) no-repeat left top;
}
#menu ul li a b, #menu ul li a:link b, #menu ul li a:visited b, a.btnachat b, a.btnachatLlink b, a.btnachat:visited b{
	background: url(Gx/M/Mdroit.gif) no-repeat right top;
	display: block;
	font-weight: normal;
	padding: 7px 12px 8px 12px;
	cursor: pointer;
}

#menu ul li a:hover, #menu ul li a:visited:hover, #menu ul li a.actif, #menu ul li a.actif:visited, a.btnachat:hover, a.btnachat:visited:hover{
	color: #0F5A49;
	background: #B1CC87 url(Gx/M/Mgauche_over.gif) no-repeat left top;
	text-decoration: none;
}
#menu ul li a:hover b, #menu ul li a:visited:hover b, #menu ul li a.actif b, #menu ul li a.actif:visited b, a.btnachat:hover b, a.btnachat:visited:hover b{
	background: url(Gx/M/Mdroit_over.gif) no-repeat right top;
	text-decoration: none;
}

/* MENU UTILITAIRE 
--------------------------------------------------------------------------------------- */
#menuu{height: 21px;margin: 0 ;padding: 0 25px 0 0;float: right;}
#menuu ul{margin: 0;padding: 0;}
#menuu ul li{padding: 0 5px;margin: 0;float: left;list-style-type: none;color: #6F943A;font-size: 11px;line-height: 13px;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	display: block;
	float: left;
	color: #6F943A;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover, #menuu ul li a.actif, #menuu ul li a.actif:visited{color: #000;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #9FB8BF;font-size: 11px;line-height: 13px;height: 50px;padding: 0 0 0 176px;}
#piedPage a{color: #9FB8BF;text-decoration: underline;}
#piedPage a:hover{color: #9FB8BF;}
#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: #9FB8BF;}
#piedPage #copyrights #lienCopyrights:hover{font-weight: normal;text-decoration: underline;color: #9FB8BF;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#contact{width: 230px;}
#videoquestion{width: 460px;}
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #0F5A49;font-size: 11px;}
fieldset legend{font-size: 14px; line-height: 16px; color: #0F5A49;font-weight: bold;padding:3px;border:1px solid #0F5A49;}
fieldset label{font-size: 12px; line-height: 16px; color: #0F5A49;margin:2px 0 2px;}

.champTexte{	
	background: #fff;
	border: 1px solid #0F5A49;
	color: #0F5A49;
	font-size: 11px;
	margin:2px 0 2px;
}
.listeDeroulante{
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #0F5A49;
	color: #0F5A49;
	font-size: 11px;
	margin:2px 0 2px;
}
.bouton{
	background-color: #E2F1B4;
	border: 1px solid #B3CE8E;
	color: #0F5A49;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 6px;
	_padding: 2px;
}
.boutonRadio{
	background: #EEF3F7;
	color: #4E677A;
	font-size: 11px;
}
.caseaCocher{
	border: none;
}
.erreur{
	color: #C71E3A;
}


/* 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:#0F5A49; }
/* couleur du fond tranparent */
#overlay{
	background-color: #EBF7FB; 
}