html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
	font-size: 11px;
	line-height: 16px;
	color: #333;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, input, div, span{border:0; margin:0; padding:0;}

body#main{
	margin: 0;
	padding: 0;
	text-align:center;
}
body.main{
	background: #FFF url(Gx/bg_00.gif) repeat-x;
}
.viewBGPresse{
	background: #FFF url(Gx/00/bg_01.gif) repeat-x;
}
/*
body {
	behavior:url("inc/csshover.htc");
}
*/



.both{
	clear: both;
}

h1{
	margin: 0;
	font-size: 18px;
	color: #C21527;
	font-family: Arial;
}
h3{
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
a, a:link, a:visited{
	color: #636466;
	text-decoration: none;
	font-weight: normal;}
a:hover{
	color: #858585;
	text-decoration: none;}
	
a, a:link, a:visited{
	color: #636466;
	text-decoration: none;
	font-weight: normal;}
a:hover{
	color: #858585;
	text-decoration: none;}	
	
a.link2, a.link2:link, a.link2:visited{
	color: #636466;
	text-decoration: none;
	font-weight: normal;}
a.link2:hover{
	color: #000;
	text-decoration: none;}	
	
#contenu #texte a.link3, #contenu #texte a.link3:link, #contenu #texte a.link3:visited{
	color: #636466;
	text-decoration: underline;
	padding: 0 0 0 27px;
	line-height: 25px;
	height: 25px;
	display: block;
	text-align: left;
	font-weight: normal;
	font-size:11px;
	}
#contenu #texte a.link3:hover{
	color: #000;
	text-decoration: none;}		
a.link4, a.link4:link, a.link4:visited{
	color: #636466;
	text-decoration: underline;
	font-weight: normal;}
a.link4:hover{
	color: #000;
	text-decoration: none;}		
	
.bgagrandir{
	background: transparent url(Gx/icone_agrandir.gif) no-repeat 0px 3px;}	
.bgurl{
	background: transparent url(Gx/icone_url.gif) no-repeat 0px 3px;}	
.bglexique{
	background: transparent url(Gx/icone_lexique.gif) no-repeat 0px 3px;}	

	

a.gris, a.gris:link, a.gris:visited{
	color: #636466;
	text-decoration: none;
	font-weight: normal;
}
a.gris:hover{
	color: #858585;
	text-decoration: none;
}
/* CONTENEUR */
#conteneur{
	margin: 0 auto 0 auto;
	width:974px;
	text-align:left;
	background: none;
}
#header{
	width:974px;
	position: relative;
	height: 85px;
	
}

#logo{
	position: absolute;
	top: 0px;
	left: -1px;

}
#slogan{
	position: absolute;
	top: 40px;
	right: 0px;
	
}
#menuHaut{
	position: absolute;
	top: 11px;
	right: 0px;
	font-size: 11px;
	color: #B8B8B8;
	width: 500px;
	text-align: right;

}

#menuHaut a, #menuHaut a:link, #menuHaut a:visited{
	color: #B8B8B8;
	font-weight: normal;
	text-decoration: none;
}
#menuHaut a:hover{
	color: #ffffff;
}

#menuHaut a.actif, #menuHaut a:link.actif, #menuHaut a:visited.actif{
	color: #FFFFFF;
	text-decoration: underline	
}

#conteneur #header #banniere{
	float: right;
	margin:12px 0 0 0;
}




#footer{
	display: block;
	background: #F0F0F0;
	height: 125px;
	
}
/* MENU */
#menu{
	height: 47px;
	width: 974px;
	padding: 0;
	margin: 0;
	/*float: left;*/
	position: relative;
}
#menu ul{
	position: absolute;
	top: 15px;
	left: 0px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
#menu ul li {
	display:block;
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
	font-weight: normal;
}
#menu li a {
	line-height: 11px;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 12px 0 12px;

}

#menu li {
	position:relative;
	float:left;
	display: block;
}
#menu li.last{
	border: 0;
}

/* ---------------- SOUS MENU ---------------- */

