/*
Theme Name: armailhac
Theme URI: http://bphr.com
Description: A bespoke, responsive WordPress theme for BPHR
Author: Lee Rickler
Author URI: http://leerickler.com
Version: 1.0

All code/ css and images copyright BPHR

*/

/* GENERAL BRANDING

General BG - 1f0601

BLUE (a) - #2598d9
ORANGE (hover) - #e16e32
TEXT - #333

*/

@import url("style-andy.css");

@-ms-viewport { width: device-width }
@viewport { width: device-width }

/* SELECTEUR DE LANGUE */
#lang_sel {height:32px; position:relative; font-family: verdana, arial, sans-serif; display: inline-block;}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel {width:12em;}
/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}
#lang_sel li:before{content:'' !important;}
#lang_sel ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {float:left;width:149px;position:relative;}
/* style the links for the top level */
#lang_sel a, #lang_sel a:visited {display:block;font-size:11px;text-decoration:none !important; color:#444444; border:1px solid #cdcdcd; background:#fff; padding-left:10px; line-height:24px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a, * html #lang_sel a:visited {width:149px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:1px solid #cdcdcd;}
/* another hack for IE5.5 */
* html #lang_sel ul ul {top:18px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#lang_sel ul ul a, #lang_sel ul ul a:visited {background:#ffffff; color:#444444; height:auto; line-height:1em; padding:5px 10px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;}

/* style the top level hover */
#lang_sel a:hover, #lang_sel ul ul a:hover{color:#000; background:#eee;}
#lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#000; background:#eee;}

#lang_sel a.lang_sel_sel{
    background:url(../img/nav-arrow-down.png) #fff right no-repeat;
    color:#444;
}
#lang_sel a.lang_sel_sel:hover{
    text-decoration: none;
    color:#000;
}

/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul{visibility:visible; }

#lang_sel img.iclflag{width:18px;height:12px;position: relative; top: 1px;}





#lang_sel_footer {
  margin: 0;
  padding: 7px;
  text-align: center;
  font: 11px Verdana, sans-serif;
  min-height: 15px;
  clear: both;
  background-color: #fff;
  border: 1px solid #cdcdcd;
}

#lang_sel_footer ul {
  list-style: none;
  margin:0;
  padding:0;
}

#lang_sel_footer ul li img {
  position: relative;
  top: 1px;
  width: 18px;
  height: 12px;
}

#lang_sel_footer ul li {
  display:inline;
  margin:0 1px 0 0;
  padding:0;
  white-space: nowrap;
  line-height: 25px;
}

#lang_sel_footer ul li a, #lang_sel_footer ul li a:visited {
  text-decoration: none;
  padding: 5px 10px;
}

#wpml_credit_footer { width: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 11px; }

#lang_sel_list {height:32px; position:relative; z-index:99;  font-family: verdana, arial, sans-serif;}
#lang_sel_list.lang_sel_list_vertical{width:149px;}

/* hack to correct IE5.5 faulty box model */
* html #lang_sel_list {width:12em;}
/* remove all the bullets, borders and padding from the default list styling */
#lang_sel_list ul, #lang_sel_list li {padding:0 !important; margin:0 !important; list-style-type:none !important;}
#lang_sel_list li:before{content:'' !important;}
#lang_sel_list ul.lang_sel_list_vertical {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel_list li {float:left;position:relative;}
#lang_sel_list.lang_sel_list_vertical li {width:149px;}

/* style the links for the top level */
#lang_sel_list a, #lang_sel_list a:visited {display:block;font-size:11px;text-decoration:none !important; color:#444444; background:#fff;  line-height:18px;padding-left:5px;}
#lang_sel_list.lang_sel_list_vertical a, #lang_sel_list.lang_sel_list_vertical a:visited{border: 1px solid #cdcdcd; border-top-width: 0; padding-left:10px;}


/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel_list a, * html #lang_sel_list a:visited {width:149px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel_list.lang_sel_list_vertical ul {/*visibility:hidden;position:absolute;*/height:0;top:19px;left:0; border-top:1px solid #cdcdcd;}


/* another hack for IE5.5 */
* html #lang_sel_list ul {top:18px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel_list table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#lang_sel_list ul a, #lang_sel_list_list ul a:visited {background:#ffffff; color:#444444; height:auto; line-height:1em;}
#lang_sel_list.lang_sel_list_vertical ul a, #lang_sel_list_list ul a:visited {padding:3px 10px;}

/* yet another hack for IE5.5 */
* html #lang_sel_list ul a, * html #lang_sel_list ul a:visited {width:150px;}

#lang_sel_list a.lang_sel_sel{
    background-image: none;
    color:#444;
}
#lang_sel_list a.lang_sel_sel:hover{
    text-decoration: none;
    color:#000;
}

/* make the second level visible when hover on first level list OR link */
#lang_sel_list ul li:hover ul,
#lang_sel_list ul a:hover ul{visibility:visible; }

#lang_sel_list img.iclflag{width:18px;height:12px;position: relative; top: 1px;}

#lang_sel.icl_rtl{
    text-align:right;
    direction: rtl;
}
#lang_sel.icl_rtl .lang_sel_sel{
    padding-right:14px;
}

/* reset menu img definitions */
.menu-item-language img.iclflag{height:12px !important; width:18px !important; margin-bottom:0 !important; margin-right:4px;}
/* ----- */

img {
  width: inherit;  /* Make images fill their parent's space. Solves IE8. */
  max-width: 100%; /* Add !important if needed. */
  height: auto;    /* Add !important if needed. */
}
@media \0screen {img { width: auto }}

/* -- RESET -- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section { display: block }
img, object, embed { max-width: 100% }
html { overflow-y: scroll }
ul { list-style: none }
blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

a {
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline
}

del { text-decoration: line-through }

abbr[title], dfn[title] {
    border-bottom: 1px dotted #333;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: bold;
    vertical-align: bottom
}

td {
    font-weight: normal;
    vertical-align: top
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
}

input, select { vertical-align: middle }

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type="radio"] { vertical-align: text-bottom }

input[type="checkbox"] {
    *vertical-align: baseline;
    vertical-align: bottom
}

select, input, textarea { font: 99% sans-serif }

table {
    font: 100%;
    font-size: inherit
}

a:hover, a:active { outline: none }
small { font-size: 70% }
strong, th { font-weight: bold }
td, td img { vertical-align: top }

label,
input[type=button],
input[type=submit],
button { cursor: pointer }

button, input, select, textarea { margin: 0 }

button {
    overflow: visible;
    width: auto
}

.row { *zoom: 1 }

.row:before, .row:after {
    content: "";
    display: table
}

.row:after { clear: both }

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after { clear: both }
.clearfix { zoom: 1 }

::-moz-selection, *::-moz-selection {
    background: transparent;
    text-shadow: none
}

*::-webkit-selection {
    background:transparent;
    text-shadow: none
}

a:link { -webkit-tap-highlight-color: none }

/* -- FONTS -- */
@font-face {
    font-family: 'nexa_bookregular';
    src: url('fontfabric_-_nexa-book-webfont.eot');
    src: url('fontfabric_-_nexa-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontfabric_-_nexa-book-webfont.woff') format('woff'),
         url('fontfabric_-_nexa-book-webfont.ttf') format('truetype'),
         url('fontfabric_-_nexa-book-webfont.svg#nexa_bookregular') format('svg');
    font-style: normal;
    font-weight: normal
}

/* -- MISAPPEARS -- */
select#menu-main {
    display: none;
    visibility: hidden;
}

.show-on-large {
    display: block;
    visibility: visible;
}

.show-on-small {
    display: none;
    visibility: hidden;
}

li.label-image-phone {
        display: none!important;
        visibility: hidden;
    }

/* -- LANGAGE SPLASH -- */
body#langage {
    background: #fff;
    overflow: hidden }

div.centerisation {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 560px
}

div.centerisation p {
    margin: 0 auto;
    max-width: 90%
}

div.centerisation a {
 color: #bb8f66 }

div.centerisation img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

 div#lang_sel ul {
    display: block;
    margin: 0 auto!important;
    text-align: center;
    width: 960px
}

div#lang_sel li {
    float: none!important;
    margin: 0 auto!important;
    width: 149px
}

div.hpcheck {
    display: block;
    margin: 0 auto;
    max-width:600px;
    width: 100%
}

div.button-centered {
    display: block;
    text-align: center;
}

/* -- GLOBAL -- */
html, body {
    height: 100%;
    font-size: 1em;
    margin: 0;
    padding: 0;
    width: 100%
}

body {
    -moz-background-size: cover;
    -webkit-font-smoothing: antialiased;
    background: #f9f8f4;
    color: #333;
    font-family: Georgia, Times, Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.column, .columns {
    float: left;
    min-height: 1px;
    padding: 0;
    position: relative;
}

.row {
    margin: 0 auto;
    max-width: 100%;
    min-width: 768px;
    width: 1440px;
}

.row .row {
    max-width: none;
    min-width: 0;
    margin: 0;
    width: auto
}

div.row-default {
    background: #fff;
    margin: 0 auto;
    max-width: 100%;
    min-width: 768px;
    width: 1440px;
}

div.content-general {
    margin: 0 auto;
    min-width: 768px;
    padding: 0 160px;
}

div.content-portrait {
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
    overflow:hidden;
    background: #fff;
}

div.content-default {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    max-width: 1120px;
    overflow: hidden;
}

div.content-default p { padding: 10px }
.two, .row .two { width: 30% }
div.container div.eight { padding:0 }

div.row aside.two.columns {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 20px;
    padding:6px
}

div.entry, div#content.widecolumn {
    background: #f7f7f7;
    font-size: 150%;
    margin: 0;
    padding: 16px
}

