@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
/*
 Theme Name:     Divi Child CCB
 Description:    Child Theme of Divi
 Author:         elegantenthusiast.com
 Template:       Divi
 (optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
 */
@font-face {
  font-family: Dala Floda Medium;
  src: url(/wp-content/themes/divi-child-CCB/fonts/DalaFloda-Medium.ttf), url(/wp-content/themes/divi-child-CCB/fonts/DalaFloda-Medium.woff), url(/wp-content/themes/divi-child-CCB/fonts/DalaFloda-Medium.eot), url(/wp-content/themes/divi-child-CCB/fonts/DalaFloda-Medium.otf);
  font-weight: normal; }
/* Style the tab */
.tab {
  overflow: hidden; }
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 6px 6px;
  transition: 0.3s;
  font-size: 14px;
  border: 1px #c7b084 solid;
  border-bottom: 0px !important;
  border-left: 0px; }

.tab button:nth-child(1) {
  border-left: 1px #c7b084 solid; }
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #f7f4ed; }
/* Create an active/current tablink class */
.tab button.active {
  background-color: #000;
  display: block !important;
  color: #fff;
  border-color: #000 !important; }
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  border: 1px #c7b084 solid;
  background-color: #f7f4ed;
  min-height: 270px; }
  .tabcontent img {
    height: 250px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 10px !important; }

.tabcontent.active {
  display: block !important; }
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fadeEffect {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

#ubermenu-main-4-footer-menu-2 .ubermenu-target, #ubermenu-nav-main-40-footer-menu .ubermenu-target {
  color: #fff !important; }

.ubermenu .ubermenu-target-with-image > .ubermenu-target-text {
  font-family: "Dala Floda Regular" !important; }

#bloc-exergue h4 {
  margin-top: 0px !important;
  color: #000;
  font-family: 'Dala Floda Medium';
  font-size: 20px !important;
  text-align: left;
  padding-right: 60px;
  padding-left: 60px;
  line-height: 24px; }
  #bloc-exergue h4:before {
    color: #c7b084;
    content: "“";
    font-family: Helvetica;
    font-weight: bold;
    font-size: 45px;
    top: 0.2em;
    letter-spacing: -0.072em;
    line-height: 0;
    margin: 0px 5px 6px 0px; }
  #bloc-exergue h4:after {
    color: #c7b084;
    content: "”";
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16px;
    top: 0.2em;
    letter-spacing: -0.072em;
    line-height: 0; }

#bloc-exergue-date h3 {
  color: #000;
  font-family: 'Dala Floda Medium';
  font-size: 68px !important;
  text-align: center;
  margin-bottom: 0px !important; }
  #bloc-exergue-date h3:before {
    color: #c7b084;
    content: "“";
    font-family: Helvetica;
    font-weight: bold;
    font-size: 45px;
    top: 0.2em;
    letter-spacing: -0.072em;
    line-height: 0;
    margin: 0px 5px 6px 0px; }
  #bloc-exergue-date h4 {
    margin-top: 0px !important;
    color: #000;
    font-family: 'Dala Floda Medium';
    font-size: 20px !important;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px; }
  #bloc-exergue-date h4:after {
    color: #c7b084;
    content: "”";
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16px;
    top: 0.2em;
    letter-spacing: -0.072em;
    line-height: 0; }

.wpfm-icon-block {
  background-color: rgba(199, 176, 132, 1) !important; }

.wpfm-menu-name {
  background-color: rgba(199, 176, 132, 1) !important;
  height: 40px !important;
  color: #fff !important;
  text-decoration: none !important;
  display: block;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-transform: uppercase !important; }

.wpfm-template-4 ul li {
  margin-bottom: 0px !important; }
  .wpfm-template-4 ul li a {
    text-decoration: none !important; }

.wpfm-template-4 ul li .wpfm-menu-name {
  text-shadow: none !important; }
  .wpfm-template-4 ul li .wpfm-menu-name a:focus, .wpfm-template-4 ul li .wpfm-menu-name a:hover {
    text-decoration: none !important; }

