@font-face {
    font-family: 'Trajan Pro';
    src: url('polices/TrajanPro-Regular.eot');
    src: url('polices/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('polices/TrajanPro-Regular.woff') format('woff'),
         url('polices/TrajanPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('polices/HelveticaLT45Light.eot');
    src: url('polices/HelveticaLT45Light.eot') format('embedded-opentype'),
         url('polices/HelveticaLT45Light.woff2') format('woff2'),
         url('polices/HelveticaLT45Light.woff') format('woff'),
         url('polices/HelveticaLT45Light.ttf') format('truetype'),
         url('polices/HelveticaLT45Light.svg#HelveticaLT45Light') format('svg');
}

@font-face {
    font-family: "Garamond";
    src: url('polices/104309083-GARA.eot');
    src: url('polices/104309083-GARA.eot?#iefix') format('embedded-opentype'),
	     url('polices/104309083-GARA.svg#Garamond') format('svg'),
	     url('polices/104309083-GARA.woff') format('woff'),
	     url('polices/104309083-GARA.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
	box-sizing:border-box;	
}

html, body {
	margin:0; padding:0; width:100%; height:100%;
	font-family:"Helvetica"; font-size:14px;
}


@media screen and (min-width:1200px){
	.container {
		width:1200px;
		margin:0 auto;
	}
}

@media (max-device-width:768px) and (orientation: landscape) {
	html {
		-webkit-text-size-adjust: 100%;
	}
}


body {
	color:#808285;
	text-align:center;
	
	background: #fdfdfd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #fdfdfd 0%, #e1e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fdfdfd), color-stop(100%,#e1e2e2)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #fdfdfd 0%,#e1e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #fdfdfd 0%,#e1e2e2 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #fdfdfd 0%,#e1e2e2 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #fdfdfd 0%,#e1e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e1e2e2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

#main {
	position:relative; top:0; left:0; width:100%; height:100%; margin:0 auto;
	text-align:left;
	z-index:10;
}

#bas_site {
	position: absolute; bottom: 0; left: 0;
	width:100%; height:20%;
	border-top:2px solid #FFF;
	background-color: #f1f2f2;
}

#entete {
	position:fixed; top:0; left:0;
	width:100%; height:67px;
	background-color: #FFF;
	border-bottom:2px solid #cebea6;
	z-index:300;
}

#menu {
	/*position:relative; top:0px; left:0;*/
	height:30px;
	margin-top:0px;
	font-family: "Trajan Pro";
	text-transform: uppercase;
	font-size: 14px;
	padding-top:22px;
	float:right;
	margin-right:20px;
}
@media screen and (min-width:1500px){
	#menu {
		margin-right:130px;	
	}	
}

#page {
	position:relative; top:0; left:0;
	min-height:350px;
	font-size: 15px;
	padding-top:67px;
	padding-bottom:30px;
}
body.ie6 #page { height:350px;}

#pied {
	position:fixed; bottom:0; left:0;
	width:100%; height:30px; line-height:30px;
	text-align:center;
	z-index:100;
	font-size: 15px;
	background-color: #f1f2f2;
}

/* ----------------------- */

#entete #logo {
	position:relative; top:0; left:0;
	width:330px; height:65px;line-height:65px;
	display: block;
	float:left;
	margin-left:10px;
}
@media screen and (min-width:1500px){
	#entete #logo {
		margin-left:130px;	
	}	
}

#entete #logo img {
	vertical-align: middle;
	height:40px;
}

/* ----------------------- */



#menu ul {
	list-style-type:none; margin:0; padding:0;
}
#menu ul li {
	position: relative; top: 0; left: 0;
	float:left; /*clear:both;*/
	margin:0px; padding:0;
	padding-bottom:30px;
}
#menu ul li a {
	text-decoration:none;
	display:block; padding:0 7px;
	border-right:2px solid #CEBEA6;
	color:#414042;
}
#menu ul li:last-child a {
	border:none;
}

