@font-face {
	font-family: 'futura_ltbook';
	src: url('../font/futuralt-book-webfont.eot');
	src: url('../font/futuralt-book-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/futuralt-book-webfont.woff2') format('woff2'),
	url('../font/futuralt-book-webfont.woff') format('woff'),
	url('../font/futuralt-book-webfont.ttf') format('truetype'),
	url('../font/futuralt-book-webfont.svg#futura_ltbook') format('svg');
}
@font-face {
	font-family: 'futura_ltlight';
	src: url('../font/futuralt-light-webfont.eot');
	src: url('../font/futuralt-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/futuralt-light-webfont.woff2') format('woff2'),
	url('../font/futuralt-light-webfont.woff') format('woff'),
	url('../font/futuralt-light-webfont.ttf') format('truetype'),
	url('../font/futuralt-light-webfont.svg#futura_ltlight') format('svg');
}

html, body {margin:0;padding:0;font-size:1em;font-family:'futura_ltlight', sans-serif;}
* {outline:0;box-sizing:border-box;margin:0;padding:0;}
a {color:#222;text-decoration:none;}
img {display:block;}

/* BALISES COMMUNES *******************************/	
.logos, .img-center {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;cursor:pointer;}

@media screen and (max-width:640px) {
	.logos {max-width:500px;}
}

.screen {height:100vh;min-height:850px;position:relative;display:block;cursor:pointer;}
.descriptif {padding:15px;text-align:justify;position:absolute;left:50px;top:50px;}
@media screen and (max-height:1000px) {
	.descriptif {left:20px;top:20px;}
}
.descriptif p {margin-bottom:10px;}
.mini-desc {text-align:justify;padding:15px;position:absolute;left:50px;bottom:50px;}
@media screen and (max-height:1000px) {
	.mini-desc  {left:25px;bottom:25px;}
}
.ligne-1 {font-family: 'futura_ltbook', sans-serif;}
.ligne-2 {margin-bottom:20px;}

/* PARIS YORKER ***********************************/	
#paris-1 {background:#fff;}
#paris-2, #paris-6 {background:url('../py-1.png') repeat center fixed;}
#paris-3 {background:#f5f5f5;}
#paris-4 {background:url('../py-2.png') repeat center fixed;}
#paris-5 {background:url('../py-3.jpg') no-repeat center fixed;}
#paris-7 {background:#EDE3D3;}
#paris-8 {background:url('../py-4.jpg') no-repeat center fixed;}
#paris-9 {background:url('../py-5.png') repeat center fixed;}
#paris-8, #paris-5 {background-size:100% auto;}
.texte-paris {width:370px;background:#fff;}
.cadre-paris {border:5px solid #073674;padding:20px 20px 8px;height:498px;}
.logo-mini-paris {margin:20px auto 26px;}
.img-py-1 {width:90%;}
.img-py-2 {height:60%;max-height:400px;}
.img-py-3 {border:30px solid #fff;height:80%;max-height:804px;}
.img-py-4 {height:60%;max-height:380px;}
.img-py-5 {max-height:500px;max-width:90%;}

@media screen and (max-height:1000px) {
	#paris-1 img {max-height:50%;width:auto;}
	#paris-3 img {max-height:90%;width:auto;}
	#paris-4 img {max-height:50%;width:auto;}
	#paris-9 img {max-height:60%;width:auto;}
	#paris-7 img {max-height:50%;width:auto;}
	.cadre-paris{border:4px solid #073674;padding:15px 15px 5px;height:448px;}
	.texte-paris {width:350px;font-size:0.9em;left:20px;top:20px;}
}

@media screen and (max-width:640px) {
	.img-py-1, .img-py-2, .img-py-3, .img-py-4, .img-py-5   {max-width:500px;}
}

/* LES CAVES PASSENT À TABLE **********************************************/
#cave-1, #cave-3 {background: url('../caves-1.png') repeat center fixed;}
#cave-2 {background: url('../caves-2.jpg') no-repeat center fixed;}
#cave-4 {background: url('../caves-3.jpg') no-repeat center fixed;}
#cave-5 {background: url('../caves-4.jpg') no-repeat center fixed;}
#cave-2 {background-size:100%;}
#cave-4, #cave-5 {background-size:cover;}
.texte-caves {width:370px;background:#fff;}
.cadre-caves {border:5px solid #BF1724;padding:20px 20px 8px;height:585px;}
.logo-mini-caves {width:250px;margin:30px auto 46px;}
.img-caves-1 {max-height:80%;}
.mini-desc-caves {background:#BF1724;width:350px;}
.cadre-mini-desc-caves {border:4px solid #fff;padding:30px 30px 6px;}
.mini-desc-caves p {color:#fff;}
@media screen and (max-height:1000px) {
	#cave-1 img {max-height:30%;width:auto;}
	.cadre-caves {border:4px solid #BF1724;padding:15px 15px 5px;height:500px;}
	.logo-mini-caves {width:200px;margin:30px auto 40px;}
	.texte-caves {width:350px;font-size:0.9em;left:20px;top:20px;}
	.mini-desc-caves {background:#BF1724;width:300px;}
	.cadre-mini-desc-caves {border:3px solid #fff;padding:20px 20px 0;}
	.mini-desc-caves p {color:#fff;font-size:0.9em;}
}

/* EDWARDSON **************************************/
#ed-1 {background:#004899;}
#ed-2 {background: url('../ed-2.jpg') no-repeat center fixed;background-size:cover;}
#ed-3 {background: url('../ed-3.png') repeat fixed;}
#ed-4 {background: url('../ed-4.jpg') no-repeat center fixed;}
.texte-ed {width:370px;background:#fff;}
.cadre-ed {border:5px solid #004899;padding:20px 20px 8px;height:580px;}
.logo-mini-ed {width:250px;margin:30px auto 46px;}
.img-ed-1 {max-height:80%;max-width:800px;}
.mini-desc-ed {background:#01499B;width:350px;}
.cadre-mini-desc-ed {border:4px solid #fff;padding:30px 30px 6px;}
.mini-desc-ed p {color:#fff;}
@media screen and (max-height:1000px) {
	#ed-1 img {max-height:30%;width:auto;}
	#ed-3 img {max-height:40%;width:auto;}
	.cadre-ed {border:4px solid #004899;padding:15px 15px 5px;height:478px;}
	.logo-mini-ed {width:200px;height:101px;margin:30px auto 40px;}
	.texte-ed {width:320px;font-size:0.9em;}
	.cadre-mini-desc-ed  {border:3px solid #fff;padding:30px 30px 6px;}
	.mini-desc-ed {width:300px;}
	.mini-desc-ed p {color:#fff;font-size:0.9em;}
}

@media screen and (max-width:640px) {
	.img-ed-1 {max-height:80%;max-width:500px;}
}

/* CHÂTEAU DE JONCQUIERES *************************/
#jonquieres-1 {background: url('../jonquieres-1.png') repeat center fixed;}
#jonquieres-2 {background:url('../jonquieres-2.jpg') no-repeat center fixed;background-size:100%;}
#jonquieres-3 {background:url('../jonquieres-3.png') no-repeat center fixed;background-size:100% auto;}
#jonquieres-4 {background: url('../jonquieres-4.jpg') no-repeat center fixed;background-size:100% auto;}
.texte-jonquieres {width:350px;background:#fff;}
.cadre-jonquieres {border:5px solid #B07E4A;padding:20px 20px 8px;height:659px;}
.logo-mini-jonquieres {width:250px;margin:20px auto 30px;}
.mini-desc-jonquieres {background:#B07E4A;width:300px;}
.cadre-mini-desc-jonquieres {border:4px solid #fff;padding:22px 30px 1px;}
.mini-desc-jonquieres p {color:#fff;}
@media screen and (max-height:1000px) {
	#jonquieres-1 img {max-height:50%;}
	.texte-jonquieres {width:320px;font-size:0.9em;}
	.logo-mini-jonquieres {width:230px;margin:20px auto 25px;}
	.cadre-jonquieres {border:4px solid #B07E4A;padding:15px 15px 5px;height:565px;}
	.cadre-mini-desc-jonquieres  {border:3px solid #fff;padding:30px 30px 6px;}
	.mini-desc-jonquieres {width:300px;}
	.mini-desc-jonquieres p {color:#fff;font-size:0.9em;}	
}

/* PAPADOBLE **************************************/	
#papa-1 {background:#000;}
#papa-2 {background: url('../papa-1.jpg') no-repeat center fixed;background-size:cover;}
#papa-3 {background: url('../papa-2.png') no-repeat center fixed;cursor:pointer;width:100%;}
#papa-4 {width:100%;background: url('../papa-3.jpg') no-repeat center fixed;}
#papa-5 {background: url('../papa-4.png') repeat center fixed;}
.texte-papa {width:400px;background:#000;color:#fff;}
.cadre-papa {border:5px solid #fff;padding:20px 20px 8px;height:585px;}
.logo-mini-papa {width:250px;margin:30px auto 46px;}
.mini-desc-papa {background:#000;width:350px;}
.cadre-mini-desc-papa {border:4px solid #fff;padding:20px 20px 0;}
.mini-desc-papa p {color:#fff;}
.img-papa-1 {max-height:60%;}
@media screen and (max-height:1000px) {
	#papa-1 img {max-height:40%;width:auto;}
	.cadre-papa {border:4px solid #fff;padding:15px 15px 5px;height:532px;}
	.logo-mini-papa {width:150px;margin:35px auto 56px;}
	.texte-papa {width:300px;font-size:0.9em;}
	.cadre-mini-desc-papa {border:3px solid #fff;padding:20px 20px 0;}
	.mini-desc-papa{width:300px;}
	.mini-desc-papa p {color:#fff;font-size:0.9em;}	
}

/* CONTACT ****************************************/
.container-contact {width:100%;height:100vh;min-height:850px;position:relative;}
.container-add {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:775px;height:770px;text-align:center;}
.container-add img {width:100%;display:block;}
.adresse-mail {font-size:1.3em;color:#231413;margin-top:23px;font-family: 'futura_ltbook';}
@media screen and (min-height:701px) and (max-height:900px) {
	.container-add {height:555px;width:550px;}
	.adresse-mail {font-size:1.1em;color:#231413;}
}
@media screen and (max-height:700px) {
	.container-add {height:480px;width:470px;}
	.adresse-mail {font-size:1em;color:#231413;}
}





.logo-agence {display:block;position:fixed;top:40px;left:40px;width:300px;}

@media screen and (max-height:650px) {
	.logo-agence {width:200px;}
}

/* PUSH MENU **************************************/
button {cursor:pointer;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#wrapper {position: relative;z-index: 10;top: 0;left: 0;width:100%;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
	
@media screen and (max-width:640px) {
	#wrapper {width:640px;}
}

.mask {position:fixed;top:0;left:0;z-index:15;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);cursor:pointer;}
.buttons {text-align:center;position:fixed;top:30px;right:30px;z-index:999;}
.buttons button {background-color:transparent;}
.buttons img {width:60px;}
.buttons button:focus {outline:none}
img.bonnemine-right {width:330px;display:block;margin:30px auto;}
nav.menu {position:fixed;z-index:20;background-color:#fff;overflow:hidden;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
nav.menu ul {list-style-type:none;bottom:50px;width:100%;text-align:center;position:absolute;}
nav.menu a {font-size:0.9em;color:#222;text-decoration:none;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.1em;}
nav.push-menu-right {top:0;width:400px;height:100%;}
nav.push-menu-right li {display:inline-block;vertical-align:top;background:url('../crayon-index.png') no-repeat 0 20px;background-size:33px 250px;margin:0 6px;width:33px;height:280px;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
nav.push-menu-right li:hover {background: url('../crayon-index.png') no-repeat;background-size:33px 250px;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
nav.push-menu-right li:hover a {color:#4C4C4C;}
nav.push-menu-right a {display:block;width:33px;height:280px;}
nav.push-menu-right button.close-menu {margin: 10px 0; padding: 10px 30px;background-color:#f3f3f3;color:#222;}
nav.push-menu-right {right: -400px}
body.pmr-open nav.push-menu-right {right: 0}
.menu-accueil {display:none;}
.menu-papa {display:none;}
.menu-ed {display:none;}
.menu-paris {display:none;}
.menu-jonquieres {display:none;}
.menu-caves {display:none;}
.menu-contact {display:none;}
nav.push-menu-right li:hover .menu-accueil {display:block;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.2em;font-size:2em;text-transform:uppercase;position:absolute;
	top:-70px;text-align:center;left:126px;}
nav.push-menu-right li:hover .menu-papa {display:block;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.2em;font-size:2em;text-transform:uppercase;position:absolute;
	top:-70px;text-align:center;left:94px;}
nav.push-menu-right li:hover .menu-ed {display:block;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.2em;font-size:2em;text-transform:uppercase;position:absolute;
	top:-70px;text-align:center;left:86px;}	
nav.push-menu-right li:hover .menu-paris {display:block;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.2em;font-size:2em;text-transform:uppercase;position:absolute;
	top:-70px;text-align:center;left:75px;}	
nav.push-menu-right li:hover .menu-jonquieres {display:block;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.2em;font-size:2em;text-transform:uppercase;position:absolute;
	top:-108px;text-align:center;left:14px;}	
nav.push-menu-right li:hover .menu-caves {display:block;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.2em;font-size:2em;text-transform:uppercase;position:absolute;
	top:-146px;text-align:center;left:97px;width:210px;}	
nav.push-menu-right li:hover .menu-contact {display:block;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.2em;font-size:2em;text-transform:uppercase;position:absolute;
	top:-108px;text-align:center;left:84px;width:240px;}	
	
#welcome {height:100vh;min-height:850px;width:980px;margin:0 auto;position:relative;}
img.img-crayon {display:block;}
#crayons {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:850px;height:850px;}
.titre {font-size:1.4em;text-transform:uppercase;color:#222;font-family: 'futura_ltbook', sans-serif;letter-spacing:0.2em;}
.sous-titre {font-family: 'futura_ltlight', sans-serif;font-size:1.2em;color:#909090;letter-spacing:0.1em;}
#myDiv {display:none;position:absolute;top:250px;left:-100px;width:250px;}
#myDiv2 {display:none;position:absolute;top:80px;right:-100px;}
#myDiv3 {display:none;position:absolute;top:400px;right:-50px;}
#myDiv4 {display:none;position:absolute;top:250px;left:-100px;width:250px;}
#myDiv5 {display:none;position:absolute;top:450px;left:-50px;}
#myDiv6 {display:none;position:absolute;top:200px;right:-100px;}
#myDiv7 {display:none;position:absolute;top:350px;left:-100px;width:250px;}

@media screen and (min-height:750px) and (max-height:850px) {
	img.img-crayon {display:block;height:750px;width:750px;}
	#crayons {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:750px;height:750px;}
	.titre {font-size:1.3em;padding-bottom:0;}
	.sous-titre {font-size:1.1em;}
}
@media screen and (min-height:650px) and (max-height:749px) {
	img.img-crayon {display:block;height:650px;width:650px;}
	#crayons {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:650px;height:650px;}
	.titre {font-size:1.2em;padding-bottom:0;}
	.sous-titre {font-size:1em;}	
}
@media screen and (min-height:550px) and (max-height:649px) {
	img.img-crayon {display:block;height:550px;width:550px;}
	#crayons {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:550px;height:550px;}
	.titre {font-size:1.2em;padding-bottom:0;}
	.sous-titre {font-size:1em;}	
	#myDiv6 {right:-100px;}
	#myDiv5 {top:250px;left:-50px;}
	#myDiv3 {top:200px;right:-50px;}
}