/* css bleu cocagne

*/
*{
	margin:0;
	padding:0;
	border:0
}
html{
	height:100%;
}
body {
  text-align: center ;
  font-size: 80%;
  height:100%;
  margin:auto;
  width:100%;
  background-color:#ffffff;
  font-family: Verdana, arial, helvetica, sans-serif ;
}
h1, h2, ul#menuhaut {
	font-family:Trebuchet, arial, helvetica, sans-serif ;
}
h1 {
	font-size:1.2em;
	margin:0px 0 20px 0;
	font-weight:normal;
}
h2 {
	 font-size: 1.2em;
	 margin:0 0 1em 0;
	 color:#6b6daa;
}
h2 .premiermot{
	font-weight:bold;
}
h3 {
	padding-top:0.5em;
	font-size: 1em;
}
h4 {
	font-size: .95em;
}
p {
	margin: 1.12em 0;
}
em {
	font-size:0.8em;
}
.align-right {
	text-align:right;
}
.float-left {
	float:left;
	margin-right: 10px;
	}
.bigger {
	font-size:1.5em;
}
.fondclair {
	padding:0 .5em;
	}
.CNIL {
	font-size:0.85em;
	font-style:italic;
	clear:both;
}
/* Classes générales */
.t700 {width:700px; margin:10px 0 10px 20px;}
.inputRequirement {
  text-align:right;
  color: red;
  font-size:.8em;
}

.clear {font-size:1px; height:1px; clear:both; visibility:hidden}

/* Pour les formulaires */
form p {
  margin: 0.5em 0;
}

fieldset {
  padding-left:1em;
  margin-bottom:1em;
}
legend {
  font-weight:bold;
  font-size:1.1em;
}
label {
  float: left;
  text-align:right;
  font-weight:bold;
  width:40%;
  margin-right:1em;
}
label.no_float {
  float:none;
  padding-left:4px;
}
fieldset label {
  font-weight:normal;
  width:30%;
}
input, textarea, select {
  background-color:#fff;
}

input.image {
  border:none;
}
s, del {
	background:transparent url(../img2/promo.gif) no-repeat scroll center center;
	text-decoration:none;
}
.price{
	color:#343468;
	font-weight:bold;
}
.productSpecialPrice{
	color:#333366;
	font-weight:bold;
}
/* Formulaire de contact */
form#contact_us label  {
  font-weight:bold;
  margin-right:3px;
  text-align: left;
  width:100%;
}
/* Formulaire de recherche avancée */
form#advanced_search label {
  margin-right:3px;
  text-align: left;
  width:20%;
  font-weight:normal;
}

form#checkout_address label {
  margin-right:3px;
  text-align: left;
  width:25%;
  font-weight:normal;
}
/* Fin formulaire */
#haut{
	width:100%;
	height:183px;
	background : url(../img2/bandehaut.jpg) repeat-x bottom center;
}
#haut #bandeau{
	width:1000px;
	height:183px;
	background : url(../img2/bandeau.jpg) no-repeat top center;
	margin:0 auto 0 auto;
	position:relative;
}
#haut #bandeau .retouraccueil{
	background:transparent;
	height:150px;
	left:8px;
	position:absolute;
	top:0;
	width:980px;
}
#haut #bandeau .retouraccueil span{
	/*visibility:hidden;*/
	font-weight:bold;
	left:10px;
	position:absolute;
	top:3px;
}
#haut #bandeau #panier {
	top:162px;
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	left:575px;
	position:absolute;
	text-align:left;
}
#haut #bandeau #logoff {
	top:161px;
	font-size:0.8em;
	left:798px;
	position:absolute;
}
#haut #bandeau #logoff a{
	color:#ffffff;
	text-decoration:underline;
}
#haut #bandeau #logoff a:hover{
	color:#ffffff;
	text-decoration:none;
}
#milieu{
	width:1000px;
	background : url(../img2/milieu-int.jpg) repeat-y top center;
	margin:0 auto;
	padding:0;
	text-align:left;

}
#gauche{
	width:200px;
	padding-left:8px;
	border-right:1px solid #c5c5c5;
	float:left;
}
#milieu #gauche div#onglet{
	background:transparent url(../img2/m1.gif) repeat-x scroll left top;
	height:30px;
	line-height:25px;
}
#milieu #gauche div a{
	padding:0 1.5em;
	font-weight:bold;
	text-decoration:none;
}
#milieu #gauche div a:hover{
	text-decoration:none;
}
#milieu #gauche ul{
	margin-top:-5px;
}
#milieu #gauche ul, li {
	list-style: none;
}
#milieu #gauche ul li{
	background : url(../img2/fond_colonnegauche.jpg) repeat-x left 20px;
}
#milieu #gauche ul li ul {
	margin-left: 5px;
	margin-top:0px;
	font-size: 0.8em;
	background:none;
	padding-bottom:5px;
}
#milieu #gauche ul li a{
	background:transparent url(../img2/fond_ul.jpg) repeat-x scroll left top;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:5px 0 0;
	padding:2px 0 2px 10px;
	width:190px;
}
#milieu #gauche ul li li{
	background : transparent;
	line-height:10px;
	margin:0;
