@font-face {
	font-family: 'Tangerine';
	src: url('./fnt/tangerine_bold-webfont.eot');
	src: url('./fnt/tangerine_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fnt/tangerine_bold-webfont.woff') format('woff'),
         url('./fnt/tangerine_bold-webfont.ttf') format('truetype'),
         url('./fnt/tangerine_bold-webfont.svg#tangerinebold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Tangerine';
    src: url('./fnt/tangerine_regular-webfont.eot');
    src: url('./fnt/tangerine_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fnt/tangerine_regular-webfont.woff') format('woff'),
         url('./fnt/tangerine_regular-webfont.ttf') format('truetype'),
         url('./fnt/tangerine_regular-webfont.svg#tangerineregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Computer Modern Serif';
	src: url('./fnt/cmunrm.eot');
	src: url('./fnt/cmunrm.eot?#iefix') format('embedded-opentype'),
		 url('./fnt/cmunrm.woff') format('woff'),
		 url('./fnt/cmunrm.ttf') format('truetype'),
		 url('./fnt/cmunrm.svg#cmunrm') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Computer Modern Serif';
	src: url('./fnt/cmunbx.eot');
	src: url('./fnt/cmunbx.eot?#iefix') format('embedded-opentype'),
		 url('./fnt/cmunbx.woff') format('woff'),
		 url('./fnt/cmunbx.ttf') format('truetype'),
		 url('./fnt/cmunbx.svg#cmunbx') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Computer Modern Serif';
	src: url('./fnt/cmunti.eot');
	src: url('./fnt/cmunti.eot?#iefix') format('embedded-opentype'),
		 url('./fnt/cmunti.woff') format('woff'),
		 url('./fnt/cmunti.ttf') format('truetype'),
		 url('./fnt/cmunti.svg#cmunti') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Computer Modern Serif';
	src: url('./fnt/cmunbi.eot');
	src: url('./fnt/cmunbi.eot?#iefix') format('embedded-opentype'),
		 url('./fnt/cmunbi.woff') format('woff'),
		 url('./fnt/cmunbi.ttf') format('truetype'),
		 url('./fnt/cmunbi.svg#cmunbi') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Gotham';
    src: url('./fnt/gotham-book-webfont.eot');
    src: url('./fnt/gotham-book-webfont.svg#gotham') format('svg'),
		 url('./fnt/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fnt/gotham-book-webfont.woff') format('woff'),
         url('./fnt/gotham-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
    src: url('./fnt/gotham-light-webfont.eot');
    src: url('./fnt/gotham-light-webfont.svg#gotham') format('svg'),
		 url('./fnt/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fnt/gotham-light-webfont.woff') format('woff'),
         url('./fnt/gotham-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
    src: url('./fnt/gotham-thin-webfont.eot');
    src: url('./fnt/gotham-thin-webfont.svg#gotham') format('svg'),
		 url('./fnt/gotham-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fnt/gotham-thin-webfont.woff') format('woff'),
         url('./fnt/gotham-thin-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
    src: url('./fnt/gotham-medium-webfont.eot');
    src: url('./fnt/gotham-medium-webfont.svg#gotham') format('svg'),
		 url('./fnt/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fnt/gotham-medium-webfont.woff') format('woff'),
         url('./fnt/gotham-medium-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
    src: url('./fnt/gotham-bold-webfont.eot');
    src: url('./fnt/gotham-bold-webfont.svg#gotham') format('svg'),
		 url('./fnt/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fnt/gotham-bold-webfont.woff') format('woff'),
         url('./fnt/gotham-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
    src: url('./fnt/gotham-ultra-webfont.eot');
    src: url('./fnt/gotham-ultra-webfont.svg#gotham') format('svg'),
		 url('./fnt/gotham-ultra-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fnt/gotham-ultra-webfont.woff') format('woff'),
         url('./fnt/gotham-ultra-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
	font-family: 'Cochin';
    src: url('./fnt/29C4E5_0_0.eot');
    src: url('./fnt/29C4E5_0_0.eot?#iefix') format('embedded-opentype'),
         url('./fnt/29C4E5_0_0.woff') format('woff'),
         url('./fnt/29C4E5_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Cochin';
    src: url('./fnt/29C4E5_0_0.eot');
    src: url('./fnt/29C4E5_0_0.eot?#iefix') format('embedded-opentype'),
         url('./fnt/29C4E5_0_0.woff') format('woff'),
         url('./fnt/29C4E5_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
	font-family: 'Cochin';
    src: url('./fnt/29C4E5_1_0.eot');
    src: url('./fnt/29C4E5_1_0.eot?#iefix') format('embedded-opentype'),
         url('./fnt/29C4E5_1_0.woff') format('woff'),
         url('./fnt/29C4E5_1_0.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

html, body { overflow: hidden; }

body {
	font-family: 'Times New Roman';
	font-size: 17px;
}

button {
	background: transparent;
	border: 0;
	font-size: 1.6em;
	font-family: 'Cochin', 'Times New Roman', serif;
	height: 1.8em;
}
button:hover {
	color: #ccc;
	cursor: pointer;
}

b {
	font-size: 1.2em;
}

ul li {
	padding: 7px;
	text-indent: 1em;
}

menu li {
	text-indent: 0;
}
.background {
	visibility: hidden;
	opacity: 0;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50%;
}

.unite {
	min-height: 100%;
	text-align: center;
	position: relative;
}

.unite:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.unite .slide {
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}

header, footer {
	position: fixed;
	z-index: 3;
	box-shadow: 0px 0px 10px #ccc;
	width: 100%;
	background-color: #fcfcfc;
	-webkit-transition: top 1s, bottom 1s;
	-moz-transition: top 1s, bottom 1s;
	transition: top 1s, bottom 1s;
}

header {
	top: 0;
	left: 0;
	right: 0;
}

footer .fname {  margin-right: .6em; }
footer {
	bottom: 0;
}

header.init {
	top: -200px; 
}

footer.init {
	bottom: -200px;
}

header menu {
	width: 100%;
	margin: 0;
	padding: 20px 18px 0px 0;
	list-style: none;
	position: relative;
}

header menu > li:nth-child(3) {
	margin: 0 -18px 0 1px;
}

header menu li:nth-child(4) {
	min-width: 120px;
}

header menu li {
	margin: 0 0 0 1px;
	padding: 0 10px;
	position: relative;
	top: 1px;
	min-height: 1px;
}

header menu li a {
	display: block;
	margin: 0;
	font-size: 0.9em;
	line-height: 1em;
	padding-bottom: 10px;
	font-family: 'Cochin';
	text-shadow: 1px 1px 1px #fcfcfc;
}

header menu ul {
	 /* checker z-index */
	position: absolute;
	max-height: 400px;
	left: -25px;
	right: auto;
	width: 10em;
	background: rgba(252,252,252,0.85);
	padding: 0.5em 0.5em;
	-webkit-transition: top 0.5s ease-out, opacity 0.5s;
	-moz-transition: top 0.5s ease-out, opacity 0.5s;
	transition: top 0.5s ease-out, opacity 0.5s;
	opacity: 0;
	z-index: -1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

header menu li:nth-child(1) ul {
	top: -220px;
}

header menu li:nth-child(2) ul {
	top: -190px;
}

header menu li:nth-child(3) ul {
	top: -350px;
}

header menu li:nth-child(5) ul {
}

header menu li:nth-child(6) ul {
	top: -130px;
}

header menu li:nth-child(7) ul {
	top: -160px;
}

header menu li:hover ul {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: -1;
	top: 22px;
}

header menu li.active ul li a,header menu li ul li a {
    color: #212121;
} 

header menu li.active ul li.active a {
	color: #8C7050;
}

header menu li.active ul li a:hover,header menu li ul li a:hover {
	color: #8C7050;
}

header menu li.active ul li.active a:hover {
	color: #c9ab4f;
}

header menu li ul li a {
	text-transform: inherit;
}

header menu ul li {
	left: auto;
	margin: 0;
	clear: left;
	padding-left: 22px;
	width: 100%;
	line-height: 2em;
	font-size: 0.9em;
}

header menu ul li:last-child {
	background-size: 5em;
	display: inline-block;
	min-height: 1.6em;
	background-image: url('../img/menu.svg');
	background-repeat: no-repeat;
	background-position: 50%;
}

header menu li a {
	color: #000000;
}
header menu li a:hover,
header menu li.active a {
	color: #8C7050;
}

header h1 {
	position: absolute;
	top: -44px;
	left: 22px;
}

header h1 img {
	width: 55%;
	padding-top:1em;
}

header h1 a {
	margin: 0 auto;
	display: block;
	max-width: 125px;
}

header menu ul li {
	padding: 0.3em 0;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
}

footer p, #footer2 p {
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
	width: 100%;
	font-size: 0.6em;
	text-transform: uppercase;
}

footer p a, #footer2 p a {
	text-decoration: none;
	color: #212121;
}

footer svg, , #footer2 svg {
	width: 16px;
	height: auto;
}

#rollUp {
	padding: 20px 1em 0 1em;
	overflow: hidden;
	width: 540px;
	margin: 0 auto;
	min-height: 100%;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMC44NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(252,252,252,0.85) 0%, rgba(252,252,252,1) 15%, rgba(253,253,253,1) 30%, rgba(255,255,255,1) 50%, rgba(253,253,253,1) 70%, rgba(252,252,252,1) 85%, rgba(252,252,252,0.85) 100%);
 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(252,252,252,0.85)), color-stop(15%,rgba(252,252,252,1)), color-stop(30%,rgba(253,253,253,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(70%,rgba(253,253,253,1)), color-stop(85%,rgba(252,252,252,1)), color-stop(100%,rgba(252,252,252,0.85)));
 
	background: -webkit-linear-gradient(left,  rgba(252,252,252,0.85) 0%,rgba(252,252,252,1) 15%,rgba(253,253,253,1) 30%,rgba(255,255,255,1) 50%,rgba(253,253,253,1) 70%,rgba(252,252,252,1) 85%,rgba(252,252,252,0.85) 100%);
 
	background: -o-linear-gradient(left,  rgba(252,252,252,0.85) 0%,rgba(252,252,252,1) 15%,rgba(253,253,253,1) 30%,rgba(255,255,255,1) 50%,rgba(253,253,253,1) 70%,rgba(252,252,252,1) 85%,rgba(252,252,252,0.85) 100%);
 
	background: -ms-linear-gradient(left,  rgba(252,252,252,0.85) 0%,rgba(252,252,252,1) 15%,rgba(253,253,253,1) 30%,rgba(255,255,255,1) 50%,rgba(253,253,253,1) 70%,rgba(252,252,252,1) 85%,rgba(252,252,252,0.85) 100%);
 
	background: linear-gradient(to right,  rgba(252,252,252,0.85) 0%,rgba(252,252,252,1) 15%,rgba(253,253,253,1) 30%,rgba(255,255,255,1) 50%,rgba(253,253,253,1) 70%,rgba(252,252,252,1) 85%,rgba(252,252,252,0.85) 100%);
 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fcfcfc', endColorstr='#d9fcfcfc',GradientType=1 );
}

#rollUp nav img {

    width: 100%;
    margin-bottom: 0em;
    height: 9em;
}

#rollUp nav a:fover {
	color: #cccccc;
}

#rollUp nav a {
	margin: 0 auto;
	display: block;
	max-width: 400px;
	color: #000000;
}
#rollUp nav a:hover {
	color: #8C7050;
}
#rollUp nav h1 a {
    height: 12em;
    margin-top: -2.5em;
}

#rollUp nav p {
	padding: 6px 0 0 0;
	font-size: 0.8em;
	text-align: center;
	font-family: 'Cochin';
	color: #999;
	text-indent: 0;
}

menu {
	list-style-type: none;
	text-align: center;
}

menu li {
	padding: 0 5px;
	display: inline-block;
}

menu li a {
	font-family: 'Cochin';
	text-transform: uppercase;
	color: #8c7050;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 0.8em;
}

menu li a:hover {
	color: #ccc;
}

#rollUp article {
	font-family: 'Cochin';
	padding-top: 200px;
}

#rollUp article .illustration {
	display: block;
	position: fixed;
	max-height: 100%;
	visibility: hidden;
	opacity: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	top: 0;
	height: 100%;
	width: 40%;
	z-index: -1;
}

