/* ============ Import CSS ============= */

@import url("reset.css");
@import url("scrollbar.css");
@import url("slider/default.css");
@import url("slider/nivo-slider.css");
@import url("formulaire-contact.css");


/* ============ BODY & CONTAINER ============= */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 16px;
}

/*#container {
	position: absolute;
	top: 80px;
	right: 0;
	width: 50%
}*/

#container {
	position: absolute;
	top: 5%;
	right: 0;
	width: 50%;
}

/*#container #container-slider {
	width: 546px;
	height: 217px;
	border: solid 2px #000000;
	margin: 0 0 40px 50px;
}*/

#container #container-slider {
	max-width: 100%;
	height: auto;
	padding: 20px 20px 0 20px;
}

/*#container p.container-texte {
	width: 550px;
	margin-left: 50px;
	text-align: justify;
}*/

#container p.container-texte {
	width: auto;
	margin: 20px;
	text-align: left;
}

/*#container .container-milieu {
	background: url(../images/fond-contenu-milieu.png) repeat-y;
}*/

#container .container-milieu {
	background-color: rgba(0, 0, 0, 0.8);
	border-top: solid 1px #a68a58;
	border-bottom: solid 1px #a68a58;
	border-left: solid 1px #a68a58;
	
	
	/*height: auto;
    position: absolute;
    right: 0;
	width: 100%;*/
}

a {
	color: #ffffff;
}

.titre {
	font-weight: bold;
	font-size: 20px;
	color: #ECC47E !important;
}

.aligne-droite {
	text-align: right;
	display: block;
}

.italic {
	font-style: italic;
}

.sous-titre {
	color: #f7deb3;
	font-size: 18px;
	/*margin-left: 20px;*/
}

.mise-en-garde {
	color: #f7deb3;
	font-size: 18px;
	text-align: center;
	display: block;
}

.surplus-texte {
	height: 650px;
	overflow: auto;
	padding-right: 20px;
	/*width: 530px !important;*/
}

.dix {
	font-size: 10px;
}

.quatorze {
	font-size: 14px;
}

.espacement {
	margin: 5px 0;
}

.centrer {
	text-align: center;
	display: block;
}


/* ============ INDEX & INTRO ============= */

/*#intro {
	width: 414px;
	background:url(../images/fond-contenu-intro.png) repeat-y;
	height: 100%;
	position:absolute; 
	left: 50%;
	margin-left: -314px;
	top: 0%;
}*/

/*#intro {
	width: 414px;
	background:url(../images/fond-contenu-intro.png) repeat-y;
	height: 950px;
	margin-left: 33%;
	border-left: solid 1px #a68a58;
	border-right: solid 1px #a68a58;
}*/

#intro {
	width: 414px;
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	min-height: 800px;
	margin-left: 33%;
	border-left: solid 1px #a68a58;
	border-right: solid 1px #a68a58;
}

#intro #intro-logo {
	text-align: center;
	padding: 30px 0;
}

#intro #intro-texte {
	text-align: center;
	line-height: 150%;
}

#intro .focus {
	font-size: 20px;
	font-weight: bold;
}

#intro a.acces {
	font-size: 20px;
	font-weight: bold;
	color: #ecc47e !important;
	float: left;
	margin: 30px 0 80px 80px;
}

#intro a.acces:hover {
	text-decoration: underline;
	float:left;
}

#intro #intro-texte-adresse {
	text-align: center;
	font-size: 12px;
	line-height: 150%;
}

#intro #reseaux-sociaux {
	/*bottom: 0;
	position: absolute;
	margin-top: 20px;
	margin-bottom: 20px;*/
    padding: 0 116px 0 117px;
    width: 181px;
}

/*.tripadvisor-intro {
    background: #fff none repeat scroll 0 0;
    margin-top: 20px;
    padding: 0 126px 0 127px;
    width: 161px;
}*/


/* ============ MENU ============= */

/*.menu {
	width: 250px;
	background:url(../images/fond-contenu-menu.png) repeat-y;
	height: 100%;
	position: absolute; 
	left: 150px;
	top: 0%;
}*/

/*.menu {
	width: 250px;
	background:url(../images/fond-contenu-menu.png) repeat-y;
	height: 950px;
	margin-left: 7%;
	border-bottom: solid 1px #a68a58;
}*/

