@charset "utf-8";

/***********************************/
/*********** STYLE GENERAL *********/
/***********************************/

html {
    font-size: 62.5%; /* Ré-équilibrage du Rem face au Pixel, 1rem == 10px */
    height: 100%;
}

html, body {
    max-width : 100%;
}

body{
    overflow-x : hidden;
    font-size: 1.6rem;
    color: var(--color2);
}

.container {
    background-color: #fff;
}

/*** lien ***/

a  {
    color: var(--color1);
    text-decoration: none;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-in;
}

a:hover,
a:focus {
    color: #000;
    text-decoration: none;
}

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

/* Effets On hover */
.up-on-hover{ -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.up-on-hover:hover{ -webkit-transform: translateY(-10px);  -ms-transform: translateY(-10px);  transform: translateY(-10px); }
.zoomblur-on-hover { overflow: hidden}
.zoomblur-on-hover img {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.zoomblur-on-hover:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
}

.font-light {font-weight: 300;}
.font-semibold {font-weight: 600;}
.font-medium {font-weight: 500;}

.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-35 {width: 35%;}


/*** LISTE ***/
dl {
    margin:1em 0 1em 0;
}
dl dt {
    margin-bottom:0.3em;
}
dl dd {
    margin:0.3em 0;
}

.puce {
    padding-left:10px;
    margin:0.3em 0;
}
.liste {
    margin-left:0.5em;
}
.liste dd,
.liste li {
    padding-left:10px;
}
li {
    list-style-type: none;
    line-height: 20px;
}
ul.no_padding {
    padding-left: 0;
}
.no_padding {
    padding-right: 0;
    padding-left: 0;
}

.tablette-only,
.mobile-only,
.hidden,
figcaption {
    display: none;
}

/* STYLES BOUTONS */

.btn-inter { position: relative; }
.btn-inter:hover span { color: #fff;}
.btn-inter span {
    margin-top: -30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: solid 1px #fff;
    background:var(--color1) ;
    font-size: 1.2rem;
}

/* FIN STYLES BOUTONS */

/*** float left et right, align ***/
/* vertical centering */
.aheight, .autoheight { width:auto;vertical-align:middle;display:inline-block;line-height:1.2; }
.transition { -webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in; }
.flexvcenter { display: flex;justify-content: center;}

.fixed { position:fixed; }
.relative { position:relative; }
.static { position:static; overflow:hidden; }

.inline { display:inline; }
.inlineblock { display:inline-block; }
.block { display:inline-block; }
.flex { display:flex; }

.floatleft { float:left; }
.floatright { float:right; }
.floatnone { float:none; }

.textleft {	text-align:left; }
.textright { text-align:right; }
.textcenter { text-align:center; }
.textjustify { text-align:justify; }

.width80px { width:80px; }
.width120px { width:120px; }
.width80 { width:80%; }
.width60 { width:60%; }
.width45 { width:45%; }
.width15 { width:15%; }
.width10 { width:10%; }

.mw-85 { min-width: 85px;}
.maxw-200 { max-width: 200px;}

.margin0 { margin:0; }
.marginauto { margin:auto; }

.nomargincontainer {margin-left: -15px;margin-right: -15px;}

.marginright { margin-right:1em; }
.marginleft { margin-left:1.5em; }
.marginleftauto { margin-left:auto; }

.marginbottom { margin-bottom:2em; }
.mb-auto{ margin-bottom: auto;}
.margintop { margin-top:2em; }
.margintop-2 { margin-top:-2em; }
.nomarge{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}

.paddingtop { padding-top:2em; }
.paddingtop-4 { padding-top:4em; }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.padding40 { padding:40px; }
.padding5 { padding:5px; }

.vmiddle { vertical-align:middle; }
.vtop { vertical-align:top; }
.vbottom { vertical-align:bottom; }

.big { font-size:120%; }
.mini { font-size:80%; }
.small { font-size : 70%; }
.fontsize80 { font-size:80%; }
.fontsize85 { font-size:85%; }
.fontsize90 { font-size:90%; }
.fontsize110 { font-size:110%; }
.fontsize120 { font-size:120%; }
.fontsize140 { font-size:140%; }
.fontsize160 { font-size:160%; }
.fontsize200 { font-size:200%; }
.fontsize4rem {font-size: 4rem;}
.fontsize15px {font-size: 1.5rem;line-height: 1.4;}
.fontsize12px {font-size: 1.2rem;line-height: 1.4;}

.light {font-weight: 300;}
.bold {font-weight: 700;}

.color1, .color1 a { color: var(--color1); }
.color2, .color2 a { color: var(--color2); }
.color3, .color3 a { color: var(--color3); }
.color4, .color4 a { color: var(--color4); }
.color5, .color5 a { color: #B7BFB1; }
.color6, .color6 a { color: #F69278; }
.color7, .color7 a { color: #FA7268; }

.colorwhite, .colorwhite a { color: #fff; }

.colorblack { color: #183264; }

.bgcolor1 {background-color: var(--color1);}

.bgcolor2 {background-color: #C1B8AA;}

.bgcolor3 {background-color: #F9F6F4;}

.bgcolor-white {background-color: #ffffff;}

.lowercase { text-transform:lowercase; }
.uppercase { text-transform:uppercase; }

.cover_img {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.wrap,
.clear
{
    clear:both;
}

.nowrap {
    white-space: nowrap;
}

.clearfix:before, .clearfix:after
{
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after { clear: both; }

/* generic design elements */

.sep {
    height : 1px;
    width : 80%;
    background : #E6DBDA;
    margin : 1em auto;
}
.container.alert-container > .alert{
    margin-left: -31px;
    margin-right: -31px;
    margin-bottom: -1px;
}
.container.alert-container > .alert p{
    margin-bottom: 0;
}
.alert {
    padding: 15px;
    border-radius: 2px;
}
.alert p::before{
    content:"\e910";
    font-family: "kfont";
    color: #fff;
    font-size: 25px;
    margin-right: 10px;
    vertical-align: top;
}
.alert-success {
    background-color: rgba(160, 211, 118, .8);
    color: #ffffff;
}
.alert-danger {
    color: #ffffff;
    background-color: var(--color1);
}
.alert-info {
    color: #31708f;
    background-color: rgba(217, 237, 247, .8);
    font-size : 16px;
}
.alert-warning {
    color: #8a6d3b;
    background-color: rgba(252, 248, 227, .8);
}


/**** navigation pied ****/
.navig
{
    /* position:relative;  bug ie6.css */
    position : fixed;
    right : 0;
    bottom : 30vh;
    list-style:none;
    margin:0.3em 2em;
    font-size:90%;
    z-index : 2;
}
.navig li
{
    text-align:right;
    margin:0.5em 0.6em;
    display:inline;
}
.navig a
{
    color : #007900;
    display : inline-block;
    transform : rotate(180deg);
}

/*** Cookies ****/
#cookies_content .container {
    background: none;
    position: relative;
}
#cookies_content,
#cookies_content  p {
    color: #fff;
}
#cookies_content {
    position : fixed;
    bottom : 0;
    left : 0;
    width : 100%;
    min-height : 50px;
    background : #3d3d3d;
    z-index: 60;
}

.alert_txt {
    padding : 10px 55px 10px 0;
    margin : 0;
    min-height : 50px;
    line-height : 1.3;
    vertical-align : middle;
}
.alert_txt a { color:#ff6b6b; }

.alert_close a {
    padding : 5px 8px;
    min-height : 20px;
    line-height : 20px;
    position : relative;
    display : inline-block;
    background : red;
    border-radius : 3px;
    color : #ffffff;
    text-decoration : none;
    text-shadow: none;
}
.alert_close a:hover,
.alert_close a:focus,
.alert_txt a:hover,
.alert_txt a:focus{
    opacity: 0.7;
}

#cookies_content .alert_close a{
    opacity: 1;
}

.picto-cross {
    display : block;
    width : 24px;
    height : 2px;
    position : absolute;
    top : 14px;
    left : 3px;
    background : black;

    transform-origin : center center;

    transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    -webkit-transform : rotate(45deg);
}

.picto-cross:after {
    content : '';
    position : absolute;
    top : 0;
    left : 0;
    margin : 0;
    display : block;
    width : 24px;
    height : 2px;
    background : black;

    transform-origin : center center;

    transform : rotate(90deg);
    -ms-transform : rotate(90deg);
    -webkit-transform : rotate(90deg);
}


/*********** CAROUSEL **************/

.bx-wrapper, .bx-window {
    width:auto !important;
    position: relative;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
}
.bx-window {
    background-color: transparent;
}
.bx-prev, .bx-next {
    position:absolute;
    top: 50%;
    width:28px;
    height:28px;
    line-height : 28px;
    text-align : center;
    color : #ffffff;
    z-index : 50;
}
.bx-wrapper .bx-prev {
    left: 15px;
}
.bx-wrapper .bx-next {
    right: 15px;
}
.bx-wrapper .bx-pager {
    width: auto;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}
.bx-pager-item {
    display : inline-block;
    margin : 0 2px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #E3E7E8;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
}
.bx-pager-link {
    margin:0 1px;
    display:inline-block;
    width:12px;
    height:12px;
    background: #493B30;
    border-radius: 50%;
    text-indent:-5000px;
    overflow:hidden;
}
.bx-pager-link:hover { background: #EFE1C6; } /* tout les -12px */
.bx-pager-link.active, .bx-pager-link.active:hover { background: #EFE1C6; } /* tout les -12px */

ul.slider {
    margin : 0;
}

ul.slider .slide {
    height : 100%;
}

ul.slider li {
    left : 0;
    list-style-type : none;
    margin : 0;
}

ul.slider li a, ul.slider li a img {
    display : block;
    width : 100%;
    max-width : 100%;
}

/***** PAGE *****/

/* hauteur defaut */
#contenu {
    min-height:430px;
    position:relative;
    z-index:1;
}

#header.sticky ~ #contenu{
    margin-top: 85px;
}

/* Bug développeur têtu et borné ;-)  */
#conteneur #contenu {
    max-width:inherit;
    min-width:inherit;
    width:auto;
    min-height:inherit;
    z-index:auto;
}


/* chemin navigation */
#chemin {
    display: flex;
    align-items: center;
    position:relative;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: 2rem;
    overflow : hidden;
    height : 33px;
    padding-left: 5rem;
    background-color: var(--color1);
    border-top: .1rem solid #fff;
}
#w_container #chemin {
    margin-left: -4rem;
    margin-right: -4rem;
}

#chemin .bread_link {
    color: #fff;
    font-size : 14px;
    height : 40px;
    margin-right : 0;
    font-weight: 300;
}

#chemin .breadcrumb_sep {
    display: inline-block;
    z-index: 2;
    font-size: 15px;
    padding: 0 15px;
}

#chemin .item:last-child a.bread_link:after ,
#chemin .item:last-child a.bread_link:before {
    display : none;
}

#chemin,
#chemin a {
    color:#fff;
}
#chemin a:hover,
#chemin a:focus {
    opacity: .7;
    text-decoration:none;
    box-shadow: none;
}

/* individual */
#search::-webkit-input-placeholder { color:#465707; }
#search::-moz-placeholder { color:#465707; }
#search::-ms-input-placeholder { color:#465707; }

#btsearch {
    border: 0;
    background: #B7BFB1;
    color: #465707;
    width: 50px;
    display: inline-block;
    font-size: 25px;
    height: 45px;
    line-height: 50px;
    cursor: pointer;
    vertical-align: top;
}

#boiterecherche .rechmarquecontent {
    display:block;
    margin-top:-5px;
}

#boiterecherche .rechmarque {
    width:155px;
}

/* PANIER */
#panier-recap #panier-recap-content {
    border: solid 5px var(--color1);
    min-height: 100px;
    padding: 1.5rem;
}

#panier-recap #panier-recap-content .btn-custom{
    padding-left: 4rem;
    padding-right: 4rem;
}

#panier .title_container{
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

#panier #espaceClientInt h1{
    font-size: 3rem;
    margin-bottom: 0;
    margin-right: 1rem;
}
#panier #espaceClientInt h3{
    position: relative;
    font-family: "EBGaramond", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 0;
    z-index: 4;
}

#panier #espaceClientInt .spacer-line:last-child {
    background: none;
    margin-bottom: 0;
}

/* tableau panier */
#panier .section_title_cart {
    position: relative;
    padding:15px 40px 15px 40px;
    font-size: 1.6rem;
    background: var(--color1) ;
    color: #fff;
    width: 100%;
}
#panier .title_cart_content {
    display: flex;
    align-items: center;
}

#panier .section_title_cart .text{
    text-transform: uppercase;
    margin-left: 20px;
}

#panier .section_title_cart p{
    margin-bottom: 0;
}

#panier .section_title_cart .icon{
    font-size: 2.5rem;
}

#panier .section_title_cart .icon-offre{
    font-size: 3.5rem;
    margin-right: 1.2rem;
}

#panier .icon-calendar {
    position: absolute;
    top: -3.5rem;
    left: 3rem;
}

#panier #infos {
    font-size: 1.2rem;
}

#panier .section_title_cart:after,
#panier .section_title_cart:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    border-left: 20px solid;
    position: absolute;
    top: 50%;
    margin-top: -43px;
    left: -1px;
    z-index: 3;
}

#panier .panier_boncadeau{
    margin-bottom: 2rem;
}

#panier .product_line .validity{
    font-size: 1.3rem;
}

#panier .sep_panier {
    height: 40px;
    width: 1px;
    background: var(--color1);
}

#panier .toggle-groupage {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.swip_checkbox [type="checkbox"]:checked + label::before {
    background: var(--color1);
}

/* Toggle bon cadeau groupé */
#panier .swip_checkbox{
    margin-left: auto;
}

#panier .swip_checkbox [type="checkbox"]:not(:checked) + label .ui::before {
    font-size: 12px;
    top: 0;
    left: 30px;
    color: var(--color1);
}

#panier .swip_checkbox [type="checkbox"]:not(:checked) + label::before,
#panier .swip_checkbox [type="checkbox"]:checked + label::before{
    width: 50px;
    height: 22px;
    background-color: transparent;
    border: 1px solid var(--color1);
}

#panier .swip_checkbox [type="checkbox"]:checked + label::before{
    background-color: var(--color1);
}

#panier .swip_checkbox [type="checkbox"]:not(:checked) + label::after,
#panier .swip_checkbox [type="checkbox"]:checked + label::after {
    top: 3px;
    left: 30px;
    width: 14px;
    height: 14px;
}

#panier .swip_checkbox [type="checkbox"]:not(:checked) + label::after{
    top: 3px;
    left: 4px;
    width: 14px;
    height: 14px;
    background-color: var(--color1);
}


#panier .swip_checkbox [type="checkbox"]:checked + label::after{
    background-color: #fff;
}

#panier .swip_checkbox [type="checkbox"]:checked + label .ui::after {
    top: -1px;
    left: 2px;
    font-size: 12px;
    color: #fff;
}

#panier .swip_checkbox [type="checkbox"]:disabled + label {
    cursor: default;
}

#panier .swip_checkbox [type="checkbox"]:disabled:not(:checked) + label .ui::before{
    color: #b5b5b5;
}

#panier #espaceClientInt .swip_checkbox [type="checkbox"]:disabled + label::after{
    background-color: #b5b5b5;
}

#panier #espaceClientInt .swip_checkbox [type="checkbox"]:disabled + label::before{
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}

/* Popin de choix du praticien */
.choix-praticien {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    gap: .6rem;
    margin-top: 1rem;
}

.choix-praticien .form-line {
    display: flex;
    align-items: center;
}

.choix-praticien .form-line label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4.6rem;
    cursor: pointer;
    margin-bottom: 0;
    padding: .4rem .6rem;
    border: 1px solid var(--color1);
    transition: all .3s;
}

.choix-praticien .form-line:hover label,
.choix-praticien .form-line input:checked + label{
    color: #fff;
    background-color: var(--color1);
}

.choix-praticien .form-line input {
    display: none;
}

.choix-praticien .img-praticien,
.choix-praticien .no-img-praticien {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    margin-right: 1rem;
    border: 1px solid #fff;
}

.choix-praticien .no-img-praticien {
    object-fit: cover;
}

.choix-praticien .no-img-praticien {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2.6rem;
    color: #fff;
    background-color: var(--color1);
}

.choix-praticien .form-line .img-praticien,
.choix-praticien .form-line .no-img-praticien {
    transition: opacity .3s;
}

.choix-praticien .form-line:hover .img-praticien,
.choix-praticien .form-line:hover .no-img-praticien {
    opacity: .6;
}

.choix-praticien .btn-custom {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding: .6rem 2rem;
}

/* Infobulle */
.infobulle {
    position: relative;
}

.infobulle.disabled{
    cursor: help;
}

.infobulle::after,
.infobulle::after {
    content: attr(aria-label);
    position: absolute;
    top: 2.2em;
    left: 0;
    z-index: 1;
    white-space: nowrap;
    font-size: 1.2rem;
    background-color: var(--color2);
    color: #fff;
    opacity: 0;
    transition: opacity .3s;
    padding: 0.1rem .5rem;
}

.infobulle.disabled:hover::after,
.infobulle.disabled:focus::after {
    opacity: 1;
}

#panier .text-groupage {
    color: var(--color1);
    font-size: 1.2rem;
}

.panier_ideopass .custom-form textarea {
    height: 100px;
}

#espaceClientInt .panier_boncadeau .icon-time {
    width: 3.5rem;
    height: 3.5rem;
}

.panier_prestations .libelle_block{
    width: calc(100% - 26rem);
}

.panier_prestations .custom_select {
    min-width: 110px;
    width: 110px;
    margin-right: 0;
}

.panier_prestations .custom_select select {
    width: 108px;
}

.panier_prestations .btn-custom {
    text-transform: initial;
    color: var(--color2);
}

.orange_sep,
.blue_sep{
    display: block;
    width: 80%;
    height: 1px;
    margin: 0 auto;
    background-color: var(--color1);
}

#panier-recap .sticky_block{
    position: sticky;
    top: 100px;
}
#panier-recap .bloc_code_promo #inpcr {
    max-width: 250px;
    padding-right: 45px;
}
#panier-recap .bloc_code_promo input[type="submit"] {
    color: #fff;
    background-color: var(--color1);
    border: 1px solid var(--color1);
    display: inline-block;
    height: 32px;
    width: 32px;
    box-shadow: none;
    padding: 0;
    margin-left: -43px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 1.5rem;
    line-height: 1;
}
#panier-recap .bloc_code_promo input[type="submit"]:hover {
    color: var(--color1);
    background-color: #fff;
}

#panier-recap #panier_action > div{
    display: flex;
}
#panier-recap .help_recap{
    padding: 2rem 6rem 1.5rem 6rem;
    margin-top: 1.5rem;
}
#panier-recap #panier_action .icon {
    font-size: 45px;
    margin-right: 2rem;
}
#panier-recap #panier_action .btn-custom{
    margin-top: auto;
    padding: .8rem 2rem;
    text-transform: initial;
    font-size: 1.6rem;
}
#panier-recap .help_recap a{
    color: var(--color2);
}

.bloc_promo_panier{
    margin-left: auto;
    color: #fff;
    margin-bottom: -3rem;
    display: flex;
    flex-direction: column;
}
.bloc_promo_panier_b {
    display: flex;
}
.bloc_promo_panier .blackblock{
    background-color: #fff;
    color: var(--color2);
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
.bloc_promo_panier .blueblock{
    background-color: var(--color1);
    font-size: 1.4rem;
    padding: 0.8rem 2rem;
}
#espaceClientInt .bloc_promo_panier .link_sup {
    width: 40px;
    margin: 0;
    display: flex;
    border-top: 1px solid var(--color1);
    border-bottom: 1px solid var(--color1);
    border-right: 1px solid var(--color1);
}
.bloc_promo_panier .link_sup .icon {
    margin: auto;
    font-size: 22px;
    transition: all .3s;
}
.prix-promo{
    font-size: 80%;
    margin-bottom: 1rem;
    text-decoration: line-through;
}

