@CHARSET "UTF-8";

@import url(top.css);
@import url(bottom.css);

/* *****************************************************
*************** ELEMENTS GENERAUX **********************
****************************************************** */

img {
 border: none;
}

a {
 color: #0000ff;
 text-decoration: none;
}

body {
 background: #fff;
 font-family: Helvetica, Arial;
 font-size: 12px;
 /*padding: 30px;*/
 background:#000000 url(../img/bg-bangkok-deco.jpg) center top no-repeat;
}

#conteneur {
/*display:none;*/
 /*border: 1px solid #ccc;*/
 margin:0px auto;
 padding:0px;
 /*background:#000000 url(../img/bg-bangkok-deco.jpg) center top no-repeat;*/
 width:980px;
 /*height:100px;*/
} 


#partie_centrale {
 background: #181818;/*f5f5f5**/
 /*padding-top: 16px;*/
 margin:auto;
 /*width: 980px;*/
 min-height:300px;
}

#partie_droite {
 float: left;
 margin: 2px 0 0 0;
 width: 660px; 
}

#partie_gauche {
 float: left;
 margin: 29px 10px 0px 0px;
 width: 296px;
}

.cadre {
 background-color:#252525;
 width:655px;/*669*/
 /*margin-top:5px;*/
}

#partie_gauche .cadre {
 margin-right: 5px;
 padding: 10px 0 10px 10px;
}

#partie_droite .cadre {
 margin: 0 15px 5px 0;/* r = 15*/
 padding:5px 0px 5px 5px;
 padding-bottom:10px!important;
 /*padding: 20px 0 10px 10px;*/
}

.marques {
 padding: 9px 0 9px 9px;
}

.contenu_ec {
 -moz-border-radius:4px;
 background-color:#F0EFDE;
 border:1px solid #D8D7C5;
 margin:5px auto 40px;
 padding: 0;
 width:99%;	
}

.cadre h3 {
 margin: 8px 15px;
 text-transform:uppercase;
 font-size:14x;
}

#bloc_liens {
 width: 982px;
 margin: 0 auto;
}

.block {
}


/*********************************************************************
 ****************************** CONTACT ******************************
 *********************************************************************/

div.contact_frame {
 border-top: 1px solid #ccc;
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 border: 1px solid #ccc;
 border: none;
}

div.contact_line div.contact_field_name {
 float: left;
 width: 150px;
 padding: 7px 0 0 0;
 font-weight: bold;
}

div.contact_line div.contact_field_value {
 margin-left: 160px;
}

span.contact_field_cross {
 color: #c00;
 font-weight: bold;
}

div.contact_line.highlight {
 background: #ddd;
 background:none;
}

div.contact_line input , div.contact_line textarea {
 margin-top: 3px;
}

div.contact_submit {
 float: right;
 margin: 10px 8px 0 0;
}

div.contact_error {
 border: 1px solid #a00;
 padding: 3px 6px;
 color: #a00;
 font-size: 11px;
 background: #fee;
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
/*  min-width: 200px; */
}

#spe {
 float: right;
 text-align: right;
 padding: 1px 0 0 0;
}

.suivi, .newsletter {
 display: block;
}

.suivi a, .newsletter a, .tel {
 text-decoration: none;
 display: block;
 color: #333;
 font-size: 12px;
 margin: 10px 0 0 0;
}

.suivi a, .newsletter a {
 text-align: center;
 display: block;
 background: #ccc;
 color: #333;
 padding: 5px;
 font-size: 12px;
 text-decoration: none;
}

.suivi a:hover, .newsletter a:hover {
 color: #000;
}

#compte {
/*   background:url(../../img/top-fond.png) top left no-repeat; */
  float: right;
  width: 97px;
  height: 107px;
  margin: 10px 6px;
  text-align: center;
}

#panier {
  float: right;
/*   background: url(../../img/top-fond.png) top left no-repeat */;
  width: 97px;
  height: 107px;
  margin: 10px 20px 0 0;
  text-align: center;
}

#compte a, #panier a {
  text-decoration: none;
  color: #333;
  font-size: 12px;
  font-weight: 600;
}

#compte a:hover, #panier a:hover {
 color: #000;
}

#compte img {
 margin: 10px 0 15px 3px;
}

#panier img {
 margin: 4px 0 12px 1px;
}

/* ----------------- */

.marque_img {
 border: 1px solid #dcb;
 background: #fff;
 width: 62px;
 margin: 0 4px 5px 0;
 padding: 6px 0 0 0;
 height: 61px;
 float: left;
}

