body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}

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");
}
*/
html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS";
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}

br.clear{
	clear: both;
}

h1{
	margin: 0;
	font-size: 18px;
	color: #C21527;
	font-family: Arial;
}
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:745px;
	text-align:left;
}
#conteneur #header{
	width: 745px;
	float: left;
	height: 85px;
}
#conteneur #header #logo{
	float: left;
}
#conteneur #header #slogan{
	float: right;
}
#conteneur #header #banniere{
	float: right;
	margin:12px 0 0 0;
}
/* MENU */
#menu{
	height: 34px;
	_height: 44px;
	width: 740px;
	padding: 0;
	margin: 0;
	float: left;
	padding:13px 0 0 0;
}
#menu ul {
	height:34px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
#menu ul li {
	display:block;
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
	font-weight: normal;
}
#menu li a {
	line-height: 11px;
	font-size: 14px;
	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: 23px;
	_height: 25px;
	width: 740px;
	padding: 0;
	margin: 0;
	float: left;
}
/* ---------------- Produit ---------------- */
.sM{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 23px;
	_height: 25px;
	width: 740px;
	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 2px;
	_margin:0 0 0 3px;
	padding:0;
	font-weight: normal;
}
.sM li a {
	line-height: 11px;
	font-size: 12px;
	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 ---------------- */
/*
.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: 740px;
	
	min-height: 430px;
	/*_height: 320px;
	*/
	float: left;
	
}
#contenu #pad{
	padding: 15px;
}
#contenu #gauche{
	width: 200px;
	float: left;
	border-right: 1px solid #c4c4c4;
}
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;
}
#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;
}
#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;*/
	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;*/
}
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;
}
#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{
	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 15px 0;
	border-bottom: 1px solid #dbdbdb;
	display: block;
	padding: 0 0 15px 0;
}
#texte #detailTitre h1{
	margin: 0;
	padding: 0;
}
#texte #detailTitre #sousTitre{
	float: left;
	display: block;
	/*width: 420px;*/
	width: 670px;
	text-align: left;
	display: block;
	font-size: 15px;
	font-weight: bold;
}
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: 200px;
	float: left;
}
#contenu #gProduit #produitIMG{
	text-align: center; 
}
#contenu #dProduit{
	margin: 0 0 0 210px;
}
#contenu #gProduit .produit{
	margin: 10px 0 0 0;
}
#contenu #gProduit #prodAss{
	padding: 10px 5px 10px 5px;
	margin: 10px 0 10px 0;
}
#contenu #gProduit #codeACL{
	padding: 10px 5px 10px 5px;
	margin: 10px 0 10px 0;
}
#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: 10px 10px 15px 10px;
	/*background: #f2f0e8;*/
	margin: 5px 0 15px 0;
}
#contenu #dProduit h1{
	display: block;
	padding: 0 5px 5px 0;
	margin: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#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: underline;
}
#contenu #gProduit #prodAss a:hover{
	/*color: #D48BC9;*/
}
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;
	border-bottom: 1px solid #DBDBDB;
}
div.imgConseil{
	width: 110px;
	display: block;
	float: left;
}
div.imgConseil img{
	float: left;
}
.ConseilTxt{
	width: 540px;
	display: block;
	float: left;
}
img.conseilContenu{
	float: right;
}
/* PIED DE PAGE */
#piedPage{
	color: #555;
	height: 50px;
	/*font-family: Tahoma;*/
	font-size: 10px;
	padding: 0;
	margin: 0;
	width: 740px;
	float: left;
}
#piedPage a{ color: #636466; text-decoration: underline;}
#piedPage a:hover{ color: #000; }
#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: #555;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #555;}
#piedPage #right{ float: right; margin: 0; text-align: right;}
/* 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;
}
/* 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: 10px 0 0 0;
}
ul.lettre li{
	margin:4px;
	padding: 4px;
	width: 36px;
	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{
	color: #4E677A;
	text-decoration: none;
}
ul.lettre li a:hover{
	color: #666;
}

.iframe{margin: -8px 0 0 -8px;}