.wpfm-template-4 .wpfm-position-right ul li a:hover, .wpfm-template-4 .wpfm-position-top-right ul li a:hover, .wpfm-template-4 .wpfm-position-bottom-right ul li a:hover {
  padding-right: 40px !important; }

.storelocator-panel .item {
  text-align: center !important;
  background-color: #f7f4ed !important; }
  .storelocator-panel .addr-sec {
    text-align: center !important;
    padding-left: 0px !important; }
    .storelocator-panel .addr-sec .p-title {
      font-family: 'Dala Floda Medium';
      font-size: 22px !important;
      color: #000 !important;
      text-align: center !important;
      padding-left: 0px !important;
      margin-bottom: 0px !important; }
    .storelocator-panel .addr-sec .p-area {
      text-align: center !important;
      font-size: 14px !important;
      color: #000 !important;
      padding-left: 0px !important; }
    .storelocator-panel .addr-sec .p-area:nth-child(2) {
      max-width: 100% !important; }
    .storelocator-panel .addr-sec .btn-store, .storelocator-panel .addr-sec .p-direction {
      width: 90px !important;
      text-align: center;
      padding: 25px !important;
      margin: auto !important;
      background-color: #fff;
      color: #c7b084;
      font-size: 14px !important;
      border: 1px #c7b084 solid; }
      .storelocator-panel .addr-sec .btn-store a, .storelocator-panel .addr-sec .p-direction a {
        font-size: 14px !important; }
    .storelocator-panel .addr-sec .p-direction {
      margin-top: 7px !important; }

#asl-storelocator.asl-p-cont.asl-bg-9 .item {
  background-color: #000 !important; }

#asl-storelocator.asl-p-cont .panel-inner .addr-sec .p-area {
  text-align: center !important;
  padding-left: 0px !important; }
  #asl-storelocator.asl-p-cont .panel-inner .addr-sec .p-area .glyphicon {
    display: none; }

#asl-storelocator.asl-p-cont .distance {
  display: none !important; }

#asl-storelocator.asl-p-cont.asl-bg-9 .item.highlighted {
  background-color: #c7b084 !important; }

.asl-p-cont a.action.directions {
  display: none !important; }

.asl-p-cont a.action.zoomhere {
  display: none !important; }

.parent-pageid-41 .et_post_meta_wrapper, .parent-pageid-41 .main_title {
  display: none; }

.container {
  padding: 0px !important; }

#main-content .container {
  padding-top: 0px !important;
  width: 100% !important;
  max-width: none !important; }
  #main-content .content-fixed-width {
    max-width: 750px !important;
    margin: auto !important; }
  #main-content #left-area {
    padding: 0px !important; }

#menu-millesime {
  width: 100% !important;
  background-color: #f7f4ed;
  margin-bottom: 40px; }
  #menu-millesime .row {
    max-width: 1100px !important;
    margin: auto; }

#header-millesime {
  background-image: url('/wp-content/uploads/2018/10/fond-header-millesime.gif');
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom: 100px; }
  #header-millesime .row {
    max-width: 1020px !important;
    margin: auto; }
  #header-millesime .header-millesime {
    padding: 30px;
    padding-top: 130px !important;
    padding-bottom: 10px !important;
    text-align: center;
    font-family: 'Dala Floda Medium';
    font-size: 38px;
    line-height: 32px; }
  #header-millesime .header-bouteille {
    text-align: center; }
  #header-millesime .header-texte-intro {
    padding: 30px;
    padding-top: 170px !important;
    font-family: 'Dala Floda Medium';
    font-size: 24px; }

#header-video {
  max-width: 1050px !important;
  margin: auto;
  margin-bottom: 75px; }
  #header-video h4 {
    text-align: center;
    font-size: 14px !important;
    margin-top: 40px !important; }