.marque_img img {
 max-width: 60px;
 max-height: 60px;
 margin: auto;
 display: block;
}
/*

.radius-2px {
 -moz-border-radius-bottomleft:2px;
 -moz-border-radius-bottomright:2px;
 -moz-border-radius-topleft:2px;
 -moz-border-radius-topright:2px;
 -webkit-border-bottom-left-radius: 2px 2px;
 -webkit-border-bottom-right-radius: 2px 2px;
 -webkit-border-top-left-radius: 2px 2px;
 -webkit-border-top-right-radius: 2px 2px; 
}

.radius-3px {
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 -webkit-border-bottom-left-radius: 3px 3px;
 -webkit-border-bottom-right-radius: 3px 3px;
 -webkit-border-top-left-radius: 3px 3px;
 -webkit-border-top-right-radius: 3px 3px; 
}

.radius-4px {
 -moz-border-radius-bottomleft:4px;
 -moz-border-radius-bottomright:4px;
 -moz-border-radius-topleft:4px;
 -moz-border-radius-topright:4px;
 -webkit-border-bottom-left-radius: 4px 4px;
 -webkit-border-bottom-right-radius: 4px 4px;
 -webkit-border-top-left-radius: 4px 4px;
 -webkit-border-top-right-radius: 4px 4px; 
}

.radius-2px-top {
 -moz-border-radius-topleft:2px;
 -moz-border-radius-topright:2px;
 -webkit-border-top-left-radius: 2px 2px;
 -webkit-border-top-right-radius: 2px 2px; 
}

.radius-3px-top {
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 -webkit-border-top-left-radius: 3px 3px;
 -webkit-border-top-right-radius: 3px 3px; 
}

.radius-4px-top {
 -moz-border-radius-topleft:4px;
 -moz-border-radius-topright:4px;
 -webkit-border-top-left-radius: 4px 4px;
 -webkit-border-top-right-radius: 4px 4px; 
}

.radius-2px-bottom {
 -moz-border-radius-bottomleft:2px;
 -moz-border-radius-bottomright:2px;
 -webkit-border-bottom-left-radius: 2px 2px;
 -webkit-border-bottom-right-radius: 2px 2px; 
}

.radius-3px-bottom {
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -webkit-border-bottom-left-radius: 3px 3px;
 -webkit-border-bottom-right-radius: 3px 3px; 
}

.radius-4px-bottom {
 -moz-border-radius-bottomleft:4px;
 -moz-border-radius-bottomright:4px;
 -webkit-border-bottom-left-radius: 4px 4px;
 -webkit-border-bottom-right-radius: 4px 4px; 
}
*/

/* --- Onglets --- */
/* Onglets spécial page intérieur */
.onglets {
	background:#252525 url(../img/middle/bg-titre-content.jpg) left bottom no-repeat;	
	font:normal 15px Arial, Helvetica, sans-serif;
	padding:5px 0px 10px 10px;
}



	.onglet a {
	color: #fff;
	display: block;
    padding: 5px 0 3px 0px;
	}
	.onglet a:hover{
	color: #9eb833;
	}
/* Onglets spécial page d'accueil */

.onglets-index {  
	position:relative;
	left:4px;
}



#bloc-gris-contenu .onglets,.bloc-gris-contenu .onglets  {
 /*border-bottom: 1px solid #bbb;*/
 /*margin: 15px 15px 0 0;*/
 padding: 5px 0px 10px 0px;
 /*border-bottom: 1px solid #bbb;*/
 font-size: 16px;
 margin-left:5px;
 height:20px;
 background:url(../img/middle/bg-titre-content.jpg) left bottom no-repeat;
}



	/* desactivation onglet promotion */
	div.promotion {
		display:none;
	}

#bloc-gris-contenu .onglet, .bloc-gris-contenu .onglet  {
 /*border: 1px solid #bbb;*/
 width: 159px;
 text-align: left;
 font-size: 15px;
 float: left;
 margin: 0 5px 0 0;
 color: #333;
 position:relative;
 top:-10px;

}

#bloc-gris-contenu .onglet a, .bloc-gris-contenu .onglet a {
 color: #9eb833;
 text-decoration: none;
 display: block;
 padding: 12px 0 10px 10px;
}

#bloc-gris-contenu .onglet.choosed, .bloc-gris-contenu .onglet.choosed {
}

#bloc-gris-contenu .onglet.choosed a, .bloc-gris-contenu .onglet.choosed a {
 color: #fff;
}

.prev {
 float: left;
 width: 23px;
 height: 114px;
 margin: 0 6px 0 0;
}

.next {
 float: right;
 width: 23px;
 height: 114px;
 margin: 0 0 0 7px;
}

.prev a, .next a {
 display: block;
 width: 23px;
 height: 114px;
 text-decoration: none;
}
	/* PAGE INDEX NOUVEAUTE */
	#bloc-gris-contenu .onglets {}