div.entry ul {
    list-style: none;
    font-size: 0.8em;
    line-height: 1.4;
    margin: 0 0 30px 60px
}

div.entry ul li { margin-bottom: 6px }

div.breadcrumbs {
    color: #a09879;
    display: block;
    font-family: 'nexa_bookregular';
    font-size: 70%;
    margin: 10px auto 0 auto;
    max-width: 960px
}

div.row.legal div.content-default {
    padding: 50px;
}

div.row.legal div.content-default p {
    padding: 10px 30px;
}

div.row.legal a.close-reveal-modal {
    display: none;
    visibility: hidden
}

div.breadcrumbs a { color: #a09879 }

div.row.search div.breadcrumbs, div.row.search div.breadcrumbs a { color: #000 }

div.small {
    display: block;
    font-size: 46%;
    line-height: 1.6em;
    margin-bottom: 16px
}

.button, input.button.gform_button {
    background: #746d3f;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'nexa_bookregular';
    font-size: 93.8%;
    font-weight: normal;
    min-height: 12px!important;
    outline: none;
    padding: 4px 10px 8px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto
}

select.button:focus,
.button:hover {
    background-color: #948E69;
    color: #fff;
}

a.button.tasting-note, a.button.product-information { margin-top: 20px }

a.button-black {
    background: #000;
    color: #fff;
    cursor: pointer;
    font-family: 'nexa_bookregular';
    font-size: 93.8%;
    font-weight: normal;
    min-height: 12px!important;
    outline: none;
    padding: 4px 16px 8px 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; 
}

a.button-black:hover { color: #fff }

ul.lang-buttons {
    display: block;
    list-style: none;
    margin: 30px auto;
    max-width: 560px
}

ul.lang-buttons li {
    display: inline;
    margin: 0 10px
}

/* -- DROPDOWN STYLES -- */
select#datemenu,
select.button,
select#vintage-link-dropdown,
div.content-box form select,
div.dropdown form select#page_id,
select.vintage-dropdown {
    -moz-border-radius: 0;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    background: #746e3c url('images/select-arrow-down.png') right no-repeat;
    border: none;
    border-radius: 0;
    color: #fff;
    display: inline;
    font-family: 'nexa_bookregular';
    font-size:  68.8%;
    font-weight: lighter;
    height: 26px!important;
    outline: none;
    padding: 0 40px 0 10px;
    text-decoration: none;
    text-transform: uppercase
}

*:focus { outline:0px none transparent }

strong, b {
    font-weight: bold;
}

.big-quote {
    font-size: 107.3%;
    height: auto;
    line-height: 1.3em
}

q:before {
    content: '\201C';
    font-size: 260%;
    padding-right: 10px;
    position: relative;
    top: 30px;
}
q:after {
    content: '\201D';
    font-size: 260%;
    padding-left: 10px;
    position: relative;
    top: 36px;
}

/* -- LANGAGE SPLASH -- */
body#langage { background: #fff }

div.centerisation p {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 560px
}

div.centerisation p { margin: 40px auto 10px auto }

 div#lang_sel ul {
    display: block;
    margin: 0 auto!important;
    text-align: center;
    width: 960px
}

div#lang_sel li {
    float: none!important;
    margin: 0 auto!important;
    width: 149px
}

.left {
    display: inline;
    float: left
}

.right {
    display: inline;
    float: right
}

p {
    font-size: 100%;
    line-height: 1.36em;
    margin-bottom: 10px
}

/* -- REVEAL -- */
.reveal-modal-bg {
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 40
}

.reveal-modal, .reveal-label {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: none;
    position: absolute;
    visibility: hidden;
    z-index: 400000
}

.reveal-modal {
    -ms-overflow-y: hidden;
    height: 50%;
    left: 50%;
    margin-left: -260px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 30px;
    top: 50%;
    width: 520px
}

.reveal-modal .close-reveal-modal {
    color: #aaa;
    cursor: pointer;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: .5;
    position: absolute;
    right: 11px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
    top: 8px
}

.reveal-modal > :first-child { margin-top: 0; }
.reveal-modal > :last-child { margin-bottom: 0; }

.reveal-socials {
    -ms-overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 50%;
    left: 50%;
    margin-left: -260px;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px;
    top: 100px;
    width: 520px
}

.reveal-modal.label-info {
    height: 70%;
    left: -50%;
    margin: 0 auto;
    padding: 0;
    right: -50%;
    top: 0;
    width: 70%
}

div.label-image ul.magnify img { border: none }


div#myModal.label-artist-pop {
    -ms-overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    height: auto;
    overflow: hidden;
    padding-right: 0;
    top: 353px;
    width: auto;
}

/* -- LINKS -- */
a, a:hover, a:focus {
    color: #020202;
    outline: none;
    text-decoration: none
}

p a, p a:visited { line-height: inherit }
p a, span.gform_description a, div.small a, a.tooltip { text-decoration: underline }
p a:hover, span.gform_description a:hover, div.small a:hover, a.tooltip:hover { text-decoration: none }

/* -- HEADINGS -- */
h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #333;
    font-size: 60%;
    line-height: 0
}

h1 {
    font-size: 180%;
    line-height: 1em;
    margin-bottom: 40px;
    text-transform: uppercase;
}

h2 {
    font-size: 140%;
    font-weight: normal;
    line-height: 1.2em;
}

h3 { font-size: 100% }
h4 { font-size: 86% }
h5 { font-size: 76% }
h6 { font-size: 66% }

div.content-box h2 {
    font-size: 250%;
    margin-bottom: 10px
}

div.content-box-with-image h2 {
    font-size: 160%;
    margin-bottom: 10px
}

div.content-box-with-image a.button {
    margin-top: 14px }

/* -- HEADER -- */

hgroup#header {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

hgroup#header h1 { margin: 0 auto }

hgroup#header h1 a img {
    max-width: 325px;
    width: 50%
}

div#outer.row { background: #f9f8f4 }

/* -- NAV BAR -- */

.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border: none !important;
}
.ubermenu.ubermenu-main .ubermenu-item-level-0:first-child .ubermenu-target-text {
    border:none;
}
.ubermenu .ubermenu-target-text {
    font-size: 112.5%!important;
    padding-left: 0;
    padding: 0 15px;
}
.ubermenu .ubermenu-item-level-0 > a > .ubermenu-target-text {
    border-left: solid 1px #f0edde;
}
.ubermenu-main .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
    display:none;
}
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    padding: 20px 0;
}
.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
    left:auto !important;
    min-width:auto;
}
.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    width: auto !important;
}
.ubermenu .ubermenu-submenu .ubermenu-column {
    float:none !important;
}

#megaMenu ul.megaMenu a span.uber-close, #megaMenu ul.megaMenu span.um-anchoremulator span.uber-close {
    display: none;
    visibility: hidden
}

#megaMenu #megaMenuToggle { position: relative; }
#megaMenu .megaMenuToggle-icon {
    position: absolute !important;
    left: 10px !important;
}

#megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator {
    margin: 0;
    padding: 18.5px 0!important;
}

span.wpmega-link-title, a span.wpmega-link-title {
    color: #726f3c !important;
    font-family: 'nexa_bookregular'!important;
}

div#megaMenuToggle.megaMenuToggle { color: #746d3c }

#megaMenu ul.megaMenu {
    font-family: 'nexa_bookregular'!important;
    z-index: 99999!important;
    max-width: 100%;
}

nav#megaMenu {
    font-family: 'nexa_bookregular', Arial, sans-serif;
    margin-top: 10px!important
}

.megaMenu > li > a { color: #726f3c;  }

#megaMenu ul a span.wpmega-link-title {
    border-left: solid 1px #f0edde;
    font-size: 112.5%!important;
    padding-left: 0;
    padding: 0 15px
}

#megaMenu ul li:first-child a span.wpmega-link-title {
    border-left: 0;
}

#megaMenu ul li#menu-item-46 a span.wpmega-link-title { border-right: none }
#megaMenu ul ul a span.wpmega-link-title { border-right: none }
#megaMenu ul li.ss-nav-menu-reg ul a span.wpmega-link-title { font-size: 100%!important }

#megaMenu ul li.ss-nav-menu-reg ul.sub-menu-1 {
    border: none!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.megaMenu > li:hover, .megaMenu > li.active:hover, .megaMenu > li.current-menu-item {
    background: #f0edde!important;
    color: #726f3c
}

.megaMenu > li:hover + li a span {
    border-left: 1px solid #f9f8f4!important;
}

.megaMenu > li.current-menu-item > li a { color: #fff }
.megaMenu > li.hover > ul.sub-menu { left: 0 }
.megaMenu li li.hover ul { left: 100% }

#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after,
#megaMenu ul li.mega-with-sub > a:after,
#megaMenu ul li.ss-nav-menu-mega > a:after,
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu ul li.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after{
    display: none;
    visibility: hidden;
}

#megaMenu ul li.ss-nav-menu-reg ul.sub-menu li a, #megaMenu ul li.ss-nav-menu-reg ul.sub-menu li span.um-anchoremulator {
    color: #fff;
    margin: 0px;
    position: relative
}

/* 2nd level */
#megaMenu #menu-main ul li, #megaMenu #menu-main-french ul li {
    background: #f0edde;
    border: none!important;
    color: #fff!important;
    display: block;
}