#header-subnav .row, #footer-nav .row {
  max-width: 1020px !important;
  margin: auto;
  text-align: center; }
  #header-subnav .row ul, #footer-nav .row ul {
    text-align: center;
    display: inline-table;
    list-style: none; }
    #header-subnav .row ul li, #footer-nav .row ul li {
      border-width: 1px !important;
      border-color: #c7b084;
      border-radius: 0px;
      font-size: 15px;
      padding-left: 2em;
      padding-right: 0.7em;
      background-color: #fff;
      float: left;
      padding: 10px;
      margin: 10px;
      border: 1px #c7b084 solid; }
    #header-subnav .row ul li:hover, #footer-nav .row ul li:hover {
      background-color: #c7b084; }
      #header-subnav .row ul li:hover a, #footer-nav .row ul li:hover a {
        color: #fff !important; }
  #header-subnav .btn-pdf, #footer-nav .btn-pdf {
    margin-left: 30px !important;
    background-color: #c7b084 !important; }
  #header-subnav .btn-pdf a, #footer-nav .btn-pdf a {
    color: #fff !important; }

#footer-nav .row {
  max-width: 850px !important;
  margin: auto;
  margin-bottom: 75px !important; }
  #footer-nav .row .btn {
    color: #c7b084 !important;
    border-width: 1px !important;
    border-color: #c7b084;
    border-radius: 0px;
    font-size: 15px;
    padding-left: 2em;
    padding-right: 0.7em;
    background-color: #fff;
    float: left;
    padding: 10px;
    margin: 30px;
    border: 1px #c7b084 solid; }
    #footer-nav .row .btn a {
      color: #c7b084 !important; }
  #footer-nav .row .btn:hover {
    background-color: #c7b084;
    color: #fff !important; }
  #footer-nav .row .suivant {
    float: right; }

#liste-interviews h2 {
  font-size: 25px !important;
  margin-bottom: 4px;
  padding-bottom: 0px;
  margin-top: 0px;
  font-family: 'Dala Floda Medium';
  text-align: left !important; }
  #liste-interviews h2 a {
    text-decoration: none; }
  #liste-interviews h3 {
    font-size: 13px !important;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
    text-align: left !important; }
  #liste-interviews h4 {
    font-size: 18px !important;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
    text-align: left !important; }
  #liste-interviews .intervenant {
    padding: 10px;
    background-color: #f7f4ed;
    min-height: 227px !important;
    margin-bottom: 30px !important; }
  #liste-interviews .vignette {
    padding-right: 0px !important; }
  #liste-interviews .citation {
    background-color: #f7f4ed;
    padding: 10px 20px;
    min-height: 160px; }
  #liste-interviews .citation h5 {
    font-size: 13px !important;
    line-height: 16px !important; }
  #liste-interviews .citation h5:before {
    color: #000;
    content: "“";
    font-family: Helvetica;
    font-weight: bold;
    font-size: 24px; }
  #liste-interviews .citation h5:after {
    color: #000;
    content: "”";
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16px;
    line-height: 0; }
  #liste-interviews .duree {
    margin-top: 5px; }
  #liste-interviews a {
    color: #000 !important; }

#interviews {
  max-width: 1200px !important;
  margin: auto;
  margin-top: 50px !important; }
  #interviews h2 {
    text-align: right;
    font-size: 20px !important;
    margin-bottom: 0px;
    padding-bottom: 0px; }
  #interviews h4 {
    text-align: right;
    font-size: 14px !important;
    padding-top: 0px;
    margin-top: 0px; }
  #interviews h3 {
    text-align: right;
    font-family: 'Dala Floda Medium';
    font-size: 28px; }
  #interviews .vignette {
    text-align: right; }
  #interviews .video {
    margin-bottom: 75px; }

