@font-face {
	font-family : 'trajan-regular';
	src : url(../fonts/TrajanPro-Regular.otf);
}
@font-face {
	font-family : 'fruitinger';
	src : url( '../fonts/FrutigerCondensedBQ-Light.otf' );
}
/**********************
**** GENERAL RULES ****
**********************/
body {
    font-family : 'fruitinger';
	color : #808183;
	font-size : 0.9rem
}
#main_container {
    position : absolute;
    z-index : 5;
    width : 100%;
    height : auto;
}
#loader_container {
    background : #FFFFFF;
    position : fixed;
    width : 100%;
    height : 100%;
    z-index : 99;
	text-align : center;
}
.down {
    opacity : 0;
}
.down img {
	cursor : pointer;
}
h1, h2, h3, h4, h5, h6 {
    font-family : 'trajan-regular';
    font-style : normal;
}
h1 {
    font-size : 2rem;
    margin-top : 50px;
}
h2 {
    text-align : center;
    font-size : 1.6rem;
    font-weight : 400;
    text-transform : uppercase;
    font-family : 'trajan-regular';
    margin : 10px 0 50px 0;
	color : #a50b16;
	letter-spacing: 10px;
}
h3{
	font-size : 1.4rem;
	text-transform : capitalize;
}
a, a:focus {
    color : #808080;
    text-decoration : none;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.full_width {
	width : 100%!important;
	max-width : 100%!important;
	overflow : hidden!important;
}
a:hover {
    color : #473057;
    text-decoration : none;
}
.separator {
    position : relative;
    width: 50%;
    height: 1px;
    background : #dadbdb;
    margin : 50px 0 50px 25%;
}
.mini {
    width : 30%;
    margin: 20px 0 20px 35%
}
#presse, #contact {
    width : 100%!important;
    max-width : 100% !important;
    position : relative;
    padding : 40px 0 60px 0;

}
.owl-wrapper-outer {
    text-align: center;
}
.owl-wrapper {
    margin : 0 auto;
}
.wps-bloc-loader::after {
    border-color : #e85113!important
}
.wps-bloc-loading {
    opacity : 0.7!important
}
.pop_in {
    position : fixed;
    width : 100%;
    height : 100%;
    background : rgba( 0, 0, 0, 0.75 );
    text-align : center;
    z-index : 100;
    display : none;
}
.pop_in_gallery {
    position : fixed;
    width : 100%;
    height : 100%;
    background : rgba( 0, 0, 0, 0.75 );
    text-align : center;
    z-index : 101;
    display : none;
}
.pop_in_content {
    position : relative;
    padding : 20px;
    background : #FFFFFF;
    margin : 0 auto;
    width : 55%;
    height : auto;
    opacity : 0;
    text-align : left;
}
.pop_in_gallery_content {
    position : relative;
    margin : 0 auto;
    width : 65%;
    height : auto;
    text-align : left;
    background : #FFF;
    padding : 2px;
    z-index : 1;
}
.navigation_gallery {
    position : absolute;
    z-index : 2;
    top : 0;
    width : 100%;
    display : none;
}
.close_pop_in {
    display : block!important;
    float : right;
    margin-bottom : 10px!important;
    font-size : 25px!important;
    cursor : pointer;
    width : 100% !important;
    text-align : right !important;
}
.pop_in_content h3 {
    display : block;
    width : 100%;
    color : #222
}
.pop_in_content p {
    font-size : 0.9rem!important
}
.picture {
	width : 100%;
	margin-bottom : 30px;
	position : fixed;
	z-index : 1;
}
.picture img {
	width : 100%;
	height : auto;
}
.white {
	background : #FFFFFF
}

