html, body, a, h1, h2, h3, h4, h5, h6, strong {
    font-family: "proxima-nova", "Helvetica Neue", Verdana, Arial, sans-serif !important;
}

/*
-------------------------------
Reset
-------------------------------
*/
a {
    text-decoration: none;
    color: #636363;
}

/*
-------------------------------
GENERAL
-------------------------------
*/

* {
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
     background-color: #F2F2F2;
    min-height: 100%;
    position: relative;
    color: #222222;
}

ul {
    list-style-type: none;
}

.hidden {
    display: none;
}

.page {
    min-height: 100%;
}

.top, header, .navigation, #footer-top, .footer-bottom, .content, #sub-footer, #footer-seo {
    max-width: 1000px;
    margin: auto;

}

.breadcrumbs {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
    margin-left: 0.5em;
    text-transform: uppercase;
}

.breadcrumbs * {
    font-size: 12px;
    display: inline;
    color: #636363;
}

.breadcrumbs a:hover {
    color: #FF9600;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* scroll bouton */
#go-top {
    display: none;
    position: fixed;
    right: -1px;
    bottom: 45%;
    text-align: center;
    width: 60px;
    height: 60px;
    opacity: 0.60;
    background-image: url(../img/img-video.png);
    background-repeat: no-repeat;
    background-position: -140px -140px;
    background-color: #636363;
}

#go-top:hover {
    opacity: 1;
}

#go-top img {
    width: 70%;
}

.content {
}

.main-content {
    min-height: 25em;
    padding: 1em;
    background-color: #fff;
}

.icon {
    display: inline-block;
}

h1 {
    font-weight: bold;
    font-style: normal;
    color: #222222;
}


.btn {
    padding: 0.7em 1em;
    border: none;
    color: white;
    background-color: #333333;
    width: 300px;
    margin: 0.5em 0;
    font-weight: bold;
}

.btn:hover {
    color: #FF9600;
}
.btn-or {
    padding: 0.7em 1em;
    border: none;
    color: white;
    background-color: #F1AB30;
    width: 300px;
    margin: 0.5em 0;
    font-weight: bold;
}

.btn-or:hover {
    color: #FF9600;
}

.btn-bottom {
    position: absolute;
    bottom: 0;
}

.btn-center {
    margin: auto;
    margin-top: 1em;
}

/*
-------------------------------
TOPSIDE - navigation
-------------------------------
*/

nav {
    background-color: #e5e5e5;
    padding-bottom: 10px;
}

header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 10px;
}

.header-right {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 13px;
}

.responsive {
    display: none;
}

.right {
    float: right;
}

#account-box {
    background: #FBFBFB;
    border: solid 1px #cccccc;
    display: block;
    position: absolute;
    z-index: 200;
    top: 40px;
    width: 200px;
}

#account-links {
    margin: 0;
}

#account-links > li {
    text-align: center;
    min-height: 2em;
}

#account-links a {
    font-size: 0.9em;
    padding: 0.6em;
    font-weight: lighter;
    position: relative;
    display: block;
}

#account-links a:hover {
    color: #FF9600;
}

.sub-search-menu a {
    text-decoration: none;
    color: #565a5c;
}

.sub-search-menu {
    margin-top: 1.5em;
    font-size: 14px;
}

.sub-search-menu a:hover {
    color: #FF9600;
}

/* SEARCH BAR */

.search-bar {
    margin-top: 0;
}



#search-btn {
    border-left: 0;
    background-color: white;
    width: 40px;
    text-align: center;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

#search-btn .icon {
    background: url('../img/sprite.png') no-repeat -125px -36px;
    width: 28px;
    height: 28px;
    border: 0;
    margin-left: 5px;
}

#search-input {
    width: 24em;
}

/* LOGO + TOP MENU */

#logo {
    margin-top: 18px;
    height: 67px;
}

#logo:hover {
    opacity: 0.8;
}

.account .icon {
    background: url(../img/sprite.png) 0px -40px no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 3px;
}

.basket .icon {
    background: url(../img/icon_sprite.png) 0px -100px no-repeat;
    width: 28px;
    height: 21px;
    margin-right: 3px;
}

.delete {
  background: url(../img/icon_sprite.png) 0px -650px no-repeat;
  width: 18px;
  height: 21px;
  border: none;
}
.account:hover {
    opacity: 0.8;
}

.basket:hover > .icon {
    background-position: -50px -100px;
}

.account, .basket {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: black;
    font-size: 12px;
}

.account .label, .basket .label {
    padding-bottom: 0.2em;
}

.top {
    height: 30px;
    padding-left: 10px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/*
-----------------------------
 DOWNSIDE - Footers
----------------------------
 */

.bottom {
    bottom: 0;
    width: 100%;
    background-color: black;
	margin-top:20px;
}

footer, .sub-footer {
    width: 100%;
}

footer {
    color: white;
}

#footer-top-back, .sub-footer {
    background-color: black;
}

#footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#store-infos {
    padding: 1em;
}

#mag-title {
    font-weight: bold;
    margin-bottom: 1em;
}

#mag-infos {
    font-size: 11px;
}

#avantages {
    margin: 1em 0;
}

#plus-icon {
    display: inline-block;
    border: 1px solid #FF9600;
    padding: 0 0.2em;
    color: #FF9600;
}

button.plus-icon {
    display: inline-block;
    border: 1px solid #FF9600;
    padding: 0 0.2em;
    color: #FF9600;
    background-color: transparent;
}

#avantages-label {
    text-decoration: underline;
    color: white;
    font-size: 0.9em;
}

#newsletters {
    margin-top: 1.5em;
}

#nl-label {
    color: #FF9600;
    text-transform: uppercase;
    font-size: 0.8em;
}

#email-bar {
    margin: 0.3em 0;
    font-size: 0.7em;
    width: 20em;
    height: 2.5em;
    text-align: center;
    border: 1px solid #FF9600;
    background-color: black;
    color: white;
}

#nl-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#nl-subscribe {
    height: 1.75em;
    width: 1.8em;
    background-color: #FF9600;
    margin: 0;
    border: none;
}

#nl-subscribe > span {
    background: url('../img/nav.png') no-repeat -126px -310px;
    width: 11px;
    height: 17px;
    margin-top: 5px;
}

#bloc_ekomi, #social-network {
    float: right;
}

#img-ekomi > span {
    display: inline-block;
    background: url('../img/sprite.png') no-repeat -2px -196px;
    width: 77px;
    height: 92px;
}

#social-network {
    margin-top: 2.2em;
    text-align: right;
}

#follow {
    font-size: 0.8em;
    color: #FF9600;
}

#social-icon {
    text-align: center;
    margin-top: 0.2em;
}

#fb_icon {
    display: inline-block;
    background: url('../img/sprite.png') no-repeat -288px -130px;
    width: 27px;
    height: 28px;
}

#tt_icon {
    display: inline-block;
    background: url('../img/sprite.png') no-repeat -316px -130px;
    width: 27px;
    height: 28px;
}

.footer-bottom-back {
    background-color: #1a1a1a;
    padding-top: 0.4em;
    padding-left: 3em;
    padding-right: 3em;
    border-top: 2px solid #FF9600;
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.f-block {
    text-align: center;
    margin: 1em 0;
    width: 200px;
    /*height: 150px;*/
}

.f-title {
    font-size: 0.9em;
	text-transform:uppercase;
	font-weight:800;
}

.f-label {
    font-size:0.75em;
}

#garanty-icon {
    background: url('../img/sprite.png') no-repeat -67px -67px;
    width: 45px;
    height: 62px;
    margin: 1em auto;
}

#ship-icon {
    background: url('../img/sprite.png') no-repeat -201px -70px;
    width: 85px;
    height: 62px;
    margin: 1em auto;
}

#btprice-icon {
    background: url('../img/sprite.png') no-repeat -288px -65px;
    width: 68px;
    height: 62px;
    margin: 1em auto;
}

#satisfied-icon {
    background: url('../img/sprite.png') no-repeat -114px -67px;
    width: 85px;
    height: 62px;
    margin: 1em auto;
}

#sub-footer > span {
    background: url('../img/sprite.png') no-repeat -1px -167px;
    width: 201px;
    height: 27px;
    display: inline-block;
}

#sub-footer {
    height: 2em;
    vertical-align: baseline;
    padding-top: 1em;
    font-size: 0.7em;
}

.cms-link {
    text-decoration: underline;
}

#footer-seo {
    color: #808080;
    font-size: 0.7em;
    text-align: center;
    padding: 1em 5em;
}

/*
-----------------------------
DROPDOWN MENU
----------------------------
 */

.navigation {
    -webkit-box-shadow: 0px 4px 8px #CECECE;
    box-shadow: 0px 4px 8px #CECECE;
    background-color: #f9f9f9;
    white-space: nowrap;
}

.promo-parent {
    margin: auto;
    text-align: right;
}

.btn-promo {
    color: #FF9600;
    padding-right: 0.7em;
    text-align: right;
	text-transform:uppercase;
}

.dropdown {
    position: relative;
    display: inline-block;
    padding: 0.7em 0em;
    z-index: 100;
}

.navigation .right {
    color: #FF9600;
}

.dropdown .main {
    text-transform: uppercase;
    color: #333;
    font-size: 14px;
    padding: 0.8em;
}

.pure-menu-item .main {
    color: #333;
    font-weight: 400;
}

.submenu {
    display: none;
    background-color: white;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    text-align: left;
    padding: 0 1em 1em;
    -webkit-box-shadow: 0px 3px 5px 0px #cfcfcf;
    box-shadow: 0px 3px 5px 0px #cfcfcf;
}

.cat2-box {
    padding-top: 8px;
    padding-right: 10px;
}

.cat2 {
    color: #333;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: bold;
}

.cat2 + ul {
    margin-bottom: 8px;
    margin-top: 5px;
}

