@charset "UTF-8";
/*
Theme Name:Calmel Joseph
Theme URI:http://www.calmel-jjoseph.com
Description:Original theme for Calmel & Joseph by Agence-S
Author:Agence-S
Version:1.0

/\/\/

*/
/* =============================================================================
   CLIENT IDENTITY:=Colors
   -----------------------------------------------------------------------------

   Green (solid): #dcc600
   Green (text) : #c7b202
   Warm gray  : #53534d

   ========================================================================== */
/* =============================================================================
   CLIENT IDENTITY:=Fonts
   -----------------------------------------------------------------------------

   Bodoni Book
   Bodoni Book Italic
   Bodoni Roman
   Bodoni Bold Italic
   Didot Roman
   Didot Headline
   Didot Italic
   Didot Bold
   DIN Light
   DIN Regular
   DIN Bold

   ========================================================================== */
/*@font-face {
  font-family: "Bodoni Book";
  src: url("font/dd896678-2492-4538-a2f8-a1087ebc1e37.eot?#iefix");
  src: url("font/dd896678-2492-4538-a2f8-a1087ebc1e37.eot?#iefix") format("eot"), url("font/ba4b8c27-e5cc-4b4b-b277-127dca0e8f4f.woff") format("woff"), url("font/0771e6fd-6e6a-4c81-a462-08cd2d69e3ec.ttf") format("truetype"), url("font/d0c30112-880f-411f-b967-c2a4a7d3754b.svg#d0c30112-880f-411f-b967-c2a4a7d3754b") format("svg"); }

@font-face {
  font-family: "Bodoni Book Italic";
  src: url("font/d9d3af8e-60fa-4fab-9b25-80f69af6441f.eot?#iefix");
  src: url("font/d9d3af8e-60fa-4fab-9b25-80f69af6441f.eot?#iefix") format("eot"), url("font/539a137a-fbb2-40f3-9b9c-33f688aa8d84.woff") format("woff"), url("font/33c39f7f-1ae8-4cbf-8046-915d7c80f4f1.ttf") format("truetype"), url("font/2a75298d-92e7-41d8-9630-d1fb6731097e.svg#2a75298d-92e7-41d8-9630-d1fb6731097e") format("svg"); }

@font-face {
  font-family: "Bodoni Roman";
  src: url("font/d9962452-df3a-4090-ba2d-e5fdb84dc9da.eot?#iefix");
  src: url("font/d9962452-df3a-4090-ba2d-e5fdb84dc9da.eot?#iefix") format("eot"), url("font/cd77f8b9-e937-4ea5-a635-19a0db457df1.woff") format("woff"), url("font/4c42a4ae-e7fd-4696-9365-ba1c98cffbdf.ttf") format("truetype"), url("font/bb307ba8-bca1-4840-ab5c-136397597d64.svg#bb307ba8-bca1-4840-ab5c-136397597d64") format("svg"); }

@font-face {
  font-family: "Bodoni Bold Italic";
  src: url("font/8e76616d-ce24-4651-8581-84dcc7ae3751.eot?#iefix");
  src: url("font/8e76616d-ce24-4651-8581-84dcc7ae3751.eot?#iefix") format("eot"), url("font/6f551fc0-4c6f-4ef0-b026-f1e148977a7b.woff") format("woff"), url("font/32eb1298-d5c4-4112-a2f5-ee0ac5051b72.ttf") format("truetype"), url("font/79868027-7d4d-452f-a701-80ad10720730.svg#79868027-7d4d-452f-a701-80ad10720730") format("svg"); }

@font-face {
  font-family: "Didot Roman";
  src: url("font/dd077a5a-5331-4833-8a24-e3afbe24d92e.eot?#iefix");
  src: url("font/dd077a5a-5331-4833-8a24-e3afbe24d92e.eot?#iefix") format("eot"), url("font/8cf278e2-5b07-4c21-97da-4762c9ea76c1.woff") format("woff"), url("font/488ffbea-dc53-43b4-a9e2-d5bff132a85d.ttf") format("truetype"), url("font/972bb961-7f13-4e8d-8c1f-034e3f4e7517.svg#972bb961-7f13-4e8d-8c1f-034e3f4e7517") format("svg"); }

@font-face {
  font-family: "Didot Headline";
  src: url("font/2e5999ab-c73a-4301-842d-35d675b03cd1.eot?#iefix");
  src: url("font/2e5999ab-c73a-4301-842d-35d675b03cd1.eot?#iefix") format("eot"), url("font/1768bc72-b80c-4e48-ad10-0d7abb960cb5.woff") format("woff"), url("font/dd18689a-4394-4cf3-9eaf-ea495da7ffea.ttf") format("truetype"), url("font/36c26808-73bb-4f80-9797-b3811c78f7e9.svg#36c26808-73bb-4f80-9797-b3811c78f7e9") format("svg"); }

@font-face {
  font-family: "Didot Italic";
  src: url("font/9c2cfd19-472b-4ef5-ad73-43eee68dc43b.eot?#iefix");
  src: url("font/9c2cfd19-472b-4ef5-ad73-43eee68dc43b.eot?#iefix") format("eot"), url("font/09a4b57b-7400-4d30-b4ba-d6e303c57868.woff") format("woff"), url("font/a0cb08d5-975f-4c8d-bcdc-d771a014d92a.ttf") format("truetype"), url("font/86d60a09-e8f8-4003-b688-0f8a2aba6532.svg#86d60a09-e8f8-4003-b688-0f8a2aba6532") format("svg"); }

@font-face {
  font-family: "Didot Bold";
  src: url("font/6adf1098-6e5c-458f-a68a-2de77db01a73.eot?#iefix");
  src: url("font/6adf1098-6e5c-458f-a68a-2de77db01a73.eot?#iefix") format("eot"), url("font/8c847ae1-0c02-4e9a-9203-c294e4a23fe1.woff") format("woff"), url("font/bae6ce0f-deaf-4f99-bdf6-de7f2cf54d04.ttf") format("truetype"), url("font/d62df477-3d45-4345-95a9-eac5dcd4b116.svg#d62df477-3d45-4345-95a9-eac5dcd4b116") format("svg"); }

@font-face {
  font-family: "DIN Light";
  src: url("font/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
  src: url("font/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"), url("font/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"), url("font/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"), url("font/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg"); }

@font-face {
  font-family: "DIN Regular";
  src: url("font/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
  src: url("font/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"), url("font/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"), url("font/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"), url("font/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg"); }

@font-face {
  font-family: "DIN Bold";
  src: url("font/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix");
  src: url("font/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix") format("eot"), url("font/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"), url("font/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"), url("font/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6") format("svg"); }
*/
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=3f490502-962b-443a-b952-21cb6012dd47&fontids=5563041,5563065,5563270");
@font-face{
	font-family:"Bodoni Book";
	src:url("./Fonts/923242/602029f3-dd36-4d79-baf4-c45cd6201499.woff2") format("woff2"),url("./Fonts/923242/b1c9bdc0-9542-42c5-8d03-fa797c30d064.woff") format("woff");
}
@font-face{
	font-family:"Bodoni Roman";
	src:url("./Fonts/923245/35e161c5-01c7-4a51-82ac-289ab0e2a0e2.woff2") format("woff2"),url("./Fonts/923245/d3a80fd3-a61f-47d0-9cda-06b3038fceb9.woff") format("woff");
}
@font-face{
	font-family:"Bodoni Book Italic";
	src:url("./Fonts/923257/f4580ef8-b9ad-4df3-8f1c-934509af9e12.woff2") format("woff2"),url("Fonts/923257/70c5dc7c-4826-4301-b660-15547c78703e.woff") format("woff");
}
@font-face{
	font-family:"Bodoni Bold Italic";
	src:url("./Fonts/923266/04e8e644-1c0c-4416-920f-5ef3f03589a9.woff2") format("woff2"),url("./Fonts/923266/ed95a590-d828-427c-ac5e-723deddb16d7.woff") format("woff");
}
@font-face{
	font-family:"Didot Roman";
	src:url("./Fonts/1096695/03065307-04b3-4993-98ed-724eaf9edcf0.woff2") format("woff2"),url("./Fonts/1096695/7086b461-cbf4-445d-a873-73b8d9d09db5.woff") format("woff");
}
@font-face{
	font-family:"Didot Headline";
	src:url("./Fonts/1096698/2afc43a9-3a79-4a06-b60b-5638f85b6e67.woff2") format("woff2"),url("./Fonts/1096698/8904c2d0-da35-4cbf-822f-bd219f4dd7fb.woff") format("woff");
}
@font-face{
	font-family:"Didot Bold";
	src:url("./Fonts/1096701/e39392c4-7f9e-4408-abe9-2771f44c9256.woff2") format("woff2"),url("./Fonts/1096701/59253c8c-0f73-4741-871d-be059bfc5af8.woff") format("woff");
}
@font-face{
	font-family:"DIN Regular";
	src:url("./Fonts/5563041/86213c25-c304-41be-8e81-eb0091ce7add.woff2") format("woff2"),url("./Fonts/5563041/7353a35c-537a-46d5-b63a-d82b4353563a.woff") format("woff");
}
@font-face{
	font-family:"DIN Bold";
	src:url("./Fonts/5563065/1410c861-6f68-441e-b3b7-47d32c46fe78.woff2") format("woff2"),url("./Fonts/5563065/0688a3c1-4ddd-403c-a671-629da0e16085.woff") format("woff");
}
@font-face{
	font-family:"DIN Light";
	src:url("./Fonts/5563270/89088fc9-98f7-4390-9084-89e6dba8bc08.woff2") format("woff2"),url("./Fonts/5563270/e81c5806-8af1-40c4-bf7b-f548375ddcef.woff") format("woff");
}
/* =============================================================================
   =H5BP / NORMALIZE
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: none; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

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

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

/* =============================================================================
   GENERAL: =Common
   ========================================================================== */
::-moz-selection {
  background: #dcc600;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #dcc600;
  color: #fff;
  text-shadow: none; }

html {
  color: #000;
  font: 13px/1.3 'DIN Regular', sans-serif; }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

html {
  display: table;
  width: 100%;
  height: 100%;
  background: #dcc600; }

body {
  display: table-cell;
  padding: 10px;
  position: relative;
  width: 100%;
  height: 100%; }

.screen-borders div {
  position: fixed;
  z-index: 26;
  background-color: #dcc600; }

.screen-borders .top {
  top: 0;
  left: 0;
  width: 100%;
  height: 10px; }

.screen-borders .right {
  top: 0;
  right: 0;
  width: 10px;
  height: 100%; }

.screen-borders .bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px; }

.screen-borders .left {
  top: 0;
  left: 0;
  width: 10px;
  height: 100%; }

#container {
  position: relative;
  height: 100%;
  background: #fff; }

/* =============================================================================
   GENERAL: =Forms
   ========================================================================== */
form p {
  position: relative; }

#main form p + p {
  margin-top: 1em; }

#main form {
  width: 200px; }

label {
  display: block;
  margin: 0 0 5px; }

label.req:after,
.wpcf7-validates-as-required .wpcf7-list-item-label:after {
  content: '*'; }

.wpcf7-radio label,
.wpcf7-checkbox label {
  display: inline; }

.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item {
  margin: 0; }

.wpcf7-radio .wpcf7-list-item + .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item + .wpcf7-list-item {
  margin-left: 12px; }

.wpcf7-radio input,
.wpcf7-checkbox input {
  margin-left: 2px;
  vertical-align: middle; }

.input-text,
textarea {
  width: 200px;
  padding: 2px 0;
  background: #757570;
  border: 0;
  border-radius: 0;
  outline: none;
  color: #fff;
  line-height: 1.3; }

textarea {
  height: 73px;
  resize: none; }

form span.info {
  position: absolute;
  right: 0;
  font-size: 11px; }

.submit-button {
  padding: 3px 6px;
  height: 20px;
  background: #757570;
  border: 0;
  border-radius: 0;
  outline: none;
  color: #fff;
  font: 13px/1 'DIN Regular';
  text-transform: uppercase; }

.submit-button:hover,
.submit-button:focus {
  background: #c7b202; }

.submit-button[disabled] {
  background: #757570;
  opacity: 0.5; }

.wpcf7-form .wpcf7-not-valid {
  background: #918200; }

.wpcf7-form .wpcf7-not-valid-tip {
  display: none !important; }

.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-mail-sent-ok,
.wpcf7-form .wpcf7-response-output {
  clear: both;
  display: block;
  margin: 1em auto;
  padding: 0;
  width: 100%;
  border: 0;
  color: #fff;
  font-size: 13px; }

.wpcf7-form .wpcf7-display-none {
  display: none; }

.wpcf7-form .wpcf7-response-output {
  position: relative; }

.wpcf7-acceptance {
  display: block;
  margin-bottom: 5px; }

.wpcf7-acceptance .input-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
  padding: 0; }

.wpcf7-acceptance label {
  position: relative;
  padding: 0 0 0 20px; }

.wpcf7-acceptance .wpcf7-list-item-label:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.wpcf7-acceptance .wpcf7-list-item-label:after {
  display: none;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background-image: url("img/svg/icon-check.svg");
  background-repeat: no-repeat;
  background-size: 8px 8px;
  content: ''; }

.wpcf7-acceptance input:checked + .wpcf7-list-item-label:after {
  display: block; }

.wpcf7-acceptance a {
  text-decoration: underline; }

/* =============================================================================
   GENERAL: =Text level
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
strong, b,
em, i {
  margin: 0;
  font-family: 'Bodoni Roman';
  font-style: normal;
  font-weight: normal; }

strong, b,
em, i {
  font-family: 'DIN Bold'; }

img {
  max-width: 100%; }

.nav ul,
.nav li {
  margin: 0;
  padding: 0;
  list-style: none; }

p {
  margin: 0; }

p + p,
p + h2,
p + h3 {
  margin-top: 1em; }

.link-arrow {
  display: inline-block;
  border-bottom: 1px solid #000;
  font-family: 'Bodoni Bold Italic';
  text-decoration: none; }

.link-arrow:before {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 8px;
  height: 8px;
  background: url("img/list-arrow.png") no-repeat;
  content: ''; }

.link-arrow.link-back:before {
  margin-right: 10px;
  background-image: url("img/list-arrow-back.png"); }

.link-arrow:hover,
a:hover .link-arrow,
.link-arrow.current {
  color: #c7b202;
  border-color: #c7b202;
  text-decoration: none; }

.link-arrow:hover:before,
a:hover .link-arrow:before,
.link-arrow.current:before {
  background-image: url("img/list-arrow-green.png"); }

.link-arrow.link-back:hover:before {
  background-image: url("img/list-arrow-green-back.png"); }

/* =============================================================================
   BLOCK: =Head
   ========================================================================== */
#head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 25; }

#head .background {
  display: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background: url("img/menu-fixed-background.png") repeat-x bottom; }
.amenu{
  text-align: center;
}
.amenu a{
  margin-right: 7px
}
#site-title {
  margin: 0 0 0 -180px;
  position: absolute;
  top: 36px;
  left: 50%;
  width: 360px;
  height: 90px;
  z-index: 2; }

#site-title:before {
  display: none;
  margin: -80px 0 0 -250px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 209px;
  background: url("img/site-title-background.png") no-repeat bottom;
  content: '';
  z-index: 1; }

#site-title .black {
  display: block; }

#site-title .white {
  display: none; }

#site-title a,
#site-title img {
  position: relative;
  z-index: 2; }
#timeline-respon{
  display: none;
}
.home #site-title:before,
.page-template-tpl-timeline-php #site-title:before,
.page-template-tpl-timeline-domaine-php #site-title:before,
.page-template-tpl-vineyards-php #site-title:before,
.page-template-tpl-contact-php #site-title:before,
.page-template-tpl-prices-php #site-title:before {
  display: none; }