#sousM{
	position: relative;
	height: 24px;
	width: 974px;
	padding: 0;
	margin: 0;
	/*float: left;*/
	background: none;
}
/* ---------------- Produit ---------------- */
.sM{
	position: absolute;
	top: 4px;
	left: 0px;
	height: 23px;
	width: 974px;
	padding: 0;
	margin: 0;
	float: left;
	/*padding:2px 0 0 4px;*/
	visibility: hidden;
	font-weight: normal;
	/*visibility: visible;*/
}
.sM ul{
	height:20px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
.sM ul li{
	display:block;
	list-style:none;
	margin:0 0 0 0px;
	/*_margin:0 0 0 3px;*/
	padding:0;
	font-weight: normal;
}
.sM li a {
	line-height: 11px;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 10px 0 10px;
}

.sM li {
	position:relative;
	float:left;
	display: block;
}
/* ------------- Sous Menu ----------------- */
.sM li a {
	color: #555658;
	border-right: solid 1px #FFF;
}
.sM li a:hover{
	color:#7d7d7e;
}
.sM li a.actif .sM li a.actif:link, .sM li a.actif:visited, .sM li a.actif:hover {
	color:#FFF;
}

#contenu{
	background: #FFF/* url(Gx/bg_contenu.gif) no-repeat bottom*/;
	margin: 5px 0 0 0;
}

/* ---------------- Presse ---------------- */
#listmedia{
float:left;
width:180px;

padding-top:5px;
/*background-color:orange;*/
padding:5px 0px;

}
/*
.sMp{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 23px;
	_height: 25px;
	width: 740px;
	padding: 0;
	margin: 0;
	float: left;
	padding:2px 0 0 0;
	visibility: hidden;
}
.sMpView{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 23px;
	_height: 25px;
	width: 740px;
	padding: 0;
	margin: 0;
	float: left;
	padding:2px 0 0 0;
}
.sMp ul, .sMpView ul {
	height:20px;
	padding: 0;
	margin: 0;
}
.sMp ul li, .sMpView ul li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
.sMpView li a, .sMp li a {
	line-height: 11px;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 4px 0 4px;
	text-transform: uppercase;
	
	color: #555658;
	border-right: solid 1px #FFF;
}
.sMpView li, .sMp li {
	position:relative;
	float:left;
	display: block;
}
.sMpView li a:hover{
	color:#7d7d7e;
}
.sMpView li a.actif .sMpView li a.actif:link, .sMpView li a.actif:visited, .sMpView li a.actif:hover {
	color:#FFF;
}
*/


