* {
    box-sizing: border-box
}
BODY {
    margin: 0px;
    padding: 0px;
    margin: 0px;
    max-width: 100%;
    min-width: 300px;
    font-size: 16px;
    line-height: 26px;
    font-family: "muli_light";
    color: #000000;
    background-color: #FFFFFF;
    cursor: default
}
.content_hack {
    position: relative;
    width: 100%;
    overflow: hidden
}
.ck_edit_fix img {
    display: inline-block
}
@font-face {
    font-family: 'brandon_grotesquelight';
    src: url("polices/brandon_light-webfont.eot");
    src: url("polices/brandon_light-webfont.eot?#iefix") format("embedded-opentype"), url("polices/brandon_light-webfont.woff2") format("woff2"), url("polices/brandon_light-webfont.woff") format("woff"), url("polices/brandon_light-webfont.ttf") format("truetype"), url("polices/brandon_light-webfont.svg#brandon_grotesquelight") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url("polices/brandon_med-webfont.eot");
    src: url("polices/brandon_med-webfont.eot?#iefix") format("embedded-opentype"), url("polices/brandon_med-webfont.woff2") format("woff2"), url("polices/brandon_med-webfont.woff") format("woff"), url("polices/brandon_med-webfont.ttf") format("truetype"), url("polices/brandon_med-webfont.svg#brandon_grotesquemedium") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'muli_light';
    src: url("polices/muli-light.eot");
    src: url("polices/muli-light.eot?#iefix") format("embedded-opentype"), url("polices/muli-light.woff") format("woff"), url("polices/muli-light.ttf") format("truetype"), url("polices/muli-light.svg#muli-bold") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'muli_bold';
    src: url("polices/muli-bold.eot");
    src: url("polices/muli-bold.eot?#iefix") format("embedded-opentype"), url("polices/muli-bold.woff") format("woff"), url("polices/muli-bold.ttf") format("truetype"), url("polices/muli-bold.svg#muli-bold") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "meublesatmosphere";
    src: url("icon/meublesatmosphere.eot");
    src: url("icon/meublesatmosphere.eot?#iefix") format("embedded-opentype"), url("icon/meublesatmosphere.woff") format("woff"), url("icon/meublesatmosphere.ttf") format("truetype"), url("icon/meublesatmosphere.svg#meublesatmosphere") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'FedericoHandwriting';
    src: url('polices/FedericoHandwriting.eot');
    src: url('polices/FedericoHandwriting.woff') format('woff'), url('polices/FedericoHandwriting.woff2') format('woff2'), url('polices/FedericoHandwriting.otf') format('opentype'), url('polices/FedericoHandwriting.ttf') format('truetype'), url('polices/FedericoHandwriting.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BrandonText-Light';
    src: url('polices/BrandonText-Light.eot');
    src: url('polices/BrandonText-Light.woff') format('woff'), url('polices/BrandonText-Light.woff2') format('woff2'), url('polices/BrandonText-Light.otf') format('opentype'), url('polices/BrandonText-Light.ttf') format('truetype'), url('polices/BrandonText-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "meublesatmosphere" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-shop:before {
    content: "a"
}
.icon-search:before {
    content: "b"
}
.icon-left:before {
    content: "c"
}
.icon-right:before {
    content: "d"
}
.icon-up:before {
    content: "e"
}
.icon-down:before {
    content: "f"
}
.icon-user:before {
    content: "g"
}
.icon-location:before {
    content: "h"
}
.icon-phone:before {
    content: "i"
}
.icon-comment:before {
    content: "j"
}
.icon-facebook:before {
    content: "l"
}
.icon-twitter:before {
    content: "m"
}
.icon-gplus:before {
    content: "n"
}
.icon-play:before {
    content: "r"
}
.icon-plus:before {
    content: "o"
}
.icon-croix:before {
    content: "q"
}
.icon-check:before {
    content: "k"
}
.icon-download:before {
    content: "x"
}
.icon-cancel:before {
    content: "y"
}
.icon-minus:before {
    content: "o"
}
.icon-plus:before {
    content: "p"
}
.icon-mail:before {
    content: "x"
}
.icon-menu:before {
    content: "k"
}
.icon-house:before {
    content: "s"
}
.icon-down-open-big:before {
    content: "t"
}
.icon-check:before {
    content: "A"
}
.icon-left-open-big:before {
    content: "u"
}
FORM {
    margin: 0px;
    padding: 0px
}
IMG {
    border: 0px;
    display: block
}
H1,
H2,
H3,
H4 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 1em
}
P {
    margin: 0px
}
UL {
    margin: 0px;
    padding: 0px;
    list-style: none
}
a {
    text-decoration: none;
    color: #868d91;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
a:hover {
    text-decoration: underline
}
:focus {
    outline: 0
}
INPUT,
TEXTAREA {
    -webkit-appearance: none;
    border-radius: 0;
    font-family: arial, verdana, sans-serif
}
input[type=checkbox] {
    -webkit-appearance: checkbox
}
input[type=radio] {
    -webkit-appearance: radio
}
INPUT:focus,
TEXTAREA:focus {
    outline: 0px
}
INPUT.input,
#B2B-FORM input[type='text'] {
    border: 0px;
    padding: 0px;
    width: 100%;
    height: 50px;
    padding: 5px;
    border-radius: 0px;
    font-size: 14px;
    color: #868d91;
    line-height: 50px;
    background-color: #FFF
}
IFRAME {
    max-width: 100% !important
}
.row {
    display: block;
    clear: both
}
.row_center {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    max-width: 1200px;
    margin: auto
}
.row_padding_1 {
    padding: 0px 14px
}
.row_padding_2 {
    padding: 0px 7px
}
.row_padding_3 {
    padding: 0px 5px
}
.col_padding {
    padding: 0px 5px
}
.padding_top {
    padding-top: 30px
}
.col_base,
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
    display: inline-block;
    vertical-align: top
}
.col_1 {
    width: 8.3333333333%
}
.col_2 {
    width: 16.66666667%
}
.col_3 {
    width: 25%
}
.col_4 {
    width: 33.3333333333%
}
.col_5 {
    width: 41.66666667%
}
.col_6 {
    width: 50%
}
.col_7 {
    width: 58.3333333333%
}
.col_8 {
    width: 66.66666667%
}
.col_9 {
    width: 75%
}
.col_10 {
    width: 83.3333333333%
}
.col_11 {
    width: 91.66666667%
}
.col_12 {
    width: 100%
}
.cache_close {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9
}
INPUT.input,
SELECT.select,
TEXTAREA.textarea,
.case_form label.input,
.custom_select,
#B2B-FORM input[type='text'],
#B2B-FORM select {
    border: 0px;
    padding: 0px;
    padding-left: 5px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-family: "brandon_grotesquemedium";
    font-size: 14px;
    color: #868d91;
    border-radius: 0px;
    background-color: #FFF
}
TEXTAREA.textarea {
    height: 100px;
    line-height: 20px;
    resize: vertical
}
.custom_select {
    position: relative;
    padding-left: 0px;
    text-align: left;
    overflow: hidden;
    z-index: 0
}
.custom_select LABEL {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
    background-color: white;
    color: #868d91;
    text-align: center;
    z-index: 2;
    pointer-events: none
}
.custom_select SELECT {
    position: absolute;
    width: 100%;
    height: 50px;
    padding: 10px 5px;
    line-height: 30px;
    border: none;
    background: transparent;
    z-index: 1;
    -webkit-appearance: none;
    font-family: "brandon_grotesquemedium"
}
.case_form {
    display: block;
    position: relative;
    padding: 14px;
    background-color: #ececec;
    color: #000
}
.case_form+.case_form {
    border-top: 1px solid #e6e6e6
}
.case_form .titre {
    display: block;
    margin-bottom: 4px;
    text-align: left
}
.case_form .titre IMG {
    display: inline-block;
    float: right
}
.case_form .titre SPAN {
    margin-left: 5px;
    color: #ff0000;
    font-size: 12px;
    font-weight: bold
}
.case_form label {
    padding-left: 5px
}
.case_form label.input {
    cursor: pointer
}
.case_form input.checkbox,
.case_form label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    text-shadow: 1px 1px 0px #FFF
}
.case_form.form_erreur INPUT.input,
.case_form.form_erreur SELECT.select,
.case_form.form_erreur TEXTAREA.textarea,
.case_form.form_erreur LABEL.input,
.case_form.form_erreur .custom_select {
    box-shadow: 0 0 1.5px 1px #F00;
    font-weight: normal
}
.case_form.form_erreur LABEL.choix {
    color: #ff0000;
    font-weight: bold
}
.bouton_form .bouton_save_form {
    border: 0px;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    display: block;
    width: 100%;
    height: 50px;
    font-family: "brandon_grotesquemedium";
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background-color: #404040;
    cursor: pointer;
    outline: 0px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-transform: uppercase
}
.bouton_form .bouton_save_form:hover {
    background-color: #000000
}
#divAlert1,
#divAlert2,
#b2b-errors {
    margin: 0px 7px 14px;
    padding: 14px;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2)
}
#divAlert1 {
    background-color: #c1d7c1;
    border-color: #c1d7c1;
    color: #067b39
}
#divAlert2,
#b2b-errors {
    background-color: #ffd6d6;
    border-color: #ffd6d6;
    color: #b31022
}
#divAlert2 ul,
#b2b-errors ul {
    padding-left: 20px;
    list-style: square
}
@media screen and (max-width: 400px) {
    .bouton_form,
    .bouton_form .bouton_save_form {
        font-size: 16px;
        line-height: 50px
    }
}
div.bloc_cookie_tracking {
    position: fixed;
    width: 100%;
    bottom: 0px;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 100
}
div.bloc_cookie_tracking a {
    display: block;
    width: 100%;
    padding-right: 20px;
    text-align: center;
    line-height: 12px;
    font-size: 10px;
    color: #FFF
}
div.bloc_cookie_tracking a:hover {
    text-decoration: none
}
div.bloc_cookie_tracking span {
    position: absolute;
    top: 20%;
    right: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    color: #FFF;
    cursor: pointer
}
.menu_site_ligne {
    margin-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    min-width: 1000px
}
.menu_site_ligne .bt_menu {
    display: none;
    padding-left: 15px;
    color: #FFF;
    font-family: "brandon_grotesquemedium";
    text-transform: uppercase;
    line-height: 50px
}
.menu_site_ligne .bt_menu .txt {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle
}
.menu_site_ligne .bt_menu .icon-cancel,
.menu_site_ligne .bt_menu .icon-menu {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    z-index: 50;
}
.menu_site_ligne .bt_menu .icon-cancel {
    display: none;
    font-size: 18px
}
.menu_site_ligne .contact_mobile {
    display: none;
    vertical-align: top;
    width: 70%;
    padding-right: 14px;
    text-align: right
}
.menu_site_ligne .contact_mobile .bt_tel,
.menu_site_ligne .contact_mobile .bt_location {
    display: inline-block;
    width: 45px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #FFF;
    font-size: 22px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.menu_site_ligne .contact_mobile .bt_tel {
	width: 185px;
}
.menu_site_ligne .contact_mobile .bt_tel .number {
	font-size: 20px;
	position: relative;
    top: -3px;
}
.menu_site_ligne .contact_mobile .bt_tel:hover,
.menu_site_ligne .contact_mobile .bt_location:hover {
    text-decoration: none
}
.menu_site_ligne nav {
    text-align: center
}
.menu_site_ligne nav ul {
    background-color: #000
}
.menu_site_ligne nav ul li {
    display: inline-block;
    position: relative;
    padding: 18px 25px
}
.menu_site_ligne nav ul li a {
    display: block;
    position: relative
}
.menu_site_ligne nav ul li a .titre {
    font-size: 16px;
    line-height: 16px;
    font-family: 'muli_light';
    color: #fff;
    text-transform: uppercase
}
.menu_site_ligne nav ul li a .hover {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -21px;
    left: 0px;
    background-color: #FFF;
    opacity: 0;
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear
}
.menu_site_ligne nav ul li a:hover,
.menu_site_ligne nav ul li a.actif {
    text-decoration: none
}
.menu_site_ligne nav ul li a:hover .hover,
.menu_site_ligne nav ul li a.actif .hover {
    opacity: 1
}
/* Submenu */
.menu_site_ligne nav ul li ul.submenuspecial {
    display: none;
    transition: all 1s;
    position: absolute;
    top: 0px;
    width: 260px;
    z-index: 2;
}
.menu_site_ligne nav ul li:hover ul.submenuspecial {
    display: block;
    top: 62px;
}
@media screen and (max-width: 800px) {
    .menu_site_ligne nav ul li:hover ul.submenuspecial {
        display: none !important;
    }
}
.menu_site_ligne nav ul li:hover ul.submenuspecial li {
    display: block;
    text-align: left;
    border-bottom: 1px solid #666;
    padding: 8px 25px;
}
.menu_site_ligne nav ul li:hover ul.submenuspecial li:hover {
    border-color: #FFF;
}
.menu_site_ligne nav ul li:hover ul.submenuspecial li:hover a {
    color: #FFF;
}
/* Second menu */
.menu_site_ligne nav ul.lvl_2 {
    background-color: #FFF;
    height: 100px
}
.menu_site_ligne nav ul.lvl_2 .row_center {
    padding: 0px 100px
}
.menu_site_ligne nav ul.lvl_2 .row_center li {
    width: 25%;
    padding: 0px;
    padding-bottom: 10px
}
.menu_site_ligne nav ul.lvl_2 .row_center li a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}
.menu_site_ligne nav ul.lvl_2 .row_center li a img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto
}
.menu_site_ligne nav ul.lvl_2 .row_center li a .titre {
    position: absolute;
    display: block;
    width: 100%;
    color: #000;
    bottom: 0px;
    text-align: center
}
.menu_site_ligne nav ul.lvl_2 .row_center li a .titre .hover {
    display: block;
    width: 50%;
    margin: 0px 25%;
    height: 3px;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear
}
.menu_site_ligne nav ul.lvl_2 .row_center li a.actif .titre span.hover,
.menu_site_ligne nav ul.lvl_2 .row_center li a:hover .titre span.hover {
    opacity: 1
}
.menu_site_ligne .contact_ligne {
    background-color: #FFF;
    vertical-align: top;
    padding-top: 30px;
    margin-bottom: 20px
}
.menu_site_ligne .contact_ligne .location,
.menu_site_ligne .contact_ligne .telephone {
    display: inline-block;
    width: 49%;
    font-family: "brandon_grotesquemedium";
    font-size: 20px;
    padding: 16px 0px;
    vertical-align: top;
    background-color: #ECECEC;
    text-transform: uppercase;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.menu_site_ligne .contact_ligne .location:hover,
.menu_site_ligne .contact_ligne .telephone:hover {
    background-color: #404040
}
.menu_site_ligne .contact_ligne .location:hover .icon-location,
.menu_site_ligne .contact_ligne .location:hover .icon-phone,
.menu_site_ligne .contact_ligne .location:hover .txt,
.menu_site_ligne .contact_ligne .telephone:hover .icon-location,
.menu_site_ligne .contact_ligne .telephone:hover .icon-phone,
.menu_site_ligne .contact_ligne .telephone:hover .txt {
    color: #FFF
}
.menu_site_ligne .contact_ligne .location .icon-location,
.menu_site_ligne .contact_ligne .location .icon-phone,
.menu_site_ligne .contact_ligne .location .txt,
.menu_site_ligne .contact_ligne .telephone .icon-location,
.menu_site_ligne .contact_ligne .telephone .icon-phone,
.menu_site_ligne .contact_ligne .telephone .txt {
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    display: inline-block;
    vertical-align: middle;
    color: #000
}
.menu_site_ligne .contact_ligne .location .txt,
.menu_site_ligne .contact_ligne .telephone .txt {
    margin-left: 15px
}
.menu_site_ligne .contact_ligne .location .icon-location,
.menu_site_ligne .contact_ligne .location .icon-phone,
.menu_site_ligne .contact_ligne .telephone .icon-location,
.menu_site_ligne .contact_ligne .telephone .icon-phone {
    font-size: 26px
}
.menu_site_ligne .contact_ligne .location {
    margin-right: 2%
}
@media screen and (max-width: 1070px) {
    .menu_site_ligne nav ul li {
        padding: 18px 15px
    }
}
@media screen and (max-width: 800px) {
    .menu_site_ligne {
        margin-bottom: 20px
    }
    .menu_site_ligne .bt_menu {
        display: inline-block;
        color: #FFF
    }
    .menu_site_ligne .contact_mobile {
        display: inline-block
    }
    .menu_site_ligne .contact_mobile .bt_tel,
    .menu_site_ligne .contact_mobile .bt_location {
        color: #FFF
    }
    .menu_site_ligne nav {
        display: none;
        position: relative;
        z-index: 20;
    }
    .menu_site_ligne nav ul li {
        display: block;
        background-color: #FFF;
        width: 100%;
        margin: 0 auto;
        padding: 0px 0px
    }
    .menu_site_ligne nav ul li a {
        display: block;
        width: 90%;
        height: 50px;
        margin: 0 auto;
        border-bottom: 1px solid #ececec
    }
    .menu_site_ligne nav ul li a .titre {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #000000;
        text-align: left;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear
    }
    .menu_site_ligne nav ul li a .hover {
        position: absolute;
        left: 0px;
        top: 23px;
        width: 0px;
        height: 3px;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear
    }
    .menu_site_ligne nav ul li a:hover,
    .menu_site_ligne nav ul li a.actif {
        position: relative
    }
    .menu_site_ligne nav ul li a:hover .titre,
    .menu_site_ligne nav ul li a.actif .titre {
        padding-left: 25px
    }
    .menu_site_ligne nav ul li a:hover .hover,
    .menu_site_ligne nav ul li a.actif .hover {
        display: block;
        width: 15px;
        background-color: #000
    }
    .menu_site_ligne nav ul.lvl_2 {
        width: 100%;
        height: 230px;
        margin: 0 auto;
        border-bottom: 1px solid #ececec
    }
    .menu_site_ligne nav ul.lvl_2 .row_center {
        padding: 0px 0px;
        border-bottom: 0px
    }
    .menu_site_ligne nav ul.lvl_2 .row_center li {
        display: inline-block;
        width: 50%
    }
    .menu_site_ligne nav ul.lvl_2 .row_center li a {
        border-bottom: 0px
    }
    .menu_site_ligne nav ul.lvl_2 .row_center li a .titre {
        bottom: -20px;
        padding-left: 0px
    }
    .menu_site_ligne nav ul.lvl_2 .row_center li a .titre .hover {
        bottom: 0px;
        top: 0px;
        margin-top: 40px
    }
    .menu_site_ligne .contact_ligne {
        display: none
    }
}
@media screen and (max-width: 500px) {
    .menu_site_ligne .contact_mobile {
        display: inline-block;
        padding-right: 10px
    }
    .menu_site_ligne .contact_mobile .bt_location {
        width: 40px
    }
    .menu_site_ligne .contact_mobile .bt_location {
        margin-left: 0px
    }
}
#fil_ariane {
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    list-style: none;
    font-size: 15px;
    padding: 0px 0px 0px 10px;
}
#fil_ariane .breadcrumb_separator {
    padding: 0px 3px;
    color: #868d91;
    display: inline-block;
}
#fil_ariane li {
    display: inline-block;
}
#fil_ariane li:last-child > a {
    font-weight: bold;
}
#fil_ariane.margin_bottom {
    margin-bottom: 20px;
}
.bloc_client_menu {
    overflow: hidden;
    margin-bottom: 40px
}
.bloc_client_menu ul li {
    text-align: center
}
.bloc_client_menu ul li a {
    display: block;
    height: 50px;
    font-family: 'brandon_grotesquelight';
    font-size: 16px;
    line-height: 50px;
    color: #5e6265;
    border-bottom: 3px solid #ececec;
    text-transform: uppercase
}
.bloc_client_menu ul li a:hover,
.bloc_client_menu ul li a.actif {
    color: #000000;
    border-bottom: 3px solid #000000;
    text-decoration: none
}
.bloc_client_menu ul li a.actif {
    cursor: default
}
.bloc_client_menu ul li.logout {
    float: right;
    display: none
}
.bloc_client_menu ul li.logout span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}
@media screen and (max-width: 750px) {
    .bloc_client_menu {
        display: none
    }
    ul li .bloc_client_menu.logout {
        display: inline-block
    }
}
.bloc_pagination {
    display: table;
    width: 100%;
    padding-top: 14px
}
.bloc_pagination .page {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    text-decoration: none
}
.bloc_pagination .page span {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.bloc_pagination .page span:hover {
    color: #404040
}
.bloc_pagination .page.inactif {
    cursor: default;
    color: rgba(134, 141, 145, 0.4)
}
.bloc_pagination .page.inactif span:hover {
    color: rgba(134, 141, 145, 0.4)
}
.bloc_pagination ul {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
.bloc_pagination ul li {
    display: inline-block
}
.bloc_pagination ul li a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-decoration: none;
    cursor: pointer;
    border-color: #eeeeee;
    -webkit-transition: none;
    transition: none
}
.bloc_pagination ul li a.actif,
.bloc_pagination ul li a.actif:hover {
    color: #000000;
    border-bottom: 2px solid #000000;
    cursor: default
}
.bloc_pagination ul li a:hover {
    border-bottom: 2px solid #b8bec4
}
.bloc_pagination ul li a.inactif {
    cursor: default;
    color: rgba(134, 141, 145, 0.4)
}
.bloc_pagination ul li a.inactif:hover {
    cursor: default;
    color: rgba(134, 141, 145, 0.4);
    border-bottom: none
}
@media screen and (max-width: 600px) {
    .bloc_pagination ul li a {
        width: 40px;
        height: 50px;
        font-size: 16px;
        line-height: 50px
    }
}
.pop_cache {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(54, 56, 58, 0.9);
    overflow: none;
    z-index: 100
}
.pop_cache .icon {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0px;
    top: 0px;
    font-size: 26px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 102
}
.pop_cache .icon:hover {
    color: #000000
}
.pop_content {
    position: absolute;
    width: 100%;
    max-width: 500px;
    max-height: -webkit-calc(100% - 60px);
    max-height: calc(100% - 60px);
    overflow-y: auto;
    top: 0px;
    left: 50%;
    margin-left: -250px;
    margin-top: 30px;
    padding: 0px 14px;
    z-index: 101
}
.pop_content .titre_popup {
    margin-bottom: 14px;
    font-size: 26px;
    line-height: 26px;
    color: #FFF;
    text-align: center
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .pop_content {
        height: 95%
    }
}
@media screen and (max-width: 600px) {
    .pop_content {
        width: 100%;
        left: 0px;
        margin-left: 0px
    }
    .pop_content .titre {
        font-size: 20px;
        line-height: 26px
    }
}
.pop_cache .titre_pop {
    display: block;
    width: 90%;
    height: 50px;
    margin-left: 5%;
    top: 20px;
    border-bottom: 1px solid #FFF;
    font-family: "brandon_grotesquelight";
    text-transform: uppercase;
    font-size: 26px;
    color: white !important;
    position: absolute
}
.bloc_filtres {
    position: absolute;
    width: 90%;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    margin-left: 5%;
    top: 60px;
    z-index: 101
}
.bloc_filtres .filtres_left {
    width: 30%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    padding-top: 16px
}
.bloc_filtres .filtres_left .liste_filtre {
    height: -webkit-calc(100% - 78px);
    height: calc(100% - 78px);
    overflow-y: auto;
    text-align: left;
    padding-right: 10px;
    overflow-x: hidden
}
.bloc_filtres .filtres_left .recherche {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #FFF
}
.bloc_filtres .filtres_left .recherche .icon {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    left: 0px;
    top: 0px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #000000;
    background-color: #FFF;
    border: 0px
}
.bloc_filtres .filtres_left .recherche INPUT {
    display: inline-block;
    vertical-align: top;
    border: 0px;
    padding: 0px;
    margin: 0px;
    padding-left: 50px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 40px;
    text-align: left;
    color: #000000;
    background-color: #FFF
}
.bloc_filtres .filtres_left .filtre {
    width: 100%;
    display: inline-block;
    position: relative;
    border-bottom: 1px solid rgba(184, 190, 196, 0.4);
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.bloc_filtres .filtres_left .filtre .titre_filtre {
    display: block;
    padding: 16px 0px;
    font-size: 20px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.bloc_filtres .filtres_left .filtre .titre_filtre span {
    display: block;
    font-size: 14px
}
.bloc_filtres .filtres_left .filtre .nb_filtres {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.bloc_filtres .filtres_left .filtre.actif,
.bloc_filtres .filtres_left .filtre:hover {
    border-bottom: 3px solid #b8bec4
}
.bloc_filtres .filtres_left .filtre.actif .nb_filtres,
.bloc_filtres .filtres_left .filtre.actif .titre_filtre,
.bloc_filtres .filtres_left .filtre:hover .nb_filtres,
.bloc_filtres .filtres_left .filtre:hover .titre_filtre {
    color: #FFF
}
.bloc_filtres .filtres_right {
    display: block;
    position: absolute;
    top: 16px;
    width: 70%;
    height: -webkit-calc(100% - 78px - 16px);
    height: calc(100% - 78px - 16px);
    left: 30%;
    background-color: #fff
}
.bloc_filtres .filtres_right .titre_mobile {
    display: none
}
.bloc_filtres .filtres_right .top_infos {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #eeeeee
}
.bloc_filtres .filtres_right .top_infos .selection {
    display: block;
    position: relative;
    height: 40px;
    padding-left: 10px;
    background-color: #eeeeee;
    font-size: 16px;
    line-height: 50px
}
.bloc_filtres .filtres_right .top_infos .selection .info_filtres {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 40px;
    padding: 10px;
    font-size: 14px;
    color: #4a4d50
}
.bloc_filtres .filtres_right .top_infos .selection .selectionner {
    display: inline-block;
    font-size: 12px;
    width: 40%;
    line-height: 40px;
    cursor: pointer;
    vertical-align: top
}
.bloc_filtres .filtres_right .top_infos .selection .selectionner .icon-check {
    color: #000000;
    vertical-align: middle;
    margin-right: 5px
}
.bloc_filtres .filtres_right .top_infos .selection .selectionner:hover {
    text-decoration: none
}
.bloc_filtres .filtres_right .top_infos .selection .deselectionner {
    display: inline-block;
    font-size: 12px;
    width: 40%;
    line-height: 40px;
    cursor: pointer;
    vertical-align: top
}
.bloc_filtres .filtres_right .top_infos .selection .deselectionner .icon-cancel {
    color: #000000;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 12px
}
.bloc_filtres .filtres_right .top_infos .selection .deselectionner:hover {
    text-decoration: none
}
.bloc_filtres .filtres_right .top_infos .bt_retour {
    display: none;
    font-size: 16px;
    line-height: 40px;
    padding-left: 14px;
    color: #5e6265
}
.bloc_filtres .filtres_right ul {
    position: absolute;
    height: -webkit-calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 14px 7px;
    width: 100%;
    overflow-y: auto
}
.bloc_filtres .filtres_right ul li.texte {
    padding: 14px 0px;
    border-bottom: 1px solid #eeeeee;
    display: inline-block;
    width: -webkit-calc(50% - 14px);
    width: calc(50% - 14px);
    margin: 0px 7px;
    font-size: 14px;
    color: #4a4d50;
    cursor: pointer
}
.bloc_filtres .filtres_right ul li.texte span.icon-check {
    display: none;
    vertical-align: top;
    color: #000000;
    font-size: 14px;
    margin-right: 7px
}
.bloc_filtres .filtres_right ul li.texte:hover {
    color: #000000;
    text-indent: 7px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}
.bloc_filtres .filtres_right ul li.texte span {
    display: inline;
    vertical-align: top
}
.bloc_filtres .filtres_right ul li.texte.active {
    font-size: 14px;
    color: #000000
}
.bloc_filtres .filtres_right ul li.texte.active span.icon-check {
    display: inline
}
.bloc_filtres .filtres_right ul li.case_couleur {
    display: none;
    vertical-align: top;
    width: -webkit-calc(25% - 14px);
    width: calc(25% - 14px);
    margin: 0px 7px;
    cursor: pointer
}
.bloc_filtres .filtres_right ul li.case_couleur span.color {
    display: block;
    background-color: red;
    height: 90px
}
.bloc_filtres .filtres_right ul li.case_couleur span.nom_couleur {
    display: block;
    padding: 14px 0
}
.bloc_filtres .validation_filtres {
    position: absolute;
    width: 100%;
    padding: 14px 0px;
    bottom: 0px;
    text-align: right
}
.bloc_filtres .validation_filtres .nb_produit {
    display: none;
    vertical-align: top;
    height: 50px;
    padding: 0px 30px;
    margin-right: 10px;
    font-size: 16px;
    color: #fff;
    border: 2px solid #fff
}
.bloc_filtres .validation_filtres .nb_produit b {
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    line-height: 46px
}
.bloc_filtres .validation_filtres .nb_produit span {
    display: inline-block;
    vertical-align: top;
    line-height: 44px;
    margin-left: 7px
}
.bloc_filtres .validation_filtres .bt {
    background-color: #000000;
    display: inline-block;
    padding: 0px 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}
.bloc_filtres .validation_filtres .bt:hover {
    background-color: #404040
}
@media screen and (max-width: 1020px) {
    .bloc_filtres .filtres_left .filtre .titre_filtre span {
        width: 50%
    }
}
@media screen and (max-width: 850px) {
    .bloc_filtres {
        width: 100%;
        margin: 0px
    }
    .bloc_filtres .filtres_left {
        margin: 0px 14px;
        width: -webkit-calc(40% - 14px);
        width: calc(40% - 14px)
    }
    .bloc_filtres .filtres_left .titre {
        font-size: 20px
    }
    .bloc_filtres .filtres_left .filtre .titre_filtre {
        font-size: 16px;
        line-height: 26px
    }
    .bloc_filtres .filtres_left .filtre .arrow {
        right: -14px
    }
    .bloc_filtres .filtres_right {
        width: -webkit-calc(60% - 14px);
        width: calc(60% - 14px);
        left: 40%
    }
    .bloc_filtres .filtres_right ul {
        padding: 14px
    }
    .bloc_filtres .filtres_right ul li.texte {
        display: block;
        margin: 0px;
        width: 100%
    }
    .bloc_filtres .filtres_right ul li.case_couleur {
        display: none;
        vertical-align: top;
        width: -webkit-calc(25% - 14px);
        width: calc(25% - 14px);
        margin: 0px 7px;
        cursor: pointer
    }
    .bloc_filtres .filtres_right ul li.case_couleur span.color {
        display: block;
        background-color: red;
        height: 80px
    }
    .bloc_filtres .filtres_right ul li.case_couleur span.nom_couleur {
        display: block;
        padding: 14px 0
    }
    .bloc_filtres .validation_filtres {
        left: 0px;
        padding: 14px
    }
    .bloc_filtres .validation_filtres .bt {
        padding: 0px 20px;
        font-size: 16px;
        line-height: 50px
    }
}
@media screen and (max-width: 750px) {
    .pop_cache .titre_pop {
        height: 35px;
        font-size: 18px
    }
    .bloc_filtres .filtres_left {
        display: block;
        position: absolute;
        width: -webkit-calc(100% - 28px);
        width: calc(100% - 28px);
        height: -webkit-calc(100% - 144px);
        height: calc(100% - 144px);
        left: 0px
    }
    .bloc_filtres .filtres_left .liste_filtre {
        overflow-y: auto;
        height: 100%
    }
    .bloc_filtres .filtres_left .filtre .titre_filtre {
        font-size: 20px;
        color: #fff
    }
    .bloc_filtres .filtres_left .filtre .nb_filtres {
        color: #fff
    }
    .bloc_filtres .filtres_left .arrow {
        display: none !important
    }
    .bloc_filtres .filtres_right {
        width: 100%;
        height: -webkit-calc(100% - 144px);
        height: calc(100% - 144px);
        top: 0px;
        left: 0px;
        background-color: transparent
    }
    .bloc_filtres .filtres_right ul {
        height: -webkit-calc(100% - 50px);
        height: calc(100% - 50px);
        background-color: #FFF
    }
    .bloc_filtres .filtres_right ul li {
        width: -webkit-calc(25% - 14px);
        width: calc(25% - 14px)
    }
    .bloc_filtres .filtres_right .titre_mobile {
        display: block;
        width: 100%;
        position: relative;
        padding: 0px 14px 14px 14px
    }
    .bloc_filtres .filtres_right .titre_mobile span.titre {
        display: inline-block;
        font: 20px 'multicolore', arial;
        color: #fff
    }
    .bloc_filtres .filtres_right .titre_mobile span.nb_filtres {
        display: inline-block;
        position: absolute;
        right: 14px;
        margin-top: 4px;
        font: 14px 'muli_regular', arial;
        color: #fff
    }
    .bloc_filtres .filtres_right .top_infos .info_filtres {
        display: none
    }
    .bloc_filtres .filtres_right .top_infos .bt_retour {
        display: block;
        cursor: pointer
    }
    .bloc_filtres .filtres_right .top_infos .bt_retour span.icon-left {
        display: inline;
        vertical-align: top;
        color: #5e6265;
        font-size: 14px
    }
    .bloc_filtres .filtres_right .top_infos .bt_retour span {
        display: inline;
        vertical-align: top
    }
    .bloc_filtres .validation_filtres {
        width: 100%
    }
    .bloc_filtres .validation_filtres .bt,
    .bloc_filtres .validation_filtres .nb_produit {
        text-align: center
    }
    .bloc_filtres .validation_filtres .nb_produit {
        width: 30%
    }
    .bloc_filtres .validation_filtres .nb_produit span {
        display: none
    }
    .bloc_filtres .validation_filtres .bt {
        width: -webkit-calc(70% - 10px);
        width: calc(70% - 10px)
    }
}
@media screen and (max-width: 600px) {
    .bloc_filtres .filtres_right ul li.case_couleur {
        width: -webkit-calc(50% - 14px);
        width: calc(50% - 14px)
    }
}
@media screen and (max-width: 400px) {
    .bloc_filtres .validation_filtres .bt {
        font-size: 14px;
        line-height: 50px
    }
}
.module_produit {
    padding: 7px
}
.bloc_produit {
    margin: 5px 0px
}
.bloc_produit a.produit {
    display: block;
    position: relative;
    padding: 18px 20px 10px 20px
}
.bloc_produit a.produit .image_produit {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    overflow: hidden
}
.bloc_produit a.produit .image_produit img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100%
}
.bloc_produit a.produit .promo {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    color: #FFF;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
    font-weight: bold;
    text-align: center;
    background-color: #000;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25)
}
.bloc_produit a.produit .titre {
    width: 100%;
    padding: 10px 7px 7px 7px;
    font-family: "brandon_grotesquemedium";
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #5e6265;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5)
}
.bloc_produit a.produit:hover {
    text-decoration: none
}
.bloc_produit a.produit .bloc_achat .prix {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-family: 'muli_light';
    text-align: center;
    color: #666666;
    font-size: 16px
}
.bloc_produit .bt_acheter {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-family: "brandon_grotesquemedium";
    background-color: #ECECEC;
    color: #000;
    padding: 4px 0px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.bloc_produit:hover .bt_acheter {
    background-color: #000;
    color: #FFF;
    text-decoration: none
}
.bloc_produit .shortdescription {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 5px;
}
@media screen and (max-width: 850px) {
    .bloc_produit a .titre {
        padding-bottom: 7px
    }
    .bloc_produit .bloc_achat .prix,
    .bloc_produit .bloc_achat .bt_acheter {
        display: block !important;
        width: 100% !important
    }
}
@media screen and (max-width: 400px) {
    .col_produit.col_3 {
        width: 100% !important
    }
    .bloc_produit a .titre {
        font-size: 14px !important
    }
}
.module_carte {
    margin-bottom: 25px
}
.module_carte .map {
    height: 475px
}
.module_carte .adresse {
    display: none
}
@media screen and (max-width: 350px) {
    .module_carte .map {
        height: 300px
    }
}
.module_galerie {
    margin-bottom: 25px
}
.module_galerie a {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 7px
}
.module_galerie a .image {
    position: relative;
    overflow: hidden;
    height: 0px;
    width: 100%;
    padding-bottom: 100%
}
.module_galerie a .image img {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0%;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.module_galerie a:hover .image img {
    width: 110%;
    top: -5%;
    left: -5%
}
@media screen and (max-width: 600px) {
    .bloc_galerie a {
        width: 25%
    }
}
@media screen and (max-width: 400px) {
    .bloc_galerie a {
        width: 50%
    }
}
.module_image IMG {
    width: 100%
}
.module_mise_en_avant {
    padding: 7px
}
.module_mise_en_avant a {
    position: relative;
    display: block
}
.module_mise_en_avant a .image {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    overflow: hidden
}
.module_mise_en_avant a .image img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100%
}
.module_mise_en_avant a .image .cache {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.module_mise_en_avant a .titre {
    display: inline-block;
    position: absolute;
    top: 40%;
    width: 100%;
    font-family: "brandon_grotesquemedium";
    font-size: 20px;
    line-height: 18px;
    text-align: center;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.module_mise_en_avant a .titre .hover {
    opacity: 0;
    display: inline-block;
    width: 15px;
    height: 2px;
    background-color: #FFF;
    margin-bottom: 6px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.module_mise_en_avant a:hover {
    text-decoration: none
}
.module_mise_en_avant a:hover .image .cache {
    background-color: rgba(0, 0, 0, 0.5)
}
.module_mise_en_avant a:hover .titre .hover {
    opacity: 1;
    margin-right: 5px
}
.module_slider_produit {
    overflow: hidden
}
.module_slider_produit .pagination {
    display: block;
    padding: 24px 0px 0px 0px;
    text-align: center
}
.module_slider_produit .pagination li {
    display: inline-block;
    margin: 0px 3px;
    vertical-align: top;
    width: 15px;
    height: 15px;
    background-color: #EEEEEE;
    border-radius: 20px;
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.module_slider_produit .pagination li:hover {
    background-color: #000
}
.module_slider_produit .pagination li.visible {
    background-color: #000
}
.module_slider_produit .pagination li.actif {
    background-color: #000;
    cursor: default
}
@media screen and (max-width: 750px) {
    .module_slider_produit .col_4 {
        width: 50%
    }
}
.module_slider {
    position: relative;
    max-height: 545px;
    margin-bottom: 20px;
    z-index: 1
}
.module_slider .row_center {
    position: relative
}
.module_slider .bloc_slide_content {
    opacity: 0
}
.module_slider .bt_pagination {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #FFF;
    top: 54%;
    margin-top: -25px;
    font-size: 30px;
    color: #000000;
    text-align: center;
    line-height: 50px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    cursor: pointer;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 10
}
.module_slider .bt_pagination.bt_gauche {
    left: -25px
}
.module_slider .bt_pagination.bt_gauche .icon-left {
    display: block;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg)
}
.module_slider .bt_pagination.bt_droite {
    right: -25px
}
.module_slider .bt_pagination.bt_droite .icon-right {
    display: block;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg)
}
.module_slider .bt_pagination:hover {
    color: #000000;
    text-shadow: 1px 1px 1px #FFF
}
.module_slider .nav_slider {
    position: absolute;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
    font-size: 0;
    line-height: 0px
}
.module_slider .nav_slider ul {
    display: inline-block;
    padding: 10px
}
.module_slider .nav_slider ul li {
    display: inline-block;
    vertical-align: top;
    height: 15px;
    width: 15px;
    margin: 0px 3px;
    cursor: pointer;
    border-radius: 15px;
    background-color: #EEEEEE;
    line-height: 0px
}
.module_slider .nav_slider ul li:hover {
    background-color: #000000
}
.module_slider .nav_slider ul li.active {
    background-color: #000000
}
.module_slider .content_slider {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 125px;
    max-height: 545px;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.module_slider .content_slider .slide {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    transition-property: transform, left, top;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}
.module_slider .content_slider .slide .slide_content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    -webkit-animation: none;
    animation: none
}
.module_slider .content_slider .slide .slide_content img {
    width: 100%;
    max-height: 545px
}
.module_slider .content_slider .slide .slide_content .txt_slide {
    position: absolute;
    width: 100%;
    top: 45%;
    left: 0;
    padding: 0px 60px;
    text-align: center
}
.module_slider .content_slider .slide .slide_content .txt_slide span {
    display: block;
    font-family: 'multicolore', arial;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase
}
.module_slider .content_slider .slide .slide_content .txt_slide span+span {
    font-size: 22px;
    text-transform: none
}
@media screen and (max-width: 850px) {
    .module_slider .bt_pagination {
        display: none
    }
    .module_slider .content_slider .slide .slide_content .txt_slide {
        top: 35%
    }
}
@media screen and (max-width: 750px) {
    .module_slider .nav_slider {
        right: 0;
        top: 0;
        text-align: right
    }
    .module_slider .content_slider .slide .slide_content .txt_slide {
        top: 40%
    }
    .module_slider .content_slider .slide .slide_content .txt_slide span {
        font-size: 30px;
        line-height: 34px
    }
    .module_slider .content_slider .slide .slide_content .txt_slide span+span {
        font-size: 16px;
        line-height: 22px
    }
}
@media screen and (max-width: 600px) {
    .module_slider .nav_slider {
        display: none
    }
    .module_slider .content_slider .slide .slide_content .txt_slide {
        top: 25%
    }
    .module_slider .content_slider .slide .slide_content .txt_slide span {
        font-size: 19px;
        line-height: 20px
    }
    .module_slider .content_slider .slide .slide_content .txt_slide span+span {
        font-size: 13px;
        line-height: 15px
    }
}
.module_texte {
    margin-bottom: 30px
}
.module_texte .titre {
    display: block;
    text-transform: uppercase;
    color: #000000;
    font-size: 18px
}
.module_texte .texte {
    width: 100%;
    padding-top: 20px;
    font-size: 15px;
    line-height: 25px
}
@media screen and (max-width: 720px) {
    .module_texte .titre {
        text-align: center
    }
    .module_texte .texte {
        text-align: center
    }
}
.module_titre_1 {
    text-align: center;
    margin: 40px 0px 20px 0px
}
.module_titre_1 .titre_1 {
    font-family: "brandon_grotesquelight";
    font-size: 40px;
    color: #000;
    line-height: 50px;
    text-transform: uppercase
}
h1 {
    font-family: "brandon_grotesquelight";
    font-size: 40px;
    color: #000;
    line-height: 50px;
    text-transform: uppercase
}
@media screen and (max-width: 600px) {
    .module_titre_1 .titre_1 {
        font-size: 26px;
        line-height: 30px
    }
    h1 {
        font-size: 26px;
        line-height: 30px
    }
}
.module_titre_2 {
    text-align: center;
    margin: 40px 0px 20px 0px
}
.module_titre_2 .titre_2 {
    font-family: "brandon_grotesquelight";
    font-size: 40px;
    color: #000;
    line-height: 44px;
    text-transform: uppercase
}
h2 {
    font-family: "brandon_grotesquelight";
    font-size: 40px;
    color: #000;
    line-height: 44px;
    text-transform: uppercase
}
@media screen and (max-width: 700px) {
    .module_titre_2 .titre_2 {
        font-size: 20px;
        line-height: 22px
    }
    h2 {
        font-size: 20px;
        line-height: 22px
    }
}
.module_titre_3 {
    text-align: center;
    margin: 40px 0px 20px 0px
}
.module_titre_3 .titre_3 {
    font-family: "brandon_grotesquelight";
    font-size: 46px;
    color: #000;
    line-height: 50px;
    text-transform: uppercase
}
h3 {
    font-family: "brandon_grotesquelight";
    font-size: 46px;
    color: #000;
    line-height: 50px;
    text-transform: uppercase
}
@media screen and (max-width: 600px) {
    .module_titre_3 .titre_3 {
        font-size: 26px;
        line-height: 30px
    }
    h3 {
        font-size: 26px;
        line-height: 30px
    }
}
.module_video {
    margin-bottom: 15px !important
}
.module_video .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padingg-top: 25px;
    height: 0px;
    width: 100%
}
.module_video .video_container IFRAME {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.page_client_home .image_fond {
    text-align: center
}
.page_client_home .fidelite .titre,
.page_client_home .commandes .titre {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #5e6265;
    font-family: "brandon_grotesquelight";
    text-transform: uppercase
}
.page_client_home .fidelite {
    margin-bottom: 30px
}
.page_client_home .fidelite .titre {
    color: #000000
}
.page_client_home .fidelite .bloc {
    display: block;
    padding: 15px;
    background-color: #000000;
    color: #FFF;
    text-align: center
}
.page_client_home .fidelite .bloc .somme {
    margin-bottom: 5px;
    font-size: 70px;
    line-height: 70px;
    font-family: "brandon_grotesquemedium"
}
.page_client_home .fidelite .bloc .texte {
    color: rgba(255, 255, 255, 0.7);
    line-height: 20px
}
.page_client_home .row_commande {
    position: relative;
    margin-bottom: 5px;
    padding-right: 60px
}
.page_client_home .row_commande .infos_commande {
    display: block;
    height: 60px;
    color: #5e6265;
    background-color: #ECECEC
}
.page_client_home .row_commande .infos_commande .titre,
.page_client_home .row_commande .infos_commande .statut,
.page_client_home .row_commande .infos_commande .prix {
    display: inline-block;
    width: 25%;
    height: 60px;
    vertical-align: top;
    font-family: "muli_light"
}
.page_client_home .row_commande .infos_commande .titre {
    width: 50%;
    padding: 10px 0px 0px 10px;
    text-align: left;
    border-left-width: 5px;
    border-left-style: solid
}
.page_client_home .row_commande .infos_commande .titre .date {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px
}
.page_client_home .row_commande .infos_commande .titre .reference {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #868d91
}
.page_client_home .row_commande .infos_commande .statut {
    padding-top: 15px
}
.page_client_home .row_commande .infos_commande .statut span {
    display: inline-block;
    padding: 7px 14px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 13px
}
.page_client_home .row_commande .infos_commande .prix {
    padding-right: 14px;
    font-size: 20px;
    text-align: right;
    line-height: 60px;
    font-family: "brandon_grotesquemedium"
}
.page_client_home .row_commande .infos_commande:hover {
    text-decoration: none;
    background-color: #d8dbdf
}
.page_client_home .row_commande .bt_voir {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    font-size: 28px;
    line-height: 60px;
    color: #868d91;
    text-align: center;
    background-color: #ECECEC;
    border-left: 1px solid #EEE
}
.page_client_home .row_commande .bt_voir:hover {
    text-decoration: none;
    background-color: #d8dbdf
}
@media screen and (max-width: 1020px) {
    .page_client_home {
        padding-top: 0px !important
    }
    .page_client_home .image_fond {
        background-image: none;
        min-height: 0px
    }
    .page_client_home .col_7 {
        width: 100%
    }
}
@media screen and (max-width: 600px) {
    .page_client_home .fidelite .titre,
    .page_client_home .commandes .titre {
        font-size: 20px;
        line-height: 26px
    }
    .page_client_home .commandes .row_commande {
        width: 100%;
        padding-right: 0px
    }
    .page_client_home .commandes .row_commande .infos_commande .titre {
        width: 65%;
        padding-bottom: 10px
    }
    .page_client_home .commandes .row_commande .infos_commande .statut {
        display: none
    }
    .page_client_home .commandes .row_commande .infos_commande .prix {
        width: 35%
    }
    .page_client_home .commandes .row_commande a.bt_voir {
        display: none
    }
}
@media screen and (max-width: 400px) {
    .page_client_home .row_commande .infos_commande {
        height: auto
    }
    .page_client_home .row_commande .infos_commande .titre {
        height: auto;
        margin-bottom: 0px
    }
    .page_client_home .fidelite .bloc .somme {
        font-size: 60px;
        line-height: 60px
    }
}
.bloc_bon_achat {
    background-color: #ececec;
    margin: 7px 0px
}
.bloc_bon_achat .titre {
    padding: 20px 20px 0px 20px;
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    color: #5e6265
}
.bloc_bon_achat .titre span {
    display: block;
    width: 30%;
    margin: auto;
    margin-top: 10px;
    border-top: 1px solid rgba(94, 98, 101, 0.3)
}
.bloc_bon_achat .valeur {
    padding: 5px 20px 10px 20px;
    font-size: 70px;
    line-height: 70px;
    color: #5e6265;
    text-align: center;
    font-family: "brandon_grotesquemedium"
}
.bloc_bon_achat .infos {
    padding: 14px;
    line-height: 22px;
    text-align: center;
    background-color: #000000;
    color: #FFF
}
.bloc_bon_achat.bloc_fidelite {
    background-color: #000000
}
.bloc_bon_achat.bloc_fidelite .titre,
.bloc_bon_achat.bloc_fidelite .valeur,
.bloc_bon_achat.bloc_fidelite .infos {
    color: #FFF
}
.bloc_bon_achat.bloc_fidelite .titre span {
    border-color: rgba(255, 255, 255, 0.4)
}
@media screen and (max-width: 600px) {
    .bloc_bon_achat {
        margin: 0px
    }
    .col_6+.col_6 .bloc_bon_achat {
        margin-top: 14px
    }
}
@media screen and (max-width: 400px) {
    .bloc_bon_achat .titre {
        font-size: 20px;
        line-height: 26px
    }
    .bloc_bon_achat .valeur {
        font-size: 60px;
        line-height: 60px
    }
}
.page_commande_detail .commande_head {
    position: relative;
    margin-bottom: 14px
}
.page_commande_detail .commande_head .titre {
    display: inline-block;
    vertical-align: top;
    max-width: 450px;
    padding: 8px 14px;
    border-left-width: 5px;
    border-left-style: solid
}
.page_commande_detail .commande_head .titre .date {
    display: block;
    font-size: 26px;
    line-height: 26px;
    color: #5e6265
}
.page_commande_detail .commande_head .titre .reference {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    line-height: 13px;
    color: #868d91
}
.page_commande_detail .commande_head .statut {
    display: inline-block;
    padding: 7px 15px;
    margin-left: 30px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 13px
}
.page_commande_detail .commande_head .bt_facture {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 44px;
    padding: 0px 16px;
    color: #5e6265;
    line-height: 44px;
    background-color: #DFDFDF;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.page_commande_detail .commande_head .bt_facture:hover {
    background-color: #d8dbdf
}
.page_commande_detail .commande_head .bt_facture .icone {
    width: 30px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px
}
.page_commande_detail .commande_head .bt_facture .texte {
    display: inline-block;
    vertical-align: middle
}
.page_commande_detail .ligne_produit {
    padding: 14px;
    border-top: 1px solid #989ea1
}
.page_commande_detail .ligne_produit.ligne_2 {
    background-color: #eeeeee
}
.page_commande_detail .ligne_produit a {
    display: inline-block;
    vertical-align: middle;
    width: 70%
}
.page_commande_detail .ligne_produit a .image {
    display: inline-block;
    vertical-align: middle
}
.page_commande_detail .ligne_produit a .image img {
    width: 65px
}
.page_commande_detail .ligne_produit a .titre {
    display: inline-block;
    vertical-align: middle;
    padding-left: 14px;
    font-size: 16px;
    line-height: 20px;
    color: #5e6265
}
.page_commande_detail .ligne_produit .quantite {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #868d91
}
.page_commande_detail .ligne_produit .quantite span.titre_quantite {
    display: none;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    color: #b8bec4
}
.page_commande_detail .ligne_produit .prix {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #5e6265
}
.page_commande_detail .ligne_infos {
    padding: 14px;
    border-top: 1px solid #989ea1
}
.page_commande_detail .ligne_infos .titre {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    color: #868d91
}
.page_commande_detail .ligne_infos .titre SPAN {
    display: block;
    font-size: 14px;
    line-height: 22px
}
.page_commande_detail .ligne_infos .prix {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #5e6265
}
.page_commande_detail .commentaires .titre {
    margin-bottom: 10px;
    font: 26px/30px "multicolore", arial;
    font-size: 26px;
    line-height: 30px;
    color: #5e6265
}
.page_commande_detail .commentaires a {
    color: #000000
}
@media screen and (max-width: 750px) {
    .page_commande_detail .commande_head .titre span.date {
        font-size: 22px;
        line-height: 26px
    }
    .page_commande_detail .commande_head .statut {
        position: absolute;
        right: 0px !important
    }
    .page_commande_detail .commande_head .bt_facture {
        position: relative;
        display: block;
        text-align: center;
        margin-top: 14px
    }
    .page_commande_detail .ligne_produit .quantite {
        width: 10%
    }
    .page_commande_detail .ligne_produit .prix {
        width: 20%
    }
}
@media screen and (max-width: 600px) {
    .page_commande_detail .ligne_produit a {
        width: 100%;
        margin-bottom: 14px
    }
    .page_commande_detail .ligne_produit .quantite {
        width: 50%;
        font-size: 18px;
        line-height: 24px;
        text-align: left
    }
    .page_commande_detail .ligne_produit .quantite span.titre_quantite {
        display: inline-block
    }
    .page_commande_detail .ligne_produit .prix {
        width: 50%;
        text-align: right;
        font-size: 18px;
        line-height: 24px
    }
    .page_commande_detail .ligne_infos .titre,
    .page_commande_detail .ligne_infos .prix {
        width: 50%
    }
    .page_commande_detail .ligne_infos .titre {
        text-align: left
    }
    .page_commande_detail .ligne_infos .prix {
        text-align: right;
        font-size: 18px;
        line-height: 24px
    }
    .page_commande_detail .ligne_infos .prix.mobile {
        font-size: 22px !important
    }
}
@media screen and (max-width: 400px) {
    .page_commande_detail .commande_head .statut {
        display: none
    }
}
.page_client_commande_index .row_commande {
    position: relative;
    padding-right: 120px
}
.page_client_commande_index .row_commande+.row_commande {
    margin-top: 5px
}
.page_client_commande_index .row_commande .infos_commande {
    display: block;
    height: 60px;
    color: #5e6265;
    background-color: #ECECEC;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_client_commande_index .row_commande .infos_commande .titre,
.page_client_commande_index .row_commande .infos_commande .statut,
.page_client_commande_index .row_commande .infos_commande .prix {
    display: inline-block;
    width: 25%;
    height: 60px;
    vertical-align: top
}
.page_client_commande_index .row_commande .infos_commande .titre {
    width: 50%;
    padding: 10px 0px 0px 10px;
    text-align: left;
    border-left-width: 5px;
    border-left-style: solid
}
.page_client_commande_index .row_commande .infos_commande .titre .date {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px
}
.page_client_commande_index .row_commande .infos_commande .titre .reference {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #868d91
}
.page_client_commande_index .row_commande .infos_commande .statut {
    padding-top: 15px
}
.page_client_commande_index .row_commande .infos_commande .statut span {
    display: inline-block;
    padding: 7px 14px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 13px
}
.page_client_commande_index .row_commande .infos_commande .prix {
    padding-right: 14px;
    font-size: 20px;
    text-align: right;
    line-height: 60px
}
.page_client_commande_index .row_commande .infos_commande:hover {
    background-color: #d8dbdf;
    text-decoration: none
}
.page_client_commande_index .row_commande .bt_voir {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    font-size: 28px;
    line-height: 60px;
    color: #868d91;
    text-align: center;
    background-color: #ECECEC;
    border-left: 1px solid #EEE;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_client_commande_index .row_commande .bt_voir:hover {
    text-decoration: none;
    background-color: #d8dbdf
}
.page_client_commande_index .row_commande .bt_facture {
    display: block;
    position: absolute;
    top: 0px;
    right: 60px;
    width: 60px;
    height: 60px;
    font-size: 28px;
    line-height: 60px;
    color: #868d91;
    text-align: center;
    background-color: #ECECEC;
    border-left: 1px solid #EEE;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_client_commande_index .row_commande .bt_facture:hover {
    text-decoration: none;
    background-color: #d8dbdf
}
@media screen and (max-width: 750px) {
    .page_client_commande_index {
        padding-top: 0px
    }
    .page_client_commande_index .row_commande {
        width: 100%;
        padding-right: 0
    }
    .page_client_commande_index .row_commande .infos_commande .statut {
        width: 20%
    }
    .page_client_commande_index .row_commande .infos_commande .titre {
        width: 55%;
        padding-bottom: 10px
    }
    .page_client_commande_index .row_commande .infos_commande .prix {
        width: 25%
    }
    .page_client_commande_index .row_commande a.bt_voir {
        display: none
    }
    .page_client_commande_index .row_commande a.bt_facture {
        display: none
    }
}
@media screen and (max-width: 600px) {
    .page_client_commande_index .row_commande .infos_commande .statut {
        display: none
    }
    .page_client_commande_index .row_commande .infos_commande .titre {
        width: 65%
    }
    .page_client_commande_index .row_commande .infos_commande .prix {
        width: 35%
    }
}
@media screen and (max-width: 400px) {
    .page_client_commande_index .row_commande .infos_commande {
        height: auto
    }
    .page_client_commande_index .row_commande .infos_commande .titre {
        height: auto;
        margin-bottom: 0px
    }
}
.page_client_historique .intro {
    position: relative;
    padding: 14px;
    font-family: "brandon_grotesquelight";
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px
}
.page_client_historique .bt_vider_historique {
    position: absolute;
    top: 12px;
    right: 14px;
    cursor: pointer
}
.page_client_historique .bt_vider_historique span {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    color: #5e6265;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_client_historique .bt_vider_historique .icon {
    width: 30px;
    text-align: center
}
.page_client_historique .bt_vider_historique:hover span {
    color: #000000
}
@media screen and (max-width: 750px) {
    .page_client_historique .intro {
        padding-bottom: 0px
    }
    .page_client_historique .bt_vider_historique {
        position: relative;
        display: block;
        top: auto;
        right: auto;
        margin-top: 14px;
        text-align: center;
        border-top: 1px solid #FFF
    }
    .page_client_historique .bt_vider_historique span {
        height: 50px;
        line-height: 50px
    }
}
.page_client_infos .titre_bloc {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
    color: #5e6265;
    text-align: center;
    font-family: "brandon_grotesquelight";
    text-transform: uppercase
}
.page_client_infos form+.titre_bloc {
    margin-top: 24px
}
.page_client_infos .adresse .add_adresse {
    margin-bottom: 14px
}
.page_client_infos .adresse .add_adresse span.texte {
    height: 40px;
    line-height: 40px
}
.page_client_infos .adresse .add_adresse .bouton_form button {
    position: relative;
    margin: 0px;
    padding: 0px;
    border: none;
    color: #FFF;
    background-color: #404040
}
.page_client_infos .adresse .add_adresse .bouton_form button span.icon {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #FFF;
    background-color: transparent
}
.page_client_infos .adresse .add_adresse .bouton_form button::-moz-focus-inner {
    border: none;
    padding: 0px !important
}
.page_client_infos .adresse .add_adresse .bouton_form button span.titre_bt {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    line-height: 50px
}
.page_client_infos .adresse .add_adresse .bouton_form button:hover {
    background-color: #000000;
    color: #FFF
}
.page_client_infos .adresse .add_adresse .bouton_form button:hover span.icon {
    background-color: transparent
}
.page_client_infos .adresse .ligne_adresse {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 50px;
    background-color: #ECECEC
}
.page_client_infos .adresse .ligne_adresse+.ligne_adresse {
    margin-top: 4px
}
.page_client_infos .adresse .ligne_adresse .titre_adresse {
    display: table-cell;
    vertical-align: middle
}
.page_client_infos .adresse .ligne_adresse .titre_adresse a,
.page_client_infos .adresse .ligne_adresse .titre_adresse span {
    display: block;
    height: 50px;
    padding: 0px 14px;
    line-height: 50px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.page_client_infos .adresse .ligne_adresse .icon {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_client_infos .adresse .ligne_adresse .icon .bouton {
    display: block;
    height: 50px;
    font-size: 22px;
    text-align: center;
    line-height: 50px;
    cursor: pointer
}
.page_client_infos .adresse .ligne_adresse .icon:hover {
    color: #000000
}
@media screen and (max-width: 750px) {
    .page_client_infos .col_6 {
        width: 100%
    }
    .page_client_infos .adresse {
        margin-top: 24px
    }
}
@media screen and (max-width: 600px) {
    .page_client_infos .titre {
        font-size: 20px;
        line-height: 26px
    }
}
.page_client_parrainage .bloc_1 {
    display: inline-block;
    background-color: #ECECEC
}
.page_client_parrainage .bloc_1.bloc_bt {
    min-height: 178px
}
.page_client_parrainage .bloc_1 .texte {
    display: inline-block;
    width: 60%;
    padding: 20px;
    padding-bottom: 0px;
    vertical-align: top
}
.page_client_parrainage .bloc_1 .gain {
    display: inline-block;
    width: 40%;
    top: 0;
    right: 0;
    background-color: #000000;
    color: #FFF
}
.page_client_parrainage .bloc_1 .gain .titre {
    display: block;
    padding: 14px 14px 0px;
    text-align: center;
    font-size: 26px;
    line-height: 30px
}
.page_client_parrainage .bloc_1 .gain .somme {
    display: block;
    padding: 0px 14px 14px;
    text-align: center;
    font-size: 70px;
    line-height: 70px;
    font-family: "brandon_grotesquemedium"
}
.page_client_parrainage .bloc_1 .gain .convertir {
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    line-height: 22px;
    padding: 14px;
    text-align: center;
    color: #FFF
}
.page_client_parrainage .bloc_partage {
    padding: 14px;
    background-color: #ECECEC
}
.page_client_parrainage .bloc_partage .titre {
    margin-bottom: 14px;
    font-size: 20px;
    line-height: 24px;
    color: #5e6265
}
.page_client_parrainage .bloc_partage .bt_social {
    display: inline-block;
    height: 50px;
    margin-right: 5px;
    padding: 0px 20px;
    color: #FFF;
    line-height: 50px;
    cursor: pointer
}
.page_client_parrainage .bloc_partage .bt_social span {
    display: inline-block;
    vertical-align: top
}
.page_client_parrainage .bloc_partage .bt_social .icone {
    font-size: 26px;
    margin-right: 10px
}
.page_client_parrainage .bloc_partage .bt_social.fb {
    background-color: #3b5998
}
.page_client_parrainage .bloc_partage .bt_social.tw {
    background-color: #55acee
}
.page_client_parrainage .bloc_mail {
    padding: 14px;
    background-color: #eeeeee
}
.page_client_parrainage .bloc_mail .titre {
    margin-bottom: 14px;
    font-size: 20px;
    line-height: 24px;
    color: #5e6265
}
.page_client_parrainage .bloc_mail input {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    height: 50px;
    padding-left: 14px;
    border: 0px
}
.page_client_parrainage .bloc_mail button {
    display: inline-block;
    vertical-align: top;
    border: 0px;
    padding: 0px;
    width: 30%;
    height: 50px;
    line-height: 50px;
    background-color: #4a4d50;
    color: #FFF;
    font-size: 16px;
    line-height: 50px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.page_client_parrainage .bloc_mail button:hover {
    background-color: #404040
}
.page_client_parrainage .historique TABLE {
    width: 100%
}
.page_client_parrainage .historique TABLE TH {
    border: 1px solid #b8bec4;
    height: 50px;
    background-color: #eeeeee
}
.page_client_parrainage .historique TABLE TH+TH {
    border-left: none
}
.page_client_parrainage .historique TABLE TD {
    border: 1px solid #b8bec4;
    border-top: none;
    height: 50px;
    text-indent: 5px;
    background-color: #FFF
}
.page_client_parrainage .historique TABLE TD+TD {
    border-left: none
}
@media screen and (max-width: 850px) {
    .page_client_parrainage .bloc_1 {
        display: inline-block;
        padding-right: 0
    }
    .page_client_parrainage .bloc_1 .gain {
        display: inline-block;
        position: relative;
        width: 100%
    }
    .page_client_parrainage .bloc_1 .texte {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px
    }
    .page_client_parrainage .historique TABLE {
        font-size: 14px
    }
}
@media screen and (max-width: 600px) {
    .page_client_parrainage .bloc_1 .gain .titre {
        font-size: 20px;
        line-height: 26px
    }
    .page_client_parrainage .bloc_1 .gain .somme {
        display: block;
        text-align: center;
        font-size: 60px;
        line-height: 60px
    }
}
@media screen and (max-width: 400px) {
    .page_client_parrainage .bloc_partage .bt_social {
        width: 100%;
        text-align: center
    }
    .page_client_parrainage .bloc_partage .bt_social+.bt_social {
        margin-top: 5px
    }
}
.page_client_connection .fond {
    padding-top: 30px;
    text-align: center
}
.page_client_connection .bloc_connection {
    width: 50%;
    margin: auto
}
.page_client_connection .bloc_connection h1 {
    margin-bottom: 14px;
    font-size: 40px;
    line-height: 44px;
    color: #4a4d50
}
.page_client_connection .bloc_connection h1.color2 {
    color: #000000
}
.page_client_connection .bloc_connection .bouton {
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    padding: 14px;
    font-family: "brandon_grotesquelight";
    font-size: 26px;
    line-height: 30px;
    color: #4a4d50;
    background-color: #FFF;
    border: 3px solid #000;
    text-decoration: none;
    cursor: pointer
}
.page_client_connection .bloc_connection .bouton+.bouton {
    margin-top: 10px
}
.page_client_connection .bloc_connection .bouton span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: rgba(74, 77, 80, 0.5)
}
.page_client_connection .bloc_connection .bouton:hover {
    background-color: #EEE
}
.page_client_connection .bloc_connection .bouton.type2 {
    background-color: #404040;
    border-color: #404040;
    color: #FFF
}
.page_client_connection .bloc_connection .bouton.type2:hover {
    background-color: #404040
}
.page_client_connection .bloc_connection .bouton.type2 span {
    color: rgba(255, 255, 255, 0.7)
}
.page_client_connection .bloc_connection .bouton_facebook {
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    font-family: "brandon_grotesquemedium";
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background-color: #3b5998;
    cursor: pointer;
    outline: 0px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-transform: uppercase
}
.page_client_connection .bloc_connection .bouton_facebook:hover {
    background-color: #5077cc
}
.page_client_connection .bloc_connection .bouton_facebook span {
    display: inline-block;
    vertical-align: top
}
.page_client_connection .bloc_connection .bouton_facebook span.icon {
    width: 50px;
    font-size: 24px;
    text-align: center
}
.page_client_connection .bloc_connection .lien_bas {
    height: 30px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 30px
}
@media screen and (max-width: 1020px) {
    .page_client_connection .bloc_connection {
        width: 80%
    }
}
@media screen and (max-width: 850px) {
    .page_client_connection .fond {
        background-image: none;
        padding-top: 0px;
        min-height: 10px
    }
}
@media screen and (max-width: 750px) {
    .page_client_connection .bloc_connection {
        width: 100%
    }
    .page_client_connection .bloc_connection h1 {
        font-size: 30px;
        line-height: 34px
    }
}
@media screen and (max-width: 400px) {
    .page_client_connection .bloc_connection h1 {
        font-size: 22px;
        line-height: 28px
    }
    .page_client_connection .bloc_connection .bouton {
        font-size: 18px;
        line-height: 28px
    }
    .page_client_connection .bloc_connection .bouton_facebook {
        height: auto;
        font-size: 16px;
        line-height: 50px
    }
    .page_client_connection .bloc_connection .bouton_facebook span {
        display: inline-block;
        vertical-align: middle
    }
    .page_client_connection .bloc_connection .bouton_facebook span.icon {
        margin-right: 5px;
        width: 30px
    }
}
.page_panier .head_panier {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px
}
.page_panier .head_panier h1 {
    font-size: 40px;
    line-height: 44px;
    color: #5e6265;
    text-align: left
}
.page_panier .head_panier .bt_panier,
.page_panier .head_panier .bt_montant_minimum {
    position: absolute;
    right: 0px;
    top: 0px
}
.page_panier .panier_vide,
.page_panier .gain_fidelite {
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #989ea1
}
.page_panier .panier_vide b,
.page_panier .gain_fidelite b {
    white-space: nowrap
}
.page_panier .bt_panier,
.page_panier .bt_montant_minimum {
    display: inline-block;
    height: 50px;
    padding: 0px 20px;
    font-size: 20px;
    color: #FFF;
    line-height: 50px;
    background-color: #000000;
    text-decoration: none;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_panier .bt_panier:hover,
.page_panier .bt_montant_minimum:hover {
    background-color: #404040
}
.page_panier .bt_montant_minimum,
.page_panier .bt_montant_minimum:hover {
    background-color: #5e6265
}
.page_panier .ligne_produit {
    padding: 14px;
    border-top: 1px solid #989ea1
}
.page_panier .ligne_produit a {
    display: inline-block;
    vertical-align: middle;
    width: 55%
}
.page_panier .ligne_produit a .image {
    display: inline-block;
    vertical-align: middle
}
.page_panier .ligne_produit a .image img {
    width: 65px
}
.page_panier .ligne_produit a .titre {
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 65px);
    width: calc(100% - 65px);
    padding-left: 14px;
    font-size: 16px;
    line-height: 20px;
    color: #5e6265
}
.page_panier .ligne_produit a .titre i {
    display: block;
    font-size: 12px;
    color: rgba(94, 98, 101, 0.7)
}
.page_panier .ligne_produit .case_quantite {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #868d91
}
.page_panier .ligne_produit .case_quantite .choix_quantite {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    background-color: #eeeeee
}
.page_panier .ligne_produit .case_quantite .plus,
.page_panier .ligne_produit .case_quantite .moins,
.page_panier .ligne_produit .case_quantite .quantite {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    text-align: center;
    line-height: 50px
}
.page_panier .ligne_produit .case_quantite .plus,
.page_panier .ligne_produit .case_quantite .moins {
    width: 50px;
    font-size: 22px;
    cursor: pointer
}
.page_panier .ligne_produit .case_quantite .plus span:hover,
.page_panier .ligne_produit .case_quantite .moins span:hover {
    color: #404040
}
.page_panier .ligne_produit .case_quantite .bt_supprimer:hover {
    color: #404040
}
.page_panier .ligne_produit .case_quantite .quantite {
    width: 80px;
    font-size: 20px;
    line-height: 24px;
    color: #5e6265;
    line-height: 50px
}
.page_panier .ligne_produit .case_quantite .bt_supprimer {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    cursor: pointer
}
.page_panier .ligne_produit .prix {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #5e6265
}
.page_panier .ligne_produit.ligne_2 {
    background-color: #eeeeee
}
.page_panier .ligne_produit.ligne_2 .case_quantite .choix_quantite {
    background-color: #FFF
}
.page_panier .ligne_infos {
    padding: 14px;
    border-top: 1px solid #989ea1
}
.page_panier .ligne_infos .titre {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    color: #868d91
}
.page_panier .ligne_infos .prix {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #5e6265
}
.page_panier .reduction {
    margin-top: 28px
}
.page_panier .reduction h2 {
    margin-bottom: 14px;
    font-size: 22px;
    line-height: 26px;
    color: #5e6265
}
.page_panier .reduction .bon {
    display: table;
    width: 100%;
    padding: 14px;
    background-color: #DFDFDF
}
.page_panier .reduction .bon .case_input {
    display: table-cell;
    vertical-align: top;
    height: 40px
}
.page_panier .reduction .bon .case_input .case_form {
    display: table;
    vertical-align: top;
    height: 40px;
    width: 100%;
    padding: 0px;
    padding-right: 14px;
    background-color: #DFDFDF
}
.page_panier .reduction .bon .case_input .case_form .titre {
    display: table-cell;
    vertical-align: top;
    width: 300px;
    height: 40px;
    font-size: 16px;
    line-height: 40px
}
.page_panier .reduction .bon .case_input .case_form input.input {
    display: table-cell;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    width: 100%
}
.page_panier .reduction .bon .bouton_form {
    display: table-cell;
    vertical-align: top;
    height: 40px;
    width: 200px
}
.page_panier .reduction .bon .bouton_form .bouton_save_form {
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #FFF;
    line-height: 40px;
    text-align: center;
    background-color: #5e6265;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.page_panier .reduction .bon .bouton_form .bouton_save_form:hover {
    background-color: #404040
}
.page_panier .reduction .fidelite {
    position: relative;
    margin-top: 5px;
    padding: 14px;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #989ea1
}
.page_panier .reduction .fidelite .hover {
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #000000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.page_panier .reduction .fidelite:hover .hover {
    height: 4px
}
.page_panier .reduction .fidelite .titre {
    font-size: 16px;
    line-height: 26px
}
.page_panier .reduction .fidelite .titre span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: rgba(134, 141, 145, 0.7)
}
.page_panier .reduction .fidelite .bt_utiliser {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 16px;
    line-height: 26px;
    color: #5e6265
}
.page_panier .reduction .fidelite .bt_utiliser span {
    display: inline-block;
    vertical-align: top
}
.page_panier .reduction .fidelite .bt_utiliser span.icon {
    margin-right: 10px
}
.page_panier .reduction .fidelite.actif .bt_utiliser {
    color: #000000
}
.page_panier .bouton_bas {
    padding-top: 14px;
    text-align: right
}
@media screen and (max-width: 850px) {
    .page_panier .affichage_panier .ligne_produit a {
        width: 40%
    }
    .page_panier .affichage_panier .ligne_produit .case_quantite {
        width: 35%
    }
    .page_panier .affichage_panier .ligne_produit .case_quantite .quantite {
        width: 55px
    }
    .page_panier .affichage_panier .ligne_produit .prix {
        width: 25%
    }
    .page_panier .reduction h2 {
        font-size: 18px;
        line-height: 24px
    }
    .page_panier .reduction .bon {
        position: relative;
        display: block
    }
    .page_panier .reduction .bon .case_input {
        display: block;
        height: auto
    }
    .page_panier .reduction .bon .case_input .case_form {
        display: block;
        height: auto
    }
    .page_panier .reduction .bon .case_input .case_form .titre {
        display: block
    }
    .page_panier .reduction .bon .case_input .case_form input.input {
        display: block
    }
    .page_panier .reduction .bon .bouton_form {
        position: absolute;
        width: 30%;
        bottom: 14px;
        right: 14px;
        border-left: 10px solid #EEE
    }
}
@media screen and (max-width: 750px) {
    .page_panier .affichage_panier .ligne_produit .case_quantite {
        width: 40%
    }
    .page_panier .affichage_panier .ligne_produit .case_quantite .quantite {
        width: 40px
    }
    .page_panier .affichage_panier .ligne_produit .prix {
        width: 20%
    }
}
@media screen and (max-width: 600px) {
    .page_panier .head_panier {
        margin: 0px
    }
    .page_panier .head_panier h1 {
        text-align: center;
        font-size: 30px;
        line-height: 34px
    }
    .page_panier .head_panier a.bt_panier {
        display: none
    }
    .page_panier .affichage_panier .ligne_produit {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
    .page_panier .affichage_panier .ligne_produit a {
        width: auto;
        margin-bottom: 14px
    }
    .page_panier .affichage_panier .ligne_produit .case_quantite {
        width: 100%;
        position: relative
    }
    .page_panier .affichage_panier .ligne_produit .case_quantite .choix_quantite {
        width: 100%
    }
    .page_panier .affichage_panier .ligne_produit .case_quantite .choix_quantite .quantite {
        width: -webkit-calc(100% - 150px);
        width: calc(100% - 150px)
    }
    .page_panier .affichage_panier .ligne_produit .case_quantite .bt_supprimer {
        background-color: #FFF
    }
    .page_panier .affichage_panier .ligne_produit .prix {
        width: 100%;
        text-align: center;
        padding: 14px;
        font-size: 26px;
        line-height: 30px
    }
    .page_panier .ligne_infos .titre,
    .page_panier .ligne_infos .prix {
        width: 100%;
        text-align: center
    }
    .page_panier .ligne_infos .prix {
        font-size: 26px;
        line-height: 30px
    }
    .page_panier .ligne_infos .prix.mobile {
        font-size: 35px !important
    }
    .page_panier .bouton_bas {
        width: 100%
    }
    .page_panier .bouton_bas a.bt_panier {
        width: 100%;
        font-size: 16px;
        line-height: 50px;
        text-align: center
    }
}
.page_produit_fiche .lien_navigation .wrap {
    display: inline-block;
    width: 50%;
    font-size: 20px
}
.page_produit_fiche .lien_navigation .wrap+.wrap {
    text-align: right
}
.page_produit_fiche .lien_navigation .wrap a {
    cursor: pointer
}
.page_produit_fiche .lien_navigation .wrap a span.icon-left-open-big {
    display: inline-block;
    color: #000000;
    vertical-align: middle;
    margin-right: 10px
}
.page_produit_fiche .lien_navigation .wrap a span.icon-house {
    display: inline-block;
    color: #000000;
    margin-right: 10px
}
.page_produit_fiche .lien_navigation .wrap a:hover {
    text-decoration: none;
    color: #000000
}
.page_produit_fiche .ariane {
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0px;
    color: rgba(152, 158, 161, 0.5);
    border-bottom: 1px solid #eeeeee
}
.page_produit_fiche .ariane a {
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    color: rgba(152, 158, 161, 0.5);
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_produit_fiche .ariane a:hover {
    color: #000
}
.page_produit_fiche h1 {
    margin: 7px 0px;
    font-family: "brandon_grotesquelight";
    font-size: 40px;
    line-height: 44px;
    color: #000000;
    text-align: left
}
.page_produit_fiche .intro {
    font-size: 14px
}
.page_produit_fiche .wrap_produit {
    position: relative;
    z-index: 1;
    margin-top: 20px
}
.page_produit_fiche .wrap_produit .wrap_photo_produit {
    display: inline-block;
    width: 580px;
    vertical-align: top;
    margin-right: 16px
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .img_principale {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    padding: 2px 14px;
    cursor: pointer;
    overflow: hidden
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .img_principale .cache_hover {
    position: absolute;
    background-color: rgba(94, 98, 101, 0.7);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .img_principale .cache_hover:hover {
    opacity: 1
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .img_principale .cache_hover .icon-search {
    position: absolute;
    left: 0px;
    bottom: 50%;
    margin-bottom: -15px;
    width: 100%;
    height: 30px;
    font-size: 45px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    text-decoration: none
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .img_principale img {
    width: 80%;
    margin: 0 auto
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini {
    display: inline-block;
    vertical-align: top;
    width: 100%
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 54px;
    height: 54px;
    border: 1px solid #e6e6e6;
    margin-top: 10px
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini+.img_mini {
    margin-left: 10px
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini.video {
    border: 0px
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini a img {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini .icon-play {
    display: block;
    width: 54px;
    height: 54px;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
    background-color: #4a4d50;
    text-decoration: none;
    color: #FFF;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini .icon-play:hover {
    background-color: #000000;
    font-size: 16px
}
.page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini img {
    width: 100%
}
.page_produit_fiche .wrap_produit .wrap_prix_produit {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 600px - 2%);
    width: calc(100% - 600px - 2%);
    height: 446px;
    text-align: center
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier {
    display: inline-block;
    width: 90%;
    margin: 0 auto;
    padding-top: 20px
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier form {
    width: 100%
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .prix,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .prix_promo {
    display: block;
    font-family: "brandon_grotesquemedium";
    font-size: 41px;
    line-height: 44px;
    color: #000000;
    text-align: center
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .prix strike,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .prix_promo strike {
    font-size: 26px;
    color: #404040;
    text-shadow: none
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .livraison,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .quantite_restante,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .numero_tel {
    display: block;
    margin-top: 5px;
    text-align: center;
    line-height: 20px;
    color: #666666
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .custom_select {
    margin-top: 15px;
    border: 1px solid #EEE;
    overflow: visible
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .custom_select select {
    font-family: "brandon_grotesquelight";
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .custom_select LABEL {
    height: 48px
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite {
    display: table;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    background-color: #FFF;
    overflow: hidden
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .plus,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .moins {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .plus span.icone,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .moins span.icone {
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    padding-top: 2px;
    font-size: 24px;
    line-height: 20px;
    color: #868d91;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .plus span.hover,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .moins span.hover {
    opacity: 0;
    position: absolute;
    display: block;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background-color: #000;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .plus:hover span.icone,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .moins:hover span.icone {
    color: #000
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .plus:hover span.hover,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .moins:hover span.hover {
    opacity: 0
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .case_quantite .quantite {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    color: #5e6265
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .numero_tel {
    margin-bottom: 10px
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .numero_tel span {
    display: block;
    font-family: "muli_light";
    font-size: 20px;
    color: #000000
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .numero_tel span+span {
    color: #000;
    font-weight: bold;
    margin-top: 5px
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_panier,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_epuise,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_devis {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    margin-top: 5px;
    border: 0px solid #000;
    background-color: #EEE;
    font-family: "brandon_grotesquemedium";
    font-size: 18px;
    line-height: 47px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_devis,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_epuise {
    border-radius: 12px;
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_panier:hover,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_epuise:hover,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_devis:hover {
    background-color: #404040;
    color: #FFF
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_epuise,
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_epuise:hover {
    cursor: default;
    background-color: #868d91
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_devis {
    border: 0px;
    line-height: 50px;
    color: #FFF;
    background-color: #5e6265;
    width: 100%
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_devis:hover {
    background-color: #000000
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_panier {
    border-radius: 12px;
    background: #00e094;
    color: #FFF;
}
.page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier .bt_panier:hover {
    background: #00BD7D;
}
.page_produit_fiche .wrap_produit .wrap_social_produit {
    display: inline-block;
    width: 2%;
    vertical-align: top
}
/*
.page_produit_fiche .wrap_produit .wrap_social_produit .social {
    position: relative;
    height: 44px;
    padding-right: 14px;
    text-align: right;
    z-index: 2
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 44px;
    line-height: 44px;
    cursor: pointer
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social span {
    display: inline-block;
    vertical-align: top;
    color: #404040;
    font-size: 14px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social .icon {
    width: 50px;
    font-size: 24px;
    text-align: center
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social:hover span {
    color: #000
}
*/

.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(icon/icons2.png) no-repeat;
    background-size: 42px auto;
    background-position: 0px 0px;
    transition: none;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 7px;
}

.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.facebook {
    background-position-y: 0px;
    border-color: #4e71a8;
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.facebook:hover {
    background-position-y: -42px;
}

.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.twitter {
    background-position: 0px -84px;
    border-color: #1cb7eb;
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.twitter:hover {
    background-position-y: -126px;
}

.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.pinterest {
    background-position-y: -168px;
    border-color: #ca3737;
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.pinterest:hover {
    background-position-y: -210px;
}

.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.houzz {
    background-position-y: -252px;
    border-color: #57ba63;
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.houzz:hover {
    background-position-y: -294px;
}

.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.comments {
    background-position-y: -336px;
    border-color: #f7b70a;
}
.page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social.comments:hover {
    background-position-y: -378px;
}

.page_produit_fiche .description {
    width: 100%;
    margin: auto;
    padding-top: 40px
}
.page_produit_fiche .description a {
    color: #000000
}
.page_produit_fiche .description .reference {
    display: block;
    width: 100%;
    padding: 10px;
    padding-left: 0px
}
.page_produit_fiche .description .reference .titre {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    padding-right: 0px;
    font-family: "brandon_grotesquemedium"
}
.page_produit_fiche .description .reference .valeur {
    display: inline-block;
    padding: 10px;
    padding-left: 0px
}
.page_produit_fiche .caracteristiques {
    width: 90%;
    margin: auto
}
.page_produit_fiche .caracteristiques .ligne {
    padding: 15px;
    border-bottom: 1px solid #e6e6e6
}
.page_produit_fiche .caracteristiques .ligne .titre {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    font-family: "brandon_grotesquemedium";
    color: #000
}
.page_produit_fiche .caracteristiques .ligne .valeur {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    color: #000
}
.page_produit_fiche .caracteristiques .ligne+.ligne {
    margin-top: 5px
}
@media screen and (max-width: 1000px) {
    .page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier {
        width: 90%
    }
}
@media screen and (max-width: 940px) {
    .page_produit_fiche .wrap_produit .wrap_photo_produit {
        display: block;
        width: 100%;
        margin: 0 auto
    }
    .page_produit_fiche .wrap_produit .wrap_photo_produit .img_principale img {
        width: 300px;
        height: 300px
    }
    .page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini {
        text-align: center
    }
    .page_produit_fiche .wrap_produit .wrap_prix_produit {
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 40px;
        margin-top: 10px
    }
    .page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier {
        width: 60%
    }
    .page_produit_fiche .wrap_produit .wrap_social_produit {
        width: 100%
    }
    .page_produit_fiche .wrap_produit .wrap_social_produit .social {
        text-align: center
    }
    .page_produit_fiche .wrap_produit .wrap_social_produit .social .case_social {
        width: 44px
    }
    .page_produit_fiche .description {
        width: 100%
    }
}
@media screen and (max-width: 600px) {
    .page_produit_fiche .wrap_produit .wrap_prix_produit {
        display: block;
        width: 100%;
        margin-top: 10px
    }
    .page_produit_fiche .wrap_produit .wrap_prix_produit .prix_panier {
        width: 90%
    }
}
@media screen and (max-width: 600px) {
    .page_produit_fiche .wrap_produit .wrap_photo_produit .img_principale img {
        width: 100%;
        height: inherit
    }
}
@media screen and (max-width: 540px) {
    .page_produit_fiche .ariane {
        display: none
    }
}
@media screen and (max-width: 505px) {
    .page_produit_fiche .wrap_produit .wrap_photo_produit {
        display: block;
        width: 100%;
        margin: 0 auto
    }
    .page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini {
        width: 45px;
        height: 45px
    }
    .page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini .icon-play {
        width: 45px;
        height: 45px;
        line-height: 45px
    }
    .page_produit_fiche .wrap_produit .wrap_photo_produit .wrap_mini .img_mini+.img_mini {
        margin-left: 5px
    }
}
@media screen and (max-width: 600px) {
    .page_produit_fiche .caracteristiques {
        width: 100%
    }
    .page_produit_fiche .caracteristiques .ligne .titre,
    .page_produit_fiche .caracteristiques .ligne .valeur {
        display: block;
        width: 100%
    }
}
.page_produit_liste {
    padding-top: 20px
}
.page_produit_liste h1 {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 44px;
    color: #5e6265;
    text-align: left
}
.page_produit_liste .filtres {
    margin-top: 24px
}
.page_produit_liste .filtres .filter,
.page_produit_liste .filtres .trier {
    display: inline-block;
    vertical-align: top;
    width: 50%
}
.page_produit_liste .filtres .filter .bt {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 50px;
    padding: 0px 30px;
    font-size: 18px;
    color: #FFF;
    line-height: 50px;
    background-color: #000000;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-bottom: 0px
}
.page_produit_liste .filtres .filter .bt .filtre_fleche {
    width: 12px;
    height: 12px;
    position: absolute;
    background-color: #000000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    right: -5px;
    top: 20px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.page_produit_liste .filtres .filter .bt:hover {
    background-color: #404040
}
.page_produit_liste .filtres .filter .bt:hover span.filtre_fleche {
    background-color: #404040;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.page_produit_liste .filtres .filter .nb_produit {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    padding: 0px 30px;
    font-size: 14px;
    color: #5e6265;
    line-height: 50px;
    background-color: #DDDDDD;
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 6px 11px
}
.page_produit_liste .filtres .trier_mobile {
    display: none
}
.page_produit_liste .filtres .trier {
    text-align: right
}
.page_produit_liste .filtres .trier .titre {
    padding-right: 14px
}
.page_produit_liste .filtres .trier .titre,
.page_produit_liste .filtres .trier ul,
.page_produit_liste .filtres .trier ul li,
.page_produit_liste .filtres .trier ul li a {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    font-size: 14px;
    line-height: 50px
}
.page_produit_liste .filtres .trier ul {
    border-bottom: 1px solid #eeeeee
}
.page_produit_liste .filtres .trier ul li a {
    padding: 0px 14px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.page_produit_liste .filtres .trier ul li a:hover {
    color: #000000;
    text-decoration: none
}
.page_produit_liste .filtres .trier ul li.actif a {
    border-bottom: 2px solid #000000;
    color: #000000
}
.affichage_liste_produit {
    margin-top: 30px
}
.affichage_liste_produit .col_produit {
    padding-top: 7px;
    padding-bottom: 7px
}
@media screen and (max-width: 1020px) {
    .col_produit.col_3 {
        width: 33.33%
    }
}
@media screen and (max-width: 850px) {
    .page_produit_liste .filtres .bt .filtre_fleche {
        display: none
    }
    .page_produit_liste .filtres .trier {
        display: block;
        width: 100%;
        text-align: right
    }
    .page_produit_liste .filtres .trier ul li {
        padding: 0px 7px
    }
    .col_produit.col_3 {
        width: 33.33333333%
    }
}
@media screen and (max-width: 750px) {
    .page_produit_liste .intro {
        display: none
    }
    .page_produit_liste .filtres {
        margin-top: 14px
    }
    .page_produit_liste .filtres .filter {
        width: 50%;
        padding-right: 5px
    }
    .page_produit_liste .filtres .filter .bt {
        display: block;
        width: 100%;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        text-align: center
    }
    .page_produit_liste .filtres .filter .bt .filtre_fleche {
        display: none
    }
    .page_produit_liste .filtres .filter .nb_produit {
        display: none
    }
    .page_produit_liste .filtres .trier_mobile {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-left: 5px
    }
    .page_produit_liste .filtres .trier_mobile .bt {
        display: block;
        height: 40px;
        width: 100%;
        font-size: 16px;
        color: #FFF;
        text-align: center;
        line-height: 40px;
        background-color: #000000;
        cursor: pointer;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        border-bottom: 0px
    }
    .page_produit_liste .filtres .trier_mobile .bt:hover {
        background-color: #404040
    }
    .page_produit_liste .filtres .trier {
        display: none;
        position: relative;
        width: 100%;
        padding-top: 10px
    }
    .page_produit_liste .filtres .trier .titre {
        display: none
    }
    .page_produit_liste .filtres .trier ul {
        display: block;
        height: auto;
        border-bottom: 1px solid #eeeeee
    }
    .page_produit_liste .filtres .trier ul li {
        display: block;
        width: 100%;
        text-align: center
    }
    .col_produit.col_3 {
        width: 50%
    }
    .page_produit_liste .affichage_liste_produit {
        margin-top: 7px
    }
}
@media screen and (max-width: 600px) {
    .page_produit_liste {
        padding-top: 0px
    }
    .page_produit_liste h1 {
        font-size: 30px;
        line-height: 34px
    }
}
@media screen and (max-width: 400px) {
    .page_produit_liste h1 {
        font-size: 22px;
        line-height: 28px
    }
}
.etapes {
    font-size: 16px;
    color: rgba(94, 98, 101, 0.4);
    line-height: 60px;
    background-color: #FFF
}
.etapes .case_etape {
    display: inline-block;
    vertical-align: top;
    width: 33.33333333%;
    height: 60px;
    text-align: center;
    cursor: default
}
.etapes .case_etape .numero {
    display: inline-block;
    margin-right: 10px;
    font-size: 28px
}
.etapes .case_etape .numero,
.etapes .case_etape .titre {
    color: rgba(94, 98, 101, 0.4)
}
.etapes .case_etape:hover {
    text-decoration: none
}
.etapes .case_etape.actif {
    border-bottom: 4px solid #000000
}
.etapes .case_etape.actif .numero,
.etapes .case_etape.actif .titre {
    color: rgba(94, 98, 101, 0.9)
}
.etapes .case_etape.check {
    border-bottom: 4px solid rgba(94, 98, 101, 0.2);
    cursor: pointer
}
.recap_commande {
    border-bottom: 1px solid #eeeeee
}
.recap_commande .recap {
    display: inline-block;
    height: 50px;
    line-height: 50px
}
.recap_commande .recap span {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #b8bec4
}
.recap_commande .recap span+span {
    display: inline-block;
    margin-left: 14px;
    font-size: 16px;
    line-height: 20px;
    color: #5e6265
}
.recap_commande .bt_retour {
    display: inline-block;
    float: right;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    color: #b8bec4;
    text-decoration: none;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.recap_commande .bt_retour:hover {
    color: #000000
}
.recap_commande .timer {
    display: inline-block;
    display: none;
    float: right;
    height: 50px;
    line-height: 50px
}
.recap_commande .timer SPAN {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    color: #b8bec4
}
.recap_commande .timer SPAN.texte,
.recap_commande .timer SPAN.temps {
    font-size: 16px;
    color: #5e6265;
    line-height: 50px;
    margin-left: 7px
}
.recap_commande .timer SPAN.temps {
    font-weight: bold;
    margin-left: 7px
}
#etape {
    padding: 40px 0px
}
#etape h1,
#etape h2 {
    margin-bottom: 28px;
    font-size: 36px;
    line-height: 36px;
    color: #000000;
    text-align: center
}
#etape h1.taille2,
#etape h2.taille2 {
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 30px
}
#etape .bouton2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    cursor: pointer;
    outline: 0px
}
#etape .bouton2.espace {
    margin-top: 5px
}
#etape .bouton2:hover {
    background-color: #404040
}
#etape .bouton_facebook {
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background-color: #3b5998;
    cursor: pointer;
    outline: 0px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
#etape .bouton_facebook span {
    display: inline-block;
    vertical-align: top
}
#etape .bouton_facebook span.icon {
    width: 50px;
    font-size: 24px;
    text-align: center
}
#etape .bouton_facebook:hover {
    background-color: #5077cc
}
#etape #paiement_loading {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 999
}
#etape.etape1 #mobile_form {
    display: block
}
#etape.etape1 .bloc_connection .titre {
    height: 50px;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    color: #5e6265;
    background-color: #eeeeee;
    border-bottom: 1px solid #FFF
}
#etape.etape1 .bloc_connection .lien_bas {
    display: block;
    margin-top: 14px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center
}
#etape.etape1 .bloc_inscription a {
    display: block;
    height: 50px;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    background-color: #5e6265;
    text-decoration: none
}
#etape.etape1 .bloc_inscription a:hover {
    background-color: #000000
}
#etape.etape1 .bloc_inscription .legende {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 14px 50px;
    text-align: center
}
#etape.etape1 .form_center {
    width: 50%;
    margin: auto
}
#etape.etape1 .form h2 {
    margin-top: 28px
}
#etape.etape1 .liste_adresse {
    margin-bottom: 5px
}
#etape.etape1 .liste_adresse .bouton_form button {
    position: relative;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    border: none;
    color: #FFF;
    background-color: #000000
}
#etape.etape1 .liste_adresse .bouton_form button span.icon {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background-color: #404040
}
#etape.etape1 .liste_adresse .bouton_form button::-moz-focus-inner {
    border: none;
    padding: 0px !important
}
#etape.etape1 .liste_adresse .bouton_form button span.titre_bt {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    line-height: 50px
}
#etape.etape1 .liste_adresse .bouton_form button:hover {
    background-color: #404040
}
#etape.etape1 .liste_adresse .bouton_form button:hover span.icon {
    background-color: #000000
}
#etape .case_livraison {
    position: relative;
    display: block;
    margin: 7px 0px;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #989ea1
}
#etape .case_livraison .hover {
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #000000;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}
#etape .case_livraison span {
    display: block;
    text-align: center
}
#etape .case_livraison .titre {
    padding: 14px 14px 4px 14px;
    font-size: 18px;
    line-height: 20px;
    color: #5e6265
}
#etape .case_livraison .description {
    padding: 7px 14px 7px 14px
}
#etape .case_livraison .titre {
    font-weight: bold;
    border-bottom: 1px solid #989ea1;
    height: 65px;
}
#etape .case_livraison .prix {
    padding: 14px;
    font-size: 22px;
    line-height: 22px;
    color: #FFF;
    background: #404040;
}
#etape .case_livraison:hover .prix {
    background: #000;
}
#etape .message {
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    text-align: center;
    border: 1px solid #000000
}
#etape .message.erreur {
    color: #ff0000;
    background-color: #ffe5e5
}
#etape .recap_commande_etape_3 .ligne {
    padding: 14px 0px
}
#etape .recap_commande_etape_3 .ligne+.ligne {
    border-top: 1px solid #32363a
}
#etape .recap_commande_etape_3 .ligne div {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    font-size: 14px;
    line-height: 14px
}
#etape .recap_commande_etape_3 .ligne div img {
    float: left;
    width: 65px;
    margin-right: 5px
}
#etape .recap_commande_etape_3 .ligne div span {
    display: block;
    font-size: 14px;
    line-height: 22px
}
#etape .recap_commande_etape_3 .ligne .prix {
    width: 30%;
    font: 20px/20px "multicolore", arial;
    font-size: 20px;
    line-height: 20px;
    color: #5e6265;
    text-align: right
}
#etape .recap_commande_etape_3 .gain_fidelite {
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    text-align: center;
    border: 1px solid #000000
}
#etape .recap_commande_etape_3 .gain_fidelite b {
    white-space: nowrap
}
#etape .paiement {
    margin-top: 14px
}
#etape .paiement .form_paiement {
    width: 80%;
    margin: auto
}
#etape .case_cb {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border-top: 1px solid #FFF;
    width: 50%
}
#etape .case_cb #div_carte_mois {
    z-index: 1
}
#etape .case_cb #div_carte_mois .custom_select {
    width: 48%
}
#etape .case_cb #div_carte_annee {
    position: absolute;
    width: 50%;
    border: none;
    top: 0px;
    right: 0px
}
#etape .case_cb #div_carte_annee .custom_select {
    z-index: 2
}
#etape .case_cb+.case_cb {
    border-left: 1px solid #FFF
}
#etape.etape4 .boutons {
    padding-top: 40px;
    text-align: center
}
#etape.etape4 .boutons .bt_suivre {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    height: 50px;
    margin: 0px 7px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    line-height: 50px;
    text-decoration: none;
    background-color: #000000;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