.page-template-tpl-brand-php #site-title {
  top: 20px; }

#nav-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2; }

#nav-main .button {
  position: absolute;
  top: -12px;
  left: 90px;
  width: 46px;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: top 0.2s ease;
  transition: top 0.2s ease; }

#nav-main .button:hover {
  top: -7px; }

#nav-main .nav-container {
  position: fixed;
  top: -999em;
  left: 0;
  width: 100%;
	/*height:auto!important;*/
	overflow-x: auto;
  border: 10px solid #fff;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1; }

#nav-main .nav-container .va-outer {
  display: table;
  width: 100%;
  height: 100%; }

#nav-main .nav-container .va-inner {
  display: table-cell;
  vertical-align: middle; }

#nav-main .nav-container.open {
  top: 0; }

#nav-main .menu-container {
  position: relative;
  left: 70px;
  margin: 0 auto;
  width: 1200px; }

#nav-main .menu {
  float: left;
  width: 33.33%; }

#nav-main .menu:before,
#nav-main .menu:after {
  display: block;
  margin: 15px 0;
  width: 40px;
  height: 1px;
  background: #53534d;
  content: ''; }

#nav-main .menu:before {
  margin-top: 0; }

#nav-main .menu:after {
  margin-bottom: 0; }

#nav-main .menu {
  color: #53534d;
    font: 20px/1 'Bodoni Roman';
    font-weight: 600; }

#nav-main .menu li {
  margin: 24px 0;
  padding: 0; }
#nav-main .menucontact{
	    font: 24px/1 'DIN Regular';
}
#nav-main .menu li.bodo-bold {
  font: 18px/1 'Bodoni Bold Italic';
  letter-spacing: 0.02em;
  text-transform: none; }

#nav-main .menu a:hover {
  color: #000;
  text-decoration: none; }

#nav-main .titlefont{
	font: 24px/1 'DIN Regular'
}
#nav-main .sub-menu {
  margin: 0;
  padding: 0;
  /*font: 18px/1 'Bodoni Roman';*/
  font: 20px/1 'Bodoni Roman';
  font-style: italic;
  letter-spacing: 0.02em;
  padding-left: 18px;
  text-transform: none; }

#nav-main .sub-menu li {
  margin: 15px 0; }

#nav-main .separator:before {
  display: block;
  margin: 30px 0;
  width: 40px;
  height: 1px;
  background: #53534d;
  content: ''; }

#nav-main .current-menu-item {
  color: #000; }

#nav-main .link-external {
  margin: 0 0 0 -301px;
  padding: 5px 0 14px;
  position: absolute;
  bottom: 30px;
  bottom: 50px;
  left: 50%;
  width: 603px;
  height: 45px;
  background: url("img/link-external-background.png") no-repeat;
  cursor: pointer;
  z-index: 2;
  color: #c7b202;
  font: 15px/25px 'Bodoni Book';
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#nav-main .link-external--fr {
  margin: 0 0 0 -175px;
  width: 350px;
  background: url("img/link-external-background-sml.png") no-repeat; }

#nav-main .link-external:hover {
  -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0); }

#language-selector {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 999; }

#language-selector ul,
#language-selector li {
  margin: 0;
  padding: 0;
  list-style: none; }

#language-selector a {
  display: block;
  padding: 2px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase; }

#language-selector.white a {
  color: #fff; }

#language-selector .current a {
  color: #c7b202;
  font-family: 'DIN Bold'; }

#language-selector a:hover {
  background: #dcc600;
  color: #fff;
  text-decoration: none; }

.page-template-tpl-vineyards-php #language-selector {
  padding: 5px;
  top: 0;
  right: 0;
  background: #fff; }

.page-template-tpl-vineyards-php #language-selector a {
  color: #000; }

.page-template-tpl-vineyards-php #language-selector .current a {
  color: #c7b202; }

.page-template-tpl-vineyards-php #language-selector a:hover {
  color: #fff; }

#head.white #site-title .white {
  display: block; }

#head.white #site-title .black {
  display: none; }

#head.white #language-selector {
  color: #fff; }

/* =============================================================================
   BLOCK: =Arrows
   ========================================================================== */
.arrow {
  width: 80px;
  cursor: pointer; }

.arrow-right {
  text-align: right; }

.arrow img {
  display: inline-block; }

.arrow .part-1 {
  width: 16px; }

.arrow .part-2 {
  width: 16px;
  border-color: #dcc600;
  border-style: solid;
  border-width: 0 10px; }

.arrow .part-3 {
  width: 19px; }

.arrow-down,
.arrow-up {
  width: 30px; }

.arrow-down img,
.arrow-up img {
  display: block; }

.arrow-down .part-1,
.arrow-up .part-1 {
  width: 30px; }

.arrow-down .part-2,
.arrow-up .part-2 {
  width: 30px;
  border-width: 10px 0; }

.arrow-down .part-3,
.arrow-up .part-3 {
  width: 30px;
  height: 17px; }

/* =============================================================================
   BLOCK: =Engraving-slideshow
   ========================================================================== */
#engraving-slideshow {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: calc( 100vh - 95px);
  background: #53534d; }

#engraving-slideshow .navigation {
  margin: -17px 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 2; }

#engraving-slideshow .navigation .button {
  position: absolute;
  top: 0;
  left: 0; }

#engraving-slideshow .navigation .next {
  right: 0;
  left: auto; }

#engraving-slideshow .engraving {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-align: center; }

#engraving-slideshow .engraving.current {
  left: 0; }

#engraving-slideshow .image,
#engraving-slideshow .text {
  position: relative; }

#engraving-slideshow .image {
  padding: 80px 0; }

#engraving-slideshow .image img {
  max-height: 300px; }

#engraving-slideshow .text {
  color: #000;
  font: 13px/1 'DIN Bold';
  letter-spacing: 0.31em;
  text-transform: uppercase; }

#engraving-slideshow .engraving-1 .image img {
  position: relative;
  left: -10px; }

#engraving-slideshow .engraving-3 .image img {
  position: relative;
  left: 25px; }

#engraving-slideshow .engraving-4 .image img {
  position: relative;
  left: -25px; }

#engraving-slideshow .engraving-video .image {
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

#engraving-slideshow .engraving-video .image > img {
  display: none;
  margin: -540px 0 0 -960px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  max-width: none;
  height: 1080px;
  max-height: none; }

.lt-ie9 #engraving-slideshow .engraving-video .image > img.resize {
  display: block;
  margin: 0;
  top: auto;
  left: auto;
  width: auto;
  max-width: none;
  height: auto; }

#engraving-slideshow .engraving-video .button-play {
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

#engraving-slideshow .engraving-video .button-play:hover {
  opacity: 0.75; }

#engraving-slideshow .engraving-video .media-container {
  overflow: hidden;
  position: absolute;
  top: -999em;
  left: -999em; }

#engraving-slideshow .engraving-video .media-container .jp-video {
  width: 100%;
  height: 100%;
  background: #000 url("img/video-loader.gif") no-repeat center; }

#engraving-slideshow .engraving-video .media-container .jp-type-single {
  position: absolute;
  width: 100%;
  height: 100%; }

#engraving-slideshow .engraving-video .media-container .jp-jplayer {
  width: 100% !important;
  height: 100% !important; }

#engraving-slideshow .engraving-video .media-container .jp-jplayer video {
  width: 100% !important;
  height: 100% !important; }

#engraving-slideshow .engraving-video .media-container .jp-hit-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("img/blank.png");
  cursor: pointer;
  z-index: 1; }

#engraving-slideshow .engraving-video .media-container .jp-gui {
  margin: 0 0 0 -250px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 500px;
  opacity: 0.3;
  z-index: 2; }

#engraving-slideshow .engraving-video .media-container .jp-gui:hover {
  opacity: 1; }

#engraving-slideshow .engraving-video .media-container .jp-interface {
  padding: 10px;
  background: url("img/black_70.png"); }

/*#engraving-slideshow .engraving-video .media-container .jp-controls-holder {
  display: none !important;
}*/
#engraving-slideshow .engraving-video .media-container .jp-play {
  position: absolute;
  top: -999em;
  left: -999em; }

#engraving-slideshow .engraving-video .media-container .jp-progress {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

#engraving-slideshow .engraving-video .media-container .jp-seek-bar {
  position: relative;
  height: 100%;
  background: #666;
  cursor: pointer; }

#engraving-slideshow .engraving-video .media-container .jp-seek-bar:before {
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 12px;
  background: url("img/blank.png");
  content: ''; }

#engraving-slideshow .engraving-video .media-container .jp-play-bar {
  width: 0;
  height: 100%;
  background: #fff; }

#engraving-slideshow .engraving-video.video-playing .media-container {
  top: 0;
  right: 0;
  bottom: 50px;
  left: 0; }

#engraving-slideshow .engraving-video.video-playing .text {
  display: none; }

#engraving-slideshow .scroll-down .button {
  margin: 0 0 0 -15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2; }

/* =============================================================================
   BLOCK: =Footer-news
   ========================================================================== */
/*
#footer-news {
  position:absolute; bottom:50px; left:0; width:100%;
  border-top:1px solid #dcc600; z-index:21;
  text-align:center;
}
#footer-news .block-title {
  margin:0 0 0 -142px; padding:4px 0 15px; position:absolute; top:-27px; left:50%; width:284px; height:25px;
  background:url('img/news-title-background.png') no-repeat; cursor:pointer; z-index:2;
  color:#c7b202; font:15px/25px 'Bodoni Book'; letter-spacing:0.2em; text-transform:uppercase;

  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
}
#footer-news .block-title:before,
#footer-news .block-title:after {
  content:' • ';
}
#footer-news .block-title:hover {
  margin-top:-5px;
}
#footer-news.open .block-title {
  margin-top:0;
}
#footer-news .block-title a {
  text-decoration:none;
}*/
/* =============================================================================
   BLOCK: =Home-news
   ========================================================================== */
#home-news {
  padding: 30px 0 100px;
  background: #1d1d1d;
  border-top: 1px solid #dcc600; }

#home-news .block-title {
  margin: 0 0 70px;
  color: #fff;
  font: 70px/1 'Bodoni Book';
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase; }

#home-news .block-title:before,
#home-news .block-title:after {
  display: inline-block;
  margin: 18px 20px 0;
  content: '•';
  font-size: 40px;
  vertical-align: top; }

#home-news .articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 40px;
  padding: 0 0 40px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #baa30a;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#home-news .articles + .articles {
  padding-bottom: 80px; }

#home-news .article {
  width: calc( 33.33% - 16px);
  font-size: 14px;
  line-height: 1;
  text-align: center; }

#home-news .article .category {
  margin: 0 0 10px;
  color: #fff;
  text-transform: uppercase; }

#home-news .article .category:before,
#home-news .article .category:after {
  display: inline-block;
  margin: 0 3px;
  content: '•';
  vertical-align: top; }

#home-news .article .category.stop-press {
  font-family: 'DIN Bold';
  letter-spacing: 0.1em; }

#home-news .article .category.update {
  font-family: 'Bodoni Book Italic';
  letter-spacing: 0.05em; }

#home-news .article .category.rendez-vous {
  font-family: 'Bodoni Roman';
  /*font-size: 16px;*/
  font-size: 17px;
  letter-spacing: 0.05em; }

#home-news .article .content {
  position: relative;
  width: 310px;
  height: 220px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #baa30a;
  color: #fff;
  /*font: 18px/1 'Bodoni Roman';*/
  font: 20px/1 'Bodoni Roman';
  letter-spacing: 0.05em;
  text-transform: uppercase; }

#home-news .article.rendez-vous .content {
  color: #c7b202;
  font-family: 'DIN Regular'; }

#home-news .article .content.has-mask:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: '';
  opacity: 0.7; }

#home-news .article .content .date:after {
  display: block;
  margin: 5px 0;
  content: '-'; }

#home-news .article .table-inner {
  padding: 20px;
  position: relative;
  z-index: 2; }

#home-news .article .content a {
  display: block;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  text-decoration: none; }

#home-news .article .content a:hover {
  opacity: 0.7; }

#home-news .article .content a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  content: ''; }

#home-news .article .meta {
  margin: 10px 0 0;
  color: #fff;
  font: 12px 'Bodoni Book';
  letter-spacing: 0.1em; }

#home-news .article .meta a {
  color: #c7b202;
  font: 15px 'Bodoni Book Italic'; }

#home-news .article .meta .published:before {
  content: ' - '; }

#home-news .link-news {
  display: block;
  margin: -67px auto 0;
  padding: 5px 0 14px;
  position: relative;
  width: 563px;
  height: 44px;
  background: url("img/home-news-title.png") no-repeat;
  cursor: pointer;
  z-index: 2;
  color: #c7b202;
  font: 15px/25px 'Bodoni Book';
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#home-news .link-news:hover {
  -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0); }

/* =============================================================================
   BLOCK: =Timeline
   ========================================================================== */
#timeline {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#timeline .slides {
  padding: 10px 0;
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%; }

#timeline .slide {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

#timeline .slide.current {
  top: 0; }

#timeline .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#timeline .image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  max-height: none; }

#timeline .image img.resize {
  width: auto; }

#timeline .content {
  padding: 10px;
  position: absolute;
  top: 150px;
  left: 185px;
  width: 460px;
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);
  z-index: 2; }

#timeline .content .title {
  margin: 0 0 20px;
  /*font: 40px/1 'Didot Roman';*/
   font: 56px/1 'Didot Roman';}

#timeline .slide.white .content {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  color: #fff; }

#timeline .navigation {
  position: absolute;
  bottom: 38px;
  left: 0;
  width: 100%;
  height: 90px;
  background: url("img/black_80.png");
  z-index: 21;
  color: #fff;
  font: 15px/1 'Bodoni Book Italic'; }

#timeline .steps {
  margin: 15px 20px;
  position: relative;
  background: url("img/timeline-background.png") no-repeat right 32px; }

#timeline .steps:before {
  display: block;
  position: absolute;
  top: 32px;
  left: 0;
  width: 1px;
  height: 7px;
  background: #fff;
  content: ''; }

#timeline .step {
  float: left;
  height: 39px;
  background: url("img/timeline-step.png") no-repeat bottom;
  cursor: pointer;
  text-align: center; }

#timeline .step:hover,
#timeline .step.current {
  color: #c7b202; }

#timeline .button {
  margin: 0 0 0 -15px;
  position: absolute;
  bottom: -38px;
  left: 50%; }

#timeline.timeline-philosophy .step {
  width: 16%; }

#timeline.timeline-philosophy .step-1 {
  background: none;
  width: 10%;
  text-align: left; }

#timeline.timeline-philosophy .step-7 {
  width: 10%; }

#timeline.timeline-philosophy .slide-01 .title {
  font-size: 35px; }
#timeline.timeline-philosophy .slide-01.latribu .title {
 font: 56px/1 'Didot Roman'; }

#timeline.timeline-philosophy .slide-01.latribu .content{
 animation-duration: 6s;
  animation-name: testanimatte;
}
@keyframes testanimatte {
  0% { opacity: 0 }
  50% { opacity: 0 }
  100% { opacity: 1 }
}
#timeline.timeline-philosophy .slide-01 .title span:first-child {
  display: block;
  position: relative;
  left: -130px; }

#timeline.timeline-philosophy .slide-03 .content {
  background: url("img/gray_50.png"); }

#timeline.timeline-philosophy .latribu .content {
width: 80%;
   /* background: url(img/black_70.png);*/
    color: #fff;
    text-shadow: none;
    bottom: 180px;
    top: auto;
}