#megaMenu #menu-main ul li span.wpmega-link-title, #megaMenu #menu-main-french ul li span.wpmega-link-title { padding: 0 53px 0 0!important}

#megaMenu #menu-main ul ul li span.wpmega-link-title, #megaMenu #menu-main-french ul ul li span.wpmega-link-title {
    display: block;
    height: 18px
}

#megaMenu #menu-main ul li:hover,
#megaMenu #menu-main ul li.current-menu-item,
#megaMenu #menu-main-french ul li:hover,
#megaMenu #menu-main-french ul li.current-menu-item { background: #E8E4D1!important }

#megaMenu ul li.ss-nav-menu-reg ul li:hover a { color: #fff }
#megaMenu #menu-main ul li.current-menu-item a, #megaMenu #menu-main-french ul li.current-menu-item a { color: #fff!important }
#megaMenu #menu-main ul li.current-menu-item > ul.sub-menu a, #megaMenu #menu-main-french ul li.current-menu-item > ul.sub-menu a { color: #fff!important }

/* 3rd level */
#megaMenu ul.sub-menu-3 {
    border: none!important;
    display: none;
    visibility: hidden;
}
#megaMenu ul li.ss-nav-menu-reg ul.sub-menu ul.sub-menu {
    top:-1px;
    border: none!important;
}

#megaMenu ul li.ss-nav-menu-reg ul li:hover ul li a { color: #1f0700!important }
#megaMenu ul li.ss-nav-menu-reg ul li ul li:hover a, #megaMenu ul li.ss-nav-menu-reg ul li ul li.current-menu-item a { color: #fff!important }
#megaMenu li.current_page_parent { background: #f0edde!important; }

#megaMenu ul#menu-main li:hover > .current_page_parent { background: green!important }

/* -- HOME PAGE -- */
div.slider-frame {
    display: block;
    position: relative;
    z-index: 1
}

div#slider.flexslider {
    margin: 0 auto;
    max-width: 1440px
}

p.flex-caption, div.tp-caption.small_text {
    font-family: 'nexa_bookregular'!important;
    font-size: 93.8%
}

div#hp-news {
     background: #f2efe6;
     margin: 0 auto;
     max-width: 1440px
 }

ul#hp-news {
    bottom: 30px;
    color: #726f3c;
    margin: 0 auto;
    max-width: 960px
}

ul#hp-news li {
    border-left: solid 1px #dbd7c7;
    border-right: solid 1px #dbd7c7;
    display: inline;
    float: left;
    line-height: 1.125em;
    padding: 24px 45px 21px 45px;
    width:50%;
    max-width: 476px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    }

ul#hp-news li img {
    display: block;
    float: left;
    margin-right: 10px
}

ul#hp-news li a {
    color: #726f3c;
    font-family: 'nexa_bookregular'!important;
    font-size: 93.8%;
    text-transform: uppercase;
}

ul#hp-news .news-excerpt {
    font-family: Georgia!important;
    font-size: 87.5%
}

ul#menu-footer li#news-popup-link.cboxElement {
    display: none;
    visibility: hidden
}

span.meta-date {
    font-family: 'nexa_bookregular'!important;
    font-size: 56.3%
}

ul#pop-news div#hp-newsletter-contact {
    bottom: 30px;
    color: #fff;
    left: -50%;
    right: -50%;
    margin: 0 auto;
    padding: 25px 45px;
    position: absolute;
    z-index: 2000
}

ul#pop-news { max-width: 860px }

ul#pop-news li {
    display: inline;
    float: left;
    width: 50%
    }

ul#pop-news li img {
    display: block;
    float: left;
    margin-right: 10px
}

ul#pop-news li a {
    color: #fff;
    text-transform: uppercase;
}

span.pop-title, span.pop-strap {
    display: block;
    margin: 10px;
    margin-left: 0
}

span.pop-title { font-size: 160% }

div#hp-newsletter {
    bottom: 30px;
    color: #fff;
    left: -50%;
    right: -50%;
    margin: 0 auto;
    position: absolute;
    z-index: 2000
}

div#hp-social {
    bottom: 0;
    color: #fff;
    left: -50%;
    right: -50%;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 20px;
    position: absolute;
    width: 360px;
    z-index: 2000
}

span.social-pop {
    display: inline;
    max-width: 100%;
    padding: 0
}

span.social-pop.left {
    float: left
}

span.social-pop-title, span.social-pop-strap {
    display: block;
    margin: 10px;
    margin-left: 0
}

span.social-pop-title { font-size: 160% }
span.social-pop.left img { margin-right: 17px }

span.social-pop-right {
    display: inline;
    float: right;
    padding-top: 36px
}

div.uiIconText span#u_0_4 { color: #fff!important }

div#hp-newsletter {
    bottom: 0;
    padding-bottom: 20px;
    padding-left: 60px;
    width: 100%
}

div#hp-newsletter-contact {
    background: #1f0700!important;
    bottom: 0;
    color: #fff;
    padding: 10px 0;
    padding-right: 10px;
    width: 100%
}

span.newsletter-pop.left {
    padding:0 20px;
    width: 80%
}

span.newsletter-pop-title, span.newsletter-pop-strap {
    
    padding: 5px 0 5px 20px;
}

span.newsletter-pop-title, span.newsletter-pop-strap {
    display: block
}

span.newsletter-pop-title { font-size: 160% }

div#gforms_confirmation_message {
    display: block;
    margin: 0;
    margin-top: 10px
}

li#field_3_7 label.gfield_label {
    color: #fff
}

div#colorbox { 
	background: #878357;
	max-width: 100%;
}

div.gform_body {
    margin-bottom: 20px;
    max-width: 99%
}

.gform_wrapper li.gfield.gfield_error .gfield_description, div.gfield_description .validation_message {
    display: none;
    visibility: hidden
}

.gform_wrapper li.gfield.gfield_error {
    background: none!important;
    border: none!important;
    color: #f6c7be!important;
    margin-bottom: 0!important;
    padding: 0!important
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin-top: 0!important;
margin-bottom: 0!important;
}

.gform_wrapper .validation_error {
    display: none;
    visibility: hidden;
/* color: #e8e8e8!important;
font-weight: bold;
font-size: 14px;
line-height: 1em;
margin-bottom: 0!important;
margin-top: 0; */
}

form#gform_1 div.validation_error, form#gform_1 div.gfield_description.validation_message {
color: #790000!important;
}

.gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message {
padding: 0!important;
}

input#gform_submit_button_1.button.gform_button {
    -moz-border-radius: 0;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    display: block;
    font-weight: lighter!important;
    height: 29px!important;
}

li.gfield_error > div.ginput_container input { background: #f6c7be!important }

.gform_wrapper .ginput_container + .gfield_description.validation_message {
margin-top: 0!important;
}

.gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message {
padding: 0!important;
}

.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
    margin: 0!important;
    width: 48%
}

.gform_wrapper .top_label li.gfield.gf_left_half {
    clear: left;
    float: left
}

.gform_wrapper .top_label li.gfield.gf_right_half {
    clear: right;
    float: right
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding: 0!important }

div#pop-links {
    color: #fff;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    position: absolute;
    z-index: 2000
}

span.links-pop {
    display: inline;
    max-width: 47%;
    max-width: 47%;
    padding: 10px 35px
}

span.links-pop-title { font-size: 140% }

ul.links-list {
    display: block;
    list-style: none;
    margin: 20px auto;
    vertical-align: bottom!important;
    width: 100%
}

ul.links-list li {
    display: table-cell;
    line-height: 1.4em;
    padding-right: 20px;
    vertical-align: top
}

ul.links-list li:after {
    padding-right: 0
}

ul.links-list li.links-col-three {
    font-style: italic;
    padding-bottom: 23px;
    vertical-align: bottom;
    padding-left: 40px;
}

ul.links-list li a { color: #fff }
ul.links-list li a:hover { text-decoration: underline }

/* -- KEY DATES -- */
div.row-keydate {
    background: url('images/key-dates-bg.jpg') repeat;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 768px;
    padding: 106px 0 20px 0;
    width: 1440px
}

div.keydate-content {
    display: block;
    font-size: 110%;
    margin: 0 auto;
    max-height: 420px;
    max-width: 956px;
}

div.keydate-left {
    display: block;
    float: left;
    position: relative;
    width: 515px;
    z-index: 1
}

div.keydate-content-right {
    background: #fff;
    display: inline;
    float: right;
    padding: 0
}

span.keydate-content-right-inner {
    background: #fff;
    display: block;
    padding: 30px;
    height: 360px;
    max-width: 380px
}

.page-id-5101 span.keydate-content-right-inner h1,
.page-id-5854 span.keydate-content-right-inner h1 {
    margin-bottom: 15px;
}
span.keydate-content-right-inner h1 {
    font: Georgia;
    font-size: 437.5%;
    margin-bottom: 30px
}

span.keydate-content-right-inner p { font-size: 87.5% }

ul.date-menu {
    background: #fff;
    display: block;
    height: 55px;
    margin: 20px auto;
    padding: 15px auto;
    text-align: center;
    width: 580px
}

ul.date-menu li a.prev-page-anchor, ul.date-menu li a.next-page-anchor {
    background: #746d3f;
    display: inline;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    font-family: 'nexa_bookregular'!important;
    font-size: 69%;
    font-weight: bold;
    margin: 15px;
    padding: 0 10px;
    width: 24%
}

ul.date-menu li a.prev-page-anchor, ul.date-menu li a.next-page-anchor {
    height: 20px;
    padding-top: 4px
}

select#datemenu {
    -webkit-appearance:none;
    box-shadow: none !important;
    margin-top: 14px
}

