@charset "utf-8";

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

html, body, form, fieldset, button, textarea {
    font-family: var(--font1), sans-serif;
    color: var(--text);
    font-size: 1.6rem;
    font-weight: 400;
}

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

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

body,
body.mce-content-body {
    overflow-x: hidden;
    background-color: var(--fond);
}

/*** lien ***/

a {
    color: var(--color5);
    text-decoration: none;
    transition: all .3s ease-in;
}

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

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

p {
    line-height: 2rem;
}

.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;
}

/*** float left et right, align ***/
/* vertical centering */
.aheight, .autoheight {
    width: auto;
    vertical-align: middle;
    display: inline-block;
    line-height: 1.2;
}

.transition {
    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;
}

.maxw-800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.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;
}

.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: var(--color5);
}

.color6, .color6 a {
    color: var(--color6);
}

.color7, .color7 a {
    color: var(--color7);
}

.color8, .color8 a {
    color: var(--color8);
}

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

.colorblack {
    color: var(--text);
}

.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;
    margin-right: 10px;
    vertical-align: top;
    font-size: 2.8rem;
}

.alert-success {
    background-color: #AFC18D;
    color: #fff;
}

.alert-danger {
    color: #fff;
    background-color: #FA7268;
}

.alert-info {
    color: #31708f;
    background-color: rgba(217, 237, 247, .8);
}

.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;
    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;
}

.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;
    margin-top: 11rem;
}

#contenu:has(#chemin) {
    margin-top: 14rem;
    padding-top: 2rem;
}

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

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

#search::-moz-placeholder {
    color: #465707;
}

#search::-ms-input-placeholder {
    color: #465707;
}

#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 {
    margin-bottom: 0;
    margin-right: 1rem;
}

#panier #espaceClientInt h3 {
    position: relative;
    margin-bottom: 0;
    z-index: 4;
}

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

#espaceClientInt .account_percent {
    line-height: 1.1;
}

#espaceClientInt .arrhes-panier {
    font-size: 1.2rem;
    text-align: right;
}

#espaceClientInt .conditions-annulation {
    font-size: 1.2rem;
    text-align: center;
}

/* tableau panier */
#panier .section_title_cart {
    position: relative;
    padding: 15px 40px 15px 40px;
    width: 100%;
}

#panier .title_cart_content {
    display: flex;
    align-items: center;
}

#panier .section_title_cart .text {
    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 .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 .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 {
    top: -.1rem;
    left: 30px;
    font-size: 1.2rem;
    color: var(--color5);
}

#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(--color5);
}

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

#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(--color5);
}


#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;
}

/* 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);
}

.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;
    font-size: 1.6rem;
}

.sep-color5 {
    display: block;
    width: 80%;
    height: 1px;
    max-width: 30rem;
    margin: 0 auto;
    background-color: var(--color5);
}

#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;
    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;

}

#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);
    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 {
    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;
    color: var(--text);
    font-size: 1.1rem;
    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-colonnes-container {
    overflow-y: auto;
}

.agenda-colonnes-header,
.agenda-colonnes-body {
    min-width: 40rem;
}

.agenda button.btn_semaine {
    height: 28px;
    width: 28px;
    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;
}

.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.prix_block {
    min-width: 8rem;
    text-align: center;
}

#panier-recap-content .product_line {
    display: flex;
    height: auto;
    position: relative;
    line-height: 18px;
    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 {
    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;
    vertical-align: middle;
    display: table-cell;
    background: #28a38f;
    color: #ffffff;
    text-align: center;
}

.del_block {
    text-align: center;
    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;
}

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

.totalshopline .aValD {
    width: 80%;
    float: left;
}

.totalshopline .aVal {
    width: 20%;
    float: left;
    text-align: center;
    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;
    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 .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;
}

/* 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 h1 > span {
    display: block;
}

.sticky_block .btn-custom {
    padding-left: 2rem;
    padding-right: 2rem;
}

/*Partie spécifique à la step 2*/
#adresse_fact h5 {
    color: var(--color1);
}