/* Panier calendrier  + réservation EC calendrier (BC et réservation) */
form .agenda-header button{
    margin-top: 0;
}
#espaceClientInt .loader{
    height: 508px;
}
.agenda-colonnes-body{
    max-height: 400px;
    overflow-x: auto;
    margin-bottom: 2rem;
    scrollbar-color: #ccc #eee;
    scrollbar-width: thin;
}
.agenda-colonnes-body::-webkit-scrollbar {
    width: 8px;
}
.agenda-colonnes-body::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.agenda-colonnes-body::-webkit-scrollbar-track {
    background-color: #eee;
}
.agenda::-webkit-scrollbar {
    width: .6rem;
    background-color: rgba(0,0,0,.15);
}
.agenda::-webkit-scrollbar-thumb  {
    background-color: #1F8F96;
}
.agenda .agenda-colonnes-header > div,
.agenda .agenda-colonne{
    display: inline-block;
    vertical-align: top;
    margin: 0 .3rem;
    width: calc(100% / 7 - .7rem);
    text-align: center;
}
.agenda .agenda-colonne > div{
    height: 35px;
    margin-top: 12px;
}
.agenda .agenda-colonne > div button[name="date_heure"] {
    margin-top: 0;
    width: 100%;
}
.agenda button{
    position: relative;
    color: var(--color1);
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 6px;
    border: 1px solid var(--color1);
    transition: color .3s, background-color .3s;
}
.agenda button:hover{
    color: #fff;
    background-color: var(--color1);
}
.agenda button .prix-yield {
    position: absolute;
    bottom: -2px;
    right: 2px;
    font-size: 1rem;
    color: #666;
    transition: color .3s;
}
.agenda button:hover .prix-yield {
    color: #fff;
}
.agenda-header{
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
    justify-content: center;
}
.agenda-header > span,
.agenda-header > button{
    margin-top: auto;
    margin-bottom: auto;
}
.agenda-header > span{
    font-size: 1.5rem;
}
.agenda button.btn_semaine {
    height: 28px;
    width: 28px;
    font-size: 18px;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 0;
    text-align: center;
}

/* tunnel commande */

.table {
    display : table;
    width : 100%;
    border-collapse: collapse;
}

.tr {
    display : table-row;
    width : 100%;
    line-height : 1;
    font-size: 1.8rem;
}

.td {
    position: relative;
    display : table-cell;
    vertical-align : middle;
}
.v-align-top {
    vertical-align : top;
}

.product_line {
    height : 60px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.product_line > div{
    position: relative;
}

.product_line .product-libelle {
    width: calc(100% - 40px);
    margin-right: 10px;
}

.product_line > div.public_price{
    font-size: 17px;
}

.product_line > div.prix_block {
    min-width: 8rem;
    text-align: center;
}

#panier-recap-content .product_line {
    display: flex;
    height : auto;
    position: relative;
    font-size : 18px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: .5rem;
    padding-top: 1rem;
}

#panier-recap-content .product_line.product_line_total{
    border-bottom: none;
    border-top: 2px solid var(--color1);
}

.no_article #panier-recap-content .product_line.product_line_total {
    border-top: none;
}

#panier-recap-content .product_line > div{
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
}

#panier-recap-content .product_line .expand_btn{
    position: absolute;
    left: 30px;
    bottom: -8px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    height: 25px;
    width: 25px;
    text-align: center;
}
#panier-recap-content .product_line.expand .expand_btn{
    transform: rotate(90deg);
}

#panier-recap-content .product_line.recap_article{
    font-size: 1.3rem;
    font-weight: 300;
    height: auto;
    flex-wrap: wrap;
}

#panier-recap-content .product_line.recap_article > div{
    /*height: 0;*/
    /*overflow: hidden;*/
    /*opacity: 0;*/
    /*-webkit-transition: all .5s;*/
    /*-moz-transition: all .5s;*/
    /*-o-transition: all .5s;*/
    /*transition: all .5s;*/
    margin-top: .5rem;
    margin-bottom: 1rem;
}

#panier-recap-content .expand + .product_line.recap_article > div{
    height: auto;
    opacity: 1;
}

#panier-recap .product_line.recap_article{
    padding-bottom: .8rem;
    padding-top: 0;
    flex-wrap: wrap;
}

.bas_panier .icon-supprimer{
    font-size: 3rem;
    margin-left: 2rem;
}

.product_line.no_border {
    border-bottom: none;
}

.product_line:last-child {
    border-bottom:none;
}

.product_line .icon-supprimer {
    font-size: 25px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.product_line .icon-supprimer:hover {
    color: #b93f19;
}

.product_line.gift {
    -moz-box-shadow: inset 0 0 0 2px #28a38f;
    -webkit-box-shadow: inset 0 0 0 2px #28a38f;
    -o-box-shadow: inset 0 0 0 2px #28a38f;
    box-shadow: inset 0 0 0 2px #28a38f;
}

.gift_header {
    height : 20px;
    padding : 0;
    line-height : 16px;
    font-size : 14px;
    vertical-align : middle;
    text-transform : uppercase;
    display : table-cell;
    background : #28a38f;
    color : #ffffff;
    text-align : center;
    font-weight : 700;
}

.del_block {
    text-align: center;
    font-size : 22px;
    cursor : pointer;
    min-width: 3rem;
    line-height: 0;
}

.thead,
.tbody,
.tfooter {
    display: table-row-group;
}

.theadmobile {
    display : none;
}

.table .img_container {
    display : inline-block;
    height : 100px;
    width : 100px;
    position : relative;
    margin : 0 20px;
}

.table .img_container  img {
    max-height : 100%;
}

.table a,
#espaceClientInt .table a {
    margin : 0;
    display : inline-block;
    vertical-align : middle;
}

.shopline {
    margin : 10px 0;
    font-size : 14px;
}

.totalshopline {
    margin : 10px 0;
    padding : 10px 0;
    height : 50px;
    line-height : 30px;
    background : #F4F4F4;
}

.totalshopline .aValD {
    width : 80%;
    float : left;
    font-size : 16px;
    text-transform : uppercase;
    font-weight : 700;
}

.totalshopline .aVal {
    width : 20%;
    float : left;
    text-align : center;
    font-size : 20px;
    text-transform : uppercase;
    font-weight : 700;
    color : #465707;
}

.step {
    margin : 0;
    display : block;
    padding-left: 0;
}

.step li {
    /*display : block;*/
    display : flex;
    position : relative;
    width : calc(25% - 20px);
    float : left;
    height: 40px;
    line-height: 1;
    text-align : center;
    border: 1px solid var(--color1);
    color: var(--color1);
    background : #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 20px 0 0;
    cursor: default;
}

.step li:last-child {
    width : 25%;
    margin-right : 0;
}

.step li.total_step_5{
    width : calc(20% - 20px);
}

.step li.total_step_5:last-child {
    width: 20%;
}

.step li.active {
    background : var(--color1);
}

/*.step li a,*/
/*#espaceClientInt .step li a {*/
/*    display : block;*/
/*    margin : 0;*/
/*    color : #3C3C3C;*/
/*    font-weight : 700;*/
/*}*/

.step .white_arrow_before{
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 3;
    text-indent: -5000px;
    width: 0;
    height: 0;
    margin-top: 0;
    border-width: 19px 0 19px 19px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.step .white_arrow_after{
    display: block;
    position: absolute;
    top: 0;
    right: -19px;
    z-index: 3;
    text-indent: -5000px;
    width: 0;
    height: 0;
    margin-top: 0;
    border-width: 19px 0 19px 19px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
.step .active .white_arrow_after{
    border-color: transparent transparent transparent var(--color1);
}

.step li .step_panier::before{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--color1);
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: 0;
    left: 0;
    z-index: 1;
}
.step li.active .step_panier::before{
    border-left-color: #fff;
    margin-left: -1px;
}

.step li .step_panier::after,
.step li.active .step_panier::after {
    content: ".";
    position: absolute;
    top: -1px;
    right: -21px;
    z-index: 2;
    text-indent: -5000px;
    display: block;
    width: 0;
    height: 0;
    margin-top: 0;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent var(--color1);
    border-style: solid;
}

.step li.active .white_arrow_after{
    border-color: transparent transparent transparent var(--color1);
    top: -1px;
    right: -20px;
    border-width: 20px 0 20px 20px;
}
.step li.active .step_panier,
#espaceClientInt .step li.active .step_panier {
    color : #ffffff;
}
#espaceClientInt .step li.active a.step_panier:hover{
    color: #000;
}

/* tunnel */
/* gls_form */
#gls_form_container {
    background:#fff;
    border-radius: 5px 5px 0 0;
    padding:10px;
}

#gls_form_next_step .submit-line input { padding:0 5px; }

/*Partie spécifique à la step 1*/
.sticky_block #panier-recap-content .product_line.recap_article > div {
    margin-top: 0;
    margin-bottom: 0;
}
.sticky_block #panier-recap-content .product_line {
    margin-bottom: 0;
}
.sticky_block #panier-recap-content .product_line_total .total-price{
    font-size: 2.2rem;
    font-weight: 700;
}
.sticky_block #panier-recap-content .product_line_global{
    margin-bottom: 1.5rem;
}
.sticky_block h1 > span{
    display: block;
}
.sticky_block .btn-custom {
    padding-left: 2rem;
    padding-right: 2rem;
}

/*Partie spécifique à la step 2*/
#adresse_fact h5{
    font-size: 1.5rem;
    color: var(--color1);
}
#adresse_fact label {
    cursor: pointer;
}

/*Partie spécifique à la step 3*/
.bas_panier{
    font-size: 1.4rem;
    font-weight: 300;
}
.bas_panier h1{
    text-transform: initial;
}
.bas_panier h1 > span{
    font-size: 100%;
}
.bas_panier #panier-recap-content .product_line .expand_btn {
    display: none;
}
.bas_panier #panier-recap-content .product_line.recap_article > div {
    opacity: 1;
    height: auto;
}
.bas_panier #panier-recap-content .product_line_total{
    text-transform: initial;
}
.bas_panier #panier-recap-content .product_line_global{
    text-transform: uppercase;
}
.bas_panier .spacer-line{
    background-size: cover;
}
.bas_panier #kdo_code{
    height: 45px;
}
.bas_panier #kdo_code,
.bas_panier #liste_cheques_kdo{
    max-width: 450px;
}
.bas_panier.choix_mode_paiement label {
    cursor: pointer;
}
.bas_panier.choix_mode_paiement svg{
    width: 35px;
}

/*** Panier Colonne 2 ******/

#scrollpanier
{
    position:relative;
    margin-left:-20px;
    margin-top:30px;
    text-align:right;
}
#boitepanier
{
    width:231px;
}

#boitepanier.fixed { position:fixed; }
#boitepanier.relative { position:relative; }

#boitepanier fieldset
{
    font-family: 'Open Sans', sans-serif;
    font-size:80%;
}
#boitepanier legend
{
    position:absolute;
    bottom:-4px;
    left:8px;
    text-transform:uppercase;
    color:#dd4343;
    font-size:180%;
    letter-spacing:1px;
}
#boitepanier legend strong
{
    font-weight:normal;
}
#boitepanier,
#boitepanier a
{
    color:#fff;
}
#boitepanier a:hover,
#boitepanier a:focus
{
    color:#ffdf49;
}

#boitepanier .boite11f
{
    padding: 8px 8px 8px 4px;
    min-height:115px;
}
#boitepanier ul,
#boitepanier li
{
    margin:0;
}
#boitepanier li
{
    border-bottom:1px solid #f26735;
    padding:1px 0 2px 0;
}

/* top & bottom page panier */
#top,
#bottom
{
    position:absolute;
    z-index:5;
    left:-2px;
    bottom:-14px;
    font-size:60%;
    /*background-color:#0F0;*/
}
#bottom
{
    position:absolute;
    bottom:-37px;
}
#top span,
#bottom span
{
    position:absolute;
    left:-5000px;
    bottom:0;
    overflow:hidden;
    text-indent:-5000px;
}
#top,
#top a,
#bottom,
#bottom a
{
    color:#888;
}
#top a,
#bottom a
{
    display:block;
    height:20px;
    width:20px;
    /*background-color:#c00 !important;*/
}
#top a
{

}
#bottom a
{
}

#top a:hover,
#top a:focus,
#bottom a:hover,
#bottom a:focus
{
    color:#555;
}


/* masque panier */
#masquepanier
{
    position:absolute;
    left:25px;
    bottom:-23px;
    font-size:80%;
}
#masquepanier,
#masquepanier a
{
    color:#888;
}
#masquepanier a:hover,
#masquepanier a:focus
{
    color:#555;
}

#motifpanier
{
    position:absolute;
    right:-16px;
    top:20px;
}
#motifpanier a
{
    display:block;

    height: 100px;
    width: 16px;
}

/* affiche panier */

#scrollpanierf
{
    position:absolute;
    z-index:1;
    top:70px;
    right:-32px;
    width:48px;
    height:97px;
    margin-top:30px;
    text-align:right;
    /*background-color:#33FF00;*/
}
#boitepanierf
{
    width:48px;
    height:97px;
    text-align:right;
    /*background-color:#33FF00;*/
}
#scrollpanierf.fixed { position:fixed; }
#scrollpanierf.absolute { position:absolute; }

#txtpanierf
{
    position:absolute;
    right:0;
    top:0;
    height:75px;
    border:1px solid #999;
    text-align:center;
    padding: 10px 7px;
}
#txtpanierf a
{
    display:block;
    padding-top:61px;
    /*height: 85px;*/
    width: 16px;
    color:#f99;
    font-size:150%;
}
#txtpanierf a:hover,
#txtpanierf a:focus
{
    color:#fff;
}

#motifpanierf
{
    position:absolute;
    left:0;
    top:0;
}
#motifpanierf a
{
    display:block;

    height: 97px;
    width: 16px;
}

/* RUBRIQUE */

#rubrique
{
    margin: 0 0.8em 0 0.6em;
    /*min-height:245px;*/
}
#rubrique h2
{
    color:#444;
    text-transform:uppercase;
    font-size:100%;
    font-weight:500;
}
#rubrique .boite
{
    border:1px solid #e1e1e1;

    -moz-box-shadow: 0 0 8px #d3d3d3;
    -webkit-box-shadow:  0 0 8px #d3d3d3;
    box-shadow:  0 0 8px #d3d3d3;
}
#rubrique .boite15f {
    padding: 1px 3px 0 5px;
}

#rubrique .h3.cat_title a{
    font-size: 18px;
    color: #465707;
    min-height: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

#rubrique ul,
#rubrique li
{
    margin:0;
}
#rubrique ul
{
    font-size: 95%;
    line-height: 1.4em;
    padding-left: 0;
}
#rubrique li
{
    margin:3px 0;
}
#rubrique a,
#rubrique .li_n2.current .li_n3 a
{
    color: #444;
    text-decoration: none;
    display:block;


    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -o-transition: color .3s ease-in, background-color .5s ease-out;
    -webkit-transition: color .3s ease-in, background-color .5s ease-out;
    -moz-transition: color .3s ease-in, background-color .5s ease-out;
    transition: color .3s ease-in, background-color .5s ease-out;

}
#rubrique a:hover,
#rubrique a:focus
{
    color: #222;
    background-color:#ddd;

    background-position: 3px -0.68em;
}


#rubrique .current2 a, #rubrique .current2 a:hover
{
    background-color:transparent;
    background-position: 3px -0.7em;
}


#rubrique .current2 .categorie, #rubrique .current2 .categorie:hover,
#rubrique .current2 .current.categorie, #rubrique .current2 .current.categorie:hover
{
    position:relative;
    color: #555;
    font-weight:bold;
    background-color:transparent;
}

#rubrique a .icon-arrow_left{
    float: right;

}
#rubrique .famille a.current .icon-arrow_left {
    transform: rotate(-90deg);
}

#rubrique .current2 .pictodown, #rubrique .current2 .pictodown {
    position:absolute;
    display:block;
    z-index:1;
    top:8px;
    right:-7px;
    width:6px;
    height:4px;

}

#rubrique .current3 .categorie, #rubrique .current3 .categorie:hover {
    position:relative;
    color: #555;
    font-weight:bold;
    background:none;
}

#rubrique .famille {
    display:none;
}
#rubrique .famille a {
    background-position: 3px 0.60em;
}
#rubrique .famille a:hover {
    color: #222;
    background-color:#d3d3d3;

    background-position: 3px -0.82em;
}

#rubrique .famille .li_n3 a.current , #rubrique  .famille .li_n3 a.current:hover {
    background-position: 3px -2.3em;
}


/* menu rubrique niveau 3 */
#rubrique .li_n3
{
    padding: 0 0 0 8px;
}
#rubrique .li_n3 a
{
    background-position: 3px 0.60em;
}
#rubrique .li_n3 a:hover
{
    background-position: 3px -0.92em;
}


/******** deplier rubrique *********/
#rubrique #dep
{
    text-align:right;
    margin-top:-0.5em;
}
#rubrique #dep a
{
    display:inline-block;
    padding-right:12px;
    color:#777;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#rubrique #dep a:hover
{
    color:#0ad;

    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

#rubrique #dep a.up
{
}

/****** bloc colonne gauche ******/

.coinhg,
.coinhd,
.coinbg,
.coinbd
{
    position:absolute;
    z-index:1;
    display:block;
    width:8px;
    height:8px;
    background-repeat:no-repeat;
}
.coinhg, .coinhd { top:-9px; }
.coinbg, .coinbd { bottom:-9px; }
.coinhg, .coinbg { left:1px; }
.coinhd, .coinbd { right:1px; }

.coinhg { background-position:left top; }
.coinhd { background-position:right top; }
.coinbg { background-position:left bottom; }
.coinbd { background-position:right bottom; }

#boitemarques,
#boitelivraison,
#boiteaide,
#boitemarques legend,
#boitelivraison h2,
#boiteaide h2,
#boitemarques a,
#boitelivraison a,
#boiteaide a
{
    color:#fff;
}
#boitemarques legend,
#boitelivraison h2,
#boiteaide h2
{
    text-transform:uppercase;
    font-size:110%;
    font-family: 'Open Sans', sans-serif;
}
#boitemarques legend strong,
#boitelivraison h2,
#boiteaide h2
{
    font-weight:500;
}

/* marques */
#boitemarques fieldset
{
    margin-top:0.3em;
}
#boitemarques legend,
#boitemarques p
{
    color:#99e3ff;
}
#boitemarques select
{
    width:100%;
    border:1px solid #85deff;
    color:#00678e;
    margin:1px;
}
#boitemarques p
{
    margin:0;
    text-align:right;
}

/* livraison */
#boitelivraison h2
{
    font-size:150%;
    margin-top:0.1em;
}
.motiflivraison
{
    position:absolute;
    left:10px;
    bottom:2px;
    width:39px;
    height:23px;

}
#boitelivraison p
{
    margin:0;
    text-align:right;
}

/* aide */
#boiteaide h2
{
    font-size:190%;
    margin-top: 0;
    margin-bottom: .1em;
    text-align:right;
}
.motiftel
{
    position:absolute;
    left:10px;
    bottom:8px;
    width:27px;
    height:47px;

}
#boiteaide p
{
    margin:0;
    text-align:right;
    font-size:120%;
}

/* MENU */
.menu-acces{
    text-transform: uppercase;
}

.menu-acces a:hover{
    text-decoration: underline;
}

#menu_launcher {
    cursor : pointer;
}

#menu_launcher .text{
    font-weight: 700;
    font-size: 120%;
}

/* close state */

.mp-pushed .m_icon{
    background:none;
}
.mp-pushed .m_icon:before{
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 0;
}
.mp-pushed .m_icon:after{
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: 0;
}

/* back buttons */

.mp-back {
    background: rgba(0,0,0,0.1);
    outline: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    font-size: 1.2em;
    padding: 1em 1em 1em 3.4em;
    position: relative;
    box-shadow: inset 0 1px rgba(0,0,0,0.1);
    -webkit-transition: color 0.2s, background 0.3s, padding 0.2s;
    -moz-transition: color 0.2s, background 0.3s, padding 0.2s;
    transition: color 0.2s, background 0.3s, padding 0.2s;
}

.mp-back:hover {
    padding : 1em 1em 1em 4em;
}

.mp-menu.out .mp-level.mp-level-overlay > .mp-back {
    background: transparent;
    box-shadow: none;
    color: transparent;
}

#mp-menu  .mp-back .picto_menu, #mp-menu .mp-level-2 .mp-back .picto_menu {
    position:absolute;
    top:50%;
    margin-top:-2.5px;
    left:18px;
    display:inline-block;
    width: 0;
    height: 0;
    border-width : 3px 4px 3px 0;
    border-color : transparent #ffffff transparent transparent;
    border-style : solid;
    vertical-align:middle;

    overflow:hidden;
}

#mp-menu  .mp-back .picto_menu {
    border-color : transparent rgba(0, 0, 0, 0.7) transparent transparent;
}

#mp-menu  .mp-level .mp-back:hover .picto_menu {
    border-color : transparent #ffffff transparent transparent;
}

/* sous menu bandeau */

/* Filet menu */
.filet
{
    position:relative;
    top:0;
    left:0;
    width:100%;
    padding-right:2.2em;
    margin-bottom:0;
    height:4px;
    display:block;
}

#mh {
    display : none;
}

#mh .blocsmenu,
#mh .blocsmenu li
{
    margin:0;
}
#mh .blocsmenu,
#mh .current .blocsmenu
{
    display:none;
    position:absolute;
    z-index:2;
    top:42px;
    left:0;
    margin-left:-1.2em;
    width:100%;
    text-align:left;
    font-size:90%;
    line-height:1.6em;
}
#mh .blocsmenu .boite15f
{
    margin-right:-2.2em;
    padding:30px 5px 30px 40px;
}