.menu {
	width: 200px;
	background-color: rgba(0, 0, 0, 0.8);
	height: 100%;
	min-height: 1000px; 
	margin-left: 3%;
	border-right: solid 1px #a68a58;
	border-left: 1px solid #a68a58;
}


/*.menu #menu-logo img{
	margin: 80px 45px 50px 45px;
}*/

.menu #menu-logo img{
	margin: 30px 20px;
}

.menu ul {}

.menu ul li {
	text-align: center;
	margin-bottom: 25px;
}

.menu a {
	font-size: 17px;
	color: #ecc47e !important;
	
}

.menu a:hover {
	color: #ffffff !important;
}

.menu a.active {
	color: #ffffff !important;
	border-bottom: solid 2px #ecc47e;
}

/*.menu #menu-texte-adresse {
	text-align: center;
	font-size: 12px;
	color: #ffffff !important;
	margin-top: 80px;
	line-height: 150%;
}*/

.menu #menu-texte-adresse {
	text-align: center;
	font-size: 12px;
	color: #ffffff !important;
	padding-top: 20px;
	line-height: 150%;
}

.menu #menu-texte-adresse a {
	text-align: center;
	font-size: 12px;
	color: #ffffff !important;
}

.menu #reseaux-sociaux {
	/*bottom: 20px;
	position: absolute;*/
	padding: 0 10px;
    width: 181px;
	margin-top: 50px;
}

.menu #ta {
	margin-top: 20px;
	width: 160px;
	background-color: #fff;
	padding: 0 20px;
}

.menu #ta a {
	color: #000 !important;
	font-weight: normal;
	text-decoration: none;
	font-weight:
}


/* ============ TRIP ADVISOR ============= */

.tripadvisor {
    background: #fff none repeat scroll 0 0;
    margin-top: 20px;
    padding: 0 20px;
    width: 161px;
}

.tripadvisor a {
	font-size: 12px;
	color: #000 !important;	
}

.tripadvisor a:hover {
	color: #000 !important;
}

#CDSWIDCOE.widCOE.widCOE2017 {
	margin: 40px 0 0 0 !important;
	border: none !important;
	width: 100% !important;
}

#CDSWIDCOE.widCOE .widCOETitle {
	font-size: 16px !important;
	font-weight: 500 !important;
}


/* ============ CUVÉES ============= */

/*#presentations-cuvees {
	width: 546px;
	height: 240px;
	margin-left: 50px;
	margin-top: 50px;
}*/

#presentations-cuvees {
	width: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #a68a58;
    border-left: 1px solid #a68a58;
	/*height: 240px;
	margin: 30px;*/
}

#presentations-cuvees a  {
	width: 100px;
	height: 240px;
	display: block;
	float: left;
	-webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
	margin: 20px;
}

#presentations-cuvees a.cuvee1 {

	background: url(../images/cuvees/cuvee1.png);
}

#presentations-cuvees a.cuvee2 {

	background: url(../images/cuvees/cuvee2.png);
}

#presentations-cuvees a.cuvee3 {

	background: url(../images/cuvees/cuvee3.png);
}

#presentations-cuvees a.cuvee4 {

	background: url(../images/cuvees/cuvee4.png);
}

#presentations-cuvees a.cuvee5 {
	background: url(../images/cuvees/cuvee5.png);
}

#presentations-cuvees a.cuvee1:hover, #presentations-cuvees a.cuvee2:hover, #presentations-cuvees a.cuvee3:hover, #presentations-cuvees a.cuvee4:hover, #presentations-cuvees a.cuvee5:hover {
	background-position: bottom;
}

/*#brut-tradition #container p.container-texte, #brut-premiere-cuvee #container p.container-texte, #brut-millesime #container p.container-texte, #brut-rose #container p.container-texte { 
	width: 380px;
	margin-left: 220px;
	padding-top: 70px;
    text-align: justify;  
}*/

#brut-tradition #container p.container-texte, #brut-premiere-cuvee #container p.container-texte, #brut-millesime #container p.container-texte, #brut-rose #container p.container-texte, #brut-blanc-de-blancs #container p.container-texte { 
	padding-bottom: 20px;
    text-align: justify;  
}

