@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;700&display=swap');
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Regular.woff2') format('woff2'),
         url('fonts/Montserrat-Regular.woff') format('woff'),
         url('fonts/Montserrat-Regular.ttf')  format('truetype'),
         url('fonts/Montserrat-Regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'Concept-Bold';
    src: url('fonts/Concept-Bold.eot');
    src: url('fonts/Concept-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Concept-Bold.woff2') format('woff2'),
         url('fonts/Concept-Bold.woff') format('woff'),
         url('fonts/Concept-Bold.ttf')  format('truetype'),
         url('fonts/Concept-Bold.svg#svgFontName') format('svg'); 
}
@font-face {
    font-family: 'dinpro_condensedregular';
    src: url('fonts/dinpro_condensedregular.eot');
    src: url('fonts/dinpro_condensedregular.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinpro_condensedregular.woff2') format('woff2'),
         url('fonts/dinpro_condensedregular.woff') format('woff'),
         url('fonts/dinpro_condensedregular.ttf')  format('truetype'),
         url('fonts/dinpro_condensedregular.svg#svgFontName') format('svg'); 
}
html,
body{
    margin: 0;
    padding: 0;
    background-color: #efefef;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Concept-Bold', Georgia, 'Times New Roman', Times, serif;
}
ul{
    margin:0;
    padding: 0;
    list-style: none;
}
ul li{
    margin:0;
    padding: 0;
}
a{
    text-decoration: none;
    color: #592203;
}
.d-flex{
    display: flex;
}
.align-items-stretch{
    align-items: stretch;
}
.align-items-center{
    align-items: center;
}
.justify-content-center{
    justify-content: space-around;
}
.justify-content-between{
    justify-content: space-between;
}
header{
    width: 100%;
    background-color:#592203 ;
    padding: .5em 0;
}
.header-content{
    width: 80%;
    margin: 0 auto;
}
.logo{
    width: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.logo img{
    width: 100%;
}
.navigation{
    /* flex: 1; */
    display: flex;
    align-items: center;
}
.navigation ul.mod-menu{
    margin: 0;
    padding: 0;
    list-style: none;
    transition: width .4s ease-in-out;
}

.navigation ul.mod-menu li.nav-item{
    display: inline-block;
}
.navigation ul.mod-menu li.parent{
    position: relative;
}
header .submenu::before{
    /* background-color: rgba(0, 0, 0, 0.5); */
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/image00081.jpeg);
    filter: blur(4px);
    -webkit-filter: blur(43px);
    background-repeat: no-repeat;
    background-size: 130%;
    background-position: center;
    clip-path: border-box;
}
.submenu{
    position: absolute;
    z-index: 40000;
    width: 100%;
    left: 0;
    top: 100%;
    background: #d6964f;
    /* padding: 2em; */
    background-image: url(../images/logo-background.png);
    background-repeat: no-repeat;
    background-size: 16%;
    background-position: center right;
    background-position-x: 100%;
    /* border-bottom: 1px solid black; */
    /* padding-bottom: 6em; */
}
.navigation ul.mod-menu li.nav-item a{
    color: #d6964f;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    padding: 15px 30px;
    font-size: 15px;
    position: relative;
    font-weight: bold;
}
.navigation ul.mod-menu li.active a,
.navigation ul.mod-menu li a:hover{
    color: rgb(201, 189, 189);
}
.navigation ul.mod-menu li  > a.toggleSousMenu::after{
    position: absolute;
    content: '\f061';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    right: 10px;
    top: 36%;
    /* color: #ad7251; */
    transition: transform .3s ease-in-out;
    transform: rotate(90deg) translateY(-50%);
}
.video-home{
    /*  */
    background-color: #efefef;
    position: relative;
    
    width:100%;
}
.video-home .video-wrapper{
    width: 100%;
    height: 100%;
    background-color: #333333;
    position: relative;
}
.video-home embed{
    width: 100%;
    height: 100%;
}
.video-home .image-wrapper{
    height: 588px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: relative;
    background-image: url(../images/20231129-WEB-65642.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.w-100{
    width: 100%;
}
.video-home video{
    width: 100%;
    height: auto;
    display: block;
}
.overlay-text-video{
    position: absolute;
    width: 100%;
    height:100%;
    background-color: rgba(0,0,0,.1);
    top: 0;
    left: 0;
}
.content-text-video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}
.my-0{
    margin-top: 0;
    margin-bottom: 0;
}
.mt-0{
    margin-top: 0;
}
.mt-1{
    margin-top: 1em;
}
.mb-1{
    margin-bottom: .1em;
}
.mb-0{
    margin-bottom: 0;
}
.mx-1{
    margin-left: 5px;
    margin-right: 5px;
}
.text-center{
    text-align: center;
}
.content-text-video h1,
.content-text-video h5,
.histoire-titre h1,
.vision-texte h1,
.vision-content h3{
    color: white;
    text-shadow: 0 0 5px rgba(0,0,0,.6);
}
.content-text-video h1,
.histoire-titre h1,
.vision-texte h1{
    font-size: 3em;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
}
.histoire-titre h1{    
    margin-left: 2em;
}
.content-text-video h5{
    font-size: 1.5em;
    margin: 20px 0;
}
.d-none{
    display: none;
}
.menu-list-produits{
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu-list-produits li{
    display: inline-flex;
    flex: 1;
}
.menu-list-produits li a{
    width: 75px;
    margin: 0 2em;
}
.menu-list-produits li a img{
    width: 100%;
    transition: transform .4s ease-in-out;
}
.menu-list-produits li a:hover img{
    transform: scale(1.1);
}
.menu-list-produits h6{
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    /* font-family: "Montserrat-Bold", sans-serif; */
    font-weight: bold;
    margin-top: 10px;
}
.menu-list-produits li a:hover h6{
    color: #ffffff;
}
.item-sm h3::after{
    height: 2px;
    background-color: white;
    width: 0%;
    /* content:""; */
    display: block;
    transition: width .3s ease-in-out;
    position: absolute;
    top: 100%;
    left: 0;
}
.item-sm:hover h3::after{
    width: 100%;
}
.submenu-content{
    padding-left: 1.5em;
    position: relative;
    padding-top: 3em;
    padding-bottom: 6em;
    background-color: rgba(0, 0, 0, 0.2);
    flex-wrap: wrap;
    /* height: 100vh; */
    overflow-y: auto;
}
.submenu-content .item-sm{
    position: relative;
    max-height: 500px;
    border-left: 1px dotted #fff;
    /* border-bottom: 1px solid #cecece; */
}
.submenu-content .item-sm:first-child{
    border-left: none !important;
}
.histoire-titre{   
    height: auto;
    position: relative;
    overflow: hidden;
}
.mod-histoire::before{
    position: absolute;
    width: 100%;
    left: 0%;
    top: 0;
    height: 100%;
    background-image: url(../images/photo-001.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    transition: transform 0.5s ease;
    background-position: right center;
}
.mod-histoire:hover::before{
    transform: scale(1.2); 
}
.submenu-close-btn{
    background-color: #fff;
    padding: 7px 10px;
    color: #1d1d1b;
    font-size: 20px;
    font-weight: 800;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    border-radius: 30px;
    transition: transform .3s ease;
}
.submenu-close-btn:hover{
    transform: scale(1.2);
}
.histoire-texte{
    padding: 6em 4em;
    background-color: #592203ad;
    position: relative;
}
.histoire-texte p,
.vision-content p{
    color: white;
    text-align: justify;
}
.histoire-texte h1,
.vision-texte h1{
    color: white;
    font-family: inherit;
    font-weight: 800;
    margin: 0;
    line-height: 1;
}
.historique-content{
    margin-top: 2em;
}
.m-left-2{
    margin-left: 1em;
}
.mod-histoire,
.mod-vision{
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
}
.mod-histoire{
    /*! background-image: url(../images/slide_1.jpeg); */
    flex: 6;
    position: relative;
    overflow: hidden;
}
.mod-vision{
    flex: 4;
    display: flex;
    /* background-image: url(../images/contact-page.jpg);
    background-repeat: no-repeat; */
    /* background-size: 200%; */
    /* background-position-x: 0%; */
    overflow: hidden;
    position: relative;
}
.vision-texte{
    /* flex: 3; */
    padding: 6em 3em;
    background-color: #080402a6;
    /* width: 30%; */
    /* 
    
    background-size: 200%;
    background-position-x: 0%; */
    position: relative;
}
.mod-vision::before{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #59220340;
    background-image: url(../images/contact-page.jpg);
    background-repeat: no-repeat;
    /* filter: blur(4px); */
    /* -webkit-filter: blur(4px); */
    content: "";
    top: 0;
    left: 0;
    transition: transform 0.5s ease;
    background-size: cover;
}
.vision-titre{
    flex: 7;
    /* text-align: right; */
    max-height: 100%;
    /* width: 70%; */
    /* display: flex; */
    height: auto;
    background-color: #4e1103; 
    position: relative;
    overflow: hidden;
}

.mod-vision:hover::before{
    transform: scale(1.1); 
}
.vision-titre h1{
    width: 50%;
    float: right;
    margin-right: 1em;
    margin-top: 3em;
    display: none;
    margin-bottom: auto;
}
.vision-content{
    position: relative;
    margin-top: 2em;
}
.vision-content h3{
    font-size: 2em;
    font-family: inherit;
    /* margin-top: 2em; */
    margin: 0;
}
.position-relative{
    position: relative;
}
.position-absolute{
    position: absolute;
}
footer{
    background-color: #1d1d1b;
    padding: 6em 4em 2em 4em;
    background-image: url(../images/logo-transparent.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-position-x: 110%;
    background-size: 30%;
    position: relative;
}
.content-wrapper{
    width: 90%;
    margin: 0 auto;
}
.logo-footer{
    width: 140px;
}
.logo-footer img{
    width: 100%;
}
.footer-item{
    flex: auto;
    margin-right: 1em;
}
.footer-item.footer-contact{
    flex: 2 2 10% !important;
}
.footer-item h3{
    color: white;
    text-transform: uppercase;
    margin-top: 0;
}
.list-social-network{
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-social-network li{
    display: inline-block;
}
.list-social-network li a{
    color: white;
    transition: transform .3s ease;
    display: block;
}
.list-social-network li a:hover{
    transform: scale(1.1);
    color: #d6964f;
}
footer ul li a svg,
.footer-contact svg{
    width: 42px;
    height: 42px;
    fill: white;
}
footer ul li a:hover svg{
    fill: #d6964f;
}
.footer-contact svg{
    width:24px;
    height: 24px;
}
.footer-contact p,
.footer-contact span{
    color: white;
}
.footer-contact span{
    font-size: 14px;
}
.footer-menu,
.footer-item .mod-list{
    /* margin-top: 2.2em; */
    /* margin-left: 2em; */
}
.footer-menu li a,
.footer-item .mod-list li a{
    color: white;
    font-weight: bold;
    margin-bottom: .6em;
    display: block;
    transition: all .3s ease;
}
.footer-item .mod-list li.active a,
.footer-menu li a:hover, 
.footer-item .mod-list li a:hover{
    color: #d6964f;
}

.footer-item .mod-list li a::after{
    content: '\f105';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin-left: 20px;
    opacity: 0;
}
.footer-item .mod-list li a:hover::after{
    opacity: 1;
}
.footer-contact p{
    margin: 0 0 5px 0;
}
.item-sm{
    margin-right: 2em;
}
.item-sm h3{
    font-family: "Barlow Semi Condensed",'dinpro_condensedregular', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin-left: 1.5em;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 20px;
    color: white;
    font-size: 25px;
}
header.stycky{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.produts-intro{
    padding: 1.5em 0;
}
.background-image{
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(5px);
    -webkit-filter: blur(18px);
    -moz-filter: blur(18px);
    -o-filter: blur(18px);
    -ms-filter: blur(18px);
    background-image: url(../images/image00081.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: border-box;
}
.intro-content{
    padding: 1em 4em;
}
.intro-content h1{
    font-size: 4em;
    color: white;
    margin-bottom: 0;
}
.intro-content p{
    color: white;
    font-weight: bold;
}
.module-produits{
    padding-bottom: 0em;
}
.module-produits h3,
.module-produits .menu-list-produits li a h6{
    color: white;
}
.module-produits .submenu-content{
    /* margin-bottom: 4em; */
}
.photo-item-produits{
    background-color: #fff;
    padding-bottom: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.photo-item-produits img{
    width: 100%;
    height: 100%;    
}
.photo-item-produits.captaine_joe_blanc img{
    transform: rotate(180deg);
}
.details-titre{
    width: 42%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    top: 50%;
    /* transform: translateY(-50%); */
    float: right;
    margin-right: 2em;
    right: 20px;
    /* border:1px solid #ffffff; */
    /* height: 100%; */
}
.details-titre.captaine_joe_blanc{
    top: auto;
    transform: translateY(-10%);
    bottom: 2em;
    right: auto;
    left: 2em;
}
.details-titre.captaine_joe_blanc h1{
    width: 66%;
    text-align: right;
}
.details-titre.soma_volamena{
    top: auto;
    /* transform: translateY(-10%); */
    bottom: 10%;
    right: 1em;
    left: auto;
}
.details-titre.naka{
    top: 80%;
    /* transform: translateY(-10%); */
    left: 5%;
    align-items: flex-start;
}
.details-titre.soma_gasikara p,
.details-titre.soma_43 p,
.details-titre.volka p{
    width: 78%;
}
.details-titre.soma_gasikara,
.details-titre.soma_43{
    transform: translateY(-50%);
}
.details-titre.soma_gasikara h1,
.details-titre.soma_volamena h1{
    text-align: right;
}
.details-titre.cap_ambre{
    left: 5%;
    transform: translateY(-50%);
}
.details-titre.captaine_joe_ambre{
    width: auto;
    top: auto;
    margin: 0;
    left: auto;
    right: 5%;
    padding: 0;
    align-items: flex-end;
    transform: none;
    bottom: 12%;
}
.details-titre.captaine_joe_ambre h1{
    text-align: left;
    width: 33%;
    /* position: absolute; */
    /* top: 10%; */
    /* left: 5%; */
}
.details-titre.captaine_joe_ambre p{
    /* text-align: center; */
    width: 33%;
    /* position: absolute; */
    bottom: 15%;
    right: 1em;
}
.details-titre h1{
    font-size: 4em;
    /* font-family: inherit; */
    color: white;
    margin: 0 0 .3em 0;
    line-height: 67px;
    text-transform: uppercase;
}
.details-titre p{
    color: white;
    font-weight: 800;
}
.details-titre p,
.description2 p{
    /* color: white; */
    font-size: 1em;
    text-align: justify;
}
.photo-100{
    width:100%;
    height: 100%;
}
.description2{
    background-color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex: 5;
}
.block-note{
    background-color: #f2efed;
    margin-left: 5em;
    padding: 6em 3em 9em 3em;
}
.degustation-wrap .image2{
    flex: 5;
}
.description2 h2{
    color: #4e1103;
    font-size: 3em;
    margin-bottom: .2em;
    margin-top: 0;
    /* text-transform: uppercase; */
    /* font-family: inherit; */
    width: 53%;
    line-height: 43px;
}
.d-flex-column{
    display: flex;
    flex-direction: column;
}
.descr2-content{
    /* margin: 6em; */
}
.fw-bold{
    font-weight: bold;
}
.page-faq{
    background-color: #d6964f;
}
.icon-svg{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #d6964f;
    padding: 15px;
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
}
.icon-svg::before{
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid #d6964f; 
    /* z-index: -1; */
    border-radius: 100%;
}
.taux-alcool{
    /* background-color: rgba(0,0,0,.6); */
    padding: 3px;
    display: flex;
    /* color: white; */
    width: fit-content;
    border-radius: 5px;
    margin-top: 1em;
}
.taux-alcool .item-taux{
    border-right: 2px solid #fff;
    padding: 7px 14px;
    font-family: "Barlow Semi Condensed",'dinpro_condensedregular', sans-serif;
    font-size: 25px;
}
.taux-alcool .item-taux:last-child{
    border-right: none;
}
.resumer li{
    margin: 10px;
}
.resumer li svg{
    width: 100%;
    height: 100%;
    fill: #592203;
}
.resumer{
    display: flex;
    margin-top: 2em;
}
.w-50{
    width: 50%;
}
.w-53{
    width: 40%;
}
.m-6{
    margin: 6em;
}
.m-3{
    margin: 3em;
}
.resumer h3{
    font-family: "Barlow Semi Condensed",'dinpro_condensedregular', sans-serif;
    font-size: 1.6em;
    color: white;
    text-align: center;
    margin: 0;
}
.resumer p{
    font-family: "Barlow Semi Condensed",'dinpro_condensedregular', sans-serif;
    margin: 5px 0;
    font-size: 18px;
    text-align: center;
}
.cocktail-section{
    margin-top: 4em;
    margin-bottom: 6em;
}
.row{
    display: flex;
    flex-wrap: wrap;
}
.row .col{
    width: 33.3333%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    /*! background-position-y: -40%; */
    overflow: hidden;
    background-position: center;
}
.col h1{
    margin-left: 1.5em;
    color: white;
    text-transform: uppercase;
    transition: top .6s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 0 0 2px BLACK;
}
.col:hover h1{
    top:-20%;
}
.col-1{
    background-image: url(../images/cocktails/cosmic.png); 
    background-color: #592203;   
}
.col-2{
    background-image: url(../images/cocktails/mystere_ankarana.png); 
    background-color: #1d1e19;   
}
.col-3{
    background-image: url(../images/cocktails/nuit_tropical.png); 
    background-color: #cecece;   
}
.col-4{
    background-image: url(../images/cocktails/le_peche.png); 
    background-color: #cecece;   
}
.col-5{
    background-image: url(../images/cocktails/sunset.png); 
    background-color: #592203;   
}
.col-6{
    background-image: url(../images/cocktails/oasis_perdu.png); 
    background-color: #1d1e19;   
}
.body-wrapper{
    position: relative;
}
.content-cocktail{
    background-color: rgba(0,0,0,.7);
    /* height: 100%; */
    bottom: 0;
    left: 0;
    transition: height .4s ease-in-out;
    height: 0;
    overflow: hidden;
    width: 100%;
}
.col:hover .content-cocktail{
    height: 100%;
}
.recette-cocktail{
    margin: 1em;
}
.recette-cocktail h3{
    margin-top: 1em;
    text-transform: uppercase;
    color: #d6964f !important;!i;!;
}
.recette-cocktail h3,
.recette-cocktail p{
    color: white;
}
.page-cocktails{
    background-color: #d6964f;
}
.page-cocktails .body-wrapper .com-content-article__body{
    padding-top: 4em;
}
.page-cocktails .body-wrapper .com-content-article__body > h1{
    margin-top: 0;
    font-size: 3em;
    margin-bottom: 0;
}
.item-image img{
    width: 100%;
    height: 100%;
    transition: transform .4s ease-in-out;
}
.com-content-category-blog.blog{
    margin: 6em 0;
}
.blog-items.masonry-4{
    display: flex;
}
.blog-items .blog-item{
    width: 25%;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 30px;
    position: relative;
    background-color: #ffffff;
}
.blog-items .blog-item:last-child{
    margin-right: 0;
}
.blog-items .blog-item figure{
    margin: 0;
    padding: 0;
    height: 175px;
    overflow: hidden;
    transition: all .3s ease;
}
.blog-items .blog-item:hover figure{
    /* background-size: 120% !important; */
}
.blog-item.flag-showintro figure{
    text-align: center;
}
.blog-item.flag-showintro figure a{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}
.blog-item.flag-showintro figure img{
    height: auto;
    width: 100%;
}
.blog-items .blog-item{
    background-color: #cecece;
}
.blog-items .blog-item .item-content h2,
.blog-items .blog-item .item-content p{
    margin: 0;
}
.blog-items .blog-item .item-content p{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.flag-hideintro .item-content{
    display: flex;
    /* align-items: center; */
    justify-content: center;
    height: 100%;
    padding: 15px;
    flex-direction: column;
    position: relative;
}
.item-content .article-info{
    margin: 0 0 20px 0;
}
.flag-hideintro .item-content .article-info{
    position: relative;
    color: white;
    padding: 0;
    margin: 0;
    z-index: 30;
}
.flag-hideintro .item-content p{
    position: absolute;
    bottom: -40px;
    transition: bottom .3s ease;
    font-weight: 800;
    color: white;
    z-index: 30;
}
.flag-hideintro:hover .item-content p{
    bottom: 110px;
}
.flag-hideintro::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 20;
}
.flag-hideintro .item-image{
    height: 100% !important;
    position: absolute;
    text-align: center;
}
.flag-hideintro .item-image a{
    display: block;
}
.flag-hideintro .item-image img{
    height: 100%;
    width: auto;
}
.flag-hideintro .item-content .page-header{
    position: relative;
    z-index: 30;
}
.blog-item.flag-hideintro .item-content .page-header h2 a:hover,
.blog-item.flag-hideintro:hover .item-content .page-header h2 a{
    color: #fff !important;
}
.item-content .page-header h2 a{
    color: white;
    /* font-family: 'Montserrat-Bold', sans-serif; */
}
.blog-item .item-content .page-header h2{
    line-height: 1;
    margin-bottom: 5px;
}
.blog-item .item-content .page-header h2 a{
    color: #d6964f;
}
.blog-item.flag-showintro:hover .item-content .page-header h2 a,
.blog-item.flag-showintro .item-content .page-header h2 a:hover{
    color:#4e1103 !important;
}
.blog-item.flag-showintro:hover .item-content p{
    font-weight: bold;
}
.blog-items .blog-item:hover figure img{
    transform: scale(1.2);
}
.flag-showintro .item-content{
    padding: 15px;
}
.article-info .published{
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.componentheadingpage-faq,
.blog .page-header h1,
.page-faq .page-header h1{
    font-size: 3em;
    color: white;
}
.pagination{
    display: flex;
}
.pagination li{
    width: 42px;
    height: 42px;
    margin: 0 5px 0 0;
    display: flex;
    align-items: center;
    background-color: #cecece;
    justify-content: center;
    border-radius: 50%;
}
.pagination li.active{
    background-color: #d6964f !important;
}
.pagination li.disabled{
    background-color: #eaeaea !important;
}
.pagination li > a,
.pagination li > span{
    display: block;
    padding: 5px;
    color: #333333;
    font-weight: bold;
}
.icon-angle-double-left::after{
    content: '\f100';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    transform: rotate(-180deg);
}
.icon-angle-left::after{
    content: '\f104';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    transform: rotate(-180deg);
}
.icon-angle-right::after{
    content: '\f105';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
}
.icon-angle-double-right::after{
    content: '\f101';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
}
.page-blog{
    position: relative;
}
.site.page-blog::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/image00029.jpeg);
    filter: blur(8px);
    -webkit-filter: blur(43px);
    background-repeat: no-repeat;
    background-size: 130%;
    background-position: center;
}
.page-blog .item-page{
    margin: 4em 0;
    border-radius: 30px;
    background-color: white;
}
.item-page .page-header{
    padding: 20px 0 0 0;
}
.item-page .page-header h1{
    color: #592203;
    font-size: 3em !important;
}
.item-page .page-header h1,
.item-page .page-header h2{
    font-size: 1.5em;
    margin: 0;
    padding: 0 40px;
}
.item-page .page-header h2{
    font-size: 2em !important;
    padding-left: 40px;
}
.item-page figure{
    margin: 0;
}
.item-page figure img{
    width: 100%;
}
.item-page .article-info{
    margin: 1em 40px;
    color: #ccc;
}
.item-page .com-content-article__body{
    padding: 0 2em 0 2em;
}
.com-content-article__body .moduletable h3{
    text-transform: uppercase;
}
.com-content-article__body .moduletable ul li a{
    display: block;
    margin-bottom: 1em;
    position: relative;
    padding-left: 15px;
    transition: all .2s ease;
}
.com-content-article__body .moduletable ul li a:hover{
    font-weight: bold;
    padding-left: 20px;
}
.com-content-article__body .moduletable ul li a::before{
    content: '\f061';
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.visually-hidden{
    display: none;
}
.pagenavigation{
    margin: 0 2em;
    display: block;
    padding-bottom: 2em;
}
.pagenavigation .pagination{
    display: flex;
    justify-content: space-between;
    
}
.pagenavigation .pagination a{
    display: block;
}
.fbLeftNavigation_toggle a.NavLeftUL_toggle{
    text-align: left !important;
}
h2.fbContent_title{
    margin-bottom: 0 !important;
}
.fbTopic_description p{
    margin: 5px 0 !important;
}
.fbTopicExtended{
    padding: 3em 0 !important;
}
.componentheading{
    font-size: 3em;
    margin: 1em 0 0 0;
}
.qListItem_link{
    font-size: 18px !important;
}
.com-content-category-blog__navigation{
    margin-top: 3em;
}
.item-page.page-cocktails .com-content-article__body > h1,
.item-page.page-cocktails .com-content-article__body > p{
    color: white;
}
.btn-menu-cocktail{
    position: absolute;
    bottom: 20px;
    left: 50%;
    background-color: #d6964f;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    transition: bottom .4s ease-in-out;
    transform: translateX(-50%);
}
.col:hover .btn-menu-cocktail{
    bottom:-100px;
}
.menu-cocktail h5{
    color: #ffffff;
    background-color: #d6964f;
    padding: 5px 15px;
    border-radius: 30px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1em;
    /* text-decoration: underline; */
    display: inline-block;
}
.menu-cocktail ul{
    margin-right: 1em;
}
.menu-cocktail ul li{
    color: white;
    margin-bottom: 5px;
    font-size: 14px;
}
.menu-cocktail ul li::before{
    content: '\f061';
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 5px;
}
.headline{
    font-size: 2.5em;
}
.sticky{
    position: fixed !important;
    z-index: 2000;
    top: 0px;
    left: 0px;
    background-color: #4e1103 !important;
}
.formulaire-contact{
    background-color: white;
    margin-bottom: 3em;
    margin-top: 2em;
    border-radius: 30px;
    overflow: hidden;
}
.coords-wrapper{
    margin-top: 2em;
}
.coords-wrapper img{
    border-radius: 10px;
}
.popup {
    display: none; /* Masqué par défaut */
    position: fixed;
    z-index: 3000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    background-image: url(../images/Rhum-Blanc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.popup-content {
    background-color: transparent;
    padding: 20px;
    /* border: 1px solid #888; */
    width: 100%;
    max-width: 700px;
    min-height: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
}
.popup-content .header-popup{
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-content .header-popup img{
    width: 80px;
}
.indication-age{
    color:#cecece;
    padding-bottom: 1em;
    text-align: center;
}
.border-white{
    border:1px solid #cecece;
}
.body-center-content{
    width: 50%;
    margin: 0 auto;
    background-color: #4e1103;
    padding: 1.5em 0;
}
.body-center-content h1{
    font-family: 'Montserrat-Bold', sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 1.4em;
    margin-top: 30px;
}
.body-center-content .text-input{
    font-size: 2.4em;
    font-family: 'Montserrat-Bold', sans-serif;
    color: white;
    width: 90%;
    border: none;
    background-color: #4e1103;
    text-align: center;
    margin: 0 auto 20px auto;
    font-weight: bold;
}
.body-center-content .text-input::placeholder{
    color: white;
    font-weight: bold;
}
.body-popup{
    background-color: #4e1103;
    border-radius: 30px 30px 0 0;
    border: 5px solid #d6964f;
}
.body-center-content p{
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    color: #d6964f;
    text-align: center;
}
.body-center-content p a{
    font-weight: normal !important;
    text-decoration: underline;
    color: #d6964f !important;
}
.form-element{
    text-align: center;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.link-gestion-cookies{
    margin: 1.2em 0;
    color: #d6964f;
    font-size: 12px;
    text-align: center;
}
.link-gestion-cookies a{
    color: #d6964f !important;
    font-weight: bold;
}
.header-popup .logo-wrapper{
    background-color: #4e1103;
    padding: 2em 6em 0 6em;
    border-radius: 30px 30px 0 0;
    border-top: 5px solid #d6964f;
    border-left: 5px solid #d6964f;
    border-right: 5px solid #d6964f;
    margin-bottom: -5px;
}
.inline-bouton{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}
.btn-cookies{
    padding: 1em 2em;
    border: none;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Montserrat-Bold', sans-serif;
    margin: 0 3px 0 0;
    cursor: pointer;
}
.btn-grey{
    background-color: #aaaaaa;
}
.btn-marron{
    background-color: #d6964f;
}
.fbLeftNavigation_core{
    background-color: #4e1103;
}
.fbLeftNavigation_toggle a.NavLeftUL_toggle,
a.NavLeftUL_anchor, 
span.NavLeftUL_anchor, 
a.NavLeftUL_toggle{
    color: white !important;
}
.fbLeftNavigation_core .li_selected > a, .fbLeftNavigation_core .li_selected > a:hover, .fbLeftNavigation_core .li_selected > a:focus{
    color: #4e1103 !important;
}
.counter{
    color: white;
}
.qFaqItem_introtext{
    color: #333333 !important;
}
.NavLeftUL_anchor:hover{
    color: #592203 !important;
}
.menu-icon {
    /* display: none; */
    cursor: pointer;
    color: white;
}
.col-50{
    width: 50%;
}
.tabs {
    display: flex;
    background-color: transparent;
    margin-bottom: 1em;
    align-items: center;
    justify-content: center;
}
.tablinks {
    background-color: #d6964f;
    border: none;
    outline: none;
    padding: 10px 16px;
    cursor: pointer;
    transition: 0.3s;
    margin-right: 5px;
    border-radius: 30px;
    color: white;
    font-weight: bold;
    font-family: inherit;
    text-transform: uppercase;
    font-size: 12px;
}
.tablinks:hover {
    background-color: #ddd;
}
.tablinks.active {
    background-color: #ccc;
    color: #333;
}
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}
.loader {
    background: rgba(255, 255, 255, 1);
    cursor: wait;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader img{
    width: 200px;
    height: 200px;
}
.logo-alamako{
    width: auto;
    margin-top: 7em;
}
.logo-alamako p{
    margin: 0;
    color: white;
    font-size: 14px;
    text-align: center;
}
.logo-alamako img{
    width: 100%;
}
.show-mobile{
    display: none;
}
.menu-mobile-content{
    background-color: #4e1103;
    position: absolute;    
    z-index: 10;
    right: 0;
    top: 95px;    
    transition: all 1s ease;
    height: 100vh;
    display: none;    
    width: 100%;
}
.menu-mobile-content ul li a{
    text-align: center;
}
.show-mobile .mod-menu{
    display: flex;
    flex-direction: column;
}
.show-mobile-menu{
    display: block !important;    
}
.site{
    /* overflow: hidden; */
}
.com-content-category-blog__counter{
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 5px 20px;
    border-radius: 30px;
    font-weight: 800;
    font-size: 14px;
}
.mod-produits-home .produits-left,
.mod-cocktails-home-left{
    flex: 4;
    padding: 5em 3em;
}
.mod-produits-home .produits-right{
    flex: 6;
    display: flex;
    background-image: url(../images/IMG_6087_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.list-produits-home{
    list-style: none;
    margin: 3em 0 0 0;
    padding: 0;
    display: flex;
}
.list-produits-home li{
    width: 25%;
    text-align: center;
}
.list-produits-home li img{
    height: 150px;
    transition: transform .3s ease;
}
.list-produits-home li h3{
    color: #1d1d1b;
    font-size: 16px;
    margin: 15px 0 0 0;
}
.link-borded,
#acceptCookie{
    color: #4e1103;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid #4e1103;
    display: inline-block;
    margin: 2em 0;
    cursor: pointer;
    font-family: inherit;
}
#acceptCookie{
    margin: 1em 0;
}
.link-borded:hover,
#acceptCookie:hover{
    background-color: #4e1103;
    color: white;
}
.icon-cocktail::before{
    content: '\f000 ';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin-right: 10px;
}
.icon-produits::before{
    content: '\f061';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin-right: 10px;
}
.item-produit-home a{
    display: block;
    /* overflow: hidden; */
}
.item-produit-home a:hover img{
    transform: scale(1.1);
}
.item-produit-home a:hover h3{
    color: #4e1103;
}
.cocktails-home-right{
    flex: 6;
    padding: 5em 0;
}
.cocktails-home-right .col{
    height: 350px !important;
}
.mod-cockatils-home{
    background-image: url(../images/background-cocktail.png);
    background-position: center;
    background-size: cover;
}
.mod-cocktails-home-description p{
    margin: 0;
    text-align: justify;
}
.mod-cockatils-home .cocktail-item h1{
    font-size: 1.5em;
    margin: 15px 0 0 0;
    text-align: center;
    width: 100%;
}
.mod-cockatils-home .menu-cocktail ul li{
    font-size: 12px;
}
.produits-left h1,
.mod-cocktails-home-left h1{
    color: #4e1103;
    font-family: inherit;
    font-size: 2.4em;
}
.plan-site{
    margin-top: 2em;
    margin-bottom: 2em;
}
.item-plan{
    flex: 1;
}
#cookiePopup { display: none; position: fixed; bottom: -100px; width: 100%; background-color: white; padding: 1em; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); transition: bottom 1s;}
#cookiePopup p{
    margin: 10px 0;
}

.error_wrapper{
    width: 100%;
    height: 100%;
    
    position: fixed;
    top: 0;
    left: 0;
    background-image: url(../images/slide_1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.error_wrapper::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    left: 0;
    z-index: 1;
}
.error_content{
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    background-color: transparent;
    z-index: 2;
    text-align: center;
}
.error_content img{
    width: 100px;
}
.error_content h1{
    font-size: 6em;
    color: white;
    text-align: center;
    width: 100%;
    margin: 0;
}
.error_content h3{
    color: chocolate;
    font-size: 2em;
    font-family: inherit;
    display: block;
    text-align: center;
    margin: 0;
}
.error_content p{
    color: white;
    text-align: center;   
}
.error_content a{
    color: chocolate;
}
.article-legale .com-content-article,
.page-faq .com-content-article{
    padding-top: 2em;
    padding-bottom: 2em;
}
.item-page.article-legale{
    border: 1px solid #eaeaea;
    background-color: white;
    padding: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-radius: 25px;
}
.text-white{
    color: white !important;
}