:-webkit-autofill { color: #fff !important; }

/* -- PORTRAIT PAGE -- */
div.portrait-image {
    display: block;
    float: left;
    margin-right: 0; /* 45px */
    width: 40%;
    padding: 0;
    position: relative;
    z-index: 2;
    margin-bottom: -10px;
}
div.portrait-image img {
    width:100%;
    height: auto;
}

div.portrait-content {
    background: #fff;
    display: block;
    min-height: 809px;
    padding-top: 75px;
    position: relative;
    z-index: 1;
    width: 60%;
    float: right;
}

div.portrait-content h1 {
    display: block;
    font-family: 'nexa_bookregular'!important;
    font-size: 100%;
    width: 76%;
    padding-left: 45px;
    }

span.portrait-content-left, span.portrait-content-right {
    width:50%;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    padding: 0 45px;
}
span.portrait-content-left {
    padding-right: 22px;
}
span.portrait-content-right {
    margin-bottom: 100px;
    padding-left: 22px;
}

div.portrait-content p { margin-bottom: 12px }

.content_right, .content_left {
    float: left;
    width: 45%
    }

.content_left{ padding-right: 5% }

/* -- HISTORY -- */
.full-width-slideshow li span.flex-gallery-title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    bottom: 76px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    left: 325px;
    position: absolute;
    width: auto
}

.full-width-slideshow li span.flex-gallery-title p {
    background: url('images/gallery-title-bg.png');
    font-size: 250%;
    margin: 0 auto;
    padding: 14px;
    text-align: center;
    text-transform: uppercase;
}

div.other-pages h4 {
    display: block;
    color: #746e3c;
    font-size: 131.3%;
    margin-left: 85px!important;
    text-align: left!important;
    text-transform: uppercase;
}

.other-pages p.caption { text-transform: uppercase }

/* -- SOCIAL BLOCK -- */
div.social-block {
    display: block;
    position: relative;
    z-index: 100
}

div.social-block.portrait {
    bottom: 40px;
    display: block;
    right: 50px;
    max-width: 110px;
    position: absolute;
    z-index: 100
}

/*-- FLEX CONTAINER --*/

div.flex-container h3 {
    display: block;
    font-size: 156%;
    font-weight: normal;
    text-transform: uppercase;
}

div.flex-container h4 {
    display: block;
    font-family: 'nexa_bookregular';
    font-size: 86%;
    font-weight: normal;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
}

 div.portfolio-container div.flex-viewport {
        max-height: 100%;
        min-height: 496px
    }

/* -- NEWS PAGE -- */
div.row.news, div.row.single-post, div.row-category {
    background: #fff;
    display: block;
    margin: 0 auto;
    max-width: 1120px;
    padding-top: 64px;
    width: 100%
}

div.row.news div.breadcrumbs, div.row.news div.breadcrumbs a, div.row.single-post div.breadcrumbs, div.row.single-post div.breadcrumbs a {
    color: #000;
    margin-bottom: 65px
}

div.row.news article.news, div.row.single-post article.news {

    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: solid 1px #cbbc83;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 21%;
    margin-right: 8.9%;
    padding: 0 0 40px 0;
    width: 50%
}


span.article-meta {
    color: #cbc389;
    font-family: 'nexa_bookregular';
    font-size: 86%;
    text-transform: uppercase
}

span.article-meta a { color: #86806e }
div.row.news article.news h2 { line-height: 1.2em }

article.news p {
    padding-bottom: 6px;
    padding-left: 0
}

article.news.navigation {
    display: block;
    border: none!important;
    margin: 20px 0 30px 166px;
    width: 590px;
    overflow: hidden;
}

article.news.navigation div.wp-pagenavi {
    display: inline;
    float: left;
    font-family: 'nexa_bookregular';
    font-size: 80%;
    font-weight: lighter;
    margin-right: 6px;
    padding: 6px;
    text-align: center
}

article.news.navigation span.pages { margin-right: 6px }
article.news.navigation a.page, article.news.navigation span.current { padding: 5px 3px }

article.news.navigation span.current {
    background: #746e3c;
    color: #fff
}

article.news.navigation div.page-nav-text {
    display: inline;
    float: right
}

article.news.navigation span.nav-previous a, article.news.navigation span.nav-next a {
    background: #746d3f;
    display: inline;
    font-family: 'nexa_bookregular';
    font-size: 76%;
    padding: 6px 20px;
    text-transform: uppercase;
    width: auto
}

article.news.navigation span.nav-previous a, article.news.navigation span.nav-next a { color: #fff }
article.news.navigation span.nav-previous { float: left }
article.news.navigation span.nav-next { float: right }

li.date-menu-nav a {
    display: block;
    color: #fff;
    margin-top: 12px;
    text-decoration: none;
    text-transform: uppercase
}

/* -- ART PAGES -- */
div.main-art-block {
    display: block;
    max-height: 636px;
    max-width: 1440px;
}

div.main-art-content {
    background: #fff;
    display: block;
    line-height: 1.4em;
    margin-right: 340px;
    max-height: 100%;
    max-width: 393px;
    padding: 50px 40px 20px 40px
}

div.main-art-content p {
    font-size: 96%;
    margin-bottom: 20px
}

#items {
    -ms-overflow-y: hidden;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    max-height: 670px;
    max-width: 980px;
    overflow-x: hidden;
    overflow-y: scroll
}

li.item {
    height: 330px;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 230px;
    z-index: 29
}

li.item:after { margin-right: 0 }

p.label-info {
    display: none;
    visibility: hidden
}

li.item:hover > p.label-info {
    background: url('images/label-over-bg.png') repeat-x top;
    bottom: 0;
    display: block;
    margin-bottom: 0;
    max-width: 230px;
    padding: 30px 20px 20px;
    position: absolute;
    visibility: visible;
    width: 100%;
    z-index: 30
}

span.art-sub-text {
    color: #000;
    display: block;
    font-size: 118.8%;
    text-align: left
}

div.art-pop-title {
    display: block;
    font-size: 160%;
    margin: 30px 0;
    position: relative;
    text-align: center;
    top: 0;
    z-index: 999
}

span.button-artist {
    display: block;
    float: left;
    margin: 20px 0 0;
    width: auto
}

div#cboxLoadedContent { height: 100%}
div#cboxLoadedContent::-webkit-scrollbar { display: none }
#cboxOverlay { background: #1f0700!important }
#cboxBottomCenter { height: 1px!important }

div.pop-up-button.button {
    display: block;
    margin: 38px auto 10px auto;
    text-align: center;
    max-width: 120px;
}

div.pop-up-button.button a { color: #fff }

ul#art-pop-frame {
    -ms-overflow-y: hidden;
    background: #fff;
    display: block;
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 888
}

ul#art-pop-frame li {
    display: block;
    max-width: 100%;
    padding-bottom: 12px
}

span.art-pop-text, span.art-pop-text-yr { display: inline }
span.art-pop-text-yr { margin-right: 15px }

/* -- LIGHTBOX -- */
#cboxContent, #cboxLoadedContent, #cboxBottomCenter { 
	background: none!important;
	max-width: 100%;
}

#cboxClose {
    background: url('images/close.png') top center no-repeat;
    display: block;
    height: 22px;
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    top: -18px;
    width: 22px;
    z-index: 200000
}

/* -- LABEL PAGES -- */
div.content-label {
    background: #fff;
    margin: 0 auto;
    min-width: 768px;
    padding: 66px 140px 66px 90px;
    width: 890px;
}

div.label-image {
    display: inline;
    float: left;
    max-width: 464px
}