.cat3 {
    color: #333;
    font-size: 12px;
    font-weight: lighter;
    margin: 0;
}

.cat2-3 {
    color: #333;
    font-size: 12px;
    font-weight: lighter;
    margin: 15px;
}

.submenu li a:hover, .pure-menu-item .main:hover {
    color: #FF9600;
}

.dropdown:hover {
    background-color: white;
}

.dropdown:hover .submenu {
    display: block;
}

/* All */
.mt0 { margin-top:0px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.md20 { padding-top:20px; }


/* h1 et h2 gestion wiziwig depuis BO */
.h1-selection, .h2-selection { display:block; text-align:center; }
.h1-selection { font-size:2em !important; color:#808080 !important; font-weight:600 !important; line-height:1.1; }
.h2-selection { font-size:1.2em !important; color:#b2b2b2 !important; font-weight:100 !important; }

/* X3 */
.X3 { float: left;display: block;position: relative; width: 32%; /*border: 1px solid #DCDCDC;*/ margin-right: 1%; margin-top: 10px; }

/* sorti de "universsons_module_6_produits.tag" */
.banner-pic {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height:70px;
	padding: 15px 10px;
	text-align: center;
	color: #fff;
	filter: alpha(opacity=60);
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D91DF00, endColorstr=#0D91DF00);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D91DF00, endColorstr=#0D91DF00)";
}

.banner-pic .banner-title {
	font-weight:600;
	margin-bottom:5px;
	font-size: 18px;
	text-transform: uppercase;
}
.banner-pic .banner-desc {
	font-weight:300;
	font-size: 16px;
}

/* sorti de "universsons_module_4_liens.tag" */

.top-button-area { max-width:1000px; margin:0 auto; margin-top:20px; margin-bottom:20px; }

.top-button-area a {
	display: block;
	float:left;
	border:1px solid #CDCDCD;
	width:31%;
	margin-right:2%;
	color:#555;
	text-transform: uppercase;
	font-size:14px;
	padding:18px;
	margin-bottom:0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	font-weight: 300;
	text-align: center;
}

.top-button-area a.last { margin-right:0%; }

.top-button-area a:hover { text-decoration: none; }

.produit-droite { height: 300px; float: left;display: block;position: relative; width: 32%; border : 1px solid #DCDCDC; margin-right: 1%; margin-top: 1%; text-align:center; background-color:#fff; }
.marg-top { height:520px; }

/* Page Produit */
h1.titre, #produit-pres-box h2, h2.titre, h3.titre { text-transform:uppercase !important; text-decoration:none !important; } 
h2.titre, h3.titre { font-size:1.2em !important; font-weight:100 !important; } 
h1.titre, #produit-pres-box h2 { font-size:1.5em !important; font-weight:600 !important; }

.oko { color:#FF9600 !important; }
.ko,a.stock-1, a.stock-0 { color:#FF9600 !important;}
#product-char-content {
    font-size:0.9em;
}
#product-char-content .Titre { font-size:1.2em !important; text-transform:uppercase; margin-top:10px; margin-bottom:10px; margin-left:0px; font-weight:600; }
#product-char { margin-top:20px !important; }
#product-char .product-char-content-item { padding-left:36px !important;  }
/* popup image âge produit */
.mfp-figure::after { background:#fff !important; }
.mfp-content { background: none !important; }

/* PANIER */
h4.panier-titre { margin-bottom:0px; padding-bottom:0px;  }
.pure-table-horizontal tbody > tr:last-child > td { border-bottom-color: #cbcbcb !important; border-bottom-width: 1px !important; padding-bottom:15px; }
.coul { font-size:0.85em !important; }
.stock-oko, .stock-ko { color:#888;}
.stock { color:#888;}
.pure-button { padding: .45em 1em !important; border-radius: 0px !important; }
.oney-vert { color: #89ba18; }
.eco-partici { font-size:0.65em !important; line-height:100% !important; display:block; color: #b8cdd5; }
.livrai { font-size:1.35em !important; font-weight:300 !important; text-align:right; } 
.compte { background-color:#fff; }
.fond { padding: 10px; background-color:#f9f9f9; }
.rad {	display:block; background-color:#ccc; padding:10px; }
.rad:hover {
	cursor: pointer;
}
/*
-----------------------------
RESPONSIVE
----------------------------
 */
@media screen and (min-width: 1400px) and (max-width: 28000px) {
	.marg-top {  height:auto; padding-top: 0px; }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
	.marg-top {  height:auto; padding-top: 30px; }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.marg-top {  height:auto; padding-top: 50px; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.marg-top {  height:auto; padding-top: 80px; }
	nav { padding-right: 15px; }	
}
@media screen and (min-width: 769px) and (max-width: 980px) {
	.produit-droite { height: 280px !important; }
	.header-right { margin-right: 15px; }
	.main { padding-left: 0em !important; }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
	.produit-droite { height: 250px !important; }
	.top-button-area a { width:48% !important; }
	.banner-pic .banner-title { margin-bottom:3px; font-size: 16px; }
	.banner-pic .banner-desc { font-size: 14px; }
	.marg-top { height:auto; padding-top: 90px; }
	.btn-warning { font-size: 108% !important; padding: 0.7em 0.1em; }
	#produit-pres-box h2 { margin-top:15px;}
}
@media screen and (min-width: 451px) and (max-width: 599px) {
	.produit-droite { width:48% !important; height: 260px !important; }
	.top-button-area a { width:48% !important; }
	.banner-pic .banner-title { margin-bottom:3px; font-size: 16px; }
	.banner-pic .banner-desc { font-size: 14px; }
	.img-mag { display:none !important; }
	.marg-top { height:auto; padding-top: 10px; }
	.btn-warning { font-size: 100% !important; padding: 0.7em 0.1em; }
	#produit-pres-box h2 { margin-top:15px;}
}
@media screen and (min-width: 351px) and (max-width: 450px) {
	.top-button-area a { width:48% !important; }
	.img-mag { display:none !important; }
	#produit-pres-box h2 { margin-top:15px;}
}

@media screen and (max-width: 450px) {
	.produit-droite { width:48% !important; height: 210px !important; }
	.banner-pic .banner-title {	margin-bottom:3px; font-size: 14px; }
	.banner-pic .banner-desc { font-size: 14px; }	
  	#prev, #next {  display: none; }
	.cheaper a { position: relative; }
	.X3 { width:98%; }
	.marg-top { height:auto; padding-top: 110px; }
}

@media screen and (max-width: 700px) {
	p.c80.mt0 { display:none; }
	div.pure-u-1-2.promo-code { font-size: 0.7em !important; font-weight: 700; display:block; }
	div.pure-u-1-2.promo-code input { margin-top:5px; }
	
}

@media screen and (max-width: 570px) {
	.pure-u-1-2 .pure-g .total-block .pure-u-1-2 { font-size:0.65em !important; }
}

@media screen and (min-width: 0px) and (max-width: 350px) {
	.produit-droite { width:100% !important; height: 280px !important; }
	.top-button-area a { width:98% !important; }
	.img-mag { display:none !important; }
	.banner-pic .banner-title { margin-top:0px; font-size: 18px; }
	.banner-pic .banner-desc { font-size: 16px; }	
	.marg-top { height:auto; padding-top: 120px;}
	.btn-warning { font-size: 80% !important; padding: 0.5em 0.1em !important; line-height:85% !important; }

}

/* */
@media screen and (max-width: 768px) {
	
	ul#etape { background-position: 0px 10% !important; }
	
	#slider-gamme { width:100% !important; }
	
	.navigation { display: none; }
	.img-mag { display:none !important; }
	
	.main { padding-left: 0em !important; }
	#cat-description { margin-left: 0px !important; margin-top:15px; }
	.left-col { padding-right: 0em !important; }
	
	#cat-description { margin-right: 0px !important; }
	.pagination { margin: 0.5em 0em !important; }

    header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-right {
        width: 70%;
    }


    .search-bar {
        width: 100%;

    }

    #form-cat {
        width: 20%;
    }

    #search-input {
        width: 85%;
    }

    #search-btn {
        width: 15%;
    }

    #logo {
        text-align: center;
    }

    #logo img {
        width: 90%;
    }

    .breadcrumbs {
        display: none;
    }

    .top {
        display: none;
    }

    .responsive {
        display: block;
        text-align: center;

        padding: 1em;
        width: 100%;
    }

    .footer-bottom img {
        margin: auto;
    }

    .footer-top img {
        display: none;
    }

    #go-top {
        display: none;
    }

    .sub-search-menu a {
        font-size: 1em;
    }

}
/*
-----------------------
RESPONSIVE
-----------------------
*/
@media screen and (max-width: 768px) {


    .mini {
        display: none;
    }

    .product-img-box, .product-img {
        width: 100%;
    }

    .product-img img {
        width: auto;
        margin: 2em;
    }

    #main-img {
        margin: 0;
    }

    .links .pure-menu-list {
        float: none;
        text-align: center;
    }

    #gamme {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .label-gamme {
        display: none;
    }

    .add-to-cart {
        border: 0;
    }

    .btn-warning {
        width: 100%; font-size: 125% !important; padding: 0.7em 0.1em; }

    .product-desc {
        width: 100%;
    }

}
/************************************************
FIN media screen
*************************************************/

/****************
	Liste de marques
*****************/

.mar-right {
    list-style-type: none;
}

.sub-brand-list {
    list-style: disc outside;
}

.mar-right li {
    list-style-type: disc;
    margin-left: 1em;
    color: #636363;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
}

/*
-----------------------
Produit box
-----------------------
*/
.product-box {
    background-color: white;
}

.product-img-box, .product-desc {
    padding-right: 1.2em;
}

.product-img {
    text-align: center;
    /*border: 1px solid grey;*/
    cursor: pointer;
}

.product-img img {
    vertical-align: middle;
    display: inline-block;
    margin:0.6em 0.5em;
    max-width: 90%;
}

.product-view {
    padding-top: 0;
    color: #333333;
}
.add-to-cart .btn-warning {font-size: 135%;}
.btn-warning {
    color: white;
    background: #FF9600;
    font-size: 115%;
    white-space: normal;
}

.product-shop, .add-to-cart {
    border-bottom: 1px solid #ccc;
}

.product-shop {
    padding-bottom: 1em;
}

.links {
    padding: 1em;
}

#product-char-content {
    margin-top: 1em; 
    background-color: #fff;
    padding: 15px;
}

.product-shop h2 {
    margin-top: 0px;
}

.add-to-cart {
    text-align: center;
    padding: 1.5em 1em;
}

.links {
padding: 2em 0em;
text-align: right;}

.links .pure-menu-list, .links .pure-menu-list a {
    float: right;
}

.links .pure-menu-list a:hover {
    color: #FF9600;
}

.ref {
    font-size: 0.8em;
}

.pop-manager {
    margin: 0;
	border-left: 1px solid #ccc;
}
.pop-manager ul {
    border-left: 1px solid #ccc;
}
.pop-manager li {
    border-bottom: 1px solid #ccc;
    /*border-left: 1px solid #ccc;*/
    border-right: 1px solid #ccc;
    padding: 0.1em;
    text-align: center;
    cursor: pointer;
}

#img-plus h5 {
    font-size: 1.2em;
}

.pop-manager li h5:hover {
    color: #FF9600;
}

.pop {
    cursor: pointer;
}

#prix-box {
    text-align: right;
	width:100%;
}

.prix, .prix-barre, .prix-reduction {
	display: inline-block;
	font-family: "proxima-nova", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.prix {
    font-size: 2.3em;
	line-height:80%;
	color:#333 !important;
	font-weight:600 !important;
    margin: 0.3em 0em;
}
.prix-barre {
	font-size: 1.5em;
	line-height: 80%;
	color: #999 !important;
	font-weight: 500 !important;
	text-decoration: line-through;
    margin-right: 0.5em;
}
.prix-reduction {
	font-size: 1.5em;
	line-height: 80%;
	color: #FF9600 !important;
	font-weight: 500 !important;
    margin-right: 0.5em;
}
.garantie, .fdp {
	display: block;
	font-size: 1em;
}
.garantie {
	margin-top:10px;
	font-weight: 600 !important;
}
.fdp {
	color:#26C800;
}

.desc {
    font-size: 0.9em;
}

.lien-details {
    text-decoration: underline;
    color: #565a5c;
    cursor: pointer;
    font-style: italic;
}

.infos p {
    margin-bottom: 0;
}

.stock.ok, .stock-2, .stock-4, .stock-3 ,.stock-1,.stock-0{
    color: #26C800;
    font-size: 1em;
	font-weight:600;
}




.else {
    position: relative;
}

.else * {
    display: inline;
}

.cheaper a {
    position: absolute;
    right: 0;
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    color: #AB0000;
}

/*
-----------------------
Caractéristiques
-----------------------
*/

.product-char-menu {
    padding-right: 20px;
}
.product-char-menu-container li {
    margin: 1em 0;
    padding: 0.7em;
    padding-left: 1em;
    background-color: white;
    color: #333333;
    font-size: 0.9em;
    font-weight: lighter;
    text-transform: uppercase;
}

.product-char-menu-container .selected-item, .product-char-menu-container li:hover {
    color: white;
    background-color: #333333;
    cursor: pointer;
}

#product-char-content p {
    background-color: white;
    padding: 1.5em 1em;
    margin-top: 0;
}

/*
-----------------------
Produits meme gamme
-----------------------
*/

#slider-gamme {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
}

#prev {
    display: block;
    background: url(../img/nav.png) no-repeat -8px 9px;
    opacity: 0.45;
    width: 30px;
    height: 50px;
}

#next {
    display: block;
    background: url(../img/nav.png) no-repeat -52px 9px;
    opacity: 0.45;
    width: 30px;
    height: 50px;
}

#liste-gamme li {
    height: 220px;
    border: 1px solid #DCDCDC;
}

