@charset "UTF-8";
/* CSS Document */
/* FONTS */
@font-face { font-family: 'Inter'; src: url("../lib/fonts/Inter-Regular.woff2") format("woff2"), url("../lib/fonts/Inter-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

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

@font-face { font-family: 'icomoon'; src: url("../lib/fonts/icomoon.eot?w723"); src: url("../lib/fonts/icomoon.eot?w723#iefix") format("embedded-opentype"), url("../lib/fonts/icomoon.woff2?w723") format("woff2"), url("../lib/fonts/icomoon.ttf?w723") format("truetype"), url("../lib/fonts/icomoon.woff?w723") format("woff"), url("../lib/fonts/icomoon.svg?w723#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-vague:before { content: "\e911"; }

.icon-logo:before { content: "\e906"; }

.icon-tel:before { content: "\e902"; }

.icon-web:before { content: "\e903"; }

.icon-fleche-rond:before { content: "\e904"; }

.icon-plus-rond .path1:before { content: "\e912"; color: white; }

.icon-plus-rond .path2:before { content: "\e913"; margin-left: -1em; color: #8b6e46; }

.icon-fleche:before { content: "\e905"; }

.icon-mail:before { content: "\e907"; }

.icon-pin:before { content: "\e908"; }

.icon-compte:before { content: "\e909"; }

.icon-caddie:before { content: "\e90a"; }

.icon-twitter .path1:before { content: "\e90b"; color: #8b6e46; }

.icon-twitter .path2:before { content: "\e90c"; margin-left: -1em; color: white; }

.icon-linkedin .path1:before { content: "\e90d"; color: #8b6e46; }

.icon-linkedin .path2:before { content: "\e90e"; margin-left: -1em; color: white; }

.icon-facebook .path1:before { content: "\e90f"; color: #8b6e46; }

.icon-facebook .path2:before { content: "\e910"; margin-left: -1em; color: white; }

.icon-lelixir .path1:before { content: "\e900"; color: #263f57; }

.icon-lelixir .path2:before { content: "\e901"; margin-left: -2.021484375em; color: #00aaff; }

/* VARIABLES */
* { outline: none; margin: 0; padding: 0; box-sizing: border-box; }

html { -webkit-text-size-adjust: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.7; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }

h1 { font-size: 280%; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2; color: #866947; margin: 0 0 4%; }

h2 { font-size: 180%; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2; color: #866947; margin: 0 0 2%; }

h3 { font-size: 140%; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; color: #866947; margin: 0 0 2%; }

h4 { font-size: 110%; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; }

ul { list-style-type: disc; margin: 0; }

p { margin: 15px 0; }

strong { font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-weight: normal; }

a { transition: color 0.8s ease, background 0.8s ease; text-decoration: none; color: #866947; }

a:hover { transition: color 0.2s ease, background 0.2s ease; }

a:hover { color: #baa68e; }

img { max-width: 100%; height: auto; width: auto; display: block; border: none; }

::-moz-selection { color: #fff; background: #866947; }

::selection { color: #fff; background: #866947; }

::-moz-selection { color: #fff; background: #866947; }

#dl-menu { display: none; }

@media print { * { background: none !important; background-color: white !important; } }

@media screen and (max-width: 1980px) { /*jaune*/ #test { background: #f4c90c; } }

@media screen and (max-width: 1260px) { /*rouge*/ #test { background: #F00; } body { font-size: 1.2vw; } #dl-menu { display: flex; } #main_nav { display: none; } }

@media screen and (max-width: 1024px) { /*vert*/ #test { background: #0F0; } body { font-size: 1.4vw; } }

@media screen and (max-width: 768px) { /*Rose*/ #test { background: #F0F; } body { font-size: 2vw; } }

@media screen and (max-width: 480px) { /*Turquoise*/ #test { background: #1631f7; } body { font-size: 3vw; } }

/*SELECT LANGUE*/
#lang { display: flex; margin: 0; list-style-type: none; }

#lang a { display: block; padding: 5px; color: #866947; text-transform: uppercase; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-size: 12px; }

#lang a.menu_actif { color: #000; }

#baronnieHeader { position: fixed; top: 0; right: 0; left: 0; z-index: 100; background: #fff; overflow: hidden; }

#baronnieHeader .wrap { display: flex; justify-content: space-between; align-items: center; padding: 10px 2%; }

.wrap-logo { display: flex; align-items: center; }

.icon-logo { text-align: center; font-size: 50px; margin: 0 auto; color: #866947; display: inline-block; }

@media screen and (max-width: 768px) { .icon-logo { font-size: 30px; } }

@media screen and (max-width: 480px) { .icon-logo { font-size: 20px; } }

/*NAVIGATION*/
#topBaronnie .main-nav { width: 100%; margin: 0 auto; }

#topBaronnie .main-nav ul { list-style-type: none; }

#topBaronnie .main-nav li { width: 100%; }

#topBaronnie .main-nav li a { line-height: 1; display: flex; align-items: center; padding: 2% 0; color: #866947; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-size: 300%; }

@media screen and (max-width: 1260px) { #topBaronnie .main-nav li a { font-size: 200%; } }

@media screen and (max-width: 768px) { #topBaronnie .main-nav li a { font-size: 180%; } }

#topBaronnie .main-nav li a span { font-size: 8%; opacity: 0; padding-right: 20px; transition: all 0.8s ease; }

#topBaronnie .main-nav li a .tobecome { font-size: 40%; opacity: 1; padding: 15px 15px 0 15px; }

#topBaronnie .main-nav li a:hover, #topBaronnie .main-nav li a.menu_actif { color: #fff; }

#topBaronnie .main-nav li a:hover span, #topBaronnie .main-nav li a.menu_actif span { opacity: 1; transition: all 0.2s ease; color: #fff; }

#overlay { position: fixed; z-index: 100; top: -200%; bottom: 0; width: 100%; max-height: 100%; overflow: hidden; background: #f5f5f5; transition: all 0.4s  ease; transition: all 0.2s  linear; background-color: rgba(0, 0, 0, 0.9); }

#overlay .overall { display: flex; width: 100%; height: 100%; }

#overlay .overall aside p { color: #fff !important; }

#overlay aside { width: 40%; padding: 6%; }

#overlay aside h2, #overlay aside h3 { color: #866947; }

#overlay aside a { color: #fff; }

#overlay .main-nav { width: 60%; padding: 4% 0 0; display: flex; flex-direction: column; }

#overlay .main-nav ul { flex: 1 1 auto; }

#overlay #cepe { position: relative; right: -20px; margin-left: auto; }

#overlay .wrap { display: none; padding: 0; max-width: inherit; height: 100%; }

#overlay .social { margin: 8% 0 0; }

#overlay .social .icon .path1::before { color: #866947; }

@media screen and (max-width: 480px) { #overlay .overall { flex-direction: column-reverse; height: auto; } #overlay aside { width: 100%; } #overlay .main-nav { width: 100%; padding: 6% 6% 0; } #overlay #cepe { display: none; } }

html.open { overflow-y: hidden; }

html.open #overlay { top: 0; bottom: 0; left: 0; right: 0; transition: all 0.2s ease; overflow-y: scroll; overflow-x: hidden; }

html.open #overlay .wrap { display: block; }

html.open #nav-icon span:nth-child(1) { top: 18px; width: 0%; left: 50%; }

html.open #nav-icon span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

html.open #nav-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

html.open #nav-icon span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

html.open .menu { position: relative; z-index: 1000; }

.menu-baronnie { width: auto; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.menu-baronnie p { margin: 0 10px 0 0; color: #866947; text-transform: lowercase; font-size: 12px; }

#nav-icon { width: 30px; height: 22px; margin: 0; display: inline-block; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: .5s ease-in-out; }

@media screen and (max-width: 480px) { #nav-icon { width: 20px; height: 20px; } }

#nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #866947; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: .25s ease-in-out; }

#nav-icon span:nth-child(1) { top: 0px; }

@media screen and (max-width: 480px) { #nav-icon span:nth-child(1) { top: 4px; } }

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 10px; }

#nav-icon span:nth-child(4) { top: 20px; }

@media screen and (max-width: 480px) { #nav-icon span:nth-child(4) { top: 15px; } }

footer { background: #866947; color: #fff; }

footer h2, footer h3 { color: #000; margin: 0 0 8%; }

footer h3 { margin: 0 0 4%; }

footer .social { margin: 12% 0; }

footer .cols { display: flex; }

footer .cols .col1 { width: 40%; }

footer .cols .col2 { width: 60%; }

footer .icon-lelixir { font-size: 200%; }

footer .icon-lelixir span:before { transition: color 0.8s ease, background 0.8s ease; }

footer .icon-lelixir span:before:hover { transition: color 0.2s ease, background 0.2s ease; }

footer .icon-lelixir .path1::before, footer .icon-lelixir .path2::before { color: #f4f1ec; }

footer .icon-lelixir:hover span:before { color: #baa68e; }

/* FORMULAIRES */
.contact-form h1 { color: #000; }

.contact-form textarea { height: 190px; resize: none; }

.contact-form input[type="text"], .contact-form input[type="number"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form input[type="date"], .contact-form textarea, .contact-form select { width: 100%; padding: 8px; font-size: 100%; font-family: "Inter", Arial, Helvetica, sans-serif; color: white; border: 1px solid #baa68e; background: #866947; outline: none; transition: background 0.2s ease; }

.contact-form input[type="text"]:hover, .contact-form input[type="number"]:hover, .contact-form input[type="tel"]:hover, .contact-form input[type="email"]:hover, .contact-form input[type="password"]:hover, .contact-form input[type="date"]:hover, .contact-form textarea:hover, .contact-form select:hover { background: #896c49; }

.contact-form input[type="text"]:focus, .contact-form input[type="number"]:focus, .contact-form input[type="tel"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="password"]:focus, .contact-form input[type="date"]:focus, .contact-form textarea:focus, .contact-form select:focus { background: #896c49; }

.contact-form input[type="submit"] { font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; cursor: pointer; transition: background .3s ease; }

.contact-form input[type="submit"]:hover { color: white; }

.contact-form input[type="submit"]:disabled { cursor: not-allowed; }

.contact-form input.error, .contact-form textarea.error, .contact-form select.error { border: 1px solid #f4f1ec; color: #fff; }

.contact-form label { display: block; width: 100%; clear: both; color: #baa68e; }

.contact-form .error-box { float: right; }

.contact-form .error-box label { display: inline; color: #fff; }

.contact-form .input-valid { text-align: right; }

.contact-form .input-valid input[type=submit] { border: 1px solid #baa68e; display: inline-block; width: inherit; text-align: center; cursor: pointer; padding: 8px 20px; display: inline-flex; align-items: center; color: white; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-size: 140%; background: #866947; transition: background 0.3s ease; }

.contact-form .input-valid input[type=submit]:hover { background: #8d6e4b; }

.contact-form #special { display: none; }

.contact-concours input[type="text"], .contact-concours input[type="number"], .contact-concours input[type="tel"], .contact-concours input[type="email"], .contact-concours input[type="password"], .contact-concours input[type="date"], .contact-concours textarea, .contact-concours select { color: #866947; border: 0; border-bottom: 1px solid #baa68e; background: #f8f6f2; transition: background .2s; }

.contact-concours input[type="text"]:hover, .contact-concours input[type="number"]:hover, .contact-concours input[type="tel"]:hover, .contact-concours input[type="email"]:hover, .contact-concours input[type="password"]:hover, .contact-concours input[type="date"]:hover, .contact-concours textarea:hover, .contact-concours select:hover { background: #f5f1ec; }

.contact-concours input[type="text"]:focus, .contact-concours input[type="number"]:focus, .contact-concours input[type="tel"]:focus, .contact-concours input[type="email"]:focus, .contact-concours input[type="password"]:focus, .contact-concours input[type="date"]:focus, .contact-concours textarea:focus, .contact-concours select:focus { background: #f5f1ec; }

.contact-concours .error-box label { color: #866947; }

.contact-concours fieldset.question { display: flex; justify-content: space-evenly; border: 1px solid #baa68e; padding: 15px 10px 30px 10px; margin-bottom: 50px; }

.contact-concours fieldset.question div { text-align: center; }

.contact-concours fieldset.question label { font-size: 1.4em; }

.contact-concours fieldset.question legend { font-size: 1.6em; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; color: #866947; text-align: center; padding: 8px; margin: auto; }

.contact-concours .conditions { margin: 40px 0 30px 0; font-size: 90%; }

#map { height: 500px; width: 100%; z-index: 1; }

#map .osm-icon { font-size: 40px; cursor: pointer; position: relative; -webkit-animation: bounce 0.3s linear 6 alternate; animation: bounce 0.3s linear 6 alternate; }

#map .leaflet-control-attribution.leaflet-control { display: none; }

@-webkit-keyframes bounce { from { top: 0; }
  to { top: -15px; } }

@keyframes bounce { from { top: 0; }
  to { top: -15px; } }

/* STRUCTURE */
.wrap { margin: 0 auto; max-width: 1280px; padding: 6% 2%; }

@media screen and (max-width: 768px) { .wrap { padding: 6%; } }

.cols { display: flex; }

.cols .col1, .cols .col2 { width: 50%; }

.header { position: relative; height: 40vh; width: 100%; background-size: cover; background-position: center; }

.header-1 { height: 70vh; }

@media screen and (max-width: 1260px) { .header { height: 30vh; } .header-1 { height: 30vh; } }

.spacer { position: absolute; bottom: -1px; width: 100%; }

.content-vague { display: flex; }

.content-vague .icon-vague { font-size: 20%; margin: 25px 15px 25px 0; color: #866947; display: inline-block; }

.subtitle { font-size: 20%; margin: 0 0 25px; color: #866947; display: inline-block; }

.btn { margin: 25px 0; }

.btn a { cursor: pointer; padding: 8px 20px; border: 1px solid #866947; display: inline-flex; align-items: center; color: #866947; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; font-size: 140%; }

.btn a:hover { background: #866947; color: #fff; }

.btn span { margin: 0 0 0 10px; font-size: 140%; }

.social { list-style: none; display: flex; margin: 2% 0; }

.social .icon { font-size: 160%; margin-right: 10px; }

.social .icon .path1::before { color: #000; }

section.erreur { text-align: center; }

.icon-toTop { display: none; position: fixed; }

.icon-toTop:before { color: #fff; font-size: 260%; cursor: pointer; z-index: 100; position: fixed; bottom: 10px; right: 10px; }

.pdf { margin: 0; }

.pdf li { margin: 2% 0 0; }

.pdf .size { font-size: 60%; color: #000; }

.pdf p { font-size: 60%; margin: 5px 0 0; }

.pagination a, .pagination span { display: inline-block; text-align: center; margin: 0 3px; padding: 3px 8px; }

.pagination .points { padding: 0; }

.pagination a { background: #000; color: #fff; }

.pagination a:hover { background: #ccc; color: #000; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.charte { overflow: hidden; }

.charte article { margin: 0 auto; padding: 0 0 0 2%; max-width: 1280px; display: flex; flex-direction: row-reverse; }

.charte .txt { width: 50%; height: 100%; display: flex; padding: 0 6% 0 2%; flex-direction: column; justify-content: center; }

.charte figure { width: 50%; background-size: cover; background-position: center center; }

.charte #cepe { position: absolute; bottom: -20%; right: -20px; width: 60%; }

@media screen and (max-width: 768px) { .charte article { flex-direction: column; padding: 0; } .charte .txt { width: 100%; padding: 6%; } .charte figure { width: 100%; } .charte #cepe { display: none; } }

.charte .part-1 { position: relative; padding: 0 0 0; }

.charte .part-1 .content-vague { background: #fff; position: relative; left: 0%; width: 150%; padding: 4%; z-index: 2; }

.charte .part-1 figure { margin: 0 12% 0 12%; }

.charte .part-1 .txt { padding: 0 0 16% 0; }

@media screen and (max-width: 768px) { .charte .part-1 .txt { width: 100%; padding: 6%; } .charte .part-1 figure { width: 100%; height: 450px; margin: 0; } .charte .part-1 .content-vague { width: 100%; padding: 0; } }

@media screen and (max-width: 480px) { .charte .part-1 figure { height: 250px; } }

.charte .part-2 { background: #f4f1ec; margin: -2% 0 0; }

.charte .part-2 article { flex-direction: row; }

.charte .part-2 .txt { padding: 18% 6% 6% 0; }

.charte .part-2 .content-vague { background: #f4f1ec; margin-left: -60px; position: relative; z-index: 1; padding: 1% 4% 4%; }

.charte .part-2 h2 { margin-left: 35px; }

.charte .part-2 .multiple { position: relative; }

.charte .part-2 .multiple img:nth-of-type(1) { position: absolute; width: 50%; left: 0; right: 0; margin: 8% auto 0; }

.charte .part-2 .multiple img:nth-of-type(2) { margin: 20% 0 0; }

@media screen and (max-width: 768px) { .charte .part-2 article { flex-direction: column; } .charte .part-2 .txt { padding: 6% 6% 20%; } .charte .part-2 .content-vague { margin: 0; z-index: 1; padding: 0; } .charte .part-2 h2 { margin: 0; } }

.charte .part-3 .txt { padding: 6% 8% 6% 0; }

.charte .part-3 .multiple { position: relative; }

.charte .part-3 .multiple img:nth-of-type(1) { position: absolute; width: 50%; left: 0; right: 0; margin: -12% auto 0; }

.charte .part-3 .multiple img:nth-of-type(2) { margin: 0% 0 0; }

@media screen and (max-width: 768px) { .charte .part-3 .txt { padding: 6%; } }

.charte ul { list-style: none; }

.charte ul li { margin: 0 0  2% 4%; }

.charte ul li::before { content: "\2022"; color: #866947; font-weight: bold; display: inline-block; width: 1.5em; margin-left: -1.5em; }

.intro { background: url(/webimages/dezaley.svg) no-repeat; background-size: contain; }

.intro .content { margin: 0 0 0 50%; }

@media screen and (max-width: 768px) { .intro { background: none; } .intro .content { margin: 0; } }

.home-news-list { background: #f4f1ec; }

.home-news-list article { display: flex; }

.home-news-list figure { width: 60%; }

.home-news-list .txt { width: 40%; }

.home-news-list .content-vague .icon-vague { position: relative; z-index: 1; margin: 15px 15px 25px -15px; }

.home-news-list h3 { margin: 0 0 15px 30px; }

.home-news-list .texte { background: #f4f1ec; margin: 0 0 0 -20%; z-index: 10; position: relative; padding: 4%; width: 100%; }

@media screen and (max-width: 768px) { .home-news-list article { flex-direction: column; } .home-news-list figure { width: 100%; } .home-news-list .txt { width: 100%; } .home-news-list .content-vague .icon-vague { margin: 15px 15px 25px 0; } .home-news-list h3 { margin: 15px 0; } .home-news-list .texte { margin: 0; padding: 0 4% 4%; } }

.home-prod-slide article { transition: all 0.5s ease; -webkit-transform: scale(0.8); transform: scale(0.8); padding: 0 6%; }

.home-prod-slide .content-vague { margin: -25px 0 0 20%; position: relative; z-index: 100; }

.home-prod-slide .content-vague .icon-vague { margin: 45px 15px 25px 0; }

.home-prod-slide .content-vague h2 { padding: 12% 6% 0; background: #fff; width: 100%; position: relative; z-index: 100; }

.home-prod-slide .txt { transition: all 0.5s ease; opacity: 0; position: relative; z-index: 100; }

.home-prod-slide .slick-current article { transition: all 0.5s ease; -webkit-transform: scale(1); transform: scale(1); }

.home-prod-slide .slick-current .txt { transition: all 0.5s ease; opacity: 1; }

.home-vignoble { background: #f4f1ec; }

.home-vignoble .flex { display: flex; }

.home-vignoble figure { width: 50%; }

.home-vignoble .content { width: 50%; margin: 0; padding: 6%; }

@media screen and (max-width: 768px) { .home-vignoble .flex { flex-direction: column; } .home-vignoble figure { width: 100%; } .home-vignoble .content { width: 100%; padding: 4% 0 0; } }

#news article { width: 50%; margin: 4% auto; background: #ccc; }

.concours h1 { text-align: center; }

.producteurs-list { display: flex; flex-wrap: wrap; list-style-type: none; margin: 4% 0 0; }

.producteurs-list li { width: 33.33%; display: flex; align-items: center; margin: 10px 0; }

.producteurs-list li:hover span, .producteurs-list li.active span { background: #866947; transition: all 0.2s ease; color: #fff; }

.producteurs-list span { transition: all 0.7s ease; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: none; color: #866947; border-radius: 100%; border: 1px solid #866947; margin: 0 10px 0 0; cursor: pointer; font-family: "PlayfairDisplay", Arial, Helvetica, sans-serif; }

@media screen and (max-width: 768px) { .producteurs-list li { width: 50%; } }

@media screen and (max-width: 480px) { .producteurs-list li { width: 100%; } }

.producteurs-slide { background: #f4f1ec; margin: 120px 0 -120px; }

.producteurs-slide .slick-slider { -webkit-transform: translate(0, -120px); transform: translate(0, -120px); }

.producteurs-slide .slide { max-width: 1280px; }

.producteurs-slide .flex { display: flex; }

.producteurs-slide .titre { width: 20%; display: flex; justify-content: center; }

.producteurs-slide .content-vague { margin: 75px 0 0 8%; max-width: 180px; }

.producteurs-slide h2 { line-height: 1.4; margin: 3px 0 0; }

.producteurs-slide .img { width: 50%; position: relative; }

.producteurs-slide .btl { position: absolute; width: 40%; left: 10%; top: 16%; }

.producteurs-slide .portrait { width: 70%; margin-left: auto; }

.producteurs-slide .info-box { width: 30%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 11; }

.producteurs-slide .info-box .wrap { max-width: inherit; padding: 6% 8%; margin: 0 0 20% -20%; background: #f4f1ec; }

.producteurs-slide .info-box .bullet { display: flex; align-items: center; margin: 0 0 15px; }

.producteurs-slide .info-box span { color: #866947; font-size: 140%; margin-right: 15px; }

.producteurs-slide .info-box p { margin: 0; }

.producteurs-slide .txt { width: 80%; padding: 8% 0 0 36%; }

.producteurs-slide .txt strong { color: #866947; font-size: 120%; }

@media screen and (max-width: 768px) { .producteurs-slide .flex { flex-wrap: wrap; } .producteurs-slide .titre { width: 100%; } .producteurs-slide .txt { padding: 8% 6%; width: 100%; } .producteurs-slide .img { width: 70%; } .producteurs-slide .content-vague { margin: 0; max-width: 100%; } }

@media screen and (max-width: 480px) { .producteurs-slide h1 { font-size: 180%; } .producteurs-slide .content-vague .icon-vague { margin: 15px 15px 25px 0; } }

.vignoble article { margin: 0 auto; max-width: 1280px; display: flex; flex-direction: row-reverse; }

.vignoble .txt { width: 50%; height: 100%; display: flex; padding: 6% 6% 6% 2%; flex-direction: column; justify-content: center; }

.vignoble figure { width: 50%; background-size: cover; background-position: center center; }

@media screen and (max-width: 768px) { .vignoble article { flex-direction: column; } .vignoble .txt { width: 100%; padding: 6%; } .vignoble figure { width: 100%; } }

.vignoble .part-1 figure { display: flex; align-items: flex-end; position: relative; z-index: 1; }

.vignoble .part-1 figure img { margin: 0 0 -4% 0; }

.vignoble .part-2 article { flex-direction: row; }

.vignoble .part-2 .txt { padding: 6% 6% 6% 0; background: #f4f1ec; }

.vignoble .part-2 .content-vague { background: #f4f1ec; margin-left: -30px; position: relative; z-index: 1; padding: 1% 4%; }

.vignoble .part-2 h2 { margin-left: 35px; }

@media screen and (max-width: 768px) { .vignoble .part-2 article { flex-direction: column; } .vignoble .part-2 .txt { padding: 6%; } .vignoble .part-2 h2 { margin: 0; } .vignoble .part-2 figure { height: 450px; } .vignoble .part-2 .content-vague { margin: 0; padding: 0; } }

.vignoble .part-3 { background: #866947; }

.vignoble .part-3 .txt { padding: 6% 0 6% 22%; }

.vignoble .part-3 h2, .vignoble .part-3 .icon-vague { color: #fff; }

.vignoble .part-3 figure { background-size: contain; background-repeat: no-repeat; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); position: relative; z-index: 1; }

@media screen and (max-width: 768px) { .vignoble .part-3 .txt { padding: 6%; } .vignoble .part-3 figure { height: 450px; } }

.vignoble .part-4 article { flex-direction: row; }

@media screen and (max-width: 768px) { .vignoble .part-4 article { flex-direction: column; } .vignoble .part-4 figure { height: 450px; } }

.vignoble .part-5 { background: #f4f1ec; }

.vignoble .part-5 h2 { margin: 0 0 0 20%; }

.vignoble .part-5 .content-vague { background: #f4f1ec; position: relative; z-index: 1; right: -20%; }

@media screen and (max-width: 768px) { .vignoble .part-5 article { flex-direction: column; } .vignoble .part-5 figure { height: 450px; } .vignoble .part-5 .content-vague { right: 0; } .vignoble .part-5 h2 { margin: 0; } }

.vignoble ul { list-style: none; }

.vignoble ul li::before { content: "\2022"; color: #866947; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

.dl-trigger { display: flex; flex-direction: row-reverse; align-items: center; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; margin: 0 0 10px; pointer-events: auto; }

.dl-trigger div { position: relative; width: 45px; height: 30px; flex: 1; margin-bottom: 5px; }

.dl-trigger h2 { color: #000; font-size: 16px; text-transform: uppercase; padding: 0 10px; margin: 0; }

.dl-trigger span { display: block; position: absolute; height: 6px; width: 100%; background: #d3531a; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: .25s ease-in-out; }

.dl-trigger span:nth-child(1) { top: 0px; }

.dl-trigger span:nth-child(2), .dl-trigger span:nth-child(3) { top: 14px; }

.dl-trigger span:nth-child(4) { top: 28px; }

.dl-trigger.dl-active span:nth-child(1) { top: 14px; width: 0%; left: 50%; }

.dl-trigger.dl-active span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.dl-trigger.dl-active span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.dl-trigger.dl-active span:nth-child(4) { top: 14px; width: 0%; left: 50%; }

.dl-menuwrapper { display: flex; flex-direction: column; align-items: flex-end; width: 100%; max-width: 300px; position: absolute; top: 10px; right: 10px; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; pointer-events: none; z-index: 100000; }

.dl-menuwrapper ul { background: #aaa; padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; overflow: hidden; }

.dl-menuwrapper li { position: relative; }

.dl-menuwrapper li a { display: block; position: relative; text-align: left; z-index: 1000; padding: 15px; font-size: 14px; line-height: 1; color: #fff; outline: none; }

.dl-menuwrapper li a span { font-size: 40%; vertical-align: middle; }

.dl-menuwrapper li a:hover, .dl-menuwrapper li a.menu_actif { background: #999; color: #ccc; }

.dl-menuwrapper li.dl-back > a { background: #000; color: #fff; }

.dl-menuwrapper li.dl-back > a:hover { background: #000; color: #fff; }

.dl-menuwrapper .dl-menu { width: 100%; margin: 0; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; margin: 0; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; }

.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 45px; left: 0; margin: 0; }

/* ===[ Animation classes for moving out and in ]=== */
.dl-menu.dl-animate-out { -webkit-animation: MenuAnimOut 0.3s ease-in-out; animation: MenuAnimOut 0.3s ease-in-out; }

.dl-menu.dl-animate-in { -webkit-animation: MenuAnimIn 0.3s ease-in-out; animation: MenuAnimIn 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-in { -webkit-animation: SubMenuAnimIn 0.3s ease-in-out; animation: SubMenuAnimIn 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-out { -webkit-animation: SubMenuAnimOut 0.3s ease-in-out; animation: SubMenuAnimOut 0.3s ease-in-out; }

@-webkit-keyframes MenuAnimIn { 0% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@keyframes MenuAnimIn { 0% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes MenuAnimOut { 0% { }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 0; } }

@keyframes MenuAnimOut { 0% { }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 0; } }

@-webkit-keyframes SubMenuAnimIn { 0% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@keyframes SubMenuAnimIn { 0% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes SubMenuAnimOut { 0% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; }
  100% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; } }

@keyframes SubMenuAnimOut { 0% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; }
  100% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; } }

body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { box-sizing: border-box; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }

/* Caption */
.fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

@supports (padding: 0px) { .fancybox-caption { padding: 75px 44px, env(safe-area-inset-right) 25px, env(safe-area-inset-bottom) 44px, env(safe-area-inset-left); } }

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */
.fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: 0px) { .fancybox-caption { padding-left: 12px, env(safe-area-inset-left); padding-right: 12px, env(safe-area-inset-right); } } }

/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }

/* Thumbs */
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus::before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

/* required styles */
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; }

.leaflet-container { overflow: hidden; }

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; }

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection { background: transparent; }
.leaflet-tile::selection { background: transparent; }

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; }

.leaflet-marker-icon, .leaflet-marker-shadow { display: block; }

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; }

.leaflet-container.leaflet-touch-zoom { touch-action: pan-x pan-y; }

.leaflet-container.leaflet-touch-drag { /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; }

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { touch-action: none; }

.leaflet-container { -webkit-tap-highlight-color: transparent; }

.leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }

.leaflet-tile { -webkit-filter: inherit; filter: inherit; visibility: hidden; }

.leaflet-tile-loaded { visibility: inherit; }

.leaflet-zoom-box { width: 0; height: 0; box-sizing: border-box; z-index: 800; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg { -moz-user-select: none; }

.leaflet-pane { z-index: 400; }

.leaflet-tile-pane { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane { z-index: 500; }

.leaflet-marker-pane { z-index: 600; }

.leaflet-tooltip-pane { z-index: 650; }

.leaflet-popup-pane { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg { z-index: 200; }

.leaflet-vml-shape { width: 1px; height: 1px; }

.lvml { behavior: url(#default#VML); display: inline-block; position: absolute; }

/* control positioning */
.leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; }

.leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }

.leaflet-top { top: 0; }

.leaflet-right { right: 0; }

.leaflet-bottom { bottom: 0; }

.leaflet-left { left: 0; }

.leaflet-control { float: left; clear: both; }

.leaflet-right .leaflet-control { float: right; }

.leaflet-top .leaflet-control { margin-top: 10px; }

.leaflet-bottom .leaflet-control { margin-bottom: 10px; }

.leaflet-left .leaflet-control { margin-left: 10px; }

.leaflet-right .leaflet-control { margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile { will-change: opacity; }

.leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }

.leaflet-zoom-animated { -webkit-transform-origin: 0 0; transform-origin: 0 0; }

.leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; }

.leaflet-zoom-anim .leaflet-zoom-animated { transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }

/* cursors */
.leaflet-interactive { cursor: pointer; }

.leaflet-grab { cursor: grab; }

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; }

.leaflet-popup-pane, .leaflet-control { cursor: auto; }

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: grabbing; }

/* marker & overlays interactivity */
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; }

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; }

/* visual tweaks */
.leaflet-container { background: #ddd; outline: 0; }

.leaflet-container a { color: #0078A8; }

.leaflet-container a.leaflet-active { outline: 2px solid orange; }

.leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; }

.leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; }

.leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; }

.leaflet-bar a:hover { background-color: #f4f4f4; }

.leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; }

.leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; }

.leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; }

.leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }

.leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

/* zoom control */
.leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; }

/* layers control */
.leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; }

.leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; }

.leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; }

.leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; }

.leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; }

.leaflet-control-layers label { display: block; }

.leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; }

/* Default icon URLs */
.leaflet-default-icon-path { background-image: url(images/marker-icon.png); }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; }

.leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; }

.leaflet-control-attribution a { text-decoration: none; }

.leaflet-control-attribution a:hover { text-decoration: underline; }

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; }

.leaflet-left .leaflet-control-scale { margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; }

.leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; }

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; }

/* popup */
.leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }

.leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; }

.leaflet-popup-content { margin: 13px 19px; line-height: 1.4; }

.leaflet-popup-content p { margin: 18px 0; }

.leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; }

.leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover { color: #999; }

.leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; }

.leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; }

/* div icon */
.leaflet-div-icon { background: #fff; border: 1px solid #666; }

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; }

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; }

/* Directions */
.leaflet-tooltip-bottom { margin-top: 6px; }

.leaflet-tooltip-top { margin-top: -6px; }

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; }

.leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; }

.leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; }

.leaflet-tooltip-left { margin-left: -6px; }

.leaflet-tooltip-right { margin-left: 6px; }

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; }

.leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; }

.leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

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

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("/lib/plugins/slick/fonts/slick.eot"); src: url("/lib/plugins/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/lib/plugins/slick/fonts/slick.woff") format("woff"), url("/lib/plugins/slick/fonts/slick.ttf") format("truetype"), url("/lib/plugins/slick/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.pop-message { padding: 44px; border-radius: 5px; }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { background: #000; }

.fancybox-button svg { color: #fff; }

.fancybox-content h2 { padding: 4% 0; color: #000; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { display: none; }

.slick-dotted.slick-slider { margin: 0 auto; }

.slick-slider .slick-arrow { position: absolute; z-index: 10; display: block; cursor: pointer; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; color: #866947; font-size: 340%; }

@media screen and (max-width: 1980px) { .slick-slider .slick-arrow { display: none !important; } }

.slick-slider .slick-arrow.next { left: -60px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 30%; transform-origin: 50% 30%; }

.slick-slider .slick-arrow.prev { right: -60px; }

.slick-slider .slick-dots { position: relative; bottom: inherit; padding: 25px 0; }

.slick-slider .slick-dots li { background: #f4f1ec; border-radius: 100%; width: 8px; height: 8px; margin: 0 3px; }

.slick-slider .slick-dots li button { display: none; }

.slick-slider .slick-dots .slick-active { background: #866947; }

.home-news-list .slick-slider .slick-dots li, .producteurs-slide .slick-slider .slick-dots li { background: #fff; }

.home-news-list .slick-slider .slick-dots .slick-active, .producteurs-slide .slick-slider .slick-dots .slick-active { background: #866947; }