#etape.etape4 .boutons .bt_suivre:hover {
    background-color: #404040
}
#etape.etape4 .boutons .bt_retour {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    height: 50px;
    margin: 0px 7px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    line-height: 50px;
    text-decoration: none;
    background-color: #5e6265;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
#etape.etape4 .boutons .bt_retour:hover {
    background-color: #000000
}
#etape.etape4 .fidelite {
    margin-top: 40px;
    padding: 14px;
    text-align: center;
    background-color: #FFF
}
#etape.etape4 .fidelite h2 {
    font-family: "brandon_grotesquelight";
    color: #000000
}
#etape.etape4 .fidelite .gain {
    display: block;
    text-align: center
}
@media screen and (max-width: 850px) {
    #etape.etape1 .form_center {
        width: 100%
    }
    #etape.etape1 .liste_adresse .add_adresse {
        position: relative;
        width: 100%;
        height: 50px;
        padding-left: 0px;
        bottom: 0px;
        right: 0;
        margin-top: 4px
    }
}
@media screen and (max-width: 750px) {
    .case_etape .titre {
        display: none
    }
    #etape.etape1 .col_6 {
        width: 100%
    }
    #etape.etape1 .col_6+.col_6 {
        margin-top: 14px
    }
    #etape.etape1 .col_6 #mobile_form {
        display: none
    }
    #etape.etape1 .col_6 .bloc_connection .titre {
        cursor: pointer
    }
    #etape.etape1 .form {
        margin-top: 10px
    }
    #etape.etape1 .bloc_inscription a {
        height: auto;
        padding: 10px;
        line-height: 26px
    }
    #etape .paiement .form_paiement {
        width: 100%;
        margin: auto
    }
    #etape.etape4 .boutons {
        padding-top: 14px
    }
    #etape.etape4 .boutons .bt_suivre {
        display: block;
        margin: 0px;
        width: 100%;
        font-size: 16px;
        line-height: 50px
    }
    #etape.etape4 .boutons .bt_retour {
        display: block;
        width: 100%;
        margin: 0px;
        margin-top: 5px;
        font-size: 16px;
        line-height: 50px
    }
    #etape.etape4 .fidelite {
        margin-top: 20px
    }
}
@media screen and (max-width: 1020px) {
    #etape .bouton_facebook {
        font: 16px/50px "multicolore", arial !important;
        font-size: 16px;
        line-height: 50px
    }
}
@media screen and (max-width: 600px) {
    #etape h1,
    #etape h2 {
        font-size: 32px;
        line-height: 32px
    }
    #etape h1.taille2,
    #etape h2.taille2 {
        font-size: 22px;
        line-height: 22px
    }
    .recap_commande {
        display: none
    }
    .case_cb {
        width: 100% !important
    }
    .case_cb+.case_cb {
        border-left: none
    }
}
@media screen and (max-width: 400px) {
    #etape .bouton_facebook .icon {
        display: none
    }
}
header {
    position: relative;
    background-color: #FFFFFF;
    z-index: 20
}
header .row_center {
    position: relative
}
header .compte_panier .compte .texte .titre {
    font-size: 16px;
    color: #404040;
    font-family: "brandon_grotesquemedium";
    text-transform: uppercase
}
header .compte_panier .compte .texte .sous_titre {
    font-size: 14px;
    text-transform: none;
    font-family: 'muli_light'
}
header .compte_panier .compte .texte .logout {
    font-size: 14px;
    text-transform: none;
    font-family: 'muli_light'
}
header .compte_panier .panier {
    position: relative;
    cursor: pointer
}
header .compte_panier .panier .bulle {
    display: none
}
header .compte_panier .panier .texte {
    padding-top: 11px
}
header .compte_panier .panier .texte .titre {
    font-size: 16px;
    color: #404040;
    font-family: "brandon_grotesquemedium"
}
header .compte_panier .panier .texte .sous_titre {
    font-size: 12px;
    text-transform: none;
    font-family: 'muli_light'
}
header .compte_panier .panier .texte .sous_titre span.total {
    display: none
}
#panier_cache {
    position: fixed;
    width: 47%;
    height: 100%;
    right: -100%;
    top: 0px;
    max-width: 550px;
    min-width: 400px;
    background-color: #5e6265;
    z-index: 10
}
.panier_site {
    display: block;
    position: absolute;
    width: 47%;
    height: 100%;
    top: 0px;
    right: -100%;
    max-width: 550px;
    min-width: 400px;
    padding-top: 100px;
    background-color: #000;
    z-index: 21
}
.panier_site .panier_content {
    position: relative
}
.panier_site .head_panier {
    position: relative;
    padding: 7px 14px;
    padding-right: 80px;
    background-color: #000
}
.panier_site .head_panier .panier_vide {
    padding: 14px;
    background-color: #4a4d50;
    text-align: center;
    color: #FFF
}
.panier_site .head_panier .bt_close {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    right: 0px;
    top: 14px;
    font-size: 26px;
    line-height: 35px;
    color: #FFF;
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.panier_site .head_panier .bt_close:hover {
    color: rgba(255, 255, 255, 0.4)
}
.panier_site .panier_content #divAlert1,
.panier_site .panier_content #divAlert2 {
    display: none;
    margin: 0px;
    padding: 14px;
    text-align: center;
    background-color: #e8fafd;
    border: none;
    border-radius: 0px;
    box-shadow: none
}
.panier_site .panier_content #divAlert1 UL,
.panier_site .panier_content #divAlert2 UL {
    list-style: none
}
.panier_site .panier_content #divAlert1 {
    color: #000;
    background-color: #ececec
}
.panier_site .panier_content #divAlert2 {
    color: #ff0000;
    background-color: #ffe5e5
}
.panier_site .bt_voir_panier {
    display: block;
    height: 50px;
    font-family: "brandon_grotesquemedium";
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
    background-color: #FFF;
    text-transform: uppercase;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    border: 3px solid #FFF
}
.panier_site .bt_voir_panier:hover {
    border: 3px solid #FFF;
    color: #FFF;
    background-color: #000
}
.panier_site .ligne_produit a {
    display: block;
    margin-bottom: 1px;
    padding: 14px;
    font-size: 22px;
    line-height: 26px;
    color: #FFF;
    text-transform: uppercase;
    background-color: #000
}
.panier_site .ligne_produit a span {
    display: inline-block;
    vertical-align: middle
}
.panier_site .ligne_produit a .img {
    width: 25%;
    padding-right: 14px
}
.panier_site .ligne_produit a .img img {
    width: 100%
}
.panier_site .ligne_produit a .titre {
    width: 100%;
    font-family: "brandon_grotesquelight"
}
.panier_site .ligne_produit a .titre i {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.4)
}
.panier_site .ligne_produit a .img+.titre {
    width: 75%
}
.panier_site .ligne_produit+.ligne_produit a {
    background-color: #000
}
.panier_site .ligne_produit .quantite_prix {
    color: #c4c3c3;
    background-color: #000;
    border-top: 1px solid #5e6265;
    border-bottom: 1px solid #5e6265
}
.panier_site .ligne_produit .quantite_prix .choix_quantite {
    display: inline-block;
    vertical-align: top;
    padding-left: 14px;
    width: 67%;
    height: 50px;
    text-align: left
}
.panier_site .ligne_produit .quantite_prix .choix_quantite .plus,
.panier_site .ligne_produit .quantite_prix .choix_quantite .moins {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    border-bottom: 3px solid #000;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}
.panier_site .ligne_produit .quantite_prix .choix_quantite .plus:hover,
.panier_site .ligne_produit .quantite_prix .choix_quantite .moins:hover {
    border-bottom: 3px solid #FFF
}
.panier_site .ligne_produit .quantite_prix .choix_quantite .quantite {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center
}
.panier_site .ligne_produit .quantite_prix .prix {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    height: 50px;
    font-size: 22px;
    text-align: center;
    line-height: 50px;
    background-color: #000;
    font-family: 'brandon_grotesquelight'
}
.panier_site .total {
    padding: 14px 0px 14px 14px;
    font-size: 20px;
    line-height: 26px;
    color: #FFF;
    background-color: #000;
    text-transform: uppercase
}
.panier_site .total div {
    display: inline-block;
    vertical-align: middle;
    width: 67%
}
.panier_site .total div+div {
    width: 33%;
    text-align: center;
    font-family: "brandon_grotesquemedium"
}
.panier_site .bt_bas {
    padding: 14px;
    background-color: #000
}
#menu_client_mobile {
    display: none
}
#menu_client_mobile .bloc_client_menu {
    display: block;
    margin-bottom: 0px;
    padding: 0px 7px
}
#menu_client_mobile .bonjour {
    padding: 10px;
    text-align: center;
    background-color: #eeeeee
}
.content_menu_mobile {
    display: none
}
@media screen and (max-width: 990px) {
    header #bt_filtrer {
        width: -webkit-calc(100% - 250px - 215px - 70px - 50px);
        width: calc(100% - 250px - 215px - 70px - 50px);
        margin-left: 5px
    }
    header .compte_panier {
        margin-left: 0px
    }
}
@media screen and (max-width: 775px) {
    header .compte_panier .compte .texte,
    header .compte_panier .panier .texte {
        display: none
    }
    header .compte_panier .panier {
        margin-left: 10px
    }
    header .compte_panier .panier .bulle {
        display: block;
        position: absolute;
        top: -8px;
        right: -10px;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        text-align: center;
        color: #000;
        font-family: "brandon_grotesquemedium";
        font-size: 13px;
        line-height: 24px;
        background-color: #ececec
    }
}
@media screen and (max-width: 600px) {
    .panier_site {
        padding-right: 0px
    }
}
@media screen and (max-width: 650px) {
    header #bt_filtrer .left_bt {
        width: 100%
    }
    header #bt_filtrer .right_bt {
        display: none
    }
}
@media screen and (max-width: 400px) {
    #panier_cache,
    .panier_site {
        width: 100%;
        min-width: 100%;
        padding-top: 65px
    }
    .panier_site .ligne_produit a {
        font-size: 18px;
        line-height: 24px
    }
    .panier_site .ligne_produit .quantite_prix .choix_quantite {
        width: 60%
    }
    .panier_site .ligne_produit .quantite_prix .prix {
        width: 40%;
        font-size: 20px;
        line-height: 50px
    }
    .panier_site .total {
        font-size: 18px;
        line-height: 24px
    }
    .panier_site .total div {
        width: 60%
    }
    .panier_site .total div+div {
        width: 40%
    }
}
.footer_bonus .wrap_promo {
    display: block;
    width: 100%;
    padding: 40px 0px 0px 0px;
    margin-bottom: 20px
}
.footer_bonus .wrap_promo .bloc_promo {
    display: inline-block;
    width: 25%;
    padding: 0px 35px;
    vertical-align: top;
    border-left: 0px solid #b8bec4
}
.footer_bonus .wrap_promo .bloc_promo+.bloc_promo {
    border-left: 1px solid #b8bec4
}
.footer_bonus .wrap_promo .bloc_promo img {
    max-width: 70px;
    max-height: 70px;
    margin: 0 auto
}
.footer_bonus .wrap_promo .bloc_promo span {
    display: block;
    margin-top: 30px;
    font-family: "brandon_grotesquemedium";
    font-size: 18px;
    text-align: center
}
.footer_bonus .wrap_carte {
    display: block;
    background-color: #FFF;
    padding: 0px 35px
}
.footer_bonus .wrap_carte .module_carte {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 245px
}
.footer_bonus .wrap_carte .module_carte .map {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 245px;
    margin: 0 auto;
    background-color: #000
}
.footer_bonus .wrap_carte .module_carte .map_cache {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 245px;
    vertical-align: top;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 75%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 75%, #fff 100%)
}
.footer_bonus .wrap_carte .information {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-bottom: 50px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}
.footer_bonus .wrap_carte .information .titre {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    font-family: "brandon_grotesquemedium"
}
.footer_bonus .wrap_carte .information .titre.logo_small_black {
    margin: 0px;
}
.footer_bonus .wrap_carte .information .titre img {
    display: inline-block;
    max-width: 90px;
    max-height: 90px;
    margin: 0 auto
}
.footer_bonus .wrap_carte .information .lieu {
    margin-bottom: 5px
}
.footer_bonus .wrap_carte .information .lieu .texte {
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
    font-family: 'muli_light'
}
.footer_bonus .wrap_carte .information .lieu .texte b {
    display: inline-block;
    margin-top: 25px;
    padding: 14px 16px;
    background-color: #e3e5e7
}
.footer_bonus .wrap_carte .wrap_info {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}
.footer_bonus .wrap_carte .wrap_info .bloc_info {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: center
}
.footer_bonus .wrap_carte .wrap_info .bloc_info iframe {
    border: none;
    overflow: hidden;
    height: 90px;
    width: 60px
}
.footer_bonus .wrap_carte .wrap_info .bloc_info .titre {
    display: block;
    font-family: "brandon_grotesquemedium";
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase
}
.footer_bonus .wrap_carte .wrap_info .bloc_info .texte {
    line-height: 18px
}
.footer_bonus .wrap_carte .wrap_info .bloc_info .texte b {
    display: block;
    margin-top: 30px
}
.top_bt_wrap {
    position: relative;
    text-align: center;
    height: 30px;
    cursor: pointer
}
.top_bt_wrap .top_button {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #000;
    z-index: 10
}
.top_bt_wrap .txt {
    position: relative;
    display: block;
    color: #FFF;
    font-family: "brandon_grotesquemedium";
    text-transform: uppercase;
    line-height: 49px;
    text-align: center;
    z-index: 15
}
#footer {
    position: relative;
    padding: 28px 0px;
    background-color: #000;
    z-index: 15
}
#footer .row_center {
    position: relative
}
#footer .lien_logo {
    display: inline-block;
    vertical-align: top
}
#footer .lien_logo img {
    max-width: 67px;
    max-height: 67px
}
#footer .lien_footer {
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 15
}
#footer .lien_footer .col_footer {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding-right: 14px;
    font-size: 14px;
    line-height: 16px;
    color: #FFF
}
#footer .lien_footer .col_footer h3 {
    font-family: "brandon_grotesquemedium";
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 22px;
    color: #5e6265;
    text-transform: uppercase
}
#footer .lien_footer .col_footer ul li {
    color: #989ea1
}
#footer .lien_footer .col_footer ul li a {
    display: inline-block;
    padding: 5px 0px;
    font-size: 14px;
    line-height: 16px;
    color: #989ea1
}
#footer .social {
    display: block;
    vertical-align: top;
    text-align: center;
    margin-top: 15px
}
#footer .social a, .footer_bonus .titre > a {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    line-height: 48px;
    color: #FFFFFF;
    text-align: center;
    margin-right: 15px;
    margin-top: 15px;
    background: url(icon/icons.png) no-repeat;
    background-size: 48px auto;
    background-position: 0px 0px;
}
#footer .social a > .icon, .footer_bonus .titre > a > .icon {
    display: none;
}
#footer .social a.facebook, .footer_bonus .titre > a.facebook {
    background-position-y: 0px;
}
#footer .social a.twitter, .footer_bonus .titre > a.twitter {
    background-position-y: -48px;
}
#footer .social a.pinterest, .footer_bonus .titre > a.pinterest {
    background-position-y: -96px;
}
#footer .social a.gplus, .footer_bonus .titre > a.gplus {
    background-position-y: -144px;
}
#footer .social a.instagram, .footer_bonus .titre > a.instagram {
    background-position-y: -192px;
}
#footer .social a.houzz, .footer_bonus .titre > a.houzz {
    background-position-y: -240px;
}