padding:0;
}
#milieu #gauche ul li li a{
	background : transparent;
	color:#000000;
	font-weight:normal;
	padding:0 0 0 5px;
}
#milieu #gauche ul li li a.selected,#milieu #gauche #manu ul li a.selected {
	/*background:#bfc1e4;*/
	background:transparent url(../img2/fleche.gif) no-repeat scroll left 2px;
	color:#5C335C;
	font-weight:bold;
	padding-left:10px;
}
#milieu #gauche ul li a.selected {background:#BFC1E4;}
#milieu #gauche ul li li a:hover{
	color:#5c335c;
	font-weight:bold;
}
#milieu #gauche ul li.allproducts {
	margin-bottom:20px;
	text-align:center;
}
#milieu #gauche #manu div{
	background:transparent url(../img2/m2.gif) repeat-x scroll left top;
	height:30px;
}
#milieu #gauche #manu ul li {
	background : none;
}
#milieu #gauche #manu ul li a{
	background : none;
	color : #000;
	margin:0 0 0;
	padding:0 0 0 10px;
	font-weight:normal;
}
#milieu #gauche #manu ul li a:hover{
	color:#5c335c;
	font-weight:bold;
}
#milieu #centre{
	background:transparent url(../img2/fond_milieu.jpg) repeat-x scroll center top;
	float:left;
	padding:10px;
	width:759px;
	color:#333;
}
#milieu #centre .headerNavigation{
	font-size:0.8em;
}
#milieu #centre p.description{
	float:right;
	width:480px;
}
#milieu #serviceclients2{
	background:transparent url(../img2/fond_serviceclient.jpg) repeat-x scroll center 20px;
	height:150px;
	left:570px;
	position:relative;
	top:-20px;
	width:196px;
	border-left:1px solid #CCCCCC;
}
#milieu #serviceclients2 h2{
	margin:0 0 32px 0;
	padding:0em;
	height:23px;
	line-height:23px;
	padding-left:10px;
	color:#fff;
	background:transparent url(../img2/fond_ul.jpg) repeat-x scroll center top;
	/*text-align:right;*/
}

#milieu #serviceclients2 p{
	text-align: right;
	margin-right:0.5em;
	font-size:0.8em;
}
#milieu #serviceclients2 span{
	color:#5C335C;
	font-size:1em;
	font-weight:bold;
	left:44px;
	position:absolute;
	top:130px;
}
#milieu .loginBox1{
	border: 1px solid #8689BC;
}
#bas{
	clear:both;
	width:100%;
	height:135px;
	background : url(../img2/bandebas.jpg) repeat-x top center;
}
#bas #footer{
	width:1000px;
	height:135px;
	background : url(../img2/pied.jpg) no-repeat top center;
	margin:0 auto 0 auto;
	position:relative;
}
#bas #footer {
  text-align:center;
  position:relative;
  /*background:url('../img/bg_bas.gif') no-repeat bottom; modif 31-07-08 */
  height:135px;
}
#bas #footer .copyright {
	font-size:0.8em;
}
#bas #footer .novaldi {
	position:absolute;
	left:20px;
	top:80px;
	font-size: 85%;
	text-transform:none;
}
div#contenu {
  width:720px;
  margin: 20px 0px 0px 20px;
  float:left;
}
div#centre ol {
	padding-left:20px;
}
div#centre ol li {
	list-style-type: lower-roman;
}
div#imageprincipale {
  width:550px;
  height:110px;
  overflow:hidden;
}

/* Liste des catégories */
ul#liste_categorie {
  list-style-type: none;
  width:680px;
}

ul#liste_categorie li {
  list-style-type: none;
  float: left;
  margin-top:10px;
 /* background:url('../img/droite_liste_cat.gif') no-repeat right 18px;modif 31-07-08 */

}
ul#liste_categorie li div {
 /* background:url('../img/gauche_liste_cat.gif') no-repeat top left;modif 31-07-08 */
  width:97%;
  height:135px;
  padding:12px 0 0 10px; /*modif 31-07-08 supprimer cette ligne si on rajoute un border*/

}
ul#liste_categorie li div img {float:left;}
ul#liste_categorie li h2 a { float:none;text-align:justify}
ul#liste_categorie li p {margin:0;padding:0 10px 0 10px;font-size:.9em;text-align:justify;}

