/*
Theme Name: Cotes de Bourg 2021
Version: 1.0
Theme URI: http://www.bonbay.fr/
Author: Bonbay
Author URI: http://www.bonbay.fr/
Text Domain:
*/

/*	Copyright: (c) 2013 Alexander "Alx" Agnarson
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html*/


/*RESET*/
/*---------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}


/*  Base awesome
================================================== */
.fa { width: 1em; text-align: center; }


/*  Base formulaire
================================================== */
input, textarea, button, select, label { font-family: inherit; }
input,
textarea,
button,
select,
label { font-size: 14px; }
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="submit"],
input[type="tel"],
button,
select,
textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; width:100%;}
input,
textarea,
select,
button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }
label { font-weight: 600; color: #444; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
    background: #fff;
    border: 1px solid #666;
    color: #000;
    display: block;
    max-width: 100%;
    outline: none;
    padding: 7px 8px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus { border-color: #ccc; color: #444; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
label .required { color: #e00c19; }
input[type="submit"],
button[type="submit"] {
    background: #e00c19;
    color: #fff;
    padding: 8px 14px;
    font-weight: 600;
    display: inline-block;
    border: none;
    cursor: pointer;
    font-size: 20px;
   /* max-width: 50%;*/
}
input[type="submit"]:hover,
button[type="submit"]:hover { background: red; }

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{
    border: 1px solid #e00c19;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-direction-nav li{margin: 0!important; padding: 0!important; list-style: none!important;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: auto; padding: 0;width:100%;display: block;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; border: none;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;  zoom: 1; float: left;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
article .flexslider .slides li{ list-style-type: none!important; margin: 0!important; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
    width: 24px;
    height: 44px;
    display: block; background: url(gfx/fleches.png) no-repeat 0 0;
    position: absolute;
    bottom: 5%;
    z-index: 5000;
    cursor: pointer;
    text-indent: -9999px;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 2%;
}
.flex-direction-nav .flex-prev {left: 2%;}
.flexslider:hover .flex-next {opacity: 0.8; }
.flexslider:hover .flex-prev {opacity: 0.8; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled { cursor: default;}

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; display: inline;}
.flex-control-paging{
    width: 50%; position: absolute; left: 25%;  bottom:0px; text-align: center; height: 9px;
}
.flex-control-paging li{ display: inline-block; margin: 0 6px; width: 60px; height: 9px; }
.flex-control-paging li a {
    width: 60px;
    height: 9px;
    display: inline-block;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    text-indent: -9999px;
}
.flex-control-paging li a:hover { background:#fff;}
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

a.flex-caption{ background: url(img/fleche-txt.png) no-repeat;  padding-left:25px; ; padding-right:15px; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; color:#000; display:block; width:auto; position:absolute; bottom: 0px; width: 60%; left:22%; text-decoration:none; height: 36px; }
div.flex-caption{ background: url(img/fleche-txt.png) no-repeat;  padding-left:25px; ; padding-right:15px; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; color:#000; display:block; width:auto; position:absolute; bottom: 0px; width: 60%; left:22%; text-decoration:none; height: 36px; }
.etiquette-slogan{padding-top: 5px;}
a.flex-caption:hover{background: url(../img/fleche-txt.png) no-repeat 5px 12px #e2003b;color:#fff;text-decoration:none;}


@media screen and (max-width: 480px) {
 a.flex-caption{ background: url(../img/fleche-txt.png); font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; color:#000; display:block; width:auto; position:absolute; bottom: 0px; width: 60%; left:22%; text-decoration:none; height: 36px; }
a.flex-caption:hover{background: url(../img/fleche-txt.png) no-repeat 5px 5px #e2003b;color:#fff;text-decoration:none;}
}

/** GRID ***/
.row{ float: left; width: 100%; }
    .spannomargin-1, .spannomargin-2, .spannomargin-3,
    .spannomargin-4, .spannomargin-5, .spannomargin-6,
    .spannomargin-7, .spannomargin-8, .spannomargin-9,
    .spannomargin-10, .spannomargin-11, .spannomargin-12,
    .spannomargin-13, .spannomargin-14, .spannomargin-15,
    .spannomargin-16, .spannomargin-17, .spannomargin-18,
    .spannomargin-19, .spannomargin-20, .spannomargin-21,
    .spannomargin-22, .spannomargin-23, .spannomargin-24{ width: 100%; }

/* tablette portrait */
@media (min-width: 768px){
    .spannomargin-1{ width: 25%; }
    .spannomargin-2{ width: 25%; }
    .spannomargin-3{ width: 25%; }
    .spannomargin-4{ width: 25%; }
    .spannomargin-5{ width: 50%; }
    .spannomargin-6{ width: 50%; }
    .spannomargin-7{ width: 50%; }
    .spannomargin-8{ width: 50%; }
    .spannomargin-9{ width: 50%; }
    .spannomargin-10{ width: 50%; }
    .spannomargin-11{ width: 50%; }
    .spannomargin-12{ width: 50%; }
    .spannomargin-13{ width: 50%; }
    .spannomargin-14{ width: 50%; }
    .spannomargin-15{ width: 50%; }
    .spannomargin-16{ width: 50%; }
    .spannomargin-17{ width: 75%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 75%; }
    .spannomargin-20{ width: 75%; }
    .spannomargin-21{ width: 100%; }
    .spannomargin-22{ width: 100%; }
    .spannomargin-23{ width: 100%; }
    .spannomargin-24{ width: 100%; }
}
/* tablette paysage */
@media (min-width: 1024px){
    .spannomargin-1{ width: 4.16666667%; }
    .marginl-1{ margin-left: 4.16666667%; }
    .spannomargin-2{ width: 8.33333333%; }
    .marginl-2{ margin-left: 8.33333333%; }
    .spannomargin-3{ width: 12.5%; }
    .spannomargin-4{ width: 16.666666666667%; }
    .marginl-4{ margin-left: 16.666666666667%; }
    .spannomargin-5{ width: 20%; }
    .spannomargin-6{ width: 25%; }
    .spannomargin-7{ width: 29.16666667%; }
    .spannomargin-8{ width: 33.333%; }
    .marginl-8{ margin-left: 33.333%; }
    .spannomargin-9{ width: 37.5%; }
    .spannomargin-10{ width: 41.66%; }
    .spannomargin-11{ width: 45.833333333333%; }
    .spannomargin-12{ width: 50%; }
    .spannomargin-13{ width: 54.166666666667%; }
    .spannomargin-14{ width: 58.3333333%; }
    .spannomargin-15{ width: 62.5%; }
    .spannomargin-16{ width: 66.666%; }
    .spannomargin-17{ width: 70.8266666%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 79.16%; }
    .spannomargin-20{ width: 83.32%; }
    .spannomargin-21{ width: 87.4866666%; }
    .spannomargin-22{ width: 91.6533333%; }
    .spannomargin-23{ width: 95.82%; }
    .spannomargin-24{ width: 100%; }
    .mille{ max-width: 960px; }
}
@media (min-width: 1280px){
    .mille{ max-width: 1080px; }
}
@media (min-width: 1480px){
    .mille{ max-width: 1440px; }
}

.nomobile{ display: none; }
@media (min-width: 1024px){ .nomobile{ display: block; } }
.onlymobile{ display: block; }
@media (min-width: 1024px){ .onlymobile{ display: none; } }

/*****************************************/
/*FONTS*/


@font-face {
    font-family: 'Charlevoix Pro';
    src: url('fonts/CharlevoixPro-Bold.woff2') format('woff2'),
        url('fonts/CharlevoixPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charlevoix Pro';
    src: url('fonts/CharlevoixPro-Regular.woff2') format('woff2'),
        url('fonts/CharlevoixPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charlevoix Pro';
    src: url('fonts/CharlevoixPro-Black.woff2') format('woff2'),
        url('fonts/CharlevoixPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charlevoix Pro';
    src: url('fonts/CharlevoixPro-Thin.woff2') format('woff2'),
        url('fonts/CharlevoixPro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charlevoix Pro';
    src: url('fonts/CharlevoixPro-Semibold.woff2') format('woff2'),
        url('fonts/CharlevoixPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charlevoix Pro';
    src: url('fonts/CharlevoixPro-Light.woff2') format('woff2'),
        url('fonts/CharlevoixPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charlevoix Pro';
    src: url('fonts/CharlevoixPro-ExtraBold.woff2') format('woff2'),
        url('fonts/CharlevoixPro-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Charlevoix Pro';
    src: url('fonts/CharlevoixPro-Medium.woff2') format('woff2'),
        url('fonts/CharlevoixPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

    .charlevoix{ font-family: 'Charlevoix Pro'; }
    .cormorant{ font-family: 'Cormorant Garamond', serif; }
    .thin{ font-weight: 100; }
    .light{ font-weight: 300; }
    .regular{ font-weight: 400; }
    .medium{ font-weight: 600; }
    .bold{ font-weight: 700; }
    .ultrabold{ font-weight: 900; }
/**/

img, iframe, video{ max-width: 100%; }
h1, h2, h3, h4, h5, h6{ }
h1{ font-size: 32px; }
h2{ font-size: 22px; color:#de1619; line-height: 35px; margin-bottom: 20px;}
h3{ font-size: 17px; color:#737a71; text-transform: uppercase; font-weight: 600;}
article h3{ line-height: 26px; }
h4{ font-size: 20px; }
.italique, i, em{ font-style: italic; }
.lowercase{ text-transform: lowercase; }
.uppercase{ text-transform: uppercase; }
.black, a.black{ color:#000; }
.white, a.white{ color: #fff; }
.red, a.red{ color: #e00c19; }
.lightgrey, a.lightgrey{ /*color: #e3e3e3;*/ color: white; }
/*.grey, a.grey{ color: #a4aca3; } */
.grey, a.grey{ color:#678577; }
.darkgrey, a.darkgrey{ /*color:#5a5f59;*/ color:#546d61; }

strong, b{ font-weight: 600; }
.align-left, .alignleft{ text-align: left; }
.align-right, .alignright{ text-align: right; }
.align-center, .aligncenter{ text-align: center; clear: none; }

img.alignleft, img.align-left{ float: left; margin: 0 1em 1em 0 }
img.alignright, img.align-right{ float: right; margin: 0 0 1em 1em }
img.aligncenter, img.align-center{ float: none; margin: 0 auto 1em auto }

.justify{ text-align: justify; }

.button{
    display: block;
    width: auto;
    text-decoration: underline;
    font-size: 16px;
    text-align: center;
    transition: ease-in-out all 0.1s;
    cursor: pointer;
    background: white;
    text-decoration: none;
}
.button:hover{
    background: black!important;
    text-decoration: none;
}

a{ color: #e00c19; text-decoration: none; cursor: pointer; }
a:hover{ color: #e00c19; text-decoration: underline; }
p{ margin: 10px 0; text-align: justify;}
label, input[type="text"], input[type="tel"], input[type="email"], textarea, select{
    width: 100%;
    float: left;
    margin: 5px 0;
    font-size: 16px;
}
article ul{ margin: 1em 0; }
article ul li{ list-style-type: square; margin-left: 2em; }

.left{ float: left; }
.right{ float: right; }
.center{ margin: 0 auto; }

.relative{ position: relative; }
.absolute{ position: absolute; }

.error{ color: red; font-weight: bold; }

/*****/
/* base */

    body{
        background: #fff;
        margin:0;
        padding:0;
        color:#000;
        font-family: 'Charlevoix Pro';
        font-weight: 400;
        font-size: 17px;
    }
    .conteneur{ max-width: 1920px; margin: 0 auto; }
    header{
        width: 100%;
        float: left;
        position: relative;
    }
    .dust{
        background: transparent url('gfx/header-pages.png') no-repeat center top;
        /*background-size: 100%;*/
    }
    #home .dust{
        background: transparent url('gfx/header-home.png') no-repeat center top;
        /*background-size: 100%; */
    }
    a#logo{
        display: block;
        background: transparent url('gfx/logo.png') no-repeat left top / contain;
        margin: 0 ;
        max-width: 208px;
        width: 100%;
        min-height: 78px;
    }
    .ruban{
        /*background: transparent url('gfx/fil-header.png') no-repeat center 60%;*/
        background: transparent url('gfx/panier.png') no-repeat 98% center;
        /*background-size: 100%;*/
        min-height: 308px;
        /*min-height: 16.05vw;*/
    }
    .slider{
        position: relative;
        float: left;
    }
    .slider ul{ margin:0; padding:0; float: left }

    main, footer, .home_contenu{
       float: left;
        width: 100%;
    }
    label, input[type="text"], input[type="tel"], input[type="email"], textarea, select{
        width: 100%;
        margin: 8px 0;
    }
    .clear{ width: 100%; float: left; clear: left; height: 1px; }



    .menu-toggle{ display: none; }
    .nav-menu{ display: block; }
    nav{
        float: left;
        margin: 0;
        display: block;
        width: auto;
        /*position: relative;*/
    }
    nav ul{ padding:0; }
    nav ul li{
        list-style-type: none;
        display: inline-block;
        text-align: center;
        background: transparent;
        transition: ease-in-out all 0.1s;
    }
    nav ul li a{
        position: relative;
        font-size: 17px;
        /*font-size: 0.88vw;*/
        font-weight: 400;
        display: block;
        color: #312623;
        text-decoration: none;
        /*line-height: 4vw;*/
        line-height: 74px;
        padding: 0 0 32px 0;
        margin: 8px 30px 0 30px;
        /*margin: 0.25vw 1.85vw 0 1.85vw;*/
        width: auto;
        background: transparent;
        transition: ease-in-out all 0.1s;

    }
    nav ul li.bouchon a{
        line-height:26px;
        margin-top: 6px;
    }
    nav ul > li.bouchon > a:hover::after{ top: -20px; }
    nav ul > li > a::after{
        content: " ";
        background: transparent url('gfx/menu-hover.png') no-repeat 60% top;
        width: 100%;
        height: 26px;
        position: absolute;
        top: -6px;
        left: 0;
        opacity: 0;
        transition: ease-in-out all 0.1s;
    }
    nav ul > li:first-child > a{ margin-left: 0; }
    nav ul > li:last-child > a{ font-family:'Cormorant', script; font-size: 20px; letter-spacing: 1px; }
    nav ul li:hover{ }
    nav ul li > a:hover{ text-decoration: none; color: white; }
    nav ul > li > a:hover::after,
    nav ul > li.current-menu-item > a::after{
        transition: ease-in-out all 0.1s;
        top: 0px;
        opacity: 1;
    }
    nav ul li ul{
        position: absolute;
        /*top: 222px;*/
        top: 202px;
        width: 100%;
        left: 0;
        z-index: 5001;
        background: white url('gfx/fond-menu.jpg') no-repeat right bottom;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        box-shadow: 0 10px 20px 0 rgb(0 0 0 / 30%);
        display: none;
        padding: 36px 0;
    }
    nav ul li:hover ul{ display: block;  }
    nav ul li ul li{
        width: 25%;
        margin: 32px 0 0 0;
        display: inline-block;
        float: left;
    }
    nav ul li ul li.logomenu{ float: right; position: relative }
    nav ul li ul li.logomenu::before{
        content:" ";
        width: 1px;
        left: 0;
        position: absolute;
        top: 0;
        background: #e00c19;
        height: 100%;
    }
    nav ul li ul li img,
    nav ul li ul li a{ float: left }
    nav ul li ul li.logomenu img{ float: none; margin: 52px auto; }
    nav ul li ul li a{
        line-height: 117px;
        font-size: 22px;
        margin: 0 0 0 22px;
        color: #5a5f59;
        padding: 0 0;
        position: relative;
        transition: ease-in-out all 0.1s;
        background: transparent;
    }
	nav ul li ul li.menu-item-15871 a{ font-size: 18px }
    .lang-en nav ul li ul li a{ font-size: 19px; }
    .lang-en nav ul li.menu-item-6523 ul li a{ font-size: 16px; }
    nav ul li ul li a::after{
        content:" ";
        width: 60%;
        left: 0;
        position: absolute;
        bottom: 0;
        background: #e00c19;
        height: 1px;
        opacity: 0;
        transition: ease-in-out all 0.3s;
    }
    nav ul li ul li a:hover::after{
        opacity: 1; transition: ease-in-out all 0.3s;
    }
    nav ul li ul li a:hover{ color: #e00c19; transition: ease-in-out all 0.1s;  }
    nav ul li ul li:first-child{ margin-top: 0; }
    nav ul li ul li:last-child{ }

    nav .phrase{
        margin: 4px 60px;
        text-align: left;
        letter-spacing: 1px;
    }
    nav ul li ul li.logomenu .phrase{ margin: 0; text-align: center; float: none }
    nav .phrase h3{
        font-family: 'Cormorant Garamond', serif;
        font-weight: 600;
        color: #e00c19;
        font-size: 30px;
        line-height: 55px;
        float: left;
    }
	.lang-en nav .phrase h3{ font-size: 26px; }
    nav .phrase h3 span{ float: left; font-weight: 400; line-height: 40px; }
    nav .phrase p{ color: #5a5f59; font-size: 14px; float: left; line-height: 22px; }

    .ligne1{ /*height: 110px; height: 6vw;*/ height: 96px; }
    .ligne1 div.right{
        margin: 6px 0;
        height: 38px;
        position: relative;
    }
    .ligne1 div.right::after{
        position: absolute;
        right: 0;
        top: 0;
        content: " ";
        background: #546d61;
        width: 1px;
        height: 100%;
    }
    .ligne1 div.right:first-child::after{ display:none }
    .lang-widget, .wpml-ls-legacy-dropdown{ height: 38px; }
    .wpml-ls-legacy-dropdown ul{ line-height: 38px; }
    .wpml-ls-legacy-dropdown a{
        background: transparent;
        border: none;
        color: #546d61;
        line-height: 24px;
        padding: 5px 4px;
        text-align: center;
		font-size: 14px;
    }
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
        background:#fff;
        box-shadow: 0 3px 5px 1px rgba(0,0,0,0.1);
        border: 0px;
    }
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{
        line-height: 20px; padding: 0 10px; font-size: 14px;
    }
    .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
    .wpml-ls-legacy-dropdown a:focus,
    .wpml-ls-legacy-dropdown a:hover{
        background: #546d61;
        color: white;
    }
    .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
            border-top: .5em solid #546d61;
    }
    .contactmail{ margin-top: 4px; transition: ease-in-out all 0.1s; filter: contrast(200%) brightness(200%); }
    .contactmail:hover{transform:rotate(6deg); transition: ease-in-out all 0.1s; }
    .esp-vign{
        font-size: 14px;
        line-height: 38px;
        font-weight: 600;
        color:#546d61;
        text-decoration: none;
        letter-spacing: 1px;
    }
    .esp-vign:hover{ color: white; text-decoration: none; }
    header .news{
        display: block;
        width: 100%;
        text-align: center;
        /*margin-top: -6px;*/
        margin-top: -8px; 
        padding: 7px 5% 10px 5%;
        width: 90%;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
    }
    header .news span{ font-weight: 400; text-transform: none; }
    header .news:hover, header .news.showw{
        background: rgb(89,94,88);
        background: linear-gradient(180deg, rgba(89,94,88,1) 0%, rgba(48,51,48,1) 100%);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        color: white;
        cursor: pointer;
    }
    header .news .in_news{
        opacity: 0;
        transition: ease-in-out all 0.15s;
        margin-top: 20px;
        margin-top: 6px;
    }
    header .news:hover .in_news, header .news.showw .in_news{ opacity: 1; transition: ease-in-out all 0.15s; }
    .in_news .wpcf7 input[type="email"],
    .in_news .wpcf7 input[type="submit"]{
        float: left;
    }
    .in_news .wpcf7 input[type="email"]{
        width: 75%;
        height: 38px;
        margin: 0;
        padding: 0 0 0 10px;
        border: 0px;
        background: transparent;
    }
    .in_news .wpcf7 input[type="submit"]{
        width: 25%;
        height: 38px;
        background: transparent url('gfx/news_ok.png') no-repeat center;
        margin: 0;
        padding: 0;
        border-left: 1px solid #c0cabe;
    }
    .in_news{
        background: white;
        border-radius: 20px;
        height: 38px;
    }
    .wpcf7-form-control-wrap{ position: unset; }
    .in_news .wpcf7-not-valid-tip{
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 10px;
        text-align: center;
        width: 75%;
    }
    .in_news p{ margin:0;  position: relative; float: left; }
    .in_news .wpcf7 form .wpcf7-response-output{
        float: left;
        text-transform: none;
        color: red;
        width: 100%;
        border: 1px solid red!important;
        font-weight: 400;
        margin: 10px 0;
        background: rgba(255,255,255,0.9);
        font-size: 12px;
        padding: 5px 0;
    }
    .in_news .wpcf7 .ajax-loader{ position: absolute; top: 5px; right: 0; }

    /*FOOTER*/

    footer{ margin-top: 3rem; }
    #home footer{ margin-top: 0; }
    .in-foot{
        float: left;
        width: 100%;
        background: transparent url('gfx/footer.png') repeat-x right 80px;
        min-height: 600px;
    }
    #home .in-foot{
        float: left;
        width: 100%;
        /*background: transparent url('gfx/footer-home.png') no-repeat center top;*/
        background:#96aaa2;
    }
    .ruban-foot{
        background: transparent url('gfx/fil-footer.png') no-repeat center top;

        position: absolute;
        top: 0px;
        width: 100%;
        height: 193px;
        z-index: 10;
    }
    .rowfoot{ margin-top: 180px; }
    .eboutique-foot{
        display: block;
        color: white;
        text-align: center;
        height: 70px;
        line-height: 70px;
        border: 2px solid  #e00c19;
        border-radius: 40px;
        font-family:'Cormorant Garamond', script;
        font-size: 20px;
        letter-spacing: 1px;
        transition: ease-in-out all 0.15s;
        margin: 40px 0 0 0;
    }
    .eboutique-foot:hover{
        background: #e00c19;
        text-decoration: none;
        color:#fff;
        transition: ease-in-out all 0.15s;
    }
    footer .nav-menu{
        margin-top: 60px
    }
    footer .nav-menu li{ margin-left: 28px; }
    footer .nav-menu li a{
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.5px;
    }
    footer .nav-menu li a:hover{ color: white; text-decoration: none; }
    footer .vignerons-foot{
        display: block;
        margin: 40px 0 0 0;
        color: #fff;
        letter-spacing: 1px;
    }
    footer .vignerons-foot:hover{
        color: white;
    }
    footer .accent-suivez{
        top: -50px;
        left: 0;
        z-index: 10;
    }
    .mailfooter{ filter: contrast(200%) brightness(200%); }
    .suivez-nous{ font-size: 22px; margin-bottom: 22px; }
    .sociaux{ font-family: 'Cormorant Garamond', serif; color: #fff; line-height: 46px; font-size: 20px; }
    .sociaux img{ float: left; margin-top: 8px; margin-right: 12px; }
    .sociaux a:hover img{ text-decoration: none; opacity: 0.8; }
    .accent-suivez-bottom{ margin-top: 30px; }
    .logofoot{ margin-bottom: 70px; }
    .sslogofoot{ margin: 0 0 -8px 34px; }
    .fmargneg{ margin-top: -6px; }

    .adresse p, .mentions p{ margin: 0; }
    .adresse p.cormorant{ font-size: 15px; letter-spacing: 2px; }
    .adresse p.medium{ font-size: 18px; margin-top: 6px; margin-bottom: 20px; }
    .mentions p{ font-size: 12px; line-height: 18px; margin-left: 28px;}
    .mentions a:hover{ color: white; text-decoration: none; }

    /*HOME*/
    .bigvideo{ margin: 7rem 0; }
    .bigvideo .avous{
        bottom: -7.65rem;
        left: calc( 50% - 290px);
        z-index: 10;
    }
    footer .carreblanc{
        background: white;
        margin-top: -70px;
        margin-bottom: 72px;
        box-shadow: 37px  27px 45px 0 rgba(0,0,0, 0.5);
    }
    footer .in-carreblanc{
        margin: 50px 7.5%;
        width: 85%;
        float: left;

    }
    .btn-rond{
        /*background: #a4aca3;*/
        background:#688678;
        display: inline-block;
        color: white;
        /*font-family:'Cormorant Garamond', script;*/
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 42px;
        padding: 0 34px;
        border-radius: 20px;
        margin: 0 auto;
        transition: ease-in-out all 0.15s;
    }
    .btn-rond:hover{
        background: #de1619;
        text-decoration: none;
        transition: ease-in-out all 0.15s;
        color: white
    }
    footer .in-carreblanc h2{
        font-size: 50px;
        line-height: 50px;
        letter-spacing: 10px;
        font-weight: 300;
        text-align: right;
        margin: 120px 20% 80px 0;

    }
    footer .in-carreblanc h2 span{
        font-size: 25px
    }
    footer .in-carreblanc iframe{ height: 324px; width: 100%; }
    footer .in-carreblanc .btn-rond{
        position: absolute;
        bottom: -72px;
        left: 50%;
        margin-left: -92px;
        z-index: 5;
    }
    footer .in-carreblanc .fil-cb{
        position: absolute;
        top: -340px;
        left: -300px;
        max-width: none;
        display: none;
    }
    footer .chiffres p{ font-size: 45px; line-height: 24px; margin: 0 0 60px 28px; }
    footer .chiffres p span{ font-size: 30px; }
    footer .chiffres p span.cormorant{ font-size: 25px; font-weight: 300; line-height: 18px; }
    footer .chiffres h2{ font-size: 36px; font-weight: 300; letter-spacing: 6px; margin: 150px 0 80px 28px}
    footer .chiffres p.vitic{ margin-top: 180px; margin-left: 38px; }
    footer .chiffres p.vitic::before{
        content: " ";
        background: transparent url('gfx/accent-haut.png') no-repeat 0 0;
        width: 106px;
        height: 49px;
        position: absolute;
        top: -80px;
        right: 60%;
        z-index: 6;
    }
    footer .chiffres p.nomrgl{ margin-left:0; margin-bottom: 36px;}
    footer .chiffres .renouveau{ width: 65%; margin: 60px 17.5%; padding-top: 50px; }
    footer .chiffres .renouveau h3{ font-size: 30px; font-family:'Cormorant Garamond', script; font-weight: 600; color: white; text-transform: none; }
    footer .chiffres .renouveau p{ font-size: 14px; margin-left: 0; margin-top: 10px }
    footer .chiffres .renouveau::before{
        content: " ";
        background: transparent url(gfx/accent-gauche.png) no-repeat 0 0;
        width: 60px;
        height: 96px;
        position: absolute;
        top: 0px;
        left: -12%;
        z-index: 6;
    }
    footer .lastfoot{
      position: relative;
      padding: 20px 0
    }
    footer .lastfoot img{ margin: 0 45px; }
    footer .lastfoot a:hover{ text-decoration: none; }
    footer .lastfoot::before {
      content: " ";
      background: transparent url(gfx/accent-haut.png) no-repeat 0 0;
      width: 106px;
      height: 49px;
      position: absolute;
      top: -12px;
      left: 50%;
      margin-left: -53px;
      z-index: 6;
    }


    .bgwhite{ background: white; }
    .photochef{ /* margin-top: 100px; */ }
    .in-chef{
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }
    .in-chef h2{ margin: 130px auto 90px auto; }
    .in-chef h2 span.red{
        font-size: 68px;
        letter-spacing: 8px;
        margin-right: 10%
    }
    .in-chef h2 span.medium{ font-size: 24px; letter-spacing: 2px; margin-left: 14%; }
    .in-chef h2 span.italique{ font-size: 20px; }

    .bgred{ /*background: #de1619; min-height: 480px;*/ background:#96aaa2;; }
    .bgred h2{ margin: 50px auto 30px auto;}
    .bgred span.cormorant{ font-size: 60px; letter-spacing: 10px; font-weight: 300; }
    .bgred span.medium{ font-size: 18px; letter-spacing: 4px; }

    #flexslidervign .red-vigneron img{
        filter: brightness(120%);
        mix-blend-mode: multiply;
        opacity: 0.8;
        width: auto;
        max-width: 100%;
        transform: translateY(3%);
        transition: ease-in-out all 0.3s;
        box-shadow: inset 0 0 5px white;
    }
    #flexslidervign .red-vigneron { height: 300px; }
    #flexslidervign .red-vigneron  a{ display: block; width: 100%; margin: 0; }
    #flexslidervign .red-vigneron  a:hover img{ /* transform: translateY(0);*/ transition: ease-in-out all 0.3s; }
    #flexslidervign .red-vigneron .legende{
        left: 10%;
        /*top: 65%;*/
        top: 70%;
        z-index: 12;
        position: absolute;
    }
    #flexslidervign .red-vigneron h4{ font-size: 15px; letter-spacing: 3px; }
    #flexslidervign .red-vigneron h5{ font-size: 20px; margin-top: 3px }
    #flexslidervign .red-vigneron .legende::before{
        content: " ";
        background: transparent url('gfx/vigneron-hover1.png') no-repeat 0 0;
        width: 60px;
        height: 24px;
        position: absolute;
        top: -80%;
        left: 5%;
        opacity: 0;
        transition: ease-in-out all 0.5s;
    }
    #flexslidervign .red-vigneron a:hover .legende::before{
        left:-5%;
        opacity: 1;
        transition: ease-in-out all 0.5s;
    }
    #flexslidervign .red-vigneron .legende::after{
        content: " ";
        background: transparent url('gfx/vigneron-hover2.png') no-repeat 0 0;
        width: 130px;
        height: 70px;
        position: absolute;
        bottom: -110%;
        left: -0%;
        opacity: 0;
        transition: ease-in-out all 0.4s;
        display: none;
    }
    #flexslidervign .red-vigneron a:hover .legende::after{
        left:7.5%;
        opacity: 1;
        transition: ease-in-out all 0.4s;
    }
    .zoneblanche{
        /*height: 1160px;*/
        width: 37.5%;
        float: left;
    }
    .in-zoneblanche{
        width: 100%;
        background: white;
        float: left;
        box-shadow: 30px 30px 50px rgba(60,70,50,0.15);
    }
    #flexsliderhome{ margin-top: 150px }
    #flexsliderhome .redcarpet{
        background:#de1619;
        mix-blend-mode: multiply;
        width: 60%;
        height: 110%;
        position: absolute;
        left: -35%;
        top: -25%;
        color: white;
        font-size: 40px;
        z-index: 100;
    }
    #flexsliderhome li .redcarpet{ }
    #flexsliderhome li.flex-active-slide .redcarpet{
        animation: 2s ease-in-out 1 slidein;
    }
    @keyframes slidein {
        0%{
            transform: translateY(30%);
            opacity: 0;
            filter: grayscale(100%);
        }
        55%{
            opacity: 0;
        }
      100%{
            transform: translateY(0);
            opacity: 1;
            filter: none;
        }
    }
    .slider{ width: 100%; }
    #flexsliderhome .out-redcarpet{
        position: absolute;
        left: -35%;
        width: 50%;
        top: 15%;
        z-index: 101;
    }
    @keyframes slideout {
        0%{
            transform: translateY(-30%);
            opacity: 0;
        }
        65%{
            opacity: 0;
        }
      100%{
            transform: translateY(0);
            opacity: 1;
        }
    }
    #flexsliderhome li.flex-active-slide .out-redcarpet{
        animation: 2s ease-in-out 1 slideout;
    }
    #flexsliderhome li .out-redcarpet h2{
        color: white;
        font-size: 50px;
        line-height: 70px;
        font-family:'Cormorant Garamond', script;
        font-weight: 300;
        letter-spacing: 10px;
        margin-left: 30%;
        width: 100%;
    }
    #flexsliderhome li .out-redcarpet h2 span{
        display: block;
        font-weight: 600;
        font-size: 26px;
        text-transform: uppercase;
        font-family: 'Charlevoix Pro';
    }
    #flexsliderhome .out-redcarpet::after{
        content: " ";
        width: 135px;
        height: 420px;
        background: transparent url('gfx/pardessus-slide.png') no-repeat center;
        position: absolute;
        left: -20%;
        top: 80%;
        z-index: 101;
    }


    #home h1{
        margin-left: 16%;
        font-size: 28px;
        letter-spacing: 10px;
        line-height: 70px;
    }
    #home .lang-en h1{ letter-spacing: 4px; font-size: 24px; }

    #home h1 span{ font-size: 32px; font-weight: 300; }

    .btqhome{
        display: block;
        width: 40%;
        margin: 43vw 0 70px 50%;
        text-align: center;
        height: 64px;
        padding: 200px 0 0 0;
        font-size: 46px;
        font-family: 'Cormorant Garamond', script;
        color: #678577;
        font-weight: 300;
        letter-spacing: 4px;
        transition: ease-in-out all 0.2s;
        position: relative;
    }
    .btqhome:hover{
        letter-spacing: 6px;
        color: #de1619;
        text-decoration: none;
        transition: ease-in-out all 0.2s;
    }
    .btqhome::before{
        content: " ";
        height: 260px;
        width: 70px;
        background: transparent url(gfx/bouteille.png) no-repeat center top;
        position: absolute;
        top: -125%;
        left: 50%;
        margin-left: -35px;
        z-index: 0;
        transition: ease-in-out all 0.5s;
    }
    .btqhome::after{
        content: " ";
        height: 200px;
        width: 100%;
        background: transparent url(gfx/sac.png) no-repeat center top;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .btqhome:hover::before{
        top: -45%;
        transition: ease-in-out all 0.5s;
    }

    img.margint80{ margin-top: 80px; }
    .in-vigneronss{
        position: absolute;
        width: 60%;
        height: 20%;
        top: 40%;
        left: 25%;
        z-index: 2;
    }
    .in-vigneronss h2{
        font-size: 46px; letter-spacing: 6px; font-weight: 300;
    }
    .in-vigneronss h3{
        font-size: 13px; margin-left: 30%; letter-spacing: 1px;
    }
    a.btnplus{
        border-radius: 100%;
        display: block;
        border: 1px solid #c0ccbe;
        color: #de1619;
        font-size: 30px;
        font-weight: 300;
        width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        transition: ease-in-out all 0.15s;
    }
    a.btnplus:hover{
        text-decoration: none; background-color: #de1619; color: white; transition: ease-in-out all 0.15s;
    }
    .in-vigneronss a.btnplus{
        position: absolute; top: 40%; right: 0; z-index: 3;
    }
    .chap{
        content: " ";
        height: 50px;
        width: 110px;
        background: transparent url(gfx/accent-haut.png) no-repeat 0 0;
        position: absolute;
        top: 20%;
        left: 12%;
        z-index: 4;
    }

    .eve{
        min-height: 700px;
        background: transparent url(gfx/carre-vignes.png) no-repeat 0 100%;
        background-size: contain;
        margin-bottom: -20px;
    }
    .btnsavoir{
        background: transparent;
        border: 1px solid #de1619;
        display: inline-block;
        color: #de1619;
        /*font-family:'Cormorant Garamond', script;*/
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 42px;
        padding: 0 34px;
        border-radius: 20px;
        margin: 0 auto;
        transition: ease-in-out all 0.15s;
    }
    .btnsavoir:hover{
        background: #de1619;
        text-decoration: none;
        transition: ease-in-out all 0.15s;
        color: white
    }
    .eve h2{ font-size: 36px; margin: 25% 0 10% 12%; letter-spacing: 3px; transition: ease-in-out all 0.15s; }
    .eve h2 a:hover{ text-decoration: none; color: #c0ccbe; transition: ease-in-out all 0.15s; }
    .eve article{ margin: 0 25% 0 12%; }
    .eve article h3{ font-size: 48px; letter-spacing: 3px; line-height: 3.25vw; }
    .eve article h4{ font-size: 40px; letter-spacing: 3px; margin-bottom: 28px; }

    /* PAGES */
    .entete{ margin-top: 90px; }
    .redred{
        background:#de1619;
        mix-blend-mode: multiply;
        width: 57.5%;
        /*height: 510px;*/
        height: 85%;
        position: absolute;
        left: -28%;
        top: 0;
        z-index: 100;
    }
    .outentt h1{
        position: absolute;
        width: 42.5%;
        color: white;
        font-size: 48px;
        line-height: 70px;
        z-index: 101;
        left: -20%;
        top: 20%;
        font-weight: 300;
        letter-spacing: 6px;
        font-family:'Cormorant Garamond', script;
    }
    .outentt h2{
        position: absolute;
        width: 42.5%;
        left: -20%;
        bottom: 20%;
        z-index: 102;
    }
    .btqcol{
        display: block;
        width: 100%;
        margin: 250px 0 0 0;
        text-align: center;
        height: 64px;
        padding: 130px 0 0 0;
        font-size: 30px;
        font-family: 'Cormorant Garamond', script;
        color: #5a5f59;
        font-weight: 300;
        letter-spacing: 4px;
        transition: ease-in-out all 0.2s;
        position: relative;
    }
    .btqcol:hover{
        letter-spacing: 6px;
        color: #de1619;
        text-decoration: none;
        transition: ease-in-out all 0.2s;
    }
    .btqcol::before{
        content: " ";
        height: 190px;
        width: 70px;
        background: transparent url(gfx/bouteille.png) no-repeat center top;
        background-size: 70%;
        position: absolute;
        top: -105%;
        left: 50%;
        margin-left: -35px;
        z-index: 0;
        transition: ease-in-out all 0.5s;
    }
    .btqcol::after{
        content: " ";
        height: 200px;
        width: 100%;
        background: transparent url(gfx/sac.png) no-repeat center top;
        background-size: 50%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .btqcol:hover::before{
        top: -45%;
        transition: ease-in-out all 0.5s;
    }

    article p{ line-height: 26px; color:#737a71; }
    .thecontent{
        margin-top: 110px;
        padding-bottom: 90px;
        background: transparent url(gfx/accent-haut.png) no-repeat 65% bottom;
    }
    .bggris::after{
        content: " ";
        background: transparent url(gfx/pardessus-slide.png) no-repeat left top;
        width: 135px;
        height: 409px;
        position: absolute;
        left: 2%;
        bottom: -50%;
    }
    .eve-col{
        background: white url('gfx/carre-vignes.png') no-repeat left 130%;
        background-size: 130%;
        padding: 40px 0 130px 0;
        box-shadow: -15px 5px 20px rgba(0,0,0,0.15);
        margin-top: 40px;
    }
    .eve-col h2{ font-size: 18px; margin-bottom: 30px; letter-spacing: 2px; }
    .eve-col h3{ font-size: 20px; letter-spacing: 1px; }
    .eve-col h4{ font-size: 20px; margin-bottom: 22px; letter-spacing: 2px; }
    .btnsavoir.mini{
        font-size: 10px;
        height: 26px;
        line-height: 26px;
        padding: 0 18px;
    }
    /* cat */
    .redcat{
        background:#de1619;
        mix-blend-mode: multiply;
        height: 194px;
        margin-bottom: 20px;
    }
    .enttcat h1{
        position: absolute;
        left: 0;
        top: 54px;
        width: 100%;
        text-align: center;
        color: white;
        font-size: 30px;
        font-family: 'Cormorant Garamond', script;
        letter-spacing: 4px;
    }
    .lactu{
        background: white;
        margin-bottom: 20px;
        margin-top: 20px;
        box-shadow: 0 0 20px rgba(0,0,0,0.15);
    }
    .contimg{ width: 28.6%; }
    .conttxt{ width: 71.4%; max-height: 240px; }
    .conttxt h2{ letter-spacing: 4px; margin: 40px 0 10px 0; }
    .conttxt a.btnsavoir{margin: 10px 0 40px 0; }

    /* VIGNERONS */
    #flexsliderchateau{ margin-top: 90px; }
    #flexsliderchateau li img{ filter: grayscale(100%); }
    .lechateau .outentt h2{ bottom: 25%; letter-spacing: 2px; }
    .lechateau .outentt h1{ top: 32%; line-height: 60px; }
    .lechateau .outentt p{
        position: absolute;
        top: 20%;
        z-index: 103;
        left: -20%;
        letter-spacing: 2px;
    }
    .lechateau .thecontent{ background: transparent; }
    .lechateau .vousaimerez{ font-size: 12px; margin: 0 0 60px 0 }
    .lechateau h3.red{ margin: 70px 0 30px 0; }
    .lechateau h3.red.child{ margin: 110px 0 30px 0; }
    .lechateau .darkgrey.uppercase{ margin-top: 10px; }
    .lechateau .acf-map{ width: 100%; min-height: 640px; }
    .lechateau .acf-map p.address{ padding: 10px 14px; }
    .lechateau .fdadresse{
        background: #d1e2db url('gfx/map.png') no-repeat center 5%;
        margin: 70px 0 0 0;
        padding-top: 110px;
        letter-spacing: 2px;
    }
    .lechateau .fdadresse p.tel{ font-size: 18px; margin: 20px 0 0 0; }
    .lechateau .fdadresse p.mob{ font-size: 18px; margin: 0 0 20px 0;  }
    .lechateau .fdadresse p.mail{ font-size: 20px; margin: 40px 0 10px 0; font-weight: 600; }
    .lechateau .fdadresse p.web{ font-size: 20px; margin: 0 0 40px 0; font-weight: 600; }
    .lechateau .fdadresse p.mail a,
    .lechateau .fdadresse p.web a{
        transition: ease-in-out all 0.1s;
    }
    .lechateau .fdadresse p.mail a:hover,
    .lechateau .fdadresse p.web a:hover{
        text-decoration: none;
        color: #96aaa2;
        transition: ease-in-out all 0.1s;
    }
    .lechateau .lienboutique{
        display: block;
        background: #96aaa2 url('gfx/chateau-shop.png') no-repeat 77% center;
        height: 80px;
        color: white;
        margin-top: 40px;
        text-align: right;
        width: 55%;
        padding: 20px 45% 0 0;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 22px;
        transition: ease-in-out all 0.2s;
    }
    .lechateau .lienboutique span{
        font-size: 17px;
        font-family: 'Cormorant Garamond', script;
        text-transform: none;
        display: inline-block;
        font-weight: 400;
        color: white;
        transition: ease-in-out all 0.2s;
    }
    .lechateau .lienboutique:hover{
        background-position: 80% center;
        text-decoration: none;
        transition: ease-in-out all 0.2s;
        color:#000;
    }
    .lechateau .lienboutique:hover span{ color: white; transition: ease-in-out all 0.2s; }
    .lechateau .bloc2 p{ margin: 0 0 20px 0 }
    /**/
    .bggr{ background: rgba(164,186,177,1); }
    .bggr.pad{ padding: 60px 0 70px 0; position: relative; margin-bottom: 34px; }
    .bggr.pad::before{
        content: " ";
        background: transparent url('gfx/accent-haut.png') no-repeat 0 0;
        width: 106px;
        height: 49px;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -53px;
        z-index: 2;
    }
    .bggr.pad::after{
        content: " ";
        background: transparent url('gfx/fil-vignerons.png') no-repeat 0 0;
        width: 722px;
        max-width: 100%;
        background-size: 100%;
        height: 57px;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -361px;
        z-index: 2;
		display:none;
    }
    .bggr p.red{ font-size: 24px; margin: 0 0 40px 0 }
    .bggr.marginb40{ margin: 0 0 40px 0 }
    #carteglob.acf-map{
        width:100%;
        height: 800px;
    }
    .in-address{ font-size: 17px; }
    .in-address a.plusdinfos{
        display: block;
        background:#de1619;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        color: white;
        line-height: 40px;
        text-align: center;
        font-weight: 300;
        font-size: 24px;
        border: 3px solid #cbd0ca;
        float: right;
        transition: ease-in-out all 0.1s;
        margin-top: 70px;
    }
    .in-address a.plusdinfos:hover{
        text-decoration: none;
        color: black;
        border-color: #aaa;
        transition: ease-in-out all 0.1s;
    }
    /*MAP*/
    .gm-style .gm-style-iw-c{ border-radius: 0!important; border: 1px solid #98a195!important; padding: 0!important; }
    .gm-style .gm-style-iw-t::after{ background: white!important; }
    .gm-style .gm-style-iw-d{ overflow: hidden!important; }

    .in-address{ min-width: 500px!important; }
    .in-address img{ width: 100%; max-width: 170px; filter: grayscale(100%); float: left; }
    .in-address strong{
        font-size: 22px;
        line-height: 32px;
        margin-top: 30px;
        display: inline-block;
        margin-left: 20px;
    }
    .in-address p{
        font-size: 22px;
        line-height: 28px;
        font-family: 'Cormorant Garamond', script;
        color: #5a5f59;
        margin-left: 20px;
    }
    #formtagz label{
        display: block;
        width: auto;
        float: left;
        padding: 0 24px;
        color: white;
        border-radius: 28px;
        border: 1px solid #546d61;
        background: #546d61;
        height: 42px;
        line-height: 42px;
        margin: 4px 4px;
        font-weight: 400;
        cursor: pointer;
        transition: ease-in-out all 0.1s;
    }
    #formtagz input[type=checkbox]{ display: none; }
    #formtagz label:hover, #formtagz input[type=checkbox]:checked + label{
        background: transparent;
        color: #de1619;
        border-color:#de1619;
        transition: ease-in-out all 0.1s;
    }
    input[type="submit"].loupe{
        background: transparent url('gfx/loupe.png') no-repeat right center;
        overflow: hidden;
        text-indent: -3000px;
        height: 70px;
        width: 20%;
        border: 0px;
        padding: 0;
        margin: 0;
        margin-top: 1px;
        border-bottom: 1px solid #737a71;
        transition: ease-in-out all 0.1s;
    }
    input[type="submit"].loupe:hover{ background-position: right 40%; transition: ease-in-out all 0.1s; }
    input[type="submit"].loupe.big{
        background-position: center;
        width: 94px;
        height: 94px;
        border-radius: 100%;
        border: 1px solid #de1619;
        overflow: hidden;
        text-indent: -3000px;
        box-shadow: 0 6px 10px rgba(0,0,0,0.3);
        margin: 0;
        transition: ease-in-out all 0.1s;
    }
    input[type="submit"].loupe.big:hover{
        border-color: black;
        transition: ease-in-out all 0.1s;
    }
    #txtreq input[type="text"]{
        width: 80%;
        float: left;
        margin: 0;
        padding: 0 10px;
        line-height: 70px;
        background: transparent;
        border: 0;
        border-bottom: 1px solid #737a71;
        transition: ease-in-out all 0.1s;
    }
    #txtreq input[type="text"]:focus{ box-shadow: none; border-color:#de1619; transition: ease-in-out all 0.1s; }

    /*châteaux*/
    .pad28{ padding: 0 34px 0 0; }
    .margint20{ margin-top: 20px; }
    .marginb70{ margin-bottom: 70px; }
    #txtreq.form2 input[type="text"]{
      border-radius: 40px 0 0 40px;
      border: 1px solid #cad4c8;
      border-right: 0px;
      line-height: 68px;
      margin-top: 1px;
    }
    #txtreq.form2 input[type="submit"]{
      border-radius: 0 40px 40px 0;
      border: 1px solid #cad4c8;
      border-left: 0px;
      background-position: 70% center;
    }
    #txtreq.form2 h2{ margin: 32px 0 8px 0; }
    #txtreq.form2{ padding-bottom: 120px; background: transparent url('gfx/accent-haut.png') no-repeat 60% bottom; }
    .encart.carte-chateaux{ text-align: center; margin: 0 auto; }
    .encart.carte-chateaux h3{
      text-transform: uppercase;
      text-align: right;
      font-size: 20px;
      margin-bottom: 30px;
      line-height: 36px;
      color: #cad4c8;
     }
    .encart.carte-chateaux h3 span{ text-align: left; display: inline-block; font-size: 50px; width: 90%; letter-spacing: 3px; text-transform: none; font-weight: 400; }
    .encart.carte-chateaux img{ margin-bottom: 20px; }
    .encart.carte-chateaux a.btnsavoir{
      border-color: #a4aca3;
      background: #a4aca3;
      color: white;
    }
    .encart.carte-chateaux a.btnsavoir:hover{ background: #ce020f; border-color: #ce020f; }
    .liencht h3{ font-size: 16px; margin-top: 28px; transition: ease-in-out all 0.1s; }
    .liencht h4{ font-size: 19px; margin-bottom: 28px; transition: ease-in-out all 0.1s;  }
    .trait-rouge{ width: 100%; height: 1px; background: #ce020f; }
    a.liencht:hover{ text-decoration: none!important }
    a.liencht:hover h3, a.liencht:hover h4{ color: black; transition: ease-in-out all 0.1s; }
    nav.navigation.pagination{
      width: 62%;
      margin: 0 0 0 19%;
      float: left;
      text-align: center;
      height: 100px;
      background: transparent url('gfx/fil-bas-gris.png') no-repeat center top;
      background-size: 81%;
    }
    a.page-numbers, span.page-numbers{
      margin: 60px 4px 0 4px;
      display: inline-block;
      font-size: 24px;
    }
    nav.navigation.pagination a.prev,
    nav.navigation.pagination a.next{
      margin-top: 0;
      width: 52px;
      height: 52px;
      background: transparent url('gfx/fleches-rouge.png') no-repeat 0 0;
      overflow: hidden;
      text-indent: -3000px;
      float: left;
    }
    nav.navigation.pagination a.next{ background-position: 100% 0; float: right; }



/**/
@media (min-width: 2px) and (max-width: 1023px){
    .dust{ 
        background-size: 200%;
        background-size: 80rem;
        background-position: right top; }
    #home .dust{ background-size: 400%; background-position: center top;}
    .ligne1 div.right{ width: 50%; margin: 4px 0; }
    .ruban{ /*min-height: 228px;*/ min-height: 178px; background-size: 160%; background: transparent;  }
    #site-navigation{ position: relative; }
    a#logo{ width: 90%; }
    .ligne1{ margin-bottom: .5rem; }
    .menu-toggle{
        width: 100%;
        padding: 25px 0 15px 0;
        background: transparent;
        color: #e00c19;
        border:0;
        display: block;
        /*font-size: 4rem;
        line-height: 4rem;*/
        float: left;
        text-align: center;
    }
   .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover{
        text-decoration: none;
    }
    .nav-menu{ display: none; padding:0; margin:0; float: left; z-index: 10001; width: 100%; }
    div.nav-menu{ display: block; }
    .nav-menu.toggled-on{
        display: block;
        position: absolute;
        top: 6rem;
        padding: 10px 0;
        left: 0;
        background: rgba(255,255,255,1);
        width: 400%;
     }
    nav{
        float: left;
        margin: 0;
        width: 100%;
    }
    nav ul li{
        list-style-type: none;
        display: block;
        position: relative;
        text-align: left;
        padding-left: 15px;
    }
    nav ul li a{
        font-size: 1.3rem;
        line-height: 1.75rem;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        color: #000;
        background: transparent;
        text-decoration: none;
        width: 96%;
        padding: 6px 2%;
        margin: 2px 0;
    }
    nav ul li a:hover{ color: #e00c19; }
    nav ul li ul{
        margin:0;
        padding:0;
        position: relative;
        top:auto;
        left: auto;
        background: transparent;
        border: 0px;
        padding-bottom: 14px;
        box-shadow: none;
        float: left;
    }
    nav ul li ul li{ width: 100% }
    nav ul li:hover ul{ }
    nav ul li:after{
        display: none;
    }
    nav ul li ul li{
        display: list-item; margin-top: 14px
    }
    nav ul li ul li a{
        color: #000;
        width: auto;
        margin-left: 5%;
        font-size: 20px;
        line-height: 60px;
    }
    nav ul li ul li a:hover{
        color: black;
        text-decoration: none;
    }
    nav .phrase,
    nav ul li ul li.logomenu,
    nav ul > li > a::after{ display: none; }
    nav ul li ul li img{ margin-left: 5%; width: 15%; }
    nav ul > li:last-child > a{ font-size: 26px; text-transform: none; color: #e00c19; }

    .ruban .spannomargin-20.spe50{ width: 25%; }
    .ruban .spannomargin-4.left.aligncenter.spe50{ width: 50%; float: right }
    .shoppicto{ padding: 25px 0 15px 0; text-align: center; display: none; }
    .ruban .spannomargin-20.spe50 a span{
      font-size: 1.1rem;
      background: white;
      border-radius: 15px;
      padding: 0.25rem 0.2rem;
      margin: 1.5rem 0.5rem 0 0;
      display: block;
    }

    .in-address{ min-width: 200px!important; }

    .zoneblanche{ display: none; }
    .btqhome{ width: 100%; margin: 20% 0 10% 0; }
    .btqhome::before, .btqhome:hover::before{ top: -35%; }
    #home h1{ margin: 30px 5% ; width: 90%; line-height: 40px; text-align: center; }
    #home h1 span{ color: black; }
    #flexsliderhome{ margin-top: 30px; }
    #flexsliderhome .redcarpet{ left: 0; top: -20%; }
    #flexsliderhome .out-redcarpet{ left: 0; top: 0; }
    #flexsliderhome li .out-redcarpet h2{ font-size: 24px; line-height: 40px; margin-left: 15%; }
    #flexsliderhome li .out-redcarpet h2 span{ font-size: 20px; }
    .eve{  min-height: 600px; }
    .eve h2{ margin-top: 20%; }
    .eve article { margin: 0 2% 0 12%; }
    .eve article h3 {
      font-size: 26px;
      letter-spacing: 3px;
      line-height: 44px;
    }
    .eve article h4 {
      font-size: 26px;
      letter-spacing: 3px;
      margin-bottom: 28px;
    }
    img.margint80{ margin-top: 0; }
    .bgred h2{ margin: 40px 5% 0 5%; }
    .bgred span.cormorant{ font-size: 46px; }
    .bgred span.medium{ font-size: 14px; }
    #flexslidervign .red-vigneron{ height: 240px; width: 50%; }
    #flexslidervign li .red-vigneron:last-child{ margin: 0 25%; }
    #flexslidervign .red-vigneron img{ max-width: 90%; }
    #flexslidervign .red-vigneron .legende{ top: 60%; }
    .photochef{ margin-bottom: 180px; }
    .in-chef h2{ margin: 140px auto 20px auto; }
    .in-chef h2 span.red{ font-size: 48px; }
    #home .in-foot{ background-size: 200%; }
    .in-foot, #home .in-foot{ background-color: #96aaa2; }
    footer .spannomargin-12.left.chiffres > div{ width: 50%; }
    footer .chiffres h2{ margin: 20px 0 40px 10%; font-size: 28px; width: 100% }
    footer .chiffres p{ font-size: 30px; margin-bottom: 40px; text-align: left; }
    footer .chiffres .renouveau{ width: 90%; margin: 0 10% 0 0; padding: 0; }
    footer .chiffres .renouveau h3{ font-size: 20px; color: white }
    footer .chiffres .renouveau p{ font-size: 12px; }
    footer .chiffres .renouveau::before{ display: none; }
    footer .in-carreblanc .fil-cb{ max-width: 100%; top: 0; left: 0; }
    footer .in-carreblanc{ margin-top: 0; }
    footer .in-carreblanc h2{ 
        font-size: 30px;
        line-height: 40px;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    footer .in-carreblanc h2 span{ font-size: 20px; }
    footer .carreblanc{ margin-top: -40px; }
    .ruban-foot{ height: 60px; background-size: 50%; }
    .rowfoot{ margin-top: 60px; }
    .logofoot{ margin-bottom: 10px; }
    .eboutique-foot{ width: 50%; margin: 20px 25% 0 25%; }
    footer .vignerons-foot{ margin: 40px 0 }
    .rowfoot .spannomargin-6.marginl-2{ width: 80%; margin-left: 10%; }
    .rowfoot .spannomargin-6.marginl-2 .spannomargin-12{ width: 50%; }
    .fmargneg{ width: 90%; margin: 0 5%; padding-bottom: 10px; }
    .mentions p{ margin-left: 0; }
    footer .adresse{ margin-top: 10px; }
    footer .adresse p{ text-align: center; }
    .accent-suivez-bottom, footer .accent-suivez{ display: none; }
    footer .lastfoot img {
      margin: 0 1%;
      width: 20%;
    }

    .redred{ left: 0; width: 67.5%; mix-blend-mode: unset; opacity: .85; }
    .outentt h1, .lechateau .outentt h1{ left: 5%; width: 62.5%; font-size: 26px; line-height: 36px; }
    .outentt h2{ left: 5%; }
    .lechateau .outentt p{ left: 5%; font-size: 12px; }
    .lechateau .outentt h2{ bottom: 15%; width: 100%; font-size: 16px; }
    .bggris::after {
        width: 100px;
        height: 304px;
        background-size: 100%;
        bottom: -30%;
    }
    .thecontent{ width: 90%; margin: 50px 5% 0 5%; }
    .btqcol{ margin-top: 110px; }
    .btqcol::after{ background-size: 30%; }
    .btqcol::before{ top: -45%; }
    .eve-col{ background-size: 100%; }
    .eve-col h2{ margin-left: 5%; }
    .eve-col .lastactu{ width: 90%; padding: 0 5% }
    .eve-col h3{ margin: 0 0 20px 0!important; }
    .bggr.pad{ width: 90%; padding: 50px 5%; }
    .bggr p.red{ font-size: 18px; margin: 0 0 10px 0; }
    #formtagz{ text-align: center; }
    #formtagz label{ margin-bottom: 15px; }
    .lechateau h3.red{ margin: 40px 0 20px 5%; }
    .lechateau .fdadresse{ width: 90%; padding: 100px 5% 0 5% }
    .lechateau .bloc2{  width: 90%; padding: 0 5% }
    .lechateau .bloc2 h3{ margin-left: 0; }
    #txtreq.form2{ width: 90%; padding: 0 5%; margin-bottom: 40px; background: transparent; }
    .listeecnartschat .spannomargin-16.marginl-4 .row{ float: none; width: auto;}
    .listeecnartschat .spannomargin-16.marginl-4 .row.lecontent,
    .spannomargin-16.marginl-4 .lecontent{ width: 90%; padding: 0 5% }
    .listeecnartschat .spannomargin-8.left{
      width: 46%; margin: 10px 2%; height: 340px;
    }
    .encart.carte-chateaux h3{ margin-bottom: 10px; font-size: 18px; }
    .encart.carte-chateaux h3 span{ font-size: 40px; }
    .encart.carte-chateaux h3 span{ padding: 0; }
    .contimg{ width: 30%; }
    .conttxt{ width: 60%; margin-left: 5%; max-height: 250px; }
    .conttxt h2{ margin: 20px 0; font-size: 20px; line-height: 24px; }
    .conttxt p{ font-size: 14px; line-height: 20px; }
    .conttxt a.btnsavoir{ margin: 10px 0; }
    .redcat{ height: 154px; }
    .in-address img{ max-width: 100%; }
    .in-address .spannomargin-18{ width: 90%;  }
    .in-address a.plusdinfos{ margin: 20px; }

    .bigvideo{ max-width: 90%; margin: 2rem 5%; }
    .bigvideo .avous{
        display: none;
    }

}
/**/
@media (min-width: 768px) and (max-width: 1023px){
    #home .dust {
        background-size: 200%;
    }
    .ruban-foot {
        height: 50px;
        background-size: 30%;
    }
  .ligne1 div.right{ width: 25%; }
  .spe50{ width: 50%; }
  .ruban{ min-height: 238px; background-size: 110%; }
  .zoneblanche{ display: block; width: 30%; }

  .home_contenu > .spannomargin-12{ width: 70%; }
  .btqhome{ margin-top: 30%; font-size: 36px; }
  #home h1{ margin-top: 10px; margin-bottom: 60px; }
  .eve{ min-height: 480px; }
  .eve article h4{ font-size: 22px; }
  .in-vigneronss h2 {
    font-size: 28px;
    letter-spacing: 4px;
  }
  .in-vigneronss h3{ margin: 80px 0 0 0; width: 50%;  }
  .in-vigneronss a.btnplus { top: -70%; }
  #flexslidervign .red-vigneron{ width: 20%; height: 160px; }
  #flexslidervign li .red-vigneron:last-child{ margin: 0; }
  #flexslidervign .red-vigneron h4 { font-size: 12px; }
  #flexslidervign .red-vigneron .legende { top: 50%; }
  .in-chef h2{ margin: 20px 0 20px 35% }
  .photochef{ margin-bottom: 0; }
  footer .chiffres h2{ font-size: 26px; }
  footer .in-carreblanc h2{ margin-top: 90px; }
  .in-foot .chiffres{ padding-top: 60px; }
  .ruban-foot{ height: 110px; }
  .rowfoot .spannomargin-4.aligncenter{ width: 50%; }
  .eboutique-foot{ width: 100%; margin: 20px 0 }
  .outentt{ width: 75%; }
  article .spannomargin-12.marginl-4,
  article .spannomargin-16.marginl-4{ width: 60%; margin-left: 10%; }
  article .spannomargin-4.marginl-4{ width: 25%; margin-left: 5%; }
  .btqcol::after { background-size: 60%; }
  article .spannomargin-16.marginl-4 .spannomargin-12{ width: 100%; }
  .lechateau .outentt p{ font-size: 16px; }
  .outentt h1, .lechateau .outentt h1{ font-size: 32px; line-height: 42px; }
  .lechateau .outentt h2{ font-size: 20px; }
  .eve-col .lastactu{ width: 100%; padding: 0; }
  .eve-col .spannomargin-18{ width: 90%; margin-left: 10%; }
  .eve-col{ background-size: 150%; }
  nav.navigation.pagination{ width: 90%; margin: 0 5%; }
  .lactu{ width: 100%; }
  .conttxt .spannomargin-20{ width: 100%; }
  .conttxt h2{ font-size: 22px; line-height: 35px; }
  .conttxt p { font-size: 16px; line-height: 22px; }







}
/**/
@media (min-width: 1024px) and (max-width: 1279px) {
    a#logo{ width: 90%; }
    .ligne1{ height: 60px; }
    .ruban{ 
        min-height: 218px; 
        background-size: 3rem;
        background-position: right center;}
    nav ul li a{
        font-size: 14px;
        line-height: 74px;
        padding: 0 0 32px 0;
        margin: 8px 10px 0 10px;
        background-size: 32px
    }
    nav ul li ul{ top: 172px; padding: 16px 0; background-size: 35%; }
    nav .phrase h3{ font-size: 22px; line-height: 35px; }
	.lang-en nav .phrase h3 { font-size: 12px; }
    nav .phrase h3 span{ line-height: 30px; }
    nav .phrase p {
        font-size: 10px;
        line-height: 14px;
    }
    nav ul li ul li img{ max-width: 35%; }
    nav ul li ul li a {
        line-height: 84px;
        font-size: 16px;
        margin: 0 0 0 24px;
    }
	nav ul li ul li.menu-item-15871 a {
    		font-size: 11px;
	}
    .lang-en nav ul li ul li a{ font-size: 14px; }
    .lang-en nav ul li.menu-item-6523 ul li a{ font-size: 10px; }
    .dust {
        background-position: 41.5% -42px;
        background-size: 190%;
    }
    #home .dust{ background-size: 135%; }
    nav ul li ul li.logomenu img { margin: 38px auto; }
    header .news{ padding-bottom: 5px; font-size: 12px; }
    header .news .in_news{ margin-top: 2px; }
    .in_news .wpcf7 input[type="email"] , .in_news .wpcf7 input[type="submit"], .in_news{  height: 28px; }
    .esp-vign{ font-size: 12px; }
    .wpml-ls-legacy-dropdown a, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{ font-size: 12px; }
    footer .nav-menu li a { font-size: 11px; }
    footer .vignerons-foot{ font-size: 12px; }
    .rowfoot { margin-top: 150px; }
    .ruban-foot{ top: 20px; background-size: 40%; }
    footer .in-carreblanc h2 {
        font-size: 34px;
        line-height: 40px;
        letter-spacing: 8px;
        font-weight: 300;
        text-align: right;
        margin: 80px 10% 60px 0;
    }

    footer .in-carreblanc h2 span { font-size: 18px; }
    footer .in-carreblanc iframe{ height: 224px; }
    footer .in-carreblanc .fil-cb{ max-width: 120%; top: -210px; left: -200px; }
    footer .chiffres h2 {
        font-size: 22px;
        letter-spacing: 6px;
        margin: 100px 0 60px 28px;
    }
    footer .chiffres p {
        font-size: 30px;
        line-height: 24px;
        margin: 0 0 40px 28px;
    }
    footer .chiffres p span.cormorant {
        font-size: 18px;
        line-height: 12px;
    }
    footer .chiffres p span { font-size: 20px; }
    footer .chiffres .renouveau {
        width: 75%;
        margin: 20px 12.5% 0 12.5%;
        padding-top: 20px;
    }
    footer .chiffres .renouveau h3 { font-size: 24px; }
    footer .chiffres .renouveau p {
        font-size: 12px;
        margin-left: 0;
        margin-top: 5px;
        line-height: 20px;
        margin-bottom: 32px;
    }
    footer .chiffres p.nomrgl{ margin-bottom: 10px; }
    .in-chef h2 { margin: 60px auto 40px auto; }
    .in-chef h2 span.red{ font-size: 48px; }
    .in-chef h2 span.medium { font-size: 20px;  margin-left: 20%; }

    .bigvideo{ margin: 5rem 0; }
    .bigvideo .avous{
        bottom: -4.65rem;
        left: calc( 50% - 175px);
        z-index: 10;
        max-width: 40%;
    }

    .bgred h2{ margin: 40px auto 30px auto;}
    .bgred span.cormorant{ font-size: 40px;  }
    .bgred span.medium{ font-size: 14px; }
    .flexslider .red-vigneron h4{ font-size: 12px; }
    .flexslider .red-vigneron h5 {  font-size: 16px; }
    .flexslider .red-vigneron .legende::before{ width: 40px; background-size: 100%; }
    .flexslider .red-vigneron .legende::after{ width: 70px; background-size: 100%; }
    .flexslider .red-vigneron{ height: auto; }
    .flexslider .red-vigneron img{ max-width: 90%; }
    #flexslidervign .red-vigneron .legende{ top: 45%; }
    .bgred{ min-height: inherit; max-height: 370px; }

    #flexsliderhome{ margin-top: 20px; }
    #home h1 {
        margin-left: 30%;
        font-size: 18px;
        letter-spacing: 8px;
    }
    #home h1 span { font-size: 22px; }
    #flexsliderhome li .out-redcarpet h2{ font-size: 20px; line-height: 40px; letter-spacing: 8px;}
    #flexsliderhome li .out-redcarpet h2 span { font-size: 16px; }
    #flexsliderhome .out-redcarpet::after{ background-size: 100%; height: 200px; width: 60px; top: 50%; }
    .btqhome{ font-size: 26px; letter-spacing: 2px; margin-top: 30vw; }
    .btqhome:hover{ letter-spacing: 4px; }
    .btqhome::after{ background-size: 60%; background-position: center bottom; }
    .btqhome::before {
        height: 170px;
        background-size: 60%;
        top: -25%;
    }
    .btqhome:hover::before{ top: 5%; }
    .eve{ min-height: 440px; }
    .eve h2 { font-size: 28px; }
    .eve article { margin: 0 20% 0 12%; }
    .eve article h3 { font-size: 24px; }
    .eve article h4 { font-size: 22px; }
    .btnsavoir{ font-size: 13px; }
    .in-vigneronss h2 { font-size: 28px; }
    .in-vigneronss h3 { font-size: 10px; margin-left: 25%; }
    .in-vigneronss a.btnplus{ right: -35%; }


    .entete { margin-top: 50px; }
    .redred{top: -3.4%; left: -28%; }
    .outentt h1{ font-size: 26px; letter-spacing: 4px; }
    .bggris::after{
        background-size: 60%;
        width: 135px;
        height: 249px;
        left: 5%;
    }
    .btqcol {
        margin: 230px 0 0 0;
        padding: 100px 0 0 0;
        font-size: 22px;
    }
    .btqcol::after, .btqcol::before{ background-size: 60%; }
    .redcat{ margin-top: -12px; }
    .conttxt h2 {
        font-size: 22px;
        margin: 20px 0 10px 0;
    }
    .conttxt p{ display: none; }
    .conttxt a.btnsavoir{ margin-bottom: 10px; }
    .bggr p.red{ font-size: 16px; }
    #formtagz label{
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    #txtreq input[type="text"]{ line-height: 50px; }
    input[type="submit"].loupe{ height: 50px; }
    input[type="submit"].loupe.big {
        width: 74px;
        height: 74px;
    }
    .in-address strong {
        font-size: 18px;
        line-height: 30px;
    }
    .in-address p {
        font-size: 20px;
        line-height: 24px;
    }
    .encart.carte-chateaux h3{ font-size: 16px; }
    .encart.carte-chateaux h3 span{  font-size: 30px; }
    .liencht h3{ font-size: 12px; }
    .liencht h4{ font-size: 15px; }
	.eve-col h3 { font-size: 15px; }


}
/**/
@media (min-width: 1280px) and (max-width: 1479px){
    a#logo{ width: 90%; }
    #home .dust{ background-size: 115%; }
    .ligne1{ height: 70px; }
    .ruban{ 
        min-height: 238px; 
        background-position: right center;
        background-size: 4rem;
    }
    nav ul li a{
        font-size: 15px;
        line-height: 74px;
        padding: 0 0 32px 0;
        margin: 8px 16px 0 16px;
        background-size: 32px
    }
    nav ul li ul{ top: 182px; padding: 16px 0 32px 0; background-size: 35%; }
    nav .phrase h3{ font-size: 22px; line-height: 35px; }
	.lang-en nav .phrase h3 { font-size: 16px; }
    nav .phrase h3 span{ line-height: 30px; }
    nav .phrase p {
        font-size: 10px;
        line-height: 14px;
    }
    nav ul li ul li img{ max-width: 35%; }
    nav ul li ul li a {
        line-height: 84px;
        font-size: 16px;
        margin: 0 0 0 24px;
    }
	nav ul li ul li.menu-item-15871 a {
    	font-size: 13px;
	}
    .lang-en nav ul li ul li a{ font-size: 16px; }
    .lang-en nav ul li.menu-item-6523 ul li a{ font-size: 11px; }

    nav ul li ul li.logomenu img { margin: 38px auto; }
    header .news{ padding-bottom: 5px; font-size: 12px; }
    header .news .in_news{ margin-top: 2px; }
    .in_news .wpcf7 input[type="email"] , .in_news .wpcf7 input[type="submit"], .in_news{ height: 28px; }
    .esp-vign{ font-size: 13px; }
    .wpml-ls-legacy-dropdown a, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{ font-size: 10px; }
    .rowfoot { margin-top: 150px; }
    .ruban-foot{ top: 10px; background-size: 40%; }
    footer .nav-menu li a { font-size: 12px; }
    footer .vignerons-foot{ font-size: 14px; }
    footer .in-carreblanc h2 {
        font-size: 40px;
        line-height: 42px;
        margin: 100px 10% 70px 0;
    }
    footer .in-carreblanc .fil-cb {
        top: -280px;
        left: -220px;
        max-width: 130%;
    }
    footer .in-carreblanc iframe{ height: 264px; }
    footer .chiffres h2 {
        font-size: 26px;
        margin: 130px 0 70px 28px;
    }
    footer .chiffres p {
        font-size: 35px;
        margin: 0 0 50px 28px;
    }
    footer .chiffres p.vitic {
        margin-top: 140px;
        margin-left: 38px;
    }
    footer .chiffres p span { font-size: 22px; }
    footer .chiffres p span.cormorant { font-size: 20px; line-height: 1px; }
    footer .chiffres .renouveau h3 { font-size: 26px; }
    footer .chiffres .renouveau p{ margin-bottom: 30px; }
    footer .chiffres p.nomrgl{ margin-bottom: 15px; }
    .in-chef h2 { margin: 80px auto 40px auto; }
    .bgred{ min-height: inherit; max-height: 438px; }
    #flexslidervign .red-vigneron .legende{ /*top: 40%;*/  top: 65%; }
    #flexslidervign .red-vigneron img{ max-width: 90%; }

    .bigvideo .avous{
        bottom: -5.85rem;
        left: calc( 50% - 221px);
        z-index: 10;
        max-width: 40%;
    }

    #flexsliderhome{ margin-top: 90px; }
    #flexsliderhome li .out-redcarpet h2 {
        font-size: 32px;
        line-height: 50px;
    }
    #flexsliderhome li .out-redcarpet h2 span{ font-size: 16px; }
    #flexsliderhome .out-redcarpet::after{ background-size: 100%; height: 240px; width: 80px; top: 70%; }
    .eve{ min-height: 510px; }
    .eve h2 { font-size: 30px; }
    .eve article { margin: 0 20% 0 12%; }
    .eve article h3 { font-size: 34px; }
    .eve article h4 { font-size: 30px; }
    .in-vigneronss h2 { font-size: 36px; }
    .in-vigneronss h3 { font-size: 12px; }
    .in-vigneronss a.btnplus { right: -30%; }

    .btqhome{ margin-top: 38vw; font-size: 30px; }
    .btqhome::after{ background-size: 70%; background-position: center bottom; }
    .btqhome::before{ height: 200px; background-size: 70%; top: -55%; }
    .btqhome:hover::before{ top: -5% }
    .dust{ background-position: 41% -40px; }
    .entete{ margin-top: 150px; }
    .redred{ top: 6%; height: 80%; }
    .outentt h1{ font-size: 32px; letter-spacing: 6px; top: 30%; line-height: 50px; }
    .bggris::after{
        background-size: 70%;
        width: 135px;
        height: 289px;
        left: 2%;
        bottom: -30%;
    }
    .btqcol{ font-size: 26px; }
    .btqcol::after{ background-size: 60%; }
    .redcat{ margin-top: 30px; }
    .enttcat h1{ top: 84px; }
    .conttxt h2 {
        margin: 20px 0 10px 0;
        font-size: 22px;
    }
    .conttxt{ max-height: 180px; }
    .conttxt p{ font-size: 12px; line-height: 18px; }
    .conttxt a.btnsavoir{ height: 32px; line-height: 32px; margin-bottom: 0; padding: 0 26px; font-size: 12px; }
    .bggr p.red { font-size: 18px; }
	.eve-col h3 { font-size: 16px; }




}
/**/
@media (min-width: 1340px) and (max-width: 1479px){
    .eve{ min-height: 560px; }
    .dust { background-position: 39.5% -40px; }
}
/**/
@media (min-width: 1480px) and (max-width: 1599px){
  .eve article h3{ font-size: 40px; }
}
/**/
@media (min-width: 1600px) and (max-width: 1799px){

}
/**/
@media (min-width: 1800px){

}
/**/
@media (min-width: 1900px){
    .ruban{ min-height: 308px; }
    .esp-vign{ font-size: 15px; }
    .ligne1{ /*height: 110px;*/ height: 96px; }
    nav ul li a{ font-size: 17px; margin: 8px 30px 0 30px; line-height: 74px; }
    .btqhome{ margin-top: 820px; }
}
/**/

.overlay{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 10003;
    overflow-y: scroll;
}
.overlay div.left{ box-shadow: 0 10px 30px rgba(0,0,0,.5); position: relative; }
/*.overlay div.left::before{
  content: " ";
  display: block;
  width: 150px;
  height: 90px;
  position: absolute;
  left: -30px;
  top: -45px;
  z-index: 10;
  background: #737a71 url('gfx/logo.png') no-repeat center;
 }*/
#boutonclose{
    position: absolute;
    right: -20px;
    top: -20px;
    font-size: 38px;
    color: white;
    background: black;
    font-family: sans-serif;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    padding: 5px;
    opacity: 0.8;
    cursor: pointer;
}
#boutonclose:hover{
    opacity: 1;
}
@media (max-width: 767px){
  .overlay div.left{ margin: 100px 5% 0 5%!important; width: 80%!important; padding: 40px 5%!important; }
  #boutonclose{ right: 0px; top: 0px; }
}

#cookie-notice .cookie-notice-container{ padding: 2rem 0 }
.cn-buttons-container, .cn-text-container{ font-size: 1rem; line-height: 1.5rem}
#cn-close-notice{ display: none; }
#cn-notice-buttons{ width: 100%; }
#cookie-notice .cn-button{
	background: #e00c19;
    color: white;
    padding: 0.5rem 1rem;
    max-width: 200px;
    margin: 1rem;
	border :0px!important;
}
#cookie-notice #cn-refuse-cookie{ background: #546d61; }
.grecaptcha-badge{ display:none!important; visibility:hidden!important; }


/*C D BOEUF*/
@media (min-width: 1024px){
  .mille280{ max-width: 960px; }
}
@media (min-width: 1280px){
  .mille280{ max-width: 1080px; }
}
@media (min-width: 1480px){
  .mille280{ max-width: 1280px; }
}

@font-face {
    font-family: 'Coldays Memories Brush';
    src: url('fonts/ColdaysMemoriesBrush.woff2') format('woff2'),
        url('fonts/ColdaysMemoriesBrush.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.coldays{ font-family: 'Coldays Memories Brush'; }
#cdboeuf header{
  background: transparent url('gfx/cdboeuf/cdboeuf-bandeau.jpg') no-repeat center;
  background-size: 100%;
  height: 52vw;
}
#cdboeuf header #logo{
  margin: 10vw auto 1vw auto;
  max-width: 50%;
}
#cdboeuf nav ul li{ vertical-align: middle; }
#cdboeuf nav ul li a{
  font-weight: 600;
  text-transform: uppercase;
  font-size: 22px;
  margin: 40px 20px 0 20px;
  padding: 0;
  letter-spacing: 1px;
 }
#cdboeuf nav ul > li:last-child > a{ font-family: inherit; font-size: 22px; letter-spacing: 1px;  }
#cdboeuf nav ul > li img{ margin-top: 40px; }

#cdboeuf .fdrouge{ background-color:#cd3729; }
#cdboeuf .row.fdrouge{ padding: 3vw 0; }
#cdboeuf .row.fdrouge h2{
  font-size: 64px;
  line-height: 56px;
  margin: 0;
}
#cdboeuf .row.fdrouge h2.black{ margin-bottom: 70px; }
#cdboeuf .row.fdrouge p.white{ font-size: 22px; line-height: 40px; text-align: left; letter-spacing: 1px; margin: 0; }
#cdboeuf .row.fdrouge .presentations p{ font-size: 16px; line-height: 24px; letter-spacing: .05rem; margin: 0 0 32px 0; }
#cdboeuf .row.fdrouge .presentations p span{ font-size: 18px; }
#cdboeuf .bandeauboutique{
  background: transparent url('gfx/cdboeuf/cdboeuf-bandeau-boutique.jpg') no-repeat center;
  background-size: cover;
  min-height: 420px;
  padding-top: 60px;
}
#cdboeuf .btqcol{ margin-top: 210px; color: white; }
#cdboeuf h1{ font-size: 64px; line-height: 64px; }
#cdboeuf .fdmap{
  /*background: transparent url('gfx/cdboeuf/cdboeuf-carte.jpg') no-repeat center top;*/
	background: #fff;
}
#flexsliderboeuf.flexslider .slides img{ width: auto; max-width: 100%; }
.colcote{ width: 18.25% }
.colcentre{ width: 63.5%; }
.colcote div{ margin: 0 4px; float: left; }
.colcentre div{ margin: 0 4px; float: left; }
.colcote div img:first-child{ margin: 0 0 8px 0; }
.masque{
  position: absolute;
  width: calc(100% - 4px);
  height: 50%;
  left: 0;
  bottom: 0;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  z-index: 2;
  margin: 0!important;
}

#cdboeuf .fdfil{
  background: url('gfx/cdboeuf/cdboeuf-fil.png') no-repeat 0 80%;
  height: 390px;
}
#cdboeuf h2.conseilschefs{
  font-size: 64px;
  line-height: 54px;
  font-weight: 500;
  margin-top: 115px;
}
#flexsliderboeuf .flex-control-paging{ bottom: auto; top: 500px; }
#flexsliderboeuf .flex-control-paging li a{
  width: 10px;
  height: 10px;
  background: rgba(255,255,255,.5);
  bottom: auto; top: 25%;
  border-radius: 100%;
}
#flexsliderboeuf .flex-control-paging li{ width: 10px; height: 10px; margin: 0 3px; }
#flexsliderboeuf .flex-control-paging li a.flex-active{ background: white; }
#flexsliderboeuf .flex-direction-nav a{
  bottom: auto;
  top: 250px;
  background: url('gfx/cdboeuf/fleche.png') no-repeat 0 0;
  width: 51px;
  height: 51px;
}
#flexsliderboeuf .flex-direction-nav .flex-next{ background-position: 100% 0; right: -2% }
#flexsliderboeuf .flex-direction-nav .flex-prev{ left: -2%; }
#flexsliderboeuf h3.absolute{
  bottom: 12%;
  width: 100%;
  text-align: center;
  color: white;
  text-transform: none;
  font-size: 44px;
  font-weight: 400;
  text-shadow: 0 0 15px black;
  z-index: 10;
}
#cdboeuf .in-rectanglerouge{
  border: 2px solid white;
  padding: 34px 50px;
}
#cdboeuf .rectanglerouge{
  background-color:#cd3729;
  padding: 10px;
  margin: 30px 4px 40px 4px;
}
#flexsliderboeuf h4.coldays{ font-size: 110px; line-height: 60px; margin-bottom: 40px; }
#flexsliderboeuf .flex-viewport{ max-height: none; }
#cdboeuf .article_etablissement{ line-height: 35px; font-size: 20px; letter-spacing: 0rem; }
#cdboeuf .citation_etablissement{ font-size: 38px; line-height: 44px; letter-spacing: .2rem; font-weight: 600; }
#cdboeuf .article_etablissement p{ margin-top: 0; }
#cdboeuf h4.titre_bloc_texte_etablissement{ font-size: 82px; line-height: 42px; }
#cdboeuf .bloc_texte_etablissement{ font-size: 17px; line-height: 29px; letter-spacing: .1rem; }
#cdboeuf .bloc_texte_etablissement p{ margin-top: 0; text-align: left; font-weight: 500; }
#cdboeuf .ephemere{
  background: transparent url('gfx/cdboeuf/cdboeuf-ephemere.png') no-repeat center bottom;
  min-height: 210px;
  background-size: contain;
  margin: 20px 0 40px 0;
}
#cdboeuf .ephemere h3{ text-transform: none; font-size: 82px; font-weight: 400; }
#cdboeuf .in-ephemere{ padding: 0 2.5% 0 10%; width: 87.5%; }
#cdboeuf .in-ephemere p{ font-size: 15px; margin: 0; text-align: left; line-height: 32px; max-width: 90%; }
#cdboeuf .in-ephemere p span{ line-height: 20px; display: block; }
#cdboeuf .adresss{ margin: 0 0 40px 0; font-size: 13px; letter-spacing: .2rem; }
#cdboeuf .fdrouge2{
  background-color:#cd3729; padding: 3vw 0;
}
#cdboeuf .fdrouge2 h2{ font-size: 67px; line-height: 60px; font-weight: 400; margin: 0; }
#cdboeuf .fdrouge2 h3{ text-transform: none; font-size: 67px; line-height: 60px; font-weight: 400; margin-bottom: 40px;  }
#cdboeuf .fdrouge2 .pres{ font-size: 22px; line-height: 43px; letter-spacing: .05rem; text-align: left; }
#cdboeuf .fdrouge2 .logossss p{
  font-size: 28px;
  line-height: 40px;
  margin: 10px auto 30px auto;
}
.leprog h2{ font-size: 67px; line-height: 57px; margin: 60px 0 }
.leprog h3{ font-size: 148px; text-transform: none; font-weight: 400; }
.leprog .programmesss{ font-size: 17px; line-height: 30px; }
.leprog .programmesss h4{ font-weight: 600; text-transform: uppercase; font-size: 17px; line-height: 30px; }
#cdboeuf .newsletttt{
  background: url('gfx/cdboeuf/cdboeuf-fil.png') no-repeat 0 80%;
  height: 324px;
}
#cdboeuf .newsletttt > p{
  margin: 100px 0 0 200px;
  font-size: 24px;
  line-height: 38px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cdboeuf .wpcf7 input{
  border: 1px solid #cd3729;
  border-radius: 40px;
  margin: 0;
  float: left;
  height: 70px;
  padding: 4px 12px;
  line-height: 70px;
  background: white;
}
#cdboeuf .wpcf7 input[type="email"]{
  width: 90%; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: 0px;
}
#cdboeuf .wpcf7 input[type="submit"]{
  width: 10%; border-top-left-radius: 0px; border-bottom-left-radius: 0px ; border-left: 0px;
  background: white url('gfx/news_ok.png') no-repeat center;
}
#cdboeuf footer .fdfoot{
  background: white url('gfx/cdboeuf/cdboeuf-fond-footer.png') no-repeat center 160%;
  height: 300px;
}
#cdboeuf footer .fdblack{
  background: black;
  height: 46px;
  padding: 10px 0 0 0;
}
#cdboeuf footer .fdfoot a{
  background: white;
  border-radius: 40px;
  border: 2px solid #cd3729;
  color: #cd3729;
  display: inline-block;
  line-height: 64px;
  padding: 0 30px;
  font-size: 22px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 60px;
}
#cdboeuf footer .fdblack p{ font-size: 10px; letter-spacing: 3px; margin: 0; line-height: 16px; }