#mh .blocsmenu ul
{
    line-height:normal;
}
#mh .blocsmenu li,
#mh .blocsmenu li a
{
    padding:0;
    color:#666;
    text-transform:none;
}
#mh .blocsmenu li
{
    margin:1px 10px 1px 0;
    display:inline-block;
    vertical-align:middle;
}
#mh .blocsmenu li a
{
    padding:2px 10px 2px 11px;
    width:220px;
    display:inline-block;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#mh .blocsmenu li a:hover,
#mh .blocsmenu li a:focus
{
    color:#333;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#mh .blocsmenu .current a, #mh .blocsmenu .current a:hover, #mh .blocsmenu a
{
    color:#fff;
    background-repeat:no-repeat;
    background-position:3px -25px;
}

#mh .ul_n3
{
    margin:0 0 0 1em;
}
#mh .blocsmenu .ul_n3 li {
    display: block;
    margin: 1px 10px 1px 0;
}

/********** MENU BAS ***********/
#mb
{
    margin:auto;
    height:20px;
    background-color:#9C9587;
}
#mb ul
{
    list-style:none;
    margin: 0 0 0 1em;
    line-height:20px;
}
#mb ul li
{
    display:inline;
    color:#C7C2B7;
    margin:0;
}
#mb a
{
    color:#E0DDD5;
    padding:0 16px 0 16px;
    display:inline-block;
}
#mb a span
{
}
#mb a:hover,
#mb a:focus
{
    color:#E0DDD5;
    background-color:#878377;
}
#mb .current a, #mb .current a:hover
{
    color:#E0DDD5;
    background-color:#5C584D;
}




/***** popin navigation *****/

*::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.speed, .gallery li {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.cd-main {
    z-index: 21;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
.navigation-is-open .cd-main {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}



.cd-nav {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.7s;
    -moz-transition: visibility 0s 0.7s;
    transition: visibility 0s 0.7s;
}
#kpop_contain { margin-bottom:20px; }

#kpop_contain img.fullimg { max-height : 80vh; }
#kpop_contain img.fullimg { max-height : calc(100vh - 15vh); }

.cd-nav .cd-navigation-wrapper {
    text-align:left;
    /* all navigation content */
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 40px 5% 40px 5%; /* calc(5% + 80px) */
    box-sizing:border-box;
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}


/* picto */

.cd-nav-trigger {
    position:relative;
    display:inline-block;
    margin-bottom:2em;
    cursor:pointer;
    z-index: 50;
    height: 54px;
    width: 54px;
    background-color: var(--color2);
    border-radius: 3px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 0.5s, background-color .2s ease-in;
    -moz-transition: -moz-transform 0.5s, background-color .2s ease-in;
    transition: transform 0.5s, background-color .2s ease-in;
}
.cd-nav-trigger:hover,
.cd-nav-trigger:focus {
    background-color: #6e6e6e;
}
.cd-nav-trigger .cd-nav-icon {
    /* icon created in CSS */
    /* Hamburger */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 22px;
    height: 2px;
    background-color: #ffffff;
}
.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
    /* Hamburger */
    /* upper and lower lines of the menu icon */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: inherit;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
    -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
    transition: transform 0.5s, width 0.5s, top 0.3s;
    /* Flèche */
    width: 50%;
}
.cd-nav-trigger .cd-nav-icon::before {
    /* Hamburger */
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    /* Flèche */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-nav-trigger .cd-nav-icon::after {
    /* Hamburger */
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    /* Flèche */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-nav-trigger svg {
    position: absolute;
    top: 0;
    left: 0;
}

.navigation-is-open .cd-nav-trigger {
    /* rotate trigger when navigation becomes visible */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    /* animate arrow --> from hamburger to arrow */
    width: 50%;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s;
    -moz-transition: -moz-transform 0.5s, width 0.5s;
    transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
    top: 0;
}

/* no-js */

.no-js main {
    height: auto;
    overflow: visible;
}

.no-js .cd-nav {
    position: static;
    visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
    height: auto;
    overflow: visible;
    padding: 100px 5%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

/*******   HEADER  ********/
#logo img{
    max-width: 280px;
    max-height: 86px;
    object-fit: contain;
}

/*******   FOOTER  ********/

#footer .footer_bot {
    padding: 6rem 3rem;
    margin-bottom: 3rem;
    justify-content: space-between;
    align-items: center
}
#menu_footer {
    margin-top: 3rem;
    padding: 4rem 3rem 2rem;
    justify-content: center;
}
#menu_footer ul {
    padding-left: 0;
    width: 100%;
    text-align: center;
}
#menu_footer ul li {
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: 2px;
    margin: 0 10px;
}

#menu_footer ul li a,
#menu_footer ul li span {
    color: var(--color1);
    font-weight: 700;
}

#menu_footer ul li a:hover {
    text-decoration-line: underline;
}
.footer_bot .footer_bot_links{
    width: calc(100% - 280px);
}
#footer .footer_contact .icon-email{
    display: none;
}
#footer .icon-localiser{
    display: inline;
    vertical-align: middle;
}
#footer .footer_bot_links li{
    display: inline-block;
}
#footer .footer_bot_links a{
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-left: 1.5rem;
}
#footer .footer_bot_links a:hover{
    color: var(--color2);
}
#footer .footer_bot_links a.icon{
    font-weight: 400;
}
#footer .footer_contact a:hover{
    color: #fff;
}
#footer .logo_footer,
#footer .logo_footer img{
    display: block;
    max-width: 220px;
    max-height: 65px;
}

/* Style pied page */

/*** SIGNATURE KYXAR ***/
.kyxar,
.kyxar a {
    color: var(--color1);
}

.kyxar {
    position: absolute;
    z-index: 10;
    white-space: nowrap;
    right: 10px;
    bottom : -25px;
    padding: 0;
    line-height : 25px;
}

.kyxar a {
    font-size: 9px;
    text-decoration: none;
    letter-spacing: 1px;
    position:relative;
}

.kyxar a:hover {
    color: #222;
}
.kyxar a .none {
    position:absolute;
    bottom:13px;
    right:0;
    height:0;
    overflow:hidden;
}
.kyxar a .none span {
    display:inline-block;
    background-color:rgba(255,255,255,0.8);
    border-radius:3px;
    padding:5px 10px;
    line-height:1;
    font-weight:300;
    font-size: 9px;
}
.kyxar a:hover .none,
.kyxar a:focus .none {
    height:28px;
}


/***** CONTACT *****/

/* forms js errors */

.log_error {
    border : 1px solid #c6120f;
    background : rgba(229, 26, 22, 0.2);
    color : #C6120F;
    margin : 15px 0;
    padding : 10px;
    border-radius : 4px;
}

.log_error p {
    margin : 0 0 5px 0;
}

.log_error ul {
    margin : 0;
    padding : 0;
}
#cms .log_error li {
    list-style-type : none;
}
.log_error li {
    margin : 0;
    padding : 0;
}

.log_error .picto,
.erreur .picto {
    width : 20px;
    height : 20px;
    line-height : 18px;
    border-radius : 50%;
    display : inline-block;
    margin : 2px 5px 2px 0;
    border : 1px solid #C6120F;
    text-align : center;
    font-size : 10px;
}

#formcontact, .formcontact
{
    /*position:relative;
    top:0;
    left:0;
    height:1%;*/
}
#titretd1, #titretd2
{
    width:12em;
}
.donnes1, .donnes2
{
    /*position:relative;*/
    margin: auto auto 0.5em;
}
.donnes1
{ /* positionnement données form gauche */
    /* float:left; */
    left:0;

}
.donnes2
{ /* positionnement données form droite */
    /* float:right; */
    right:0;
    /*margin-right:-3em;*/
    /*padding-left:0.7em;*/
}


.donnes1 table, .donnes2 table
{
    /*margin:auto; /* margin:auto fait planté ie 6 dans certain cas */
}

.header_contact{
    text-align: center;
    position: relative;
}

.header_contact .logo_centre{
    position: absolute;
    right: 20px;
    top: 15px;
}

.logo_centre > img{
    max-width: 200px;
    max-height: 90px;
}

#coordonnees_contact .h3{
    font-size: 2.7rem;
}

#formcontact, .formcontact
{
    margin:auto;
}
#formcontact legend, .formcontact legend
{
    padding-left:0;
    margin-bottom:0.5em;
}

.schedule .day{
    display: inline-block;
    width: 110px;
}

/* contact */

input.normal, input.focus,
textarea.normal, textarea.focus
{
    width:300px;
}

.checkboxform, .inputform
{ /* config txt dans .txt dans form plus bas*/
    line-height:2em;
    font-weight:bold;
}
.checkboxform span
{
    display:block;
    float:left;
    width:17em;
}
.inputform .spanform
{
    display:block;
    float:left;
    width:21em;
}

/* map */
#map.leaflet-container a.leaflet-popup-close-button {
    z-index: 1;
}
#map .leaflet-popup,
#map .leaflet-popup-content,
#map .leaflet-popup-content-wrapper {
    width: 180px;
    height: 115px;
}

#map a.link_o{
    color: var(--color1);
}
#map a.link_o:hover{
    color: #000;
}

/*** Choix spa ***/
.pdv_list {
    justify-content: center;
    padding-left: 0;
}
.pdv_list .pdv_title{
    height: 60px;
    overflow: hidden;
}
.pdv_list li{
    min-width: 220px;
}
.pdv_list img{
    max-height: 120px;
}

/****** FORMULAIRE ******/

.error_form {
    color: #dc3545;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.invalid {
    border-color: #dc3545 !important;
}

.formline,
.submitline {
    width : 100%;
    min-height : 40px;
    line-height : 40px;
}

.formline.spaced {
    margin-top : 20px;
}

.adress_second {
    width : 45%;
    margin : 20px 5% 0 0;
    background : #F4F4F4;
    padding : 20px;
    float : left;
}

.adress_second .content_adress {
    min-height : 122px;
}

.submitline {
    margin-top : 10px;
    text-align : center;
}

.submitline .submitbox {
    display : inline-block;
    max-width : 440px;
}

form {
    margin:0;
}
select, textarea, input[type="text"], input[type="password"], input[type="telephone"], input[type="email"],
input.case, select.normal, textarea.normal {		/*** configuration general ***/
    color: #888;
    font-size: 15px;
}
input.case,
input[type=checkbox]  {		/*** configuration cases à cocher ***/
    background-color: transparent;
    margin-right: 1rem;
}

select:focus, .custom-select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
.focus, .focus2, .focus3,
select.focus,
textarea.focus, textarea.focus2  {	/*** Mise en avant des champs en cours d'utilisation - onfocus="this.className='focus';" ***/
    border-color: #D2D3D1;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(210, 211, 209, 0.5);
}
textarea{
    resize: none;
}
select, textarea, input[type="text"], input[type="password"], input[type="telephone"], input[type="email"],
.search, .fpart, .fpart2 {	/*** Retour à  l'état normal aprés l'utilisation - onblur="this.className='normal';" ***/
    padding-left: 8px;
    margin:1px 1px;
}
.custom-form label,
.custom-form .label {
    font-size: 1.4rem;
    color: var(--color2);
    margin: auto 0 auto auto;
    cursor: pointer;
}

label.inlineblock{
    white-space: nowrap;
}

select, textarea, input[type="text"], input[type="telephone"], input[type="password"], input[type="email"] {	/*** bordure des champs ***/
    border: 1px solid var(--color1);
    font-weight: normal;
    width: 100%;
}

select, input[type="text"], input[type="telephone"], input[type="password"], input[type="email"] { /*** bordure des champs ***/
    height: 40px;
}

/*Custom select*/

.custom_select{
    position: relative;
    display: block;
    max-width: 400px;
    min-width: 180px;
    margin: 0 auto;
    border: 1px solid #fff;
    background-color: var(--color1);
    z-index: 10;
}

.custom_select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 4rem;
    padding: 0 40px 0 10px;
    font-size: 15px;
    color: #fff;
    text-overflow: ellipsis;
    cursor: pointer;
}
.custom_select::after{
    content: '\e93e';
    font-family: "kfont"!important;
    position: absolute;
    right: 3px;
    top: 2px;
    font-size: 22px;
    padding: 3px 6px 0 6px;
    z-index: -1;
    background-color: #fff;
    color: var(--color1);
}

.custom_select select option{
    color: #000;
}

#fContact {
    max-width: 800px;
    padding-bottom: 3rem;
}
#fContact .form_control{
    margin-bottom: 1.5rem;
}
#fContact .row {
    margin-bottom : 0;
}
#fContact input,
#fContact textarea {
    display : block;
    width : 100%;
    margin : 5px 0;
    line-height : 24px;
}
#fContact textarea {
    height: 150px;
}
#fContact input[type="checkbox"],
#fContact input[type="radio"] {
    display: inline-block;
    width: auto;
}
#fContact .button {
    margin-top : 15px;
}
#fContact label,
.label-title{
    color: #000;
    font-size: 15px;
    margin-top: 5px;
}

textarea.normal, textarea.focus, textarea.focus2  /*** taille textarea ***/
{
    height:8em;
    overflow:auto; /* enleve la barre de défilement dans IE */
}

/* special radio / checkbox rules */

#filt_couleur input[type=checkbox] + label {
    padding : 0;
    width : 24px;
    height : 24px;
    text-indent : -5000px;
    border-radius : 12px;
}

#filt_couleur input[type=checkbox] + label > span.checkitem  {
    width : 24px;
    height : 24px;
    top : 0;
    margin : 0;
    border-width : 1px;
    border-radius : 12px;
}

#filt_couleur input[type=checkbox] + label > span.color_item {
    position : absolute;
    top : 3px;
    left : 3px;
    right : 3px;
    bottom : 3px;
    border-radius : 12px;
}

#filt_couleur input[type=checkbox]:checked + label > span.checkitem {
    border : 1px solid #3C3C3C;
}

#filt_metier input[type=checkbox] + label {
    padding : 0;
    position : relative;
    width : 24px;
    height : 24px;
}

#filt_metier input[type=checkbox] + label  .icon {
    display: inline-block;
    font-size: 24px;
    margin-right: 10px;
    vertical-align: middle;
    color : #a2a2a2;
}

#filt_metier input[type=checkbox] + label .checkitem {
    display : none;
}

#filt_metier input[type=checkbox] + label .text {
    opacity : 0;
    visibility : hidden;
    position : absolute;
    padding : 1px 5px;
    background : #C5C0B5;
    color : #ffffff;
    bottom : -20px;
    left : 50%;
    white-space: nowrap;

    transform : translateX(-50%);
    -ms-transform : translateX(-50%);
    -webkit-transform : translateX(-50%);

    transition : all 0.2s ease-in-out;
    -webkit-transition : all 0.2s ease-in-out;
}

#filt_metier input[type=checkbox] + label:hover .text {
    opacity : 1;
    visibility : visible;
}

#filt_metier input[type="checkbox"]:checked + label .icon {
    color : #58585D;
}

/* ----------------------------------------------------------------- */
/* LISTE PRODUITS
/* ----------------------------------------------------------------- */

#w_container {
    /*background : #ffffff;*/
    padding : 0 25px 20px 25px;
    border-radius : 0 0 3px 3px;
}

#menuBest {
    position : relative;
    margin : 0;
    background: #fff;
}

#menuBest .cat_header_content {
    position : relative;
    z-index : 2;
    margin-top: 2rem;
}

#menuBest .cat_header_content h1,
#left_column #menurubrique .h2{
    /*text-transform: initial;*/
    margin: 0;
    text-align: center;
}
#order_view,
#order_view > option{
    width: 300px;
    padding-left: 3rem;
    font-weight: 700;
    color: #aaaaaa;
}

.cat_header_img {
    width: auto;
    height: auto;
    overflow: hidden;
    margin-left: -4rem;
    margin-right: -4rem;
    margin-top: -2rem;
}
.cat_header_img .cover_img{
    display: block;
    /*width: auto;*/
    height: 50px;
    max-height: 186px;
}

.cat_header_content h1 {
    margin : 20px 0 20px 20px;
    line-height:1.1;
    text-transform: uppercase;
    text-align: left;
}

.cat_header_content p {
    line-height: 1.4;
    font-weight: 300;
    margin-top: 2.2rem;
    text-align: center;
}

#menuBest .cat_header_bg {
    position : absolute;
    bottom : 0;
    left : 0;
    width : 100%;
    z-index : 1;
}

.cat_header {
    margin: 12px auto 1em auto;
    font-weight: 700;
    color: #aaaaaa;
    display: none;
}

.cat_header .filtre_order {
    float : right;
    text-align: right;
    position: relative;
}

.cat_header .filtre_order .ui-menu .ui-menu-item-wrapper {
    font-weight: 400;
}

.filt_title{
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
}

.cat_header .separateur{
    margin: 0 5px;
}

.filt_content{
    display: none;
    position: absolute;
    max-width: 300px;
    text-align: left;
    background: #fff;
    padding: 0 10px;
    margin-top: 5px;
    right: 0;
    z-index: 1;
}

.filt_content ul li{
    display: inline-block;
    margin : 0 3px 5px 0;
}

.filt_content.open {
    display: block;
}

.noProduct
{
    text-align:center;
    font-size:160%;
    margin:2em 1em;
}

/* catalogue page */

#catalog,
#fiche{
    background-repeat: no-repeat;
    background-position: right;
}

#fiche .cat_header_img{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.cat_header_menu ul{
    padding-left: 0;
    margin-left: -3rem;
    margin-right: -3rem;
    text-align: center;
}
.cat_header_menu li{
    display: inline-block;
    margin-bottom: .6rem;
}
.cat_header_menu li a{
    display: inline-block;
    /*width: 140px;*/
    font-size: 1.1rem;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid var(--color2);
    color: var(--color2);
    padding: 0.6rem;
    text-align: center;
    text-transform: uppercase;
    margin: 0 .2rem;
}

.cat_header_menu li.current a {
    border: 1px solid var(--color1);
    color: var(--color1);
}

#espace-collaborateur .cat_header_menu li.current a {
    color: var(--color1)!important;
}

#espace-collaborateur .cat_header_menu.control-mobile li a{
    border: 1px solid var(--color1);
    color: #fff !important;
    background-color: var(--color1) !important;
}
#espace-collaborateur .cat_header_menu.control-mobile li a:hover {
    color: var(--color1) !important;
    background-color: #fff !important;
}

#menurubrique .bloc_filtre{
    border: 1px solid #E7E7E7;
    padding: 1.2rem 1rem;
    margin-bottom: 2rem;
}
#accordion_cat ul{
    padding-left: 1rem;
}
#rayon #contentpage {
    position : relative;
}

#produits_block_content{
    justify-content: center;
    padding-left: 0;
    margin-top: 3rem;
    margin-bottom: 0;
}

#liste {
    position : relative;
}

#liste:after {
    content : '';
    transition : background 0.2s ease-in-out;
    background : none;
}

#liste.loading:after {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : -10px;
    z-index : 100;
}

/* Produits cards */
.produit_card{
    margin-bottom: 3rem;
}
.produit_card .header_pack_c{
    height: 9.2rem;
}
.produit_card .header_pack{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 1.5rem;
}

.produit_card > .link_block_card .img_c{
    height: 151px;
}
#home_content .produit_card > .link_block_card .img_c,
#index-espace-client .produit_card > .link_block_card .img_c {
    height: 92px;
}

.page_catalogue .header_pack_c{
    height: 11.7rem;
}

#catalogue .classic_bloc .header_pack_c{
    height: 151px;
}

#catalogue .classic_bloc .header_pack_c.no_content_header{
    height: 12.7rem;
}

.produit_card .link_block_card .img_c.contain_img{
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 92px;
}

.produit_card:hover > .link_block_card{
    -moz-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -webkit-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -o-box-shadow: 3px 3px 6px 0 #cfcfcf;
    box-shadow: 3px 3px 6px 0 #cfcfcf;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=6);
}

.produit_card > .link_block_card ul{
    padding: 0 1rem;
}

#home_content #produits_block .link_block_card.block_card_ideopass h2{
    margin-bottom: 0;
}

.link_block_card.block_card_ideopass input {
    width: 17rem;
}

.produit_card > .link_block_card .form_card_ideopass{
    height: 160px;
    overflow: hidden;
    font-size: 14px;
}

.produit_card .link_block_card h3,
.produit_card .link_block_card .h3 {
    font-size: 2.6rem;
    height: 9.4rem;
    line-height: 1.2;
    overflow: hidden;
    margin-top: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

#catalogue .classic_bloc .header_pack_c.no_content_header + .h3{
    margin-bottom: 3.9rem;
}