#timeline.timeline-philosophy .slide-03.lemien .content { background:none;}

#timeline.timeline-domaine .step {
  width: 24%; }

#timeline.timeline-domaine .step-1 {
  background: none;
  width: 14%;
  text-align: left; }

#timeline.timeline-domaine .step-5 {
  width: 14%; }

/*#timeline.timeline-domaine .slide-01 .content {
  background:url('img/black_70.png');
}
#timeline.timeline-domaine .slide-04 .content {
  background:url('img/gray_50.png');
}
#timeline.timeline-domaine .slide-05 .content {
  background:url('img/gray_50.png');
}*/
#timeline.timeline-domaine .slide-05 .content {
  background: url("img/gray_50.png"); }

#timeline.timeline-domaine .link-domaine {
  margin-left: -99px;
  position: absolute;
  bottom: 100px;
  left: 50%; }

#creators {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

#creators .column-center {
  position: absolute;
  top: 0;
  left: 34%;
  width: 32%;
  height: 100%;
  background: url("img/engraving/Coq-echelle.png") no-repeat center 35%;
  background-size: 180px; }

#creators .column-center h2 {
  margin: 0;
  position: absolute;
  top: 53%;
  left: 0;
  width: 100%;
  /*font: 30px/1.2 'Didot Headline';*/
  font: 36px/1.2 'Didot Headline';
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase; }

#creators .column-center h2 span {
  display: block;
  margin: 0 auto;
  max-width: 350px; }

#creators .column-center h2:before,
#creators .column-center h2:after {
  display: block;
  margin: 20px auto;
  width: 40px;
  height: 1px;
  background: #c7b100;
  content: ''; }

#creators .creator {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 34%;
  height: 100%; }

#creators .column-right {
  right: 0;
  left: auto; }

#timeline #creators .content {
  display: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("img/black_70.png");
  color: #fff;
  text-shadow: none; }

#creators .content .wrapper {
  padding: 0 20px;
  position: relative;
  top: -20px;
  margin: 0 auto;
  max-width: 360px; }

#creators .content .title {
  color: #c7b202;
  /*font: 38px/1 'Didot Headline'; */
  font: 46px/1 'Didot Headline';}

#creators .content .text {
  float: right;
  padding: 0 0 0 15px;
  max-width: 260px;
  border-left: 1px solid #fff; }

/* =============================================================================
   BLOCK: =Map-vineyard
   ========================================================================== */
#map-vineyard {
  display: block;
  padding: 10px 0 0;
  position: relative;
  width: 100%;
  height: 100%;
  background: #555; }

#map-vineyard .scroll-down {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background: url("img/black_70.png");
  cursor: pointer;
  z-index: 2;
  color: #c7b202;
  font: 14px/28px 'Bodoni Book';
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase; }

#map-vineyard .scroll-down .button {
  margin: 0 0 0 -15px;
  position: absolute;
  bottom: 100%;
  left: 50%; }

#map-container {
  display: block;
  position: relative;
  top: -10px;
  width: 100%;
  height: 100%; }

#map {
  display: block;
  position: relative;
  width: 100%;
  height: 100%; }

#map img {
  max-width: none; }

#map:hover {
  cursor: pointer; }

#map-container #reset_to_default {
  margin-top: 105px;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 70px;
  height: 70px;
  cursor: pointer;
  z-index: 1000; }

#map-container [id|='wine-info'] {
  display: none; }

#map-container .wine-info {
  position: relative;
  height: 210px;
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

#map-container .wine-info:after {
  display: block;
  margin: 0 0 0 -20px;
  position: absolute;
  bottom: -34px;
  left: 50%;
  width: 39px;
  height: 46px;
  background: url("img/map/icon/default.png") no-repeat;
  content: ''; }

#map-container .wine-info .outer {
  padding: 2px;
  height: 206px; }

#map-container .wine-info .inner {
  padding: 10px 10px 0;
  height: 190px;
  border: 3px solid #ddc71b; }

#map-container .wine-info .content {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center; }

#map-container .wine-info a {
  text-decoration: none; }

#map-container .wine-info .title {
  margin: 0 0 2px;
  font: bold 13px/1.2 'Times New Roman';
  text-transform: uppercase; }

#map-container .wine-info .subtitle {
  margin: 0 0 2px;
  color: #9d9d9c;
  font: bold 11px/1.2 'Times New Roman';
  text-transform: uppercase; }

#map-container .wine-info .range {
  margin: 5px 0;
  color: #c7b202;
  font: 11px/1.2 'Times New Roman';
  text-transform: uppercase; }

#map-container .wine-info .link {
  margin: 8px 0 0;
  font: italic 11px/1.3 'Times New Roman'; }

#map-container .wine-info .text {
  display: table-row;
  height: 55px; }

#map-container .wine-info .image {
  display: table-row;
  vertical-align: middle; }

#map-container .wine-info .icon {
  display: table-cell;
  vertical-align: middle; }

#map-container .wine-info.range-5 {
  background: #a86c00;
  color: #fff; }

#map-container .wine-info.range-5:after {
  background-image: url("img/map/icon/brown.png"); }

#map-container .wine-info.range-5 .range {
  color: #ddc71b; }

#map-container .wine-info.range-5 .range:before,
#map-container .wine-info.range-5 .range:after {
  margin: 0 2px;
  content: '•';
  font-size: 11px; }

#map-container .wine-info.range-6 {
  background: #444023; }

#map-container .wine-info.range-6:after {
  background-image: url("img/map/icon/darkbrown.png"); }

#map-container .wine-info.range-6 .title,
#map-container .wine-info.range-6 .subtitle,
#map-container .wine-info.range-6 .link {
  color: #fff; }

#map-container .wine-info.range-6 .range:before,
#map-container .wine-info.range-6 .range:after {
  margin: 0 2px;
  content: '•';
  font-size: 11px; }

#map-container .wine-info.range-7:after {
  background-image: url("img/map/icon/gray.png"); }

#map-container .wine-info.range-7 .inner {
  border-color: #9d9d9c; }

#map-container .wine-info.range-7 .range {
  display: none; }

#map-container .wine-info.range-46 .range {
  display: none; }

#map-container .wine-info.range-46 .outer {
  padding: 0;
  height: 210px; }

#map-container .wine-info.range-46 .inner {
  height: 188px;
  border-width: 6px; }

#map-container .wine-info.wine-1704:after {
  background-image: url("img/map/icon/blue.png"); }

#map-container .wine-info.wine-1704 .inner {
  border-color: #909C9C; }

#map-container .wine-info.wine-1707:after {
  background-image: url("img/map/icon/purple.png"); }

#map-container .wine-info.wine-1707 .inner {
  border-color: #886378; }

#map-container .wine-info.wine-domain:after {
  width: 41px;
  height: 83px;
  background-image: url("img/map/icon/domain.png"); }

#map-container .wine-info.wine-domain .icon img {
  margin-bottom: 40px; }

#map-legend {
  padding: 3px;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 270px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 21; }

#map-legend .outer {
  padding: 2px;
  border: 2px solid #dcc600; }

#map-legend .inner {
  border: 1px solid #dcc600; }

#map-legend .header {
  padding: 20px 0;
  text-align: center; }

#map-legend .tab {
  float: left;
  padding: 4px 0;
  width: 50%;
  height: 12px;
  border-color: #dcc600;
  border-style: solid;
  border-width: 2px 0;
  cursor: pointer;
  font: 13px/1 'DIN Bold';
  text-align: center;
  text-transform: uppercase; }

#map-legend .tab.current,
#map-legend .tab:hover {
  background: #dcc600;
  color: #fff; }

#map-legend .infos {
  padding: 10px; }

#map-legend .infos .label {
  display: inline-block;
  width: 100px;
  vertical-align: top; }

#map-legend .infos li {
  margin: 0 0 8px; }

#map-legend .infos .legend-appelation {
  display: inline-block;
  padding: 2px;
  height: 11px;
  background: #dededf;
  border: 1px solid #a29999;
  font: 11px/13px 'DIN Regular';
  text-transform: uppercase; }

#map-legend .infos .legend-denomination {
  display: inline-block;
  padding: 2px;
  height: 9px;
  background: #dededf;
  border: 1px solid #5f5f5f;
  font: 9px/11px 'DIN Regular';
  text-transform: uppercase; }

#map-legend .infos .legend-wines {
  display: inline-block;
  width: 120px;
  vertical-align: top; }

#map-legend .infos .legend-wines img {
  width: 26px;
  vertical-align: middle; }

#map-legend h1 {
  position: absolute;
  top: -999em; }

#map-legend h2 {
  margin: 0 0 10px;
  padding: 5px 55px 4px 10px;
  border-color: #dcc600;
  border-style: solid;
  border-width: 1px 0;
  font: 12px/1 'DIN Bold';
  text-transform: uppercase; }

#map-legend h3 {
  margin: 0 0 3px;
  /*font: 13px/1.2 'Bodoni Roman';*/
  font: 15px/1.2 'Bodoni Roman';
  text-transform: uppercase; }

#map-legend ul,
#map-legend li {
  margin: 0;
  padding: 0;
  list-style: none; }

#map-legend .tab-block ul {
  margin: 0 0 10px; }

#map-legend .tab-block .area {
  padding: 3px 10px;
  font-size: 12px; }

#map-legend .scroll-container.scroll {
  overflow: hidden; }

#map-legend .scroll .outer-scroll {
  width: 252px; }

#map-legend .area + .area {
  margin: 4px 0 0; }

#map-legend .color {
  float: left;
  margin: 0 8px 0 0;
  width: 20px;
  height: 10px;
  border: 1px solid #fff;
  vertical-align: middle; }

#map-legend .color.default {
  background: #fff;
  border-color: #000; }

#map-legend .name {
  float: left;
  height: 12px;
  line-height: 14px;
  text-transform: uppercase; }

#map-legend .details {
  padding: 2px 10px 0 30px;
  line-height: 1.1; }

#map-legend .area.hover {
  background: #ececec; }

#map-legend .area-link {
  text-decoration: none; }

#map-legend a.hover {
  text-decoration: underline; }

#map-legend .wines-list {
  display: none;
  padding: 0 10px 5px 45px; }

#map-legend .wines-list ul {
  margin: 0; }

#map-legend .wines-list li {
  margin: 5px 0 0;
  list-style: disc outside;
  line-height: 1.1; }

#map-legend .wine-link {
  font: 13px/1 'Bodoni Book'; }

#map-legend .jspHorizontalBar,
#map-legend .jspVerticalBar {
  background: #fff; }

#map-legend .jspVerticalBar {
  width: 8px; }

#map-legend .jspTrack {
  background: #ddd; }

#map-legend .jspDrag {
  background: #9d9c9c;
  border-radius: 4px; }

/* =============================================================================
   BLOCK: =Foot
   ========================================================================== */
#foot {
  margin: -39px 0 0;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38px;
  background: #fff url("img/black_80.png");
  border-bottom: 10px solid #dcc600;
  border-top: 1px solid #dcc600;
  z-index: 20;
  color: #fff;
  font: 12px/1 'DIN Light';
  text-transform: uppercase; }

.color-brand #foot {
  border-bottom-color: #6D6F72; }

.home #foot {
  background: #141215;
  border-top: transparent; }

.page-template-tpl-timeline-php #foot,
.page-template-tpl-timeline-domaine-php #foot ,
.page-template-tpl-timeline-valeurs #foot {
  margin: 0;
  position: absolute;
  background-color: transparent;
  border: 0; }

.page-template-tpl-vineyards-php #foot {
  margin-top: 0; }

#foot li {
  display: inline; }

#foot a:hover {
  color: #c7b202;
  text-decoration: none; }

#nav-footer {
  position: absolute;
  bottom: 11px;
  left: 45px;
  font-family: 'DIN Bold'; }

#nav-footer li + li {
  margin: 0 0 0 50px; }

#nav-secondary {
  position: absolute;
  bottom: 11px;
  right: 210px;
  width: 200px;
  text-align: right; }

#nav-secondary img {
  margin: 0 0 0 15px;
  height: 16px;
  vertical-align: text-bottom; }

#nav-secondary .twitter img {
  height: 15px; }

#copyright {
  position: absolute;
  bottom: 11px;
  right: 45px; }

/* =============================================================================
   BLOCK: =Slideshow
   ========================================================================== */
.slideshow {
  position: relative; }

.slideshow .slides {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  z-index: 1; }

.slideshow .slide {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -999em;
  width: 100%;
  height: 100%;
  z-index: 1; }

.slideshow .slide.is-active {
  left: 0; }

.slideshow .slide .slide-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.slideshow .slide .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1; }

.slideshow .arrow {
  position: absolute;
  top: 50%;
  z-index: 2; }

.slideshow .arrow.prev {
  left: 0; }

.slideshow .arrow.next {
  right: 0; }

/* =============================================================================
   PAGE TEMPLATE: =Default
   ========================================================================== */
#main {
  overflow: hidden;
  padding: 0;
  position: relative;
  min-height: 100%;
  background: #fff; }

.page-container {
  position: relative;
  height: 100%; }

.page-title {
  /*font: 30px 'Didot Bold';*/
  font: 32px 'Didot Bold';
    letter-spacing: 3px;
	text-transform:uppercase;
}
  text-transform: uppercase; }

.page-subtitle {
  /*font: 35px 'Didot Roman';*/
  font: 42px 'Didot Roman'; }

.page-main {
  padding: 1px 0; }

.page-content ul,
.page-content li {
  margin: 0;
  padding: 0;
  list-style: none; }

.page-content li:before {
  content: '- '; }

.page-default .page-main {
  margin: 0 auto;
  padding: 300px 40px 100px;
  position: relative;
  max-width: 1840px; }

.page-default .page-header {
  margin: 0 0 30px;
  position: absolute;
  bottom: 100%;
  width: 100%; }

.page-default .column {
  padding: 30px 0;
  position: relative; }

.page-default .page-content {
  max-width: 760px; }

.page-default .page-content:before {
  display: block;
  position: absolute;
  top: 0;
  width: 40px;
  height: 1px;
  background: #000;
  content: ''; }

/* =============================================================================
   PAGE TEMPLATE: =One-column
   ========================================================================== */
.page-one-column .page-main {
  margin: 50px auto;
  position: relative;
  width: 540px; }

.page-one-column .page-header {
  margin: 45px 0;
  text-align: center; }

.page-one-column .page-header:before,
.page-one-column .page-header:after {
  display: block;
  margin: 0 auto 40px;
  width: 40px;
  height: 1px;
  background: #c7b202;
  content: ''; }

.page-one-column .page-header:after {
  margin: 35px auto 0; }

.page-one-column .page-title {
  font-size: 40px; }

/* =============================================================================
   PAGE TEMPLATE: =One-column-centered
   ========================================================================== */
.page-one-column-centered .page-main {
  margin: 70px auto;
  padding: 0 0 100px;
  position: relative; }

.page-one-column-centered .header-engraving {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
  height: 450px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.page-one-column-centered .header-engraving img {
  display: block;
  margin: 0 auto; }

.page-one-column-centered .column {
  margin: 0 auto;
  padding: 0 250px;
  position: relative;
  max-width: 1250px; }

.page-one-column-centered .text-columns {
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  column-count: 2;
  column-gap: 20px; }

.page-one-column-centered .text-columns.no-columns {
  -webkit-column-count: 1;
  -webkit-column-gap: 0;
  -moz-column-count: 1;
  -moz-column-gap: 0;
  column-count: 1;
  column-gap: 0; }

.page-one-column-centered .page-content {
  margin: 25px 0;
  padding: 16px 0;
  position: relative; }

.page-one-column-centered .page-content:before,
.page-one-column-centered .page-content:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 1px;
  background: #000;
  content: ''; }