@media (min-width: 2px) and (max-width: 767px){
    .mille280{ width: 90%; padding: 0 5%; }
    #cdboeuf nav ul li a{
      color: white;
      margin: 20px 0;
      text-align: center;
      text-shadow: 0 0 10px black;
    }
    #cdboeuf nav ul li img{ margin: 0 auto; max-width: 100px; }
    #cdboeuf nav ul li{ text-align: center; margin: 0; padding: 0; }
    #cdboeuf header{ height: 90vw; background-size: cover; }
    #cdboeuf .row.fdrouge h2 {
      font-size: 44px;
      line-height: 36px;
      margin-top: 30px;
    }
    #cdboeuf .row.fdrouge h2.black{ margin: 0 0 40px 0; }
    #cdboeuf .row.fdrouge p.white {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 20px;
    }
    #cdboeuf .row.fdrouge img{ display: none; }
    #cdboeuf h1 {
      font-size: 32px;
      line-height: 34px;
    }
    #cdboeuf .btqcol { margin-top: 120px; }
    #cdboeuf .fdfil{ background: transparent; }
    h2.conseilschefs {
      font-size: 44px;
      line-height: 44px;
      font-weight: 500;
      margin-top: 225px;
    }
    #flexsliderboeuf h3.absolute{ font-size: 28px; }
    #flexsliderboeuf .flex-control-paging {
      bottom: auto;
      top: 140px;
    }
    #flexsliderboeuf .flex-direction-nav a {
      bottom: auto;
      top: 50px;
    }
    #flexsliderboeuf h4.coldays {
      font-size: 60px;
      line-height: 40px;
    }
    #cdboeuf .article_etablissement {
      line-height: 25px;
      font-size: 16px;
    }
    #flexsliderboeuf.flexslider .slides img.separateur2{ display: none; }
    #cdboeuf .citation_etablissement {
      font-size: 28px;
      line-height: 34px;
      margin-top: 30px;
    }
    #cdboeuf .bloc_texte_etablissement {
      font-size: 15px;
      line-height: 25px;
    }
    #cdboeuf .in-rectanglerouge { padding: 34px 30px; }
    #cdboeuf .ephemere{ background: transparent; }
    #cdboeuf .fdrouge2 h2, #cdboeuf .fdrouge2 h3, .leprog h2{ font-size: 50px; line-height: 50px; margin: 30px 0 }
    #cdboeuf .fdrouge2 h2{ margin-top: 30px; }
    #cdboeuf .fdrouge2 .pres {
      font-size: 18px;
      line-height: 33px;
    }
    .leprog img{ display: none }
    #cdboeuf .newsletttt{ background: transparent; height: auto; }
    #cdboeuf .newsletttt > p{ font-size: 16px; margin: 30px; line-height: 28px; text-align: left; }
    #cdboeuf .wpcf7{ width: 90%; margin: 0 5%; }
    #cdboeuf footer .fdfoot a{ margin: 20px 0; width: 90%; padding: 0; }
    #cdboeuf .fdfoot img{ max-width: 50%; }
    #cdboeuf footer .fdblack{ height: 96px; }

}