.block_card_ideopass{
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-in;
}
.block_card_ideopass:hover{
    -moz-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -webkit-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -o-box-shadow: 3px 3px 6px 0 #cfcfcf;
    box-shadow: 3px 3px 6px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=6);
}

.produit_card:hover .block_card_ideopass > .link_block_card{
    display: block;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    filter: none;
}

.produit_card .form_card_ideopass .btn-custom{
    width: 100%;
}

.produit_card .form_card_ideopass .custom_select {
    display: inline-block;
    min-width: 0;
}

.produit_card .form_card_ideopass .custom_select select {
    width: 110px;
    padding-right: 0;
    font-size: 16px;
}

.produit_card .form_card_ideopass .custom_select::after {
    top: 3px;
    padding: 9px 6px 5px 6px;
}

.produit_card .presta_seule .link_block_card .h3{
    height: 119px;
}

#loading-catalogue {
    position : absolute;
    top : 200px;
    left : calc(50% - 8px);
    width : 15px;
    height : 15px;
    z-index : 101;
    opacity : 0;
    visibility : hidden;
    transition : opacity .2s ease-in-out;
}

/*Page catégorie liste*/
.srubrique{
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--color1);
    padding-left: 0;
}
#liste_presta {
    margin-bottom: 0;
    padding-bottom: 2rem;
    padding-left: 0;
}
#liste_presta li{
    display: flex;
    font-size: 18px;
    padding-top: 5px;
    padding-right: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#liste_presta li:hover{
    -moz-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -webkit-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -o-box-shadow: 3px 3px 6px 0 #cfcfcf;
    box-shadow: 3px 3px 6px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=6);
}
#liste_presta li .slibelle{
    font-size: 15px;
}
#liste_presta .right_block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid var(--color1);
}
#liste_presta .right_block .libelle{
    margin-right: .6rem;
    font-family: "Eras Demi ITC", sans-serif;
}
#liste_presta .right_block .tarif{
    margin-right: 15px;
    margin-left: auto;
    font-size: 19px;
    font-weight: 300;
}
#liste_presta .right_block .icon{
    color: #c1b8aa;
    width: 58px;
    margin-right: 10px;
    vertical-align: middle;
}
#liste_presta .right_block .icon::before{
    font-size: 4px;
}
#liste_presta li form {
    display: flex;
    justify-content: flex-start;
    min-width: 345px;
}
#liste_presta li .btn-custom{
    width: 110px;
    text-align: center;
    margin: auto auto 4px 5px;
    padding: 1rem 1rem;
    font-size: 1.3rem;
    letter-spacing: 0;
}
#liste_presta li .btn-custom.btn-produit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    margin-left: 5px;
    margin-right: 0;
}
#liste_presta li .dispo_presta{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: auto;
    padding-right: 10px;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#liste_presta li:hover .dispo_presta{
    opacity: 1;
}

/*Page rubriques*/
.list_rubrique_c .cat_header_menu{
    display: none;
}

.list_rubrique_c .header_rubrique .highlight{
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
}
.list_rubrique_c .libelle_rubrique{
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}
.list_rubrique_c .link_rubrique{
    display: block;
    background-repeat: no-repeat;
    height: 188px;
}
.list_rubrique_c a:hover{
    -moz-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -webkit-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -o-box-shadow: 3px 3px 6px 0 #cfcfcf;
    box-shadow: 3px 3px 6px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=6);
}
.list_rubrique{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.list_rubrique li{
    margin-bottom: 2rem;
}
.list_rubrique li a{
    background-color: var(--color1);
}

.blocimg
{
    float:left;
    width:95px;
    height:95px;
    text-align:center;
    /*border:1px solid #eee;*/
}
/* état stock */
.blocimg .stock
{
    line-height:1em;
    padding-left:0;

}
.blocimg .stock a
{
    color:#666;
}
.etat1,
.etat2,
.etat3
{
    display:inline-block;
    width:7px;
    height:11px;
    background-repeat:no-repeat;
    padding-left:1px;
}

.etat1 { background-position: left 0.35em }
.etat2 { background-position: left -0.7em }
.etat3 { background-position: left -1.75em }

/* bloc titre & description */
.blocdesc
{
    position:static; /* ie6.css */
    overflow:hidden; /* ie6.css */
    /*float:left;
    width:285px;*/
    margin-left:0;
    margin-right:5px;
    margin-top:0.3em;
    /*border:1px solid #eee;*/
}
.blocdesc h2
{
    margin:0 0 0.1em 0;
    font-size:140%;
}
.blocdesc h2,
.blocdesc h2 a
{
    color:#D21A00;
}

.blocdesc h3
{
    margin:0 0 0.3em 0;
    font-size:95%;
    text-transform:uppercase;
}
.blocdesc h3,
.blocdesc h3 a
{
    color:#777;
}
.blocdesc h2 a:hover,
.blocdesc h3 a:hover,
.reference a:hover
{
    text-decoration:underline;
}
.reference
{
    color: #939393;
    font-weight: normal;
}
.extra
{
    display:none;
}
.blocdesc p
{
    font-size:100%;
}
.blocdesc p strong
{
    font-weight:normal;
}
.savoirplus
{
    white-space:nowrap;
}
/* bloc promo et solde */

.nouveaute
{
    font-size:120%;
    padding:5px 5px;
}

/* bloc prix */

.prixbarre
{
    color:#AAAAAA;
    font-size: 30px;
    font-weight:500;
    text-decoration: line-through;
}
.prix
{
    font-size:250%;
    margin-bottom: 0.5rem;
}

#prix ins,
.prix ins{
    text-decoration: none;
}

#prix .sep-right,
#prix .sep-left{
    width: 6rem;
    display: inline-block;
    background-color: var(--color1);
    height: 2px;
}

.prix strong
{
    font-weight:700;
}

.prix .prix_promo{
    color: #F69278;
    margin: 0 2rem;
}

.prix sup
{
    display:inline-block;
    margin-top:-3px;/**/
    font-size:50%;
    vertical-align:top;
}
.prixex,
.ecopart,
.prixpublic
{
    line-height:1.6em;
}
.prixex,
.prixpublic
{
    color:#777;
    font-size:85%;
    margin-top:-0.3em;
}
.ecopart
{
    color:#008f35;
    font-size:90%;
    font-weight:bold;
    margin-top:0.5em;
}

.prixpublic .ppc{
    position: relative;
}
.prixpublic .ppc::after{
    content: "";
    position: absolute;
    top: 12px;
    left: -8px;
    display: block;
    height: 2px;
    width: calc(100% - 15px);
    background-color: #777;
    transform: rotate(-20deg);
}

/**** pagination ****/
.navliste
{
    text-align:right;
    font-size:90%;
    margin:1em auto;
}
.navliste ul
{
    list-style:none;
    margin:0;
}
.navliste li
{
    display:inline;
    margin:0;
}
.navliste a
{
    display:inline-block;
    border : 1px solid #E0E0E0;
    padding:2px 8px;
    margin:1px 0.1em;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    width : 38px;
    height : 28px;
    line-height : 22px;
    text-align : center;
    color : #000000;
    font-weight : 700;
    transition : all 0.2s ease-in-out;
}
.navliste a:hover,
.navliste a:focus
{
    background-color:#999;
    border : 1px solid #999;
    color : #ffffff;
}
.navliste .current a,
.navliste .current a:hover
{
    background-color:#E0E0E0;

}

span.precedent,
span.suivant
{
    display:inline-block;
    background-color:#eee;
    color:#888;
    padding:2px 8px;
    margin:1px 0.1em;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    line-height:1.6em;
}

.precedent
{
    padding-right:1em;
}
.suivant
{
    padding-left:1em;
}

/* ----------------------------------------------------------------- */
/* Fiche
/* ----------------------------------------------------------------- */

#fiche .upper_section {
    padding-bottom: 5rem;
    position: relative;
    margin-top: 3rem;
}

#fiche .bloc_description h1,
#fiche .bloc_description h2 {
    text-align: left;
    margin: 0 0 1rem 0;
    font-weight: 400;
}

#fiche .bloc_description h2 {
    margin-bottom: 0;
}

#blocfiche {
    position : relative;
    float : left;
    margin-right : 40px;
    margin-bottom : 10px;
}

.prod_right_col {
    float : left;
}

#desproduit .detail_pack .pucefleur {
    width: 50px;
}

/* Bloc image */
#blocimg
{
    position:   relative;
    text-align: center;
}
#blocimg .image_news_solo{
    max-width: 600px;
}
#blocimg .image_news_solo img{
    max-width: 100%;
}
#blocimg .bx-wrapper{
    margin-bottom: 0;
    overflow: hidden;
}
#blocimg .main_image {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}
#blocimg .main_image li figure{
    display: flex;
    height: 420px;
}

#blocimg .main_image li figure > a{
    margin: auto;
}
#blocimg .main_image_noslider{
    padding-left: 0;
}
#blocimg .main_image_noslider a{
    height: 420px;
}
#blocimg .main_image_noslider a img{
    max-width: 100%;
}
/* Utilisé pour fiche article et new detail */
.img_container #lst_vignette{
    display: flex;
}
.img_container #lst_vignette a{
    margin-right: 1rem;
}
.img_container #lst_vignette a img {
    max-width: 63px;
    height: 63px;
}

/* centrage vertical de l'image */

#zoom_image {
    display : inline-block;
    vertical-align : middle;
    max-height : 100%;
}
#blocimg .main_image{
    padding: 0;
    margin: auto;
}
#blocimg .main_image a{
    padding: 0;
    margin: auto;
    display: inline-block;
}
#lst_zoom figure{
    margin: 0;
}
#lst_zoom .icon-zoom_in{
    font-size: 3.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .8;
}
#lst_zoom .zoom_image img {
    max-height : 350px;
    max-width : 350px;
}

/* /Bloc image */

#fiche #contenufiche{
    overflow:   visible;
    text-align: justify;
    font-size: 14px;
    margin-top: 6rem;
}
#fiche .badge_article{
    position: absolute;
    top: -3rem;
    right: 0;
    z-index: 1;
}
#fiche .badge_article img{
    width: 75px;
}
#fiche .bluetitle{
    font-size: 19px;
    color: var(--color1);
    font-weight: 300;
}
#fiche .bluetitle h1{
    font-size: 2.7rem;
    font-weight: 700;
    text-transform: uppercase;
}
#fiche .bluetitle.duree{
    font-size: 16px;
    color: var(--color1);
    font-weight: 300;
    line-height: 1.3;
}

#fiche .bloc_tab{
    margin-top: 4rem;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
}
#fiche .btnpanier {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    text-align: right;
}
#fiche .btnpanier .icon{
    font-size: 3rem;
    margin-right: .5rem;
}

/* marque */
.fichemarque
{
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-right: 0;
    text-align: right;
}

#fiche .fichemarque
{
    float:right;
    /*width:150px;*/
    margin-left: 1em;
    text-align: right;
    /*background-color:#FFCC00;*/
}

.fichemarque img
{
    padding-right:5px;
    vertical-align:middle;
    /*max-height:35px;*/
}
.fichemarque a
{
    font-size:  100%;
}

.fichemarque a
{
    color:      #666;
    font-size:  95%;
}
#fiche .fichemarque a
{
    font-size:  80%;
}
.fichemarque a strong
{
    font-weight:normal;
    text-decoration:underline;
}
.fichemarque a:hover strong
{
    text-decoration:none;
}

#fiche #desproduit
{
    margin : 5px 0 3px 0;
    font-size : 13px;
    font-weight: 300;
    /*overflow:hidden;
    border:1px solid #0F0;*/
}

#fiche #desproduit .list_detail_pack > div,
#fiche #desproduit .list_detail_pack > div a{
    font-size: 1.6rem;
    font-weight: 300;
    line-height: .8;
    font-family: 'Eras Demi ITC', Arial, Helvetica, sans-serif;
}

#fiche #desproduit .list_detail_pack > div{
    margin-top: auto;
    margin-bottom: auto;
}

#fiche #desproduit .declinaison_prod {
    display: flex;
    justify-content: center;
    padding-left: 0;
}
#fiche #desproduit .list_declinaison {
}

#fiche #desproduit .list_declinaison .link_declinaison{
    display: inline-block;
    width: 70px;
    font-size: 1.5rem;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid var(--color1);
    color: var(--color1);
    padding: 0.8rem 0;
    text-align: center;
    margin: 1rem .6rem 0;
}
#fiche #desproduit .list_declinaison.current .link_declinaison,
#fiche #desproduit .list_declinaison.current:hover .link_declinaison{
    background-color: var(--color1);
    color: #fff;
    cursor: default;
}
#fiche #desproduit .list_declinaison:hover .link_declinaison{
    background-color: #eee;
}
#fiche #desproduit .list_declinaison:first-child .link_declinaison{
    margin-left: 0;
}
#fiche #desproduit .list_declinaison:last-child .link_declinaison{
    margin-right: 0;
}

#fiche #desproduit a {
    font-size : 11px;
    padding : 4px 6px;
    display : inline-block;
    margin-top : 5px;
}

#fiche #acheter{
    font-size: 2.4rem;
}

#fiche #prix ins{
    display: flex;
    align-items: center;
    justify-content: center;
}

#fiche #val_tarif{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

#full_descript {
    margin : 10px 20px;
}

.fancybox-container {
    font-family: var(--font1), sans-serif;
}

.fancybox-container #full_descript {
    width:40%;
}

/* question doc technique */
.question_container li.question {
    margin:20px 0;
    padding-bottom:20px;
    border-bottom:2px dotted #CCC;
}

.question_container li.question:last-child {
    border-bottom:none;
}

.question_container .object {
    padding:10px;
    float:left;
}

.question_container .legend {
    float:right;
    padding:10px;
}

.question_container div.question {
    background: #FFF;
    padding: 20px;
    margin-top: 10px;
    border-left:4px solid #873661;
}

.question_container .reponse {
    background: #FFF;
    padding: 20px;
    margin-top: 10px;
    border-left:4px solid #78bb22;
    width:98%;
    margin-left:2%;
}
.question_container .reponse.non {
    background: #F4F4F4;
    border-left:4px solid #5c5956;
}

#fiche #btproduit
{
    text-align:	right;
    margin:     0 0 10px 0;
    font-size:	90%;
}
#fiche #btproduit li,
#fichetechnique li
{
    margin: 3px  0;
}
.fichetechnique
{
    padding: 1px 0 1px 18px;
}

.partage
{
    width:275px; /* ie7 */
    margin:1em 0 0 0;
    /*border:1px solid #0F0;*/
}

#fiche .bloc_description{
    background: #fff;
    padding: 1px 10px 0 10px;
}

#fiche .navigation{
    margin: 10px 0;
}

#fiche .back-button{
    float: left;
    font-size: 18px;
    text-transform: uppercase;
}

#fiche .back-button i{
    margin-right: 7px;
}

#fiche .social{
    /*display: inline-block;*/
    float: right;
    margin: 0;
}

#fiche .social li{
    display: inline-block;
    margin: 0 8px 0 0;
}

#fiche .social li a{
    font-size: 21px;
    color: #000;
}
#fiche .social li a:hover,
#fiche .social li a:focus {
    opacity:0.6;
}

.navigation .social li a {
    float:none;
}
.navigation .social li a div,
.navigation .social li a svg {
    display : none;
}

#fiche .conditionnement{
    float: left;
}

/****** panier ******/

#cartMessage { text-align:center;}

#fiche #panier label
{
    display: block;
    margin-bottom: 5px;
}
#fiche #panier .declinaison{

}
#fiche #panier .declinaison li{
    float: left;
    display: block;
    width: 22px;
    height: 22px;
    padding: 2px;
    margin: 4px;
    background: #ffffff;
    border: 1px solid #D9D9D9;
    border-radius : 11px;
}

#fiche #panier .declinaison li.current {
    -webkit-box-shadow: 0 0 0 5px rgba(98,64,63,0.5);
    -moz-box-shadow: 0 0 0 5px rgba(98,64,63,0.5);
    box-shadow: 0 0 0 5px rgba(98,64,63,0.5);
}
#fiche #panier .declinaison li:hover,
#fiche #panier .declinaison li:focus {
    border: 1px solid #999;
}

#fiche #panier .declinaison li a{
    width: 16px;
    height: 16px;
    border-radius : 8px;
    display: block;
}
#fiche #panier .declinaison li a:focus {
    position: relative;
}

#valSize {
    font-weight:bold;
}

.attribut {
    margin : 10px 0;
}

#panier-recap #panier-recap-content .btn-custom {
    padding-left: 3rem;
    padding-right: 3rem;
}

#panier-recap #panier-recap-content form .btn-custom:hover{
    border: 1px solid var(--color1);
}

.attribut #reference{
    float: right;
}

#fiche #panier .attr_sep .title {
    color : #3C3C3C;
    font-size : 16px;
    font-weight : 700;
}

#quantite input {
    width : 100%;
    height : 30px;
    border-radius : 5px;
    border : 2px solid #E0E0E0;
    color : #A2A2A2;
}

#quantite #product_qt_alert {
    position : absolute;
    bottom : -45px;
    left : 10px;
    height : 44px;
    line-height : 38px;
    width : calc(200% - 20px);
    background : #ffffff;
    padding : 3px 8px;
    border-radius : 5px;
    -moz-box-shadow: 0 0 5px 0 #656565;
    -webkit-box-shadow: 0 0 5px 0 #656565;
    -o-box-shadow: 0 0 5px 0 #656565;
    box-shadow: 0 0 5px 0 #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);

    opacity : 0;
    visibility : hidden;
}

#quantite.show #product_qt_alert {
    opacity : 1;
    visibility : visible;
}

#quantite.show #inpQty {
    border-color : #FF0000;
}

#quantite #product_qt_alert:before {
    content : '';
    position : absolute;
    top : -6px;
    left : 20px;
    border-width : 0 6px 6px 6px;
    border-color : transparent transparent #ffffff transparent;
    border-style : solid;
}

#quantite #product_qt_alert .icon_c {
    margin-right : 5px;
    width : 22px;
    height : 22px;
    font-size : 16px;
    line-height : 14px;
}

#guidetaille {
    font-size:95%;/**/
}



/* panierCodesRemises */
#panierCodesRemises input[type="text"],
#panier-recap #panier-recap-content #panierCodesRemises input[type="submit"] {
    height: 40px;
    vertical-align: middle;
    transition: all .1s ease-in;
}
#panierCodesRemises input[type="text"] {
    width: calc( 100% - 115px);
}
#panier-recap #panier-recap-content #panierCodesRemises input[type="submit"] {
    padding: 5px 15px;
    margin-left: -6px;
    min-width: 100px;
    border-width: .1rem;
}
#panierCodesRemises input[type="text"]:focus + input[type="submit"]  {
    box-shadow: 0 0 0 .2rem rgba(210, 211, 209, 0.5);
}

/* bloc promo et solde */


#portzero
{
    font-weight:bold;
    font-size:110%;
}

#livraison #msgDispo {
    color : #98be00;
}

#livraison #msgRupture {
    color : #e34f2b;
}

/*#livraison span {*/
/*    float : left;*/
/*}*/

.choix_transporteur_form{
    margin-top: 60px;
}

.choix_transporteur_form ul {
    margin-bottom: 0;
}

.choix_transporteur_form ul li {
    margin-bottom: 40px;
}

.choix_transporteur_form .radiobox{
    display: flex;
}

.choix_transporteur_form .checkbox{
    margin-left: 35px;
}

.choix_transporteur_form .radiobox input{
    margin-right: 20px;
}

.choix_transporteur_form .radiobox .cout_tr{
    color: var(--color1);
    font-weight: 700;
    margin-left: 25px;
}

.choix_transporteur_form button[type="submit"]{
    margin-left: 20px;
}

/*#livraison .text {*/
/*    max-width : calc(100% - 25px);*/
/*    margin-left : 10px;*/
/*    text-transform : uppercase;*/
/*    text-align : left;*/
/*}*/

#livraison img
{
    padding-right:2px;
    vertical-align:middle;
}

#panier .adress_choice .collapse_item {
    padding-left : 30px;
    width : calc(100% - 30px);
}

.bloc-extra{
    background: #62403F;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    position: static;
    overflow: hidden;
}

.bloc-extra h3,
.bloc-extra .h3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}

.bloc-extra .btn_deco{
    background: #fff;
    color: #62403F;
    text-transform: uppercase;
    padding: 0 20px;
    line-height: 40px;
    display: inline-block;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    margin-top: 10px;
    box-shadow: inset 0 0 0 1px #62403F;
    border:1px solid #fff;
}
.bloc-extra .btn_deco:hover,
.bloc-extra .btn_deco:focus {
    background-color: #62403F;
    color:#fff;
    box-shadow: inset 0 0 0 1px #62403F;
    border:1px solid #fff;
}

/* bt acheter */

