/* 
Theme Name: BPHR
Theme URI: http://bphr.fr
Description: The bespoke WordPress theme created for BPHR.
Author: Lee Rickler
Author URI: http://leerickler.com
Version: 1.0
Text Domain: pands
Copyright BPHR 2014
*/

/* STANDARD COLOURS

    Blue - #1c6bc9
    H2 blue: #3667a2

    Header titles - h3

*/

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 {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}                                   

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 }

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

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

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: 85% }
strong { font-weight: bold }

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{
    background: #fcd700;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #e8e8e8;
    text-shadow: none
} 

a:link { -webkit-tap-highlight-color: #fcd700 }


.gform_wrapper form li {
padding-left: 0;
background-image: none;
}

.gform_wrapper input,
.gform_wrapper textarea,
.wpcf7-text,
.wpcf7-textarea {
background: #e3effd;
padding: 3px 0 3px 10px !important;
}



.gform_wrapper label {
  /*display: none !important;/
  /*visibility: hidden;*/
}


/* -- GLOBAL -- */

img.alignright {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px
}

img.alignleft {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px
}

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


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%
}

body {
  -webkit-font-smoothing: antialiased;
  background: #fff;
  background-position: 0px 193px;
  color: #333;
  font-family: 'nexa_bookregular', Arial, Helvetica;
  font-size: 16px;
  font-weight: lighter;
  line-height: 1.8em
}

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

.row {
  margin: 0 auto;
  max-width: 1006px;
  width: 100%
}

.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
p a, p a:visited { line-height: inherit; }

article {
  display: inline-block;
  float: left;
  width: 58%;
}

article form {
    width: 150%;
}

article.fullwidth {
  display: block;
  width: 100%
}

article.article-internal { margin-left: 50px}

/* ALIGNS */
.left { float: left }
.right { float: right }

/* LINKS */
a {
  color: #000;
  line-height: inherit;
  text-decoration: none
}

a:hover { color: #2795b6 }

a:focus {
  color: #2ba6cb;
  outline: none
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px
}

h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  line-height: 1.1;
  text-rendering: optimizeLegibility
}

h1 {
  font-size: 184%;
  /* font-size: 231.3%; */
  font-weight: lighter;
  margin-bottom: 20px
}

h2 {
  font-family: "nexa_bookregular";
  font-size: 231.3%;
  font-weight: lighter;
  text-transform: uppercase
}

h3 {
  color: #3667a2;
  font-size: 125%;
  font-weight: normal;
  margin-bottom: 30px
}

article h1, article h3 {
  display: block;
  text-transform: uppercase
}

h4 { font-size: 100% }

h4 a {
  color: #1c6bc9;
  text-transform: uppercase
}

h5 { font-size: 17px }

h6 { font-size: 14px }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 22px 0 21px
}

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

/* -- HEADER -- */
li.head-lang, li.head-search {

  display: inline-block;
  min-width: 30%;
  width: 30%
}