/* Liste des produits */
img.marque {float:left;margin:0 1.2em 1.5em 0;}
p.desc_marque {color:#666;}
div#liste_produit {
	margin:5px 0 15px 0;
	padding-top:10px;
	width:759px;
}
div#liste_produit ul {
 	margin:0;
	padding:0;
	width:759px;
}
div#liste_produit li {
	/*background:#EFEFFF none repeat scroll 0 0;*/
	border:1px solid #C3C5DF;
	float:left;
	height:240px;
	margin:0 0 10px 10px;
	padding:10px 0 0;
	text-align:center;
	width:235px;
	position:relative;
}
div#liste_produit li h2 {
	font-size:0.85em;
	margin:0px 2px 0px 2px;
}
div#bas_liste_produit {
  clear:both;
  /*padding-bottom:20px;*/
}

/* Liste avec les images supplémentaires des produits */
ul#moreimg {
  list-style-type: none;
  margin:20px 0px;
}

ul#moreimg li {
  float: left;
}
.abo_sup{
	font-size:0.8em;
}
/* détail produit */
/*--- détail produit --*/
/*.fablogo {display:none;}*/
#centre td.smallText{
	font-size:0.8em;
}
div#centre .delai {font-weight:bold;}
div#centre div.price input, div#centre div.price select {
  margin:10px 0 0 10px;
}
div#centre h2.produit {
	/*margin-left:20px;*/
	font-size:1.2em;
}

div#centre div.illustr a, div#centre div.plusphotos a {
  text-align:center;font-size:.85em; color:#555;
}
div#centre div.plusphotos {
 /* clear:both;*/
  /*margin:30px 0 0 20px;*/
  text-align:center;
}
div#centre div.plusphotos ul#moreimg {
  /*margin:auto;*/
  margin:0;
  width:230px;
}
div#centre div.plusphotos ul#moreimg li {
  float:left;
  margin:5px;
  width:100px;
}

div#centre ul#listeMarquesCategories{
	/*
	background:#EBECF6 none repeat scroll 0 0;
	border:1px solid #C5C5C5;
	padding:0.5em;
	*/
	border-top:1px solid #C5C5C5;
	padding:0.5em;
	font-size:0.85em;
	clear:both;
}
div#centre ul#listeMarquesCategories li{
	display:inline;
	margin:0 0.5em;
}
div#centre ul#listeMarquesCategories li a.selected{
	background:none;
	font-weight:bold;
}
#infoplus{
	padding:0.5em;
	clear:both;
}
#email_friend fieldset{
border:none;
border-top:1px solid #8689BC;
/*
border-bottom:1px solid #8689BC;
border-left:1px solid #8689BC;
border-right:1px solid #8689BC;
*/
}
#email_friend label{
	display:block;
	float:left;
	margin-right:1em;
	text-align:right;
	width:266px;
	font-weight:normal;
}
#email_friend textarea{
	margin-bottom:2em;
}
table#pad_quantity {
		width:100%;
}
table.pad_quantity th {
	color:black;
}
table.pad_quantity th,table.pad_quantity td {
	text-align:center;
}
table.pad_quantity td.nom_option {
	text-align:left;
	font-weight:normal;
}
/*------ Résumé panier -------*/
div#centre .infoBoxContents td.productListing-heading {
	font-weight: bold;
	text-align: center;
}
div#centre .infoBoxContents td.productListing-data em {
	font-size:0.9em;
}

div#centre .infoBoxContents td.productListing-heading,
div#centre .infoBoxContents tr.productListing-even td,
div#centre .infoBoxContents tr.productListing-odd td {
	padding:.2em;
	border:1px solid;
	vertical-align: middle;
	border-collapse:collapse;
	}
div#centre .infoBoxContents tr.productListing-even td,
div#centre .infoBoxContents tr.productListing-odd td {
	border-top:0;
	}
div#centre .infoBoxContents tr.productListing-even td td,
div#centre .infoBoxContents tr.productListing-odd td td {
	border:0 none;
	}

div#centre .stockWarning {
	font-size:.9em;
	text-align: left;
	}
.markProductOutOfStock {
	font-weight: bold;
	}

/*------------ Processus de commanbde -------------*/
div#centre .suivi-procedure {
	border:1px solid;
	margin-bottom:1em;
}