#rollUp article .illustration.right {
	right: 0;
}

#rollUp article .illustration.left {
	left: 0;
}

#rollUp article .illustration.full {
	width: 100%;
	left: 0;
	right: 0;
}

#rollUp article .illustration img {
	/* max-width: 100%;*/
	width: auto;
	height: 100%;
	margin-left: 30%;
}

.slide {
	padding-top: 120px;
}

.slide + .slide {
	padding-top: 70px;
}

article p {
	margin: 0 auto;
}

article p a.readmore {
	font-size: 1.6em;
	color: #8C7050;
	letter-spacing: 6px;
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: center;
	text-indent: 0;
}

article h2 {
	background-repeat: no-repeat;
	background-position: 50% 36px;
	padding-bottom: 25px;
	background-size: 130px;
	background-image: url('../img/chapitre.svg');
	text-align: center;
	color: #8C7050;
	font-family: 'Cochin';
	font-weight: normal;
	letter-spacing: 5px;
	font-size: 2em;
}

article h3 {
	margin: 0;
	padding-bottom: 0.5em;
	color: #8C7050;
	font-family: 'Cochin';
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
}

article h4 {
	color: #212121;
	margin-top: 0.8em;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-indent: 2em;
	text-align: center;
	text-indent: 0;
}

article#champagnes .baseline {
	text-align: center;
	color: #8C7050;
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
}