li.head-lang { border-top: solid 1px #fff }

li.head-mid {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 39%
}

span.head-logo {
  display: inline-block;
  text-align: center;
  width: 100%
}

span.head-logo a img { max-width: 100% }

/* -- BUTTONS -- */
.button,
.gform_wrapper input.button, gform_wrapper input.submit  {
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  -webkit-transition: background-color 0.15s ease-in-out;
  background: #1c6bc9!important;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 87.5%;
  margin: 0;
  outline: none;
  padding: 10px 20px !important;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.15s ease-in-out;
  width: auto
}

.button:hover { color: white; background-color: #2284a1; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.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.flex { margin-bottom: 20px }

/* -- SEARCH -- */
input[type="search"] {
  background: #e8eef5 url('images/search-loupe.png') right no-repeat;
  border: none;
  color: #164c8c;
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  padding-right: 10px;
  height: 32px;
  width: 100%;
}

::-webkit-input-placeholder { color: #164c8c }
:-moz-placeholder { color: #164c8c }
::-moz-placeholder { color: #164c8c }
:-ms-input-placeholder { color: #164c8c }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}

/* -- NAV BAR -- */
#megaMenu #megaMenuToggle { position: relative }

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

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

span.wpmega-link-title, a span.wpmega-link-title {
  color: #000;
  font-family: 'nexa_bookregular'!important;
  text-transform: uppercase;
}

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

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

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


/* TOP LEVEL */
#megaMenu ul.megaMenu > li.menu-item:hover {
  background: #275995;
  color: #fff
}

#megaMenu ul li.current_page_item, #megaMenu ul li.current_page_item a, #megaMenu ul li.current_menu_item, #megaMenu ul li.current_menu_item a, #megaMenu ul li.current-page-ancestor, #megaMenu ul li.current-page-ancestor a {
  background: #275995;
  color: #fff
}

/* SECOND LEVEL */
#megaMenu ul li.current_page_item li, #megaMenu ul li.current_page_item a li  {
  background: #275995;
  color: #fff
}

#megaMenu ul.megaMenu li li.menu-item a:hover, #megaMenu ul.megaMenu li li.menu-item a:hover span {
  background: #fff;
  color: #275995
}


#megaMenu ul.megaMenu li li.current-menu-item span, #megaMenu ul.megaMenu li li.current-menu-item {
  background: #fff;
  color: #275995!important
}

#megaMenu ul ul a span.wpmega-link-title, .megaMenu > li:hover + li li a span { border-left: none }
#megaMenu ul ul a span.wpmega-link-title:hover { border-left: 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 { background: #275995 }
.megaMenu > li.current-menu-item > li a { color: #fff!important }
.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
}

/* Top Level Items Title - Hover */
#megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title,
#megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title { color: #fff!important }

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

#megaMenu ul li li a span.wpmega-link-title { padding: 0 }
#megaMenu #menu-main ul li span.wpmega-link-title, #megaMenu #menu-main-french ul li span.wpmega-link-title, #megaMenu #menu-main-chinese 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, #megaMenu #menu-main-chinese 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,
#megaMenu #menu-main-chinese ul li:hover,
#megaMenu #menu-main-chinese ul li.current-menu-item { background: #5c4238!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, #megaMenu #menu-main-chinese 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, #megaMenu #menu-main-chinese ul li.current-menu-item > ul.sub-menu a { color: #fff!important }

/* 3rd level */
#megaMenu ul.sub-menu-3, #megaMenu ul.sub-menu-1 {
    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: #275995 }

div#megaMenuToggle.megaMenuToggle {
  color: #000;
  text-align: center!important;
}

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 { border-radius: 0!important }

/* -- SIDEBAR -- */
aside.two.columns.right {
  vertical-align: top;
  width: 290px }

aside.two.columns.internal.right {
  margin-right: 50px;
  width: 240px
}

aside li {
  color: #000;
  margin-bottom: 40px;
  text-transform: uppercase;
}

ul.sides { width: 290px }
ul.sides-internal { width: 239px }

li.side a {
  font-size: 86%
}

/* -- HOME -- */
div.container.hpage { background: url('images/main-row-bg.png') top repeat-x }

div.hp-news {
  display: inline-block;
  /*width: 60%*/
}

div.hp-news h2 { margin-bottom: 16px }
div.news-panel { font-size: 76% }
h2.hp-nos-vins { margin-top: 50px }

div.news-panel p {
  line-height: 1.36em;
  margin-top: 6px
}

ul.nos-vins {
  background: #fdfcfc;
  display: inline-block;
  width: 100%
}

ul.nos-vins li {
  display: inline-block;
  width: 30%
}

/* -- INTERNAL -- */
div.container.internal {
  background: url('images/internal-row-bg.png') top repeat-x;
  margin-bottom: 130px
}

article ul li {
  background: url('images/ul-dot.jpg') 0px 10px no-repeat;
  padding-left: 20px
}

/* -- SLIDER -- */
ul.slides li, ul.brands-thumb li, ul.nos-vins li, ul.pg-repeats li, ul.cc-repeats li, ul#gform_fields_1 li, ul#gform_fields_2 li, ul.rec-link li  {
  background: none;
  padding-left: 0
}

.flexslider {
  -moz-border-radius: 0!important;
  -moz-box-shadow: none!important;
  -o-border-radius: 0!important;
  -o-box-shadow: none!important;
  -webkit-border-radius: 0!important;
  -webkit-box-shadow: none!important;
  background: none!important;
  border: none!important;
  border-radius: 0!important;
  box-shadow: none!important;
  margin: 16px 0 60px!important;
  min-height: 96px;
  position: relative;
  zoom: 1
}

.flex-control-paging li a.flex-active {
  background: #4f6177!important;
  background: rgba(79, 97, 119, 1)!important;
  cursor: default
}