/*
#footer .social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    font-size: 21px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
    margin-right: 5px;
    margin-top: 15px
}
#footer .social a.fb {
    background-color: #3b5998
}
#footer .social a.twitter {
    background-color: #55acee
}
#footer .social a.gplus {
    background-color: #dd4b39
}
#footer .social a:hover {
    text-decoration: none
}*/
#footer .social .langues {
    display: block;
    margin-top: 5px;
    border: 1px solid #000000;
    width: 150px;
    vertical-align: top;
    margin: 0 auto;
    margin-top: 20px
}
#footer .social .langues .custom_select {
    height: 30px;
    line-height: 30px
}
#footer .social .langues .custom_select LABEL {
    height: 30px;
    line-height: 30px
}
#footer .social .langues .custom_select SELECT {
    height: 30px;
    line-height: 28px;
    padding: 2px 5px
}
#footer .mentions_legales {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: #FFF
}
#footer .mentions_legales a:hover {
    color: #FFF
}
@media screen and (max-width: 860px) {
    .footer_bonus .information {
        vertical-align: middle
    }
}
@media screen and (max-width: 835px) {
    .footer_bonus .wrap_promo .bloc_promo {
        width: 50%;
        margin-top: 20px
    }
    .footer_bonus .wrap_promo .bloc_promo+.bloc_promo+.bloc_promo {
        border: 0px
    }
    .footer_bonus .wrap_promo .bloc_promo+.bloc_promo+.bloc_promo+.bloc_promo {
        border-left: 1px solid #b8bec4
    }
}
@media screen and (max-width: 800px) {
    .footer_bonus .information {
        vertical-align: middle;
        width: 100%;
        text-align: center
    }
    .footer_bonus .information .lieu .icon-location {
        display: block;
        margin-bottom: 10px
    }
    .footer_bonus .information .tel .icon-phone {
        display: block;
        margin-bottom: 10px
    }
    .footer_bonus .information .horraire .icon-clock {
        display: block;
        margin-bottom: 10px
    }
    .footer_bonus .information .horraire .texte+.texte {
        margin-left: 0px
    }
}
@media screen and (max-width: 780px) {
    #footer .lien_logo {
        width: 100%;
        margin-bottom: 30px
    }
    #footer .lien_footer {
        width: 100%
    }
    #footer .lien_footer .col_3 {
        width: 33.33% !important
    }
    #footer .social {
        width: 100%
    }
}
@media screen and (max-width: 720px) {
    .footer_bonus .wrap_carte .module_carte {
        display: block;
        width: 100%
    }
    .footer_bonus .wrap_carte .information {
        width: 100%;
        padding-bottom: 20px
    }
    .footer_bonus .wrap_carte .wrap_info {
        padding-bottom: 20px
    }
    .footer_bonus .wrap_carte .wrap_info .bloc_info {
        width: 100%
    }
    .footer_bonus .wrap_carte .wrap_info .bloc_info+.bloc_info {
        margin-top: 30px;
        border-top: 1px solid #ececec;
        padding-top: 20px
    }
}
@media screen and (max-width: 600px) {
    .footer_bonus .wrap_carte {
        padding: 0px;
        padding-bottom: 0px
    }
    #footer .lien_logo {
        padding-left: 14px
    }
    #footer .lien_footer {
        width: 100%;
        padding-left: 14px
    }
    #footer .lien_footer .col_footer {
        width: 100% !important
    }
    #footer .lien_footer .col_footer+.col_footer {
        margin-top: 20px
    }
    #footer .social {
        width: 100%;
        margin-top: 20px
    }
}
@media screen and (max-width: 400px) {
    .footer_bonus .wrap_promo {
        padding-top: 0px
    }
    .footer_bonus .wrap_promo .bloc_promo {
        width: 100%;
        margin-bottom: 10px;
        border-left: 0px solid #b8bec4
    }
    .footer_bonus .wrap_promo .bloc_promo+.bloc_promo {
        border-left: 0px solid #b8bec4
    }
    .footer_bonus .wrap_promo .bloc_promo+.bloc_promo+.bloc_promo {
        border-left: 0px solid #b8bec4
    }
    .footer_bonus .wrap_promo .bloc_promo+.bloc_promo+.bloc_promo+.bloc_promo {
        border-left: 0px solid #b8bec4
    }
    .footer_bonus .wrap_promo .bloc_promo span {
        margin-top: 10px
    }
}
@media (max-device-width: 768px) and (orientation: landscape) {
    html {
        -webkit-text-size-adjust: 100%
    }
}
@media screen and (max-width: 1020px) {
    .col_1 {
        width: 8.3333333333%
    }
    .col_2 {
        width: 16.66666667%
    }
    .col_3 {
        width: 25%
    }
    .col_4 {
        width: 33.3333333333%
    }
    .col_5 {
        width: 41.66666667%
    }
    .col_6 {
        width: 50%
    }
    .col_7 {
        width: 58.3333333333%
    }
    .col_8 {
        width: 66.66666667%
    }
    .col_9 {
        width: 75%
    }
    .col_10 {
        width: 83.3333333333%
    }
    .col_11 {
        width: 91.66666667%
    }
    .col_12 {
        width: 100%
    }
}
@media screen and (max-width: 750px) {
    .col_3 {
        width: 50%
    }
    .col_4 {
        width: 100%
    }
    .col_6 {
        width: 50%
    }
    .col_12 {
        width: 100%
    }
}
@media screen and (max-width: 600px) {
    .col_1 {
        width: 100%
    }
    .col_2 {
        width: 100%
    }
    .col_3 {
        width: 100%
    }
    .col_4 {
        width: 100%
    }
    .col_5 {
        width: 100%
    }
    .col_6 {
        width: 100%
    }
    .col_7 {
        width: 100%
    }
    .col_8 {
        width: 100%
    }
    .col_9 {
        width: 100%
    }
    .col_10 {
        width: 100%
    }
    .col_11 {
        width: 100%
    }
    .col_12 {
        width: 100%
    }
    h1 {
        font-size: 30px;
        line-height: 34px
    }
}
@media screen and (max-width: 400px) {
    h1 {
        font-size: 22px;
        line-height: 28px
    }
}