article#champagnes div#les-jardins-du-mesnil-extra-brut h3 {
    max-width: 13em;
    margin: 0 auto;
}

article#champagnes h3 {
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	font-style: normal;
	color: #212121;
}

article#champagnes h4 {
	margin-bottom: 0;
	color: #212121;
	font-style: italic;
	font-weight: bold;
	font-size: 1.4em;
}

article#champagnes h4, article#champagnes p {
	text-indent: 0;
    text-align: justify;
    padding-bottom: 0px;
}

#champagnes a {
	color: #8C7050;
}

#champagnes a:hover {
	color: #cccccc;
}

#champagnes p.fiche {
	padding-top: 3em;
	text-align: left;
}

article em {
	font-style: italic;
}

.grandcru {
	text-align: center;
	display: block;
	font-size: 1.4em;
	border-bottom: 1px solid #666666;
	width: 4.7em;
	margin: 0 auto;
}

article#champagnes h3 {
	padding: 0;
}

#recompenses h4 {
	color: #212121;
	font-style: normal;
	margin-top: 4.5em;
	font-size: 1.2em;
	font-weight: bold;
	text-indent: 2em;
	text-align: center;
	text-indent: 0;
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
}
#recompenses h4.fix {
	margin-top: 2em;
}

#passion p span.quote {
	font-family: 'Times New Roman';
	font-style: italic;
}