.millesime {
  font-weight: 400 !important; }
  .millesime h1 {
    text-align: center;
    font-family: 'Dala Floda Medium';
    font-size: 44px; }
  .millesime h2 {
    margin-top: 30px !important;
    text-align: center;
    font-family: 'Dala Floda Medium';
    font-size: 44px; }
  .millesime h3 {
    margin-top: 30px;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400 !important;
    /*color: #958663;*/ }
  .millesime h4 {
    text-align: center;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 100; }
  .millesime .introduction {
    margin-bottom: 90px;
    line-height: 27px; }
  .millesime .introduction .texte {
    max-width: 700px !important;
    margin: auto !important;
    text-align: center;
    font-family: 'Dala Floda Medium';
    font-size: 24px;
    margin-bottom: 30px !important;
    color: #000; }
  .millesime .introduction .media {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    height: 320px;
    overflow: hidden; }
    .millesime .introduction .media img {
      width: 100%; }
  .millesime table {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }
  .millesime table thead, .millesime table th {
    font-weight: 200 !important; }
    .millesime table thead strong, .millesime table th strong {
      font-weight: 200 !important; }
  .millesime table tbody tr:nth-of-type(odd) {
    background-color: #ededed; }
  .millesime .conditions-climatiques, .millesime .particularite-millesime {
    margin-bottom: 40px; }
  .millesime .conditions-climatiques h2, .millesime .particularite-millesime h2 {
    text-align: center;
    font-family: 'Dala Floda Medium';
    font-size: 35px; }
  .millesime .conditions-climatiques .temperatures-precipitations .titre, .millesime .particularite-millesime .temperatures-precipitations .titre, .millesime .conditions-climatiques .regime-hydrique .titre, .millesime .particularite-millesime .regime-hydrique .titre, .millesime .conditions-climatiques .cycle-vigne .titre, .millesime .particularite-millesime .cycle-vigne .titre, .millesime .conditions-climatiques .assemblage .titre, .millesime .particularite-millesime .assemblage .titre, .millesime .conditions-climatiques .maturite-raisins .titre, .millesime .particularite-millesime .maturite-raisins .titre, .millesime .conditions-climatiques .vinification-elevage .titre, .millesime .particularite-millesime .vinification-elevage .titre {
    max-width: 550px;
    text-align: center;
    margin: auto;
    font-family: 'Roboto';
    font-weight: 100;
    color: #958663;
    line-height: 18px; }
    .millesime .conditions-climatiques .temperatures-precipitations .texte, .millesime .particularite-millesime .temperatures-precipitations .texte, .millesime .conditions-climatiques .regime-hydrique .texte, .millesime .particularite-millesime .regime-hydrique .texte, .millesime .conditions-climatiques .cycle-vigne .texte, .millesime .particularite-millesime .cycle-vigne .texte, .millesime .conditions-climatiques .assemblage .texte, .millesime .particularite-millesime .assemblage .texte, .millesime .conditions-climatiques .maturite-raisins .texte, .millesime .particularite-millesime .maturite-raisins .texte, .millesime .conditions-climatiques .vinification-elevage .texte, .millesime .particularite-millesime .vinification-elevage .texte {
      text-align: center; }
    .millesime .conditions-climatiques .temperatures-precipitations .graphique, .millesime .particularite-millesime .temperatures-precipitations .graphique, .millesime .conditions-climatiques .regime-hydrique .graphique, .millesime .particularite-millesime .regime-hydrique .graphique, .millesime .conditions-climatiques .cycle-vigne .graphique, .millesime .particularite-millesime .cycle-vigne .graphique, .millesime .conditions-climatiques .assemblage .graphique, .millesime .particularite-millesime .assemblage .graphique, .millesime .conditions-climatiques .maturite-raisins .graphique, .millesime .particularite-millesime .maturite-raisins .graphique, .millesime .conditions-climatiques .vinification-elevage .graphique, .millesime .particularite-millesime .vinification-elevage .graphique {
      text-align: center;
      max-width: 550px;
      margin: auto;
      margin-top: 50px !important;
      margin-bottom: 50px !important; }
      .millesime .conditions-climatiques .temperatures-precipitations .graphique .titre, .millesime .particularite-millesime .temperatures-precipitations .graphique .titre, .millesime .conditions-climatiques .regime-hydrique .graphique .titre, .millesime .particularite-millesime .regime-hydrique .graphique .titre, .millesime .conditions-climatiques .cycle-vigne .graphique .titre, .millesime .particularite-millesime .cycle-vigne .graphique .titre, .millesime .conditions-climatiques .assemblage .graphique .titre, .millesime .particularite-millesime .assemblage .graphique .titre, .millesime .conditions-climatiques .maturite-raisins .graphique .titre, .millesime .particularite-millesime .maturite-raisins .graphique .titre, .millesime .conditions-climatiques .vinification-elevage .graphique .titre, .millesime .particularite-millesime .vinification-elevage .graphique .titre {
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        padding: 3px;
        color: #000;
        display: inline; }
      .millesime .conditions-climatiques .temperatures-precipitations .graphique .media, .millesime .particularite-millesime .temperatures-precipitations .graphique .media, .millesime .conditions-climatiques .regime-hydrique .graphique .media, .millesime .particularite-millesime .regime-hydrique .graphique .media, .millesime .conditions-climatiques .cycle-vigne .graphique .media, .millesime .particularite-millesime .cycle-vigne .graphique .media, .millesime .conditions-climatiques .assemblage .graphique .media, .millesime .particularite-millesime .assemblage .graphique .media, .millesime .conditions-climatiques .maturite-raisins .graphique .media, .millesime .particularite-millesime .maturite-raisins .graphique .media, .millesime .conditions-climatiques .vinification-elevage .graphique .media, .millesime .particularite-millesime .vinification-elevage .graphique .media {
        text-align: center; }
        .millesime .conditions-climatiques .temperatures-precipitations .graphique .media img, .millesime .particularite-millesime .temperatures-precipitations .graphique .media img, .millesime .conditions-climatiques .regime-hydrique .graphique .media img, .millesime .particularite-millesime .regime-hydrique .graphique .media img, .millesime .conditions-climatiques .cycle-vigne .graphique .media img, .millesime .particularite-millesime .cycle-vigne .graphique .media img, .millesime .conditions-climatiques .assemblage .graphique .media img, .millesime .particularite-millesime .assemblage .graphique .media img, .millesime .conditions-climatiques .maturite-raisins .graphique .media img, .millesime .particularite-millesime .maturite-raisins .graphique .media img, .millesime .conditions-climatiques .vinification-elevage .graphique .media img, .millesime .particularite-millesime .vinification-elevage .graphique .media img {
          max-width: 100%; }
      .millesime .conditions-climatiques .temperatures-precipitations .contenu p, .millesime .particularite-millesime .temperatures-precipitations .contenu p, .millesime .conditions-climatiques .regime-hydrique .contenu p, .millesime .particularite-millesime .regime-hydrique .contenu p, .millesime .conditions-climatiques .cycle-vigne .contenu p, .millesime .particularite-millesime .cycle-vigne .contenu p, .millesime .conditions-climatiques .assemblage .contenu p, .millesime .particularite-millesime .assemblage .contenu p, .millesime .conditions-climatiques .maturite-raisins .contenu p, .millesime .particularite-millesime .maturite-raisins .contenu p, .millesime .conditions-climatiques .vinification-elevage .contenu p, .millesime .particularite-millesime .vinification-elevage .contenu p {
        text-align: justify;
        font-size: 14px;
        line-height: 20px; }
  .millesime .conditions-climatiques .temperatures-precipitations .contenu p, .millesime .particularite-millesime .temperatures-precipitations .contenu p, .millesime .conditions-climatiques .regime-hydrique .contenu p, .millesime .particularite-millesime .regime-hydrique .contenu p, .millesime .conditions-climatiques .cycle-vigne .contenu p, .millesime .particularite-millesime .cycle-vigne .contenu p, .millesime .conditions-climatiques .assemblage .contenu p, .millesime .particularite-millesime .assemblage .contenu p, .millesime .conditions-climatiques .vinification-elevage .contenu p, .millesime .particularite-millesime .vinification-elevage .contenu p {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 40px;
    /* Firefox */
    column-gap: 40px; }

.degustation h2 {
  margin-top: 100px !important; }
/* ------------------------------------------------------------------------ */
#menu-millesime {
  padding-top: 15px;
  padding-bottom: 15px;
  /* Style The Dropdown Button */
  /* The container <div> - needed to position the dropdown content */
  /* Dropdown Content (Hidden by Default) */
  /* Links inside the dropdown */
  /* Change color of dropdown links on hover */
  /* Show the dropdown menu on hover */
  /* Change the background color of the dropdown button when the dropdown content is shown */ }
  #menu-millesime .content-fixed-width {
    max-width: 950px !important; }
  #menu-millesime h3 {
    font-size: 13px !important;
    font-family: 'Roboto';
    text-transform: uppercase; }
  #menu-millesime .dropbtn {
    background-color: white;
    color: black;
    padding: 5px;
    font-size: 16px;
    min-width: 160px;
    border: none;
    cursor: pointer;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    font-family: 'Dala Floda Medium';
    font-size: 20px; }
  #menu-millesime .dropdown {
    position: relative;
    display: inline-block; }
  #menu-millesime .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    font-family: 'Dala Floda Medium';
    font-size: 20px;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    height: 120px;
    overflow-y: scroll;
    margin-top: -10px; }
  #menu-millesime .dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
    text-align: center; }
  #menu-millesime .dropdown-content a:hover {
    background-color: #f1f1f1; }
  #menu-millesime .dropdown:hover .dropdown-content {
    display: block; }
  #menu-millesime .dropdown:hover .dropbtn {
    background-color: #dedede; }