/* --- Produits --- */

.product {
 width: 126px;
 min-height: 170px;
 text-align: center;
 float: left;
}

.product div.prixFloat {
 display: none;
 position: absolute;
 border: 1px solid #666;
 background: #f6e783;
 padding: 6px;
 margin: 80px 0 0 80px;
 min-width: 130px;
 -webkit-box-shadow: 0 0 5px #000;
}

.product:hover div.prixFloat {
 display: block;
 text-align: left;
}

.product div.prixFloat .nom {
 font-size: 12px;
 display: block;
}

.product div.prixFloat .prix {
 font-size: 18px;
 display: block;
}

.product div.prixFloat .prix .promo {
 float: right;
 margin: 3px 0 0 0
}

.product img.visuel {
 max-width: 110px;
 max-height: 110px;
 min-height: 110px;
 border: 1px solid #dcb;
}

.product p {
 font-size: 11px;
 margin: 5px 0;
}

/* --- Nouveau produits --- */

.nouveaux {
 overflow: hidden;
 width:647px;
 margin:auto;
 position:relative;
 left:5px;
 /*height:500px;*/
}

.productNouv {
 width: 149px;
 text-align: center;
 float: left;
 margin-right:13px;
}

.productNouv div.image img {
 border: 1px solid #000;
 max-width: 130px;
 max-height: 122px;
 /*max-width:149px;
 max-height:144px;*/
 
 
}

.productNouv div.prixFloat {
 display: none;
 position: absolute;
 border: 1px solid #666;
 background: #f6e783;
 padding: 6px;
 margin: 80px 0 0 80px;
 min-width: 100px;
 -webkit-box-shadow: 0 0 5px #000;
}

.productNouv div.image {
 /*height: 144px;*/
 /*background-color:#FFFFFF;*/
/* border: 1px solid #000;*/
 overflow:hidden;
}

.productNouv span.nom {
 display: block;
 margin: 3px 0;
 font-size: 10px;
 font-weight: bold;
 min-height:35px;
 color:#e8e8e8;
 font:normal 14px Arial, Helvetica, sans-serif;
 text-align:left;
}

.productNouv span.prix {
 display: block;
 margin: 3px 0;
 font-size: 18px;
 color: #e8e8e8;
 font-weight: normal;
 text-align:left;
}

.productNouv span.en-savoir-plus a, span.en-savoir-plus a {
	display:block;
	background:url(../img/middle/btn-en-savoir-plus-inactive.png) left top no-repeat;
	width:146px;
	height:37px;
	position:relative;
	left:-8px;
}
.productNouv span.en-savoir-plus a:hover, span.en-savoir-plus a:hover {
	background-image:url(../img/middle/btn-en-savoir-plus.png);
	left:0px;
}
.productNouv span.en-savoir-plus span, span.en-savoir-plus span { visibility:hidden; }

.productNouv:hover div.prixFloat {
 display: block;
 text-align: left;
}

.productNouv div.prixFloat .nom {
 font-size: 12px;
 display: block;
}

.productNouv div.prixFloat .prix {
 font-size: 18px;
 display: block;
}

.wrapperNouv {
 width: 10000px;
}


/* --- Produits en accueil --- */

.prodAccueil {
 overflow: hidden;
 border-top: 0;
}

/* --- Produit de catégories --- */

.prodCase {
 width: 150px;
 /*height: 315px;*/
 float: left;
 margin-right:5px;
 margin-bottom:5px;
 /*margin: 12px 0 0 8px;*/
 border:1px solid #202020;
 padding:3px;
}

.prodCase .name {
 display: none;
 position: absolute;
 border: 1px solid #666;
 background: #f6e783;
 padding: 4px 6px;
 width: 250px;
 margin: 150px 0 0 -52px;
 min-width: 100px;
 -webkit-box-shadow: 0 0 5px #000;
 text-align: center;
 /*display:none!important;*/
}

.prodCase .name span {
 font-size: 12px;
 display: block;
 text-align: center;
}

.prodCase:hover .name {
 display: block;
 text-align: left;
}

.prodCase .marque {
 /*border: 1px solid #ccc;*/
 background: #fff;
 border-bottom: 0;
 text-align: left;
 height: 25px;
 padding: 3px 0 3px 5px;
 display:none;
}

.prodCase .marque img.mq {
 max-width: 25px;
 max-height: 25px;
}

.prodCase .marque .promo {
 float: right;
 padding: 3px 3px;
}

.prodCase .marque .nom {
 font-size: 11px;
 font-weight: bold;
 padding: 5px 0 0 0;
}

.prodCase .visuel {
 
 width:150px;
 text-align:center;
 margin:auto;
 /*height:144px;*/ 
 /*border: 1px solid #000;*/
}