#passion p span.unquote {
	font-family: 'Times New Roman';
	font-style: italic;
}

#galerie {
	text-align: center;
}

.image a {
	display: block;
	height: 100%;
}

.image {
	background-size: cover;
	width: 120px;
	height: 120px;
	display: inline-block;
	vertical-align: top;
	margin: 2px;
}

#coordonnees small {
	font-size: 0.8em;
}

#coordonnees a {
	color: #8C7050;
}

#agelegal {
/* height: 100%; */
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin: auto;
z-index: 9001;
}
#agelegal button{
	display: none;
}
#agelegal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#agelegal img {
	margin: 0 auto;
}

#agelegal div.modal {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding-bottom: 160px;
	-moz-box-sizing: border-box;
	max-width: 100%;
	width: 9001px;
}
#agelegal p {
	text-align: center;
	font-family: 'Cochin';
}

#contact a {
	color: #8C7050;
}

#contact textarea,
#contact input {
	font-family: Cochin;
	font-size: 1em;
	line-height: 1.45em;
}

#contact textarea {
	width: 100%;
	border: 0;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+CiAgPGRlZnMgaWQ9J2RlZnM0Jz4KCTxwYXR0ZXJuIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHBhdHRlcm5UcmFuc2Zvcm09J3RyYW5zbGF0ZSgwIDI0KScgaWQ9J2wnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzI0Jz4KCQkJPGxpbmUgeDE9Jy0xMCUnIHkxPScxJyB4Mj0nMTEwJScgeTI9JzEnIHN0cm9rZT0nI2YzZjNmMycgc3Ryb2tlLXdpZHRoPScxJy8+CgkJPC9wYXR0ZXJuPgoJCTxwYXR0ZXJuIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIGlkPSdwJyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCc+CgkJCTxyZWN0IHg9Jy0xMCcgeT0nLTEwJyBoZWlnaHQ9JzEyMCcgd2lkdGg9JzEyMCcgc3R5bGU9J2ZpbHRlcjp1cmwoI2YpJyAvPgoJCTwvcGF0dGVybj4KCTwvZGVmcz4KCTxyZWN0IHg9Jy0xMCUnIHk9JzI0JyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMjAlJyBzdHlsZT0nZmlsbDp1cmwoI2wpJyAvPgo8L3N2Zz4K');
	background-image: url(../img/lines.svg);
	background-color: transparent;
}