#menu ul li ul {
	display:none;
	position:absolute; top:45px; left:50%;
	width:250px; margin-left:-125px;
	background:url('images/fond_sous_menu.png') no-repeat center center #a89d8c;
}
#menu ul li ul:before {
	content:"";
	position: absolute; top: -12px; left: 50%;
	width:22px; height:12px;
	margin-left:-11px;
	background: url('images/fleche_sous_menu.png') no-repeat center center;
}

#menu ul li:hover ul { display:block;}
#menu ul li ul li {
	text-align: center;
	border-bottom:2px solid #b2a899;
	padding:0;
	float:none;
}
#menu ul li ul li:last-child {
	border:none;
}
#menu ul li ul li a {
	border:none;
	padding:14px 0;
	color:#FFF;
}

/* --------------------------------------------------------------- */
/*
/* Menu pour les pages
/*
/* --------------------------------------------------------------- */

#conteneur_burger_menu {
	position: absolute; bottom: -50px; left: 50%;
	width:100px; height:50px;
	margin-left:-50px;
	overflow:hidden;
	-webkit-transition: all 0.7s ease 0.7s;
	-moz-transition: all 0.7s ease 0.7s;
	-ms-transition: all 0.7s ease 0.7s;
	-o-transition: all 0.7s ease 0.7s;
	transition: all 0.7s ease 0.7s;	
}

#conteneur_burger_menu.remonte {
	height:0;
	bottom:0;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;	
}

#burger_menu {
	position: absolute; bottom: 0; left: 50%;
	width:100px; height:50px; line-height: 50px;
	margin-left:-50px;
	text-align: center;
	background:url('images/burger-menu.png') no-repeat center 12px #cebea6;	
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	cursor:pointer;
}

#conteneur_menu_pages {
	position: absolute; top: 67px; left: 0;
	width:100%; height:0px;
	overflow:hidden;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
#conteneur_menu_pages.affiche {
	height:200px;
	-webkit-transition: all 0.7s ease 0.7s;
	-moz-transition: all 0.7s ease 0.7s;
	-ms-transition: all 0.7s ease 0.7s;
	-o-transition: all 0.7s ease 0.7s;
	transition: all 0.7s ease 0.7s;
}

#menu #menu_pages {
	position: absolute; bottom:50px; left: 0;
	width:100%; height:150px;
	background-color: #cebea6;
	padding:0; margin:0;
	text-align: center;
	font-size: 0;
}
#menu #menu_pages #fermer_menu {
	position: absolute; top:auto; bottom: -50px; left: 50%;
	width:100px; height:50px; line-height: 50px;
	margin-left:-50px;
	text-align: center;
	background:url('images/fermer-menu.png') no-repeat center 7px #cebea6;	
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	cursor:pointer;	
}

#menu #menu_pages.affiche {
	display: block;	
}

#menu #menu_pages li {
	position: relative; top: 0; left: 0;
	width:225px; height:150px;
	display: inline-block;
	float: none;
	padding:0; margin:0;
}

#menu #menu_pages li a {
	position: relative; top: 0; left: 0;
	width:100%; height:100%;
	display: block;
	color:#FFF;
	border:none;
	background-color: rgba(68,68,68,0.7);
	margin:0;padding:0;	
	font-size: 15px;
	text-transform: none;
	font-variant: small-caps;
}

#menu #menu_pages li a span {
	display: inline-block;
	padding-top:15px;	
}


#menu #menu_pages li#menu_domaine {
	background: url('images/menu_domaine.jpg') no-repeat center center;	
}
#menu #menu_pages li#menu_vins {
	background: url('images/menu_vins.jpg') no-repeat center center;	
}
#menu #menu_pages li#menu_trouver {
	background: url('images/menu_trouver.jpg') no-repeat center center;	
}
#menu #menu_pages li#menu_presse {
	background: url('images/menu_presse.jpg') no-repeat center center;	
}
#menu #menu_pages li#menu_contact {
	background: url('images/menu_contact.jpg') no-repeat center center;	
}



/* ----------------------- */

#pied a {
	color:#808285;
	text-decoration: none;	
}