@media (min-width: 768px) and (max-width: 1023px){
  #cdboeuf .spannomargin-1{ width: 4.16666667%; }
  #cdboeuf .marginl-1{ margin-left: 4.16666667%; }
  #cdboeuf .spannomargin-2{ width: 8.33333333%; }
  #cdboeuf .marginl-2{ margin-left: 8.33333333%; }
  #cdboeuf .spannomargin-3{ width: 12.5%; }
  #cdboeuf .spannomargin-4{ width: 16.666666666667%; }
  #cdboeuf .marginl-4{ margin-left: 16.666666666667%; }
  #cdboeuf .spannomargin-5{ width: 20%; }
  #cdboeuf .spannomargin-6{ width: 25%; }
  #cdboeuf .spannomargin-7{ width: 29.16666667%; }
  #cdboeuf .spannomargin-8{ width: 33.333%; }
  #cdboeuf .marginl-8{ margin-left: 33.333%; }
  #cdboeuf .spannomargin-9{ width: 37.5%; }
  #cdboeuf .spannomargin-10{ width: 41.66%; }
  #cdboeuf .spannomargin-11{ width: 45.833333333333%; }
  #cdboeuf .spannomargin-12{ width: 50%; }
  #cdboeuf .spannomargin-13{ width: 54.166666666667%; }
  #cdboeuf .spannomargin-14{ width: 58.3333333%; }
  #cdboeuf .spannomargin-15{ width: 62.5%; }
  #cdboeuf .spannomargin-16{ width: 66.666%; }
  #cdboeuf .spannomargin-17{ width: 70.8266666%; }
  #cdboeuf .spannomargin-18{ width: 75%; }
  #cdboeuf .spannomargin-19{ width: 79.16%; }
  #cdboeuf .spannomargin-20{ width: 83.32%; }
  #cdboeuf .spannomargin-21{ width: 87.4866666%; }
  #cdboeuf .spannomargin-22{ width: 91.6533333%; }
  #cdboeuf .spannomargin-23{ width: 95.82%; }
  #cdboeuf .spannomargin-24{ width: 100%; }

  #cdboeuf nav ul li{ display: inline-block; }
  #cdboeuf nav ul li a{ color: white; text-shadow: 0 0 10px black; }
  .mille280{ width: 90%; padding: 0 5%; }
  #cdboeuf .row.fdrouge h2{ font-size: 54px; }
  #cdboeuf .row.fdrouge p.white{ font-size: 20px; }
  #cdboeuf h1 {
    font-size: 34px;
    line-height: 54px;
    margin-right: 20px;
  }
  #cdboeuf .btqcol{ margin-top: 100px; font-size: 20px; }
  #cdboeuf .btqcol::before { top: -65%; }
  #cdboeuf h2.conseilschefs {
      font-size: 54px;
      margin-top: 175px;
  }
  #flexsliderboeuf h4.coldays {
    font-size: 70px;
  }
  #cdboeuf .citation_etablissement {
      font-size: 24px;
      line-height: 34px;
  }
  #cdboeuf h4.titre_bloc_texte_etablissement { font-size: 72px; }
  #cdboeuf .flex-viewport{ max-height: none; }
  #cdboeuf .in-ephemere p { font-size: 12px; line-height: 22px; }
  #cdboeuf .fdrouge2 h2, #cdboeuf .fdrouge2 h3{ font-size: 57px; }
  #cdboeuf .fdrouge2 .logossss p { font-size: 22px; line-height: 30px; }
  #cdboeuf .fdrouge2 .pres { font-size: 20px; line-height: 37px; }
  .leprog h3 { font-size: 118px; }
  .leprog .programmesss {
    font-size: 16px;
    line-height: 22px;
  }
  #cdboeuf .newsletttt > p {
    font-size: 18px;
    line-height: 32px;
  }
  #cdboeuf footer .fdfoot a{ font-size: 12px; margin-top: 20px; }
  #cdboeuf footer .fdblack{ height: 70px; }
  #flexsliderboeuf .flex-direction-nav a{ top: 120px; }
  #flexsliderboeuf .flex-control-paging { top: 265px; }




}