#contact input {
	border: 0;
	background: transparent;
	border-bottom: 2px solid #ece1c0;
}

#contact input[type='submit'] {
	color: #8C7050;
	cursor: pointer;
}

#contact label {
	min-width: 45px;
	display: inline-block;
	text-align: right;
}

#contact #envoi {
}

#footer2 {
	margin-top: 100%;
	text-indent: 0;
	padding: 6px 0 0 0;
	font-size: 0.8em;
	text-align: center;
	color: #999;
}

footer a img {
    vertical-align: -.35em;
    margin-right: .6em;
}

.wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	z-index: 1;
	left: 0;
	-webkit-transition: width 1.2s, left 1.2s;
	-moz-transition: width 1.2s, left 1.2s;
	transition: width 1.2s, left 1.2s;
}

.wrap.champagnes {
	width: 50%;
}

#margin {
	height: 100%;
}

#margin2 {
	height: 150%;
	margin-top: -50%;
}

.absolu {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 600px;
	height: 600px;
	font-family: 'Gotham';
	color: #F3F0ED;
	text-align: center;
	font-size: 12px;
}

.absolu  h1, .absolu h1 img {
	width: 600px;
	height: auto;
}

.coming {
	font-family: 'Times New Roman', Serif;
	font-size: 18px;
	padding-left: 17px;
	letter-spacing: 12px;
	text-transform: uppercase;
	color: #111;
}

