/* ============================================================================================= */
/* ============================================================================================= */
/* -------------------- Domaine page
/* ============================================================================================= */
/* ============================================================================================= */


/* ============================================================================================= */
/* -------------------- Transition
/* ============================================================================================= */
.slide {
	height: calc( 100% - 130px );
	position: relative;
}
.slide img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: rgba(194,158,74,0.7);
	padding: 20px;
}
.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0; left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}
.cbp-bislideshow li {
	position: absolute;
	width: 101%; height: 101%;
	top: -0.5%; left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}
.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.backgroundsize .cbp-bislideshow li img {
	display: none;
}
.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.transition {
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
}
.transition.ending {
	height: 200px;
	border-bottom: 2px solid #c29e4a;
}
/*.transition#two {
	background: url('../../img/transitions/transi-2.jpg') no-repeat fixed 50% 0;
	background-size: cover;
}
.transition#three {
	background: url('../../img/transitions/transi-3.jpg') no-repeat fixed 70% 0;
	background-size: cover;
}*/
.transition h3 {
	display: inline-block;
	margin: 125px 0;
	padding: 12px 35px;
	background-color: rgba(72,52,43,0.7);
	border: 1px solid #c29e4a;
	color: #c29e4a;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 3px;
}


.bloc {
	background-color: #f2f2f2;
	padding: 50px 0;
	border-bottom: 2px solid #c29e4a;
	border-top: 2px solid #c29e4a;
}

/* ============================================================================================= */
/* -------------------- Présentation domaine
/* ============================================================================================= */
.presentation-domaine .col-left .logo-domaine,
.presentation-domaine .col-right .resp-domaine {
	text-align: center;
	margin-bottom: 0;
}
.presentation-domaine .col-right {
	border-left: 2px solid #c29e4a;
}
.col-right .resptext-domaine blockquote {
	border-left: 0;
	font-family: 'Lora', serif;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
}
.col-right .resptext-domaine blockquote cite span {
	display: block;
}
.col-right .resptext-domaine blockquote cite span:nth-child(3) {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
}


/* ============================================================================================= */
/* -------------------- Sol domaine
/* ============================================================================================= */
.sol-domaine h4 {
	background-color: rgba(72,52,43,1);
	text-align: center;
	color: #f2f2f2;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	padding: 10px 0;
	margin: 0;
}
.sol-domaine .desc-sol,
.sol-domaine .desc-type {
	background-color: #fff;
	color: rgba(72,52,43,1);
	text-align: center;
	padding: 10px 0;
}
.sol-domaine .desc-sol {
	background-color: rgba(194,158,74,0.8);
	padding: 25px 0;
}
.sol-domaine .desc-type .attr {
	margin-bottom: 0;
}
.sol-domaine .desc-type .attr img {
	margin-bottom: 20px;
}
.sol-domaine .desc-type .attr p {
	display: inline-block;
	background-color: rgba(194,158,74,0.8);
	padding: 5px 15px;
	margin-bottom: 0;
}
/* ============================================================================================= */
/* -------------------- Bouteilles domaine
/* ============================================================================================= */
.wines-list ul li {
	margin-left: 0;
}
.wines-list ul li img {
	width: 50%;
	margin: auto;
}

.wines-list ul li h4 {
	background-color: rgba(72,52,43,1);
	padding: 10px 0;
	font-family: 'Lora', serif;
	color: #c29e4a;
	text-align: center;
}
.wines-list ul li a i {
	background-color: rgba(194,158,74,0.8);
	width: 100%;
	padding: 10px 0;
	text-align: center;
	-webkit-transition: 300ms ease-in;
	transition: 300ms ease-in;
}
.wines-list ul li a:hover i {
	background-color: rgba(194, 158, 74, 1);
}