.container-text-img{width: 100%; position: relative;margin: 0px auto !important; padding: 30px 0px; display: flex;flex-direction: column-reverse; flex-wrap: wrap;}
.container-text-img .box-img{position: relative; z-index: 3; overflow: hidden; height: 550px;}
.container-text-img .box-img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto;}
.container-text-img .box-text{position: absolute; width: 65%;top: 50%;transform: translateY(-50%); z-index: 4; background: rgba(255,255,255,0.96); padding: 5%; box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.15); border-left: 15px solid #e4d5c2;}
.container-text-img .box-text h2{margin-top: 0px !important;}

.container-bouteille{width: 100%; display: flex; justify-content: center;flex-wrap: wrap; padding-left: 0px !important; padding-right: 0px !important;}
.container-bouteille p, .container-bouteille h2{text-align: left !important;}
.container-bouteille>div{position: relative;}
.container-bouteille .box-img-bouteille{display: flex; justify-content: center; align-items: center; padding: 30px 20px; box-shadow:inset 0px 0px 20px 5px rgba(0,0,0,0.15);}
.container-bouteille .box-img-bouteille img{width: 57%; max-width: 100%;}
.container-bouteille .bg-1{background: #e0293b;}
.container-bouteille .bg-2{background: #e4d5c2;}
.container-bouteille .box-descriptif-bouteille{ padding: 5%; display: flex; flex-direction: column; justify-content: center;box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);}
.container-bouteille a p{color: #e0293b !important; padding-top: 5px;}
.container-bouteille a{margin-top: 10px; transition: all 0.4s;text-decoration: none !important; text-transform: uppercase; color: #e0293b !important; font-size: 15px; letter-spacing: 1px;}
.container-bouteille a:before{font-family: arial; transition: all 0.4s; content: '+';letter-spacing: 0px; display: flex; justify-content: center; align-items: center; font-size: 20px;height: 30px; width: 30px; border-radius: 100%; background: #e0293b; text-align: center; color: #fff; float: left; margin-right: 10px;}
.container-bouteille a:hover:before{transform: scale(0.86) rotate(90deg); background: #e4d5c2; color: #fff; }


.container-text-img .right-position{right: 0; left: initial;}
.container-text-img .left-position{left: 0; right: initial;}

.container .bloc-video {border:1px solid #e4d5c2;margin:10px auto;padding:20px;box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);text-align:center;background:#000;}

.bouton-reseau{transition: all 0.4s; color: #fff; background:  #e0293b; font-size: 22px; display: block; text-decoration: none !important; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin: 10px;}
.bouton-reseau:hover{background: #e4d5c2; color: #fff;}
.clear{clear: both;}
#content{padding: 30px 15px;}
/* RECHERCHES FRÉQUENTES */
.recherches{border: 1px solid #e0e0e0; padding: 10px; margin: 5px 0px; color: #e0e0e0; max-height: 100px; overflow-y: scroll;}
.recherches span{font-size: 15px;}
.recherches p a{color: #e0e0e0; font-size: 9px;}

/* FIL D'ARIANE + A VOIR AUSSI + BAS DE PAGE */
#content p a, #content .breadcrumb a{color:#e0293b;font-weight: bold; text-decoration: none; transition: all 0.3s;}
#content .breadcrumb{margin-bottom: 30px; font-size: 14px;}
#content #axo-aVoirAussi { padding: 10px 0; margin-top: 20px;}
#content #axo-aVoirAussi a{font-size: 15px; transition: all 0.4s;background: rgba(0,0,0,0.08);padding: 8px 20px; margin: 5px 10px 10px 0px; display: inline-block; color:#000; border-radius: 30px; text-decoration: none; font-weight: bold;}
#content #axo-aVoirAussi a:hover{background: #e0293b; color: #fff;}
#content #axo-aVoirAussi p {border-left: 8px solid #e4d5c2; padding-left: 10px; font-weight: bold;}
#content .bottom-page{background: rgba(0,0,0,0.07); margin: 30px 0px; padding:20px 15px;}
#content .bottom-page p{text-align: center; margin-bottom: 0px;}

/* STYLE TEXTE */
#content p a:hover, #content .breadcrumb a:hover{opacity: 0.4;}
#content p{color:#000;letter-spacing:0.5px;font-size:15px;text-align: justify;}
#content .center{text-align: center !important;}
#content h1,
#content h2,
#content h3 {
    color: #000;
    text-align: left;
    font-family: 'EB Garamond', serif;
}
#content h1{letter-spacing: 1px;color:#000;font-size:33px;margin:0 0 30px;text-align: center; text-transform: uppercase;}
#content h1 span{font-weight: initial;display: block; font-size: 18px;margin-top: 2px;text-transform: uppercase; color: #e0293b; font-family: 'Livvic', sans-serif; letter-spacing: 4px;}
#content h1:after{content: ''; display: block; height: 3px; width: 60px;background-color:#e0293b;margin: 0 auto; margin-top: 10px; border-radius: 5px;}
#content h2{font-size:27px;margin-bottom: 15px; margin-top: 30px;}
#content h2:after{content: ''; display: block; height: 3px; width: 60px;background-color:#e4d5c2;margin-top: 10px; border-radius: 5px;}
#content h3{font-size:24px;}
#content .liste {font-size:15px;letter-spacing:0.5px; margin-bottom: 15px; margin-left: 25px; color: #000;}
#content .liste li{padding: 2px 0px;}
#content .liste li a{text-decoration: none; color: #e0293b;}

/* STYLE IMG */
#content .img-C{display: block;margin: 25px auto; max-width: 400px;}
#content .img-G{float: left;margin: 0px 35px 20px 0px; max-width: 400px;}
#content .img-D{float: right;margin: 0px 0px 20px 35px; max-width: 400px;}
#content .clear{clear: both;}


/* BOUTON + LIEN */
.bouton-center{display: flex; width: 100%; justify-content: center;}
#content .bouton{font-size: 15px;transition: all 0.4s;display:inline-block;border:2px solid #e0293b; color: #000; text-decoration: none !important; padding: 7px 15px; font-weight: bold; border-radius: 30px; margin:7px 0px 20px;}
#content .bouton:hover{background-color: #e0293b; color: #fff;}
.box-tel{color: inherit !important;text-decoration: none !important;}
.box-tel:hover{color: inherit !important;text-decoration: none !important;}

.btnshop {
    background: #fff;
    color: #000;
    padding: 13px 30px !important;
    position: absolute;
    width: 380px;
    text-align: center;
    border-radius: 0px 0px 20px 20px;
    bottom: -57px;
    transition: 0.5s ease all;
    text-decoration: none !important;
    left: calc(50% - 150px);
    font-size: 22px;
}

.btnshop:hover {
    background: #fcf2df;
    color: #000;
}

.menubox.fixed .btnshop {
    display: none;
}

/* RESPONSIVE */
@media all and (max-width: 991px) {
    .container-bouteille .box-img-bouteille img{width: 65%;}
    .container-text-img .box-text{position: relative; transform: none; width: 100%; top: 0; right: 0; left: 0;}
    .container-text-img .box-img{height: 300px; width: 100%;}


    #content h1{font-size: 29px;}
    #content h1 span{font-size: 17px;}
    #content h2{font-size: 26px;}
    #content h2 span{font-size: 18px;}
    #content h3{font-size: 23px;}
    #content .img-G, #content .img-D, #content .img-C{
        float: none !important;
        margin: 25px auto !important;
        display: block !important;
        width: 400px;
        max-width: 75% !important; }
        #content p{letter-spacing: 0px;}
    }

    @media all and (max-width: 767px) {
        .reverse{display: flex; flex-direction: column-reverse; flex-wrap: wrap;}
        .container-bouteille{margin: 50px auto;}
    }

    @import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700&display=swap');
    .blochome{background: #fcf2df; padding: 50px 0px;}
    .blochome h1{text-align: center; text-transform: uppercase; margin-top: 10px; margin-bottom: 30px; font-size: 22px; font-family: 'EB Garamond', serif;}
    .blochome p{text-align: center !important; font-size: 15px;}

    .text-bouteille{font-size: 18px; margin-bottom: 20px;}
    .btn-circle p{margin-top: 27px;}
    .btn-circle{transition: all 0.4s;text-decoration: none !important; text-transform: uppercase; color: #e0293b !important; font-size: 18px; letter-spacing: 1px;}
    .btn-circle:before{font-family: arial; transition: all 0.4s; content: '+';letter-spacing: 0px; display: flex; justify-content: center; align-items: center; font-size: 30px;height: 40px; width: 40px; border-radius: 100%; background: #e0293b; text-align: center; color: #fff; float: left; margin-right: 10px;}
    .btn-circle:hover:before{transform: scale(0.86) rotate(90deg); background: #fcf2df; color: #e0293b; }

    body{padding:0px;margin:0px; font-family: 'Livvic', sans-serif; font-weight:normal;overflow-x: hidden;background: #fff;}
    ul{padding:0px;margin:0px;}
    .header{position:relative;overflow: hidden;z-index: 2; height: 100vh;}
    .header .img{min-width: 100%;max-width: 100%;}
    .logo{
        display:flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        left:0Px;
        z-index:2;
        width: 100%;
        top: 0;
        height: 100%;
        padding: 0px 15px;
    }

    .boxlogo{width:100%;height: 100vh;display:flex;align-items:center;justify-content:center;padding: 15px;z-index: 9;}

    .page .boxlogo{height: 500px; overflow: hidden;}
    .page .boxlogo img{ width: 350px; max-width: 90%;}
    .page .header{height: 450px;}

    .boxlogo img{max-width:100%; width: 500px;}	
    .menubox>ul {
        width: 100%;
        display: flex;
        padding: 0;
        margin: 0;
        justify-content: center;
        position: relative;
    }	
    .menubox li:hover .sousmenu{transform:none;}
    .sousmenu{position:absolute;width:100%;left: 0;top: 43px;z-index: 1;background: #fff;padding: 15px;display: flex;flex-wrap: wrap;justify-content: center;border: 10px solid #5c6997;border-top: 0;transition: 0.5s ease;transform: translateY(-138%);}
    .menubox li {
        display: block;
        text-align: center;
    }
    .menuboxInner{font-family: 'EB Garamond', serif;}
    .sousmenu li a{text-transform:none !important;margin: 5px;font-size: 15px !important;background: none !important;color: #5c6997 !important;display: flex !important;align-items: center;text-align: left !important;}
    .sousmenu li{width: 20%;}
    .sousmenu li img{max-width: 72px;margin-right: 10px;}
    .services{overflow:hidden;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
    .services img{max-width:100%;transition: 0.5s ease all;min-width: 100%;cursor: pointer;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
    .colsservice:hover img{
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
    }
    .borderblock:after{content:"";content: "";width: 5px;height: 80%;display: block;background: #fff;position: absolute;right: 0;bottom: 30px;z-index: 1;transition: 0.3s cubic-bezier(0.4, 0, 1, 1) height;height: 0%;}
    .borderblock:before{content:"";width: 5px;height: 0%;display: block;background: #fff;position: absolute;left: 0;top: 30px;z-index: 1;transition: 0.3s cubic-bezier(0.4, 0, 1, 1) height;}
    .activesection .borderblock:after{
        height: 80%;
    }
    .activesection .borderblock:before{
        height: 80%;
    }
    .colsservice{overflow:hidden}
    .colsservice>div{position:relative;overflow:hidden;transition: 0.5s ease all;-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform: translateY(-100%);transition-delay: 0.4s;}
    .colsservice:nth-child(2)>div{transform:translateY(100%);transition-delay: 0.5s;}
    .colsservice:nth-child(3)>div{transition-delay:0.6s}
    .activesection .colsservice>div{transform:none}
    .rightext{text-align:right;font-size:18px;color:#ff8400;border-left: 10px solid #f3f3f3;}
    .menubox li a {
        transition: 0.7s ease all;
        display: flex;
        align-items: center;
        font-size: 18px;
        color: #fff;
        height: 100%;
        position: relative;
        text-decoration: none !important;
        letter-spacing: 1px;
        text-align: center;
        padding: 15px 25px;
        text-transform: uppercase;
        font-weight: 500;
        z-index: 333;
    }
    .menubox li:last-child a:after{display:none;}
    .menubox li a:hover{color: #fff;background: #e4d5c2;}
    .bottom_section img{max-width:100%;min-width: 100%;}
    .titlebottom{color: #f7952c;font-size: 24px;display:block;padding:15px 0px;}	
    .textnews{background:#f7952c;padding:15px;height: 100%;display: flex;align-items: center;justify-content: center;}
    .textnews p{font-size:15px;max-width:400px;margin:0 auto;color: #fff;text-align: justify;letter-spacing: 0.5px;}
    .img-sous-menu a{display: flex !important; justify-content: center; flex-wrap: wrap; flex-direction: column;}
    .img-sous-menu a:hover img{transform: scale(0.88);}
    .img-sous-menu img{padding: 15px; transition: all 0.4s;}
    .img-sous-menu span:after{content: ''; display: block; height: 3px; width: 30px; background: #e0293b; margin: 5px auto;}

    .dropmenu li{display:block;width: 100%;padding-bottom: 0px !important;text-align: left;}
    .dropmenu li a {padding: 12px 10px !important;display: block;transition: 0.3s ease all;text-align: left !important;margin: 0; font-family: 'EB Garamond', serif; color: #000;}
    .dropmenu li a:before {display:none;}
    .dropmenu li a:hover{background: #e4d5c2 !important;text-decoration: none;color: #fff;}
    .dropmenu{box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.1);border-top:3px solid #e4d5c2; position:absolute;left:0px;background: #fff;top: 100%;transition: 0.3s ease all;transform: scaleX(0);width: 100%;z-index: 9;display: flex;padding: 0; justify-content: center; align-items: center;}
    .menubox li>.dropmenu .dropmenu{
        top: 0;
        left: 100%;
    } 
    .menubox li:hover>.dropmenu {
        transform: scaley(1);
    }
    .menubox {
        display: flex;
        align-items: center;
        padding: 0;
    }


    .adresse{font-size: 15px;text-align: center;color: #b57e3c;text-transform: uppercase;letter-spacing: 2px;}
    .adresse span{display:block}
    .phone {
        text-align: right;
        color: #fff;
        font-size: 30px;
        margin-left: 25px;
        padding: 4px 18px !important;
        font-family: 'Augusta';
        background: url(../images/phoneBack.png) no-repeat;
        height: 39px;
        line-height: 39px;
        background-size: 100% 100%;
        display: inline-block !important;
    }
    .slider_box{
        display: flex;
    }
    .textslider{
        background: #6b7082;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center; /* Safari 7.0+ */
        align-items: center;
        -webkit-justify-content: center; /* Safari 6.1+ */
        -moz-justify-content: center;
        justify-content: center;
    }
    .textslider>div{padding: 20px 15px;color:#fff;text-align: center;max-width: 340px;margin: 0 auto;font-family: 'montserratregular';font-size: 16px;line-height: 24px;}
    .textslider>div img{display:block;margin: 0 auto 35px;}

    .text_home{background: url(../images/back2.jpg) no-repeat;background-size: cover;min-height: 550px;display: flex;align-items: center;padding: 0px 15px;margin-top: -21px;border-top: 5px solid #edc567;}
    .text_home>div{max-width:1400px;margin:0 auto}
    .centertext{text-align:center;font-size:17px;max-width:1000px;margin: 15px auto 5px;}
    .serviceGalerie{display:flex;max-width: 1400px;margin: 40px auto;}
    .colservice{position:relative;overflow: hidden;padding: 0px;border-left: 15px solid #fff;}
    .colservice img{max-width:100%;transition: 0.5s ease all;min-width: 100%;transform: scale(1);}
    .colservice:hover img{transform: scale(1.1);}
    .boxgris{background:#6b7082}
    .date{font-size:40px;display:block;}
    .titleservice{font-family: 'EB Garamond', serif;position: absolute;left: 0;top: 0;font-size: 20px;text-align: center;color: #fff !important;text-decoration: none !important;font-weight: normal;z-index: 2222;margin-top: 15px;width: 100%;height: 100%;margin: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;text-transform: uppercase;font-weight: 400;letter-spacing: 3px;-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform: scale(0);transition-delay: 0.8s;}
    .titleservice:hover:before{
        transform: rotate(180deg);
    }
    .activesection .titleservice{transform:none}
    .titleservice:before{content:"";width: 60px;height: 60px;display: block;background: url(../images/ico.png) no-repeat;margin-bottom: 10px;transition: 0.5s ease all;}
    .text_home p {text-align: justify;color: #000;margin: 0 auto 15px;font-size: 15px;letter-spacing: 3px;text-transform: uppercase;padding: 0px 15px;}
    .backWhite{background: rgba(255, 255, 255, 0.74);padding: 30px 15px;}
    .citation {
        max-width: 400px;
        margin: 0 auto;
        color: #fff;
        font-size: 15px;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 60px;
        background:url(../images/forme2.png) no-repeat, url(../images/form.png) no-repeat;
        background-position: top right , bottom left;
        padding: 60px 15px;
    }
    .textright{text-align:right}
    .contact{display:flex;align-items:center;font-size: 21px;padding: 40px 15px 15px;color: #000;letter-spacing: 2px;clear: both;}
    .contact>.col-xs-12{background: #f1f1f1;padding: 40px 15px;}
    .titlecontact span{color:#fff;font-size: 27px;letter-spacing: 3px;display:block;margin-bottom:10px;}
    .titlecontact {margin-bottom:60px}
    .contact .phone{margin-bottom: 20px;display:block;}
    .contact .border{border-right: 10px solid #6b7082;color: #000;font-weight: 600;padding: 30px 15px;}
    .contact img{
        display: block;
        margin: 0 auto 40px;
        max-width: 100%;
    }
    .phone1{
        display: block;
        color: #fff;
        font-size: 25px;
        letter-spacing: 1px;
    }
    .titlebottombloc{overflow:hidden}
    .bottom_section{
        padding: 15px 15px 0px;
    }
    .langue{padding: 15px 15px !important;}
    .active-langue{background: #e4d5c2;}
    .contact .phone{text-align: center;color:#000;margin-left: 0;}
    .nopadding{padding:0px;}
    .menuboxInner{
        position: fixed;
        width: 100%;
        margin: 0px;
        padding: 0px 0px;
        transition: 0.5s ease all;
        z-index: 99999;
        background: rgba(0, 0, 0, 0.7);
    }
    .fixed .MENUprincial{background:#fff;box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.15);}
    .fixed .MENUprincial>li>a{color: #000 !important;}
    .fixed .MENUprincial>li>a:hover{color: #fff !important;}


    /****** footer ***/ 
    .boxfooter{overflow:hidden;background-size: cover;display: flex;align-items: center;padding-top: 10px;}
    .footer{padding: 40px 20px 30px;display: flex;align-items: center;justify-content: space-between;color: #fff;font-size: 15px;margin-bottom: 20px;}
    .footerflex{
        display: flex;
        align-items: center;
        WIDTH: 100%;
        justify-content: space-between;
    }
    .footer .phonebox{}s
    .footerflex p{margin:0px;font-size: 20px;letter-spacing: 2px;}
    .footerlink{color: #ffeae5;font-size: 10px;font-family:verdana;text-align: right;}
    .footerlink ul{list-style:none;margin:0px;padding:0px;display: inline-block;}
    .footerlink ul li{display:inline-block;}
    .footerlink ul li a{color: #ffeae5;text-decoration:none !important;transition:0.3s ease all;}
    .footerlink ul li a:hover{color:#fff;}
    .inlineblock{display:inline-block;}	
    .footerlink  ul{padding:0px;margin:0px;list-style:none;background:none;}
    .boxfooter>div{width:100%;}
    /****** footer ***/ 




    .fixedbutton {
        width: 100%;
        position: fixed;
        background: #fff;
        height: 50px;
        top: 0px;
        z-index: 99999;
        transition: 0.5s ease transform;
        transform: translateY(-100%);
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    }
    .fixedbutton .btnmenu{top: 12px !important;left: 20px !important;}

    .sticky {
        display: flex;
        align-items: center;
        padding: 0px;
        margin: 0px;
        width: 100%;
        justify-content: center;
        list-style: none;
        position: relative;
        top: 16px;
    }
    .sticky li {
        position: relative;
        z-index: 9999;
    }
    .sticky li a {
        color: #fff !important;
        text-transform: none;
        font-size: 17px;
        display: block;
        padding: 0px 20px;
        text-decoration: none !important;
        letter-spacing: 1px;
    }
    .sticky .dropmenu {
        transform: scalex(0);
        background: #5c6997;
        transition: 0.5s ease all;
        TOP: 34PX;
    }
    .sticky li:hover>.dropmenu {
        transform: scalex(1);
        min-width: 300px;
    }
    .sticky li>.dropmenu .dropmenu{
        left: 100%;
        top: 0;
    }




    @media (max-width: 1550px) {

        .menubox li a {
            font-size: 17px;
            padding: 15px 10px;
        }

    }

    @media (max-width: 1300px) {

        .menubox li a {
            font-size: 18px;
            padding: 15px 10px;
            text-transform: none;
        }

    }

    .text{padding: 30px 10px;border-bottom: 3px solid #ddd;}
    .textdiv{max-width:1500px;margin:15px auto;padding:0px 15px;color: #4b5061;line-height:23px;font-size:15px;text-align:justify;}

    .boxrealisation{position:relative;}
    .linkslider{color: #fff !important;font-weight:700;font-size: 22px;position:absolute;right:20px;bottom:20px;z-index:999999;letter-spacing: 1px;text-decoration: none !important;}
    .top span{padding:5px;display:block}
    .top{
        COLOR: #FFF;
        padding: 10px 0px;
        font-size: 19px;
        letter-spacing: 1px;
        position: absolute;
        right: 0px;
        top: 20px;
        z-index: 1;
        font-family: 'Augusta';
        text-align: right;
    }

    .logobox{background:#b5b9c7;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center; /* Safari 7.0+ */
        align-items: center;
        -webkit-justify-content: center; /* Safari 6.1+ */
        -moz-justify-content: center;
        justify-content: center;}
        .titletextslider{text-transform:uppercase;display:block;text-align:center;margin-bottom:20px;text-align:center;font-size:20px;}
        .logobox img{max-width:100%;}
        .blocimgText h3{
            color: #fff;
            margin-bottom: 30px;
            font-family: 'Augusta';
            font-size: 32px;
            margin: 30px 0px;
        }
        .blocimgText{color: #000;font-size: 17px;align-items: center;overflow: hidden;background: url(../images/back.png) no-repeat center bottom #fff;text-align: center;background-size: auto 80%;min-height: 500px;height: 500px;display: flex;align-items: center;}
        .blocimgText .titlebold{color:#353334;font-weight:700;font-size:45px;text-transform:uppercase}
        .blocimgText  img.center{display:block;margin:0 auto 15px;}
        .blocimgText div p{
            margin: 0 auto 15px;
            text-align: center;
            font-size: 20px;
            line-height: 27px;
            max-width: 550px;
            text-transform: uppercase;
            font-weight: 300;
            letter-spacing: 1px;
        }
        .titlehome{padding-top:250px;background: url(../images/back.jpg) no-repeat;text-align: center;padding-bottom: 150px;border-bottom: 2px solid #ddd;font-size: 30px;background-size: 100% auto;}	
        .titlehome h2{text-transform:uppercase}
        .page  .menuboxInner{}
        @media (max-width:1200px) {	
           .blocimgText div p{letter-spacing:1px;}
           .boxlogo img {
            max-width: 500px;
        }
    }
    @media (max-width:1024px) {
        .sticky li a {
            color: #fff;
            text-transform: capitalize;
            font-size: 15px;
        }
        .textslider>div {
            padding: 20px 15px;
            color: #fff;
            text-align: justify;
            max-width: 700px;
            margin: 0 auto;
        }
        .textslider>div img {
            display: block;
            margin: 0 auto 15px;
        }
    }
    @media (min-width:991px) {
        .page .header {
            position: relative;
            min-height: 350px;
            overflow: hidden;
            max-height: 350px;
        }
    }
    .blocbouteille{
        display: flex;
        align-items: center;
        min-height: 500px;
        background: url(../images/back.jpg) no-repeat;
        background-size: cover;
        flex-wrap: wrap;
    }
    .blocbouteille>div{padding: 30px 15px;}
    .blocbouteille img{display:block;max-width:100%;transform: translatey(100%);transition: 0.5s ease-out all; margin: 0px auto;}
    .activesection.blocbouteille img{transform:none}
    .activesection.blocbouteille .pinkblock{transform:none}
    @media (max-width:991px) {
        .page .boxlogo{height: 300px; overflow: hidden;}
        .page .header{height: 300px;}
        .page .boxlogo img{width: 300px; margin-top: 40px;}
        .boxlogo img{max-width: 86%; margin-top: -50px;}
        .boxlogo a{display: flex; justify-content: center; align-items: center;}
        .fixed .MENUprincial{background: none;}
        .navphone {
            position: fixed;
            width: 100%;
            height: 100%;
            TOP: 50px;
            left: 0px;
            transform: translateX(-100%);
            transition: 0.7s ease-in-out all;
            z-index: 999999;
            padding: 20px;
            height: 100vh;
            overflow: hidden;
            max-width: 100vw;
            background: rgba(0, 0, 0, 0.92);
            box-shadow: none !important;
        }
        .navphoneblock {
            transform: translateX(0%);
            box-shadow: none !important;
        }
        .menubox>ul{display:block}
        .navphoneblock>div {
            height: 100%;
            overflow: auto;
            display: block;
        }
        .navphone li {
            display: block;
            text-align: left;
        }
        .inline{display: inline-block !important;}
        .navphone .dropmenublock{left: 0px !important;}
        .navphone .dropmenu {
            display: none;
            position: relative;
            left: 0px;
            top: 0px;
            padding: 0px;
            transition: none;
            transform:none;
            background: #fff;
            margin-bottom: 5px;
        }
        .navphone .dropmenu li a{display: block !important; width: 100% !important; padding: 0px 10px !important; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #e4d5c2;}
        .img-sous-menu img{width: 100px;}
        .img-sous-menu span:after{display: none;}
        .navphone .btnSoumenu>a:after{content:"";width: 8px;height: 8px;border: 2px solid #fff;display: block;position: absolute;right: 5px;top: 11px;transform: rotate(45deg);border-left: 0;border-bottom: 0;}
        .navphone .MENUprincial>li>a {
            transition: 0.7s ease all;
            display: block;
            font-size: 18px;
            text-transform: uppercase;
            color: #fff !important;
            position: relative;
            text-decoration: none !important;
            letter-spacing: 1px;
            text-align: left !important;
            padding: 8px 15px;
        }
        .langue{display: inline-block !important;}
        /* end boutton menu responsive */

        /* boutton menu responsive */
        #nav-toggle {
            cursor: pointer;
            display: block;
            align-items: center;
            text-align: center;
            margin: 0px;
            width: 40px;
            height: 25px;
            left: 0px;
            top: 0px;
            position: relative;
        }
        #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
          cursor: pointer;
          height: 2px;
          width: 32px;
          background: #000;
          position: absolute;
          display: block;
          content: '';
          left: 0px;
          bottom: 11px;
      }
      #nav-toggle span:before {
          top: -7px;
      }
      #nav-toggle span:after {
          bottom: -7px;
      }

      #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
          transition: all 200ms ease-in-out;
      }
      #nav-toggle.active span {
          background-color: transparent;
      }
      #nav-toggle.active span:before, #nav-toggle.active span:after {
          top: 0;
      }
      #nav-toggle.active span:before {
          transform: rotate(45deg);
      }
      #nav-toggle.active span:after {
          transform: rotate(-45deg);
      }
      #nav-toggle span{width:65%;
        -webkit-animation: test linear infinite;
        animation: test linear infinite;}
        .fixedbutton {
            transform: translateY(0%);
        }
        .colsservice{margin-bottom:20px}
        .blocimgText div p {
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        .blocimgText img.center{
            max-height: 50px;
        }
        .top{
            top: 0;
        }
        .fixedbutton{transform: translateY(0%);}
        .header{margin-top:50px; height: calc(100vh - 50px);}

        .header {
            position: relative;
            top: 0px;
        }
        .header .img{}
        .phone {
            text-align: center;
        }
        .slider_box_1 {
            display: flex;
            align-items: center;
            flex-direction: column;
            padding-top:15px;
        }
        .textslider{width:100%;margin-top: 15px;}
        .blocimgText .titlebold{font-size:25px;}
    }
    .bottom_section .titlebottom{display:none;}
    @media (max-width:768px)
    {
      .bottom_section .titlebottom{display:block;text-align: center;}
      .titlebottombloc{display:none;}
      .titlehome {
        padding-top: 20px;
        padding-bottom: 20px;
    }	
    .contact{min-height:initial;}	
    .blocimgText{
        padding: 20px 0px;
    }
    .textnews{margin-top:20px;}
    .blocimgText .col-xs-12{width:100%;}
    .bottom_section{
        flex-direction: column;
        padding: 15px 0px;
    }
    .bottom_section .col-xs-12{width:100%;}
    .adresse{max-width:320px;margin: 20px auto;}
}
@media (max-width:767px) {
    .btnshop {
        position: relative !important;
        left: 0 !important;
        bottom: 0px !important;
        display: block;
        margin: 0 auto 10px;
        padding: 15px !important;
        border-radius: 5px !important;
        display: block !important;
    }
    .boxdown{bottom:10vh !important;}
    .colsservice{max-width:500px;margin:0 auto 20px;float: none;}
    .text {
        padding: 0px 10px;
    }
    .serviceGalerie{flex-wrap:wrap;margin: 0;}
    .colservice{width:50%;border-right: 10px solid #fff;margin-bottom: 20px;border-left: 10px solid #fff;}
    .blocimgText {
    }
    .blocimgText img.center{
        max-height: 80px;
    }
    .blocimgText div p{margin-bottom:15px}
    .logobox{padding:40px 15px;}
    .text_home{background-size:cover;min-height: 300px;padding: 15px;}
    .header{margin-bottom:0px;flex-direction: column;}
    .top{display: none;padding: 0;top: -40px;z-index: 99999999;right: 10px;}
    .top span{margin:0px !important;text-align: right;display:block;position: fixed;top: 6px;right: 0;width: 70%;font-size: 18px;}
    .contact	{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px 0px 20px;
        text-align: center !important;
    }
    .contact .textright{text-align:center}
    .border{}
    .contact img{margin:0 auto 16px;}
    .contact .border
    {border:none;padding: 15px;}
    .slider_box_1 {padding-top:0px;}
    .slider_box{    flex-direction: column;}
    .citation {
        max-width: 400px;
        margin: 15px auto;
    }
    .textslider>div {
        padding: 20px 0px;
    }
    .boxfooter img{margin:0 auto 15px;display:block}
}
.linkmail{color: #000 !important;border:1px solid #ddd;display: table;margin: 20px auto;padding: 10px 16px;text-decoration: none !important;text-transform: uppercase;}
.amazingslider-nav-1{display:none !important;}
.titlerealisation{
    position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 999;
    text-align: center;
}
.titlerealisation span{display:table;margin:0 auto;background: url(../images/realisation.png);padding: 10px 20px;font-size: 18px;text-transform: uppercase;min-width: 296px;letter-spacing: 2px;}
@media (max-width:500px) {
	.titlerealisation{position:relative;bottom: 0;}
	.titlerealisation span{
        padding: 0px 15px 15px;
    }
    .boxlogo img{}
    #amazingslider-wrapper-1{min-height:250px !important;}
    .amazingslider-img-elem-1{min-width:100% !important;nmin-height:250px !important;width: auto !important;max-width: initial !important;margin: 0 !important;max-height: 250px !important;}
    .amazingslider-1{min-height:250px !important;}
    .amazingslider-box-1{min-height:250px !important;}
    .amazingslider-swipe-box-1{min-height:250px !important;}
    .colservice{width:100%;min-height: 250px;}

}
.centertext p{text-align: center !important;}

.page .blocimgText img.center{margin-top:15px;}

.boxdown {
    position: absolute;
    width: 69px;
    bottom: 50px;
    left: 50%;
    display: block;
    cursor: pointer;
    height: 70px;
    text-align: center;
    z-index: 999;
    transform: translateX(-50%);
}
.boxdown span {
	width: 20px;
	height: 20px;
	display: block;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	margin: -10px auto;
	animation: animate 2s infinite;
}

.boxdown span:nth-child(2) {
	animation-delay: -0.2s;
}

.boxdown span:nth-child(3) {
	animation-delay: -0.4s;
}

@keyframes animate {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		transform: rotate(45deg) translate(10px, 10px);
	}
	100% {
		opacity: 0;
	}
}	
.bannerPage{display:none;}
.page .banner {display:none;}
.page .bannerPage{display:block;max-height:350px;overflow:hidden;min-height: 300px;}
.page .bannerPage img{min-width:100%;}
.page .boxdown{display:none;}

.block-reveal {
  display: inline-block;
  position: relative;
}

.block-reveal:before {
  animation: reveal 0.8s ease-in-out;
  background-color: tomato;
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
}

@keyframes reveal {
  0% { width: 100%; }
  100% { width: 0; }
}