#adresse_fact label {
    cursor: pointer;
}

/*Partie spécifique à la step 3*/

.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 .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 legend {
    position: absolute;
    bottom: -4px;
    left: 8px;
    color: #dd4343;
    letter-spacing: 1px;
}

#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;
}

#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;
}

#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;
}

#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 .8em 0 .6em;
}

#rubrique h2 {
    color: #444;
}

#rubrique .boite {
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 8px #d3d3d3;
}

#rubrique .boite15f {
    padding: 1px 3px 0 5px;
}

#rubrique ul,
#rubrique li {
    margin: 0;
}

#rubrique ul {
    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;
    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;
    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;
}

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

#menu_launcher {
    cursor: pointer;
}

/* close state */

.mp-pushed .m_icon {
    background: none;
}

.mp-pushed .m_icon:before {
    transform: rotate(45deg);
    top: 0;
}

.mp-pushed .m_icon:after {
    transform: rotate(-45deg);
    bottom: 0;
}

/* back buttons */

.mp-back {
    background: rgba(0, 0, 0, 0.1);
    outline: none;
    color: #fff;
    letter-spacing: 1px;
    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);
    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;
    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;
}

#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;
}

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

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

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

.cd-main {
    z-index: 21;
    overflow: hidden;
    backface-visibility: hidden;
    transition: transform 0.7s;
    transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.navigation-is-open .cd-main {
    transform: translateX(100%);
}


.cd-nav {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    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;
    padding: 40px 5% 40px 5%; /* calc(5% + 80px) */
    box-sizing: border-box;
    /* Force Hardware Acceleration in WebKit */
    backface-visibility: hidden;
    transform: translateX(-50%);
    transition: transform 0.7s;
    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}

.navigation-is-open .cd-nav {
    visibility: visible;
    transition: visibility 0s 0s;
}

.navigation-is-open .cd-nav .cd-navigation-wrapper {
    transform: translateX(0);
    transition: transform 0.5s;
    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;
    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;
    transform: translateX(-50%) translateY(-50%);
    width: 22px;
    height: 2px;
    background-color: #fff;
}

.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 */
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: transform 0.5s, width 0.5s, top 0.3s;
    /* Flèche */
    width: 50%;
}

.cd-nav-trigger .cd-nav-icon::before {
    /* Hamburger */
    transform-origin: right top;
    /* Flèche */
    transform: rotate(45deg);
}

.cd-nav-trigger .cd-nav-icon::after {
    /* Hamburger */
    transform-origin: right bottom;
    /* Flèche */
    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 */
    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%;
    transition: transform 0.5s, width 0.5s;
}

.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    transform: rotate(45deg);
}

.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
    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%;
    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;
    letter-spacing: 2px;
    margin: 0 10px;
}

#menu_footer ul li a,
#menu_footer ul li span {
    position: relative;
    color: var(--color1);
}

#menu_footer ul li a::after {
    content: "";
    display: block;
    height: .1rem;
    width: 0;
    background-color: var(--color5);
    margin: .4rem auto 0 auto;
    transition: width .5s;
}

#menu_footer ul li a:hover::after {
    width: 65px;
    max-width: 100%;
}

#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: var(--color3);
    margin-left: 1.5rem;
    text-transform: uppercase;
    transition: all .3s;
}

#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(--color4);
}

.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: var(--text);
}

.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-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;
}

#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;
}

.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(--color7);
}

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

/*** 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: var(--text);
}

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 {
    color: var(--text);
    margin: auto 0 auto auto;
    cursor: pointer;
}

label.inlineblock {
    white-space: nowrap;
}

select {
    box-shadow: none;
}

select, textarea, input[type="text"], input[type="telephone"], input[type="password"], input[type="email"] { /*** bordure des champs ***/
    border: 1px solid var(--color5);
    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;
    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;
    color: #fff;
    text-overflow: ellipsis;
    cursor: pointer;
}

