/****************************************************************
** SCREEN LARGER
****************************************************************/
#global {
    overflow: hidden;
}
/* desktop layout view large */
@media (min-width: 768px) {
    #main .container {
        width: 768px;
    }
}

@media (min-width: 992px) {
    #main .container {
        width: 992px;
    }
}

@media (min-width: 1200px) {
    #main .container {
        width: 1080px;
    }
}

@media (min-width: 1400px) {
    #main .container {
        width: 1280px;
    }
}

#header div.header-search-btn {
  display: none!important;
}

/****************************************************************
** ICOMOON
****************************************************************/

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales:before,
#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales:after,
#contenu .block-homepage.block-block-information ul + ul:before,
#contenu .block-homepage.block-your-univers .informations .content-sales:before,
#contenu .block-homepage.block-your-univers .informations .content-sales:after,
#contenu .block-homepage .block-title h2 span:before,
#contenu .block-homepage .block-title h2 span:after,
#contenu .block-homepage.block-block-information ul .item.item-text h3:before,
#contenu .block-homepage.block-block-information ul .item:before,
#contenu .block-homepage.block-block-information ul .item:after,
body.catalog-category-view #main div.sidebar span.dropdown-toggle:before,
#contenu div.cart.totals a.orange span:after,
#contenu div.toolbar.big div.next a span.glyphicon-chevron-left,
#contenu div.toolbar.big div.next a span.glyphicon-chevron-right,
#header div.header-language:before,
#footer .footer-block.footer-cols-delimiter .footer-col .block-title span:after,
.swiper-container .hidden-swiper-header .icon-cross:before,
.swiper-container .swiper-slide-header-container .icon-go:before,
#contenu .block-homepage.block-community .block-subscribe .actions button .icon-newsletter:before,
#header form#search_mini_form button:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#header form#search_mini_form button:before {
    content: '\e94e';
}

#main div.wrap-content {
    background: transparent;
}

#contenu .block-homepage.block-community .block-subscribe .actions button .icon-newsletter:before {
    content: '\e94f';
}

.swiper-container .hidden-swiper-header .icon-cross:before {
    content: '\e90b';
}

.swiper-container .swiper-slide-header-container .icon-go:before {
    content: '\e906';
}

body .swiper-button-prev:before {
    content: '\e944';
}

body .swiper-button-next:before {
    content: '\e943';
}

#footer .footer-block.footer-cols-delimiter .footer-col .block-title span:after {
    content: '\e902';
}

#header div.header-language:before {
    content: '\e906';
}

#contenu div.toolbar.big div.next a span.glyphicon-chevron-right:before {
    content: '\e902';
}

#contenu div.toolbar.big div.next a span.glyphicon-chevron-left:before {
    content: '\e900';
}

#contenu div.cart.totals a.orange span:after {
    content: '\e906';
}
@media only screen and (max-width: 767px) {
    body.catalog-category-view #main div.sidebar span.dropdown-toggle:before {
        content: '\e906';
    }

    body.catalog-category-view #main div.sidebar .open span.dropdown-toggle:before {
        content: '\e905';
    }
}

#contenu .block-homepage.block-block-information ul .item.item-text:before {
    content: '\e950';
}

#contenu .block-homepage.block-block-information ul .item.item-text:after {
    content: '\e956';
}

#contenu .block-homepage.block-block-information ul .item.item-text h3:before {
    content: '\e957';
}

#contenu .block-homepage .block-title h2 span:before {
    content: '\e954';
}

#contenu .block-homepage .block-title h2 span:after {
    content: '\e952';
}

#contenu .block-homepage.block-your-univers .informations .content-sales:before {
    content: '\e94d';
}

#contenu .block-homepage.block-your-univers .informations .content-sales:after {
    content: '\e94c';
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales:before {
    content: '\e94d';
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales:after {
    content: '\e94c';
}

#contenu .block-homepage.block-block-information ul + ul:before {
    content: '\e93f';
}

/****************************************************************
** TRANSITION
****************************************************************/

.level2 *,
.swiper-container.swiper-header-drouault,
.swiper-container.swiper-header-drouault *,
#contenu .block-homepage *:before,
#contenu .block-homepage *:after,
#contenu .block-homepage * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/****************************************************************
** GÉNÉRAL
****************************************************************/

body {
    overflow: hidden;
    overflow-y: auto;
}

@media only screen and (max-width: 767px) {
    body {
        width: 100%;
        position: relative;
    }
}

body.modal-open {
    padding-right: 0!important;
    overflow: visible;
}

strong {
    font-weight: normal;
    font-family: 'Optima-Bold';
}

input {
	font-size: 14px;
}

.background-carre {
    background: rgba(0,0,0,0.24); 
    width: 360px;
    padding: 15px;
    border: solid 1px #fff;
    position: relative;
    max-width: 95%;
}

#global div.buttons a, 
#global button, 
#global h2.deco a, 
#global h2.deco button, 
#global a.button {
    margin: 0;
    font-size: 14px!important;
    font-weight: normal!important;
    font-family: "Optima-Regular";
    line-height: 1;
    color: #fff;
    background: #ad8b66;
    text-transform: uppercase;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#global #contenu div.assistant button {
	padding: 0 7px;
	text-align: left;
}

#global #contenu div.assistant input + button {
	text-align: right;
}

body .swiper-button-prev, 
body .swiper-button-next {
	width: 15px;
	height: 45px;
	margin-top: -23px;
}

/* Header */
#blankStickyHeader {
    height: 129px;
}

#swiper-header-container + #header + #menu + #blankStickyHeader {
    height: 162px;
}

@media only screen and (max-width: 767px) {
    #blankStickyHeader {
        height: 122px;
    }
}

@media only screen and (max-width: 767px) {
    #swiper-header-container + #header + #menu + #blankStickyHeader {
        height: 155px;
    }
}


@media only screen and (min-width: 768px) {
    #header {
        text-align: left;
    }
}

#header a {
	color: #ad8b66;
}

body #global #header {
    position: fixed;
    top: 0;
    z-index: 1600;
    width: 100%;
    background: #041e42!important;
}

body #global #swiper-header-container + #header {
    top: 33px;
}

#header div.header-contact {
    display: none;
}


#header div.logo {
    position: absolute;
    padding: 0;
    height: 70px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 0;
    text-align: center;
    left: 0;
    top: 0;
}

@media only screen and (max-width: 450px) {
	#header div.logo {
    	position: relative;
        display: inline-block;
        float: left;
        width: auto;
	}
}

@media only screen and (min-width: 768px) {
    #header div.logo:before {
        display: block;
        content: '';
        width: 50px;
        height: 2px;
        position: absolute;
        bottom: -1px;
        background: #041e42;
        z-index: 10;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

#header div.logo a {
    height: 100%;
    position: relative;
    z-index: 11;
}

#header div.logo a img {
    width: auto;
    margin-right: 50px;
    margin-top: 7px;
}

@media only screen and (max-width: 767px) {
	#header div.logo a img {
		height: 45px;
	    margin-top: 12px;
    	margin-right: 20px;
	}
}

@media only screen and (max-width: 450px) {
	#header div.logo a img {
    	margin-right: 0;
	}
}

@media only screen and (max-width: 360px) {
	#header div.logo a img {
    	height: 35px;
	    margin-top: 17px;
	}
}


.mobile-menu {
    position: relative;
    z-index: 1;
}


@media only screen and (max-width: 767px) {
    #header div.header-search2:before,
    #header div.header-search2:after {
        content: '';
        display: table;
        clear: both;
    }
}

.header-container {
    position: relative;
    padding-right: 55px;
    height: 70px;
    padding-bottom: 0;
    overflow: visible;
}

@media only screen and (min-width: 768px) {
    .header-container:before {
        content: '';
        width: 100%;
        height: 1px;
        background: #fff;
        position: absolute;
        bottom: 0;
        z-index: 0;
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-container {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-container:before,
    .header-container:after {
        content: '';
        display: table;
        clear: both;
    }
}

#header div.header-cart > a {
    text-transform: uppercase;
    background: none;
    font-size: 12px;
    font-family: "Swiss721BT-Roman";
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin-right: 30px;
    width: inherit;
    overflow: visible;
    height: 100%;
    position: relative;
}

@media only screen and (max-width: 991px) {
    #header div.header-cart > a {
        position: static;
    }
}

@media only screen and (max-width: 767px) {
    #header div.header-cart > a {
        margin-right: 10px;
    }
}

#header div.header-cart > a strong.txt {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    font-family: "Swiss721BT-Roman";
    display: inline-block;
}

#header div.header-cart > a span.ttx {
    display: none;
}

#header div.header-cart > a span.ttx.count {
    display: block!important;
    position: absolute;
    top: -5px;
    left: -5px;
    font-size: 11px;
    font-family: "Swiss721BT-Roman";
    font-weight: normal;
    color: #fff;
    background-color: #ad8b66;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 0;
    text-align: center;
    line-height: 17px;
}

@media only screen and (max-width: 991px) {
    #header div.header-cart > a span.ttx.count {
        top: inherit;
        bottom: 50%;
    }
}

#header div.header-cart {
    background: none;
    margin: 0!important;
    padding: 0;
    height: auto;
    float: right;
    font-size: inherit;
    padding: 22px 0;
    position: relative;
    width: auto;
	z-index: 11;
}

@media only screen and (max-width: 991px) {
    #header div.header-cart strong {
        display: none !important;
    }
}

#header div.header-cart a * {
    display: inline-block;
    vertical-align: middle;
}

#header div.header-cart>a>img {
    height: 26px;
}

#header div.header-account > a {
    text-transform: uppercase;
    background: none;
    font-size: 12px;
    font-family: "Swiss721BT-Roman";
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin-right: 30px;
    width: inherit;
    overflow: visible;
    position: relative;
}

@media only screen and (max-width: 991px) {
    #header div.header-account > a {
        position: static;
    }
}

@media only screen and (max-width: 767px) {
    #header div.header-account > a {
        margin-right: 10px;
    }
}

#header div.header-account > a strong.txt {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    font-family: "Swiss721BT-Roman";
    display: inline-block;
}

@media only screen and (max-width: 991px) {
    #header div.header-account strong {
        display: none !important;
    }
}

#header div.showhover div.cart ol,
#header div.showhover div.cart p,
#header div.showhover a, 
#header-search-btn span span {
	font-size: 15px;
}

#header div.showhover {
    margin: 0;
    padding: 0;
    top: 100%;
}

@media only screen and (min-width: 768px) {
    #header div.header-cart:hover div.showhover, 
    #header div.header-account:hover div.showhover {
        top: 100%;
        right: 0;
        width: 25.8em;
    }
}

#header div.showhover form.account ul {
    margin: 0;
}

#header div.showhover form.account>p {
    display: none;
}

#header div.header-account > a span.ttx {
    display: none;
}

#header div.header-account {
    background: none;
    width: inherit;
    margin: 0!important;
    padding: 0;
    height: auto;
    float: right;
    font-size: inherit;
    padding: 22px 0;
    border: none;
    position: relative;
    display: block;
	z-index: 11;
}