.acheter
{
    width: 230px;
    min-height: 43px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    position: relative;
    margin-top: 2rem;
    padding: 1rem 2rem;
}
#btn-acheter {
    display: flex;
    justify-content: space-around;
}
#btn-acheter > div{
    position: relative;
}
#btn-acheter > div.nb1btn,
#btn-acheter > div.nb2btn{
    width: calc(100% / 2 - 20px);
}
#btn-acheter > div.nb3btn{
    width: calc(100% / 3 - 20px);
}
#fiche .btnpanier {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin: 3rem auto 1rem;
    padding: .5rem;
    text-align: right;
}
#fiche .btnpanier .icon{
    font-size: 3rem;
    margin-right: .5rem;
}
#fiche .select_forfait{
    position: absolute;
    top: -6rem;
}
#fiche #contenufiche .select_forfait{
    width: 100%;
}
#fiche #inpQty{
    font-size: 14px;
}
.btn-custom.btn-primary.acheter{
    text-transform: initial;
    display: inline-block;
}
.btn-custom.btn-primary.acheter:hover{
    border-color: var(--color1);
}
.acheter.rupture{
    cursor: default;
    background-color: #828282;
}

.linetextrupture{
    opacity: .7;
}
.linetextrupture .icon-not_interested{
    color: #FF8A86;
}

.acheter .icon-basket {
    font-size : 36px;
}

.button .icon,
.button .text { vertical-align:middle; }

/* article table design */

#article .table .head {
    background : #E0E0E0;
    line-height : 36px;
}

#article .table thead .head th {
    padding : 5px;
    font-size : 14px;
    font-weight : 700;
    text-align : center;
    border : 2px solid #E0E0E0;
}

#article .table thead .head th.dispo {
    width : 25%;
}

#article .table td {
    text-align : center;
    line-height : 38px;
    padding : 5px;
    border : 2px solid #E0E0E0;
    font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#article .table thead .head th:first-child,
#article .table td:first-child {
    text-align : left;
}

#article .table td.subtable {
    padding : 0;
}

#article .subtable > table {
    width : 100%;
}

#article .subtable td,
#article .subtable td:first-child {
    padding : 0;
    border : 0;
    text-align : center;
}

#article .subtable tr:nth-child(even) {
    background : #F4F4F4;
}

.ui-tabs {
    padding : 0;
    border-radius : 0;
    background : none;
    border : none;
}

.ui-tabs .ui-tabs-nav {
    background : none;
    padding : 0;
    border : 0;
}

.ui-tabs .ui-tabs-panel {
    padding : 0;
}

.ui-tabs .ui-tabs-nav li {
    border : 2px solid #E0E0E0;
    border-bottom : 0;
    text-align : center;
    background : transparent;
}

.ui-tabs .ui-tabs-nav li a {
    color : #3C3C3C;
    font-size : 16px;
    font-weight : 700;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background : #E0E0E0;
}

.content_tabs#tabs-2,
.content_tabs#tabs-3 {
    background : #E0E0E0;
    padding : 20px;
}

#formavis {
    width : 600px;
}

#avis_commentaire{
    resize: none;
}

#avis h2 {
    margin : 0;
    color : #028E02;
}

.fancy_header {
    width : 100%;
    color : #ffffff;
    border-radius : 4px 4px 0 0;
}

.fancy_header h3 {
    margin : 0;
    font-size: 2.7rem;
}

.fancy_body {
    padding : 10px 15px;
    text-align : left;
}

.notation {
    display: flex;
    direction: rtl;
}

.star {
    display : inline-block;
    color : #E0E0E0;
    font-size : 24px;
    width: 25px;
    height: 25px;
}

.notation input[type="radio"] + label{
    display: inline-block;
    padding-left: 0;
    cursor : pointer;
}

.star
{
    background: url('../../img/greystar.svg') center center no-repeat;
}

.star.yellowstar {
    background: url('../../img/yellowstar.svg') center center no-repeat;
}

/* AU SURVOL */
/* Toutes les étoiles */
.notation .avis_note_label:hover .star,
.notation .avis_note_label:hover ~ label .star
{
    background: url('../../img/yellowstar.svg') center center no-repeat;
}
/* FIN SURVOL */

/* AU CLIC */
/* Toutes les étoiles */
.notation input[type="radio"]:checked ~ label .star
{
    background: url('../../img/yellowstar.svg') center center no-repeat;
}
/* FIN CLIC */

.comment .notation .star { color:#666; }

.notation .star:hover {
    color : #EFCE4A;
}

.notation .star.saved {
    color : #e34f2b;
}

.notation .star a {
    display : none;
}

.note_container,
.comment_container {
    width : 100%;
    margin : 10px 0;
    text-align : left;
    font-size : 16px;
    vertical-align : top;
}

.note_container label {
    font-weight : 700;
    vertical-align : middle;
}

.comment_container label {
    font-weight : 700;
    vertical-align : top;
    display : block;
}

.comment_container textarea {
    width : 100%;
    height: 120px;
}

.btn_container {
    text-align : center;
}

/* bt acheter mini */
.btacheter
{
    margin:0.5em -0.8em 0.5em 0;
    display:inline-block;
    width:116px;
    height:45px;
    border:0;
    cursor:pointer;
}
.btacheter:hover,
.btacheter:focus
{
    background-position:left -55px;
}
.btacheter strong
{
    display:none;
}

#article .recommandation {
    margin : 40px 0;
    position : relative;
}

#article .recommandation > h3 {
    font-size : 20px;
    text-transform : uppercase;
    color : #028E02;
    font-weight : 500;
    display : block;
    border-bottom : 1px solid #E0E0E0;
    padding-bottom : 10px;
    margin : 0 0 10px 0;
}

#article .recommandation ul {
    max-height : 256px;
    overflow : hidden;
}

#article .recommandation li {
    width : 183px;
}

#article .recommandation li:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dfdfdf+50,ffffff+100&0+0,1+50,0+100 */
    background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(223,223,223,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(223,223,223,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(223,223,223,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    top : 0;
    content: "";
    right: 0;
    position: absolute;
    width: 1px;
    height : 100%;
}

#article .recommandation .more_product {
    position : absolute;
    top : 0;
    right : 0;
}

/**** popup ajouter panier ***/
#ajoutpanier {
    border:0;
}
#ajoutpanier p,
#ajoutpanier h2 {
    text-align:center;
}
#ajoutpanier h2 {
    font-size:200%;
    color : #664C3D;
    margin-top: 3rem;
    margin-bottom: 5rem;
}
#ajoutpanier .padding20 {
    padding: 20px;
}
#ajoutpanier ul {
    display: flex;
    justify-content: center;
    padding-left: 0;
}
#ajoutpanier li {
    position:relative;
    margin: 2rem;
}

/* ----------------------------------------------------------------- */
/* Vignette
/* ----------------------------------------------------------------- */


#blocvignette
{
    position:   relative;
    width:      100%;
    overflow:   hidden;
    margin-top: 10px;
    /*border:     1px solid #e0e0e0;*/
}

#blocvignette legend
{
    display:    none;
}

#lst_vignette
{
    list-style: none;
}

#lst_vignette li
{
    display:    inline;
}

#nav01,#nav02 {
    position: absolute;
    top: 0;
    z-index: 1;
}

#nav01 a,#nav02 a {
    width: 15px;
    height: 120px;
    line-height: 120px;
    display: block;
}

#nav01 {
    left: 0;
}

#nav01 a {

}

#nav01 a:hover,
#nav01 a:focus
{
    background-position: right top;
}

#nav02 {
    right: 0;
    text-align: right;
}

#nav02 a {
}

#nav02 a:hover,
#nav02 a:focus
{
    background-position: right top;
}

#conteneur_vignette {
    position: relative;
    top: 0;
    left: -4px;
    overflow: hidden; /**/
}
#vignetteproduit ul,
#vignetteproduit li
{
    margin:0;
}
#vignetteproduit ul {
    list-style: none;
    overflow: hidden;
    /*width: 5000px;*/
    padding-bottom : 10px;
    padding-left: 0;
}
#vignetteproduit ul li {
    float: left;
    margin: 0 1px;
    text-align: center;
    height: 120px;
    line-height: 120px;
    /*width: 55px;*/
}
#vignetteproduit ul li a {
    display:inline-block;
    vertical-align:middle;
    line-height: 1;
    border : 3px solid rgba(98,64,63,0);
}

#vignetteproduit ul li a.current {
    border : 3px solid rgba(98,64,63,0.5);
    /*
    -webkit-box-shadow: inset 0 0 0 8px rgba(98,64,63,0.5);
    -moz-box-shadow: inset 0 0 0 8px rgba(98,64,63,0.5);
    box-shadow: inset 0 0 0 8px rgba(98,64,63,0.5);
    */
}

#vignetteproduit ul li img {
    max-height : 100%;
    vertical-align:middle;
    height: 100px;
    border: 1px solid #C4CCBF;
    padding: .4rem;
}

/* pour permettre l'alignement vertical */
#vignetteproduit ul li span {
    /* display:inline-block; pour ie7 et ie6 */
    display: table-cell; /* pour permettre l'alignement vertical */
    vertical-align: middle; /* pour permettre l'alignement vertical */
}

#vignetteproduit ul li span img {
    vertical-align: middle; /* pour permettre l'alignement vertical */
}

#vignetteproduit table {
    border-collapse: collapse;
    table-Layout: fixed;
    width: auto;
}

/**** Tableau des disponibilités ****/

#dispos
{
    font-size:70%;
    margin:2em 0;
    /*border:1px solid #E8E8E8;*/
}
#dispos strong
{
    font-weight:500;
}
#dispos ul
{
    line-height:1.6em;
}
#dispos ul img
{
    margin-right:2px;
}
#dispos table
{
    border:0;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-collapse:separate;
    padding:0;
    text-align:left;
}
#dispos table td
{
    padding:3px 2px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #fff;
    vertical-align:middle;
}
.dispoinfo { text-align:center; }
#dispos table .dispotitre,
#dispos table .dispotitre2
{
    text-shadow: 0 1px 1px #fff;
    font-weight:500;
}

/* HOME PAGE */

/* Avis qualispa */
#qualispa {
    position: fixed;
    bottom: 100px;
    right: 0;
    background: #fff;
    display: flex;
    align-items: center;
    height: 115px;
    -webkit-box-shadow: -4px 4px 15px 1px rgba(0,0,0,0.43);
    box-shadow: -4px 4px 15px 1px rgba(0,0,0,0.43);
    z-index: 1;
}
#qualispa .qualispa-logo {
    width: 156px;
    text-align: center;
}
#qualispa .qualispa-chiffres {
    font-family: 'Eras ITC', Arial, Helvetica, sans-serif;
    background:#aa9e8c ;
    color: #fff;
    padding: 1rem;
    padding-top: 3rem;
    line-height: 1;
    text-align: right;
    height: 100%;
}
#qualispa .qualispa-chiffres span {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 3rem;
}

/* Slider */
.slider_container.main_slider {
    position: relative;
    overflow : hidden;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 3rem;
}

.slider_container.main_slider ul{
    padding-left: 0;
}

.slider_container.main_slider ul .slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slider_container.main_slider ul .slide > a{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.slider_container.main_slider ul .slide > a:hover {
    background-color: rgba(0, 0, 0, .2);
}

.slider_container .card_slider{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding-left: 8rem;
  padding-right: 8rem;
}

.slider_container .textslider{
  display: block;
  font-family: 'Eras Demi ITC', Arial, Helvetica, sans-serif;
  line-height: 1;
  font-size: 3.5rem;
  color: #fff;
  margin-bottom: 2rem;
  max-width: 35rem;
}

.slider_container .button{
  color: #fff;
}

.slider_container.main_slider .slider_btn_c{
    width: 100%;
    text-align: center;
}

.slider_container .bx-wrapper {
    border: 0;
    margin-bottom: 0;
}

.slider_container .slide {
    background-size : cover;
    background-position : center;
}

.slider_container .bx-viewport,
.slider_container .slider,
.slider_container .noslideshow,
.slider_container .slide {
    height: 292px!important;
}

.slider_container .slide {
    position: relative;
}

.slider_content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: rgba(255, 255, 255, .7);
    padding: 40px 60px;
}

.slider .titre,
.noslideshow .titre {
    max-height: 135px;
    overflow: hidden;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0;
}
.slider .slider_text::before,
.noslideshow .slider_text::before {
    content:'';
    background-color: #97C00C;
    height: 2px;
    display: block;
    width: 200px;
    margin: 30px auto;
}
.slider .slider_text,
.noslideshow .slider_text{
    font-size: 28px;
    font-weight: 300;
    max-width: 650px;
    max-height: 255px;
    overflow: hidden;
    margin: 0 auto;
    color: #828282;
}
.slider .btn,
.noslideshow .btn{
    background: #97C00C;
    color: #fff;
    padding : 0 35px;
    line-height : 52px;
    display : inline-block;
    font-size : 30px;
    cursor : pointer;
    transition : all 0.3s ease-in-out;
    margin-top: 40px;
    font-family: "Arial", sans-serif;
}
.slider .btn:hover,
.noslideshow .btn:hover {
    background-color: #C4CCBF;
}
#home .main_page .bx-prev,
#home .main_page .bx-next{
    text-indent: 0!important;
    color: #fff;
    width: 42px;
    height: 42px;
    font-size: 4.2rem;
    margin-top: -42px;
}

#aside-content {
    position: fixed;
    right: 0;
    top: 100px;
    text-align: left;
    z-index: 5;
}

/* Offres et bon-chèque cadeau */
#offres_block_cadeau{
    overflow: hidden;
    padding: 0 0 0 2rem;
}
#offres_block_cadeau .border-box{
    position: absolute;
    top: 1.8rem;
    right: 0;
    bottom: 0;
    left: 0;
    border: 3px solid var(--color1);
}
#offres_block_cadeau .bg-grey.right-col{
    margin-right: 0;
    margin-left: -.5rem;
}

#offres_block_cadeau .bg-grey.left-col a{
    margin-bottom: 2.7rem;
}

#facebook_home{
    background-color: #f8f3f0;
    max-width: 45rem;
    padding: 1.5rem;
    -moz-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -webkit-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -o-box-shadow: 3px 3px 6px 0 #cfcfcf;
    box-shadow: 3px 3px 6px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=6);
}

#facebook_home .icon-facebook{
    font-size: 2.8rem;
    margin-left: 1rem;
}
#facebook_home .icon-facebook:hover {
    color: #000;
}
#facebook_home .cover_img{
    height: 22rem;
}

#facebook_home .text_fg_home{
    background-color: #fff;
    padding: 1.5rem;
    font-size: 1.2rem;
    text-align: center;
}

#aside-content ul {
    margin: 12px auto;
    list-style-type: none;
}


#aside-content ul li {
    margin: auto;
    position: relative;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    width: 18rem;
}

#aside-content .nav-01 > a {
    background-color: var(--color1);
    color: #fff;
    height: auto;
    width: auto;
    display: block;
    position: relative;
    margin: 3px auto;
    padding: 0 5px 0 10px;
}
#aside-content #nav-right {
    width: 20px;
    text-align: left;
    margin-left: 0;
    margin-bottom: -6px;
}
#aside-content #nav-right a{
    background-color: rgba(193, 184, 170, .4);
    padding: 3px 10px;
    display: inline-block;
    font-size: 1.6rem;
}

#aside-content.sticky{
    right: -135px;
}

#aside-content .scrollable{
    display: inline-block;
}
#aside-content.sticky .scrollable{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#aside-content .nav-01 > a:hover .text {
    text-decoration-line: underline;
}

#aside-content .nav-01 .icon {
    font-size: 2.8rem;
}

#aside-content .nav-01 .icon-boncadeau {
    font-size: 2rem;
}

#aside-content .aside-block a{
    display: flex;
    height: 4.6rem;
    align-items: center;
}

#aside-content a .text {
    font-size: 1.5rem;
    line-height: 1.3rem;
    display: inline-block;
    position: relative;
    padding: 10px 14px;
    transition: right .1s ease-in-out 0s, opacity .1s ease-in-out 0s, max-width .1s ease-in-out 0s;
    white-space: nowrap;
}

/* Content home page */

#bandeau_home{
    position: relative;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-bottom: 12.8%;
    height: 0;
}
#bandeau_home img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.icon-sep-right,
.icon-sep-left {
    font-size: 6px;
    vertical-align: middle;
}

#home_content #offres_block {
    min-height: 395px;
    margin-bottom: 5rem;
}

#home_content #offres_block_cadeau .btn-custom.btn-outline-secondary.btn-sm{
    padding: 10px 14px;
}

.produit_card {
    font-size: 1.9rem;
    font-weight: 300;
}

.produit_card_header {
    position: relative;
    margin-bottom: 5rem;
}

.produit_card_header > span {
    margin-right: -10px;
}

.produit_card .prix_home {
    position: relative;
}
.produit_card .forfait-prix{
    position: absolute;
    top: -1.7rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.1rem;
}

#home_content #produits_block_content {
    justify-content: space-around;
}

/* Home Section univers */
#univers_block h2{
    text-align: center;
    margin-bottom: 5rem;
}
#univers_block_content .bx-wrapper{
    margin-left: auto;
    margin-right: auto;
}
#univers_block_content a {
    display: block;
    color: var(--color1);
}

#univers_block_content .cover_img {
    display: flex;
    height: 300px;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

#univers_block_content a:hover .cover_img{
    filter: brightness(75%);
}

/* Home section actus + avis */
.block_actus_c > div{
    justify-content: center;
    padding-left: 0;
    height: 24rem;
}
.block_actus_c > div + div{
    padding-right: 0;
    padding-left: 15px;
}
#home_content .block_actus_c ul{
    padding-left: 0;
}
#home_content .block_actus_c .icon-sep-right{
    font-size: 4px;
}
.block_actus_c .actus_content{
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    padding-left: .6rem;
    padding-right: .6rem;
    overflow: hidden;
}
.block_actus_c .actus_content p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
}
.block_actus_c .bx-wrapper {
    position: static;
}
.block_actus_c .actu_spe .bx-wrapper{
    margin-bottom: 2rem;
}
.block_actus_c .bx-wrapper .bx-prev,
.block_actus_c .bx-wrapper .bx-next {
    background-color: transparent!important;
    right: auto ;
    top: 55%;
    left: 1rem;
    margin-top: 0;
    text-indent: 0;
}
.block_actus_c .bx-wrapper .bx-next{
    right: 1rem;
    left: auto;
}

.block_actus_c .bx-wrapper .icon-arrow-prec,
.block_actus_c .bx-wrapper .icon-arrow-next {
    color: #C5B9A1;
    font-size: 3rem;
}

.note_avis{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.star_avis{
    width: 25px;
    margin: 0 3px;
}

/*Popin choix centre*/
#form_select_pdv{
    width: 40%;
    max-width: 700px;
    border-bottom: 30px solid var(--color1);
}
.logo_popup_pdv{
    max-width: 300px;
    margin-top: 30px;
    margin-bottom: 50px;
}
#form_select_pdv .text_popup{
    text-align: center;
    color: var(--color1);
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}
#form_select_pdv .custom_select{
    max-width: 240px;
    border: 1px solid var(--color1);
    background-color: #fff;
}

#form_select_pdv select{
    text-align: center;
    border-color: var(--color1);
    color: #b4babd;
}
#form_select_pdv .custom_select::after {
    background-color: #e1eaef;
}
#form_select_pdv .btn-md {
    padding: 1rem 2rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1.3rem;
}
.submit_popup_rdv{
    margin-top: 25px;
    margin-bottom: 35px;
}

/* mot bas fiche produit */

.commr, .commr h2, .commr p a, .commr h2 a
{
    color:#bbb;
}
.commr
{
    margin:3em 0;
    font-size:75%;
    text-transform:lowercase;
    line-height:1.2em;
    padding: 0 20px;
}
.commr strong
{
    font-weight:normal;
}
.commr p
{
    margin:0.2em 0;
    display:inline;
}
.commr h2
{
    font-size:100%;
    font-weight:normal;
    margin:0.6em 0 0 0;
    display:inline;
}

/* CMS */

#cms h2{
    text-align: left;
}
#cms h4 {
    color: #F69278;
}

#cms #chemin,
#plan-site #chemin {
    margin-bottom: 3rem;
}

#cms #contenu #bloc ul, #cms #contenu #bloc ol
{
    list-style-position:inside;
    overflow:hidden;
}
#cms #contenu #bloc ul li, #cms #contenu #bloc ol li
{
    margin:0.5em 0 0.5em 0.5em;
}


#cms table tr td{
    border-right:1px solid #e3e3e3;
}
#cms table tr td:last-child{
    border-right:none;
}
#cms table{
    /*border-collapse: separate;*/
    border-spacing: 3px;
    margin : 40px auto;
    max-width : 70%;
}
#cms table tr td,
#cms table tr th{
    text-align: center;
    /*font-weight:600;*/
    padding:5px 10px;
    vertical-align: middle;
}