.custom_select::after {
    content: '\e93e';
    font-family: "kfont" !important;
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 22px;
    padding: 6px 6px 4px 6px;
    z-index: -1;
    color: #fff;
    pointer-events: none;
}

.custom_select select option {
    color: var(--text);
}

#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: var(--color);
    margin-top: 5px;
}

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

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

#w_container {
    padding: 0 25px 20px 25px;
    border-radius: 0 0 3px 3px;
}

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

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

#menuBest .cat_header_content h1,
#left_column #menurubrique .h2 {
    margin: 0;
    text-align: center;
}

#order_view,
#order_view > option {
    width: 300px;
    padding-left: 3rem;
    color: #aaaaaa;
}

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

.cat_header_content p {
    line-height: 1.4;
    margin-top: 2.2rem;
    text-align: center;
    color: var(--text);
}

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

.cat_header {
    margin: 12px auto 1em auto;
    color: #aaa;
    display: none;
}

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


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

.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 .h1 {
    font-size: 3rem;
    font-weight: 500;
}

#fiche .sous-titre {
    font-family: var(--font1), sans-serif;
    font-size: 2rem;
    font-weight: 500;
    color: var(--color8);
}

#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;
    font-size: 1.2rem;
    border: 1px solid var(--color5);
    color: var(--color5);
    padding: .6rem;
    text-align: center;
    margin: 0 .2rem;
}

.cat_header_menu li a:hover{
    color: #fff;
    background-color: var(--color5);
}

.cat_header_menu li.current a {
    color: #fff;
    background-color: var(--color5);
    border: 1px solid var(--color5);

}

#espace-collaborateur .cat_header_menu li.current a {
    color: var(--color3) !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 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 15.1rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.produit_card .header_pack {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.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 {
    max-width: 17.6rem;
    width: 100%;
    text-align: center;
}

.produit_card .link_block_card h4,
.produit_card .link_block_card .h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

.produit_card .choix_montant_card_ideopass {
    line-height: 1;
    margin-bottom: .6rem;
}

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

.block_card_ideopass {
    transition: all .3s ease-in;
}

.block_card_ideopass:hover {
    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;
    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;
}

.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 {
    color: var(--color1);
    padding-left: 0;
}

#liste_presta {
    margin-bottom: 0;
    padding-bottom: 2rem;
    padding-left: 0;
}

#liste_presta li {
    display: flex;
    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 .right_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid var(--color5);
}

#liste_presta .right_block .h6 {
    color: var(--color7);
    font-size: 2rem;
}

#liste_presta .right_block .libelle {
    margin-right: .6rem;
}

#liste_presta .right_block .tarif {
    margin-right: 15px;
    margin-left: auto;
}

#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;
    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 {
    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 .libelle_rubrique {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}

.list_rubrique_c .link_rubrique {
    display: block;
    background-repeat: no-repeat;
    height: 188px;
}

.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: var(--text);
}

.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;
}

.blocdesc h2,
.blocdesc h2 a {
    color: #D21A00;
}

.blocdesc h3 {
    margin: 0 0 0.3em 0;
}

.blocdesc h3,
.blocdesc h3 a {
    color: var(--text);
}

.blocdesc h2 a:hover,
.blocdesc h3 a:hover,
.reference a:hover {
    text-decoration: underline;
}

.reference {
    color: #939393;
}

.extra {
    display: none;
}

.savoirplus {
    white-space: nowrap;
}

/* bloc promo et solde */

.nouveaute {
    padding: 5px 5px;
}

/* bloc prix */

.prixbarre {
    color: #aaa;
    text-decoration: line-through;
}

.prix {
    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 .prix_promo {
    color: #F69278;
    margin: 0 2rem;
}

.prix sup {
    display: inline-block;
    margin-top: -3px; /**/
    vertical-align: top;
}

.prixex,
.ecopart,
.prixpublic {
    line-height: 1.6em;
}

.prixex,
.prixpublic {
    color: #777;
    margin-top: -0.3em;
}

.ecopart {
    color: #008f35;
    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;
    margin: 1em auto;
    padding-left: 0;
    text-align: center;
}

.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;
    border-radius: 3px;
    width: 38px;
    height: 28px;
    line-height: 22px;
    text-align: center;
    color: #000;
    transition: all 0.2s ease-in-out;
}