@media only screen and (max-width: 767px) {
    body #header div.header-container div.header-account {
        padding: 22px 0;
        border: none;
    }
}

#header div.header-account a * {
    display: inline-block;
    vertical-align: middle;
}

#header div.header-account a img {
    height: 26px;
}

#header div.showhover form.account ul li.action button {
    background: #ad8b66;
    font-size: 14px;
    font-family: "Optima-Bold";
    font-weight: normal;
    text-transform: uppercase;
    padding: 16px;
    letter-spacing: 1px;
}

#header div.showhover div.account p {
	color: #041e42;
}


#header div.header-language {
    background: none;
    width: 60px;
    margin: 0!important;
    padding: 0;
    height: 70px;
    float: right;
    font-size: inherit;
    padding: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
	z-index: 11;
}

@media only screen and (max-width: 400px) {
    #header div.header-language {
        width: 38px;
    }
}

@media only screen and (max-width: 767px) {
    #header div.header-language {
        position: relative;
    }
}

#header div.header-language .actif {
    position: absolute;
    top: 26px;
    left: 0;
}

#header div.header-language:before {
    position: absolute;
    top: 31px;
    right: 0;
    font-size: 10px;
    color: #fff;
}

#header div.header-language:hover:before {
    content: '\e905';
}

#header div.header-language span {
    font-family: "Swiss721BT-Roman";
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 5px;
    vertical-align: middle;
    color: #fff;
}

@media only screen and (max-width: 400px) {
    #header div.header-language span {
        display: none;
    }
}

#header div.header-language-list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #efefef;
    border: solid 1px #efefef;
    width: 150px;
    z-index: 10;
    text-align: left;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#header div.header-language-list .container-lang {
    padding: 10px 0;
        font-family: "Optima-Bold";
        font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    color: #686868;    
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}

#header div.header-language-list .container-lang * {
    display: inline-block;
    vertical-align: middle; 
}

#header div.header-language-list:hover,
#header div.header-language:hover + div.header-language-list {
    display: block;
}

#header div.header-language-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}


#header div.header-search2 {
    position: relative;
    background: none;
    margin: 0!important;
    padding: 0;
    height: 70px;
    box-sizing: border-box;
    float: none;
    font-size: inherit;
    width: 256px;
    text-align: center;
    display: inline-block;
    float: left;
}

@media only screen and (max-width: 991px) {
    #header div.header-search2 {
        width: 220px;
    }
}

@media only screen and (max-width: 767px) {
    body #header div.header-container div.header-search2 {
        position: relative;
        left: inherit;
        bottom: inherit;
        padding: 10px;
        right: inherit;
        top: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        float: left;
        width: 100%;
        background: #fff;
        height: auto;
    }
}

#header div.header-search2 .form-search {
    position: relative;
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    #header div.header-search2 .form-search {
        margin-top: 0;
    }
}

#header form#search_mini_form input {
    padding: 0;
    height: 32px;
    border: solid 1px #fff!important;
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 13px;
    font-family: "Swiss721BT-Italic";
    color: #fff;
    background: rgba(255,255,255,0.06)!important;
}

@media only screen and (max-width: 767px) {
	#header form#search_mini_form input {
	    border: solid 1px #777!important;
	    color: #777;
	}
}

#header form#search_mini_form button {
    border: none!important;
    height: 32px;
    width: 32px;
    background: transparent;
    font-size: 20px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (max-width: 767px) {
	#header form#search_mini_form button {
	    background: #041e42;
	    color: #fff;
	}
}

#header form#search_mini_form button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
}

#header form#search_mini_form button span {
    display: none;
}

body.cms-home #header, #header {
    height: inherit!important;
    min-height: inherit;
    border-bottom: none;
    background: none;
}

#global .mobile-menu button.icon-menu {
    padding: 0;
    background: transparent;
    color: transparent;
    position: relative;
    width: 50px;
    height: 70px;
}

#global .mobile-menu .dropdown.open button.icon-menu {
    background: transparent!important;
    color: transparent!important;
}

#global .mobile-menu button.icon-menu:before {
    color: #fff;
    font-size: 30px;
    vertical-align: middle;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#global .mobile-menu .dropdown.open button.icon-menu:before {
    content: '\e90b';
}

@media only screen and (min-width: 768px) {
    #global .mobile-menu {
        display: none !important;
    }
}

#header div.header-search2-btn {
    display: none;
}

.global-site-notice {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 3000;
	background: rgba(0,0,0,0.5)!important;
	padding-bottom: 0;
}

/* Menu */
body.menu-fixed {
    position: fixed;
    width: 100%;
}

#menu {
    padding: 0;
    position: fixed;
    z-index: 1500;
    top: 70px;
    width: 100%;
    background: #041e42;
    -webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
}

#swiper-header-container + #header + #menu {
    top: 103px;
}

@media only screen and (max-width: 767px) {
    #menu {
        display: none;
    }
}

#menu ul.level1 {
    background: #041e42;
    position: relative;
    padding: 0;
    width: 100%;
    display: table!important;
    border: none;
}
#menu ul.level1 > li {
    border: 1px solid transparent;
}

#menu ul.level1 > li + li {
    background: none;
    width: auto;
    position: static;
}

#menu ul.level1 > li {
    position: relative;
    height: auto;
}

@media only screen and (max-width: 1199px) {
    #menu ul.level1 > li {
        padding: 0 10px;
    }
}

#menu .bandeau-promo {
    display: none;
}

#menu ul.level1 > li > a {
    padding: 0;
    border: solid 1px transparent;
    height: auto;
    width: auto;
    position: relative;
    line-height: 1.2;
    display: block;
    font-weight: normal;
    font-family: "Swiss721BT-Roman";
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    height: 55px;
}

#menu ul.level1 > li > a span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}

#menu ul.level1 > li > a span:after,
#menu ul.level1 > li > a span:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: transparent;
}

#menu ul.level1 > li > a span:after {
    bottom: -10px;
}

#menu ul.level1 > li > a span:before {
    top: -10px;
}

@media only screen and (max-width: 991px) {
    #menu ul.level1 > li > a {
        font-size: 10px;
    }
}

#menu ul.level1 > li.soldes {
    padding: 0;
    width: auto;
}

#menu ul.level1 > li.soldes a {
    font-weight: normal;
    font-style: normal;
}

#menu ul.level1 > li.soldes a span {
    top: 50%;
    width: auto;
    height: auto;
    line-height: 1;
    font-size: 13px;
    background: none;
    color: #fff;
}

@media only screen and (max-width: 991px) {
    #menu ul.level1 > li.soldes a span {
        font-size: 10px;
    }
}

#menu ul.level1 > li.promo {
    width: auto;
}

#menu ul.level1 > li.promo a {
    background: none!important;
    font-weight: bold;
    color: #ad8b66;
}

#menu ul.level1 > li.promo:hover a {
    color: #ad8b66;
}

#menu ul.level1 > li.promo a span {
    width: auto;
    line-height: 1;
    font-size: 13px;
}

#menu ul.level1 > li.promo.actif a span {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    display: block;
}

#menu ul.level1 > li.promo.actif a strong {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}

@media only screen and (max-width: 991px) {
    #menu ul.level1 > li.promo a span {
        font-size: 10px;
    }
}

#menu ul.level1 > li:hover > a, 
#menu ul.level1 > li > a:focus, 
#menu ul.level1 > li.actif > a {
    color: #ad8b66;
}

#menu ul.level1 > li:hover > a span:after, 
#menu ul.level1 > li > a:focus span:after, 
#menu ul.level1 > li.actif > a span:after,
#menu ul.level1 > li:hover > a span:before, 
#menu ul.level1 > li > a:focus span:before, 
#menu ul.level1 > li.actif > a span:before {
    background-color: #ad8b66;
}

#menu ul.level1 li div.level2 {
    margin: 0;
    padding: 0;
    top: 100%;
    width: 50%;
    box-sizing: border-box;
    border-top: solid 2px #ad8b66;
    min-width: 640px;
}

#menu ul.level1 li.dl div.level2 {
    left: 0;
}

#menu ul.level1 li.dr div.level2 {
    right: 0;
}

#menu ul.level1 li div.level2 > div {
    width: 100%;
    min-height: inherit;
    /*background: rgba(255, 255, 255, 0.7);*/
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    -o-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
}

#menu ul.level1 li div.level2 > div:after {
    content: '';
    display: table;
    clear: both;
}

#menu ul.level1 li div.level2 > div:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    z-index: 5;
}

#menu ul.level1 li.dr div.level2 {
    margin: 0;
}

#menu ul.level2 {
    margin: 0;
    position: relative;
    z-index: 10;
    float: left;
    width: 50%;
    min-height: 150px;
}

#menu ul.level2:before,
#menu ul.level2:after {
    content: '';
    display: table;
    clear: both;
}

#menu div.level2 .cat-img, 
#menu div.level2 .catimg,
#menu div.level2 div.color {
    position: relative;
    z-index: 10;
    float: right;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}

#menu div.level2 .cat-link-mobile + .catimg,
#menu div.level2 .cat-img + .cat-img, 
#menu div.level2 .catimg + .catimg,
#menu div.level2 .cat-link-mobile + .color,
#menu div.level2 .cat-img + .color, 
#menu div.level2 .catimg + .color {
    margin: 0;
    margin-top: 10px;
}

#menu div.level2 .cat-img img, 
#menu div.level2 .catimg img {
    margin: auto;
}

#menu ul.level2 > li {
    margin-bottom: 20px;
    padding: 0 10px;
    box-sizing: border-box;
}

#menu ul.level2 > li + li {
    border: none;
}

#menu div.level2 div.color span,
#menu ul.level2 > li > a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "Optima-Regular";
    color: #0a0d3e;
    padding: 0;
}

#menu ul.level2 > li > a:hover {
    padding-left: 20px;
    color: #ad8b66;
}

#header .mobile-menu .dropdown {
    position: static;
}

#header .mobile-menu .dropdown-menu {
    position: fixed;
    top: 0;
    width: 100%;
	padding: 5px 40px;
    box-sizing: border-box;
    background: #041e42;
    overflow-y: auto;
}

#header .mobile-menu .dropdown.open li {
    border: none;
    line-height: 1;
    text-align: center;
    background: transparent!important;
    box-sizing: border-box;
}

#header .mobile-menu .dropdown.open li + li {
    border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}

#header .mobile-menu .dropdown.open li.promo {
    background: #ad8b66!important;
    border: none;
}

#header .mobile-menu .dropdown.open li:hover {
    background: #ad8b66!important;
}

#header .mobile-menu .dropdown.open li a {
    color: #fff!important;
    line-height: 1;
    background: none!important;
    font-weight: normal;
    font-family: "Optima-Regular";
    padding: 15px 0;
}

#header .mobile-menu .dropdown.open li.promo a {
    padding: 0;
    font-weight: normal;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px 0;
}