/*.titre-cuvee {
	font-size: 29px;
	color: #ECC47E !important;
	text-align: left;
    display: block;
    position: absolute;
    left: 50px;
	top: 50px;  
}*/

.titre-cuvee {
	color: #ecc47e !important;
    display: block;
    font-size: 29px;
    text-align: left; 
}


.sous-titre-cuvee {
	color: #ecc47e !important;
}

.position-bouteille {
	/*left: 50px;
	position: absolute;
	top: 115px;*/
}

.position-bouteille-premiere-cuvee {
	/*left: 50px;
	position: absolute;
	top: 145px;*/
}

.position-bouteille-millesime {
	/*left: 50px;
	position: absolute;
	top: 125px;*/
}

.BlockLeft100 {
	display: block;
	float: left;
	width: 100%;
}

/*.BlockLeft20 {
	display: block;
	float: left;
	width: 20%;
	text-align: center;
}*/

.BlockLeft20 {
	display: block;
    float: left;
    padding-left: 20px;
    text-align: center;
}

.BlockRight80 {
	/*display: block;*/
	float: right;
	width: 80%;
}

.container-texte-cuvees {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}


/* ============ MENU CUVÉES ============= */

/*#menu-cuvees {
	width: 546px;
	height: 84px;
	margin-left: 50px;
}*/

#menu-cuvees {
	/*height: auto;
	margin: 30px;
	display: block;*/
}

#menu-cuvees a  {
	width: 100px;
	height: 84px;
	display: block;
	float: left;
	margin: 30px;
	-webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

#menu-cuvees a.menu-cuvee1 {
	background: url(../images/cuvees/menu-cuvee1.png);
}

#menu-cuvees a.menu-cuvee1-active {
	background: url(../images/cuvees/menu-cuvee1-active.png);
	cursor: default;
}

#menu-cuvees a.menu-cuvee2 {
	background: url(../images/cuvees/menu-cuvee2.png);
}

#menu-cuvees a.menu-cuvee2-active {
	background: url(../images/cuvees/menu-cuvee2-active.png);
	cursor: default;
}

#menu-cuvees a.menu-cuvee3 {
	background: url(../images/cuvees/menu-cuvee3.png);
}

#menu-cuvees a.menu-cuvee3-active {
	background: url(../images/cuvees/menu-cuvee3-active.png);
	cursor: default;
}

#menu-cuvees a.menu-cuvee4 {
	background: url(../images/cuvees/menu-cuvee4.png);
}

#menu-cuvees a.menu-cuvee4-active {
	background: url(../images/cuvees/menu-cuvee4-active.png);
	cursor: default;
}

#menu-cuvees a.menu-cuvee5 {
	background: url(../images/cuvees/menu-cuvee5.png);
}

#menu-cuvees a.menu-cuvee5-active {
	background: url(../images/cuvees/menu-cuvee5-active.png);
	cursor: default;
}

#menu-cuvees a.menu-cuvee1:hover, #menu-cuvees a.menu-cuvee2:hover, #menu-cuvees a.menu-cuvee3:hover, #menu-cuvees a.menu-cuvee4:hover, #menu-cuvees a.menu-cuvee5:hover {
	background-position: bottom;
}


/* ============ RECEPTIONS ============= */

#reception-partenaire {
	height: auto;
	margin: 0 20px 20px 0;
}

.logo-partenaire {
	margin: 0 0 20px 20px;
	float:left;
}


/* ============ VISITE DES CAVES ============= */

.puce {
	padding-left: 20px;
	display: block;
}


/* ============ CONTACT & PLAN D'ACCÈS ============= */

/*#container #container-google-map {
	width: 546px;
	height: 196px;
	border: solid 2px #000000;
	margin: 0 0 40px 50px;	
}*/

#container #container-google-map {
	width: 100%;
	height: auto;
}

#container #container-google-map a.zoom-google-map { 
	color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-top: 7px;
    text-align: right;
	margin-right: 10px;
}


/* ============ MENTIONS LÉGALES ============= */

/*#mentions-legales {
	width: 45%;
	bottom: 10px;
	right: 10px;
	position: absolute;
	text-align: right;	
}*/

#mentions-legales {
	margin: 20px;
    text-align: right;	
}