@CHARSET "UTF-8";

/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 

@import url(top.css);
@import url(bottom.css);
@import url(galerie.css);
@import url(mooflow.css);
/* *****************************************************
*************** ELEMENTS GENERAUX **********************
****************************************************** */

img {
 border: none;
}

a {
 color: #000;
 text-decoration: none;
}

html{
background:url(../img/bg-html.jpg)
}

body {
background:url(../img/bg-body.png) bottom repeat-x;
 font-family: Helvetica, Arial;
 font-size: 12px
}

#top-brown{
width:100%;
background:url(../img/top-brown.png) repeat-x
}

#conteneur {
background:url(../img/bg-conteneur.png) top center no-repeat;
 margin:0 auto;
 padding:0
}

#partie_centrale {
background:#FFF url(../img/bg-centrale.jpg) bottom repeat-x;
margin:60px auto 0;
min-height:300px;
padding-top:16px;
width:1000px
}

#partie_droite {
 float: left;
 margin: 2px 10px 20px;
 width: 780px;
}

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

.cadre {
 padding: 10px 0;
}

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

#partie_droite .cadre {
clear:both;
 margin: 0 0 5px;
 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: 980px;
 margin: 0 auto;
}

.block {
}


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

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

div.contact_line {
 padding: 6px 6px 10px 6px;
 border: 1px solid #EFEEE8;
 border-top: 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: #FDF3E7;
}

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 {
 margin: 15px 15px 0 0;
 height: 40px;
}

.onglet {
 border: 1px solid #EFEEE8;
 width: 159px;
 text-align: left;
 font-size: 15px;
 float: left;
 margin: 0 5px 0 0;
 color: #333;
 background: #FEF3E7;
}

.onglet a {
 color: #333;
 text-decoration: none;
 display: block;
 padding: 12px 0 10px 10px;
}

.onglet.choosed {
}

.onglet.choosed a {
 color: #000;
}

.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;
}

/* --- 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;
}

.productNouv {
 width: 115px;
 height: 165px;
 text-align: center;
 float: left;
}

.productNouv img {
 max-width: 112px;
 max-height: 112px;
 border: 1px solid #dcb;
}

.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: 115px;
}

.productNouv span.nom {
 display: block;
 margin: 3px 0;
 font-size: 10px;
 font-weight: bold;
 height: 25px;
}

.productNouv span.prix {
 display: block;
 margin: 3px 0;
 font-size: 10px;
 color: #c00;
 font-weight: bold;
}

.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: 12px 0 0 8px;
}

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

.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;
}

.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 {
 border: 1px solid #ccc;
 border-bottom: 0;
 background: #fff;
 text-align: center;
 padding: 10px 0 10px 0;
}

.prodCase .visuel img {
 max-width: 130px;
 max-height: 122px;
 min-height: 122px;
}

.prodCase .infos {
 border: 1px solid #ccb;
 padding: 8px;
 min-height: 80px
}

.prodCase .infos .nom {
 min-height: 26px;
}

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

.prodCase .infos .prix {
 /*height: 20px;*/
}

.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;
}

.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: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;
}

/* --- Articles --- */

.article h2 {
border-bottom:1px solid #EFEEE8;
 margin: 0 0 10px;
 padding: 7px 10px 6px 10px;
 font-size: 15px;
 color: #333;
 font-weight: normal;
}

.article .contenu {
background:#FEF3E7;
border:1px solid #EFEEE8;
font-size:12px;
padding:0 10px;
text-align:justify;
}

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


.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;
}

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

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

.subcats {
}

.subcat {
 float: left;
 width: 120px;
 height: 120px;
 margin: 0 0 6px 7px;
}

.subcat .visuel {
 border: 1px solid #EFEEE8;
 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;
 width: 182px;
 background: #FEF3E7;
 padding: 8px 0 8px 8px;
} 

.fprod h2, .cadre h2.titre {
 color: #555555;
 margin: 5px 7px;
 padding: 5px 0 5px 8px;
 font-weight:400;
 border-bottom:1px solid #E9E7E7
} 

.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;
}

.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 --- */

.diapop .infos {
 background-color: #fff;
 border: 1px solid #ccc;
 float: left;
 width: 446px;
 height: 238px;
 overflow: hidden;
}

.diapop .infos .info {
 width: 446px;
 height: 238px;
 position: absolute;
 background: #fff;
 background-position: -90px center;
 background-repeat:  no-repeat;
 text-shadow: 0px 0px 5px #fff;
}

.diapop .infos .info .texte {
 text-align: right;
 padding: 10px 10px 0 0;
 height: 228px;
 background: url('../img/wmask.png') top right repeat-y;
}

.diapop .infos .info .texte .marque {
 margin: 0 0 6px 0;
}

.diapop .infos .info .texte .marque img {
 max-width: 120px;
 max-height: 30px;
}

.diapop .infos .info .texte .nom {
 font-size: 16px;
 color: #000;
 float: right;
 width: 210px;
}
.diapop .infos .info .texte .nom span{
 /*background: #fff;*/
 padding: 2px;
}

.diapop .infos .info .texte .desc {
 font-size: 11px;
 color: #222;
 margin-top: 10px;
 width: 220px; 
 float: right;
}
.diapop .infos .info .texte .desc span{
 /*background: #fff;*/
 padding: 2px;
}


.diapop .infos .info .texte .prix {
 font-size: 16px;
 color: #e56d02;
 float: right;
 width: 220px; 
 float: right;
}
.diapop .infos .info .texte .prix span{
 /*background: #fff;*/
 padding: 10px 2px 0 0;
}

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

.diapop .liste {
 float: right;
 width: 174px;
 padding: 1px 0 0 0;
}

.diapop .liste a {
 display: block;
/*  background: url('../img/diapo-normal.png') top left no-repeat; */
 background: #ccc;
 color: #000;
 padding: 8px 0 0 10px;
 height: 50px;
 margin: 0 0 2px 0;
}

.diapop .liste a span {
 color: #000;
 position: absolute;
 margin-top: 12px;
 display: block;
 width: 150px;
 font-size: 15px;
}

.diapop .liste a.active {
/*  background: url('../img/diapo-active.png') top left no-repeat; */
 background: #666;
 color: #fff;
}

.diapop .liste a.active span {
 color: #fff;
}

.diapop .achat {
 margin: 3px 0 0 0;
 width: 150px;
 float: right;
 text-align: left;
 background: url('../img/panier-add.png') top left no-repeat;
}

.diapop .achat a {
 color: #766655;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 display: block;
 padding: 6px 9px 6px 32px;
}

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

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

.cadres_identification {
 margin: 0 15px;
}


/* --- 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:#AB2603;
}

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 #EFEEE8;
 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;
} 

#ekinoxe a{
display:block;
width:121px;
height:44px;
padding:0;
margin:25px 0 0 35px;
background:url(../img/logo-ekinoxe.jpg)
}

#logo-bas{
display:block;
float:left;
width:335px;
height:60px;
margin:125px 0 0 95px
}

#adresse-bas{
color:#FFF;
float:left;
font-size:13px;
line-height:17px;
margin:100px 0 0 200px;
width:200px
}