div.label-image img { border: solid 1px #c6c6c6 }

div.label-content-title {
    display: block;
    margin-left: 30px
}

div.label-content {
    display: block;
    float: right;
    max-height: 660px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 395px;
}

div.label-content h1, div.label-content h2 {
    font-size: 146%;
    text-transform: uppercase
    }

div.label-content p { margin-bottom: 10px }

ul.label-display {
    display: block;
    list-style: none
}

ul.label-display li {
    display: inline
}

li.label-image {
    float: left;
    max-width: 462px
}

li.label-text {
    float: right;
    margin-left: 20px;
    max-width: 395px
}

li.label-image img { border: solid 1px #c6c6c6 }

span.label-content {
    display: block;
    height: 100%;
    /* max-height: 600px;
    overflow-x: hidden;
    overflow-y: scroll */
}

ul.art-subcont {
    display: block;
    margin-top: 10px;
    width: 100%
}

ul.art-subcont li {
    display: inline;
}

/* ul.art-subcont li.subcont-left {
    float: left;
    max-width: 462px;
    min-width: 52%;
    text-align: right;
} */

ul.art-subcont li.subcont-left {
    display: none;
    visibility: hidden
}

ul.art-subcont li.subcont-right {
    float: right;
    min-width: 44.6%;
    max-width: 395px
}

span.art-social {
    display: inline;
    float: right
}

div.art-subcont div.social-block {
    border: solid 1px red;
display: block;
float: right;
max-width: 110px;
position: relative;
z-index: 100;
}

div.label-image ul.magnify { text-align: right }

/* -- WINE MUSEUM -- */
span.text-content, span.tasting-note {
    float: left
}

div.content-box h1 {
    margin-bottom: 10px;
    text-transform: uppercase;
}

div.content-box p {
    font-family: Georgia, Times, Arial;
    padding-right: 35px
}

div.bottle-content h1 {
    font-family: 'nexa_bookregular';
    font-size: 125%
}

div.bottle-content h2 { margin-bottom: 20px }

div.dropdown p {
    font-family: 'nexa_bookregular';
    font-size: 81.3%;
    text-transform: uppercase;
}

ul.millesimes-harvest {
    display: block;
    list-style: none;
    margin-bottom: 32px;
    width: 100%
}

ul.millesimes-harvest li { display: inline }

ul.millesimes-harvest li.harvest-title {
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 10px;
    width: 110px
}

ul.millesimes-varietal {
    display: block;
    list-style: none;
    margin-bottom: 16px;
    width: 100%
}

ul.millesimes-varietal li { display: inline }

ul.millesimes-varietal li.varietal-title {
    font-weight: bold;
    float: left;
    margin-right: 10px;
    width: 110px
}

ul.millesimes-varietal li.varietal-content {
    display: block;
    line-height: 1.4em;
    margin-left: 120px;
    width: auto
}

/* -- SIDES -- */
aside.news-side {
    display: block;
    float: right;
    font-size: 90%;
    padding-right: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
}

aside.news-side h3, div.contact-map h3 {
    border-bottom: solid 1px #cbbc83;
    border-top: solid 1px #cbbc83;
    color: #797749;
    font-size: 96%;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 10px 0;
    text-transform: uppercase;
}

aside.news-side ul { margin-bottom: 20px }

aside.news-side ul li {
    padding: 10px 0;
    text-transform:uppercase
}

aside.news-side ul li:last-child { margin-bottom: 30px }
aside.news-side h3 { font-family: 'nexa_bookregular' }

aside.news-side ul.news-cats {
    font-family: 'nexa_bookregular';
    font-size: 90%
}

aside.news-side ul.wp-tag-cloud {
    font-family: 'nexa_bookregular';
    list-style: none
}

aside.news-side div.search { margin-bottom: 10px }

aside.news-side h3.search-title {
    border-bottom: none;
    margin-bottom: 0
}

aside.news-side .menu-item.menu-item-search {
    float: right;
    width: 100%
}

aside.news-side .menu-search-form {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

aside.news-side form.menu-search-form { width:auto }

aside.news-side form.menu-search-form #s {
    background: #f9faf4;
    border: none;
    border-radius: 0px;
    color: #797754;
    float: left;
    padding: 4px;
    width: 100px;
}

aside.news-side .menu-search-form input#searchsubmit.my-wp-search {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: #f2efcf;
    border: none;
    border-radius: 0px;
    color: #76724a;
    cursor: pointer;
    float: left;
    font-family: 'nexa_bookregular';
    font-weight: lighter!important;
    padding: 4px;
    text-transform: uppercase
}

aside.news-side div.contacter h3 {
    border-bottom: none;
    margin-bottom: 0
}

aside.news-side { padding-bottom: 40px }
form.menu-search-form p { background: #f1eee5; padding: 0}
div.contacter { border-bottom: solid 1px #746e3c }

div.contacter span.details {
    display: block;
    padding-bottom: 20px;
    width: 100%
}

div.contacter {
    margin-bottom: 20px;
    padding-bottom: 20px
}

/* -- SEARCH PAGE -- */
div.row.search {
    background: #fff;
    margin: 0 auto;
    min-width: 768px;
    width: 1120px;
}

div.search-header {
    background: #f0efec;
    margin-bottom: 20px;
    padding: 30px 0
}

div.search-page.clearfix {
    margin: 0 auto;
    width: 800px;
}

span.search-permalink { color: #746e3c }
h3.search-title {
    font-size: 160%;
    margin-bottom: 20px
}

div.search-page form.menu-search-form #s {
    background: #fff;
    border: none;
    border-radius: 0px;
    color: #000;
    float: left;
    font-family: 'nexa_bookregular';
    padding: 8px;
    width: 320px;
}

div.search-page input#searchsubmit.my-wp-search {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: #ceb04d;
    border: none;
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    font-family: 'nexa_bookregular';
    font-weight: lighter;
    padding: 8px;
    text-transform: uppercase;
}

div.row.search span.search-entry {
    display: block;
    line-height: 1.3em;
    margin-bottom: 20px
}

div.row.search span p {
    line-height: 1em;
}

div.row.search span h3 {
    font-size: 106%;
    line-height: 1.4em;
    text-decoration: underline
}

/* -- SITEMAP -- */
ul.sitemap-left {
    border: solid 1px green;
    float:left;
    width: 46%
}
ul.sitemap-right {
    border: solid 1px red;
    float: right;
    width: 46%
}

div#sitemap-list {
    display: block;
    padding: 0 30px 30px;
    width: 100%
}


div#sitemap-list li a {
background: #dfd5d2;
display: block;
font-size: 120%;
padding: 5px;
width: 100%;
}

ul.bphr-sitemap {
    display: block;
    padding: 0 30px 30px;
    width: 554px
}

ul.bphr-sitemap li {
    list-style: none;
    line-height: 1.4em;
    padding: 6px 0;
}

ul.bphr-sitemap li li { padding: 0 }

ul.bphr-sitemap li, ul.bphr-sitemap li ul {
    margin-left: 30px
}

ul.bphr-sitemap li a {
    background: #dfd5d2;
    display: block;
    font-size: 120%;
    padding: 5px;
    width: 100%
}

ul.bphr-sitemap li ul a {
    background: none;
    font-size: 100%;
    font-weight: bold;
    padding: 0
}

ul.bphr-sitemap ul { margin-bottom: 30px }

ul.bphr-sitemap li ul ul a { font-weight: normal }

/* -- FOOTER -- */
footer.row {
    display: block;
    max-width: 960px;
    width: 100%
    }

footer {
    color: #fff;
    display: block;
    padding: 6px 0 20px 0
}

nav.menu-footer-container {
    display: block;
    max-width: 960px
}

ul.footer-nav {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 960px;
    width: 100%
}

div.footer-nav ul {
    display: block;
    list-style: none;
    width: 100%
}

.footer-nav > li {
    display: inline;
    margin: 0;
    padding-right: 10px;
    text-align: left
}

ul.footer-nav > li.menu-item-52 a, ul.footer-nav > li.menu-item-64 a {
    border-right: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left
}

ul.footer-nav > li > a {
    border-right: solid 1px #878357;
    color: #878357;
    font-family: 'nexa_bookregular'!important;
    font-size: 62.5%;
    padding-right: 16px;
    text-transform: uppercase
}

ul.footer-nav > li.active > a, ul.footer-nav > li:hover, ul.footer-nav > li a:hover, ul.footer-nav > li.active:hover, ul.footer-nav > li.current-menu-item a { color: #726f3c }

ul.footer-nav > li.footer-spacer { margin-right: 30px }

li.site-map, li.menu-item-search {
    border-left: none;
    margin-left: 10px;
}

ul.footer-nav .menu-item.menu-item-search {
    width: 180px
}

ul.footer-nav .menu-search-form {
    float: right;
    width: 150px
}

ul.footer-nav form.menu-search-form {
    background: #f1eee5;
    font-size: 62.5%;
    padding: 0 6px;
    padding-right: 0;
    text-transform: uppercase;
    width:auto
}

ul.footer-nav form.menu-search-form #s {
    -moz-border-radius: 0;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    background: #f1eee5;
    border: none;
    color: #7c754b;
    float: left;
    padding: 6px;
    text-transform: uppercase;
    width: 120px
}

ul.footer-nav .menu-search-form input#searchsubmit.my-wp-search {
    -moz-border-radius: 0;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    background: #ede8c2;
    border: none;
    color: #797649;
    cursor: pointer;
    float: right;
    padding: 6px;
    text-transform: uppercase
}

div.footer-legals {
    color: #726f3c;
    display: block;
    font-size: 68.8%;
    margin: 20px auto 10px auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

div.footbar {
    display: block;
    height: 70px;
    margin: 0 auto;
    margin-top: 20px;
    width: 380px;
    text-align: center;
}

div.footbar li.widget_sp_image-description {
    color: #ad8d81;
    display: inline;
    float: left;
    font-size: 62.5%;
    margin-right: 10px;
    margin-top: 10px;
    text-align: right;
    width: 130px
}

div.footbar li.widget_sp_image-image-link {
    display: inline;
    margin-right: 10px;
}

div.footbar li.language-footer {
    display: inline;
    float: none
}

div.footbar li.language-footer ul {
    display: inline;
    margin: 0 auto!important;
    text-align: center;
    max-width: 149px;
}

div.footbar li.language-footer ul ul {
    border-top: 1px solid #cdcdcd;
    position: absolute;
    top: 25px;
    width: 149px;
    visibility: hidden;
}

div.footbar li.language-footer div#lang_sel {
    height: 32px;
    margin-top: 20px;
    position: relative;
    z-index: 99
}

div.footbar li.language-footer div#lang_sel a {
    background: #f1eee5 url('images/langage-down-arrow.png') no-repeat right;
    border: none;
    color: #7c754b;
    text-align: left
}

div.footbar li.language-footer div#lang_sel ul li ul li a { background: #f1eee5 }

div.footbar li.language-footer div#lang_sel ul ul {
    border: none;
    display: block;
    position: relative!important;
    top: 0;
    width: 149px
}