.flex-control-paging li a {
  -moz-border-radius: 0!important;
  -moz-box-shadow: none!important;
  -o-border-radius: 0!important;
  -o-box-shadow: none!important;
  -webkit-border-radius: 0!important;
  -webkit-box-shadow: none!important;
  background: #bfb7a6!important;
  background: rgba(191, 183, 166, 1)!important;
  border-radius: 0!important;
  box-shadow: none!important;
  cursor: pointer;
  display: block;
  height: 11px!important;
  text-indent: -9999px;
  width: 35px!important
}

.flex-control-paging li a:hover {
  background: #4f6177!important;
  background: rgba(79, 97, 119, 1)!important
}

.flexslider .slides li { position:relative!important }

.flex-caption {
  /* background: url('images/caption-bg.png'); */
  bottom: 40px;
  color: #fff;
  display: block;
  left:0;
  margin: 0;
  padding: 20px 50px;
  position:absolute!important;
  right:0;
  width: 60%;
  z-index:10000  
}

.flexslider_internal, .flexslider_internal_header {
  -moz-border-radius: 0!important;
  -moz-box-shadow: none!important;
  -o-border-radius: 0!important;
  -o-box-shadow: none!important;
  -webkit-border-radius: 0!important;
  -webkit-box-shadow: none!important;
  background: #dad0ba;
  border: none!important;
  border-radius: 0!important;
  box-shadow: none!important;
  margin: 0 auto 50px auto;
  padding: 15px;
  padding-bottom: 10px;
  position: relative;
  zoom: 1
}

.flexslider_internal_header {
  background: none;
  padding: 0
}

div.flexslider_internal ol.flex-control-nav {
  background: #dad0ba;
  bottom: -22px;
  display: block;
  left: 0;
  margin: 0
}

p.internal-caption {
  display: block;
  padding-bottom: 20px;
  position: absolute;
  bottom: -100px;
  z-index: 999
}

ul.wines-thumb {
  display: block;
  font-size: 76%;
  text-transform: uppercase;
  width: 100%
}

ul.wines-thumb li {
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 3.8%;
  max-width: 306px;
  width: 33%
}

ul.wines-thumb li:nth-child(3n+3) { margin-right: 0 }

/* -- BRANDS -- */
ul.brands-thumb {
  display: block;
  font-size: 76%;
  text-transform: uppercase;
  width: 100%
}

ul.brands-thumb li {
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 3.8%;
  max-width: 306px;
  width: 33%
}

ul.brands-thumb li:nth-child(3n+3) { margin-right: 0 }

/* -- NEWS -- */
div.page-news {
  display: inline-block;
  max-width: 545px;
  width: 100%
}

div.page-news span {
  display: block;
  border-bottom: dashed 1px #020202;
  margin-bottom: 16px;
  padding-bottom: 16px
}

div.page-news a { color: #1c6bc9 }

/* -- CHIFFRES CLEFS -- */
ul.cc-repeats {
  background: url('images/logo-crown-bg.png') 50% no-repeat;
  display: block;
  font-size: 160%;
  width: 80%
}

ul.cc-repeats li {
  display: inline-block;
  margin-bottom: 45px
}

ul.cc-repeats li.cc-number {
  color: #1c6bc9;
  font-weight: bold;
  margin-right: 30px;
  vertical-align: top;
  width: 16%
}

ul.cc-repeats li.cc-text { width: 60% }

/* -- HR -- */
ul.rec-link a { color: #1c6bc9 }

/* RECRUITMENT */
article.rec h2 {
  color: #3667a2;
  font-size: 96%;
  font-weight: bold;
  margin-bottom: 16px;
}

article.rec ul {
  margin-bottom: 20px;
  margin-left: 30px;
}

article.rec ul li {
  background: url('images/ul-dot.jpg') 0px 10px no-repeat;
  padding-left: 20px
}

/* REC GFORM */
#gform_fields_1 input, #gform_fields_1 textarea, #gform_fields_2 input, #gform_fields_2 textarea {
  background: #e3effd;
  padding: 3px 0 3px 10px
}

#gform_fields_1 textarea, #gform_fields_2 textarea {
  padding: 10px;
  padding-right: 0;
  width:47%;
  
}

#gform_fields_1 label, #gform_fields_2 label {
  /*display: none;*/
  /*visibility: hidden*/
}


input[type="file"] {
  background: #fff !important;
  margin-bottom: 15px;
  width:100% !important;
}

/*
input#input_1_5, input#input_2_5 {
  background: #fff;
  margin-bottom: 30px
}
*/

input[disabled],
input[readonly]{
  background: #fff !important;
  font-size: 110% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  width: calc(100% -20px) !important;
}
/*
input#input_1_8, input#input_2_8 {
  background: #fff;
  font-size: 110%;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
*/