.prodCase .visuel img {
 /*max-width: 149px;
 max-height: 144px;*/
 border: 1px solid #000;
 max-width: 130px;
 max-height: 122px;
}

.prodCase .infos {
 /*border: 1px solid #ccb;*/
 padding: 8px 0px;
 max-height: 80px;
 min-height: 80px;
 font:normal 15px Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 text-align:left;
}

.prodCase .infos .nom {
 min-height:50px;
 max-height:50px;
 overflow:hidden;
}

.prodCase .infos .desc {
 height: 22px;
 color: #919191;
 font-size: 12px;
}

.prodCase .infos .prix {
 /*height: 20px;*/
 color:#e8e8e8;
 font-size:18px;
 font-weight:normal;
}

.prodCase .infos .prix .normal {
 text-align: left;
 color: #000;
 font-size: 18px;
}

.prodCase .infos .prix .promo {
 color: #888;
 font-size: 12px;
 float: right;
 padding: 5px 0 0 0;
}

.prodCase .achat {
 /*margin: 5px 0;
 text-align: left;
 background: #ddd;*/
 margin-top:5px;
}

.prodCase .achat a {
 color: #333;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 display: block;
 text-align: center;
 padding: 6px 0 6px 0;
}

.prodCase .achat a:hover {
 color: #333;
 text-decoration: none;
 font-size: 12px;
}

.prodCase .achat span.en-savoir-plus a {
	left:-10px;
}
	.prodCase .achat span.en-savoir-plus a:hover {
		left:0px;
	}
.prodCase:hover {
}

.prodCase:hover > div {
 border-color: #999;	
}

.blank {
 float:left;
 margin:0 2px;
}
.blank a {
 color:#E53D02;
 background:transparent url(../img/redf.png) no-repeat scroll 0 50%;
 font-size:0.9em;
 padding-left:15px;
}
.blank a:hover {
 text-decoration: underline;
}


.noProduct {
 font-size: 15px;
 font-style: italic;
 padding: 45px 0 0 0;
 text-align: center;
 color:#cbcbcb; 
}

/* --- Articles --- */
.article { 
	/*margin-top:5px;
	/*border:1px solid red;*/
	/*min-height:940px;*/
}
.article h2 {
 margin: 0;
 padding: 7px 10px 10px 10px;
 /*border-bottom: 1px solid #bbb;*/
 font-size: 16px;
 margin-left:5px;
 color: #b9d245;
 font-weight: normal;
 background:url(../img/middle/bg-titre-content.jpg) left bottom no-repeat;
}
	
	.article h2 img{
		margin-left:10px;
	}

.article .contenu {
 padding: 0 10px;
 text-align: justify;
 font-size: 12px;
 color:#cbcbcb;
}

.article .contenuMention{
 padding: 0 10px;
 text-align: justify;
 font-size: 12px;
 height:480px;
 overflow:auto
}


/* contenu textuelle dans un article */
.article a, .cadre a  {
	color:#b9d245;
}

/* les puces */
.article ul , .article ol,.cadre ul , .cadre ol  {
	list-style:none;
}
	.article ul li,.article ol li, .cadre ul li,.cadre ol li  {
		background:url(../img/middle/arrow-bas-vert.png) left center no-repeat;
		padding-left:15px;
	}
	.article ul ul li,.article ol ol li, .cadre ul ul li,.cadre ol ol li {
		background-image:url(../img/middle/arrow-bas-blanc.png);
	}


.article a.plus {
 margin: 0 0 10px 10px;
 display: block;
 text-decoration: none;
 color: #333;
 float: left;
 padding: 2px 5px;
 font-size: 11px;
 font-weight: bold;
 background:url(../img/middle/btn-en-savoir-plus.png) left top no-repeat;
 width:146px;
 height:37px;
}
	.article a.plus span {
		visibility:hidden;
	}

.article a.plus:hover {
 color: #000;
}

/* --- Sous-catégories --- */

.subcats {
}

.subcat {
 float: left;
 width: 120px;
 height: 120px;

}

.subcat .visuel {
 border: 1px solid #bbb;
 background: #fff;
 text-align: center;
 padding: 0;
 margin: 0 0 12px 0;
 width: 110px;
 height: 110px;
}

.subcat .visuel img {
 max-width: 110px;
 max-height: 110px;
}

.subcat .name {
 display: none;
 position: absolute;
 border: 1px solid #666;
 background: #f6e783;
 padding: 6px;
 margin: 100px 0 0 90px;
 min-width: 100px;
 -webkit-box-shadow: 0 0 5px #000;
}

.subcat .name span {
 font-size: 15px;
 display: block;
}

.subcat:hover .name {
 display: block;
 text-align: left;
}