/* Contenu */
#contenu{
	width: 974px;
	
	
	background: none;
	min-height: 430px;
	/*_height: 320px;
	*/
	/*float: left;*/
	
}
#contenu #pad{
	/*padding: 15px;*/
	float: left;
	width: 732px;
	background: none;
}
#contenu #pad2{
	/*padding: 15px;*/
	float: right;
	background: none;
	width: 222px;
}
#contenu #gauche{
	width: 200px;
	float: left;
	border-right: 1px solid #c4c4c4;
	background: none;
}
#contenu #droite{
	width: 500px;
	float: right;
	background: none;
}
input.lexique{
	border: 1px solid #858585;
	width: 160px;
	padding: 2px 3px 2px 3px;
	color: #454545;
	font-size: 13px;
	display: block;
	float: left;
}
a.btnLexique, a.btnLexique:link, a.btnLexique:visited{
	
	display: block;
	float: left;
	margin: 0 0 10px 5px;
	/*margin: -21px 10px 10px 0;
	_margin: -22px 5px 10px 0;*/
	/*background: transparent url(gx/00/go.gif) no-repeat bottom;
	width:22px;
	height: 21px;*/
}
a.btnLexique:hover{
	/*background: transparent url(gx/00/go_over.gif) no-repeat bottom;*/
}
a.btnLexique strong{
	display: none;
}
/* page autre que accueil */
#contenu #titreSM, #contenu #titreSM1, #contenu #titreSM2,
#contenu #titreSM3,#contenu #titreSM4, #contenu #titreSM9,
#contenu #titreSM10{
	/*height: 90px;*/
}
#contenu #titreSM h1, #contenu #titreSM1 h1, #contenu #titreSM2 h1,
#contenu #titreSM3 h1,#contenu #titreSM4 h1, #contenu #titreSM9 h1,
#contenu #titreSM10 h1{
	font-size:24px;
	/*color: #e388d6;*/
	padding: 20px 0 0 115px;
	padding: 42px 0 9px 0px;
}
#contenu #titreSM #sousMenu, #contenu #titreSM1 #sousMenu, #contenu #titreSM2 #sousMenu,
#contenu #titreSM3 #sousMenu,#contenu #titreSM4 #sousMenu, #contenu #titreSM9 #sousMenu,
#contenu #titreSM10 #sousMenu{
	font-size:11px;
	/*color: #636466;*/
	margin: 10px 80px 0 115px;
	margin: 3px 0px 0 0px;	
	background: none;
}
#contenu #titreSM #sousMenu a, #contenu #titreSM1 #sousMenu a, #contenu #titreSM2 #sousMenu a,
#contenu #titreSM3 #sousMenu a,#contenu #titreSM4 #sousMenu a, #contenu #titreSM9 #sousMenu a,
#contenu #titreSM10 #sousMenu a,
#contenu #titreSM #sousMenu a:link, #contenu #titreSM1 #sousMenu a:link, #contenu #titreSM2 #sousMenu a:link,
#contenu #titreSM3 #sousMenu a:link,#contenu #titreSM4 #sousMenu a:link, #contenu #titreSM9 #sousMenu a:link,
#contenu #titreSM10 #sousMenu a:link,
#contenu #titreSM #sousMenu a:visited, #contenu #titreSM1 #sousMenu a:visited, #contenu #titreSM2 #sousMenu a:visited,
#contenu #titreSM3 #sousMenu a:visited,#contenu #titreSM4 #sousMenu a:visited, #contenu #titreSM9 #sousMenu a:visited,
#contenu #titreSM10 #sousMenu a:visited{
	color: #636466;
	font-weight: bold;
	text-decoration: none;
}
#contenu #titreSM #sousMenu a:hover, #contenu #titreSM1 #sousMenu a:hover, #contenu #titreSM2 #sousMenu a:hover,
#contenu #titreSM3 #sousMenu a:hover,#contenu #titreSM4 #sousMenu a:hover, #contenu #titreSM9 #sousMenu a:hover,
#contenu #titreSM10 #sousMenu a:hover{
	/*color: #d48bc9;*/
}

#titreSM #tSMLeft{
	float:left;
	width:197px;}
#titreSM #tSMLeft img{	
	display:block;
	border-bottom:17px solid #636466;
}
#titreSM #tSMright{
	float:right;
	width:766px;
}	

a.loadPDF, a.loadPDF:link, a.loadPDF:visited{
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
a.loadPDF:hover{
	color: #C4C4C4;
	
}
/* zone texte */
#contenu #texte{
	font-size:12px;
	padding: 2px 25px 30px 25px;
}
#contenu #texte h1{
	display:block;
	margin: 0 0 15px 0;
	font-size:18px;
	font-weight: bold;
	padding: 0 0 6px 0;
}
#contenu #texte h2{
	display:block;
	margin: 0 0 5px 0;
	font-size:13px;
	font-weight: bold;
}
#contenu #texte div.image {
	padding: 3px 3px 3px 3px;
	margin: 0;
}
#contenu #texte li{
	background: transparent url(Gx/bullet.gif) no-repeat 0px 5px;
	list-style-type: none;
	margin: 0px;
	padding: 0 0 12px 12px;
	/*list-style: url(Gx/bullet.gif);
	margin:0 5px 5px 18px;
	padding:0 0 0 5px;*/
}
/* produit vedette */
table#produitVedette{
	/*border: 1px solid #F61;*/
	margin: 0 0 30px 0;
	float: left;
	width:690px;
	padding: 0 0 5px 0;
	margin: 0;
}
table#produitVedette td{
	text-align: center;
	padding: 0 0 15px 0;
	width: 25%;
}
table#produitVedette td a{
	color:#636466;
	text-decoration: none;
	font-size:11px;
	font-weight: bold;
}
/* Detail produit */
#texte #detailTitre{
	margin: 0 0 0px 0;
	/*border-bottom: 1px solid #dbdbdb;*/
	display: block;
	background: none;
	padding: 0 0 0px 0;
}
#texte #detailTitre h1{
	margin: 0;
	padding: 0;
}
#texte #detailTitre #sousTitre{
	/*float: left;*/
	/*display: block;*/
	/*width: 420px;*/
	/*width: 670px;*/
	text-align: left;
	display: block;
	padding: 3px 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}