img.triman-img {
    padding-left: 10px;
    vertical-align: middle;
}

span.triman-text {
    font-size: 10px;
    text-transform: initial;
	visibility:hidden;
}

.triman img:hover+.triman-text{
	visibility:visible;
}

/* -- POPS -- */
#cboxWrapper {
    height: auto!important;
    left: 0;
    overflow: auto!important;
    position: relative!important;
    top: 0;
    z-index: 9999;
	max-width: 100%;
}

/* -- GFORMS -- */
.wpcf7 {
    margin-top:18px !important;
}
.wpcf7 .row {
    margin:0 !important;
}

.wpcf7 .wpcf7-list-item {
    margin: 0 10px 10px 0;
}

.wpcf7 .wpcf7-textarea {
    width:95%;
}

.gform_wrapper {
    margin: 0!important;
}

input#input_2_4, input#input_2_5, input#input_2_2.medium {
    border: none;
    background: #fff;
    color: #666;
    height: 25px;
    padding-left: 8px
}

input#input_2_4 {
    -webkit-appearance: none;
    border-radius: 0;
    display: inline;
    font-size: 86%;
    float: left;
    margin-bottom: 10px;
    width: 90%
}

input#input_2_5 {
    -webkit-appearance: none;
    border-radius: 0;
    display: inline;
    float: right;
    font-size: 86%;
    margin-bottom: 10px;
    width: 100%
}

input#input_2_2.medium {
    -webkit-appearance: none;
    border-radius: 0;
    display: block;
    font-size: 86%;
    margin-bottom: 15px;
    width: 98.4%
}

ul#input_2_3.gfield_radio li {
    display: inline!important;
    float: left
}

li.gchoice_3_0, li.gchoice_3_1 {
    display: inline;
    margin-right: 30px!important
}

div.gform_footer.top_label {
    display: inline;
    width: auto
}

div.gform_footer.top_label input#gform_submit_button_2 {
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    bottom: 52px;
    display: block;
    float: right;
    height: 27px!important;
    padding-top: 6px;
    position: relative;
    right: -103px;
    width: auto!important;
    z-index: 1000
}

li#field_1_4 label, li#field_1_5 label, li#field_1_8 label, li#field_1_9 label, li#field_2_2 label, li#field_2_3 label, li#field_2_4 label, li#field_2_5 label  {
    display: block;
    visibility: visible;
}

ul#input_2_3.gfield_radio li.gchoice_3_0 label, ul#input_2_3.gfield_radio li.gchoice_3_1 label, ul#input_2_3.gfield_radio li.gchoice_3_2 label {
    display: inline;
    font-size: 86%;
    margin-left: 10px;
    visibility: visible;
}

input.button.gform_button { border: none }

/* -- ALERTS -- */
div.alert-box {
    border: 3px solid #4bd0ef;
    color: #fff;
    display: block;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.6em;
    margin: 0 auto 12px auto;
    padding: 10px;
    text-align: right
}

div.alert-box a {
    border-bottom: solid 3px #2598d9;
    color: #fff
}

div.alert-box a:hover { border-bottom: solid 3px #e16e32 }

div.alert-box.success {
    background-color: #2598d9;
    color: #fff
    }

div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }

/* -- FAQ -- */
ul.accordion {
    background: none;
    border-bottom: none;
    margin-left: 0!important
}

ul.accordion li.link {
    border-bottom: solid 1px #2598d9;
    border-top: solid 3px #2598d9
}

ul.accordion li.link::before {
    content: " ";
    list-style: none
}

ul.accordion li.link div.title:hover { background: #2598d9 }

ul.accordion > li {
    border-top: 1px solid #e9e9e9;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.accordion > li .title {
    -moz-transition: 0.15s background linear;
    -o-transition: 0.15s background linear;
    -webkit-transition: 0.15s background linear;
    background: #f6f6f6;
    border-left: 1px solid #2598d9;
    border-right: 1px solid #2598d9;
    margin: 0;
    padding: 14px;
    position: relative;
    transition: 0.15s background linear;cursor: pointer
}

ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 { margin: 0 }

ul.accordion > li .title:after {
    border: solid 6px;
    border-color: transparent #9d9d9d transparent transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 15px;
    top: 21px;
    width: 0
}

ul.accordion > li .content {
    display: none;
    padding: 15px
}

ul.accordion > li.active {
    border-bottom: solid 1px #e16e32;
    border-top: solid 3px #e16e32
}

ul.accordion > li.active .title {
    background: #fff;
    padding-top: 14px;
}

ul.accordion > li.active .title:after {
    border: solid 6px;
    border-color: #9d9d9d transparent transparent transparent;
    content: "";
    display: block;
    height: 0;
    width: 0
}

ul.accordion > li.active .content {
    background: #fff;
    border: solid 1px #e16e32;
    border-top: none;
    display: block
}

ul.accordion > li.active div.title, ul.accordion > li.active div.title:hover {
    background: #e16e32;
    border-left: solid 1px #e16e32;
    border-right: solid 1px #e16e32;
}

/* Tables ---------------------- */
table.ui-datepicker {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #fff;
    border-radius: 3px;
    margin: 0 0 18px
}

table tbody tr td {
    border: none;
    color: #333;
    padding: 3px;
    vertical-align: top
}

table.ui-datepicker td a:hover {
    background: #e16e32;
    border: 1px solid white;
    color: #555;
    cursor: pointer;
    display: block;
    padding: .1em;
    text-align: center
}

table.ui-datepicker td a:focus { background: #2598d9 }

/* -- SOCIAL ICONS -- */
.svg .svgicon.twitter { background: url('images/icon-twitter.svg') }
.svg .svgicon.googleplus { background: url('images/icon-googleplus.svg') }

.svgicon.small {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 20px;
    width: 20px;
}

.svgicon {
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    background-size: 100%;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    height: 30px;
    margin-bottom: 5px;
    text-indent: -999em;
    text-align: left;
    width: 30px
}

/* -- MEDIA QUEZZIES -- */

/* -- SMALL DEVICES -- */
@media only screen and (max-width: 767px) {
    h1.header-logo {
        display: block;
        float: left
    }

    nav.menu-main-container {
        display: none;
        visibility: hidden
    }

    select#menu-main {
        display: inline;
        float: right;
        margin-top: 6px;
        visibility: visible
    }

    span.show-on-large {
        display: none;
        visibility: hidden;
    }

    span.show-on-small {
        display: block;
        visibility: visible;
    }

    div.slide-content {
    font-size: 110%;
    font-weight: bold;
    margin-top: 50px;
    }

    footer { text-align: center }

}

/* -- PRINT -- */
@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }

/* -- FOUNDATION -- */

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; }

/* The Grid ---------------------- */


.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }



img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }


/*-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }


/* Normal Buttons ---------------------- */

.button:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 8px; }
.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; }
.button.primary:hover { background-color: #2284a1; }
.button.primary:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover { background-color: #457a1a; }
.button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover { background-color: #970b0e; }
.button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover { background-color: #d0d0d0; }
.button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].tiny.button { padding: 3px 10px 4px; }
  input[type="submit"].small.button { padding: 5px 14px 6px; }
  input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
  input[type="submit"].large.button { padding: 13px 30px 14px; } }




/* Labels ---------------------- */
.label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; }
.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.label.alert { background-color: #c60f13; }
.label.success { background-color: #5da423; }
.label.secondary { background-color: #e9e9e9; color: #505050; }




/* Firefox Fixes */
@-moz-document url-prefix() { .top-bar ul li .button.small { padding-bottom: 6px; }
  .top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; } }

/* Visibility Classes ---------------------- */
/*                                           */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print { display: none !important; }

.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print { display: inherit !important; }

/* Very large display targeting */
@media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: inherit !important; }
  .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
  .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Small display targeting */
@media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
  .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: inherit !important; }

.hide-for-landscape, .show-for-portrait { display: none !important; }

@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; } }


/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }

@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
@media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } }
/* 1280 tablet ------------ */
@media only screen and (max-device-width: 1280px) { /* NavBar --- */
  /*            */
  .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } }
/* Covering almost all ----- */
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } }
/* Between Medium and Small */
@media only screen and (max-width: 1279px) and (min-width: 768px) { /* NavBar --- */
  /*            */
  .touch .nav-bar li a { font-size: 13px; }
  .touch .nav-bar li.has-flyout > a.flyout-toggle { padding: 20px !important; }
  .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; }
  /* Clearing --- */
  /*              */
  .clearing-main-right, .clearing-main-left { height: 100%; width: 40px; top: 0; border: none; }
  .clearing-main-right:before, .clearing-main-left:before { position: absolute; top: 50%; }
  .clearing-main-left { left: 0; }
  .clearing-main-left:before { left: 5px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent white transparent transparent; }
  .clearing-main-right { height: 100%; right: 0; }
  .clearing-main-right:before { content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent transparent transparent white; } }


@media only screen and (max-width: 1366px) {
    #megaMenu ul.megaMenu {
        margin: 0 auto;
        width: 840px;
    }

    #megaMenu ul.megaMenu > li > a {
        font-size: 92.4%
    }

    div#slider.flexslider {
        max-width: 1220px
    }

    div#hp-news {
        margin: 0 auto;
        max-width: 840px
    }

    ul.footer-nav {
        margin: 0 auto;
        width: 840px
    }

    li.site-map, li.menu-item-search {
    margin-left: 0;
}

    ul.footer-nav form.menu-search-form {
        font-size: 50%;
        padding: 0
       }
}