/* --- Fiche produit --- */

.link_produit_vu  {
 clear:both;
 margin:0 15px 15px 0;
}
.link_produit_vu a  {
 padding-left: 15px;
 margin-left: 7px;
 background: url('../img/redf.png') 0px 50% no-repeat;
}
.link_produit_vu a:hover  {
 color:#F03F29;
}

.fprod {
}

.menu h2 {
 color: #222;
 margin: 10px 0 10px 0;
 width: 288px;
 background: #eee;
 padding: 8px 0 8px 8px;
} 

.fprod h2, .cadre h2.titre {
 /*background: #ddd;*/
 color: #312418;
 margin: 5px 7px;
 padding: 5px 0 5px 8px;
 color:#e52185;
 font:normal 20px Geneva, Arial, Helvetica, sans-serif;
} 

h2.titre {
	color:#e52185;
	font:normal 20px Geneva, Arial, Helvetica, sans-serif;
}

.zone_client h2.titre {
 /*margin: 10px 0;*/
}

.fprod .bloc {
 background: #fff;
 border: 1px solid #ccc;
 margin: 5px 7px 5px 6px;
}

.fprod .bloc .visuel {
 width: 339px;
 min-height: 252px;
 float: left;
 text-align: center;
}

.fprod .bloc .visuel img {
 max-width: 320px;
 max-height: 240px;
 margin: 5px;
}

.fprod .bloc .infos {
 width: 288px;
 min-height: 265px;
 float: left;
 border-left: 1px solid #ccc;
}

.fprod .bloc .infos .stock {
 padding: 4px 1px 4px 10px;
}
.fprod .bloc .infos .stock .valStock {
 color:#060;
}

.fprod .bloc .infos .logos {
 border-bottom: 1px solid #ccc;
 padding: 1px 1px 4px 10px;
}
.fprod .bloc .infos .logos img {
 max-width: 50px;
 max-height: 28px;
 margin: 3px 0px 0 0;
 border: none
}

.fprod .bloc .infos .garantie {
 border-bottom: 1px solid #ccc;
 padding: 8px 10px;
}

.fprod .bloc .infos .prodprix {
 border-bottom: 1px solid #ccc;
 padding: 1px 1px 1px 10px;
 height: 47px;
}

.fprod .bloc .infos .prodprix .valeur {
 height: 47px;
 padding: 14px 0 0 5px;
 color: #060;
 font-size: 20px;
}

.fprod .bloc .infos .prodprix .valeur small {
 font-size: 11px;
}

.fprod .bloc .infos .prodprix .valeur .pvaleur {
 display: inline;
 padding: 0 0 0 5px;
 color: #888;
 font-size: 14px;
}

.fprod .bloc .infos .prodprix .promo {
 float: right;
 background: #666;
 width: 48px;
 height: 32px;
 padding-top: 15px;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 color: #fff;
}

.fprod .bloc .infos .criteres {
 border-bottom: 1px solid #ccc;
}

.fprod .bloc .infos .stock {
 border-bottom: 1px solid #ccc;
}

.fprod .bloc .infos .qte {
 padding: 8px 10px;
}

.fprod .bloc .infos .qte input {
 height: 22px;
 width: 30px;
 text-align: center;
 background: #fff;
}

.fprod .buy {
 border-top: 1px solid #ccc;
}

.fprod .thumbs {
 width: 323px;
 border-right: 1px solid #ccc;
 border-top: 1px solid #ccc;
 padding: 8px;
 float: left;
 min-height:20px;
}

.fprod .thumbs img {
 max-width: 40px;
 max-height: 40px;
 margin: 0 5px 0 0;
 border: 1px solid #aaa;
}

.fprod .buy .buyNow {
 display: block;
 float: right;
 background: url('../img/bouton_bleu.png') top left no-repeat;
 width: 219px;
 padding: 7px 0;
 color: #fff;
 text-decoration: none;
 font-size: 13px;
 text-align: center;
 font-weight: bold;
 margin: 4px 36px 0 0;
}

.growlButton {
 display: block;
 background: url('../img/bg-revoir_etape_commande.png') top left no-repeat;
 width: 175px;
 padding: 6px 0;
 color: #fff;
 text-decoration: none;
 font-size: 13px;
 text-align: center;
 font-weight: bold;
 margin: 2px 0 0 5px;
 color: #000;
}


.fprod .boutons {
 clear: both;
 padding: 20px 0 0 12px;
}

.fprod .boutons .bouton {
 background: #888;
 float: left;
 min-width: 80px;
 text-align: center;
 padding: 8px 10px 6px 10px;
 color: #eee;
 font-size: 13px;
 font-weight: normal;
 margin: 0 5px 0 0;
} 