.page-one-column-centered .page-content:after {
  top: auto;
  bottom: 0; }

.page-one-column-centered.page-brand .page-content:after {
  display: none; }

.page-one-column-centered .page-title {
  font-size: 35px;
   }

.page-one-column-centered .page-subtitle {
  color: #dcc600;
  font-size: 30px;
  font-family: "Didot Roman"; }

.page-one-column-centered .page-intro {
  max-width: 900px;
  font: 18px 'Bodoni bold Italic'; }

.page-one-column-centered #wines {
  margin-top: 0;
  position: relative;
  z-index: 2; }

.page-one-column-centered.page-brand #wines {
  margin-top: 60px; }

.page-one-column-centered #wines .wines-title {
  margin-bottom: 40px;
  font-size: 35px; }

.page-one-column-centered #wines .wines-title:before {
  bottom: 0;
  background: #000; }

.page-one-column-centered .wine-description {
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  height: 0; }

.page-one-column-centered .wine-description-inner {
  padding: 0 0 25px;
  position: relative; }

.page-one-column-centered .wine-description-inner:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 1px;
  background: #53534d;
  content: ''; }

.page-one-column-centered .wine-info {
  position: relative; }

.page-one-column-centered .wine-info .toggle {
  padding: 5px;
  position: absolute;
  top: 45px;
  right: 0;
  width: 120px;
  background-color: #000;
  cursor: pointer;
  color: #fff;
  font: 14px/1 'Bodoni Bold Italic'; }

.page-one-column-centered .wine-info .toggle:hover {
  background-color: #53534d; }

.page-one-column-centered .wine-info .toggle .off {
  margin-right: 5px;
  background: url("img/arrow-right-white.png") no-repeat right; }

.page-one-column-centered .wine-info .toggle .on {
  display: none;
  margin-right: 5px;
  background: url("img/close-white.png") no-repeat right; }

.page-one-column-centered .wine-info.is-opened .wines-title {
  color: #dcc600; }

.page-one-column-centered .wine-info.is-opened .wine-description {
  height: auto; }

.page-one-column-centered .wine-info.is-opened .toggle .off {
  display: none; }

.page-one-column-centered .wine-info.is-opened .toggle .on {
  display: block; }

.page-one-column-centered .text-toggle {
  margin: 20px 0 0;
  padding: 50px 0 0;
  position: relative;
  border-top: 1px solid #000; }

.page-one-column-centered .text-toggle .toggle {
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  background-color: #000;
  cursor: pointer;
  color: #fff;
  font: 14px/1 'Bodoni Bold Italic'; }

.page-one-column-centered .text-toggle .toggle:hover {
  background-color: #53534d; }

.page-one-column-centered .text-toggle .toggle .off {
  margin-right: 5px;
  background: url("img/arrow-right-white.png") no-repeat right; }

.page-one-column-centered .text-toggle .toggle .on {
  display: none;
  margin-right: 5px;
  background: url("img/close-white.png") no-repeat right; }

.page-one-column-centered .text-toggle .text-container {
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  height: 0; }

.page-one-column-centered .text-toggle .text-container-inner {
  padding: 0 0 25px;
  position: relative; }

.page-one-column-centered .text-toggle .text-container-inner:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 1px;
  background: #53534d;
  content: ''; }

.page-one-column-centered .text-toggle.is-opened .text-container {
  height: auto; }

.page-one-column-centered .text-toggle.is-opened .toggle .off {
  display: none; }

.page-one-column-centered .text-toggle.is-opened .toggle .on {
  display: block; }

.page-one-column-centered .wines-list ul {
  margin-top: 30px; }

.page-one-column-centered.page-brand #wines .wines-list {
  border-bottom: 0; }

.page-one-column-centered .toc {
  max-width: 150px;
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 2; }

.page-one-column-centered .toc:before {
  display: block;
  margin: 0 0 25px;
  width: 40px;
  height: 1px;
  background: #000;
  content: ''; }

.page-one-column-centered .engraving-1 {
  margin-right: -215px;
  position: absolute;
  right: 100%;
  bottom: 20px;
  width: 277px;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  text-align: right; }

.page-one-column-centered.page-brand .engraving-1 {
  margin-left: -215px;
  right: auto;
  left: 100%;
  bottom: auto;
  top: 300px;
  width: 100%;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  text-align: left; }

.page-one-column-centered .engraving-2 {
  margin-left: -215px;
  position: absolute;
  left: 100%;
  top: 50%;
  width: 145px;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scale(0.6);
          transform: scale(0.6); }

.page-one-column-centered.page-brand .engraving-2 {
  top: auto;
  bottom: -60px;
  width: 100%; }

.page-one-column-centered .scroll-down {
  margin-top: -30px;
  position: fixed;
  top: 100vh;
  left: 124px;
  cursor: pointer;
  z-index: 2; }

.page-one-column-centered .scroll-down .button {
  margin: 0 0 0 -15px;
  position: absolute;
  bottom: 100%;
  left: 50%; }

.page-one-column-centered .column .logo-onb {
  display: none;
  margin: 40px 0 0 30px;
  width: 60px;
  height: auto; }
.page-id-4337 .page-one-column-centered .column .logo-onb {
  display: block;}

/* =============================================================================
   PAGE TEMPLATE: =Grid
   ========================================================================== */
#main.page-grid {
  background-color: #000; }

.page-grid .page-title {
  margin: 220px 0 20px;
  color: #fff;
  font-size: 35px;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform:uppercase; }

.page-grid .page-title:before,
.page-grid .page-title:after {
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 1px;
  background-color: #C5B002;
  content: ''; }

.page-grid .page-title:before {
  margin-bottom: 15px; }

.page-grid .page-title:after {
  margin-top: 12px; }

.page-grid .grid {
  margin: 0 auto;
  max-width: 1366px; }

.page-grid .cell {
  float: left;
  position: relative;
  width: 50%;
  background-position: center;
  background-size: cover; }

.page-grid .cell:before {
  display: block;
  padding-top: 50%;
  content: ''; }

.page-grid .cell:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  content: '';
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 1; }

.page-grid .cell:hover:after {
  opacity: 0.5; }

.page-grid .cell a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

.page-grid .cell .va-outer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.page-grid .cell .va-inner {
  display: table-cell;
  vertical-align: middle; }

.page-grid .cell .inner {
  margin: 0 auto;
  padding: 25px 15px 15px;
  position: relative;
  max-width: 330px;
  border: 3px solid #fff;
  color: #fff;
  text-align: center; }

.page-grid .cell .title {
  font: 28px/1 'DIN Regular';
  letter-spacing: 0.02em;
  text-transform: uppercase; }

.page-grid .cell small {
  font: 14px 'Bodoni Bold Italic';
  text-decoration: underline; }

.page-grid .cell .number {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  /*font: 20px 'Bodoni Roman';*/
  font: 22px 'Bodoni Roman'; }

.page-grid .cell:nth-child(2n+2) {
  float: right; }

.page-grid .cell:nth-child(odd):last-child {
  width: 100%; }

.page-grid .cell:nth-child(odd):last-child:before {
  padding-top: 25%; }

/*
.page-grid .cell:nth-child(8n+1):before,
.page-grid .cell:nth-child(8n+3):before {
  padding-top: 50%;
}
.page-grid .cell:nth-child(8n+2) {
  float: right;
}
.page-grid .cell:nth-child(8n+4),
.page-grid .cell:nth-child(8n+8) {
  width: 100%;
}
.page-grid .cell:nth-child(8n+4):before,
.page-grid .cell:nth-child(8n+8):before {
  padding-top: 25%;
}

.page-grid .cell:nth-child(8n+6),
.page-grid .cell:nth-child(8n+7) {
  float: right;
}
.page-grid .cell:nth-child(8n+6):before,
.page-grid .cell:nth-child(8n+7):before {
  padding-top: 50%;
}

.page-grid .cells-1 .cell.penultimate,
.page-grid .cells-1 .cell.last {
  width: 50%;
}
.page-grid .cells-1 .cell.penultimate:before,
.page-grid .cells-1 .cell.last:before {
  padding-top: 100%;
}

.page-grid .cells-2 .cell.penultimate {
  width: 50%;
}
.page-grid .cells-2 .cell.penultimate:before {
  padding-top: 100%;
}

.page-grid .cells-5 .cell.penultimate {
  width: 50%;
}
.page-grid .cells-5 .cell.penultimate:before {
  padding-top: 100%;
}

.page-grid .cells-6 .cell.last:before {
  padding-top: 100%;
}*/
/* .page-template-tpl-wines-php #site-title .black {
  display:none;
}
.page-template-tpl-wines-php #site-title .white {
  display:block;
} */
.page-template-tpl-wines-php #site-title:before {
  background-image: url("img/site-title-background-black.png"); }

/* =============================================================================
   PAGE TEMPLATE: =Two-columns-left
   ========================================================================== */
.page-two-columns-left .page-main {
  margin: 0 auto;
  padding: 300px 40px 100px;
  position: relative;
  max-width: 1840px; }

.page-two-columns-left .column {
  float: left;
  position: relative; }

.page-two-columns-left .column-first {
  width: 50%; }

.page-two-columns-left .column-second {
  width: 48%; }

.page-two-columns-left .column-first .engraving {
  display: block;
  margin: 100px 0 0; }

.page-two-columns-left .page-header {
  margin: 0 0 15px;
  position: absolute;
  bottom: 100%;
  width: 90%; }

.page-two-columns-left .page-subtitle {
  color: #c7b202;
  font-size: 30px;
  line-height: 1; }

.page-two-columns-left .page-title + .page-subtitle {
  width: 250px;
  text-transform: lowercase; }

.page-two-columns-left .page-content {
  padding: 20px 0;
  position: relative;
  width: 74%; }

.page-two-columns-left .page-content:before,
.page-two-columns-left .page-content:after {
  display: block;
  position: absolute;
  top: 0;
  width: 40px;
  height: 1px;
  background: #000;
  content: ''; }

.page-two-columns-left .page-content:after {
  top: auto;
  bottom: 0; }

.page-two-columns-left .column-first .item {
  display: none;
  background: #fff; }

.page-two-columns-left .column-first .page-header .item {
  position: absolute;
  bottom: 0;
  width: 100%; }

.page-two-columns-left .column-first .item.current {
  display: block; }

/* =============================================================================
   PAGE TEMPLATE: =Two-columns-center
   ========================================================================== */
.page-two-columns-center .page-main {
  margin: 0 auto;
  padding: 300px 40px 100px;
  position: relative;
  max-width: 1840px; }

.page-two-columns-center .column {
  float: left;
  padding: 30px 0;
  position: relative;
  width: 37%; }

.page-two-columns-center .column-second {
  float: right; }

.page-two-columns-center .column:before {
  display: block;
  position: absolute;
  top: 0;
  width: 40px;
  height: 1px;
  background: #000;
  content: ''; }

.page-two-columns-center .column-center {
  margin: 0 3%;
  padding: 0;
  width: 20%;
  text-align: center; }

.page-two-columns-center .column-center:before {
  display: none; }

.page-two-columns-center .column-center .engraving {
  position: relative;
  top: -100px; }

.page-two-columns-center .page-header {
  margin: 0 0 30px;
  position: absolute;
  bottom: 100%;
  width: 100%; }

.share-block {
  padding: 2px 0 0;
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 112px;
  height: 16px;
  background: url("img/share-background.png") no-repeat;
  text-align: center; }

.share-block ul,
.share-block li {
  margin: 0;
  padding: 0;
  list-style: none; }

.share-block li {
  display: inline;
  margin: 0 5px; }

.pagination .current {
  font-family: 'DIN Bold'; }

/* =============================================================================
   PAGE SPECIFIC: =Vignobles
   ========================================================================== */
.page-template-tpl-vineyards-php #head {
  height: auto; }

.page-template-tpl-vineyards-php #site-title {
  position: absolute;
  top: -999em; }

.page-template-tpl-vineyards-php #main .page-main:before {
  display: block;
  position: absolute;
  top: 100px;
  left: -500px;
  width: 318px;
  height: 410px;
  background: url("img/engraving/time.png") no-repeat;
  content: ''; }

.page-template-tpl-vineyards-php #main .page-main {
  margin-top: 80px; }

.page-template-tpl-vineyards-php #main .scroll-top {
  margin: 0 0 0 -15px;
  position: absolute;
  top: 0;
  left: 50%; }

/* =============================================================================
   PAGE SPECIFIC: =Area
   ========================================================================== */
.area-details {
  margin: 10px 0 0;
  font: 12px/1.2 'DIN Bold';
  text-transform: uppercase; }

.area-map {
  margin: 35px 0 0; }

.area-map a {
  float: left; }

.area-map img {
  display: block;
  padding: 5px;
  border: 1px solid #ccc;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.area-map a:hover img,
.area-map a:focus img {
  background: #DCC600; }

#wines {
  margin: -29px 0 0; }

#wines .wines-title {
  margin: 0 0 30px;
  position: relative;
  font-size: 22px; }

#wines .wines-title:before {
  display: block;
  position: absolute;
  bottom: 9px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
  content: '';
  z-index: 1; }

#wines .wines-title span {
  padding: 0 45px 0 0;
  position: relative;
  background: #fff;
  z-index: 2; }

#wines .wines-list:last-child {
  border-bottom: 1px solid #ccc; }

.wines-list ul,
.wines-list li {
  margin: 0;
  padding: 0;
  list-style: none; }

.wines-list .wine {
  float: left;
  margin: 0 20px 0 0;
  height: 460px;
  width: 120px;
  text-align: center; }

.wines-list .wine a {
  display: block;
  background: transparent;
  text-decoration: none; }

.wines-list .wine-bottle {
  margin: 0 0 5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.wines-list .wine a:hover .wine-bottle {
  margin: -10px 0 15px; }

.wines-list .wine-title {
  font-family: 'DIN Bold';
  line-height: 1.1;
  text-transform: uppercase; }

.wines-list .wine-subtitle {
  width: 120px;
  font-family: 'DIN Regular';
  line-height: 1.1;
  text-transform: uppercase; }

.wines-list .link-arrow {
  padding: 5px 0 0; }

.wines-list .wine a:hover {
  color: #c7b202; }

.wines-list .back-all {
  position: relative;
  top: -20px; }

.wines-list .logo-bio {
  display: block;
  margin: 13px auto 0; }

.toc {
  margin: 20px 0 0; }

.toc:after {
  display: block;
  margin: 25px 0 0;
  width: 40px;
  height: 1px;
  background: #000;
  content: ''; }

.toc ul,
.toc li {
  margin: 0;
  padding: 0;
  list-style: none; }

.toc li + li {
  margin: 8px 0 0; }

.toc a {
  font-size: 14px; }

/* =============================================================================
   PAGE SPECIFIC: =Wine
   ========================================================================== */
#wine {
  padding: 50px 0;
  margin: 0 auto 104px;
  position: relative;
  width: 91%;
  max-width: 1730px; }

#wine .wine-bottle {
  float: left;
  position: relative;
  width: 27.5%;
  text-align: center; }

#wine .wine-bottle .navigation {
  margin: -19px 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0; }

#wine .wine-bottle .button {
  padding: 10px;
  position: absolute;
  top: 0;
  left: -10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#wine .wine-bottle .next {
  right: -10px;
  left: auto; }

#wine .wine-bottle .previous:hover {
  padding-right: 20px;
  padding-left: 0; }

#wine .wine-bottle .next:hover {
  padding-right: 0;
  padding-left: 20px; }