#gamme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.label-gamme {
    width: 43%;
    background-color: white;
    font-size: 1.5em;
    border: 1px solid #DCDCDC;
    margin: 15px 0;
    text-align: center;
}

.label-gamme h4 {
    margin: 10% 1em;
    font-weight: normal;
}



/*
-------------------------------
CMS
-------------------------------
*/

.left-col {
    margin-top: 0em;
}

#menu-cms li a {
    font-size: 0.8em;
}

#menu-cms li a:hover {
    color: #FF9600;
}

.cms-content {
    font-size: 0.8em;
}

.cms-content {
    color: #636363;
    line-height: 2;
}

.cms-content h3, .cms-content h1 {
    color: #222222;
    margin-top: 0;
}

/********************************************************
ADRESSE
********************************************************/
table#panier-adresse {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
}

table#panier-adresse tr {
}

table#panier-adresse td {
    display: table-cell;
    width: 50%;
    background-color: #FFF;
    vertical-align: middle;
}

table#panier-adresse td div {

    margin: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    overflow: hidden !important;
    background-color: #FFF;
}

/* table#panier-adresse td h2 {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    display: block;
    padding: 0px 25px;
    margin-left: 50px;
    line-height: 50px;
}

table#panier-adresse td h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 0px;
    margin: 0px;
} */

table#panier-adresse td div span, table#panier-fact td div span {
    padding: 0px 10px;
    display: block;
    background-color: #FFF;
    margin: 0px !important;
}

table#panier-adresse input[type=radio] {
    background-color: #FFF;
    border: 1px solid #c5c8cf;
}

table#panier-fact {
    display: table;
    margin-left: 8px;
    width: 25%;
}

table#panier-fact td {
    display: table-cell;
    background-color: #FFF;
    border: 1px solid #c5c8cf;
    height: 200px;
}

table#panier-adresse a.modif,
table#panier-fact a.modif {
    background-color: #f5f5f5;
    /*color: #fff;*/
    margin-left: 10px;
    font-size: 11px;
    text-transform: lowercase !important;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
}

table#panier-adresse a.modif:hover,
table#panier-fact a.modif:hover {
    background-color: #FF9600;
    color: #FFF;
}

/*
ONEY
*/
/* PRIX Oney */
#prix-oney {
    position: absolute;
    margin-top: -85px !important;
    margin-left: -5px !important;
}

.prix-oney-3x span,
.prix-oney-4x span {
    float: left;
    display: inline-block;
    position: relative;
    margin-right: 0px;
    margin-left: 5px;
    margin-bottom: 0px;
    padding: 0px;
    font-size: 11px;
    line-height: 25px;
    font-weight: normal;
    text-align: center;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.prix-oney-3x span em,
.prix-oney-4x span em,
.prix-oney-prod-3x span em,
.prix-oney-prod-4x span em {
    font-size: 9px !important;
    display: block !important;
    font-weight: normal;
    padding-bottom: 2px;
    color: #BBB9B9;
    white-space: nowrap;
}

.prix-oney-3x span:before,
.prix-oney-4x span:before { float:left; width:25px; background-size: 25px; height:25px; display:block !important; position:relative; z-index:10; background-position: center center; content:''; margin-right:2px; background-repeat:no-repeat !important; }

.prix-oney-3x span:before {
    background-image: url(../../img/oney-prod-3x.png) !important;
}

.prix-oney-4x span:before {
    background-image: url(../../img/oney-prod-4x.png) !important;
}

.prix-oney-3x span font sup,
.prix-oney-4x span font sup,
.prix-oney-prod-3x span font sup,
.prix-oney-prod-4x span font sup {
    display: inline-block;
    position: relative;
    top: -1px !important;
}

.prix-oney-3x span font sup,
.prix-oney-4x span font sup {
    font-size: 9px;
}

.prix-oney-prod-3x span font sup,
.prix-oney-prod-4x span font sup {
    font-size: 9px;
}

.prix-oney-3x span font,
.prix-oney-4x span font {
    padding-right: 3px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 1px;
    margin-left: -6px;
    font-size: 1.4em;
    color: #81BC00;
}

.prix-oney-3x span font sup font,
.prix-oney-4x span font sup font,
.prix-oney-prod-3x span font sup font,
.prix-oney-prod-4x span font sup font {
    font-weight: normal !important;
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    margin-left: 2px;
}

small.oney-small {
    display: block;
    padding: 5px;
}

/* PRIX Oney page produit*/
#cb-prod {
    max-width: 260px;
}


table#panier-table td.p-p a.info, table#panier-table2 td.p-p a.info, .prix-oney-prod-3x u a, .prix-oney-prod-4x u a {
    background-image: url(../../img/aide.png) !important;
    background-repeat: no-repeat !important;
}

.prix-oney-prod-3x .h5, .prix-oney-prod-4x .h5 {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    text-shadow: none !important;
    text-align: left;
}

.prix-oney-prod-3x u a, .prix-oney-prod-4x u a {
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 70%;
    position: absolute;
}

.prix-oney-prod-3x font, .prix-oney-prod-4x font {
    display: inline-block;
    text-transform: uppercase;
    margin-left: 70px;
}

table#panier-table td.p-p a.info:hover,
table#panier-table2 td.p-p a.info:hover, .prix-oney-prod-3x u a:hover, .prix-oney-prod-4x u a:hover {
    background-image: url(../../img/aide-3.png) !important;
}

table#panier-table td.p-p a.logo,
table#panier-table2 td.p-p a.logo {
    background-image: url(../../img/oney-prod.png) !important;
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: right 13px;
    width: 90px;
    height: 40px;
    display: inline-block !important;
	margin-bottom: -13px;
}