li#field_1_9, li#field_2_9 {
  line-height: 1.26em;
  margin-bottom: 16px; 
  margin-top: 0
}

div.gform_footer.top_label {
  /*border: solid 1px green;*/
  display: inline-block;
  /*float: right;*/
  margin-bottom: 20px;
  padding: 0
}

input#gform_submit_button_1, input#gform_submit_button_2 {
  padding: 10px 
}

.wpcf7-line {
    margin-top:16px;
}

.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select{
    width: calc(50% - 8px) !important;
}

.wpcf7 label {
    display: inline-block;
    line-height: 1.3;
    clear: both;
    font-weight: 700;
    font-size: inherit;
    box-sizing: border-box!important;
    
}

.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    margin-top: 8px;
    margin-bottom: 0;
}

.wpcf7 input[type=submit] {
    background: #1c6bc9!important;
    border: none;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 10px 20px !important;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.15s ease-in-out;
}

.wpcf7 select,
.wpcf7-radio{
    margin: 0 0 12px 0;
}

.wpcf7 .wpcf7-list-item {
    display:block;
}

/* -- PRESENTATION GENERALE -- */
span.pg-title {
  color: #1c6bc9;
  display: block;
  font-size: 110%;
  margin: 50px 0 10px; 
  text-transform: uppercase;
  width: 100%
}

span.pg-title.dirs { margin-top: 30px }

ul.pg-repeats {
  display: block;
  font-size: 160%;
  width: 100%
}

ul.pg-repeats li {
  display: inline-block;
  margin-bottom: 10px
}

ul.pg-repeats li.pg-pic {
  color: #1c6bc9;
  font-weight: bold;
  margin-right: 10px;
  width: 238px
}

ul.pg-repeats li.pg-text {
  vertical-align: top;
  width: auto
}

/* -- SITEMAP -- */
ul.bphr-sitemap ul.children {
  margin-left: 30px
}

/* -- FOOTER -- */
footer.footer-row {
  display: block;
  font-size: 76%;
  line-height: 1.36em;
  width: 100%
}

div.footer-top {
  background: #dad0ba;
  display: block;
  width: 100%
}

div.footer-base {
  background: #e8e3d9;
  display: block;
  width: 100%
}

div.footer-base-wrap, div.footer-top-wrap {
  display: block;
  margin: 16px auto;
  max-width: 1004px
}

div.footer-base span {
  display: inline-block;
  width: 33%
}

div.footer-base span.ft.mid { text-align: center }
a.store-link img { margin-right: 10px }

span.ft.right ul {
  display: inline-block;
  list-style: none;
  margin-right: 0
}

span.ft.right ul li {
  display: inline-block;
  font-size: 76%;
  margin-right: 20px;
  text-transform: uppercase;
}

span.ft.right ul li:last-child { margin-right: 0 }

span.triman-text {
    width: 85% !important;
}

span.triman {
    width: 100% !important;
}

img.triman-img {
    margin-right: 10px;
    vertical-align: top;
}

span.triman-text {
    width: 85% !important;
	visibility: hidden;
}

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


/* -- MAP -- */
div.gm-style-iw { line-height: 1.36em }

div.wpgmza_markerbox strong {
  display: block;
  margin-bottom: 6px
}

div#wpgmza_table_1_length { width: 30% }
div#wpgmza_table_1_length select { width: 100px!important }
table.wpgmza_table { line-height: 1.36em }
table.wpgmza_table td { padding: 10px }
div.dataTables_info { display: inline-block; margin-bottom: 30px}

div.dataTables_filter input, div.dataTables_filter label { margin-bottom: 0!important}
div.dataTables_filter input {
  display: inline-block!important;
  border: solid 1px #e8e8e8;
  margin-left: 16px;
  max-height: 10px;
  max-width: 160px
}

div.dataTables_filter { text-align: left }
a.paginate_disabled_previous, a.paginate_disabled_next { color: #e8e8e8!important }
a.paginate_disabled_previous { background: url('images/map-arrow-left-dis.png') left 10px no-repeat }
a.paginate_disabled_next { background: url('images/map-arrow-right-dis.png') right 10px no-repeat }

a.paginate_enabled_previous, a.paginate_enabled_previous:hover { background: url('images/map-arrow-left-en.png') left 10px no-repeat }
a.paginate_enabled_next, a.paginate_enabled_next:hover { background: url('images/map-arrow-right-en.png') right 10px no-repeat }

/* - PRINT - */
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  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: ""; }
  /* Don't show links for images, or javascript/internal links */
  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% }
  @page { margin: 0.5cm }
  p, h2, h3 { orphans: 3; widows: 3 }
  h2, h3 { page-break-after: avoid }
}