#wine .wine-bottle .bottle {
  display: block;
  margin: 0 auto 20px;
  width: 62.5%;
  max-width: none;
  max-height: none; }

#wine .wine-range {
  font-size: 14px;
  text-decoration: none; }

#wine .wine-range span:before {
  content: '« '; }

#wine .wine-range span:after {
  content: ' »'; }

#wine .wine-content {
  float: left;
  margin: 0 10%;
  padding: 200px 0 1.5em;
  position: relative;
  width: 24%; }

#wine .wine-content:after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 1px;
  background: #53534d;
  content: ''; }

#wine .page-header {
  margin: 0 0 13px; }

#wine .page-header:after {
  display: block;
  margin: 10px 0 0;
  width: 40px;
  height: 1px;
  background: #53534d;
  content: ''; }

#wine .page-title {
  line-height: 1; }

#wine .page-subtitle {
  margin: 5px 0 0;
  color: #c7b202;
  font-size: 30px;
  line-height: 1; }

#wine .wine-millesime {
  position: relative;
  z-index: 2; }

#wine .wine-millesime .label {
  display: inline-block;
  padding: 4px 0;
  position: relative;
  width: 160px;
  height: 14px;
  background: #dcc600;
  cursor: pointer;
  color: #fff;
  font-family: 'DIN Bold';
  line-height: 14px;
  text-align: center;
  text-transform: uppercase; }

#wine .wine-millesime .label img {
  position: relative;
  left: 3px; }

#wine .wine-millesime ul,
#wine .wine-millesime li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 1; }

#wine .wine-millesime ul {
  display: none;
  padding: 1px 0 0;
  position: absolute;
  top: 22px;
  width: 160px;
  background: transparent;
  text-align: center; }

#wine .wine-millesime:hover ul {
  display: block; }

#wine .wine-millesime li + li {
  border-top: 1px solid #fff; }

#wine .wine-millesime a {
  display: block;
  padding: 4px 0 3px;
  background: #eee;
  text-decoration: none; }

#wine .wine-millesime a:hover {
  background: #dcc600;
  color: #fff; }

#wine .wine-description {
  margin: 2em 0; }

#wine .wine-specification {
  margin: 2em 0;
  padding: 2em 0;
  position: relative; }

#wine .wine-specification:before,
#wine .wine-specification:after {
  display: block;
  position: absolute;
  top: 0;
  width: 40px;
  height: 1px;
  background: #53534d;
  content: ''; }

#wine .wine-specification:after {
  top: auto;
  bottom: 0; }

#wine .wine-content h2 {
  color: #c7b202;
  font: 14px/1 'DIN Bold';
  text-transform: uppercase; }

#wine .wine-content h3 {
  margin: 1em 0 0;
  font: 13px/1 'DIN Bold'; }

#wine .wine-specification .logo-bio {
  display: block;
  margin: 10px 0 20px; }

#wine .wine-awards,
#wine .wine-press {
  margin: 0 0 2em;
  padding: 0 0 2em;
  border-bottom: 1px solid #ccc; }

#wine .wine-awards h2,
#wine .wine-press h2 {
  margin-bottom: 5px; }

#wine .wine-awards ul,
#wine .wine-awards li,
#wine .wine-press ul,
#wine .wine-press li {
  margin: 0;
  padding: 0;
  list-style: none; }

#wine .wine-awards li,
#wine .wine-press li {
  margin: 1em 0;
  line-height: 1.2; }

#wine .wine-awards strong,
#wine .wine-awards .description,
#wine .wine-press strong {
  display: block; }

#wine .wine-area h2 {
  margin: 0 0 1em; }

#wine .wine-aside {
  float: left;
  padding: 200px 0 0;
  width: 16%;
  min-width: 250px; }

#wine .wine-aside h2 {
  /*font: 20px/1 'Didot Bold'; */
  font: 22px/1 'Didot Bold';  
letter-spacing: 1px;}

#wine .wine-aside h3 {
  margin: 0 0 0.5em;
  color: #c7b202;
  font: 14px/1 'DIN Bold';
  text-transform: uppercase; }

#wine .wine-aside ul,
#wine .wine-aside li {
  margin: 0;
  padding: 0;
  list-style: none; }

#wine .wine-quicklinks,
#wine .wine-downloads,
#wine .wine-share {
  padding: 1em 0;
  border-color: #53534d;
  border-style: solid;
  border-width: 0 0 1px; }

#wine .wine-quicklinks {
  margin-top: 1em;
  border-width: 1px 0; }

#wine .wine-quicklinks li + li {
  margin: 1em 0 0; }

#wine .wine-quicklinks a {
  display: inline-block;
  padding: 0 16px 0 0;
  background: url("img/arrow-bottom.png") no-repeat right 3px;
  cursor: pointer;
  font-family: 'DIN Bold';
  text-decoration: none;
  text-transform: uppercase; }

#wine .wine-quicklinks a:hover {
  background-image: url("img/arrow-bottom-green.png");
  color: #c7b202; }

#wine .wine-downloads li + li {
  margin: 5px 0 0; }

#wine .wine-share li {
  display: inline; }

#wine .wine-share li + li {
  margin: 0 0 0 10px; }

#wine .engraving {
  margin: 55px 0 0; }

#wine .scroll-top {
  margin: 0 0 0 -15px;
  position: absolute;
  top: 100%;
  left: 50%; }

/* =============================================================================
   PAGE SPECIFIC: =Awards
   ========================================================================== */
.awards-toc {
  padding: 2em 0;
  position: relative;
  font-size: 14px; }

.awards-toc:before,
.awards-toc:after {
  display: block;
  position: absolute;
  top: 0;
  width: 40px;
  height: 1px;
  background: #000;
  content: ''; }

.awards-toc:after {
  top: auto;
  bottom: 0; }

.awards-toc h2 {
  margin: 0 0 0.5em;
  font: 13px/1 'DIN Bold';
  text-transform: uppercase; }

.awards-toc ul + h2 {
  margin-top: 2em; }

.awards-toc ul,
.awards-toc li {
  margin: 0;
  padding: 0;
  list-style: none; }

.awards-toc li + li {
  margin: 5px 0 0; }

.awards-toc ul ul {
  display: none;
  padding: 5px 0 5px 30px; }

.awards-toc .open ul {
  display: block; }

.awards-list {
  text-align: left; }

.awards-list ul,
.awards-list li {
  margin: 0;
  padding: 0;
  list-style: none; }

.awards-list li {
  margin: 1.5em 0;
  line-height: 1.2; }

.awards-list .logo {
  display: table-cell;
  padding: 0 20px 0 0;
  width: 80px;
  max-width: 80px;
  min-height: 20px;
  vertical-align: middle;
  text-align: right; }

.awards-list .content {
  display: table-cell;
  vertical-align: middle; }

.awards-list strong,
.awards-list .description {
  display: block; }

.wines-list .awards-list .link-arrow {
  display: inline-block;
  padding: 0; }

.page-template-tpl-awards-php .column-first {
  max-width: 500px; }

.page-template-tpl-awards-php #wines {
  position: relative;
  max-width: 800px; }

.page-template-tpl-awards-php #wines:after {
  display: block;
  position: absolute;
  top: 0;
  right: -400px;
  width: 320px;
  height: 500px;
  background: url("img/engraving/corkscrew-2.png") no-repeat;
  content: ''; }

.page-template-tpl-awards-php .wines-list .wine {
  float: none;
  margin: 0;
  width: 100%; }

.page-template-tpl-awards-php .wines-list .left {
  float: left;
  margin: 0 20px 0 0;
  width: 120px; }

.page-template-tpl-awards-php .wines-list .awards-list {
  float: left;
  position: relative;
  width: 290px; }

/* =============================================================================
   PAGE SPECIFIC: =News
   ========================================================================== */
.page-news .page-main {
  margin: 0 auto;
  padding: 180px 40px 50px;
  position: relative;
  max-width: 1840px; }