.prix-oney-prod-3x span:before, .prix-oney-prod-4x span:before {
    float: left;
    width: 62px;
    height: 40px;
    display: block !important;
    background-position: left top;
    content: '';
    margin-right: 5px;
    background-repeat: no-repeat !important;
    position: absolute;
}

.prix-oney-prod-3x span:before {
    background-image: url(../../img/oney-prod-3x.png) !important;
}

.prix-oney-prod-4x span:before {
    background-image: url(../../img/oney-prod-4x.png) !important;
}



table#panier-table td.b-d small,
table#panier-table2 td.b-d small, .prix-oney-popup small, .prix-oney-popup small {
    font-size: 10px;
    color: #999999;
    line-height: 10px !important;
    display: block;
    text-align: left;
    margin-bottom: 3px !important;
}

#scroll-mask .prix-oney-prod-3x .h5,
#scroll-mask .prix-oney-prod-4x .h5 {
    white-space: normal !important;
}

/* PRIX Oney page Rayon */
#oney-recherche.rayon-3x {
    margin-top: 130px !important;
}

#oney-rayon-1x {
    margin-top: 80px !important;
    position: absolute;
    z-index: 1100;
}

#oney-rayon-1x span {
    margin-bottom: 5px !important;
}

/* PRIX Oney page Recherche */
#oney-recherche {
    position: absolute !important;
    z-index: 100 !important;
    margin-top: 96px;
}

/* PRIX Oney page panier */
.prix-oney-3x-big span, .prix-oney-4x-big span {
    float: left;
    display: inline-block;
    position: relative;
    margin-top: 10px;
    margin-right: 14px;
    margin-left: 15px;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.prix-oney-3x-big span em, .prix-oney-4x-big span em {
    font-size: 10px !important;
    display: block;
    font-weight: normal;
    padding-bottom: 2px;
    color: #F00;
    white-space: nowrap;
    line-height: 40px;
}

.prix-oney-3x-big span:before, .prix-oney-4x-big span:before {
    float: left;
    width: 40px;
    height: 40px;
    display: block !important;
    position: relative;
    background-position: center center;
    content: '';
    margin-right: 5px;
    background-repeat: no-repeat !important;
}

.prix-oney-3x-big span:before {
    background-image: url(../../img/oney-prod-3x.png) !important;
    background-size: 40px;
}

.prix-oney-4x-big span:before {
    background-image: url(../../img/oney-prod-4x.png) !important;
    background-size: 40px;
}

.prix-oney-3x-big span font sup, .prix-oney-4x-big span font sup {
    position: relative;
    top: -5px !important;
    font-size: 10px;
}

.prix-oney-3x-big span font sup font, .prix-oney-4x-big span font sup font {
    font-weight: normal !important;
}

.oney-echeance {
    white-space: nowrap;
    margin-top: 10px;
    display: inline-block;
    padding: 10px;
    margin-left: 15px;
    border: 1px solid #CACACA;
}

#panier-table .prix-oney-4x {
    margin-left: 25px !important;
}

table#panier-table td.p-p a.info, table#panier-table2 td.p-p a.info, .prix-oney-prod-3x u a, .prix-oney-prod-4x u a {
    background-image: url(../../img/aide.png) !important;
    background-repeat: no-repeat !important;
	padding-left: 24px;
	margin-left: 15px;
}


div.modes { display:table; border-collapse:separate; margin-bottom:0px; margin-top: 5px; font-size:10px; color:#999999; }
p#cb-prod { display:table-cell; vertical-align:top; padding-left: 66px; }
.prix-oney-prod-3x span, .prix-oney-prod-4x span { display: inline-block; position:relative; margin-left:5px; margin-bottom:5px; font-size:14px; font-weight:normal; text-align:center; color:#808080; }

p#cb-prod span.oney2 { background-image: url(../../img/oney-prod.png);    background-size: 150px;margin-top: 3px;width: 150px; margin-right:5px;background-repeat: no-repeat; }
p#cb-prod span { height: 45px; width: 100px; display: block; float: left; }

.prix-oney-prod-3x u a, .prix-oney-prod-4x u a { display: block; width: 20px; height: 20px; margin-left:70%; position:absolute; }
.prix-oney-prod-3x span:before, .prix-oney-prod-4x span:before { background-size: 40px}

.prix-oney-prod-3x font, .prix-oney-prod-4x font { display: inline-block; text-transform:uppercase; margin-left:46px;margin-top: 2px; color: #81BC00 !important; }

/*
-------------------------------
CATALOG
-------------------------------
*/
.btn-warning {
    color: #FF9933;
    background-color: white;
    border: 1px solid #FF9933;
    font-weight: ligther;
    white-space: normal;
}

.main, .sidebar {
    text-align: center;
}

.main {
    padding-left: 1em;
}

#cat-description {
    padding: 1.3em;
    border: 1px solid #cccccc;
    text-align: left;
    color: #333333;
    margin-bottom: 1em;
    margin-left: 11px;
    margin-right: 8px;
}

#cat-description * {
    margin: 0;

}

#cat-description h1 {
    font-size: 1.5em;
    padding-bottom: 0.2em;
    text-transform: uppercase;
    font-weight: 600;
}

#cat-description p {
    font-size: 0.9em;
}

.pagination {
    padding: 0.5em;
    display: block;
    text-align: right;
    margin: 0.5em 0.65em;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.linkPage {
    cursor: pointer;
    padding: 0.3em;

}

.curr {
    background-color: white;
}

.prev {
    background: url('../img/sprite.png') no-repeat -229px -45px;
    width: 6px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    margin: 0 0.2em;
}

.next {
    background: url('../img/sprite.png') no-repeat -221px -45px;
    width: 6px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    margin: 0 0.2em;
}

.produit-pagination {
    margin: 0 1.5em;
}

#sort-product {
    display: inline-block;
    float: left;
}

/****************************
	Produits et catégories
*****************************/
#sub-cat-box {
    margin-top: 0;
}

.sub-cat {
    padding: 0.8em;
}

.sub-cat-link, .product {
    background-color: white;
    position: relative;
}

.product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

.sub-cat-link img {
    width: 102%;
}

.product-img {
    width: 100%;
    /*border: 1px solid #CCC;*/
    position: relative;
}

.product-img:after {
    content: "";
    display: block;
    padding-bottom: 10%;
}

.sub-cat-link span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.9em 0;
    background: #333;
    color: white;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: lighter;
}

.product-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    min-height: 4em;
    /*max-height: 5em;*/
    padding: 0.5em 1em;
    background-color: white;
}

.catalog-availability {
    display: inline;
    float:right;
    font-size: 12px;
    line-height: 26px;
}

.catalog-availability::before {
    content: "■";
    font-size: 14px;
    color: rgb(0, 194, 123);
}

.overlay {
    background: rgba(0, 0, 0, .4);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    position: absolute;
    display: block;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    padding: 20% 0 0 0;
}

.product-img .plus {
    font-family: Helvetica;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    background: url(../img/picto_fiche.png) no-repeat center center;
    display: block;
    height: 100px;
    padding-top: 75px;
}

.product-infos span {
    color: #333333;
    background-color: white;
    text-align: left;
}

.product-desc {
    text-decoration: underline;
    font-size: 0.82em;
    text-overflow: ellipsis;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 3px !important;
    height: 36px;
}

.product-price {
    /*margin: 0.5em 0;*/
    text-align: left;
    font-size: 1.2em;
    font-weight: 600;
}

.product-infos button {
    display: none;
}

.pbox:hover .product-infos {
    min-height: 4em;
}

.pbox:hover .product-infos * {
    display: none;
}

.pbox:hover .pure-button {
    display: block;
}

.pbox:hover .overlay {
    opacity: 100;
}

.pbox:hover .plus {
    display: inline-block;
}

.pure-button:hover {
    color: white;
    background-color: #FF9933;
}

/*******************
	SIDEBAR
*******************/

.left-col {
    padding-right: 0.5em;
    text-align: left;
}

.sidebar {
    border: 1px solid #cccccc;
    background-color: white;
    height: 100%;
}

.sidebar-title {
    background-color: #333333;
    color: white;
    text-transform: uppercase;
    padding: 1em;
    font-size: 0.85em;
    font-weight: 800;
    width: 100%;
    text-align: left;
}

#filter-title, #filters-toggled {
    display: none;
}

#sidebar-content {
    padding: 0.7em;
    height: 100%;
}

.sidebar-filter {
    text-align: left;
    padding-bottom: 0.5em;
    margin: 0.5em;
    border-bottom: 1px solid #cccccc;
}

.filter-label {
    font-size: 0.95em;
    color: #333333;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
}

.filter-label .icon {
    background: url('../img/nav.png') no-repeat -193px 0;
    width: 8px;
    height: 4px;
    margin: 5px;
    opacity: 0.8;
    z-index: 1;
}

.filter {
    margin: 0.2em 0;
}

.filter-text, #filters-toggled p, .more, .less {
    color: #333333;
    font-weight: 300;
    font-size: 0.8em;
}

#filters-toggled {
    text-align: left;
}

#search-brand {
    width: 100%;
    margin: 0.5em 0;
}

#amount-min, #amount-max {
    border: 0;
    color: #FF9600;
    font-weight: bold;
    margin: 0.5em 0;
    text-align: center;
    display: inline;
    width: 25%;
}

.price-box {
    text-align: center;
    color: #FF9600;
    font-weight: bold;
}

#slider-range {
    margin: 0.5em;
}

#reset-filters, .brand-label, .property-label, .more, .less {
    cursor: pointer;
}

#reset-filters {
    display: inline;
}

#filters-toggled > * {
    margin: 0.5em 0;
}

.img-icon {
    background: url('../img/sprite.png') no-repeat -265px -45px;
    width: 11px;
    height: 11px;
    display: inline-block;
    cursor: pointer;
}