/* Footer */
#footer {
    background: url('../images/footer/background-footer.jpg');
    overflow: visible;
    box-sizing: border-box;
    padding: 0;
    background-size: cover;
    background-position: 40% 50%;
}

#footer .container {
    background: none;
    overflow: visible;
    box-sizing: border-box;
    padding: 0 40px;
}

@media only screen and (max-width: 767px) {
    #main #footer .container {
        padding: 0 40px;
    }
}

#footer .img-separator {
    overflow: hidden;
    position: relative;
    line-height: 0;
}

#footer .img-separator .pique {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#footer .img-separator.margin {
    margin-top: 30px;
}

.footer-block {
    padding: 30px 0;
}

.footer-block .block-title {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}

@media only screen and (max-width: 767px) {
    .footer-block .block-title {
        margin-bottom: 20px;
    }
}

.footer-block .block-title p {
    margin: 0;
}


.cms-index-index #footer .footer-block.reinsurance {
    display: none;
}

.footer-block.reinsurance {
    background: rgba(0,0,0,0.32);
    padding: 10px 0;
    position: relative;
    border-bottom: solid 1px rgba(255,255,255,0.32);
}

.std .footer-block.reinsurance {
    background: #041e42;
    margin: 0;
    border-bottom: none;
}

.footer-block.reinsurance:after,
.footer-block.reinsurance:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.32);
    top: 0;
    border-bottom: solid 1px rgba(255,255,255,0.32);
}

.std .footer-block.reinsurance:after,
.std .footer-block.reinsurance:before {
    background: #041e42;
    border-bottom: none;
}

.footer-block.reinsurance:before {
    right: 100%;
}

.footer-block.reinsurance:after {
    left: 100%;
}

.footer-block.reinsurance ul {
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .footer-block.reinsurance ul {
        display: block;
        table-layout: none;
        text-align: center;
    }
}

#footer .footer-block.reinsurance ul li {
    margin: 0;
}

.footer-block.reinsurance ul li {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    list-style: none;
    text-align: center;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .footer-block.reinsurance ul li {
        vertical-align: bottom;
    }
}

@media only screen and (max-width: 767px) {
    .footer-block.reinsurance ul li {
        display: inline-block;
        width: 49%;
        box-sizing: border-box;
        padding: 10px;
    }
}

@media only screen and (max-width: 370px) {
    .footer-block.reinsurance ul li {
        display: block;
        width: 100%;
    }
}

.footer-block.reinsurance ul li .text,
.footer-block.reinsurance ul li .image {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    position: relative;
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .footer-block.reinsurance ul li .text,
    .footer-block.reinsurance ul li .image {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width: 560px) {
    .footer-block.reinsurance ul li .text,
    .footer-block.reinsurance ul li .image {
        display: block;
        width: 100%;
    }
}

.footer-block.reinsurance ul li .image {
    margin-right: 1%;
    height: 71px;
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .footer-block.reinsurance ul li .image {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 560px) {
    .footer-block.reinsurance ul li .image {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

.footer-block.reinsurance ul li .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.footer-block.reinsurance ul li .text {
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-family: "Swiss721BT-Roman";
    font-weight: normal;
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .footer-block.reinsurance ul li .text {
        text-align: center;
    }
}

@media only screen and (max-width: 560px) {
    .footer-block.reinsurance ul li .text {
        text-align: center;
        font-size: 10px;
    }
}

.footer-block.reinsurance ul li .text p {
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .footer-block.reinsurance .footer-content {
        padding: 20px;
        border: solid 1px #f5f5f5;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    .footer-block.reinsurance .footer-content {
        min-height: 150px;
    }
}

@media only screen and (min-width: 560px) and (max-width: 767px) {
    .footer-block.reinsurance .footer-content {
        min-height: 110px;
    }
}


.footer-block.footer-seo {
    overflow: visible;
    position: relative;
    padding: 20px 0;
    background: #f5f5f5;
}

@media only screen and (max-width: 767px) {
    .footer-block.footer-seo {
        display: none;
    }
}

.footer-block.footer-seo:before,
.footer-block.footer-seo:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #f5f5f5;
}

.footer-block.footer-seo:before {
    right: 100%;
}

.footer-block.footer-seo:after {
    left: 100%;
}

.footer-block.footer-seo>div:after {
    content: '';
    display: table;
    clear: both;
}

.footer-block.footer-seo p {
    margin: 0;
}

.footer-block.footer-seo .block-subtitle {
    margin: 0;
    font-family: "Optima-Bold";
    font-weight: normal;
    font-size: 12px;
    color: #84869e;
    text-transform: uppercase;
    text-align: center;
}

.footer-block.footer-seo .block-content {
    margin: 0;
    font-weight: normal;
    font-family: "Optima-Regular";
    font-size: 12px;
    color: #84869e;
    text-align: justify;
}


.footer-block.footer-social-links {
    position: relative;
}

#footer .footer-block.footer-social-links ul {
    display: table;
    table-layout: fixed;
    margin: auto;
    width: 100%;
}

#footer .footer-block.footer-social-links ul li {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    position: relative;
}

#footer .footer-block.footer-social-links ul li + li:before {
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
}

#footer .footer-block.footer-social-links ul li img {
	max-height: 25px;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-block.footer-cols-delimiter div:nth-child(n+3) {
        margin-top: 30px;
    }
    .footer-block.footer-cols-delimiter div:nth-child(3) {
        clear: both;
    }
}

@media only screen and (max-width: 767px) {
    .footer-block.footer-cols-delimiter>div + div {
        margin-top: 30px;
    }
}

.footer-block.footer-cols-delimiter:before,
.footer-block.footer-cols-delimiter:after {
    content: '';
    display: table;
    clear: both;
}

#footer .footer-block.footer-cols-delimiter ul {
    text-align: center;
}

#footer .footer-block.footer-cols-delimiter .footer-block {
    padding: 0;
  display: block!important;
}

@media only screen and (min-width: 768px) {
    #footer .footer-block.footer-cols-delimiter .footer-col .block-title span:after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    #footer .footer-block.footer-cols-delimiter .footer-col .block-content {
        display: none;
    }

    #footer .footer-block.footer-cols-delimiter .footer-col .block-title {
        margin-bottom: 0;
        cursor: pointer;
    }

    #footer .footer-block.footer-cols-delimiter .footer-col .block-title span:after {
        position: absolute;
        right: -20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media only screen and (max-width: 767px) {
    #footer .footer-block.footer-cols-delimiter .footer-block.open .block-content {
        display: block;
    }

    #footer .footer-block.footer-cols-delimiter .footer-block.open .block-title {
        margin-bottom: 20px;
    }

    #footer .footer-block.footer-cols-delimiter .footer-block.open .block-title span:after {
        content: '\e901';
    }
}

#footer .footer-block.footer-cols-delimiter ul li {
    font-size: 15px;
    font-weight: normal;
    font-family: "Optima-Regular";
    color: #fff;
    margin: 0;
    margin-bottom: 15px;
    line-height: 1;
    white-space: nowrap;
}

#footer .footer-block.footer-cols-delimiter ul li p {
    margin: 0;
}

#footer .footer-block.footer-cols-delimiter ul li a {
    font-size: 15px;
    font-weight: normal;
    font-family: "Optima-Regular";
    color: #fff;
}

#footer .footer-block.footer-cols-delimiter .customer-service,
#footer .footer-block.footer-cols-delimiter .mail,
#footer .footer-block.footer-cols-delimiter .address {
    margin: 0;
    margin-bottom: 20px;
}

#footer .footer-block.footer-cols-delimiter .mail ul li,
#footer .footer-block.footer-cols-delimiter .customer-service ul li,
#footer .footer-block.footer-cols-delimiter .address ul li {
    margin: 0;
}


.footer-block.footer-payment {
    position: relative;
}

#footer .footer-block.footer-payment ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

@media only screen and (max-width: 767px) {
    #footer .footer-block.footer-payment ul {
        width: 100%;
        text-align: center;
    }
}

#footer .footer-block.footer-payment ul li {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    #footer .footer-block.footer-payment ul li {
        padding: 0;
        display: inline-block;
        width: 48%;
        vertical-align: middle;
        margin: 10px 1%;
    }
}
@media only screen and (max-width: 467px) {
    #footer .footer-block.footer-payment ul li {
        padding: 0;
        display: inline-block;
        width: 31.33333%;
        vertical-align: middle;
        margin: 10px 1%;
    }
    #footer .footer-block.footer-payment ul li:last-child {
        display: block;
        width: 100%;
    }
}

#footer .footer-block.footer-payment ul li img {
    margin: auto;
    max-width: 100%;
}


#footer .footer-block.footer-copyright {
    padding: 20px 0;
    background: rgba(0,0,0,0.32);
    position: relative;
    border-top: solid 1px rgba(255,255,255,0.32);
}

#footer .footer-block.footer-copyright:before,
#footer .footer-block.footer-copyright:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: -1px;
    background: rgba(0,0,0,0.32);
    border-top: solid 1px rgba(255,255,255,0.32);
}

#footer .footer-block.footer-copyright:before {
    right: 100%;
}

#footer .footer-block.footer-copyright:after {
    left: 100%;
}

#footer .footer-block.footer-copyright address {
    font-size: 14px;
    font-weight: normal;
    font-family: "Optima-Regular";
    color: #fff;
    font-style: normal;
    text-align: center;
}

#footer .footer-block.footer-copyright address a {
    color: #fff;
}

#footer .footer-block.footer-copyright address a:hover {
    text-decoration: none;
}

/****************************************************************
** HOMEPAGE
****************************************************************/

#main_background {
    display: none;
}

/* Header */
#swiper-header-container {
    background-color: #ebebeb;
    padding: 7px 0 8px;
    position: fixed;
    top: 0;
    width: 100%!important;
    z-index: 1600;
    height: 33px;
    box-sizing: border-box;
}

.swiper-container:before,
.swiper-container:after {
    display: none;
}

.swiper-container.swiper-header-drouault .swiper-slide-header-container {
    position: relative;
    text-align: center;
}

.swiper-container.swiper-header-drouault .swiper-slide-header-container p {
    position: relative;
    text-align: center;
    color: #ad8b66;
    margin: 0;
    font-weight: normal;
    font-family: 'Optima-Regular';
    font-weight: 500;
    white-space: nowrap;
}

.swiper-container .hidden-swiper-header .icon-cross:before {
    color: #7b7b7b;
}

.swiper-container .hidden-swiper-header {
    position: absolute;
  top: -8px;
  right: 0;
  z-index: 100;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}

.swiper-container .swiper-slide-header-container .icon-go:before {
    font-size: 11px;
    margin-left: 5px;
}

body .swiper-button-next:hover:before,
body .swiper-button-prev:hover:before,
body .swiper-button-next:before,
body .swiper-button-prev:before {
    color: #fff;
    opacity: 1;
    font-size: 45px;
    line-height: 1;
}

body .swiper-container-horizontal>.swiper-pagination {
    margin-bottom: 16px;
}

#global .swiper-slide-caption {
    text-align: center;
}