.news-list,
.news-single {
  padding: 10px 0 0;
  position: relative;
  border-top: 1px solid #52524b; }

.news-list.news-default,
.news-list.news-stoppress,
.news-list.news-rendezvous {
  margin: 0 3%;
  padding-bottom: 30px; }

.news-single {
  margin: 0 3%; }

.news-list .page-header,
.news-single .page-header {
  position: relative;
  margin-bottom: 30px; }

.news-list .page-header:before,
.news-single .page-header:before {
  display: block;
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  height: 5px;
  background: url("img/news-header-background.png") repeat-x;
  content: '';
  z-index: 1; }

.news-list .page-title,
.news-single .page-title {
  margin: 0 auto;
  padding: 20px 0 0;
  position: relative;
  width: 878px;
  height: 67px;
  background: url("img/news-header.png") no-repeat;
  z-index: 2;
  color: #fff;
  /*font: 40px/54px 'Didot Headline';*/
  font: 50px/66px 'Didot Headline';
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase; }

.news-list .page-title a,
.news-single .page-title a {
  text-decoration: none; }

.news-list .subtitle,
.news-single .subtitle {
  margin: -10px 0 0;
  color: #53534c;
  font: 16px 'Bodoni Book Italic';
  text-align: center; }

.news-list .subtitle strong,
.news-single .subtitle strong {
  display: block;
  margin: 5px 0 0;
  font-size: 11px; }

.news-list .page-header .number {
  padding: 10px;
  position: absolute;
  top: 0;
  left: -10px;
  background: #fff;
  z-index: 2;
  color: #53534c;
  font: 30px/1 'Bodoni Bold Italic'; }

.news-list .news-block {
  clear: both;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.news-list .news-block.block-left,
.news-list .news-block.block-right {
  clear: none;
  float: left;
  margin: 0 0 40px;
  padding: 4px;
  width: 46%;
  border: 1px solid #52524b; }

.news-list .news-block.block-right {
  float: right; }

.news-list .news-block .outer {
  padding: 20px;
  min-height: 385px;
  border: 3px solid #52524b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.news-list .block-left .outer {
  padding: 20px 25% 5px; }

.news-list .news-block .category-link {
  position: absolute;
  top: -20px;
  right: 0;
  border: 0; }

.news-list .block-left .block-title {
  position: absolute;
  top: 0;
  left: -10px;
  width: 100%; }

.news-list .block-left .block-title img {
  margin: -8.33% 0 0;
  width: 35.48%; }

.news-list .news-block.double .block-title {
  position: absolute;
  top: -999em; }

.news-list .block-right .outer {
  padding: 20px 25%; }

.news-list .block-right .block-title {
  overflow: hidden;
  padding: 0 0 10px;
  position: absolute;
  top: -5px;
  left: 2.62%;
  width: 17.62%;
  height: 100%;
  z-index: 2; }

.news-list .block-right .engraving {
  position: absolute;
  bottom: 5px;
  left: -14.1%;
  width: 22.14%;
  max-width: 186px;
  z-index: 1; }

.news-list .hentry {
  position: relative;
  z-index: 2; }

.news-list .block-left .hentry {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center; }

.news-list .block-left .hentry + .hentry {
  margin-top: 15px;
  padding-top: 20px;
  background: url("img/news-separator.png") no-repeat top; }

.news-list .block-right .hentry {
  margin: 0;
  padding: 0;
  border: 0; }

.news-list .block-right .hentry + .hentry {
  margin-top: 25px; }

.news-list .news-block.double .hentry {
  float: left;
  position: relative;
  width: 46%;
  border-bottom: 2px solid #52524b; }

.news-list .news-block.double .hentry + .hentry {
  float: right; }

.news-default .hentry {
  border-bottom: 2px solid #52524b; }

.news-default .hentry + .hentry {
  margin-top: 40px; }

.news-stoppress .hentry + .hentry,
.news-rendezvous .hentry + .hentry {
  margin-top: 20px; }

.news-list .double .article-header,
.news-default .article-header {
  display: table;
  padding: 5px 0;
  width: 100%;
  border-color: #52524b;
  border-style: solid;
  border-width: 2px 0; }

.news-default .article-header {
  border-bottom-width: 1px; }

.news-stoppress .article-header,
.news-rendezvous .article-header {
  display: table;
  padding: 5px 0;
  width: 100%;
  border-bottom: 1px solid #52524b; }

.news-list .entry-title {
  margin: 0 0 2px;
  overflow: hidden;
  height: 2em;
  color: #c7b202;
  font: 16px/1.1 'DIN Bold';
  text-transform: uppercase; }

.news-list .entry-title a {
  text-decoration: none; }

.news-list .double .entry-title,
.news-default .entry-title,
.news-stoppress .entry-title,
.news-rendezvous .entry-title {
  display: table-cell;
  padding: 0 20px 0 0;
  vertical-align: middle; }

.news-list .double .article-header .aside,
.news-default .article-header .aside,
.news-stoppress .article-header .aside,
.news-rendezvous .article-header .aside {
  display: table-cell;
  width: 310px;
  height: 40px;
  vertical-align: middle; }

.news-stoppress .article-header .aside,
.news-rendezvous .article-header .aside {
  width: 110px; }

.news-stoppress .article-header .share-links,
.news-rendezvous .article-header .share-links {
  float: right; }

.news-list .double .article-header .aside .text,
.news-list .double .article-header .aside .published,
.news-default .article-header .aside .text,
.news-default .article-header .aside .published {
  color: #53534c;
  font: 16px 'Bodoni Book Italic'; }

.news-list .double .article-header .aside .text,
.news-default .article-header .aside .text {
  float: left; }

.news-list .double .article-header .aside .category,
.news-default .article-header .aside .category {
  text-transform: uppercase; }

.news-list .double .article-header .aside .share-links,
.news-default .article-header .aside .share-links {
  padding: 0 0 0 64px;
  float: right;
  background: url("img/engraving/pioupiou.png") no-repeat left; }

.share-links ul,
.share-links li {
  margin: 0;
  padding: 0;
  list-style: none; }

.share-links li {
  display: inline-block; }

.share-links li:before {
  display: none; }

.block-left .share-links li {
  margin: 10px 0 0;
  width: 26px; }

.news-list .entry-summary {
  padding: 1em 0; }

.news-list .entry-summary p {
  display: inline;
  margin: 0 10px 0 0; }

.news-stoppress .readmore,
.news-rendezvous .readmore {
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0; }

.news-list .columns {
  position: relative; }

.news-list .columns:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #52524b;
  content: ''; }

.news-list.news-stoppress .engraving {
  position: absolute;
  top: 0;
  left: -10px;
  width: 100%; }

.news-list.news-stoppress .engraving img {
  margin: -3.85% 0 0;
  width: 16.15%; }

.news-list.news-rendezvous .engraving-left {
  overflow: hidden;
  padding: 0 0 10px;
  position: absolute;
  top: -5px;
  left: 1.1%;
  width: 8.13%;
  height: 100%;
  z-index: 2; }

.news-list.news-rendezvous .engraving-left .title {
  margin: -70px 0 0;
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 152px;
  z-index: 2; }

.news-list.news-rendezvous .engraving-right {
  position: absolute;
  bottom: 70px;
  right: -2.2%;
  width: 10.44%;
  max-width: 186px; }

.news-list.news-stoppress .columns,
.news-list.news-rendezvous .columns {
  padding: 4px;
  border: 1px solid #52524b; }

.news-list.news-stoppress .columns:before,
.news-list.news-rendezvous .columns:before {
  display: none; }

.news-list.news-stoppress .columns .outer,
.news-list.news-rendezvous .columns .outer {
  padding: 15px;
  border: 3px solid #52524b; }

.news-list.news-stoppress .columns .inner,
.news-list.news-rendezvous .columns .inner {
  padding: 20px 10%;
  position: relative; }

.news-list.news-rendezvous .columns .inner {
  padding-left: 8%;
  padding-right: 8%; }

.news-list.news-stoppress .columns .inner:before,
.news-list.news-rendezvous .columns .inner:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #52524b;
  content: ''; }

.news-list .column {
  float: left;
  padding: 0 3% 0 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.news-list .column + .column {
  float: right;
  padding: 0 0 0 3%; }

.news-navigation {
  margin: -17px 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0; }

.news-navigation .button {
  position: absolute;
  top: 0;
  left: 0; }

.news-navigation .next {
  right: 0;
  left: auto; }

/*
.news-navigation .arrow {
  width:60px;
}
.news-navigation .arrow .part-1 {
  width:10px
}
.news-navigation .arrow .part-2 {
  width:10px;
  border-width:0 10px;
}
.news-navigation .arrow .part-3 {
  width:12px
}
*/
.news-list .link-back {
  position: absolute;
  bottom: 0;
  left: 0;
  border: 0;
  font: 11px 'DIN Light';
  text-transform: uppercase; }

.news-list .link-arrow:before,
.news-single .link-arrow:before {
  margin-right: 3px; }

.news-list .pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 11px;
  text-transform: uppercase; }

.news-single .article-header {
  margin: 0 0 50px;
  padding: 5px 0;
  border-color: #53534c;
  border-style: solid;
  border-width: 3px 0 1px;
  color: #53534c;
  font: 16px 'Bodoni Book Italic';
  text-align: left; }

.news-single .article-header .category {
  text-transform: uppercase; }

.news-single .news-block {
  position: relative; }

.news-single .news-default .outer > .engraving {
  position: absolute;
  bottom: 3px;
  right: 0; }

.news-single .news-stoppress,
.news-single .news-rendezvous {
  padding: 4px;
  border: 1px solid #52524b; }

.news-single .news-stoppress .outer,
.news-single .news-rendezvous .outer {
  padding: 15px;
  border: 3px solid #52524b; }

.news-single .news-stoppress .hentry,
.news-single .news-rendezvous .hentry {
  margin: 0 10%;
  padding: 30px 0;
  border: 0; }

.news-single .news-stoppress .hentry .inner:before,
.news-single .news-rendezvous .hentry .inner:before {
  top: -20px; }

.news-single .news-stoppress .hentry .entry-text,
.news-single .news-stoppress .hentry .images,
.news-single .news-rendezvous .hentry .entry-text,
.news-single .news-rendezvous .hentry .images {
  padding-top: 50px;
  padding-bottom: 50px; }

.news-single .news-stoppress .outer > .engraving {
  position: absolute;
  top: 0;
  left: -10px;
  width: 100%; }

.news-single .news-stoppress .outer > .engraving img {
  margin: -3.85% 0 0;
  width: 16.15%; }

.news-single .news-rendezvous .engraving-left {
  overflow: hidden;
  padding: 0 0 10px;
  position: absolute;
  top: -5px;
  left: 1.1%;
  width: 8.13%;
  height: 100%;
  z-index: 2; }

.news-single .news-rendezvous .engraving-left .title {
  margin: -70px 0 0;
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 152px;
  z-index: 2; }

.news-single .news-rendezvous .engraving-right {
  position: absolute;
  bottom: 70px;
  right: -2.2%;
  width: 10.44%;
  max-width: 186px; }

.single-calmeljoseph_news .page-content {
  padding: 0 0 30px;
  position: relative;
  max-width: none; }

.single-calmeljoseph_news .hentry {
  padding: 30px 0 50px;
  position: relative;
  border-bottom: 1px solid #52524b; }

.single-calmeljoseph_news .hentry .inner {
  display: table;
  margin: 0 auto;
  position: relative;
  max-width: 1100px; }

.single-calmeljoseph_news .hentry .inner:before {
  display: block;
  padding: 40px 0 0;
  position: absolute;
  top: -30px;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #52524b;
  content: ''; }

.single-calmeljoseph_news .hentry .entry-text,
.single-calmeljoseph_news .hentry .images {
  display: table-cell;
  padding: 0 8% 0 0;
  position: relative;
  width: 50%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.single-calmeljoseph_news .hentry .images {
  padding: 0 0 0 8%;
  text-align: left; }

.single-calmeljoseph_news .hentry h2,
.single-calmeljoseph_news .hentry .published {
  color: #c7b202;
  font: 16px/1.2 'DIN Bold';
  text-transform: uppercase; }

.single-calmeljoseph_news .hentry .entry-content {
  margin: 1em 0; }

.single-calmeljoseph_news .hentry .images img {
  display: inline-block;
  margin: 0 2% 2% 0;
  max-width: 47%;
  vertical-align: top; }

.single-calmeljoseph_news .share-links {
  margin: 0 0 0 -50px;
  position: absolute;
  bottom: -68px;
  left: 50%;
  width: 100px;
  background: #fff;
  text-align: center; }

.single-calmeljoseph_news .back {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%; }

.single-calmeljoseph_news .back a {
  border: 0;
  font: 11px 'DIN Light';
  text-decoration: none;
  text-transform: uppercase; }

.single-calmeljoseph_news .back a:hover {
  color: #c7b202; }

/* =============================================================================
   PAGE SPECIFIC: =Medias
   ========================================================================== */
.page-template-tpl-medias-php .page-two-columns-center .column {
  width: 45%; }

.page-template-tpl-medias-php .page-two-columns-center .column:before {
  background: #ccc; }

.page-template-tpl-medias-php .page-two-columns-center .column-second:before {
  display: none; }

.page-template-tpl-medias-php .page-two-columns-center .page-header {
  margin-bottom: 70px; }

.page-template-tpl-medias-php .column-title {
  margin: 0 0 20px;
  position: absolute;
  bottom: 100%;
  width: 100%;
  color: #c7b202;
  /*font: 30px/1 'Didot Roman';*/
  font: 35px/1 'Didot Roman'; }

.gallery {
  padding: 30px 0 0;
  position: relative;
  border-top: 1px solid #ccc; }

.gallery + .gallery {
  margin: 30px 0 0; }

.gallery:last-child {
  border-bottom: 1px solid #ccc; }

.gallery h3 {
  padding: 0 10px 0 0;
  position: absolute;
  top: -8px;
  left: 0;
  background: #fff;
  color: #c7b202;
  font-family: 'DIN Bold';
  text-transform: uppercase; }

.gallery .media {
  float: left;
  margin: 0 30px 30px 0;
  position: relative;
  height: 160px;
  text-align: center; }

.gallery .media .preview {
  display: block;
  margin: 0 auto 1em;
  max-height: 130px; }

.gallery .media .share-block {
  display: none;
  margin: 0 0 0 -56px;
  bottom: 35px;
  left: 50%; }

.gallery .media.video .share-block {
  bottom: 50px; }

.gallery .media:hover .share-block {
  display: block; }

.gallery .media .title {
  font-family: 'DIN Bold';
  text-transform: uppercase; }

/* =============================================================================
   PAGE SPECIFIC: =Press
   ========================================================================== */
.press-list .press {
  margin: 0 0 2em;
  padding: 0 0 2em;
  position: relative;
  border-bottom: 1px solid #ccc; }

.press-list h2 {
  color: #c7b202;
  font: 13px/1.2 'DIN Bold';
  text-transform: uppercase; }

.press-list .excerpt {
  margin: 0.5em 0; }

/* =============================================================================
   PAGE SPECIFIC: =Contact
   ========================================================================== */
.page-template-tpl-contact-php #main {
  background: #53534d; }

.page-template-tpl-contact-php .page-inner {
  position: relative; }

.page-template-tpl-contact-php .page-header {
  margin: 0 0 30px;
  position: absolute;
  bottom: 100%;
  width: 100%; }

.page-template-tpl-contact-php .page-main {
  margin: 0 auto;
  padding: 300px 40px 100px;
  position: relative;
  max-width: 1400px;
  color: #fff; }

.page-template-tpl-contact-php .page-row {
  position: relative; }

.page-template-tpl-contact-php .page-row.with-border {
  padding: 30px 0;
  border-color: #fff;
  border-style: solid;
  border-width: 1px 0; }

.page-template-tpl-contact-php .page-content,
.page-template-tpl-contact-php #contact-form,
.page-template-tpl-contact-php .engraving {
  float: left;
  position: relative;
  width: 33.33%; }

.page-template-tpl-contact-php .page-content .vcard {
  text-transform: uppercase; }

.page-template-tpl-contact-php .page-content .vcard .fn {
  color: #c7b202;
  font-family: 'DIN Bold'; }

.page-template-tpl-contact-php .page-content .vcard p {
  margin: 1em 0; }

.page-template-tpl-contact-php .page-content .vcard a {
  text-transform: none; }

.page-template-tpl-contact-php .page-content .phones {
  margin: 1em 0; }

.vcard .map-link {
  display: inline-block;
  border-bottom: 1px solid #c7b202;
  color: #c7b202;
  font-family: 'Bodoni Bold Italic';
  text-decoration: none; }

.vcard .map-link:before {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 8px;
  height: 8px;
  background: url("img/list-arrow-green.png") no-repeat;
  content: ''; }

.page-template-tpl-contact-php #contact-form form {
  margin: 0 auto;
  width: 260px; }

.page-template-tpl-contact-php #contact-form form .input-text,
.page-template-tpl-contact-php #contact-form form textarea {
  width: 260px; }

.page-template-tpl-contact-php .engraving img {
  display: block;
  margin: 0 0 0 auto;
  width: 220px; }

.page-template-tpl-contact-php .cards .vcard {
  float: left;
  margin: 30px 50px 0 0;
  width: 200px;
  height: 100px; }

.page-template-tpl-contact-php .cards .vcard .fn {
  color: #c7b202;
  font-family: 'DIN Bold';
  text-transform: uppercase; }

.page-template-tpl-contact-php .cards .vcard .tel {
  margin: 1em 0 0; }

.page-template-tpl-contact-php #contact-map {
  margin: 50px 0 0;
  height: 500px; }

/* =============================================================================
   PAGE SPECIFIC: =Prices
   ========================================================================== */
.page-template-tpl-prices-php #main {
  background: #53534d; }

.page-template-tpl-prices-php .page-inner {
  position: relative; }

.page-template-tpl-prices-php .page-header {
  margin: 0 0 30px;
  position: absolute;
  bottom: 100%;
  width: 100%; }

.page-template-tpl-prices-php .page-main {
  margin: 0 auto;
  padding: 300px 40px 100px;
  position: relative;
  max-width: 1400px;
  color: #fff; }

.page-template-tpl-prices-php .page-content {
  float: left;
  padding: 30px 0;
  position: relative;
  width: 20%; }

.page-template-tpl-prices-php .page-content:before,
.page-template-tpl-prices-php .page-content:after {
  display: block;
  position: absolute;
  top: 0;
  width: 40px;
  height: 1px;
  background: #fff;
  content: ''; }

.page-template-tpl-prices-php .page-content:after {
  top: auto;
  bottom: 0; }

.page-template-tpl-prices-php .page-content .vcard {
  text-transform: uppercase; }

.page-template-tpl-prices-php .page-content .vcard .fn {
  color: #c7b202;
  font-family: 'DIN Bold'; }

.page-template-tpl-prices-php .page-content .vcard p {
  margin: 1em 0; }

.page-template-tpl-prices-php .page-content .vcard a {
  text-transform: none; }

.vcard .map-link {
  display: inline-block;
  border-bottom: 1px solid #c7b202;
  color: #c7b202;
  font-family: 'Bodoni Bold Italic';
  text-decoration: none; }

.vcard .map-link:before {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 8px;
  height: 8px;
  background: url("img/list-arrow-green.png") no-repeat;
  content: ''; }

.page-template-tpl-prices-php #contact-form {
  float: left;
  margin: 0 5%;
  width: 25%; }

.page-template-tpl-prices-php .engraving {
  display: none; }

.page-template-tpl-prices-php .infos {
  float: right;
  padding: 2em 0;
  width: 45%;
  border-color: #fff;
  border-style: solid;
  border-width: 1px 0; }

/* =============================================================================
   PAGE SPECIFIC: =Domaine
   ========================================================================== */
.page-template-tpl-domaine-php .section {
  overflow: hidden;
  position: relative;
  min-height: calc( 100vh - 20px);
  background: #fff;
  /* box-sizing: border-box; */ }

.page-template-tpl-domaine-php .section .table-outer {
  padding: 55px 0 110px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.page-template-tpl-domaine-php .section .image {
  display: block;
  max-width: none;
  height: auto; }

.page-template-tpl-domaine-php .scroll-down {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background: url("img/black_70.png");
  cursor: pointer;
  z-index: 2;
  color: #c7b202;
  font: 14px/28px 'Bodoni Book';
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase; }

.page-template-tpl-domaine-php .scroll-down .button {
  margin: 0 0 0 -15px;
  position: absolute;
  bottom: 100%;
  left: 50%; }

.page-template-tpl-domaine-php .scroll-top {
  margin: 0 0 0 0;
  position: absolute;
  bottom: 40px;
  left: 50%; }

.page-template-tpl-domaine-php .columns {
  margin: 0 auto;
  max-width: 764px; }

.page-template-tpl-domaine-php .column {
  float: left;
  width: calc( 50% - 20px); }

.page-template-tpl-domaine-php .column:nth-child(2) {
  float: right; }

.page-template-tpl-domaine-php .text h2 {
  margin-bottom: 0.5em;
  color: #c7b202;
  font: 30px/1 'Bodoni Roman'; }

.page-template-tpl-domaine-php .text em,
.page-template-tpl-domaine-php .text i {
  font: normal normal 18px 'Bodoni Book Italic'; }

.page-template-tpl-domaine-php .text ul {
  margin: 0 0 1em;
  padding: 0 0 0 1em; }

.page-template-tpl-domaine-php .text li {
  margin: 0.5em 0 0;
  padding: 0; }

.page-template-tpl-domaine-php .section-1 .table-outer {
  padding-top: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.page-template-tpl-domaine-php .section-1 .section-title {
  margin: 0 0 40px;
  color: #57564e;
  font: 35px/1 'Bodoni Roman';
  text-align: center;
  text-transform: uppercase; }

.page-template-tpl-domaine-php .section-1 .section-title:before {
  display: block;
  margin: 0 auto 40px;
  width: 70px;
  height: 1px;
  background-color: #666051;
  content: ''; }

.page-template-tpl-domaine-php .section-1 .section-title span:before,
.page-template-tpl-domaine-php .section-1 .section-title span:after {
  display: inline-block;
  margin: 5px 5px 0;
  content: '•';
  font-size: 24px;
  vertical-align: top; }

.page-template-tpl-domaine-php .section-1 .section-content {
  position: relative; }

.page-template-tpl-domaine-php .section-1 .text {
  text-align: right; }

.page-template-tpl-domaine-php .section-1 .image-container {
  margin: 0 0 0 17px;
  position: absolute;
  top: -30px;
  left: 50%; }

.page-template-tpl-domaine-php .section-2 .column {
  float: right; }

.page-template-tpl-domaine-php .section-2 .image-container-1 {
  margin: 0 140px 0 0;
  position: absolute;
  top: 0;
  right: 50%; }

.page-template-tpl-domaine-php .section-2 .image-container-2 {
  margin: -112px 0 0 60px;
  position: absolute;
  top: 50%;
  left: 100%; }

.page-template-tpl-domaine-php .section-3 .table-outer {
  padding-top: 0;
  padding-bottom: 0; }

.page-template-tpl-domaine-php .section-3 .slideshow {
  height: calc( 100vh - 20px); }

.page-template-tpl-domaine-php .section-3 .section-title {
  margin: 30px 0 20px;
  color: #c7b202;
  font: 30px/1 'Bodoni Roman';
  text-align: center; }

.page-template-tpl-domaine-php .section-4 .image-container-1 .image {
  margin: 40px auto 0; }

.page-template-tpl-domaine-php .section-4 .image-container-2 {
  margin: -93px 0 0 0;
  position: absolute;
  top: 50%;
  left: 100%; }

.page-template-tpl-domaine-php .section-5 .section-title {
  margin: 30px 0;
  color: #c7b202;
  font: 30px/1 'Bodoni Roman';
  text-align: center; }

.page-template-tpl-domaine-php .section-5 .section-intro {
  margin: 20px 0 40px;
  text-align: center; }

.page-template-tpl-domaine-php .section-5 .section-intro:before,
.page-template-tpl-domaine-php .section-5 .section-intro:after {
  display: block;
  margin: 20px auto;
  width: 70px;
  height: 1px;
  background-color: #c7b202;
  content: ''; }

.page-template-tpl-domaine-php .section-5 .section-content {
  position: relative; }

.page-template-tpl-domaine-php .section-5 .column {
  width: 100%;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px; }

.page-template-tpl-domaine-php .section-5 .image-container-1 {
  display: none;
  margin: -157px -20px 0 0;
  position: absolute;
  top: 50%;
  right: 100%; }

.page-template-tpl-domaine-php .section-5 .image-container-2 {
  margin: -192px 0 0 0;
  position: absolute;
  top: 50%;
  left: 100%; }

.page-template-tpl-domaine-php .section-6 .slideshow {
  margin: 0 auto;
  max-width: 90vw;
  border: 2px solid #666051; }

.page-template-tpl-domaine-php .section-6 .slideshow:before {
  display: block;
  padding-top: 65.53%;
  content: ''; }

.page-template-tpl-domaine-php .section-6 .slideshow:after {
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 1px solid #666051;
  content: '';
  pointer-events: none; }

.page-template-tpl-domaine-php .section-6 .section-title {
  margin: 30px 0;
  color: #c7b202;
  font: 30px/1 'Bodoni Roman';
  text-align: center; }

.page-template-tpl-domaine-php .section-7 .table-outer {
  padding: 55px 0 100px; }

.page-template-tpl-domaine-php .section-7 .slideshow {
  margin-right: 20px;
  position: relative;
  width: 450px;
  max-width: calc( 45vw - 40px);
  border: 2px solid #666051;
  float: right; }

.page-template-tpl-domaine-php .section-7 .slideshow:before {
  display: block;
  padding-top: 125%;
  content: ''; }

.page-template-tpl-domaine-php .section-7 .slideshow:after {
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 1px solid #666051;
  content: '';
  pointer-events: none; }

.page-template-tpl-domaine-php .section-7 .image-container-1 {
  margin: -214px 0 0 -40px;
  position: absolute;
  top: 50%;
  left: 100%; }

.page-template-tpl-domaine-php .nav-sections {
  padding: 170px 0 50px;
  position: fixed;
  top: 0;
  left: 105px;
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10; }

.page-template-tpl-domaine-php .nav-sections .nav-sections-container {
  position: relative; }

.page-template-tpl-domaine-php .nav-sections .nav-sections-container:before {
  display: block;
  width: 37px;
  height: 99px;
  background: url("img/nav-sections-top-fr.png");
  background-repeat: no-repeat;
  background-position: center;
  content: ''; }

.page-template-tpl-domaine-php .nav-sections .nav-sections-container:after {
  display: block;
  width: 37px;
  height: 62px;
  background: url("img/nav-sections-bottom-fr.png");
  background-repeat: no-repeat;
  background-position: center;
  content: ''; }

.page-template-tpl-domaine-php .nav-sections .links {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none; }

.page-template-tpl-domaine-php .nav-sections .links:before {
  display: block;
  position: absolute;
  top: 0;
  left: 18px;
  width: 1px;
  height: 100%;
  background: #666051;
  content: ''; }

.page-template-tpl-domaine-php .nav-sections .link {
  position: relative;
  width: 100%;
  height: 38px; }

.page-template-tpl-domaine-php .nav-sections a {
  display: block;
  position: relative;
  height: 100%;
  color: #666051;
  /*font: 12px/1 'Bodoni Roman';*/
  font: 13px/1 'Bodoni Roman';
  letter-spacing: 0.02em;
  white-space: nowrap; }

.page-template-tpl-domaine-php .nav-sections a:before {
  display: block;
  margin: -3px 0 0 -3px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  background: #666051;
  border-radius: 50%;
  content: ''; }

.page-template-tpl-domaine-php .nav-sections .number {
  position: absolute;
  margin: -7px 0 0 8px;
  top: 50%;
  left: 50%;
  letter-spacing: 0.02em; }

.page-template-tpl-domaine-php .nav-sections .title {
  position: absolute;
  margin: -2px 10px 0 0;
  top: 50%;
  right: 50%;
  background: url("img/blank.png");
  opacity: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  text-align: right; }

.page-template-tpl-domaine-php .nav-sections .is-active .title,
.page-template-tpl-domaine-php .nav-sections a:hover .title {
  opacity: 1; }

/* =============================================================================
   PAGE SPECIFIC: =Store locator
   ========================================================================== */
.page-template-tpl-store-locator-php #main {
  background: #53534d; }

.page-template-tpl-store-locator-php .page-inner {
  position: relative; }

.page-template-tpl-store-locator-php .page-header {
  position: relative;
  text-align: center; }
  .page-template-tpl-store-locator-php .page-header:before {
    display: block;
    position: absolute;
    top: -30px;
    left: calc( 50% - 35px);
    width: 70px;
    height: 1px;
    background: white;
    content: ''; }

.page-template-tpl-store-locator-php .page-title:before, .page-template-tpl-store-locator-php .page-title:after {
  display: inline-block;
  margin: 0.35em 0.5em 0;
  content: '•';
  font-size: 0.67em;
  vertical-align: top; }

.page-template-tpl-store-locator-php .page-main {
  margin: 0 auto;
  padding: 185px 40px 100px;
  position: relative;
  max-width: 1400px;
  color: #fff; }

.page-template-tpl-store-locator-php .page-map {
  margin: 30px 0 0;
  position: relative; }

.page-template-tpl-store-locator-php .map-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: calc( 50% + 420px);
  width: 130px;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .page-template-tpl-store-locator-php .map-nav-inner {
    position: relative;
    width: 100%;
    z-index: 1; }
    .page-template-tpl-store-locator-php .map-nav-inner:before, .page-template-tpl-store-locator-php .map-nav-inner:after {
      display: block;
      position: absolute;
      left: calc( 50% - 6px);
      width: 12px;
      background-image: url("img/arrow-green.png");
      background-repeat: no-repeat;
      background-size: 12px 162px;
      content: '';
      z-index: -1; }
    .page-template-tpl-store-locator-php .map-nav-inner:before {
      top: 35px;
      height: 160px;
      background-position: top; }
    .page-template-tpl-store-locator-php .map-nav-inner:after {
      bottom: 20px;
      height: 110px;
      background-position: bottom; }
  .page-template-tpl-store-locator-php .map-nav form {
    width: 100% !important; }
  .page-template-tpl-store-locator-php .map-nav .nav-title {
    display: block;
    margin: 25px 0 5px;
    /*font: 12px 'Bodoni Roman';*/
	font: 13px 'Bodoni Roman';
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase; }
    .page-template-tpl-store-locator-php .map-nav .nav-title:first-child {
      margin: 0 0 30px; }
  .page-template-tpl-store-locator-php .map-nav a.nav-title {
    margin-top: 30px;
    margin-bottom: 0;
    text-decoration: underline; }
  .page-template-tpl-store-locator-php .map-nav .step {
    margin: 15px auto;
    width: 30px;
    height: 30px;
    background: #dcc600;
    border-radius: 50%;
    color: #53534d;
    font: 14px/30px 'Bodoni Roman';
    text-align: center; }
  .page-template-tpl-store-locator-php .map-nav select {
    display: block;
    padding: 4px 10px;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #53534d;
    background-image: url("img/arrow-bottom-green.png");
    background-position: calc( 100% - 6px) center;
    background-repeat: no-repeat;
    border: 1px solid #dcc600;
    border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #c7b202;
    /*font: 13px/1 'Bodoni Roman';*/
	font: 15px/1 'Bodoni Roman';
    letter-spacing: 0.02em;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center; }
    .page-template-tpl-store-locator-php .map-nav select:focus {
      outline: none; }
    .page-template-tpl-store-locator-php .map-nav select option {
      text-align: center;
      -moz-text-align-last: center;
           text-align-last: center; }
  .page-template-tpl-store-locator-php .map-nav input {
    display: block;
    padding: 4px 10px;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: #53534d;
    border: 1px solid #dcc600;
    border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #c7b202;
    /*font: 13px/1 'Bodoni Roman';*/
	font: 15px/1 'Bodoni Roman';
    letter-spacing: 0.02em;
    text-align: center; }
    .page-template-tpl-store-locator-php .map-nav input:focus {
      outline: none; }
    .page-template-tpl-store-locator-php .map-nav input::-webkit-input-placeholder {
      opacity: 1;
      color: #c7b202;
      /*font: 13px/1 'Bodoni Roman';*/
	  font: 15px/1 'Bodoni Roman';
      letter-spacing: 0.02em;
      text-align: center; }
    .page-template-tpl-store-locator-php .map-nav input::-moz-placeholder {
      opacity: 1;
      color: #c7b202;
      /*font: 13px/1 'Bodoni Roman';*/
	  font: 15px/1 'Bodoni Roman';
      letter-spacing: 0.02em;
      text-align: center; }
    .page-template-tpl-store-locator-php .map-nav input:-ms-input-placeholder {
      opacity: 1;
      color: #c7b202;
      /*font: 13px/1 'Bodoni Roman';*/
	  font: 15px/1 'Bodoni Roman';
      letter-spacing: 0.02em;
      text-align: center; }
    .page-template-tpl-store-locator-php .map-nav input::-ms-input-placeholder {
      opacity: 1;
      color: #c7b202;
      /*font: 13px/1 'Bodoni Roman';*/
	  font: 15px/1 'Bodoni Roman';
      letter-spacing: 0.02em;
      text-align: center; }
    .page-template-tpl-store-locator-php .map-nav input::placeholder {
      opacity: 1;
      color: #c7b202;
      /*font: 13px/1 'Bodoni Roman';*/
	  font: 15px/1 'Bodoni Roman';
      letter-spacing: 0.02em;
      text-align: center; }
  .page-template-tpl-store-locator-php .map-nav .btn {
    display: block;
    padding: 4px 10px;
    width: 100%;
    background: #1a1a1a;
    border: 1px solid #dcc600;
    border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #c7b202;
    /*font: 13px/1 'Bodoni Roman';*/
	font: 15px/1 'Bodoni Roman';
    letter-spacing: 0.02em;
    text-align: center; }
    .page-template-tpl-store-locator-php .map-nav .btn:focus {
      outline: none; }
    .page-template-tpl-store-locator-php .map-nav .btn + .btn {
      margin-top: 15px; }
    .page-template-tpl-store-locator-php .map-nav .btn:hover {
      background: #343434; }

.page-template-tpl-store-locator-php .map-container {
  margin: 0 auto;
  width: 770px;
  height: 500px;
  background: #393934;
  border: 1px solid #dcc600; }

.page-template-tpl-store-locator-php .page-list {
  margin: 0 0 40px;
  border-bottom: 1px solid #dcc600; }
  .page-template-tpl-store-locator-php .page-list .list-title {
    margin: 1em 0 0.5em;
    font: 30px 'Bodoni Roman';
    letter-spacing: -0.01em;
    text-align: center; }
  .page-template-tpl-store-locator-php .page-list .bar {
    border-color: #dcc600;
    border-style: solid;
    border-width: 1px 0;
    font: 12px/30px 'DIN Regular';
    letter-spacing: 0.02em;
    text-transform: uppercase; }
    .page-template-tpl-store-locator-php .page-list .bar-inner {
      margin: 0 auto;
      max-width: 770px; }
  .page-template-tpl-store-locator-php .page-list .places-group.is-hidden {
    display: none; }
  .page-template-tpl-store-locator-php .page-list .places {
    padding: 0 0 40px;
    position: relative; }
    .page-template-tpl-store-locator-php .page-list .places-inner {
      margin: 40px auto 0;
      max-width: 770px;
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2;
      -webkit-column-gap: 50px;
         -moz-column-gap: 50px;
              column-gap: 50px; }
  .page-template-tpl-store-locator-php .page-list .place {
    margin: 0 0 20px;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    overflow: hidden; }
    .page-template-tpl-store-locator-php .page-list .place-title {
      margin-bottom: 0.2em;
      color: #c7b202;
      font: 30px/1 'Bodoni Roman';
      letter-spacing: -0.01em; }
    .page-template-tpl-store-locator-php .page-list .place-content {
      font: 16px/1.2 'Bodoni Book Italic';
      letter-spacing: 0.02em; }
    .page-template-tpl-store-locator-php .page-list .place .map-box {
      display: none; }
    .page-template-tpl-store-locator-php .page-list .place.is-hidden {
      display: none; }
  .page-template-tpl-store-locator-php .page-list .list-empty {
    display: none;
    padding: 2em 0;
    border-top: 1px solid #dcc600;
    font: 18px/1.2 'Bodoni Book Italic';
    text-align: center; }

.page-template-tpl-store-locator-php .map-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 300px;
  height: 120px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: black;
  /*font: 15px/1.2 'Bodoni Roman';*/
  font: 17px/1 'Bodoni Roman';
  letter-spacing: -0.01em; }
  .page-template-tpl-store-locator-php .map-box:before {
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border: 2px solid #dcc600;
    pointer-events: none;
    content: ''; }
  .page-template-tpl-store-locator-php .map-box__header {
    margin: 5px 0 5px 5px;
    width: 31.75%;
    border-color: #dcc600;
    border-style: solid;
    border-width: 0 2px 0 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center; }
    .page-template-tpl-store-locator-php .map-box__header a {
      display: block;
      margin-top: 0.5em;
      font-family: 'Bodoni Book Italic';
      font-size: 12px;
      text-decoration: underline; }
  .page-template-tpl-store-locator-php .map-box__category {
    padding: 5px;
    border-bottom: 2px solid #dcc600;
    color: #c7b202;
    line-height: 1; }
  .page-template-tpl-store-locator-php .map-box__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    height: 83px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .page-template-tpl-store-locator-php .map-box__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 5px 5px 0;
    padding: 0 15px;
    width: 100%;
    height: 110px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .page-template-tpl-store-locator-php .map-box--buy:before,
  .page-template-tpl-store-locator-php .map-box--buy .map-box__header,
  .page-template-tpl-store-locator-php .map-box--buy .map-box__category {
    border-color: #42423c; }
  .page-template-tpl-store-locator-php .map-box--buy .map-box__header {
    margin: 5px 5px 5px 0;
    border-width: 0 0 0 2px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .page-template-tpl-store-locator-php .map-box--buy .map-box__category {
    color: #42423c; }
  .page-template-tpl-store-locator-php .map-box--buy .map-box__content {
    margin: 5px 0 5px 5px; }

/* =============================================================================
   =HELPERS
   ========================================================================== */
.ir {
  display: block;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  *line-height: 0;
  text-align: left;
  text-indent: -999em; }

.ir br {
  display: none; }

.hide,
.hidden {
  display: none; }

.visuallyhidden {
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto; }

.invisible {
  visibility: hidden; }

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

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.horizontal-wrapper {
  margin: 0 auto;
  position: relative;
  width: 980px; }

.table-outer {
  display: table;
  width: 100%;
  height: 100%; }

.table-inner {
  display: table-cell;
  vertical-align: middle; }

/* =============================================================================
   =MEDIA QUERIES
   ========================================================================== */
@media all and (max-width: 980px){
  #nav-main .menu-container{
    width: 100%;
    left: 0;
  }
  .page-template-tpl-domaine-php .nav-sections .nav-sections-container{
    padding: 0 15px
  }
  .page-template-tpl-domaine-php .nav-sections .title{
    background: #fff;
    padding: 5px
  }
  #site-title .black{
    display: block;
    margin: 0 auto;
  }
  #head.white #site-title .white{
    margin: 0 auto
  }
  #site-title{  left:0;
    width: 100%;
    position: initial;
    margin: 32px 0 0 0 }
    #nav-main .button{
      left: 3px
    }
    .news-list .page-title, .news-single .page-title{
      padding-top: 40px;
      font: 43px/66px 'Didot Headline';
    }
  .horizontal-wrapper{
    width: 100% !important
  }
  #nav-main .menu{
    float: none;
    width: 100%
  }
  .wines-list .wine-subtitle{
  	width: auto;
  }
  #home-news .article{
    width: 100% ;
    margin: 12px auto
  }
  #home-news .articles{
    flex-direction: column;
  }
  #home-news .link-news{
    display: none;
  }
  #home-news .block-title{
        font: 45px/1 'Bodoni Book';
  }
  #home-news .article .content{
    margin: 0 auto
  }
  .page-news .page-main{
    padding: 180px 0px 50px
  }
  .news-single{
    margin: 0 1%
  }
  .news-list .page-title, .news-single .page-title{
    background: none;
    color: black;
    width: 100%;
  }
  .news-single .news-stoppress .hentry, .news-single .news-rendezvous .hentry{
    margin: 0 2%;
    padding: 0px 0;
    border: 0;
  }
  .single-calmeljoseph_news .hentry .entry-text, .single-calmeljoseph_news .hentry .images{
        display: block;
    padding: 0 8% 0 8%;
    width: 100%;

  }
  .single-calmeljoseph_news .hentry .images{
    display: block;
    padding: 0 8% 0 8%;
        text-align: center;
  }
  .single-calmeljoseph_news .hentry .images img{
    max-width: 100%;
  }
  .single-calmeljoseph_news .hentry .inner:before,.news-list .page-header:before, .news-single .page-header:before{
    content: none;
  }
  .single-calmeljoseph_news .share-links{
    bottom: -12px;
  }
  .news-list .news-block.block-left, .news-list .news-block.block-right,.news-list .news-block.double .hentry{
    width: 100%;
    float: none;
  }
  .news-block.double.clearfix {
    padding: 2%;
  }


  /*** DOMAINE **/
  #section-6{
    height: auto !important;
    min-height: auto !important
  }
  .page-template-tpl-domaine-php .section-1 .section-content,
  #section-2 .section-content,
  #section-5 .section-content,
  #section-7 .section-content,
  #section-4 .section-content{
    padding: 5%;
  }
  .page-template-tpl-domaine-php .section-5 .column{
        -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .page-template-tpl-domaine-php .column{
    float: none !important;
    width: auto
  }
  .page-template-tpl-domaine-php .section-1 .image-container,
  .page-template-tpl-domaine-php .section-2 .image-container-2,
  .page-template-tpl-domaine-php .section-2 .image-container-1,
  .page-template-tpl-domaine-php .section-7 .image-container-1{
    position: initial;
    margin: 0 auto;
  }
  .page-template-tpl-domaine-php .section-1 .image-container img,
  .page-template-tpl-domaine-php .section-2 .image-container-1 img,
  .page-template-tpl-domaine-php .section-2 .image-container-2 img,
  .page-template-tpl-domaine-php .section-7 .image-container-1 img{
    max-width: 100%;
    margin: 0 auto
  }
  .page-template-tpl-domaine-php .nav-sections{
    bottom: 0;
    right: 0;
    height: 65vh;
    top: auto;
    left: 90%;
  }
  .page-template-tpl-domaine-php .nav-sections > .table-outer{
    padding: 16px 0 ;
    background: #fff
  }

  /** VALEURS **/
  #timeline.timeline-philosophy .latribu .content{
    bottom: 140px;
    width: 90%;
    left: 0;
  }
  #timeline .content{
        top: 150px;
    left: 0;
    width: 90%;
  }

  /** VIGNOBLE **/
  .page-one-column .page-main{
    width: 96%;
    margin: 0 auto
  }
  /** VINS **/
  .page-id-67 #main{
    height: auto;
  }
  .page-grid .grid{
    max-width: 100%;
  }
  .page-grid .cell{
    float: none;
    width: 100%;
  }
  .page-grid .cell:nth-child(2n+2){
    float: none;
    width: 100%;
  }
  /** INSIDE VINS **/
  .page-one-column-centered .header-engraving{
    display: none;
  }
  .page-one-column-centered .column{
    padding: 15px;
    padding-top: 105px;
  }
  .page-one-column-centered .toc{
    display: none;
  }
  #wine .wine-bottle{
        float: none;
    width: 100%;
    margin-top: 110px !important;
  }
  #wine .wine-aside{
    margin-top: 0 !important;
    padding-top: 50px !important
  }
  #wine .wine-content{
    margin: 0 5%;
    padding: 30px 0 1.5em;
    position: relative;
    width: 90%;
  }
  .page-two-columns-left .page-main{
    padding: 300px 10px 100px;
  }
  .awards-list .logo{
    display: none;
  }
  .page-two-columns-left .column-first{
    width: 44%;
    padding-right: 2%;
  }
  .page-template-tpl-awards-php .wines-list .awards-list{
    width: auto
  }
  .page-two-columns-left .column-second{
    width: 54%;
        margin-top: 32px;
  }
  .single-calmeljoseph_area .page-two-columns-left .column-first, .single-calmeljoseph_area .page-two-columns-left .column-second,
   .single-calmeljoseph_area .page-two-columns-left .page-content{
    width: 100%;
    padding: 0
  }
  .wines-list .wine{
    width: 44%;
    margin-right: 15px
  }
  .news-list .column{
    width: 100%;
    float: none;
  }
  .news-list.news-stoppress .columns .inner:before, .news-list.news-rendezvous .columns .inner:before{
    content: none;
  }
  .news-list.news-stoppress .columns .inner, .news-list.news-rendezvous .columns .inner{
    padding: 20px 2% !important
  }
  .page-template-tpl-contact-php .page-main{
    padding: 300px 15px 100px;
  }
  .page-template-tpl-contact-php .page-content, .page-template-tpl-contact-php #contact-form, .page-template-tpl-contact-php .engraving{
    float: none;
    width: 100% ;
  }
  .page-template-tpl-contact-php .cards .vcard{
    width: 48%;
    margin: 30px 7px 0 0;
  }
  .page-template-tpl-contact-php .engraving img{
    display: none;
  }
  .page-template-tpl-contact-php #contact-form form{
        margin: 30px auto;
    width: 100%;
  }
  .page-template-tpl-contact-php #contact-form form .input-text, .page-template-tpl-contact-php #contact-form form textarea{
    width: 100%;
    padding: 10px 2px;
  }
  /** PRESSE **/
  .page-two-columns-center .column{
    float: none;
    width: 95% ; 
  }
  .page-two-columns-center .column-center .engraving{
    display: none;
  }
  .page-template-tpl-medias-php .page-two-columns-center .column{
    width: 95%;
  }
  .gallery .media{
        margin: 0 20px 30px 0;
    width: 44%;
  }
  .page-template-tpl-medias-php .page-two-columns-center .column{
    width: 100%;
  }
  .page-two-columns-center .page-main{
    padding: 300px 20px 100px
  }
}

@media all and (max-width: 680px) {
  #timeline-respon{
    display: block;
  }
  #section-2 .image-container-1{
  	margin-bottom: 48px
  }
  #nav-main .button{
  	    left: 13px;
  	    position: fixed;
    	top: 0px;
  }
  .page-template-tpl-domaine-php .section-7 .slideshow{
  	float: none;
  	max-width: 95%;
  	margin: 0 auto;
  	margin-bottom: 32px;
  	width: auto !important;
  }
  .page-id-4329 .page-one-column-centered .engraving-1{
  	margin-right: 0;
  	right: 0
  }
  .page-id-4329 .page-one-column-centered .engraving-2{
  	    position: absolute;
    right: 0;
    bottom: 27%;
    width: 145px;
    left: auto;
    top: auto;
  }
  .page-id-5633 .page-one-column-centered.page-brand .engraving-2{
  	top: auto;
    bottom: -100px;
    width: 100%;
    left: calc(50% - 100px);
    margin-left: 0 !important
  }
  .column-right.creator-reso{
  	margin-top: 48px;
  }
  #gohere-7 a{
  	text-decoration: underline;
  }
  #section-4 .image-container-1{
  	margin-bottom: 32px;
  }
  #timeline,#timeline .navigation{
    display: none !important
  }

  .page-template-tpl-timeline-valeurs #foot{
    display: none !important
  }
  #site-title .black,#head.white #site-title .white{
    width: 70%;
  }
   #site-title img{
    width: 70%;
    margin: 0 auto;
    display: block;
   }
   #timeline .content {
    width: 100%;
  }
  .page-template-tpl-domaine-php .nav-sections{
    bottom: 0;
    right: 0;
        height: 490px;
    top: auto;
    left: 85%;
  }
  .page-template-tpl-domaine-php .nav-sections .nav-sections-container{
    position: relative;
    right: 10px;
  }
  #timeline-respon{
        background: #fff;
    padding: 12px;
    padding-top: 155px;
  }
  #timeline-respon .contente{
    padding: 12px;
  }
  #steps-reso-main{
    width: 89%;
    padding: 14px;
    position: fixed;
    bottom: 12px;
    z-index: 9;
    background: #dcc600;
    font-size: 16px;
  }
  .gohere{
    margin: 54px 0;
  }
  .gohere h2.titlebigger{
    font-size: 32px;
  }
  .page-news .page-main .news-list {
    padding: 16px
  }
  #gohere-6{
    margin-bottom: 100px 
  }