.navliste a:hover,
.navliste a:focus {
    background-color: #999;
    border: 1px solid #999;
    color: #fff;
}

.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;
}

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

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

.prod_right_col {
    float: left;
}

#desproduit .intro_pack  {
    font-size: 2rem;
    font-family: var(--font2), sans-serif;
}

/* 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;
    margin-top: 6rem;
}

#fiche .badge_article {
    position: absolute;
    top: -3rem;
    right: 0;
    z-index: 1;
}

#fiche .badge_article img {
    width: 75px;
}

#fiche .badge_article .cta-duo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 8rem;
    height: 8rem;
    padding-top: .6rem;
    color: #fff;
    line-height: 1.6;
    border: .1rem solid var(--color5);
    background-color: var(--color5);
    border-radius: 50%;
}

#fiche .badge_article .cta-duo:hover {
    color: var(--color5);
    background-color: #fff;
}

#fiche .badge_article .cta-duo .mini {
    font-size: 1rem;
}

#fiche .title {
    color: var(--color1);
}

#fiche .title.duree {
    color: var(--color1);
    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 {
    color: #666;
}

.fichemarque a strong {
    text-decoration: underline;
}

.fichemarque a:hover strong {
    text-decoration: none;
}

#fiche #desproduit {
    margin: 5px 0 3px 0;
}

#fiche #desproduit .list_detail_pack > div,
#fiche #desproduit .list_detail_pack > div a {
    color: var(--color8);
    line-height: 1;
}

#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;
    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 {
    padding: 4px 6px;
    display: inline-block;
    margin-top: 5px;
}

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

#fiche #val_tarif {
    font-size: 2rem;
    font-weight: 500;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 0;
    color: var(--color7);
}

#full_descript {
    margin: 10px 20px;
}

.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;
}

#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 {
    padding: 1px 10px 0 10px;
}

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

#fiche .back-button {
    float: left;
}

#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 {
    color: var(--text);
}

#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;
}

.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(--fond);
}

.attribut #reference {
    float: right;
}

#fiche #panier .attr_sep .title {
    color: #3C3C3C;
}

#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: #fff;
    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 #fff transparent;
    border-style: solid;
}

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

/* 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 */

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

#livraison #msgRupture {
    color: #e34f2b;
}

.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);
    margin-left: 25px;
}

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

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

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

/* bt acheter */

.acheter {
    width: 230px;
    min-height: 43px;
    cursor: pointer;
    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 .yield-tarif {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top: .4rem;
}

#btn-acheter .btn-custom {
    max-width: 30rem;
}

#btn-acheter > div.nb1btn,
#btn-acheter > div.nb2btn {
    width: calc(100% / 2 - 20px);
    max-width: 35rem;
}

#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%;
}

.btn-custom.btn-primary.acheter {
    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;
    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;
}

#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;
}

.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: #fff;
    border-radius: 4px 4px 0 0;
}

.fancy_header h3 {
    margin: 0;
}

.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;
    vertical-align: top;
}

.note_container label {
    vertical-align: middle;
}

.comment_container label {
    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 {
    color: #028E02;
    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 ***/
#popin-reservation,
#ajoutpanier {
    border: 0;
}

#popin-reservation p,
#popin-reservation h2,
#ajoutpanier p,
#ajoutpanier h2 {
    text-align: center;
}

#popin-reservation h2,
#ajoutpanier h2 {
    color: var(--color8);
    margin-top: 3rem;
    margin-bottom: 5rem;
}

#ajoutpanier .padding20 {
    padding: 20px;
}

#popin-reservation ul,
#ajoutpanier ul {
    display: flex;
    justify-content: center;
    padding-left: 0;
}

