/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 21, 2022 */



@font-face {
    font-family: 'cera_problack_italic';
    src: url('../fonts/cera_pro_black_italic-webfont.woff2') format('woff2'),
    url('../fonts/cera_pro_black_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }




    @font-face {
    font-family: 'cera_problack';
    src: url('../fonts/cera_pro_black-webfont.woff2') format('woff2'),
    url('../fonts/cera_pro_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }




    @font-face {
    font-family: 'cera_probold';
    src: url('../fonts/cera_pro_bold-webfont.woff2') format('woff2'),
    url('../fonts/cera_pro_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }




    @font-face {
    font-family: 'cera_prolight';
    src: url('../fonts/cera_pro_light-webfont.woff2') format('woff2'),
    url('../fonts/cera_pro_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }




    @font-face {
    font-family: 'cera_promedium';
    src: url('../fonts/cera_pro_medium-webfont.woff2') format('woff2'),
    url('../fonts/cera_pro_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }




    @font-face {
    font-family: 'cera_proitalic';
    src: url('../fonts/cera_pro_regular_italic-webfont.woff2') format('woff2'),
    url('../fonts/cera_pro_regular_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: 'als_haussbold';
    src: url('../fonts/als_hauss_bold-webfont.woff2') format('woff2'),
    url('../fonts/als_hauss_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
      font-family: 'ALS Hauss';
      src: local('ALS Hauss Book'), local('ALS-Hauss-Book'),
          url('../fonts/ALSHauss-Book.woff2') format('woff2'),
          url('../fonts/ALSHauss-Book.woff') format('woff'),
          url('../fonts/ALSHauss-Book.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }


    @font-face {
    font-family: 'als_haussmedium';
    src: url('../fonts/als_hauss_medium-webfont.woff2') format('woff2'),
    url('../fonts/als_hauss_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }




    @font-face {
    font-family: 'als_haussregular';
    src: url('../fonts/als_hauss_regular-webfont.woff2') format('woff2'),
    url('../fonts/als_hauss_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }
    @font-face {
    font-family: 'chromateregular';
    src: url('../fonts/chromate-regular-webfont.woff2') format('woff2'),
    url('../fonts/chromate-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }
    html {
    height: 100%;
    }
    body {
    font-family: 'als_haussregular';
    font-size: 0.875rem;
    height: 100%;
    width: 100%;
    color: #fff;
    background-color: #f3f7f9;
    min-height: 100%;
    overflow-x: hidden;
    }
    ul{
      margin: 0;
      padding: 0;

    }
    a:hover{
    color:#C12C40

    }

    .content_menu ul .spiritueux li{
      width: 30%;
    }
    .content_menu ul li.spiritueux:hover .submenu {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .content_menu ul li.spiritueux:hover .submenu li.html {
        background:transparent;
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }
    .content_menu ul li.spiritueux:hover .submenu li.html img {
        width: 100%;
    }

    #header {
      font-family: "als_haussmedium";
      font-size: 15px;
      width: 100%;
      display: flex;
      align-items: center;
  
      position: absolute;
  
      z-index: 10;
      padding: 24px 5%;
      background: #000;
      justify-content: space-between;

    }
    #page_interne #header{
      top: 0;
      position: relative;
    }
    #page_interne #header.fixed-header{
      background-color: #000;
      position: fixed;
      top: 0;
      padding: 8px 5%;
    }

    .ingredients ul, .instruction ul{
      margin: 20px;
    }
    #event-section .products_list .item {
    width:33%;


    }
    #page.accueil{
    padding: 0;
    height: auto;
    }
    #page.accueil .slider{
    position: relative;
    text-align: center;
    }
    .accueil #header{
      background: transparent;
    }
    .hidden-link{display: none;}
    .div-hidden-link{cursor: pointer;}
    #page{
    width: 100%;
    background: #000;
    height: 100%;
    padding: 10% 0 10% 0;
    position: relative;
    }

    .logo_caviste{
    width: 38%;
    display: flex;
    align-items: center;
    }
    .logo{
    width:128px;
    margin-right: 80px;
    height: 128px;
    }
    #header.fixed-header .logo{
      height: 80px;
      }

    .logo img{
    max-width: 100%;

    }
    .logo_caviste a{
    margin-right: 40px;
    color: #fff;
    text-decoration: none;

    }
    .logo_caviste a:last-child{
    margin-right: 0;

    }
    .btn_tabulation {
    text-align: center;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%,0);
    width: 100%;
    z-index: 20;

    white-space: nowrap;
    }

    .btn_tabulation a{
    font-family: 'cera_promedium';
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    padding-bottom: 45px;



    }
    .btn_tabulation a::before{
    position: absolute;
    content: ".";
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #fff;
    bottom: 0;
    font-size: 50px;
    line-height: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    }
    .btn_tabulation a.active::before{
    border: 1px solid #ffd233;
    color: #ffd233;

    }
    .btn_tabulation a.active{
    color: #ffd233;

    }

    .carousel-tabs .owl-item.active.center .item{
    padding: 0;

    }
    .carousel-tabs .owl-item .item{
    position: relative
    ;
    padding: 50px 0;

    }
    .carousel-tabs {
    height: 100%;

    }
    .carousel-tabs .owl-item {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    }
    .carousel-tabs.owl-carousel .owl-stage-outer{
    height: 100%;
    }
    .carousel-tabs.owl-carousel .owl-stage{
    height: 100%;
    }
    .carousel-tabs .owl-item .item{
    height: 100%;
    }
    .carousel-tabs.owl-carousel .owl-item img {
    display: block;
    width: auto!important;
    max-height: 100%;
    margin: 0 auto;
    }
    .carousel-tabs .owl-item .item:before{
    background:url(../img/ombre.png) no-repeat;
    background-size: cover;
    position: absolute; left: 0;
    top: 0;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    }
    .slider{
    width: 100%;
    height: 100%;

    }
    .carousel-tabs {
    height: 100%;
    }

    .banner_accueil .desc{
    position: absolute;

    width: 350px;
    top: 300px;
    left:300px;
    font-family: 'cera_probold';
    color: #fff;
    text-align: center;
    font-size: 1rem;

    }

    .accueil .banner_accueil .desc .titre_banner{
    font-family: 'chromateregular';
    font-size: 74px;
    color: #fff;
    line-height: 1.2em;

    }

    .accueil .banner_accueil .desc .accroche{
    font-family: 'cera_prolight';
    font-size: 40px;
    color: #fff;
    margin-bottom: 50px;
    display: block;

    }
    .accueil .banner_accueil .desc a{
    border: 1px solid #ffd233;
    color: black;

    font-size: 14px;
    background:#ffd233 url(../img/icon/bag.svg) no-repeat 20px 11px ;
    padding: 15px 60px;
    border-radius: 5px;
    font-family: 'als_haussbold';
    text-transform: uppercase;
    text-decoration: none;


    }
    .accueil .banner_accueil .desc a:hover{   opacity: 1;  border: 1px solid #C12C40;background:#C12C40 url(../img/icon/bag.svg) no-repeat 20px 11px ; }
    .accueil .banner_accueil .desc a::before{ display: none;}

    .slider .desc span{
    display: block;
    font-size: 48px;
    margin-bottom: 15px;
    right: -100%;
    position: relative;
    font-family: 'cera_probold';
    color: #fff;

    }

.promo_picto{
    background: transparent url(../img/promo.png) no-repeat!important;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #F8F4E9!important;
    zoom: 0.7;

}


    .owl-item .desc a{opacity: 0;}
    .owl-item.active .desc span { font-size: 48px; position: relative; left: -100%;}
    .owl-item.active .desc a {opacity: 0;}
    .owl-item.active.center .desc a {opacity: 1;}
    .owl-item.active.center .desc span { font-size: 74px; position: relative; left: 0;}
    .slider .desc a{
    color: #fff;
    padding-right: 55px;text-decoration: none;
    position: relative;

    }
    .slider img{
    margin : 0 auto

    }
    .slider .desc {
      position: absolute;
      z-index: 2;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-family: cera_probold;
      color: rgb(255, 255, 255);
      text-align: center;
      font-size: 1rem;
    }
    .slider .desc a:before
    {
    content:"";
    color: #FFD233;
    background: url(../img/icon/arrox_right_jaune.png) no-repeat center center;
    border: 1px solid #FFD233;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translate(0,-50%);
    }

    .toglle{
    display: inline-block;
    width: 20px;
    margin-right:10px ;
    }
    .toglle span{ height: 2px; margin-bottom: 4px; display: block; clear: both; background: #e0a85e;}
    .toglle .bar1{ width: 14px;}
    .toglle .bar2{ width: 20px;transition: all 0.3s ease-in-out;}
    .ouvrir .toglle .bar2{ transform: rotate(-45deg);    margin-top: -3px; width: 23px;}
    .ouvrir .bar1,.ouvrir .bar3 { opacity: 0;}
    .toglle .bar3{ width: 15px;}
    .toglle .bar4{ width:20px;     transition: all 0.3s ease-in-out;}
    .ouvrir .toglle .bar4{ transform: rotate(45deg);margin-top: -12px; width: 23px;}
    .toglle span:last-child{
    margin-bottom: 0;
    }
    .menu{

    display: flex;
    align-items: center;
    }
    .links_cave_shop{
    display: flex;
    }
    .shop{
    position: relative;
    padding-left: 35px;
    transition: all 0.3s ease-in-out;

    }
    .shop:before{
    position: absolute;
    width:32px ;
    height:32px ;
    background: url(../img/icon/wine.png);
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    content: "";
    transition: all 0.3s ease-in-out;
    }

      .recherche_caviste{

    position: relative;

      }
    .recherche_caviste li{
    display: inline-block;
    list-style-type:none;
    margin-right: 30px;
    }
    .recherche_caviste li:first-child{
      padding-right: 35px;
    }
    .recherche_caviste .advanced_search{
      color: #76726d;
      font-size: 0.875rem;


    }
    .pages_profils{
        display: none;
        position: absolute;
       /* width: 300px;*/
        top: 30px;
        background: #f5f5f0;
        padding: 20px;
    } .pages_profils.open{
        display: block;
    }
    .pages_profils.open li {
        width: 100%;
        display: block;
        border-bottom: 1px solid #dcdcd8;
        padding-bottom: 7px;
        margin-bottom: 7px;
    }
    .pages_profils.open li:last-child{
        border-bottom: 0;
    }
    .pages_profils.open li a:hover {
        color: #e0a85e;
    }
    .pages_profils.open li a{

text-transform: none;
cursor: pointer;
font-family: "ALS Hauss";
    font-size: 14px;
    color: #000000;
    margin-bottom: 40px;
    }

    .recherche_caviste li a
    {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.875rem;
    position: relative;
    text-decoration: none;

    }
    .recherche_caviste li a:before{
    position: absolute;

    }
    a.advanced_search:before {
      background: url(../img/icon/search.png) no-repeat;
      width: 24px;
      height: 24px;
      content: "";
      left: -28px;
      top: -4px;
      position: absolute;
  }
    .recherche_caviste li a.recherche{
    color: #EBE4D9;
    font-size: 0.875rem;
    opacity: 0.5;
    }
    .caviste, .evenement,.panier,.profil, .recherche {
    padding-left: 30px;
    }
    .caviste:before{
    background: url(../img/icon/cheers.png) no-repeat left center;
    }
    .evenement:before{
    background: url(../img/icon/calender.png) no-repeat left center;
    }
    .panier:before{
    background: url(../img/icon/shopping.png) no-repeat left center;
    }
    .profil:before{
    background: url(../img/icon/user.png) no-repeat left center;
    }

    .panier:before, .evenement::before, .caviste::before, .profil:before  {
    content: "";
    display: block;
    width: 25px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);

    }
    .recherche_caviste a.recherche{
    font-size: 0.875rem;
    font-family: 'als_haussmedium';
    color: #EBE4D9;
    position: relative;
    }
    .recherche::before{

    background: url(../img/icon/search.png) no-repeat ;
    width: 24px;
    height: 24px;
    content: "";
    left: 0;
    }
    .col_left{
    text-align: center;
    font-size: 17px;
    color: #000;background: #f2ebe1 url(../img/bg.png) repeat center center;


    }
    .univers .col_left{
      text-align: center;
      font-size: 17px;
      color: #F8F4E985;
      background:#000;
      height: 100%;

      }

    .details{
      width: 416px;
      text-align: left;
      margin: 17% 0 17% 17%;
    }
    .col_left, .col_right{
    margin: 0;
    padding: 0;
    }
    .row.flex{
    margin: 0;
    padding: 0;
    display: flex;
    /* align-items: center; */
    }
    .details .categorie{

    font-family: 'als_haussmedium';
    color: #000;
    }
    .produits_phares img.img_responsive{ object-fit: cover; height: 100%;}
    .fidelite .row.flex{ align-items: center;}
    .details .nom_pdt{
      font-family: 'cera_probold';
    font-size: 36px;
    margin-bottom: 40px ;
    line-height: 1em;

    }

    .details .declinaison{
        font-family: 'als_haussmedium';
        font-size: 17px;


    }
    .details .description
    {
        font-family: 'ALS Hauss';
        font-size: 17px;
        color: #222;
    margin-top: 30px;
    }
    .details .prix {
    font-family: 'cera_problack';
    font-size: 48px;
    margin: 30px 0;

    }
    .product .details .prix {
      margin: 0;
      font-size: 24px;
    }
    .achat_btn{
      border: 1px solid #000;
      color: #000;
      background: url(../img/icon/panier_rouge.png) no-repeat 14px 12px;
      padding: 15px 24px 15px 50px;
      border-radius: 5px;
      font-family: 'als_haussbold';
      text-transform: uppercase;
      margin-right: 35px;
      font-size: 14px;
      text-decoration: none;
      white-space: nowrap;

    }
    .produits_phares .details .categorie{
font-family: 'als_haussmedium';
    color: #000;
    font-size: 14px;
    text-transform: uppercase;

    }
    .achat_btn:hover{

            color: #fff;
            border: 1px solid #C12C40;
            background: #C12C40 url(../img/icon/panier_pdt.png) no-repeat 14px 12px;


    }
    .univers .achat_btn {
      border: 1px solid #E0A85E;
      color: #E0A85E;
      background: url(../img/icon/panierbtn.png) no-repeat 40px center;
    }
    .univers .decouvrir {

      color: #CBAF8A;

    }
    .univers .decouvrir::after {
      content: "";
      color: #000000;
      background: url(../img/icon/arrow_rightgreige.png) no-repeat center center;
      border: 1px solid #CBAF8A;;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px;
    }
    .univers .greige.bg_color
    {
    background-color: #222;

    }
    .univers .greige.bg_color .desc_cat{
      color: #CBAF8A;
    }
     .univers .greige.bg_color .titre_categorie{
      color: #F8F4E985;
    }
    .univers .greige.bg_color .btn_widhb {
      color: #CBAF8A;
      border: 1px solid #CBAF8A;
    }
    .product .achat_btn{
      width: 100%;
      background: #000;
      color: #fff;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }
    .product .achat_btn:hover{ background: #C12C40; border: 1px solid #C12C40;}
    .product .achat_btn::before{
      display: inline-block;
      background: url(../img/icon/panier_pdt.png) no-repeat;
      content: "";
      width: 21px;
      height: 24px;
      margin-right: 15px;
    }

    .decouvrir{
      position: relative;
      font-family: 'cera_promedium';
      font-size: 15px;
      text-transform: uppercase;
      padding-right: 0;
      color: #000;
      text-decoration: none;
    }   .decouvrir:hover{
color: #000;

    }
    .decouvrir:hover::after{

        background: url(../img/icon/arrow_rouge.png) no-repeat center center;
    border: 1px solid #c12c40;
    }
    .decouvrir::after{
    content: "";
    color: #000000;
    background: url(../img/icon/arrow_rightnoir.png) no-repeat center center;
    border: 1px solid #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    }
    .edition_limit{

    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%,-10%);
    color: #fff;
    background-color: #C12C40;
    text-transform: uppercase;
    font-family: 'als_haussbold';
    padding: 20px 50px;
    border-radius: 5px;
    white-space: nowrap;
    text-decoration: none;

    }
    .edition_limit:hover{
      background: #fff;
    }

    .popup-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .edition_limit_popup{
        text-align: center;
        width: 100%;
        bottom: 0;
        left: 50%;
        color: #fff;
        background-color: #C12C40;
        text-transform: uppercase;
        font-family: 'als_haussbold';
        padding: 20px 50px;
        border-radius: 0 0 5px 5px;
        white-space: nowrap;
        text-decoration: none;
    }
    .edition_limit_popup:hover{
        background: #fff;
    }

    .btn-close-popup{
        position: absolute;
        right: 45px;
        top: 40px;
        color: #fff !important;
        z-index: 999;
        width: 22px;
        background-color: #fff;
        height: 22px;
        border-radius: 50%;
    }

    .desc_banniere{

    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%,-10%);
    text-align: center;
    font-family: 'cera_probold';
    color:  #F8F4E985;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 90%;

    }
    .desc_banniere .sous_titre_categorie
    {
    font-size: 20px;
    display: block;
    width: 100%;
    }
    .sous_titre_categorie{
      width: 100%;
      text-align: center;
    }
    .desc_banniere .titre_categorie, .desc_fid .titre_categorie
    {   font-family: 'cera_probold';
    font-size: 62px;
    text-transform: none;
    display: block;
    /*margin-bottom: 80px;*/
    width: 100%
    }

    .img_responsive{
    max-width: 100%;

    }
     .img_padding{ padding: 40px 0;}
    .desc_banniere a, .desc_fid a{
    color: #fff;
    border:1px solid  #fff;
    background: transparent;
    text-transform: uppercase;
    font-family: 'als_haussbold';
    padding: 20px 50px;
    border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
    min-width: 60%;
    }
    .desc_banniere a:hover, .desc_fid a:hover{

    background: #000;
     }
    .bg_color{
    background-color:  #2C443B;
    position: relative;
    }
    .bg_color.rouge
    {
    background-color:#C12C40 ;
    }

    .desc_banniere .desc_cat,  .desc_fid .desc_cat{

    font-family: 'cera_promedium';
    color: #85C090;
    font-size: 25px;

    }

    .rouge .desc_banniere .desc_cat{

    color: #FF8D9D;

    }
    .bg_color.rouge .desc_banniere a,.bg_color.rouge .contenu_banniere a {

    border:1px solid #FF8D9D;
    color: #FF8D9D;

    }

    .bg_color .desc_banniere a, .desc_fid a{
    border: 1px solid #85C090;
    color: #85C090;

    }
    .bg_color .desc_banniere .desc_cat, .contenu_banniere .desc_cat{
      width: 100%;
    text-transform: none;
    display: inline-block;
    }
    .btn_widhb{
      white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-size: 0.875rem;
    border: 1px solid #000;
    font-family: 'als_haussbold';
    width: 100%;
    padding: 15px ;

    }
    .btn_widhb:hover{
      background: #fff;

    }
    .btn_widhb.noir{ background-color: #000; color: #fff;}
    .bg_color .desc_banniere .sous_titre_categorie{
    width: 35%;
    margin: 0 auto;
    }
    .element .img_pdt img{
    width:auto;
    margin: 0 auto;

    }
    .contenu_banniere{
      padding: 30px 100px;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-around;
      height: 100%;
    }
    .nopaddingtop{padding-top: 0; padding-bottom: 0;}
     .element .img_pdt{
    background: #fff;
    border: 0;
    text-align: center;
    position: relative;
    padding: 20px;
    overflow: hidden;
    cursor: pointer;
    }
    .element .img_pdt a.addtocart{
    background: #000;
    width:100%;
    text-decoration: none;
    height: 0;
    text-align:center ;
    padding: 14px;
    position: absolute;
    bottom:-29px;
    left: 0;
    font-family: 'als_haussbold';
    text-transform:uppercase;
    color: #fff;
    display: flex; padding: 14px ;
    align-items: center;
    justify-content: center;  transition: all 0.5s;

    }
    .element .img_pdt:hover a.addtocart{width:100% ; height: auto; bottom: 0;}
    .element .img_pdt a.addtocart::before, .details_pdt_banner a.addtocart::before { display: inline-block;position: relative;
      top: -2px;
    background:url("../img/icon/panier_pdt.png") no-repeat ;
    content: "";
    width: 21px;
    height: 24px;
    margin-right:15px;
    }
    .element .img_pdt{
    position: relative;
    }
    .tabs_pdts{
    background: #f1ebe3 url(../img/bg_cartouche_pdts.svg) no-repeat ;
    background-size:cover ;
    width: 100%;
    padding: 100px 100px 24px 100px;

    }.tabs_pdts.blanc_bg{
        background: #fff;
    }
    .tabs_pdts a{ text-decoration: none;}
    .tabs_pdts li{
      margin-right: 20px;
    }
    .element .details_pdt{

    padding: 10px 0;
    color: #000;
    font-family: 'cera_promedium';
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    }
    .element .details_pdt .prix{
    font-size: 1.125rem;
    white-space: nowrap;

    }
    .art, .edition_limite{
    position: relative;
    }
    .sous_carroussel .owl-stage{
    display: flex;
    }
    .sous_carroussel .owl-stage .owl-item {
    border-bottom: 2px solid #000;

    }
    .titre_section{
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .tabs_pdts .owl-nav{
      display: none;
    }

    .titre_section h2{

    font-family: 'cera_probold';
    font-size: 36px;
    color: #000;


    }
    .calltoaction {
    margin-left: 50px;
    font-family: 'cera_promedium';
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    position: relative; padding-right: 55px;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    }
    .calltoaction:after{

    content: "";
    background: url(../img/icon/arrow_rouge.png) no-repeat center center;
    border: 1px solid #C12C40;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translate(0,-50%);

    }
    .nav-tabs .nav-item .nav-link {
      padding: 0;
    color: #000;
    text-transform: uppercase;
    font-family: 'cera_promedium';
    font-size: 15px;
    background-color: transparent;
    border-color: transparent;
    }
    .marginauto{
      margin: 0 auto;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #C12C40;

    }
    .nav-tabs{
    border: transparent;
    }
    .owl-theme .owl-dots .owl-dot span {

    background: #EBE4D9;

    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:#C12C40
    }
    .details_pdt_banner{
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%,-15px);
    text-align: center;
    }
    .details_pdt_banner .sous_titre_categorie{

    font-family: 'cera_probold';
    font-size: 35px;
    color: #fff;
    display: block;
    }
    .details_pdt_banner .prix_pdt{
    margin-bottom: 40px;
    display: block;
    }
    .details_pdt_banner a{
    font-family: 'als_haussbold';
    font-size: 0.875rem;
    text-transform: uppercase;
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .desc_event{
   width: 70%;
    font-family: 'cera_promedium';
    font-size: 17px;
    color: #000;
    display: block;
    margin: 10px 0 25px 0;
    }
    .date_event{
    font-family: 'cera_promedium';
    font-size: 0.875rem;
    color: #575757;
    }
    .entre_caviste .img_pdt{
    background:transparent;
    }
    .fidelite{
    background-color: #2b4137;
    display: flex;
    padding: 50px 80px;
    align-items: center;

    }
    .banner_pdt{
    position: relative;
    }
    .desc_fid{

    text-align: center;
    }
    .desc_fid .desc_cat{
    color: #85C090;
    display: block;
    width: 33%;
    margin: 0 auto;

    }
    .newsletter{
    width: 100%;
    background-color:#faf7ef ;
    padding: 100px;

    }
    .titre_newsletter{
    color: #000;
    font-size: 36px;
    font-family: 'cera_probold';
    padding-right: 50px;

    }
    .titre_newsletter span{
    font-family: 'als_haussregular';
    font-size: 17px;
    color: #222;
    display: block;
    }

    .form_newsletter input{
    height: 40px;
    border: 0;
    border-bottom: 2px solid #000;
    color: #575757;
    font-size: 17px;
    font-family: 'cera_prolight';
    background: transparent;
    width: 100%;
    outline: none;

    }
    .form_newsletter input::placeholder{
    color: #575757;

    }
    .newsletter .row.flex{
    display: flex;
    align-items: flex-end;
    }

    #footer{
    background-color: #000000;
    padding: 50px;

    }
    .menu_1, .menu_2{
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 20px 0;

    }
    .menu_1 li, .menu_2 li {
    margin: 0;

    margin-right: 30px;
    list-style-type: none;

    }
    .menu_1 li a{
    font-size: 24px;
    font-family: 'cera_promedium';
    color:  #fff;
    text-decoration: none;
    white-space: nowrap;
    }
    .menu_1 li a:hover{
      color: #e0a85e;
    }
    .menu_2 li a{
    font-size: 1rem;
    font-family: 'cera_promedium';
    color:#CBAF8A;
    text-decoration: none;
    white-space: nowrap;
    } .menu_2 li a:hover{ color: #e0a85e;}
    .adresse_footer{
      font-size: 1rem;
      line-height: 22px;
      color: #EBE4D9;
      font-family: 'cera_prolight';
      margin-top: 50px;
      display: block;

    }
    .adresse_footer span{ display: block;}
    .titre_adresse{
    font-family: 'cera_promedium';
    }
    .copy_right{

      color: #575757;
      font-size: 15px;
      font-family: 'cera_promedium';
      display: block;
      margin-top: 30px;


    }
    .center{
      text-align: center;
    }
    /* #page_interne .element .img_pdt{
      background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23ACACACFF' stroke-width='3' stroke-dasharray='9' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    } */
    #page_interne #content{
      padding: 70px;
      background-color: #fcfaf4;
    }
    #page_interne .element .details_pdt {

      flex-wrap: wrap;
    }
    #filtre.show:before{
        content: "";
        background-color: white;
        position: absolute;
        right: 0;
        top: -123px;
        width: 120%;
        height: 114%;
    }
    #page_interne .element .details_pdt .titre_pdt{ width: 100%; font-size: 1rem;}
    #page_interne .element .details_pdt .prix{ font-size: 0.875rem;}
    #page_interne .element { border-bottom: 2px solid #EBE4D9; height: 100%; position: relative;}
    #page_interne .element .img_pdt a.addtocart, #event-section .element .img_pdt a.addtocart{
    text-decoration: none;
    width: 99%;
    left: 50%;
    transform: translate(-50%,-1px);

    }
    #page_interne .item .element { border-bottom: 2px solid #EBE4D9; height: 100%; position: relative;}

    .ligne .owl-item.active:last-child {
    opacity: 0.3;
    }
    #page_interne #content.widthoutp{
      padding-right: 0;
    }
    #page_interne #content .titre_univers{
    font-size: 36px;
    font-family: 'cera_probold';
    color: #000;
    margin-bottom: 40px;
    }
    .widthoutp .calltoaction{
    margin-right: 50px;
    }
    .ligne .owl-nav{
      position: absolute;
      color: #000;
      top:100px;
      width: 100%;
    }
    .ligne .owl-nav .owl-prev{
      position: absolute;
      left:-35px;
      background: transparent url(../img/icon/arrow_left.png) no-repeat;
      width:8px ;
      height:14px ;
    }

    .ligne.owl-theme .owl-nav [class*=owl-]:hover{
      background: transparent;
    }
    .ligne .owl-nav .owl-next{
      position: absolute;
      background:transparent url(../img/icon/arrow_right.png) no-repeat;
      width:8px ;
      height:14px ;
      right:100px;
      opacity: 1;
    }
    .ligne .owl-nav .owl-prev:before{

      content:"\f053";
      font-family:'FontAwesome';
      color: #000;


     }
     .ligne .owl-nav .owl-next:before{

      content:"\f054";
      font-family:'FontAwesome';
      color: #000;
      opacity: 1;
      background-color: transparent;

     }
     .ligne .owl-nav button span{ display: none;}
     .widthoutp .titre_section{
    padding-bottom:30px ;

     }
     .ligne{
      margin-bottom: 80px;
     }

     .breadcrumbs{
      padding-left: 70px;
    background-color: #fcfaf4;
    padding-top: 30px;
    padding-bottom: 100px ;
    border-bottom: 1px solid #cbaf8a69;
    font-family: 'als_haussregular';
    font-size :13px ;
    text-transform: uppercase;
    color:#CBAF8A ;
     }
     .product .breadcrumbs{
      padding: 0 0 0 70px;
    border-bottom: 0;
    height:72px ;
    font-family: 'als_haussregular';
    display: flex;
    align-items: center;
    font-size :13px ;
    text-transform: uppercase;
    color:#CBAF8A ;
     }
     .breadcrumbs.widthcat {

      padding-top: 24px;
      padding-bottom: 50px;
    }
     .breadcrumbs ul{
    padding-top: 15px;
    width: 95%;

     }
    .product .breadcrumbs ul{

      padding-top: 0;

       }
     .breadcrumbs li{ list-style: none; margin-right: 10px; display: inline-block;}
     .breadcrumbs li a{
      color:#222222 ;
      text-decoration: none;
     }
     .breadcrumbs li:after{

      width: 10px;
      height: 10px;
      margin-left: 5px;
      border-radius: 50%;
      color: #000;
      content: ".";
     }
     .breadcrumbs li:last-child:after{ display: none;}
     .desc_cat{
      display: inline-block;
      color: #FF8D9D;
      font-size: 25px;
      margin: 0 auto;
     }
     .desc_cat.vert{
      color: #85C090;
     }
     .titre_categorie{
      font-family: 'cera_probold';
      font-size: 62px;
      text-transform: none;
      display: block;
      padding-bottom: 30px;

     }
     .txt_banner{
      text-align: center;
        padding: 24px;
     }
     h1{
    display: block;
    font-size: 36px;
    margin: 24px 0;
    color: #000;
    font-family: 'cera_probold';
    text-transform: none;
     }

     .sous_categorie li a{

    font-family: 'als_haussmedium';
      font-size:15px ;
      color: #222;
      text-transform: none;
      border: 1px solid #CBAF8A;
      border-radius: 5px;
      background-color: #fff;
      padding: 16px;
      white-space: nowrap;
      display: inline-block;
      margin-bottom: 15px;


     }
     .sous_categorie li:after{
      display: none;
    margin-right: 10px;
    }
    .sous_categorie li a.active, .sous_categorie li a:hover{
    background-color:#C12C40 ;
    color: #fff;
    }
    .products_list{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;

    }.products_list.show{width: 80%;}
    .products_list .item{
      width: 20%;
      padding-right: 20px;
      margin-bottom: 20px;
    }
    .products_list .item.filtreshow{
      width: 33%;
    }
    .catalogue
    {
    display: flex;
    }
    #filtre{
      width:0;
      visibility:hidden;
      opacity: 0;
      height: 0;
    margin-right: 20px;
    }
    #filtre.show{
      width:35%;    height: auto;
      visibility:visible;
      opacity: 1;
        transition-duration: .4s;
        padding-left: 20px;
        position: relative;


    }
    .products_list.show {
      width:100%;
    }
    .filtre_pdts{

      font-family: 'als_haussmedium';

    }


    .titre_event{
    text-transform: uppercase;
    font-size: 0.875rem;
    color: #F8F4E985;
    font-family: 'cera_probold';

    }
    .btn_widhb.vert{
      color: #85C090;
      border: 1px solid #85C090;
    }

      .element_filtre{

          border-bottom: 1px solid #EBE4D9;
          display: block;
          width: 100%;
          clear: both;

      }
    .beige{
       color: #CBAF8A;
      }
      .btn_widhb.beige{
        border: 1px solid #CBAF8A;
        color: #CBAF8A!important;
      }
      .item .btn_widhb{
        min-width: 60%;
        width: auto;
      }
      .titre_filtre{
        color: #000;
        font-size: 15px;
        font-family: 'als_haussmedium';
        display: block;
        padding: 15px 0;

      }
      .content_filtre ul li {
        list-style-type: none;
        margin-bottom:15px ;
        position: relative;


      }
      .content_filtre ul{
     padding-left: 15px;
      }
      .content_filtre ul ul, .element_filtre:first-child ul {
        padding: 0;
      }
      .content_filtre ul li a,   .content_filtre ul li {
        font-size: 15px;
        font-family: 'als_haussregular';
        cursor: pointer;
        color: #000;
        text-decoration: none;
      }
       .content_filtre ul li a:hover,  .content_filtre ul li a.active {
    color: #C12C40;
       }
       .content_filtre ul li a.active {
        font-family: 'als_haussmedium';

       }
       .filtre_pdts {
        position: relative;
        font-family: 'als_haussmedium';
        font-size: 0.875rem;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;
       }
        .filtre_pdts:before{
        display: inline-block;
        content: "";
        background: url(../img/icon/filtre.png) no-repeat;
        width: 16px;
        height: 16px;
        padding-left: 22px;
        white-space: nowrap;


       }
       .filtre_pdts{
        display: flex;
        align-items: center;
       }
         .filtre_pdts::before{content: "Afficher les Filtres";}
       .filtre_pdts.fermer::before{content: "Masquer les Filtres";}
       .filtre_shop{
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 9;
        position: relative;
        padding: 20px;
        padding: 0 20px 20px 20px;

       }
      .order_produits{
      display: flex;
      align-items: center;

      }
      .nombres_resultat{
        color: #575757;
        text-transform: uppercase;
        font-size: 0.813rem;
        font-family: 'als_haussregular';

      }
      .element_filtre:first-child .content_filtre{
      display: block;
      }
      .content_filtre.open{

      display: block;

      }
      .content_filtre{
      display: none;
      }
      .titre_filtre{
        position: relative;
        padding-right: 15px;
        cursor: pointer;
      }
      .element_filtre:first-child  .titre_filtre:after{
        display: none;
      }
      .titre_filtre:after
      {
        background: url("../img/icon/arrow_down.png") no-repeat;
        width:13px ;
        height:8px ;
        content: "";
        position: absolute;
        right:13px;
        top: 23px;

      }
       .titre_filtre.open:after
      {
        background: url("../img/icon/arrow_up.png") no-repeat;
        width:13px ;
        content: "";
        height:8px ;
        position: absolute;
        right: 13px;
        top: 20px;
        font-family: FontAwesome;
      }#keywords.form-control {

        width: 95%;}
      .custom-checkbox input[type="checkbox"] + span{
        width: 16px;
        height: 16px;
        border: 1px solid #575757;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;

      }
        .custom-checkbox input[type="checkbox"] {   width: 16px;
        height: 16px; opacity: 0;}
    .custom-checkbox input[type="checkbox"]:checked + span:before{ background: #C12C40;
      width: 8px;
      position: absolute;
      height: 8px;
      content: "";
      display: inline-block;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);}
      .custom-checkbox input[type="checkbox"]:checked + a{ border: 1px solid red;}
      .custom-checkbox{
        position: relative;
      }
      .filtre-label a{
        padding-left: 10px;
      }
      .trier_par{

        text-transform: uppercase;
        font-size: 0.875rem;
        color: #000;
        background-color: transparent;
        font-family: 'als_haussmedium';
        border: 0;
      }
      .trier_par:hover,.trier_par:focus {
      background-color: transparent;
      border: 0;
      color: #000;
      outline: none;
      box-shadow:none;
      }
     .dropdown-menu.show li a
      {
       border-bottom: 1px solid #EBE4D9;
       padding-bottom: 10px;
     }
     .dropdown-menu.show li a:hover{
      background-color: transparent;
     }
     .dropdown-menu.show {
      font-family: 'als_haussregular';
      font-size: 0.875rem;
      color: #000;
      border-radius: 0;
      min-width: 250px
     }
     .dropdown-menu.show li:last-child a{
      border-bottom: 0;
     }
     .products_list .filtres_active{
      display: none;
     }
     .products_list.show .filtres_active{
      display: block;
     }
     .filtres_active{
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 20px;

     }
     .filtres_active li{
      text-transform: uppercase;
      list-style-type: none;
      color: #575757;
      font-family: 'als_haussregular';
      font-size: 0.813rem;
      display: inline-block;
      margin-right: 15px;
    }
    .filtres_active li span.close::before{
      background: url(../img/icon/close.png) no-repeat;
      content:"";
      font-family: FontAwesome;
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-left: 3px;


    }
    .suppression{
      color: #ababab;
      text-transform: none;
    }
    .pagination{
    width: 100%;
    align-items: center;
    justify-content: right;
    margin-top: 40px;

    }
    .pagination li{
      display:inline-block;
      list-style: none;
      margin-right: 8px;
      }
      .pagination li a{display: inline-block;
       padding: 10px 15px;
       color: #000;font-family: 'als_haussbold';
       background-color: #EBE4D9;
       text-transform: uppercase;
       font-weight: bold;
       border-radius: 5px; text-decoration: none;
       }
       .pagination li a:hover,.pagination li a.active {
        padding: 10px 15px;
        color: #fff;
        background-color: #C12C40;

        }
        .item.widtbanner{
    width: 40%;/*
    margin-right: 0;*/

        }
        .item.filtreshow.widtbanner{
          width: 50%;
        }
        .bg_banner {

    background-color: #222222;
    padding: 46px;

        }
        .item .contenu_banniere{
    padding: 0;
        } .item .contenu_banniere span{
    display: block;
    width: 100%;
        }
        .nomargin{ margin: 0;}
    .nopadding{ padding: 0;}/*
    .bgimg{ background: url(../img/art_table.jpg) no-repeat center center; position: relative;background-size: cover;}*/
    .img_responsive.object{
      object-fit: cover;
      height: 100%;
    }
    .sous_filtre {
      display: none;
    }
    .sous_menu::before{

      font-family: 'Line Awesome Free';
        font-weight: 900;
      content:"\f067";
    float: right;
    color: #000;

    }
    .sous_menu.open::before{
      font-family: 'Line Awesome Free';
        font-weight: 900;
      content: "\f068";
      float: right;
      color: #C12C40;

      }
      .sous_menu.ouvrir::before{
          font-family: 'Line Awesome Free';
            font-weight: 900;
          content: "\f068";
          float: right;
          color: #C12C40;

          }
      .sous_menu.open{
    color:#C12C40;
    font-family: 'als_haussbold';

      }
    .sous_filtre.open { display: block;margin: 10px 0;}
    .etiquette{
    background-color: #fff;
    display: inline-block;
    border-radius: 7px;
    padding: 5px 10px;
    color: #000;
    font-size: 0.875rem;
    font-family: 'als_haussmedium';
    position: absolute;
    right: 10px;
    top: 10px;

    }
    .bg_beige{
      background-color: #F8F4E985;
    }
    .product{
      background-color: #fff;
    }
    .img_pdt{
      text-align: center;
      padding: 50px 0;
    }
    .product .details{
      color: #000;
    }
    .prix_disponibilite{
      display: flex;
      width: 100%;
      border-bottom: 1px solid #EBE4D9;
      border-top: 1px solid #EBE4D9;
      margin:40px 0;
      padding: 20px 0;
      align-items: center;
      justify-content: space-between;
    }
    .disponibilite{
        color: #85C090;
        font-family: 'als_haussmedium';
        font-size: 14px;

    }
    .infos_livraison{
      font-size: 0.813rem;
      color: #222;
      display: block;
      width: 100%;
      margin:20px 0

      }
      .commande_express{
        border: 1px solid #000;
        color: #000;
        margin-bottom: 30px;
      }
       .avis {
     font-size: 15px;
     width: 100%;
     display: flex;
     align-items: center;
      }
      .vote{
        color:#E0A85E;
      }

      .result_vote{
        font-family: 'cera_probold';
        color: #000;
        font-size: 32px;
        margin-right: 15px;
      }
    .nbre_avis{
      font-family: 'cera_promedium';
      font-size: 1rem;
      margin-left: 20px;

    }
    .text_cnx{
    font-size: 16px ;
    color: #222;
    margin-bottom: 20px;
    font-family: 'ALS Hauss';

    }

    .redige_avis{
      display: inline-block;
      width: auto;
      padding: 25px 50px;
      border: 1px solid #000;
      color: #000;
      margin-bottom: 50px;
    }
    .displayblock{
      display: block;
    }
    .result_vote.displayblock{
    margin:20px 15px 30px 0

    }
      h2{

        font-family: 'cera_probold';
        color: #000;
        font-size: 36px;
        display: block;
        margin-bottom: 30px;
      }
      .caracteristique{
        font-size: 1rem;
        font-family: 'als_haussmedium';
        color: #575757;
        margin-bottom: 20px;
      }  .caracteristique span{
        display: block;
        width: 100%;
      }
      .caracteristique .value{
        font-family: 'als_haussbold';
        color: #000;

      }
      .fiche_tech{
        border: 1px solid #000;
        color: #000;
        font-family: 'als_haussbold';
        font-size: 0.875rem;
        text-transform: uppercase;

        align-items: center;
        justify-content: center;
        white-space: nowrap;
        padding: 14px;
        margin-top: 30px;

      }
      .fiche_tech:before{ content: "";
      background: url(../img/icon/pdf.png) no-repeat;
      width:19px;
      height:24px ;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
    }
    .details.nopaddingtop{
      padding: 0 17% 17%;

    }
    .accord span{
      margin-top:15px;
      display: block;
      font-family: 'als_haussbold';
      margin-top: 10px;
      font-size: 0.875rem;

    }
    .accord img{
      max-width: 100%;
    }
    .result_vote span{
    font-size: 1.125rem;


    }
    .link_politique{
      font-family: 'als_haussmedium';
      font-size: 0.875rem;
      color: #222;
      display: block;
      text-decoration: none;


    }
    .link_politique:after{ content: "";
    display: inline-block;
    background: url(../img/icon/arrow_right.png) no-repeat;
    width: 8px;
    height: 14px;
    margin-left: 10px;
    }
    .titre_avis{

      font-family: 'als_haussmedium';
      font-size: 1rem;
      margin-bottom: 15px;

    }

    .content_avis{

      font-family: 'ALS Hauss';
      font-size: 15px;


    }
    .avis_approve span{ display: block;
    width: 100%;  color: #222;}
    .avis_approve span.ecrit_par{
      color: #575757;
      opacity: 0.5;
    }
    .avis_approve li{
      list-style-type: none;
      margin-bottom: 30px;
    }
    /* Slider */
    .slick-slider
    {
        position: relative;

        display: block;
        box-sizing: border-box;

        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;

        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
            touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list
    {
        position: relative;

        display: block;
        overflow: hidden;

        margin: 30PX 0 0 0;
        padding: 0;
    }
    .slick-list:focus
    {
        outline: none;
    }
    .slick-list.dragging
    {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    .slick-track
    {
        position: relative;
        top: 0;
        left: 0;

        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .slick-track:before,
    .slick-track:after
    {
        display: table;

        content: '';
    }
    .slick-track:after
    {
        clear: both;
    }
    .slick-loading .slick-track
    {
        visibility: hidden;
    }

    .slick-slide
    {
        display: none;
        float: left;

        height: 100%;
        min-height: 1px;
    }
    [dir='rtl'] .slick-slide
    {
        float: right;
    }
    .slick-slide img
    {
        display: block;
    }
    .slick-slide.slick-loading img
    {
        display: none;
    }
    .slick-slide.dragging img
    {
        pointer-events: none;
    }
    .slick-initialized .slick-slide
    {
        display: block;
    }
    .slick-loading .slick-slide
    {
        visibility: hidden;
    }
    .slick-vertical .slick-slide
    {
        display: block;

        height: auto;

        border: 1px solid transparent;
    }
    .slick-arrow.slick-hidden {
        display: none;
    }
    .btn_up{
    margin-bottom: 30px;

    }

    .btn_up:before
    {background: url("../img/icon/arrow_up.png") no-repeat;

      width:13px ;
      height:8px ;
      content: "";
    display: inline-block;
    cursor: pointer;

    }
    .btn_down:before
    {  background: url("../img/icon/arrow_down.png") no-repeat;

      width:13px ;
      content: "";
      height:8px ;
      display: inline-block;
      font-family: FontAwesome;
      cursor: pointer;
    }
    .btn_down.slick-disabled:before{
      opacity: 0.5;
    }.btn_up.slick-disabled:before{
      opacity: 0.5;
    }
    .slick-carousel{
    text-align: center;

    }
    .slick-list li{
      text-align: left;
    }
    .play_video::before{
      background: url(../img/icon/play.png) no-repeat;
      width:39px;
      height: 46px;
      position: absolute;
      top: 50%;
      content: "";
      left: 50%;
      transform: translate(-50%,-50%);
    }
    .play_video{
      position: relative;
    }
    .adecouvrir{
      padding: 100px;
      position: relative;
    }
    .form_newsletter{
      position: relative;
    }
    .rate {
      display: inline-block;
      border: 0;
    }
    /* Hide radio */
    .rate > input {
      display: none;
    }
    /* Order correctly by floating highest to the right */
    .rate > label {
      float: right;
    }
    /* The star of the show */
    .rate > label:before {
      display: inline-block;
      font-size: 2rem;
      padding: .3rem .2rem;
      margin: 0;
      cursor: pointer;
      font-family: FontAwesome;
      content: "\f005 "; /* full star */

    }

    /* Half star trick */
    .rate .half:before {
      content: "\f089 "; /* half star no outline */
      position: absolute;
      padding-right: 0;
    }
    /* Click + hover color */
    input:checked ~ label, /* color current and previous stars on checked */
    label:hover, label:hover ~ label { color: #e0a85e;  } /* color previous stars on hover */

    /* Hover highlights */
    input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
    input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
    label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #e0a85e;  }
    .banner_accueil{
    position: relative;

    }
    .slider{

    position: fixed;
    top: 0;
    z-index: -1;
    background-color: #000;
    padding: 180px 0;

    }
    .slider.ouvrir{

    z-index: 3;

    }
    .menu_shop .btn-close_menu{
      display: none;
      box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        color: #000;
          border: 0;
        border-radius: 0.25rem;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 21;

        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
     }
    .menu_shop.open .btn-close_menu{
      display: block;
      position: absolute;
    cursor: pointer;
      top: 20px;
      right: 20px;
      z-index: 21;
    }

    .menu_shop{
      position: fixed;
      background: #fff;
      top: 0;
      left: 0;
      width: 100%;
      height: 0%;
      opacity: 0;
      visibility: hidden;
      transition: opacity .35s,visibility .35s,height .35s;
      z-index: 11;
      overflow: auto;



    }

    .btn-close-popup{
        position: absolute;
        right: 45px;
        top: 40px;
        color: #fff !important;
        z-index: 999;
        width: 22px;
        background-color: #fff;
        height: 22px;
        border-radius: 50%;
    }

    .popup-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .edition_limit_popup{
        text-align: center;
        width: 100%;
        bottom: 0;
        left: 50%;
        color: #fff;
        background-color: #C12C40;
        text-transform: uppercase;
        font-family: 'als_haussbold';
        padding: 20px 50px;
        border-radius: 0 0 5px 5px;
        white-space: nowrap;
        text-decoration: none;
    }
    .edition_limit_popup:hover{
        background: #fff;
    }

    .menu_shop.open{
      opacity: 1;
      visibility: visible;
      height: 100%;
    }
    .menu_shop.open:before{
    width: 30%;
    background-color: #000;
    height: 100%;
    content: "";
    left: 0;
    position: absolute;


    }

    .content_menu{
      padding: 10% 15%;
      z-index: 4;
      position: relative;
    }
    body.ouvrir{
    overflow: hidden;

    }
    .content_menu ul li{

    list-style: none;
    }
    .content_menu ul li a{
      font-family: 'cera_probold';
      font-size: 36px;
      color: #fff;
      display: block;
      text-decoration: none;
    }
    .content_menu ul .submenu ul li a:first-letter {
      text-transform: uppercase;
  }



    .content_menu ul li a:hover
    {
      color:#E0A85E ;
    }
    .content_menu ul .submenu{
      background-color: white;
      height: 100vh;
      padding-top: 11%;
      position: absolute;
      left: 30%;
      width: 70%;
      top: 0;
      padding: 10% 9%;

    }
    .content_menu ul .submenu li{
      display: inline-block;
      margin-right: 30px;
      vertical-align: top;
    }
    .content_menu ul .submenu li li{
      display: block;
      width: 100%;

    }
    .content_menu ul .submenu ul li a{
      font-family: 'als_haussregular';
      font-size: 1rem;  margin-bottom: 10px;
      text-transform: lowercase;
    }
    .content_menu ul .submenu a{
      color: #000;
      font-size: 20px;margin-bottom: 20px;

    }
    .social .noter { display: none;}
    .content_menu ul li:first-child .submenu{
    display: block;

    }

    .content_menu ul li .submenu
    {
     display: none;
     transition: all 0.9s ease-in-out;
    }

    /* .content_menu ul{position: relative;} */

    .html{
      display: block;
      width: 100%;
      text-align: center;
    /*  background-color: #000;*/
      margin-top: 50px;
    }
    .html .contenu_banniere span{
      display:block ;
      width: 100%;
    }.banner_accueil{
      position: relative;

      }
      .banner_accueil img{
    height: 100vh;
    object-fit: cover;
   width: 100%;
      }
      .bannieres img.img_responsive{
    width: 100%;
    height: auto;

      }
      .entre_caviste img.img_responsive {

          min-height: 326px;
      object-fit: cover;
      }

     body.ouvrir #page:before{
      height: 100%;
      width: 100%;
      background-color: #000;
      transition: opacity 0.3s;
      content: "";
      position: absolute;
      z-index: 2;

     }
      .slider{

      position: fixed;
      top: 0;

      background-color: #000;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    padding: 180px 0;

               /* transition: opacity 0.3s; */
      }
      .slider.ouvrir{

      z-index: 3;
      visibility: visible;
    opacity: 1;
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
              animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;


      }

    @-webkit-keyframes scale-up-center {
      0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }
    @keyframes scale-up-center {
      0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }

      #offcanvasRightLabel{
        font-family: 'cera_probold';
        font-size: 26px;
        text-transform: uppercase;
        color: #000;

      }
      .offcanvas-header{
    border-bottom: 1px solid #EBE4D9;
    position: relative;
      }
      .offcanvas-header::after{ content: ""; width: 1px; height: 100%; position: absolute; right: 50px; background-color:#EBE4D9 ;}
      .offcanvas-header .btn-close{ opacity: 1;}

     .content_panier ul li, .infos a, .infos span{
        display: flex;
        list-style-type: none;
        width: 100%;
        color: #000;
        align-items: center;
        font-family: 'cera_promedium';
        margin-bottom: 10px;
        text-decoration: none;
        text-align: left;
        font-size: 1rem;
    }
    .content_panier ul li{
        position: relative;
    }.content_panier ul li span.quantity{
        position: absolute;
        right: 0;
        color: #ababab;
        width: 17px;
    }
    .content_panier ul li span, .infos a, .infos span{
      display: block;
    }
    .infos{
      width: 275px;
    }
    .im_pdt{
      background-color: #fff;
      width: 128px;
      height: 128px;
      border: 1px solid #fff;
      text-align: center;
      padding: 10px;
      flex: 0 0 128px;
      align-items: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
    }
    .offcanvas-body {
      padding: 30px;
    }
    .total{
      width: 100%;
      height:72px ;
      font-family: 'cera_probold';
      text-transform: uppercase;
      display: flex;
      border-bottom: 1px solid #EBE4D9 ;
      border-top: 1px solid #EBE4D9 ;
     align-items: center;
     color: #000;
     font-size: 20px;
     justify-content: space-between;
     margin-top: 30px;
     margin-bottom: 30px;
    }
    .links a{
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    }
     .links a.btn_widhb:first-child{
      border: 1px solid #000;
      background-color: #000;
      color: #fff;
    }
     .links a.btn_widhb{
      border: 1px solid #000;
      background-color: #fff;
      padding: 15px 0;
      color: #000;
      width: 100%;
    }
    .links a.btn_widhb.rose{
      background: #C12C40;
      border: 1px solid #C12C40;
    }
     .links a.btn_widhb:hover{     border: 1px solid #cbaf8a;
      background-color: #cbaf8a; color: #fff;}
     .links a.btn_widhb:first-child:hover{
      background-color: #fff; color: #000;
    }
    .btn_widhb.rose{ border: 1px solid #C12C40;  color: #C12C40;}
    .btn_widhb.bg.rose{ background-color: #C12C40;  color: #fff;}
    .btn_widhb.bg.rose:hover{ background-color: #000;  color: #fff; border: 1px solid #000;}
    .suggestion{
      border-top: 1px solid #EBE4D9 ;
      padding-top: 30px;
      margin-top: 30px;
    }
    .recherche_caviste .btn_widhb.rose:hover{
      background-color: #C12C40;
      color: #fff;
    }
    .recherche_caviste .btn_widhb.rose.bg:hover{
      background-color: #fff;
       color: #C12C40;
    }
    .modal-content {

      border-radius: 0

    }
    .modal-header{
      border-bottom: 1px solid #EBE4D9;
      outline: 0;
      position: relative;
      font-family: 'cera_probold';
      font-size: 26px;
      text-transform: uppercase;
      color: #000;
    }
    .modal-header:after{
      content: "";
      width: 1px;
      height: 100%;
      position: absolute;
      right: 60px;
      background-color: #EBE4D9;
    }

    .element .modal-body .links a{ position:inherit; transform: none!important;}
    .contenu_modal{padding:20px;}
    .btn-close{
      opacity: 1;
    }
    .contenupopup{

      width: 100%;
      display: flex;
      align-items: center;
    }
    .contenupopup .im_pdt img, .content_panier .im_pdt img{
  height: 120px!important;
  width: auto!important;
  max-width: initial;


    }
    .quantite input{
      width: 72px;
        flex: 0 0 72px;
        height: 56px;
        line-height: 56px;
        color:#222 ;
        font-size: 1rem;
        border: 1px solid #DBD8CF;
        border-radius: 5px!important;
        outline: none;
        background-color: transparent;
        text-align: center;
    }
    .offcanvas-footer{
      position: fixed;
      bottom: 20px;
      background-color: #fff;
    }
    .recherche_caviste .content_panier ul{
    height: 30vh;
    display: inline-block;

    }
    .search{
      background-color: #fff;
      border-bottom: 1px solid #EBE4D9;
      position: absolute;
      top: 0;
      width: 300px;
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      position: relative;
      display: none;


    }
    .search:before{
      content:"";
      height: 100%;
      background-color: #EBE4D9;
      width: 1px;


    }

    .mot_cle{
    height:100% ;
    background: transparent;
    outline: none;
    border: 0;
    flex: 0 0 80%;
    }
    .search button{

      background: url(../img/icon/loope.png);
      width:24px ;
      height:24px ;
      display: inline-block;
      border: 0;

    }
    .search button span{ display: none;}

    /*********************** expand**********/


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

    @import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);

    /* ******************************************************
      CSS Slide Out Menu
    *********************************************************/



    .Exp-serach {
      position: absolute;
      width: 0%;
      left: 20px;
      min-width: 50px;
      height: 50px;
      top: -12px;
      float: right;
      overflow: hidden;
      -webkit-transition: width 0.3s;
      -moz-transition: width 0.3s;
      transition: width 0.3s;
      -webkit-backface-visibility: hidden;
    }
    .col-forms h2.marginbottom20{
      margin-bottom: 20px;
    }
    .ExpInput {
      border: medium none;
      color: #A0B58D;
      font-family: inherit;
      font-family: 'als_haussregular';
      font-size: 1rem;
      height: 50px;
      margin: 0;
      outline: medium none;
      padding: 0 0 0 60px;
      position: absolute;
      left: 0;
      opacity: 0;
      top: 0;
      width: 100%;
      z-index: 10;
    }
    .Exp-serach-open .ExpInput {
       background: #fff; opacity: 1;
      }

    input[type="search"].ExpInput {
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
    }
    .ExpInput::-webkit-input-placeholder {
        color: #575757;
    }

    .ExpInput:-moz-placeholder {
        color: #A0B58D;
    }

    .ExpInput::-moz-placeholder {
        color: #A0B58D;
    }

    .ExpInput:-ms-input-placeholder {
        color: #A0B58D;
    }

    .ExpIcon,
    .Expbtn  {
      width: 50px;
      height: 50px;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      padding: 0;
      margin: 0;
      line-height: 50px;
      text-align: center;
      cursor: pointer;
    }

    .Expbtn {
        background: #fff; /* IE needs this */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
        filter: alpha(opacity=0); /* IE 5-7 */
        opacity: 0;
        color: transparent;
        color:red;
        border: none;
        outline: none;
        z-index: -1;
    }

    .ExpIcon {
        color: #fff;
        background: transparent;
        z-index: 90;
        font-size: 22px;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
    }

    .Exp-serach-open .ExpIcon {
      background-color: #fff;
      border-right: 1px solid #EBE4D9;
    }
     .Exp-serach-open .ExpIcon::before {
      background: url(../img/icon/loope.png) no-repeat;
    }
    .ExpIcon:before {
        content: "";
        background: url(../img/icon/search.png) no-repeat;
        width: 24px;
        height: 24px;
        content: "";
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
    }

    .Exp-serach.Exp-serach-open,
    .no-js .Exp-serach {
        width: 100%;
    }

    .Exp-serach.Exp-serach-open .ExpIcon,
    .no-js .Exp-serach .ExpIcon {
        background: #fff;
        color: #fff;
        z-index: 11;
    }

    .Exp-serach.Exp-serach-open .Expbtn,
    .no-js .Exp-serach .Expbtn {
    /*    z-index: 90;*/
    }
    .input_form{

      border: 1px solid #DBD8CF;
      height: 56px;
      line-height: 56px;
      color:222 ;
      font-size: 1rem;
      border-radius: 5px;
      width: 100%;
    }
    .reherche_avancee {

      position: absolute;
      width: 600px;
      top: 30px;
      right: 0;
      background: #f5f5f0;
      color: #000;
      padding: 20px;
      z-index: -1;
      visibility: hidden;
      opacity: 0;
      transition: opacity 1s;

    }

    .reherche_avancee.open{

    z-index: 3;
    visibility: visible;
    opacity: 1;



      }
      .reherche_avancee h3{

        text-transform: uppercase;
        color: #000;
        font-size: 20px;
        font-family: 'cera_probold';
        margin-bottom: 30px;

      }

      label{
        color: #000;
        font-size: 20px;
        font-family: 'cera_probold';
      }
    #processusachat{
    background-color: #F5F5F5;
    margin-bottom: 85px;
    margin-top: 30px;

    }

    #process_achat{
    border-bottom: 1px solid #E0A85E;
    margin-bottom: 20px;


    }
    #process_achat li{
    list-style: none;
    height: 56px;

    }
    #process_achat li button{
      font-family: 'als_haussregular';
      font-size:16px ;
      color: #575757 ;
      padding: 0;
      margin-right: 40px;
      text-transform: none;
      height: 100%;

     }
     #process_achat li button.active{  font-family: 'als_haussmedium';
      border-bottom: 3px solid #E0A85E;
     color: #E0A85E;

     }


     /******* tableau commande****/
     .wrapTable {
      margin-top: 30px;
    }
    .tableBody{
      font-family: 'cera_promedium';
      color: #000;
      font-size: 1.125rem;

    }
    .wrapTable .tableHeader {
      padding: 20px 0;
      background-color:#000000;
      font-family: 'als_haussbold';
      color: #fff;
      font-size: 1rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    }
    .wrapTable .tableHeader .item {
      margin: 0;
      width: 20%;
      text-align: center;
    }
    .total_commande{
      background-color: #fff;
      padding: 30px;
      display: flex;
      font-family: 'als_haussbold';
      font-size:31px ;
      color:#000;
      justify-content:flex-end;
      align-items: center;

    }

    .bg_retrait{
      background: #ffffff;
      border: 1px solid #dbd8cf;
      border-radius: 5px;
      min-height: 340px;
      justify-content: space-between;
      align-items: center;
      padding: 32px 40px;
      margin-bottom:20px;
    }

    .bg_retrait ul li{
      font-family: "ALS Hauss";
      font-style: normal;

      font-size: 1rem;
      color: #222222;
      margin-bottom: 6px;
      display: block;
      width: 100%;
      list-style-type: none;
    }
    .bon_achat{
    display: flex;

    }
    #voucher h4{
      font-family: 'als_haussbold';
      color: #000;
      font-size: 1rem;
    }

    .total_commande .montant{

     color:  #C12C40;margin-left: 30px;

    }
    .wrapTable .tableHeader .item.col1 {
      width: 40%;
    }
    .wrapTable .tableHeader .item:nth-child(1) {
      padding-left: 15px;
      border: 0;
    }
    .wrapTable .oneRow {

    border-bottom: 1px solid #EBE4D9;
    font-family: 'cera_promedium';
    font-size: 1.125rem;
    background: #fff;
    display: flex;
    position: relative;
    width: 100%;

    }

    .row.hidden{
    display: none;
    }

    .wrapTable .oneRow .item {
      padding: 20px 0;
      border-right: 1px solid #EBE4D9;
      display: flex;
      width: 20%;
      margin: 0;
      align-items: center;
      justify-content: center;
    }
    .wrapTable .oneRow .item.col1 {
      width: 40%;
    }
    .wrapTable .oneRow .item.col5 {
    border: 0;
    }
    .wrapTable .oneRow .item.col1 .wrapImg {
      float: left;
      margin-right: 15px;
      width: 96px;
      height: 96px;
      background: #fff;
      display: flex;
      text-align: center;
      align-items: center;
      justify-content: center;
    }
    .wrapTable .oneRow .item.col1 .wrapImg a{width: 100%; height: 100%;}
    .wrapTable .oneRow .item.col1 .wrapImg img{

  height:100%

    }
    .wrapTable .oneRow .item.col1 .description {
      float: left;
      position: relative;
      top: 20px;
      width: 200px;
    }
    .wrapTable .oneRow .item.col1 .description a{
    text-decoration: none;
    color: #000;
    }

    .wrapTable .oneRow .item:nth-child(1) {
      padding-left: 15px;
    }
    .wrapQty {
      width: 121px;
      height: 50px;
    }
    .wrapQty input[type="text"] {
      width: 72px;
      height: 56px;
      line-height: 1;
      float: left;
      border: none;
      text-align: center;
     border: 1px solid #DBD8CF;
     background-color: #fff;
     border-radius: 5px;
    }
    .wrapQty .qtyButtons {

      height: 100%;
      display: flex;
      align-items: center ;
      justify-content: center;
    }
    .wrapQty button {
      width: 100%;
      height: 25px;
      line-height: 1;
      background: transparent;
      border: none;
      text-align: center;
      font-weight: bold;
      font-size: 1.125rem;
      font-family: 'cera_prolight';
      font-size: 20px;
    }

    .wrapQty button.btnMinus {
      height: 23px;
    }
    .wrapQty.qtyInline {
      width: 171px;
    }
    .wrapQty.qtyInline input {
      width: 71px;
      border-left: 1px solid #999;
      border-right: 1px solid #999;
    }
    .wrapQty.qtyInline button {
      float: left;
      height: 48px;
      width: 48px;
    }
    .wrapQty.qtyInline button.btnPlus {
      border-bottom: none;
    }

    .delete::before{
    width:24px ;
    height:24px;
    content:"" ;
      background: url(../img/icon/delete.svg) no-repeat;
      display: inline-block;
    }
    .delete span{
      display: none;
    }
    .wrapTable .oneRow .item:last-child{
      text-align: center;
      border: 0;
    }
    .action_achat{
      justify-content: space-between;
      display: flex;
       padding: 30px 0;

    }
    .action_achat.flex-end{

    justify-content: flex-end;
    }
    .continue_achat{
    display: flex;

    }

    .connexion li{
    border-right: 1px solid #70707066;
    padding-right: 20px;
    margin-right: 20px;

    }
    .connexion li:last-child{
      border: 0;
    }

    .tab-pane {
    padding: 56px 0;

    }
    .retrait{

      background: #FFFFFF;
        border: 1px solid #DBD8CF;
        border-radius: 5px;

        align-items: center;
        justify-content: space-between;
        padding: 32px 40px;
    }
    .titre_livraison{
      font-family: 'als_haussbold';
      font-style: normal;
      font-weight: 700;
      font-size: 1rem;
      color: #222222;
      margin-bottom: 30px;
      display: block;
    }
    .retrait ul li{
      font-family: 'als_haussregular';
      font-style: normal;
      font-weight: 400;
      font-size: 0.875rem;
      color: #222222;
    }
     .form-style.retrait .box-input-radio .form-check-input:checked ~ label{

      width: 100%;
    }
    .retrait.form-style .box-input-radio .form-check {
      padding-left: 0;
      width: 100%;
      margin-bottom: 30px;
    }
    #event-section{
      color: #222;
      font-size: 16px;
      padding: 64px 0;
      background-color: #fff;
    }
    #event-section h1{
      font-family: 'cera_promedium';
      font-size: 61px;
      line-height: 0.9em;

    }
    .tags{
      margin: 0;
      padding: 0;
    }
    .tags li{
      display: inline-block;
      color:#575757 ;
      list-style: none;
      margin-right: 24px;
    }
    .duree{
    background: #F8F4E985;
    padding: 24px 40px;
    margin: 40px 0;

    }
    .duree span{color: #000; }
    .duree span strong{color: #000; display: block; }
    .liste li:before{

    content: "";
    width: 5px;
    height:5px;
    position: absolute;
    top: 10px;
    left: 0;
    vertical-align: middle;
    margin-right: 15px;
    background-color:#C12C40 ;
    display: inline-block;
    border-radius: 50%;

    }
    .liste li{
      list-style-type: none;
      font-size: 16px;
      color: #222;
      position: relative;
      margin-bottom: 15px;
      padding-left: 20px;
    }
    .liste li strong{

      display: block;

    }
    .rating{
      display: flex;
      width: 100%;
      justify-content: space-between;
      margin-bottom: 40px;
      align-items: center;

    }
    .stars{
      display: flex;
      align-items: center;
    }
    .rate{
      margin-right: 20px;
    }
    .ecrit_par {
      color: #575757;
      opacity: 0.5;
      display: block;margin-top: 10px;
    }
    .ecrire_commentaire{
      margin-top: 30px;
    }
    .list_avis_approuvee li{
      list-style-type: none;
      margin-bottom: 25px;
    }
    .retour::after {
      content: "";
      color: #000000;
      background: url(../img/icon/arrow_rightnoir.png) no-repeat center center;
      border: 1px solid #000;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      margin-left: 0;
      transform: rotate(180deg);
    }
    .retour span{
      display: none;
    }
    #event-section .date_event,   #event-section .share a,   #event-section .noter a{
      font-family: 'cera_promedium';
      font-size:14px;
      color: #000;
      text-decoration: none;
      margin-top: 70px;
      margin-right: 20px;
    }
    .copy_right a{
      color: #575757;
      text-decoration: none;
      }
      .copy_right a:hover{ color: #e0a85e;}
    .social{
      display: flex;
      justify-content:flex-start;
    }
    .share a::after, .noter a::after{
      content: "";
      display: inline-block;
      width: 16px;
      height: 18px;
      vertical-align: middle;
      margin-left: 5px;
    }
    .share a::after{
      background: url(../img/icon/partage.png) no-repeat;
    }
    .noter a::after{
      background: url(../img/icon/etoile.png) no-repeat;
    }
    .accueil.list_event .banner-event.banner_accueil .titre_banner {
      font-family: 'cera_probold';
      font-size: 149px;
      text-transform: uppercase;
      line-height: 0.9em;

    }
    .owl-dots{
      margin-top:30px;
    }
    .list_caviste{
      background-color: #fff;
      padding: 50px 128px;
    }
    .list_caviste .element .img_pdt {
      background:none;
      padding: 0;
    }
    .list_caviste .element{
      margin-bottom: 30px;
    }
    .list_caviste .element .img_pdt img{
      width: 100%;
    }
    .list_caviste {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
    }
    .list_caviste .tags a {
      padding: 0;
      color: #000;
      text-transform: uppercase;
      font-family: 'cera_promedium';
      font-size: 15px;
      background-color: transparent;
      border-color: transparent;
      text-decoration: none;

    }
    .list_caviste .tags {
      margin-bottom: 50px;
    }
    .list_caviste .tags a.active,.list_caviste .tags a:hover { color: #C12C40;}
    #page.accueil.list_event{
      background-color: #fff;
    }
    .list_event #content{
      margin-bottom: 70px;
    }
    @import url("https://fonts.googleapis.com/css2?family=Fleur+De+Leah&display=swap");
    #full-content {
      background-color: #f8f4e985;
    }
    .col-bg-img img {
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .col-forms {
      padding: 96px 48px;
      display: flex;
      justify-content: center;
    }
    .col-forms h2 {
      margin-bottom: 0;
    }
    .col-forms .sub-title {
      font-family: "ALS Hauss";
      font-size: 18px;
      color: #000000;
      margin-bottom: 40px;
    }
    .wrapper-forms {
      background: #ffffff;
      box-shadow: 0px 12px 13px rgb(0 0 0 / 8%);
      border-radius: 5px;
      padding: 32px;
      min-width: 430px;
      max-width: 430px;
      margin: 0 auto;
    }
    .form-style label {
      font-family: "cera_probold";
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      color: #000000;
    }
    .form-style .col-input {
      position: relative;
    }
    .form-style .form-control {
      height: 56px;
      border: 1px solid #dbd8cf;
      border-radius: 5px;
    }
    .form-style .textarea-input {
      height: auto;
    }
    .form-style .form-select {
      height: 56px;
      border: 1px solid #dbd8cf;
      border-radius: 5px;
    }
    .form-style .form-control:focus,
    .form-style .form-select:focus {
      border: 1px solid #000000;
      box-shadow: none;
      outline: 0;
    }
    .form-style .blc-ipunt-icon {
      position: relative;
    }
    .form-style .blc-ipunt-icon .toggle_ey_pwd {
      position: absolute;
      right: 20px;
      top: 50%;
      z-index: 9;
      cursor: pointer;
      transform: translate(10px, -50%);
    }
    .form-style label.error {
      color: #c12c40;
      font-size: 14px;
      font-family: "cera_promedium";
      font-weight: normal;
      margin-top: 10px;
    }

    .black-btn {
      font-family: "als_haussbold";
      text-transform: uppercase;
      font-weight: 700;
      background-color: #000000;
      border: 1px solid #000000;
      color: #ffffff;
      border-radius: 5px;
      min-height: 56px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }
    .black-btn:hover {
      background-color: transparent;
      color: #000000;
    }
    .black-btn.color-beige {
      color: #f8f4e985;
    }
    .black-btn.color-beige:hover {
      background-color: transparent;
      color: #000000;
    }
    .mot-oublie a {
      font-family: "cera_promedium";
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: #222222;
      text-decoration: none;
      display: inline-block;
      margin-top: 24px;
    }
    .seul-clic {
      position: relative;
      font-family: "cera_probold";
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      color: #000000;
      margin-top: 40px;
    }
    .seul-clic span {
      background-color: white;
      z-index: 9;
      position: relative;
      padding: 0 10px;
    }
    .seul-clic::before {
      position: absolute;
      content: "";
      top: 60%;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #cbaf8a;
      transform: translateY(-50%);
    }
    .wrapper-forms .btn-box {
      margin-top: 18px;
      text-align: center;
    }

    .connexion-link {
      font-weight: 700;
      background-color: #ffffff;
      border: 1px solid #6d726e;
      border-radius: 5px;
      min-height: 56px;
      width: 100%;
      display: flex;
      margin-bottom: 10px;
      align-items: center;
      justify-content: center;
    }
    .btn-box .connexion-link.facebook {
      border: 1px solid #3c64b1;
    }
    .btn-box .connexion-link:hover {
      background-color: #f8f4e985;
      border: 1px solid #f8f4e985;
    }
    .footer-titles {
      margin-top: 64px;
      text-align: center;
    }
    .footer-titles .title-h3 {
      font-family: "als_haussmedium";
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      color: #000000;
    }
    .footer-titles .title-h4 a {
      font-family: "als_haussbold";
      font-style: normal;
      font-weight: 700;
      font-size: 21px;
      color: #c12c40;
      text-decoration: none;
    }
    .footer-titles .title-h4 a:hover {
      color: #000000;
    }
    .form-style .box-input-radio {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .form-style .box-input-radio .form-check {
      padding-left: 0;
    }
    .form-style .box-input-radio .form-check-input[type="radio"] {
      margin-left: 0;
      position: absolute;
      opacity: 0;
    }
    .form-style .box-input-radio .form-check label {
      padding: 11px 16px;
      border-radius: 5px;
      border: 1px solid #575757;
      cursor: pointer;
    }
    .form-style .box-input-radio .form-check-input:checked ~ label {
      border: 1px solid #c12c40;
      background: #c12c40;
      color: #fff;
    }
    .form-style .checkbox-box {
      margin-top: 32px;
      display: flex;
      align-items: flex-start;
      gap: 16px;
    }
    .form-style .checkbox-box .cave-label-form {
      font-family: "als_haussregular";
      font-weight: 500;
      color: #575757;
      font-size: 12px;
      flex: 1;
    }
    .form-style .form-check-input {
      width: 24px;
      height: 24px;
      border-radius: 0;
      background: #f8f4e985;
      border: 1px solid #dbd8cf;
    }
    .form-style .form-check-input:focus {
      outline: 0;
      box-shadow: none;
    }
    .form-check-input:checked {
      background: #f8f4e985;
      border: 1px solid #dbd8cf;
    }
    .form-check-input:checked[type="checkbox"] {
      background-image: url(../img/icon/check.png);
      background-repeat: no-repeat;
      background-position: center;
    }
    .box-service-client ul {
      margin: 11px 0 24px;
    }
    .box-service-client ul li {
      font-family: "ALS Hauss";
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      color: #000;
      list-style: none;
    }
    /******************************Infos personelles ***********************************/
    .top-header-compte {
      background: rgba(248, 244, 233, 0.48);
      border-bottom: 1px solid #cbaf8a;
      padding: 32px 0 56px;
    }
    .breadcrumb-page {
      color: #222222;
      text-transform: uppercase;
      font-size: 13px;
    }
    .breadcrumb-page .active {
      color: #cbaf8a;
    }
    .top-header-compte h2 {
      margin-bottom: 0;
    }
    .top-header-compte .sub-title {
      font-family: "cera_prolight";
      font-style: normal;
      font-weight: 300;
      font-size: 36px;
      color: #000000;
      line-height: 1.2;
    }
    .row-infos {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .right-content .box-infos {
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-align: right;
      gap: 24px;
    }
    .box-infos ul li {
      font-family: "als_haussregular";
      color: #222222;
      font-size: 14px;
      list-style: none;
    }
    .box-infos ul li.user-name {
      color: #000000;
      font-family: "als_haussbold";
      margin-bottom: 8px;
    }
    .box-infos ul li a {
      color: #222222;
      text-decoration: none;
    }
    .box-infos ul li .link-edit {
      font-weight: 700;
      border-bottom: 1px solid;
    }
    .box-infos ul li .link-edit:hover {
      color: #c12c40;
    }
    .box-infos .user-img {
      border-radius: 50px;
    }
    #infos-content {
      background-color: #f3f3f3;
    }
    .col-menus {
      background-color: #ffffff;
      border-right: 1px solid #ebe4d9;
      padding: 0;
    }
    .menus-left li a {
      position: relative;
      font-family: "ALS Hauss";
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      background-color: #ffffff;
      border-bottom: 1px solid #ebe4d9;
      display: block;
      padding: 20px 32px 20px 104px;
      color: #000;
      text-decoration: none;
    }
    .menus-left .active a,
    .menus-left a:hover {
      background: #c12c40;
      color: #ffffff;
    }
    .menus-left .drop-menu a:hover::before {
      content: url("../img/icon/arrow_down-white.png");
    }
    .menus-left .drop-menu a::before {
      position: absolute;
      content: url("../img/icon/arrow_down.png");
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
    }
    .menus-left .drop-menu .sub-menus li a:before {
      content: none;
    }
    .menus-left .sub-menus li a {
      background: #f6f6f1;
      padding: 13px 32px 13px 120px;
    }
    .menus-left .sub-menus li a:hover {
      background: #c12c40;
    }
    .container-infos {
      padding: 64px 0;
    }
    .container-infos h3 {
      font-family: "cera_probold";
      color: #000;
      font-size: 22px;
      display: block;
      margin-bottom: 8px;
    }
    .container-infos .parg {
      font-family: "als_haussmedium";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #000000;
    }
    .form-style .label-obligatoire {
      font-family: "ALS Hauss";
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 17px;
      color: #000;
    }
    .search-btn {
      background-color: #000000;
      height: 56px;
      min-width: 65px;
      border: 1px solid #000000;
      border-radius: 5px;
      position: absolute;
      bottom: 0;
    }
    .search-btn:hover {
      background-color: #c12c40;
      border: 1px solid #c12c40;
    }
    .default-filter .box-input-date {
      position: relative;
      display: flex;
    }
    .default-filter .box-input-date::before {
      position: absolute;
      content: url(../img/icon/agenda.png);
      right: 16px;
      top: 50%;
      transform: translate(10px, -50%);
      height: 25px;
    }
    .form-style.default-filter #date_debut {
      border-radius: 5px 0 0 5px;
    }
    .form-style.default-filter #date_fin {
      border-radius: 0 5px 5px 0;
    }
    .datepicker td,
    .datepicker th {
      font-size: 14px;
      padding: 5px;
    }
    .form-style .form-control {
      padding: 0 20px;
    }
    .form-style .form-control::placeholder {
      color: #d9d6d2;
    }
    .list-commandes {
      border-top: 1px solid #e0a85e;
      padding: 24px 0;
      margin-top: 48px;
    }
    .list-commandes .filter-txt {
      text-align: right;
      color: #000000;
      font-family: "ALS Hauss";
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
    }
    .list-commandes .filter-txt span {
      cursor: pointer;
    }
    .list-commandes .filter-txt:hover {
      color: #c12c40;
    }
    .item-commande {
      background: #ffffff;
      border: 1px solid #dbd8cf;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 32px 40px;
      clear: both;
      margin-top: 24px;
      position: relative;

    }
    .item-commande.overlay{overflow: hidden;}
    .item-commande.overlay::before {
    background-color: #000;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 100;
    }
    .item-commande .num-commande, .retait_titre {
      font-family: "als_haussbold";
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      color: #222222;
      margin-bottom: 10px;
    }
    .item-commande .date-commande, .retrait_name {
      font-family: "ALS Hauss";
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      color: #222222;
      margin-bottom: 6px;
    }
    .item-commande .number-article,
    .item-commande .montant-commande {
      font-family: "als_haussregular";
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      color: #222222;
    }
    .item-commande .content-right a {
      display: block;
      font-family: "ALS Hauss";
      font-style: normal;
      font-weight: 700;
      font-size: 14px;
      text-decoration: none;
    }
    .link-commande-panier {
      position: relative;
      color: #c12c40;
      border: 1px solid #c12c40;
      border-radius: 5px;
      text-align: center;
      padding: 14px 32px 14px 56px;
      margin-bottom: 10px;
    }
    .link-commande-panier::before {
      position: absolute;
      content: url(../img/icon/panier_rouge.png);
      left: 20px;
      top: 10px;
    }
    .link-commande-panier:hover {
      background-color: #c12c40;
      color: #ffffff;
    }
    .link-commande-panier:hover::before {
      content: url(../img/icon/panier_pdt.png);
    }

    .link-details {
      color: #000000;
      border: 1px solid #000000;
      border-radius: 5px;
      text-align: center;
      padding: 14px 32px;
    }
    .link-details:hover {
      background-color: #000000;
      color: #ffffff;
    }
    .container-infos .title-box {
      font-family: "cera_probold";
      color: #000;
      font-size: 22px;
      display: block;
      margin-bottom: 24px;
    }
    .box-cmd-carte {
      border-radius: 3px;
    }
    .box-cmd-carte .box-img {
      background-color: #fff;
    }
    .box-cmd-carte .box-img img {
      border-radius: 3px 3px 0 0;
      width: 100%;
    }
    .box-desc-cmd-crate {
      position: relative;
      background-color: #000;
      padding: 24px 48px;
      border-radius: 0 0 3px 3px;
      text-align: center;
      color: #fff;
    }
    .box-desc-cmd-crate::before {
      position: absolute;
      content: url(../img/icon/arrow-dn.png);
      top: -7px;
      left: 50%;
      transform: translateX(-50%);
    }
    .black-bg {
      background-color: #000;
    }
    .red-bg {
      background-color: #c12c40;
    }
    .box-desc-cmd-crate .txt-cmd-card {
      font-family: "ALS Hauss";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      min-height: 56px;
    }
    .link-cmd-card {
      color: #e0a85e;
      padding: 10px 24px;
      border: 1px solid #e0a85e;
      border-radius: 3px;
      display: inline-block;
      text-decoration: none;
      margin-top: 10px;
    }
    .red-bg .link-cmd-card {
      color: #ffffff;
      border: 1px solid #ffffff;
    }
    .link-cmd-card:hover {
      background-color: #e0a85e;
      color: #000000;
    }
    .red-bg .link-cmd-card:hover {
      background-color: #ffffff;
      color: #c12c40;
    }
    .avantages-box .col-left {
      background: #ffffff;
      border-right: 1px solid #ebe4d9;
      border-radius: 3px 0 0 3px;
      color: #000000;
      padding: 32px;
    }
    .avantages-box .title-left {
      font-family: "als_haussmedium";
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 16px;
    }
    .avantages-box .parg {
      font-size: 14px;
    }
    .avantages-box .pts {
      font-family: "als_haussbold";
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
    }
    .avantages-box .pts .pts-number {
      font-family: "als_haussbold";
      font-size: 31px;
      color: #c12c40;
    }
    .avantages-box .col-right {
      color: #000000;
      padding-left: 0;
    }
    .avantages-box .item-avantage {
      display: flex;
      align-items: center;
      gap: 32px;
      padding: 24px 40px;
      background-color: #fff;
      border-bottom: 1px solid #ebe4d9;
    }
    .box-desc-avantage .title {
      font-family: "als_haussbold";
      font-weight: 700;
      font-size: 16px;
    }
    .box-desc-avantage .desc {
      font-family: "als_haussregular";
      color: #575757;
      font-size: 16px;
    }
    .avantages-box .item-avantage.disabled-avg {
      background: #f7f7f7;
      border-bottom: 1px solid #fff;
    }
    .avantages-box .item-avantage.disabled-avg img {
      opacity: 0.3;
    }
    .avantages-box .item-avantage:first-child {
      border-radius: 0 3px 0 0;
    }
    .avantages-box .item-avantage:last-child {
      border-radius: 0 0 3px 0;
    }
    .menu-toogle {
      display: none;
      text-align: right;
      padding: 15px;
    }
    .menu-toogle .toglle span {
      background: #c12c40;
      cursor: pointer;
      width: 20px;
    }

    .menu-toogle .active-toggle .bar2,
    .menu-toogle .active-toggle .bar4 {
      width: 15px;
    }

    #contact-section {
      background-color: #faf7ee;
    }

    /****************************** Page event *****************************************/
    .banner-event.banner_accueil .desc {
      width: 80%;
      margin: 0 auto;
      left: 0;
      right: 0;
      transform: none;
      font-family: "Fleur De Leah", cursive;
    }
    .accueil .banner-event.banner_accueil .desc .titre_banner {
      font-family: "Fleur De Leah", cursive;
      font-size: 163px;
      font-weight: 400;
      text-transform: none;
    }
    .accueil .banner-event.banner_accueil .desc .decouvrir_txt {
      font-family: "cera_prolight";
      font-size: 24px;
      color: #fff;
      display: block;
      text-transform: none;
    }
    .accueil .banner-event.banner_accueil .desc a {
      display: inline-block;
      margin-top: 40px;
      background: url(../img/icon/play_yellow.png) no-repeat 20px center;
    }
    .carousel-equipe .element .img_pdt {
      padding: 0;
    }
    .carousel-equipe .element .img_pdt img {
      width: 100%;
    }
    .section-equipe .titre_section {
      padding-bottom: 0;
    }
    .galerie-image .row {
      margin: 0;
    }
    .banniere_events .desc{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
    .banniere_events {
      position: relative;
      font-family: 'cera_problack';
      color: #fff;
      font-size: 149px;
      text-transform: uppercase;
      text-align: center;
      line-height: 0.9em;

    }
    .entre_caviste .img_pdt{
    padding: 0;
    border: 0;

    }
    #event-section img.img_responsive{
      width: 100%;
      height: auto;
    }

    .details_product{

      color: #000;
      font-family: 'cera_promedium';
      font-size: 17px;
      text-decoration: none;

    }
    .banner_accueil.univer_accueil .desc {
    margin: 0 auto;
    width: 75%;
    bottom: 56px;
    top: auto;
    left: 0;
    right: 0;
    text-align: center;


    }
    .banner_accueil.univer_accueil .desc .accroche {font-size: 74px ;   font-family: 'cera_probold';
      font-size: 137px;
      text-transform: uppercase;letter-spacing: -2px;
      line-height: 0.8em;

     color: #fff;}
    .banner_accueil.univer_accueil .desc .accroche span{font-size: 74px!important ; display: block;  color: #fff;}
    .banner_accueil.univer_accueil .desc .accroche strong{color: #FFD233;}
    .univers_banners{
      transition: all 1s ease-in-out;
      /* opacity: 0.5;*/}
    .univers_banners.animtebanner{opacity: 1;}

    .lignecommentaire, .actions_com{

      margin-top: 20px;
    }
    .contenupopup .row{
    width: 100%;
    }
    .contenupopup .row .avis {

      justify-content: center;
    }
    .rate span.star:before {
      display: inline-block;
      font-size: 2rem;
      padding: 0.3rem 0.2rem;
      margin: 0;
      cursor: pointer;
      font-family: FontAwesome;
      content: "\f005 ";

    }
    span.star{
        position: relative;
    }
    .rate span.star.half{

    }
    .rate span.star.half:before {
      content: "\f089 ";
      position: absolute; position: absolute;
      left: 0;
      padding-right: 0;
    }
    span.star:hover {
      color: #73B100;
    }
    .jq-stars {
      display: inline-block;
    }

    .jq-rating-label {
      font-size: 22px;
      display: inline-block;
      position: relative;
      vertical-align: top;
      font-family: helvetica, arial, verdana;
    }

    .jq-star {
      width: 100px;
      height: 100px;
      display: inline-block;
      cursor: pointer;
    }

    .jq-star-svg {
      padding-left: 3px;
      width: 100%;
      height: 100% ;
    }

    .jq-star:hover .fs-star-svg path {
    }

    .jq-star-svg path {
      /* stroke: #000; */
      stroke-linejoin: round;
    }

    /* un-used */
    .jq-shadow {
      -webkit-filter: drop-shadow( -2px -2px 2px #888 );
      filter: drop-shadow( -2px -2px 2px #888 );
    }


  .accueil .banner_accueil .desc.vinuniver{

      position: absolute;
      width: 60%;
      bottom: 200px;
      left: 50%;
      top: auto;
      transform: translate(-50%, 0);
      font-family: 'cera_probold';
      color: #fff;
      text-align: center;
      font-size: 1rem;
  }
  .accueil .banner_accueil .desc.vinuniver .titre_banner {
      font-size: 24px;
      font-family: 'cera_probold';
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: 2.4px;
      text-align: center;    margin-bottom: 25px;
      display: block;
      color: #fff;
  }
  .accueil .banner_accueil .desc.vinuniver .accroche {
  font-family: 'didotbold';
    font-size: 63px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .sousousfiltre{
      display: none;
  }
  .sousousfiltre.ouvrir{
      display: block;
  }
  .sous_filtre.ouvrir{ display: block;}
  .sous_menu label{
  display: flex;
  }
  .sousousfiltre li a
  {
  font-size: 14px;
  }

  .soussousmenu.ouvrir::after {
      font-family: 'Line Awesome Free';
      font-weight: 900;
      content: "\f068";
      position: absolute;
      right: 0;
      color: #C12C40;
  }
  .soussousmenu.ouvrir{
      position: relative;
  width: 100%;
  }
  .content_filtre ul li{
      margin-top: 10px;
  }
  .soussousmenu::after {
      font-family: 'Line Awesome Free';
      font-weight: 900;
      content: "\f067";
      position: absolute;
      right: 0;
      color: #C12C40;
  }
  .sousousfiltre{
      margin-left: 10px;
  }
  .quantite .input-group .btn {
  height: 100%;
  }

  .scrollbar_verticale
  {

      float: left;
      height: 200px;
      width: 100%;
      background: transparent;
      overflow-y: auto;
      overflow-x: hidden;
      margin-bottom: 25px;
  }

  .force-overflow
  {

      margin-top: 20px;
  }


  .scrollbar_verticale::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
  }

  .scrollbar_verticale::-webkit-scrollbar
  {
      width: 6px;
      background-color: #F5F5F5;
  }

  .scrollbar_verticale::-webkit-scrollbar-thumb
  {
      background-color: #000000;
  }

  .addresses-list{
      display: inline-flex;
      flex-wrap: wrap;
      width: 100%;

  }

  .addresses{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: white;
    height: 100%;

  }
  .addresses-list .item{
  margin-bottom: 20px;
  }
  div.addresses label input{
      display: inline-block;
      margin-right: 15px;
  }
  .offcanvas-end {

      border-left: 0;

  }
  .offcanvas-footer {
      position: fixed;
      bottom: 20px;
      background-color: #fff;
      width: 400px;
      right: 0;
      padding: 20px;
  }
  .content_filtre li label{
      display: flex;
  }
  .sous_filtre.ouvrir_menu{

      display: block!important;
  }
  .sous_menu.ouvrir_menu::before {
      font-family: 'Line Awesome Free';
      font-weight: 900;
      content: "\f068";
      float: right;
      color: #C12C40;
  }

 #tobottom span {

    background: url(../img/mouse.svg) no-repeat;
    width:32px;
    height:32px;
    display: block;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 60px auto 0 auto;
    animation-name: toBottom;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    position: relative;
    bottom: 10px;
    position: absolute; left: 50%;
    transform: translate(-50%,0);



  }
  #tobottom {
background:none;
border: 0;
padding: 0;
width: 100%;
display: block;
top:80px;
    position: relative;

  }
  @keyframes toBottom {
    50% {
        bottom: 20px;
    }
}

.bloc_retrait h3{
color: #C12C40;
margin-bottom: 20px;
text-transform: uppercase; font-size: 13px;   font-family: 'als_haussbold';
}
.bloc_retrait p{
font-size:13px;
color: #222222;
font-family: 'ALS Hauss';
}
.telecharger{

    width: auto;
    margin-bottom: 72px;
    float: right;
    text-align: right;
}
.ligne_timbre_fiscale{

    border-bottom: 1px solid #EBE4D9;

    background: #fff;
    position: relative;
    width: 100%;

    float: right;

}
.timbre_fis{
   padding: 20px;
   float: right;

    height: 100%;
}
.timbre_fis span{
    margin-right: 10px;
}
#processusachat h2{
margin: 60px 0 30px 0;
font-family: 'als_haussbold';
font-size: 26px;
letter-spacing: normal;
color: #000;
}
.alert_livraison{
    font-family: 'cera_probold';
    color: #c12c40;
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1.2em;
}
.desc_longue{
    font-family: 'ALS Hauss';
    font-size: 16px;
    margin-bottom: 30px;

}   .produits_phares .nom_pdt{
    font-family: 'cera_problack';

    font-size: 54px;
    line-height: 1.03;
    letter-spacing: normal;

    color: #000;

}


.redige_com
{
margin-top: 100px;
}

.gray
{

    color:#9f9f9f;

}
.grayfonce
{

    color:#222;

}
.avis_bloc{

    background: #fcfaf4;
}
.listes_commentaires
{
    border-top: 1px solid #ebe4d9;
    padding-top: 40px;
    margin-top: 50px;
    margin-bottom: 100px;
}
.listes_commentaires .owl-nav{

    position: absolute;
    top: 50%;  width: 100%;
    transform: translate(0,-50%);
}

.listes_commentaires .owl-nav .owl-prev

{
    background: url(../img/icon/arrow_up.png) no-repeat!important;
    transform: rotate(-90deg);
    width: 13px;
    height: 8px;
    left: -50px;
    position: relative;


}
.listes_commentaires .owl-nav .owl-prev span{
    display: none;
}
.listes_commentaires .owl-nav .owl-prev

{
    background: url(../img/icon/arrow_up.png) no-repeat!important;
    transform: rotate(-90deg);
    width: 13px;
    height: 8px;
    left: -45px;
    position: absolute;

}
.listes_commentaires .owl-nav .owl-prev span{
    display: none;
}
.listes_commentaires .owl-nav .owl-next

{
    background: url(../img/icon/arrow_up.png) no-repeat!important;
    transform: rotate(90deg);
    width: 13px;
    height: 8px;
    right: -45px;
    position: absolute;

}
.listes_commentaires .owl-nav .owl-next span{
    display: none;
}
.delete_pdt{
background: url(../img/icon/delete_cart.svg) no-repeat;
width: 24px;
height: 24px;
display: inline-block;


}
.details_pdt_banner{

    width: 100%;
    height: 0;
    text-align: center;
    padding: 14px;
    position: absolute;
    bottom: -29px;

    transition: all 0.5s;

}
.banner_pdt:hover .details_pdt_banner{
    width: 100%;
    height: auto;
    bottom: 0;

}
.banner_pdt
{
    position: relative;
}
 #event-section .element .img_pdt a.addtocart {
   font-size: 12px;
}

.contenu_quiz {
  max-width: 50%;
  margin: 100px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.bg_quiz {
  background-color: #2c443b;
  background-image: url(../img/bg-quiz.png);
  background-repeat: repeat;
}
.bg_quiz.validation {
  background-image: url(../img/bg-valid.jpg);
  background-color: #c12c40;
}
.date_quiz,
.totale-question {
  flex-grow: 0;
  font-family: "cera_probold";
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 3.99px;
  color: #85c090;
  display: block;
}
.totale-question {
  font-size: 18px;
}

.titre_quiz {
  flex-grow: 0;
  font-family: "cera_probold";
  font-size: 134px;
  color: #fff;
  display: block;
  line-height: 1;
  margin-bottom: 32px;
}
.accroche_quiz,
.question_quiz {
  flex-grow: 0;
  font-family: "cera_promedium";
  font-size: 40px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 70px;
}
.question_quiz {
  font-size: 32px;
}
ol.liste-question {
  margin-bottom: 70px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  padding: 0;
  width: 100%;
  list-style: decimal;
}

@media (max-width: 992px) {
  ol.liste-question {
      display: flex;
      flex-direction: column;
  }
  .contenu_quiz {
      max-width: 75%;
  }
}
ol.liste-question li {
  list-style-position: inside; /* Les numéros restent à l'intérieur */
  padding: 24px 32px;
  border-radius: 5px;
  border: solid 1px #85c090;
  font-family: "als_haussmedium";
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  cursor: pointer;
  color: #fff;
  text-align: left;
  list-style-type: decimal;
}
ol.liste-question li.clicked,
ol.liste-question li:hover {
  box-shadow: 0 0 12px 0 #412e16;
  border: solid 1px #f8f4e9;
  background-color: #85c090;
  color: white;
}
.btn_quiz {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  border-radius: 5px;
  border: solid 1px #85c090;
  font-family: "als_haussbold";
  font-size: 14px;
  line-height: 1.21;
  text-transform: uppercase;
  color: #85c090;
}
.btn_quiz:hover {
  background-color: #85c090;
  color: white;
}
.btn_quiz.question {
  border: solid 1px #e0a85e;
  background-color: #f8f4e9;
  color: #222222;
  min-width: 220px;
}
.btn_quiz.question:hover {
  background-color: transparent;
  color: #f8f4e9;
}
.chance_quiz {
  font-family: "cera_probold";
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: center;
  color: #ffd233;
  margin-top: 35px;
  display: block;
}
.validation .accroche_quiz {
  color: #f8f4e9;
  margin-bottom: 20px;
}
.questions {
  font-family: "cera_promedium";
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

@media (min-width: 992px) {
  .validation .contenu_quiz {
      max-width: 30%;
  }
}

.reglement {
  font-family: "als_haussmedium";
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #222222;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 43px;
  text-decoration: none;
  border-bottom: solid 4px transparent;
  height: 75px;

  display: block;

}
.reglement.active{
  border-bottom: solid 4px #c12c40;
}
.row-infos{
  position: relative;
}
.titre-reglement{

font-family: "cera_probold";
font-size: 56px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: left;
color: #000;

padding: 50px 0 60px 0;
}

.titre-reglement span  {
  font-size: 24px;
  line-height: 1.2;
  color: #c12c40;
  display: block;

}
.contenu-reglement h2{


      flex-grow: 0;
      font-family: "cera_probold";
      font-size: 24px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color:#222222;



}
.contenu-reglement p, .contenu-reglement ul li{


      align-self: stretch;
      flex-grow: 0;
      font-family: "ALS Hauss";
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.3;
      letter-spacing: normal;
      text-align: left;
      color: #575757;

}

.contenu-reglement ul{
  padding: 0 0 30px 30px;
}