.filter-on {
    text-align: right;
    font-weight: bold;
}

.sel {
    font-weight: bold;
}

.rotated {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

/*
-------------------------------
ACCOUNT
-------------------------------
*/

.responsive-account-links {
    padding: 0 15px 0 25px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    color: #636363;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 14px;
}

/*********************
	GENERAL
*********************/
.required::after {
    content: "*";
    color: red;
    font-size: 0.8em;
}

.content h1 {
    color: #333333;
    font-weight: lighter;
}

.current {
    color: #333333;
}

.account-menu li {
    text-transform: uppercase;
    font-weight: lighter;
    font-size: 0.9em;
    margin: 0.5em 0;
}

.account-menu li a:hover {
    color: #FF9600;
}

.content h2 {
    font-size: 1.3em;
    font-weight: 500;
    color: #222222;
}

.content h3 {
    font-weight: 500;
    color: #636363;
}

.content h4 {
    font-weight: 700;
    color: #222222 !important;
}

#info {
    width: 100%;
    padding: 1em;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
}

.info:hover {
/*    border: 1px solid #008000;*/
    color: #00c300; text-decoration: uppercase !important;
}.info {
 	color: #b8cdd5;
}

.error-form {
    border: 1px solid red;
    color: red;
}

.center {
    text-align: center;
}

.validation-info {
    color: red;
    font-weight: bold;
}

.error {
    color: red;
    font-size: 0.8em;
    position: relative;
    padding-left: 13px;
}

.error img {
    position: absolute;
    left: -5px;
    padding-top: 7px;
}

.valid {
    color: #BAD696;
}

.responsive-menu-content {
    text-align: left;
}

.responsive-menu-link {
    padding: 0 15px 0 25px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    color: #636363;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 14px;
}

.no-bottom {
    border-bottom: none;
}

/*********************
	Login page
*********************/

#identify-title {
    color: #636363;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.5em;
}

#connect-box > li {
    padding-left: 3em;
    min-height: 200px;
}

.login label {
    color: #4d4d4d;
    font-size: 0.9em;
}

.login a:hover {
    color: #FF9600;
}

.login {
    height: 100%;
    position: relative;
    display: block;

}

#connect-box {
    margin-bottom: 20%;
}

/************************
	Homepage Account
************************/
.homepage-account h2 {

    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

.homepage-account h3 {
    margin: 0;
}

/**********************
	Newsletter
**********************/
.newsletter-form {
    padding-left: 2em;
}

.newsletter-input {
    margin-bottom: 1em;
}

/********************
	Adresses
********************/

.page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-title .btn {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0;
}

.btn-sup {
    color: #565a5c;
    font-size: 0.8em;
}

.btn-sup:hover {
    color: #FF9600
}

.more-address {
    font-size: 0.9em;
}

.submit {
    margin-left: 30%;
}

.page-content .pure-g {
    margin-bottom: 5%;
}

.proposal td {
    padding: 0.3em;
}

.proposal td:hover {
    color: #FF9600;
}

.proposal span {
    text-transform: uppercase;
    padding: 0.3em;
    background-color: #333333;
    color: white;
}

/********************
	Informations
********************/

#account-infos {
    padding-left: 10%;
}

.msg-info {
    font-size: 0.7em;
    color: #636363;
}

.msg-important {
    font-weight: bold;
    text-align: center;
    color: #FF9600;
    border: 1px solid #FF9600;
    border-radius: 5px;
    padding: 0.5em;
}

/********************
	Commandes
********************/

.header-2 {
    margin-top: 0;
}

#addr-retrait a {
    font-size: 0.9em;
}

h3 {
    font-size: 1.1em;
}

.contenu {
    margin: auto;
}

.contenu * {
    text-align: center;
}

#filet {
    width: 100%;
}

#filet * {
    text-align: center;
}

#filet tbody {
    background-color: white;
    overflow: auto;
}

#filet td, #filet th {
    padding: 0.5em;
    min-height: 2.5em;
    /* border : 1px solid black; */
}

#filet tbody tr:hover > td {
    color: white;
    background-color: #636363;
}

#filet tbody tr:hover > td * {
    color: #FF9600;
}

.product-link {
    padding-top: 0.5em;
}

.product-link:hover {
    color: #FF9600;
}

#orderCurrentlyView, #orderCurrentlyView .pure-u-1 h3 {
    padding: 0;
}

#orderCurrentlyView, #orderCurrentlyView .pure-u-1 h3, #orderList {
    border-top: thin solid #ccc;
}

/**********************
	Devis
***********************/

#devis-info {
    padding-top: 1em;
}

.mfp-content {
    position: relative;
    background-color: #FFF !important;
    padding: 20px;
    width: auto;
    max-width: 700px;
    margin: 20px auto;
}

.mfp-content .buttons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*********************
	New customer
********************/

.form-content {
    padding-left: 10%;
}

/*
-------------------------------
Panier
-------------------------------
*/

.panier-content {
    margin: 1em auto;
    background-color: white;
    padding: 1em;
}

/****************************
ENTETE
****************************/
ul#etape {
	background: url("../img/40x40_28.png");
	background-repeat: repeat-x !important;
	background-position: left 20%;
	display: table;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

ul#etape li {
    border: none !important;
    font-size: 0.9em !important;
    overflow: visible !important;
    white-space: normal !important;
    background-color: transparent !important;
    font-weight: normal !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 20%;
    display: table-cell;
    text-align: center;
    color: #e2e2e2;
}

ul#etape li.select {
    color: #F1AB30
}

ul#etape li p span em u,
ul#etape li p span em u.open {
    width: 12px;
    height: 16px;
    background-color: #f00;
    display: block;
    position: absolute;
    margin-left: 35px;
    margin-top: -5px !important;
    background-repeat: no-repeat;
    background-position: top center;
}

ul#etape li p span em u {
    background: url("../img/png/panier-cadenas.png");
}

ul#etape li p span em u.open {
    background: url("../img/png/panier-cadenas-open.png");
}

ul#etape li em {
    background: #FFF;
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 120%;
    font-style: normal !important;
    font-weight: bold;
    margin-top: -5px;
    color: #e2e2e2;
    border: 5px solid #e2e2e2;
}

ul#etape li.select em {
    color: #FFF;
    border: 5px solid #F1AB30;
    background-color: #F1AB30;
}

ul#etape li.select p span em u {
    background: url("../img/png/panier-cadenas-actif.png");
}

ul#etape li.select p span em u.open {
    background: url("../img/png/panier-cadenas-open-actif.png");
}

/****************************
Tableau de produits
****************************/

.panier-product-table {
    width: 100%
}

.panier-product-prices {
    float: right;
    margin-top: -1px;
}

.panier-product-table > thead {
    background-color: #f9f9f9;
    color: #333;
}

.panier-product-table th {
    font-size: 14px;
    font-weight: 500;
    
    font-style: normal;
    text-transform: uppercase;
}

.panier-product-table tbody > tr {
    background-color: white;
}

.panier-product-table img {
    /*border: 1px solid #333333;*/
}

.valider {
    
    font-size: 100%;
}

#promoCodeInput {
    padding: 0.3em;
    margin-left: 5px;
}

div .promo-code {
    display: flex;
    padding-right: 20px;
    padding-left: 10px;
    align-items: center;
}

div .payment-blocks {
    margin-top: 15px;
}

div .total-block {
    background-color: white;
    padding: 15px;
    text-align: right;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    color: #333;
}

td .qte {
    margin: auto;
    align-items: center;
    text-align: center;
}

.btn-checkout {
    margin-top: 20px;
    float: right;
    background-color: #F1AB30;
    color: white;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
}

.delivery-price {
    float: right;
    font-weight: bold;
    color: orange;
}

.paymentMethodContent {
    background-color: white;
    border: 1px solid #cccccc;
	padding: 0px 20px 40px 20px;
}

.carrierRow {
    background-color: white;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
}



#prev{
    display: block;
    background-image: url(../img/nav.png);
    background-position: -8px 9px;
    background-repeat: no-repeat;
    opacity: 0.45;
    width:30px;
    height:50px;
}

#next{
    display: block;
    background-image: url(../img/nav.png);
    background-position: -52px 9px;
    background-repeat: no-repeat;
    opacity: 0.45;
    width:30px;
    height:50px;
	position: absolute;
    margin-left: 300px;
}



/* .algolia */

/***************************
RECHERCHE ENTETE
***************************/
.sb_input {background: white; border-radius: 5px;height: 100%}