#popin-reservation li,
#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 {
    margin: 2em 0;
}

#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;
}

/* 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 {
    background-color: #aa9e8c;
    color: #fff;
    padding: 3rem 1rem 1rem;
    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;
    line-height: 1;
    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 {
    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;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-top: 40px;
}

.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: var(--text);
}

#facebook_home .cover_img {
    height: 22rem;
}

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

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


#aside-content ul li {
    margin: auto;
    position: relative;
    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;
}

#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 {
    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_header {
    position: relative;
    margin-bottom: 5rem;
}

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

.produit_card .prix_home {
    position: relative;
}

.produit_card .prix_home .h4 {
    color: var(--color7);
}

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

#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 li {
    max-width: 40rem;
}

#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 .actus_content_date {
    font-size: 1.8rem;
    font-family: var(--font2), sans-serif;
    line-height: 2.2rem;
    color: var(--color5);
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 1rem;
}

.block_actus_c .actus_content .title_actus {
    font-size: 2.8rem;
    color: var(--color7);
    line-height: 1;
}

.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;
}

.note_avis .h5 {
    font-size: 1.8rem;
    margin-bottom: 0;
    margin-right: .4rem;
    color: var(--text);
}

.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);
    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;
}

.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;
    line-height: 1.2em;
    padding: 0 20px;
}

.commr p {
    margin: 0.2em 0;
    display: inline;
}

.commr h2 {
    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;
    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 {
    vertical-align: top;
}

/* Tabs sur page article */

#article .nav-tabs {
    border-bottom: 2px solid #000;
}

#article .nav-tabs .nav-link {
    color: var(--text);
    padding: .5rem 0;
    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-item.show .nav-link, #article .nav-tabs .nav-link.active {
    color: var(--text);
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid var(--text);
    margin-bottom: 0;
}

#article .tab-content {
    min-height: 150px;
}

#article .tab-content > div {
    padding: 1.5rem 1rem;
    line-height: 2;
    margin-bottom: 0;
}

#article .tab-content > div > p {
    margin-bottom: 0;
}

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;
}

#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;
    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::after {
    content: "";
    display: block;
    background: url("../../img/bon_cadeau/after_title.svg") no-repeat center;
    height: 4px;
}

.cadeau_rassu p {
    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;
}

#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;
    word-break: break-all;
    word-wrap: break-word;
    color: #7b8a8b;
    background-color: #ecf0f1;
    border: 1px solid #cccccc;
    text-align: left;
    line-height: 1.5;
}

/*Espace perso*/
.espace_perso_backoffice .link-grey,
#espace-collaborateur .link-grey {
    text-align: right;
    color: var(--grey);
    text-decoration: underline;
    text-transform: uppercase;
}

.espace_perso_backoffice .link-grey:hover,
#espace-collaborateur .link-grey:hover {
    text-decoration: none;
}

/* Espace collaborateur */
#espace-collaborateur #qualispa,
#espace-collaborateur #aside-content {
    display: none;
}

#espace-collaborateur #home_backoffice {
    padding-bottom: 30px;
}

#espace-collaborateur .h2 .link-grey {
    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 {
    margin-bottom: 0;
}

#espace-collaborateur .btn-custom {
    padding: 5px 20px;
}

#espace-collaborateur .bloc_cagnotte .btn-custom:hover {
    border-color: #fff;
}

#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;
    font-size: 2rem;
    padding: 10px 20px;
    color: #fff;
}

.bloc_cagnotte .montant {
    font-size: 2.4rem;
    margin-right: 5px;
}

.bloc_cagnotte.bloc_cagnotte_xl {
    justify-content: center;
    height: 150px;
    font-size: 3.2rem;
}

.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: var(--text);
    font-size: 25px;
}

.planning_c .liste_horaires .control.control-prev {
    left: -25px;
}

.planning_c .liste_horaires .control.control-next {
    right: -25px;
}