/* ------------------------------------------------------------------------ */
#recherche_pays_livraison {
  background-color: #f1f0e7;
  padding: 0px !important;
  padding-top: 20px !important;
  margin: 0px !important;
  text-align: center;
  width: 100% !important; }
  #recherche_pays_livraison .frm_forms {
    padding-top: 15px !important;
    width: 300px !important;
    margin: auto !important; }
  #recherche_pays_livraison .frm_forms .frm_fields_container {
    border: 1px #c7b084 solid !important;
    border-radius: 3px !important;
    height: 34px !important; }
  #recherche_pays_livraison select {
    background-color: #fff !important; }

.revendeurs-web {
  margin-top: 40px !important;
  max-width: 1100px !important; }
  .revendeurs-web .revendeur-web {
    margin-bottom: 60px !important; }
  .revendeurs-web .revendeur-web .image {
    height: 100px;
    overflow: hidden;
    text-align: center;
    color: #dedede;
    font-size: 20px !important; }
    .revendeurs-web .revendeur-web .image img {
      width: 65%; }
  .revendeurs-web .revendeur-web .lien {
    text-align: center;
    padding: 10px !important; }
  .revendeurs-web .revendeur-web a {
    color: #000 !important; }

.post-1448 .frm_pagination_cont {
  text-align: center; }
  .post-1448 .frm_pagination_cont li {
    background-color: #f1f0e7;
    padding: 5px 10px !important;
    font-size: 14px !important; }
    .post-1448 .frm_pagination_cont li.active {
      background-color: #000; }
      .post-1448 .frm_pagination_cont li.active a {
        color: #fff !important; }
  .post-1448 .frm_pagination_cont li:hover {
    background-color: #000; }
    .post-1448 .frm_pagination_cont li:hover a {
      color: #fff !important; }
/* ------------------------------------------------------------------------ */
.only-for-pdf, .pdf {
  display: none; }
/* Large Devices, Wide Screens */
/* ------------------------------------------------------------------------ */
/* Medium Devices, Desktops */
/* ------------------------------------------------------------------------ */
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #main-content .content-fixed-width {
    padding-left: 20px;
    padding-right: 20px; }

  .millesime .conditions-climatiques .temperatures-precipitations .contenu p, .millesime .particularite-millesime .temperatures-precipitations .contenu p, .millesime .conditions-climatiques .regime-hydrique .contenu p, .millesime .particularite-millesime .regime-hydrique .contenu p, .millesime .conditions-climatiques .cycle-vigne .contenu p, .millesime .particularite-millesime .cycle-vigne .contenu p, .millesime .conditions-climatiques .assemblage .contenu p, .millesime .particularite-millesime .assemblage .contenu p, .millesime .conditions-climatiques .vinification-elevage .contenu p, .millesime .particularite-millesime .vinification-elevage .contenu p {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1; }

  .et_header_style_split #logo {
    max-width: 70%;
    max-height: 294px; }

  #main-header {
    padding: 0px !important;
    margin: 0px !important; }
    #main-header .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
      background: #c7b084;
      color: #fff;
      position: absolute;
      z-index: 1000 !important;
      margin-top: -100px;
      margin-left: -40px;
      padding: 8px !important;
      font-size: 14px !important;
      text-transform: uppercase; }

  #menu-millesime {
    text-align: center !important;
    padding-bottom: 40px !important; }
    #menu-millesime .col-xs-12 {
      width: 100% !important;
      padding: 0px !important;
      margin: 0px !important; }
    #menu-millesime img {
      display: none !important; }
    #menu-millesime h3 {
      margin-bottom: 0px !important; }
    #menu-millesime .dropdown-content {
      margin-top: 1px !important; }

  .header-bouteille, .header-millesime {
    font-size: 24px !important; }
    .header-bouteille img, .header-millesime img {
      width: 39% !important; }

  h2 {
    font-size: 28px !important; }

  #header-subnav .row ul li {
    clear: both !important;
    text-align: center !important; }

  #liste-interviews .intervenant {
    min-height: 162px !important; }

  .et_pb_slider_1.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title {
    font-size: 24px !important; }

  .et_pb_slide_title {
    font-size: 24px !important; }

  #interviews .col-md-12 {
    padding: 0px !important; }
    #interviews .col-xs-5 {
      padding: 0px !important; }

  .et_pb_row {
    padding-top: 0px !important;
    width: 100% !important; }

  .et_pb_column {
    width: 100% !important;
    margin-bottom: 10px; }
    .et_pb_column .et_pb_module {
      margin-left: 20px !important;
      margin-right: 20px !important; }
    .et_pb_column .et_pb_slider {
      margin-left: 0px !important;
      margin-right: 0px !important; }

  #ou-sommes-nous .et_pb_text, #ou-sommes-nous .et_pb_text_2, #ou-sommes-nous .et_pb_text_3, #ou-sommes-nous .et_pb_text_4, #ou-sommes-nous .et_pb_text_5, #ou-sommes-nous .et_pb_text_6, #ou-sommes-nous .et_pb_text_7, #ou-sommes-nous .et_pb_row_9 {
    padding-left: 0px !important; }
    #ou-sommes-nous .et_pb_text .et_pb_text_inner, #ou-sommes-nous .et_pb_text_2 .et_pb_text_inner, #ou-sommes-nous .et_pb_text_3 .et_pb_text_inner, #ou-sommes-nous .et_pb_text_4 .et_pb_text_inner, #ou-sommes-nous .et_pb_text_5 .et_pb_text_inner, #ou-sommes-nous .et_pb_text_6 .et_pb_text_inner, #ou-sommes-nous .et_pb_text_7 .et_pb_text_inner, #ou-sommes-nous .et_pb_row_9 .et_pb_text_inner {
      margin-left: 10px !important; }
      #ou-sommes-nous .et_pb_text .et_pb_text_inner h3, #ou-sommes-nous .et_pb_text_2 .et_pb_text_inner h3, #ou-sommes-nous .et_pb_text_3 .et_pb_text_inner h3, #ou-sommes-nous .et_pb_text_4 .et_pb_text_inner h3, #ou-sommes-nous .et_pb_text_5 .et_pb_text_inner h3, #ou-sommes-nous .et_pb_text_6 .et_pb_text_inner h3, #ou-sommes-nous .et_pb_text_7 .et_pb_text_inner h3, #ou-sommes-nous .et_pb_row_9 .et_pb_text_inner h3 {
        font-size: 30px !important; }
    #ou-sommes-nous .et_pb_map {
      height: 360px !important; }

  #header-millesime {
    background: none !important; }
    #header-millesime .col-xs-12 {
      padding-left: 0px !important;
      padding-right: 0px !important; }

  #header-millesime .header-texte-intro {
    padding: 0px !important;
    padding-top: 50px !important; }

  #header-millesime, #header-video {
    margin-bottom: 30px !important; }

  .wpfm-floating-wh-wrapper {
    display: none !important; }

  #footer-nav .row .btn {
    font-size: 12px !important;
    margin: 0px !important;
    margin-top: 30px !important; } }