div#aidePhar{
	margin: 10px 0 0 0;
	font-size: 9px;
}
div#graph{
	margin: 10px 0 0 0;
	font-size: 15px;
}
div#graph a, div#graph a:link, div#graph a:visited{
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
div#graph a:hover{
	color: #999;
	text-decoration: none;
}
div.spacer{
	font-size: 1px;
	height: 5px;
	overflow: hidden;
}
/*
#texte #detailTitre #prix{
	float: right;
	width: 250px;
	display: block;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
}
*/
#contenu #gProduit{
	width: 257px;
	float: left;
	background: none;
}
#contenu #gProduit #produitIMG{
	text-align: left; 
}
#contenu #dProduit{
	width: 660px;
	background: none;
	float: right;
	/*margin: 0 0 0 210px;*/
}
#contenu #gProduit .produit{
	margin: 10px 0 0 0;
}
#contenu #gProduit #prodAss{
	padding: 17px 32px 16px 32px;
	margin: 10px 0 10px 0;
}
#contenu #gProduit #codeACL{
	background: Transparent url(Gx/bg_AchatEnLigne.gif) no-repeat 131px 30px;
	/*padding: 17px 32px 16px 32px;*/
	margin: 10px 0 10px 0;
	border: 1px solid #B8B8B8;
}
#contenu #gProduit #codeACL div{padding: 17px 32px 16px 32px;}
#contenu #gProduit #codeACL div div{padding:0;}
#contenu #gProduit #trucAetC{
	background: Transparent url(Gx/bg_AstucesEtConseils.gif) no-repeat 131px 30px;
	border: 1px solid #B8B8B8;
}
#contenu #gProduit #trucAetC h6, #contenu #gProduit #codeACL h6{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	display: block;
	background: #636466;
	height: 30px;
	line-height: 30px;
	text-indent: 16px;
}
#contenu #gProduit #trucAetC .inner{
	padding: 30px 30px 0px 30px;
}

#contenu #gProduit #trucAetC .inner ul{
	margin: 0px;
	padding: 0px;
}
#contenu #gProduit #trucAetC .inner li{
	padding: 0 0 6px 0;
	margin: 0px;
	background: none;
	list-style-image: none;
	list-style: none;
	list-style-type: none;
}

#contenu #dProduit #intro{
	display: block;
	/*padding: 10px 10px 15px 10px;*/
	margin: 5px 0 15px 0;
}
#contenu #dProduit .narr{
	text-align: center;
	display: block;
	padding: 5px;
}
#contenu #dProduit #actif{
	display: block;
	padding: 24px 27px 15px 27px;
	/*background: #f2f0e8;*/
	margin: 0px;
}
#contenu #dProduit #description{
	display: block;
	padding: 24px 27px 15px 27px;
	/*background: #f2f0e8;*/
	margin: 0px;
}
#contenu #dProduit #conseilUtil{
	display: block;
	float: left;
	background: none;
	width: 400px;
	padding: 0px;
	margin: 0px;
}
#contenu #dProduit h1{
	display: block;
	padding: 0 5px 5px 0;
	margin: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: none;
}
#contenu #dProduit div{
	display: block;
	/*padding: 10px 10px 15px 10px;*/
	margin: 5px 0 15px 0;
}
strong.graph{
	padding: 10px 10px 15px 10px;
}
#contenu #gProduit #prodAss a, #contenu #gProduit #prodAss a:link, #contenu #gProduit #prodAss:visited{
	/*color: #636466;*/
	text-decoration: none;
}
#contenu #gProduit #prodAss a:hover{
	/*color: #D48BC9;*/
	text-decoration: underline;
	
}
img.pdetail{
	float: right;
	/*position: relative;
	top: -50px;*/
}
/* ---------- conseil ----------- */
a.plusinfo, a.plusinfo:link, a.plusinfo:visited{
	font-size: 12px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
a.plusinfo:hover{
	color: #C4C4C4;
}
div.ConseilPic{
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	float: left;
	width: 680px;
	width: 924px;
	border-bottom: 1px solid #DBDBDB;
}
div.imgConseil{
	width: 110px;
	display: block;
	float: left;
}
div.imgConseil img{
	float: left;
}
.ConseilTxt{
	width: 540px;
	width: 750px;
	display: block;
	float: left;
}
div.conseilContenutxt{
	float: left;
	width: 604px;
	background: none;
}
div.conseilContenu{
	float: left;
	width: 220px;
	background: none;
}
img.conseilContenu{
	float: right;
	display: block;
	margin: 0 0 0 1px;
}


#piedPage{
	color: #636466;
	font-size: 11px;
	padding: 15px 0 0 0;
	text-align: left;
	width: 974px;
	margin: 0 auto 0 auto;
}
#piedPage a, #piedPage a:link, #piedPage a:visited{ 
	color: #636466; 
	text-decoration: none; 
	font-weight: bold;}