#global .swiper-slide-caption.caption-pos-bottom-right,
#global .swiper-slide-caption.caption-pos-bottom-left,
#global .swiper-slide-caption.caption-pos-bottom {
    bottom: 10px;
}

#global .swiper-slide-caption .background-carre {
    padding-bottom: 30px;
}

#global .swiper-slide-caption .background-carre h3 {
    font-size: 24px;
    font-weight: normal;
    font-family: "Optima-Regular";
    line-height: 1;
    color: #fff;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    position: relative;
}

#global .swiper-slide-caption .background-carre h3:before {
    content: '';
    background: #fff;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#global .swiper-slide-caption .background-carre p {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    font-family: "Optima-Regular";
    margin: 0;
    color: #fff;
}

#global .swiper-slide-caption .background-carre a {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    bottom: -29px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Swiss721BT-Roman";
    color: #777;
    line-height: 48px;
    height: 48px;
    width: 239px;
    text-align: center;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
}

#global .swiper-slide-caption .background-carre a:hover {
    color: #fff;
    background: #777;
}

#global .swiper-slide-caption.caption-pos-top {
    text-align: center;
}

#global .swiper-slide-caption a.button {
    padding: 15px 0;
    width: 255px;
    font-weight: normal!important;
    font-family: "Optima-Bold";
    font-size: 16px!important;
    line-height: 1!important;
    background: none;
    text-align: center;
    margin-top: 16px;
    margin-left: 8px;
    margin-right: 8px;
}

#global .swiper-slide-caption a.button.btn-blue {
    background: #041e42;
}

#global .swiper-slide-caption a.button.btn-red {
    background: #ad8b66;
}

body .swiper-pagination-bullet {
    background: #0a0d3e;
    opacity: 0.32;
    width: 10px;
    height: 10px;
}

body .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0;
}

body .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 12px;
}
@media only screen and (max-width: 770px) {
    #global .swiper-slide-caption {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    body .swiper-pagination-bullet {
        width: 30px;
        background: #fff;
        opacity: 1;
        height: 6px;
    }
}

body .swiper-pagination-bullet-active {
    background: #0a0d3e;
    opacity: 1;
}

body .swiper-container.swiper-drouault-homepage {
    padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    body .swiper-container.swiper-drouault-homepage {
        padding-bottom: 40px;
    }
}

body .swiper-container.swiper-drouault-homepage .swiper-pagination-bullet {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 44px;
    height: 2px;
    background: #777;
    opacity: 0.32;
}

body .swiper-container.swiper-drouault-homepage .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

body .swiper-container.swiper-drouault-homepage .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 10px;
}

/* Content */
.cms-index-index #contenu {
    padding: 0 10px;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    #contenu .footer-block.reinsurance {
        display: none;
    }
}

#contenu h1 {
    margin: 15px 0;
    font-family: "Optima-Regular";
    font-size: 16px;
    color: #777;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1;
}

#contenu h1 .color-grey {
    color: #686868;
}

@media only screen and (max-width: 767px) {
    .cms-index-index #contenu h1 {
        display: none;
    }
}

#contenu.page1 {
    margin: 0;
    margin-top: 20px;
}


body.cms-index-index #contenu.page1 {
    margin: 0;
}

@media only screen and (min-width: 1200px) {
    body.cms-index-index #contenu {
        margin: 0;
        padding: 0;
    }
}

/* Block Homepage Général */
#contenu .block-homepage {
    padding: 30px 0;
    line-height: 1;
    position: relative;
    z-index: 10;
}

#contenu .block-homepage .block-title {
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    #contenu .block-homepage .block-title {
        text-align: center;
    }
}

#contenu .block-homepage .block-title h2 {
    margin: 0;
    font-size: 30px;
    font-family: "Optima-Regular";
    color: #ad8b66;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}

@media only screen and (max-width: 530px) {
	#contenu .block-homepage .block-title h2 {
	    font-size: 22px;
	}
}

#contenu .block-homepage .block-title h2 span {
    position: relative;
    padding: 0 10px;
}

@media only screen and (max-width: 380px) {
	#contenu .block-homepage>.block-title h2 span {
	    display: block;
	    max-width: 170px;
	    margin: 0 auto;
	}
}

#contenu .block-homepage .block-title h2 span:before,
#contenu .block-homepage .block-title h2 span:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
}
#contenu .block-homepage .block-title h2 span:before {
    right: 100%;
}
#contenu .block-homepage .block-title h2 span:after {
    left: 100%;
}

#contenu .block-homepage .block-content:before,
#contenu .block-homepage .block-content:after {
    content: '';
    display: table;
    clear: both;
}

/* Meilleurs offres */
#contenu .block-homepage.block-new-products {
    position: relative;
}

@media only screen and (max-width: 767px) {
    #contenu .block-homepage.block-new-products {
        display: none;
    }
}

#contenu .block-homepage.block-new-products .block-title {
    margin-bottom: 30px;
}

#contenu .block-homepage.block-new-products .block-content {
    overflow: hidden;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 10px;
}

#contenu .block-homepage.block-new-products .products-grid {
    margin: 0;
}

#contenu .block-homepage.block-new-products .swiper-container li {
    margin: 0;
    line-height: 1;
    list-style: none;
    position: relative;
    max-width: 400px;
}

#contenu .block-homepage.block-new-products .swiper-container li .img-container {
    position: relative;
    overflow: hidden;
}
#contenu .block-homepage.block-new-products .swiper-container li:hover .img-container {
  cursor: pointer;
}

#contenu .block-homepage.block-new-products .swiper-container li .img-container:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: #041e42;
    opacity: 0.92;
}

#contenu .block-homepage.block-new-products .swiper-container li:hover .img-container:before {
    height: 100%;
}

#contenu .block-homepage.block-new-products .swiper-container li img {
    width: 100%;
}

#contenu .block-homepage.block-new-products .swiper-container li .product-name {
    position: absolute;
    width: 100%;
    padding: 0 10px;
    left: 0;
    box-sizing: border-box;
    bottom: 58px;
    height: 36px;
}

#contenu .block-homepage.block-new-products .swiper-container li:hover .product-name {
    bottom: 0!important;
    height: 100%;
    padding-top: 10px;
}

#contenu .block-homepage.block-new-products .swiper-container li .product-name a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    font-family: "Swiss721BT-Roman";
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 36px;      /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    text-align: center;
}

#contenu .block-homepage.block-new-products .swiper-container li .product-name h3 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
}

#contenu .block-homepage.block-new-products .swiper-container li .product-info {
    position: relative;
    height: 48px;
}

#contenu .block-homepage.block-new-products .swiper-container li .product-info .actions {
    position: absolute;
    width: 100%;
    bottom: 10px;
    right: 0;
    box-sizing: border-box;
    text-align: right;
    white-space: nowrap;
}

#contenu .block-homepage.block-new-products .swiper-container li .product-info .actions .price {
    text-align: center;
}

#contenu .block-homepage.block-new-products .swiper-container li .product-info del,
#contenu .block-homepage.block-new-products .swiper-container li .product-info ins,
#contenu .block-homepage.block-new-products .swiper-container li .product-info span {
    font-size: 16px;
    color: #777;
    font-weight: normal;
    font-family: "Optima-Regular";
    line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #contenu .block-homepage.block-new-products .swiper-container li .product-info del,
    #contenu .block-homepage.block-new-products .swiper-container li .product-info ins,
    #contenu .block-homepage.block-new-products .swiper-container li .product-info span {
        font-size: 14px;
    }
}
#contenu .block-homepage.block-new-products .swiper-container li .product-info .regular-price {
    font-size: 24px;
    font-weight: normal;
    font-family: "Optima-Bold";
}

#contenu .block-homepage.block-new-products .swiper-container li .product-info del span {
    font-weight: normal;
    font-family: "Optima-Bold";
}

#contenu .block-homepage.block-new-products .swiper-container li .product-info ins span {
    font-size: 24px;
    color: #ad8b66;
    font-weight: normal;
    font-family: "Optima-Bold";
}

#contenu .block-homepage.block-new-products .swiper-container li .view-details {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    display: block;
    background: #fff;
    font-size: 14px;
    color: #777;
    font-family: "Swiss721BT-Roman";
    font-weight: normal;
    text-transform: uppercase;
    box-sizing: border-box;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    width: 80%;
    opacity: 0;
}
#contenu .block-homepage.block-new-products .swiper-container li .view-details a {
    color: inherit;
    text-decoration: none;
    padding: 17px;
    display: block;
}

#contenu .block-homepage.block-new-products .swiper-container li:hover .view-details {
    opacity: 1;
    bottom: 50%;
}

#contenu .block-homepage.block-new-products .swiper-button-next {
    right: 0;
    width: 45px;
    height: 45px;
    margin-top: -40px;
}

#contenu .block-homepage.block-new-products .swiper-button-prev {
    left: 0;
    width: 45px;
    height: 45px;
    margin-top: -40px;
}

#contenu .block-homepage.block-new-products .swiper-button-next:before, 
#contenu .block-homepage.block-new-products .swiper-button-prev:before {
    color: #041e42;
}

#contenu .block-homepage.block-new-products .swiper-button-prev:hover:before, 
#contenu .block-homepage.block-new-products .swiper-button-next:hover:before {
    opacity: 0.32;
}

#contenu .block-homepage.block-new-products .swiper-button-disabled {
    opacity: 0;
}

#contenu .block-homepage.block-new-products .swiper-pagination {
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
}

#contenu .block-homepage.block-new-products .swiper-pagination-bullet {
    width: 44px;
    height: 2px;
    background: #041e42;
    opacity: 0.32;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#contenu .block-homepage.block-new-products .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 5px;
}

#contenu .block-homepage.block-new-products .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

/* Block Mosaic (your univers + community) */
#contenu .block-homepage.block-layout-mosaic .block-content {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
}

#contenu .block-homepage.block-layout-mosaic ul {
    margin: 0;
    display: block;
    width: 100%;
    list-style: none;
}
#contenu .block-homepage.block-layout-mosaic ul:after {
    content: '';
    display: table;
    clear: both;
}
#contenu .block-homepage.block-layout-mosaic ul .item {
    margin: 0;
    line-height: 1;
    display: inline-block;
    float: left;
    margin-bottom: 16px;
    list-style: none;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    max-width: 288px;
    max-height: 288px;
}
#contenu .block-homepage.block-layout-mosaic ul .item.item-double {
    max-width: 592px;
}
#contenu .block-homepage.block-layout-mosaic ul .item img {
    width: 100%;
    max-height: 288px;
}