@media screen and (max-width: 350px) {
	.menu_site_ligne .contact_mobile .bt_tel {
		width: 165px;
	}
	.menu_site_ligne .contact_mobile .bt_tel .number {
		font-size: 18px;
	}
}


#block_header_left {
    float: left;
    text-align: left;
    width: 32.5%;
}
#block_header_left nav {
    margin-top: 68px;
}
#block_header_left ul {
    overflow: hidden;
    clear: both;
}
#block_header_left li {
    float: left;
    text-align: center;
    margin-right: 15px;
}
#block_header_left li:last-child {
    margin-right: 0px;
}
#block_header_left li > a {
    display: block;
    font-family: "muli_light";
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}
#block_header_left li > a:hover {
    text-decoration: underline;
}
#block_header_left li > a > .titre {
    display: block;
    margin-top: -20px;
}
#block_header_left li > a > img {
    width: 75px;
    margin: auto;
}
#block_header_left #slogan {
    display: block;
    font-family: 'FedericoHandwriting';
    font-size: 24px;
    margin-top: 10px;
    text-align: left;
}
#block_header_center {
    float: left;
    text-align: center;
    font-family: 'BrandonText-Light';
    width: 35%;
}
#block_header_center #logo_carre {
    width: 139px;
    height: 139px;
    margin: 15px auto 0px auto;
}
#block_header_center #logo_texte {
    width: 216px;
    height: 14px;
    margin: 10px auto 0px auto;
}
#block_header_center #block_header_address {
    font-size: 13px;
    color: #000;
    margin-top: -4px;
}
#block_header_center #block_header_phone {
    font-size: 20px;
    color: #000;
    margin-bottom: 7px;
    margin-top: -6px;
}
#block_header_right {
    float: left;
    text-align: right;
    width: 32.5%;
}
#block_header_right #panier {
    margin-top: 84px;
}
#block_header_right #panier > .icon {
    font-size: 40px;
    color: #000;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    margin-right: 25px;
}
#block_header_right #panier > .icon:hover,
#block_header_right #panier > .icon:active {
    background-color: #EEE;
}
#block_header_right #panier > .icon.icon-user,
#block_header_right #panier > .icon.icon-shop {
    font-size: 30px;
}
#block_header_right #panier_real {
    display: inline-block;
    font-family: 'BrandonText-Light';
    font-size: 14px;
    line-height: 14px;
    color: #000;
    top: -10px;
    position: relative;
}
#block_header_right #panier_real .titre {
    font-size: 18px;
}
#block_header_right .menu_recherche {
    position: relative;
    margin-top: 3px
}
#block_header_right .menu_recherche .bt_valide_form {
    position: absolute;
    overflow: hidden;
    top: 1px;
    right: 1px;
    width: 33px;
    height: 28px;
    cursor: pointer;
    text-decoration: none;
    border-left: 1px solid #b5b5b5;
    border-radius: 0px 3px 3px 0px;
    z-index: 10;
    color: #000;
    text-align: center;
    -webkit-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear
}
#block_header_right .menu_recherche .icon {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    color: #000;
    padding-top: 2px;
}
#block_header_right .menu_recherche .recherche input {
    display: inline-block;
    padding: 0px 35px 0px 10px;
    margin: 0px;
    width: 100%;
    height: 30px;
    color: #000;
    background-color: #FFF;
    font-family: "muli_light";
    font-size: 14px !important;
    border: 1px solid #b5b5b5;
    border-radius: 0px 3px 3px 0px;
}
#block_header_right .menu_recherche:hover .bt_valide_form,
#block_header_right .menu_recherche:active .bt_valide_form {
    background-color: #ccc;
    border-color: #000;
}
#block_header_right .menu_recherche:hover input,
#block_header_right .menu_recherche:active input {
    border-color: #000;
}