#espaceClientInt .cat_header_menu li.current a:hover {
    cursor: default;
}

.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;
}

/* /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: 3rem;
    margin-right: 1rem;
}

#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;
    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;
}

#kdo_code {
    max-width: 350px;
    height: 6rem;
}

#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;
}

#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;
    box-shadow: 2px 2px 5px 0 #cfcfcf;
}

.card_avis .actus_content_date {
    font-size: 1.8rem;
    font-family: var(--font2), sans-serif;
    line-height: 2.2rem;
    color: var(--color5);
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 1rem;
}

.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 .actus_content_date {
    font-size: 1.8rem;
    font-family: var(--font2), sans-serif;
    line-height: 2.2rem;
    color: var(--color5);
    text-transform: uppercase;
    font-weight: 500;
}

#news .news_list {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 0;
    box-shadow: 3px 3px 6px 0 #cfcfcf;
}

#news .news_list .title {
    font-size: 2.2rem;
    color: var(--color6);
    font-family: var(--font1), sans-serif;
}

#news .news_list .img_news {
    height: 248px;
    margin-bottom: .6rem;
}

#news .news_list footer {
    margin-top: auto;
    margin-bottom: 2rem;
}

#news .bloc_actu .h5 {
    font-size: 2.8rem;
    color: var(--color7);
    line-height: 1;
}

#news .news_txt {
    line-height: 1.3;
    padding: 0 .5rem;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;

}

/*news active*/
#news .bloc_actu {
    padding-bottom: 3rem;
}

#news .bloc_actu .actif {
    margin-bottom: 5rem;
}

#news .bloc_actu .actif .date {
    color: var(--color5);
    font-family: var(--font2), sans-serif;
    text-align: center;
    margin-bottom: 0.2rem;
    padding-right: .5rem;
}

#news .bloc_actu .actif h1 {
    font-size: 2.2rem;
    color: var(--color7);
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1.6rem;
    font-family: var(--font1), sans-serif;
}

#news .bloc_actu .actif h2 {
    color: var(--color1);
    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 .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 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;
    text-align: center;
    line-height: 1.3;
}

#pdv_page .h2 {
    color: var(--color1);
    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(--color7);
    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-size: 1.8rem;
    margin-bottom: 2rem;
}

#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 span.current {
    color: var(--color7);
}

#pdv_page .schedule h3 {
    margin-bottom: 0.8rem;
}

#pdv_page .schedule .day {
    width: 110px;
    text-align: left;
}

#pdv_page .schedule-block .icon-sep-right {
    text-align: center;
    margin-bottom: 0.8rem;
}

#pdv_page .schedule-block .schedule-text {
    text-align: center;
    margin-top: 2rem;
    color: var(--color8);
}

#pdv_page .schedule-block .icon-sep-right::before {
    font-size: .3rem;
}

#pdv_page .schedule-block .block_adresse,
#pdv_page .schedule-block .block_adresse a {
    line-height: 1.2;
}

#pdv_page .schedule-block .block_adresse a:hover {
    color: var(--color1);
}

#pdv_page #map {
    height: 100%;
}

/* 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;
    line-height: 1.3;
}

#sitemap_content .nb_1 {
    margin-left: auto;
}

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

#sitemap_content .h2 {
    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 {
    text-align: center;
}

#sitemap_content .nb_2 {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    text-align: center;
}

#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 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) {

    #logo {
        top: 10px;
    }

    #contenu {
        margin-top: 8rem;
    }

    #contenu:has(#chemin) {
        margin-top: 12rem;
    }

    nav#chemin {
        top: 8rem;
    }

    .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;
    }

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

    #scrollpanierf {
        right: 0;
        display: none;
    }

    /********** MENU ***********/
    /********** MENU HAUT ***********/
    #mh > .mobile_header {
        width: 100%;
        height: 40px;
        float: none;
        background: #028E02;
        color: #fff;
    }

    #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-size: 12px;
    }

    #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: #fff;
    }

    /* 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;
    }
}