/* -- SMALL DEVICES -- */
@media only screen and (max-width: 767px) {

.left, .right { float: none; }
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }

    ul.lang-buttons {
    padding-bottom: 10px;
    padding-left: 20px;
    width: 100%;
}

ul.lang-buttons li {
    display: inline;
    margin: 30px;
    width: 100%;
}

}

/* -- MEDIA QUERIES -- */
aside.news-side.extra-aside {
    display: none;
}

@media only screen and (max-width: 1145px) {
    div.row.news article.news, div.row.single-post article.news {
        display: block;
        float: left;
        width: 64.95%;
        margin-left: 10.5%;
        margin-right: 4.45%;
        padding: 20px 0 40px 0;
    }


    /* -- KEY DATES -- */
    div.row-keydate {
        background: url('images/key-dates-bg.jpg') repeat;
        display: block;
        padding: 10px;
        margin: 0 auto;
        min-width: 0;
        width: 100%;
    }

    div.keydate-content {
        display: block;
        font-size: 110%;
        margin: 110px auto 0 auto;
        max-height: 100%;
        max-width: 1028px;
        overflow: hidden;
    }

    div.keydate-left {
        display: block;
        float: none;
        position: relative;
        width: 100%;
        z-index: 1;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
    }
    div.keydate-left img {
        width: 75%;
        display: block;
        margin: 0 auto;
    }

    div.keydate-content-right {
        background: #fff;
        display: block;
        width: 75%;
        margin: 0 auto;
        float: none;
        padding: 30px;
        padding-left: 30px;
        height: auto;
        overflow: hidden;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
    }

    span.keydate-content-right-inner {
        background: #fff;
        display: block;
        padding: 30px;
        height: auto;
        max-width: 100%;
    }

    /* END KEYDATES */
}

/* ipad portrait */
@media only screen and (max-width: 860px) {
    footer.row {
        display: block;
        width: 90%
    }

    #megaMenu ul.megaMenu {
        margin: 0 auto;
        width: 100%
    }

    div.flex-container h3 { font-size: 140% }
    h2 { line-height: 1em }

    ul.footer-nav form.menu-search-form #s { width: 50px }

    #megaMenu ul a span.wpmega-link-title {
        font-size: 95%!important;
        padding: 0 15px;
    }

    div.main-art-content { margin-right: 60px }
    .content-box-vintage-dropdown form { padding-left: 0 }
    li.site-map, li.menu-item-search { margin-left: 0 }

    p.label-info span.button-artist {
        margin: 20px 0;
        text-align: center;
    }

    div.content-label {
        min-width: 100%;
        padding: 0;
        width: 100%;
    }

    div.content-label ul.label-display li {
        display: block;
        width: 100%;
    }

    li.label-text, li.label-image {
        float: none;
        margin: 20px auto;
        max-width: 400px;
    }

    li.label-image {
        text-align: center;
    }

    ul.art-subcont {
        display: block;
        margin-top: 10px;
        width: 90%;
    }

    ul.art-subcont li.subcont-left {
        display: none;
        visibility: hidden
    }

    ul.art-subcont li.subcont-right {
        padding: 20px 0 20px 20px;
        width: 100%;
    }

    ul.art-subcont li.subcont-right {
        float: left;
        max-width: 400px;
        padding-left: 180px
    }

    span.portrait-content-left, span.portrait-content-right {
        width:100%;
        float:left;
        display: block;
        margin-bottom: 20px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
        padding: 0 45px;
        overflow: hidden;
    }
    div.social-block.portrait {
        bottom: 40px;
        display: block;
        left: -100px;
        max-width: 110px;
        position: absolute;
        z-index: 100
    }

    .full-width-slideshow li span.flex-gallery-title {
        left: 0;
        text-align: center;
        max-width: 100%;
        min-width: 100%
        }

    .portfolio-container .flex-direction-nav .flex-prev { left: 53.65%!important }
    .portfolio-container .flex-direction-nav .flex-next { left: 57.6%!important }

    .flex-direction-nav .flex-prev {
        right: 0;
        opacity: 1
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0
    }

    div.search-header { padding-left: 20px }

    div.row.search div.content-general {
        max-width: 100%;
        min-width: 100%;
        padding: 0px;
        padding-left: 20px;
        width: 100%
    }

    article.news.navigation {
        margin-left: 60px;
        max-width: 100%
    }

    div#contact-form {
        left: 0;
        padding: 50px 20px 20px
    }

    div.contact-address {
        max-height: 1184px;
        min-height: 300px;
        padding: 50px 40px 0 40px;
        width: 28%
    }

    div.row.news article.news, div.row.single-post article.news {
        display: block;
        float: left;
        width: 66%;
        margin-left: 20px;
        margin-right: 4.45%;
        padding: 0 0 40px 0
    }

    aside.news-side {
        font-size: 90%;
        padding-right: 20px;
        width: 24%
    }

    .content-box-vintage-dropdown {
        margin-top: 30px;
        padding: 30px
    }

    .content-box-vintage-dropdown img {
        padding-right: 20px;
        width: 33%
    }

    .bottle-container .magnify, img.zoomImg {
        display: none;
        visibility: hidden
    }

    ul#items { padding-left: 28px }

    ul.footer-nav {
        width: 100%
    }

    .bottle-container .dropdown { left: 140px }

    .bottle-content {
        float: left;
        min-height: 100%!important;
        padding: 30px 20px 40px 0;
        width: 44%;
    }

    div.keydate-content {
        background: url('images/key-dates-bg.jpg') repeat;
        margin: 0 auto;
    }

    div.row-keydate {
        padding: 0;
        width: 100%
    }

     div.keydate-left img {
        border-right: solid 50px #311b15;
        display: block;
        margin: 0 auto;
        width: 78%
    }

    div.keydate-content-right {
        padding: 30px;
        padding-left: 40px;
        width: 85%;
    }

    span.keydate-content-right-inner { max-width: 85% }

}

/* tablet horz */
@media only screen and (min-device-width : 768px) {
    div.search-page {
        padding-left: 10px;
        min-width: 90%!important;
        max-width: 100%
    }

    div.search-page form.menu-search-form #s { width: 520px }

    div.content-general {
        min-width: 90%;
        padding-left: 40px;
        width: 90%
        }

    article.news.navigation {
        margin: 20px 0 30px 40px;
        width: 90%;
    }
}

/* iPad (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    div.row-keydate {
        border: solid 1px #311b15;
        display: block;
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }

    div.keydate-content-right {
        background: #311b15;
        display: block;
        width: 80%;
        margin: 0 auto;
        float: none;
        padding: 30px;
        padding-left: 80px;
    }

}

@media only screen and (max-width: 767px) {
    ul#hp-news li {
        width: 100%;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        padding: 20px;
    }

    ul#hp-news li img {
        display: block;
        float: left;
        width: 25%;
        height: auto;
    }

    ul#hp-news li span, ul#hp-news li a {
        float: right;
        display: block;
        width: 70%;
    }

    div.row.news article.news, div.row.single-post article.news {
        display: block;
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        padding: 20px 40px 40px 40px;
    }

    aside.news-side {
        display: none;
    }

    aside.news-side.extra-aside {
        display: block;
        clear: both;
        margin: 20px 0;
        width: 100%;
        padding-right: 20px;
    }

    div.row.news div.breadcrumbs, div.row.news div.breadcrumbs a, div.row.single-post div.breadcrumbs, div.row.single-post div.breadcrumbs a {
        margin-bottom: 30px;
    }

    /* -- KEY DATES -- */
 div.row-keydate {
        padding: 0;
        width: 100%
    }

    nav.menu-footer-container {
        overflow: hidden;
    }

    ul.footer-nav {
        width: 100%
    }

    ul.footer-nav > li {
        display: block;
        text-align: center;
        margin-bottom: 5px;
    }
    ul.footer-nav > li > a {
        border-right: 0;
        padding-left: 0;
    }

    ul.footer-nav .menu-item.menu-item-search {
        display: block;
        float: left;
        margin: 15px auto;
    }

    div.footer-legals {
        display: block;
        margin: 15px auto;
        clear: both;
    }


    ul.footer-nav > li.menu-item-1598, ul.footer-nav > li.menu-item-4839 {
        display: none;
        visibility: hidden
    }

    /* -- NAV BAR -- */
    #megaMenu > ul { background: #fff !important; }

    #megaMenu ul.megaMenu > li {
        width: 49.8% !important;
        background: #746e3c !important;
        padding: 0 !important;
        display: inline-block;
        margin: 0 0 10px 0 !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
        position: relative !important;
    }
    #megaMenu ul.megaMenu > li > a {
        padding: 10px !important;
    }
    #megaMenu ul.megaMenu > li.mega-with-sub:after {
        display: inline-block;
        content: "+";
        position: absolute;
        top: 0;
        right: 5px;
        padding: 10px;
        color: white;
        z-index: 999;
        font-size: 40px;
    }

    #megaMenu ul.megaMenu > li.mega-with-sub:hover:after, #megaMenu ul.megaMenu > li.mega-with-sub:active:after {
        content: "-";
    }
    #megaMenu ul.megaMenu > li > ul > li:hover:after, #megaMenu ul.megaMenu > li > ul > li:active:after{
        display: inline-block;
        content: "✔";
        position: absolute;
        top: 0px;
        right: 5px;
        padding: 10px;
        color: white;
        z-index: 999;
        font-size: 16px;
    }

    /* END NAV BAR */

}