.module_slider .content_slider {
    margin-top: 25px;
}


#logo_header_top {
    background: url(/css/image/logo_small_black_text.png) no-repeat;
    background-size: 100% auto;
    background-position: 50% 100%;
    padding-bottom: 26px;
    display: block;
    max-width: 216px;
    margin: auto;
}

@media screen and (max-width: 1200px) {
    #block_header_left, #block_header_right {
        width: 39%;
    }
    #block_header_left {
        padding-left: 15px;
    }
    #block_header_right {
        padding-left: 15px;
        padding-right: 15px;
    }
    #block_header_center {
        width: 22%;
    }
    #block_header_center #logo_texte {
        width: 100%;
        height: auto;
    }
    .menu_site_ligne {
        min-width: 0px !important;
    }
}
@media screen and (max-width: 1050px) {
    #block_header_left nav {
        margin-top: 80px;
    }
    #block_header_right #panier > .icon {
        margin-right: 15px;
    }
    #block_header_left li > a > img {
        width: 60px;
    }
}
@media screen and (max-width: 980px) {
    #block_header_left #slogan {
        font-size: 20px;
    }
    #block_header_left li {
        margin-right: 5px;
    }
    #block_header_right .menu_recherche .recherche input {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 950px) {
    #block_header_right #panier_real {
        display: none;
    }
}
@media screen and (max-width: 800px) {
    #block_header_left, #block_header_center #logo_texte,
    #block_header_address, #block_header_phone {
        display: none;
    }
    #logo_header_top {
        background: none;
        padding-bottom: 0px;
    }
    .module_slider .content_slider {
        margin-top: 10px;
    }
    #block_header_right #panier > .icon.icon-shop {
        margin-right: 0px;
    }
    #block_header_center #logo_carre {
        width: 55px;
        height: 55px;
        margin: 8px auto;
    }
    .menu_site_ligne {
        display: block;
        clear: both;
        width: 100%;
        margin-bottom: 65px;
    }
    .menu_site_ligne #bt_menu {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #000;
    }
    header.row_center {
        height: auto;
    }
    #block_header_right {
        float: none;
        position: absolute;
        top: 63px;
        right: 0px;
        padding: 0px;
        width: 100%;
        height: 60px;
    }
    #block_header_right #panier {
        width: 200px;
        float: right;
    }
    #block_header_right #panier > .icon {
        color: #FFF;
        font-size: 24px;
        width: 50px;
        height: 60px;
        line-height: 60px;
        margin-right: 0px;
    }
    #block_header_right #panier > .icon.icon-user,
    #block_header_right #panier > .icon.icon-shop {
        font-size: 20px;
    }
    #block_header_right #panier {
        margin-top: 0px;
    }
    #block_header_center {
        width: 100%;
        text-align: center;
        float: none;
        margin: 0px auto;
    }
    #block_header_right .menu_recherche .recherche input {
        border-color: #ECECEC;
        border-radius: 0px;
        height: 45px;
        line-height: 45px;
        padding: 0px 55px 0px 10px;
        font-size: 13px !important;
    }
    #block_header_right .menu_recherche .bt_valide_form {
        background-color: #ECECEC;
        border: none;
        width: 55px;
        height: 43px;
    }
    #block_header_right .menu_recherche {
        position: absolute;
        top: 67px;
        left: 15px;
        width: calc(100% - 30px);
        z-index: 10;
    }
    #block_header_right .menu_recherche .bt_valide_form {
        border-left: none;
        border-radius: 0px;
    }
    #block_header_right .menu_recherche .icon {
        font-size: 20px;
        padding-top: 8px;
    }
}
@media screen and (max-width: 600px) {
    #fil_ariane {
        margin-bottom: 10px;
    }
}