/***************
**** HEADER ****
***************/
.logo {
    display : block;
	margin : 0 auto;
	width : 450px;
	position : relative;
	opacity : 0;
}
.background-logo {
	position : absolute;
	z-index : 1;
	display : block;
	width : 450px;
}
.background-logo img{
	width : 100%
}
.logo_img {
	position : relative;
	z-index : 2;
	display : block;
}
.logo_img img {
	display : block;
}
#logo_subtitle {
	opacity : 0;
	margin-top : 50px;
}
.menu {
	margin : 20px 0 20px 0
}
.menu li {
	display : inline-block;
	list-style : none;
	color : #808080;
	text-decoration : none;
	font-size : 0.9rem;
	padding : 0 20px;
	text-transform : uppercase;
	font-weight : 400;
}
.responsive_menu {
    display : none;
}
.responsive_menu ul li {
    text-align : left;
    font-size : 1.2rem;

}
.menu_header {
	position : relative;
	width : 100%;
	background : rgba( 256, 256, 256, 0.85 );
	padding : 0 10px;
	float : left;
}
.menu_header_fixed {
	position : fixed;
	top : 0;
	z-index : 98;
	width : 100%;
	background : rgba( 256, 256, 256, 0.85 );
	padding : 0 10px;
}
.responsive_menu {
	font-size : 1.4rem;
	padding : 10px 0
}
.responsive_menu span.dashicons {
	font-size : 1.8rem;
	width : 1.8rem;
	height : 1.8rem;
}
.responsive_menu_container {
	background : rgba( 0, 0, 0, 0.9 );
	position : fixed;
	z-index : 98;
	width : 40%;
	height : 100%;
	margin-left : -100%;
}
.responsive_menu_container a {
	color : #FFFFFF;
}
.responsive_menu_container a:hover {
	color : #CCCCCC;
}
.responsive_menu_container span.dashicons {
	font-size : 1.7rem;
	width : 1.7rem;
	height : 1.7rem;
	padding : 10px 10px 0 0;
}
.responsive_menu_container ul {
	margin-top : 80px;
}
.responsive_menu_container ul.menu li {
	display : block;
	font-size : 1.2rem;
	text-align : left;
	padding-left : 30px;
	margin-bottom : 15px;
	padding-bottom : 15px;
	border-bottom : 1px dotted #222;
}
.lang_selector {
	z-index : 1000;
	position : fixed;
	top : 20px;
	right : 10px;
}
#lang_sel_list.lang_sel_list_vertical {
	width : auto!important
}
#lang_sel_list.lang_sel_list_vertical li {
	width : 35px!important;
	border : none!important
}
#lang_sel_list ul a, #lang_sel_list ul {
	background : none!important;
	border : none!important
}
#lang_sel_list.lang_sel_list_vertical ul a {
	padding : 3px!important
}

/**************
**** ACTUS ****
**************/
.actualites_container, .presse_container {
    position : relative;
    z-index : 5;
    width : 100%;
}
.before_actus {
    margin : 30px 0 0 0;
    width : 100%!important;
    height : 46px;
    max-width : 100% !important;
    background-image : url( ../img/before_actus.png);
    background-repeat : no-repeat;
    background-position : center center;
}
.actualites_container .item{
    min-width : 260px;
    width : 100%;
    margin : 0 10px;
    padding : 10px;
    height : auto;
    min-height : 260px;
    background: #FFFFFF;
    display : inline-block;
}

.actu_image {
    width : 100%;
    height : auto;
    cursor : pointer;
    margin-bottom : 10px;
	position : absolute;
	z-index : 1;
	overflow : hidden;
}
.actu_image img {
    width : 100%;
    height : auto;
}
.actu_infos {
    color : #222;
    display : block;
    text-align : center;
    font-size : 1rem;
    text-transform : uppercase;
    cursor : pointer;
    font-style : normal;
	z-index : 2;
	position : absolute;
	text-align : center;
	background : #FFFFFF;
	width : 100%;
	padding : 10px 0;
	font-family : 'fruitinger';
}
.actu_infos:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 20px;
	margin-left: -20px;
}
.actu_infos.active {
	background : #222!important;
	color : #FFF;
}
.actu_infos.active:after {
	border-bottom-color: #222;
}
.actu_link {
    display : block;
    width : 21px;
    height : 20px;
    overflow : hidden;
    float : right;
    margin-top : 5px;
    cursor : pointer;
}
.actu_excerpt {
	text-align : left;
	font-size : 0.8rem;
	margin-top : 20px;
	padding : 0 20px;
	opacity : 0;
	color : #aaacad;
	font-family : 'fruitinger';
}