.fprod .boutons .bouton a {
 color: #eee;
 display: block;
}

.fprod .boutons .bouton.active {
 color: #fff;
 background: #666;
} 

.fprod .boutons .bouton.active a {
 color: #fff;
}

.fprod .description {
 border-top: 1px solid #ccc;
 padding: 8px 12px;
 text-align: justify;
}

.fprod .ami {
 border-top: 1px solid #ccc;
 padding: 8px 12px;
 color: #392c23;
 text-align: justify;
}

.fprod .samecat {
 border-top: 1px solid #ccc;
 padding: 15px 0 0 8px;
}
.samecat { padding: 0 0 0 3px; margin-left:4px;}

.fprod .animation {
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 text-align: center;
 background:#FFF;
}
.fprod .video  {
 padding:10px 0 0 12px;
 border-top: 1px solid #ccc;
 background:none;
 text-align: center;
}

span.red {
 color: #e00;
 font-weight: bold;
 margin: 0 3px
}

/* --- Produits en diaporama --- */

#bloc-diaporama, #bloc-gris-contenu, .bloc-gris-contenu {
	width:669px;
}
	#bloc-diaporama div.head, #bloc-gris-contenu div.head, .bloc-gris-contenu div.head  {
		background:url(../img/middle/hd-bloc-gris.jpg) left top no-repeat;
		height:9px;
		font-size:0px;
	}
	#bloc-diaporama div.body, #bloc-gris-contenu div.body, .bloc-gris-contenu div.body    {
		background:url(../img/middle/bg-bloc-gris.jpg) left top repeat-y;
		padding-bottom:5px;
	}
	#bloc-diaporama div.foot,#bloc-gris-contenu div.foot,.bloc-gris-contenu div.foot {
		background:url(../img/middle/ft-bloc-gris.jpg) left top no-repeat;
		height:9px;
		padding:0px;
		font-size:0px;
	}
	

.diapop .infos {
 float: left;
 width: 460px;
 height: 253px;
 overflow: hidden;
 position:relative;
 left:10px;
 top:3px;
}

.diapop .infos .info {
 width: 460px;
 height: 253px;
 position:relative;
 /*position: absolute;*/
 /*text-shadow: 0px 0px 5px #fff;*/
}

.diapop .infos .info .texte {
position:absolute;
 right:5px;
 bottom:5px;
 text-align: right;
 background:url(../img/diaporama/zone-info-produit.png) left top no-repeat;
 max-width:203px;
 min-height:162px;
 overflow:hidden;
}

	.diapop .infos .info .texte div{
		width:199px;
		margin:0px 5px 0px auto;
		color:#FFFFFF;
	}
		.diapop .infos .info .texte div.marque {
			display:none;
		}
		.diapop .infos .info .texte div.nom{
			font:normal 16px Arial, Helvetica, sans-serif;
			max-height:20px;
			overflow:hidden;
			margin-bottom:8px;
			margin-top:10px;
			
		}
		.diapop .infos .info .texte div.desc{
			font:normal 13px Arial, Helvetica, sans-serif;
			max-height:50px;
			overflow:hidden;
			
			
		}
		.diapop .infos .info .texte div.price{
			font:normal 20px Arial, Helvetica, sans-serif;
			color:#a7e521;
			
		}
			
		.diapop .infos .info .texte div.achat{
			font:normal 13px Arial, Helvetica, sans-serif;
			background:url(../img/diaporama/arrow-vert.png) right center no-repeat;
			
		}
			.diapop .infos .info .texte div.achat a{
				margin-right:15px;
				color:#FFFFFF;
				font-size:12px;
			}

.diapop .infos .info .visuel {
 float: left;
 width: 200px;
 
}

.diapop .liste {
 float: right;
 position:relative;
 top:2px;
 left:-8px;
 width: 187px;/*174*/
 /*padding: 1px 0 0 0;*/
}

.diapop .liste a {
 display: block;
 width:187px;
 height:65px;
 font:bold 13px Arial, Helvetica, sans-serif;
 padding-left:10px;
 color: #333333;
 background:url(../img/diaporama/onglet-diapo-inactive.png) left top no-repeat;
}

.diapop .liste a span {
	display:block;
	position:relative;
	top:8px;
	margin-bottom:3px;
	padding-right:5px;
	max-width:180px;
	overflow:hidden;
	/*margin-top:12px;*/
}
.diapop .liste a span.prix {
/*	margin-top:3px;*/
}

.diapop .liste a.active {
 background:url(../img/diaporama/onglet-diapo-active.png) left top no-repeat;
 color:#495814;
}

.diapop .liste a.active span {
 color:#495814;
}
	.diapop .liste a.active span.prix {
		color:#FFFFFF;
	}