.shipping_method {
	border-bottom:1px dotted;
		margin-left:100px;
	}
div#centre  .border-bottom {
	border-bottom:1px solid;
	padding-bottom:1em;
	margin-bottom:1em;
}

.regPrice, .specPrice {
  font-weight: bold;
}
s .regPrice{
  font-size:0.9em;
  color:#000;
  font-weight:normal;
}
#liste_produit img {
	/*margin:0 0 10px 0;*/
	margin:0;
}
/* plan du site */
div#plan div.plan-catalogue {
  width:40%;
/*  height:750px;*/
  float:left;
  margin: 0 1em;
  padding:0.5em;
  }
div#plan div.plan-catalogue ul {
  margin:0;
}
div#plan ul {
  margin:1em;
  padding:1em;
}

div#plan div.plan-catalogue li {
  font-weight:bold;
}
div#plan div.plan-catalogue ul ul {
  padding:0;
  margin-bottom:1em;
}
div#plan div.plan-catalogue ul li li {
  background:none;
  margin-left:0;
  font-weight:normal;
  padding-left:1em;
}
div#plan ul.plan-infosup {
  padding:0em;
}
div#plan ul ul {
  float:none;
  margin:5px 0;
  padding:0;
  padding-left:30px;
  width:auto;
}
/*------------ Fiche produit --------------*/
div.ficheProduit {
  width:740px;
  padding-bottom:2em;
  border-bottom:1px solid #898cbe;
 }
div#contenu div.ficheProduit h2 {
  margin:0;
  padding:10px 0 10px 10px ;
  width:auto;
}
div.ficheProduit div.illustr {
	float:left;
	margin-top:5px;
	padding-right:10px;
	width:270px;
	text-align:center;
	position: relative;
}
div.ficheProduit div.description {
	float:left;
	margin:0 0 0 20px;
	width:440px;
}
div.ficheProduit div.price {
	border:1px solid #898CBE;
	float:right;
	font-weight:bold;
	margin-top:1em;
	padding:1em;
	text-align:right;
	/*width:270px;*/
}
div.ficheProduit div.description div.price span.option {
	display:block;
	margin:0em 0 0;
}
div.ficheProduit div.price span.option label {
	float:none;
}
/* ------------ Login box ----------------*/
.loginbox, .newcustomer {
  padding:.3em;
}
/*------------ Messages divers ----------*/
.message {
	background:#BFC1E4 none repeat scroll 0 0;
	margin:1em;
	padding:0.5em;
}
.erreur {
	padding:.5em;
}
.succes {
	padding:.3em;
	padding-left:60px;
}
/*------------ fond de page statique -----------------*/
#pagefond.pagestatique {
width:700px;
padding:20px;
margin-bottom:0;
text-align:justify;
}
#basstatique {
margin-top:0;
}
#pagefond.pagestatique p{
margin-top:5px;
}
#pagefond.pagestatique h2,#pagefond.pagestatique h3,#pagefond.pagestatique p{
margin-left:20px;
margin-right:20px;
}
/*------------ fin fond de page statique -----------------*/
/* specif produits croisés */
#xsell_product h2{
	/*background:transparent url(../img2/fond_separateur.jpg) repeat-x scroll center top;*/
	margin-top:-1px;
	padding-top:2em;
}
div#xsell_product li{
	float:left;
	height:170px;
	margin:0 0 10px 10px;
	padding:10px 0 0;
	text-align:center;
	width:235px;
}
div#also_purchase {
clear:both;
}
div#also_purchase h2{
	/*background:transparent url(../img2/fond_separateur.jpg) repeat-x scroll center top;*/
	border-top:1px solid #6B6DAA;
	margin-top:-1px;
	padding-top:1em;
}
div#also_purchase li{
	float:left;
	height:170px;
	margin:0 0 10px 10px;
	padding:10px 0 0;
	text-align:center;
	width:235px;
}
.critique {
clear:both;
text-align:right
}
p.left{
	text-align:left;
}
/*------------ formulaire de contact ---------------------*/
#contact_us {
	width: 420px;
	float:left;
}
#adress {
	padding: 8em 0 0 550px;
	font-size:.9em;
}
.labelMP{
	float:none;
	padding-left : 4px;
}
.labelMP img{
	float: right;
	margin-right : 100px;
}
a.img_promo{
	left:0px;
	position:absolute;
	top:0px;
}
/*- pour avoir du png transparent sous ie6 */
.img_promo{
	width:105px;
	height:66px;
	background:transparent url(../img/pictoNouveau.png) no-repeat center  center;
}
* html img, * html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}