#cms table tbody tr{
    height : 60px;
    vertical-align : middle;
}

#cms table thead tr{
    height : 80px;
}

#cms table thead th,
#cms table tbody td {
    width : 150px;
}

#cms li{
    list-style-type: inherit;
}

#cms .menu_header li{
    list-style-type: none;
}

/* fin CMS */


td.aVal .icon-close {
    font-size: 32px;
    color: #aba69f;
    cursor: pointer;
}

#panier .cart .quantity_container,
#article #panier .quantity_container {
    position : relative;
    height : 32px;
}

#article #promo.blocpromo{
    background-color: #F69278;
    color: #fff;
    padding: 0.5rem 2.5rem;
}

#article #quantite .title {
    float: left;
    margin-top: 6px;
    margin-right: 10px;
}

#article #quantite {
    display: inline-block;
}

#article #panier input,
#panier .cart .quantity_container input {
    border : 1px solid #ddd;
    border-radius : 2px;
    background : #ededed;
    line-height : 32px;
    height : 32px;
    padding : 3px 5px;
    width : 60px;
    text-align : center;
    margin: 0;
}

#panier .cart .quantity_container form{
    display: flex;
}

#panier .cart .quantity_container .less_qt,
#panier .cart .quantity_container .more_qt {
    display: inline-block;
    width: 22px;
    height: 32px;
    line-height: 30px;
    color: #888;
    font-size: 20px;
    background-color: #ededed;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

#panier .cart .quantity_container .less_qt{
    font-size: 25px;
    line-height: 25px;
}

#panier .cart .quantity_container .less_qt:hover,
#panier .cart .quantity_container .more_qt:hover {
    box-shadow: 0 0 0 .2rem rgba(210, 211, 209, 0.5)
}

#inpQty{
    font-size: 22px;
    padding: 6px 0 6px 5px;
}

#fiche #panier .cart .quantity_container input {
    display : block;
    margin : 0 auto;
}
#fiche #panier .icon-panier{
    font-size: 26px;
    padding-right: 8px;
    vertical-align: top;
}
#fiche #panier .text {
    font-weight: 700;
    font-size: 20px;
    vertical-align: top;
}

/* Tabs sur page article */

#article .nav-tabs {
    border-bottom: 2px solid #000;
}
#article .nav-tabs .nav-link{
    font-size: 14px;
    color: #000;
    padding: .5rem 0;
    text-transform: uppercase;
    margin-right: 4rem;
}
#article .nav-tabs .nav-link:focus, #article .nav-tabs .nav-link:hover {
    border-color: transparent;
}
#article .nav-tabs .nav-item.show .nav-link, #article .nav-tabs .nav-link {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid transparent;
}
#article .nav-tabs .nav-link{
    font-size: 13px;
    font-weight: 300;
}
#article .nav-tabs .nav-item.show .nav-link, #article .nav-tabs .nav-link.active {
    color: #000;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid #000;
    margin-bottom: 0;
}
#article .tab-content{
    min-height: 150px;
}
#article .tab-content > div{
    padding: 1.5rem 1rem;
    line-height: 2;
    margin-bottom: 0;
    font-size: 1.5rem;
}
#article .tab-content > div > p {
    margin-bottom: 0;
    font-weight: 300;
}

table.cart tbody tr {
    height: 78px;
    line-height: 78px;
    border: 1px solid #ABA6A0;
}
#description_tab img{
    max-width: 120px;
    max-height: 120px;
    margin: .5rem;
}

.btnpanier.dispo .textaddcart {
    display : inline-block;
}

.btnpanier.indispo .textnondispo {
    display : inline-block;
}
.btnpanier.rupture .textrupture {
    display : inline-block;
}
.linetextrupture.rupture {
    display: block;
}

#loading-paiement {
    width : 100%;
    z-index : 101;
    opacity : 0;
    display: none;
    transition : opacity .2s ease-in-out;
    text-align: center;
    font-size: 16px;
}

#loading-paiement.loading {
    opacity : 1;
    display: block;
}
#loading-paiement .sk-folding-cube {
    margin: 20px auto;
}

.bloc_cadeau{
    display: none;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f9f6f4;
    margin-top: 4rem;
}
.bloc_cadeau h2{
    text-align: center;
    color: #fff;
    font-size: 2.2rem;
    padding-top: 2rem;
    padding-bottom: 4.4rem;
    line-height: 1.3;
    position: relative;
}
.bloc_cadeau .titre_c{
    position: relative;
}
.bloc_cadeau .triangle_top{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position-y: bottom;
    height: 124px;
}
.bloc_cadeau .cadeau_rassu{
    width: calc(25% - 5px);
    text-align: center;
}
.bloc_cadeau .icon_cadeau{
    position: relative;
    max-width: 90px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}
.bloc_cadeau .rassu2 .icon_cadeau,
.bloc_cadeau .rassu4 .icon_cadeau{
    max-width: 130px;
    margin-top: -20px;
    height: 140px;
}
.bloc_cadeau .rassu3 .icon_cadeau{
    max-width: 120px;
}
.bloc_cadeau .numero_etape_bon{
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    border-radius: 50%;
    color: #fff;
    background-color: #361400;
    position: absolute;
    left: -20px;
    bottom: 25px;
}

.bloc_cadeau h3{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}
.bloc_cadeau h3::after{
    content: "";
    display: block;
    background: url("../../img/bon_cadeau/after_title.svg") no-repeat center;
    height: 4px;
}
.cadeau_rassu p{
    font-size: 12px;
    color: var(--color1);
    padding: 0 1rem;
}
.triangle_bottom_c{
    position: relative;
    height: 126px;
    margin-top: 1rem;
}
.triangle_bottom_c .btn-custom.btn-primary{
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
}
#article .pres_prod{
    margin-top: 3rem;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    justify-content: center;
}

#article .produit_card > .link_block_card {
    margin-bottom: 0;
}

/* GRID CMS */

#grid_builder * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#grid_builder .content {
    margin : 10px 0;
}

#grid_builder .content + .content {
    margin : 0;
}

#grid_builder .content.type-video {
    width : 100%;
    padding-top : 56%;
    height : 0;
    position : relative;
}

#grid_builder .content.type-video .abs_ratio {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
}

#grid_builder .content.type-video iframe {
    max-width : 100%;
    min-width : 100%;
    display : block;
    height : 100%;
    position : absolute;
    top : 0;
    left : 0;
}

#div_dbg {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 10px;
    font-size: 12px;
    word-break: break-all;
    word-wrap: break-word;
    color: #7b8a8b;
    background-color: #ecf0f1;
    border: 1px solid #cccccc;
    text-align: left;
    font-family: 'Arial', sans-serif;
    line-height: 1.5;
}

/*Espace perso*/
#home_backoffice h1 .btn-custom,
#espace-collaborateur h1 .btn-custom {
    float: right;
    letter-spacing: 0;
}

/* Espace collaborateur */
#espace-collaborateur #qualispa,
#espace-collaborateur #aside-content{
    display: none;
}
#espace-collaborateur #home_backoffice {
    padding-bottom: 30px;
}
#espace-collaborateur .h2 {
    font-size: 3rem;
}
#espace-collaborateur .h2 .btn-custom{
    float: right;
}
#espace-collaborateur .link_espace_client {
    display: flex;
    align-items: center;
}
#espace-collaborateur .link_espace_client .icon{
    font-size: 3.5rem;
    margin-right: 1rem;
}
#espace-collaborateur .link_espace_client .h4{
    text-transform: none;
    font-size: 2rem;
    margin-bottom: 0;
}
#espace-collaborateur .btn-custom{
    padding: 5px 20px;
    font-size: 1.6rem;
}
#espace-collaborateur .icon-exclamation {
    margin-left: 5px;
}
.bloc_cagnotte_c{
    margin-top: 20px;
}
.bloc_cagnotte_c .h3 {
    margin-bottom: 20px;
}
.bloc_cagnotte_double{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cat_header_menu li.current a{
    color: #fff !important;
}
.bloc_cagnotte{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
}
.bloc_cagnotte .montant{
    font-size: 30px;
    font-weight: 700;
    margin-right: 5px;
}
.bloc_cagnotte.bloc_cagnotte_xl{
    justify-content: center;
    height: 150px;
    font-size: 45px;
    font-weight: 700;
}
.planning_c .control-mobile,
.planning_c .horaires_mobile {
    display: none;
}
.planning_c .planning_card{
    width: calc(100% / 7 - 24px);
    padding: 12px;
}
.planning_c .liste_jours .planning_card{
    padding-bottom: 5px;
}
.planning_c .planning_card.current{
    position: relative;
    color: #fff;
}
.planning_c .liste_horaires .planning_card.current::after{
    content: '';
    position: absolute;
    height: 45px;
    bottom: -48px;
    left: 0;
    right: 0;
    display: block;
}
.planning_c .liste_jours{
    display: flex;
    justify-content: space-between;
    line-height: 1.2;
}
.planning_c .liste_horaires{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.planning_c .liste_horaires .control{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    font-size: 25px;
}
.planning_c .liste_horaires .control.control-prev{
    left: -25px;
}
.planning_c .liste_horaires .control.control-next{
    right: -25px;
}
.cat_header_menu li:not(.current) a:hover{
    color: #fff;
}
#espaceClientInt .cat_header_menu li.current a:hover{
    cursor: default;
}
.ventes_produits table,
.tableau_planning_editer table,
.tableau_planning_editer table .form-control{
    font-size: 16px;
}
.tableau_planning_editer .table tbody tr:first-child{
    text-align: center;
    height: 60px;
}
.ventes_produits table tr,
.ventes_produits table td,
.tableau_planning_editer table tr,
.tableau_planning_editer table td{
    height: 40px;
    vertical-align: middle;
}
.ventes_produits table tbody tr:nth-child(2n+1),
.tableau_planning_editer table tbody tr:nth-child(2n+1){
    background-color: #eee;
}
.planning_editer .h2{
    font-size: 3rem;
}

/* /Espace collaborateur */

#home_backoffice .card_gestion_backoffice_c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#home_backoffice .card_gestion_backoffice {
    width: calc(100% / 2 - 4rem);
}
#home_backoffice .card_gestion_backoffice .btn-custom > span{
    margin-top: auto;
    margin-bottom: auto;
}
#home_backoffice .card_gestion_backoffice .icon{
    display: inline-block;
    width: 4rem;
    font-size: 2.5rem;
    margin-right: 3rem;
    vertical-align: middle;
}

#home_backoffice .card_gestion_backoffice .icon-reservation{
    font-size: 4rem;
}

#index-espace-client .btn-custom.btn-arrow2{
    background-size: cover;
    padding: 1.8rem 4.1rem;
}

#home_backoffice .btn-custom.btn-outline-primary.btn-lg {
    display: flex;
    padding: 0.5rem 3rem;
    height: 65px;
    line-height: 1.2;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    font-size: 2rem;
}

#home_backoffice .btn-custom.btn-outline-primary.btn-lg:active {
    background-color: var(--color1);
    border-color: var(--color1);
    box-shadow: none;
}
#home_backoffice .btn-custom.btn-outline-primary.btn-lg:focus {
    box-shadow: none;
}

#espaceClientInt table.TH1,
#espaceClientInt table.table_cheques{
    width: 100%;
    text-align: center;
}
#espaceClientInt .table_container table.TH1,
#espaceClientInt .table_container table.table_cheques{
    border: solid 5px var(--color1);
    margin-top: .8rem;
    font-size: 1.2rem;
}
#espaceClientInt table .product_line {
    height: 50px;
}
#bon_cadeau label{
    display: block;
    font-size: 1.5rem;
}
#kdo_code{
    max-width: 350px;
    height: 45px;
}
#reservation .h3{
    margin-bottom: 1.5rem;
    text-align: center;
}
#fiche .bordered_block{
    border: 3px solid var(--color1);
    padding: 1.5rem 1rem;
}
#reservation .loader{
    height: 458px;
}
#reservation .list_detail_pack {
    padding: 0.4rem;
}
#recap_bon_cadeau > .h3{
    margin-top: 3.2rem;
}
#recap_bon_cadeau #fiche{
    margin-bottom: 3rem;
}
#disponibilites{
    margin-top: 5.2rem;
}
#recap_reservation,
#merci{
    margin-top: auto;
    margin-bottom: auto;
}
/*#reservation .agenda-colonnes-body{*/
/*    max-height: 360px;*/
/*    overflow-x: auto;*/
/*    margin-top: 1rem;*/
/*    margin-bottom: 2rem;*/
/*    scrollbar-color: #1F8F96 rgba(0,0,0,.15);*/
/*    scrollbar-width: thin;*/
/*}*/
/*#reservation .agenda::-webkit-scrollbar {*/
/*    width: .6rem;*/
/*    background-color: rgba(0,0,0,.15);*/
/*}*/
/*#reservation .agenda::-webkit-scrollbar-thumb  {*/
/*    background-color: #1F8F96;*/
/*}*/
/*#reservation .agenda .agenda-colonnes-header > div,*/
/*#reservation .agenda .agenda-colonne{*/
/*    width: 12%;*/
/*}*/
#lostpassword input[type="email"]{
    max-width: 400px;
}

/* Table achat*/
#espaceClientInt #detail{
    border: solid 5px var(--color1);
    margin-top: .8rem;
    margin-bottom: .8rem;
    font-size: 1.2rem;
}
#espaceClientInt #detail .totalshopline{
    margin-bottom: 0;
}
#espaceClientInt table.TH1 .product_line{
    display: table-row;
}
#espaceClientInt table.TH1 .product_line:nth-child(even) {
    background-color: #EAEAEA;
}

/* Table chèques kdo*/
#espaceClientInt table.table_cheques .product_line{
    border-bottom: none;
    display: table-cell;
}
#espaceClientInt table.table_cheques{
    margin-bottom: 1rem;
}
#espaceClientInt table.table_cheques tbody tr:nth-child(even){
    background-color: #EAEAEA;
}

/* Page avis */
.card_avis{
    padding: 1rem;
    margin-bottom: 2.5rem;
    -moz-box-shadow: 2px 2px 5px 0 #cfcfcf;
    -webkit-box-shadow: 2px 2px 5px 0 #cfcfcf;
    -o-box-shadow: 2px 2px 5px 0 #cfcfcf;
    box-shadow: 2px 2px 5px 0 #cfcfcf;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);
}
.card_avis .date_avis{
    margin-bottom: 0;
}
.card_avis .temoignage{
    height: 156px;
    overflow: hidden;
    text-overflow : ellipsis;
}

.card_avis .source_avis_c{
    text-align: right;
    font-size: 1.2rem;
}

/* Page news */


/*liste des news*/

#news .title_news{
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
#news .title_c{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 2rem;
}
#news_content .icon-bulle {
    display: inline-block;
    font-size: 6rem;
}
#news .img_news img {
    max-width: 100%;
    height: 220px;
}
#news .news_list{
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border: 1px solid var(--color1);
}
#news .news_list .img_news{
    height: 248px;
}
#news .bloc_actu h3{
    font-size: 1.8rem;
    margin-top: 1rem;
    padding: 0 .5rem;
    height: 4.4rem;
    line-height: 1.1;
    overflow: hidden;
}
#news .news_txt{
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.3;
    height: 5.6rem;
    overflow: hidden;
    margin-bottom: 2rem;
    padding: 0 .5rem;
}

/*news active*/
#news .bloc_actu{
    padding-bottom: 3rem;
}
#news .bloc_actu .actif{
    margin-bottom: 5rem;
}
#news .bloc_actu .actif .date{
    color: var(--color1);
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 0.2rem;
    padding-right: .5rem;
}
#news .bloc_actu .actif h1{
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1.6rem;
}
#news .bloc_actu .actif h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color1);
    text-transform: initial;
    line-height: 1.3;
}
#news_content .actif .news_txt{
    height: auto;
    overflow: visible;
    margin-bottom: 2rem;
    padding: 0 .5rem;
}
#news_content .news_liste > a{
    display: block;
    padding-bottom: 2rem;
}
#news_content .news_liste > a:hover {
    -moz-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -webkit-box-shadow: 3px 3px 6px 0 #cfcfcf;
    -o-box-shadow: 3px 3px 6px 0 #cfcfcf;
    box-shadow: 3px 3px 6px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=6);
}
#news .actif .news_txt p{
    font-weight: 300;
}
#news .actif .bx-wrapper{
    margin-bottom: 0;
}

/* page article en iframe */

body.iframe_design {
    width : 100%;
}

body.iframe_design #menu-desktop,
body.iframe_design #right_banner,
body.iframe_design .menu_theme,
body.iframe_design .bloc_description .navigation,
body.iframe_design #btn-acheter,
body.iframe_design #fiche #desproduit a,
body.iframe_design #demande-kit,
body.iframe_design .upper_section > aside,
body.iframe_design #menu_launcher,
body.iframe_design #bandeauf,
body.iframe_design #chemin {
    display : none;
}

body.iframe_design #contenu {
    margin : 0;
}

body.iframe_design #contenu {
    width: 100%;
}

/* Page toutes nos marques */
#marques .bloc_img{
    display: inline-block;
    height: 130px;
    width: 100%;
    position: relative;
}
#marques .bloc_img img{
    display: block;
    max-width: 240px;
    max-height: 120px;
    margin: 0 auto;
    transition: all .3s ease-in-out;
    opacity: .7;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
}
#marques .bloc_img:hover img{
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
#marques p{
    text-align: center;
}
#marques .desc_block{
    padding: 0 .5rem;
}

/* Page pdv spé */
#pdv_page .cover_img{
    height: 9rem;
}
#pdv_page .box{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
#pdv_page header{
    margin-top: 3rem;
}
#pdv_page .header_link{
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}
#pdv_page .header_link div{
    margin: 0 1rem;
}
#pdv_page .header_link a{
    display: inline-block;
    width: 185px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color2);
    border: 1px solid var(--color2);
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
#pdv_page .header_link div:last-child a{
    color: #fff;
    background-color: var(--color2);
}
#pdv_page .header_link a:last-child:hover{
    color: var(--color2);
    background-color: #fff;
}
#pdv_page h1.titre_oiseau {
    font-family: 'Eras ITC', Arial, Helvetica, sans-serif;
}
#pdv_page .h2{
    font-size: 1.8rem;
    color: var(--color1);
    text-transform: none;
    text-align: center;
    line-height: 1.4;
}
#pdv_page .h2.big-title{
    font-size: 2.5rem;
    max-width: 65rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#pdv_page .h3{
    color: var(--color1);
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1.6rem;
}
#pdv_page img{
    margin-top: auto;
    margin-bottom: auto;
    max-width: 100%;
}
#pdv_page img.star_level {
    width: 3rem;
}
#pdv_page .image-block .flex{
    display: -webkit-box;
}
#pdv_page p{
    font-family: 'Eras ITC', Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    max-width: 450px;
    color: #000;
}
#pdv_page .btn-custom{
    text-transform: none;
    border: 1px solid var(--color1);
    font-size: 1.8rem;
    font-weight: 700;
    padding: 1rem 6rem;
}
#pdv_page .schedule{
    text-align: center;
    color: var(--color1);
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 280px;
}
#pdv_page .schedule span{
    display: flex;
    justify-content: space-between;
}
#pdv_page .schedule h3{
    margin-bottom: 0.8rem;
}
#pdv_page .schedule .day{
    width: 110px;
    text-align: left;
}
#pdv_page .schedule-block .h2{
    font-weight: 700;
    text-transform: uppercase;
}
#pdv_page .schedule-block .icon-sep-right{
    text-align: center;
    margin-bottom: 0.8rem;
}
#pdv_page .schedule-block .icon-sep-right::before{
    font-size: .3rem;
}
#pdv_page .schedule-block .block_adresse,
#pdv_page .schedule-block .block_adresse a{
    font-family: 'Eras Demi ITC', Arial, Helvetica, sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
}
#pdv_page .schedule-block .block_adresse a:hover{
    color: var(--color1);
}
#pdv_page #map{
    height: 100%;
}
#pdv_page .paiement-block .h3{
    margin-bottom: .8rem;
}
#pdv_page .paiement-block ul{
    justify-content: center;
    padding-left: 0;
}
#pdv_page .paiement-block li{
    margin-top: auto;
}
#pdv_page .paiement-block .icon{
    font-size: 4.5rem;
    margin: 0 1rem;
    color: #D1C6B6;
}
#pdv_page .paiement-block .icon.icon-pmt_ESP{
    font-size: 3.6rem;
}

/* PLAN DE SITE */
#sitemap_content { margin:2em auto; }
#sitemap_content ul,
#sitemap_content ul li { margin:auto; padding:0; }
#sitemap_content ul {
    margin:1em auto 2em auto;
    font-size:16px;
    line-height: 1.3;
}