@media only screen and (max-width: 1399px) {
    #contenu .block-homepage.block-layout-mosaic ul .item {
        max-width: 238px;
        max-height: 238px;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item.item-double {
        max-width: 492px;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item img {
        max-height: 238px;
    }
}

@media only screen and (max-width: 1199px) {
    #contenu .block-homepage.block-layout-mosaic ul .item {
        max-width: 211px;
        max-height: 211px;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item.item-double {
        max-width: 438px;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item img {
        max-height: 211px;
    }
}

@media only screen and (max-width: 991px) {
    #contenu .block-homepage.block-layout-mosaic ul .item {
        max-width: 155px;
        max-height: 155px;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item.item-double {
        max-width: 326px;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item img {
        max-height: 155px;
    }
}
@media only screen and (min-width: 768px) {
    #contenu .block-homepage.block-layout-mosaic ul .item + .item:not(.new-line) {
        margin-left: 16px;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item.new-line {
        clear: both;
    }
}
@media only screen and (max-width: 767px) {
    #contenu .block-homepage.block-layout-mosaic .block-content {
        padding-left: 40px;
        padding-right: 40px;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item {
    max-width: 288px;
        max-height: 288px;
        margin-left: 0;
        padding-left: 8px;
        padding-right: 8px;
        width: 50%;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item.item-double {
        max-width: 592px;
        width: 100%;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item img {
        max-height: 288px;
    }
}

@media only screen and (max-width: 520px) {
    #contenu .block-homepage.block-layout-mosaic ul .item {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
    #contenu .block-homepage.block-layout-mosaic ul .item.item-double {
        max-width: 288px;
        max-height: 288px;
        width: auto;
    }
}

#contenu .block-homepage.block-layout-mosaic ul .item>div {
    position: relative;
    overflow: hidden;
}


/* Picto */
#contenu .block-homepage .content-sales {
    border: solid 1px transparent;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,0.8);
    padding: 10px 0;
    margin: 0;
    z-index: 2;
}
#contenu .block-homepage .picto-sales {
    font-size: 33px;
    font-family: "Optima-Bold";
    line-height: 1;
    color: #ad8b66;
}

/* Texte */
#contenu .block-homepage .item .informations,
#contenu .block-homepage .item .informations * {
    -webkit-transition: bottom 0.5s ease-in-out, padding 0.5s ease-in-out, transform 0.5s ease-in-out, background 0.5s ease-in-out;
    -moz-transition: bottom 0.5s ease-in-out, padding 0.5s ease-in-out, transform 0.5s ease-in-out, background 0.5s ease-in-out;
    -o-transition: bottom 0.5s ease-in-out, padding 0.5s ease-in-out, transform 0.5s ease-in-out, background 0.5s ease-in-out;
    transition: bottom 0.5s ease-in-out, padding 0.5s ease-in-out, transform 0.5s ease-in-out, background 0.5s ease-in-out;
}
#contenu .block-homepage .item .informations {
    margin: 0;
    position: absolute;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-family: "Optima-Regular";
    line-height: 1;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -20px;
    padding-top: 35px;
}
#contenu .block-homepage .item:not(.no-hover):hover .informations {
    padding-top: 45px;
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
#contenu .block-homepage .item.item-top .informations {
    top: 20px;
}
#contenu .block-homepage .item.item-top:not(.no-hover):hover .informations {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#contenu .block-homepage item .informations {
    color: #fff;
}
#contenu .block-homepage item:not(.no-hover):hover .informations {
    color: #323232;
}
#contenu .block-homepage .informations span.name {
    font-size: 24px;
    padding: 0 30px;
    line-height: 54px;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}
#contenu .block-homepage .item .informations span.name {
    background: #041e42;
    border: solid 1px #041e42;
    color: #fff;
}
#contenu .block-homepage .item:not(.no-hover):hover .informations span.name {
    background: transparent;
    border: solid 1px #323232;
    color: #323232;
}

#contenu .block-homepage .informations span.name:after,
#contenu .block-homepage .informations span.name:before {
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#contenu .block-homepage .informations span.name:after {
    right: 10px;
}
#contenu .block-homepage .informations span.name:before {
    left: 10px;
}
#contenu .block-homepage .item .informations span.name:after,
#contenu .block-homepage .item .informations span.name:before {
    background: #fff;
}
#contenu .block-homepage .item:not(.no-hover):hover .informations span.name:after,
#contenu .block-homepage .item:not(.no-hover):hover .informations span.name:before {
    background: #323232;
}

/* Block Your Univers */
#contenu .block-homepage.block-your-univers a {
    text-decoration: none;
}
#contenu .block-homepage.block-your-univers .informations span {
    display: block;
}
#contenu .block-homepage.block-your-univers .informations span.picto-sales span {
    font-family: "Optima-Bold";
    line-height: 1;
    font-size: 16px;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
}
#contenu .block-homepage.block-your-univers .informations span + span {
    margin-top: 16px;
}
#contenu .block-homepage.block-your-univers .informations span.content-sales + span {
    margin-top: 0;
}

#contenu .block-homepage.block-your-univers .informations .content-sales {
    width: 162px;
    padding: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(255,255,255,0.6);
}
#contenu .block-homepage.block-your-univers .item:not(.no-hover):hover .informations .content-sales {
    background: transparent;
}

#contenu .block-homepage.block-your-univers .informations .content-sales:before,
#contenu .block-homepage.block-your-univers .informations .content-sales:after {
    position: absolute;
    color: #323232;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 8px;
    opacity: 0;
}
#contenu .block-homepage.block-your-univers .informations .content-sales:before {
    right: 6000px;
    margin-right: 8px;
}
#contenu .block-homepage.block-your-univers .informations .content-sales:after {
    left: 6000px;
    margin-left: 8px;
}
#contenu .block-homepage.block-your-univers .item:not(.no-hover):hover .informations .content-sales:before,
#contenu .block-homepage.block-your-univers .item:not(.no-hover):hover .informations .content-sales:after {
    opacity: 1;
}
#contenu .block-homepage.block-your-univers .item:not(.no-hover):hover .informations .content-sales:before {
    right: 100%;
}
#contenu .block-homepage.block-your-univers .item:not(.no-hover):hover .informations .content-sales:after {
    left: 100%;
}

#contenu .block-homepage.block-your-univers .informations .content-sales span {
    font-family: "Optima-Bold";
    line-height: 1;
    color: #ad8b66;
    font-size: 13px;
    display: inline-block;
    margin: 0;
}
#contenu .block-homepage.block-your-univers .item:not(.no-hover):hover .informations .content-sales span {
    color: #323232;
}
#contenu .block-homepage.block-your-univers .informations .content-sales .picto-sales {
    font-size: 33px;
}
#contenu .block-homepage.block-layout-mosaic.block-your-univers ul .item:not(.no-hover):hover img {
    opacity: 0.32;
}

/* Block Community */
#contenu .block-homepage.block-community .ekomi {
    position: absolute;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 180px;
    max-width: 90%;
}

#contenu .block-homepage.block-community .block-subscribe {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

#contenu .block-homepage.block-community .block-subscribe .block-content {
    padding: 0;
}

#contenu .block-homepage.block-community .block-subscribe .input-box {
    width: 100%;
}

#contenu .block-homepage.block-community .block-subscribe .input-box input {
    width: 100%;
    font-weight: normal;
    font-family: "Optima-Regular";
    font-size: 14px;
    height: 40px;
    border: none;
    -webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.24);
    padding: 0;
    padding-left: 10px;
    box-sizing: border-box;
}

#contenu .block-homepage.block-community .block-subscribe .actions {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 0;
    margin: 0;
}

#contenu .block-homepage.block-community .block-subscribe .actions button {
    position: relative;
    height: 40px;
    width: 40px;
    background: #ad8b66;
    padding: 0;
    margin: 0;
    color: #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#contenu .block-homepage.block-community .block-subscribe .actions button .icon-newsletter {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Bandeau Promotion */
#contenu .block-homepage.block-bandeau-promotion {
    padding: 0;
}

#contenu .block-homepage.block-bandeau-promotion .block-content {
    margin-bottom: 16px;
}

#contenu .block-homepage.block-bandeau-promotion ul {
    margin: 0;
}

#contenu .block-homepage.block-bandeau-promotion ul .item {
    margin: 0;
    line-height: 1;
    list-style: none;
    position: relative;
    display: table;
    width: 100%;
    height: 360px;
    box-sizing: border-box;
    padding: 0 40px;
}

#contenu .block-homepage.block-bandeau-promotion ul .item + .item {
    margin-top: 7px;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .full-background {
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
}

@media only screen and (max-width: 520px) {
    #contenu .block-homepage.block-bandeau-promotion ul .item .full-background {
        min-width: 110%;
        overflow: hidden;
    }
}

#contenu .block-homepage.block-bandeau-promotion ul .item .full-background img {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: none;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre {
    position: absolute;
    top: 50%;
    width: 640px;
    padding-bottom: 60px;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales {
    border: none;
    position: relative;
    top: 0;
    width: 100%;
    text-align: center;
    background: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales {
    font-size: 33px;
    font-weight: normal;
    font-family: "Optima-Bold";
    line-height: 1;
    color: #fff;
    position: relative;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales:before,
#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 8px;
}
#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales:before {
    right: 100%;
    margin-right: 8px;
}
#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre .content-sales .picto-sales:after {
    left: 100%;
    margin-left: 8px;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre h3 {
    font-size: 32px;
    font-weight: normal;
    font-family: "Optima-Regular";
    line-height: 1;
    color: #fff;
    margin: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre p {
    font-size: 16px;
    font-weight: normal;
    font-family: "Swiss721BT-Roman";
    margin: 0;
    margin-bottom: 15px;
    color: #fff;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre p .item-price {
    font-size: 20px;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre a {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Swiss721BT-Roman";
    color: #fff;
    line-height: 44px;
    height: 44px;
    width: 248px;
    text-align: center;
    background: #ad8b66;
    border: solid 1px #ad8b66;
    text-decoration: none;
    text-transform: uppercase;
}

#contenu .block-homepage.block-bandeau-promotion ul .item .background-carre a:hover {
    color: #ad8b66;
    background: #fff;
}

#contenu .block-homepage.block-bandeau-promotion .item div.picto-feather {
    display: block;
    content: '';
    position: absolute;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-left div.picto-feather {
    bottom: -40px;
    left: -40px;
    width: 162px;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-right div.picto-feather {
	width: 162px;
    bottom: -40px;
    right: -40px;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-left .background-carre,
#contenu .block-homepage.block-bandeau-promotion .item.item-right .background-carre {
    border-bottom-color: transparent;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-left .background-carre {
    border-left-color: transparent;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-right .background-carre {
    border-right-color: transparent;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-left .background-carre:before,
#contenu .block-homepage.block-bandeau-promotion .item.item-right .background-carre:before {
    content: '';
    width: 1px;
    height: 50%;
    display: block;
    position: absolute;
    top: -1px;
    background: -prefixe-linear-gradient(bottom,#ffffff, rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
}

#contenu .block-homepage.block-bandeau-promotion .item.item-left .background-carre:before {
    left: -1px;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-right .background-carre:before {
    right: -1px;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-left .background-carre:after,
#contenu .block-homepage.block-bandeau-promotion .item.item-right .background-carre:after {
    content: '';
    width: 65%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: -1px;
}

#contenu .block-homepage.block-bandeau-promotion .item.item-left .background-carre:after {
    right: -1px;
    background: -prefixe-linear-gradient(left,#ffffff, rgba(255, 255, 255, 0));
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}

#contenu .block-homepage.block-bandeau-promotion .item.item-right .background-carre:after {
    left: -1px;
    background: -prefixe-linear-gradient(right,#ffffff, rgba(255, 255, 255, 0));
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}

/* PARALLAX ZONE */

/* parallax.js */
/*.parallax-mirror {
    width: 100%!important;
    left: 0!important;
}
#contenu .block-homepage.block-parallax-promotion {
    background: transparent;
}*/
/* end parallax.js */

/* scrollorama */
#contenu .block-homepage.block-parallax-promotion .parallax-image-container {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#contenu .block-homepage.block-parallax-promotion .parallax-image-container .parallax-image {
    position: relative;
    overflow: hidden;
}
#contenu .block-homepage.block-parallax-promotion .parallax-image-container .parallax-image img {
    position: relative;
    min-height: 590px;
    max-width: none;
}
/* end scrollorama */

#contenu .block-homepage.block-parallax-promotion {
    display: table;
    width: 100%;
    height: 590px;
    padding: 0;
    position: relative;
}

#contenu .block-homepage.block-parallax-promotion *,
#contenu .block-homepage.block-parallax-promotion {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#contenu .block-homepage.block-parallax-promotion .parallax-text {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 5;
}

#contenu .block-homepage.block-parallax-promotion .block-title {
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
}