/**
 * Screen, small height
 */
@media only screen and (max-height: 680px) {
  #site-title .black,#head.white #site-title .white{
    width: 70%;
  }
  /**
   * BLOCK: =Engraving-slideshow
   */
  #engraving-slideshow .image {
    padding: 40px 0; }
  /**
   * BLOCK: =Timeline
   */
  #timeline .content {
    width: 700px; }
  /**
   * PAGE SPECIFIC: =Domaine
   */
  .page-template-tpl-domaine-php .nav-sections .nav-sections-container:before {
    height: 10px;
    background-position: bottom; }
  .page-template-tpl-domaine-php .nav-sections .nav-sections-container:after {
    height: 10px;
    background-position: top; } }

/**
 * Screen, small size
 */
@media only screen and (max-width: 1280px) {
  /**
   * PAGE SPECIFIC: =Domaine
   */
  .page-template-tpl-domaine-php .nav-sections .nav-sections-container:before {
    height: 10px;
    background-position: bottom; }
  .page-template-tpl-domaine-php .nav-sections .nav-sections-container:after {
    height: 10px;
    background-position: top; } }

/**
 * Screen, medium size
 */
@media only screen and (min-width: 1440px) {
  /**
   * BLOCK: =Engraving-slideshow
   */
  #engraving-slideshow .image img {
    max-height: none; }
  /**
   * PAGE TEMPLATE: =Default
   */
  .page-default .page-main,
  .page-two-columns-left .page-main,
  .page-two-columns-center .page-main,
  .page-template-tpl-contact-php .page-main,
  .page-template-tpl-prices-php .page-main {
    padding-top: 370px; }
  .page-template-tpl-store-locator-php .page-main {
    padding-top: 280px; }
  .page-template-tpl-store-locator-php .page-header:before {
    top: -50px; }
  .page-template-tpl-store-locator-php .page-map {
    margin-top: 50px; }
  .page-title {
    font-size: 35px; }
  .page-subtitle {
    font-size: 40px; }
  /**
   * PAGE TEMPLATE: =Two-columns-left
   */
  .page-two-columns-left .page-subtitle {
    font-size: 35px; }
  .page-two-columns-left .column-first {
    width: 33%; }
  .page-two-columns-left .column-second {
    width: 56.5%; }
  /**
   * PAGE SPECIFIC: =Area
   */
  #wines .wines-title {
    font-size: 30px; }
  /**
   * PAGE SPECIFIC: =Wine
   */
  #wine .wine-aside h2 {
    font-size: 25px; }
  /**
   * PAGE SPECIFIC: =Contact
   */
  /*
  .page-template-tpl-contact-php .page-content {
    width:15%;
  }
  .page-template-tpl-contact-php #contact-form {
    width:200px; margin:0 8% 0 5%;
  }

  .page-template-tpl-contact-php .engraving {
    display:block; float:left; position:relative; top:-30px;
  }

  .page-template-tpl-contact-php .cards {
    width:30%;
  }
  */
  /**
   * PAGE SPECIFIC: =Prices
   */
  .page-template-tpl-prices-php .page-content {
    width: 15%; }
  .page-template-tpl-prices-php #contact-form {
    width: 200px;
    margin: 0 8% 0 5%; }
  .page-template-tpl-prices-php .engraving {
    display: block;
    float: left;
    position: relative;
    top: -30px; }
  .page-template-tpl-prices-php .infos {
    width: 30%; }
  /**
   * PAGE SPECIFIC: =Awards
   */
  .awards-list .logo {
    width: 120px;
    max-width: 120px; }
  .page-template-tpl-awards-php .wines-list .awards-list {
    width: auto; } }