#sitemap_content .nb_1 {
    margin-left:auto;
}
#sitemap_content .h1 {
    color:var(--color1);
    text-align: center;
}

#sitemap_content .h2 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 1em;
}
#sitemap_content .nb_1 .icon-sep-right,
#sitemap_content .nb_1 .icon-sep-left {
    font-size: 3px;
}
#sitemap_content .nb_1.h3 {
    font-size: 25px;
    text-align: center;
}
#sitemap_content .nb_2 {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    text-align: center;
}
#sitemap_content .nb_2 a {
    color: #000;
}
#sitemap_content .nb_2 a:hover,
#sitemap_content .nb_2 a:focus {
    color: var(--color1);
}

.btn-custom:hover .spinner:after {
    border: 3px solid var(--color2);
    border-color: var(--color2) transparent var(--color2) transparent;
}

.btn-custom .spinner {
    position: relative;
    top: -10px;
}

.spinner:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin: 8px;
    border-radius: 50%;
    border: 3px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: loader-animation 1.2s linear infinite;
}
@keyframes loader-animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/**************** MEDIA QUERY ***********************/

/* Bootstrap 4
.col- (extra small devices - screen width less than 576px)
.col-sm- (small devices - screen width equal to or greater than 576px)
.col-md- (medium devices - screen width equal to or greater than 768px)
.col-lg- (large devices - screen width equal to or greater than 992px)
.col-xl- (xlarge devices - screen width equal to or greater than 1200px)
*/





/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /* content home page */
    #home_content .icon-bulle {
        left: 0;
    }

    #home_content .icon-quote {
        left: 0;
    }
}

@media screen and (max-width: 1200px) {

    .icon-sep-right, .icon-sep-left {
        font-size: 0.3rem;
    }

    .slider_content {
        padding: 20px;
    }

    .slider .titre, .noslideshow .titre {
        max-height: 96px;
        line-height: 1.2;
        font-size: 40px;
    }

    .slider .slider_text, .noslideshow .slider_text {
        font-size: 24px;
    }

    .slider_container .textslider {
        max-width: 33rem;
    }

    .slider .btn, .noslideshow .btn {
        margin-top: 20px;
    }

    .slider .slider_text::before,
    .noslideshow .slider_text::before {
        margin: 15px auto;
    }

    #offres_block_cadeau h2 {
        font-size: 3.6rem;
    }

    .block_actus_c .bx-wrapper .bx-prev {
        left: 0;
    }

    .block_actus_c .bx-wrapper .bx-next {
        right: 0;
    }

    #logo {
        top: 10px;
    }

    #logo img{
        max-height: 76px;
    }

    #header #baseline {
        font-size: 30px;
    }

    #header.sticky #menu-principal.mp-menu > ul {
        padding-left: 0;
    }

    #header.sticky .mp-menu #menu-principal > ul > li > a {
        padding: 0.7em 0.2em;
        font-size: 12px;
    }

    #infos {
        max-width: 185px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #mh {
        height: 32px;
    }

    #univers_block_content > div {
        margin-bottom: 3rem;
    }

    .cat_header_menu ul {
        text-align: center;
    }

    /* category */
    .produit_card_header::before {
        background-size: 150px;
        top: 24px;
        left: 30px;
        width: 50px;
        height: 35px;
    }

    .produit_card_header::after {
        background-size: 150px;
        top: 26px;
        right: 16px;
        width: 50px;
        height: 35px;
    }

    /* produit */
    #fiche #blocimg .main_image li figure {
        height: 520px;
    }
    #fiche .duo_exist {
        margin-left: 0;
    }
    #fiche .btnpanier .icon{
        font-size: 2rem;
    }

    /* tunnel */
    .step li a,
    #espaceClientInt .step li a {
        display: block;
    }

    .step li a .circle {
        top: 13px;
        left: 10px;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    .step li a .aheight {
        margin-left: 32px;
        font-size: 90%;
    }

    #panier-recap .bloc_code_promo #inpcr {
        max-width: 235px;
    }

    /* Page réservation */
    /*#reservation .agenda .agenda-colonnes-header > div, #reservation .agenda .agenda-colonne {*/
    /*    width: 11%;*/
    /*}*/

    /* Footer */
    #logo_f{
        margin-top: 1rem;
        margin-left: auto;
        margin-right: auto;
    }

    /* Esapce collaborateur */
    .bloc_cagnotte{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .planning_c .planning_card{
        width: calc(100% / 7 - 10px);
        padding: 20px 5px;
    }
    .planning_c .liste_jours .planning_card{
        font-size: 14px;
    }
    #espace-collaborateur .h2 > span{
        display: block;
    }
    #espace-collaborateur .h2 .btn-custom{
        float: none;
    }
}

@media screen and (max-width: 1024px) {
    .fancybox-container #full_descript {
        width:auto;
    }

    body { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
    body { /*border:2px solid #F00; background: green;*/ }

    #div_dbg { display:none !important;} /* desactive debug */


    /**** COLONNE ***/
    #colonne1, #colonne2
    {
        position:relative;
        float: none;
        width: auto !important;
        padding:0;
        /*background:#FCC;*/
    }
    #colonne1f, #colonne2f { min-height:inherit !important; padding:0; }

    #conteneur, #colonne1, #colonne2
    {
        margin:40px 0;
    }

    #right_banner {
        display : block;
    }

    /********** BANDEAU ***********/
    #bandeau
    {
        position:relative;
        margin:auto;
    }

    #menu-desktop{
        width: 400px;
    }
    #menu-desktop #logo
    {
        display: none;
    }

    .searchbar {
        right: -5px;
        top: 5px;
    }

    .mp-menu ul li:hover > ul.smenu {
        display: none;
    }
    .mp-menu ul li {
        display: block;
    }

    #scrollrecherche {
        position: relative;
        right:inherit;
        top: inherit;
        width: auto;
        z-index: 3;
        margin-top:-3px;
    }
    #baseline{
        display: none;
    }
    /* menu header */

    /* chemin */
    #chemin {
        font-size: 100%;
    }


    /********** MENU ***********/
    /********** MENU HAUT ***********/



    /*** Acces rapide Contenu haut page ***/

    #acces { right: 0.3em; }
    #acces00.masque { height:auto; left:auto; overflow:auto; position:relative; top:auto; width:auto; }
    #accesmenu li { color: #ccc; }
    #accesmenu li a
    {
        line-height:28px; /* bug ie8 */
        padding:0.5px 10px 0.5px 11px;
        margin:0;

        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;

        -o-transition: color .3s ease-in, background-color .5s ease-out;
        -webkit-transition: color .3s ease-in, background-color .5s ease-out;
        -moz-transition: color .3s ease-in, background-color .5s ease-out;
        transition: color .3s ease-in, background-color .5s ease-out;
    }
    #accesmenu #acces02 a {

        padding-right: 20px;
    }
    #accesmenu li a:hover,
    #accesmenu li a:focus,
    #accesmenu li a:hover strong
    {
        background-color:#ccc !important;
    }


    /* mots */
    #mots { display:none; }

    /* Slider*/
    .slider_content {
        padding: 10px;
    }
    .bx-wrapper .bx-pager {
        bottom: 2%;
    }
    .slider .titre, .noslideshow .titre {
        max-height: 40px;
        line-height: 1;
        font-size: 30px;
    }
    .slider .slider_text, .noslideshow .slider_text {
        font-size: 20px;
        max-height: 128px;
    }
    .slider .slider_text::before, .noslideshow .slider_text::before {
        margin: 10px auto;
    }
    .slider .btn, .noslideshow .btn {
        margin-top: 0;
    }

    /* ----------------------------------------------------------------- */
    /* LISTE PRODUITS
    /* ----------------------------------------------------------------- */
    /* bloc titre & description */
    .navliste {
        font-size: 120%;
        margin: 1em 0;
        text-align: justify;
    }
    .navliste a, span.precedent, span.suivant
    {
        padding:2px 15px;
        width: auto;
    }

    /* liste produits */

    ul.pres_prod {
        text-align : center;
    }

    ul.pres_prod li {
        display : inline-block;
        float : none;
        vertical-align: top;
    }

    /* panier */

    .step li.active .step_panier .marginleft{
        margin-left: 1.3em;
    }

    #scrollpanier {
        margin-left: 0;
        margin-top: 0;
    }
    #top, #bottom, #masquepanier { display:none; }

    /* tunnel commande */

    .thead {
        display : none;
    }

    .table .img_container {
        max-width : 60px;
        max-height : 50px;
        margin : 0 10px 0 10px;
    }

    .td.desc_block {
        width : 60%;
        float : left;
        position : relative;
    }

    .table .img_container + .aheight {
        width : calc(100% - 80px);
        min-width : 70px;
    }

    .td.uprice_block {
        width : 20%;
        float : left;
    }

    .td.price_block {
        width : 20%;
        height : 60px;
        line-height : 60px;
        position : absolute;
        top : 0;
        right : 0;
    }

    .td.qt_block {
        width : 60%;
        float : left;
        text-align : left!important;
    }

    .td.qt_block .quantity_container {
        padding : 0 20px 0 80px;
    }

    #panier .cart .qt_up, #panier .cart .qt_down {
        right : 0;
    }

    #panier .cart .qt_up {
        top : 0;
    }

    #panier .cart .qt_down {
        bottom : 0;
    }

    .td.dispo_block {
        width : 20%;
        float : left;
        line-height : 60px;
    }


    .table .td .mobile-only {
        font-size:70%;
    }

    /* paiement */
    .cart, .TH1 {
        font-size:90%;
        min-width : 400px;
    }

    table.TH1 {
        border-collapse: collapse;
    }

    /* fiche produit */

    #fiche #blocimg .main_image li figure{
        height: 395px;
    }

    #conteneur_vignette{
        width: calc(100% - 30px);
    }

    /* espace client */
    #espaceClientLogin,
    #espaceClientInscription { display:block; float:none; width:auto; margin: 1em 0;}

    /* mot bas fiche produit */
    .commr { display:none; }

    #footer #label_f img {
        margin: .4rem 0.6rem;
    }

    #footer .f_description #logo_f,
    #footer .f_description > p{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media screen and (max-width: 991px) {

    .tablette-only {
        display: block;
    }

    .button {
        padding: 9px 13px;
        font-size: 18px;
    }

    .slider_container.main_slider {
        margin-bottom: 1rem;
    }

    .slider_container .bx-viewport,
    .slider_container .slider,
    .slider_container .noslideshow,
    .slider_container .slide{
        height: 230px!important;
    }

    .slider .slider_text, .noslideshow .slider_text {
        line-height: 1.3;
    }

    .slider .titre, .noslideshow .titre {
        max-height: 32px;
        min-height: 0;
    }

    .slider .btn, .noslideshow .btn {
        padding: 0 25px;
        line-height: 35px;
        font-size: 22px;
        margin-top: 1rem;
    }

    #description_block h1 {
        font-size: 3.2rem;
    }

    #offres_block_cadeau label{
        margin-top: 1rem;
    }

    #offres_block_cadeau .bg-grey a,
    #offres_block_cadeau .bg-grey button[type="submit"]{
        padding: .8rem 0.5rem;
    }

    #offres_block_cadeau .bg-grey.left-col a{
        margin-bottom: 2.4rem;
    }
    #univers_block h2{
        margin-bottom: 3rem;
    }

    .made_fr {
        text-align: center;
    }

    .title_new {
        text-align: center;
        margin: 5px 0 20px 0;
    }

    #map_c {
        height: auto;
    }

    #map_c .infos_boutique_c {
        text-align: center;
    }

    #header #logo img{
        width: 200px;
        margin-left: 10px;
    }

    #footer .title {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: .6rem;
        padding-bottom: .6rem;
        position: relative;
    }

    #footer .blocfooter {
        flex-direction: column;
        align-items: center;
    }

    #footer .footer_bot{
        padding: 3rem;
        justify-content: center;
    }
    #footer .footer_bot .f_description {
        margin-left: auto;
    }

    #logo_f{
        order: -1;
        margin-bottom: 2rem;
        margin-left: auto;
        margin-right: auto;
    }

    /* Home */

    #home_content .icon-bulle {
        font-size: 55px;
    }
    #home_content .icon-quote {
        left: 105px;
    }
    .block_actus_c .text{
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    #facebook_home h3{
        font-size: 2.2rem;
    }
    #ideopass{
        margin-top: 2.4rem!important;
    }

    /* Card produit */
    #produits_block_content{
        margin-top: 3rem;
    }
    .produit_card .icon-sep-left, .produit_card .icon-sep-right {
        font-size: 3px;
    }
    .produit_card {
        font-size: 1.8rem;
    }

    /*Page catalogue liste */
    #menuBest .cat_header_content {
        margin-top: 1rem;
    }

    #liste_presta{
        padding-left: 0;
        margin-left: -25px;
        margin-right: -25px;
    }

    #liste_presta li form {
        margin-left: auto;
        margin-right: auto;
        min-width: 0;
    }

    #liste_presta li {
        flex-wrap: wrap;
        border-bottom: 1px solid var(--color1);
    }

    #liste_presta .right_block {
        width: 100%;
        margin-bottom: 1rem;
        border-bottom: none;
    }

    #liste_presta li .btn-custom{
        width: 260px;
    }

    #liste_presta li .dispo_presta {
        opacity: 1;
    }

    /* page article */
    .nav-tabs .nav-link {
        margin: 0 1.8rem;
    }

    /* espace perso */
    #home_backoffice .card_gestion_backoffice {
        width: calc(100% / 2 - 2rem);
    }
    #home_backoffice .btn-custom.btn-outline-primary.btn-lg{
        font-size: 1.6rem;
        padding: 0.5rem 1.5rem;
    }
    #cli_email,
    #cli_mdp{
        min-width: 150px;
    }

    /*Panier*/
    #espaceClientInt .account_percent{
        order: 1;
        margin-bottom: 1rem;
    }
    #espaceClientInt .rdv_block{
        order: 2;
    }

    /*#panier .cart .quantity_container input {*/
    /*    height: 40px;*/
    /*}*/

    #panier .cart .qt_up, #panier .cart .qt_down {
        right: 5px;
    }

    #panier .cart .qt_up {
        top: 7px;
    }

    #panier .cart .qt_down {
        bottom: -3px;
    }

    .product_line .product-libelle {
        width: calc(100% - 200px);
        font-size: 15px;
    }

    #panier-recap .bloc_code_promo,
    #panier-recap .bloc_code_promo .td{
        display: block;
    }
    #panier-recap .bloc_code_promo #inpcr {
        max-width: 220px;
    }
    #panier-recap-content .tr.product_line.first_line{
        height: 60px;
    }
    #panier-recap-content .tr.product_line.first_line .td{
        vertical-align: top;
    }
    #panier-recap .sticky_block h1{
        font-size: 2.5rem;
        line-height: 1.2;
    }
    #panier-recap .help_recap{
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    #panier-recap #panier_action .icon {
        display: none;
    }
    .panier_ideopass .icon-time{
        margin-bottom: -2rem;
    }
    .panier_ideopass .icon-time + span{
        float: right;
        text-align: right;
        margin-top: -1rem;
        margin-right: 0.5rem;
    }
    #news .img_news img {
        height: auto;
    }
    #panier-recap #panier-recap-content .btn-custom {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    #panier-recap #panier-recap-content #panierCodesRemises input[type="submit"] {
        padding: 5px 5px;
        margin-left: -7px;
        min-width: 75px;
    }
    #panier .icon.fontsize4rem {
        font-size: 3rem;
    }
    #panier .section_title_cart {
        padding: 15px 15px 15px 30px;
    }
    #infos {
        margin-left: 8px;
    }
    .infobulle.disabled::after,
    .infobulle.disabled:hover::after,
    .infobulle.disabled:focus::after {
        top: 3.5em;
    }
    .agenda-colonnes-header {
        font-size: 1.2rem;
    }
    .agenda button {
        font-size: 1.4rem;
        padding: 9px 2px;
    }
    .agenda .agenda-colonnes-header {
        font-size: 1.2rem;
        margin-right: .2rem;
    }
    .agenda .agenda-colonnes-header > div,
    .agenda .agenda-colonne {
        width: calc(100% / 7 - .2rem);
        margin: 0 .1rem;
    }
    .agenda .agenda-colonne > div {
        margin-top: .8rem;
    }

    /* Tunnel */

    .step li,
    .step li:last-child {
        width: calc(25% - 5px);
        margin-right: 5px;
    }
    .step li.total_step_5,
    .step li.total_step_5:last-child {
        width: calc(20% - 5px);
    }
    .step li a .aheight {
        margin-left: 0;
    }

    .step li .step_panier::before,
    .step li .step_panier::after,
    .step li.active .step_panier::before,
    .step li.active .step_panier::after{
        content: none;
    }

    .step li.active .step_panier .marginleft,
    .step li .step_panier .marginleft{
        margin-left: 0;
    }
    .step .white_arrow_before,
    .step .white_arrow_after{
        display: none;
    }

    /* Contact */
    .header_contact .logo_centre {
        right: 0;
    }
    .logo_centre > img {
        max-width: 150px;
    }
    #coordonnees_contact .h3 {
        font-size: 2.6rem;
    }

    /* Page pdv */

    #pdv_page .btn-custom {
        font-size: 1.6rem;
        padding: 1rem 2rem;
    }
    #pdv_page .h3 {
        font-size: 1.7rem;
    }
    #pdv_page p {
        font-size: 1.4rem;
    }
    #pdv_page .h2.big-title {
        font-size: 2.2rem;
    }
    #pdv_page .header_link a {
        width: 145px;
    }

    /* Espace collaborateur */
    .planning_c .liste_jours .planning_card{
        font-size: 14px;
    }

    /* Footer */
    .footer_bot{
        flex-direction: column;
    }
    .footer_bot .footer_bot_links{
        width: 100%;
    }
}

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

    #qualispa {
        height: 70px;
        bottom: 20px;
    }
    #qualispa .qualispa-chiffres span {
        font-size: 2rem;
    }
    #qualispa .qualispa-logo {
        width: 106px;
    }
    #qualispa .qualispa-logo img {
        width: 80%;
    }
    #qualispa .qualispa-chiffres {
        font-size: 1.2rem;
        padding-top: 1.5rem;
    }

    .bx-wrapper .bx-pager {
        bottom: 13%;
    }

    .cat_header_menu > div > ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .card_gestion_backoffice{
        margin-bottom: 1rem!important;
        margin-top: 1rem!important;
    }

    .custom-form label,
    .custom-form .label {
        margin: auto auto auto 0;
    }

    #mh {
        display : block;
    }

    body { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }

    #div_dbg { display:none !important; } /* desactive debug */

    /* Largeur élément général de la page */
    #bandeau, #contenu, .largeur, #mots, #boitepanier, #boiterecherche
    {
        max-width:inherit;
        min-width:inherit;
        width:auto;
    }

    #contenu{
        margin-left: 0;
    }

    #bloc {
        width : 100%;
    }

    /**** COLONNE ***/
    #colonne1, #colonne2
    {
        position:relative;
        float: none;
        width: auto;
        padding:0;
        /*background: burlywood;*/
    }
    #colonne1f, #colonne2f { min-height:inherit !important; padding:0; }
    #conteneur, #colonne1, #colonne2
    {
        margin:40px 0;
    }

    /********** BANDEAU ***********/

    #bandeauf, #contenu, .largeur, .container {
        max-width : 100%;
        min-width : 0;
    }


    /********** BANDEAU ***********/

    #bandeauf #logo{
        display: block;
    }

    #acces .contact {
        display : none;
    }

    #scrollrecherche {
        position: relative;
        right:inherit;
        top: inherit;
        width: auto;
        z-index: 3;
        margin-top:-3px;
    }
    #scrollpanierf {
        right: 0;
        display:none;
    }


    /*** Acces rapide Contenu haut page ***/

    #acces { right: 0.3em; }
    #acces00.masque { height:auto; left:auto; overflow:auto; position:relative; top:auto; width:auto; }
    #accesmenu li { color: #ccc; }
    #accesmenu li a
    {
        line-height:28px; /* bug ie8 */
        padding:0.5px 10px 0.5px 11px;
        margin:0;

        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;

        -o-transition: color .3s ease-in, background-color .5s ease-out;
        -webkit-transition: color .3s ease-in, background-color .5s ease-out;
        -moz-transition: color .3s ease-in, background-color .5s ease-out;
        transition: color .3s ease-in, background-color .5s ease-out;
    }
    #accesmenu #acces02 a {

        padding-right: 20px;
    }
    #accesmenu li a:hover,
    #accesmenu li a:focus,
    #accesmenu li a:hover strong
    {
        background-color:#ccc !important;
    }


    /********** MENU ***********/
    /********** MENU HAUT ***********/

    #mh > .mobile_header {
        width : 100%;
        height : 40px;
        float : none;
        background : #028E02;
        color : #ffffff;
    }

    #mh #logo_mh {
        display : block;
        height : 30px;
        width : 100px;
        float : left;
        margin : 5px;
    }

    #mh #logo_mh a {
        margin : 0;
        padding : 0;
        display : block;
    }

    #mh #logo_mh img {
        max-height : 40px;
    }

    #mh #mh_close {
        cursor : pointer;
        width : 40px;
        height : 40px;
        position : absolute;
        top : 0;
        right : 0;
    }

    #mh ul
    {
        margin-left:0; /* annule marge */
        line-height:60px;
    }
    #mh a
    {
        display:block;
        line-height : 40px;
        height : 40px;
        padding : 0 0 0 20px;
        border : 0;
        font-weight : 700;
        font-size : 12px;
        text-transform : none;
    }

    #mh a:hover,
    #mh a:focus    {
        border : 0;
    }

    #mh .blocsmenu,
    #mh .current .blocsmenu
    {
        top:61px;
        font-size:120%;
        display:none !important;
    }
    #mh .blocsmenu ul {
        line-height: 60px;
    }
    #mh .blocsmenu li a
    {
        background-image:none !important;
    }


    /****** panier **********/
    #scrollpanier {
        margin-left: 0;
        margin-top: 0;
    }
    #top, #bottom, #masquepanier { display:none; }

    /**** RUBRIQUE ****/
    #rubrique
    {
        font-size:120%;
    }
    #rubrique ul { line-height: 40px; }
    #rubrique a
    {
        background-image:none !important;
    }


    /* ----------------------------------------------------------------- */
    /* HOME
    /* ----------------------------------------------------------------- */

    .slider_container.main_slider{
        margin-bottom: 0;
    }
    .slider_container .bx-viewport {
        height: 260px !important;
    }

    .bx-wrapper .bx-prev{
        left: 5px;
    }

    .bx-wrapper .bx-next{
        right: 5px;
    }

    .produit_card .link_block_card .h3{
        font-size: 2.5rem;
        height: 7.5rem;
    }

    #bandeau_home {
        padding-bottom: 14rem;
    }

    #home_content #offres_block_moment{
        background-position: center top;
    }
    #home_content #offres_block_moment .bg_degrade{
        width: 42rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }

    #offres_block_cadeau h3{
        height: 6rem;
        overflow: hidden;
    }

    #offres_block_cadeau .border-box{
        position: static;
        margin-top: -3rem;
        padding-bottom: 1rem;
    }

    #offres_block_cadeau p{
        height: 6.8rem;
        overflow: hidden;
    }

    #offres_block_cadeau .bg-grey input{
        margin-bottom: 2rem;
    }

    #description_block > .d-flex {
        flex-wrap: wrap;
    }

    #description_block a {
        margin-left: 0!important;
        width: 360px;
    }

    #description_block a + a{
        margin-top: 1rem;
    }

    #univers_block{
        padding: 0 1rem;
    }

    #univers_block_content .cover_img .text{
        font-size: 1.8rem;
    }

    .block_actus_c > div{
        padding-right: 0;
        margin-bottom: 2rem;
        height: auto;
    }
    .block_actus_c > div + div{
        padding-left: 0;
    }

    /* ----------------------------------------------------------------- */
    /* LISTE PRODUITS
    /* ----------------------------------------------------------------- */

    #w_container {
        padding : 0 20px 20px 20px;
    }

    #liste_presta li form{
        flex-wrap: wrap;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    #liste_presta li .btn-custom,
    #liste_presta li .btn-custom.btn-produit{
        margin-left: auto;
        margin-right: auto;
        width: 260px;
        text-align: center;
    }

    /* ----------------------------------------------------------------- */
    /* Fiche
    /* ----------------------------------------------------------------- */
    #blocfiche {
        float: none;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width:auto;
    }
    #fiche #blocimg, #fiche #blocvignette, #fiche #blocimgfond
    {
        margin:auto;
        width: auto;
    }
    #fiche #blocimgfond {
        display: block;
        vertical-align: middle;
    }
    #acheter {
        float:none;
        min-width:160px;
        overflow: hidden;
        position: static;
        text-align: right;
    }
    .reference { font-size: 80%; }
    #fiche #desproduit .detail_pack{
        padding-left: 0;
    }
    #fiche .fichemarque
    {
        float:none;
        /*width:150px;*/
        margin-left: 0;
        text-align: right;
        /*background-color:#FFCC00;*/
    }

    /* mot bas fiche produit */
    .commr { display:none; }

    #quantite > .title {
        display:none;
    }

    #fiche .info-produit {
        margin-top: 10px;
    }

    .main_image_noslider{
        padding-left: 0;
    }


    /**** Tableau des disponibilités ****/
    #dispos,
    #tableau-prix,
    #avis {
        overflow:auto;
    }

    #dispos
    {
        font-size:40%;
        margin-left:-2em;
        /*border:1px solid #E8E8E8;*/
    }
    #dispos table td
    {
        padding:3px 0.5px;
    }

    /*******   FOOTER  ********/
    #footer .blocfooter
    {
        /*float:left;*/
        min-width:inherit;/**/
        margin:0;
        /*border:1px solid #0F0;*/
    }
    #footer .sepfooter
    {
        display:none;
    }
    #footer .blocfooter ul {
        line-height: 40px;
        margin-right:10px;
    }
    #footer a
    {
        background-image:none !important;
    }
    #logo_f{
        width: 100%;
    }
    #logo_f a{
        margin-left: auto;
        margin-right: auto;
    }
    #footer .logo_footer img {
        margin-left: auto;
        margin-right: auto;
    }
    .largeurf {
        float: none;
        max-width:inherit;
        text-align: left;
        margin-top:2em;
    }

    /* mots */
    #mots { display:none; }

    /* paiement */
    .cart, .TH1 {
        font-size:100%;
    }

    #mh
    {
        font-size:100%;

    }
    .largeur #mh ul { line-height:40px; }
    #mh ul li { display: block; }


    /* home page */

    body { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
    figure img { height:auto; margin:0; padding:0; max-width:100% !important; }

    /* Largeur élément général de la page */
    #contenu, .largeur, .container
    {
        max-width:none;
        min-width:inherit; /* inherit / 100% ie7 */
        width:auto;
    }

    /* ----------------------------------------------------------------- */
    /* LISTE PRODUITS
    /* ----------------------------------------------------------------- */
    #menuBest .cat_header_content {
        max-width:none;
    }

    /* footer */

    #footer .f_description {
        width : 100%;
        margin : 0 0 15px 0;
    }

    /* produit */

    #article .recommandation > h3 {
        margin-top : 30px;
    }

    #espaceClientInt .overflow_block{
        overflow-x : auto;
        padding-bottom : 20px;
    }

    .bloc_cadeau .bloc_cadeau_rassu{
        flex-wrap: wrap;
    }
    .bloc_cadeau .cadeau_rassu {
        width: calc(50% - 5px);
    }

    /* page article */
    .nav-tabs .nav-link {
        margin: 0 1rem;
        font-size: 18px;
    }

    /* table */
    #dispos,
    #tableau-prix,
    #avis {
        overflow:auto;
    }

    #tableau-prix > table {
        min-width : 650px;
    }

    /*Panier*/
    .panier_ideopass .icon-time{
        margin-bottom: -1rem;
    }
    .panier_ideopass .icon-time + span{
        float: none;
        text-align: left;
        margin-top: 0;
        margin-right: 0;
    }
    .step li.active .step_panier .marginleft{
        margin-left: 0;
    }

    .choix_transporteur_form{
        flex-direction: column;
    }

    .choix_transporteur_form #panier_action{
        margin-top: 30px;
    }

    #popin-ajout-panier{
        padding: 4px;
    }

    #ajoutpanier ul {
        flex-direction: column;
    }

    /* Espace perso */
    #home_backoffice .card_gestion_backoffice {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .add_kdo{
        flex-wrap: wrap;
    }
    .add_kdo label{
        display: block;
        width: 100%;
        margin-bottom: 1rem!important;
        text-align: left;
        font-size: 1rem;
    }
    #kdo_code{
        max-width: 250px;
        width: auto;
        margin-bottom: 1rem!important;
    }
    .add_kdo button {
        margin-bottom: 1rem!important;
        background-color: #ffffff;
    }

    /* Contact */
    .header_contact {
        text-align: left;
    }
    .header_contact .logo_centre {
        display: none;
    }

    /* Réservation */
    #disponibilites {
        margin-top: 0;
    }
    #recap_reservation {
        margin-bottom: 3rem;
    }

    /* Page pdv */
    #pdv_page .header_link {
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    #pdv_page .header_link div {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    #pdv_page img {
        max-width: 400px;
        margin: auto auto 2rem;
    }
    #pdv_page img.star_level {
        margin-bottom: auto;
    }
    #pdv_page #map{
        height: 35rem;
    }

    /* Footer */
    #menu_footer{
        margin-top: 0;
        padding-top: 1rem;
    }

    /* Espace collaborateur */
    .planning_c .control-mobile,
    .planning_c .horaires_mobile{
        display: block;
    }
    .planning_c .horaires_mobile{
        margin-left: auto;
        margin-right: auto;
    }
    .planning_c .liste_jours{
        flex-wrap: wrap;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .planning_c .liste_jours .planning_card{
        display: flex;
        width: 100%;
        font-size: 16px;
        padding: 10px 15px;
    }
    .planning_c .liste_jours .planning_card:last-child{
        border-bottom: none;
    }
    .planning_c .liste_horaires{
        display: none;
    }
    .tableau_overflow600,
    .tableau_overflow700 {
        overflow: auto;
    }
    .tableau_overflow700 table{
        min-width: 700px;
    }
    .tableau_overflow600 table{
        min-width: 600px;
    }

}