.menu_site_ligne nav ul.submenuspecial li a {
    color: #CCC;
}

.footer_bonus .wrap_carte .information .lieu {
    background: url(/css/image/logo_small_black_text.png) no-repeat;
    background-size: 216px 14px;
    background-position: 50% 0%;
    padding-top: 20px;
    margin-top: 8px;
}

#payment_block_footer {
    height: 75px;
    border-top: 1px solid #ececec;
    text-align: center;
}
#payment_block_footer > img {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    max-width: 447px;
    height: auto;
}
@media screen and (max-width: 768px) {
    #payment_block_footer {
        height: auto;
        padding-bottom: 30px;
        border-top: 1px solid #ececec;
    }
    #payment_block_footer > img {
        margin-top: 20px;
        width: 100%;
    }
}
#avis_verifie {
    padding: 37px 0px;
}

.page_produit_fiche #bloc_prix_classique {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
    padding-top: 15px;
}
.page_produit_fiche #bloc_prix_classique.no_promo {
    padding-top: 65px;
}
.page_produit_fiche #bloc_3fois {
    float: left;
    text-align: center;
    width: 50%;
    text-transform: uppercase;
    font-family: "brandon_grotesquemedium";
    font-size: 24px;
}
.page_produit_fiche .separate_block_payment {
    clear: both;
    height: 15px;
}
.page_produit_fiche #bloc_3fois .nombre {
    color: #C00;
    font-size: 36px;
}
.page_produit_fiche #bloc_3fois .paiement {
    background: #d4ffd2;
    border: 1px solid #30c429;
    color: #30c429;
    padding: 4px 10px;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.page_produit_fiche #bloc_3fois .bloc_paiement {
    margin-bottom: 10px;
}
.page_produit_fiche #bloc_3fois .bloc_paiement .frais {
    position: relative;
    top: -3px;
}
.page_produit_fiche #bloc_3fois img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 1200px) {
    .page_produit_fiche #bloc_prix_classique {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    .page_produit_fiche #bloc_3fois {
        float: none;
        width: 100%;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }
    .page_produit_fiche #bloc_3fois img {
        max-width: 250px;
        margin: auto;
    }
}


