@charset "UTF-8";

@font-face {
    font-family: 'DK_Lemon_Yellow_Sun';
    src: url('font/DK_Lemon_Yellow_Sun.eot');
    src: url('font/DK_Lemon_Yellow_Sun.woff') format('woff'),
        url('font/DK_Lemon_Yellow_Sun.ttf') format('truetype'),
        url('font/DK_Lemon_Yellow_Sun.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

*,
*:focus
{
    outline: none !important;
    outline-width: 0;
}

html
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}

.nb_articles{
    color: #3d3d3d;
    display: inline-block;
    float: left;
    font-size: 13px;
    text-align: left;
    margin-top: 19px;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.navbar_menu{
    width: 100%;
}

.navbar-fixed-top .navbar_menu{
    width: auto;
    display: table!important;
}


.navbar-header .navbar-toggle {
    border: 0;
}

.js_texts
{
    display:none;
}

.btn-login
{
    text-transform: uppercase;
    background-color: #3d3d3d;
    color: #fff;
    font-weight: bold;
    height: 28px;
    border-radius: 20px;
    border: 0;
    width: 210px;
}

.btn-login:hover
{
    background-color: #bda67c;
    color: #3d3d3d;
}

.btn-group-login
{
    margin-top: 70px;
    font-size: 13px;
}

.dropdown-login .form-group
{
    padding: 12px 0;
    color: #75716a;
}

.dropdown-login input[type=text],
.dropdown-login input[type=password]
{
    border: 0;
    color: #bda67c;
    border-radius: 20px;
    background-color: #fff;
}

.dropdown-login input[type=text]::-moz-placeholder,
.dropdown-login input[type=password]::-moz-placeholder
{
    color: #bda67c;
}

.dropdown-login input[type=text]:-moz-placeholder,
.dropdown-login input[type=password]::-moz-placeholder
{
    color: #bda67c;
}

.dropdown-login input[type=text]::-webkit-input-placeholder,
.dropdown-login input[type=password]::-moz-placeholder
{
    color: #bda67c;
}

.dropdown-login input[type=text]:-ms-input-placeholder,
.dropdown-login input[type=password]::-moz-placeholder
{
    color: #bda67c;
}

.dropdown-login input[type=submit],
.dropdown-login .btn-createaccount
{
    margin: 15px auto 0;
    padding: 5px 15px 0 0;
    width: 210px;
    height: 30px;
}

.dropdown-login .form-control-label
{
    line-height: 2.5;
    padding-right: 10px;
    text-align: right;
    font-size: 13px;
    color: #3d3d3d;
}

.btn-cart
{
    font-size: 13px;
    font-weight: 500;
    color: #bda67c;
    background-color: #fff;
    border: 0;
    border-radius: 20px;
    background-image: url('../images/btn-arrow-rightv2.png');
    background-repeat: no-repeat;
    background-position: 185px center;
    padding-right: 10px;
    width: 210px;
    text-transform: uppercase;
    margin-top: 10px;
}

.btn-cart:hover,
.btn-cart:focus
{
    color: #3d3d3d;
    background-color: #bda67c;
}

.free-shipping
{
    font-size: 14px;
    color: #fff;
    text-transform: none;
}

input[type=radio].css-checkbox
{
    display:none;
}

input[type=radio].css-checkbox + label.css-label-radio
{
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin-right: 20px;
    padding-left: 27px;
    vertical-align: middle;
    color: #3d3d3d;
}

input[type=radio].css-checkbox:checked + label.css-label-radio
{
    background-position: 0 -22px;
}

label.css-label-radio
{
    background-image: url('/images/csscheckbox.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox].css-checkbox
{
    display: none;
}

input[type=checkbox].css-checkbox + label.css-label-checkbox
{
    padding-left: 27px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label-checkbox
{
    background-position: 0 -22px;
}

label.css-label-checkbox
{
    background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_4da3b5b298edb587858b1e6176b0c7d5.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-xs
{
    height: 20px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}



#popin_infoscookies .close {
    color: #fff;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity: 0.6;
    text-shadow: 0 1px 0 #fff;
    margin-left: 8px;
}

#popin_infoscookies .message {
    color: #fff;
    margin: 0 auto;
}

.gotoadmin
{
    opacity: 0.5;
    position: relative;
    top: 6px;
}

.welcome-magasin
{
    position: relative;
    right: 120%;
    background-color: #779f88;
    border-radius: 5px;
    padding: 0 10px;
}

.welcome-magasin a
{
    color: #fff;
    line-height: 2.4;
    text-decoration: none;
}

.breadcrumb
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

@media screen and (max-width: 768px)
{
    .breadcrumb
    {
        font-size: 9px !important;
        letter-spacing: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .spacement-mobile {
        padding: 8px;
    }
}



/*
-------------------------------------------------
                     LOGO
-------------------------------------------------
*/
.logo
{
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    color: transparent;
    width:19px;
    height: 18px;
}

.logo.logo-stats
{
    background-image: url('../images/stats.png');
}

.logo.logo-admin
{
    background-image: url('../images/settings.png');
}

.logo.logo-account
{
    background-image: url('../images/user-alt-1.png');
}

.logo.logo-logout
{
    background-image: url('../images/logout_admin.png');
}

.logo.logo-editpage
{
    background-image: url('../images/edit-document.png');
}

.logo.logo-disconnect
{
    vertical-align: middle;
    margin-left: 2px;
}

.logo.logo-facebook,
.logo.logo-googleplus,
.logo.logo-twitter,
.logo.logo-pinterest
{
    width: auto;
    height: 20px;
    margin-bottom: 4px;
}

/*
-------------------------------------------------
             HEADER - TOP
-------------------------------------------------
*/

.header-link
{
    display: inline-block;
    vertical-align: top;
}

.header-account ul li
{
    padding: 0 2px;
}

.pipe
{
    display: inline-block;
    margin: 0 10px;
    color: #bbb;
}

.link.link-forgotten-password
{
    text-decoration: underline;
    text-transform: none;
    color: #3d3d3d;
    font-size: 11px;
    text-align: left;
    line-height: 20px;
}

.link.link-forgotten-password-login
{
    color: #75716a;
    font-size: 11px;
}

.btn-createaccount
{
    height: 28px;
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: #fff;
    /*
    background-image: url('../images/btn-arrow-right.png');
    */
    background-repeat: no-repeat;
    background-position: 95% center;
}

.btn-createaccount:hover
{
    background-color: #bda67c;
    color: #3d3d3d;
}

.link.link-createaccount
{
    text-transform: uppercase;
    color: #bda67c;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

.btn-createaccount:hover .link.link-createaccount,
.link.link-createaccount:hover
{
    color: #3d3d3d;
}

.header-dropdown
{
    width: 100%;
    height: 422px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #323232;
    z-index: 1031;
    display: none;
}

.search-input
{
    margin-top: 40px;
}

.search-input input[type="text"]
{
    height: 46px;
}

.search-cancel img
{
    padding: 1px 10px;
    cursor: pointer;
}

.search-input-img
{
    background-image: url('/media/images/header/top/search-input.png');
    background-repeat: no-repeat;
    display: block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 5px;
    width: 34px;
    z-index: 2;
    cursor: pointer;
}

#autosearch
{
    background-color: #373737;
    border: 0;
    border-radius: 20px;
    color: #bda67c;
    font-size: 18px;
    font-family: 'Nothing You Could Do', cursive;
}

#MMautosearch
{
    background-color: #373737;
    border: 0;
    border-radius: 20px 0 0 20px;
    color: #bda67c;
    font-size: 18px;
    font-family: 'Nothing You Could Do', cursive;
}

.btn.btn-search
{
    border-radius: 0px 20px 20px 0px;
}

.mobile-search
{
    margin-bottom: 15px;
}

#autosearch::-moz-placeholder,
#MMautosearch::-moz-placeholder
{
    color: #bda67c;
}

#autosearch:-moz-placeholder,
#MMautosearch:-moz-placeholder
{
    color: #bda67c;
}

#autosearch::-webkit-input-placeholder,
#MMautosearch::-webkit-input-placeholder
{
    color: #bda67c;
}

#autosearch:-ms-input-placeholder,
#MMautosearch:-ms-input-placeholder
{
    color: #bda67c;
}
/* autocomplétion */
.ui-widget-content
{
    left: 15px;
    right: 15px;
}

.ui-widget-content a
{
    color: #3d3d3d;
    text-transform: uppercase;
    font-size: 15px;
}

.ui-widget-content a:hover
{
    color: #fff;
    background-color: #bda67c;
}

/*
-------------------------------------------------
                    MENU
-------------------------------------------------
*/
.menu .nav,
.menu .collapse,
.menu .dropdown
{
    position: static;
}

.menu .navbar
{
    margin: 0;
}

.menu .dropdown-menu
{
    top: 100%;
}

.menu .menu-container
{
    width: 100%;
}

.menu .menu-content
{
    padding: 15px 30px;
}

.menu .navbar-collapse
{
    width: 100%;
}

.menu .navbar-toggle
{
}

.menu .navbar-brand
{
    padding: 0;
    text-align: center;
}

.menu .navbar-brand > img
{
    max-height: 47px;
    max-width: 142px;
}

.menu-wrapper
{
    width: 100%;
    position: relative;
    display: table;
    table-layout: fixed;
}

/*
-------------------------------------------------
                  MENU ESHOP
-------------------------------------------------
*/

.menu.menu-eshop.navbar-fixed-top
{
    width: 100%;
    border-bottom: 3px solid #f8f8f8;
}

.menu.menu-eshop .navbar-default
{
    border: none;
}

/*
-------------------------------------------------
                    CARTBOX
-------------------------------------------------
*/
.cartbox
{
    position: absolute;
    top: 0;
    right: 0;
}

.cartbox-preview
{
    background-color: #fff;
    color: #3d3d3d;
    display: block;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

.cartbox-preview.small
{
    padding: 4px 0px 2px 20px;
    height: 30px;
}

.cartbox-preview.large
{
    width: 93px;
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    background-color: #3d3d3d;
    color: #fff;
}

.badge-cartbox
{

}

.cartbox-reset
{

}

.caret-cartbox
{
    position: absolute;
    top: 30px;
    right: 30px;
}

.cartbox-dropdown
{
    width: 310px;
    height: auto;
    max-height: 470px;
    z-index: 100;
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 0;
    -moz-box-shadow: 0px 3px 4.9px 0.1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 4.9px 0.1px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 3px 4.9px 0.1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 4.9px 0.1px rgba(0, 0, 0, 0.15);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#888, Direction=134, Strength=10);
}

.cartbox-preview-body
{
    padding: 5px 10px 0;
    max-height: 470px;
    overflow-y: scroll;
}

.cartbox-preview-body.empty
{
    text-align: center;
}

.cartbox-preview-bottom
{
    padding: 20px;
    background-color: #373737;
}

.cartbox-preview-articles
{
    display: table;
    text-align: center;
    padding: 10px 0 10px 0;
}

.cartbox-preview-list .pointille{
    height: 3px;
    background-image: url('/images/separation.png');
}


.cartbox-preview-articles-img
{
    display: table-cell;
    width: 30%;
    padding: 10px;
}

.cartbox-preview-articles-img > img
{
    width: 100%;
}

.cartbox-preview-articles-label
{
    display: table-cell;
    width: 40%;
    padding: 10px 0;
    text-align: left;
    vertical-align: top;
}

.cartbox-preview-list
{
    color: #373737;
    font-size: 12px;
    font-weight: bold;
}

.cartbox-preview-list > .pointille:last-child
{
    display: none;
}

.cartbox-preview-articles-title
{
    margin-bottom: 6px;
}

.cartbox-preview-articles-prices
{
    font-size: 14px;
    font-weight: bold;
}

.price-preview-strike
{
    text-decoration: line-through;
}

.price-preview-ttc
{
    color: #2896b9;
}

span.price-preview-strike + .price-preview-ttc
{
    color: #cc0530;
    font-size: 13px;
    margin-left: 5px;
}

.cartbox-preview-articles-declinaison
{
    margin-bottom: 6px;
}

.cartbox_preview_articleslist_label_declinaison_key,
.cartbox-preview-articles-declinaison > .cartbox_preview_articleslist_label_declinaison_separator:first-child
{
    display: none;
}

.cartbox-preview-articles-decrease,
.cartbox-preview-articles-increase
{
    display: table-cell;
    width: 5%;
    font-size: 11px;
    cursor: pointer;
}

.cartbox-preview-articles-quantity
{
    display: table-cell;
    width: 10%;
    font-size: 11px;
}

.cartbox-preview-articles-remove
{
    display: table-cell;
    width: 10%;
    cursor: pointer;
    padding: 10px 0;
    vertical-align: top;
}

.cartbox-preview-articles-decrease > span,
.cartbox-preview-articles-increase > span,
.cartbox-preview-articles-remove > a
{
    color: #373737;
}

.cartbox-scroll
{
    background-image: url('../images/fleche-bas.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 40px;
    display: none;
}



/*
-------------------------------------------------
                    FOOTER
-------------------------------------------------
*/

/*
-------------------------------------------------
                   LOADING
-------------------------------------------------
*/
.loading
{
    background-image: url("../images/pixel_semitransparent.png");
    background-repeat: repeat;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100000;
}

.loading-cartbox
{
    display: block;
    padding: 40px 0;
    text-align: center;
}

.loading_center
{
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 30%;
    width: 300px;
}

.loading_loaderimg
{
    position:relative;
    width:220px;
    margin-left:auto;
    margin-right:auto;
}

/*
-------------------------------------------------
                    SOCIAL
-------------------------------------------------
*/
.social
{

}

.social.social-facebook,
.social.social-googleplus,
.social.social-twitter,
.social.social-pinterest
{
    display: inline-block;
    margin: 0px 6px;
    vertical-align: top;
    cursor: pointer;
}

/*
-------------------------------------------------
                      KTAB
-------------------------------------------------
*/
.Ktab
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.21);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.21);
    padding: 55px 70px;
}

.Ktab_onglets
{
    clear: both;
    float: left;
    position: relative;
    z-index: 100;
    height: auto;
}

.Ktab_onglet_select
{
    position: relative;
    float: left;
    cursor: pointer;
    height: 13px;
    -webkit-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
    background-color: #FFF;
}

.Ktab_onglet_unselect
{
    position: relative;
    float: left;
    border: 0px solid #CCCCCC;
    background-color: #999999;
    cursor: pointer;
    -webkit-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
}

.Ktab_volets
{
    position: relative;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 15px 15px;
    clear: both;
    top: -2px;
}

.Ktab_volet_select
{
    min-width: 500px;
    position: relative;
}

.Ktab_volet_unselect
{
    display: none;
}

@media screen and (max-width: 768px)
{
    .Ktab
    {
        flex-direction: column;
        padding: 15px 30px;
    }
}

/*
-------------------------------------------------
               POPUP JS/JQUERY ALERT
-------------------------------------------------
*/
#popup_container
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #bda67c;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#popup_title
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #fff;
    background-color: #bda67c;
    border: solid 1px #bda67c;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content
{
    /*
    background: 16px 16px no-repeat url(../images/info.gif);
    */
    padding: 1em 1.75em;
    margin: 0em;
}

#popup_content.alert
{
    /*
    background-image: url(../images/info.gif);
    */
}

#popup_content.confirm
{
    /*
    background-image: url(../images/important.gif);
    */
}

#popup_content.prompt
{
    /*
    background-image: url(../images/help.gif);
    */
}

#popup_message
{
    text-align: center;
}

#popup_panel
{
    text-align: center;
    margin: 1em 0em 0em 0em;
}

#popup_ok,
#popup_cancel
{
    border-radius: 3px;
    background-color: #bda67c;
    border: 0;
    padding: 5px 15px;
    font-weight: 700;
    color: #fff;
}

#popup_prompt
{
    margin: .5em 0em;
}

/*
-------------------------------------------------
                    SWIPPER
-------------------------------------------------
*/
.swiper-container
{
    padding-top: 20px;
}

.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-container-cube .swiper-cube-shadow
{
    display: none;
}

.swiper-pagination
{
    left: 50%;
    -webkit-transform:translate3d(-50%,0,0);
    -ms-transform:translate3d(-50%,0,0);
    -o-transform:translate3d(-50%,0,0);
    transform:translate3d(-50%,0,0)
}

.swiper-pagination-bullet
{
    margin-right: 10px;
    background-color: #baa89a;
    opacity: 1;
    height: 10px;
    width: 10px;
}
.swiper-button-next,
.swiper-button-next.swiper-button-disabled
{
    right: -9px;
}

.swiper-button-prev,
.swiper-button-prev.swiper-button-disabled
{
    left: -9px;
}

.swiper-pagination-bullet-active
{
    background: #3297b7;
}
/*
-------------------------------------------------
                  PARALLAX
-------------------------------------------------
*/
.parallax-mirror
{
    z-index: 101 !important;
}

.parallax-window > div
{
    z-index: 102 !important;
}

.parallax-window
{
    min-height: 400px;
    background: transparent;
    color:white;
    text-align: center;
    margin: 10px 0;
}

.parallax-content
{
    padding: 100px 0;
    text-align: center;
}

/*
-------------------------------------------------
                    POPIN
-------------------------------------------------
*/
.popin
{

}

.popin.popin-standard
{

}

.popin.popin-cookies
{
    padding: 16px;
    text-align: justify;
    cursor: pointer;
    width: 320px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10000;
    background-color: #3d3d3d;
    color: #fff;
    font-size: 11px;
}

.popin_addcart
{
    width: 100%;
}

.popin_addcart .popin_addcart_content
{
    width: 100%;
    text-align: center;
}

.container_add_cart{
    background-color: #bda67c;
    padding: 0 0 55px 0px;
}

.popin_addcart .addcart-title{
    background-color: #bda67c;
    color: #fff;
    text-align: center;
    position: relative;
    width: 100%;
    font-family: 'Nothing You Could Do', cursive;
}

.addcart_sentence{
    font-size: 38px;
    padding-top: 50px;
    letter-spacing: -0.12em;
    font-weight: 400;

}

.popin_addcart .popin_addcart_buttons
{
    width: 100%;
    margin-top: 8px;
    text-align: center;
}

.popin_addcart_continuebutton{
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: #bda67c;
    border-radius: 20px;
    border: none;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    min-width: 150px;
    text-align: center;
    cursor: pointer;

}

.popin_addcart_orderbutton{
    background-color: #3d3d3d;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: white;
    border-radius: 20px;
    border: none;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    min-width: 150px;
    text-align: center;
    cursor: pointer;
    margin-left: 8px;
}

.popin_standard
{
    background-image:url("../images/pixel_semitransparent.png");
    background-repeat:repeat;
    bottom:0;
    height:100%;
    left:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:2000;
    display:none;
}

.popin_standard_center
{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    top:50px;
    width:600px;
}

.popin_standard_close
{
    position:absolute;
    top:5px;
    right:5px;
    width:20px;
    height:20px;
    z-index:10;
    cursor:pointer;
}

.popin_standard_content
{
    float:left;
    height:auto;
    width:100%;
    padding:25px 10px 10px;
    position:relative;
    background-color:#FFFFFF;
    border-radius: 15px;
    min-height:200px;
}

.popin_loaderimg
{
    position:relative;
    width:32px;
    margin-left:auto;
    margin-right:auto;
    top:80px;

}

#popin_standard_draghandle
{
    background-color: #eee;
    border-radius: 10px 10px 0 0;
    cursor: move;
    height: 25px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

/*
-------------------------------------------------
                    POPIN INTERSTITIELLE
-------------------------------------------------
*/

#popin-welcome
{
    text-align: center;
}

#popin-welcome:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
    text-align: center
}

.close-popin,
.close-popin:hover
{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('/templates/clepsydre/images/close-popin.png') no-repeat center !important;
    cursor: pointer;
    position: relative;
    top: 20px;
    right: 20px;
    z-index: 5;
    opacity: 1;
}

.interstitial-popin
{
    width: 600px;
    max-width: 96%;
    margin: auto;
    height: 470px;
    position: relative;
    text-align: initial;
    display: inline-block;
    vertical-align: middle;
}

.interstitial-popin .modal-content
{
    height: 100%;
    background-color : #3d3d3d;
    box-shadow: none;
    border: 0;
    position: relative;
}

.interstitial-popin .modal-content::before,
.interstitial-popin .modal-content::after
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    left: 0;
}

.interstitial-popin .modal-content::before
{
    background: url('/templates/clepsydre/images/popin-interstitielle/element1.png') no-repeat center 10px;
}

.interstitial-popin .modal-content::after
{
    background: url('/templates/clepsydre/images/popin-interstitielle/element2.png') no-repeat bottom 60px left 40px;
}

.modal-header
{
    border: 0;
}

.interstitial-popin-content
{
    color: #fff;
    position: relative;
    z-index: 2;
    line-height: 1;
    height: 100%;
}
.interstitial-popin-content .main-text
{
    font-size: 292px;
    font-weight: 700;
    line-height: 0.72;
    letter-spacing: -0.1em;
    margin: 0;
    display: inline-block;
    margin-left: 16%;
    position: relative;
}

.interstitial-popin-content .main-text-sup
{
    top: 5px;
    vertical-align: super;
    font-size: 60%;
    margin-left: 14%;
}

.interstitial-popin-content .bloc1
{
    padding-top: 12%;
    position: relative;
}

.interstitial-popin-content .main-text::before
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25%;
    right: 0;
    background: url('/templates/clepsydre/images/popin-interstitielle/clepsydre.png') no-repeat center;
}

.interstitial-popin-content .bloc2
{
    width: 66%;
    position: absolute;
    bottom: 40px;
    left: 26%;
}

.interstitial-popin-content .bloc2 p
{
    margin: 0;
}

.interstitial-popin-content .text-secondary-line01
{
    color: #bda67c;
    font-size: 95px;
    font-weight: 700;
    text-align: right;
    padding-right: 8%;
}

.interstitial-popin-content .text-secondary-line02
{
    font-family: 'Nothing You Could Do', cursive;
    font-size: 38px;
    letter-spacing: -0.12em;
}

.interstitial-popin-content .text-secondary-line02 span
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.interstitial-popin-content .text-secondary-line02 span sup
{
    font-size: 60%;
    letter-spacing: normal;
}

.interstitial-popin-content .text-secondary-line03
{
    font-size: 13px;
    text-transform: uppercase;
    color: #bda67c;
    font-weight: 700;
    line-height: 1.3;
}

@media screen and (max-width: 599px)
{
    .interstitial-popin-content .bloc1
    {
        text-align: center;
        padding-top: 15%;
    }

    .interstitial-popin-content .main-text
    {
        font-size: 250px;
        margin-left: 0;
    }

    .interstitial-popin-content .main-text::before
    {
        background-size: 60%;
    }

    .interstitial-popin-content .bloc2
    {
        width: 100%;
        text-align: center;
        left: 0;
    }

    .interstitial-popin-content .text-secondary-line01
    {
        text-align: center;
        padding: 0;
    }

    .interstitial-popin-content .main-text-sup
    {
        margin-left: 1%;
    }

    .interstitial-popin-content .text-secondary-line01
    {
        font-size: 85px;
    }

    .interstitial-popin-content .text-secondary-line02
    {
        font-size: 32px;
    }

    .interstitial-popin-content .text-secondary-line03
    {
        font-size: 11px;
    }

}

@media screen and (max-width: 450px)
{
    .interstitial-popin-content .bloc1
    {
        text-align: center;
        padding-top: 30%;
    }

    .interstitial-popin-content .main-text::before
    {
        background-size: auto;
        top: 0;
        left: 25%;
    }
}

/*
-------------------------------------------------
                SUCCESS / ERROR
-------------------------------------------------
*/
.success
{
    color: #5cb85c;
    margin-bottom: 20px;
}

.error
{
    color: #ff0000;
}

.error.error-login
{

}

.error.error-comment
{
    display: none;
}

/*
-------------------------------------------------
           LOGIN - FORM CREATE ACCOUNT
-------------------------------------------------
*/
.box
{
    height: 280px;
    padding: 20px 20px 40px;
    background-color: #fdfdfd;
    border: 1px solid #e0eded;
}

.box.box-login
{

}

.box.box-create-account
{

}

.box.box-admin
{

}

.form.form-login
{

}

.form.form-login + .contextcreateaccount #form-create
{
    display: none;
}

.form.form-admin
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    width: 60%;
    margin-top: 40px;
    position: relative;
    border: 1px solid #ccc;
    padding:10px;
    text-align: center;
}

.form.form-create
{

}

#create_error{
    display: none;
}

.login_message{
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

/*
-------------------------------------------------
                LCDP
-------------------------------------------------
*/

.lcdp-blue {
    background-color: #4580b8;
}

.lcdp-green-dark {
    background-color: #769e86;
}

.lcdp-green-ligth {
    background-color: #a2ae02;
}

.lcdp-orange {
    background-color: #fcc000;
}

.lcdp-pink {
    background-color: #e98391;
}


.lcdp-underline-title {
    display: none;
}

.lcdp-underline-title.center
{
    width: 100%;
    text-align: center;
}

.lcdp-underline-title .lcdp-circle {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    margin-right: 5px;
    font-size: 0;
}

.lcdp-red {
    background-color: #cc0530;
    margin-right: 0!important;
}

/*
-------------------------------------------------
                MEDIA QUERIES
-------------------------------------------------
*/
@media screen and (min-width: 768px)
{
    .header-lang
    {
        float: left;
        text-align: left;
    }

    .header-account
    {
    }
}

@media screen and (max-width: 768px)
{
    .header-lang,
    .header-account
    {
    }
}

/*
-------------------------------------------------
                HEADER
-------------------------------------------------
*/

.list_lang{
    color: #fff;
    font-size: 11px;
    margin: 7px 0;
}

.list_lang a{
    color: #fff;
}

.list_lang li{
    padding-left: 3px;
    padding-right: 3px;
}

.separator{
    padding-left: 6px;
}

.position_line{
    position: relative;
    top: 10px;
}

.list_connected{
    color: #A5A299;
}

.list_connected a{
    color: #A5A299;
}

.link-welcome{
    position: relative;
    top: 2px;
    margin-left: 5px;
}

.link
{
    text-decoration: none;
    cursor: pointer;
    color: #C0BDB7;
    font-size: 12px;
    font-weight:500;
}

.link.link-login
{
    display: inline;
    white-space: nowrap;
}

.link.link-login a:first-child
{
    color: #3d3d3d;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.4;
    display: inline-block;
    height: 30px;
    padding-left: 25px;
    margin-left: 16px;
    background-image: url('/media/images/header/top/new-connect.png');
    background-repeat: no-repeat;
    background-position: left 4px;
}

#link-login-disconnected
{
    padding-right: 15px;
}

.link.link-favorite
{
    display: inline;
    white-space: nowrap;
}

.link.link-favorite a
{
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    text-decoration: none;
}

.link.link-login > a > img
{
    margin-right: 10px;
    margin-bottom: 2px;
}

.dropdown-login
{
    background-color: #f8f8f8;
    border: 0;
    border-top: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 100;
    padding: 35px 50px 25px;
    box-shadow: 0px 3px 4.9px 0.1px rgba(0, 0, 0, 0.2);
}

.header-account.active
{
    border: 0;
    background-color: #f8f8f8;
    box-shadow: 0px 0px 4.9px 0.1px rgba(0, 0, 0, 0.2);
}

.header-account.active .link.link-login a:first-child
{
    background-image: url('/media/images/header/top/new-connect-hover.png');
}

.container_favoris{
    background-color: #373737;
    color: white;
    padding-left: 10px;
    padding-right: 20px;
    height: 30px;
    line-height: 30px;
}

.pointille{
    width: 100%;
}

.padding_line{
    padding-top: 5px;
    padding-bottom: 5px;
}

.container_menu_corporate{
    position: relative;
    top: 24px;
    text-align: center;
}
.container_menu_corporate a
{
    text-decoration: none;
}
.container_menu_corporate a:hover
{
    font-weight: bold;
}

.menu_corporate_titre{
}

.menu_corporate_subtitre{
    font-weight: bold;
    text-transform: uppercase;
}

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

.navbar .dropdown:last-child{
    border-right: 0;
}

.menu-container .navbar-collapse{
    background-color: white;
}

.looking_for{
    display: block;
    margin-left: 10px;
    margin-top: 4px;
}

.control_admin{
    position: absolute;
    top: 0;
    right: 0;
}

.btn_login_header{
    height: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

.fam_02_G{
    color: #4580b8;
    font-weight: bold;
}

.fam_02_F{
    color: #e98391;
    font-weight: bold;
}

.menu-content a{
    color: #3d3d3d;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.menu-content a p > strong
{
    font-weight: 600;
}

.menu-content a p
{
    margin-bottom: 15px;
}

.menu-content a:hover
{
    color: #bda67c;
}

.menu-content img
{
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: block;
}

.menu-content-col2-row1 img
{
    position: relative;
    top: -1px;
}

.menu-content-col2-row2-img1 img
{
    position: relative;
    bottom: -2px;
    left: -2px;
}
.menu-content-col2-row2-img2 img
{
    position: relative;
    right: -2px;
}
.menu-content .menu-content-col1 img,
.menu-content .menu-content-col2 img
{
    padding-bottom: 12px;
}

.menu-content-col2-row2-img1
{
    padding-right: 5px;
}

.menu-content-col2-row2-img2
{
    padding-left: 5px;
}

.container_titre_lcdp{
    margin-top: 20px;
    margin-bottom: 20px;
}

.container_titre_lcdp .titre_lcdp{
    text-transform: uppercase;
    font-family: inherit;
    font-size: 22px;
    color: #A6A198;
}

.theme_colonne_lcdp{
    background-image:url("../images/theme_color.png");
    background-repeat: no-repeat;
    background-position: center left;
    width: 107px;
    height: 10px;
    position: relative;
    top: 8px;
}

/*
-------------------------------------------------
                  FOOTER
-------------------------------------------------
*/
.footer-copyright
{
    border-top: 1px dashed #d1ccc6;
    color: #a6a198;
    font-size: 11px;
}

.footer-copyright > div
{
    background-color: #e6e1db;
    padding: 10px 0;
    height: 10px;
}

.footer-pictos
{
    display: table;
    width: 100%;
}
.container_picto_footer
{
    position: relative;
    padding-bottom: 10px;
    padding-top: 15px;
    display: table-cell;
}

.footer-pictos .footer-logo,
.footer-pictos .footer-text
{
    text-align: center;
}

.footer-text
{
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.01em;
}
.footer-pictos .footer-text p:first-child
{
    margin: 0;
}

.container_picto_footer > a
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
    color: inherit;
}

.footer-pictos .footer-logo > img
{

}

.footer-pictos .footer-text p b
{
    color: #666056;
}

.footer-list-links
{
    display: table;
    width: 100%;
}

.footer-column
{
    display: table-cell;
}

.footer-links
{
    padding: 25px 45px 0 45px;
}

.footer-link
{
    line-height: 1.9;
    font-size: 11px;
}

.footer-link ul
{
    padding: 0;
}

.footer-link ul li
{
    list-style: none;
}

.footer-link ul li a
{
    color: #aeaeae;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.footer-title
{
    text-transform: uppercase;
    font-weight: bold;
    color: #aeaeae;
    font-size: 13px;
}

.footer-newsletter
{
    background-color: #323232;
    padding: 28px 24px;
    font-size: 12px;
    width: 100%;
    letter-spacing: 0.01em;
}

.footer-partenaire
{
    background-color: #3d3d3d;
    padding: 23px 33px 15px;
    font-size: 12px;
    width: 100%;
    letter-spacing: 0.01em;
}

.footer-partenaire a
{
    text-decoration: underline;
    color: #9e9e9e;
    font-weight:700;
    font-size: 10px;
    letter-spacing: 0.025em;
}

.footer-newsletter-title,
.footer-partenaire-title
{
    font-size: 13px;
    font-weight: 700;
    color:#9e9e9e;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.footer-newsletter-sentence,
.footer-partenaire-sentence
{
    color: #bda67c;
    font-weight: bold;
    font-size: 10px;
}

.logo.logo-newsletter
{
    background-image: url('/media/images/footer/newsletter.png');
    width: 27px;
    height: 22px;
    vertical-align: middle;
    margin-right: 10px;
}

.logo.logo-boutique
{
    background-image: url('/media/images/footer/boutique.png');
    width: 16px;
    height: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

.input-newsletter
{
    border: medium none;
    border-radius: 20px 0 0 20px;
    color: #bda67c;
    background-color: #373737;
    font-size: 10px;
}

.input-newsletter::-moz-placeholder
{
    color: #bda67c;
    font-size: 10px;
}

.input-newsletter:-moz-placeholder
{
    color: #bda67c;
    font-size: 10px;
}

.input-newsletter::-webkit-input-placeholder
{
    color: #bda67c;
    font-size: 10px;
}

.input-newsletter:-ms-input-placeholder
{
    color: #bda67c;
    font-size: 10px;
}

.btn.btn-newsletter
{
    color: #9e9e9e;
    background-color: #373737;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0 20px 20px 0;
}

.btn.btn-wishlist
{
    background-image: url("/images/coeur-favoris.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #373737;
    height: 19px;
    width: 128px;
    padding: 0 0 1px 25px;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    text-decoration: underline;
    text-decoration-color: #d9d9d9;
    -moz-text-decoration-color: #d9d9d9;
}

.btn.btn-continue
{
    background-color: #bda67c;
    border: 0 none;
    border-radius: 20px;
    color: #3d3d3d;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.btn.btn-continue:hover
{
    background-color: #FFF;
    color: #bda67c;
}

.footer-top
{
    background-color: #323232;
    color: #bda67c;
    font-weight: 500;
    font-size: 13px;
    line-height:17px;
    padding-top: 30px;
    padding-bottom: 35px;
}

.footer-body
{
    position: relative;
    font-size: 12px;
    background-color: #373737;
}

.footer-bottom
{
    background-color: #323232;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 0;
    text-align: center;
    color: #bda67c;
}

.line.line-white
{
    border-top: 1px dashed #fff;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
}

.social-link
{
}

.social-link.social-link-01 a span
{
    color: #3b5998;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

.footer-social
{
    margin-left: 17px;
    margin-top: 68px;
}

.footer-social .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    margin-top: 8px;
}

.footer-social ul li
{
    vertical-align: middle;
}

.label-social
{
    font-size: 12px;
    font-weight: 700;
    color:#9e9e9e;
}

#map_butee_top,
#map_butee_bottom {
    float: left;
    width: 100%;
}

@media screen and (max-width: 767px)
{
    .container_picto_footer,
    .footer-column
    {
        display: block;
    }
    .footer-column
    {
        padding: 5px 0;
    }
}
/*
-------------------------------------------------
                  BREADCRUMB
-------------------------------------------------
*/
.breadcrumb {
    font-size: 11px;
    letter-spacing: 0.025em;
    color: #3d3d3d;
    padding: 30px 0 10px;
}

.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:visited {
    color: #3d3d3d;
}

.breadcrumb > li + li::before {
    color: #ccc;
    content: "> ";
    padding: 0 5px;
}

.breadcrumb li:last-child,
.breadcrumb li:last-child a
{
    text-decoration: none;
    font-weight: 400;
    color: #bda67c;
}

/*
-------------------------------------------------
               BANNIERE LIVRAISON
-------------------------------------------------
*/
.banner-shipping
{
    height: 29px;
    background-color: #EEEAE4;
    margin: 0 24px;
}
.banner-shipping-img.left
{
    position: absolute;
    left: 0;
    top: 6px;
}
.banner-shipping-img.right
{
    position: absolute;
    right: 0;
    top: 6px;
}
.container-banner-shipping
{
    width: 100%;
    margin: 35px 0 10px 0;
}
.container-banner-shipping,
.container-banner-shipping > div
{
    display: inline-block;
}
.banner-shipping-label
{
    color: #767066;
    font-size: 16px;
    font-style: italic;
    margin: 2px 0;
    height: 29px;
    display: inline-block;
    text-decoration: none;
}

.banner-shipping-label:hover
{
    color: #767066;
    text-decoration: none;
}

.damier{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}

.container_image{
    margin-bottom: 8px
}

.container_image img{
    width: 100%;
}

.container_image .container_texte_link .container_texte_link_titre{
    font-size: 21px;
}

.container_last_texte{
    margin-top: 8px;
}

.container_image .container_texte_link .container_texte_link_sous_titre{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 21px;
}

.container_image .container_texte_link .container_texte_link_image{
    margin-top: 8px;
}

.container_texte_link{
    display: block;
    background-color: #dbd5cd;
    color: white;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.container_vetement{
    padding-top: 80px;
    padding-bottom: 80px;
}

.container_details{
    padding-top: 55px;
    padding-bottom: 55px;
}

.container_etudies{
    padding-top: 86px;
    padding-bottom: 86px;
}

.container_rever{
    padding-top: 95px;
    padding-bottom: 95px;
}

.container_match{
    padding-top: 39px;
    padding-bottom: 38px;
}

.container_texte_link:hover{
    color: white;
    text-decoration: none;
}

.container_texte_link img{
    width: auto!important;
}

#grid[data-columns]::before {
    content: '4 .column.size-1of4';
}

@media screen and (max-width: 480px){
    #grid[data-columns]::before {
        content: '1 .column.size-1of1';
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    #grid[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

@media screen and (min-width: 1201px) {
    #grid[data-columns]::before {
        content: '4 .column.size-1of4';
    }
}

/* Again, you’re free to use and define the classes: */
.column {
    display: inline-block;
    margin-right: 0.7%;
    vertical-align: top;
}
.size-1of1 {
    width: 99%;
}
.size-1of2 {
    width: 49%;
}
.size-1of3 {
    width: 32.333%;
}
.size-1of4 {
    width: 24%;
}

.breadcrumb_notre_marque{
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.breadcrumb_notre_marque div:last-child a{
    color: #bda67c;

}

.breadcrumb_notre_marque a{
    color: #3d3d3d;
}

.breadcrumb_notre_marque a:hover{
    text-decoration: none;
    color: #3d3d3d;
}

.breadcrumb_notre_marque_link_un{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.breadcrumb_notre_marque_link_deux{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.breadcrumb_notre_marque_link_trois{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.breadcrumb_separator{
    margin-left: 2px;
    margin-right: 2px;
    color: #ceccc8;
    font-size: 12px;
}

.box-forgotten-password
{
    border: 1px dashed #f0ebe3;
    height: auto;
    padding: 20px;
}

.container_mot_passe_oublie{
    color: #9d9994;
    display: block;
    float: none;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

.container_mot_passe_oublie span
{
    color: #3d3d3d;
    display: block;
    font-size: 12px;
    line-height: 20px;
    position: relative;
}

.title_mot_passe_oublie{
    color: #3d3d3d;
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
}

#forgottenpassword_module{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    display: block;
    float: none;
    margin-bottom: 40px;
}

.forgottenpassword_email{
    width: 100%!important;
    display: block!important;
    background-color: #eeeae4;
    border: 0 none;
    border-radius: 4px;
}

.forgottenpassword_button{
    width: 100%!important;
    display: block!important;
    margin-top: 10px;
}

.button_lcdp{
    background-color: #fff;
    border: 0;
    border-radius: 20px;
    padding: 5px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #bda67c;
}

.forgottenpassword_ok{
    color: green;
    font-style: italic;
    text-align: center;
}

.forgottenpassword_ko{
    color: red;
    font-style: italic;
    text-align: center;
}

.content_middle{
    margin-top: 40px;
    margin-bottom: 40px;
}

.one_element_menu_corporate_left{
    display: block;
    padding-top: 15px;
    padding-bottom: 19px;
    color: #3d3d3d;
    text-align: center;
    margin-bottom: 5px;
    width: 68%;
}

@media screen and (min-width: 768px) and (max-width: 992px)
{
    .one_element_menu_corporate_left{
        width: 100%;
    }
}

@media screen and (max-width: 768px)
{
    .one_element_menu_corporate_left{
        width: 100%;

    }

    .menu_corporate_left{
        margin-bottom: 30px;
    }

    .container_contenu_niveau_trois_picture{
    }

    .corporate_image_big_size{
        margin-left: 0px!important;
    }

    .devenez_affilie{
        width: 100%!important;
        margin-left: 0px!important;
        margin-bottom: 0px!important;
    }
}

.one_element_menu_corporate_left:hover{
    color: black;
    text-decoration: none;
}

.element_title_menu_corporate{
    font-size: 23px;
    letter-spacing: -0.05em;
    font-family: 'Nothing You Could Do', cursive;
}

.blue.actif{
    background-color: #4580b8;
}

.dark.actif{
    background-color: #3d3d3d;
    color: white;
}

.green.actif{
    background-color: #779f87;
}

.greenfonce.actif{
    background-color: #a2ae02;
}

.yellow.actif{
    background-color: #fcc000;
}

.pink.actif{
    background-color: #e98391;
}

.element_subtitle_menu_corporate{
    text-transform: uppercase;
    font-size:13px;
    font-weight:700;
}

.element_image_menu_corporate{

}

.container_contenu_niveau_trois_title{
    text-align: center;
    margin-bottom: 40px;
}

.container_contenu_niveau_trois_text{
    color: #a4a09b;
    text-align: justify;
    margin-bottom: 75px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 300;
}

.container_contenu_niveau_trois_title .title_niveau_trois{
    color:#9d9994;
    font-size: 30px;
}

.container_contenu_niveau_trois_title .subtitle_niveau_trois{
    color:#9d9994;
    text-transform: uppercase;
    font-size: 30px;
    line-height:32px;
}

.container_contenu_niveau_trois_picture img{
    width: 100%;
    max-width: 361px;
}

.corporate_image_big_size img{
    width: 100%;
    max-width: 455px;
}

.corporate_html img{
    width: 100%;
    max-width: 455px;
}
.corporate_html video{
    width: 100%;
    max-width: 455px;
}

.margin_left_html .contentrotator{
    margin-bottom: 30px;
    margin-left: 30px;
}

.corporate_image_big_size{
    margin-bottom: 30px;
    margin-left: 30px;
}

.corporate_html{
    margin-bottom: 30px;
    margin-left: 30px;
}

.margin_left_html .player_video
{
    margin-bottom: 30px;
    margin-left: 30px;
}

.devenez_affilie{
    margin-bottom: 30px;
    margin-left: 30px;
    background-color: #DBD5CD;
    color: white;
    padding:20px;
    width: 93%;
    max-width:455px;
}

.devenez_affilie a{
    color: white;
    text-decoration: underline;
}

.zone_contentrotator .contentrotator{
    background-color: white;
    text-align: center;
}

.zone_contentrotator .contentrotator .text_rotator{
    background-color: #DBD5CD;
    color: white;
    width: 400px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 14px;
}

.zone_contentrotator .jshowoff-slidelinks{
    width: 100%!important;
    text-align: right!important;
    left: 0!important;
    right: 0!important;
}

.zone_contact_affilie{

}

.intro_candidature{
    color: white;
    font-size: 14px;
    color:#a6a198;
}

#map-canvas {
    height: 700px;
    width: 100%;
}

#detail_magasin {
    display: none;
}

#div_selectbox_ville{
    display: none;
}

.contenu-colone-two{
    margin-bottom: 40px;
}

.img_sub_container_presse{
    display: inline-block;
    vertical-align: top;
}

.content_sub_container_presse{
    color: #9d9994;
    display: inline-block;
    margin-left: 30px;
    margin-top: 35px;
    vertical-align: top;
}

.theme-button {
    background-color: #779f87;
    background-image: url("/images/right_arrow_white.png");
    background-position: 120px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 5px 0 5px 15px;
    text-align: left;
    width: 142px;
    text-transform: uppercase;
    font-size: 15px;
}

.theme-button::hover{
    color: white;
    text-decoration: none;
}

.sous_container_presse{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #f0ebe3;
}

.subtitle_emploi{

}

.sentence_emploi{
    color: #a4a09b;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 75px;
    text-align: justify;
}

.container_emploi{
    color: #9d9994;
    font-size: 14px;
}

.subtitle_emploi_moment {
    display: none;
}

#blog_list_tab_9 .pagination_top
{
    display:none;
}

#blog_list_tab_9 .pagination_bottom
{
    float:left;
    width:100%;
}

#blog_list_tab_9 .pagination_bottom .listeblog_pagination td
{
    padding:0 5px;
}

#blog_list_tab_9 .blog_navigation_actus
{
    display:none;
}

.blog_body
{
    float:left;
    width:100%;
}

.blog_infos {
    display: none;
}

.blog_contenu .titre {
    color: #9d9994;
    font-size: 25px;
    margin-bottom:15px;
}

.blog_contenu .blog_content {
    color: #9d9994;
    font-size: 13px;
}

.blog_contenu .blog_content .blog_suite {
    margin-top:25px;
}

.blog{
    border-top: 1px dashed #f0ebe3;
    color: #9d9994;
    margin-bottom: 30px;
    padding-top: 20px;
}

.blog_suite a{
    background-color: #cc0530;
    background-image: url("/images/right_arrow_white.png");
    background-position: 120px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 5px 0 5px 15px;
    text-align: left;
    width: 142px;
    text-transform: uppercase;
    font-size: 15px;
}

.blog_navigation_postuler a{
    background-color: #E98390;
    background-image: url("/images/right_arrow_white.png");
    background-position: 175px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 5px 0 5px 15px;
    text-align: left;
    width: 200px;
    text-transform: uppercase;
    font-size: 15px;
}

.blog_navigation_postuler{
    margin-top: 10px;
}

.listeblog_pagination{
    color: #9d9994;
    font-size: 13px;
    cursor: pointer;
}

.blog_navigation_return_actus a{
    background-color: #779f87;
    background-image: url("/images/right_arrow_white.png");
    background-position: 120px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 5px 0 5px 15px;
    text-align: left;
    width: 142px;
    text-transform: uppercase;
    font-size: 15px;
}

.blog_navigation_return_actus{
    margin-top: 20px;
}

.sous_container_partenaires{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #f0ebe3;
    color: #9d9994;
}

.sous_container_partenaires a{
    color: #9d9994;
    text-decoration: none;
}

.container_maps{
    position: relative;
    margin-bottom: 2px;
}

.container_infos{
    background-color: rgba(255, 255, 255, 0.8);
    height: 80%;
    left: 8%;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    position: absolute;
    top: 10%;
    width: 300px;
    overflow: scroll;
}

.retrouver_adresse{
    color: #cb0631;
    font-family: Ubuntu;
    font-size: 19px;
    line-height: 25px;
    position: relative;
    text-transform: uppercase;
}

.cliquant_carte{
    font-family: Ubuntu;
    font-size: 14px;
    line-height: 21px;
    margin: 5px 0 10px;
    position: relative;
    color: #9d9994;
}

.carre_gris_menu{
    border-bottom: 1px dashed #d2cbc3;
    border-top: 1px dashed #d2cbc3;
    padding: 10px 0;
    position: relative;
    margin-bottom: 10px;
}

.votre_pays{
    color: #cb0631;
    font-size: 12px;
    padding-bottom: 5px;
}

.votre_boutique{
    color: #cb0631;
    font-size: 12px;
    padding-bottom: 5px;
}

#div_selectbox_ville{
    margin-top: 10px;
}

.voir_toute_carte{
    bottom: 10px;
    left: 5%;
    position: absolute;
    text-align: center;
    width: 90%;
}

.voir_map{
    background-color: #cc0530;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 0 7px 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.voir_map a{
    color: white;
    text-decoration: none;
}

.detail-boutique{
    color: #cb0631;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    position: relative;
    width: 100%;
}

.boutique-franchise{
    font-style: italic;
    color: #9d9994;
    font-size: 10px;
}

.center_ville{
    width: 18%;
    vertical-align: top;
}

#detail_magasin_content{
    display: inline-block;
    width: 80%;
    vertical-align: top;
}

.detail_boutique_lcdp{
    margin-top: 10px;
}

.title_detail_magasin{
    color: #cb0631;
    font-family: Ubuntu;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.detail-boutique{
    display: none;
}

.boutique-franchise{
    display: none;
}

.footer-logo{
    margin-bottom: 12px;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .footer-newsletter{
        width: 100%;
        padding: 10px 30px 20px;
    }

    .footer-boutique{
        width: 100%;
        padding: 10px 30px 20px;
    }

    .container{
        width: 100%;
    }

    .footer-column{
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-social{
        text-align: center;
    }

    .footer-title{
        margin-bottom: 5px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    .footer-newsletter{
        width: 100%;
        padding: 10px 30px 20px;
    }

    .footer-boutique{
        width: 100%;
        padding: 10px 30px 20px;
    }

    .container{
        width: 100%;
    }

    .footer-column{
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-social{
        text-align: center;
    }

    .footer-title{
        margin-bottom: 5px;
    }

}

#myaccount_form{
    color: #3d3d3d;
}

#optins_subscribe{
    color: #77726d;
}


#optins_subscribe .form-input-newsletter
{
    color: #bda67c;
    border: 0;
    border-radius: 20px;
    text-align: center;
}

.title_account_lcdp{
    color: #3d3d3d;
    font-size: 38px;
    letter-spacing: -0.12em;
    font-family: 'Nothing You Could Do', cursive;
    text-align: center;
    background-image: url('/images/separaror_title.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.account_informations .form-group{
    margin-bottom: 10px;
}

.account_informations input:not(.button_account_lcdp):not([readonly])
{
    background-color: #fff;
    text-align: center;
    padding: 13px 30px;
    height: auto;
}

.container-btn-disconnect {
    margin: 0 0 15px;
}

.button_account_lcdp{
    background-color: #bda67c !important;
    background-image: url("/images/right_arrow_white.png");
    background-position: 120px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 5px 0;
    text-transform: uppercase;
    text-align: center;
    width: 150px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.button_account_lcdp:hover
{
    color: #3d3d3d;
}

.button_account_lcdp_return_valid{
    background-color: #4580b8;
    background-image: url("/images/right_arrow_white.png");
    background-position: 180px center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 5px 0 5px 15px;
    text-align: left;
    text-transform: uppercase;
    width: 200px;
    cursor: pointer;
}

.button_account_lcdp_see_order{
    background-color: #3d3d3d;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    cursor: pointer;
}

.button_account_lcdp_see_order:hover
{
    background-color: #bda67c;
    color: #3d3d3d;
}

.button_account_lcdp_return{
    background-color: #FCC000;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    cursor: pointer;
}

.button_account_lcdp_address{
    background-color: #3d3d3d;
    background-image: url("/images/right_arrow_white.png");
    background-position: 280px center;
    background-repeat: no-repeat;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding: 5px 0;
    text-transform: uppercase;
    width: 300px;
    border: none;
    cursor: pointer;
}

.button_account_lcdp_address:hover
{
    background-color: #bda67c;
    color: #3d3d3d;
}
.Ktabaddresses{
    width: 100%;
}

.Ktabaddresses .Ktabaddresses_onglets{
    width: 100%;
}

.Ktabaddresses .Ktabaddresses_onglet_select{
    float: none;
    width: 100%;
    border: none;
    background-color: #373737;
    border-radius: 0px;
    text-align: left;
    padding: 15px;
    background-image: url('/images/check_address.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 50px;
    color: #fff;
    font-weight: bold;
}

.Ktabaddresses .Ktabaddresses_onglet_unselect{
    float: none;
    width: 100%;
    border: none;
    background-color: white;
    border-radius: 0px;
    text-align: left;
    padding: 15px;
    background-image: url('/images/uncheck-circle.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 50px;
    color: #77726d;
    font-weight: bold;
}

.Ktabaddresses .Ktabaddresses_volets{
    border: none;
    border-radius: 0px;
    margin-top: 40px;
    width: 100%;
}

.Ktabaddresses .Ktabaddresses_volets .Ktabaddresses_volet_select{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.Ktabaddresses .div_address{
    border: none;
    color: #3d3d3d;
    font-weight: 600;
    background-color: #fff;
}

.Ktabaddresses .myaddresses_add_address{
    padding-top: 20px;
}

.modal-body-addadress
{
    background-color: #f8f8f8;
}

.btn-addadress
{
    background-color: #3d3d3d;
    color: #fff;
    border: 0;
}

.btn-addadress:hover
{
    color: #3d3d3d;
    background-color: #bda67c;
    border: 0;
}

.eshop_listavoirs{
    border: none;
    border-radius: 0px;
    background-color: white;
    width: 100%;
}

.eshop_listavoirs .eshop_avoirs{
    background-color: #f4efea;
    border: none;
    height: auto;
    margin-bottom: 20px;
}

.eshop_listavoirs .eshop_avoirs .eshop_avoirs_content{
    margin: 0px;
    color: #77726d;
    font-weight: bold;
}

.eshop_listavoirs .eshop_avoirs .eshop_avoirs_amount{
    background-color: #A2AE02;
}

.noavoirs{
    color: #77726d;
    font-weight: bold;
    text-align: center;
}

.one_order{
    background-color: #fff;
    border: 1px solid #d0cbc6;
    margin-bottom: 20px;
    color: #3d3d3d;
    font-weight: bold;
}

.one_wishlist{
    background-color: #f4efea;
    border: none;
    margin-bottom: 20px!important;
    color: #77726d;
    font-weight: bold;
}

.one_order_top_button{
    margin-top: 0;
    padding: 2px;
}

.date span{
    margin-right: 2px;
}

.one_order_top{
    margin-top: 0px;
}

.orderlist_orderdetail{
    color: #3d3d3d;
    font-weight: bold;
}

.detailorder table
{
    width: 100%;
    background-color: #f8f8f8;
}

.detailorder table.detail-confirm
{
    width: 100%;
    background-color: #fff;
}

.detailorder_article_list{
    color: #3d3d3d;
    font-weight: bold;
}

.detail-order-adresses
{
    margin: 15px 0;
}

.panel.shipping
{
    
}

@media screen and (min-width: 767px)
{
    .panel.shipping,
    .panel.facturation
    {
        min-height: 195px;
    }
    
    .panel.shipping
    {
        margin-right: 10px;
    }
    
    .panel .facturation
    {
        margin-left: 10px;
    }
}

.return_select_reasons{
    margin-bottom: 20px;
}

.return_free_text{
    margin-bottom: 20px;
}

.return_free_text textarea{
    width: 100%;
    min-height: 100px;
}

#return_valid_button{
    margin-bottom: 10px;
}

.return_not_allowed{
    padding: 15px;
    color: #77726d;
    font-weight: bold;
}

.button_mywishlist_add{
    margin-top: 40px;
}

.navbar-nav .menu-cartbox{
    width: 100%;
}

.navbar-nav .menu-cartbox .cartbox-preview.large{
    width: 100%;
    padding-left: 10px;
}

.navbar-nav .menu-cartbox .cartbox_sentence_icon{
    display: none;
}

.navbar-nav .menu-cartbox .cartbox_ponc_icon{
    display: none;
}

.navbar-nav .menu-cartbox .cartbox_nb_item_icon{
    display: table-cell;
    vertical-align: middle;
    width: 25px;
}

.cartbox_table_icon{
    display: table;
}

.cartbox_sentence_icon{
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding-right: 8px;
    padding-left: 8px;
}

.cartbox_ponc_icon{
    display: table-cell;
    vertical-align: middle;
    width: 10px;
}

.cartbox_table_icon.large .cartbox_header_icon
{
    background-image: url('/images/cartbox_icon_white.png');
}

.cartbox_header_icon{
    display: table-cell;
    padding-right: 10px;
    padding-left: 15px;
    height: 20px;
    background-image: url('/images/cartbox_icon.png');
    background-repeat: no-repeat;
}

.cartbox_nb_item_icon{
    display: table-cell;
    vertical-align: middle;
    width: 15px;
}

.cartbox_reset_icon{
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 10px;
    position: relative;
    bottom: 1px;
    padding-right: 10px;
}

.cartbox_no_item{
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px;
    padding-left: 7px;
}

.navbar-fixed-top .onglet_title{
    display: none;
}

.navbar-fixed-top .background_image_61{
    background-image: none;
}

.navbar-fixed-top .background_image_62{
    background-image: none;
}

.navbar-fixed-top .background_image_63{
    background-image: none;
}

.navbar-fixed-top .background_image_69{
    background-image: none;
}

.navbar-fixed-top .background_image_70{
    background-image: none;
}

.navbar-fixed-top .navbar-nav > li{
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.navbar-fixed-top .background_image_61 .dropdown-toggle{
    padding: 10px;
}

.navbar-fixed-top .background_image_62 .dropdown-toggle{
    padding: 10px;
}

.navbar-fixed-top .background_image_63 .dropdown-toggle{
    padding: 10px;
}

.navbar-fixed-top .background_image_69 .dropdown-toggle{
    padding: 10px;
}

.navbar-fixed-top .background_image_70 .dropdown-toggle{
    padding: 10px;
}

.cartbox-preview-articles-favorite{
    margin-top: 10px;

}

#cartbox_preview{
    z-index: 1000;
}

.button_mywishlist_add{
    display: none;
}
.container_wishlist .list-group-item{
    border: none;
}

.container_one_wishlist{
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

.container_whislist_close{
    cursor: pointer;
}

.container_whislist_image img
{
    width:200px;
}

.container_whislist_text{
    color: #3d3d3d;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    height: 85px;
}

.container_whislist_select{
    background-color: #fff;
    border-radius: 2px;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    color: #3d3d3d;
    text-transform: uppercase;
    display: table;
}

.container_whislist_one{
    margin-bottom: 10px;
    height: 380px;
}

.container_whislist_select_selector{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    position: relative;
    top: 2px;
}

.container_whislist_select_sentence{
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
}

.container_whislist_buttons{
    margin-top: 20px;
}

.container_whislist_separator{
    margin-top: 20px;
}

.container_whislist_buttons{
    text-align: center;
    width: 100%;
}

.container_whislist_button_all{
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: #bda67c;
    border-radius: 20px;
    border: none;
    font-weight: bold;
}

.container_whislist_button_add_cart{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: white;
    border-radius: 20px;
    border: none;
    font-weight: bold;
}

.container_whislist_button_add_cart.enable{
    background-color: #bda67c !important;
    color: #fff;
}

.container_whislist_button_add_cart.disable{
    background-color: #fff !important;
    color: #bda67c;
    cursor: auto;
}

.container_whislist_price{
    color:#3297b7;
}

.search_yoursearch{
    display: none;
}

.no-border
{
    border: none !important;
}


/*==================================
        RESPONSIVE MON COMPTE
===================================*/
@media screen and (max-width: 768px)
{
    .title_account_lcdp
    {
        text-align: center;
        background-position: bottom center;
        font-size: 25px;
    }

    .button_account_lcdp
    {
        width: 100%;
        background-position: 95% center;
        text-align: center;
        padding: 5px 5%;
    }

    .container_whislist_button_all,
    .container_whislist_button_add_cart
    {
        padding: 8px 0;
        width: 100%;
    }

    .container_whislist_button_add_cart
    {
        margin-top: 20px;
    }

    .container_whislist_select
    {
        width: 100%;
    }

    .one_order_top
    {
        text-align: center;
    }
}

/*############################*/
/*     GUIDE DES TAILLES      */
/*############################*/


.guide_taille
{
    position:relative;
    width:1000px;
    margin: 50px auto 0 auto;
}

.guide_taille .contener_onglets
{
    position:relative;
    float:left;
    width:180px;
}

.guide_taille .onglet_select
{
    position:relative;
    font-weight: 500;
    font-size:15px;
    text-transform:uppercase;
    color:#cc0530;
    background-color:#eeeae4;
    border-top:1px dashed #ddd9d3;
    border-bottom:1px dashed #ddd9d3;
    padding: 15px 0 15px 15px;
    width:180px;
    cursor:pointer;
}

.guide_taille .onglet_unselect
{
    position:relative;
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size:15px;
    text-transform:uppercase;
    color:#949088;
    border-bottom:1px dashed #ddd9d3;
    padding:15px 0 15px 15px;
    width:155px;
    top:1px;
    cursor:pointer;
}

.guide_taille .contener_contenus
{
    position:relative;
    float:left;
    width:820px;
    margin:0 0 50px 0;
}

.guide_taille .contenu_select
{
    position:relative;
    float:left;
    width:820px;
    padding-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    background-color:#eeeae4;
    border-top:1px dashed #ddd9d3;
    border-bottom:1px dashed #ddd9d3;
}

.guide_taille .contenu_unselect
{
    display:none;
}

.guide_taille .tableau
{
    position:relative;
    float:left;
    width:780px;
    margin: 0 20px 20px 20px;
    padding-bottom:25px;
    border-bottom:1px dashed #B3B0AB;
}

.guide_taille .titre
{
    position: relative;
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 15px;
    font-size:15px;
    color:#cc042f;
}

.guide_taille table
{
    position:relative;
    float:left;
    text-align:center;
    font-size:12px;
    color:#949088;
}

.guide_taille th
{
    background-color:#b3b0ab;
    color:#FFF;
    padding:5px 12px;
}

.guide_taille .tr_01
{
    background-color:#FFF;
}

.guide_taille .tr_02
{
    background-color:#faf7f3;
}

.guide_taille td
{
    padding:5px 11px;
}

.guide_taille .asterisque
{
    position:relative;
    float:left;
    width:100%;
    font-size:11px;
    color:#949088;
    padding-bottom: 20px;
    padding-left: 20px;
}

#form-login{
    margin-bottom: 40px;
    margin-top: 40px;
}

.box-login{
    height: auto;
    padding: 25px 80px;
    background-color: #323232;
}

.box-create-account{
    height: auto;
    padding: 25px 70px;
    background-color: #fff;
}

.box-create-account .title_form_login
{
    color: #bda67c;
}

.box-admin{
    height: auto;
    padding: 20px 140px;
    background-color: #323232;
}

.title_form_login{
    font-family: 'Nothing You Could Do', cursive;
    font-size: 35px;
    color: #fff;
    width: 230px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: -4px;
    line-height: 35px;
    margin-bottom: 15px;
}

/*==================================
        RESPONSIVE LOGIN
===================================*/
@media screen and (max-width: 768px)
{
    .title_form_login
    {
        text-align: center;
    }

    .box-login,
    .box-create-account
    {
        border: 0;
        padding: 20px;
    }

    .box-login .lcdp-underline-title,
    .box-create-account .lcdp-underline-title
    {
        width: 100%;
        text-align: center;
    }

    #form-login
    {
        margin: 0;
    }
    
    .box-admin{
        padding: 20px 30px;
    }
}

.margin_bottom{
    margin-bottom: 20px;
}

.input_lcdp{
    background-color: #373737;
    border: 0 none;
    border-radius: 20px;
    color: #bda67c;
    padding: 8px;
    width: 100%;
    text-align: center;
}

.button_lcdp_login{
    background-color: #fff;
    border: 0 none;
    border-radius: 20px;
    color: #bda67c;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-top: -10px;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.button_lcdp_login:hover,
.button_lcdp_login:focus,
.button_signin:hover,
.button_signin:focus
{
    color: #bda67c;
}

.button_signin
{
    background-color: #323232;
    border: 0 none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-top: -10px;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 37px;
}

#form-login .alert{
    margin-bottom: 0px;
    background-color: white;
    border: none;
    padding: 0;
    text-align: center;
}

.subtitle_createaccount{
    color: #cc0530;
    font-size: 14px;
    font-weight: bold;
}

.cadre_text2{
    background-image: url("/images/coeur-favoris.png");
    background-position: 0 4px;
    background-repeat: no-repeat;
    color: #323232;
    display: block;
    font-size: 14px;
    line-height: 25px;
    padding-left: 30px;
    position: relative;
}

#form-create{
    color: #a6a198;
}

.title_form_createaccount{
    color: #3d3d3d;
    font-size: 35px;
    font-weight: 400;
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    font-family: 'Nothing You Could Do', cursive;
}

#gender,
#createaccount_gender, #createaccount_magasin
{
    background-color: #fff;
    border: 0 none;
    border-radius: 20px;
    color: #bda67c;
    padding: 8px;
    width: 100%;
    padding-left: 10px;
}

#form-create
{
    padding: 0 20px;
}

.form-account,
.subtitle_createaccount_form
{
    margin-top: 20px;
}

.subtitle_createaccount_form{
    background-image: url('/images/separation.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #323232;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.success_createaccount_txt
{
    color: #a6a198;
    font-size: 14px;
    font-weight: bold;
}

.contextcreateaccount > .title_form_createaccount
{
    margin-top: 40px;
}

.form-account-user{
    padding-left: 0px;
    color: #3d3d3d;
}

.form-account-user input,
.form-account-user select,
.form-account-address input,
.form-account-address select
{
    background-color: #fff;
    text-align: left;
}

.form-account-user select,
.form-account-address select
{
    appearance: none;
    -moz-appearance : none;
    -webkit-appearance: none;
    background: #fff url('../images/arrow-select.png') no-repeat;
    background-size: 12px;
    background-position: right 20px center;
}

.form-account-address
{
    color: #3d3d3d;
}

.form-account-optins label
{
    color: #bda67c;
}

#account_day,
#account_month,
#account_year
{
    background-color: #fff;
    border: 0 none;
    border-radius: 20px;
    color: #bda67c;
    padding: 8px;
    padding-left: 10px;
}


#account_shipping_state,
#account_shipping_country {
    background-color: #fff;
    border: 0 none;
    border-radius: 5px;
    color: #bda67c;
    padding: 8px;
    padding-left: 10px;
}

#form-create .button_lcdp_login
{
    background-color: #3d3d3d;
    color: #fff;
}

#form-create .button_lcdp_login:hover
{
    background-color: #bda67c;
    color: #3d3d3d;
}

#container-account-billing{
    display: none;
}

.create_account_error{
    padding-bottom: 20px;
    padding-top: 20px;
}

.declinaison_line .c1{
    display: none;
}

.declinaison_line{
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.neeetcatalogsearch .catalog-header{
    text-align: center;
}

.neeetcatalogsearch{
    margin: 20px auto;
}

.neeetcatalogsearch .catalog-body{
    text-align: center;
}

.neeetcatalogsearch .catalog-body .lcdp-underline-title{
    margin-bottom: 20px;
}

.container_header_wishlist{
    background-color: #bda67c;
    background-image: url("/images/fond_popup_wishlist.png");
    background-position: 35px 20px;
    background-repeat: no-repeat;
    height: 115px;
    position: relative;
    width: 100%;
    font-family: 'Nothing You Could Do', cursive;
    color: #fff;
    text-align: center;

}


.container_content_wishlist{
    background-color: white;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #3d3d3d;
}

.container_sentence_article_wishlist{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 25px;
    padding-left: 40px;
    padding-top: 25px;
}

.container_content_wishlist_ref{
    font-size: 11px;
}

.container_content_wishlist_price{
    color: #3297b7;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.container_sentence_article_button{
    margin-top: 20px;
}

.container_header_wishlist .addcart_sentence{
    font-size: 35px;
    padding-top: 20px;
}

.btn-add-wishlist
{
    background-color: #3d3d3d;
    margin-bottom: 10px;
}

#affilie{
    color: #a6a198;
}


/**
 * Formulaire de contact
 */

#contactform_postuler{
    color: #a6a198;
}

#contactform_candidater{
    color: #a6a198;
}

.formcontact{
    width:50%;
    margin: 25px auto;
    padding: 25px 80px;
    color: #3d3d3d;
}

@media screen and (max-width: 1200px)
{
    .formcontact{
        width:80%;
    }
}

@media screen and (max-width: 768px)
{
    .formcontact{
        width:90%;
        padding: 5px 10px;
    }
}
.formcontact h2
{
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

.formcontact h3
{
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

.formcontact_selecttheme
{
    margin: 10px 0;
}

.formcontact input ,
.formcontact select ,
.formcontact textarea {
    border: 0;
    border-radius: 20px;

}

.formcontact input[type=submit] {
    background-color: #3d3d3d;
    color: #fff !important;
}
.formcontact input[type=submit]:hover {
    background-color: #bda67c;
    color: #3d3d3d;
}


.contactform
{
    /*display:none;*/
}

#contact_uploaded_file
{
    float: left;
    margin: 20px 0 40px;
    position: relative;
    width: 100%;
    display:none;
}

#contact_uploaded_file .control-label
{
    float: left;
    left: -15px;
    margin-right: 20px;
    position: relative;
}

#contact_uploaded_file .controls
{

}

.formcontact .lcdp-underline-title
{
    margin: 20px 0;
}

#contact-sizeguide
{
    font-size: 20px;
    margin: 20px;
    text-align: center;
    display:none;
}

#contact-sizeguide a {
    background-color: #eeeae4;
    border-radius: 5px;
    color: #a6a198;
    cursor: pointer;
    padding: 5px 10px;
}

#contact_list_store
{
    display:none;
}

#contact_order_number
{
    display:none;
}

.label_lcdp{
    margin-top: 7px;
}

.container_box_affilie{
    padding-right:40px;
}

.subtitle_affilie_form{
    border-bottom: 1px dashed #ddd9d3;
    color: #cc0530;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 14px;
}

#affilie select{
    background-color: #eeeae4;
    border: 0 none;
    border-radius: 5px;
    color: #75716a;
    padding: 8px;
    padding-left: 10px;
    width: 100%;
}

.champs_obligatoires{
    color: #a6a198;
    font-style: italic;
    font-size: 12px;
    text-align: right;
}

.end_candidature_part1{
    color: #a6a198;
    font-size: 14px;
}

.end_candidature_part2{
    color: #a6a198;
    font-size: 14px;
}

.message_upload{
    color: green;
}

.intro_contacter{
    color: #3d3d3d;
    font-family: 'Nothing You Could Do', cursive;
    letter-spacing: -4px;
    font-size: 35px;
    line-height: 1;
    margin-top: 20px;
    text-align: center;
}

.subintro_contacter{
    color: #3d3d3d;
    font-style: italic;
}

.navbar-header
{
    background-color: #fff;
    padding: 25px 0;
}

.service_client
{
    font-size: 14px;
}

.service_client img
{
    padding-top: 6px;
}

#searchemail-result
{
    min-height: 40px;
}

#select_modliv
{
    margin: 20px auto;
    width: 50%;
}

#select_modliv ul
{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#select_modliv ul li
{
    background-color: #cc0530;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;
    background-image: url('../images/radio_uncheck.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}

#select_modliv ul li.select
{
    background-image: url('../images/radio_check.png');
    background-repeat: no-repeat;
}

#createaccount
{
    display: none;
}

#valid_mag
{
    margin:20px 0 50px;
}

.contact_message_ok {
    text-align: center;
    font-size: 26px;
    line-height: 1;
    margin: 35px 0;
    font-family: "Nothing you could do";
}

/*
-------------------------------------------------
    RESPONSIVE HEADER
-------------------------------------------------
*/

@media screen and (max-width: 768px)
{
    .navbar_menu
    {
        padding: 0 4%;
    }

    .navbar_menu > li a
    {
        width: 100%;
        text-align: left;
        white-space: nowrap;
    }

    .navbar_menu > li .onglet_title
    {
        display: none;
    }

    .navbar_menu .dropdown.open br
    {
        display: none;
    }

    .header-body
    {
        display: none;
    }

    .menu-eshop.navbar-fixed-top > .menu-wrapper
    {
        width: 100%;
        margin: 0 auto;
    }

    .header .container
    {
        width: 100%;
    }

    .navbar-header
    {
        width: 100%;
        float: none;
        position: relative;
    }

    .navbar-toggle
    {
        margin-right: 10px;
    }
}

@media screen and (min-width: 768px)
{
    .header-body
    {
        display: block;
    }

    .menu-eshop.navbar-fixed-top > .menu-wrapper
    {
        margin: 0 auto;
        width: 80%;
    }

    .navbar-nav > li
    {
        float: left;
        margin-top: 2px;
    }
}

.navbar-mobile
{
    display: inline-block;
    float: right;
}

.navbar-mobile > div
{
    position: relative;
    display: inline-block;
    height: 50px;
}

.navbar-mobile > div:last-child
{
    margin-right: 10px;
}

.navbar-mobile > div > img
{
    margin: 10px 10px;
}

.navbar-mobile > div > a
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.cartbox-mobile
{
    position: relative;
}

.cartbox-mobile .badge.badge-cartbox
{
    background-color: #cc0530;
    color: #fff;
    height: 20px;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 18px;
    width: 22px;
    z-index: 0;
    pointer-events: none;
}

.header-top-mobile
{
    background-color: #bda67c;
    color: #75716a;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

/*
-------------------------------------------------
                    PATTERN 2 BOUTONS
-------------------------------------------------
*/

.container_deux_boutons,
.container_un_bouton_titre {
    position: relative;
}

.container_deux_boutons img,
.container_un_bouton_titre img{
    width: 100%;
}

.container_deux_boutons .deux_boutons{
    left: 10%;
    position: absolute;
    top: 40%;
    width: 32%;
    z-index: 20;
}

.container_link_content_rotator{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.container_un_bouton_titre_mentions_legales
{
    text-align:center;
}

.container_un_bouton_titre_mentions_legales .un_bouton_titre {
    position: absolute;
    top: 85%!important;
    left: 0;
    width: 100%!important;
    z-index: 20;
}

.container_un_bouton_titre_mentions_legales .un_bouton_titre_bis {
    position: absolute;
    top: 79%!important;
    left: 0;
    width: 67%/*!important*/;
    z-index: 20;
}

.container_un_bouton_titre .un_bouton_titre {
    position: absolute;
    top: 52%;
    left: 0;
    width: 54%;
    z-index: 20;
}

.container_un_bouton_titre .un_bouton_titre_bis {
    position: absolute;
    top: 52%;
    left: 0;
    width: 67%;
    z-index: 20;
}

.container_deux_boutons .titre_un_bouton{
}


.container_deux_boutons .bouton_un_bouton,
.container_un_bouton_titre .bouton_un_bouton{
    text-align: center;
}


.container_deux_boutons .container_bouton{

}

.container_deux_boutons .first_container{
    margin-bottom: 60px;
}

.container_deux_boutons .titre_un_bouton,
.container_un_bouton_titre .titre_un_bouton {
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 12px;
    text-align: center;
    font-family: 'DK_Lemon_Yellow_Sun';
}

.container_un_bouton_titre .titre_un_bouton {
    font-size: 38px;
    margin-bottom: 1px;
    line-height: 1;
}

.container_un_bouton_titre .sous_titre_un_bouton {
    font-size: 19px;
    margin-bottom: 35px;
    text-align: center;
}

.boutons{
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 35px;
    text-align: center;
    border-radius: 5px;
    background-color: rgb(204, 5, 48);
    background-image: url("../images/btn-arrow-right.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 14px;
    background-color: white;
}

.boutons.rouge{
    background-color: #E6303C!important;
}

.boutons.jaune{
    background-color: #E4CD25!important;
}

.boutons.rose{
    background-color: #EA2366!important;
}

.container_deux_boutons .titre_un_bouton
{
    color:#908674;
}

@media screen and (min-width: 1200px) and (max-width: 1400px)
{
    .container_deux_boutons .titre_un_bouton,
    .container_un_bouton_titre .titre_un_bouton {
        font-size: 32px;
        margin-bottom: 12px;
    }

    .container_un_bouton_titre .titre_un_bouton {
        margin-bottom: 1px;
    }

    .container_un_bouton_titre .sous_titre_un_bouton {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .container_deux_boutons .bouton_un_bouton .boutons,
    .container_un_bouton_titre .bouton_un_bouton .boutons{
        font-size: 14px;
    }

    .container_deux_boutons .first_container,
    .container_un_bouton_titre .first_container{
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px)
{
    .container_deux_boutons .titre_un_bouton,
    .container_un_bouton_titre .titre_un_bouton {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .container_un_bouton_titre .titre_un_bouton {
        margin-bottom: 1px;
    }

    .container_un_bouton_titre .sous_titre_un_bouton {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .container_deux_boutons .bouton_un_bouton .boutons,
    .container_un_bouton_titre .bouton_un_bouton .boutons {
        font-size: 14px;
    }

    .container_deux_boutons .first_container,
    .container_un_bouton_titre .first_container {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px)
{
    .container_deux_boutons .titre_un_bouton,
    .container_un_bouton_titre .titre_un_bouton {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .container_un_bouton_titre .titre_un_bouton {
        margin-bottom: 1px;
    }

    .container_un_bouton_titre .sous_titre_un_bouton {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .container_deux_boutons .bouton_un_bouton .boutons,
    .container_un_bouton_titre  .bouton_un_bouton .boutons{
        font-size: 14px;
    }

    .container_deux_boutons .first_container,
    .container_un_bouton_titre .first_container{
        margin-bottom: 0px;
    }

    .container_deux_boutons .deux_boutons,
    .container_un_bouton_titre .un_bouton_titre,
    .container_un_bouton_titre .un_bouton_titre_bis{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        padding-top: 30px;
        padding-bottom: 50px;
        background-color: #EFEFEF;
    }

    .container_deux_boutons .col-sm-6 {
        width: 50%!important;
    }

    .container_mentions_legales{
        position: relative!important;
        left: 0!important;
        width: 100%!important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px)
{
    .container_deux_boutons .titre_un_bouton,
    .container_un_bouton_titre .titre_un_bouton {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .container_un_bouton_titre .titre_un_bouton {
        margin-bottom: 1px;
    }

    .container_un_bouton_titre .sous_titre_un_bouton {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .container_deux_boutons .bouton_un_bouton .boutons,
    .container_un_bouton_titre .bouton_un_bouton .boutons{
        font-size: 14px;
    }

    .container_deux_boutons .first_container,
    .container_un_bouton_titre .first_container{
        margin-bottom: 40px;
    }

    .container_deux_boutons .deux_boutons,
    .container_un_bouton_titre .un_bouton_titre,
    .container_un_bouton_titre .un_bouton_titre_bis{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        min-height: 260px;
        background-color: #EFEFEF;
        padding-top: 30px;
    }
}

/*
-------------------------------------------------
                    page fidélité
-------------------------------------------------
*/
.fidelite-container
{
    background-repeat: repeat;
}

.fidelite-header
{
    margin: 45px 0 50px 0;
}

.fidelite-text
{
    padding: 114px 0 125px 0;
    font-size: 14px;
    color: #3d3d3d;
}

.fidelite-text p
{
    margin-bottom: 20px;
}

.fidelite-text p:first-child
{
    font-family: 'Nothing You Could Do', cursive;
    font-size: 18px;
}

.fidelite-img img
{
    display: block;
    max-width: 100%;
    height: auto;
}

.fidelite-badge
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 90px;
}

.badge-item
{
    width: 275px;
    height: 270px;
    background-color: #fff;
    text-align: center;
    padding: 50px 40px;
    position: relative;
}

.badge-item::after
{
    content: '';
    display: inline-block;
    width: 185px;
    height: 30px;
    background: url('/media/images/contenu_froid/fidelite/fleche.png') no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: -150px;
    top: 37%;
    z-index: 2
}

.badge-item:last-child::after
{
    display: none;
}

.badge-desc-l01
{
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 8px 0;
}

.badge-desc-l02
{
    font-size: 13px;
    line-height: 1;
    color: #bda67c;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
}

.footer-bloc01
{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 75px;
}

.footer-bloc01::after
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 155px;
    height: 3px;
    background: url('/images/separation3.png');
    background-repeat: repeat-x;
}

.footer-bloc01 p
{
    margin: 0;
    line-height: 1.3;
}


.footer-bloc01 .footer-title
{
    color: #bda67c;
    font-size: 35px;
    line-height: 1.2;
    text-transform: uppercase;
}

.footer-bloc01 .footer-subtitle
{
    font-family: 'Nothing You Could Do', cursive;
    color: #3d3d3d;
    font-size: 30px;
}

.footer-note
{
    font-size: 10px;
    color: #9e9e9e;
    margin-bottom: 60px;
}

@media screen and (min-width: 980px) and (max-width:1199px)
{
    .fidelite-badge
    {
        justify-content: space-between;
    }
}

@media screen and (max-width:989px)
{
    .fidelite-badge
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 45px;
    }

    .fidelite-text
    {
        padding: 50px 0 50px 0;
    }

    .badge-item
    {
        margin-bottom: 40px;
    }

    .badge-item::after
    {
        transform: rotate(90deg);
        width: 105px;
        top: 100%;
        right: 32%;
    }

}

@media screen and (max-width:767px)
{
    .fidelite-header
    {
        margin: 20px 0 20px 0;
    }

    .fidelite-img img
    {
        margin: auto;
        width: 200px;
    }

    .fidelite-text
    {
        padding: 20px 0 20px 0;
    }
}

.page404-container
{
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
    padding: 20px 0;
}

.img-404 img
{
    display: block;
    max-width: 100%;
    height: auto;
}

.text-404-right
{
    font-family: 'Nothing You Could Do', cursive;
    color: #bda67c;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.12em;
    margin-bottom: 20px;
}

.bloclinks-404
{
    background-color: #fff;
    text-align: center;
    padding: 30px 80px;
    font-size: 14px;
    position: relative;
}

.bloclinks-404:before, .bloclinks-404:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 30px;
    left: 28px;
    width: 39%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 31px 17px #777;
    -moz-box-shadow: 0 31px 17px #777;
    box-shadow: 0 31px 17px #777;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.bloclinks-404:after
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 6px;
    width: 10%;
    left: auto;
    top: 38px;
}

.text-404-intro
{
    color: #323232;
    font-weight: 700;
    margin-bottom: 13px;
}

.bloclinks-404 .btn,
.bloclinks-404 .btn a
{
    display: block;
    text-transform: uppercase;
    color: #fff;
    width: 70%;
    margin: auto;
    font-weight: 700;
    margin-top: 10px;
}

.button-primary
{
    background-color: #323232;
    border-radius: 20px;
}

.button-secondary
{
    background-color: #bda67c;
    border-radius: 20px;
}

@media screen and (min-width:979px)
{
    .right-content-404
    {
        padding: 0 20px;
    }
}

@media screen and (max-width:979px)
{
    .bloclinks-404
    {
        padding: 30px 20px;
    }
}

@media screen and (max-width:767px)
{
    .img-404 img
    {
        max-width: 200px;
        margin: auto;
    }
    .text-404-right
    {
        font-size: 30px;
    }
}
/*
-------------------------------------------------
                    PATTERN 1 BOUTON
-------------------------------------------------
*/

.container_un_bouton{
    position: relative;
}

.container_un_bouton img{
    width: 100%;
}

.container_un_bouton .un_bouton{
    background-color: white;
    height: 92%;
    position: absolute;
    right: 1%;
    top: 4%;
    width: 45%;
}

.container_image_un_bouton{
    text-align: center;
    margin-top: 10%;
}

.container_image_un_bouton img{
    width: auto;
}

.soustitre_un_bouton{
    font-size: 18px;
    margin-bottom: 25px;
    text-align: center;
}

.container_un_bouton .titre_un_bouton{

}

.container_un_bouton .bouton_un_bouton{
    text-align: center;
}

.container_un_bouton .container_bouton{
    margin-top: 10px;
}

.container_un_bouton .titre_un_bouton{
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
}

.boutons
{
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 45px;
    text-align: center;
    border-radius: 5px;
    background-color: rgb(204, 5, 48);
    background-image: url("../images/btn-arrow-right.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 18px;
    background-color: blue;
}

.boutons_NC
{
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 25px;
    text-align: center;
    border-radius: 5px;
    background-color: rgb(204, 5, 48);
    background-image: url("../images/btn-arrow-right.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 14px;
    background-color: blue;
}

.boutons:hover,
.boutons:focus
{
    color: white;
}

.boutons.rouge{
    background-color: #E6303C!important;
}

.boutons.jaune{
    background-color: #E4CD25!important;
}

@media screen and (min-width: 1200px) and (max-width: 1400px)
{
    .container_un_bouton .titre_un_bouton{
        font-size: 18px;
        margin-bottom: 12px;
    }

    .container_un_bouton .bouton_un_bouton .boutons{
        font-size: 14px;
    }

    .container_un_bouton .first_container{
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px)
{
    .container_un_bouton .bouton_un_bouton .boutons{
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px)
{
    .container_image_un_bouton{
        margin-top: 0px;
        display: none;
    }

    .container_un_bouton .titre_un_bouton{
        font-size: 16px;
    }

    .soustitre_un_bouton{
        font-size: 12px;
    }

    .container_un_bouton .container_bouton{
        margin-top: 0px;
    }

    .container_un_bouton .bouton_un_bouton .boutons{
        font-size: 14px;
    }

    .container_un_bouton .un_bouton{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        padding-top: 30px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 768px)
{
    .container_image_un_bouton{
        margin-top: 0px;
        display: none;
    }

    .container_un_bouton .titre_un_bouton{
        font-size: 16px;
    }

    .soustitre_un_bouton{
        font-size: 12px;
    }

    .container_un_bouton .container_bouton{
        margin-top: 0px;
    }

    .container_un_bouton .bouton_un_bouton .boutons{
        font-size: 14px;
    }

    .container_un_bouton .un_bouton{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        padding-top: 30px;
        padding-bottom: 50px;
    }
}

.container_service_communication{
    background-color: #dbd5cd;
    color: white;
    margin-top: 30px;
    padding: 20px;
    width: 100%;
}

.zone05.margin_left_html .jshowoff .contentrotator
{
    width:100%;
    max-width:455px;
}

/*
-------------------------------------------------
                    RESPONSIVE CORPORATE
-------------------------------------------------
*/
.main_container_content_mobile
{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.container_content_mobile
{
    position: relative;
}

.container_content_mobile .zone04,
.container_content_mobile .zone04_c
{
    height: 100%;
}

.container_contenu_niveau_trois
{
    height: 100%;
    position: relative;
}

.container_contenu_niveau_trois_picture img
{
    bottom: 30px;
    position: absolute;
}

@media screen and (min-width: 768px) and (max-width: 992px)
{
    .container_content_mobile
    {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px)
{
    .container_contenu_niveau_trois_text
    {
        margin-bottom: 20px;
    }

    .container_contenu_niveau_trois_picture img
    {
        width: 100%;
        padding-bottom: 20px;
        position: static;
    }

    .corporate_image_big_size img,
    .corporate_html img
    {
        width: 100%;
        padding-bottom: 20px;
    }

    .corporate_html
    {
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .corporate_html video
    {
        max-width: 100%;
    }

    .main_container_content_mobile
    {
        margin-top: 20px;
    }

    .corporate_image_big_size
    {
        margin-bottom: 0;
    }
}

.dropdown .dropdown-toggle
{
    line-height: 16px;
}

.dropdown .dropdown-toggle .onglet_title
{
    color: #A6A299;
    font-size: 13px;
    font-weight: normal;
}

/*-----
    CORPORATE
-------*/

.style_italic{
    font-style: italic;
    font-size: 14px;
    line-height: 150%;
}
.style_italic a{
    color : #767066;
    font-family: 'Ubuntu';
    font-weight:700;
}

.bryant_bold{
    font-family:'Ubuntu';
    text-transform: uppercase;
    font-weight:500;
}

.bryant_regular{
    font-family:'Ubuntu';
}

.container_affilie{
    position: relative;
    margin-top: 7px;
    padding-bottom: 18px;
    min-height: 541px;
}

.sous_container_affilie{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-family:'Ubuntu';
    color:#767066;
    text-align: justify;
    font-size: 15px;
    margin-top: 14px;
}

.sous_container_affilie_structure{
    margin-left: auto;
    margin-right: auto;
    padding: 2% 8%;
    font-family:'Ubuntu';
    color:#767066;
    text-align: justify;
}

.container_contact{
    text-align: left
}

.sous_container_contact{
    padding-bottom:2%;
}

.container_contact a {
    color : #9e9995;
}

.container_contact a:hover {
    font-family: 'Ubuntu';
    font-weight:700;
}

.container_mentions_legales{
    bottom: 17px;
    font-size: 10px;
    height: auto;
    /*left: 70px;*/
    position: absolute;
    /*width: 42% !important;*/
    font-style: italic;
    line-height:normal;
}

.sous_container_mentions_legales{
    padding: 10px;
}

.container_un_bouton_titre_mentions_legales .titre_un_bouton{
    display: none;
}

.container_un_bouton_titre_mentions_legales .sous_titre_un_bouton{
    display: none;
}

.newsletter_popin.page .newsletter_headerr{
    display: none;
}

.position_line_cgv{
    position: relative;
}

.border_grey_cgv{
    border: 1px solid grey;
    border-radius: 2px;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
    .container_mentions_legales{
        position: relative!important;
        left: 0!important;
        width: 100%!important;
        margin-bottom: 30px;
        text-align: center;
    }

    .container_un_bouton_titre_mentions_legales .un_bouton_titre{
        padding-bottom: 20px!important;
    }

    .container_un_bouton_titre_mentions_legales .un_bouton_titre_bis{
        padding-bottom: 20px!important;
    }

    .jshowoff p.jshowoff-slidelinks{
        z-index: 25;
    }

    p.jshowoff-controls{
        top: 45%;
    }

    .container_un_bouton_titre_mentions_legales .titre_un_bouton{
        display: block;
    }

    .container_un_bouton_titre_mentions_legales .sous_titre_un_bouton{
        display: block;
    }
}

@media screen and (max-width: 767px)
{
    .container_mentions_legales{
        bottom: 20px;
        left: 0 !important;
        text-align: center;
        width: 100% !important;
        z-index: 50;
    }

    .jshowoff p.jshowoff-slidelinks{
        z-index: 25;
    }

    p.jshowoff-controls{
        display: none;
    }

    .container_un_bouton_titre_mentions_legales .titre_un_bouton{
        display: block;
    }

    .container_un_bouton_titre_mentions_legales .sous_titre_un_bouton{
        display: block;
    }
}

/********************************************
            ROTATOR RESPONSIVE
*********************************************/
.container-2-btn .col-absolute
{
    position: absolute;
    top: 20%;
}

.container-2-btn .col-absolute-2
{
    position: absolute;
    top: 20%;
}

.container-2-btn .col-absolute .col-background
{
    border-radius: 0;
}

.container-2-btn .col-absolute-2 .col-background
{
    border-radius: 0;
}

.container-2-btn .form-group
{
    margin-bottom: 50px;
    margin-top: 35px;
}

.container-2-btn .title-btn
{
    text-transform: uppercase;
    font-size: 34px;
    margin-bottom: 12px;
    text-align: center;
    font-family: 'DK_Lemon_Yellow_Sun';
    color:#908674;
}


@media screen and (min-width: 1251px) and (max-width: 1450px)
{
    .container-2-btn .col-absolute
    {
        top: 16%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1250px)
{
    .container-2-btn .col-absolute
    {
        top: 11%;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1199px)
{
    .container-2-btn .col-absolute
    {
        top: 14%;
    }
    .container-2-btn .form-group
    {
        margin-bottom: 35px;
        margin-top: 25px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1099px)
{
    .container-2-btn .col-absolute
    {
        top: 8%;
    }
    .container-2-btn .form-group
    {
        margin-bottom: 35px;
        margin-top: 25px;
    }
}

@media screen and (min-width: 900px) and (max-width: 991px)
{
    .container-2-btn .col-absolute
    {
        top: 6%;
    }
    .container-2-btn .form-group
    {
        margin-bottom: 30px;
        margin-top: 20px;
    }
}

@media screen and (min-width: 800px) and (max-width: 899px)
{
    .container-2-btn .col-absolute
    {
        top: 10%;
    }
    .container-2-btn .form-group
    {
        margin-bottom: 15px;
        margin-top: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 799px)
{
    .container-2-btn .col-absolute
    {
        top: 6%;
    }
    .container-2-btn .form-group
    {
        margin-bottom: 15px;
        margin-top: 10px;
    }
}

@media screen and (min-width: 520px) and (max-width: 767px)
{
    .container-2-btn .col-absolute
    {
        top: 15%;
    }
    .container-2-btn .col-absolute-2
    {
        top: 5%;
    }
}

@media screen and (min-width: 464px) and (max-width: 519px)
{
    .container-2-btn .col-absolute
    {
        top: 12%;
    }
    .container-2-btn .col-absolute-2
    {
        top: 5%;
    }
}

@media screen and (max-width: 463px)
{
    .container-2-btn .col-absolute
    {
        top: 11%;
    }
    .container-2-btn .col-absolute-2
    {
        top: 5%;
    }
    .container-2-btn .form-group
    {
        margin-bottom: 15px;
        margin-top: 10px;
    }
}

@media screen and (min-width: 387px) and (max-width: 420px)
{
    .container-2-btn .form-group
    {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .container-2-btn .col-absolute
    {
        top: 11%;
    }
    .container-2-btn .col-absolute-2
    {
        top: 5%;
    }
}

@media screen and (min-width: 325px) and (max-width: 386px)
{
    .container-2-btn .form-group
    {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .container-2-btn .col-absolute
    {
        top: 11%;
    }
    .container-2-btn .col-absolute-2
    {
        top: 5%;
    }
    .container-2-btn .title-btn
    {
        font-size: 24px;
    }
}

@media screen and (max-width: 324px)
{
    .container-2-btn .col-absolute .col-background
    {
        width: 80%;
        margin: 0 auto;
        margin-left: 10%;
    }
    .container-2-btn .col-absolute-2 .col-background
    {
        width: 80%;
        margin: 0 auto;
        margin-left: 10%;
    }
    .container-2-btn .col-absolute
    {
        top: 11%;
    }
    .container-2-btn .col-absolute-2
    {
        top: 5%;
    }
    .container-2-btn .title-btn
    {
        font-size: 24px;
    }
}

.container-1-btn
{
    padding: 9px 15px;
}

.container-1-btn > div + div
{
    padding-top: 0;
}

@media screen and (max-width: 767px)
{
    .container-1-btn > div + div
    {
        padding-top: 10px;
    }
}

/*
-------------------------------------------------
                    Module fabricant
-------------------------------------------------
*/
#fabricant-container
{
    padding-top: 20px;
}

.module-fabricant
{
    background-color: #f8f8f8;
    margin-bottom: 75px;
}

.module-fabricant-homepage:nth-child(2n+1)
{
    padding-right: 15px;
}

.module-fabricant-homepage:nth-child(2n+0)
{
    padding-left: 15px;
}

.module-fabricant.fabricant-item:nth-child(2n+1)
{
    padding-right: 35px;
}

.module-fabricant.fabricant-item:nth-child(2n+0)
{
    padding-left: 35px;
}

.module-fabricant-homepage
{
    margin-bottom: 60px;
}

.module-fabricant-img
{

}

.module-fabricant img
{
    width: 100%;
    height: 100%;
    display: block;
}

.module-fabricant-img a
{
    display: block;
    color: white;

    position: relative;
}

.module-fabricant-img a:before
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('/media/images/fabriquants/module/alpha-visuel-famille.png');
}

.module-fabricant-img a:after
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('/media/images/fabriquants/module/filet-visuel-famille.png');
    background-size: 100% 100%;
    background-position: center;
}

.module-fabricant-jobs-img a:after
{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('../images/clepsydre-objet.png');
    background-size: auto;
    background-position: 15px center;
    background-repeat: no-repeat;
}

.module-fabricant-jobs-img-title-container
{
    background-color: #fff;
    position: absolute;
    top: 40%;
    right: -4%;
    text-align: center;
    width: 90%;
    z-index: 100;
}

.module-fabricant-jobs-img-title
{
    position: relative;
    background-color: #fff;
    padding: 35px 10px;
}

.module-fabricant-jobs-img-title .separator
{
    position: absolute;
    width: 40%;
    height: 3px;
    background-image: url('/images/separation3.png');
    background-repeat: repeat-x;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.module-fabricant-jobs-img-title:after,
.module-fabricant-jobs-img-title:before
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 3px;
    width: 39%;
    top: 43%;
    max-width: 300px;
    background: transparent;
    -webkit-box-shadow: 0 31px 17px #777;
    -moz-box-shadow: 0 31px 17px #777;
    box-shadow: 0 31px 17px #777;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.module-fabricant-jobs-img-title:after
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 0px;
    width: 10%;
    left: auto;
    top: 31px;
    bottom: -21px;
}

.module-fabricant-jobs-img-title h2
{
    font-size: 33px;
    font-weight: 700;
    color: #bda67c;
    margin: 0;
}

.module-fabricant-jobs-img-title h4
{
    font-size: 28px;
    color: #3d3d3d;
    font-family: 'Nothing You Could Do', cursive;
    letter-spacing: -0.05em;
    margin: 0 0 10px 0;
}

.fabricant-item
{
    height: 450px;
}
.module-fabricant-label
{
    font-family: 'Nothing You Could Do', cursive;
    font-size: 44px;
    line-height: 44px;
    letter-spacing: -0.12em;
    width: 70%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -90%);
    -webkit-transform: translate(-50%, -90%);
    -moz-transform: translate(-50%, -90%);
    -o-transform: translate(-50%, -90%);
    -ms-transform: translate(-50%, -90%);
}

.module-fabricant-label.fabricant-item-label
{
    width: 70%;
}

.module-fabricant-description
{
    margin-top: 20px;
}

.module-fabricant-brand
{
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
}

.module-fabricant-nb
{
    font-family: 'Nothing You Could Do', cursive;
    color: #3d3d3d;
    font-size: 18px;
    padding: 10px 0;
}

.module-fabricant-description p
{
    font-size: 14px;
    max-height: 124px;
    overflow: hidden;
}

.btn-discover
{
    color: #bda67c;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 20px;
    font-weight: bold;
    padding: 9px 35px;
}

.btn-discover:hover
{
    background-color: #bda67c;
}

.module-fabricant-presentation
{
    background-color: #fff;
    padding: 65px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.21);
    font-size: 14px;
}

.module-fabricant-presentation-text
{
    padding-right: 35px;
}

.module-fabricant-presentation-text p span strong
{
    text-transform: uppercase;
    font-size: 20px;
}

.module-fabricant-presentation-rotator .contentrotator > div
{
    text-align: center;
}

.module-fabricant-presentation-rotator .contentrotator > div:not(:first-child)
{
    display: none;
}
.module-fabricant-presentation-rotator .contentrotator div img
{
    width: 100% !important;
    height: auto !important;
}

.module-fabricant-discover
{
    padding-top: 90px;
    padding-left: 70px;
}
.module-fabricant-discover-title,
.module-fabricant-discover-subtitle
{
    text-transform: uppercase;
    margin: 0;
}

.module-fabricant-discover-title
{
    font-weight: 700;
    font-size: 60px;
    color: #bda67c;
}

.module-fabricant-discover-subtitle
{
    font-weight: 600;
    font-size: 20px;
    color: #3d3d3d;
    margin-top: 5px;
}

.module-fabricant-discover .btn-discover
{
    margin: 25px 0 0 0;
}

#module-fabricant-btn-vp
{
    cursor: pointer;
    text-align: left;
    display: inline-block;
    background-color: #3d3d3d;
    color: #fff;
    padding: 10px 47px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-top: 28px;
}

.module-fabricant-presentation-rotator .contentrotator
{
    background-color: #fff;
}
.module-fabricant-presentation-rotator .jshowoff p.jshowoff-slidelinks
{
    bottom: 0;
}

.module-fabricant-presentation-rotator .jshowoff-prev,
.module-fabricant-presentation-rotator .jshowoff-next
{
    display: none;
}


@media screen and (max-width: 991px)
{
    .module-fabricant-jobs-img-title-container {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .module-fabricant-homepage:nth-child(2n+1),
    .module-fabricant.fabricant-item:nth-child(2n+1)
    {
        padding: 0 15px;
        height: auto;
    }

    .module-fabricant-homepage:nth-child(2n+0),
    .module-fabricant.fabricant-item:nth-child(2n+0)
    {
        padding: 0 15px;
    }
    
    .fabricant-item {
        min-height: 680px;
    }
    
    #jobs-container {
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
    .module-fabricant-label
    {

    }
}

@media screen and (max-width: 767px)
{
    #fabricant-container
    {
        padding: 10px;
    }

    #fabricant-hp-container
    {

    }

    .module-fabricant.fabricant-item:nth-child(2n+1)
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .module-fabricant.fabricant-item:nth-child(2n+0)
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .fabricant-item
    {
        height: auto;
        min-height: 1px;
    }

    .module-fabricant-presentation
    {
        padding: 25px;
    }

    .module-fabricant-presentation-text
    {
        padding: 0;
        margin-bottom: 10px;
    }
    .module-fabricant-presentation-rotator .jshowoff p
    {
        padding: 0 !important;
    }

    .module-fabricant-discover
    {
        padding: 0;
    }

    .module-fabricant-article
    {
        margin-bottom: 20px;
    }

    .module-fabricant-discover-title
    {
        font-size: 42px;
    }

    .module-fabricant-discover-subtitle
    {
        font-size: 18px
    }

    .module-fabricant-label
    {
        font-size: 38px;
        line-height: 38px;
        width: 100%;
    }
    
    .module-fabricant-label.fabricant-item-label 
    {
        width: 100%;
    }
}

@media screen and (max-width: 450px)
{

    .module-fabricant-label
    {

    }
    .module-fabricant-brand
    {
        bottom: 18%;
    }
    .module-fabricant-img,
    .module-fabricant-img a
    {

    }
}

.cgv-title ~ p
{
    color: #3d3d3d;
    font-size: 14px;
}

/*
-------------------------------------------------
                    Pages métiers
-------------------------------------------------
*/



.jobs-content-page
{
    background-image: url('/media/images/contenu_froid/fidelite/BG.png');
    background-repeat: repeat;
}

.title-mosaisque
{
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.jobs-content-page .title
{
    font-weight: 700;
    font-size: 20px;
}

#jobs-container
{
    margin-top: 35px;
    display: block;
}

.jobs-content-page .sfamille-filter-select select
{
    background-color: transparent;
}

.jobs-content-page .module-fabricant
{
    background-color: transparent;
}

.jobs-page-content .jshowoff
{
    border: 15px solid #ffffff;
}

.jobs-page-content .content-media
{
    margin: 10px 0;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.jobs-page-content .content-media video,
.jobs-page-content .content-media iframe
{
    border: 15px solid #fff;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
}

.jobs-page-content .content-media video:before, .jobs-page-content .content-media video::after,
.jobs-page-content .content-media iframe:before, .jobs-page-content .content-media iframe::after 
{
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 8%;
    left: 5%;
    width: 39%;
    top: 80%;
    max-width: 250px;
    background: transparent;
    -webkit-box-shadow: 0 31px 17px #c9bebe;
    -moz-box-shadow: 0 31px 17px #c9bebe;
    box-shadow: 0 31px 17px #c9bebe;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.jobs-page-content .content-media video::after, 
.jobs-page-content .content-media iframe::after
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 1px;
    width: 10%;
    left: auto;
    top: 33px;
    bottom: 60%;
}

.jobs-page-content .content-media:empty {
    display: none;
}

.jobs-page-content .content-media * {
    z-index: 1;
}

.jobs-page-content .jshowoff img
{
    width: 100% !important;
    height: auto !important;
}

.jobs-page-content .jshowoff p.jshowoff-slidelinks
{
    bottom: -5px!important; 
}

.banner-jobs-page
{
    position: relative;
    margin-bottom: 150px;
    z-index: 1;
    min-height: 300px;
}

.banner-jobs-page .banner-elements
{
    position: absolute;
    width: 1200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
}


.banner-jobs-page .logo-clepsydre
{
    width: 415px;
    height: 350px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('../images/logo-le-bel-objet.png') no-repeat center;
    background-size: contain;
}

.logo-clepsydre-text
{
    position: relative;
    top: 35%;
    color: #ffffff;
    font-size: 10px;
    width: 90%;
    display: none;
}

.logo-clepsydre-text .logo-clepsydre-titre1
{
    font-size: 5.5em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}
.logo-clepsydre-text .logo-clepsydre-titre2
{
    font-size: 2em;
    text-align: center;
    line-height: 1;
}

.banner-jobs-page img
{
    width: 100%;
    height: auto;
    margin: auto;
}

.banner-jobs-page .container
{
    position: relative;
    height: 100%;
}

.jobs-labelfab,
.jobs-labeljob
{
    position: absolute;
    color: #fff;
    text-align: center;
}

.jobs-labelfab
{
    width: 245px;
    height: 245px;
    line-height: 245px;
    background-color: #3d3d3d;
    font-size: 20px;
    bottom: 30px;
    z-index: 2;
}

.jobs-labelfab img
{
    width: auto;
    height: 100%;
    vertical-align: top;
    margin: auto;
}

.jobs-labeljob
{
    width: 305px;
    height: 305px;
    background-color:  #bda67c;
    font-size: 20px;
    bottom: -78px;
    left: 220px;
    z-index: 1;
    font-family: 'Nothing You Could Do', cursive;
    font-size: 30px;
}

.jobs-labeljob-text-02
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.jobs-labeljob-text
{
    top: 50%;
    position: absolute;
    width: 55%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    margin: 10px 0;
}

.jobs-labeljob-text h1
{
    margin: 0;
}

.jobs-labeljob-text:after
{
    content: '';
    display: block;
    height: 3px;
    position: relative;
    bottom: -10px;
    width: 55%;
    margin: auto;
    background-image: url('/images/separation4.png');
    background-position: left bottom;
    background-repeat: repeat-x;
}

.kTabjobs_onglets
{
    display: table;
    width: 100%;
}

.kTabjobs .kTabjobs_onglets > div
{
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    padding: 10px 0
}

.kTabjobs_onglet_select
{
    background-color: #fff;
    border-color: #bda67c;
    border-bottom: 5px solid #bda67c;
}

.kTabjobs_onglet_unselect
{
    border-bottom: 5px solid #fff;
}



.kTabjobs_volets
{

}

.kTabjobs_volet_select
{
    display: block;
    padding: 55px 0;
}

.kTabjobs_volet_select .jshowoff p
{
    padding: 0 !important;
}

.kTabjobs_volet_unselect
{
    display: none;
}

.jobs-page-universe-title
{
    background-color: #fff;
    background-image: url('/images/separation.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: 20px 0 50px 0;
    position: relative;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3d3d3d;
    padding: 10px;
}

.kTabjobs .content-right .jshowoff:after
{
    content: '';
    position: absolute;
    top: 102%;
    left: 0;
    right: 0;
    height: 300px;
    background: url('../images/clepsydre-objet.png') no-repeat center top;
    background-size: contain;
}

@media screen and (min-width: 768px)
{
    .banner-jobs-page .banner-elements
    {
        width: 768px;
    }

    .banner-elements.banner-elements-logo
    {
        width: 100%;
    }

    .kTabjobs .content-left
    {
        padding-right: 20px;
    }

}
@media screen and (min-width: 992px)
{
    .banner-jobs-page .banner-elements
    {
        width: 992px;
    }

    .kTabjobs .content-left
    {
        padding-right: 80px;
    }
}
@media screen and (min-width: 1200px)
{
    .banner-jobs-page .banner-elements
    {
        width: 1200px;
    }
}
@media screen and (max-width: 768px)
{
    .banner-jobs-page .banner-elements
    {
        width: 100%;
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        position: relative;
    }

    .banner-elements.banner-elements-logo
    {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .banner-jobs-page .logo-clepsydre
    {
        width: 40%;
        height: 28%;
        top: 20%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .logo-clepsydre-text
    {
        font-size: 4px;
    }

    .jobs-labeljob-text
    {
        position: relative;
        top: initial;
        transform: translate(0);
        left: inherit;
        width: 100%;
    }

    .jobs-labeljob-text:after,
    .kTabjobs .content-right .jshowoff:after
    {
        display: none;
    }

    .jobs-page-content .content-media video,
    .jobs-page-content .content-media iframe
    {
        box-sizing: border-box;
    }

}


@media screen and (max-width: 767px)
{
    .banner-jobs-page
    {
        height: auto;
        margin-bottom: 30px;
    }

    .kTabjobs .kTabjobs_onglets > div
    {
        display: block;
    }

    .jobs-labelfab,
    .jobs-labeljob
    {
        position: relative;
        width: 95%;
        height: 80px;
        margin: 10px auto;
        top: inherit;
        bottom: inherit;
        right: inherit;
        left: inherit;
        overflow: hidden;
    }
}

@media screen and (max-width: 480px)
{

    .banner-jobs-page .logo-clepsydre
    {
        width: 40%;
        height: 28%;
        top: 5%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .logo-clepsydre-text
    {
        font-size: 3px;
    }
}


/*----------------------------- DEBUT ---------------------------------------
                Espace fabricant
----------------------------------------------------------------------------*/
.logout-espace-fabricant {
    cursor: pointer;
}
.container-ktab-fabricant {
    margin: 20px 0;
    color: #3d3d3d;
}

.KtabFabricant_onglets{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.KtabFabricant_onglets > div {
    cursor: pointer;
    padding: 10px;
}

.KtabFabricant_onglet_select{
    color: #000;
    border: 1px solid black;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    background-color: #bda67c;
}

.KtabFabricant_onglet_unselect {
    color: grey;
    background-color: #f8f8f8;
}

.KtabFabricant_volet_select {
    display: block;
}

.KtabFabricant_volet_unselect {
    display: none;
}

.espacefabricant-table {
    width: 100%;
    border: 1px solid #000;
}

.espacefabricant-table th{
    background-color: #bda67c;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.espacefabricant-table td {
    text-align: center;
    font-size: 11px;
    background-image: url('/images/separation.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 5px;
}

.espacefabricant-table-product td
{
    background-image: none;
}



/*----------------------------- DEBUT ---------------------------------------
                          HEADER RESPONSIVE
                        LES ONGLETS DES MENUS
             /!\ A laisser en bas de cette feuille de style SVP /!\
----------------------------------------------------------------------------*/

/* Mobile */
@media screen and (max-width: 768px)
{
    .header-logo
    {
        text-align: center;
    }

    .container_menu_corporate
    {
        top: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .background_image_61,
    .background_image_62,
    .background_image_63,
    .background_image_69,
    .background_image_70,
    .background_image_71,
    .background_image_72,
    .background_image_73,
    .background_image_74,
    .background_image_75,
    .background_image_76,
    .background_image_77,
    .background_image_78,
    .background_image_79,
    .background_image_80,
    .background_image_81,
    .background_image_83,
    .background_image_84,
    .background_image_85,
    .background_image_86
    {
        background-image: none;
    }

    .background_image_82
    {
        background-color:#ffdb2e;
    }

    .background_image_61 .dropdown-toggle,
    .background_image_62 .dropdown-toggle,
    .background_image_63 .dropdown-toggle,
    .background_image_69 .dropdown-toggle,
    .background_image_70 .dropdown-toggle,
    .background_image_71 .dropdown-toggle,
    .background_image_72 .dropdown-toggle,
    .background_image_73 .dropdown-toggle,
    .background_image_74 .dropdown-toggle,
    .background_image_75 .dropdown-toggle,
    .background_image_76 .dropdown-toggle,
    .background_image_77 .dropdown-toggle,
    .background_image_78 .dropdown-toggle,
    .background_image_79 .dropdown-toggle,
    .background_image_80 .dropdown-toggle,
    .background_image_81 .dropdown-toggle,
    .background_image_82 .dropdown-toggle,
    .background_image_83 .dropdown-toggle,
    .background_image_84 .dropdown-toggle,
    .background_image_85 .dropdown-toggle,
    .background_image_86 .dropdown-toggle
    {
        padding: 4px 10px;
        text-align: left;
        font-size: 16px;
    }

    .navbar .dropdown
    {
        border: 0;
    }

    .dropdown .dropdown-toggle
    {
        line-height: 16px;
    }

    .dropdown .dropdown-toggle .onglet_title
    {
        color: #A6A299;
        font-size: 13px;
        font-weight: normal;
    }
}

/* Desktop */
@media screen and (min-width: 768px)
{
    .header-logo
    {
        text-align: left;
        padding: 35px 0;
    }

    .container_menu_corporate
    {
        top: 0;
        margin-top: 23px;
        margin-bottom: 20px;
    }

    /* 1-18 mois */
    .background_image_61
    {
        background-image: url("../images/bg_menu_bb_title.png");
        background-repeat: no-repeat;
        background-position: center left;
    }

    /* 3mois-4 ans */
    .background_image_62
    {
        background-image: url("../images/bg_menu_petits_title.png");
        background-repeat: no-repeat;
        background-position: center left;
    }

    /* 2ans-12ans */
    .background_image_63
    {
        background-image: url("../images/bg_menu_grands_title.png");
        background-repeat: no-repeat;
        background-position: center left;
    }

    /* Les Basics */
    .background_image_69
    {
        background-image: url("../images/bg_menu_basics_title.png");
        background-repeat: no-repeat;
        background-position: center left;
    }

    /* Tous les vêtements */
    .background_image_70
    {
        background-image:url("../images/onglet_menu_deroulant.png");
        background-repeat: no-repeat;
        background-position: center left;
    }

    /* EURO 2016 */
    .background_image_74,
    .background_image_74 a:hover
    {
        background-image:url(../images/onglet_euro2016.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        width:90px;
        height:43px;
        font-size:0;
        color:#FFF;
    }

    /* POKEMON */
    .background_image_86,
    .background_image_86 a:hover
    {
        background-image:url(../images/onglet_pokemon.png);
        background-repeat:no-repeat;
        background-position: 0px 0px;
        width:120px;
        height:43px;
        font-size:0;
        color:#FFF;
    }

    .background_image_82
    {
        background-color:#4e4283!important;
    }

    .background_image_61 .dropdown-toggle, /* 1-18 mois */
    .background_image_62 .dropdown-toggle, /* 3mois-4 ans */
    .background_image_63 .dropdown-toggle, /* 2ans-12ans */
    .background_image_69 .dropdown-toggle, /* Les Basics */
    .background_image_70 .dropdown-toggle  /* Tous les vêtements */
    {
        font-weight: 500;
        font-size: 16px;
        background: inherit;
    }

    .background_image_61 .dropdown-toggle, /* 1-18 mois */
    .background_image_62 .dropdown-toggle, /* 3mois-4 ans */
    .background_image_63 .dropdown-toggle  /* 2ans-12ans */
    {
        padding-bottom: 7px;
        padding-left: 40px;
        padding-top: 6px;
    }
    .background_image_69 .dropdown-toggle  /* Les Basics */
    {
        padding-bottom: 7px;
        padding-left: 45px;
        padding-top: 6px;
    }
    .background_image_70 .dropdown-toggle  /* Tous les vêtements */
    {
        padding-bottom: 7px;
        padding-left: 50px;
        padding-top: 6px;
    }

    .background_image_71 .dropdown-toggle, /* La nuit */
    .background_image_72 .dropdown-toggle, /* Cérémonie */
    .background_image_73 .dropdown-toggle,  /* Les Soldes */
    .background_image_75 .dropdown-toggle,  /* Derniers Prix */
    .background_image_76 .dropdown-toggle,  /* Back to School */
    .background_image_77 .dropdown-toggle,  /* OP robes */
    .background_image_78 .dropdown-toggle,  /* Coups de coeur */
    .background_image_79 .dropdown-toggle,  /* FOLIES */
    .background_image_80 .dropdown-toggle,  /* OP 2€ */
    .background_image_81 .dropdown-toggle,  /* welcome baby */
    .background_image_82 .dropdown-toggle,  /* 2=3 */
    .background_image_83 .dropdown-toggle,  /* Ventes Privées */
    .background_image_84 .dropdown-toggle,  /* Opération SAISON */
    .background_image_85 .dropdown-toggle  /* HAPPY DAYS */
    {
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        background: inherit;
        text-align: center;
        padding: 14px 14px 15px 14px;
    }

    /* Collection Cérémonie sur 2 lignes */
    .background_image_72 .dropdown-toggle
    {
        padding: 7px 0;
        width: 110px;
    }

    /* EURO 2016 avec image */
    .background_image_74 .dropdown-toggle
    {
        background: inherit;
        font-size: 0;
        font-weight: bold;
    }

    /* POKEMON avec image */
    .background_image_86 .dropdown-toggle
    {
        background: inherit;
        font-size: 0;
        font-weight: bold;
    }
}

/* 1-18 mois */
.background_image_61 .dropdown-toggle
{
    color: #4481B7 !important;
}

/* 3mois-4 ans */
.background_image_62 .dropdown-toggle
{
    color: #759F87 !important;
}

/* 2ans-12ans */
.background_image_63 .dropdown-toggle
{
    color: #A2AF00 !important;
}

/* Les Basics */
.background_image_69 .dropdown-toggle
{
    color: #ECB600 !important;
}

/* Tous les vêtements */
.background_image_70 .dropdown-toggle
{
    color: #D2475C !important;
}
/* La nuit */
.background_image_71 .dropdown-toggle
{
    color: #24478B !important;
}

/* Cérémonie */
.background_image_72 .dropdown-toggle
{
    color: #b8954b !important;
}

/* Les Soldes */
.background_image_73 .dropdown-toggle
{
    color: #E8324B !important;
}

/* Derniers prix */
.background_image_75 .dropdown-toggle
{
    color: #fe8676 !important;
}

/* Back to School */
.background_image_76 .dropdown-toggle
{
    color: #106ae5 !important;
}

/* Opération manteaux */
.background_image_77 .dropdown-toggle
{
    color: #8fce07 !important;
}

/* Coups de coeur */
.background_image_78 .dropdown-toggle
{
    color: #e8324b !important;
}

/* FOLIES */
.background_image_79 .dropdown-toggle
{
    color: #009896 !important;
}

/* OP 2€ */
.background_image_80 .dropdown-toggle
{
    color: #ff7521 !important;
}

/* Welcome baby */
.background_image_81 .dropdown-toggle
{
    color: #da0335 !important;
}

/* 2=3 */
.background_image_82 .dropdown-toggle
{
    color: #8dd2d1 !important;
}

/* Ventes Privées */
.background_image_83 .dropdown-toggle
{
    color: #71719c !important;
}

/* Opération SAISON */
.background_image_84 .dropdown-toggle
{
    color: #2590c2 !important;
}

/* HAPPY DAYS */
.background_image_85 .dropdown-toggle
{
    color: #29a1b2 !important;
}

.stats-popin-wrapper {

}

.stats-popin-wrapper h1 {
    font-family: "DIN-bold",sans-serif;
    font-size: 3em;
    color: #371832;
    padding-bottom: 45px;
}

.stats-popin-wrapper .stats-left {
    vertical-align: top;
    display: inline-block;
    width: 40%;
    margin-right: -4px;
}

.stats-popin-wrapper .stats-right {
    vertical-align: top;
    display: inline-block;
    width: 60%;
}

.stats-popin-wrapper .stats-right .date-line {
    text-align: center;
    margin-bottom: 20px;
}

.stats-popin-wrapper .stats-right .date-line .date-calendar {
    margin-right: 10px;
}

.stats-popin-wrapper .stats-right .date-line input{
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e2e6ea;
    border-radius: 0;
    color: #001832;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 40px;
    line-height: 1;
    margin-bottom: 10px;
    padding: 0 10%;
    width: 50%;
}

.stats-popin-wrapper .stats-bottom {
    text-align: right;
    padding-right: 20px;
    padding-top: 50px;
}

.stats-popin-wrapper .stats-bottom .stats-btn {
    background-color: #0088bc;
    background-repeat: no-repeat;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "UniversLTW01-67BoldCn",Arial,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: normal;
    margin: 0;
    padding: 9px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 20%;
}

.ui-datepicker .ui-datepicker-header {
    background: transparent;
    background-color: #0088bc;
    border: 1px solid #0088bc;
    color: #fff;
    font-weight: bold;
}

.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: transparent;
    background-color: #0088bc;
    color: #0088bc;
    border: 1px solid #0088bc;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("/templates/default/images/ui-icons_228ef1_256x240.png");
}

.ui-datepicker-month,
.ui-datepicker-year {
    color: #0088bc;
}

.ui-datepicker-calendar .ui-state-hover {
    color: #fff;
}

.ui-datepicker-calendar .ui-state-active {
    background: transparent;
    background-color: #6f9fed;
    border: 1px solid #6f9fed;
    color: #363636;
}

/* The switch - the box around the slider */
.stats-popin-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.stats-popin-wrapper .switch input {display:none;}

/* The slider */
.stats-popin-wrapper .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.stats-popin-wrapper .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.stats-popin-wrapper input:checked + .slider {
    background-color: #2196F3;
}

.stats-popin-wrapper input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.stats-popin-wrapper input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.stats-popin-wrapper .slider.round {
    border-radius: 34px;
}

.stats-popin-wrapper .slider.round:before {
    border-radius: 50%;
}

.stats-popin-wrapper .switch-texts {
    display: inline-block;
    font-family: "UniversLTW01-57Condense 723821",sans-serif;
    font-size: 1.2em;
    line-height: 30px;
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}

.article-stats {
    position: absolute;
    left: 10%;
    top: 10px;
    margin-left: 10px;
    width: 55%;
    text-align: left;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #ccc;
    padding: 5px;
    z-index: 10;
}

.article-stats .stats-line {
    margin-bottom: 5px;
}

.article-stats .stats-line .stats-currency {
    display: inline-block;
    width: 25%;
    margin-right: -4px;
    vertical-align: top;
}

.article-stats .stats-line .stats-data {
    display: inline-block;
    width: 75%;
    vertical-align: top;
}

.article-stats .stats-line .stats-data .stats-label {
    display: inline-block;
    width: 75px;
}
.stats-mode .catalog_header {
    text-align: left !important;
    left: 2.25% !important;
}
.article-sellout {
    display:inline-block;
    width: 5px;
    height: 15px;
    background: #001832;
    margin: 2px 2px 2px 0;
}
.um-stats {
    position: absolute;
    top: -18px;
    right: 3%;
    z-index: 20;
    background: #d20024;
    border-radius: 2em;
    padding: 5px 10px;
    font-family: "UniversLTW01-57Condense 723821";
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.um-sellout-rate {
    font-family: "DiN-medium";
    font-size: 22px;
}
.um-sellout-unit {
    position: relative;
    top: -3px;
}
.stats-mode .available-sizes {
    display: block !important;
    font-size: 14px;
}

/*------------------------------ FIN ----------------------------------------
                          HEADER RESPONSIVE
                        LES ONGLETS DES MENUS
             /!\ A laisser en bas de cette feuille de style SVP /!\
----------------------------------------------------------------------------*/


/*
-------------------------------------------------
            Pattern bloc text qui sommes nous
-------------------------------------------------
*/
.clepsydre-bloc-text
{
    font-size: 14px;
    padding: 45px 0 75px 0;
}
.clepsydre-bloc-text h3
{
    font-family: 'Nothing You Could Do', cursive;
    font-size: 38px;
    letter-spacing: -0.12em;
    line-height: 1.17;
    font-weight: 400;
}

.bloc-text-container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bloc-text-container .bloc-text-item
{
    text-align: center;
    width: 25%;
}

.bloc-text-item .bloc-text-heading
{
    color: #3297b7;
    font-weight: 700;
    font-size: 13px;
    margin-top: 10px;
}
.bloc-text-item .bloc-text-title
{
    color: #bda67c;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.bloc-text-item .bloc-text-text
{
    width: 80%;
    margin: 15px auto;
    max-height: 140px;
    min-height: 140px;
    overflow: hidden;
    transition: all .3s ease-in;
}

.bloc-text-item .bloc-text-text.opened
{
    max-height: 500px;
    height: auto;
}

.cta-plus
{
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url('../images/cta-plus.png') no-repeat center;
    transition: all .2s linear;
    cursor: pointer;
}

.expand-overflow.opened .cta-plus
{
    background: url('../images/cta-moins.png') no-repeat center;
}

@media screen and (max-width: 1200px)
{
    .bloc-text-container .bloc-text-item
    {
        width: 50%;
    }
}

@media screen and (max-width: 767px)
{
    .clepsydre-bloc-text
    {
        padding: 35px 0 55px 0;
    }
    .bloc-text-container .bloc-text-item
    {
        width: 100%;
        margin: 10px auto;
    }
}

.type-loyalty{
	font-size:13px;
}

.detail-loyalty{
	font-size:13px;
	
}

.title_fam3{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3d3d3d;
    background-color: transparent;
    padding: 10px 0
}

.g-recaptcha{
    margin: 20px 0;
}

.error_msg{
    text-align: center;
    display: block;
    margin: auto;
    color: red;
    font-size: 14px;
    width: 35%;
    padding-bottom: 20px;
}

.container-msg{
    
    background-color: #F8F8F8;
    
}

.look-wrapper .head-gamme h1{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #373737;
    font-weight: bold;
}

.look-wrapper .head-gamme .look-subtitle{
    display:block;
font-weight: 600;    
}