/*
Theme Name: Webdev - Cognac
Theme URI: https://www.label-agence.fr/
Description: Child theme for the label-agence - V2 theme
Author: label-agence
Author URI: https://www.label-agence.fr/
Template: label-agence
Version: 1.3
*/
/*
font-family: 'Oswald', sans-serif;
300,400,700
font-family: 'EB Garamond', serif;
400,500,700,800
*/
/***********/
/** RESET **/
/***********/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,#content .swiper-wrapper .vc-cognac-slider-content-img
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{
background: transparent;
border: 0 none;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline; }
/************/
/** STYLES **/
/************/
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
/* Pour le scroll */
html, body{ height: 100%; }
body{ overflow: auto; }
.mCSB_inside > .mCSB_container{ margin: 0 !important; }
.mCSB_scrollTools.mCS-body-scroll{ /*opacity: 0 !important;*/ z-index: 999; }
/* Site-wide properties ======================================================== */
body{ font: normal normal 16px/12px 'EB Garamond', serif; line-height:1.2em; background:#fff; color:#000; font-weight: 400; }
/* Fibonacci based heading scale ratio */
h1,h2,h3,h4,h5,h6{ clear: both; padding:0 0 0.2em; font-family: 'Oswald', sans-serif; line-height:1.5em; }
h1{ font-size: 2.5em; line-height:1em; font-weight: 700; margin:0 0 0.5em; color: #B43C26; }
h2{ font-size: 2em; line-height:1em; font-weight: 500; margin:0 0 1em; color: #B43C26; }
h3{ font-size: 1.5em; line-height:1em; font-weight: 500; margin:0 0 0.5em; }
h3.content-title { font-size: 2em; line-height:1em; font-weight: 500; margin:0 0 1em; color: #B43C26; }
h4{ font-size: 1em; line-height:1.5em; font-weight: 700; margin:0 0 0.5em; }
h5{ font-size: 0.8em; line-height:1.2em; font-weight: 700; margin:0 0 0.5em; }
h6{ font-size: 0.6em; line-height:1.4em; font-weight: 700; margin:0 0 0.5em; }
p{ margin:0 0 1.5em; line-height:1.5em; }
ul, ol{ margin: 0 0 1.5em 2.5em; }
ul{ list-style: square; }
ol{ list-style-type: decimal; }
ol ol{ list-style: upper-alpha; }
ol ol ol{ list-style: lower-roman; }
ol ol ol ol{ list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul{ margin-bottom: 0; }
dl{ margin: 0 1.5em; }
dt{ font-weight: 500; }
dd{ margin-bottom: 1.5em; }
strong{ font-weight: 700; }
cite, em, i{ font-style: italic; }
blockquote{ font-family: 'EB Garamond', serif; font-style: italic; font-weight: 500; margin: 0 3em; }
blockquote em, blockquote i, blockquote cite{ font-style: normal; }
blockquote cite{ color: #666; font: 12px 'EB Garamond', serif; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
pre{ background: #f4f4f4; font: 13px 'EB Garamond', serif; line-height: 1.5; margin-bottom: 1.5em; overflow: auto; padding: 0.75em 1.5em; }
code, kbd{ font: 13px 'EB Garamond', serif; }
abbr, acronym, dfn{ border-bottom: 1px dotted #666; cursor: help; }
address{ display: block; margin: 0 0 1.5em; }
ins{ background: #fff9c0; text-decoration: none; }
sup, sub{ font-size: 0.5em; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup{ bottom: 0.8em; }
sub{ top: 0; }
/* Forms */
select, input[type=text], input[type=password], textarea{ background: #fafafa; border: none; border-bottom: 1px solid #ddd; color: #bbb; font-family: 'Oswald', sans-serif; font-size:13px; line-height: 1em; font-weight: 400; }
select:focus, input[type=text]:focus, textarea:focus{ color: #000; }
textarea{ padding:3px; width:98%; resize:vertical; }
select{ padding:2px; }
input[type=text]{ padding:3px; }
input#s{ padding:1px 10px 1px 24px; background:#fff url(images/search.png) 3px center no-repeat; font-size:13px; line-height: 1em; font-weight: 400; }
input#s:focus{ color:#000; }
label#s-label{ display:none; }
input#searchsubmit{ display:none; }
/* Skin Select */
body .selectric-wrapper{ z-index: 1; }
body .selectric,
body .selectric-open .selectric,
body .selectric-hover .selectric,
body .selectric-ocus .selectric{ background: #fff; border: 1px solid #ddd; }
body .selectric .label{ height: 38px; font-size: 1em; line-height: 38px; color: inherit; }
body .selectric .button{ width: 38px; height: 38px; font-size: 1.3em; line-height: 48px; background: #fff; color: #000; }
body .selectric .button::after{ display: none; }
body .selectric-wrapper .selectric-items{ background: #fff; border: 1px solid #ddd; border-top: none; box-shadow: none; }
body .selectric-wrapper .selectric-items ul{ margin: 0; padding: 0; font-size: 1em; }
body .selectric-wrapper .selectric-items ul li.last,
body .selectric-wrapper .selectric-items ul li{ height: 38px; font-size: 1em; line-height: 38px; color: inherit; }
body .selectric-wrapper .selectric-items ul li.selected{}
body .selectric-wrapper .selectric-items ul li.highlighted{ background: #F4F4F4; }
body .selectric-wrapper .selectric-items ul li:hover{ background: #F4F4F4; }
/* Buttons */
input[type=button],
input[type=submit] { margin:3px 2px 5px 0; padding:2px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(0,0,0,0.4); font: normal 14px 'EB Garamond', serif; background-image: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2)); background-image: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2)); -webkit-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; -moz-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; background-color: #eee; color: #33333D; text-shadow: white 0px 1px 0px; cursor: pointer; text-align:center; }
input[type=button]:hover,
input[type=submit]:hover,
input[type=button]:active,
input[type=submit]:active { background-color:#333; color:#fff; text-shadow: none; }
.envoyer {
text-align: center;
}
input[type=submit].btn-envoi { margin:3px 2px 5px 0; padding:1em 1.2em; border: 0px solid rgba(0,0,0,0.4); font: normal 16px 'Oswald', serif; background-color: #B43C26; color: #fff; cursor: pointer; text-align:center; text-transform: uppercase;}
/* Links */
a{ color:#000; text-decoration: none; }
a:focus ,a:active, a:hover{ color:#000; text-decoration: underline; }
a:focus{ color:#000; text-decoration: none; }
/* Link sur les listes (homepage/archives/categories) */
.vignette-content-link{ float: left; width: 100%; background: #fff; cursor: pointer; }
/* Images */
.entry-content img, .entry-summary img, .comment-content img, .widget img{ width:inherit; /*IE8*/ max-width:100%; }
img[class*="align"], img[class*="wp-image-"]{ height: auto; }
img.size-full{ max-width:100%; width: auto; }
.entry-content img.wp-smiley{ border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
img.alignleft, img.alignright, img.aligncenter{ margin-bottom:1.5em; }
p img, .wp-caption{ margin-top: 0; }
.wp-caption{ position: relative; background: none; margin-bottom: 1.5em; max-width: 100%; padding: 0; }
.wp-caption.alignleft,
.wp-caption.alignright{ width:auto !important; }
.wp-caption img{ display:block; margin:0 auto; max-width:100%; }
.wp-caption.alignnone{ margin: 0 0 1.5em; }
.wp-caption.alignnone img{ margin: 0; }
.wp-caption.alignnone p.wp-caption-text{ margin: 0; text-align: left; }
.wp-caption.alignleft{ margin: 0 1.5em 0 0; }
.wp-caption.alignleft img{ margin: 0; }
.wp-caption.alignleft p.wp-caption-text{ margin: 0; text-align: right; }
.wp-caption.alignright{ margin: 0 0 0 1.5em; }
.wp-caption.alignright img{ margin: 0; }
.wp-caption.alignright p.wp-caption-text{ margin: 0; text-align: left; }
.wp-caption.aligncenter{ margin: 0 auto 1.5em; }
.wp-caption.aligncenter img{ margin: 0 auto; }
.wp-caption.aligncenter p.wp-caption-text{ margin: 0; text-align: center; }
.wp-caption p.wp-caption-text{ position: relative; display: block; left: inherit; right: inherit; bottom: inherit; margin: 0; padding: 0.5em; background: none; text-align: left; color: #000; font-family: 'EB Garamond', serif;; font-size: 0.8em; line-height: 1em; font-weight: 200; font-style: italic; }
.gallery-caption{ color:#fff; font-family:'EB Garamond', serif; font-size:1em; }
.wp-caption .wp-caption-text:before{}
#content .gallery{ margin: 0 auto 1.5em; }
#content .gallery a img{ border: none; }
img#wpstats{ display: block; margin: 0 auto 1.5em; }
/* ??
#content .gallery-columns-4 .gallery-item{ width: 23%; padding-right: 2%; }
#content .gallery-columns-4 .gallery-item img{ width: 100%; height: auto; }
*/
/* Image borders */
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img{}
.wp-caption img{ border:none; background:none; }
a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img{ background:none; border:none; }
.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img{ background:none; border:none; }
/* Reusable classes ============================================================ */
/* Alignment */
.alignleft{ display: inline; float: left; margin-right: 1.5em; }
.alignright{ display: inline; float: right; margin-left: 1.5em; }
.aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto; }
.left{ float: left; }
.right{ float: right; }
/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 0; }
/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{ padding-right: 5%; width: 28.3% }
.quarter li{ padding-right: 5%; width: 20% }
.fifth li{ padding-right: 5%; width: 15% }
/* For when a <br /> just ain't enough */
.separator{ clear: both; float: left; height: 1px; width: 100%; }
/* Basic Structure ============================================================= */
#wrap{ margin: 0 auto; position: relative; max-width: 1800px; max-width: none; }
/* Header */
header{
float: left;
width: 100%;
background:#fff;
}
/* Content */
section#content{
float: left;
width: 70%;
min-height: 150px;
background:#fff;
}
section#content.fullPage{
width:100%;
}
section#content .inside{
overflow:hidden;
padding-bottom:0;
}
article{
float: left;
width: 100%;
background:#fff;
margin:0;
}
/* Sidebar */
aside{
float: left;
width: 30%;
background-color:#69C;
}
/* Footer */
footer{
float: left;
width: 100%;
background:#fff;
}
/* Project specifics =========================================================== */
/************/
/** POPUP **/
/************/
.popup-c-overlay {
position:fixed;
top: 0;
left: 0;
right: 0;
bottom:0;
background-color: rgb(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
z-index: 200;
}
.popup-c{
background-color: white;
width: 70%;
max-width: 600px;
padding: 30px 30px 0 30px;
border-radius: 10px;
text-align: center;
box-shadow: 0 0.125rem 0.25rem rgba(57,57,57,.1);
}
.popup-c h5 {
font-weight: 400;
line-height:1.5;
}
.popup-c a {
color: #B43C26;
}
@media only screen and (max-width:780px){
.popup-c p {
font-size: 12px !important;
}
}
/************/
/** HEADER **/
/************/
header.top-site{ position:relative; min-width:320px; background:#fff; }
/* Default (menu) */
header.top-site .inside{ overflow:hidden; max-width:1280px; margin:0 auto; padding-bottom: 0; box-sizing: border-box; border-bottom: 1px solid #F5F5F5; }
header.top-site .header-logo{ position: relative; text-align: center; z-index: 110; }
header.top-site img{ max-width: 195px; height: auto; margin: 4em 0 1.5em; }
body.home header.top-site img{ max-width: 195px; }
header.top-site h1{ position: absolute; bottom: 1.5em; left: 3em; right: 3em; max-width: 1280px; margin: 0 auto; padding: 0 0.5em; font-family: 'EB Garamond', serif; color: #fff; font-weight: 400; font-style: italic; box-sizing: border-box; z-index: 1; }
header.top-site h1 span.parent-title{ display: block; margin: 0 0 0.2em; padding: 0 0.5em; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 0.5em; line-height: 1.1em; font-style: normal; text-transform: uppercase; }
header.top-site h1 span.main-title{ display: block; font-size: 1.5em; line-height: 1.1em; }
/* Exception post type cocktail */
body.single-cocktail header.top-site h1 span.main-title{ max-width: 370px; }
/* Page particuliere (TPL homepage) (menu) */
body.page-template-tpl_homepage .inside{ border: none; }
/* Categories (menu) */
body.category .inside{ border: none; }
/* Article (menu) */
body.single-post .inside{ border: none; }
#content .inside-header-single{ position: relative; overflow: inherit !important; max-width: 1250px; min-height: 480px; max-height: 600px; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: 100%; }
#content .inside-header-single .inside-header-single-date{ position: absolute; top: 1em; left: -1em; width: 150px; padding: 1em 1em 1.5em; background: #B43C26; text-align: center; box-sizing: border-box; }
/* Cas d'une seule date pour evenement */
#content .inside-header-single .inside-header-single-date span{ display: block; color: #F6D2A2; font-family: 'Oswald', sans-serif; }
#content .inside-header-single .inside-header-single-date span.date-separator{ padding: 0 0 0 0.5em; color: #fff; }
#content .inside-header-single .inside-header-single-date span.date-num{ font-size: 3em; line-height: 1.1em; font-weight: 300; font-style: italic; }
#content .inside-header-single .inside-header-single-date span.date-month{ font-size: 1.5em; line-height: 1.1em; color: #fff; text-transform: uppercase; }
#content .inside-header-single .inside-header-single-date span.date-year{ font-size: 1.5em; line-height: 1.1em; }
/* Cas d'un intervale de date pour l'evenement */
#content .inside-header-single .inside-header-single-date.interval{ width: inherit; width: auto; padding: 1.5em 1em; text-align: left; }
#content .inside-header-single .inside-header-single-date-interval{ float: left; width: 100%; }
#content .inside-header-single .inside-header-single-date-interval span{ display: inline-block; }
#content .inside-header-single .inside-header-single-date-interval span.date-num{ font-family: 'EB Garamond', serif; font-size: 2em; line-height: 1em; font-style: italic; }
#content .inside-header-single .inside-header-single-date-interval span.date-month{ font-size: 1.3em; line-height: 1em; }
#content .inside-header-single .inside-header-single-date-interval span.date-year{ font-size: 1.3em; line-height: 1em; color: #fff; }
/* BNIC (menu) */
body.single-bnic .inside{ border: none; }
#content .inside-header-bnic{ position: relative; overflow: inherit !important; max-width: 1250px; min-height: 480px; max-height: 600px; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: 100%; }
/* Page de dernier niveau (page / cocktail / COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup{ position: relative; max-width: none; min-height: 600px; max-height: 600px; background-position: center center; background-repeat: no-repeat; background-size: 100%; border: none; }
header.top-site .inside-header-popup .header-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.2; z-index: 1; }
header.top-site .inside-header-popup video{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: 0; width: 100%; min-height: 600px; }
header.top-site .inside-header-popup .close-header-popup, .close-header-popup{ position: absolute; top: 0; right: 0; font-family: Arial, Helvetica Neue,Helvetica, sans-serif; z-index: 110; }
header.top-site .inside-header-popup .close-header-popup a, .close-header-popup a{ display: block; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; }
header.top-site .inside-header-popup .close-header-popup img{ margin: 0; }
/* Picto Video (pas active ds header.php) */
header.top-site .inside-header-popup .cognac-player-picto{ bottom: 5em; z-index: 2; }
header.top-site .inside-header-popup .cognac-player-picto img{ max-width: 20px; margin: 0 auto; }
/* Page de dernier niveau (LPDA) (pas de menu) */
header.top-site .inside-header-popup-lpda{ position: relative; max-width: none; min-height: 750px; max-height: 750px; background-position: center center; background-repeat: no-repeat; background-size: 100%; border: none; }
header.top-site .inside-header-popup-lpda .header-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.2; z-index: 1; }
header.top-site .inside-header-popup-lpda video{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: 0; width: 100%; min-height: 750px; }
header.top-site .inside-header-popup-lpda .header-logo{ position: relative; left: 0; z-index: 2; }
header.top-site .inside-header-popup-lpda .header-logo img{ margin: 1em 0 0 2em; max-width: 120px; }
header.top-site .inside-header-popup-lpda h1{ position: relative; overflow: hidden; top: inherit; left: inherit; right: inherit; bottom: inherit; margin: 1em auto 0; padding: 0 0.8em; text-align: center; font-style: normal; }
header.top-site .inside-header-popup-lpda h1 span.main-title{ margin: 0 0 0.2em; font-size: 1.4em; text-transform: uppercase; letter-spacing: 10px; }
header.top-site .inside-header-popup-lpda h1 span.under-title{ display: block; margin: 0 0 0.5em; font-size: 0.65em; }
header.top-site .inside-header-popup-lpda h1 span.under-title sup{ bottom: 0; margin: 0 0.2em; font-size: 1em; }
header.top-site .inside-header-popup-lpda h1 span.separator-title{ position: absolute; bottom: 0; left: 0; right: 0; width: 70px; margin: 0 auto; border-top: 1px solid #F4843A; }
header.top-site .inside-header-popup-lpda .header-date{ position: relative; width: 100%; max-width: 120px; margin: 5em auto 0; padding: 0.8em 0.5em; border: 1px solid #F4843A; z-index: 1; box-sizing: border-box; }
header.top-site .inside-header-popup-lpda .header-date span{ display: block; text-align: center; color: #F4843A; font-size: 1.6em; line-height: 1.2em; text-transform: uppercase; }
header.top-site .inside-header-popup-lpda .header-lpda-content{ position: relative; overflow: hidden; width: 100%; max-width: 850px; margin: 3em auto 1.5em; padding: 0; z-index: 1; box-sizing: border-box; }
header.top-site .inside-header-popup-lpda .header-lpda-content-left{ float: left; width: 20%; box-sizing: border-box; }
header.top-site .inside-header-popup-lpda .header-lpda-content-left img{ display: block; margin: 0 auto; }
header.top-site .inside-header-popup-lpda .header-lpda-content-middle{ position: relative; float: left; width: 60%; padding: 1.5em 1.5em 0; font-family: 'Oswald', sans-serif; font-size: 1.2em; font-weight: 300; text-align: center; color: #fff; box-sizing: border-box; }
header.top-site .inside-header-popup-lpda .header-lpda-content-middle p{}
header.top-site .inside-header-popup-lpda .header-lpda-content-middle strong{ font-weight: 500; text-transform: uppercase; }
header.top-site .inside-header-popup-lpda .header-lpda-content-right{ float: left; width: 20%; box-sizing: border-box; }
header.top-site .inside-header-popup-lpda .header-lpda-content-right .vc-cognac-btn-wrap{ margin: 2em 0 0; }
header.top-site .inside-header-popup-lpda .header-lpda-content-right .vc-cognac-btn-content{ text-align: center; }
header.top-site .inside-header-popup-lpda .header-lpda-content-right span.knowMoreLPDA a{ padding: 1em 2em; }
/* Page de dernier niveau (VITIDURABLE) (pas de menu) */
header.top-site .inside-header-popup-vitidurable{ max-width: none; min-height: 600px; max-height: 600px; margin: 0 0 3em; background-position: center center; background-repeat: no-repeat; background-size: 100%; border: none; }
header.top-site .inside-header-popup-vitidurable .header-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 3em; background: #000; opacity: 0.2; z-index: 1; }
header.top-site .video-header-popup-vitidurable{ position: absolute; overflow: hidden; loat: left; width: 100%; height: 600px; }
header.top-site .inside-header-popup-vitidurable video{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: 0; /*width: 100%;*/ min-height: 600px; }
header.top-site .inside-header-popup-vitidurable .header-logo{ position: absolute; left: 0; z-index: 2; }
header.top-site .inside-header-popup-vitidurable .header-logo img{ margin: 1em 0 0 2em; max-width: 120px; }
header.top-site .inside-header-popup-vitidurable h1{ position: relative; overflow: hidden; top: inherit; left: inherit; right: inherit; bottom: inherit; margin: 0.7em auto 0; padding: 0 0.8em; font-family: 'Oswald', sans-serif; text-align: center; font-style: normal; }
header.top-site .inside-header-popup-vitidurable h1 span.main-title{ margin: 0 0 0.2em; font-size: 0.6em; font-weight: 200; text-transform: uppercase; }
header.top-site .inside-header-popup-vitidurable div.certif span.main-title{ position: relative; overflow: hidden; top: inherit; left: inherit; right: inherit; bottom: inherit;padding: 1em 0.8em; margin: 0.7em auto 0; font-size: 1.5em; font-weight: 200; text-transform: uppercase; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content{ position: relative; overflow: hidden; width: 100%; max-width: 800px; margin: 6em auto 0; padding: 0; z-index: 1; box-sizing: border-box; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content-left{ position: relative; float: left; width: 70%; padding: 0 0.5em; font-family: 'Oswald', sans-serif; font-size: 3.3em; font-weight: 400; text-align: center; color: #fff; box-sizing: border-box; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content-left p{ margin: 0; line-height: 1.2em; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content-left h1.viti{ margin: 0; line-height: 1.2em; width:100%;max-width:800px;font-size:0.9em;}
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content-left strong{ font-weight: 500; text-transform: uppercase; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content-middle{ float: left; width: 30%; box-sizing: border-box; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content-middle img{ display: block; /* max-width: 150px;*/ margin: 0 auto; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-cadre{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; max-width: 900px; margin: 0 auto; padding: 0; z-index: 1; box-sizing: border-box; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-cadre-content{ float: right; max-width: 450px; padding: 3em; background: #B43C24; box-sizing: border-box; }
header.top-site .inside-header-popup-vitidurable span{ display: block; font-family: 'Oswald', sans-serif; color: #fff; text-align: center; text-transform: uppercase; }
header.top-site .inside-header-popup-vitidurable span.header-vitidurable-cadre1{ font-size: 2.8em; line-height: 1.2em; }
header.top-site .inside-header-popup-vitidurable span.header-vitidurable-cadre2{ font-size: 2.1em; line-height: 1.2em; font-weight: 300; }
/* Page de dernier niveau (CCC) (pas de menu) */
header.top-site .inside-header-popup-ccc{ max-width: none; min-height: 600px; max-height: 600px; margin: 0 0 3em; background-position: center center; background-repeat: no-repeat; background-size: 100%; border: none; }
header.top-site .inside-header-popup-ccc .header-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 3em; background: #000; opacity: 0.2; z-index: 1; }
header.top-site .video-header-popup-ccc{ position: absolute; overflow: hidden; loat: left; width: 100%; height: 600px; }
header.top-site .inside-header-popup-ccc video{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: 0; /*width: 100%;*/ min-height: 600px; }
header.top-site .inside-header-popup-ccc .header-logo{ position: absolute; left: 0; z-index: 2; }
header.top-site .inside-header-popup-ccc .header-logo img{ margin: 1em 0 0 2em; max-width: 120px; }
header.top-site .inside-header-popup-ccc h1{ position: relative; overflow: hidden; top: inherit; left: inherit; right: inherit; bottom: inherit; margin: 0.7em auto 0; padding: 0 4em; font-family: 'Oswald', sans-serif; text-align: center; font-style: normal; }
header.top-site .inside-header-popup-ccc h1 span.main-title{ margin: 0 0 0.2em; font-size: 1.5em; font-weight: 400; text-transform: none; }
header.top-site .inside-header-popup-ccc .header-ccc-content{ position: relative; overflow: hidden; width: 100%; max-width: 750px; margin: 3em auto 0; padding: 0; z-index: 1; box-sizing: border-box; }
header.top-site .inside-header-popup-ccc .header-ccc-content-left{ position: relative; float: left; width: 70%; min-height: 1px; padding: 0 0.5em; font-family: 'Oswald', sans-serif; font-size: 3.3em; font-weight: 400; text-align: center; color: #fff; box-sizing: border-box; }
header.top-site .inside-header-popup-ccc .header-ccc-content-left p{ margin: 0; line-height: 1.2em; }
header.top-site .inside-header-popup-ccc .header-ccc-content-left strong{ font-weight: 500; text-transform: uppercase; }
header.top-site .inside-header-popup-ccc .header-ccc-content-middle{ float: left; width: 30%; box-sizing: border-box; }
header.top-site .inside-header-popup-ccc .header-ccc-content-middle img{ display: block; max-width: 220px; margin: 0 auto; }
header.top-site .inside-header-popup-ccc .header-ccc-cadre{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; max-width: 900px; margin: 0 auto; padding: 0; z-index: 1; box-sizing: border-box; }
header.top-site .inside-header-popup-ccc .header-ccc-cadre-content{ float: right; max-width: 450px; padding: 2em 3em; background: #B43C24; box-sizing: border-box; }
header.top-site .inside-header-popup-ccc span{ display: block; font-family: 'Oswald', sans-serif; color: #fff; text-align: center; }
header.top-site .inside-header-popup-ccc span.header-ccc-cadre1{ margin: 0 0 0.2em; font-size: 2.8em; line-height: 1.2em; text-transform: uppercase; }
header.top-site .inside-header-popup-ccc span.header-ccc-cadre2{ margin: 0 0 0.5em; font-size: 2.1em; line-height: 1.2em; font-weight: 300; }
header.top-site .inside-header-popup-ccc span.header-ccc-cadre3{ padding: 0 0 0 3em; font-size: 2.1em; line-height: 1.2em; font-weight: 300; text-align: left; }
header.top-site .inside-header-popup-ccc span.header-ccc-cadre3 a{ font-size: 0.5em; color: #fff; font-weight: 400; text-decoration: none; text-transform: uppercase; }
header.top-site .inside-header-popup-ccc span.header-ccc-cadre3 a span{ display: inline-block; position: relative; bottom: 0.2em; margin-right: 1em; }
/* Page de dernier niveau (COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup-ambass{ max-width: none; min-height: 750px; max-height: 750px; margin: 0 0 3em; background-position: center center; background-repeat: no-repeat; background-size: 100%; border: none; }
header.top-site .inside-header-popup-ambass .header-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 3em; background: #000; opacity: 0.2; z-index: 1; }
header.top-site .video-header-popup-ambass{ position: absolute; overflow: hidden; loat: left; width: 100%; height: 750px; }
header.top-site .inside-header-popup-ambass video{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: 0; /*width: 100%;*/ min-height: 750px; }
header.top-site .inside-header-popup-ambass .header-logo{ position: absolute; left: 0; z-index: 2; }
header.top-site .inside-header-popup-ambass .header-logo img{ margin: 1em 0 0 2em; max-width: 120px; }
header.top-site .inside-header-popup-ambass h1{ position: relative; overflow: hidden; top: inherit; left: inherit; right: inherit; bottom: inherit; margin: 0.7em auto 0; padding: 0 4em; font-family: 'Oswald', sans-serif; text-align: center; font-style: normal; }
header.top-site .inside-header-popup-ambass h1 span.main-title{ margin: 0 0 0.2em; font-size: 1.5em; font-weight: 400; text-transform: none; }
header.top-site .inside-header-popup-ambass .header-ambass-content{ position: relative; width: 100%; max-width: 1000px; margin: 3em auto 0; padding: 0 2em; z-index: 1; box-sizing: border-box; }
header.top-site .inside-header-popup-ambass .header-ambass-content form{ float: left; width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
header.top-site .inside-header-popup-ambass .header-ambass-content ul{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
header.top-site .inside-header-popup-ambass .header-ambass-content li{ float: left; margin: 0 0 1em; padding: 0 0.5em; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; box-sizing: border-box; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-search-li{ width: 40%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-localisation-li{ width: 25%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-category-li{ width: 25%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-submit-li{ width: 10%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-submit-li input{ display: none; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-submit-li a{ display: block; width: 56px; height: 56px; margin: 1px 0 0; background: #181818 url("images/recherche-blanc.svg") center center no-repeat; cursor: pointer; }
header.top-site .inside-header-popup-ambass .header-ambass-content input::placeholder,
header.top-site .inside-header-popup-ambass .header-ambass-content input{ width: 100%; background: none; font-family: 'Oswald', sans-serif; font-size: 1em; line-height: 50px; font-weight: 400; color: #fff; text-align: center; text-transform: uppercase; border: 1px solid #fff; box-sizing: border-box; }
header.top-site .inside-header-popup-ambass .header-ambass-content input::placeholder{ font-weight: 200; border: none; }
header.top-site .inside-header-popup-ambass .header-ambass-content select{}
header.top-site .inside-header-popup-ambass .selectric,
header.top-site .inside-header-popup-ambass .selectric-open .selectric,
header.top-site .inside-header-popup-ambass .selectric-hover .selectric,
header.top-site .inside-header-popup-ambass .selectric-ocus .selectric{ background: none; }
header.top-site .inside-header-popup-ambass .selectric .label{ height: 56px; padding-left: 1em; line-height: 56px; color: #fff; }
header.top-site .inside-header-popup-ambass .selectric .button{ background: none; color: #fff; line-height: 56px; }
header.top-site .inside-header-popup-ambass .selectric-wrapper .selectric-items{ background: none; }
header.top-site .inside-header-popup-ambass .selectric-wrapper .selectric-items ul{}
header.top-site .inside-header-popup-ambass .selectric-wrapper .selectric-items ul li.last,
header.top-site .inside-header-popup-ambass .selectric-wrapper .selectric-items ul li{ width: 100%; padding-left: 1.6em; text-align: left; color: #fff; font-weight: 200; }
header.top-site .inside-header-popup-ambass .selectric-wrapper .selectric-items ul li.highlighted{ background: none; font-weight: 400; }
header.top-site .inside-header-popup-ambass .selectric-wrapper .selectric-items ul li:hover{ background: none; font-weight: 400; }
/* Page particuliere (TPL histoire) (pas de menu) */
header.top-site .inside-header-small{ max-width: none; border: none; }
header.top-site .inside-header-small .header-logo{ position: absolute; left: 0; z-index: 1; }
header.top-site .inside-header-small .header-logo img{ margin: 2em 0 0 6em; max-width: 120px; }
header.top-site .inside-header-small .close-header-small{ position: relative; float:right; font-family: Arial, Helvetica Neue,Helvetica, sans-serif; z-index: 1; }
header.top-site .inside-header-small .close-header-small a{ display: block; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; }
header.top-site .inside-header-small .close-header-small img{ margin: 0; }
/* Page particuliere (TPL actualites) (menu) */
body.page-template-tpl_actualites .inside{ border: none; }
#content .inside-header-actus{ position: relative; max-width: 1280px; min-height: 600px; max-height: 600px; margin: 0 auto 5em; background-position: center center; background-repeat: no-repeat; background-size: 100%; }
#content .inside-header-actus .header-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.4; z-index: 1; }
#content .header-actus-content{ position: absolute; bottom: 1.5em; left: 1.5em; right: 1.5em; max-width: 1280px; margin: 0 auto; padding: 0 0.5em; font-family: 'EB Garamond', serif; color: #fff; font-size: 2.5em; line-height: 1em; font-weight: 400; font-style: italic; box-sizing: border-box; z-index: 1; }
#content .header-actus-content span.parent-title{ display: block; margin: 0 0 0.2em; padding: 0 0.2em; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 0.8em; line-height: 1.1em; text-transform: uppercase; }
#content .header-actus-content span.main-title{ display: block; font-size: 1em; line-height: 1.1em; text-transform: uppercase; }
#content .header-actus-content span.date-title{ display: block; margin: 0.5em 0 0; font-size: 0.6em; line-height: 1.1em; font-family: 'Oswald', sans-serif; font-weight: 200; }
#content .header-actus-content-links{ float: left; width: 100%; margin: 1em 0 0; }
#content .header-actus-content-links a{ position: relative; display: block; width: 200px; padding: 0.4em 1.5em; font-size: 0.4em; font-weight: 500; color: #fff; font-family: 'Oswald', sans-serif; text-align: center; text-transform: uppercase; text-decoration: none; box-sizing: border-box; }
#content .header-actus-content-links .knowMoreMaskActus{ position: absolute; display: block; top: 0; left: 0; right: 100%; bottom: 0; }
#content .header-actus-content-links .knowMoreLinkActus{ position: relative; display: block; }
#content .header-actus-content-links .knowMoreLinkActus span{ position: relative; bottom: 0.15em; margin-left: 0.8em; }
#content .header-actus-content-links-left{ float: left; }
#content .header-actus-content-links-left a{ background: #B43C26; }
#content .header-actus-content-links-left .knowMoreMaskActus{ background: #A02A18; }
#content .header-actus-content-links-right{ position: relative; float: right; }
#content .header-actus-content-links-right .knowMoreMaskActusOpac{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.7; }
#content .header-actus-content-links-right a{ background: none; border: 1px solid #fff; }
#content .header-actus-content-links-right .knowMoreMaskActus{ background: #000; }
header.top-site #breadcrumbs{ position: absolute; bottom: 1em; margin: 0; padding: 0 1.5em; color: #fff; text-align: right; z-index: 3; box-sizing: border-box; }
header.top-site #breadcrumbs a{ color: #fff; }
/* Pages */
header.page-header{
background:none;
margin:0 0 1.5em;
}
header.page-header h1{
font-size: 0.8em;
line-height: 2.6em;
letter-spacing: 0.1em;
margin:0;
text-transform: uppercase;
}
/* Articles */
header.entry-header{
background:none;
}
header.entry-header .entry-header-actu-wrap{ position: relative; overflow: hidden; width: 100%; max-width: 1280px; margin: 0 auto; }
/* Event */
header.entry-header h1{ overflow: hidden; max-width: 1000px; margin: 0 auto; padding: 1em 1em 0.5em; font-family: 'EB Garamond', serif; font-weight: 300; font-size: 3em; text-align: center; box-sizing: border-box; }
/* Autre article */
header.entry-header .entry-header-actu-date-block{ position: absolute; top: 0; left: 5%; width: 150px; padding: 1.5em 1em; background: #B43C26; text-align: center; box-sizing: border-box; }
header.entry-header .entry-header-actu-date-block span{ display: block; color: #F6D2A2; font-family: 'Oswald', sans-serif; }
header.entry-header .entry-header-actu-date-block span.date-separator{ padding: 0 0 0 0.5em; color: #fff; }
header.entry-header .entry-header-actu-date-block span.date-num{ font-size: 3em; line-height: 1.1em; font-weight: 300; font-style: italic; }
header.entry-header .entry-header-actu-date-block span.date-month{ font-size: 1.5em; line-height: 1.1em; color: #fff; text-transform: uppercase; }
header.entry-header .entry-header-actu-date-block span.date-year{ font-size: 1.5em; line-height: 1.1em; }
header.entry-header h1.entry-header-actu{ max-width: 980px; min-height: 170px; padding-top: 0.5em; padding-left: 150px; text-align: left; }
header.entry-header h1.entry-header-actu span.entry-header-actu-cat{ display: block; margin: 0.5em 0 0; font-family: 'Oswald', sans-serif; font-size: 0.4em; line-height: 1.5em; text-transform: uppercase; }
header.entry-header h1.entry-header-actu span.entry-header-actu-cat a{ color: #B43C26; }
header.entry-header h1.entry-header-actu span.entry-header-actu-date{ display: block; margin: 0 0 1em; font-size: 0.4em; line-height: 1.5em; color: #000; font-style: italic; text-transform: none; }
/**************/
/** MENU TOP **/
/**************/
/* Menus secondaires (gauche & droite) */
#access-top {
position: absolute;
top: 0;
left: 0;
right: 0;
float:left;
/*width:1280px;*/
width: 100%;
/*max-width:1280px; IE KO...*/
background:none;
display: block;
overflow:hidden;
margin:0 auto;
padding: 0 0 0 1.5em;
box-sizing: border-box;
font-family: 'Oswald', sans-serif;
font-weight: 500;
z-index: 111;
}
#access-top ul {
float:left;
margin:0;
padding:0;
list-style: none;
z-index:110;
}
#access-top ul#access-top-right {
float:right;
}
#access-top li {
float: left;
}
/* Gestion particulier de l'item search */
#access-top li span.puce{ font-size: 0.9em; color: #B43C26; }
#access-top li:last-child span.puce{ display: none; }
/* Gestion particulier de l'item search */
/* >>> VOIR MOTEUR DE RECHERCHE */
/* Gestion particulier de l'item espace pro */
#access-top li.menu-pro{ width: 150px; text-align: center; }
#access-top li.menu-pro a{ background: #B43C26; color: #fff; }
#access-top li.menu-pro a:hover{ color: #fff; }
/* Gestion particulier de l'item langue */
#access-top ul#access-top-right li.menu-language {}
#access-top ul#access-top-right li.menu-language .wpml-ls-legacy-list-horizontal{ padding: 0; border: none; }
#access-top ul#access-top-right li.menu-language ul { display: block !important; }
#access-top ul#access-top-right li.menu-language ul li { width: 50px; text-align: center; }
#access-top ul#access-top-right li.menu-language ul li a { line-height: 1.9em; color:#4A4A4A; border: none; }
#access-top ul#access-top-right li.menu-language ul li a span {}
/* Gestion du dernier item */
#access-top li.last{ float:none; overflow:hidden; }
#access-top a {
display: inline-block;
margin:0;
padding:2em 0.8em 0;
line-height:2em;
font-size:0.7em;
text-decoration:none;
background:none;
color:#4A4A4A;
text-transform:uppercase;
}
#access-top ul#access-top-left a {
padding: 1.5em 0.8em 0;
font-size:0.8em;
}
#access-top ul#access-top-right a {
display: block;
padding:1em;
}
#access-top ul ul {
display: none !important;
}
#access-top li:hover > a,
#access-top ul ul :hover > a,
#access-top a:active,
#access-top a:focus {
text-decoration:none;
color:#B43C26;
}
/* Menu principal - responsive */
#access-mobile{ float:left; position: absolute; top: 0; right: 0; margin:0; display:none; background:#fff; font-family: 'Oswald', sans-serif; font-weight: 500; z-index: 999; }
#access-mobile ul{ overflow:hidden; margin:0; padding:0; list-style:none; }
#access-mobile li{ overflow:hidden; }
#access-mobile a{ position: relative; display: block; width: 66px; height: 66px; margin:0; padding:0; line-height:2em; font-size:1em; color:#000; text-decoration:none; cursor:pointer; }
/*
#access-mobile a span{ font-size: 0.8em; }
*/
#access-mobile a span{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 22px;
height: 0;
background-color: #FFF;
transition: background 0.5s;
}
#access-mobile a span::before,
#access-mobile a span::after{
content: '';
position: absolute;
top: 0;
left: 0;
transform: translateY(-3px);
display: block;
width: 22px;
height: 1px;
background-color: #000;
transition: transform 0.5s;
}
#access-mobile a span::after{
transform: translateY(3px);
}
/* Animation */
#access-mobile a.selected span{ background: transparent; }
#access-mobile a.selected span::before{ transform: translateY(0) rotate(45deg); }
#access-mobile a.selected span::after{ transform: translateY(0) rotate(-45deg); }
#access-mobile a.selected{ transform: rotate(90deg); }
#access-mobile a.selected,
#access-mobile a:hover{}
/* Menu principal */
#mask-menu-principal{ position: absolute; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.9; z-index: 121 /*110*/; display: none; cursor:pointer; }
#access {
float:none;
width:100%;
max-width: 960px;
background:none;
display: block;
overflow:hidden;
margin:0 auto;
z-index:110;
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
#access ul {
float:left;
width:100%;
margin:0;
padding:0;
list-style: none;
z-index:9999;
text-align: center;
}
#access li {
float: none;
display: inline-block;
width: 20%;
}
/* Gestion particulier de l'item magazine */
#access li.magazine{ position: relative; width: 10%; }
#access li.magazine a{ position: relative; padding:0 0 1em; font-weight: 400; color: #4A4A4A; text-transform: none; }
#access li.magazine:hover > a{ color: #4A4A4A; }
#access li.magazine span.magazine{ position: absolute; top: 0; left: 0; right: 0; width: 35px; height: 2.8em; margin: 0 auto; border-top: 2px solid #B43C26; border-bottom: 2px solid #B43C26; }
#access li.magazine a span{ font-family: 'EB Garamond', serif; }
#access li.magazine ul{ display: none !important; }
#access a {
display: block;
margin:0;
padding: 1.1em 1em 1.2em;
line-height:2.3em;
font-size:1.2em;
text-decoration:none;
background: none;
color:#393A3C;
text-transform:uppercase;
cursor: pointer;
}
/* Titre du menu de premier niveau */
#access li a span.title{ display: block; }
#access ul ul {
float:none;
position: absolute;
left: 0;
right: 0;
width:100%;
overflow: hidden;
margin:0;
padding:0;
background: #000;
display: none;
}
#access ul ul li {
position:relative;
display: block;
float:left;
text-align: center;
box-sizing: border-box;
}
/* Largeur dynamique des items */
#access ul ul li{ position: relative; }
#access ul ul li:last-child{ position: absolute; right: 0; }
#access ul ul.nb-1-items li{ width: 100%; }
#access ul ul.nb-2-items li{ width: 50%; }
#access ul ul.nb-3-items li{ width: 33.33%; }
#access ul ul.nb-4-items li{ width: 25%; }
#access ul ul.nb-5-items li{ width: 20%; }
#access ul ul.nb-6-items li{ width: 16.6%; }
#access ul ul li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:0; padding: 0; background-position: top center !important; background-repeat: no-repeat; background-size: auto 100%; line-height:2em; color: #fff; z-index: 1; box-sizing: border-box; }
#access ul ul.nb-1-items li a { background-size: 100%; }
/*#access ul ul.nb-2-items li a{ background-size: 100%; }*/
#access ul ul li a:hover,
#access ul ul li.selected a{ text-decoration:none; color:#fff; }
/* Mask du menu de 2nd niveau */
#access li li a div.mask-menu-over{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: 0; }
/* Titre du menu de 2nd niveau */
#access li li a div.title{ position: absolute; top: 3em; left: 1.5em; right: 1.5em; bottom: 0; font-size: 1.3em; }
#access li li a div.title h4{ max-width: 220px; margin: 0 auto; line-height: 1.5em; font-weight: 500; }
#access li li a div.title div.sous-title{ max-width: 220px; margin: 0 auto; line-height: 1.5em; font-weight: 500; }
/* Contenu du menu de 2nd niveau */
#access li li .menu-excerpt{ position: absolute; left: 1.5em; right: 1.5em; margin: 1em 0 0; font-size: 1.1em; font-weight: 400; text-transform: none; display: none; }
#access li li .menu-excerpt p{ margin: 0; font-family: 'EB Garamond', serif; font-size: 0.7em; }
#access li li a span.knowMoreMenu{ position: absolute; bottom: 5em; left: 0; right: 0; max-width: 100px; margin: 0 auto; padding: 1em; font-size: 0.7em; line-height: 1em; font-weight: 400; /*border: 1px solid #fff;*/ /*display: none;*/ }
#access li li a span.knowMoreMenu .knowMoreLinkMenu{ display: none; }
#access ul ul ul {
display: none !important;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
text-decoration:none;
color:#B43C26;
}
#access .current-menu-ancestor,
#access .current-menu-parent,
#access .current-menu-item {
}
#access .current-post-ancestor,
#access .current-page-ancestor,
#access .current-category-ancestor {
}
#access-top .current-menu-ancestor > a,
#access-top .current-menu-parent > a,
#access-top .current-menu-item > a,
#access-top .current-bnic-ancestor > a,
#access .current-menu-ancestor > a,
#access .current-menu-parent > a,
#access .current-menu-item > a {
color:#B43C26;
}
#access .current-post-ancestor > a,
#access .current-page-ancestor > a,
#access .current-category-ancestor > a {
}
#access .current-menu-ancestor li > a,
#access .current-menu-parent li > a,
#access .current-menu-item li > a {
color:#fff;
}
#access .current-post-ancestor li > a,
#access .current-page-ancestor li > a,
#access .current-category-ancestor li > a {
}
/**********/
/** POST **/
/**********/
.entry-summary,
.entry-content { float:left; width:100%; }
/***************/
/* PICTO VIDEO */
/***************/
/* Picto Video */
.cognac-player-picto{ position: absolute; bottom: 3em; right: 3em; padding: 8px; border: 1px solid #A9A9A9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; }
.cognac-player-picto span{ position: relative; display: block; padding: 65px; border: 1px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0.5; }
.cognac-player-picto span.mask{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; background: #fff; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.cognac-player-picto img{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; max-width: 20px; margin-bottom: 0; }
/*********************************/
/* HEADER - ILLUSTRATION (PAGES) */
/*********************************/
#header-illustration{ position: relative; float: left; width: 100%; /*min-height: 600px;*/ margin: 0; padding: 4em 0 3em; background-size: 100%; background-repeat: no-repeat; background-position: top center; box-sizing: border-box; }
#header-illustration .header-illustration-content{ /*position: absolute; top: 50%; transform: translateY(-50%); left: 4em; right: 4em;*/ max-width: 800px; margin: 0 auto; padding: 0 4em; color: #fff; }
#header-illustration .header-illustration-left,
#header-illustration .header-illustration-right{ /*position: relative;*/ float: left; width: 100%; box-sizing: border-box; }
#header-illustration .header-illustration-left{ margin: 0 0 3em; }
#header-illustration .header-illustration-right{}
#header-illustration .header-illustration-left-content,
#header-illustration .header-illustration-right-content{ text-align: center; }
#header-illustration .header-illustration-left-content h2{ margin: 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 3em; font-weight: 400; color: #fff; font-style: normal; }
#header-illustration .header-illustration-left-content p{ margin: 0; font-size: 1.95em; line-height: 1.2em; }
#header-illustration .header-illustration-right-content p{ font-size: 2em; line-height: 1.3em; font-style: italic;}
#header-illustration .header-illustration-right-content a{ color: #fff; text-decoration: underline; }
#header-illustration .header-illustration-right-content a:focus,
#header-illustration .header-illustration-right-content a:active,
#header-illustration .header-illustration-right-content a:hover{ color:#fff; text-decoration: none; }
#header-illustration .header-illustration-right-content a:focus{ color:#fff; text-decoration: underline; }
#content #header-illustration .vc-cognac-titrepage{ padding: 1em 0 2em; }
#header-illustration #breadcrumbs{ position: absolute; bottom: 0.5em; left: 1.5em; right: 1.5em; width: inherit; width: auto; margin: 0; color: #fff; text-align: right; z-index: 3; display: block !important; box-sizing: border-box; }
#header-illustration #breadcrumbs a{ color: #fff; }
/*********/
/* LISTE */
/*********/
.entry-content ul{ margin:0 0 1.5em 1em; list-style:disc; }
.entry-content ul li{ padding:0 0 0 0.5em; line-height:1.5em; }
.entry-content ul ul{ list-style:disc; margin:0 0 0 1em; }
.entry-content ul li li{ padding:0; background:none; }
.entry-content ol{ margin:0 0 1.5em 1em; }
.entry-content ol li{ padding:0 0 0 0.5em; line-height:1.5em; }
.entry-content ol ol{ list-style:disc; margin:0 0 0 1em; }
.entry-content ol li li{ padding:0; background:none; }
/***********************/
/* MOTEUR DE RECHERCHE */
/***********************/
/* Menu Top */
#access-top li.menu-search{ width: 50px; }
#access-top a.form-search-open{ display: block; background: url("images/recherche.svg") center center no-repeat; background-size: 16px; cursor: pointer; }
#access-top a.form-search-close{ float: right; width: 50px; background: #fff url("images/close-black.svg") center center no-repeat; cursor: pointer; box-sizing: border-box; }
#access-top .form-search{ position: absolute; top: 0; bottom: 0; right: 185px; float: left; display: none; }
#access-top .form-search form{ position: absolute; top: 50%; transform: translateY(-50%); right: 50px; float: left; width: 100%; margin: 0; padding: 0; text-align: right; box-sizing: border-box; }
#access-top .form-search input{ width: 150px; margin: 0; padding: 0.3em 1em; background: #fff; font-size: 1em; }
#access-top .form-search label{}
/* Popup */
#search-popup{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#search-popup .search-mask{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff; opacity: 0.95; }
#search-popup a.search-close{ position: relative; float: right; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; box-sizing: border-box; }
#search-popup form{ position: absolute; top: 40%; transform: translateY(-50%); left: 0; right: 0; max-width: 800px; margin: 0 auto; padding: 3em; text-align: center; box-sizing: border-box; }
#search-popup h4{ margin: 0 0 0.5em; padding: 0; font-family: 'EB Garamond', serif; font-size: 3.5em; font-weight: 400; }
#search-popup div.rechercher{ margin: 0 0 1.5em 0.5em; padding: 0; font-family: 'EB Garamond', serif; font-size: 3.5em; font-weight: 400; }
#search-popup p{ font-size: 1.2em; }
#search-popup label{}
#search-popup input{ height: 50px; margin: 0 0 2em; padding: 0 1.5em; background: url("images/recherche.svg") 0.5em center no-repeat; background-size: 20px; font-size: 1.2em; line-height: 2em; color: #000; text-align: center; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #000; }
#search-popup input#searchsubmit{}
#search-popup .knowMore a{ cursor: pointer; }
/* ************************* */
/* MCE STYLE SUPPLEMENTAIRES */
/* ************************* */
.no-underline,
.no-underline a{ text-decoration: none !important; }
.color-noir{ color: #000; }
.color-blanc{ color: #FFFFFF; }
.color-rouge{ color: #B43C26; }
.color-orange{ color: #F6833A; }
.color-orange-lpda{ color: #F4843A; }
.color-beige{ color: #F5F2E9; }
.color-vert{ color: #215F4D; }
.color-gris { color: #4d4d4c;}
.text-lettrine{ display: inline-block; width: 100%; box-sizing: border-box; }
.text-lettrine::first-letter{ float:left; font-size:5.2em; line-height: 0.8em; padding: 0 0.2em 0 0; text-transform: uppercase; }
.text-introduction{ font-size: 1.6em; line-height: 1.3em; }
/****************************/
/* VISUAL COMPOSER COLONAGE */
/****************************/
#content .vc_section{ margin: 0; padding: 3em 0; }
/* SECTIONS : Ajout du param pour les sections */
#content .vc_section.no-full-screen-content{ position: relative; max-width: 1280px; margin: 0 auto; padding: 0; /*padding: 3em 0;*/ }
#content .vc_section.full-screen-content{ position: relative; margin: 0; padding: 0; }
/* IE... */
#content .vc_section-flex.vc_section{ display: block; }
/* Affichage d'une video en fond */
#content .vc_section .video-fond-section{ overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
#content .vc_section .video-fond-section video{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
#content .vc_row{ margin: 0; padding: 0; }
/* RANGEES : Ajout du param pour les rangees */
#content .vc_row.no-full-screen-content{ position: relative; max-width: 1280px; margin: 0 auto; padding: 0 4em; }
#content .vc_row.full-screen-content{ position: relative; margin: 0; padding: 0; }
/* Pour les celules vides */
#content .vc_column_container{ margin: 0; padding: 0; }
/* Afficher ou non une colone sur mobile */
#content .vc_column_container.no-mobile-show{}
#content .vc_column_container .vc_column-inner{ margin: 0; padding: 0; box-sizing: border-box; }
#content .vc_column_container .vc_column-inner .vc_column-inner{ margin: 0; padding: 0; box-sizing: border-box; }
#content .wpb_content_element{ margin: 0; padding: 0; box-sizing: border-box; }
/* COLONAGES : 2 colones */
#content .vc_col-sm-6{}
#content .vc_col-sm-9{}
#content .vc_col-sm-3{}
/* COLONAGES : 3 colones */
#content .vc_col-sm-8{}
#content .vc_col-sm-4{}
/* COLONAGES : 4 colones */
#content .vc_col-sm-3{}
/* ELEMENT TEXTE : Ajout du param pour les elements de texte */
#content .wpb_text_column{ margin: 0; padding: 0; }
#content .wpb_text_column a{ text-decoration: underline; }
#content .wpb_text_column.no-full-screen-text{ position: relative; max-width: 800px; margin: 0 auto; padding: 4em; box-sizing: border-box; }
#content .wpb_text_column.full-screen-text{ position: relative; padding: 4em; box-sizing: border-box; }
.single-vitidurable #content .wpb_text_column.full-screen-text { padding: 2em}
#content .wpb_wrapper{ font-size: 1.05em; }
/* ELEMENT TITRE PAGE : Nouvel element Titre page */
#content .vc-cognac-titrepage{ float: left; width: 100%; padding: 2em 0; }
#content .vc-cognac-titrepage h1{ max-width: 550px; margin: 0 auto; padding: 0 1em; font-family: 'Oswald', sans-serif; line-height: 1.2em; font-weight: 500; text-transform: uppercase; }
#content .vc-cognac-titrepage h1.titrepage-blanc{ color: #fff; }
#content .formulaire-titre .vc-cognac-titrepage h1 { max-width: 100% !important; }
/* ELEMENT CHAPEAU : Nouvel element Chapeau */
#content .vc-cognac-chapeau-wrap{ max-width: 800px; margin: 0 auto; /*padding: 1em 4em;*/ padding: 4em 4em 0; }
#content .vc-cognac-chapeau-content{ margin: 0; padding: 0; }
#content .vc-cognac-chapeau-content.size-normale{}
#content .vc-cognac-chapeau-content.size-moyenne{ font-size: 1.3em; }
#content .vc-cognac-chapeau-content.size-grande{ font-size: 1.8em; }
#content .vc-cognac-chapeau-content p{ margin: 0; }
/* ELEMENT LAIUS : Nouvel element Laius */
#content .vc-cognac-laius-wrap{ max-width: 800px; margin: 0 auto; padding: 0 4em; }
#content .vc-cognac-laius-content{ max-width: 580px; margin: 0 auto; padding: 0 4em; font-family: 'Oswald', sans-serif; font-weight: 400; color: #B43C26 }
#content .vc-cognac-laius-content-content{ overflow: hidden; margin: 0 0 0 2em; padding: 0.5em 0.5em 0.5em 1.5em; font-size: 1.4em; font-weight: 500; border-left: 2px solid #B43C26; }
#content .vc-cognac-laius-content-content p{ margin: 0; }
/* ELEMENT CONTACT : Nouvel element Contact */
#content .vc-cognac-contact-wrap{ max-width: 800px; margin: 0 auto; padding: 0; }
#content .vc-cognac-contact-wrap.contact-gauche{ text-align: left; }
#content .vc-cognac-contact-wrap.contact-droite{ text-align: right; }
#content .vc-cognac-contact-wrap.contact-centre{ text-align: center; }
#content .vc-cognac-contact-content{ display: inline-block; padding: 0 4em; font-family: 'Oswald', sans-serif; text-align: center; font-weight: 300; }
#content .vc-cognac-contact-content-content{ overflow: hidden; margin: 0; padding: 2em 3em; background: #fff; border: 1px solid #B43C26; }
#content .vc-cognac-contact-content-content .title-contact{ display: block; margin: 0 0 1em; color: #B43C26; font-weight: 400; }
#content .vc-cognac-contact-content-content .name-contact{ display: block; margin: 0 0 0.3em; font-weight: 400; }
#content .vc-cognac-contact-content-content .function-contact{ display: block; margin: 0 0 0.3em; }
#content .vc-cognac-contact-content-content .tel-contact{ display: block; margin: 0 0 0.3em; }
#content .vc-cognac-contact-content-content .email-contact{ display: block; }
#content .vc-cognac-contact-content-content .email-contact a{ color: #B43C26; }
/* Pour les posts, repeteur et toujours centre */
ul#contacts-posts{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; }
ul#contacts-posts li{ float: none; display: inline-block; margin: 0; padding: 0; }
ul#contacts-posts .vc-cognac-contact-wrap{ width: 315px; }
ul#contacts-posts .vc-cognac-contact-content{ width: 100%; padding: 0 1em; box-sizing: border-box; }
ul#contacts-posts .vc-cognac-contact-content-content{ padding: 2em; }
/* ELEMENT BOUTON : Nouvel element Bouton */
/* #content .vc-cognac-btn-wrap{ padding: 0 4em 4em; } */
#content .vc-cognac-btn-wrap.btn-gauche{ max-width: 800px; margin: 0 auto; text-align: left; box-sizing: border-box; }
#content .vc-cognac-btn-wrap.btn-droite{ text-align: right; }
#content .vc-cognac-btn-wrap.btn-centre{ text-align: center; }
#content .vc-cognac-btn-content{}
#content .vc-cognac-btn-content-content{}
/* ELEMENT ENCADRE : Nouvel element Encadre */
#content .vc-cognac-encadre-wrap{ overflow: hidden; max-width: 1000px; margin: 0 auto; padding: 4em; color: #215F4D; box-sizing: border-box; }
#content .vc-cognac-encadre-title{ margin: 0 0 1em; font-weight: 500; }
#content .vc-cognac-encadre-content{ position: relative; float: left; width: 100%; }
#content .vc-cognac-encadre-image{ position: absolute; left: 0; width: 80px; visibility: hidden; }
#content .vc-cognac-encadre-image p{ margin: 0; padding: 0 0 0.2em; font-size: 8em; line-height: 1em; color: #000; text-align: right; }
#content .vc-cognac-encadre-content-content{ float: left; margin: 0 0 0 80px; padding: 1em 4em 0; font-size: 1.1em; font-style: italic; border-left: 5px solid #000; }
/* ELEMENT MAP : Nouvel element Map */
#content .vc-cognac-map-wrap{ float: left; width: 100%; margin: 0; padding: 0 0 4em; box-sizing: border-box; }
#content #vc-cognac-map{ height: 500px; background: red; }
#content #vc-cognac-map-menu{ overflow: hidden; max-width: 1280px; margin: 0 auto; }
#content #vc-cognac-map-menu ul{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#content #vc-cognac-map-menu li{ float: left; padding: 1em; box-sizing: border-box; }
#content #vc-cognac-map-menu span{ display: block; text-align: center; font-style: italic; }
#content #vc-cognac-map-menu span.menu-title{ margin: 0 0 0.5em; line-height: 1em; }
#content #vc-cognac-map-menu span.menu-percent{ font-size: 2em; line-height: 1em; }
#content #vc-cognac-map-menu a{}
/* ELEMENT ENCADRE IMAGE N-1 : Nouvel element Encadre */
#content .vc-cognac-cadre-wrap{ position: relative; overflow: hidden; float: left; width: 100%; height: 600px; margin: 0; padding: 0 0 4em; cursor: pointer; box-sizing: border-box; }
#content .vc-cognac-cadre-wrap.cadre-grand{ height: 600px; }
#content .vc-cognac-cadre-wrap.cadre-petit{ height: 460px; }
#content .vc-cognac-cadre-wrap img{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
#content .vc-cognac-cadre-wrap img.inHeighter{ height: auto; max-width: none; } /* On va augmenter la width pour l'effet */
#content .vc-cognac-cadre-wrap img.inWidther{ width: auto; max-width: none; height: 100%; } /* On va augmenter la height pour l'effet */
#content .vc-cognac-cadre-content{ position: absolute; top: 50%; transform: translateY(-50%); left: 1.5em; right: 1.5em; box-sizing: border-box; }
#content .vc-cognac-cadre-content h2{ margin: 0 0 3em; color: #fff; text-align: center; }
#content .vc-cognac-cadre-content .vc-cognac-btn-wrap{ margin: 0; padding-bottom: 0; }
/* ELEMENT SLIDER : Nouvel element Slider */
#content .vc-cognac-slider-wrap{ float: left; width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
/* Taille des contenus */
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-normal{}
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit{ border-left: 20px solid #fff; border-right: 20px solid #fff; }
#content .vc-cognac-slider-title{ color: #000; text-align: center; text-transform: uppercase; }
#content .vc-cognac-slider-content{ position: relative; float: left; width: 100%; margin: 0; padding: 0; }
#content .vc-cognac-slider-content-img{ position: absolute; top: 0; left: 0; right: 0; float: left; width: 100%; }
#content .swiper-wrapper .vc-cognac-slider-content-img{ position: relative; top: 0; left: 0; right: 0; float: left; width: 100%;max-height: 309px;
overflow: hidden; }
#content .vc-cognac-slider-content-img img{ height: auto; margin-bottom: 0; }
#content .vc-cognac-slider-content-img video{ max-width: 100%; }
/* Popup video */
#content .vc-cognac-slider-content-img .vc-cognac-slider-video-complete{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#content .vc-cognac-slider-content-img .vc-cognac-slider-popup-video-mask{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff; opacity: 0.95; }
#content .vc-cognac-slider-content-img .vc-cognac-slider-popup-video-close{ position: relative; float: right; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; z-index: 1; box-sizing: border-box; }
#content .vc-cognac-slider-content-img .vc-cognac-slider-popup-video{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 3em; text-align: center; box-sizing: border-box; }
#content .vc-cognac-slider-content-img .vc-cognac-slider-popup-video h4{ margin: 0 0 0.5em; padding: 0; font-family: 'EB Garamond', serif; font-size: 3.5em; font-weight: 400; }
#content .vc-cognac-slider-content-img .vc-cognac-slider-popup-video iframe{ width: 100%; height: 75vh; margin: 0 auto; }
#content .vc-cognac-slider-content-content{ position: relative; width: 50%; }
#content .vc-cognac-slider-content-content-gauche{ float: left; margin: 40% 0 0 10%; }
#content .vc-cognac-slider-content-content-centre{ float: none; overflow: hidden; margin: 40% auto 0; }
#content .vc-cognac-slider-content-content-droite{ float: right; margin: 40% 10% 0 0; }
#content .vc-cognac-slider-content-content ul{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
#content .vc-cognac-slider-content-content li{ float: left; width: 100%; margin: 0; padding: 0; color: #fff; box-sizing: border-box; }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content1{ float: left; width: 100%; padding: 1em 5em 3.5em; box-sizing: border-box; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-item-title{ margin: 0 0 1em; padding: 0; font-size: 2em; line-height: 1.2em; font-weight: 500; text-align: center; text-transform: uppercase; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-item-title span{ display: block; font-family: 'EB Garamond', serif; font-size: 1.3em; line-height: 1.3em; color:#F3D9B4; font-weight: 400; font-style: italic; text-transform: none; }
#content .vc-cognac-slider-item-content{ float: left; width: 100%; font-size: 1.1em; }
#content .vc-cognac-slider-item-content *{ color: #fff; }
#content .vc-cognac-slider-item-content a{ text-decoration: underline; }
#content .vc-cognac-slider-item-content p{}
#content .vc-cognac-slider-item-content img{ width: inherit; width: auto; }
#content .vc-cognac-slider-item-content .vc-cognac-slider-item-link{ position: absolute; bottom: 1.5em; right: 1.5em; display: inline-block; padding: 0 1em; font-family: 'Oswald', sans-serif; font-size: 0.9em; font-weight: 500; text-decoration: none; text-transform: uppercase; }
#content .vc-cognac-slider-item-content .vc-cognac-slider-item-link span{ position: relative; bottom: 0.1em; margin-left: 1em; }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content2{ float: left; width: 100%; padding: 0; box-sizing: border-box; color: #000; background: #fff; }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content2-left{ float: left; width: 40%; padding: 2em 1.5em; box-sizing: border-box; }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content2-left .vc-cognac-slider-item-title{ margin: 0; padding: 0; font-size: 1.5em; color: #fff; }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content2-left .vc-cognac-slider-item-title span{ color:#fff; }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content2-right{ float: left; width: 60%; padding: 1.2em 1.5em 0; box-sizing: border-box; background: #f9e1d5; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-paginate{ position: relative; float: left; width: 100%; margin: 0; padding: 2.5em 2.5em 0; color: #fff; box-sizing: border-box; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-paginate.no-paginate-slider{ visibility: hidden; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-pager-prev{ display: none; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-pager-next{ position: absolute; right: 2.5em; cursor: pointer; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-pager-next span{ display: block; font-size: 4em; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-pager{ float: left; width: 100%; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-pager span{ display:inline-block; width:20px; font-size:25px; line-height: 1.5em; cursor:pointer; }
#content .vc-cognac-slider-content-content .vc-cognac-slider-pager span.cycle-pager-active{ color:#F5F2E9; }
/* Taille des contenus */
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-content-content{ width: 80%; }
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-content-content li{}
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-content-content li .vc-cognac-slider-item-content1{ padding: 1em 2em 3.5em; }
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-content-content .vc-cognac-slider-item-title{ font-size: 1.5em; }
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-item-content{ font-size: 1em; }
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-content-content .vc-cognac-slider-paginate{ padding: 1em 2.5em 1em; }
/* ELEMENT RETENIR : Nouvel element Retenir */
#content .vc-cognac-retenir-wrap{ overflow: hidden; max-width: 1000px; margin: 0 auto; padding: 4em; color: #B43C26; box-sizing: border-box; }
#content .vc-cognac-retenir-title{ margin: 1.5em 0 0.5em; padding: 0; font-weight: 500; text-align: center; }
#content .vc-cognac-retenir-content{ position: relative; float: left; width: 100%; }
#content .vc-cognac-retenir-content-top{ position: absolute; top: 0; left: 0; right: 0; max-width: 320px; height: 2px; margin: 0 auto; background: #B43C26; }
#content .vc-cognac-retenir-content-bottom{ position: absolute; bottom: 0; left: 0; right: 0; max-width: 320px; height: 2px; margin: 0 auto; background: #B43C26; }
#content .vc-cognac-retenir-content-content{ float: left; width: 100%; margin: 0; padding: 1em 4em; font-size: 1.1em; font-style: italic; box-sizing: border-box; }
#content .vc-cognac-retenir-content-content a{ color: #B43C26; text-decoration: underline; }
/* ELEMENT ENCADRE IMAGE : Nouvel element Encadre */
#content .vc-cognac-cadre2-wrap{ position: relative; overflow: hidden; float: left; width: 100%; min-height: 350px; margin: 0; padding: 0; border: 20px solid #fff; box-sizing: border-box; }
#content .vc-cognac-cadre2-wrap.cadre2-grand{ height: 800px; }
#content .vc-cognac-cadre2-wrap.cadre2-petit{ min-height: 400px; }
#content .vc-cognac-cadre2-wrap.cadre2-large{ min-height: 400px; }
#content .vc-cognac-cadre2-wrap-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.3; }
#content .vc-cognac-cadre2-wrap img{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: none; }
#content .vc-cognac-cadre2-wrap.cadre2-grand img{ width: 100%; height: auto; }
#content .vc-cognac-cadre2-wrap.cadre2-petit img{ width: auto; height: 100%; }
#content .vc-cognac-cadre2-wrap.cadre2-large img{ width: 100%; height: auto; }
#content .vc-cognac-cadre2-content{ position: relative; float: left; width: 100%; padding: 2em; color: #fff; text-align: center; box-sizing: border-box; }
/* Pour le grand la hauteur est fixe */
#content .vc-cognac-cadre2-wrap.cadre2-grand .vc-cognac-cadre2-content{ position: absolute; top: 50%; transform: translateY(-50%); }
#content .vc-cognac-cadre2-content p{ margin: 0; font-size: 1.3em; font-style: italic; }
#content .vc-cognac-cadre2-content h3{ margin: 0 0 0.1em; padding: 0; font-size: 10em; font-weight: 500; }
#content .vc-cognac-cadre2-content h4{ margin: 0; padding: 0; font-size: 1.8em; font-weight: 600; text-transform: uppercase; }
/* ELEMENT TITRE FORMATE : Nouvel element Titre formate */
#content .vc-cognac-titreformate{ float: left; width: 100%; padding: 2em 0 0; text-align: center; }
#content .vc-cognac-titreformate h2{ margin: 0; padding: 0 1em; font-size: 1.9em; line-height: 1.2em; color: #000; font-weight: 500; text-transform: uppercase; }
#content .vc-cognac-titreformate h2 span{ display: block; padding: 0; font-family: 'EB Garamond', serif; color: #B43C26; font-weight: 200; font-style: italic; text-transform: none; }
/* ELEMENT BOUTON PARTAGER : Nouvel element Bouton partager */
#content .vc-cognac-social-wrap{ position: relative; overflow: hidden; width: 100%; max-width: 1000px; height: 30px; margin: 1em auto; padding: 0 4em; box-sizing: border-box; }
#content .vc-cognac-social-wrap #vc-cognac-social{ position: relative; float: left; width: 100%; }
#content .vc-cognac-social-wrap #cognac-social-link{ position: absolute; top: 0; left: 0; z-index: 999; }
/* ELEMENT BOUTON EXTERNE : Nouvel element Bouton externe */
#content .vc-cognac-btnext-wrap{ padding: 0 4em 4em; box-sizing: border-box; }
#content .vc-cognac-btnext-wrap.btnext-gauche{ text-align: left; }
#content .vc-cognac-btnext-wrap.btnext-droite{ text-align: right; }
#content .vc-cognac-btnext-wrap.btnext-centre{ text-align: center; }
#content .vc-cognac-btnext-content{ display: inline-block; width: 100%; max-width: 450px; padding: 15px; border: 1px solid #B43C26; box-sizing: border-box; }
#content .vc-cognac-btnext-content-content{ font-family: 'Oswald', sans-serif; background: #B43C26; color: #B43C26; text-align: left; }
#content .vc-cognac-btnext-content-content-left{ float: left; width: 53px; box-sizing: border-box; }
#content .vc-cognac-btnext-content-content-left img{ max-width: 53px; margin-bottom: 0; }
#content .vc-cognac-btnext-content-content-middle{ float: left; width: 235px; padding: 0 15px; box-sizing: border-box; }
#content .vc-cognac-btnext-content-content-middle p{ margin: 0; }
#content .vc-cognac-btnext-content-content-middle span{ display: block; }
#content .vc-cognac-btnext-content-content-middle span.vc-cognac-btnext-more{ font-weight: 300; }
#content .vc-cognac-btnext-content-content-middle span.vc-cognac-btnext-title{ font-size: 1.2em; font-weight: 500; text-transform: uppercase; }
#content .vc-cognac-btnext-content-content-right{ float: left; width: 130px; box-sizing: border-box; }
#content .vc-cognac-btnext-content-content-right a{ float: right; padding: 1em 1.2em; background: #B43C26; color: #fff; text-align: center; font-weight: 400; text-transform: uppercase; box-sizing: border-box; }
#content .vc-cognac-btnext-content-content-right a:hover{ text-decoration: none; }
/* BOUTON STORE */
.btn_store{}
.btn_store button{ width: 180px; padding-left: 60px !important; }
/* ESPACE VIDE : vc_empty_space */
.vc_empty_space{ clear: both; }
/* ELEMENT VIDEO */
#content .wpb_video_widget .wpb_video_wrapper{ padding-top: 0 !important; }
/* DIVERS : Legendes images */
figcaption.vc_figure-caption{ padding: 0 1em; text-align: left; }
/* DIVERS : Pour les celules avec un fond transparent noir */
#content .mask-fond-row-container{ position: relative; height: 90vh; color: #fff; z-index: 1; }
#content .mask-fond-row-container h2,
#content .mask-fond-row-container h3{ color: #fff; }
#content .mask-fond-row-container .vc_column-inner{ position: relative; z-index: 1; }
#content .vc_column_container .mask-fond-row{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; }
/***************************/
/* FORMULAIRE CONTACT FORM */
/***************************/
form.wpcf7-form{ float: left; width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
form.wpcf7-form p{ float: left; width: 100%; margin: 0 0 0.5em; }
form.wpcf7-form p label{}
form.wpcf7-form p span{}
form.wpcf7-form p input[type=text],
form.wpcf7-form p input[type=password],
form.wpcf7-form p input[type=email]{ width: 100%; background: none; font-family: 'Oswald', sans-serif; color: #000; border: none; border-bottom: 1px solid #000; box-sizing: border-box; }
form.wpcf7-form p input{ height: 40px; margin: 0.5em 0; padding: 0 1em; font-size: 1.1em; line-height: 2em; font-weight: 400; }
form.wpcf7-form p select{}
form.wpcf7-form p textarea{ width: 100%; margin: 0.5em 0; padding: 0 1em; background: none; font-family: 'Oswald', sans-serif; font-size: 1.1em; line-height: 2em; font-weight: 400; color: #000; border: none; border-bottom: 1px solid #000; box-sizing: border-box; }
form.wpcf7-form p input[type=submit]{ height: 45px; margin: 0.5em 0; padding: 0 1em; background: none; font-family: 'Oswald', sans-serif; font-size: 1.1em; line-height: 2em; font-weight: 400; color: #B43C26; border: none; border: 1px solid #B43C26; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: inherit; text-shadow: inherit; }
form.wpcf7-form p input[type=checkbox]{ height:14px;}
form.wpcf7-form p select:focus,
form.wpcf7-form p input[type=text]:focus,
form.wpcf7-form p textarea:focus{ color: #000; }
form.wpcf7-form p .selectric{ margin: 0.5em 0; background: none; border: none; border-bottom: 1px solid #000; }
form.wpcf7-form p .selectric span.label{ height: 40px; margin: 0; padding: 0 1em; font-family: 'Oswald', sans-serif; font-size: 1.1em; line-height: 2em; font-weight: 400; }
form.wpcf7-form div.wpcf7-response-output{ float: left; width: 100%; box-sizing: border-box; }
/*******************/
/* SLIDER HOMEPAGE */
/*******************/
#slider-homepage{ position: relative; float: left; width: 100%; margin: 0 0 5em; }
#slider-homepage li{ overflow: hidden; height: 600px; margin: 0; padding: 0; }
/* Video */
#slider-homepage .content-video{ position: relative; float: left; width: 66.66%; height: 600px; margin: 0 0 0 33.33%; overflow: hidden; }
#slider-homepage .content-video-mask{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; z-index: 1; }
#slider-homepage .content-video-content{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
#slider-homepage .content-video-content video{ width: 100%; height: 100%; object-fit: cover; }
/* Image */
#slider-homepage img{ position: absolute; top: 50%; transform: translateY(-50%); margin: 0 0 0 33.33%; }
#slider-homepage .titre-slider{ position: absolute; top: 8%; left: 10%; bottom: 0; padding: 0 0.5em; font-size: 4em; line-height: 1.1em; color: #B43C26; font-family: 'Oswald', sans-serif; font-weight: 500; opacity: 0; box-sizing: border-box; z-index: 1; }
#slider-homepage .link-slider{ position: absolute; bottom: 30%; margin: 1.5em 0 0; text-transform: uppercase; font-size: 0.3em; }
#slider-homepage .mask-slider{ position: absolute; top: 0; bottom: 0; left: 100%; right: 0; margin: 0; z-index: 105; background: #fff; }
/******************/
/* MAP HOMEPAGE 2 */
/******************/
#map-homepage-2{ float: left; width: 100%; margin: 0; }
#map-top-2{ position: relative; float: left; width: 100%; box-sizing: border-box; z-index: 1; }
#map-top-2 h2, #map-top-2 .titre-principal{ margin: 0 0 0.8em; padding: 0 0.5em; color: #000; text-align: center; font-family: 'EB Garamond', serif; font-size: 2.5em; font-weight: 400; }
#map-top-2 p{ max-width: 550px; margin: 0 auto; padding: 0 1.5em; text-align: center; font-size: 1.2em; }
#map-left-2{ position: relative; float: left; width: 75%; padding: 0 0 0 4em; box-sizing: border-box; z-index: 1; }
#map-left-2 .map-details{ /*overflow: hidden;*/ position: relative; float: left; width: 100%; height: 80vh; margin: 0; padding: 0; box-sizing: border-box; }
#map-left-2 .map-details-item{ overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 1em; background: #fff; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; cursor: pointer; }
#map-left-2 .map-details-content{ float: left; width: 100%; min-height: 30vh; box-sizing: border-box; opacity: 0; }
#map-left-2 .map-details-title{ margin: 0; padding: 0; font-size: 1.2em; color: #fff; text-transform: uppercase; }
#map-left-2 .map-details-1{ width: 25%; left: 0; top: 45%; } /* width: 30%; */
#map-left-2 .map-details-1 .map-details-content{ height: 35vh; }
#map-left-2 .map-details-2{ width: 25%; left: 25%; top: 60%; } /* width: 25%; */
#map-left-2 .map-details-2 .map-details-content{ height: 35vh; }
#map-left-2 .map-details-3{ width: 25%; left: 50%; top: 35%; } /* width: 30%; */
#map-left-2 .map-details-3 .map-details-content{ height: 35vh; }
#map-left-2 .map-details-4{ width: 25%; left: 75%; top: 50%; } /* width: 15%; */
#map-left-2 .map-details-4 .map-details-content{ height: 35vh; }
#map-left-2 .map-details-content img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: none; width: auto; height: 100%; margin-bottom: 0; }
#map-left-2 .map-details-content-mask{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: 0.3; z-index: 1; }
#map-left-2 .map-details-content-content{ position: absolute; top: 4em; bottom: 2em; left: 3em; right: 3em; color: #fff; text-align: center; opacity: 0; z-index: 2; }
#map-left-2 .map-details-content p{ font-size: 1.8em; line-height: 1em; }
#map-left-2 .map-details-content .vc-cognac-btn-wrap{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0; }
#map-right-2{ position: relative; float: left; width: 25%; height: 80vh; box-sizing: border-box; }
#map-right-2 .map-visuel-1{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url("images/CARTE-FRANCE-COGNAC-2.png"); background-position: center left; background-repeat: no-repeat; background-size: auto 100%; }
#map-right-2 .map-visuel-2{ position: absolute; top: 0; bottom: 0; left: 3em; right: 1em; background-image: url("images/CARTE-COGNAC-2.png"); background-position: center center; background-repeat: no-repeat; background-size: 100%; opacity: 0; }
/********************/
/* ONGLETS HOMEPAGE */
/********************/
#onglet-homepage{ position: relative; float: left; width: 100%; margin: 0 0 5em; }
#onglet-homepage li{ overflow: hidden; height: 80vh; margin: 0; padding: 0; }
/* PTB Metabox Onglets */
.ptb_MetaboxOnglets{ position:relative; background:#fff; }
.ptb_MetaboxOnglets .widget-title{ margin:0; padding:0 0 0.5em; }
.ptb_MetaboxOnglets ul.ptb_MetaboxOnglets-slider{ overflow:hidden; margin:0; list-style:none; }
.ptb_MetaboxOnglets li{ overflow:hidden; width:100%; }
.ptb_MetaboxOnglets li img{ position: absolute; top: 0; left: 0; right: 0; max-width: none; min-height: 100%; margin: 0; }
.ptb_MetaboxOnglets li video{ width: 100%; }
.ptb_MetaboxOnglets li .onglet-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.2; z-index: 1; }
.ptb_MetaboxOnglets li .onglet-content{ position: absolute; top: 50%; transform: translateY(-50%); /*bottom: 2em;*/ left: 130px; right: 0; max-width: 600px; margin: 0 auto; padding: 1.5em; font-size: 1.2em; color: #fff; text-align: center; z-index: 1; box-sizing: border-box; }
.ptb_MetaboxOnglets li .onglet-content h2{ margin: 0 0 1em; padding: 0; font-size: 1.8em; line-height: 1.2em; font-weight: 500; color: #fff; text-align: center; text-transform: uppercase; }
.ptb_MetaboxOnglets li .onglet-content .onglet-content-content{ float: left; width: 100%; }
.ptb_MetaboxOnglets li .knowMoreWhite{ margin: 1em 0 0; }
.ptb_MetaboxOnglets li .knowMoreWhite a{ min-width: 150px; }
.ptb_MetaboxOnglets li .knowMoreWhite a .player-picto{ max-width: 15px; min-height: inherit; top: 50%; transform: translateY(-50%); left: 1em; right: inherit; }
/* Video complete */
#onglet-homepage .onglet-video-complete{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#onglet-homepage .onglet-video-mask{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.95; }
#onglet-homepage .onglet-video-close{ position: absolute; left: 0; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; z-index: 999; box-sizing: border-box; }
#onglet-homepage .onglet-video-complete .onglet-popup-video{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 0; text-align: center; box-sizing: border-box; }
#onglet-homepage .onglet-video-complete iframe{ width: 100%; height: 100vh; margin: 0 auto; }
.ptb_MetaboxOnglets .mask-menu{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.7; }
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-paginate{ position: absolute; top: 50%; transform: translateY(-50%); width: 130px; z-index: 120; }
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-pager{}
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-pager a{ position: relative; display: block; height: 130px; padding: 2em 1.5em; font-family: 'Oswald', sans-serif; font-size: 0.85em; line-height: 1em; color: #fff; font-weight: 500; text-align: center; text-transform: uppercase; cursor: pointer; box-sizing: border-box; }
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-pager a.selected,
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-pager a.cycle-pager-active,
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-pager a:hover{ background: #B43C26; text-decoration: none; }
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-pager img{ position: absolute; top:30px; left: 0; right: 0; max-width: 45px; width:auto; height:auto; margin:auto }
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-pager span{ position: absolute; top:90px; left: 0; right: 0; }
/*************************/
/* ACTUALITES HOMEPAGE 2 */
/*************************/
#actus-homepage-2{ position: relative; width: 100%; max-width: 1280px; margin: 0 auto 5em; padding: 0 4em; box-sizing: border-box; }
#actus-homepage-2 h2.actus-title{ margin: 0 0 1em; padding: 0 0.5em; font-size: 2em; font-weight: 500; text-align: center; color: #B43C26; text-transform: uppercase; }
#actus-homepage-2-left{ float: left; width: 35%; }
#actus-homepage-2-left .actus-homepage-2-left-thumb{ position: relative; float: left; width: 100%; padding: 0.8em 0 0; background: #fff; }
#actus-homepage-2-left .actus-homepage-2-left-thumb img{ margin: 0; }
#actus-homepage-2-left .actus-homepage-2-left-date{ position: absolute; top: 0; left: 0.8em; width: 150px; padding: 1em 1em 1.5em; background: #B43C26; text-align: center; box-sizing: border-box; }
/* Cas d'une seule date pour evenement */
#actus-homepage-2-left span{ display: block; color: #F6D2A2; font-family: 'Oswald', sans-serif; }
#actus-homepage-2-left span.date-separator{ padding: 0 0 0 0.5em; color: #fff; }
#actus-homepage-2-left span.date-num{ font-size: 3em; line-height: 1.1em; font-weight: 300; font-style: italic; }
#actus-homepage-2-left span.date-month{ font-size: 1.5em; line-height: 1.1em; color: #fff; text-transform: uppercase; }
#actus-homepage-2-left span.date-year{ font-size: 1.5em; line-height: 1.1em; }
/* Cas d'un intervale de date pour l'evenement */
#actus-homepage-2-left .actus-homepage-2-left-date.interval{ width: inherit; width: auto; padding: 1em; text-align: left; display:none;}
#actus-homepage-2-left .actus-homepage-2-left-date-interval{ float: left; width: 100%; }
#actus-homepage-2-left .actus-homepage-2-left-date-interval span{ display: inline-block; }
#actus-homepage-2-left .actus-homepage-2-left-date-interval span.date-num{ font-family: 'EB Garamond', serif; font-size: 2em; line-height: 1em; font-style: italic; }
#actus-homepage-2-left .actus-homepage-2-left-date-interval span.date-month{ font-size: 1.3em; line-height: 1em; }
#actus-homepage-2-left .actus-homepage-2-left-date-interval span.date-year{ font-size: 1.3em; line-height: 1em; color: #fff; }
#actus-homepage-2-left .actus-homepage-2-left-content{ position: relative; float: left; width: 100%; padding: 1.5em 1em 0; font-size: 1.3em; box-sizing: border-box; }
#actus-homepage-2-left .actus-homepage-2-left-content p{ line-height: 1.3em; }
#actus-homepage-2-left .actus-homepage-2-left-title{ padding: 0; font-family: 'EB Garamond', serif; font-size: 1.4em; color: #B43C26; text-transform: uppercase; }
#actus-homepage-2-left .actu-meta{ margin: 0 0 1.8em; font-family: 'Oswald', sans-serif; font-size: 0.8em; font-weight: 300; text-transform: uppercase; }
#actus-homepage-2-left .meta-cat-list{}
#actus-homepage-2-left .meta-cat-list span{ display: none; }
#actus-homepage-2-left .meta-author{ display: none; }
#actus-homepage-2-left-more{ float: left; width: 100%; margin: 0 0 2em; display: none; }
#actus-homepage-2-left-more .actus-homepage-2-bottom-link-left{ float: left; width: 100%; padding: 0 3em; box-sizing: border-box; }
#actus-homepage-2-left-more .actus-homepage-2-bottom-link-left a{ display: block; padding: 0; font-family: 'Oswald', sans-serif; color: #B43C26; text-transform: uppercase; text-decoration: none; }
#actus-homepage-2-left-more .actus-homepage-2-bottom-link-left a span{ display: inline; position: relative; bottom: 0.2em; margin-left: 1em; color: #B43C26; }
#actus-homepage-2-right{ float: left; width: 65%; padding: 0.8em 0 0 5em; box-sizing: border-box; }
#actus-homepage-2-right .odd,
#actus-homepage-2-right .even{ margin: 0; padding: 3em 1em 0; border-bottom: 1px solid #B43C26; box-sizing: border-box; }
#actus-homepage-2-right .odd.first,
#actus-homepage-2-right .even.first{ padding: 1em 1em 0; }
#actus-homepage-2-right .odd.last,
#actus-homepage-2-right .even.last{ border: none; }
#actus-homepage-2-right .actus-homepage-2-right-date{ float: left; width: 100%; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase }
#actus-homepage-2-right .actus-homepage-2-right-content{ float: left; width: 100%; margin: 0; padding: 1.5em 0 2.5em 7em; box-sizing: border-box; }
#actus-homepage-2-right .odd.last .actus-homepage-2-right-content,
#actus-homepage-2-right .even.last .actus-homepage-2-right-content{ /*padding: 1.5em 0 0 7em;*/ }
#actus-homepage-2-right .actus-homepage-2-right-title{ margin: 0 0 0.5em; padding: 0; font-family: 'EB Garamond', serif; font-size: 1.6em; }
#actus-homepage-2-right .actu-meta{ margin: 0; font-family: 'Oswald', sans-serif; font-size: 0.8em; font-weight: 300; text-transform: uppercase; }
#actus-homepage-2-right .meta-cat-list{}
#actus-homepage-2-right .meta-cat-list span{ display: none; }
#actus-homepage-2-right .meta-author{ display: none; }
#actus-homepage-2-bottom{ float: left; width: 100%; margin: 1.5em 0 3em; }
#actus-homepage-2-bottom .actus-homepage-2-bottom-link-left{ float: left; width: 35%; text-align: right; box-sizing: border-box; }
#actus-homepage-2-bottom .actus-homepage-2-bottom-link-right{ float: left; width: 65%; text-align: right; box-sizing: border-box; }
#actus-homepage-2-bottom .actus-homepage-2-bottom-link-left a,
#actus-homepage-2-bottom .actus-homepage-2-bottom-link-right a{ display: inline-block; padding: 1em 0; font-family: 'Oswald', sans-serif; color: #B43C26; text-transform: uppercase; text-decoration: none; }
#actus-homepage-2-bottom .actus-homepage-2-bottom-link-left a span,
#actus-homepage-2-bottom .actus-homepage-2-bottom-link-right a span{ position: relative; bottom: 0.2em; margin-left: 1em; }
/****************************************/
/* ACTUALITES 2 ARCHIVES / CATEGORIES 2 */
/****************************************/
#actus-archive-2{ position: relative; overflow: hidden; width: 100%; max-width: 1280px; margin: 5em auto; padding: 0 4em; box-sizing: border-box; }
body.category #actus-archive-2{ margin: 1em auto 5em; }
#actus-archive-2 h2.actus-title{ margin: 0 0 1em; padding: 0 0.5em; font-size: 2.8em; font-weight: 600; text-align: center; color: #B43C26; text-transform: uppercase; }
/* Menu (Template) */
#actus-archive-2-menu{ float: left; width: 100%; margin: 0 0 3em; font-family: 'Oswald', sans-serif; box-sizing: border-box; }
body.page-template-tpl_actualites #actus-archive-2-menu{ margin: 0 0 1em; }
#actus-archive-2-menu #filter-actu-form{ float: left; width: 100%; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li{ float: left; width: 110px; margin: 0; padding: 0; text-align: center; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li a{ display: block; padding: 0.7em 1em; cursor: pointer; text-transform: uppercase; text-decoration: none; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li a:hover,
#actus-archive-2-menu ul.actus-archive-2-menu-filters li a.selected{ color: #B43C26; }
/* Filtre date pour mobile */
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile{ width: 150px; margin: -1px 0; text-align: left; display: none; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile .selectric{}
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile .selectric .label{ width: 100%; height: 49px; margin: 0; padding: 0 38px 0 1em; line-height: 48px; text-align: left; color: #B43C26; text-transform: none; box-sizing: border-box; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile .selectric .button{ height: 48px; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile .selectric-scroll{}
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile .selectric-scroll ul{}
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile .selectric-scroll li{ width: 100%; height: auto; padding: 1em 1.5em; line-height: 1em; color: #B43C26; text-align: left; box-sizing: border-box; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.first{ width: 200px; text-align: left; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.first a{ padding: 0.8em 1.5em; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.keyword-filter{ float: right; width: 200px; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.keyword-filter input{ width: 100%; height: 51px; margin: -1px 0; padding: 0 35px 0 1em; background: url("images/search.png") 170px center no-repeat; border: 1px solid #ddd; box-sizing: border-box; }
/* Menu (Archives / Categories) */
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top{ margin: 0 0 1.5em; border: none; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li{ width: auto; text-align: left; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.label-filter{ width: 400px; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter{ position: relative; z-index: 2; float: right; width: 200px; margin: 0 0 0 1em; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric{}
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric .label{ width: 100%; height: 48px; margin: 0; padding: 0 38px 0 1em; line-height: 48px; text-align: center; color: #B43C26; text-transform: none; box-sizing: border-box; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric .button{ height: 48px; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric-scroll{}
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric-scroll ul{}
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric-scroll li{ width: 100%; height: auto; padding: 1em 1.5em; line-height: 1em; color: #B43C26; box-sizing: border-box; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter{ float: right; width: 200px; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter input{ width: 100%; height: 50px; margin: 0; padding: 0 35px 0 1em; background: url("images/search.png") 170px center no-repeat; box-sizing: border-box; }
/* Liste des articles */
#actus-archives-2-content{ float: left; width: 100%; }
#actus-archives-2-content .list-archive{ float: left; width: 100%; margin: 0 0 3em; }
/* Chargement et prechargement */
#actus-archives-2-content .actus-block-load{}
#actus-archives-2-content .actus-loaded{ float: left; width: 100%; }
#actus-archives-2-content .actus-preloaded{ float: left; width: 100%; display: none; }
/* Articles (template) */
#actus-archives-2-content .odd,
#actus-archives-2-content .even{ float: left; width: 50%; padding: 0 1.5em 1.5em; box-sizing: border-box; }
#actus-archives-2-content .odd{}
#actus-archives-2-content .even{}
#actus-archives-2-content .vignette-content-link{ float: left; width: 100%; min-height: 290px; border-bottom: 1px solid #B43C26; box-sizing: border-box; }
/* Actualités */
#actus-archives-2-content .actu-meta{ float: left; width: 100%; margin: 4em 0 0; font-family: 'Oswald', sans-serif; font-size: 0.8em; font-weight: 300; text-transform: uppercase; }
#actus-archives-2-content .meta-cat-list{ float: right; font-size: 1.2em; font-weight: 300; color: #B43C26; }
#actus-archives-2-content .meta-cat-list a{ color: #B43C26; text-decoration: none; }
#actus-archives-2-content .meta-cat-list span{ display: none; }
#actus-archives-2-content .meta-date{ font-size: 1.2em; font-weight: 300; }
#actus-archives-2-content .actu-text-content{ float: left; width: 100%; padding: 2em 4em; box-sizing: border-box; }
#actus-archives-2-content .actu-text-content h3{ margin: 0; padding: 0; font-family: 'EB Garamond', serif; line-height: /*1.6em*/ 1.2em; }
#actus-archives-2-content .actu-text-content .actu-text-content-excerpt{ margin: 1em 0 0; }
#actus-archives-2-content .actu-text-content .actu-text-content-excerpt p{ margin: 0; }
#actus-archives-2-content .list-cat-for-cat{ float: left; width: 100%; padding: 1em 0 0; box-sizing: border-box; display: none; }
#actus-archives-2-content .list-cat-for-cat .meta-cat-list{ float: left; width: 100%; margin: 0; font-family: 'Oswald', sans-serif; font-size: 0.9em; color: #000; font-weight: 300; text-transform: uppercase; }
#actus-archives-2-content .list-cat-for-cat .meta-cat-list a{ color: #000; }
/* Evenements */
#actus-archives-2-content .list-archive-event .odd,
#actus-archives-2-content .list-archive-event .even{ width: 33.33%; }
#actus-archives-2-content .list-archive-event .vignette-content-link{ min-height: 530px; border: none; }
#actus-archives-2-content .actus-archive-2-thumb{ position: relative; float: left; width: 100%; padding: 0.8em 0 0; background: #fff; }
#actus-archives-2-content .actus-archive-2-thumb img{ margin: 0; }
#actus-archives-2-content .actus-archive-2-date{ position: absolute; top: 0; left: 0.8em; width: 150px; padding: 1em 1em 1.5em; background: #B43C26; text-align: center; box-sizing: border-box; }
/* Cas d'une seule date pour evenement */
#actus-archives-2-content .actus-archive-2-date span{ display: block; color: #F6D2A2; font-family: 'Oswald', sans-serif; }
#actus-archives-2-content .actus-archive-2-date span.date-separator{ padding: 0 0 0 0.5em; color: #fff; }
#actus-archives-2-content .actus-archive-2-date span.date-num{ font-size: 3em; line-height: 1.1em; font-weight: 300; font-style: italic; }
#actus-archives-2-content .actus-archive-2-date span.date-month{ font-size: 1.5em; line-height: 1.1em; color: #fff; text-transform: uppercase; }
#actus-archives-2-content .actus-archive-2-date span.date-year{ font-size: 1.5em; line-height: 1.1em; }
/* Cas d'un intervale de date pour l'evenement */
#actus-archives-2-content .actus-archive-2-date.interval{ width: inherit; width: auto; padding: 1em; text-align: left; }
#actus-archives-2-content .actus-archive-2-date-interval{ float: left; width: 100%; }
#actus-archives-2-content .actus-archive-2-date-interval span{ display: inline-block; }
#actus-archives-2-content .actus-archive-2-date-interval span.date-num{ font-family: 'EB Garamond', serif; font-size: 2em; line-height: 1em; font-style: italic; }
#actus-archives-2-content .actus-archive-2-date-interval span.date-month{ font-size: 1.3em; line-height: 1em; }
#actus-archives-2-content .actus-archive-2-date-interval span.date-year{ font-size: 1.3em; line-height: 1em; color: #fff; }
#actus-archives-2-content .actus-archive-2-content{ position: relative; float: left; width: 100%; padding: 1.5em 1em 0; font-size: 1.3em; box-sizing: border-box; }
#actus-archives-2-content .actus-archive-2-content p{ line-height: 1.3em; }
#actus-archives-2-content .actus-archive-2-title{ min-height: 85px; padding: 0; font-family: 'EB Garamond', serif; font-size: 1.1em; line-height: 1.2em; color: #B43C26; text-transform: uppercase; }
#actus-archives-2-content .list-archive-event .actu-meta{ margin: 0 0 1em; }
#actus-archives-2-content .list-archive-event .meta-cat-list{ float: left; font-size: 1em; }
#actus-archives-2-content .list-archive-event .meta-cat-list a{ color: #000; }
/* Articles (catgories) */
body.category #actus-archives-2-content .vignette-content-link{ min-height: inherit; border-bottom: 1px solid #f2f2f2; }
body.category #actus-archives-2-content .odd,
body.category #actus-archives-2-content .even{ width: 100%; padding: 1.5em 0; }
/* Actualités */
body.category #actus-archives-2-content .actu-meta{ width: 180px; margin: 0.8em 0 0; }
body.category #actus-archives-2-content .meta-cat-list{ display: none; }
body.category #actus-archives-2-content .meta-date{ display: block; padding: 0 1.5em; }
body.category #actus-archives-2-content .actu-text-content{ float: none; overflow: hidden; width: auto; padding: 0 4em 3em; }
body.category #actus-archives-2-content .actu-text-content h3{ font-size: 1.8em; line-height: 1.4em; }
body.category #actus-archives-2-content .list-cat-for-cat{ display: block; }
body.category #actus-archives-2-content .list-cat-for-cat .meta-cat-list{ display: block; }
/* Presse */
body.category #actus-archives-2-content .list-archive-press .actu-text-content{ position: relative; padding-right: 100px; }
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-right{ position: absolute; top: 0; right: 0; width: 100px; display:none; }
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-bottom{ float: left; width: 100%; }
/* Telechargements */
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-right a,
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-bottom a{ display: inline-block; width: 60px; height: 60px; margin: 1em 1em 0 0; background-repeat: no-repeat; background-position: bottom center; }
body.category #actus-archives-2-content .list-archive-press a.dl-press-share{ background-image: url("images/partager.svg"); }
body.category #actus-archives-2-content .list-archive-press a.dl-press-complet{ background-image: url("images/dossier.svg"); }
body.category #actus-archives-2-content .list-archive-press a.dl-press-doc{ background-image: url("images/pdf.svg"); }
body.category #actus-archives-2-content .list-archive-press a.dl-press-img{ background-image: url("images/photo.svg"); }
/* Evenements */
body.category #actus-archives-2-content .list-archive-event .vignette-content-link{ border: none; }
body.category #actus-archives-2-content .list-archive-event .odd,
body.category #actus-archives-2-content .list-archive-event .even{ padding: 1.5em 0 0; }
body.category #actus-archives-2-content .actus-archive-2-thumb{ float: left; max-width: 360px; background: none; }
body.category #actus-archives-2-content .actus-archive-2-content{ float: none; overflow: hidden; width: auto; padding: 2em 3em 0.5em; }
body.category #actus-archives-2-content .actus-archive-2-title{ min-height: inherit; }
body.category #actus-archives-2-content .list-archive-event .actu-meta{ width: 100%; margin: 0 0 2em; }
body.category #actus-archives-2-content .list-archive-event .meta-cat-list{ display: block; }
/* Voir tout */
#actus-archives-2-content .list-archive-link{ float: left; width: 100%; }
#actus-archives-2-content .list-archive-link a{ float: right; display: inline-block; padding: 1em 0; font-family: 'Oswald', sans-serif; color: #B43C26; font-weight: 500; text-transform: uppercase; text-decoration: none; }
#actus-archives-2-content .list-archive-link a span{ position: relative; bottom: 0.2em; margin-left: 1em; }
/* Voir plus */
#actus-archives-2-content .list-archive-more{ float: left; width: 100%; }
#actus-archives-2-content .list-archive-more a{ cursor: pointer; }
/* Retour */
#actus-archive-2 .list-archive-link-return{ position: relative; float: left; width: 100%; z-index: 1; }
#actus-archive-2 .list-archive-link-return a{ float: left; display: inline-block; padding: 1em 0 1em 0.5em; font-family: 'Oswald', sans-serif; font-size: 1.2em; font-weight: 400; text-transform: none !important; text-decoration: none; }
#actus-archive-2 .list-archive-link-return a span{ position: relative; bottom: 0.1em; margin-right: 0.6em; }
/**********************************************/
/* ARTICLES (ACTUALITES / EVENTS / PRESS ...) */
/**********************************************/
#single-content-wrap{ position: relative; overflow: hidden; width: 100%; max-width: 800px; margin: 5em auto; padding: 3em 4em 0; box-sizing: border-box; }
#single-content-wrap .entry-content{ font-size: 1.2em; }
/* General */
#single-content-wrap h1,
#single-content-wrap h2,
#single-content-wrap h3,
#single-content-wrap h4,
#single-content-wrap h5,
#single-content-wrap h6{ margin: 0 0 0.5em; }
/* Presse */
#press-download-galerie-zone{ float: left; width: 100%; margin: 5em 0 0; }
#press-download-galerie-zone .press-download-zone{ float: left; width: 100%; box-sizing: border-box; }
#press-download-galerie-zone .press-download-zone-title{ display: inline-block; float: left; width: 50%; font-family: 'Oswald', sans-serif; font-size: 1.2em; line-height: 35px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; }
#press-download-galerie-zone .press-download-zone-title img{ max-height: 35px; margin: 0 1em 0 0; }
#press-download-galerie-zone .press-download-zone-link{ display: inline-block; float: left; width: 50%; font-family: 'Oswald', sans-serif; line-height: 35px; font-weight: 500; text-align: right; text-transform: uppercase; box-sizing: border-box; }
#press-download-galerie-zone .press-download-zone-dossier{ float: left; width: 100%; padding: 1.5em 1.5em 2.5em; border-top: 1px solid #ccc; box-sizing: border-box; }
#press-download-galerie-zone .press-download-zone-pdf{ float: left; width: 100%; padding: 1.5em 1.5em 2.5em; border-top: 1px solid #ccc; box-sizing: border-box; }
#press-download-galerie-zone .press-download-zone-pdf .press-download-zone-title img{ margin: 0 1.8em 0 0; }
#press-download-galerie-zone .press-download-zone-pdf ul{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#press-download-galerie-zone .press-download-zone-pdf ul li{ float: left; width: 50%; padding: 2em 1em 0 0; box-sizing: border-box; }
#press-download-galerie-zone .press-download-zone-pdf ul li:nth-child(2n){ padding: 2em 0 0 0; }
#press-download-galerie-zone .press-download-zone-pdf ul li a{ display: block; padding: 1em; font-family: 'Oswald', sans-serif; border: 1px solid #ccc; box-sizing: border-box; }
#press-download-galerie-zone .press-download-zone-pdf ul li a span{ display: inline-block; float: right; margin: 0 0 0 0.5em; }
#press-download-galerie-zone .press-download-zone-photo{ float: left; width: 100%; padding: 1.5em 1.5em 2.5em; border-top: 1px solid #ccc; box-sizing: border-box; }
#press-download-galerie-zone .press-download-zone-photo .press-download-zone-title img{ margin: 0 1.4em 0 0; }
#press-download-galerie-zone .press-galerie-zone{ position: relative; float: left; width: 100%; padding: 0 3em; box-sizing: border-box; }
#press-download-galerie-zone .press-galerie-zone ul{ position: relative; float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#press-download-galerie-zone .press-galerie-zone ul li{ position: relative !important; height: 180px; box-sizing: border-box; }
#press-download-galerie-zone .press-galerie-zone ul li .press-galerie-zone-img{ position: absolute; top: 0.5em; bottom: 0.5em; left: 0.5em; right: 0.5em; border: 1px solid #ccc; box-sizing: border-box; }
#press-download-galerie-zone .press-galerie-zone ul li .press-galerie-zone-img a{ position: absolute; top: 1em; bottom: 1em; left: 1em; right: 1em; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; }
/* Popup image */
#press-download-galerie-zone .press-download-galerie-popup-img{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#press-download-galerie-zone .press-download-galerie-popup-mask{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff; opacity: 0.95; }
#press-download-galerie-zone .press-download-galerie-popup-close{ position: relative; float: right; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; z-index: 1; box-sizing: border-box; }
#press-download-galerie-zone .press-download-galerie-popup-img-content{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 3em; text-align: center; box-sizing: border-box; }
#press-download-galerie-zone .press-download-galerie-popup-img-content img{ max-width: 100%; }
#press-download-galerie-zone .press-download-galerie-popup-img-content h4{ margin: 0 0 0.5em; padding: 0; font-family: 'EB Garamond', serif; font-size: 1.5em; font-weight: 400; font-style: italic; }
#press-download-galerie-zone .press-download-galerie-popup-img-content h4 a{}
#pagination-press-img{ position: absolute; top: 40%; transform: translateY(-50%); left: 0; right: 0; float: left; width: 100%; margin: 0; text-align: center; }
#prev-press-img{ position: absolute; top: 0; left: 0; width: 50px; height: 50px; font-size: 3em; text-decoration: none; cursor: pointer; }
#prev-press-img img{ transform: rotate(180deg); }
#next-press-img{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; font-size: 3em; text-decoration: none; cursor: pointer; }
#prev-press-img.disabled,
#next-press-img.disabled{ display: none; }
#pager-press-img{ float: left; width: 100%; padding: 0 50px; box-sizing: border-box; display: none; }
#pager-press-img span{ display: inline-block; width: 20px; height: 20px; margin: 5px 0 0; font-size: 3em; cursor: pointer; }
#pager-press-img span.cycle-pager-active{ color: #B43C26; }
/***************************************/
/* COCKTAILS 2 ARCHIVES / CATEGORIES 2 */
/***************************************/
/* Timeline */
#cocktails-archives-2-timeline{ position: relative; overflow: hidden; width: 100%; margin: 0 auto; }
#cocktails-archives-2-timeline .cocktails-archives-2-timeline-content{ float: left; width: 100%; margin: 0 0 2em; padding: 0 0.5em; box-sizing: border-box; }
#cocktails-archives-2-timeline-slider{ position: relative; overflow: hidden; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 3em; box-sizing: border-box; }
#cocktails-archives-2-timeline-slider .cocktails-archives-2-line{ position: absolute; top: 76px; left: 0; right: 0; height: 3px; background: #ddd; }
#cocktails-archives-2-timeline-slider ul{ position: relative; overflow: hidden; margin: 0; padding: 0; list-style: none; text-align: center; }
#cocktails-archives-2-timeline-slider li{ position: relative !important; float: none; display: inline-block; min-height: 175px; /*width: 180px;*/ vertical-align: top; }
#cocktails-archives-2-timeline-slider .timeline-link{ display: block; padding: 0 0.8em 0 0; text-decoration: none; cursor: pointer; }
#cocktails-archives-2-timeline-slider .timeline-bullet{ position: absolute; top: 67px; left: 0; right: 0; display: inline-block; width: 13px; height: 13px; margin: 0 auto; background: #B43C26; border: 5px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#cocktails-archives-2-timeline-slider .timeline-date{ display: block; margin: 0 0 0.5em; font-size: 1.5em; line-height: 76px; color: #B43C26; font-style: italic; }
#cocktails-archives-2-timeline-slider .timeline-nom{ display: block; white-space: normal; padding: 0.5em 0; font-family: 'Oswald', sans-serif; font-size: 1.2em; line-height: 1em; font-weight: 700; text-transform: uppercase; opacity: 0; }
#cocktails-archives-2-timeline-slider .timeline-pays{ display: block; white-space: normal; font-size: 1.2em; font-weight: 600; opacity: 0; }
/* Hover */
#cocktails-archives-2-timeline-slider .timeline-link.selected .timeline-bullet{ top: 64px; width: 19px; height: 19px; }
#cocktails-archives-2-timeline-slider .timeline-link.selected .timeline-date{ font-size: 2.3em; }
#cocktails-archives-2-timeline-slider .timeline-link.selected .timeline-nom{ opacity: 1; }
#cocktails-archives-2-timeline-slider .timeline-link.selected .timeline-pays{ opacity: 1; }
#cocktails-archives-2-timeline-photo{ position: relative; float: left; width: 100%; }
#cocktails-archives-2-timeline-photo ul{ position: relative; float: left; width: 100%; height: 700px; margin: 0; padding: 0; list-style: none; }
#cocktails-archives-2-timeline-photo li{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; background-color: #000; background-size: 100%; background-repeat: no-repeat; background-position: center center; opacity: 0; z-index: 0; }
#cocktails-archives-2-timeline-photo li.selected{ opacity: 1; z-index: 1; }
#cocktails-archives-2-timeline-photo li .legende-cocktail-timeline{ position: absolute; top: 20%; left: 100%; width: 33.33%; color: #fff; opacity: 0; }
#cocktails-archives-2-timeline-photo li.selected .legende-cocktail-timeline{ left: 66.66%; opacity: 1; }
#cocktails-archives-2-timeline-photo li .legende-cocktail-timeline p{ font-size: 2.8em; line-height: 1.2em; }
#prev-cocktails-timeline,
#next-cocktails-timeline{ position: absolute; top: 0; width: 3em; bottom: 0; z-index: 100; background: #fff; }
#prev-cocktails-timeline span,
#next-cocktails-timeline span{ position: absolute; top: 48px; left: 0; right: 0; display: block; padding: 8px 0 0; background: #fff; font-size: 3em; line-height: 1em; text-align: center; }
#prev-cocktails-timeline.disabled span,
#next-cocktails-timeline.disabled span{ opacity: 0; }
#prev-cocktails-timeline span img,
#next-cocktails-timeline span img{}
#prev-cocktails-timeline span img{ transform: rotate(180deg); }
#prev-cocktails-timeline{ left: 0; }
#next-cocktails-timeline{ right: 0; }
/* Les cocktails */
#cocktails-list.cocktails-list-anchor{ float: left; width: 100%; height: 10px; }
#cocktails-archives-2-list{ position: relative; overflow: hidden; width: 100%; max-width: 1280px; margin: 1em auto 0; }
#cocktails-archives-2-list .cocktails-archives-2-list-content{ float: left; width: 100%; margin: 2em 0; padding: 0 0.5em; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-archives-2-list-content p{ margin: 0 0 0.5em; font-size: 1.4em; }
/* Filtres des cocktails */
#cocktails-archives-2-list .cocktails-archives-top{ float: left; width: 100%; margin: 0 0 2em; padding: 0 6em; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-archives-top-content{ float: left; width: 100%; padding: 1em; background: #FEEED7; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-archives-top-left{ float: left; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-archives-top-left ul{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#cocktails-archives-2-list .cocktails-archives-top-left li{ float: left; margin: 0 1em 0 0; padding: 0; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-archives-top-left a{ display: block; margin: 4px 0 0; padding: 0 5px; font-size: 0.9em; line-height: 1em; color: #000; text-transform: uppercase; cursor: pointer; }
#cocktails-archives-2-list .cocktails-archives-top-left a:hover,
#cocktails-archives-2-list .cocktails-archives-top-left a.selected{ background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-decoration: none; }
#cocktails-archives-2-list .cocktails-archives-top-left a .selected-picto-cat{ display: none; }
#cocktails-archives-2-list .cocktails-archives-top-left a .picto-cat{ display: block; }
#cocktails-archives-2-list .cocktails-archives-top-left a.selected .selected-picto-cat{ display: block; }
#cocktails-archives-2-list .cocktails-archives-top-left a.selected .picto-cat{ display: none; }
#cocktails-archives-2-list .cocktails-archives-top-left img{ width: inherit; width: auto; max-height: 50px; margin-bottom: 0; }
#cocktails-archives-2-list .cocktails-archives-top-right{ float: right; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-archives-top-right ul{ float: right; margin: 0; padding: 0; list-style: none; }
#cocktails-archives-2-list .cocktails-archives-top-right li{ float: left; width: 140px; margin: 0; padding: 0; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-archives-top-right ul ul{ float: left; width: 100%; list-style: none; }
#cocktails-archives-2-list .cocktails-archives-top-right li li{ float: left; width: 100%; }
#cocktails-archives-2-list .cocktails-archives-top-right a{ display: block; margin: 0 0 0.1em 0.5em; padding: 0 0.5em; font-size: 1.2em; line-height: 1.4em; font-style: italic; text-decoration: none; cursor: pointer; }
#cocktails-archives-2-list .cocktails-archives-top-right a:hover,
#cocktails-archives-2-list .cocktails-archives-top-right a.selected{ background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#cocktails-archives-2-list .cocktails-archives-top-right li span{ display: inline-block; width: 13px; height: 13px; margin: 0 0.5em 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-archives-top-right li span.item-difficulte{ border: 2px solid #0d553f; }
#cocktails-archives-2-list .cocktails-archives-top-right li span.item-difficulte.selected{ background: #0d553f; }
#cocktails-archives-2-list .cocktails-archives-top-right li span.item-type{ border: 2px solid #e27e04; }
#cocktails-archives-2-list .cocktails-archives-top-right li span.item-type.selected{ background: #e27e04; }
#cocktails-archives-2-list .cocktails-archives-top-right li span.item-arome{ border: 2px solid #b43c24; }
#cocktails-archives-2-list .cocktails-archives-top-right li span.item-arome.selected{ background: #b43c24; }
/* Liste des cocktails */
#cocktails-archives-2-list .cocktails-archives-content{ float: left; width: 100%; padding: 0 5em; box-sizing: border-box; }
#cocktails-archives-2-list .cocktails-block-load{}
#cocktails-archives-2-list .cocktails-loaded{ float: left; width: 100%; }
#cocktails-archives-2-list .cocktails-preloaded{ float: left; width: 100%; display: none; }
#cocktails-archives-2-list .odd,
#cocktails-archives-2-list .even{ float: left; width: 33.33%; margin: 0 0 1.5em; padding: 0 1em; box-sizing: border-box; }
/* Miniature */
#cocktails-archives-2-list .vignette-content-link{ position: relative; }
#cocktails-archives-2-list .cocktail-img{ position: relative; float: left; width: 100%; min-height: 200px; margin: 0; padding: 0; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
#cocktails-archives-2-list .cocktail-text{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; box-sizing: border-box; opacity: 0; }
#cocktails-archives-2-list .cocktail-text-content{}
/* Titre */
#cocktails-archives-2-list h3{ margin: 0; padding: 0.8em; font-size: 1.7em; line-height: 1em; font-weight: 400; font-family: 'EB Garamond', serif; text-align: center; font-style: italic; z-index: 1; }
/* Detail */
#cocktails-archives-2-list .cocktail-details{ float: left; width: 100%; margin: 0 0 1.5em; }
#cocktails-archives-2-list .cocktail-details ul{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; }
#cocktails-archives-2-list .cocktail-details li{ float: none; display: inline-block; padding: 0 0.8em; }
#cocktails-archives-2-list .cocktail-details li span{ display: block; width: 13px; height: 13px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-sizing: border-box; }
#cocktails-archives-2-list .cocktail-details li span.item-difficulte{ border: 2px solid #0d553f; }
#cocktails-archives-2-list .cocktail-details li span.item-difficulte.selected{ background: #0d553f; }
#cocktails-archives-2-list .cocktail-details li span.item-type{ border: 2px solid #e27e04; }
#cocktails-archives-2-list .cocktail-details li span.item-type.selected{ background: #e27e04; }
#cocktails-archives-2-list .cocktail-details li span.item-arome{ border: 2px solid #b43c24; }
#cocktails-archives-2-list .cocktail-details li span.item-arome.selected{ background: #b43c24; }
/* Cocktails connexion */
#cocktails-archives-2-connexion-btn{ float: left; width: 100%; }
#cocktails-archives-2-connexion-btn .vc-cognac-btn-wrap{ padding: 0 2em 2em; }
#cocktails-archives-2-connexion{ overflow: hidden; width: 100%; margin: 3em auto 0; background-repeat: no-repeat; background-position: top center; background-size: 100%; }
#cocktails-archives-2-connexion-left{ position: relative; float: left; width: 25%; height: 210px; }
#cocktails-archives-2-connexion-left .cocktails-archives-2-connexion-left-content{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
#cocktails-archives-2-connexion-left .cocktails-archives-2-connexion-left-content img{ width: inherit; width: auto; max-height: 120px; margin-bottom: 0; }
#cocktails-archives-2-connexion-middle{ position: relative; float: left; width: 50%; height: 210px; }
#cocktails-archives-2-connexion-middle .cocktails-archives-2-connexion-middle-content{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; color: #fff; text-align: center; }
#cocktails-archives-2-connexion-middle .cocktails-archives-2-connexion-middle-content span.connexion-titre{ display: block; margin: 0 0 0.1em; padding: 0 1em; font-family: 'Oswald', sans-serif; font-size: 3em; line-height: 1.2em; }
#cocktails-archives-2-connexion-middle .cocktails-archives-2-connexion-middle-content span.connexion-baseline{ display: block; padding: 0 1em; font-size: 2em; line-height: 1.2em; font-style: italic; }
#cocktails-archives-2-connexion-right{ position: relative; float: left; width: 25%; height: 210px; }
#cocktails-archives-2-connexion-right .cocktails-archives-2-connexion-right-content{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; }
#cocktails-archives-2-connexion-right span.connexion-lien{ position: absolute; display: inline-block; bottom: 1.5em; right: 3em; font-size: 1.5em; line-height: 1em; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; }
#cocktails-archives-2-connexion-right span.connexion-lien span{ position: relative; bottom: 0.15em; margin-left: 1em; }
/*******************/
/* COCKTAILS PAGES */
/*******************/
#cocktails-page{ position: relative; float: left; width: 100%; margin: 0 auto; }
/* Haut de page */
#cocktails-page-haut{ position: relative; float: left; width: 100%; }
#cocktails-page-haut-content{ width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 2em; box-sizing: border-box; }
#cocktails-page-left,
#cocktails-page-middle,
#cocktails-page-right{ float: left; min-height: 1em; }
#cocktails-page-left .title-block,
#cocktails-page-middle .title-block,
#cocktails-page-right .title-block{ margin: 0 0 1.5em; padding: 0; color: #B43C26; text-transform: uppercase; }
/* Gauche */
#cocktails-page-left{ width: 35%; }
#cocktails-page-left .cocktails-page-left-content{ padding: 4em 1em 2.5em; font-size: 1.2em; }
/* Milieu */
#cocktails-page-middle{ position: fixed; top: 230px; left: 0; right: 0; z-index: 2; box-sizing: border-box; }
#cocktails-page-middle img{ max-width: 350px; margin-bottom: 0; }
/* Droite */
#cocktails-page-right{ width: 35%; margin: 0 0 0 30%; }
#cocktails-page-right .cocktails-page-right-content{ float: left; width: 100%; padding: 4em 1em 2.5em 2em; font-size: 1.2em; box-sizing: border-box; }
/* Bas de page */
#cocktails-page-bas{ position: relative; float: left; width: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center center; }
#cocktails-page-bas-content{ width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 2em; box-sizing: border-box; }
#cocktails-page-left2,
#cocktails-page-middle2,
#cocktails-page-right2{ float: left; min-height: 1em; color: #fff; }
#cocktails-page-left2 .title-block,
#cocktails-page-middle2 .title-block,
#cocktails-page-right2 .title-block{ margin: 0 0 1.5em; padding: 0; color: #fff; text-transform: uppercase; }
/* Gauche */
#cocktails-page-left2{ width: 35%; }
#cocktails-page-left2 .cocktails-page-left-content{ padding: 8em 1em 6.5em; font-size: 1.2em; }
#cocktails-page-left2 .vc-cognac-btn-wrap{ padding: 0; }
/* Milieu */
#cocktails-page-middle2{ position: fixed; top: 230px; left: 0; right: 0; z-index: 9; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); box-sizing: border-box; }
#cocktails-page-middle3{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; max-width: 400px; margin: 0 auto; z-index: 9; /*opacity: 0;*/ display: none; }
#cocktails-page-middle2 img,
#cocktails-page-middle3 img{ max-width: 350px; margin-bottom: 0; }
/* Droite */
#cocktails-page-right2{ width: 35%; margin: 0 0 0 30%; }
#cocktails-page-right2 .cocktails-page-right-content{ float: left; width: 100%; padding: 8em 1em 6.5em; font-size: 1.2em; box-sizing: border-box; }
/* Ustensiles */
#cocktails-page ul.ustensiles{ float: left; margin: 0 0 1.5em -1em; padding: 0; list-style: none; }
#cocktails-page ul.ustensiles li{ position: relative; float: left; width: 42px; height: 101px; margin: 0; padding: 0 0.5em; }
#cocktails-page ul.ustensiles img{ position: absolute; bottom: 0; left: 0; right: 0; width: auto; max-height: 100%; margin-bottom: 0; }
/* Astuce */
#cocktails-page-astuce{ float: left; width: 100%; background: #F5F2E9; }
#cocktails-page-astuce-content{ overflow: hidden; width: 100%; max-width: 960px; margin: 4em auto 0; padding: 0; background: #fff; box-sizing: border-box; }
#cocktails-astuce-left,
#cocktails-astuce-middle,
#cocktails-astuce-right{ float: left; min-height: 1em; }
#cocktails-astuce-left .title-block,
#cocktails-astuce-middle .title-block,
#cocktails-astuce-right .title-block{ margin: 0 0 1.5em; padding: 0; color: #B43C26; text-transform: uppercase; }
/* Gauche */
#cocktails-astuce-left{ width: 35%; }
#cocktails-astuce-left .cocktails-astuce-left-content{ padding: 4em; }
/* Milieu */
#cocktails-astuce-middle{ width: 40%; }
#cocktails-astuce-middle .cocktails-astuce-middle-content{ position: relative; height: 350px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
#cocktails-astuce-middle .cocktails-astuce-middle-content a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }
#cocktails-astuce-middle .cocktails-astuce-middle-content img{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin-bottom: 0; }
/* Popup */
#cocktail-popup{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#cocktail-popup .cocktail-mask{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff; opacity: 0.95; }
#cocktail-popup a.cocktail-close{ position: relative; float: right; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; z-index: 999; box-sizing: border-box; }
#cocktail-popup .cocktail-popup-video{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 3em; text-align: center; box-sizing: border-box; }
#cocktail-popup video{ max-width: 100%; height: 75vh; margin: 0 auto; }
#cocktail-popup h4{ margin: 0 0 0.5em; padding: 0; font-family: 'EB Garamond', serif; font-size: 3.5em; font-weight: 400; }
/* Droite */
#cocktails-astuce-right{ width: 25%; }
#cocktails-astuce-right ul{ height: 700px; margin: 0; padding: 0; list-style: none; }
#cocktails-astuce-right li{ position: relative; margin: 0; padding: 0; font-family: 'Oswald', sans-serif; color: #B43C26; text-align: center; border-bottom: 1px solid #ccc; box-sizing: border-box; }
#cocktails-astuce-right li.last{ border: none; }
#cocktails-astuce-right ul.nbitem-8 li{ height: 12.5%; }
#cocktails-astuce-right ul.nbitem-7 li{ height: 14.28%; }
#cocktails-astuce-right ul.nbitem-6 li{ height: 16.6%; }
#cocktails-astuce-right ul.nbitem-5 li{ height: 20%; }
#cocktails-astuce-right ul.nbitem-4 li{ height: 25%; }
#cocktails-astuce-right ul.nbitem-3 li{ height: 33.33%; }
#cocktails-astuce-right ul.nbitem-2 li{ height: 50%; }
#cocktails-astuce-right ul.nbitem-1 li{ height: 100%; }
#cocktails-astuce-right .cocktails-astuce-right-content{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 0; font-size: 1.2em; }
#cocktails-astuce-right .cocktails-astuce-right-content span{}
#cocktails-astuce-right .cocktails-astuce-right-content img{ margin-bottom: 0; }
/* Suggestion */
#cocktails-page-suggest{ float: left; width: 100%; background: #F5F2E9; }
#cocktails-page-suggest-content{ overflow: hidden; width: 100%; max-width: 300px; margin: 4em auto; padding: 0; text-align: center; box-sizing: border-box; }
#cocktails-page-suggest h3{ margin: 0 0 1em; padding: 0; color: #B43C26; text-transform: uppercase; }
#cocktails-page-suggest a{ text-decoration: none; }
#cocktails-page-suggest img{ max-width: 100px; margin-bottom: 1em; }
#cocktails-page-suggest span{ display: block; font-family: 'Oswald', sans-serif; font-size: 1.2em; line-height: 1.2em; color: #B43C26; font-weight: 300; }
/*****************/
/* HISTOIRE PAGE */
/*****************/
#histoire-page{ position: relative; float: left; width: 100%; }
#histoire-page .histoire-list{ white-space: nowrap; }
#histoire-page .histoire-element{ display: inline-block; margin: 0; padding: 100px 0 200px; white-space: normal; vertical-align: top; }
#histoire-page .histoire-element.last{ padding-right: 6em; }
#histoire-page .histoire-element-content{ position: relative; float: left; width: 100%; }
#histoire-page .histoire-element-content img{ margin: 0; }
#histoire-page .histoire-content-text{ float: left; max-width: 600px; padding: 0 4em; box-sizing: border-box; }
#histoire-page .vc-cognac-titreformate{ padding: 0; }
#histoire-page .vc-cognac-titreformate h2{ margin: 0 0 1em; padding: 0; font-size: 2.5em; text-align: left; }
#histoire-page .vc-cognac-titreformate h2 span{ margin: 0.2em 0 0; color: #0E5540; font-size: 0.9em; line-height: 1em; }
#histoire-page h3.histoire-titre{ margin: 0 0 0.2em; padding: 0; font-size: 3.5em; line-height: 1em; font-weight: 500; text-transform: uppercase; }
#histoire-page h4.histoire-chapo{ margin: 0 0 0.5em; font-size: 2em; line-height: 1em; font-weight: 300; }
#histoire-page .histoire-content-content{ margin: 0 0 0 2em; font-size: 1.1em; }
#histoire-page .histoire-content-image{ position: relative; float: left; padding: 0; z-index: 1; box-sizing: border-box; }
#histoire-page .histoire-content-citation{ position: absolute; top: 50%; transform: translateY(-50%); left: 7em; right: 7em; color: orange; text-align: center; font-style: italic; z-index: 1; }
#histoire-page .histoire-content-citation p{ margin: 0; font-size: 3em; line-height: 1em; }
#histoire-page .histoire-content-image-sup{ position: absolute; right: 0; bottom: 0; /*display: none;*/ }
#histoire-page .histoire-content-image-sup img{ max-width: 500px; }
/* Scrollbar */
#histoire-page .mCSB_container{ margin: 0; }
#histoire-page .mCSB_scrollTools_horizontal{ opacity: 0; /*display: none !important;*/ }
/* Menu */
#histoire-menu{ position: absolute; left: 0; right: 0; bottom: 1.5em; }
#histoire-menu ul{ position: relative; float: left; width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; }
#histoire-menu li{ float: none; display: inline-block; }
#histoire-menu a{ display: block; max-width: 80px; margin: 0 1em; cursor: pointer; }
#histoire-menu img{ margin: 0; }
#histoire-menu a picture {display:flex}
#histoire-menu a picture img {width:80px; height:80px; max-width: initial}
#histoire-menu img.firstimg{}
#histoire-menu img.secondimg,
#histoire-menu picture.secondimg{ display: none; }
#histoire-menu a.selected img.firstimg,
#histoire-menu a.selected picture.firstimg { display: none; }
#histoire-menu a.selected img.secondimg,
#histoire-menu a.selected picture.secondimg{ display: flex; }
#histoire-menu span{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; border-top: 1px solid #ccc; }
/********************/
/* ELABORATION PAGE */
/********************/
#etapes-elaborationpage{ position: relative; width: 100%; max-width: 1280px; margin: 0 auto 5em; }
#etapes-elaborationpage .etapes-elaborationpage-container{ position: relative; float: left; width: 100%; margin: 0; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-container.elaboration-novideo{ margin-top: 15%; }
/* Video extrait */
#etapes-elaborationpage .etapes-elaborationpage-extrait{ position: relative; overflow: hidden; float: left; width: 100%; height: 650px; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-extrait video{ position: absolute; top: 50%; transform: translateY(-50%); max-width: 100%; }
/* Video complete */
#etapes-elaborationpage .etapes-elaborationpage-complete{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#etapes-elaborationpage .etapes-elaborationpage-mask{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.95; }
#etapes-elaborationpage .etapes-elaborationpage-close{ position: absolute; left: 0; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; z-index: 999; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-complete .elaboration-popup-video{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 0; text-align: center; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-complete iframe{ width: 100%; height: 100vh; margin: 0 auto; }
/* Texte 1 */
#etapes-elaborationpage .etapes-elaborationpage-content1{ position: relative; float: left; width: 50%; margin: -15% 8em 0; padding: 6em 8em 4em; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-content1-title{ float: left; width: 100%; margin: 0 0 3em; font-size: 1em; }
#etapes-elaborationpage .etapes-elaborationpage-content1-title span{ display: block; font-size: 2.2em; line-height: 1.2em; color: #fff; }
#etapes-elaborationpage .etapes-elaborationpage-content1-title span.title1{ line-height: 1em; font-weight: 500; text-transform: uppercase; }
#etapes-elaborationpage .etapes-elaborationpage-content1-title span.title2{ font-family: 'EB Garamond', serif; padding: 0 0 0 1.5em; font-size: 3em; line-height: 1em; color: #f3ddb6; font-weight: 400; font-style: italic; }
#etapes-elaborationpage .etapes-elaborationpage-content1-content{ color: #fff; }
#etapes-elaborationpage .etapes-elaborationpage-content1-content p{ font-size: 1.2em; line-height: 1.4em; }
/* Texte 2 */
#etapes-elaborationpage .etapes-elaborationpage-content2{ position: relative; float: left; width: 100%; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-content2-left{ position: relative; float: left; width: 50%; min-height: 1em; margin: 0; padding: 6em 2em; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-content2-left img{ width: inherit; width: auto; margin-bottom: 0; }
/* Picto Video */
#etapes-elaborationpage .etapes-elaborationpage-content2-left .cognac-player-picto{ top: 6em; bottom: inherit; left: 50%; transform: translateX(-50%); right: inherit; padding: 0.5em; border: 1px solid #ddd; }
#etapes-elaborationpage .etapes-elaborationpage-content2-left .cognac-player-picto span{ border: 1px solid #bbb; }
#etapes-elaborationpage .etapes-elaborationpage-content2-left .cognac-player-picto span.mask{ background: #bbb; border: none; }
/* Video optionnel */
#etapes-elaborationpage .etapes-elaborationpage-content2-video{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#etapes-elaborationpage .etapes-elaborationpage-mask2{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.95; }
#etapes-elaborationpage .etapes-elaborationpage-close2{ position: absolute; left: 0; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; z-index: 999; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-content2-video .elaboration-popup-video{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 0; text-align: center; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-content2-video video{ max-width: 100%; height: 100vh; margin: 0 auto; }
#etapes-elaborationpage .etapes-elaborationpage-content2-right{ position: relative; float: left; width: 50%; margin: 0; padding: 6em 8em 4em 3em; box-sizing: border-box; }
#etapes-elaborationpage .etapes-elaborationpage-content2-right p{ font-size: 1.2em; line-height: 1.4em; }
/* Le saviez-vous */
#etapes-elaborationpage .etapes-elaborationpage-content3{ position: relative; float: left; width: 100%; box-sizing: border-box; }
#content #etapes-elaborationpage .vc-cognac-encadre-wrap{ max-width: 1000px; padding: 0 4em 4em; }
#content #etapes-elaborationpage h3.vc-cognac-encadre-title{ margin: 0 0 1em; text-transform: uppercase; }
#content #etapes-elaborationpage .vc-cognac-encadre-content{}
#content #etapes-elaborationpage .vc-cognac-encadre-image{ visibility: hidden; }
#content #etapes-elaborationpage .vc-cognac-encadre-content-content{ padding: 1em 4em 0; font-size: 1.2em; border-left: 5px solid #000; }
/**************************/
/* ORIGINE CONTROLEE PAGE */
/**************************/
#origine-ctrlpage{ position: relative; overflow: hidden; width: 100%; max-width: 1280px; margin: 0 auto 1em; }
/* Frise explicative */
#origine-ctrlpage h2.titre-frise-explicative{ margin: 5em 0 2em; padding: 0 1.5em; font-family: 'EB Garamond', serif; font-size: 1.3em; color: #215F4D; text-align: center; }
#origine-frise-explicative{ position: relative; float: left; width: 100%; margin: 0 0 5em; padding: 0; box-sizing: border-box; }
#origine-frise-explicative .origine-frise-explicative-line{ position: absolute; top: 60px; left: 0; right: 0; height: 1px; margin: 1.5em 0 0; border-top: 2px dotted #000; }
#origine-frise-explicative ul{ position: relative; float: left; width: 100%; margin: 0; padding: 0; list-style: none; box-sizing: border-box; z-index: 1; }
#origine-frise-explicative li{ float: left; width: 25%; margin: 0; padding: 1.5em 3em 0; box-sizing: border-box; }
#origine-frise-explicative li .origine-frise-explicative-picto{ float: left; width: 100%; }
#origine-frise-explicative li .origine-frise-explicative-picto img{ width: 80px; margin-bottom: 0; border: 20px solid #fff; }
#origine-frise-explicative li .origine-frise-explicative-text{ float: left; width: 100%; margin: 0.5em 0 0; font-size: 1.2em; line-height: 1.5em; text-align: center; }
/* Mentions de vieillisement */
#origine-ctrlpage .mention-zone-texte{ overflow: hidden; width: 100%; max-width: 820px; margin: 2em auto; padding: 0 1.5em; font-size: 1.2em; line-height: 1.5em; text-align: center; box-sizing: border-box; }
#origine-ctrlpage .mention-zone-texte h2{ margin: 0 0 0.5em; font-family: 'EB Garamond', serif; font-size: 2.6em; font-weight: 200; color: #000; }
#origine-mention{ position: relative; float: left; width: 100%; margin: 0 0 3em; padding: 0; box-sizing: border-box; }
#origine-mention ul{ display:flex; flex-wrap:wrap;position: relative; float: left; width: 100%; margin: 0; padding: 0; list-style: none; box-sizing: border-box; z-index: 1; }
#origine-mention li{ float: left; width: 33%; margin: 0; padding: 1.5em 0.8em 0; background: #FEEED7; border-right: 1px solid #fff; box-sizing: border-box; }
#origine-mention li .origine-mention-picto{ float: left; width: 100%; }
#origine-mention li .origine-mention-picto img{ width: 120px; margin-bottom: 0; height: auto; }
#origine-mention li .origine-mention-text{ float: left; width: 100%; min-height: 375px; margin: 0; padding: 1em 1.5em; font-size: 1.2em; line-height: 1.5em; text-align: center; font-style: italic; box-sizing: border-box; }
#origine-mention li .origine-mention-text p{ margin: 0; }
#origine-mention li .origine-mention-text h4{ font-family: 'EB Garamond', serif; font-size: 2em; color: #B43C26; font-weight: 200; font-style: italic; }
#origine-mention li .origine-mention-text h4 span{ display: inline-block; margin: 0 0.5em 0 0; font-family: 'Oswald', sans-serif; font-size: 0.5em; font-weight: 500; font-style: normal; text-transform: uppercase; }
/* Mentions complementaires */
#origine-ctrlpage h3.titre-mention-comp{ position: relative; margin: 0 0 1em; padding: 2em 1.5em 1em; font-size: 1.2em; color: #B43C26; font-weight: 500; text-align: center; text-transform: uppercase; }
#origine-ctrlpage h3.titre-mention-comp span{ position: absolute; height: 2px; left: 0; right: 0; bottom: 0; max-width: 170px; margin: 0 auto; background: #B43C26; }
#origine-mention-comp{ position: relative; float: left; width: 100%; margin: 0; padding: 0 4em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; }
#origine-mention-comp ul{ position: relative; float: left; width: 100%; margin: 0; padding: 0; list-style: none; box-sizing: border-box; z-index: 1; }
#origine-mention-comp li{ float: left; width: 33.33%; margin: 0; padding: 1.5em 3em; box-sizing: border-box; }
#origine-mention-comp li .origine-mention-comp-year{ float: left; width: 100%; font-size: 1.5em; line-height: 1.5em; text-align: center; font-style: italic; }
#origine-mention-comp li .origine-mention-comp-year a{ display: block; color: #B43C26; text-decoration: none; cursor: pointer; }
#origine-mention-comp li .origine-mention-comp-year a.selected{ font-size: 1.8em; }
#origine-mention-comp .origine-mention-comp-label{ position: absolute; top: 1.7em; font-family: 'Oswald', sans-serif; font-size: 1.2em; font-weight: 500; text-transform: uppercase; }
#origine-mention-comp .origine-mention-comp-text{ position: relative; float: left; width: 100%; height: 70px; margin: 0 0 1em; font-size: 1.5em; line-height: 1.5em; text-align: center; }
#origine-mention-comp .origine-mention-comp-text .origine-mention-comp-text-text{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) ; background: #fff; font-family: 'Oswald', sans-serif; opacity: 0; }
#origine-mention-comp .origine-mention-comp-text .origine-mention-comp-text-text.selected{ opacity: 1; }
#origine-mention-comp .origine-mention-comp-text .origine-mention-comp-text-text p{ margin: 0; }
/* Mentions legales */
#origine-ctrlpage .titre-mention-leg{ float: left; width: 100%; margin: 0; padding: 0 0 4em; background: #FEEED7; }
#origine-mention-leg{ position: relative; float: left; width: 100%; margin: 0; padding: 0; background: #FEEED7 url("images/etiquette-cognac-xo-5.jpg") top center no-repeat; box-sizing: border-box; }
#origine-mention-leg .origine-mention-leg-mask{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#origine-mention-leg .origine-mention-leg-etiquette{ position: relative; float: left; width: 100%; }
#origine-mention-leg .origine-mention-leg-etiquette-left{ position: relative; float: left; width: 50%; height: 488px; padding: 0 185px 0 0; box-sizing: border-box; z-index: 1; }
#origine-mention-leg .origine-mention-leg-etiquette-left-content{ float: left; width: 100%; padding: 3em 10% 0 25%; font-size: 1.2em; box-sizing: border-box; }
#origine-mention-leg h4.origine-mention-leg-etiquette-left-titre{ font-size: 1.6em; font-weight: 500; text-transform: uppercase; }
#origine-mention-leg h4.origine-mention-leg-etiquette-left-titre span{ display: block; padding: 0 1em 0; font-family: 'EB Garamond', serif; font-size: 2em; line-height: 1em; color: #B43C26; font-weight: 200; text-align: right; font-style: italic; text-transform: none; }
#origine-mention-leg .origine-mention-leg-etiquette-left-info{ font-weight: 500; font-style: italic; }
#origine-mention-leg .origine-mention-leg-etiquette-left-info img{ max-width: 35px; }
#origine-mention-leg .origine-mention-leg-etiquette-middle{ position: absolute; top: 0; left: 0; right: 0; max-width: 330px; height: 488px; margin: 0 auto; z-index: 2; }
#origine-mention-leg .origine-mention-leg-etiquette-middle-content{ position: absolute; top: 115px; left: 0; right: 0; bottom: 0; }
#origine-mention-leg .label-bouteille{ position: absolute; background: #FBE6C9; }
#origine-mention-leg .label-bouteille a{ line-height:1.2;display: inline-block; font-size: 1em; text-decoration: none; cursor: pointer; }
#origine-mention-leg .label-bouteille a.selected{ font-size: 1.2em; }
/* Differents labels sur la bouteille */
#origine-mention-leg .label-bouteille0{ top: 5px; left: 0; right: 0; font-size: 2.8em; line-height: 1em; font-weight: 500; text-align: center; }
#origine-mention-leg .label-bouteille1{ top: 201px; left: 0; right: 0; font-family: 'Oswald', sans-serif; font-size: 1.8em; line-height: 1em; font-weight: 500; text-align: center; }
#origine-mention-leg .label-bouteille1 a{ color: #B43C26; }
#origine-mention-leg .label-bouteille2{ width: 200px; top: 316px; left: 5px; font-size: 2.1em; line-height: 1em; font-weight: 400; }
#origine-mention-leg .label-bouteille3{ width: 200px; top: 316px; right: 0; font-size: 2.1em; line-height: 1em; font-weight: 400; text-align: right; }
#origine-mention-leg .label-bouteille4{ top: 90px; left: 0; right: 0; font-size: 1.4em; line-height: 1em; font-weight: 500; text-align: center; }
#origine-mention-leg .origine-mention-leg-etiquette-right{ position: relative; float: left; width: 33.33%; min-height: 488px; padding: 0; box-sizing: border-box; z-index: 1; }
#origine-mention-leg .origine-mention-leg-etiquette-right-close{ position: absolute; top: 0; right: 0; padding: 1.5em; cursor: pointer; z-index: 1; box-sizing: border-box; display: none; }
#origine-mention-leg .origine-mention-leg-etiquette-right-content{ position: absolute; top: 0; bottom: 0; left: 185px; right: 0; padding: 3em 10% 0; font-size: 1.2em; box-sizing: border-box; opacity: 0; }
#origine-mention-leg .origine-mention-leg-etiquette-right-content.selected{ opacity: 1; position:relative; }
#origine-mention-leg h4.origine-mention-leg-etiquette-right-titre{ font-family: 'EB Garamond', serif; font-size: 2.3em; color: #B43C26; font-weight: 200; font-style: italic; line-height:1.2;}
/* Histoire AOC */
#origine-ctrlpage .titre-frise-hist{ float: left; width: 100%; margin: 2em 0; }
#origine-frise-hist{ position: relative; float: left; width: 100%; margin: 0; padding: 0 3em; box-sizing: border-box; }
#origine-frise-hist .origine-frise-hist-line{ position: absolute; top: 76px; left: 0; right: 0; height: 3px; background: #ddd; }
#origine-frise-hist ul{ position: relative; overflow: hidden; margin: 0; padding: 0; list-style: none; text-align: center; }
#origine-frise-hist li{ position: relative !important; float: none; display: inline-block; min-height: 260px; padding: 0; vertical-align: top; }
#origine-frise-hist li .timeline-link{ display: block; padding: 0 0.8em 0 0; text-decoration: none; cursor: pointer; }
#origine-frise-hist .timeline-image{ display: block; height: 0; background-position: bottom center; background-repeat: no-repeat; background-size: 100%; opacity: 0; }
#origine-frise-hist .timeline-bullet{ position: absolute; top: 67px; left: 0; right: 0; display: inline-block; width: 13px; height: 13px; margin: 0 auto; background: #B43C26; border: 5px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#origine-frise-hist .timeline-anne{ display: block; margin: 0 0 0.5em; font-size: 1.5em; line-height: 76px; color: #B43C26; font-style: italic; }
#origine-frise-hist .timeline-date{ display: block; white-space: normal; padding: 0.5em 0; font-family: 'Oswald', sans-serif; font-size: 1.5em; line-height: 1em; font-weight: 500; text-align: left; text-transform: uppercase; opacity: 0; }
#origine-frise-hist .timeline-date span{ /* DESACTIVE display: block; margin: 0 0 0.2em; font-family: 'EB Garamond', serif; font-size: 2em; line-height: 1em; color: #B43C26; text-align: right; font-weight: 200; font-style: italic; */ display: none; }
#origine-frise-hist .timeline-description{ display: block; white-space: normal; font-size: 1.1em; font-weight: 400; text-align: left; opacity: 0; }
/* Hover */
#origine-frise-hist .timeline-link.selected .timeline-image{ opacity: 1; }
#origine-frise-hist .timeline-link.selected .timeline-bullet{ top: 64px; width: 19px; height: 19px; }
#origine-frise-hist .timeline-link.selected .timeline-anne{ font-size: 2.3em; }
#origine-frise-hist .timeline-link.selected .timeline-date{ opacity: 1; }
#origine-frise-hist .timeline-link.selected .timeline-description{ opacity: 1; }
#origine-frise-hist .timeline-link .timeline-description p{ margin: 0; line-height: 1.2em; }
#prev-hist-timeline,
#next-hist-timeline{ position: absolute; top: 0; width: 3em; bottom: 0; z-index: 100; background: #fff; }
#prev-hist-timeline span,
#next-hist-timeline span{ position: absolute; top: 48px; left: 0; right: 0; display: block; padding: 8px 0 0; background: #fff; font-size: 3em; line-height: 1em; text-align: center; }
#prev-hist-timeline.disabled span,
#next-hist-timeline.disabled span{ opacity: 0; }
#prev-hist-timeline span img,
#next-hist-timeline span img{}
#prev-hist-timeline span img{ transform: rotate(180deg); }
#prev-hist-timeline{ left: 0; }
#next-hist-timeline{ right: 0; }
/**************************/
/* COGNAC EN QQ MOTS PAGE */
/**************************/
#qq-motspage{ position: relative; float: left; width: 100%; margin: 0 0 5em; padding: 3em 0; background-color: #E44A0A; background-position: top center; background-repeat: no-repeat; background-size: 100%; box-sizing: border-box; }
#qq-motspage .round-circle-content{ overflow: hidden; max-width: 700px; margin: 0 auto 3em; }
#qq-motspage .round-circle-content-titre{ margin: 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 3em; text-align: center; color: #fff; font-weight: 400; font-style: normal; }
#qq-motspage .round-circle-content-text{ padding: 1.5em; font-size: 2em; color: #fff; font-style:italic;}
#qq-motspage .round-circle-container{ position: relative; width: 600px; height: 600px; margin: 0 auto; transform: rotate(-90deg); border-radius: 50%; box-sizing: border-box; }
#qq-motspage .round-circle-container-after{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; content: ''; background-position: center center; background-repeat: no-repeat; background-size: 100%; box-sizing: border-box; }
#qq-motspage .round-circle-container-after-content{ position: absolute; top: 150px; left: 150px; bottom: 150px; right: 150px; background: #004129; border-radius: 50%; }
#qq-motspage .round-circle-container-after-content .round-circle-container-after-content-content{ position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); width: 100%; padding: 1em 1.5em; font-size: 1.2em; color: #fff; text-align: center; box-sizing: border-box; }
#qq-motspage .round-circle-container-after-content h4{ font-size: 1.2em; line-height: 1.2em; font-weight: 500; text-transform: uppercase; }
#qq-motspage .round-circle-container-after-content p{ margin: 0; }
#qq-motspage .vc-cognac-btn-wrap.btn-centre{ margin: 1em 0 0; padding: 0; }
#qq-motspage .round-circle-container span.knowMoreWhite{ font-size: 0.9em; }
#qq-motspage .round-circle-container span.knowMoreWhite a{ width: auto; height: auto; margin: 0; padding: 0.8em 1em; position: relative; top: inherit; left: inherit; }
#qq-motspage .round-circle-container-after-content .roue-item{ display: block; font-style: italic; }
#qq-motspage .round-circle-container a{ display: block; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px; cursor: pointer; z-index: 1; }
#qq-motspage .round-circle-container img,
#qq-motspage .round-circle-container img.hovered{ position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); display: block; width: 100%;height: auto; margin-bottom: 0; }
#qq-motspage .round-circle-container img.hovered{ opacity: 0; }
#qq-motspage .round-circle-container img.selected{ opacity: 1; }
#qq-motspage .round-circle-content-footer{ float: left; width: 100%; height: 100px; }
/***************************/
/* LA ROUE DES AROMES PAGE */
/***************************/
#roue-aromespage{ position: relative; float: left; width: 100%; margin: 0 0 5em; padding: 3em 0; background-position: top center; background-repeat: no-repeat; background-size: auto 100%; box-sizing: border-box; }
#roue-aromespage .round-circle-content{ overflow: hidden; max-width: 700px; margin: 0 auto 1em; }
#roue-aromespage .round-circle-content-titre{ margin: 0; padding: 0; font-family: font-family: 'Oswald', sans-serif; font-size: 3em; text-align: center; color: #fff; font-weight: 400; font-style: normal; }
#roue-aromespage .round-circle-content-text{ padding: 1.5em; font-size: 2em; color: #fff; font-style: italic;}
#roue-aromespage .round-circle-container{ position: relative; width: 600px; height: 600px; margin: 0 auto; transform: rotate(-90deg); border-radius: 50%; box-sizing: border-box; }
#roue-aromespage .round-circle-container-after{ position: absolute; top: 85px; left: 85px; bottom: 85px; right: 85px; border-radius: 50%; content: ''; background-color: #ffefd5; background-position: center center; background-repeat: no-repeat; background-size: 100%; -webkit-box-shadow: 0px 1px 5px 0px #333; -moz-box-shadow: 0px 1px 5px 0px #333; box-shadow: 0px 1px 5px 0px #333; box-sizing: border-box; }
#roue-aromespage .round-circle-container-after-content{ position: absolute; top: 50px; left: 50px; bottom: 50px; right: 50px; background-position: center center; background-repeat: no-repeat; background-size: 80%; border-radius: 50%; }
#roue-aromespage .round-circle-container-after-content .round-circle-container-after-content-content{ position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); width: 100%; padding: 1em 1.5em; font-size: 1.2em; text-align: center; box-sizing: border-box; }
#roue-aromespage .round-circle-container-after-content h4{ font-size: 1em; line-height: 1em; font-weight: 500; }
#roue-aromespage .round-circle-container-after-content p{ margin: 0; }
#roue-aromespage .round-circle-container-after-content .roue-item{ display: block; font-style: italic; }
#roue-aromespage .round-circle-container a{ display: block; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px; cursor: pointer; z-index: 1; }
#roue-aromespage .round-circle-container img,
#roue-aromespage .round-circle-container img.hovered{ position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); display: block; width: 100%; margin-bottom: 0; }
#roue-aromespage .round-circle-container img.hovered{ opacity: 0; }
#roue-aromespage .round-circle-container img.selected{ opacity: 1; }
#roue-aromespage .round-circle-content-footer{ overflow: hidden; max-width: 600px; margin: 3em auto; padding: 1.5em; font-size: 1.2em; color: #fff; }
#roue-aromespage .round-circle-container picture img, #roue-aromespage .round-circle-container picture img.hovered { height: auto; }
/**********************************/
/* COGNAC COCKTAIL CONNEXION PAGE */
/**********************************/
#ccc-page{ position: relative; overflow: hidden; width: 100%; max-width: 1000px; margin: 0 auto; box-sizing: border-box; }
#ccc-page .ccc-page-content{ float: left; width: 100%; margin: 5em 0 0; }
#ccc-page .ccc-page-content-left{ float: left; width: 65%; padding: 0 4em 0 0; font-size: 1.2em; box-sizing: border-box; }
#ccc-page .ccc-page-content-left p{ line-height: 2em; }
#ccc-page .ccc-page-content-left-infos{ float: left; width: 100%; margin: 4em 0 0; padding: 1.5em 2.5em 0; background: #FDF1E1; box-sizing: border-box; }
#ccc-page .ccc-page-content-left-infos p{ font-size: 0.9em; font-weight: 600; }
#ccc-page .ccc-page-content-right{ position: relative; float: left; width: 35%; box-sizing: border-box; }
#ccc-page .ccc-page-content-right img{ width: auto; max-width: 300px; margin-top: 380px; }
#ccc-page .ccc-page-content-right-chiffre{ position: absolute; top: 0; left: 0; right: 0; font-size: 15em; color: #B43C24; text-align: center; z-index: 3; }
#ccc-page .ccc-page-content-right-text{ position: absolute; top: 0; left: 0; right: 0; padding: 3em 1em 1em; font-size: 2.2em; color: #024C3D; border: 2px solid #D8D8D8; text-align: center; }
#ccc-page .ccc-page-content-right-text p{ position: relative; margin: 0; }
#ccc-page .ccc-page-content-right-text-mask{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; opacity: 0.3; }
#ccc-page .ccc-page-soirees-link{ cursor: pointer; }
#ccc-page .ccc-page-soirees{ float: left; width: 100%; margin: 2em 0; }
#ccc-page .ccc-page-soirees-left{ float: left; width: 320px; height: 320px; padding: 5em 2em; box-sizing: border-box; }
#ccc-page .ccc-page-soirees-left.odd{ float: right; }
#ccc-page .ccc-page-soirees-left h3.etablissement-name{ font-family: 'EB Garamond', serif; font-size: 2.2em; font-weight: 400; }
#ccc-page .ccc-page-soirees-left h4.etablissement-date{ font-size: 1.3em; font-weight: 400; text-transform: uppercase; }
#ccc-page .ccc-page-soirees-left p.etablissement-lieu{ font-size: 1.2em; }
#ccc-page .ccc-page-soirees-right{ overflow: hidden; height: 320px; padding: 0; background-position: center center; background-repeat: no-repeat; background-size: 100%; box-sizing: border-box; }
/* Popup */
#ccc-page .ccc-page-soirees-popup{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#ccc-page .ccc-page-soirees-popup-mask{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff; opacity: 0.95; }
#ccc-page .ccc-page-soirees-popup-close{ position: relative; float: right; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; z-index: 999; box-sizing: border-box; }
#ccc-page .ccc-page-soirees-popup-content{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; max-width: 800px; margin: 0 auto; padding: 3em; font-size: 1.2em; text-align: left; box-sizing: border-box; }
#ccc-page .ccc-page-soirees-popup-content h3.etablissement-name-popup{ font-family: 'EB Garamond', serif; font-size: 2.2em; font-weight: 600; color: #B43C24; text-align: center; }
#ccc-page .ccc-page-soirees-popup-content h4.etablissement-date-popup{ font-size: 1.3em; font-weight: 400; text-align: center; text-transform: uppercase; }
#ccc-page .ccc-page-soirees-popup-content p.etablissement-lieu-popup{ font-size: 1.2em; text-align: center; }
#ccc-page .ccc-page-soirees-popup-content .vc-cognac-btn-wrap{ padding: 0; }
/*************/
/** EXCERPT **/
/*************/
span.knowMore{ position: relative; display: inline-block; font-family: 'Oswald', sans-serif; font-size: 1em; line-height: 1em; font-weight: 400; }
span.knowMoreMask{ position: absolute; top: 0; left: 0; right: 100%; bottom: 0; background: #B43C26; }
span.knowMoreLink{ position: relative; font-size:.9em }
span.knowMore a{ position: relative; display: block; color: #B43C26; padding: 1em 1.2em; border: 1px solid #B43C26; text-transform: uppercase; text-decoration: none; }
span.knowMoreWhite{ position: relative; display: inline-block; font-family: 'Oswald', sans-serif; font-size: 1em; line-height: 1em; font-weight: 400; }
span.knowMoreMaskWhite{ position: absolute; top: 0; left: 0; right: 100%; bottom: 0; background: #fff; }
span.knowMoreLinkWhite{ position: relative; }
span.knowMoreWhite a{ position: relative; display: block; color: #fff; padding: 1em 1.2em; border: 1px solid #fff; text-transform: uppercase; text-decoration: none; }
span.knowMoreLPDA{ position: relative; display: inline-block; font-family: 'Oswald', sans-serif; font-size: 1em; line-height: 1em; font-weight: 400; }
span.knowMoreMaskLPDA{ position: absolute; top: 0; left: 0; right: 100%; bottom: 0; background: #F4843A; }
span.knowMoreLinkLPDA{ position: relative; }
span.knowMoreLPDA a{ position: relative; display: block; color: #F4843A; padding: 1em 1.2em; border: 1px solid #F4843A; text-transform: uppercase; text-decoration: none; }
span.knowMoreMenu{ position: relative; display: inline-block; font-family: 'Oswald', sans-serif; font-size: 1em; line-height: 1em; font-weight: 400; /*border: 1px solid #fff;*/ }
span.knowMoreMaskMenu{ position: absolute; top: 0; left: 0; right: 100%; bottom: 0; background: #fff; }
span.knowMoreLinkMenu{ position: relative; color: #fff; }
span.knowMoreCocktail{ position: relative; display: inline-block; min-width: 40%; font-family: 'Oswald', sans-serif; font-size: 1em; line-height: 1em; font-weight: 400; }
span.knowMoreMaskCocktail{ position: absolute; top: 0; left: 0; right: 100%; bottom: 0; background: #fff; }
span.knowMoreLinkCocktail{ position: relative; }
span.knowMoreCocktail a{ position: relative; display: block; color: #fff; padding: 1em 1.2em; border: 1px solid #fff; text-transform: uppercase; text-decoration: none; }
#access-top li.menu-pro{ position: relative; }
#access-top span.knowMoreMaskPro{ position: absolute; top: 0; left: 0; right: 100%; bottom: 0; background: #A02A18; }
#access-top span.knowMoreLinkPro{ position: relative; }
/**********************/
/** ANIMATION BORDER **/
/**********************/
.knowMoreMenu{ position: relative; }
.knowMoreMenu .top:after,
.knowMoreMenu .top:before,
.knowMoreMenu .bottom:after,
.knowMoreMenu .bottom:before{ content: ''; position: absolute; display: block; z-index: 1; }
.knowMoreMenu .top,
.knowMoreMenu .bottom{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.knowMoreMenu .top:before{ top: 0; left: 0; width: 0; height: 1px; }
.knowMoreMenu .top:after{ top: 0; right: 0; width: 1px; height: 0; }
.knowMoreMenu .bottom:before{ bottom: 0; right: 0; width: 0; height: 1px; }
.knowMoreMenu .bottom:after{ bottom: 0; left: 0; width: 1px; height: 0; }
.knowMoreMenu .top:before{
-webkit-transition: 100ms all 50ms linear;
-moz-transition: 100ms all 50ms linear;
-ms-transition: 100ms all 50ms linear;
-o-transition: 100ms all 50ms linear;
transition: 100ms all 50ms linear;
}
.knowMoreMenu .top:after{
-webkit-transition: 50ms all 150ms linear;
-moz-transition: 50ms all 150ms linear;
-ms-transition: 50ms all 150ms linear;
-o-transition: 50ms all 150ms linear;
transition: 50ms all 150ms linear;
}
.knowMoreMenu .bottom:before{
-webkit-transition: 100ms all 200ms linear;
-moz-transition: 100ms all 200ms linear;
-ms-transition: 100ms all 200ms linear;
-o-transition: 100ms all 200ms linear;
transition: 100ms all 200ms linear;
}
.knowMoreMenu .bottom:after{
-webkit-transition: 50ms all 300ms linear;
-moz-transition: 50ms all 300ms linear;
-ms-transition: 50ms all 300ms linear;
-o-transition: 50ms all 300ms linear;
transition: 50ms all 300ms linear;
}
.knowMoreMenu.startAnim .top:before{ width: 100%; background-color: #fff; }
.knowMoreMenu.startAnim .top:after{ height: 100%; background-color: #fff; }
.knowMoreMenu.startAnim .bottom:before{ width: 100%; background-color: #fff; }
.knowMoreMenu.startAnim .bottom:after{ height: 100%; background-color: #fff; }
/*************/
/** MAP BOX **/
/*************/
#content .vc-cognac-map2-wrap{ float: left; width: 100%; margin: 0; padding: 0 0 4em; box-sizing: border-box; }
#content #vc-cognac-map2{ height: 600px; }
/* Popup Mapbox */
#content #vc-cognac-map2 .mapbox-infowindow{ float: left; width: 200px; padding: 1em; box-sizing: border-box; }
#content #vc-cognac-map2 .mapbox-infowindow h3{ margin: 0; padding: 0; font-family: 'EB Garamond', serif; font-size: 1.6em; font-weight: 500; text-align: center; font-style: italic; }
/* Popup HTML */
#content #vc-cognac-map2 .mapbox-popinid{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; display: none; }
#content #vc-cognac-map2 .mapbox-popinid .mapbox-popinid-mask{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; opacity: 0.8; }
#content #vc-cognac-map2 .mapbox-popinid .mapbox-popinid-close{ position: absolute; top: 20px; right: 20px; padding: 1.5em; background: #fff; line-height: 1em; cursor: pointer; }
#content #vc-cognac-map2 .mapbox-popinid .mapbox-popinid-close img{ margin: 0; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac{ position: relative; float: left; width: 100%; padding: 0; box-sizing: border-box; z-index: 1; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content{ position: relative; overflow: hidden; /*max-width: 1280px;*/ height: 600px; margin: 0 auto; padding: 0 10px; background: #fff; box-sizing: border-box; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content h3.popin-title{ display: none; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-left,
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-middle,
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-right{ float: left; width: 33.33%; margin: 0; padding: 20px 10px; box-sizing: border-box; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-content{ float: left; width: 100%; height: 560px; margin: 0; padding: 40% 2em 1.5em; font-size: 1.5em; color: #fff; box-sizing: border-box; background-position: center center; background-repeat: no-repeat; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-content h3{ font-size: 1.7em; font-weight: 600; text-transform: uppercase; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-content p{}
/* Menu */
#content #vc-cognac-map2-menu{ overflow: hidden; max-width: 1280px; margin: 0 auto; }
#content #vc-cognac-map2-menu ul{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#content #vc-cognac-map2-menu li{ position: relative; float: left; padding: 3em 1em 1em; box-sizing: border-box; }
#content #vc-cognac-map2-menu .hover-picto{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 0; height: 0; border: 1px solid #E6EAE9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#content #vc-cognac-map2-menu .hover-picto.selected{ width: 150px; height: 150px; }
#content #vc-cognac-map2-menu .hover-picto-in{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 85%; height: 85%; background: #DEE9E5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#content #vc-cognac-map2-menu a{ position: relative; display: block; cursor: pointer; }
#content #vc-cognac-map2-menu a span{ display: block; }
#content #vc-cognac-map2-menu a span.menu-picto{ height: 80px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; }
#content #vc-cognac-map2-menu a span.menu-title{ height: 30px; padding: 1em 0.5em; line-height: 1em; text-align: center; font-style: italic; }
/****************/
/** BREADCRUMB **/
/****************/
#breadcrumbs{ float: left; width: 100%; margin: 0.5em 0 1em; padding: 0.5em 2em; font-size: 1em; line-height: 1em; text-align: center; font-style: italic; text-transform: lowercase; box-sizing: border-box; }
#breadcrumbs.titrepage-blanc,
#breadcrumbs.titrepage-blanc a{ color: #fff; }
#breadcrumbs-responsive{ float: left; width: 100%; margin: 0.5em 0 1em; padding: 0.5em 2em; font-size: 1em; line-height: 1em; text-align: center; font-style: italic; text-transform: lowercase; box-sizing: border-box; display: none; }
#breadcrumbs-responsive.titrepage-blanc,
#breadcrumbs-responsive.titrepage-blanc a{ color: #fff; }
/*********************/
/** RESEAUX SOCIAUX **/
/*********************/
#cognac-social-link{ position: absolute; top: 1em; left: 2em; z-index: 999; }
/* Articles */
header.entry-header .entry-header-actu-wrap #cognac-social-link{ top: auto; bottom: -3em; width: 320px; }
/* Evenements */
#content .inside-header-single .inside-header-single-date #cognac-social-link{ top: auto; bottom: -3em; width: 320px; }
#content .inside-header-single .inside-header-single-date #cognac-social-link .cognac-social-link-header span{ display: inline-block; }
#content .inside-header-single .inside-header-single-date.interval #cognac-social-link{ top: auto; bottom: -3em; width: 320px; }
#content .inside-header-single .inside-header-single-date.interval #cognac-social-link .cognac-social-link-header span{ display: inline-block; }
/* LPDA */
header.top-site .inside-header-popup-lpda #cognac-social-link{ top: 74vh; display: none; }
/* VITIDURABLE */
header.top-site .inside-header-popup-vitidurable #cognac-social-link{ top: 74vh; display: none; }
/* COGNAC COCKTAIL CONNEXION */
header.top-site .inside-header-popup-ccc #cognac-social-link{ top: 74vh; display: none; }
/* COGNAC AMBASSADOR */
header.top-site .inside-header-popup-ambass #cognac-social-link{ top: 74vh; display: none; }
#cognac-social-link .cognac-social-link-header{ float: left; font-family: 'Oswald', sans-serif; }
#cognac-social-link .cognac-social-link-header a{ display: block; padding: 6px 0 0; text-decoration: none; cursor: pointer; background: url("images/menu-rs-partage_black.svg") center left no-repeat; background-size: 22px; }
#cognac-social-link.cognac-social-link-blanc .cognac-social-link-header a{ background: url("images/menu-rs-partage_blanc.svg") center left no-repeat; }
#cognac-social-link .cognac-social-link-header img{ max-width: 20px; margin: 0; visibility: hidden; }
#cognac-social-link .cognac-social-link-header span{ position: relative; bottom: 5px; display: inline-block; margin: 0 10px; font-size: 0.8em; color: #000; font-weight: 500; letter-spacing: 1px; }
#cognac-social-link.cognac-social-link-blanc .cognac-social-link-header span{ color: #fff; }
#cognac-social-link .cognac-social-link-content{ float: left; overflow: hidden; width: 0; display: none; }
#cognac-social-link ul.heateor_sss_sharing_ul,
#cognac-social-link ul.heateor_sss_follow_ul{ width: 200px; margin: 0 !important; }
#cognac-social-link li.heateorSssSharingRound{ background: #fff !important; }
#cognac-social-link.cognac-social-link-blanc li.heateorSssSharingRound{ background: none !important; }
#cognac-social-link li:last-child.heateorSssSharingRound{ padding: 0 0 0 3px !important; }
#cognac-social-link .heateorSssSharing,
#cognac-social-link .heateorSssSharingButton{ margin: 0; }
#cognac-social-link .heateorSssSharing{ background-color: transparent; }
#cognac-social-link .heateorSssFacebookSvg,
#cognac-social-link .heateorSssTwitterSvg,
#cognac-social-link .heateorSssLinkedinSvg,
#cognac-social-link .heateorSssEmailSvg,
#cognac-social-link .heateorSssCopyLinkSvg{ background: none; background-position: center center; background-repeat: no-repeat; background-size: 65%; }
/* Pictos noirs */
#cognac-social-link .heateorSssFacebookSvg{ background-image: url("images/menu-rs-facebook-black.svg"); }
#cognac-social-link .heateorSssTwitterSvg{ background-image: url("images/menu-rs-twitter-black.svg"); }
#cognac-social-link .heateorSssLinkedinSvg{ background-image: url("images/menu-rs-linkedin-black.svg"); }
#cognac-social-link .heateorSssEmailSvg{ background-image: url("images/menu-rs-mail-black.svg"); background-size: 86%; }
#cognac-social-link .heateorSssCopyLinkSvg{ background-image: url("images/menu-rs-link-black.svg"); }
/* Pictos blancs */
#cognac-social-link.cognac-social-link-blanc .heateorSssFacebookSvg{ background-image: url("images/menu-rs-facebook-blanc.svg") }
#cognac-social-link.cognac-social-link-blanc .heateorSssTwitterSvg{ background-image: url("images/menu-rs-twitter-blanc.svg") }
#cognac-social-link.cognac-social-link-blanc .heateorSssLinkedinSvg{ background-image: url("images/menu-rs-linkedin-blanc.svg") }
#cognac-social-link.cognac-social-link-blanc .heateorSssEmailSvg{ background-image: url("images/menu-rs-mail-blanc.svg") }
#cognac-social-link.cognac-social-link-blanc .heateorSssCopyLinkSvg{ background-image: url("images/menu-rs-link-blanc.svg") }
/***********/
/** METAS **/
/***********/
.entry-meta-top{ background-color:#F96; margin:0 0 0.5em; line-height:2em; display: none; }
.entry-meta-bottom{ float:left; width:100%; background-color:#F96; margin:0; padding:0; line-height:2em; display: none; }
.entry-meta-bottom span{ display:inline-block; background-color:#066; }
.entry-meta-bottom .meta-cat-list{}
.entry-meta-bottom .meta-date{}
.entry-meta-bottom .meta-author{}
.entry-meta-bottom .meta-tags{}
.entry-meta-bottom .meta-comments-link{}
.tag-archive-meta,
.category-archive-meta{ float:left; width:100%; margin:0 0 1.5em; display: none; }
/****************/
/** PAGINATION **/
/****************/
nav.paginate { float:left; width:100%; }
nav.paginate ul { float:left; list-style:none; margin-left:0; }
nav.paginate li { float:left; width:20px; background-color:#F96; margin:0 0.2em; padding:0; text-align:center; }
nav.paginate li .current { display:block; background-color:#FFF; margin:0; padding:0; line-height:2em; }
nav.paginate li .dots { display:block; background-color:#FFF; margin:0; padding:0; line-height:2em; }
nav.paginate li .page-numbers {}
nav.paginate li .prev {}
nav.paginate li .next {}
nav.paginate a { display:block; margin:0; padding:0; line-height:2em; }
nav.paginate a.prev { background-color:#FFF; }
nav.paginate a.next { background-color:#FFF; }
/* Type post Cognac */
nav.paginate-cognac-single { float: left; width:100%; margin: 3em 0 0; }
nav.paginate-cognac-single ul { overflow: hidden; width: 100%; max-width: 1280px; margin: 0 auto; list-style:none; }
nav.paginate-cognac-single li { float:left; width:50%; margin:0; padding:0; background-size: 100%; background-position: center center; background-repeat: no-repeat; text-align:center; }
nav.paginate-cognac-single li.prev_post {}
nav.paginate-cognac-single li.next_post {}
nav.paginate-cognac-single li.no_post {}
nav.paginate-cognac-single a { position: relative; display:block; height: 200px; margin:0; padding:0; font-family: 'Oswald', sans-serif; font-size: 1.4em; line-height: 1.5em; color: #fff; font-weight: 400; text-decoration: none; text-transform: uppercase; }
nav.paginate-cognac-single a.prev {}
nav.paginate-cognac-single a.next {}
nav.paginate-cognac-single a span.mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: 0.3; }
nav.paginate-cognac-single a span.title { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 1.5em; }
/* Type page Cognac */
nav.paginate-cognac-page { float: left; width:100%; margin: 0; }
nav.paginate-cognac-page ul { overflow: hidden; width: 100%; max-width: 1280px; margin: 0 auto; list-style:none; }
nav.paginate-cognac-page li { float:left; width:50%; margin:0; padding:0; background-size: 100%; background-position: center center; background-repeat: no-repeat; text-align:center; }
nav#paginate-cognac-page-nb1.paginate-cognac-page li { width:100%; }
nav.paginate-cognac-page li.prev_post {}
nav.paginate-cognac-page li.next_post {}
nav.paginate-cognac-page li.no_post {}
nav.paginate-cognac-page a { position: relative; display:block; height: 200px; margin:0; padding:0; font-family: 'Oswald', sans-serif; font-size: 1.4em; line-height: 1.5em; color: #fff; font-weight: 400; text-decoration: none; text-transform: uppercase; }
nav.paginate-cognac-page a.prev {}
nav.paginate-cognac-page a.next {}
nav.paginate-cognac-page a span.mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: 0.3; }
nav.paginate-cognac-page a span.title { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 1.5em; }
nav.paginate-cognac-page a span.title span.discover { display: none; }
nav.paginate-cognac-page a span.title span.flc { position: absolute; }
nav.paginate-cognac-page li.prev_post a span.title span.flc { left: 3em; transform: rotate(180deg); }
nav.paginate-cognac-page li.next_post a span.title span.flc { right: 3em; }
nav.paginate-cognac-page a span.title span.flc img { max-width: 15px; }
nav#paginate-cognac-page-nb1.paginate-cognac-page a { font-size: 1.4em; line-height: 1.5em; font-weight: 400; }
nav#paginate-cognac-page-nb1.paginate-cognac-page a span.mask { background: #B43C26; }
nav#paginate-cognac-page-nb1.paginate-cognac-page a span.title {}
nav#paginate-cognac-page-nb1.paginate-cognac-page a span.title span.discover { display: block; position: absolute; left: 3em; font-size: 0.8em; }
nav#paginate-cognac-page-nb1.paginate-cognac-page a span.title span.flc {}
nav#paginate-cognac-page-nb1.paginate-cognac-page li.prev_post a span.title span.flc { left: auto; right: 3em; transform: rotate(0deg); }
nav#paginate-cognac-page-nb1.paginate-cognac-page a span.title span.flc img {}
#paginate-to-top{ position:fixed; bottom:25px; right:25px; display:none; z-index:300; }
#paginate-to-top a{ display:block; width:50px; height:50px; background:url(images/button-top.png) center center no-repeat; cursor:pointer; }
/******************/
/** COMMENTAIRES **/
/******************/
#comments{ overflow:hidden; width:100%; display: none; }
#comments .commentlist{ margin:0 0 1.5em; list-style:none; }
.comment-meta{ background-color:#F96; margin:0 0 0.5em; line-height:2em; }
.commentlist .avatar{ float:left; margin:0 0.5em 0.5em 0 }
.commentlist .reply{ margin:0 0 1.5em; line-height:2em; }
.commentlist > li.odd{ background-color:#fff; margin:0 0 1em; }
.commentlist > li.even{ background-color:#ddd; margin:0 0 1em; }
.commentlist .children li.odd{ background-color:#fff; }
.commentlist .children li.even{ background-color:#ddd; }
p.nocomments{}
/*************/
/** SIDEBAR **/
/*************/
aside .inside{ padding:1.5em 1.5em 0; }
aside .inside h3{ background-color:#fff; line-height:1.4em; padding:0 0.5em 0.2em; }
aside .inside ul{ list-style:none; margin:0; }
aside .inside ul ul{ list-style:none; margin:0 0 0 1em; }
/*************/
/** WIDGETS **/
/*************/
aside .widget{}
/* PTB Widgets */
.ptb_widget_container{ margin:0; padding:1em; background:#fff; }
/************/
/** FOOTER **/
/************/
/* Footer Site */
footer.bottom-site{ position:relative; min-width:320px; margin: 1.5em 0 0; background:#fff; font-family: Arial, Helvetica Neue,Helvetica, sans-serif; color: #4A4A4A; }
footer.bottom-site .inside{ overflow:hidden; max-width:1800px; max-width: none; margin:0 auto; box-sizing:border-box; }
#be-carreful{ float: left; width: 100%; padding: 2em; background: #FEEED7; font-size:1.1em; line-height:1.5em; color: #B43C26; text-align: center; box-sizing:border-box; }
#be-carreful a {color: #B43C26;}
/******************/
/** MENUS BOTTOM **/
/******************/
/* Menu secondaire */
#access-bottom {
float:left;
width:100%;
background:none;
display: block;
overflow:hidden;
margin:0 0 0.8em;
padding: 0 0 1em;
z-index:110;
border-bottom: 1px solid #F1F1F1;
}
#access-bottom ul {
float:left;
width:100%;
margin:0;
padding:0;
list-style: none;
z-index:110;
text-align: center;
}
#access-bottom li {
float: none;
display: inline-block;
}
/* Gestion du dernier item */
#access-bottom li.last{ float:none; overflow:hidden; }
#access-bottom a {
display: block;
margin:0;
padding:0 1em;
line-height:2em;
font-size:0.9em;
text-decoration:none;
background:none;
color:#B43C26;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
}
#access-bottom ul ul {
display: none;
}
#access-bottom li:hover > a,
#access-bottom ul ul :hover > a,
#access-bottom a:focus {
text-decoration:none;
background:#fff;
color:#393A3C;
}
/* Menu Social */
#access-bottom-social {
float:left;
width:100%;
background:none;
overflow:hidden;
margin:0 0 1em;
z-index:110;
display: none;
}
#access-bottom-social ul {
float:left;
width:100%;
margin:0;
padding:0;
list-style: none;
z-index:110;
text-align: center;
}
#access-bottom-social li {
float: none;
display: inline-block;
}
/* Gestion du dernier item */
#access-bottom-social li.last{ float:none; overflow:hidden; }
#access-bottom-social a {
display: block;
margin:0;
padding:0 1em;
line-height:2em;
font-size:1em;
text-decoration:none;
background:none;
color:#4A4A4A;
text-transform:uppercase;
}
#access-bottom-social img {
width:inherit; /*IE8*/ max-width:22px; height: auto; margin-bottom: 0;
}
#access-bottom-social ul ul {
display: none;
}
#access-bottom-social li:hover > a,
#access-bottom-social ul ul :hover > a,
#access-bottom-social a:focus {
text-decoration:none;
background:#fff;
color:#000;
}
/* Menu footer */
#access-bottom-2 {
float:left;
width:100%;
background:none;
display: block;
overflow:hidden;
margin:0 0 0.8em;
z-index:110;
}
#access-bottom-2 ul {
float:left;
width:100%;
margin:0;
padding:0;
list-style: none;
z-index:110;
text-align: center;
}
#access-bottom-2 li {
float: none;
display: inline-block;
font-size:0.7em;
}
/* Gestion du premier item */
#access-bottom-2 li.first{}
/* Gestion du dernier item */
#access-bottom-2 li.last{ float:none; }
#access-bottom-2 li.last a{ border: none; }
/* Gestion des items sociaux */
#access-bottom-2 li.bottom-social{}
#access-bottom-2 li.bottom-social.first{ padding-left: 2em; }
#access-bottom-2 li.bottom-social a{ border: none; }
#access-bottom-2 li.bottom-social img{ max-width: 20px; margin: 0 0 -5px; }
#access-bottom-2 a {
display: block;
margin:0;
padding:0 0.5em;
line-height:1em;
text-decoration:none;
background:none;
color:#4A4A4A;
border-right: 1px solid #4A4A4A;
}
#access-bottom-2 ul ul {
display: none;
}
#access-bottom-2 li:hover > a,
#access-bottom-2 ul ul :hover > a,
#access-bottom-2 a:focus {
text-decoration:none;
background:#fff;
color:#000;
}
/*************/
/** PLUGINS **/
/*************/
/* PTB Metabox Images */
.ptb_MetaboxImages{ position:relative; background:#fff; }
.ptb_MetaboxImages .widget-title{ margin:0; padding:0 0 0.5em; }
.ptb_MetaboxImages ul.ptb_MetaboxImages-slider{ overflow:hidden; margin:0; list-style:none; }
.ptb_MetaboxImages li{ overflow:hidden; width:100%; }
.ptb_MetaboxImages img{ margin:0; }
.ptb_MetaboxImages .ptb_MetaboxImages-paginate{ overflow:hidden; margin:1em 0 0; }
.ptb_MetaboxImages .ptb_MetaboxImages-pager{ text-align:center; }
.ptb_MetaboxImages .ptb_MetaboxImages-pager span{ display:inline-block; width:12px; font-size:26px; cursor:pointer; }
.ptb_MetaboxImages .ptb_MetaboxImages-pager span.cycle-pager-active{ color:#F00; }
.ptb_MetaboxImages .ptb_MetaboxImages-pager-prev{ float:left; width:20px; height:20px; background:#000; cursor:pointer; }
.ptb_MetaboxImages .ptb_MetaboxImages-pager-prev:hover{ background:#F00; }
.ptb_MetaboxImages .ptb_MetaboxImages-pager-next{ float:right; width:20px; height:20px; background:#000; cursor:pointer; }
.ptb_MetaboxImages .ptb_MetaboxImages-pager-next:hover{ background:#F00; }
/* =Responsive Structure
----------------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 20px) and (max-width: 1280px){
/************/
/** HEADER **/
/************/
/* Default (menu) */
header.top-site img{ max-width: 150px; }
/* Article (menu) */
#content .inside-header-single .inside-header-single-date{ left: 0; }
/* Page de dernier niveau (page / cocktail / COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup{ background-size: 170%; }
/* Page de dernier niveau (LPDA) (pas de menu) */
header.top-site .inside-header-popup-lpda{ background-size: 170%; }
/* Page de dernier niveau (VITIDURABLE) (pas de menu) */
header.top-site .inside-header-popup-vitidurable{ background-size: 170%; }
/* Page de dernier niveau (CCC) (pas de menu) */
header.top-site .inside-header-popup-ccc{ background-size: 170%; }
/* Page de dernier niveau (COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup-ambass{ background-size: 170%; }
/* Articles */
/* Autre article */
header.entry-header .entry-header-actu-date-block{ left: 0; }
/**************/
/** MENU TOP **/
/**************/
/* Menus secondaires (gauche & droite) */
#access-top {
left: 1.5em;
right: 1.5em;
width: auto;
max-width:1280px;
}
/* Menu principal */
/* Titre du menu de 2nd niveau */
#access li li a div.title{ top: 2.5em; }
/* Contenu du menu de 2nd niveau */
#access li li a span.knowMoreMenu{ bottom: 1.5em; font-size: 0.6em; }
#access li li .menu-excerpt p{ line-height: 1.2em; }
/**********/
/** POST **/
/**********/
/****************************/
/* VISUAL COMPOSER COLONAGE */
/****************************/
/* ELEMENT SLIDER : Nouvel element Slider */
#content .vc-cognac-slider-content-content{ width: 65%; }
/*******************/
/* SLIDER HOMEPAGE */
/*******************/
#slider-homepage li{ height: 420px; }
/* Video */
#slider-homepage .content-video{ height: 420px; }
/* Image */
#slider-homepage .titre-slider{ left: 15%; font-size: 3em; }
#slider-homepage .link-slider{ font-size: 0.38em; }
/****************************************/
/* ACTUALITES 2 ARCHIVES / CATEGORIES 2 */
/****************************************/
/* Liste des articles */
/* Articles (template) */
#actus-archives-2-content .vignette-content-link{ min-height: 320px; }
/* Evenements */
#actus-archives-2-content .list-archive-event .odd,
#actus-archives-2-content .list-archive-event .even{ width: 50%; }
/***************************************/
/* COCKTAILS 2 ARCHIVES / CATEGORIES 2 */
/***************************************/
/* Timeline */
#cocktails-archives-2-timeline-photo ul{ height: 450px; }
#cocktails-archives-2-timeline-photo li .legende-cocktail-timeline{ width: 50%; }
/* Filtres des cocktails */
#cocktails-archives-2-list .cocktails-archives-top{ padding: 0 3em; }
/* Liste des cocktails */
#cocktails-archives-2-list .cocktails-archives-content{ padding: 0 3em; }
/* Cocktails connexion */
#cocktails-archives-2-connexion{ background-size: auto 100%; }
#cocktails-archives-2-connexion-left{ width: 20%; }
#cocktails-archives-2-connexion-right{ width: 30%; }
#cocktails-archives-2-connexion-right span.connexion-lien{ top: 50%; transform: translateY(-50%); bottom: auto; left: 0; right: 0; }
/**************************/
/* COGNAC EN QQ MOTS PAGE */
/**************************/
#qq-motspage{ background-size: auto 100%; }
/***************************/
/* LA ROUE DES AROMES PAGE */
/***************************/
#roue-aromespage{ background-size: auto 100%; }
/*************/
/** EXCERPT **/
/*************/
span.knowMore{ font-size: 0.85em; }
span.knowMoreWhite{ font-size: 0.85em; }
span.knowMoreLPDA{ font-size: 0.85em; }
span.knowMoreMenu{ font-size: 0.85em; }
span.knowMoreCocktail{ font-size: 0.85em; }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 20px) and (max-width: 960px){
/* Pour le scroll */
/*
html, body{ height: auto; }
body{ overflow: auto; }
*/
html, body{ height: inherit; }
body{ overflow:inherit; }
/* Basic Structure ============================================================= */
/* Content */
section#content{
width: 100%;
min-width:320px;
}
section#content .inside{
/*margin:0 0 1.5em;*/
}
/* Sidebar */
aside{
width: 100%;
min-width:320px;
clear:left;
}
/************/
/** HEADER **/
/************/
/* Default (menu) */
header.top-site img{ max-width: 120px; height: auto; margin: 1.5em 0; }
/* Article (menu) */
#content .inside-header-single{ min-height: 400px; }
/* BNIC (menu) */
#content .inside-header-bnic{ min-height: 400px; }
/* Page de dernier niveau (page / cocktail / COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup{ position: relative; min-height: 400px; }
header.top-site .inside-header-popup video{ width: auto; min-height: 400px; }
/* Page de dernier niveau (LPDA) (pas de menu) */
header.top-site .inside-header-popup-lpda{ background-size: auto 100%; }
/* Page de dernier niveau (VITIDURABLE) (pas de menu) */
header.top-site .inside-header-popup-vitidurable{ background-size: auto 100%; }
/* Page de dernier niveau (CCC) (pas de menu) */
header.top-site .inside-header-popup-ccc{ background-size: auto 100%; }
/* Page de dernier niveau (COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup-ambass{ background-size: auto 100%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-search-li{ width: 100%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-localisation-li{ width: 50%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-category-li{ width: 50%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-submit-li{ width: 100%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-submit-li a{ width: 100%; margin: 0; }
/* Page particuliere (TPL histoire) (pas de menu) */
header.top-site .inside-header-small .header-logo{ right: 0; }
header.top-site .inside-header-small .header-logo img{ margin: 2em 0 0 0; }
/* Page particuliere (TPL actualites) (menu) */
#content .inside-header-actus{ min-height: 500px; max-height: 500px; background-size: 100%; }
/* Articles */
/* Event */
header.entry-header h1{ font-size: 2.5em; }
/* Autre article */
header.entry-header h1.entry-header-actu{ min-height: 200px; padding-left: 200px; }
/**************/
/** MENU TOP **/
/**************/
/* Menus secondaires (gauche & droite) */
#access-top { display: none; }
/* Menu principal - responsive */
#access-mobile{ display:block; }
/* Menu principal */
#mask-menu-principal{ position: fixed; top: 0 !important; z-index: 110!important; }
body #access{ display:none; position:absolute; /*top: 9em;*/ left:0; right:0; width:auto; width:inherit; min-width:280px; /*height:0;*/ margin:0; }
body #access ul{ float:left; width:100%; margin:0; padding:0; background:#fff; border: none; }
body #access li{ float:left; width: 100%; margin:0; border: none; }
/* Gestion particulier de l'item magazine */
#access li.magazine{ width: 100%; }
#access li.magazine a,
#access li.magazine a:hover{ position :static; padding:0; font-weight: inherit; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#access li.magazine a span.title{ background: none !important; }
#access li.magazine span.magazine{ top: 50%; transform: translateY(-50%); }
body #access a, body #access a:hover, body #access a:focus{ margin:0; padding: 0; color: #fff; }
/* Titre du menu de premier niveau */
body #access li a span.title{ position: relative; height: 150px; background-position: center center; background-repeat: no-repeat; background-size: 100%; border-bottom: 2px solid #fff; }
body #access li a span.title span{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
/* Bouton retour */
body #access li.returnLinkMenu{ border-top: 1px solid #F5F5F5; }
body #access li.returnLinkMenu a{ display: block; color: #000; line-height: 2.5em; cursor: pointer; }
body #access li.returnLinkMenu a span{ position: absolute; left: 1em; width: 20px; transform: rotate(180deg); background: url("images/flecheslide-black.svg") center right no-repeat; background-size: 10px; }
body #access ul ul{ position:relative; display:none; }
/* Largeur dynamique des items */
body #access ul ul li{ position: relative; }
body #access ul ul li:last-child{ position: relative; }
body #access ul ul.nb-1-items li{ width: 100%; }
body #access ul ul.nb-2-items li{ width: 100%; }
body #access ul ul.nb-3-items li{ width: 50%; }
body #access ul ul.nb-3-items li:first-child{ width: 100%; }
body #access ul ul.nb-4-items li{ width: 50%; }
body #access ul ul.nb-5-items li{ width: 50%; }
body #access ul ul.nb-5-items li:first-child{ width: 100%; }
body #access ul ul.nb-6-items li{ width: 50%; }
body #access ul ul li a{ position: relative; height: 150px; margin:0; padding: 0; border-bottom: 2px solid #fff; background-position: center center !important; background-size: 100% !important; }
/* Titre du menu de 2nd niveau */
body #access li li a div.title{ position: absolute; top: 50%; transform: translateY(-50%); left: 1.5em; right: 1.5em; height: auto; font-size: 1em; line-height: 1.2em; border: none; }
body #access .current-menu-ancestor > a,
body #access .current-menu-parent > a,
body #access .current-menu-item > a {
color:#fff;
}
/**********/
/** POST **/
/**********/
/***************/
/* PICTO VIDEO */
/***************/
/* Picto Video */
.cognac-player-picto{ top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: inherit; max-width: 98px; }
.cognac-player-picto span{ padding: 45px; }
/****************************/
/* VISUAL COMPOSER COLONAGE */
/****************************/
/*
#content .vc_section{ background: none !important; }
*/
/* Pour les celules vides */
#content .vc_column_container{ /* DESACTIVE >> @checker les consequence min-height: 190px; >> toutes les pages sous visiter avec les bg... */ }
/* Afficher ou non une colone sur mobile */
#content .vc_column_container.no-mobile-show{ display: none; }
/* COLONAGES : 2 colones */
#content .vc_col-sm-6{}
#content .vc_col-sm-9{ width: 50%; }
#content .vc_col-sm-3{ width: 50%; }
/* COLONAGES : 3 colones */
#content .vc_col-sm-8{ width: 100%; }
#content .vc_col-sm-4{ width: 100%; }
/* COLONAGES : 4 colones */
#content .vc_col-sm-3{ width: 50%; }
/* ELEMENT ENCADRE IMAGE N-1 : Nouvel element Encadre */
#content .vc-cognac-cadre-wrap{ height: 360px; }
#content .vc-cognac-cadre-wrap.cadre-grand{ height: 360px; }
#content .vc-cognac-cadre-wrap.cadre-petit{ height: 360px; }
/* ELEMENT SLIDER : Nouvel element Slider */
#content .vc-cognac-slider-content-img{ position: relative; top: inherit; left: inherit; right: inherit; }
#content .vc-cognac-slider-content-content{ width: 100%; }
#content .vc-cognac-slider-content-content-gauche,
#content .vc-cognac-slider-content-content-centre,
#content .vc-cognac-slider-content-content-droite{ float: left; width: 100%; margin: 0; }
/* Taille des contenus */
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-content-content{ width: 100%; }
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-content-content .vc-cognac-slider-item-title{ font-size: 2em; }
#content .vc-cognac-slider-wrap.vc-cognac-slider-size-petit .vc-cognac-slider-item-content{ font-size: 1.1em; }
/* ELEMENT ENCADRE IMAGE : Nouvel element Encadre */
#content .vc-cognac-cadre2-wrap.cadre2-grand img,
#content .vc-cognac-cadre2-wrap.cadre2-petit img,
#content .vc-cognac-cadre2-wrap.cadre2-large img{ width: 100%; height: auto; }
#content .vc-cognac-cadre2-content h3{ font-size: 7em; }
/*******************/
/* SLIDER HOMEPAGE */
/*******************/
#slider-homepage li{ height: inherit; height: auto; }
/* Video */
#slider-homepage .content-video{ width: 100%; height: 300px; margin: 0; }
/* Image */
#slider-homepage img{ position: static; top: inherit; transform: none; height: inherit; height: auto; margin: 0; }
#slider-homepage .mask-slider{ display: none; }
#slider-homepage .titre-slider{ position: static; top: inherit; left: inherit; bottom: inherit; float: left; width: 100%; min-height: 300px; margin: 0.5em 0 0; opacity: 1; text-align: center; }
#slider-homepage .link-slider{ position: static; bottom: inherit; }
/******************/
/* MAP HOMEPAGE 2 */
/******************/
#map-top-2{ margin: 0 0 3em; }
#map-left-2{ width: 100%; padding: 0; }
#map-left-2 .map-details{ height: auto; }
#map-left-2 .map-details-item{ position: relative; float: left; width: 50% !important; height: 400px !important; left: inherit !important; top: inherit !important; transform: none; box-sizing: border-box; }
#map-left-2 .map-details-title{ margin: 1em 0 0; font-size: 1.5em; text-align: center; }
#map-left-2 .map-details-content{ opacity: 1 !important; }
#map-left-2 .map-details-content img{ display: none; }
#map-left-2 .map-details-content-mask{ opacity: 0 !important; }
#map-left-2 .map-details-content-content{ top: 8em; opacity: 1 !important; }
#map-right-2{ display: none; }
/********************/
/* ONGLETS HOMEPAGE */
/********************/
#onglet-homepage{ position: relative; float: left; width: 100%; margin: 0 0 5em; }
#onglet-homepage li{ overflow: hidden; height: 500px; margin: 0; padding: 0; }
/* PTB Metabox Onglets */
.ptb_MetaboxOnglets li .onglet-content{ left: 0; }
.ptb_MetaboxOnglets .ptb_MetaboxOnglets-paginate{ display: none; }
/*************************/
/* ACTUALITES HOMEPAGE 2 */
/*************************/
#actus-homepage-2-left{ width: 100%; border-bottom: 1px solid #B43C26; }
#actus-homepage-2-left .actus-homepage-2-left-content{ padding: 1.5em 2em 0; }
#actus-homepage-2-left-more{ display: block; }
#actus-homepage-2-right{ width: 100%; padding: 0; }
#actus-homepage-2-right .odd,
#actus-homepage-2-right .even{ padding: 2em 2.5em 0; }
#actus-homepage-2-right .odd.first,
#actus-homepage-2-right .even.first{ padding: 2em 2.5em 0; }
#actus-homepage-2-right .actus-homepage-2-right-content{ padding: 1.5em 0 2em 0; }
#actus-homepage-2-right .odd.last .actus-homepage-2-right-content,
#actus-homepage-2-right .even.last .actus-homepage-2-right-content{ padding: 1.5em 0 0 0; }
#actus-homepage-2-bottom{ float: left; width: 100%; margin: 1.5em 0 0; }
#actus-homepage-2-bottom .actus-homepage-2-bottom-link-left{ display: none; }
#actus-homepage-2-bottom .actus-homepage-2-bottom-link-right{ width: 100%; padding: 0 2.5em; text-align: left; }
/****************************************/
/* ACTUALITES 2 ARCHIVES / CATEGORIES 2 */
/****************************************/
/* Menu (Template) */
#actus-archive-2-menu ul.actus-archive-2-menu-filters li{ /*display: none;*/ }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li a{ display: none; }
/* Filtre date pour mobile */
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile{ display: block; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.keyword-filter{ display: block; }
/* Menu (Archives / Categories) */
/* /!\ TRIX PAS TERRIBLE /!\ */
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top{ position: relative; top: 51px; margin: 0; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter input{ height: 51px; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric .label{ height: 49px; }
/* /!\ TRIX PAS TERRIBLE /!\ */
/* Liste des articles */
/* Articles (template) */
/* Actualités */
#actus-archives-2-content .actu-text-content{ padding: 2em 0; }
/* Articles (catgories) */
/* Actualités */
body.category #actus-archives-2-content .actu-text-content{ padding: 0 0 3em; }
/* Evenements */
body.category #actus-archives-2-content .actus-archive-2-thumb{ max-width: 300px; }
body.category #actus-archives-2-content .actus-archive-2-content{ padding: 1em 0 0.5em 2em; }
/***************************************/
/* COCKTAILS 2 ARCHIVES / CATEGORIES 2 */
/***************************************/
/* Liste des cocktails */
#cocktails-archives-2-list .odd,
#cocktails-archives-2-list .even{ width: 50%; }
/* Miniature */
#cocktails-archives-2-list .cocktail-img{ background-size: 100%; }
/* Cocktails connexion */
#cocktails-archives-2-connexion-left{ width: 30%; }
#cocktails-archives-2-connexion-middle{ width: 70%; }
#cocktails-archives-2-connexion-right{ width: 70%; height: 70px; margin: 0 0 0 30%; }
/*******************/
/* COCKTAILS PAGES */
/*******************/
/* Haut de page */
/* Gauche */
#cocktails-page-left{ width: 40%; }
#cocktails-page-left .cocktails-page-left-content{ padding: 4em 1em 2.5em; }
/* Milieu */
#cocktails-page-middle{ position: relative; top: inherit; left: inherit; right: inherit; width: 20%; padding: 4em 2em 4em 0; }
#cocktails-page-middle img{ width: 100%; }
/* Droite */
#cocktails-page-right{ width: 40%; margin: 0; }
#cocktails-page-right .cocktails-page-right-content{ padding: 4em 1em 2.5em; }
/* Bas de page */
#cocktails-page-bas{ background-size: auto 100%; }
/* Gauche */
#cocktails-page-left2{ width: 40%; }
#cocktails-page-left2 .cocktails-page-left-content{ padding: 4em 1em 2.5em; }
/* Milieu */
#cocktails-page-middle2{ position: relative; top: inherit; left: inherit; right: inherit; width: 20%; padding: 4em 2em 4em 0; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
#cocktails-page-middle3{ display: none !important; }
#cocktails-page-middle2 img,
#cocktails-page-middle3 img{ width: 100%; }
/* Droite */
#cocktails-page-right2{ width: 40%; margin: 0; }
#cocktails-page-right2 .cocktails-page-right-content{ padding: 4em 1em 2.5em; }
/*****************/
/* HISTOIRE PAGE */
/*****************/
#histoire-page .histoire-list{ white-space: normal; }
#histoire-page .histoire-element{ float:left; display: block; width: 100%; padding: 5em 0 0; }
#histoire-page .histoire-element-content{ position: relative; float: left; width: 100%; }
#histoire-page .histoire-element-content img{ width: auto; margin: 0 auto; }
#histoire-page .histoire-content-text{ max-width: none; padding: 0 3em; }
#histoire-page h3.histoire-titre{ margin: 0 0 0.1em; font-size: 2.3em; line-height: 1.2em; }
#histoire-page h4.histoire-chapo{ margin: 0 0 1em; font-size: 1.7em; line-height: 1.2em; }
#histoire-page .histoire-content-content{ margin: 0; }
#histoire-page .histoire-content-image{ float: left; width: 100%; max-width: 100% !important; padding: 0 3em !important; }
#histoire-page .histoire-content-image-sup{ display: none; }
/* Menu */
#histoire-menu{ display: none; }
/********************/
/* ELABORATION PAGE */
/********************/
#etapes-elaborationpage .etapes-elaborationpage-container.elaboration-novideo{ margin-top: 0; }
/* Video extrait */
#etapes-elaborationpage .etapes-elaborationpage-extrait{ height: auto; }
#etapes-elaborationpage .etapes-elaborationpage-extrait video{ position: relative; top: inherit; transform: none; }
/* Texte 1 */
#etapes-elaborationpage .etapes-elaborationpage-content1{ width: 100%; margin: 0; padding: 4em 4em 2em; }
#etapes-elaborationpage .etapes-elaborationpage-content1-title{ margin: 0 0 2em; }
/* Texte 2 */
#etapes-elaborationpage .etapes-elaborationpage-content2{ padding: 4em 0; }
#etapes-elaborationpage .etapes-elaborationpage-content2-left{ min-height: inherit; padding: 0 2em; }
#etapes-elaborationpage .etapes-elaborationpage-content2-right{ padding: 0 4em 0 2em; }
/**************************/
/* ORIGINE CONTROLEE PAGE */
/**************************/
/* Frise explicative */
#origine-frise-explicative li{ min-height: 300px; width: 50%; background: #F5F5F5; border: 1px solid #fff; }
#origine-frise-explicative li .origine-frise-explicative-picto img{ border: 20px solid #F5F5F5; }
/* Mentions de vieillisement */
#origine-mention li{ width: 50%; padding: 1.5em 0 0; border-bottom: 1px solid #fff; }
/* Mentions complementaires */
#origine-mention-comp .origine-mention-comp-label{ position: relative; top: inherit; text-align: center; margin: 1.5em 0 0; }
/* Mentions legales */
#origine-ctrlpage .titre-mention-leg{ margin: 3em 0 0; }
#origine-mention-leg{ background: #FEEED7 url("images/etiquette-cognac-xo.jpg") center 350px no-repeat; }
#origine-mention-leg .origine-mention-leg-etiquette-left{ width: 100%; height: 350px; padding: 0 4em; }
#origine-mention-leg .origine-mention-leg-etiquette-left-content{ overflow: hidden; float: none; max-width: 450px; margin: 0 auto; padding: 3em 0 1.5em; }
#origine-mention-leg .origine-mention-leg-etiquette-middle{ position: relative; top: inherit; left: inherit; right: inherit; float: left; width: 100%; max-width: 100%; }
#origine-mention-leg .origine-mention-leg-etiquette-middle-content{ max-width: 325px; margin: 0 auto; }
#origine-mention-leg .origine-mention-leg-etiquette-right{ position: absolute; top: 350px; width: 100%; height: 488px; padding: 0 4em; background: #FBF2E9; z-index: 999; border-top: 1px solid #fff; display: none; }
#origine-mention-leg .origine-mention-leg-etiquette-right-close{ display: block; }
#origine-mention-leg .origine-mention-leg-etiquette-right-content{ left: 0; right: 0; max-width: 600px; margin: 0 auto; padding: 3em 2em 0; }
/**********************************/
/* COGNAC COCKTAIL CONNEXION PAGE */
/**********************************/
#ccc-page .ccc-page-content-left{ width: 100%; padding: 0 4em 4em; }
#ccc-page .ccc-page-content-left-infos{ margin: 0 0 1.5em; }
#ccc-page .ccc-page-content-right{ width: 100%; }
#ccc-page .ccc-page-content-right img{ margin-top: 150px; }
#ccc-page .ccc-page-content-right-text{ left: 2em; right: 2em; }
#ccc-page .ccc-page-soirees-left{ float: left; width: 50%; }
#ccc-page .ccc-page-soirees-right{ float: left; width: 50%; }
/* Popup */
#ccc-page .ccc-page-soirees-popup-content{ font-size: 1em; }
/*************/
/** MAP BOX **/
/*************/
#content .vc-cognac-map2-wrap{ padding: 0 0 2em; }
#content #vc-cognac-map2{ height: 70vh; }
/* Popup HTML */
#content #vc-cognac-map2 .mapbox-popinid{ position: fixed; z-index: 999; }
#content #vc-cognac-map2 .mapbox-popinid .mapbox-popinid-close{ top: 0; right: 0; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content{ padding: 0; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-left,
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-middle,
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-right{ width: 100%; padding: 0; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-content{ height: 33.33vh; padding: 1.5em 4em 1.5em 2em; background-size: 100% !important; font-size: 1.2em; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-content h3{ font-size: 1.4em; }
#content #vc-cognac-map2 .mapbox-popinid .popup-cognac-content-content p{ line-height: 1.4em; }
/* Menu */
#content #vc-cognac-map2-menu li{ float: left; width: 33.33% !important; padding: 1em 0 0; }
#content #vc-cognac-map2-menu .hover-picto{ display: none !important; }
#content #vc-cognac-map2-menu a{}
#content #vc-cognac-map2-menu a.selected{ color: #B43C26; }
#content #vc-cognac-map2-menu a span{ display: block; }
#content #vc-cognac-map2-menu a span.menu-picto{ height: 60px; }
#content #vc-cognac-map2-menu a span.menu-title{ height: 50px; padding: 1em; font-size: 0.9em; }
/*********************/
/** RESEAUX SOCIAUX **/
/*********************/
/* LPDA */
header.top-site .inside-header-popup-lpda #cognac-social-link{ top: 90vh; }
/****************/
/** BREADCRUMB **/
/****************/
#breadcrumbs{ display: none; }
#breadcrumbs-responsive{ display: block; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 20px) and (max-width: 800px){
/************/
/** HEADER **/
/************/
/* Page particuliere (TPL actualites) (menu) */
#content .inside-header-actus{ background-size: auto 100%; }
/**********/
/** POST **/
/**********/
/*********************************/
/* HEADER - ILLUSTRATION (PAGES) */
/*********************************/
#header-illustration{}
#header-illustration .header-illustration-content{ padding: 0 2em; }
/****************************/
/* VISUAL COMPOSER COLONAGE */
/****************************/
/* RANGEES : Ajout du param pour les rangees */
#content .vc_row.no-full-screen-content{ padding: 0 2em; }
/* Pour les celules vides */
#content .vc_column_container{ width: 100%; }
/* COLONAGES : 2 colones */
#content .vc_col-sm-6{ width: 100%; }
#content .vc_col-sm-9{ width: 100%; }
#content .vc_col-sm-3{ width: 100%; }
/* COLONAGES : 3 colones */
#content .vc_col-sm-8{ width: 100%; }
#content .vc_col-sm-4{ width: 100%; }
/* COLONAGES : 4 colones */
#content .vc_col-sm-3{ width: 100%; }
/* ELEMENT TEXTE : Ajout du param pour les elements de texte */
#content .wpb_text_column.no-full-screen-text{ padding: 2em; }
#content .wpb_text_column.full-screen-text{ padding: 2em; }
/* ELEMENT CHAPEAU : Nouvel element Chapeau */
#content .vc-cognac-chapeau-wrap{ padding: 1em 4em 0; }
#content .vc-cognac-chapeau-content.size-normale,
#content .vc-cognac-chapeau-content.size-moyenne,
#content .vc-cognac-chapeau-content.size-grande{ font-size: 1.5em; }
/* ELEMENT LAIUS : Nouvel element Laius */
#content .vc-cognac-laius-wrap{ padding: 2em; }
#content .vc-cognac-laius-content-content{ margin: 0; }
/* ELEMENT CONTACT : Nouvel element Contact */
#content .vc-cognac-contact-content{ padding: 0 2em; }
/* ELEMENT BOUTON : Nouvel element Bouton */
#content .vc-cognac-btn-wrap{ padding: 0 2em 2em; }
/* ELEMENT ENCADRE : Nouvel element Encadre */
#content .vc-cognac-encadre-wrap{ padding: 2em; }
#content .vc-cognac-encadre-content-content{ margin: 0 0 1em 2em; padding: 1em 2em 0; }
/* ELEMENT ENCADRE IMAGE N-1 : Nouvel element Encadre */
#content .vc-cognac-cadre-wrap.cadre-grand{ height: 250px; }
#content .vc-cognac-cadre-wrap.cadre-petit{ height: 250px; }
#content .vc-cognac-cadre-wrap img.inHeighter{ width: 100% !important; height: auto !important; }
#content .vc-cognac-cadre-wrap img.inWidther{ width: 100% !important; height: auto !important; }
#content .vc-cognac-cadre-content h2{ margin: 0 0 1em; }
/* ELEMENT SLIDER : Nouvel element Slider */
#content .vc-cognac-slider-content-content li{ }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content1{ padding: 1em 2em 3.5em; }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content2{ padding: 0; }
/* ELEMENT RETENIR : Nouvel element Retenir */
#content .vc-cognac-retenir-wrap{ padding: 2em; }
#content .vc-cognac-retenir-content-content{ padding: 1em 2em 0; }
/* ELEMENT ENCADRE IMAGE : Nouvel element Encadre */
#content .vc-cognac-cadre2-wrap{ border: 20px solid #fff; border-left: none; border-right: none; }
#content .vc-cognac-cadre2-wrap.cadre2-grand,
#content .vc-cognac-cadre2-wrap.cadre2-petit
#content .vc-cognac-cadre2-wrap.cadre2-large{ min-height: inherit; height: 400px; }
/*#content .vc-cognac-cadre2-wrap.cadre2-grand img{ width: 100%; height: auto; }
#content .vc-cognac-cadre2-wrap.cadre2-large img{ width: 100%; height: auto; }*/
#content .vc-cognac-cadre2-wrap.cadre2-grand img{ width: 100%; height: auto; }
#content .vc-cognac-cadre2-wrap.cadre2-petit img,
#content .vc-cognac-cadre2-wrap.cadre2-large img{ width: auto; height: 100%; }
/* Pour le grand la hauteur est fixe */
#content .vc-cognac-cadre2-wrap.cadre2-grand .vc-cognac-cadre2-content,
#content .vc-cognac-cadre2-wrap.cadre2-petit .vc-cognac-cadre2-content,
#content .vc-cognac-cadre2-wrap.cadre2-large .vc-cognac-cadre2-content{ position: absolute; top: 50%; transform: translateY(-50%); }
/* ELEMENT BOUTON EXTERNE : Nouvel element Bouton externe */
#content .vc-cognac-btnext-wrap{ padding: 0 2em 2em; }
/* ESPACE VIDE : vc_empty_space */
.vc_empty_space{ display: none; }
/* DIVERS : Pour les celules avec un fond transparent noir */
#content .mask-fond-row-container{ height: auto; }
/********************/
/* ONGLETS HOMEPAGE */
/********************/
#onglet-homepage li{ height: 380px; }
/*.ptb_MetaboxOnglets li .onglet-mask{ display: none; }*/
/* PTB Metabox Onglets */
.ptb_MetaboxOnglets li .onglet-content{}
.ptb_MetaboxOnglets li .onglet-content h2{ font-size: 2em; }
.ptb_MetaboxOnglets li .onglet-content .onglet-content-content{ display: none; }
/****************************************/
/* ACTUALITES 2 ARCHIVES / CATEGORIES 2 */
/****************************************/
#actus-archive-2{ padding: 0 2em; }
/* Liste des articles */
/* Articles (template) */
#actus-archives-2-content .odd,
#actus-archives-2-content .even{ width: 100%; padding: 0 0 1.5em; }
#actus-archives-2-content .vignette-content-link{ min-height: inherit; }
/* Evenements */
#actus-archives-2-content .list-archive-event .odd,
#actus-archives-2-content .list-archive-event .even{ width: 100%; }
#actus-archives-2-content .list-archive-event .vignette-content-link{ min-height: inherit; }
#actus-archives-2-content .actus-archive-2-content{ padding: 1.5em 0 0; }
#actus-archives-2-content .actus-archive-2-title{ min-height: inherit; }
/* Articles (catgories) */
/* Actualités */
body.category #actus-archives-2-content .actu-meta{ width: 100%; margin: 0 0 1.5em; }
body.category #actus-archives-2-content .meta-date{ padding: 0; }
body.category #actus-archives-2-content .actu-text-content{ float: left; width: 100%; }
/* Evenements */
body.category #actus-archives-2-content .actus-archive-2-thumb{ max-width: inherit; }
body.category #actus-archives-2-content .actus-archive-2-content{ float: left; width: 100%; padding: 1em 0 0 0; }
/**********************************************/
/* ARTICLES (ACTUALITES / EVENTS / PRESS ...) */
/**********************************************/
#single-content-wrap{ padding: 3em 2em 0; }
/***************************************/
/* COCKTAILS 2 ARCHIVES / CATEGORIES 2 */
/***************************************/
/* Timeline */
#cocktails-archives-2-timeline-photo li{ background-size: auto 100%; }
#cocktails-archives-2-timeline-photo li.selected .legende-cocktail-timeline{ left: 25%; }
#cocktails-archives-2-timeline-photo li .legende-cocktail-timeline p{ font-size: 2.5em; line-height: 1em; }
/* Filtres des cocktails */
#cocktails-archives-2-list .cocktails-archives-top{ padding: 0 2em; }
#cocktails-archives-2-list .cocktails-archives-top-left{ width: 100%; margin: 0 0 1.5em; }
#cocktails-archives-2-list .cocktails-archives-top-left ul{ text-align: center; }
#cocktails-archives-2-list .cocktails-archives-top-left li{ float: none; display: inline-block; margin: 0 0.75em; }
#cocktails-archives-2-list .cocktails-archives-top-right{ width: 100%; }
#cocktails-archives-2-list .cocktails-archives-top-right ul{ float: left; width: 100%; text-align: center; }
#cocktails-archives-2-list .cocktails-archives-top-right li{ float: none; display: inline-block; }
/* Liste des cocktails */
#cocktails-archives-2-list .cocktails-archives-content{ padding: 0 2em; }
/* Miniature */
#cocktails-archives-2-list .cocktail-img{ background-size: auto 100%; }
/*******************/
/* COCKTAILS PAGES */
/*******************/
/* Haut de page */
/* Gauche */
#cocktails-page-left{ width: 100%; }
#cocktails-page-left .cocktails-page-left-content{ padding: 2em 0 0; }
/* Milieu */
#cocktails-page-middle{ width: 100%; padding: 2em 0 0; }
#cocktails-page-middle img{ max-width: 150px; }
/* Droite */
#cocktails-page-right{ width: 100%; margin: 0; /*display: none;*/ }
#cocktails-page-right .cocktails-page-right-content{ padding: 2em 0 0; }
/* Bas de page */
/* Gauche */
#cocktails-page-left2{ width: 100%; }
#cocktails-page-left2 .cocktails-page-left-content{ padding: 2em 0 0; }
/* Milieu */
#cocktails-page-middle2{ width: 100%; padding: 2em 0 0; }
#cocktails-page-middle2 img,
#cocktails-page-middle3 img{ max-width: 150px; }
/* Droite */
#cocktails-page-right2{ width: 100%; margin: 0; }
#cocktails-page-right2 .cocktails-page-right-content{ padding: 2em 0 0; }
/* Astuce */
#cocktails-page-astuce-content{ margin: 0 auto; }
/* Gauche */
#cocktails-astuce-left{ width: 100%; }
#cocktails-astuce-left .cocktails-astuce-left-content{ padding: 2em 2em 0.5em; }
/* Milieu */
#cocktails-astuce-middle{ width: 100%; }
#cocktails-astuce-middle .cocktails-astuce-middle-content{ float: left; width: 50%; height: 260px; }
/* Droite */
#cocktails-astuce-right{ width: 100%; }
/* Ustensiles */
#cocktails-page ul.ustensiles{ margin: 2em 0; }
#cocktails-page ul.ustensiles li{ padding: 0 0.2em; }
/********************/
/* ELABORATION PAGE */
/********************/
/* Texte 2 */
#etapes-elaborationpage .etapes-elaborationpage-content2{ padding: 0; }
#etapes-elaborationpage .etapes-elaborationpage-content2-left{ width: 100%; padding: 0; }
#etapes-elaborationpage .etapes-elaborationpage-content2-right{ width: 100%; padding: 2em; }
/* Le saviez-vous */
#content #etapes-elaborationpage .vc-cognac-encadre-wrap{ padding: 0 2em 2em; }
#content #etapes-elaborationpage .vc-cognac-encadre-content-content{ margin: 0 0 1em 2em; padding: 1em 2em 0; }
/**************************/
/* ORIGINE CONTROLEE PAGE */
/**************************/
/* Mentions complementaires */
#origine-mention-comp{ padding: 0 2em; }
/* Mentions legales */
#origine-mention-leg .origine-mention-leg-etiquette-left{ padding: 0 2em; }
/**************************/
/* COGNAC EN QQ MOTS PAGE */
/**************************/
#qq-motspage .round-circle-content{ max-width: 300px; }
#qq-motspage .round-circle-container{ width: 300px; height: 300px; }
#qq-motspage .round-circle-container-after{ top: 30px; left: 30px; bottom: 30px; right: 30px; }
#qq-motspage .round-circle-container-after-content{ top: 25px; left: 25px; bottom: 25px; right: 25px; }
#qq-motspage .round-circle-container-after-content .round-circle-container-after-content-content{ font-size: 1em; }
#qq-motspage .round-circle-container-after-content h4{ font-size: 0.9em; }
#qq-motspage .round-circle-container-after-content p{ margin: 0; line-height: 1em; }
#qq-motspage .round-circle-container a{ width: 50px; height: 50px; margin: -25px; }
#qq-motspage .round-circle-container span.knowMoreWhite{ font-size: 0.8em; font-weight: 200; }
#qq-motspage .round-circle-container span.knowMoreWhite a{ border: none !important; text-transform: none; font-weight: 400; text-decoration: underline; }
#qq-motspage .round-circle-content-footer{ display: none; }
/***************************/
/* LA ROUE DES AROMES PAGE */
/***************************/
#roue-aromespage .round-circle-content{ max-width: 300px; }
#roue-aromespage .round-circle-container{ width: 300px; height: 300px; }
#roue-aromespage .round-circle-container-after{ top: 30px; left: 30px; bottom: 30px; right: 30px; }
#roue-aromespage .round-circle-container-after-content{ top: 30px; left: 30px; bottom: 30px; right: 30px; }
#roue-aromespage .round-circle-container-after-content .round-circle-container-after-content-content{ font-size: 1em; }
#roue-aromespage .round-circle-container-after-content h4{ padding: 0; font-size: 1em; }
#roue-aromespage .round-circle-container-after-content p{ margin: 0; font-size: 0.9em; line-height: 1em; }
#roue-aromespage .round-circle-container a{ width: 40px; height: 40px; margin: -20px; }
#roue-aromespage .round-circle-container span.knowMoreWhite{ font-size: 0.8em; font-weight: 200; }
#roue-aromespage .round-circle-container span.knowMoreWhite a{ border: none !important; text-transform: none; font-weight: 400; text-decoration: underline; }
#roue-aromespage .round-circle-content-footer{ /*display: none;*/ }
/**********************************/
/* COGNAC COCKTAIL CONNEXION PAGE */
/**********************************/
#ccc-page .ccc-page-content-left{ padding: 0 2em 4em; }
#ccc-page .ccc-page-content-right-text{ left: 1em; right: 1em; }
/****************/
/** PAGINATION **/
/****************/
/* Type post Cognac */
nav.paginate-cognac-single { margin: 0; }
nav.paginate-cognac-single li { width:100%; }
/* Type page Cognac */
nav.paginate-cognac-page { margin: 0; }
nav.paginate-cognac-page li { width:100%; }
nav.paginate-cognac-page a span.title span.discover { display: none !important; }
nav.paginate-cognac-page a span.title span.flc { display: none !important; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 20px) and (max-width: 600px){
/************/
/** HEADER **/
/************/
/* Article (menu) */
#content .inside-header-single{ background-size: auto 100%; }
/* BNIC (menu) */
#content .inside-header-bnic{ background-size: auto 100%; }
/* Page de dernier niveau (LPDA) (pas de menu) */
header.top-site .inside-header-popup-lpda{ min-height: 700px; }
header.top-site .inside-header-popup-lpda .header-logo{ right: 0; }
header.top-site .inside-header-popup-lpda .header-logo img{ margin: 1em 0 0; }
header.top-site .inside-header-popup-lpda h1{ margin: 3.5em auto 0; }
header.top-site .inside-header-popup-lpda h1 span.main-title{ font-size: 1em; }
header.top-site .inside-header-popup-lpda .header-date{ max-width: 200px; margin: 2em auto 0; padding: 0.5em; text-align: center; }
header.top-site .inside-header-popup-lpda .header-date span{ display: inline-block; margin: 0 0.1em; font-size: 1.5em; }
header.top-site .inside-header-popup-lpda .header-lpda-content{ margin: 2em auto 1.5em; }
header.top-site .inside-header-popup-lpda .header-lpda-content-left{ width: 100%; }
header.top-site .inside-header-popup-lpda .header-lpda-content-middle{ width: 100%; }
header.top-site .inside-header-popup-lpda .header-lpda-content-right{ width: 100%; }
header.top-site .inside-header-popup-lpda .header-lpda-content-right .vc-cognac-btn-wrap{ margin: 0; }
/* Page de dernier niveau (VITIDURABLE) (pas de menu) */
header.top-site .inside-header-popup-vitidurable{ min-height: 700px; max-height: 700px; }
header.top-site .inside-header-popup-vitidurable .header-logo{ right: 0; }
header.top-site .inside-header-popup-vitidurable .header-logo img{ margin: 1em 0 0; }
header.top-site .inside-header-popup-vitidurable h1{ margin: 3.5em auto 0; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content{ margin: 2em auto 1.5em; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content-left{ width: 100%; margin: 0 0 1em; font-size: 2.5em; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-content-middle{ width: 100%; }
header.top-site .inside-header-popup-vitidurable .header-vitidurable-cadre-content{ width: 100%; max-width: 100%; padding: 2em 1.5em; }
header.top-site .inside-header-popup-vitidurable span{ display: block; font-family: 'Oswald', sans-serif; color: #fff; text-align: center; text-transform: uppercase; }
header.top-site .inside-header-popup-vitidurable span.header-vitidurable-cadre1{ font-size: 2.2em; }
header.top-site .inside-header-popup-vitidurable span.header-vitidurable-cadre2{ font-size: 1.8em; }
/* Page de dernier niveau (CCC) (pas de menu) */
header.top-site .inside-header-popup-ccc{ min-height: 700px; max-height: 700px; }
header.top-site .inside-header-popup-ccc .header-logo{ right: 0; }
header.top-site .inside-header-popup-ccc .header-logo img{ margin: 1em 0 0; }
header.top-site .inside-header-popup-ccc h1{ margin: 3.5em auto 0; padding: 0 0.8em; }
header.top-site .inside-header-popup-ccc h1 span.main-title{ font-size: 1.3em; }
header.top-site .inside-header-popup-ccc .header-ccc-content{ position: relative; overflow: hidden; width: 100%; max-width: 750px; margin: 3em auto 0; padding: 0; z-index: 1; box-sizing: border-box; }
header.top-site .inside-header-popup-ccc .header-ccc-content{ margin: 2em auto 1.5em; }
header.top-site .inside-header-popup-ccc .header-ccc-content-left{ display: none; }
header.top-site .inside-header-popup-ccc .header-ccc-content-middle{ width: 100%; }
header.top-site .inside-header-popup-ccc .header-ccc-content-middle img{ max-width: 150px; }
header.top-site .inside-header-popup-ccc .header-ccc-cadre-content{ width: 100%; max-width: 100%; padding: 2em 1.5em; }
header.top-site .inside-header-popup-ccc span{ display: block; font-family: 'Oswald', sans-serif; color: #fff; text-align: center; text-transform: uppercase; }
header.top-site .inside-header-popup-ccc span.header-ccc-cadre1{ font-size: 2.2em; }
header.top-site .inside-header-popup-ccc span.header-ccc-cadre2{ font-size: 1.8em; }
/* Page de dernier niveau (COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup-ambass{ min-height: 700px; }
header.top-site .video-header-popup-ambass{ height: 700px; }
header.top-site .inside-header-popup-ambass .header-logo{ right: 0; }
header.top-site .inside-header-popup-ambass .header-logo img{ margin: 1em 0 0; }
header.top-site .inside-header-popup-ambass h1{ margin: 3.5em auto 0; padding: 0 0.8em; }
header.top-site .inside-header-popup-ambass h1 span.main-title{ font-size: 1.3em; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-localisation-li{ width: 100%; }
header.top-site .inside-header-popup-ambass .header-ambass-content li.form-ambassador-category-li{ width: 100%; }
/**************/
/** MENU TOP **/
/**************/
/* Menu principal */
/* Largeur dynamique des items */
body #access ul ul.nb-1-items li{ width: 100%; }
body #access ul ul.nb-2-items li{ width: 100%; }
body #access ul ul.nb-3-items li{ width: 100%; }
body #access ul ul.nb-3-items li:first-child{ width: 100%; }
body #access ul ul.nb-4-items li{ width: 100%; }
body #access ul ul.nb-5-items li{ width: 100%; }
body #access ul ul.nb-5-items li:first-child{ width: 100%; }
body #access ul ul.nb-6-items li{ width: 100%; }
/**********/
/** POST **/
/**********/
/****************************/
/* VISUAL COMPOSER COLONAGE */
/****************************/
/* RANGEES : Ajout du param pour les rangees */
#content .vc_row.no-full-screen-content{ padding: 0; }
/* ELEMENT CHAPEAU : Nouvel element Chapeau */
#content .vc-cognac-chapeau-wrap{ padding: 1em 2em 0; }
/* ELEMENT LAIUS : Nouvel element Laius */
#content .vc-cognac-laius-content{ padding: 0; }
/* ELEMENT BOUTON EXTERNE : Nouvel element Bouton externe */
#content .vc-cognac-btnext-content{ max-width: 280px; }
#content .vc-cognac-btnext-content-content-left{ margin: 0 0 0.5em; }
#content .vc-cognac-btnext-content-content-middle{ width: 195px; margin: 0 0 1em; padding: 0 15px; text-align: left; }
#content .vc-cognac-btnext-content-content-right{ width: 100%; }
#content .vc-cognac-btnext-content-content-right a{ width: 100%; }
#content .vc-cognac-btnext-content-content-right a:hover{ text-decoration: none; }
/*******************/
/* SLIDER HOMEPAGE */
/*******************/
#slider-homepage{ margin: 0 0 1em; }
#slider-homepage .titre-slider{ min-height: 220px; font-size: 2.5em; }
#slider-homepage .link-slider{ font-size: 0.4em; }
/******************/
/* MAP HOMEPAGE 2 */
/******************/
#map-top-2 h2{ font-size: 2.5em; }
#map-left-2{ width: 100%; }
#map-left-2 .map-details-item{ width: 100% !important; }
#map-right-2{ display: none; }
/***************************************/
/* COCKTAILS 2 ARCHIVES / CATEGORIES 2 */
/***************************************/
/* Cocktails connexion */
#cocktails-archives-2-connexion-left{ width: 100%; height: 150px; }
#cocktails-archives-2-connexion-middle{ width: 100%; height: auto; }
#cocktails-archives-2-connexion-middle .cocktails-archives-2-connexion-middle-content{ position: relative; top: inherit; transform: none; }
#cocktails-archives-2-connexion-right{ width: 100%; margin: 0; }
/**************************/
/* ORIGINE CONTROLEE PAGE */
/**************************/
/* Frise explicative */
#origine-frise-explicative li{ width: 100%; min-height: inherit; border-bottom: 1px solid #fff; }
/* Mentions de vieillisement */
#origine-mention li{ width: 100%; border: none; border-bottom: 1px solid #fff; }
#origine-mention li .origine-mention-text{ min-height: inherit; }
/* Mentions complementaires */
#origine-mention-comp li{ width: 33.33%; height: 100px; padding: 1em 0 0; }
/*
#origine-mention-comp li{ padding: 1em 0.5em; }
#origine-mention-comp li .origine-mention-comp-year a.selected{ font-size: 1.4em; line-height: 0.9em; }
*/
#origine-mention-comp .origine-mention-comp-label{ position: relative; top: inherit; text-align: center; margin: 1.5em 0 0; }
/**********************************/
/* COGNAC COCKTAIL CONNEXION PAGE */
/**********************************/
#ccc-page .ccc-page-content-left p{ line-height: 1.5em; }
#ccc-page .ccc-page-content-right img{ margin-top: 300px; }
#ccc-page .ccc-page-soirees-left{ width: 100%; height: auto; padding: 2em; }
#ccc-page .ccc-page-soirees-left.odd{ float: left; }
#ccc-page .ccc-page-soirees-right{ width: 100%; height: 200px }
/* Popup */
#ccc-page .ccc-page-soirees-popup{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; display: none; }
#ccc-page .ccc-page-soirees-popup-mask{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff; opacity: 0.95; }
#ccc-page .ccc-page-soirees-popup-close{ position: relative; float: right; padding: 1.5em 2em 1.5em 1.5em; cursor: pointer; box-sizing: border-box; }
#ccc-page .ccc-page-soirees-popup-content{ padding: 1.5em; font-size: 1em; }
#ccc-page .ccc-page-soirees-popup-content p{ line-height: 1.1em; }
#ccc-page .ccc-page-soirees-popup-content h3.etablissement-name-popup{ font-family: 'EB Garamond', serif; font-size: 2.2em; font-weight: 600; color: #B43C24; text-align: center; }
#ccc-page .ccc-page-soirees-popup-content h4.etablissement-date-popup{ font-size: 1.3em; font-weight: 400; }
#ccc-page .ccc-page-soirees-popup-content p.etablissement-lieu-popup{ font-size: 1em; }
/************/
/** FOOTER **/
/************/
/******************/
/** MENUS BOTTOM **/
/******************/
/* Menu Social */
#access-bottom-social {
display: block;
}
/* Menu footer */
/* Gestion des items sociaux */
#access-bottom-2 li.bottom-social{ display: none; }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px){
/************/
/** HEADER **/
/************/
/* Default (menu) */
header.top-site h1{ bottom: 1em; left: 0.5em; right: 0.5em; text-align: center; }
header.top-site h1 span.parent-title{ display: none; }
header.top-site h1 span.main-title{ font-size: 1em; line-height: 1em; }
/* Article (menu) */
#content .inside-header-single{ min-height: 260px; margin: 0 0 8em; }
#content .inside-header-single .inside-header-single-date{ bottom: -4em; left: 0; right: 0; top: inherit; width: 100%; padding: 1em; text-align: center; }
/* Cas d'une seule date pour evenement */
#content .inside-header-single .inside-header-single-date span{ display: inline-block; }
#content .inside-header-single .inside-header-single-date span.date-separator{ padding: 0 0.5em; }
#content .inside-header-single .inside-header-single-date span.date-num{ font-size: 2em; }
#content .inside-header-single .inside-header-single-date span.date-month{ padding: 0 0 0 0.3em; }
#content .inside-header-single .inside-header-single-date span.date-year{ padding: 0 0 0 0.3em; }
/* Cas d'un intervale de date pour l'evenement */
#content .inside-header-single .inside-header-single-date.interval{ bottom: -4em; left: 0; right: 0; top: inherit; padding: 1em; text-align: center; }
#content .inside-header-single .inside-header-single-date-interval{ display: inline-block; float: none; width: auto; }
#content .inside-header-single .inside-header-single-date-interval span.date-separator{ padding: 0; }
#content .inside-header-single .inside-header-single-date-interval span.date-num{ font-size: 2.5em; }
#content .inside-header-single .inside-header-single-date-interval span.date-month{ padding: 0; }
#content .inside-header-single .inside-header-single-date-interval span.date-year{ padding: 0; }
/* BNIC (menu) */
#content .inside-header-bnic{ min-height: 260px; /*margin: 0 0 8em;*/ }
/* Page de dernier niveau (page / cocktail / COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup{ min-height: 260px; }
header.top-site .inside-header-popup video{ min-height: 260px; }
/* Page de dernier niveau (LPDA) (pas de menu) */
header.top-site .inside-header-popup-lpda h1 span.main-title{ font-size: 0.7em; }
/* Page particuliere (TPL actualites) (menu) */
#content .header-actus-content{ left: 1em; right: 1em; padding: 0; font-size: 2.2em; }
#content .header-actus-content-links a{ width: 100%; }
#content .header-actus-content-links-left{ float: left; width: 100%; margin: 0 0 0.5em; }
#content .header-actus-content-links-right{ float: left; width: 100%; }
header.top-site #breadcrumbs{ text-align: center; }
/* Articles */
/* Autre article */
header.entry-header .entry-header-actu-date-block{ bottom: 3em; top: auto; width: 100%; padding: 1em; text-align: center; }
header.entry-header .entry-header-actu-date-block span{ display: inline-block; }
header.entry-header .entry-header-actu-date-block span.date-num{ font-size: 2em; }
header.entry-header .entry-header-actu-date-block span.date-month{ padding: 0 0 0 0.3em; }
header.entry-header .entry-header-actu-date-block span.date-year{ padding: 0 0 0 0.3em; }
header.entry-header h1.entry-header-actu{ min-height: 0; padding: 0 0.8em; margin: 0 0 4em; }
/**********/
/** POST **/
/**********/
/*********************************/
/* HEADER - ILLUSTRATION (PAGES) */
/*********************************/
#header-illustration .header-illustration-left-content h2{ font-size: 1.8em; line-height: 1.2em; }
#header-illustration #breadcrumbs{ text-align: center; }
/****************************/
/* VISUAL COMPOSER COLONAGE */
/****************************/
/* ELEMENT TITRE PAGE : Nouvel element Titre page */
#content .vc-cognac-titrepage h1{ padding: 0; font-size: 2.5em; }
/* ELEMENT ENCADRE IMAGE N-1 : Nouvel element Encadre */
#content .vc-cognac-cadre-wrap img.inHeighter{ width: 150% !important; }
#content .vc-cognac-cadre-wrap img.inWidther{ width: 150% !important; }
#content .vc-cognac-cadre-wrap.cadre-grand{ height: 200px; }
#content .vc-cognac-cadre-wrap.cadre-petit{ height: 200px; }
/* ELEMENT BOUTON EXTERNE : Nouvel element Bouton externe */
#content .vc-cognac-btnext-content-content-middle{ width: 165px; font-size: 0.9em; }
/* ELEMENT TITRE FORMATE : Nouvel element Titre formate */
#content .vc-cognac-titreformate h2{ font-size: 1.6em; }
/********************/
/* ONGLETS HOMEPAGE */
/********************/
.ptb_MetaboxOnglets li video{ position: absolute; width: auto; height: 100%; }
/*************************/
/* ACTUALITES HOMEPAGE 2 */
/*************************/
#actus-homepage-2{ padding: 0; }
/****************************************/
/* ACTUALITES 2 ARCHIVES / CATEGORIES 2 */
/****************************************/
/* Menu (Template) */
/* Filtre date pour mobile */
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile{ width: 100%; margin: -2px 0; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.keyword-filter{ width: 100%; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.keyword-filter input{ background: url("images/search.png") 96% center no-repeat; }
/* Menu (Archives / Categories) */
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top{ margin: 0; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter{ width: 100%; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric{ border-bottom: none; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric .label{ text-align: left; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter{ width: 100%; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter input{ background: url("images/search.png") 96% center no-repeat; }
/* Presse */
body.category #actus-archives-2-content .list-archive-press .actu-text-content{ padding-right: 0; }
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-right{ top: inherit; bottom: 3em; width: 60px; }
/* Telechargements */
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-right a,
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-bottom a{ width: 40px; height: 40px; margin: 1em 1em 0 0; background-size: 70%; }
/* Menu (Archives / Categories) */
/* /!\ TRIX PAS TERRIBLE /!\ */
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top{ position: relative; top: inherit; margin: 0; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter input{ height: 50px; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric .label{ height: 48px; }
/* /!\ TRIX PAS TERRIBLE /!\ */
/**********************************************/
/* ARTICLES (ACTUALITES / EVENTS / PRESS ...) */
/**********************************************/
/* Presse */
#press-download-galerie-zone .press-download-zone-title{ width: 100%; font-size: 1em; }
#press-download-galerie-zone .press-download-zone-title img{ max-height: 25px; margin: 0 1em 0 0; }
#press-download-galerie-zone .press-download-zone-link{ width: 100%; text-align: left; }
#press-download-galerie-zone .press-download-zone-pdf ul li{ width: 100%; padding: 1em 0 0 0; }
#press-download-galerie-zone .press-download-zone-pdf ul li:nth-child(2n){ padding: 1em 0 0 0; }
/***************************************/
/* COCKTAILS 2 ARCHIVES / CATEGORIES 2 */
/***************************************/
/* Filtres des cocktails */
#cocktails-archives-2-list .cocktails-archives-top{ padding: 0; }
/* Liste des cocktails */
#cocktails-archives-2-list .cocktails-archives-content{ padding: 0; }
#cocktails-archives-2-list .odd,
#cocktails-archives-2-list .even{ width: 100%; padding: 0; }
/* Miniature */
#cocktails-archives-2-list .cocktail-img{ background-size: 100%; }
/* Cocktails connexion */
#cocktails-archives-2-connexion-left .cocktails-archives-2-connexion-left-content img{ max-height: 80px; }
#cocktails-archives-2-connexion-middle .cocktails-archives-2-connexion-middle-content span.connexion-titre{ font-size: 2.5em; }
#cocktails-archives-2-connexion-middle .cocktails-archives-2-connexion-middle-content span.connexion-baseline{ font-size: 1.5em; }
/*****************/
/* HISTOIRE PAGE */
/*****************/
#histoire-page .vc-cognac-titreformate h2{ font-size: 1.9em; }
#histoire-page .vc-cognac-titreformate h2 span{ font-size: 1em; }
#histoire-page .histoire-content-citation{ position: relative; top: inherit; transform: none; left: inherit; right: inherit; margin: 1em 0 0; }
#histoire-page .histoire-content-citation p{ font-size: 2em; }
/****************/
/** PAGINATION **/
/****************/
/* Type post Cognac */
nav.paginate-cognac-single a { height: 120px; }
/* Type page Cognac */
nav.paginate-cognac-page a { height: 120px; }
/************/
/** FOOTER **/
/************/
/******************/
/** MENUS BOTTOM **/
/******************/
/* Menu footer */
/* Gestion du premier item */
#access-bottom-2 li.first{ width: 100%; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
/************/
/** HEADER **/
/************/
/* Default (menu) */
header.top-site h1 {
bottom: 0;
left: 0;
right: 0;
text-align: center;
position: relative;
}
header.top-site h1 span:first-child {
font-size: 1.5rem
}
header.top-site h1 span.main-title {
font-size: 1.8rem !important;
}
body:not(.page-template-siege) header.top-site h1 span.parent-title{ display: none; }
header.top-site h1 span.main-title{ font-size: 1em; line-height: 1em; }
.page-template-siege h1.relative-title {
font-size: 1.5rem;
top: 0 !important;
}
body:not(.page-template-siege) header.top-site img {
margin: 1.5em 0 0rem 0 !important;
}
/* Article (menu) */
#content .inside-header-single{ min-height: 260px; margin: 0 0 8em; }
#content .inside-header-single .inside-header-single-date{ bottom: -4em; left: 0; right: 0; top: inherit; width: 100%; padding: 1em; text-align: center; }
/* Cas d'une seule date pour evenement */
#content .inside-header-single .inside-header-single-date span{ display: inline-block; }
#content .inside-header-single .inside-header-single-date span.date-separator{ padding: 0 0.5em; }
#content .inside-header-single .inside-header-single-date span.date-num{ font-size: 2em; }
#content .inside-header-single .inside-header-single-date span.date-month{ padding: 0 0 0 0.3em; }
#content .inside-header-single .inside-header-single-date span.date-year{ padding: 0 0 0 0.3em; }
/* Cas d'un intervale de date pour l'evenement */
#content .inside-header-single .inside-header-single-date.interval{ bottom: -4em; left: 0; right: 0; top: inherit; padding: 1em; text-align: center; }
#content .inside-header-single .inside-header-single-date-interval{ display: inline-block; float: none; width: auto; }
#content .inside-header-single .inside-header-single-date-interval span.date-separator{ padding: 0; }
#content .inside-header-single .inside-header-single-date-interval span.date-num{ font-size: 2.5em; }
#content .inside-header-single .inside-header-single-date-interval span.date-month{ padding: 0; }
#content .inside-header-single .inside-header-single-date-interval span.date-year{ padding: 0; }
/* BNIC (menu) */
#content .inside-header-bnic{ min-height: 260px; /*margin: 0 0 8em;*/ }
/* Page de dernier niveau (page / cocktail / COGNAC AMBASSADOR) (pas de menu) */
header.top-site .inside-header-popup{ min-height: 300px; }
header.top-site .inside-header-popup video{ min-height: 260px; }
/* Page de dernier niveau (LPDA) (pas de menu) */
header.top-site .inside-header-popup-lpda h1 span.main-title{ font-size: 0.7em; }
/* Page particuliere (TPL actualites) (menu) */
#content .header-actus-content{ left: 1em; right: 1em; padding: 0; font-size: 2.2em; }
#content .header-actus-content-links a{ width: 100%; }
#content .header-actus-content-links-left{ float: left; width: 100%; margin: 0 0 0.5em; }
#content .header-actus-content-links-right{ float: left; width: 100%; }
header.top-site #breadcrumbs{ text-align: center; padding-top:20px; bottom: initial; display: block }
/* Articles */
/* Autre article */
header.entry-header .entry-header-actu-date-block{ bottom: 3em; top: auto; width: 100%; padding: 1em; text-align: center; }
header.entry-header .entry-header-actu-date-block span{ display: inline-block; }
header.entry-header .entry-header-actu-date-block span.date-num{ font-size: 2em; }
header.entry-header .entry-header-actu-date-block span.date-month{ padding: 0 0 0 0.3em; }
header.entry-header .entry-header-actu-date-block span.date-year{ padding: 0 0 0 0.3em; }
header.entry-header h1.entry-header-actu{ min-height: 0; padding: 0 0.8em; margin: 0 0 4em; }
/**********/
/** POST **/
/**********/
/*********************************/
/* HEADER - ILLUSTRATION (PAGES) */
/*********************************/
#header-illustration .header-illustration-left-content h2{ font-size: 1.8em; line-height: 1.2em; }
#header-illustration #breadcrumbs{ text-align: center; }
/****************************/
/* VISUAL COMPOSER COLONAGE */
/****************************/
/* ELEMENT TITRE PAGE : Nouvel element Titre page */
#content .vc-cognac-titrepage h1{ padding: 0; font-size: 2.5em; }
/* ELEMENT ENCADRE IMAGE N-1 : Nouvel element Encadre */
#content .vc-cognac-cadre-wrap img.inHeighter{ width: 150% !important; }
#content .vc-cognac-cadre-wrap img.inWidther{ width: 150% !important; }
#content .vc-cognac-cadre-wrap.cadre-grand{ height: 200px; }
#content .vc-cognac-cadre-wrap.cadre-petit{ height: 200px; }
/* ELEMENT SLIDER : Nouvel element Slider */
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content2-left{ width: 100%; padding: 1em 1.5em; }
#content .vc-cognac-slider-content-content li .vc-cognac-slider-item-content2-right{ width: 100%; padding: 1.5em 2em 0; }
/* ELEMENT TITRE FORMATE : Nouvel element Titre formate */
#content .vc-cognac-titreformate h2{ font-size: 1.6em; }
/********************/
/* ONGLETS HOMEPAGE */
/********************/
.ptb_MetaboxOnglets li video{ position: absolute; width: auto; height: 100%; }
/*************************/
/* ACTUALITES HOMEPAGE 2 */
/*************************/
#actus-homepage-2{ padding: 0; }
/****************************************/
/* ACTUALITES 2 ARCHIVES / CATEGORIES 2 */
/****************************************/
/* Menu (Template) */
/* Filtre date pour mobile */
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.date-filter-mobile{ width: 100%; margin: -2px 0; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.keyword-filter{ width: 100%; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters li.keyword-filter input{ background: url("images/search.png") 96% center no-repeat; }
/* Menu (Archives / Categories) */
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top{ margin: 0; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter{ width: 100%; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric{ border-bottom: none; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric .label{ text-align: left; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter{ width: 100%; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter input{ background: url("images/search.png") 96% center no-repeat; }
/* Presse */
body.category #actus-archives-2-content .list-archive-press .actu-text-content{ padding-right: 0; }
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-right{ top: inherit; bottom: 3em; width: 60px; }
/* Telechargements */
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-right a,
body.category #actus-archives-2-content .list-archive-press .actu-text-content-press-bottom a{ width: 40px; height: 40px; margin: 1em 1em 0 0; background-size: 70%; }
/* Menu (Archives / Categories) */
/* /!\ TRIX PAS TERRIBLE /!\ */
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top{ position: relative; top: inherit; margin: 0; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.keyword-filter input{ height: 50px; }
#actus-archive-2-menu ul.actus-archive-2-menu-filters.actus-archive-2-menu-filters-top li.category-filter .selectric .label{ height: 48px; }
/* /!\ TRIX PAS TERRIBLE /!\ */
/**********************************************/
/* ARTICLES (ACTUALITES / EVENTS / PRESS ...) */
/**********************************************/
/* Presse */
#press-download-galerie-zone .press-download-zone-title{ width: 100%; font-size: 1em; }
#press-download-galerie-zone .press-download-zone-title img{ max-height: 25px; margin: 0 1em 0 0; }
#press-download-galerie-zone .press-download-zone-link{ width: 100%; text-align: left; }
#press-download-galerie-zone .press-download-zone-pdf ul li{ width: 100%; padding: 1em 0 0 0; }
#press-download-galerie-zone .press-download-zone-pdf ul li:nth-child(2n){ padding: 1em 0 0 0; }
/***************************************/
/* COCKTAILS 2 ARCHIVES / CATEGORIES 2 */
/***************************************/
/* Filtres des cocktails */
#cocktails-archives-2-list .cocktails-archives-top{ padding: 0; }
/* Liste des cocktails */
#cocktails-archives-2-list .cocktails-archives-content{ padding: 0; }
#cocktails-archives-2-list .odd,
#cocktails-archives-2-list .even{ width: 100%; padding: 0; }
/* Miniature */
#cocktails-archives-2-list .cocktail-img{ background-size: 100%; }
/* Cocktails connexion */
#cocktails-archives-2-connexion-left .cocktails-archives-2-connexion-left-content img{ max-height: 80px; }
#cocktails-archives-2-connexion-middle .cocktails-archives-2-connexion-middle-content span.connexion-titre{ font-size: 2.5em; }
#cocktails-archives-2-connexion-middle .cocktails-archives-2-connexion-middle-content span.connexion-baseline{ font-size: 1.5em; }
#cocktails-archives-2-connexion-right span.connexion-lien{ font-size: 1.2em; }
/*****************/
/* HISTOIRE PAGE */
/*****************/
#histoire-page .vc-cognac-titreformate h2{ font-size: 1.9em; }
#histoire-page .vc-cognac-titreformate h2 span{ font-size: 1em; }
#histoire-page .histoire-content-citation{ position: relative; top: inherit; transform: none; left: inherit; right: inherit; margin: 1em 0 0; }
#histoire-page .histoire-content-citation p{ font-size: 2em; }
/*********************/
/** RESEAUX SOCIAUX **/
/*********************/
/* Evenements */
#content .inside-header-single .inside-header-single-date #cognac-social-link{ top: auto; bottom: -3em; width: 320px; }
#content .inside-header-single .inside-header-single-date #cognac-social-link .cognac-social-link-header span{ display: inline-block; text-shadow: 0 0 0 #fff; color: #000; }
/* Pictos noirs */
#content .inside-header-single .inside-header-single-date a{ background: url("images/menu-rs-partage_black.svg") center left no-repeat; }
#content .inside-header-single .inside-header-single-date .heateorSssFacebookSvg{ background-image: url("images/menu-rs-facebook-black.svg"); }
#content .inside-header-single .inside-header-single-date .heateorSssTwitterSvg{ background-image: url("images/menu-rs-twitter-black.svg"); }
#content .inside-header-single .inside-header-single-date .heateorSssLinkedinSvg{ background-image: url("images/menu-rs-linkedin-black.svg"); }
#content .inside-header-single .inside-header-single-date .heateorSssEmailSvg{ background-image: url("images/menu-rs-mail-black.svg"); background-size: 86%; }
#content .inside-header-single .inside-header-single-date .heateorSssCopyLinkSvg{ background-image: url("images/menu-rs-link-black.svg"); }
#content .inside-header-single .inside-header-single-date.interval #cognac-social-link{ top: auto; bottom: -3em; width: 320px; }
#content .inside-header-single .inside-header-single-date.interval #cognac-social-link .cognac-social-link-header span{ display: inline-block; text-shadow: 0 0 0 #fff; color: #000; }
/****************/
/** PAGINATION **/
/****************/
/* Type post Cognac */
nav.paginate-cognac-single a { height: 120px; }
/* Type page Cognac */
nav.paginate-cognac-page a { height: 120px; }
/************/
/** FOOTER **/
/************/
/******************/
/** MENUS BOTTOM **/
/******************/
/* Menu footer */
/* Gestion du premier item */
#access-bottom-2 li.first{ width: 100%; }
}
@media only screen and (max-width : 780px){
#header-illustration .header-illustration-left{
margin-bottom:0;
}
.page .header-illustration-right-content p.p1 {
font-size:1.3em!important;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 961px){
/************/
/** HEADER **/
/************/
/**************/
/** MENU TOP **/
/**************/
/* Menu principal */
/* Pour l'animation du picto... */
#access .img-hover{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 30px; opacity: 0; }
/* Gestion particulier de l'item decouvrir */
#access ul > li.decouvrir > a{ position: relative; background: url("images/icon-decouvrir.svg") 0 1.5em no-repeat; }
#access ul > li.decouvrir.current-menu-ancestor > a,
#access ul > li.decouvrir.current-menu-item > a{ background: url("images/icon-decouvrir-rol.svg") 0 1.5em no-repeat; }
/* Pour l'animation du picto... */
#access li.decouvrir .img-hover{ background: #fff url("images/icon-decouvrir-rol.svg"); background-position: 0 1.5em; background-repeat: no-repeat; }
/* Gestion particulier de l'item voyager */
#access ul > li.voyager > a{ position: relative; background: url("images/icon-voyager.svg") 0 1.5em no-repeat; }
#access ul > li.voyager.current-menu-ancestor > a,
#access ul > li.voyager.current-menu-item > a{ background: url("images/icon-voyager-rol.svg") 0 1.5em no-repeat; }
/* Pour l'animation du picto... */
#access li.voyager .img-hover{ background: #fff url("images/icon-voyager-rol.svg"); background-position: 0 1.5em; background-repeat: no-repeat; }
/* Gestion particulier de l'item deguster */
#access ul > li.deguster > a{ position: relative; background: url("images/icon-deguster.svg") 0 1.5em no-repeat; }
#access ul > li.deguster.current-menu-ancestor > a,
#access ul > li.deguster.current-menu-item > a{ background: url("images/icon-deguster-rol.svg") 0 1.5em no-repeat; }
/* Pour l'animation du picto... */
#access li.deguster .img-hover{ background: #fff url("images/icon-deguster-rol.svg"); background-position: 0 1.5em; background-repeat: no-repeat; }
/* Gestion particulier de l'item s'engager */
#access ul > li.engager > a{ position: relative; background: url("images/icon-sengager.svg") 0 1.5em no-repeat; }
#access ul > li.engager.current-menu-ancestor > a,
#access ul > li.engager.current-menu-item > a{ background: url("images/icon-sengager-rol.svg") 0 1.5em no-repeat; }
/* Pour l'animation du picto... */
#access li.engager .img-hover{ background: #fff url("images/icon-sengager-rol.svg"); background-position: 0 1.5em; background-repeat: no-repeat; }
/* Titre du menu de premier niveau */
#access li a span.title{ background: none !important; }
/* Titre du menu de 2nd niveau */
#access li li a div.title{}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px){
/* Basic Structure ============================================================= */
/* Content */
section#content{
width: 70%;
}
section#content .inside{
}
/* Sidebar */
aside{
width: 30%;
float:left;
clear:none;
}
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px){
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5){
/* Basic Structure ============================================================= */
/* Content */
section#content{
width: 100%;
min-width:320px;
}
section#content .inside{
/*margin:0 0 1.5em;*/
}
/* Sidebar */
aside{
width: 100%;
min-width:320px;
clear:left;
}
}
/************/
/** BARRE FLOTTANTE **/
/************/
.d-flex { display:flex }
.flex-wrap { flex-wrap: wrap; }
@media (min-width: 20px) {
.bar-item1 {
margin-right: 10px;
margin-left: 10px;
margin-bottom: auto;
margin-top: auto;
}
.bar-item2 {
width: 268px;
margin-right: 10px;
margin-bottom: auto!important;
margin-top: auto;
}
.bar-item3 {
margin-right: 10px;
margin-bottom: auto;
margin-top: auto;
}
.bar-item3 a {
border: 1px solid #fff;
color: #fff;
display: inline-block;
padding:8px 12px;
}
.bar-item4 a {
background-color: #b33b23;
border: 1px solid #b33b23;
color: #fef8f1;
display: inline-block;
padding:8px 12px;
}
.bar-item3 a , .bar-item4 a {
text-decoration:none;
font-family: 'Oswald', sans-serif;
font-weight: 300;
text-transform: uppercase;
}
.bar-item4 {
margin-right: 10px;
margin-bottom: auto;
margin-top: auto;
}
.bar-text-date {
color: inherit;
font-family: Arial!important;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
}
.bar-text-demarche {
color: #fff;
line-height: 20px!important;
margin-bottom: auto;
margin-top: auto;
}
.bar-text-demande {
color: inherit;
font-family: Arial!important;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
}
#sticky-bar {
display: none!important;
position: fixed!important;
z-index: 350;
background-color: #004d3f;
display: flex;
justify-content: center;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
padding-top: 8px;
box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, .1);
top: calc(100vh - 70px);
font-family: 'Oswald', sans-serif;
transition: all .5s ease-in-out
}
}
@media (max-width:980px){
.bar-item1, .bar-item2 { display: none; }
.bar-text-date, .bar-text-demande, .bar-text-demarche { font-size: 14px!important; margin-left:5px; margin-right:5px;}
.bar-item3, .bar-item4 { margin-right:0px}
}
@media (min-width:1000px){ .bar-text-date, .bar-text-demande, .bar-text-demarche { font-size: 18px!important; } }
/* ======= CALER LE TEXTE */
.enjeux-fondamentaux h4 img { vertical-align: middle; margin-right:15px;}
.enjeux-fondamentaux h4 span.color-blanc { display:flex; align-items:center; }
.vc_empty_space { display: block; }
/* ======= EQUAL HEIGHTS */
@media (min-width:20px){
.vc_row-o-equal-height .wpb_wrapper:not(figure) { padding-bottom:30px; }
.vc_row-o-equal-height .vc_row-has-fill { height: calc(100% - 30px)}
}
@media (min-width:1000px){
.vc_row-o-equal-height .wpb_wrapper { padding-bottom:0; flex: 1 0 100%; }
.vc_row-o-equal-height .vc_row-has-fill { height: calc(100% - 30px)}
}
/*======= ACCORDION FIX*/
.vc_tta-panel-title a{
cursor: pointer !important;
}
/*====== NEWS GRID */
.news-grid div {
position: relative!important;
margin: 0;
padding: 0;
}
.news-grid div:before,
.vc-gitem-zone-height-mode-auto:before {
display: none!important;
padding-top: 0!important;
}
.news-grid .news-thumbnail { padding:0 }
.news-grid .news-content { height:180px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.news-grid > div.vc_gitem-zone-mini {
display:flex;
flex-wrap:wrap
}
.news-grid div {
width:100%;
}
.news-grid > div.vc_gitem-zone-mini {
display:flex;
flex-wrap:wrap;
}
.news-grid .vc_grid-item {
transition: opacity .5s ease-in-out;
}
.news-grid .vc_grid-item:hover {
opacity:0.5
}
.news-grid:hover {
color: #B43C26;
}
.news-grid .news-thumbnail .wpb_single_image figure img { opacity:0 }
.vc_gitem-row-position-bottom,
.vc_gitem-row-position-top { height: 300px; display: flex; align-items: center;}
@media (max-width:999px){
.news-grid{ padding: 10px; }
}
@media (min-width: 1000px) {
.news-grid{ padding: inherit;}
.news-grid .news-thumbnail .wpb_single_image figure { height: 300px; }
.vc_grid-item:first-child .news-grid > div.vc_gitem-zone-mini,
.vc_grid-item:last-child .news-grid > div.vc_gitem-zone-mini {
flex-direction:column-reverse;
}
}
/*====== TEMOIGNAGES */
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #b43c24 ;
}
.swiper-pagination-bullet:hover {
background-color: rgba(180,60,36,.8);
}
.swiper-button-disabled { display:none !important }
.temoignages-swiper .vc-cognac-slider-size-petit { position: relative; }
.temoignages-swiper .video-title {
position: absolute;
text-transform: uppercase;
left: 15px;
bottom: 0;
color: white;
font-weight: 400;
font-size: 1.2em;
}
@media (min-width:1440px){
.temoignages-swiper .video-title {
font-size: 2em;
}
}
.swiper-button-next, .swiper-button-prev {
width: calc(var(--swiper-navigation-size)/ 44 * 100);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
/* bottom:0 !important; */
}
.swiper-pagination { /* position: relative !important; padding-top:15px; */ }
.swiper-button-next { right: 30px !important; }
.swiper-button-prev { left:30px !important; }
.video-target-link { display:block; color: white;}
.video-target-link:before{
content:"";
position:absolute;
width:100%;
height:100%;
display: block;
opacity:0;
transition: opacity .5s ease-in-out;
background-color: white;
}
#content .swiper-container .vc-cognac-slider-wrap.vc-cognac-slider-size-petit { border:none!important }
.video-target-link:hover:before{
opacity:.3
}
@media (min-width : 20px){
.swiper-container {
height: 230px;
}
}
@media (min-width : 1000px){
.swiper-container {
height: 220px;
}
}
@media (min-width : 1200px){
.swiper-container {
height: 270px;
}
}
@media (min-width:1300px){
.swiper-container {
height: 320px;
}
}
@media (min-width:1500px){
.swiper-container {
height: 380px;
}
}
@keyframes display {
from {opacity: 0;}
to {opacity: 1;}
}
@media only screen and (max-width: 767px) {
#sticky-bar {
display: none;
}
}
.color-columns a {
font-family: 'Oswald', sans-serif;
color: #B43C24;
text-decoration: underline;
font-weight: 300;
font-size: .8em;
transition: all .5s ease-in-out
}
.color-columns a:hover{
text-decoration:none;
}
#content .color-columns > .wpb_column {
position: relative;
}
#content .color-columns > .wpb_column:after {
content:"";
display: block;
width:80px;
height:60px;
border-radius: 6px;
position:absolute;
right:-20px;
top: 35%;
transform:translateY(-50%) rotate(-45deg);
z-index: 4;
}
#content .color-columns > .wpb_column:nth-child(1):after {
background-color: #fefbf4;
}
#content .color-columns > .wpb_column:nth-child(2):after {
background-color: #fdf4e5;
}
#content .color-columns > .wpb_column:nth-child(3):after {
background-color: #fdedd6;
display: none
}
#content .color-columns span.knowMore { display: block;}
#content .knowMore a.active {
border: 1px solid #fff;
background-color: #B43C26;
}
#content .knowMore a.active span {
color: white;
}
#content .color-columns .vc-cognac-btn-wrap {
position: absolute;
bottom:20px;
width: 80%;
left:10%;
padding:0 0 0;
}
/* ==== Cognac bloc type */
.cognac-bloc-type {
padding:30px;
box-sizing: border-box;
margin-top:28px;
}
.cognac-bloc-type .title-bloc {
color: #B43C26;
font-family: 'Oswald', serif;
}
.cognac-bloc-thumbnail img {
width:150px;
height: auto;
max-width:150px;
}
.cognac-bloc-thumbnail+.with-icone.cognac-bloc-content p{
margin: 0 0 0
}
.text-center { text-align: center;}
.text-uppercase { text-transform: uppercase;}
.cognac-bloc-space-between {
justify-content: space-between;
}
.cognac-bloc-aligns-items-center {
align-items: center;
}
.cognac-bloc-type .cognac-bloc-content.with-icone{
width: 80%;
}
.cognac-bloc-type ul {
list-style: none;
}
.cognac-bloc-type ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #B43C26; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.cognac-bloc-content { font-size:1em; line-height: 1.5; width: 100%; }
.cognac-bloc-wrapper .wpb_wrapper {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cognac-bloc-title {
margin: 0 0 0em;
font-size: 2.4em;
}
.post-type-archive-vitidurable .header-vitidurable-cadre1 {
padding: 47px 60px;
}
.post-type-archive-vitidurable #actus-archive-2 {
max-width: 100%;
padding: 0 0;
}
.vc-btns-center .wpb_wrapper { display: flex; flex-wrap: wrap; justify-content: center;}
.vc-btns-center .vc-cognac-btn-wrap.btn-centre { margin: 0 15px; }
.bar-text-jemengage {
font-size: 30px;
color: #fff;
margin-bottom: auto;
margin-top: auto;
}
.bar-text-demarche { font-weight: 400 ;}
#content .wpb_text_column.no-full-screen-text { max-width: 100% }
/*====== Coeur Reveal ===== */
.cognac-coeur-back {
position: absolute;
z-index: 900;
text-align: right;
padding-top: 1rem;
width: 98%;
}
.cognac-coeur-back a,
.cognac-coeur-back a span {
transition: all .5s ease-in-out;
display: inline-block;
}
.cognac-coeur-back a {
font-family: 'Oswald', sans-serif;
color: #B43C26;
text-transform: uppercase;
font-size: .9rem;
}
.cognac-coeur-back a:hover{
text-decoration: none;
}
.cognac-coeur-back a:hover span.animator {
padding: 2px
}
header.top-site .carousel-header-popup.inside.inside-header-popup {
max-height: initial !important;
}
header.top-site .carousel-header-popup.inside.inside-header-popup .swiper-container {
height: 100%;
}
header.top-site .carousel-header-popup.inside.inside-header-popup .swiper-container .swiper-slide {
position: relative;
}
header.top-site .carousel-header-popup.inside.inside-header-popup .swiper-container .swiper-slide .carousel-anchor {
display: block;
position: absolute;
top: 0;left: 0;
width: 100%;height:100%;
}
header.top-site .carousel-header-popup.inside.inside-header-popup.mobile-device {
height: auto!important;
min-height: initial!important;
}
@media(min-width:1000px){
body.page-id-17473 header.top-site .inside-header-popup {
min-height:520px!important;
}
}
/*==== WRAPPER P0 */
.wrapper-p0full-screen-text .wpb_wrapper, .wrapper-p0 .full-screen-text .wpb_wrapper { padding-bottom: 0!important; }
.color-columns .knowMoreLink { font-size: 1.2em !important;}
@media(min-width:200px){
.cognac-bloc-type { width: 100% }
}
@media(min-width:780px){
.cognac-bloc-type ul { padding-left:20% }
.cognac-bloc-type { width: 49% }
#vitidurable-lg-text .vc_row-has-fill {
height: 480px;
}
#vitidurable-lg-text .p1 {
padding: 0 0 0;
}
.logo-horizontal-dispositif img {
max-width: 70% !important;
}
}
.vitidurable-template-default.single .top-site.actualites .header-vitidurable-cadre {
display:none
}
.centrer-video .wp-video { margin: auto }
/* =Siège */
/* .siege-logos .wpb_wrapper {
display: flex;
flex-wrap: wrap;
}*/
.siege-logos .wpb_single_image {
width: 100%;
}
@media(min-width: 780px) {
.siege-logos .wpb_single_image {
width: 50%;
padding:0 1.5rem !important;
float: left;
}
}
.hide {
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: opacity .5s ease-in-out;
z-index: 1;
}
div[id^="#bloc1-"]:not(.hide) {
z-index: 40;
position: relative;
}
a[href^="#bloc"]:hover,
a[href^="#bloc"]:hover span,
a[href^="#bloc"].active span {
color: #b33d24 !important;
text-decoration: none !important;
}
img.siege-thumb {
width: 140px !important;
}
img.siege-medium {
width: 45%;
}
.page-id-21276 .hide-on { display: none;
z-index: 5; }
header.top-site h1.relative-title {
position: relative;
bottom: initial;
top: 30px;
right: initial;
left: initial;
text-align: center;
width: 90%;
margin: auto;
}
header.top-site h1.relative-title span {
line-height: 1.5;
}
#galerie-siege figure,
#galerie-siege figure img {
height: 500px;
width: 100%;
}
#galerie-siege figure a {
width: 100%;
}
#galerie-siege figure img {
object-fit: cover;
}
#galerie-siege .vc_row-o-equal-height .wpb_wrapper:not(figure) {
padding-bottom: 10px;
}
.sticky-on {
background-color:white;
z-index: 9999;
position: fixed !important;
top: 0;
}
.siege-menu a.active {
color: #b43d24;
}
.sticky-block a {
text-decoration: none !important;
}
.sticky-block .knowMore a:before {
content:"";
display: block;
width: 0%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.sticky-block .knowMore a:hover {
color: white !important;
}
.sticky-block .knowMore a:hover:before {
background-color: #b43d24;
width: 100%;
}
.sticky-block .vc_row.vc_row-fluid {
display: flex;
align-items: center;
flex-wrap: wrap;
}
/*.page-id-21276 header.top-site {
display: none;
}*/
.page-id-21276 #breadcrumbs {
display: none;
}
.video-more {
margin-top: 4rem;
display: flex;
justify-content: center;
position: relative;
z-index: 20;
}
.video-more img {
width: 10px;
height: auto;
margin: 0em 0 0 1rem !important;
}
@media(max-width: 980px) {
.video-more {
margin-top: 0rem;
}
}
.siege-lng {display: flex}
.siege-lng a {
color: white;
font-family: 'Oswald', sans-serif;
padding: 1.5em 1em 1.5em 0em !important;
}
.siege-title a {
color: white;
text-transform: uppercase;
font-size: 1.1rem;
text-decoration: underline;
}
.siege-title a:hover {
text-decoration: none;
}
.siege-header:before {
content: "";
display: block;
position: absolute;
background-color: rgba(0,0,0,.2);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sticky-on .wpb_content_element,
.page-id-21276 #content .wpb_text_column.no-full-screen-text {
padding: .5rem!important;
}
.sticky-on {
padding-bottom: 1.2rem !important;
}
.sticky-block:not(.sticky-on) {
padding: 2rem !important;
}
.font-oswald {
font-family: 'Oswald', sans-serif;
}
.topest{
z-index: 20 !important;
position: relative;
}
.cognac-actions .action-sub-description {
margin: 2.4rem auto 1.4rem auto;
}
.cognac-actions .action-sub-description h3,
.cognac-actions .action-sub-description h4,
.cognac-actions .action-sub-description h2 {
text-align: left;
font-size: 30px;
font-weight: 600;
line-height: 40px;
margin : 0 0 0em;
}
.cognac-actions .action-sub-description p,
.cognac-actions .action-sub-description div {
font-family: EB Garamond;
font-size: 18px;
font-weight: 400;
line-height: 33px;
}
/**
* Nouveau siège
*/
#content .liens-section {
padding-top: 50px;
}
#content div[id^='menu-siege-'] ul {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
gap: 30px;
padding: 0;
}
@media(max-width: 980px) {
#content div[id^='menu-siege-'] ul {
flex-direction: column;
gap: 20px;
}
}
#content div[id^='menu-siege-'] ul li {
display: inline-block;
color: #b33c24;
text-decoration: none;
text-align: center;
cursor: pointer;
}
#content div[id^='menu-siege-'] ul li :hover,
#content div[id^='menu-siege-'] ul li.active{
text-decoration: underline !important;
text-underline-offset: 2px;
}
#content .liens-section .wpb_text_column.full-screen-text,
#content .liens-section .wpb_text_column.no-full-screen-text {
padding: 0 0 0 0;
}
#content .liens-section h2 {
color: #b33c24;
letter-spacing: 1px;
margin: 0 0 1em !important;
}
#content .bloc-slide .swiper-button-next,
#content .bloc-slide .swiper-button-prev {
top: 30px;
}
#content .bloc-slide .swiper-button-prev {
left: initial !important;
right: 60px;
}
#content .bloc-slide .swiper-button-disabled {
display: flex !important;
}
#content .bloc-slide .swiper-button-next:after,
#content .bloc-slide .swiper-button-prev:after {
font-size: 14px
}
#content .bloc-slide .swiper-pagination-bullet {
background: white;
opacity: 1;
}
#content .bloc-slide .swiper-container-horizontal>.swiper-pagination-bullets,
#content .bloc-slide .swiper-pagination-custom,
#content .bloc-slide .swiper-pagination-fraction {
bottom: initial;
top: 20px;
}
#content .bloc-slide .swiper-pagination {
padding-left: 30px;
text-align: left;
}
#content .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: .5;
}
#content .wpb_text_column.no-full-screen-text + .no-full-screen-text,
#content .wpb_text_column.no-full-screen-text + .full-screen-text,
#content .wpb_text_column.full-screen-text + .full-screen-text,
#content .wpb_text_column.full-screen-text + .no-full-screen-text{
padding: 0 4rem 4rem 4rem
}
#content #chantier .wpb_text_column.full-screen-text {
padding: 4rem 0 4rem 2rem;
}
#content #chantier .vc_row.vc_row-has-fill .wpb_column:first-child p {
position: absolute;
width: 100%;
background: #fff3e3;
bottom: 0;
left: 0;
}
.sticky_block a.active {
color: #b33c24
}
#certification-environnementale-cadre {
display: grid;
grid-template-rows: repeat(5, 1fr);
gap: 10px;
left: 50%;
transform: translateX(-50%);
width: 300px ;
position: relative;
}
#certification-environnementale-cadre .wpb_column.vc_column_container.vc_col-has-fill {
height: 340px;
}
picture.alignleft.wp-post-image {
margin-right:0
}
picture.alignleft.wp-post-image img {
height: auto
}
#actus-archives-2-content .actus-archive-2-thumb {
padding: 0 0 0rem 0
}
.actus-archive-2-thumb picture {
height: 224px;
}
.actus-archive-2-thumb picture img {
width: 100%;
height: 100%!important;
object-fit: cover;
}
#header-illustration picture img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}
#header-illustration .header-illustration-content {
position: relative;
z-index: 1;
}
#content .vc-cognac-cadre-wrap.cadre-grand picture img,
#content .vc-cognac-cadre-wrap.cadre-petit picture img{
object-fit:cover;
width:100%!important;
height: 100%!important;
max-width: initial;
top:0;
left:0;
transition: all .5s ease-in-out;
transform: translateY(0%) translateX(0%) !important;
}
#content .vc-cognac-cadre-wrap.cadre-grand:hover img,
#content .vc-cognac-cadre-wrap.cadre-petit:hover img{
transform: scale(1.03) !important;
}
.origine-frise-explicative-picto picture {
display: flex;
justify-content: center;
}
.origine-frise-explicative-picto picture img {
height: auto;
}
#histoire-menu a picture img {
height: auto;
}
#access li li a div.title {
display:flex;
flex-direction:column;
gap:10px
}
#access li li .menu-excerpt,
#access li li a span.knowMoreMenu{
position:relative;
bottom:initial;
left:initial;
right:initial;
}
.origine-mention-picto picture {
display:flex;
justify-content:center;
}
.inside-header-popup picture img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: initial;
position: absolute;
top: 0;
left:0;
margin:0
}
@media(min-width: 800px) {
#certification-environnementale-cadre {
width: 790px;
margin: auto;
position: relative;
left: 50%;
transform: translateX(-50%);
display: grid;
gap: 4px;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: auto;
}
#certification-environnementale-cadre .wpb_column.vc_column_container.vc_col-has-fill {
width: calc(780px / 5) ;
height: 340px;
}
#certification-environnementale-cadre .wpb_column.vc_column_container.vc_col-has-fill .vc_column-inner > .wpb_wrapper:first-child {
display: flex;
flex-direction: column;
}
#certification-environnementale-cadre .wpb_text_column.wpb_content_element.full-screen-text {
padding: 1rem;
margin-top: 85%;
}
}
@media(min-width: 980px) {
#certification-environnementale-cadre {
width: 960px;
}
#certification-environnementale-cadre .wpb_column.vc_column_container.vc_col-has-fill {
width: calc(940px / 5) ;
height: 400px;
}
#certification-environnementale-cadre .wpb_text_column.wpb_content_element.full-screen-text {
margin-top: 90%;
}
}
@media(min-width: 1000px) {
#certification-environnementale-cadre {
width: 980px;
}
#certification-environnementale-cadre .wpb_column.vc_column_container.vc_col-has-fill {
width: calc(960px / 5) ;
height: 350px;
}
}
@media(min-width: 1240px) {
#certification-environnementale-cadre {
width: 1200px;
}
#certification-environnementale-cadre .wpb_column.vc_column_container.vc_col-has-fill {
width: calc(1180px / 5) ;
height: 436px;
}
}
@media(max-width: 980px) {
.sticky-block .knowMore {
max-width: 80%;
margin:auto;
display: block;
text-align: center;
}
img.siege-medium {
width: 50%;
}
.page-template-siege header.top-site img{ max-width: 120px; height: auto; margin: 1.5rem 0em 0 0; }
.page-template-siege .video-more { margin: 1.5rem 0em 0 0; }
.page-template-siege header.top-site .inside-header-popup {
min-height: 520px;
}
#content .wpb_text_column.full-screen-text {
padding: 3rem 2rem 2rem 2rem;
}
div[id^='menu-siege-'] .wpb_text_column.full-screen-text + .full-screen-text {
padding: 0 1rem 4rem 1rem !important;
}
#content div[id^='menu-siege-'] ul, #content div[id^='menu-siege-'] ul li {
padding: 0 0 0 0em;
margin: 0 0 0 0;
}
}
@media (min-width: 980px) {
header.top-site h1.relative-title {
width: 70%;
font-size: 5rem;
}
.sticky-on .wpb_content_element{
padding: 2rem!important;
}
}
@media(min-width: 1024px) {
div[id^='section-siege'] .vc_column_container:first-child {
padding-left: 50px !important;
}
div[id^='section-siege'] .vc_column_container:last-child {
padding-right: 50px!important;
}
}
/* =Print
----------------------------------------------- */
@media print {}
#cocktails-page-middle,
#cocktails-page-middle2,
#cocktails-page-middle3,
#cocktails-page-middle picture{
display: flex;
}
#cocktails-page-middle picture img,
#cocktails-page-middle2 picture img,
#cocktails-page-middle3 picture img {
height: auto;
}