/**
 * Screen, large size
 */
@media only screen and (min-width: 1680px) {
  /**
   * BLOCK: =Head
   */
  #head {
    height: 200px; }
  #site-title {
    margin-left: -214px;
    top: 70px;
    width: 428px;
    height: 105px; }
  #site-title:before {
    margin: -124px 0 0 -350px;
    width: 700px;
    height: 306px;
    background-image: url("img/site-title-large-background.png"); }
  .page-template-tpl-brand-php #site-title {
    top: 25px; }
  /**
   * BLOCK: =Timeline
   */
  #timeline .content {
    top: 300px; }
  #creators .column-center h2 {
    font-size: 40px; }
  #creators .content .title {
    font-size: 48px; }
  /**
   * PAGE SPECIFIC: =Wine
   */
  #wine .wine-content,
  #wine .wine-aside {
    padding-top: 250px; }
  /**
   * PAGE SPECIFIC: =News
   */
  .page-news .page-main {
    padding-top: 250px; }
  /**
   * PAGE TEMPLATE: =Grid
   */
  .page-grid .page-title {
    margin-top: 300px; }
  .page-template-tpl-wines-php #site-title:before {
    background-image: url("img/site-title-large-background-black.png"); }
  /**
   * PAGE SPECIFIC: =Domaine
   */
  .page-template-tpl-domaine-php .section-5 .image-container-1 {
    display: block; } }

.pum-close.popmake-close {font: 14px/1 'Bodoni Bold Italic';}

/**
 * Screen, large size
 */
@media only screen and (min-width: 1920px) {
  /**
   * PAGE TEMPLATE: =One-column-centered
   */
  .page-one-column-centered .engraving-1 {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .page-one-column-centered.page-brand .engraving-1 {
    top: 50px; }
  .page-one-column-centered .engraving-2 {
    -webkit-transform: scale(1);
            transform: scale(1); } }