body.zone_all_pages {
    padding-top: 40px;
}
#zone_all_pages {
    line-height: 40px;
    height: 40px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    font-size: 14px;
    text-align: center;
    position: absolute;
    overflow: hidden;
    top: 0px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    body.zone_all_pages {
        padding-top: 50px;
    }
}
@media screen and (max-width: 420px) {
    body.zone_all_pages {
        padding-top: 65px;
    }
    #zone_all_pages {
        line-height: 30px;
        height: 60px;
    }
}

.page_panier .bt_panier.special_panier_validation {
    background: #00e094;
    color: #FFF;
    font-family: "brandon_grotesquemedium";
    font-size: 18px;
    transition: all 0.4s linear;
    text-transform: uppercase;
}
.page_panier .bt_panier.special_panier_validation:hover {
    background: #00BD7D;
}
.page_panier .bt_panier.special_panier_validation span {
    font-size: 14px;
}

.page_panier .special_info_panier {
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
}

#page_payment_socgen #content {
    background: #f5f5f5;
}
#page_payment_socgen h2 {
    display: none;
}
#page_payment_socgen .paiement_reinsurance {
    text-align: center;
    text-transform: uppercase;
    font-family: "brandon_grotesquelight";
    font-size: 24px;
    line-height: 57px;
    background: #fff;
    margin-top: -20px;
    margin-bottom: 20px;
}
#page_payment_socgen .paiement_reinsurance strong {
    display: block;
}
#page_payment_socgen .paiement_reinsurance img {
    display: inline;
    width: 90%;
    max-width: 261px;
}