.sb_input .ais-SearchBox-input,
#recherche ul.sb_dropdown{ font-size:18px;padding-left: 5%;padding-right: 5%; padding-top: 10px; background-color: #FFFFFF; line-height: 22px; border: none !important; width: 75%;  float: left;  border-radius: 5px;  outline-width: thin; outline-style: none;}
.ais-SearchBox-input{ padding-bottom: 13px; -webkit-appearance: none}
/*** Autocompletion ***/
#search-overlay.c-s-content { float:left; overflow: auto; z-index: 2200; padding:20px 10px 20px 10px; background-color: #C6C8D2; border-radius: 0px; position: absolute; top:90px; left: 262px }
#search-overlay.algolia { overflow: auto; z-index: 2200; padding: 10px; background-color: #000000; border-radius: 0px; position: absolute; top:165px; right: 0px; bottom: 0px; left: 0px; }
#search-overlay.solr #tri #tri-cont-col div.close { position: absolute; top:16px; font-size: 160%; text-align: center; line-height: 30px; width:30px; background-color: #FFF; color: #383838; }
#search-overlay.algolia #tri #tri-cont-col div.close { float: right; top: 16px; text-align: center; line-height: 40px; width: 74px; background-color: rgba(3,175,212,0.7); }
#search-overlay.algolia #tri #tri-cont-col div.close { background-color: #ddd !important; cursor: pointer; }
#search-overlay.algolia #tri #tri-cont-col #col-g { overflow:auto; background-color: #FFF; top: 165px;position: fixed;   bottom: 10px; right: 0px;}
#tri #tri-cont-col #col-g hr { height: 1px; margin: 6px 0px; padding: 0; color: #ccc; background-color: #ccc; border: 0; }
#tri #tri-cont-col #col-g .mask-aff { overflow:auto; }
#tri #tri-cont-col #col-g .mask-aff input[type="checkbox"] { }
#tri #tri-cont-col #col-d { overflow: hidden; float:left; padding:0px; }
#tri #tri-cont-col #col-d li.produit { background-color:#FFF; float:left; height:215px; padding:5px; overflow: hidden; border-right:1px solid #C6C8D2; border-bottom:1px solid #C6C8D2; font-size:11px; text-align:center; display:block; }
#tri #tri-cont-col #col-d span.cont-txt { cursor:pointer; display:block; padding-bottom:10px; }
#tri #tri-cont-col #col-d li.produit span.titre { /* Vers ligne 586 */ font-size:14px; overflow:hidden; display:inline-block; }
#tri #tri-cont-col #col-d li.produit span.texte { font-size:11px; display:inline-block; overflow:hidden; }
#tri #tri-cont-col #col-d li.produit .btn-panier { position:absolute; margin-top:4px; margin-left: 155px; padding-left: 0px; padding-right: 0px; width: 33px; }
/* .algolia */
#search-overlay.algolia #tri #tri-cont-col #col-d { overflow: auto; float:left; padding:0px; width: calc(100% - 290px); min-height: 520px; bottom: 10px; top: 165px; position: fixed;padding-right: 20px }
#search-overlay.algolia #tri #tri-cont-col #col-d .produit { background-color:#FFF; float:left; padding:5px; overflow: hidden; border-right:1px solid #EAEBEE; border-bottom:1px solid #EAEBEE; font-size:11px; display:block; }
#search-overlay.algolia #tri #tri-cont-col #col-d div.cont-txt { cursor:pointer; display:block; padding-bottom:33px; position: relative; height: 40px }
#search-overlay.algolia #tri #tri-cont-col #col-d div.cont-txt .category{background: rgba(39,81,175,.1);border-radius: 31px;padding: 2px 10px; }
#search-overlay.algolia #tri #tri-cont-col #col-d .produit .btn-panier { position:absolute; margin-top:4px; margin-left: 155px; padding-left: 0px; padding-right: 0px; width: 33px; }
#search-overlay.algolia #tri #tri-cont-col #col-d .produit:hover {opacity: 0.7}
#search-overlay.algolia #tri #tri-cont-col #col-d .produit .prix-xs-e { position: absolute; right: 5px; top: 10px;}
#search-overlay.algolia #tri #tri-cont-col #col-d .produit .savoir-plus { visibility: hidden; position: absolute; z-index: 100000; padding: 0px; margin-top:215px; text-align: center !important; display:block !important; width: inherit; padding-right: 30px  }
#search-overlay.algolia #tri #tri-cont-col #col-d .produit:hover .savoir-plus { visibility: initial; display:block;}
#search-overlay.algolia #tri #tri-cont-col #col-d .produit .savoir-plus a.savoir {color: #fff !important; background-color: #FF9600 !important; padding: 6px 0px; margin-left:auto; margin-right:auto; text-align: center; display:block !important; width: 100%; font-size:135%; white-space: nowrap;}
#search-overlay.algolia #tri #tri-cont-col #col-d .produit .savoir-plus a:hover.savoir,
#search-overlay.algolia #tri #tri-cont-col #col-d .produit:hover .savoir-plus:hover a.savoir:hover  {cursor:pointer; opacity: 1 !important; border-color:#FF9600 !important; text-decoration: none !important;}
#search-overlay.algolia #tri #tri-cont-col #col-d #sort-by-wrapper {float: right;margin:10px;}
#search-overlay.algolia #tri #tri-cont-col #col-d #sort-by-wrapper * {display: inline;height: 25px;width: 140px;}
#search-overlay.algolia #tri #tri-cont-col #col-d #stats {float: left;margin: 5px;padding: 0.47rem 0.5em;}
#search-overlay.algolia #tri #tri-cont-col #col-d #no-results-message {    margin-left: 30%;margin-right: 30%; margin-top: 70px; padding: 50px;background: #FF9600;}
#tri #tri-cont-col span.head { display:block; font-size:10px; position:absolute; margin-top:-15px; font-family:Verdana, Geneva, sans-serif; color:#999; }
#filtres { padding-top:5px; padding-bottom:5px; padding-left:5px; height: 28px; border-right:1px solid #C6C8D2; }
.filtre-niv-1 { float: left; width:33%; z-index: 50; }
.filtre-niv-1:hover { cursor:pointer; }
.filtre-niv-1:hover span.oswald.blue.cap { color:#000 !important; }
.filtre-niv-2 { background-color: #FFF; border:1px solid #C6C8D2; position:absolute; display: none; z-index: 100001; padding:10px 5px; }
em.f { color:#999; height:15px; width:20px; display: block; background-position: -125px -66px !important; font-size:10px; line-height:15px; padding-left:22px; padding-bottom:3px; font-family:Verdana, Geneva, sans-serif; }
em.f:hover {  background-position: -65px -66px !important; color:#FF9600; text-decoration:underline; }
/* nav */
#btn-nav {  border-right:1px solid #C6C8D2; }
#btn-nav a.btn-nav { color:#FF9600; border-right:1px solid #fff; text-align:center; display:inline-block; margin: 0px !important; line-height: 30px; height: 30px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; font-size: 14px; }
#btn-nav a.btn-nav:hover { background-color:#FF9600; color:#FFF; }
#btn-nav a.btn-nav:focus,
#btn-nav a.btn-nav:active,
#btn-nav a.btn-nav.actif,
#btn-nav a.btn-nav.actif:hover { background-color:#FFF; color:#000; }
#btn-nav a.btn-nav.sb{ border-right:none !important; }
#btn-nav a.btn-nav.bg{ border-left:1px solid #EAEBEE; }
#btn-nav a.btn-nav.prec,
#btn-nav a.btn-nav.suiv { margin-bottom:-5px; height: 20px; width: 10px; }
#btn-nav a.btn-nav.prec { background-image: url(../../img/png/images/btn-menu-sans-sprite_42.png); background-repeat: no-repeat; background-position: center 0px; }
#btn-nav a.btn-nav.suiv { background-image: url(../../img/png/images/btn-menu-sans-sprite_45.png); background-repeat: no-repeat; background-position: center 0px; }
#btn-nav a.btn-nav.prec:hover,
#btn-nav a.btn-nav.suiv:hover { background-color: transparent !important; }
#btn-nav a.btn-nav.prec:hover { background-image: url(../../img/png/images/btn-menu-sans-sprite_41.png); background-repeat: no-repeat; background-position: center 0px; }
#btn-nav a.btn-nav.suiv:hover { background-image: url(../../img/png/images/btn-menu-sans-sprite_46.png); background-repeat: no-repeat; background-position: center 0px; }



.bx-wrapper .bx-controls-direction a {z-index: 1020 !important}

#search-overlay.algolia #btn-nav a { color:#FF9600; border-right:1px solid #fff; text-align:center; display:inline-block; margin: 0px !important; line-height: 30px; height: 30px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; font-size: 14px; }
#search-overlay.algolia #btn-nav a:hover { background-color:#FF9600; color:#FFF; }
#search-overlay.algolia #btn-nav a:focus,
#search-overlay.algolia #btn-nav a:active,
#search-overlay.algolia #btn-nav a.actif,
#search-overlay.algolia #btn-nav a.actif:hover { background-color:#FFF; color:#000; }
#search-overlay.algolia #btn-nav a.sb{ border-right:none !important; }
#search-overlay.algolia #btn-nav a.bg{ border-left:1px solid #EAEBEE; }
#search-overlay.algolia #btn-nav a.prec,
#search-overlay.algolia #btn-nav a.suiv { margin-bottom:-5px; height: 20px; width: 10px; }
#search-overlay.algolia #btn-nav a.prec { background-image: url(../../img/png/images/btn-menu-sans-sprite_42.png); background-repeat: no-repeat; background-position: center 0px; }
#search-overlay.algolia #btn-nav a.suiv { background-image: url(../../img/png/images/btn-menu-sans-sprite_45.png); background-repeat: no-repeat; background-position: center 0px; }
#search-overlay.algolia #btn-nav a.prec:hover,
#search-overlay.algolia #btn-nav a.suiv:hover { background-color: transparent !important; }
#search-overlay.algolia #btn-nav a.prec:hover { background-image: url(../../img/png/images/btn-menu-sans-sprite_41.png); background-repeat: no-repeat; background-position: center 0px; }
#search-overlay.algolia #btn-nav a.suiv:hover { background-image: url(../../img/png/images/btn-menu-sans-sprite_46.png); background-repeat: no-repeat; background-position: center 0px; }

.ais-hierarchical-menu--link {position: relative;}
.ais-hierarchical-menu--list__lvl3 {margin-left: 10px;}
.ais-current-refined-values--item, .ais-hierarchical-menu--item, .ais-menu--item {font-size: 14px;line-height: 20px;white-space: nowrap;}
.ais-current-refined-values--count, .ais-hierarchical-menu--count, .ais-menu--count, .ais-refinement-list--count, .ais-star-rating--count, .ais-toggle--count {/*background-color: rgba(39,81,175,.1);*/background-color:#EAEBEE; border-radius: 31px; padding: 2px 10px; line-height: 20px; font-size:12px;}
.ais-hierarchical-menu--item__active>div>.ais-hierarchical-menu--link, .ais-menu--item__active>div>.ais-menu--link, .ais-refinement-list--item__active>div>.ais-refinement-list--label, .ais-refinement-list--item__active>div>.ais-toggle--label {font-weight: 700;  font-size:14px;}
.ais-refinement-list--label {font-size:14px;line-height: 20px;}
.ais-search-box {position: inherit !important;max-width: none !important;}
.ais-hits {overflow: auto;}
.ais-range-slider--body{margin-right: 30px; margin-left: 30px;}
.vignette-VENTES.FLASH {background-color:#FF8C00;}
.vignette-OPE.SPECIALE {background-color:#782088;}
.vignette-SOLDES {background-color:#D80101;}
.ais-pagination {float: left;}
.ais-pagination--item {padding: 0px !important;}
.ais-search-box--reset svg {width: 20px !important;height: 20px !important;}
.ais-search-box--reset {top: 12px !important;}
.ais-range-slider .rheostat-horizontal .rheostat-handle .ais-range-slider--tooltip {margin-left: -20px  !important;width: 60px !important; background:none !important; }
.prix-box-algolia  {float: right;}

.ais-SearchBox-submit { display: none }


.ais-SearchBox-reset {
    float: right;
    padding: 12px;
}



    #orderBy, #filtre {clear: both;
        background: #f5f4f4;
        border-left: 2px solid #e0e0e0;;
        color: inherit;
        text-decoration: inherit;
        font-weight: normal;

    }

     #filter-title, #tri-title {
        height: 58px;
    }
    #filter-title div,#tri-title div  {
        padding: 20px 0px 20px 10px;
    }

    #filter-title, #tri-title {
        background: #e0e0e0;
        font-weight: bold ;
    }
    #filter-title div,#tri-title div {

        font-size: 1.1em;
    }



    #filtre-tri .ui-btn, #filtre-tri .ui-btn:active,#filtre-tri .ui-btn:hover, #filtre-tri .ui-btn:hover {
        background: none;
        border: none;
        text-shadow: none;
    }

    .ais-RangeInput-input {
        width: 60px;
        border: 1px solid #e2e2e2;
        height: 30px;
        text-align: center;
        margin: 10px;
        margin-right: 0px;
        box-shadow: 1px 1px #f3f3f3;
    }

    .ais-RangeInput-input:focus::placeholder{
       color:transparent;
  }
    .ais_RangeInput-submit {
        width: 50px;
        height: 60px;

    }

    #query .ui-page {
        background: white;
        min-height: 100%;
    }

    .ais-InfiniteHits-loadMore {
        height: 40px;
        width: 50%;
        margin: 30px auto 30px auto;
        display: block;
        border: 1px solid #e0e0e0;
        background: #e0e0e0 !important;
    }


    .ais-RefinementList-searchBox {
        border: solid #e0e0e0 1px;
        box-shadow: 1px 1px #f3f3f3;
        margin-bottom: 10px;
        overflow: auto;
    }

    .ais-HierarchicalMenu {
        margin-left: 10px;
    }

    .ais-RefinementList-count, .ais-HierarchicalMenu-count {
        background-color: #EAEBEE;
        border-radius: 31px;
        padding: 0px 10px;
        line-height: 20px;
        font-size: 12px;
        color:#000 !important;
    }

    .ais-RefinementList-label {
        padding: 0px;
        line-height: 24px;
    }

    .ais-RefinementList-showMore {text-align: center;
        width: 100%;
        margin: 15px auto;
        display: block;
        background: #f5f4f4 !important;
        height: 38px;}

    .ais-HierarchicalMenu-label {
        padding: 0px;
        line-height: 30px;
        font-weight: normal;
    }
    .ais-HierarchicalMenu-count {

        color: black;
        font-weight: normal;
    }

    .ais-HierarchicalMenu-item{
        color: black;

    }
    .ais-HierarchicalMenu-link{
        text-decoration: none;
        color:inherit;
    }

    #filtre-tri {
        position: fixed;
        z-index: 1000000;
    }

    .ais-CurrentRefinements-item {
        padding: .3rem .5rem;
        border-radius: 5px;
        display: inline-block;
        margin: 5px;
        background: #f1f1f1;
    }

    .ais-CurrentRefinements-categoryLabel, .ais-CurrentRefinements-delete, .ais-CurrentRefinements-label {
        padding-right: 5px;
    }
    .ais-CurrentRefinements-delete {
        font-size: 0.9em;
    }