/* --- Page de connexion --- */

.cadres_identification {
 margin: 0 15px;
 color:#cbcbcb;
}
	.cadres_identification input[type='submit'] {
		background:url(../img/middle/btn-mauve.png) left top no-repeat;
		width:149px;
		height:40px;
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		border:none;
		cursor:pointer;
	}
	.cadres_identification div.forgotten_passord a {
		color:#b9d245;
	}



/* --- Page de présentation des marques --- */
#partie_droite .cadre .brand {
 margin:0 9px 11px 7px;
}
.cadre.brand h3.brand_title {
color:#AB2603;
}

/* --- Page d'inscription --- */
p.msg_erreur{
  padding-left:10px;
  color:#ff2996; /* mauve */
}

a.followProduct {
 display: block;
 border: 2px solid #5a5;
 padding: 3px 5px 1px 5px;
 margin: 5px 10px 5px 0;
 color: #070;
 font-weight: bold;
 text-align: center;
 background: #f5f5f5;
}

/* --- Galeries de photos --- */

div.galerie div.photo {
 float: left;
 width: 110px;
 min-height: 125px;
 text-align: center;
 font-weight: bold;
 font-size: 11px;
 border: 1px solid #bbb;
 padding: 4px 4px;
 margin: 0 6px 6px 0;
}

div.galerie div.photo img {
  min-width: 100px;
  max-width: 103px;
  max-height: 103px;
  margin: 0 0 6px 0;
}

/* --- Spécifique au panier --- */

#page_pleine {
 margin: 0 10px;
 border:1px solid #181818;
} 

#bloc-list-categorie { display:none;}



/* fiche produit */
div.fiche-produit-info h2{
	margin:0px;
	padding:0px;
	font:normal 18px Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:17px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	visibility:visible;
}
	/* info */
	div.fiche-produit-info div.visuel {
		width:347px;
		height:225px;
		float:left;
		background-color:#181818;
		margin-left:17px;
	}
		div.fiche-produit-info div.visuel img{
			max-width:330px;
			max-height:210px;
			min-height:210px;
			display:block;
			margin:7px auto 0px auto;
		}
	div.fiche-produit-info div.infos {
		float:left;
		width:300px;
	}
	
		/* champ garantie  */
		div.fiche-produit-info div.infos div.garantie, 
    	div.fiche-produit-info div.infos div.promo,
		div.fiche-produit-info div.infos div.valeur,
		div.fiche-produit-info div.infos div.criteres,
		div.fiche-produit-info div.infos div.zone-stock
		{
			color:#FFFFFF;
			font:normal 12px Geneva, Arial, Helvetica, sans-serif;
			border-top:1px solid #181818;
			padding:5px 0px 5px 5px;
		}
			/* prix et prix barré */
			div.fiche-produit-info div.infos div.valeur {
				color:#a7e521;
			}
			div.fiche-produit-info div.infos div.valeur span.prix {
				font:normal 20px Geneva, Arial, Helvetica, sans-serif;
				color:#a7e521;
			}
				div.fiche-produit-info div.infos div.valeur div.pvaleur {
					color:#FFFFFF;
				}
				div.fiche-produit-info div.infos div.valeur div.pvaleur span.prix {
					font-size:15px;
					color:#FFFFFF;
				}
		div.fiche-produit-info div.infos div.zone-stock {
			
		}
			div.fiche-produit-info div.infos div.stock {
				float:left;
				position:relative;
				top:6px;
				
			}
			div.fiche-produit-info div.infos div.qte{
				float:right;
			}
				div.fiche-produit-info div.infos div.qte input{
					height:24px;
				}
				div.fiche-produit-info div.infos div.qte img {
					margin:0px;
					padding:0px;
				}
	
	div.fiche-produit-info div.thumbs {
		width:347px;
		height:49px;
		margin-top:7px;
		margin-left:17px;
		float:left;
	}
		div.fiche-produit-info div.thumbs img {
			max-width:54px;
			max-height:49px;
			min-width:54px;
			min-height:49px;
			border:1px solid #3E3E3E;
			
		}
	div.fiche-produit-info div.buy {
		float:right;
	}
		div.fiche-produit-info div.buy a{
			display:block;
			background:url(../img/middle/btn-achat-article.jpg) left top no-repeat;
			width:254px;
			height:32px;
			position:relative;
			left:-15px;
			top:15px;
		}
			div.fiche-produit-info div.buy a span{
				visibility:hidden;
			}
		
/* fin fiche produit */