#piedPage a:hover{ 
	color: #3B3B3B; }

/* TEXTE*/
#imageTexte{
	width: 210px;
	float: right;
}
#imageTexte img{
	float: right;
	display: block;
}

p{
	margin: 0;
	font-size: 0.8em;
	line-height: 140%;
	color: #454545;
}
p strong{
	color: #454545;
}
p b{
	font-weight: bold;
	color: #454545;
}
p a, p a:link, p a:visited{
	color: #454545;
	text-decoration: none;
}
p a:hover, p a:visited:hover{
	color: #454545;
	text-decoration: underline;
}
p ul li{
	list-style: square;
}
p:first-letter { color:#454545; font-size: 200%; text-transform:uppercase;}

/* formulaires */
fieldset{margin: 0; padding: 12px; width: 456px; border:1px solid #999}
fieldset legend{font-family: Arial; font-size: 14px; font-weight: bold;}
fieldset label{font-size: 0.8em;}

.formulaire{
	margin: 0;
	padding: 0;
}

.champTexte{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

.boutonRadio{	
	color: #4E677A;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 0.8em;
}
.menuDeroulant{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}

#Form2 .champTexte{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
#Form2 .menuDeroulant{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}

/* css pour le popUp de la photo du produit */
/* 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=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
span.gris{
	font-weight: bold;
	color: #666;
}
/* ------------- LEXIQUE ----------------------*/
ul.lettre{
	margin: 0px 0 0 0;
}
ul.lettre li{
	/*margin:4px;*/
	padding: 0 0 4px 0;
	width: 36px;
	background: none;
	/*border: 1px solid #B4B3B3;*/
	display: block;
	float: left;	
	font-size: 11px;
	text-align: center;
}
ul.lettre li a, ul.lettre li a:link, ul.lettre li a:hover, ul.lettre li a:visited{
	display: block;
	float: left;

	width: 32px;
	line-height: 30px;
 	background: #F1F1F1;
	color: #4E677A;
	text-decoration: none;
}
ul.lettre li a:hover, ul.lettre li a.actif, ul.lettre li a.actif:link, ul.lettre li a.actif:visited{
	color: #666;
	color: #FFF;
	background: #9C9C9C;
}


/*  produit associe a un conseils  */
.prodAssConseil .prodImg{
	float: left;
	width: 180px;
	background: none;
}
.prodAssConseil .prodImg img{
	display: block;
	margin: 0 1px 0 0;
	float: left;
	border: 1px solid #DDD;
}
.prodAssConseil .prodTxt{
	float: left;
	width: 740px;
	padding: 5px 0 0 0;
	background: none;
}

#searchtop{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 15px;
	left: 807px; 
	width: 165px;
	background: none;
}

#searchtop .searchtexte{
	background: #F9F8F5;
	color: #555658;
	height: 16px;
	width: 140px;
	float: left;
	font-size: 11px	  	
}

#searchtop .searchinput{
	background: transparent url(Gx/btn_searchtop.gif) no-repeat top right;
	float: left;
	height: 16px;
	width: 24px;
}

.panier th{background:#CDCDCD;padding:5px;}
.panier td.ligne{background:#EFEFEF;padding:5px;}

.lienAchat{background:url(Gx/icone_cart_add.gif) no-repeat; padding-left:20px; display:block; height:20px;margin-top:5px;}
a.lienAchat, a.lienAchat:link, a.lienAchat:visited{font-weight:bold;}
.contenuPanier{background:url(Gx/icone_cart.gif) no-repeat; padding-left:20px;}