.modale {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.montre {
	visibility: visible;
}

.couverture {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.montre ~ .couverture {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.cadre {
	color: #f3ce83;
	background: #170302;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	padding: 20px;
}

.slide ul li {
	text-align: justify;
}

.cadre h2 {
	text-align: center;
	padding: 40px 0;
}

.cadre button {
	width: 50%;
	margin: 0 auto;
}

#mailto { cursor: pointer; }

.effet {
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.effet .cadre {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.montre.effet .cadre {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

.fond {
}

#salons p {
	text-indent: 0;
	text-align: center;
	padding-bottom: 1.6em;
	line-height: 1.4em;
}

#salons p strong {
	font-size: 1.4em;
}

#salons p small {
}

.en #salons .slide { padding-top: 125px !important; }

#recompenses h5 span {
	font-size: 1.4em;
}

#actualites img {
    max-width: 100%;
    width: 100%;
}
#actualites p { text-indent: 0; }
.facebook-post {
    margin: 2em auto;
    max-width: 47%;
    display: inline-block;
    margin-right: 1.3%;
    vertical-align: top;
}
.facebook-post p {
    font-size: .9em;
    text-align: left;
}
.faebook-post {

    max-height: 12em;
    width: auto;
    border: 1px solid #aaa;

}
.facebook-post a { 
    color: #8C7050; }
.loading-container {width: 10em; height: 1.8em; margin: 0 auto; text-align:center;}

#agelegal .loading-container.ready .loading { display: none;}
#agelegal .loading-container.ready button { display: inline-block;}
.loading {
	margin: auto;

	border-bottom: 1px solid #f9f9f9;
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #212121;
	border-top: 0px solid #212121;
	border-radius: 100%;
	height: 1.6em;
	width: 1.6em;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
}

@keyframes "spin" {
 from {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
 to {
    -webkit-transform: rotate(359deg);
   	-moz-transform: rotate(359deg);
   	-o-transform: rotate(359deg);
   	-ms-transform: rotate(359deg);
   	transform: rotate(359deg);
 }

}

@-moz-keyframes spin {
 from {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -moz-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-webkit-keyframes "spin" {
 from {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-ms-keyframes "spin" {
 from {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -ms-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-o-keyframes "spin" {
 from {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -o-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}


img.imgpng{ display: none; }
.no-svg img.imgpng{ display: block; }
.no-svg img.imgsvg{ display: none; }
.no-svg #rollUp { background: #fff;}
.no-svg header menu ul { background: #fff; }
.no-svg #actualites img {
width: 140px; margin: 0 auto;
}

.topbar {    
    background: #fcfcfc;
    height: 7em;
    width: 6em;
    right: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Arial';
    text-transform: uppercase;
    letter-spacing: .25em;
    font-size: .6em; 
    display: none;
    z-index: 9999;
}

.topbar label { cursor: pointer; 
    text-align: center;

    padding-left: .25em;
}
.topbar label img { 
    width: 4.7em;
    margin-left: -.2em;
}

        input[name="tap"] {
                display: none;
        }


@media only screen and (max-width: 1000px) {

	body {
		min-width: 786px;
	}

/*
	header menu > li, header menu li ul, #footer {
		display: none;
	}

	header menu > li{
		display:inline-block;
		font-size:0.6em;
	}

	header menu > li:nth-child(4) {
		display: inline-block;
		min-width: 110px;
		padding: 0;
	}

	header div {
		height: 51px;
	}

	header h1 {
		left: 0;
	}
*/	
	.wrap.champagnes { width: 100%; }
	
	#champagnes p.fiche { padding-top: 0; text-align: center; }
	
	#rollUp { background: #ffffff; }
	
	#rollUp article .illustration.left {
		left: auto;
	}

	#rollUp article .illustration.right {
		right: auto;
	}

	#rollUp article .illustration {
		background-color: #eeeeee;
		opacity: 1;
		margin: 2em auto;
		position: relative;
		max-height: auto;
		top: auto;
		width: 100%;
		z-index: 1;
		height: 400px;
	}

	#rollUp #champagnes .illustration img{
	
max-width: 9000px;
margin-left: -6em;
	}
	#rollUp #champagnes .illustration {
		
max-width: 24em !important;
/*	height: 34em;*/
		overflow: hidden;
	}

	#margin2 {
		height: 100%;
		margin-top: -200px;
	}
	
	#rollUp #contact .illustration,
	#rollUp #actualites .illustration,
	#rollUp #galerie .illustration { display: none; visibility: hidden; }
	
	header { bottom: 0; top: 0; display: flex; justify-content: center; align-items: center; transition: .6s opacity ease; }

	header.init { top: 0; }

	header menu { padding: 1em; }

	header menu > li { display: block; margin: 1.6em 0; }

	header menu > li:nth-child(3) { margin: 0; }
	
	header menu > li:nth-child(4) { height: 4em; }

	header menu > li:nth-child(4) a { margin: 0 auto; }

        header menu > li:nth-child(4) h1 { position: relative; top: auto; left: auto; }

        header menu > li:nth-child(4) h1 img { width: 43%; padding-top: 0; }

	header menu li:nth-child(1) ul,
        header menu li:nth-child(2) ul,
        header menu li:nth-child(3) ul,
        header menu li:nth-child(4) ul,
        header menu li:nth-child(5) ul,
        header menu li:nth-child(6) ul,
        header menu li:nth-child(7) ul,
	header menu ul { 
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		margin: 0 auto;
		width: 100%;
		padding; 0;
		background-color: #fcfcfc;
		z-index: 2;
		position: fixed; 
		height: 100vh;
    		max-height: 100vh;
    		display: flex;
    		justify-content: center;
    		align-items: center;
    		flex-direction: column;
		display: none;
	}
	
	header menu ul li { position: relative; top: auto; min-height: auto; }

	header.closed { opacity: 0; pointer-events: none; }

	.topbar { display: flex;  position: fixed; top: 1em; transition: .6s top ease; }

	.topbar.init { /* top: -7em; */ }

	input[name="tap"]:checked + header {
		opacity: 1;
		pointer-events: auto;
	}

	header menu { font-size: 1.6em;}
}