#actualites .actus_navigation, #presse .actus_navigation {
    position : absolute;
    z-index : 6;
    width : 100%;
}
#actualites .actus_navigation .prev, #actualites .actus_navigation .next {
    margin : 0 0 0 0;
}
.after_actus, .after_press {
    margin : 0 0 30px 0;
    width : 100%!important;
    height : 46px;
    max-width : 100% !important;
    background-image : url( ../img/after_actus.png);
    background-repeat : no-repeat;
    background-position : center center;
}
.robert_brunel_content, #equipe, #international, #phototheque, #actualites, #histoire, #perimetre_action {
	margin : 0 auto 0 auto;
	padding : 110px 0 60px 0;
}
#international {
	padding-bottom : 0;
}
#robert_brunel {
	margin : 0 auto;
}
#histoire ul li, #perimetre_action ul li, #rouvier ul li {
	margin-left : 40px;
}
.txt_equipe {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dedad4+0,c7c2bd+100 */
	background: #221E22;
	color : #FFFFFF;
	margin-bottom : 15px;
	text-align : justify
}
.txt_equipe h3 {
	color : #FFFFFF;
	padding-bottom : 10px;
	border-bottom : 1px dashed #FFFFFF;
	margin-bottom : 25px;
	font-size : 1.4rem;
	font-weight: 400;
	font-family : 'trajan-regular';
	padding-top : 15px;
}
.encart_international {
	padding : 130px 0.9375rem;
	background : #1a171b;
	font-family : "trajan-regular";
	font-size : 0.9rem;
	color : #808183;
	font-style : italic;
}
.encart_international a {
	color : #FFFFFF;
	background : #a50b16;
	padding : 15px 20px;
	font-size : 1rem;
	font-style : italic;
}
.encart_international a:hover {
	background : #c70e1b;
}
.encart_international h3 {
	font-family: Arial Black,Arial Bold,Gadget,sans-serif;
	font-size : 2.6rem;
	color : #FFFFFF;
	text-transform : uppercase;
	font-style : normal;
	font-weight : bold;
	margin : 10px 0 20px 0;
	letter-spacing: -2px;
}
.picture_equipe img {
	display : block;
	margin-bottom : 15px;
}
.picture_equipe img:last-child{
	margin-bottom : 0;
}


.reveal-modal {
	max-width : 72rem;
    max-height : 95vh;
    overflow : auto;
}
.wpcf7-acceptance .wpcf7-list-item-label,
.wpcf7-checkbox  .wpcf7-list-item-label {
    color : white;
}


/****************
**** CONTACT ****
****************/
#contact {
    background : #a50b16;
    color : #d2d3d4;
	padding : 80px 0
}
#contact h2 {
	color : #FFFFFF;
}
#contact h3 {
    margin-top : 0 !important;
    color : #F7C5C8;
	font-size : 1.5rem;
}
#contact a {
    color : #FFFFFF;
}
#contact a:hover{
    color : #d2d3d4;
}
input[type="text"], input[type="email"], textarea {
    height : 35px;
    border : none;
    background: #6b0002;
    color : #FFFFFF;
    font-size : 0.95rem;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    background: #6b0002;
    color : #FFFFFF;
    font-size : 0.95rem;
	border : 1px solid #be0d19
}
textarea {
    height : 130px;
}
.wpcf7-not-valid-tip {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442!important;
    padding : 7px 15px;
    margin-bottom : 15px;
    font-style : italic;
    border-radius : 3px;
}
form .row {
    margin-bottom : 10px !important;
}
.wpcf7-submit {
    background : #ffffff!important;
    float : right !important;
    color: #473156 !important;
    border : none !important;
    padding : 10px 25px!important;
    text-shadow : none!important;
    font-style : italic!important
}
.wpcf7-submit:hover {
    background : #d2d3d4!important;
}
.wpcf7-validation-errors {
    background-color: #d9edf7!important;
    border-color: #bce8f1!important;
    color: #31708f!important;
    border-radius : 5px;
    padding : 10px 25px !important
}
img.ajax-loader {
    float : right!important
}
#map-canvas {
    position : relative;
    width : 100%;
    height : 600px;
}
canvas {
	width : 100%;
	height : 450px;
}
#facebook img{
	width : 50px;
	height : auto;
}