@media only screen and (max-width: 575px) {
    #qualispa,
    #aside-content {
        display: none;
    }
    #menu-desktop {
        width: 300px;
    }

    #header #logo {
        left: 45px;
    }

    #header #logo .logo_nosticky {
        width: 150px;
    }

    .slider_container .bx-viewport,
    .slider_container .slider,
    .slider_container .noslideshow, .slider_container .slide{
        height: 140px!important;
    }

    .slider_container .slider_btn_c{
        display: none;
    }

    .slider_container .homeslider .card_slider{
        padding-right: 6rem;
        padding-left: 2rem;
    }

    .slider_container .homeslider .textslider{
        font-size: 2.8rem;
        max-width: 100%;
    }

    .bx-wrapper .bx-prev,
    .bx-wrapper .bx-next{
        display: none;
    }

    #produits_block_content {
        margin-top: 1rem;
    }

    #bon-kdo > p,
    #ideopass > p {
        margin-top: 8rem;
    }

    #offres_block_cadeau #ideopass .icon-offre,
    #offres_block_cadeau #bon-kdo .icon-boncadeau {
        left: 50%;
        transform: translateX(-50%);
        top: 140px;
    }

    #home_content #offres_block_cadeau p {
        margin-right: auto;
    }

    #header > div:first-child,
    #header.sticky > div:first-child {
        left: 40px;
    }

    #offres_block_cadeau #ideopass .textleft {
        text-align: center;
    }

    #chemin {
        padding-left: 1rem;
        margin-bottom: 2rem;
    }

    #chemin .breadcrumb_sep {
        padding: 0 5px;
    }

    #chemin .bread_link {
        font-size: 1.2rem;
    }

    .produit_card > .link_block_card {
        margin-bottom: 0;
    }

    #fiche .cat_header_img {
        display: none;
    }

    #header .icon-panier {
        width: 2.3rem;
    }

    #search {
        width: 226px;
    }

    .searchbar {
        right: -125px;
    }

    .searchbar form {
        width: 300px;
    }

    #header.sticky > div:first-child {
        left: 75px;
    }

    #menu_footer{
        padding: 0 2rem 1rem;
    }

    #menu_footer ul li {
        width: 100%;
    }

    #footer .footer_bot {
        padding: 3rem 1rem;
    }

    #footer .footer_bot .footer_bot_links{
        display: inline-block;
        margin: 1rem;
        font-size: 1.3rem;
    }

    #footer .footer_contact {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
    }

    /* Home */
    #home_content #produits_block h2{
        font-size: 2.8rem;
        line-height: 1;
        margin-bottom: 2rem;
    }

    #label > .container {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    section#label #logo_container {
        width: calc(100% - 20px);
        flex-wrap: wrap;
    }

    #nl {
        margin: 20px 0;
    }

    #nl .row .flex {
        height: auto;
        margin: 10px 0;
    }

    .block_actus_c > .flex > div {
        min-width: auto;
    }

    #espaceclientheader {
        margin-right: .5rem !important;
    }

    #description_block {
        padding: 1rem !important;
        margin-top: 2rem !important;
    }

    #home_content #offres_block_moment{
        padding: 0;
    }

    #home_content #offres_block_moment .bg_degrade{
        width: auto;
    }

    #offres_block_cadeau {
        padding: 1.5rem !important;
    }

    #offres_block_cadeau h2 {
        font-size: 2.2rem;
        padding: 0 1rem;
    }

    #offres_block_cadeau .bg-grey{
        height: auto;
        margin-top: 2rem;
        margin-right: 1.5rem;
    }

    #offres_block_cadeau .bg-grey.right-col{
        margin-left: 1.5rem
    }

    #offres_block_cadeau .icon-boncadeau,
    #offres_block_cadeau .icon-offre {
        float: none;
        display: inline-block;
        margin-bottom: 2rem;
    }

    #bandeau_home{
        display: none;
    }

    #home_content #produits_block .double_border_c{
        margin-bottom: 4rem;
    }

    #espaceclientheader .icon-user {
        width: 3rem;
    }

    #home_content #offres_block{
        margin-bottom: 2rem;
    }

    #univers_block h2{
        margin-bottom: 2rem;
        font-size: 3.5rem;
    }

    #home_content .block_actus_c{
        padding: .5rem!important;
    }

    .block_actus_c .text{
        max-width: 240px;
    }

    /* Catalogue */
    .cat_header .filtre_order {
        float: none;
    }

    /* Page article */
    .nav-tabs .nav-item {
        margin-bottom: -1px;
        width: 100%;
        text-align: center;
    }

    .nav-tabs .nav-link {
        display: inline-block;
        padding-bottom: 0;
    }

    #tabs_article .tab-content {
        min-height: 0;
    }

    #fiche .badge_article{
        top: -1rem;
    }

    #fiche .badge_article img{
        width: 6rem;
    }

    #btn-acheter{
        flex-wrap: wrap;
    }

    #fiche .select_forfait.nb1btn,
    #fiche .select_forfait.nb2btn,
    #fiche .select_forfait.nb3btn,
    #btn-acheter > div.nb1btn,
    #btn-acheter > div.nb2btn,
    #btn-acheter > div.nb3btn{
        width: 100%;
    }

    #fiche .select_forfait{
        position: static;
        max-width: 35rem;
        margin-left: auto;
        margin-right: auto;
    }

    #fiche .btnpanier{
        margin: .5rem auto;
        max-width: 35rem;
    }

    #fiche .btnpanier .icon{
        font-size: 3rem;
    }

    #btn-acheter > div::after{
        content: "";
        display: block;
        height: 1px;
        width: 80%;
        margin: 1.5rem auto;
        background-color: var(--color1);
    }

    #btn-acheter > div:last-child::after {
        content: none;
    }

    .bloc_cadeau .cadeau_rassu {
        width: calc(100% - 5px);
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .bloc_cadeau .rassu2 .icon_cadeau,
    .bloc_cadeau .rassu4 .icon_cadeau {
        margin-top: 0;
    }

    .bloc_cadeau h2 {
        font-size: 2rem;
    }

    #liste_presta li {
        font-size: 15px;
    }

    #liste_presta li .btn-custom{
        margin-left: auto;
    }

    #liste_presta .right_block .libelle {
        margin-left: 0;
    }

    #ajoutpanier li{
        margin: 1rem;
    }

    /* Panier */
    .step li,
    .step li.total_step_5,
    .step li:last-child,
    .step li.total_step_5:last-child {
        width: 100%;
        margin-bottom: -1px;
    }

    .block_article .product_line {
        height: auto;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }

    .block_article .libelle_block {
        position: relative;
        width: 100%;
        z-index: 4;
    }
    .block_article .product_line > .td:first-child {
        position: relative;
        width: 100%!important;
        z-index: 4;
    }

    .block_article .product_line .w-35 {
        width: 100%;
    }

    .block_article .product_line .w-25 {
        width: auto!important;
    }

    .block_article .product_line .w-15 {
        width: 20%;
    }
    .block_article .product_line .w-10 {
        width: auto!important;
    }

    .block_article .validity {
        margin-bottom: 1rem;
    }

    .panier_boncadeau .cart {
        min-width: 0;
    }

    #panier .section_title_cart {
        flex-wrap: wrap;
    }

    #panier #infos {
        width: 100%;
        max-width: none;
        margin-top: 2rem;
    }

    #panier .section_title_cart::after,
    #panier .section_title_cart::before {
        border-top: 68px solid transparent;
        border-bottom: 68px solid transparent;
        margin-top: -68px;
    }

    #panier_action > a,
    #panier_action > button {
        width: 172px;
        margin-right: .5rem !important;
        margin-left: .5rem !important;
        margin-top: .5rem;
        padding: 1rem 0.4rem;
    }

    /*#espaceClientInt .agenda-colonnes-body {*/
    /*    padding-right: 12px;*/
    /*    margin-right: -12px;*/
    /*}*/

    #espaceClientInt .container_semaine {
        justify-content: left;
    }

    #espaceClientInt .rdv_block {
        padding: 0;
    }

    .infobulle.disabled::after,
    .infobulle.disabled:hover::after,
    .infobulle.disabled:focus::after {
        white-space: normal;
        top: 0;
        height: 100%;
        width: 100%;
        font-size: 1.1rem;
        text-align: center;
    }

    .choix_transporteur_form ul{
        padding-left: 0;
    }

    /* Espace perso */
    #formLogin .textright {
        text-align: left;
    }

    #home_backoffice {
        padding-bottom: 2rem;
    }

    #home_backoffice .card_gestion_backoffice .icon{
        margin-right: 1rem;
    }

    #home_backoffice .btn-custom.btn-outline-primary.btn-lg{
        height: 5.2rem;
        padding: .5rem 1rem;
        font-size: 1.4rem;
    }

    .custom-form .w-75 {
        width: 100% !important;
    }

    .table_container {
        overflow: auto;
    }

    #espaceClientInt table.table_cheques,
    #espaceClientInt table.TH1 {
        min-width: 500px;
        margin-left: 1px;
    }

    #index-espace-client .btn-custom.btn-arrow2{
        padding: 1.8rem 1.2rem;
    }

    /* News */
    #news .title_news {
        flex-wrap: wrap;
    }

    #news .title_c {
        width: 100%;
    }

    #blocimg .main_image li figure,
    #blocimg .main_image_noslider a {
        height: 300px;
    }

    /* Réservation */
    /*#reservation .agenda .agenda-colonnes-header > div,*/
    /*#reservation .agenda .agenda-colonne {*/
    /*    width: 10%;*/
    /*}*/

    /* Page pdv */
    #pdv_page h1.titre_oiseau::before {
        display: none;
    }
    #pdv_page .paiement-block .icon {
        font-size: 3.5rem;
    }
    #pdv_page .paiement-block .icon.icon-pmt_ESP {
        font-size: 3rem;
    }

    /* Espace collaborateur */
    .bloc_cagnotte.bloc_cagnotte_xl{
        height: 100px;
        font-size: 32px;
    }
    .bloc_cagnotte{
        flex-wrap: wrap;
        height: auto;
    }
    .bloc_cagnotte .montant{
        font-size: 22px;
    }
    .bloc_cagnotte > span{
        width: 100%;
    }
    .bloc_cagnotte > .btn-custom{
        margin: 8px auto 0;
    }
    .bloc_cagnotte_c .h3{
        font-size: 2rem;
    }
    #espace-collaborateur .h2{
        font-size: 2.5rem;
        line-height: 1.1;
    }
}

.btn-link{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;

    font: inherit;           /* hérite police/tailles */
    color: #0366d6;          /* changez la couleur si besoin */
    text-decoration: underline;
    line-height: inherit;
    cursor: pointer;
    text-decoration: none;
}

/* micro-interactions */
.btn-link:hover,
.btn-link:active{ text-decoration: none; }

/* focus visible accessible (ne pas supprimer le focus) */
.btn-link:focus{
    outline: none;
}
.btn-link:focus-visible{
    outline: 2px solid Highlight; /* système fiable cross-browser */
    outline-offset: 2px;
    border-radius: 3px;
}

/* état désactivé */
.btn-link[disabled],
.btn-link:disabled{
    color: gray;
    cursor: default;
    text-decoration: none;
    opacity: .7;
    pointer-events: none;
}