#contenu .block-homepage.block-parallax-promotion .block-title:before {
    content: '';
    width: 248px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

#contenu .block-homepage.block-parallax-promotion .block-title h2 {
    font-size: 48px;
    color: #fff;
    line-height: 1;
}

#contenu .block-homepage.block-parallax-promotion .block-title h2 span {
    display: block;
    line-height: 1;
}

#contenu .block-homepage.block-parallax-promotion .block-title h2 span:before,
#contenu .block-homepage.block-parallax-promotion .block-title h2 span:after {
    display: none;
}

#contenu .block-homepage.block-parallax-promotion .block-title h2 span.date {
    font-size: 24px;
    margin-bottom: 15px;
}

#contenu .block-homepage.block-parallax-promotion .block-content {
    font-weight: normal;
    font-family: "Optima-Regular";
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 44px;
}

#contenu .block-homepage.block-parallax-promotion .block-content p {
    margin: 0;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1;
}

#contenu .block-homepage.block-parallax-promotion .block-content p.content-sales {
    border: none;
    position: relative;
    top: 0;
    width: 100%;
    background: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    font-size: 64px;
    font-weight: normal;
    font-family: "Optima-Bold";
}

#contenu .block-homepage.block-parallax-promotion .block-content a {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Swiss721BT-Roman";
    color: #fff;
    line-height: 44px;
    height: 44px;
    width: 248px;
    text-align: center;
    background: #ad8b66;
    border: solid 1px #ad8b66;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#contenu .block-homepage.block-parallax-promotion .block-content a:hover {
    color: #ad8b66;
    background: #fff;
}

#contenu .block-homepage.block-parallax-promotion .plume {
    position: absolute;
    z-index: 2;
}

#contenu .block-homepage.block-parallax-promotion .plume-top-left {
    left: 400px;
    top: -20px;
}

#contenu .block-homepage.block-parallax-promotion .plume-bottom-left {
    left: 100px;
    bottom: -70px;
}

#contenu .block-homepage.block-parallax-promotion .plume-bottom-right {
    right: 100px;
    bottom: -30px;
}

/*@media only screen and (max-width: 767px) {
	#contenu .block-homepage.block-parallax-promotion .plume-top-left {
	    left: -100px;
	}

	#contenu .block-homepage.block-parallax-promotion .plume-bottom-left {
	    left: -100px;
	}

	#contenu .block-homepage.block-parallax-promotion .plume-bottom-right {
	    right: -170px;
	}
}*/

/* Block Information */
#contenu .block-homepage.block-block-information .img-separator {
    display: block;
    margin: 45px 0;
}
#contenu .block-homepage.block-block-information .img-separator img {
    width: 100%;
}

#contenu .block-homepage.block-block-information ul {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}

@media only screen and (max-width: 767px) {
    #contenu .block-homepage.block-block-information ul {
        display: block;
    }
}

#contenu .block-homepage.block-block-information ul .item {
    display: table-cell;
    vertical-align: middle;
    list-style: none;
    background: #f5f5f5;
    position: relative;
}

@media only screen and (max-width: 767px) { 
    #contenu .block-homepage.block-block-information ul .item {
        display: block;
    }
}

#contenu .block-homepage.block-block-information ul .item.item-image img {
    max-width: 100%;
}

#contenu .block-homepage.block-block-information ul .item.item-text {
    padding: 30px;
    text-align: center;
}

#contenu .block-homepage.block-block-information ul .item.item-text:before,
#contenu .block-homepage.block-block-information ul .item.item-text:after {
    position: absolute;
    color: #ad8b66;
    z-index: 1;
    font-size: 100px;
    line-height: 1;
}

#contenu .block-homepage.block-block-information ul .item.item-text:before {
    top: 10px;
}

#contenu .block-homepage.block-block-information ul .item.item-text:after {
    bottom: 10px;
}

#contenu .block-homepage.block-block-information ul .item.item-text.item-right:before,
#contenu .block-homepage.block-block-information ul .item.item-text.item-right:after {
    right: 10px;
}

#contenu .block-homepage.block-block-information ul .item.item-text.item-left:before,
#contenu .block-homepage.block-block-information ul .item.item-text.item-left:after {
    left: 10px;
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
}

#contenu .block-homepage.block-block-information ul .item.item-text>div {
    padding-bottom: 100px;
    position: relative;
    z-index: 2;
}

#contenu .block-homepage.block-block-information ul .item.item-text h3 {
    margin: 0;
    font-weight: normal;
    font-family: "Optima-Regular";
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 50px;
    color: #ad8b66;
    text-transform: uppercase;
}

#contenu .block-homepage.block-block-information ul .item.item-text h3:before {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 1;
}

#contenu .block-homepage.block-block-information ul .item.item-text p {
    margin: 0;
    font-weight: normal;
    font-family: "Optima-Regular";
    font-size: 20px;
    line-height: 1.2;
    color: #ad8b66;
}

#contenu .block-homepage.block-block-information ul .item.item-text p + p {
    margin-top: 25px;
}

#contenu .block-homepage.block-block-information ul .item.item-text p strong {
    font-weight: normal;
    font-family: "Optima-Bold";
}

#contenu .block-homepage.block-block-information ul .item.item-text a {
    font-weight: normal;
    font-family: "Swiss721BT-Roman";
    font-size: 14px;
    line-height: 48px;
    width: 238px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #041e42;
    color: #fff;
    border: solid 1px #041e42;
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
	#contenu .block-homepage.block-block-information ul .item.item-text a {
		bottom: 30px;
	}
}

#contenu .block-homepage.block-block-information ul .item.item-text a:hover {
    background: #fff;
    color: #041e42;
}

/****************************************************************
** CATÉGORIE
****************************************************************/

@media only screen and (min-width: 1400px) {
    #contenu ol.category.grid li {
        width: 22%!important;
    }

    #contenu ol.category.grid li.merchandise {
        width: 30%!important;
    }
}

@media only screen and (min-width: 1200px) {
    #contenu form.product div.info-right {
        width: 515px;
    }
    #contenu div.tabs div.tab,
    #contenu form.product div.description {
        font-size: 1em;
    }
    #contenu form.product div.price-info div.prix {
        font-size: 1.5em;
    }
    #contenu form.product div.prix strong:before {
        font-size: 0.70em;
    }
}

@media only screen and (min-width: 1400px) {
    #contenu form.product div.info-right {
        width: 715px;
    }
}

#contenu ol.category li div.wrapper {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 1px #d6d6d6;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

@media only screen and (min-width: 1200px) {
    #main div.bg {
        margin: 0;
    }
}

@media only screen and (min-width: 1200px) {    
    #contenu ol.category.grid,
    body.checkout-cart-index #contenu,
    body.catalog-product-view #contenu {
        margin: 1.1em 0;
    }

    #contenu ol.category.list {
            margin: 1em 0;
            margin-right: 40px;
    }
}

#contenu form.product div.add-action div.buttons button {
    font-size: 14px;
    font-family: "Swiss721BT-Roman";
    font-weight: normal;
    text-transform: uppercase;
    background: #ad8b66;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#contenu form.product div.add-action div.buttons a.wishlist {
    display: none;
}

@media only screen and (min-width: 768px) {  
    #ariane {
        display: block!important;
    }
}

#ariane ol {
    padding: 1.2em 0;
}

#ariane ol li,
#ariane ol li a {
    font-size: 16px;
    font-weight: normal;
    font-family: "Optima-Regular";
    text-transform: uppercase;
    color: #ad8b66;
}

#ariane ol li strong {
    color: #010534;
    font-family: "Optima-Regular";
    font-weight: normal;
}

.left-layer-view div#layer-view,
#main div.sidebar dl dt strong, 
#main div.sidebar span.dropdown-toggle,
#contenu div.toolbar.big {
    background: #041e42;
    padding: 0;
    color: #fff;
}

#contenu div.toolbar.big {
    margin: 0 0 1em;
}

.bandeau-image-category {
    margin-top: 20px;
}

.bandeau-image-category a {
    width: 100%;
}

.bandeau-image-category img {
    width: 100%;
}

.bandeau-image-category .cat-link-mobile {
    display: none;
}

#contenu div.toolbar.big div {
    padding: 0;
    vertical-align: middle;
    width: auto;
}

@media only screen and (max-width: 767px) {  
    #contenu div.toolbar.big div {
        display: block;
    }
}

@media only screen and (min-width: 1200px) {  
    #contenu div.toolbar div.items {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {  
    #contenu div.toolbar div.items {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {  
    #contenu div.toolbar.big div.next {
        padding: 0;
    }
}

#contenu div.toolbar select {
    vertical-align: middle;
}

.left-layer-view div#layer-view,
body.catalog-category-view #main div.sidebar span.dropdown-toggle {
    height: 30px;
    border: none;
    line-height: 30px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0;
    position: relative;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    body.catalog-category-view #main div.sidebar span.dropdown-toggle:before {
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.left-layer-view div#layer-view:after {
	display: none;
}

@media only screen and (min-width: 768px) {
	.left-layer-view div#layer-view {
		padding-left: 15px;
	}
}

@media only screen and (min-width: 1200px) {
	.left-layer-view div#layer-view {
		padding-left: 4px;
	}
}

body.catalog-category-view #main div.sidebar span.dropdown-toggle:after,
body.catalog-category-view #main div.sidebar span.dropdown-toggle span {
    display: none;
}

@media only screen and (min-width: 768px) {  
    #contenu.page2left {
        margin: 0 0 44px 260px;
    }
}

@media only screen and (min-width: 1200px) {  
    #contenu.page2left {
        margin: 0 0 44px 260px;
    }
}