/* description du produit */
div.fiche-produit-description div.boutons, div.bloc-gris-contenu div.boutons{
	background:url(../img/middle/bg-titre-content.jpg) left bottom no-repeat;
	height:30px;
	margin-left:4px;
	padding:5px 0px 2px 15px;
}
	div.fiche-produit-description div.boutons div.bouton,  div.bloc-gris-contenu div.boutons div.bouton{
		font:normal 15px Geneva, Arial, Helvetica, sans-serif;
		float:left;	
		margin-right:10px;
		
	}
	
		div.fiche-produit-description div.boutons div.bouton a, div.bloc-gris-contenu div.boutons div.bouton a{
			display:block;
			color:#FFFFFF;
			background:url(../img/middle/arrow-bas-blanc.png) right center no-repeat;
			padding-right:15px;
		}
		div.bloc-gris-contenu div.boutons div.bouton { color:#ffffff; }
		
		div.bloc-gris-contenu div.boutons div.bouton a:hover,
		div.bloc-gris-contenu div.boutons div.active a, 
		div.bloc-gris-contenu div.boutons div.bouton a:hover,
		div.bloc-gris-contenu div.boutons div.active a{
			color:#b9d245;
			background-image:url(../img/middle/arrow-bas-vert.png);
		}
		div.fiche-produit-description div.boutons #onglet-recommander,
		div.fiche-produit-description div.boutons #onglet-video,
		div.fiche-produit-description div.boutons #onglet-animation {
			display:none;
		}
		
div.fiche-produit-description div.description {
	padding-left:15px;
	margin-left:4px;
	color:#cbcbcb;
}
div.description {color:#cbcbcb;}

div.description a{
	color:#b9d245;
}
div.description a:hover{
	text-decoration:underline;
}


/* espace clients */
#espace_client, #panier{
	width:98%;
	margin:auto;
}

	/* menu espace client */
	#menu_espace_client {
		float:left;
		/*border:1px solid red;*/
		width:200px;
	}
	#menu_espace_client .espace-client a {
		font:normal 14px Geneva, Arial, Helvetica, sans-serif;
		color:#FFFFFF!important;
	}	
	/* fin menu espace client */
	
	
	/* zone client */
.zone_client { float:right; }
	.zone_client h2.titre,  a.deconnect {
		font:normal 14px Geneva, Arial, Helvetica, sans-serif!important;
		color:#9eb833!important;
		background:url(../img/middle/arrow-bas-vert.png) left center no-repeat;
		padding-left:12px;
	} 
	a.deconnect{
		color:#9eb833!important;
		background:none!important;
		font-size:12px!important;
	}
	a.deconnect:hover {
		text-decoration:underline!important;	
	}
	
	.zone_client table td {
		font:normal 12px Geneva, Arial, Helvetica, sans-serif;
		color:#868686;
	}
	.zone_client input[type='submit']{
		background:url(../img/middle/btn-vert.jpg) left top no-repeat;
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		border:none;
		width:254px;
		height:32px;
		padding-bottom:5px;
	}
/* fin espace clients */

/*panier */
div.cadre-panier {
	background-color:#252525;
	width:98%;/*669*/
	margin:auto;
	font:normal 12px Geneva, Arial, Helvetica, sans-serif;
	color:#cbcbcb;
}
div.cadre-panier h2.titre {
	color:#e52185;
	font:normal 20px Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 7px;
    padding: 5px 0 5px 8px;
}
	/*
	 * tableau du panier
	 */
	 div.cadre-panier table {
	 	width:98%;
		margin:0px auto 10px auto;
		
	 }
	 	 div.cadre-panier table th {
		 	color:#666666;
		 }
		 div.cadre-panier table tr td span.titre, 
		 div.cadre-panier table tr td span.disponibilite,
		 div.cadre-panier table tr td span.intitule{
		 	color:#cbcbcb;
		 }
		  div.cadre-panier table tr td span.style2 {
		  	color:#a7e521;
			font:bold 14px Geneva, Arial, Helvetica, sans-serif;
		  }
		  div.cadre-panier table tr td span.style1,  div.cadre-panier table tr td span.prix_total {
		  	background:none;
			border:1px solid #cbcbcb;
		  }
		 div.cadre-panier table tr td span.prix_total {
		 	font-size:16px;
		 }
	 
/* les formulaires */
div.formulaire {
	color:#cbcbcb;
}
	div.formulaire a {
		color: #b9d245;
	}
	
	div.formulaire input[type='submit'] {
		background:url(../img/middle/btn-vert.jpg) left top no-repeat;
		width:254px;
		height:32px;
		font:normal 14px Geneva, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		border:none;
	}
	
	div.formulaire div.btn-mauve input[type='submit']{
		background:url(../img/middle/btn-mauve.png) left top no-repeat;
		width:149px;
		height:40px;
		border:none;
		font:normal 14px Geneva, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		cursor:pointer;
		padding-bottom:6px;
		padding-right:5px;
	}