#clear {
    float:right;
    display: inline-block;
    padding: .4rem .5rem;
    margin: 5px;
}

    #close-filter {
        float: right;
        margin: 10px;
    }

    .ais-Breadcrumb-list, .ais-CurrentRefinements-list, .ais-HierarchicalMenu-list, .ais-Hits-list, .ais-InfiniteHits-list, .ais-InfiniteResults-list, .ais-Menu-list, .ais-NumericMenu-list, .ais-Pagination-list, .ais-RatingMenu-list, .ais-RefinementList-list, .ais-Results-list, .ais-ToggleRefinement-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ais-Breadcrumb-item, .ais-Breadcrumb-list, .ais-Pagination-list, .ais-PoweredBy, .ais-RangeInput-form, .ais-RatingMenu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ais-ClearRefinements-button, .ais-CurrentRefinements-delete, .ais-CurrentRefinements-reset, .ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-InfiniteResults-loadMore, .ais-Menu-showMore, .ais-RangeInput-submit, .ais-RefinementList-showMore, .ais-SearchBox-reset, .ais-SearchBox-submit, .ais-VoiceSearch-button {
    border: 0;

    background: none;
}

.ais-SearchBox-input::-ms-clear,
.ais-SearchBox-input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
    display: none
}


.ais-SearchBox-loadingIndicator {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
}
.ais-SearchBox-loadingIcon {
    stroke: none;
    background:url(../../img/adaptive/ajax-loader.gif) no-repeat center;
    filter:Alpha(Opacity=75);opacity:.75;
    background-color:#000;display:block;margin:0;width:2.75em;height:2.75em;padding:.0625em;-webkit-border-radius:2.25em;border-radius:2.25em;
    width:50px;
    height: 50px;
}


.ais-stats {
    font-weight: bold;
}


.ais-custom-sortButton{

    background: #fff !important;
       height: 48px;
    width: 95%;
    margin: 5px;
    display: block;
    text-align: left;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

.ais-custom-sortSelected {
    border: none;
    background: #f5f4f4 !important;
}

#current-sort,#current-refinements  {
    float: left;
    overflow: auto;
}


#hits {
    clear: both;
    border-top: 1px solid #efefef;
}

#category-collapspible {
        padding-bottom: 50px;
}
.ais-InfiniteHits-list {
    overflow: auto;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background:#fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-weight: bold !important;
  margin-bottom: 5px;
}


button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.ais-CurrentRefinements-item:hover,.ais-custom-sortButton:hover, .accordion:hover, .ais-InfiniteHits-loadMore:hover, .ais-RefinementList-item:hover, .ais-HierarchicalMenu-item div:not(.ais-HierarchicalMenu):hover, .ais-RefinementList-showMore:hover {
  background-color: #FF9600 !important;
  color: #fff!important;
  opacity: 0.7;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
.ais-CurrentRefinements-delete {cursor: pointer;}

#search-overlay-content button {
    font: inherit;
}
.ais-ClearRefinements-button--disabled {visibility: hidden;}

.ais-RefinementList .ais-SearchBox-input {width: 190px !important; font-size:0.8em; outline-width: thin; outline-style: none; text-shadow:1px 1px 1px #fff; float:left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #FFFFFF; line-height: 22px; border: none !important; }

.ais-RefinementList-showMore--disabled, .ais-InfiniteHits-loadMore--disabled{filter:Alpha(Opacity=10);opacity:.1;cursor:default!important;pointer-events:none}

.ais-SearchBox-input:disabled {opacity: 0.1}
    .ais-SearchBox-submit {display: none}
    .ais-SearchBox-reset {    float: right;padding: 12px;}
    .ais-SearchBox-reset svg {width: 20px;height: 20px; margin-bottom: -5px;margin-right: 3px; margin-left: -5px;}


.ais-HierarchicalMenu-label { 
    text-decoration: inherit;
 }

#category>.ais-HierarchicalMenu {margin-left: 0px;}

#category > .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
  div:not(.ais-HierarchicalMenu) > .ais-HierarchicalMenu-link > .ais-HierarchicalMenu-label {
    font-weight: bold;
}

#category > .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
 .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
  div:not(.ais-HierarchicalMenu) {
    border: none;
    background: #f5f4f4;
}

#category > .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
 .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
 .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
  div:not(.ais-HierarchicalMenu) {
    text-decoration: underline;
}

#category > .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
 .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
 .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
 .ais-HierarchicalMenu > .ais-HierarchicalMenu-list > .ais-HierarchicalMenu-item--selected >
  div:not(.ais-HierarchicalMenu) {
    font-style: italic !important;
}


.ais-RefinementList-searchBox .ais-SearchBox-reset {
    display: none;
}

#scroll-top-algolia {
    display: none;
    height: 60px;
    width: 60px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    opacity: 0.45;
    -moz-opacity: 0.45;
    -ms-filter: "alpha(opacity=45)";
    filter: alpha(opacity=45);
    background-color: #C6C8D2;
    margin-left: 10px;
    margin-top: 15px;
    position: fixed;
    right: 300px;
    bottom: 5%;
    z-index: 100000;
    cursor: pointer;
    background-image: url(../../img/img-video.png);
    background-repeat: no-repeat;
    background-position: -140px -140px;
}

.clearFilters {
        text-decoration: underline;
}

.hitList {
    overflow: auto;
    margin-bottom: -500px;
    padding-left: 0px;
}

.showMore {
    padding-top: 500px;
}