@media only screen and (max-width: 600px) {
    .flex-direction-nav, .flex-gallery-title {
        display: none;
        visibility:hidden
    }

    ul.date-menu {
        background: #fff;
        display: block;
        height: auto;
        margin: 20px auto;
        padding: 15px auto;
        text-align: center;
        width: 90%;
        overflow: hidden;
    }

    ul.date-menu li {
        overflow: hidden;
        display: block;
    }

    ul.date-menu li a.prev-page-anchor, ul.date-menu li a.next-page-anchor, ul.date-menu form.dateform  {
        background: #746e3c;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        float: none;
        font-size: 68.8%;
        margin: 15px auto;
        padding: 0 10px;
        width: 80%;
        text-align: center;
    }

    ul.date-menu li a.prev-page-anchor, ul.date-menu li a.next-page-anchor {
        height: 19px;
        padding-top: 3px
    }

    ul.date-menu select#datemenu {
        height: 22px!important;
        font-size: 86.6;
        margin-top: 0;
        padding: 0 40px 0 10px;
    }

    /* -- NAV BAR -- */
    #megaMenu > ul { background: #fff !important }

    #megaMenu ul.megaMenu > li {
        width: 95% !important;
        background: #f0edde !important;
        padding: 0 !important;
        display: inline-block;
        margin: 0 auto 10px auto !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
        position: relative !important;
    }
    #megaMenu ul.megaMenu > li > a {
        padding: 10px !important;
    }
    #megaMenu ul.megaMenu > li > ul > li {
        position: relative;
    }

    #megaMenu ul ul.sub-menu {
        position: relative !important;
        float: none !important;
        margin-bottom: 10px;
    }

    #megaMenu.megaResponsive ul.megaMenu li.ss-nav-menu-reg ul.sub-menu li ul.sub-menu {
        position: relative !important;
        top:0 !important;
        float: none !important;
        margin-bottom: 10px;
        z-index: 999;
    }

    div.footbar {
        min-width: 100%;
    }

    /* END NAV */
}

/* -- phone --*/
@media only screen and (max-width: 400px) {
ul.lang-buttons {
    padding-bottom: 10px!important;
    width: auto
}

ul.lang-buttons li {
    display: block;
    margin: 30px auto;
}

a.button-black {
    width: 100%
}



    #megaMenu ul a span.wpmega-link-title { font-size: 112%!important }
    #megaMenu ul ul { text-indent: 20px }
    #megaMenu ul ul ul { text-indent: 40px }
    h2 { font-size: 160% }

    .content-box blockquote {
        font-size: 120%;
    margin-right: 10px;
}
    .content-box blockquote + cite { font-size: 90% }
    q:before { top: 20px }
    q:after { top: 26px }

    .content-box-vintage-dropdown { padding: 10px }
    .content-box-vintage-dropdown img { padding-right: 0 }

    div.portrait-content {
        background: #fff;
        display: block;
        float: none;
        padding-top: 40px;
        position: relative;
        width: 100%;
        }

    div.portrait-content h1 {
        font-size: 96%;
        margin-bottom: 10px;
        padding: 0 10px;
        width: 90%
    }

    span.portrait-content-left, span.portrait-content-right {
        float: none;
        margin-bottom: 20px;
        padding: 0 10px;
        overflow: hidden;
        width: 100%
    }
    
    footer.row {
        display: block;
        width: 100%
    }

    div.footbar { max-width: 100px }
    .footer-nav > li { padding: 0 }

    ul.footer-nav .menu-item.menu-item-search {
        display: block;
        float: none;
        margin: 15px auto;
    }

    ul.footer-nav .menu-search-form { float: none }
    ul.footer-nav form.menu-search-form #s { width: 144px }

    li#menu-item-64, li#menu-item-507 {
        display: none;
        visibility: hidden;
    }

    div.portrait-content, div.portrait-image {
        width: 100%;
        float: none;
        display: block;
    }

    div.social-block.portrait {
        left: 0;
        margin: 20px auto;
        position: relative;
        bottom: 0;
        width: 100%!important
    }

    ul#hp-news li img {
        width: 100%;
        float: none;
    }
    ul#hp-news li span, ul#hp-news li a {
        float: none;
        display: block;
        width: 100%;
    }

    div.row.news article.news, div.row.single-post article.news {
        padding: 20px 20px 40px 20px;
    }

    div.footbar li.widget_sp_image-description {
        float: none;
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }
    div.footbar li.language-footer {
        display: block;
        clear: both;
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    /* div#lang_sel ul { max-width: 100%;} */

    div#myModal.label-artist-pop {
        padding-right: 0;
        top: 50px;
        max-width: 100%;
    }

    .reveal-modal {
        height: 50%;
        left: 0;
        margin-left: 0;
        padding: 30px;
        top: 10px;
        width: 100%;
    }

    ul#items { padding-left: 0; }

    li.item {
        height: 330px;
        float: left;
        margin-bottom: 10px;
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }

    li.item img.attachment-art-thumb { width: 100%;}

    p.label-info, li.item:hover {
        background: url('images/label-over-bg.png') repeat-x top;
        bottom: 0;
        display: block!important;
        margin-bottom: 0;
        max-width: 230px;
        padding: 30px 20px 20px;
        position: absolute;
        visibility: visible!important;
        width: 100%;
        z-index: 30
    }

    li.item p.label-info {
        display: block;
        max-width: 100%;
        visibility: visible!important;
        width: 100%
    }

    div.contact-address { width: 100% }
    #mobile-contact-button { margin: 20px 0 30px 0 }

    li.label-image-phone {
        display: block!important;
        margin: 20px 0;
        visibility: visible!important;
    }

    li.label-image {
        display: none!important;
        visibility: hidden;
    }

    div.content-box h2 { margin-bottom: 20px }
    div.content-box a.button { margin-bottom: 10px }

    div.row.search {
        min-width: 90%!important;
        width: 100%!important
        }

    div.row.search div.content-general, div.search-header {
        padding-left: 10px;
        min-width: 90%!important;
        width: 100%
    }

    article.news.navigation {
        margin-left: 0;
        margin-right: 10px;
        max-width: 100%;
    }

    .bottle-content {
        min-height: 100%!important;
        padding: 30px 20px;
        width: 100%;
        }

    span.zoomable { margin-bottom: 0!important }
    
    .bottle-container span {
        display: block;
        float: none;
        margin-bottom: 0!important;
        padding-bottom: 0;
        width: 100%
    }

    .bottle-container .dropdown { margin: 10px auto 0 auto }

    div.main-art-block {
        display: block;
        max-height: 100%;
        max-width: 100%
    }

    div.main-art-content {
        margin: 0;
        max-height: 100%;
        max-width: 100%;
        padding: 10px
    }

    div.main-art-content.right h1 { margin-bottom: 20px }

    ul.art-subcont li.subcont-right {
        float: left;
        max-width: 100%;
        padding: 0 10px;
    }

    ul.art-subcont li.subcont-right div.social-block { margin-bottom: 20px }

    div.keydate-left img {
        border-right: solid 20px #311b15;
        display: block;
        margin: 0 auto;
        width: 90%
    }

    div.keydate-content-right {
        background: #311b15;
        display: block;
        float: none;
        margin: 0 auto;
        padding: 20px;
        width: 96%
    }

    span.keydate-content-right-inner h1 {
        font-size: 200%;
        margin-bottom: 15px;
    }

}

/* phone horz */
@media only screen and (max-width: 480px) {
    footer.row {
        display: block;
        width: 100%
    }

    div.footbar { max-width: 100px }
    .footer-nav > li { padding: 0 }

    ul.footer-nav .menu-item.menu-item-search {
        display: block;
        float: none;
        margin: 15px auto;
    }

    ul.footer-nav .menu-search-form { float: none }
    ul.footer-nav form.menu-search-form #s { width: 140px }
    div.footbar li.widget_sp_image-description {
        float: none;
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }
    div.footbar li.language-footer {
        display: block;
        clear: both;
        float: none;
        margin: 0 auto;
        width: 100%
    }

     div.row.search {
        min-width: 90%!important;
        width: 100%!important
        }

    div.search-page.clearfix { width: 100% }
    div.search-page form.menu-search-form #s { width: 230px }

    div.row.search div.content-general, div.search-header {
        padding: 10px;
        min-width: 90%!important;
        width: 100%
    }

    div.row.search span.search-entry { width: 92% }

    article.news.navigation {
        margin-left: 0;
        padding-right: 10px;
        max-width: 100%;
    }

    div.main-art-block {
        display: block;
        max-height: 100%;
        max-width: 100%
    }

    div.main-art-content {
        margin: 0;
        max-height: 100%;
        max-width: 100%;
        padding: 10px
    }

    div.main-art-content.right h1 { margin-bottom: 20px }

    ul.art-subcont li.subcont-right {
        float: left;
        max-width: 100%;
        padding: 0 10px;
    }

    ul.art-subcont li.subcont-right div.social-block { margin-bottom: 20px }

    .bottle-content {
        float: none;
        min-height: 100%!important;
        padding: 10px;
        width: 100%;
    }

    li#menu-item-64, li#menu-item-507, li#menu-item-524 {
        display: none;
        visibility: hidden;
    }

    div.bottle-content div.social-block {
        text-align: right
    }

    div#pop-links {
        max-width: 100%
    }

}

/* ACTIVE OU DESACTIVE LE BOUTON PRIMEURS */

.primeurs {
    display: none;
    visibility: hidden;
    font-size: 0;
}