@media (min-width: 1024px) and (max-width: 1279px){
  .bandeauboutique{ min-height: 300px; }
  #cdboeuf .row.fdrouge h2{ font-size: 44px; line-height: 36px; }
  #cdboeuf .row.fdrouge p.white { font-size: 16px; line-height: 30px; }
  #cdboeuf .row.fdrouge .presentations p {
      font-size: 12px;
      line-height: 20px;
  }
  #cdboeuf .row.fdrouge .presentations p span { font-size: 14px; }
  #cdboeuf h1 { font-size: 44px; line-height: 54px; }
  #cdboeuf .btqcol{ margin-top: 190px; }
  h2.conseilschefs {
      font-size: 54px;
      line-height: 44px;
      font-weight: 500;
      margin-top: 165px;
      margin-left: 15%;
  }
  #flexsliderboeuf .flex-direction-nav a{ top: 180px; }
  #flexsliderboeuf .flex-control-paging { top: 370px; }
  #flexsliderboeuf h4.coldays {
      font-size: 80px;
      line-height: 40px;
  }
  #cdboeuf .article_etablissement {
      line-height: 28px;
      font-size: 18px;
  }
  #cdboeuf .citation_etablissement {
      font-size: 28px;
      line-height: 40px;
  }
  #cdboeuf h4.titre_bloc_texte_etablissement {
      font-size: 62px;
      line-height: 32px;
  }
  #cdboeuf .bloc_texte_etablissement {
      font-size: 15px;
      line-height: 25px;
  }
  #cdboeuf .in-ephemere p {
      font-size: 12px;
      line-height: 20px;
  }
  #cdboeuf .fdrouge2 h2, #cdboeuf .fdrouge2 h3 {
      font-size: 57px;
      line-height: 50px;
  }
  #cdboeuf .fdrouge2 .pres {
      font-size: 18px;
      line-height: 33px;
  }
  #cdboeuf .fdrouge2 .logossss p {
      font-size: 22px;
      line-height: 28px;
  }
  .leprog h2{
      font-size: 57px;
      line-height: 47px;
  }
  .leprog h3{   font-size: 108px; }
  .leprog .programmesss {
      font-size: 15px;
      line-height: 22px;
  }
  .leprog .programmesss h4 { font-size: 15px; }
  #cdboeuf .newsletttt > p {
      font-size: 18px;
      line-height: 32px;
  }
  #cdboeuf footer .fdfoot a{ font-size: 16px; }
  #cdboeuf footer .fdblack p{ letter-spacing: 1px; }

}
@media (min-width: 1280px) and (max-width: 1479px){
  .bandeauboutique{ min-height: 380px; }
  #cdboeuf h1 { font-size: 54px; }
  h2.conseilschefs {
    margin-top: 155px;
    margin-left: 100px;
  }
  #flexsliderboeuf .flex-direction-nav a { top: 200px; }
  #flexsliderboeuf .flex-control-paging {
      bottom: auto;
      top: 420px;
  }
  #cdboeuf .in-ephemere p { font-size: 13px; }

}

/**/