#page_payment_socgen iframe {
    overflow: hidden;
    border: none;
}

#page_payment_socgen #paiement_1_fois,
#page_payment_socgen #paiement_3_fois {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 48%;
    background: #fff;
    padding: 20px;
    text-align: center;
    height: 170px;
    font-size: 16px;
    line-height: 16px;
}
#page_payment_socgen #paiement_1_fois {
    margin-right: 2%;
}
#page_payment_socgen #paiement_3_fois {
    margin-left: 2%;
}
#page_payment_socgen ol {
    margin: 10px 0px 0px 0px;
    text-align: left;
}

#page_payment_socgen .amount {
    color: #c00;
    font-weight: bold;
}
#page_payment_socgen .date {
    font-weight: bold;
}

#page_payment_socgen input[type="submit"] {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border: none;
    width: 100%;
    background: #00e094;
    color: #FFF;
    display: inline-block;
    text-transform: uppercase;
    font-family: "brandon_grotesquemedium";
    font-size: 20px;
    line-height: 47px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    transition: all 0.5s;
}
#page_payment_socgen input[type="submit"]:hover {
    background: #00BD7D;
}

@media screen and (max-width: 960px) {
    #page_payment_socgen #paiement_1_fois,
    #page_payment_socgen #paiement_3_fois {
        font-size: 16px;
    }
    #page_payment_socgen input[type="submit"] {
        font-size: 20px;
    }
}

@media screen and (max-width: 800px) {
    #page_payment_socgen #paiement_1_fois,
    #page_payment_socgen #paiement_3_fois {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    #page_payment_socgen iframe {
        height: 950px;
    }
    #page_payment_socgen .paiement_reinsurance {
        margin-top: 50px;
        font-size: 40px;
    }
}

@media screen and (max-width: 600px) {
    #page_payment_socgen .paiement_reinsurance {
        font-size: 24px;
        margin-top: 95px;
    }
}

#etape .bloc_choix_paiement .texte .icon {
    /*display: inline-block;*/
    display: none; 
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTEuNTE4IDQ5MS41MTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MS41MTggNDkxLjUxODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8cGF0aCBzdHlsZT0iZmlsbDojREM4NzQ0OyIgZD0iTTM5OS4zOTksMjIwLjgyNGgtMTkuODAyaC0wLjAwNGgtNDcuNzVoLTAuMDAzaC04Ni4wOGgtODYuMDc1aC0wLjAwNEgxMTEuOTNoLTAuMDAzSDkyLjEyMSAgYy0xNS42NTYsMC0yOC4zNDksMTIuNjkyLTI4LjM0OSwyOC4zNDl2MjEzLjk5NmMwLDE1LjY1NywxMi42OTMsMjguMzQ5LDI4LjM0OSwyOC4zNDloMTUzLjYzN2gxNTMuNjQgIGMxNS42NTUsMCwyOC4zNDgtMTIuNjkyLDI4LjM0OC0yOC4zNDlWMjQ5LjE3M0M0MjcuNzQ2LDIzMy41MTYsNDE1LjA1NCwyMjAuODI0LDM5OS4zOTksMjIwLjgyNHoiLz4KPHBhdGggc3R5bGU9ImZpbGw6IzNBNTU2QTsiIGQ9Ik0zMzEuODM5LDEzMy44MzN2NjkuNzQ0aDAuMDAzaDQ3Ljc1di02OS43NDRDMzc5LjU5Miw2MC4wMzksMzE5LjU1NCwwLDI0NS43NTksMHY0Ny43NTMgIEMyOTMuMjI2LDQ3Ljc1MywzMzEuODM5LDg2LjM2NiwzMzEuODM5LDEzMy44MzN6Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiM2NDc5OEE7IiBkPSJNMTU5LjY3OSwyMDMuNTc3di02OS43NDRjMC00Ny40NjgsMzguNjE0LTg2LjA4LDg2LjA3OS04Ni4wOFYwICBjLTczLjc5NCwwLTEzMy44MzIsNjAuMDM5LTEzMy44MzIsMTMzLjgzM3Y2OS43NDRoMC4wMDNIMTU5LjY3OXoiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0Y2QzM1ODsiIGQ9Ik0zOTkuMzk5LDIwMy41NzdoLTE5LjgwMmgtMC4wMDRoLTQ3Ljc1aC0wLjAwM2gtODYuMDh2MjcwLjY5NWgxNTMuNjQgIGMxNS42NTUsMCwyOC4zNDgtMTIuNjkyLDI4LjM0OC0yOC4zNDlWMjMxLjkyN0M0MjcuNzQ2LDIxNi4yNyw0MTUuMDU0LDIwMy41NzcsMzk5LjM5OSwyMDMuNTc3eiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojRkNENDYyOyIgZD0iTTE1OS42ODMsMjAzLjU3N2gtMC4wMDRIMTExLjkzaC0wLjAwM0g5Mi4xMjFjLTE1LjY1NiwwLTI4LjM0OSwxMi42OTItMjguMzQ5LDI4LjM0OXYyMTMuOTk2ICBjMCwxNS42NTcsMTIuNjkzLDI4LjM0OSwyOC4zNDksMjguMzQ5aDE1My42MzdWMjAzLjU3N0gxNTkuNjgzeiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojREM4NzQ0OyIgZD0iTTI3OC4xNjQsMjk3LjYxMWMwLTE3Ljg5Ni0xNC41MDctMzIuNDA1LTMyLjQwNS0zMi40MDVjLTE3Ljg5NiwwLTMyLjQwNSwxNC41MDgtMzIuNDA1LDMyLjQwNSAgYzAsMTEuNTA1LDYuMDM1LDIxLjU0NywxNS4wNzIsMjcuMjk3bC05LjY2NCw0Ni4wNDdoNTMuOTkzbC05LjY2My00Ni4wNDdDMjcyLjEyOSwzMTkuMTU3LDI3OC4xNjQsMzA5LjExNiwyNzguMTY0LDI5Ny42MTF6Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    background-size: 100%;
    width: 32px;
    height: 32px;
    position: relative;
    top: 8px;
    margin-right: 5px
}

.clear {
    clear: both;
}

#header_paiement_special {
    font-family: "brandon_grotesquelight";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 57px;
    background: #FFF;
    margin-top: 20px;
    text-align: center;
}

#etape .bloc_choix_paiement {
    display: inline-block;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 5px;
}
#etape .bloc_choix_paiement:hover {
    text-decoration: none;
}
#etape .bloc_choix_paiement .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 110px;
    background-color: #fff;
}
#etape .bloc_choix_paiement .image img {
    width: 212px;
    height: auto;
}
#etape .bloc_choix_paiement .texte {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 50px;
    background: #00e094;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    font-family: "muli_bold";
    text-align: center;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}
#etape .bloc_choix_paiement .texte:hover {
    background: #00BD7D;
}

@media screen and (max-width: 768px) {
    #etape .bloc_choix_paiement {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    #etape .bloc_choix_paiement .image {
        height: 100px;
    }
    #etape .bloc_choix_paiement .image img {
        width: 180px;
    }
    #etape .bloc_choix_paiement .texte {
        font-size: 16px;
    }
}