.site-footer {
    width : 100%;
    background : #19171B;
    padding : 15px 0;
}
.site-footer > div {
    text-align : center;
}
.site-footer .footer_menu li {
    display : inline-block;
    list-style : none;
    margin : 15px 14px
}
.site-footer .footer_menu li a {
    color: #ccc;
    font-family : 'trajan-regular';
    font-size : 0.7rem;
    font-style : normal;
}
.site-footer .footer_menu li a:hover {
    color: #FFF;
}
.contact_informations {
    padding-left : 30px;
}
.copyright {
    font-size : 0.65rem;
    font-style : normal;
    margin-top : 10px;
    font-family : 'trajan-regular';
}
.copyright a {
    color : #FFFFFF;
}
.copyright a:hover {
    color : #E85113;
}
/************************
********* SHOP **********
************************/
.page-template-shop-page span.title {
    display : block;
    margin-top : 10px;
    font-size : 1.2rem;
    font-style : italic;
    color : #e85113;
    width : 100%;
    text-align : center;
}
.page-template-shop-page span.price, .pop_in .wps-price {
    color : #3e3d40;
    font-size : 1.25rem;
    display : block;
    text-align : center;
    margin-top : 5px;
    font-style : normal;
}
.pop_in .wps-price {
    text-align : left;
    margin-bottom : 10px
}
.page-template-shop-page .titre_cat h3 {
    background : none;
    border-bottom : 1px solid #3e3d40;
    margin-top : 25px;
    margin-bottom : 15px;
}
.page-template-shop-page .titre_cat h3 span {
    background : #3e3d40;
    padding: 7px 15px;
    color :#FFFFFF ;
    font-size : 1.3rem;
    font-style : italic;
    text-transform : none;
    font-family: "Times New Roman", Georgia, Serif;
}
a.account_link, a.cart_link {
    color: #000000;
    font-size : 1.1rem;
    background : url( ../img/icon-account.png ) no-repeat 0 center;
    height : 30px;
    padding-left : 25px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.pop_in .wps-cart-add-product-qty, .pop_in .wps-cart-reduce-product-qty {
    display : inline-block!important;
    padding : 0!important;
    margin : -50px 5px 0 5px !important
}
#phototheque {
	width : 100%;
	float : left;
	overflow : hidden;
}
.pop_in button i.dashicons {
    vertical-align : middle!important;
    color : #E85113!important;
}
.container-pictures {
	width : auto;
	min-width : 100%;
	float : left;
	position : relative;
	z-index : 1;
}
.previous_phototheque span, .next_phototheque span {
	font-size : 30px;
	height : 30px;
	width : 30px;
}
.previous_phototheque, .next_phototheque {
	z-index : 10;
	width : auto;
	height : auto;
	background : rgba( 256, 256, 256, 0.75 );
	position : absolute;
	cursor : pointer;
	padding : 35px 0;
	display : block;
	transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.previous_phototheque:hover, .next_phototheque:hover {
	background : rgba( 256, 256, 256, 1 );
}
.next_phototheque {
	float : right;
	right : 0
}
.container-pictures_1, .container-pictures_2 {
	width : 1000px;
	display : block;
	float : left;
}
span.pix {
	display : inline-block;
	float : left;
	cursor : pointer
}
span.pix .img {
	position : relative;
	z-index : 1;
	display : block;
	float : left
}
span.pix span.voir {
	position : absolute;
	z-index : 2;
	opacity : 0;
	background : rgba( 0, 0, 0, 0.8 );
	color : #FFFFFF;
	text-align : center;
	font-size : 2rem;
	display : block;
	margin-top : 0;
	float : left
}

.custom_size_1 .voir {
	width : 500px;
	height : 250px;
}
.custom_size_2 .voir {
	width : 200px;
	height : 250px;
}
.custom_size_3 .voir {
	width : 300px;
	height : 250px;
}
.custom_size_4 .voir {
	width : 400px;
	height : 250px;
}
.custom_size_5 .voir {
	width : 250px;
	height : 500px;
}
.custom_size_6 .voir {
	width : 500px;
	height : 250px;
}
.custom_size_7 .voir {
	width : 250px;
	height : 250px;
}


/**************
*** GALERIE ***
**************/
.gallery-container {
	position : fixed;
	width : 100%;
	height : 100%;
	z-index : 10;
	background : rgba( 0, 0, 0, 0.85 );
	text-align : center;
	display : none;
}
.diaporama-container {
	position : relative;
	z-index: 1;
	width : 100%;
}
.diaporama {
	position : relative;
}
.close, .prev_diaporama, .next_diaporama {

	position : absolute;
	z-index : 11;
	color : #FFFFFF;
	cursor : pointer;
	top : 0;
	transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.close span, .prev_diaporama span, .next_diaporama span {
	font-size : 30px;
	width : 30px;
	height : 30px;
}
.close:hover, .prev_diaporama:hover, .next_diaporama:hover {
	color : #CCCCCC
}
.next_diaporama, .close {
	margin-right : 10px;
	right : 0;
}
.close {
	margin-top : 10px;
}
.prev_diaporama {
	margin-left : 10px;
}
.diaporama {
	position : relative;
	z-index : 10;
}
.reveal-modal {
	max-width : 72rem;
}
/************************
****** RESPONSIVE *******
************************/
@media (max-width: 768px) {
    .diaporama_container {
        position : fixed!important;
        width : 100%;
        height : auto;
        z-index : 1;
        background : #000000;
        overflow : hidden;
    }
    .diaporama_container .item {
        width : 100%;
        height : auto;
        position : relative;
    }
    .down, .shop_button, .menu_links, .footer_menu {
        display: none;
    }
    .responsive_menu {
        display : block;
        float: right;
        text-align: right;
    }
    .responsive_menu button {
        margin-top : 10px;
        background : none;
        border :  none;
        box-shadow : none;
    }
    .responsive_menu button:hover {
        background : none;
        border :  none;
        color : #E85113
    }
    .menu {
        position : fixed;
        z-index : 98;
        top : 0;
    }
    #domaine, #nos_vins {
        padding : 0 1%;
        width : 98%;
    }
    a.download_link::before {
        font-size : 0.85rem;
    }
    a.download_link {
        font-size : 1rem;
    }
    .pop_in_content {
        width : 85%
    }
}
@media( max-width : 40rem ) {
	.responsive_menu_container {
		background : rgba( 0, 0, 0, 0.9 );
		position : fixed;
		z-index : 98;
		width : 60%;
		height : 100%;
		margin-left : -100%;
	}
	.logo, .background-logo, .logo_img, .logo_img img {
		width : 100%;
	}
	div.wpcf7 {
		margin-bottom : 50px!important;
	}
    h2 {
        font-size : 1.45rem;
    }
    h2 span::after, h2 span::before {
        margin : 0 10px;
    }
	p {
		font-size : 0.9rem!important
	}
	.encart_international h3 {
		font-size : 1.3rem;
	}
    .titre_cat h3 {
        background : none;
        font-size : 1.25rem;
    }
    .separator {
        margin : 50px 0 50px 15%;
        width : 70%;
    }
    .page-template-shop-page .small-offset-1 {
        margin-left : 0 !important
    }
    .page-template-shop-page span.price {
        margin-bottom : 40px
    }
    .pop_in_content {
        width : 95%
    }
}