#pied #gauche_pied {
	position: relative; top: 0; left: 0;
	float:left;	
}
#pied #droite_pied {
	position: relative; top: 0; left: 0;
	float:right;	
}

#pied .langues {
	position: relative; top: 0; left: 0;
	float:left;	
	margin-left:125px;
}

#pied .langues a {
	display: inline-block;
	vertical-align: middle;
	margin:5px 5px;
}

#pied .langues a img {
	height:20px;	
}

#pied .langues a {
    font-size: 25px;
    display: inline-block;
    margin-top:-3px;   
}
#pied .langues #facebook {
	margin-left:35px;
}
#pied .langues #facebook:hover {
    color:#3C5A98;
}
#pied .langues #instagram:hover {
    color:#aa35b0;
}
#pied .langues #youtube:hover {
    color:#E62117;
}


/* ----------------------- */

.pie {
	behavior:url('/themes/js/PIE.php');	
}

a img {
	border:none;	
}

#page h1 {
	position: relative; top: 0; left: 0;
	margin-top:0;
	font-size: 34px;
	font-family: "Trajan Pro";
	color:#8c7d6f;
	font-weight: normal;
	text-transform: uppercase;
}

#page h2 {
	position: relative; top: 0; left: 0;
	margin-top:0;
	font-size: 20px;
	font-family: "Trajan Pro";
	color:#8c7d6f;
	font-weight: normal;
	margin-bottom:25px;
}

#page a {
    color:#8c7d6f;
}

#page input {
	font-family: "Helvetica";	
}


#page .center { text-align:center; margin-left:auto; margin-right:auto; }
#page .left { float:left; margin:0 1em 0.5em 0; }
#page .right { float:right; margin:0 0 0.5em 1em; }
#page .clear { clear:both; }
#page hr { border-color:#ac2; color:#ac2; }

#page a img {border:none;}
#page img.border { border:3px solid #396; }
#page a:hover img.border, #page a img.border:hover { border-color:#800; }

#page form { margin:5px; padding:5px; text-align:center; }
#page form table { margin:0 auto; text-align:left; }
#page form  b.obligatoire { color:#900; }

#page table{ border-collapse: collapse; /* 'cellspacing' equivalent */ margin:0 auto; }
#page table td, table th { padding: 3px; /* 'cellpadding' equivalent */}

#z_ombre { background-color:#222; filter:progid:DXImageTransform.Microsoft.Alpha(opacity:90); opacity:0.9; }
#z_image { border:10px solid #fff; visibility:hidden; }
#z_titre { height:10px; color:#FFF; background-color:#000;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity:70); opacity:0.7; }
#z_close { visibility:hidden; }

 /* ----------------------- */
 
p.error { width:50%; clear:left; padding:0.7em; margin:0.7em; border:1px solid #900; background-color:#aaa; color:#fff; font-size:60%;  }
 
#page .e404 { padding:1em; margin:2em auto; text-align:center; }
#page .e404 h2 { color:#a00; font-size:18pt; text-align:center; }

 /* ----------------------- */

 .cache { display:none; position:absolute; width:1px; height:1px; overflow:hidden; }
 .print { display:none; }
 .noprint { }
 
 @media screen and (max-width: 850px){
 	#page h1{
 		text-align: left;
 	}
 	#page .fp-controlArrow{
 		opacity: 0.5;
 	}
 	.slide.fp-table{
 		display: block;
 		overflow: auto;
 	}
 	.fp-tableCell{
 		display: block;
 		padding-top: 40px;
    	padding-bottom: 40px;
 	}
 	#page .slide{
 	}
 	#page .slide .texte{
 		position: relative;
 		top: 0 !important;
 		left: 0 !important;
 		width: 90% !important;
		margin-left: 5%;
		padding: 30px 10px !important;
 	}
 	
 	#pied{
 		height: 35px;
 	}
 }
 @media screen and (max-width: 475px){
	#page .slide .texte{
		width: 100% !important;
		margin-left: 0 !important;
		padding: 30px 15px !important;
	}
 }