@media only screen and (min-width: 1200px) {
    #main div.sidebar.mleft {
        width: 260px;
    }
}

#contenu div.toolbar div.number span {
    font-size: 13px;
    line-height: 30px;
    width: auto;
}

@media only screen and (max-width: 991px) {
    #contenu div.toolbar div.number span.nb-items {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    #contenu div.toolbar div.number span.nb-items {
        display: inline-block;
    }
}

#contenu div.toolbar.big > div + div {
    background: none;
}

@media only screen and (min-width: 768px) {
    #contenu div.toolbar div.number {
        display: block;
        text-align: left;
    }
}

#contenu div.toolbar div.sortby a.sort {
    display: none;
}

#contenu div.toolbar div.sortby label {
    font-size: 13px;
    line-height: 30px;
}

#contenu div.toolbar div.type {
    left: 0;
    top: 0;
    position: relative;
    right: 0;
    line-height: 1;
    display: inline-block;
}

@media only screen and (min-width: 1200px) {
    #contenu div.toolbar div.type {
        left: 0;
        top: 0;
        position: relative;
        right: 0;
        line-height: 1;
        display: inline-block;
    }
}

#contenu div.toolbar div.type-list {
    width: 150px;
}

#contenu div.toolbar div.type-list label {
    font-size: 13px;
    line-height: 30px;
}

#contenu div.toolbar.big div.next,
#contenu div.toolbar.big div.page {
    display: none;
}

#contenu div.toolbar-bottom div.toolbar {
    background: none;
}

#contenu div.toolbar-bottom div.toolbar div.type-list,
#contenu div.toolbar-bottom div.toolbar div.sortby,
#contenu div.toolbar-bottom div.toolbar div.number {
    display: none;
}

#contenu div.toolbar-bottom div.toolbar div.next {
    display: block;
    position: static;
    text-align: center;
}

#contenu div.toolbar-bottom div.toolbar.big div.next a {
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    color: #626484;
    font-weight: normal;
    font-family: "Optima-Bold";
}

@media only screen and (max-width: 767px) {
    #contenu div.toolbar-bottom div.toolbar.big div.next a {
    	font-size: 25px;
    }
}

#contenu div.toolbar-bottom div.toolbar.big div.next a + a {
    margin-left: 5px;
}

@media only screen and (min-width: 768px) {
    #contenu div.toolbar div.type {
        width: 60px;
    }
}

@media only screen and (min-width: 992px) {
    #contenu ol.category.grid li {
        display: inline-block;
    }
}

@media only screen and (min-width: 1200px) {
    #main div.sidebar.mleft dl dt:first-child, 
    #main div.sidebar.mleft dl dt {
        font-size: 15px;
        font-family: "Optima-Bold";
        font-weight: normal;
        text-transform: uppercase;
        color: #323232;
    }

    #main div.sidebar ol li,
    #main div.sidebar dl dd.categories ol li {
        font-size: 15px;
        font-family: "Optima-Bold";
        font-weight: normal;
        color: #7a7a7a;
        margin: 10px 0.2em 10px 0.8em;
    }
}

#main div.sidebar.mleft dl dt:before {
	display: none;
}

.category li .picto-sales {
    margin: 0;
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    font-size: 24px;
    font-family: "Optima-Bold";
    font-weight: normal;
    line-height: 1;
    background-color: #ad8b66;
    padding: 4px 7px;
    border-right: none;
}

.category li .picto-sales span {
    position: relative;
    z-index: 20;
}

.category li .picto-sales:before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent #ad8b66;
}

#contenu ol.category li.reco {
    background-color: transparent; 
}

#main span.pictobr span.picto.soldes,
#main span.pictobr span.picto.destockage,
#main span.pictobr span.picto.recommended {
    width: auto;
    background: #041e42;
}

#main span.pictobr span.picto {
    height: auto;
    font-size: 11px; 
    text-indent: inherit; 
    text-align: left; 
    font-family: "Optima-Bold";
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    line-height: 1;
    padding: 3px 4px;
    text-transform: uppercase;
}

#main .category span.pictobr {
    right: inherit;
    left: 3px;
}

#contenu h2.seoname {
    font-family: "Optima-Bold";
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #686868;
    text-transform: uppercase;
}

#contenu .list h2.seoname {
    font-size: 17px;
    line-height: 1.2;
}

#contenu ol.category.list li div.product div.desc {
    font-size: 13px;
}

@media only screen and (min-width: 1200px) {
	#contenu ol.category.grid li div.product a.name {
		margin: 0;
	}
}

#contenu ol.category.grid.duo-display li div.product a.name,
#contenu ol.category.grid li div.product a.name {
    margin: 10px 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 50px;
}

@media only screen and (max-width: 768px) {
	#contenu ol.category.grid.duo-display li div.product a.name,
	#contenu ol.category.grid li div.product a.name {
		margin: 5px;
	}
}

#contenu ol.category li div.product {
    margin-bottom: 0;
}

#contenu ol.category.grid li div.prix,
#contenu ol.category.grid.duo-display li div.prix {
    margin: 12px 0 8px 0;
    height: 4em;
}

#contenu ol.category.grid li div.prix>span {
    line-height: 1;
    font-family: "Optima-Bold";
    font-weight: normal;
    font-size: 15px;
    color: #323232;
}

#contenu ol.category.grid li div.prix span del {
    display: inline-block;
    margin: 0;
    line-height: 1;
    font-family: "Optima-Bold";
    font-weight: normal;
    font-size: 15px;
    color: #323232;
}

#contenu ol.category.grid li div.prix span ins {
    display: block;
    margin: 0;
    line-height: 1;
    font-family: "Optima-Bold";
    font-size: 22px;
    color: #ad8b66;
    margin-top: 5px;
}

#contenu ol.category.grid li div.prix span .regular-price {
    font-family: "Optima-Bold";
    font-size: 22px;
}

#contenu ol.category.list li div.prix ins:before,
#contenu ol.category.grid li div.prix span ins:before {
    display: none;
}

@media only screen and (max-width: 767px) {
    body.solrsearch-index-index #main div.sidebar.mleft, body.catalog-category-view #main div.sidebar.mleft {
        position: relative;
        top: inherit;
    }

    #main div.sidebar .dropdown-menu {
        position: relative;
        top: inherit;
        float: none;
    }
}

body #contenu ol.category li div.prix span.regular-price:before {
    display: none;
}

@media only screen and (min-width: 768px) {
    body.catalog-category-view #contenu .catimg {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 992px) {
    body.catalog-category-view #contenu .catimg {
        padding-left: 22px;
        padding-right: 28px;
    }

    body.catalog-category-view #contenu .catimg img, 
    body.catalog-category-view #contenu .cat-img {
        margin: 0;
    }
}

@media only screen and (min-width: 1200px) {
    body.catalog-category-view #contenu .catimg {
        padding-left: 11px;
        padding-right: 26px;
    }
}

#contenu ol.category.list li div.product a.name {
    white-space: normal;
}

body.catalog-category-view #contenu .cat-link-mobile a {
	background: #ad8b66;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#contenu p.cat-description {
	font-size: 14px;
}

/****************************************************************
** CREATE ACCOUNT
****************************************************************/

#contenu .account fieldset p.checkbox,
#contenu .account fieldset ul li {
    text-align: center;
}

#contenu div.account p.required {
    text-align: center;
}

#global .account div.buttons {
    text-align: center;
}

#contenu div.toolbar div.type a.grid.actif {
    background: url(../images/catalog/grid-actif.png) no-repeat center;
}

#contenu div.toolbar div.type a.list {
    background: url(../images/catalog/list.png) no-repeat center;
}

#contenu div.toolbar div.type a.grid, #contenu div.toolbar div.type a.list {
    margin: 0 2px;
    width: 12px;
    height: 12px;
}

#contenu div.blockFieldset.two.login > p {
  display: none;
}
@media(min-width:768px) {
    #contenu div.blockFieldset.two.register,
    #contenu div.blockFieldset.two.login {
        min-height:15em;
    }
    #contenu fieldset ul li span.input div.validation-advice {
        width: inherit;
        max-width: 220px;
    }
}

/****************************************************************
** POPUP
****************************************************************/

.modal {
    z-index: 2000;
}

.modal .modal-header {
    margin: 0;
    font-family: "Optima-Regular";
    color: #0a0d3e;
    font-weight: normal;
    text-transform: uppercase;
    min-height: auto;
    padding: 15px!important;
    background: none;
    text-align: center;
}

.modal .modal-body p {
    line-height: 1.2;
    font-family: "Optima-Regular";
    font-size: 12px;
}

/****************************************************************
** PRODUCT VIEW 
****************************************************************/

.catalog-product-view .picto-sales {
    margin: 0;
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    font-size: 24px;
    font-family: "Optima-Bold";
        font-weight: normal;
    line-height: 1;
    background-color: #ad8b66;
    padding: 4px 7px;
    border-right: none;
}

.catalog-product-view .picto-sales span {
    position: relative;
    z-index: 20;
}

.catalog-product-view .picto-sales:before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent #ad8b66;
}

#contenu form.product .m-product-title, 
#contenu form.product h1 {
    font-size: 20px;
    font-family: "Optima-Bold";
    font-weight: normal;
}

@media only screen and (min-width: 1400px) {
    #contenu form.product .m-product-title, 
    #contenu form.product h1 {
        font-size: 1.8em;
    }

    #contenu div.tabs div.tab, #contenu form.product div.description {
        font-size: 16px;
    }

    #contenu form.product div.price-info div.prix {
        font-size: 22px;
    }

    #contenu form.product div.prix strong ins {
        font-size: 30px;
    }
}

#contenu form.product div.qty label {
	font-size: 15px;
}

div.upsell div.seotitle,
div.related div.seotitle {
    color: #fff;
    font-size: 15px;
    padding: 10px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 15px;
    background: #041e42;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #contenu div.sliderjs.upsell,
    #contenu form.product div.actions + div {
        border-top: none;
    }
}

#contenu form.product div.description h2 {
    font-weight: normal;
    font-family: "Optima-Regular";
    /*font-size: 1.5em;*/
}

div[id^="sailsense-"] >div>div .name a,
div[id^="sailsense-"] .price {
    font-size: 15px;
    font-family: "Optima-Bold";
        font-weight: normal;
}

#contenu div.sliderjs div.hidder .item div.name a {
    font-size: 15px;
    font-family: "Optima-Regular";
}

#contenu div.sliderjs div.hidder {
    max-width: 960px;
    margin: 0 auto;
}

.catalog-product-view .accordion div.tab > div {
    padding: 10px 0;
}

.catalog-product-view .accordion div.tab > div .form {
    padding: 0 15px;
    box-sizing: border-box;
}

.catalog-product-view .accordion div.tab > div img {
    max-width: 100%;
}