/* ------------------------------------------------------------------------ */
.aswal2-container.aswal2-in {
  display: none; }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  #interviews .et_pb_module {
    margin-right: 0px !important;
    margin-left: 0px !important; }

  .page-id-2686 .et_pb_slide_0, .page-id-1232 .et_pb_slide_0 {
    background-position-x: -850px !important; }

  .page-id-1304 .et_pb_section, .page-id-1757 .et_pb_section {
    background-position-x: 2500px !important;
    background-image: none !important;
    padding-top: 0px !important;
    color: #000 !important; }
    .page-id-1304 .et_pb_section span, .page-id-1757 .et_pb_section span {
      color: #000 !important; }
    .page-id-1304 .et_pb_text_inner, .page-id-1757 .et_pb_text_inner {
      color: #000 !important; }

  #et-footer-nav {
    padding-top: 20px !important;
    padding-bottom: 40px !important; }
    #et-footer-nav .ubermenu-responsive-toggle {
      display: none; }
    #et-footer-nav .ubermenu-responsive-default.ubermenu-responsive {
      visibility: visible !important;
      min-height: 180px !important;
      display: block; }
    #et-footer-nav .ubermenu-target {
      padding: 7px !important; }
    #et-footer-nav .ubermenu-main {
      display: block !important;
      height: 240px !important; }
    #et-footer-nav .ubermenu-main li {
      text-align: center !important; }

  #footer-bottom {
    padding: 0px !important; }

  #header-interviews .et_pb_slide_0 {
    background-position-x: -400px !important; }

  .et_builder_inner_content #menu-millesime {
    display: none; }

  #menu-millesime {
    background-color: #fff !important;
    margin-bottom: 0px !important;
    padding-bottom: 30px !important; }

  #header-millesime .header-millesime {
    padding-top: 30px !important; }

  #header-subnav ul {
    width: 100% !important; }
    #header-subnav ul li {
      margin: -1px !important;
      width: 100% !important;
      text-align: center !important; }
      #header-subnav ul li.btn-pdf {
        margin: 0px !important; }

  #quel-type-de-revendeur h3 {
    font-size: 22px !important; }
    #quel-type-de-revendeur .et_pb_button {
      margin-bottom: 20px !important; }

  .ubermenu .ubermenu-submenu {
    background-color: #fff !important;
    padding: 10px 20px 10px 20px !important; }

  .ubermenu-submenu {
    background-color: #fff !important; }
    .ubermenu-submenu .ubermenu-target-text {
      padding-top: 10px !important;
      padding-left: 0px !important; }

  #main-content .content-fixed-width {
    padding-left: 20px;
    padding-right: 20px; }

  .millesime .temperatures-precipitations .contenu {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1; } }