.ais-Hits mark {
    background-color: transparent;
    color: black;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
   

/* MOTEUR */
#search-overlay.c-s-content { padding-top:10px; }
#tri #tri-cont-col span.head { display:none !important; }
#tri #tri-cont-col #col-g { width:417px; height:auto; float:none; margin-right:0px; }
#search-overlay.solr #tri #tri-cont-col #col-d { width:438px; height:520px; }
#search-overlay.solr #tri #tri-cont-col div.close { margin-left: 402px !important; margin-top: -2px !important; }
#tri #tri-cont-col #col-d li.produit { width:135px; }
#search-overlay.solr #tri #tri-cont-col #col-d span.cont-txt { width:135px; }
#tri #tri-cont-col #col-d li.produit span.titre { width: 135px !important; }
#tri #tri-cont-col #col-d li.produit span.texte { width: 135px !important; }
#tri #tri-cont-col #col-d li.produit .btn-panier { margin-left: 100px; }
#tri div#dynamicSearchResult ul#mask.X4.PROMO li.bloc-280x355-PROMO.prod span p.prix-xs-e span,#tri div#dynamicSearchResult ul#mask.X4.SELECTION li.bloc-280x355-SELECTION.prod span p.prix-xs-e span,#tri div#dynamicSearchResult ul#mask.X4.NOUVEAU li.bloc-280x355-NOUVEAU.prod span p.prix-xs-e span, #tri div#dynamicSearchResult ul#mask.X4.STOCK2 li.bloc-280x355-STOCK2.prod span p.prix-xs-e span,  #tri div#dynamicSearchResult ul#mask.X4.OPE_SPECIALE li.bloc-280x355-OPE_SPECIALE.prod span p.prix-xs-e span, #tri div#dynamicSearchResult ul#mask.X4.FLASH li.bloc-280x355-FLASH.prod span p.prix-xs-e span, #tri div#dynamicSearchResult ul#mask.X4.PACKAGE li.bloc-280x355-PACKAGE.prod span p.prix-xs-e span, #tri div#dynamicSearchResult ul#mask.X4.SOLDE li.bloc-280x355-SOLDE.prod span p.prix-xs-e span, #tri div#dynamicSearchResult ul#mask.X4.PROMO li.bloc-280x355-PROMO.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.STOCK2 li.bloc-280x355-STOCK2.prod span p.prix-xs-c span, #tri div#dynamicSearchResult ul#mask.X4.PACKAGE li.bloc-280x355-PACKAGE.prod span p.prix-xs-c span, #tri div#dynamicSearchResult ul#mask.X4.SOLDE li.bloc-280x355-SOLDE.prod span p.prix-xs-c span, #tri div#dynamicSearchResult ul#mask.X4.BESTOF li.bloc-280x355-BESTOF.prod span p.prix-xs-c span, #tri #tri-cont-col #col-d li.produit div.hidden p.prix-xs-c span { display:none; }

#tri #tri-cont-col #col-d li.produit span#logo { display:inline-block; text-align:center !important; }
#tri #tri-cont-col #col-d li.produit span.visible { display:inline-block; text-align:center !important; }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {

/* MOTEUR */
#search-overlay.c-s-content { padding-top:70px; }
#tri #tri-cont-col span.head { display:none !important; }
#tri #tri-cont-col #col-g { width:417px !important; height:auto !important; float:none; margin-right:0px; }
#search-overlay.solr #tri #tri-cont-col #col-d { width:438px !important; height:520px; }
#search-overlay.solr #tri #tri-cont-col div.close { margin-left: 407px !important; }
#tri #tri-cont-col #col-d li.produit { width:135px !important; }
#search-overlay.solr #tri #tri-cont-col #col-d span.cont-txt { width:135px !important; }
#tri #tri-cont-col #col-d li.produit span.titre { width: 135px !important; }
#tri #tri-cont-col #col-d li.produit span.texte { width: 135px !important; }
#tri #tri-cont-col #col-d li.produit .btn-panier { margin-left: 100px; }
#tri div#dynamicSearchResult ul#mask.X4.PROMO li.bloc-280x355-PROMO.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.SELECTION li.bloc-280x355-SELECTION.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.NOUVEAU li.bloc-280x355-NOUVEAU.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.BESTOF li.bloc-280x355-BESTOF.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.STOCK2 li.bloc-280x355-STOCK2.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.OPE_SPECIALE li.bloc-280x355-OPE_SPECIALE.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.FLASH li.bloc-280x355-FLASH.prod span p.prix-xs-c span, #tri div#dynamicSearchResult ul#mask.X4.PACKAGE li.bloc-280x355-PACKAGE.prod span p.prix-xs-c span, #tri div#dynamicSearchResult ul#mask.X4.SOLDE li.bloc-280x355-SOLDE.prod span p.prix-xs-c span, #tri #tri-cont-col #col-d li.produit div.hidden p.prix-xs-c span { display:none; }
#tri #tri-cont-col #col-d li.produit span#logo { display:inline-block; text-align:center !important; }
#tri #tri-cont-col #col-d li.produit span.visible { display:inline-block; text-align:center !important; }
div#tri div#dynamicSearchResult ul#mask.X4.SOLDE li.bloc-280x355-SOLDE.prod span em.dispo { width:120px; }

}


@media screen and (min-width: 1024px) and (max-width: 1259px) {
/* MOTEUR */
#tri #tri-cont-col span.head { margin-left:255px; }
#tri #tri-cont-col #col-g { width:220px;}
#search-overlay.solr #tri #tri-cont-col #col-g {height:500px; }
#search-overlay.solr #tri #tri-cont-col #col-d { width:444px; height:520px; }
#search-overlay.solr #tri #tri-cont-col div.close { margin-left: 663px; }
#tri #tri-cont-col #col-d li.produit { width:137px; }
#search-overlay.solr #tri #tri-cont-col #col-d span.cont-txt { width:137px; }
#tri #tri-cont-col #col-d li.produit span.titre { width: 137px !important; }
#tri #tri-cont-col #col-d li.produit span.texte { width: 137px !important; }
#tri #tri-cont-col #col-d li.produit .btn-panier { margin-left: 102px; }
#tri div#dynamicSearchResult ul#mask.X4.PROMO li.bloc-280x355-PROMO.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.SELECTION li.bloc-280x355-SELECTION.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.NOUVEAU li.bloc-280x355-NOUVEAU.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.BESTOF li.bloc-280x355-BESTOF.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.STOCK2 li.bloc-280x355-STOCK.prod span p.prix-xs-c span,#tri div#dynamicSearchResult ul#mask.X4.FLASH li.bloc-280x355-FLASH.prod span p.prix-xs-c span, #tri div#dynamicSearchResult ul#mask.X4.OPE_SPECIALE li.bloc-280x355-OPE_SPECIALE.prod span p.prix-xs-c span,  #tri div#dynamicSearchResult ul#mask.X4.PACKAGE li.bloc-280x355-PACKAGE.prod span p.prix-xs-c span, #tri div#dynamicSearchResult ul#mask.X4.SOLDE li.bloc-280x355-SOLDE.prod span p.prix-xs-c span, #tri #tri-cont-col #col-d li.produit div.hidden p.prix-xs-c span { display:none; }
#tri #tri-cont-col #col-d li.produit span#logo { display:inline-block; }

}

@media screen and (min-width: 1260px) and (max-width: 19800px) { 

/* MOTEUR */
#tri #tri-cont-col span.head { margin-left:285px; }
#tri #tri-cont-col #col-g { width:280px; }
#search-overlay.solr #tri #tri-cont-col #col-g {height:500px; }
#search-overlay.solr #tri #tri-cont-col #col-d { width:600px; height:520px; }
#search-overlay.solr #tri #tri-cont-col div.close { margin-left: 850px; }
#tri #tri-cont-col #col-d li.produit { width:189px; }
#search-overlay.solr #tri #tri-cont-col #col-d span.cont-txt { width:189px; }
#tri #tri-cont-col #col-d li.produit span.titre { width: 189px !important; }
#tri #tri-cont-col #col-d li.produit span.texte { width: 189px !important; }
#tri #tri-cont-col #col-d li.produit .btn-panier { margin-left: 155px; }

}

/* .algolia*/
@media screen and (min-width: 0px) and (max-width: 768px) {
#search-overlay.algolia #tri #tri-cont-col #col-d .produit { width :100%; margin-left:0px !important;}
#search-overlay.algolia #col-g, #search-overlay.algolia #col-d { position:relative !important; margin:0px !important; top:0px !important; }
#search-overlay.algolia #tri #tri-cont-col #col-g { width:98% !important; display:block !important; }
#search-overlay.algolia #tri #tri-cont-col #col-d { position:relative !important; margin:0px !important; top:0px !important;width:98% !important; display:block !important; border:none !important; }
#search-overlay.algolia { top:272px;}
#search-overlay.algolia #tri #tri-cont-col #col-g, #search-overlay.algolia #tri #tri-cont-col #col-d { top:150px; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
#search-overlay.algolia #tri #tri-cont-col #col-d .produit { width :calc(100%  / 2); }
.ais-search-box--reset {right: 110px !important;}
#search-overlay.algolia #tri #tri-cont-col #col-g { width:280px !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
.ais-search-box--reset {right: 100px !important;}
#search-overlay.algolia #tri #tri-cont-col #col-g { width:280px !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
#search-overlay.algolia #tri #tri-cont-col #col-d .produit { width :calc(100%  / 3); }
.ais-search-box--reset {right: 100px ;}
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
#search-overlay.algolia #tri #tri-cont-col #col-d .produit { width :calc(100%  / 4); }
.ais-search-box--reset {right: 70px !important;}
}
@media screen and (min-width: 1600px) and (max-width: 19800px) {
#search-overlay.algolia #tri #tri-cont-col #col-d .produit { width :calc(100% / 5); }
.ais-search-box--reset {right: 70px !important;}
}