#contenu form.product .cms-product-ads > * {
  margin: 0;
}
#contenu form.product .cms-product-ads > * + * {
  margin-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {
  #contenu form.product .cms-product-ads {
    display: table;
    table-layout: fixed;
  }

  #contenu form.product .cms-product-ads > * {
    display: table-cell;
    padding: 0 10px;
    text-align: center;
  }

}
@media only screen and (max-width: 767px) {
  #contenu form.product .cms-product-ads img {
    max-width: 100%;
    width: auto;
  }
  #contenu form.product .cms-product-ads > * + * {
    margin: 0;
    margin-top: 20px;
  }
}

#contenu ul.tabLinks.product.withhover li button.actif {
    color: #ad8b66;
    border: 2px solid #ad8b66;
    border-style: solid solid none solid;
}

#contenu ul.tabLinks.product {
    border-bottom: 1px solid #ad8b66;
}

#contenu div.tabs div.tab div.customproduct div.form ul li div button {
	width: 100%;
    margin: 0 0 10px;
    padding: 1em 0.8em;    
    font-family: "Swiss721BT-Roman";
    font-weight: normal;
    text-transform: uppercase;
    background: #ad8b66;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: auto;
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
	#contenu form.product div.picto-pdt > div.madeInFrance img {
	    margin: 0;
	}
}

@media only screen and (max-width: 767px) {
	body.catalog-product-view #contenu div.sliderjs.upsell,
	#contenu form.product div.related {
	    display: none;
	}
}

#contenu div.tabs div.tab div.customproduct div.form ul li div#custom-price {
	color: #041e42;
}


/****************************************************************
** CART
****************************************************************/

#contenu div.checkout {
    padding: 0 40px;
}

#contenu table thead tr {
    color: #fff;
    font-size: 13px;
    font-family: "Optima-Regular";
    background: #041e42;
}

#contenu table thead tr th {
    font-weight: normal;
    text-align: right;
    box-sizing: border-box;
    border: 1px solid #181b41;
}

#contenu table thead tr th.product,
#contenu table thead tr th.description {
    text-align: left;
}

#contenu table tbody tr td {
    text-align: right;
}

#contenu table tbody tr td.description {
    text-align: left;
}

#contenu table tbody tr td:last-child, 
#contenu table tbody tr:last-child td {
    border: solid 1px #d6d6d6;
    box-sizing: border-box;
}

#contenu table tbody tr td.product div.image a,
#contenu table tbody tr td.product div.image a img,
#contenu table tbody tr td.product div.image {
    float: none;
    width: 100%;
    line-height: 1;
    display: block;
    height: auto;
}

#contenu form.cart table tbody tr td.product {
    padding: 0;
}

#contenu table tbody tr td a.deleteProduct span {
    display: none;
}

#contenu table tbody tr td.prix span,
#contenu table tbody tr td.description div.name a {
    font-family: "Optima-Bold";
    font-weight: normal;
    font-size: 16px;
}

#contenu table tbody tr td.description ul li {
	font-size: 13px;
}

#contenu form.product div.price-info div.prix .regular-price,
#contenu table tbody tr td.prix span {
    color: #041e42;
}

#contenu div.cart.action div.coupon input {
    width: 110px;
}

@media only screen and (min-width: 992px) {
    #contenu div.cart.action div.coupon div {
        text-align: left;
    }
}

#contenu div.cart.action form {
    padding: 8px;
}

#contenu div.cart.action div.coupon {
	width: 260px;
}

#contenu div.cart.action form button.jenprofite {
    padding: 10px 0;
    margin: 0;
    height: auto;
    width: 105px;
    margin-left: 3px;
    background: #041e42!important;
	text-indent: 0;
}

#contenu form.cart > div button.black {
    padding: 10px 0;
    margin: 0;
    height: auto;
    width: 192px;
    background: #041e42!important;
}

#contenu div.cart.totals a.black {
    padding: 10px 0;
    margin: 0;
    height: auto;
    width: 215px;
    background: #041e42!important;
    font-size: 14px;
    font-family: "Optima-Bold";
	font-weight: normal;
}

#contenu div.cart.totals a.black span {
    background: none;
    padding: 0;
}

#contenu div.cart.totals a.orange {
    padding: 10px 0;
    margin: 0;
    height: auto;
    width: 215px;
    background: #ad8b66!important;
    font-size: 14px;
    font-family: "Optima-Bold";
}

#contenu div.cart.totals a.orange span {
    background: none;
    padding: 0;
}

#contenu div.cart.totals a.orange span:after {
    position: relative;
    margin-left: 5px;
    font-size: 12px;
}

#contenu div.cart.totals {
    width: 440px;
}

#contenu div.cart.action form h2 {
	font-size: 1.2em;
}

#contenu div.cart.totals table tbody tr td, 
#contenu div.cart.totals table tbody tr th {
	font-size: 15px;
}

#contenu div.cart.action div.coupon p {
	font-size: 13px;
}

#contenu div.checkout .sliderjs h2 {
    color: #fff;
    font-size: 15px;
    padding: 10px;
    text-transform: uppercase;
    line-height: 1;
    background: #041e42;
}
#contenu div.checkout .sliderjs div.hidder {
    border-bottom: 0;
}

@media only screen and (min-width: 992px) {
    #contenu div.checkout .sliderjs h2 {
        width: 69.66%;
    }
}

@media only screen and (min-width: 1200px) {
    #contenu div.checkout .sliderjs {
        height: auto; 
    }
}

@media only screen and (max-width: 767px) {
    #contenu div.checkout {
        width: 100%;
    }

    #global #contenu div.assistant button {
        display: inline-block;
        width: 30px;
        padding-left: 6px;
        text-align: left;
    }

    #global #contenu div.assistant button + input + button{
        display: inline-block;
        width: 30px;
        padding-left: 0;
        padding-right: 6px;
        text-align: right;
    }
}

#main ins {
    color: #ad8b66;
}

body #dialog #box div.control button {
	background: #ad8b66!important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-transform: uppercase;
    font-weight: normal!important;
    font-family: "Optima-Regular";
}

body #dialog #box div.control p {
	font-size: 1.2em;
}

/****************************************************************
** ACCOUNT
****************************************************************/

#main div.sidebar h2.left-account-title {
    height: 30px;
    border: none;
    line-height: 30px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0!important;
    background: #041e42;
    font-weight: normal;
    font-family: "Optima-Bold";
}

#contenu div.account h1 {
    border: none;
    line-height: 30px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0;
    margin: 0;
    background: #041e42;
    font-weight: normal;
    font-family: "Optima-Bold";
    height: auto;
}

@media only screen and (min-width: 768px) {
    #contenu div.account h1 {
        height: 30px;
    }
}

#contenu div.account h1 span {
    font-size: 15px;
}

@media only screen and (min-width: 768px) {
    body:not(.cms-index-index) #main div.wrap-content {
        margin-top: 15px;
    }
}

#contenu div.account {
    padding: 0;
    font-size: 14px;
}

#contenu div.blockFieldset p,
#contenu div.blockFieldset ul li label {
	font-size: 14px;
}

@media only screen and (max-width: 767px) {
	#contenu fieldset ul li span.input div.validation-advice {
		position: relative;
	}
}

/****************************************************************
** SEARCH
****************************************************************/

div#anonymous_element_1 {
    left: 0!important;
    position: fixed!important;
}

div#anonymous_element_1 div.sbs_autocomplete_inner {
    margin-left: 0;
    position: relative;
}

div#anonymous_element_1 .sbs_autocomplete_inner_right {
    float: none;
}

div#anonymous_element_1 .sbs_search_autocomplete_box_bottom {
    position: relative;
    float: none;
}

div#anonymous_element_1 .sbs_autocomplete_message {
	font-size: 15px;
}

div#anonymous_element_1 .suggested-item {
	font-size: 14px;
}

div#anonymous_element_1 .suggest_divider span.view-all-category, 
div#anonymous_element_1 .suggest_divider span.view-all-brand {
	font-size: 14px;
}

/****************************************************************
** CHECKOUT
****************************************************************/

#contenu ol.opc li h2 {
    background: #041e42;
    font-size: 14px;
    text-transform: uppercase;
}

#main div.sidebar #col-right-opcheckout dt strong a {
    color: #fff;
}
.owl-carousel .owl-item {
   vertical-align: top;
}

#contenu button.back {
    background: #041e42;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#checkout-step-billing p.required.ontop {
  display: none;
}

#global button.bis, 
#global a.bis {
	background: #ad8b66;
}

#contenu table tbody tr td.description,
.opc td,
.opc dt,
.opc label {
	font-size: 14px;
}

.sovendus-headline {
	background: #041e42;
}

.sovendus-button {
    margin: 0;
    font-size: 14px!important;
    font-weight: normal!important;
    font-family: "Optima-Regular";
    line-height: 1;
    color: #fff;
    background: #ad8b66!important;
    text-transform: uppercase;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.sovendus-button:hover {
    background: #ad8b66!important;
}

#contenu ul.tabLinks.order li:last-child em, 
#contenu ul.tabLinks.order li:last-child a,
#contenu ul.tabLinks.order li em, 
#contenu ul.tabLinks.order li a,
#contenu ul.tabLinks.order li:first-child em, 
#contenu ul.tabLinks.order li:first-child a {
    margin: 0;
    font-size: 14px!important;
    font-weight: normal!important;
    font-family: "Optima-Regular";
    line-height: 1;
    color: #fff;
    background: #041e42!important;
    text-transform: uppercase;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/****************************************************************
** SEARCH
****************************************************************/

#solr_search_facets li a.facet-item {
	float: none;
	font-weight: normal;
    font-family: 'Optima-Bold';
    font-size: 15px;
    line-height: 125%;
    padding-top: 0!important;
	background-position: -297px -252px;
}

#main div.sidebar ol[class] {
	margin: 1em 0.5em 1.5em!important;
	padding-right: 0;
}

#main div.sidebar ol[class] ol {
	margin: 0;
}

#main div.sidebar ol[class]>li {
	margin: 0;
}

/****************************************************************
** Loading on block Bailsense
****************************************************************/
@media only screen and (min-width: 768px) {
    #sailsense-new {
        min-height: 339px;
    }
}
@media only screen and (min-width: 992px) {
    #sailsense-new {
        min-height: 325px;
    }
}
@media only screen and (min-width: 1200px) {
    #sailsense-new {
        min-height: 293px;
    }
}
@media only screen and (min-width: 1400px) {
    #sailsense-new {
        min-height: 333px;
    }
}
#sailsense-new:empty:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92d";
  z-index: 3;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 44%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  text-align: center;
  -webkit-animation: anim-rotate 1s infinite linear;
  -moz-animation: anim-rotate 1s infinite linear;
  animation: anim-rotate 1s infinite linear;
  text-shadow: 0 0 .25em rgba(255,255,255, .3);
  line-height: 40px;
  font-size: 40px;
  color: #041e42;
}
@-webkit-keyframes anim-rotate {
    0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
    0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* fix bug on ie on remove swiper-header */
@-webkit-keyframes cssBugfix {from { padding: 0; } to { padding: 0; }}
#blankStickyHeader,#menu { -webkit-animation: cssBugfix infinite 1s; }