@import url(http://fonts.googleapis.com/css?family=Dosis|Questrial);@import url(http://fonts.googleapis.com/css?family=TYPO);
@import url(http://fonts.googleapis.com/css?family=Dosis|Questrial);
/* --- BUGS & CORRECTIONS--- */
a[href^="tel:"] {color: inherit !important;}
#bigPhotoInner img {max-width: 800px !important;}
table,td,th,tr,tbody,thead,tfoot,form { vertical-align: top;}
input::-moz-focus-inner { border: 0; padding: 0; margin-top:-1px; margin-bottom: -1px;}
.asidebox iframe,.asidebox object,.asidebox embed{max-width:100%}
html{background:#fff;}
.clear {clear:both;}
/* --- HEADINGS--- */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:normal;line-height: 1.3;font-family:Questrial,Arial, Helvetica, sans-serif;margin:10px 0;text-rendering:optimizelegibility;font-smooth:always;-webkit-font-smoothing:antialiased;opacity:.999}
h1,.h1{font-size:22px;color:#250101;margin-bottom:10px;margin-top:0px}
h2,.h2{font-size:18px;color:#250101;margin-bottom:7px;margin-top:15px}
h3,.h3{font-size:15px;color:#474646;margin-bottom:5px;margin-top:15px}
h4,.h4{font-size:22px;color:#250101;color:;margin-bottom:15px;margin-top:10px}
h5,.h5{font-size:14px;color:#250101;color:;margin-bottom:5px;margin-top:10px}
h6,.h6{font-size:14px;color:#250101;color:}
.asidebox .titre{display:block;background:@h4asidebox_background;padding:@h4asidebox_padding;margin-bottom:10px;line-height:@h4asidebox_line-height;font-size:23px;color:#434343}
.footer-sub .titre{font-size:18px;color:#250101;text-transform:}
/* --- LIENS --- */
a {color:inherit;}a:hover {color:inherit;}
.article a{color:#250101;text-decoration:none;}.article a:hover{color:@liens_article_hover_color;}
.article a:hover img{opacity:0.8;}
.aside a{color:#666;text-decoration:none;}.aside a:hover{color:#666;}
.footer-slim a{color:#474646;}.footer-slim a:hover{color:#250101;}
.footer-sub a{color:#474646;}.footer-sub a:hover{color:#250101;}
.upline a{color:inherit;}.upline a:hover{color:inherit;}
/* --- UPLINE --- */
.upline-container{background:transparent;}
.upline{padding:3px 5px;height:31px;color:#8a8886;font-size:14px;background:;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:960px;margin:0 auto}
.infos-compte-upline{float:right;}
/* --- HEADER --- */
.header-container{background:transparent}
.header{width:960px;margin-left:auto;margin-right:auto;background:transparent;position:relative;height:auto}
.header-infos-1{position:absolute;right:15px;top:15px;}
.header-infos-2{position:absolute;bottom:15px;left:280px;width:400px;}
.logo{float:none;padding:10px}
.langues {position:absolute;  top:5px;  right:5px;}
.slogan{font-size:inherit;color:inherit;}
/* --- CONTENT --- */
.content-wrapper{width:960px;margin-left:auto;margin-right:auto;background:#;line-height:1.5;font-size:13px}
.article{width:960px;float:left;min-height:400px}
.article p{margin-bottom:7px}
.article-content{margin:0px;padding:10px 0px 20px 0px;overflow:hidden;border-right:;}
.aside{width:250px;float:left;min-height:400px}
.aside-content{padding:15px 10px}
/* --- NAV --- */
/* contenant menu */
.nav-large-container{width:100%;background:;background:-moz-linear-gradient(top, 0, 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%)}
.nav-slim-container{width:960px;margin-left:auto;margin-right:auto;}
.nav-slim-container .nav>ul{background:;background:-moz-linear-gradient(top, 0, 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%)}
.nav ul{z-index:50}.nav>ul{text-align:center !important;width:960px;height:40px}
.nav ul{-moz-border-radius:0px;-ms-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.nav ul{font-family:Questrial, Arial, Helvetica, sans-serif;margin:0;padding:0;list-style:none;text-transform:;font-size:16px}
/* item menu */
.nav ul li a{display:block;height:100%;width:100%}
.nav>ul>li{display:block;display:inline-block;vertical-align:middle;line-height:40px;border-right:none;margin:0 0px;padding:0 24px;height:40px;position:relative;color:@menu_item_couleur_liens;background:;background:-moz-linear-gradient(top, 0, 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%)}
.nav>ul>li{color:#200202;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease}
.nav ul li:hover a , .nav ul li.menu_active:hover a{color:inherit !important}
.nav>ul>li:hover , .nav>ul>li.menu_active{background:;background:-moz-linear-gradient(top, 0, 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%);-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease}
.nav ul li:before{content:none;margin:none}.nav * a,.nav * li{color:#200202}
.nav>ul>li:after{content:"";color:#200202;z-index:7000;position:absolute;top:0;left:100%;margin-left:-3px}
.nav>ul>li:last-child:after{content:none}.nav>ul>li:last-child{border-right:0}
.nav>ul>li:hover{height:40px;color:#61522f}
/* Sous niveau */
.nav ul ul{font-family:Questrial, Arial, Helvetica, sans-serif;margin:0;padding:0;list-style:none;text-transform:@menu-container_text-transform_second_niveau;font-size:@menu_size_text_second_niveau}
.nav ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left;font-size:90%}
.nav ul li ul{display:none;position:absolute;top:100%;left:0;text-align:left;font-size:90%}.nav>ul>li:hover>ul{display:block}
.nav ul li ul li{display:block;height:auto !important;padding:0 10px;white-space:nowrap;position:relative}
.nav>ul>li:hover>ul>li:hover>ul{display:block}.nav ul li ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left}
.nav>ul>li:hover>ul>li:hover>ul>li:hover>ul{display:block}.nav ul li ul li ul li{display:block;height:auto}
.nav ul li ul{background-color:#282828}
.nav ul li ul li{background-color:#282828;color:#fff !important;}
.nav ul li ul li:hover{background-color:#7a7a7a;color:inherit !important;}
/* Nav ie7 */
.nav_ie7 .nav>ul>li{display:block;float:left}.nav_ie7 .nav li a{color:#200202}.nav_ie7 .nav li a:hover{color:#61522f}.nav_ie7 .nav li:hover a{color:#61522f}.nav_ie7 .nav li ul li a{color:#fff}
/* Nav recherche */
.nav-recherche-produit table tr td{height:40px;vertical-align:middle;padding:0 3px}.nav-recherche-produit table tr td input{margin:0}.nav-recherche-produit table tr td input[type=text]{height:22px}
.nav-recherche-contenu{float:right;height:40px;padding-right:5px;position:relative;top:-1px}.nav-recherche-contenu form{display:table-cell;height:40px;vertical-align:middle}.nav-recherche-contenu table tr td{height:40px;vertical-align:middle;padding:0 3px}.nav-recherche-contenu input,.nav-recherche-contenu button{margin:0 !important}.nav-recherche-contenu input[type=text]{height:22px;position:relative;top:2px}
/* --- SLIDER --- */
.slider-container{background:}
.slider{width:960px;margin-left:auto;margin-right:auto;position:relative;}
/* --- ASIDE  --- */
.asidebox{background: #eee;border:none;color: #434343;padding: 10px;margin-bottom: 15px;border-radius:0px}
/* --- FOOTER --- */
.footer-slim-container{background:transparent;}.footer-slim{background:;color:#000000;margin:0px; /* --- marge haut et bas --- */ auto;padding:10px ;}
.footer-sub-container{background:;}.footer-sub{background:;color:#474646;margin:0px; /* --- marge haut et bas --- */ auto;padding:10px 10px ;}
.footer-slim, .footer-sub {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:960px;font-size:;margin-left:auto;margin-right:auto;}
#live_185{display:inline;}
/* --- BOUTONS --- */
a.btn,a.btn:hover{color: #fff;}
.btn, input[type=submit], input[type=button], button{display: inline-block; margin:5px 0 0 0; padding: 6px 12px; text-align: center; text-shadow: none;font-size:14px;font-weight: normal;line-height: normal;vertical-align: middle;color:#fff; border:1px solid #ccc;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);background-color: #280101;background-image: -moz-linear-gradient(top,#280101,#280101);   background-image: -webkit-gradient(linear,0 0,0 100%,from(#280101), to(#280101) );   background-image: -webkit-linear-gradient(top,#280101,#280101);   background-image: -o-linear-gradient(top,#280101,#280101);   background-image: linear-gradient(to bottom,#280101,#280101);   background-repeat: repeat-x;   box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);   cursor: pointer;   *display: inline;   *zoom: 1;   *background-color:#280101;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);  *border:0;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  *margin-left:.3em;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}
.btn:first-child, input[type=submit]:first-child{ *margin-left:0}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], input[type=button]:hover, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit].disabled{ color:#fff;  background-color:#280101;  *background-color:#d9d9d9}
.btn:active, .btn.active, input[type=submit]:active, input[type=submit].active, input[type=button]:active, input[type=button].active, button:active, button.active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  background-color:#ccc 9}
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=button]:hover, input[type=submit]:focus, input[type=button]:focus, button:hover, button:focus{ color:#fff;  text-decoration:none;  background-position:0 -15px;  -webkit-transition:background-position .1s linear;  -moz-transition:background-position .1s linear;  -o-transition:background-position .1s linear;  transition:background-position .1s linear}
.btn:focus, input[type=submit]:focus, input[type=button]:focus, button:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}
.btn.active, .btn:active, input[type=submit]:active, input[type=submit].active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn.disabled, .btn[disabled], input[type=submit].disabled{ cursor:default;  background-image:none;  opacity:.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}
/* btn custom */
a.btn-custom,a.btn-custom:hover{color:#fff;}
.btn-custom{ font-weight:normal;  display:inline-block; line-height: normal;  *display:inline;  *zoom:1;  padding:6px 12px;  margin-bottom:0;  font-size:14px;  line-height:normal;  text-align:center;  vertical-align:middle;  cursor:pointer;  color:#fff;  text-shadow:0 1px 1px rgba(255,255,255,0.75);  background-color:#280101;  background-image:-moz-linear-gradient(top,#280101,#280101);  background-image:-webkit-gradient(linear,0 0,0 100%,from(#280101), to(#280101) );  background-image:-webkit-linear-gradient(top,#280101,#280101);  background-image:-o-linear-gradient(top,#280101,#280101);  background-image:linear-gradient(to bottom,#280101,#280101);  background-repeat:repeat-x; *background-color:#280101;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);  border:1px solid #ccc;  border-bottom-color:#b3b3b3;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);  *border:0;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  *margin-left:.3em;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.disabled, .btn-custom[disabled]{ color:#fff;  background-color:#280101;  *background-color:#d9d9d9}
.btn-custom:active, .btn-custom.active, input[type=submit]:active, input[type=submit].active{ background-color:#ccc 9 background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn-custom:first-child, input[type=submit]:first-child{ *margin-left:0}
.btn-custom:hover, .btn-custom:focus{ color:#fff;  text-decoration:none;  background-position:0 -15px;  -webkit-transition:background-position .1s linear;  -moz-transition:background-position .1s linear;  -o-transition:background-position .1s linear;  transition:background-position .1s linear}
.btn-custom:focus, input[type=submit]:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}
.btn-custom.active, .btn-custom:active,{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn-custom.disabled, .btn-custom[disabled], input[type=submit].disabled{ cursor:default;  background-image:none;  opacity:.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}
/* btn large, small, mini */
.btn-large{ padding:11px 19px;  font-size:17.5px;  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px}.btn-large [class^="icon-"], .btn-large [class*="icon-"]{ margin-top:4px}
.btn-small{ padding:2px 10px;  font-size:11.9px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}.btn-small [class^="icon-"], .btn-small [class*="icon-"]{ margin-top:0}
.btn-mini [class^="icon-"], .btn-mini [class*="icon-"]{ margin-top:-1px}.btn-mini{ padding:0 6px;  font-size:10.5px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
/* btn block */
.btn-block{ display:block;  width:100%;  padding-left:0;  padding-right:0;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}
.btn-block .btn-block{ margin-top:5px}input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block{ width:100%}
/* btn flat */
.btn.flat{ background:#280101;  -webkit-box-shadow:none;  box-shadow:none;  -webkit-transition:all .1s linear;  -moz-transition:all .1s linear;  -o-transition:all .1s linear;  transition:all .1s linear}
.btn.flat:hover{ background-color:#280101}
.btn.flat.active, .btn.flat:active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn-custom.flat{ background:#280101;  -webkit-box-shadow:none;  box-shadow:none;  -webkit-transition:all .1s linear;  -moz-transition:all .1s linear;  -o-transition:all .1s linear;  transition:all .1s linear}
.btn-custom.flat:hover{ background-color:#280101}
.btn.flat.active, .btn.flat:active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
/* --- Formulaires --- */
form input[type=text],form textarea,form input[type=password], form select{margin:2px 0 !important;padding:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #666;-webkit-box-shadow: inset 1px 1px 3px 0 rgba(182,182,182,0.7);box-shadow: inset 1px 1px 3px 0 rgba(182,182,182,0.7)}
form input[type=text]:hover,form textarea:hover,form input[type=password]:hover, form select:hover{background:rgba(255,255,255,0.95);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
form input[type=text]:focus,form textarea:focus,form input[type=password]:focus, form select:focus{outline-color:#250101;background:rgba(255,255,255,0.85)}
form fieldset{border:1px solid #666;padding:10px}
form textarea {resize: none;}
.champs_necessaires{font-weight:700;color:red}
/* --- BLOCKQUOTE  --- */
blockquote {background:#f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding:0.5em 10px;}
blockquote:before {color: #ccc; content: "";font-size: 4em; line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}blockquote p {display: inline;}
/* Affichage News */
.news-mini-container .news .news-titre{font-weight:700}.news-mini-container .news{margin-bottom:12px}.news-mini-container .news a{color:inherit}
/* ---------------------------  ECOMMERCE  ---------------------------  */
/*Panier*/
#panier_v2 #boutons form{display: inline-block;}
/* --- LISTING PRODUIT --- */
/* Classique */
.container_produits .container-produit{margin-bottom:10px;border:1px solid #d4d3d3; /* Fond container produit, vignette produit */;min-height:425px;position:relative;}
.container-produit .nom-produit{background:; /* Fond nom du produit */;padding:5px 10px;color:#474646;font-size:13px;font-weight:700;margin:0;line-height:1.2em;height:35px;overflow:hidden; text-overflow: ellipsis;}
.container-produit .produit-content{padding:5px 10px;margin-bottom:5px}
.container-produit{margin-right:10px;}
.container-produit .description-produit{min-height:45px;}
.vignette_produit_prix_pourcentage_reduction {display: inline-block;}
.container-produit #bbouton_commander {font-family: ModernPictogramsNormal;font-size: 20px !important;padding: 0px 5px 10px 5px;height: 30px !important;vertical-align: top;line-height: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container-produit .detail-produit {font-family: ModernPictogramsNormal;font-size: 20px !important;line-height: 15px;padding: 0px 5px 10px 5px;float: right;height: 30px !important;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.prix-classique{color:#e70b84;/* prix page categorie */;font-size:16px;font-weight:700}
.prix-taux-remise{color:#e70b84;/* prix page categorie */}
.prix-barre-produit{text-decoration:line-through}
.img-produit img{width:auto;height:100%;}
.container_produits .img-produit{text-align: center;position: relative;width:215px;height:215px;overflow:hidden;vertical-align:middle;}
.macaron-produit { position: absolute; top: 0; left: 0; width: 100%;z-index: 5;}
.macaron-produit .topvente { position:absolute;left:0;text-align: left;}
.macaron-produit .promo { position:absolute; right:0;text-align: right;}
/* Variante 1 */
.description-longue-produit{line-height:1.1em;min-height:3.3em;max-height:3.3em;overflow:hidden;}
.description-longue-produit:after{content:"...";opacity: 0.7;}
.variante_1 .container-produit{position:relative;}
.variante_1 .fixed-bloc{position:absolute;bottom:10px;right:10px;width:150px}
.variante_1 .img-produit img{max-height:140px;width:auto!important;max-width:none}
.variante_1 .img-produit{overflow:hidden;text-align:center}
.variante_1 .container-produit{padding:10px;width:auto}
.variante_1 .produit-content{padding:0 0 5px 10px}
.variante_1 .nom-produit{margin-bottom:7px}
.variante_1 .prix-classique{line-height:1.2}
.variante_1 .boutons-produit{margin-top:5px}
.variante_1 .macaron-produit img { width: 75% !important;}
/* Variante 2 
.var2{position:relative;overflow:hidden}
.var2 .figcaption{position:absolute;top:100%;height:150px;background:#fff;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;opacity:0}
.var2 .img-produit{position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;height:330px;}
.var2 .img-produit img{max-height:100%;width:auto;max-width:none;margin-left: -90px;}
.var2:hover .figcaption{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:1}
.var2:hover .img-produit{-webkit-transform:translateY(-75px) scale(0.8);-moz-transform:translateY(-75px) scale(0.8);-ms-transform:translateY(-75px) scale(0.8);transform:translateY(-75px) scale(0.8);}
/* Variante 3 */
.var3{position:relative;border:none;overflow:hidden;}
.var3 .nom-produit{background: transparent;color:#e70b84;/* prix page categorie */;padding: 0;}
.var3 .produit-content{padding:0;margin-bottom:0px}
.var3 .contenu-produit{padding:10px;position:absolute;bottom: -100%;background:rgba(255,255,255,0.75);-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.var3:hover .contenu-produit{bottom:0;}
/* Boutons de quantite */
input.bouton_quantite{background:#280101;color:#fff;border-radius:0;border:0;font-family:monospace;color:#000;margin: 0;height:14px;padding:0;width:14px;line-height:0;display:block;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;}
.bouton_quantite_augmenter{clear:left;background;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bouton_quantite_reduire{margin-top:2px !important;clear:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#quantite{height:30px;padding:3px;margin:0 5px 0 0!important;border-radius:0;border:2px solid #280101;width:30px;text-align:center;box-shadow:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ajouter-panier table td{vertical-align:middle}
#bouton_commander,.produit-ajout-chariot input[type=submit]{margin:0 5px!important}
.boutons-produit{margin-top:10px;bottom:7px;width:100%;}
.boutons-produit a{position:absolute;right:15px;}
#bouton_commander{
font-family: ModernPictogramsNormal;
font-size: 20px;
line-height: 16px;
padding: 0px 5px 20px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 30px !important;
}
/* Pagination */
ul.pagination{margin:0;padding:0;text-align: center;}ul.pagination li{display:inline-block;height:18px;margin-right:3px;padding:0;min-width:18px;text-align:center;line-height:18px;border:1px solid #d4d3d3;background-color:#f3f3f3;color:#474747;-webkit-transition:all 150ms ease;-moz-transition:all 150ms ease;-ms-transition:all 150ms ease;-o-transition:all 150ms ease;transition:all 150ms ease}ul.pagination li:hover{opacity:.8}ul.pagination li:active{opacity:.6;position:relative;top:1px}ul.pagination li.page_lien_inactive{border:1px solid #474747;background-color:#474747;color:#fff}ul.pagination li a{display:block;width:100%;height:100%}ul.pagination .pagination-suivant{border:0;background:transparent url(http://www.bekara.eu/fichiers_site/a2301qua/contenu_pages/graphisme_global/pagination-next.png) no-repeat;text-indent:-9999px;width:18px}ul.pagination .pagination-precedent{border:0;background:transparent url(http://www.bekara.eu/fichiers_site/a2301qua/contenu_pages/graphisme_global/pagination-prev.png) no-repeat;text-indent:-9999px;width:18px}
      
/* popup produit */
.modal-popup{width:400px;margin:0 auto;text-align:center}.modal-popup img{max-width:100%}#cboxLoadedContent{overflow:hidden!important}
/* ---  FICHE PRODUIT  --- */
.image-lead img{max-width:100%;height:auto}
.image-small #diapoTable {width: 320px;table-layout: fixed; }
.image-small #diapoTable tr{display:inline}
.image-small #diapoTable td{display:inline-block;width:31%;margin:1%}
.image-small #diapoTable td img{max-width:100%}
h1.produit-nom{margin-bottom:0;margin-top:0}
.produit-reference{color:#ababab;font-style:italic;line-height:1}
/*  --- ONGLETS  --- */
ul.tabs { margin:0; padding: 0;border-bottom: 1px solid #280101;}
ul.tabs li {display: inline-block; list-style-type: none;}
ul.tabs li a{display:inline-block;color:#fff;background-color:#280101;background-image:-moz-linear-gradient(top,#280101,#280101);background-image:-webkit-gradient(linear,0 0,0 100%,from(#280101),to(#280101));background-image:-webkit-linear-gradient(top,#280101,#280101);background-image:-o-linear-gradient(top,#280101,#280101);background-image:linear-gradient(to bottom,#280101,#280101);background-repeat:repeat-x;padding:4px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);cursor:pointer;margin-bottom:0;padding:4px 12px;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);font-size:14px;font-weight:400;line-height:20px;vertical-align:middle;border:1px solid #ccc;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#280101;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*border:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);margin-right:5px;border-bottom:0}
ul.tabs li a:hover{color:#fff;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
ul.tabs li a:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15) ,0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15) ,0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15) ,0 1px 2px rgba(0,0,0,.05) }
ul.tabs li a.active {cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
/*  ---  Prix, quantite et option produit ---  */
.produit .description p{margin:0!important} 
.option-titre{width:25%;display:inline-block}
select[id*=id_s_opt_]{width:35%}
div[id*=produit_stock_dispo_]{color:green;font-weight:700}
div[id*=produit_stock_indispo_]{color:orange;font-style:italic}
.infos-complemenateaires{font-size:85%;opacity:.75;font-style:italic;margin-top:20px;border-top:1px dashed rgba(0,0,0,.25);padding-top:5px;box-shadow:inset 0 1px 1px rgba(255,255,255,.5)}
.produit-prix{color:#ff337b;font-weight:700;font-size:24px}
.prix-reduction{color:#ff337b;font-weight:bold}
.prix-reduction span{color:#474646;text-decoration:line-through}
.container_12.panier{margin:10px 0;border-top:1px dashed rgba(0,0,0,0.25);padding-top:5px;box-shadow:inset 0 1px 1px rgba(255,255,255,.5);margin-bottom:0;padding-top:20px}
.container_12.prix{margin:10px 0}
.container_12.panier .alpha{padding-top:5px}
/*CORRIGE BUG DU BR*/
.produit-options-sansimpact br,.produit-options-impact br{display:none;}
.produit-options-sansimpact select ~ br,.produit-options-impact select ~ br{display:inline;}
/* Espace reassurance*/
.produit-achetter{border:1px solid #d4d3d3;background-color:#f3f3f3;padding:10px;margin:10px 0}
.produit-reassurance{border:1px solid #d4d3d3;background-color:#fff;margin:10px 0;padding:10px}
.produit-reassurance h4{background:#474747;color:#fff;margin:0;margin:10px 0;font-size:13px;padding:4px 5px}
.produit-reassurance h4:first-child{margin-top:0}
.produit-ajout-chariot input[type="submit"]{margin:0 !important}
.produit-quantite{margin-top:5px}
/* Images*/
.image-lead{border:1px solid #d4d3d3; /* Fond container produit, vignette produit */;display:table-cell;vertical-align:middle;padding:10px;max-width:280px;}
.image_petite{margin-bottom:3px}
/*#diapoTable{font-size:0}*/
.image-small #diapoTable tr td{display:inline-block;width:32%;margin:0;margin-left:1%;font-size:14px}
.image-small #diapoTable tr td:first-child{margin-left:0}
/* Produits complementaires */
.container-produit.produit-complementaire{border:0;min-height:auto;overflow:auto}
.produit-complementaire .img-produit{height:80px;border:1px solid #d4d3d3; /* Fond container produit, vignette produit */;overflow:hidden;padding:5px}
.produit-complementaire .img-produit a{display:block;width:100%;height:100%;overflow:hidden}
.produit-complementaire .img-produit img{height:100%;max-width:none;width:auto}
.produit-complementaire .prix-classique{font-size:inherit}
.produit-complementaire .taux-remise,.produit-complementaire .prix-barre-produit{display:inline;font-size:80%}
.produit-complementaire .produit-content{margin:0;padding:0}
.nom_produitcomplementaire{color:#474747;text-transform:uppercase;height:40px;overflow:hidden;text-overflow: ellipsis;}

.notation{display:block;width:150px;text-align:right;}
/* --- RAPID EDIT --- */
/*
html{  background: #fff url(http://www.bekara.eu/fichiers_site/a2301qua/contenu_pages/graphisme_global/background.png) ;}
html {-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;background-attachment : fixed;background-position:top center;}
*/
.header{background: #fff url(http://www.bekara.eu/fichiers_site/a2301qua/contenu_pages/graphisme_global/background_head.png)no-repeat;background-position:center}
html{font-family:Arial!important}
.header-infos-1{right:0px;width:150px;height:47px;top:35px;line-height: 2.5;;padding-left:40px;color:#200202;font-size:18px;background: url(http://www.bekara.eu/fichiers_site/a2301qua/contenu_pages/graphisme_global/tel.png)no-repeat;background-position:center;font-family:Questrial}

.nav{border-top:1px solid #dadada;border-bottom:1px solid #dadada}

.footer p{display:inline}
.footer-slim{text-align:center;border-top:1px solid #dadada}

.footer-sub .titre{font-family:Questrial}
.footer-sub{font-size:13px!important;}
h3,.h3{font-family:arial}
.nav li.menu_active a{color:#61522f;}
.btn:hover,.btn-custom:hover{background:#0f0101}
blockquote {background: none;border-left: 10px solid #c0bfbe;margin: 1.5em 70px;padding: 0.5em 10px;}
blockquote:before {color: none; content:none;font-size: 4em; line-height: 0;margin-right: 0;vertical-align:0;}blockquote p {display: inline;}
a:hover{text-decoration:none!important}

.btn a{color:#fff!important}
.btn-acc{color:#250001;font-family:Questrial;text-align:center;padding:20px 0px;width: 295px;height: 73px;font-size:20px;margin-bottom:5px}
.btn-acc.btn1{background: url(http://www.bekara.eu/fichiers_site/a2301qua/contenu_pages/graphisme_global/btn1.png)no-repeat;}


.btn-acc.btn2{background: url(http://www.bekara.eu/fichiers_site/a2301qua/contenu_pages/graphisme_global/btn2.png)no-repeat;}

.article-content ul {margin-left:-20px !important;}
a{text-decoration:none}

































































	
a.active, a:focus
{
outline:none;
}

#image_right 
{
	background-image:  url("../images_global/carre.jpg");
	background-position:right;
	background-repeat:no-repeat;
	padding-right:5px;
}

#admin_menu 
{
	height:145px;
	font-family:Arial, Helvetica, sans-serif; /*Verdana*/
	font-size:13px;/*12px*/
	border-bottom:1px solid #AAAAAA;
}

#holdm
{
	position:absolute;
	z-index:100;
	width:100%;
	padding-top:10px;
}

#nav
{
	list-style: none; 
}


#nav ul 
{
	display:none;   
	padding: 0;
	margin:0;
	list-style: none;
    width:12em;
    z-index:99;
    position:relative;
    overflow:visible; 
	line-height:25px;
}


#nav a {
	text-decoration:none; 
	display:block;
	height:28px;/*20px*/
	vertical-align:middle;
}

#nav li { 
    margin:0;   
    position: relative; 
    float:left;
	width: 13em;/*12em*/
	background-color:#25a3c5;/*931B00*/
    border:solid 1px #000000;
    display:block;
    height:auto;
	text-align:center;
	border:2px solid #FFFFFF;
	line-height:28px;
}

#nav li a { 
	color:#FFFFFF;
}

#nav li a:hover
{
    background-color:#25a3c5;/*AF2000*/
}

#nav ul li{
background-color:#FFFFFF;
border-width:1px;
border-color:#AAAAAA;/*931B00*/

width:180px;
text-align:left;
vertical-align:middle;


}

#nav ul li a{
color:#000000;
border-width:1px 1px 0 0;
padding-left:10px;
}

#nav ul li:hover, #nav ul li a:hover{
background-color:#25a3c5;/*931B00*/
color:#FFFFFF;
border-width:1px;
}

#nav ul ul{
    display:none; 
    position:absolute; 
	margin-left:179px;
	margin-top:-29px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}


.styleFontGras
{
	font-weight:bold;
}

.styleFontGris
{
	background-color:#CCCCCC;
}

.styleItalic
{
	font-style:italic;
}

form.css fieldset 
  {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
  }
form.css label 
  {

  display: inline;
  float: left;
  width: 70px;
  } 
form.css form
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

.titre_section_niveau1 {
	background-color:#CCCCCC;color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.titre_section_niveau2 {
	margin-left:15px;
	color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;cursor: pointer;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre_section_niveau3 {
	margin-left:40px;
	color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;cursor: pointer;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}



.classTextField		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.styleVerdana		{ font-family: Arial, Helvetica, sans-serif; line-height:17px; }

.style_size8		{ font-size: 8px;}
.style_size9		{ font-size: 9px;}
.style_size9p5		{ font-size: 9.5px;}
.style_size10		{ font-size: 12px;} /*10*/
.style_size11		{ font-size: 11px;}
.style_size12 		{ font-size: 12px;}
.style_size13 		{ font-size: 13px;}
.style_size14 		{ font-size: 14px;}
.style_size16 		{ font-size: 16px;}
.style_size18 		{ font-size: 18px;}
.style_size20 		{ font-size: 20px;}
.style_size24 		{ font-size: 24px;}
.style_size28 		{ font-size: 28px;}
.style_size30 		{ font-size: 30px;}
.style_size32 		{ font-size: 32px;}
.style_size36 		{ font-size: 36px;}
.style_size40 		{ font-size: 40px;}
.style_size48 		{ font-size: 48px;}

.styleColorDarkBlue	{ color: #8B93BD;}
.styleColorRed		{ color: #FF0000;}
.styleColorBlack	{ color: #000000;}
.styleColorGray		{ color: #999999;}
.styleColorDarkGray	{ color: #666666;}


.styleArrayBackGround {BACKGROUND: #E0ECE0; } 

.styleColorPurple   { color: #7570D3;}
.styleBackgroundPurple { background-color: #7570D3; }

.styleColorFondBanniere { color: #B6DAD8;}
.styleColorYn { color: #27B7DC; }
.styleColorDev { color: #27A2B7; }
.styleColorPageContenu { color: #9DCECC; }

.styleLineThrough	{ text-decoration:line-through}

.styleBold {}


/*
a {  text-decoration: none; color: #000000}
a:link {  text-decoration: none; color: #000000}
a:visited {  text-decoration: none; color: #000000}
a:hover {  TEXT-DECORATION: underline; color: #A7A0C1}
a:active {  text-decoration: none; color: #000000}
*/

.coteDroitGauche {
	BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid; BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid
}

.divdevis { background-color:#CCFF00 }

.relnav {
	left: -10px;
	top: 0px;
	position: relative;
	visibility: hidden;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;

}
.relnav {
	left: -10px;
	top: 0px;
	position: relative;
	visibility: hidden;
}
.relnavBIS {
	left: -10px;
	top: 0px;
	position: relative;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;
}
.relnavbg {
	left: -10px;
	top: -20px;
	position: relative;
	visibility: hidden;
}
.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #48ACDC;
	text-decoration: none;
}

.borderRight_1px_black
{
	BORDER-RIGHT: #000000 1px solid;
}
.borderLeft_1px_black
{
	BORDER-LEFT: #000000 1px solid;
}
.borderBottom_1px_black
{
	BORDER-BOTTOM: #000000 1px solid;
}

.textAlign
{
	text-align:justify;
}
.mainArray {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
.btnCouleurFondBoutonMenuTop {
	BACKGROUND: #FFFFFF
}

.info{position:relative; 
      z-index:24; 
      color:#000; 
      text-decoration:none} 
	  
.out { display:none; } 
.over {        
				display:block; 
               position:absolute; 
               padding:5px;
               top:-4em; 
               left:120px; 
               width:15em; 
               border:2px outset #000000; 
               background-color:white; 
               color:#000000; 
               text-align: center; 
               font-family:verdana; 
               font-size:11px; 
               z-index:25;} 

.array_right {BORDER-RIGHT: #000000 1px solid;}

.coin_bas_gauche {
	border-left:#000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.coin_bas_droit {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.line_left { 
	BORDER-LEFT: #aaaaaa 1px solid;
}

.line_right { 
	BORDER-RIGHT: #aaaaaa 1px solid;
}

.line_top { 
	BORDER-TOP: #aaaaaa 1px solid;
}

.line_bottom { 
	BORDER-BOTTOM: #aaaaaa 1px solid;
}

.ev_dhx_skyblue {
	line-height:25px;
	height:25px;
}

.odd_dhx_skyblue {
	line-height:25px;
	height:25px;
}

.line_array { 
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	padding:5px;
}

.menuTopButton {
	/*height:20px;
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-WEIGHT: bold; 
	MARGIN: 0px 0px 0px 0px; 
	BORDER-LEFT: black 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: black 1px solid;
	background-color:#C5C8DF;*/
	
	font-family:Arial, Helvetica, sans-serif;
	/*float:left;*/
	font-size:12px;
	border:1px solid #d6d6d6;
	background:#fefefe;
	border-radius:5px;
	moz-border-radius:5px;
	/*display:block;*/
	height:27px;
	line-height:130%;
	text-decoration:none;
	color:#666666;
	cursor:pointer;
	padding:5px 10px 6px 7px;
	/*text-shadow: 0px 1px 0px #ffffff;*/
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* W3C */
	FONT-WEIGHT: normal; 
}

.menuTopButton:hover {
	 border: 1px solid #d6d6d6;
     background: #dbdbdb;
}

.btnBouton {
	/* BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-WEIGHT: bold; FLOAT: left; 
	MARGIN: 0px 0px 0px 0px; 
	BORDER-LEFT: black 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: black 1px solid */
}

#tableCadrille
{
border:1px solid #000000;
border-collapse: collapse;

}

#tableCadrille th
{
background:#CCCCCC;
border:1px solid #000000;
}

#tableCadrille tr
{

border:1px solid #000000;
}

#tableCadrille td
{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
border:1px solid #000000;
}