label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  /*background: #fff;*/
  border: none;
  color: #164c8c;
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
}


textarea { height: auto; }

select { width: 100%; }

/* Fieldsets */
fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }



/* 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 .row {
  margin: 0;
  max-width: none;
  min-width: 0;
  width: auto
}



.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%; }

.two, .row .two { width: 16.66667%; }

.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%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }



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

object, embed { height: 100%; }

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




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; } }


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

@media only screen and (min-width: 1024px) {

	gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper textarea {
		width:47% !important;
	}
	
}	

@media only screen and (max-width: 1024px) {

	.gform_wrapper textarea {
		width:100% !important;
	}
	
	.gform_wrapper input {
		width:100% !important;
	}
}	

@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: #311b15;
        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) {
    .flexslider.loading, .flexslider-no-auto.loading {
        min-height: 100%!important;
    }

    footer.row {
        display: block;
        width: 90%
    }

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

    div.flex-content-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;
    }

 

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

    li.menu-item.menu-item-search {
        display: block;
        float: none;
        margin: 3px auto;
        padding: 10px;
        width: 100%
    }

    ul.footer-nav .menu-search-form { float: none }

    ul.footer-nav form.menu-search-form #s {
        float: left;
        width: 138.8px
    }

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

    
    
    ul.footer-nav {
        width: 100%
    }

   

}

/* 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%
        }

    
}

/* iPad (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    

}

@media only screen and (max-width: 767px) {
    

    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;
    }

    input#gform_submit_button_1.button.gform_button, input#gform_submit_button_2.button.gform_button {
        display: inline;
        float: right
    }

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

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

    #megaMenu ul.megaMenu > li > a {
      color: #fff!important;
      padding: 10px !important
    }

    #megaMenu ul.megaMenu > li.mega-with-sub:after {
      color: #fff;
      content: "+";
      display: inline-block;
      font-size: 40px;
      margin-top: 3px;
      padding: 10px;
      position: absolute;
      right: 5px;
      top: 0;
      z-index: 999
    }

    #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{
        color: #275995;
        content: "✔";
        display: inline-block;
        font-size: 16px;
        margin-top: -3px;
        padding: 10px;
        position: absolute;
        right: 5px;
        top: 0px;
        z-index: 999
    }

    /* 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: #c39e24;
        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 {
      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;
      width: 100% !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) {
  div.container.internal { margin-bottom: 20px }

  article, article.article-internal, article.fullwidth {
    display: block;
    float: none;
    margin: 0;
    padding: 16px 10px;
    width: 94%
  }

  div.hp-news, ul.sides, ul.cc-repeats, ul.sides-internal { width: 100% }
  ul.cc-repeats li.cc-text { width: 73% }

  aside.two.columns.right, aside.two.columns.internal.right {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 90%
  }

  ul.brands-thumb li {
    max-width: 94%;
    min-width: 94%;
    text-align: center;
    width: 94%
  }

  div.hp-news { padding: 16px 10px }

  .flex-caption {
    display: none;
    visibility: hidden
  }
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% }


    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 }

    

    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%
    }

.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select{
    width: calc(100% - 20px) !important;
}

}

/* 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 {
        display: block;
        float: none;
        padding: 0 10px;
    }

    span.art-social {
        display: block;
        float: none;
        margin-bottom: 20px
    }

    ul.art-subcont li.subcont-right div.social-block { display:block }

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

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

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

}

/* --- Correction du sélecteur de langues --- */
#lang_sel > ul {
  display: inline-block;
}

#lang_sel li {
  float: left;
  position: relative;
  width: 149px;
}

#lang_sel a {
  font-family: Verdana;
  font-size: 11px;
}


/* -- Style Tarte au Citron -- */

#tarteaucitronRoot #tarteaucitronAlertBig {
  background: #111111;
  color: #FFFFFF;
  }
  
   #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton {
  background: #002C5B;
  color: #ffffff;
  padding: 10px 15px ;
  }
  
  #tarteaucitronRoot .tarteaucitronDeny {
  background: #002C5B;
  padding: 10px 15px ;
  }
  
   #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background: #fff;
  color: #333;
  padding: 10px 15px;
  }