
/*
CADRE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.cache {position:fixed;top:25px;left:25px;right:25px;bottom:25px;background:#e5e4d6;z-index:90000;}
.cadre1 {position:fixed;top:0;left:0;right:0;height:25px;background:#fff;z-index:100000;}
.cadre2 {position:fixed;bottom:0;left:0;right:0;height:25px;background:#fff;z-index:100000;}
.cadre3 {position:fixed;top:0;left:0;bottom:0;width:25px;background:#fff;z-index:100000;}
.cadre4 {position:fixed;top:0;right:0;bottom:0;width:25px;background:#fff;z-index:100000;}

/*
LOGO ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.logo a {position:fixed;top:60px;left:60px;height:100px;width:100px;z-index:99999;-webkit-transition:0.4s;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;background-image:url(../images/00-logo.png);}
.logo a:hover {-webkit-transform:rotateY(180deg);background-image:url(../images/00-logo-white.png);}

/*
NAV ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
nav {position:fixed;top:88px;left:200px;z-index:99999;}
nav a {float:left;margin:10px;font-size:14px;color:#000;padding-bottom:2px;}
nav a.on {border-bottom:4px solid #000;}
nav a em {color:#000;display:inline-block;position:relative;}
nav a em:after {content:'';position:absolute;bottom:-6px;left:0;width:0%;border-bottom:4px solid rgba(0,0,0,0.1);transition:0.3s;}
nav a em:hover:after {width:100%;}

/*
SM ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
footer {position:fixed;bottom:50px;left:60px;z-index:99999;}
footer div {float:left;}
footer div.sm {float:left;margin-right:5px;}
footer div.sm a {float:left;margin-right:20px;color:#000;font-size:15px;}
footer div.lg {float:left;margin-right:10px;}
footer div.lg a {color:#000;font-size:12px;}

/*
COPYRIGHT ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.copyright a {position:fixed;bottom:50px;right:60px;z-index:99999;color:#000;}

/*
RETOUR ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.retour {position:fixed;top:88px;right:55px;z-index:99999;}
.retour a {float:left;margin:10px;color:#000;padding-bottom:2px;border-bottom:4px solid #000;}
.retour a.retour2 {border:none;}
.retour a.retour3 {border:none;margin-right:20px;}
.retour em {float:left;margin:10px 0 10px 0;color:#000;padding-bottom:2px;}

/*
ABOUT ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.about_portrait {position:fixed;top:140px;left:210px;bottom:25px;right:50%;}
.about_portrait #main-content {width:100%;}
.about_portrait a span {float:left;width:48%;}
.about_portrait a img {float:left;width:100%;}
.about_portrait a b {float:left;width:100%;text-align:center;margin-top:15px;font:bold 14px 'Playfair Display';color:#000;}
.about_portrait a i {float:left;width:100%;text-align:center;font:normal 10px 'Open Sans';color:#000;opacity:0;text-transform:uppercase;transition:0.5s;-webkit-transition:0.5s;}
.about_portrait a:hover i {opacity:1;}
.about_portrait a .about_portrait1 {margin:0 0 0 0;}
.about_portrait a .about_portrait2 {margin:30px 0 0 -30px;}
.about {position:fixed;top:75px;bottom:0;left:54%;width:380px;}
.about h1 {float:left;width:100%;font:bold 36px 'Playfair Display';line-height:44px;}
.about p {float:left;width:100%;margin-top:30px;}
.about1, .about2 {position:fixed;top:75px;bottom:0;left:35%;width:30%;display:none;}
.about1 h1, .about2 h1 {float:left;width:100%;font:bold 46px 'Playfair Display';line-height:44px;}
.about1 h2, .about2 h2 {float:left;width:100%;margin:20px 0 20px 0;}
.about1 p, .about2 p {float:left;width:100%;text-align:left;margin-bottom:50px;}
.about1 span, .about2 span {float:left;width:100%;}
.about1_cache, .about2_cache {position:fixed;top:0;left:0;right:0;bottom:0;display:none;cursor:url(../images/00-close.png), pointer;}

/*
APPROACH ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.approach_background {position:absolute;top:0;left:25px;right:25px;bottom:25px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;overflow:hidden;border-top:25px solid #fff;}
.approach {position:absolute;top:61%;left:25px;right:25px;text-align:center;border-bottom:25px solid #fff;}
.approach strong {float:left;width:100%;font:bold 130px 'Playfair Display';}
.approach span {float:left;width:50%;margin:20px 25% 100px 25%;font:normal 22px 'Playfair Display';}
.approach .bloc {float:left;width:100%;background:#f0efe5;padding:100px 0 100px 0;}
.approach .bloc img {float:left;width:25%;margin:0 0 0 25%;}
.approach .bloc p {float:left;width:20%;margin:0 0 0 1%;}
.approach .bloc p b {float:left;width:100%;font:bold 60px 'Playfair Display';line-height:65px;text-align:left;margin:30px 0 50px 0;}
.approach .bloc2 {float:left;width:100%;margin:0 0 0 0;padding:150px 0 150px 0;}
.approach .bloc2 img {float:left;width:40%;margin:0 0 0 0;}
.approach .bloc2 p {float:left;width:30%;margin:0 5% 0 13%;text-align:left;}
.approach .bloc2 p b {float:left;width:100%;font:bold 60px 'Playfair Display';line-height:65px;text-align:left;margin:30px 0 50px 0;}
.approach .bloc2 i {font-weight:bold;font-style:normal;}
.approach .bloc2 div {float:left;width:40%;height:auto;opacity:0.8;overflow:hidden;}
.approach .bloc2 div .video {float:left;width:120%;margin-left:-10%;}
.approach .bloc3 {float:left;width:100%;background:#f0efe5;}
.approach .bloc3 div {float:left;width:100%;height:700px;opacity:0.9;overflow:hidden;}
.approach .bloc3 div .video {float:left;width:102%;margin:-100px 0 0 -1%;}
.approach .bloc4 {float:left;width:100%;background:#f0efe5;padding:150px 15% 150px 15%;moz-box-sizing:border-box;box-sizing:border-box;}
.approach .bloc4 img {float:left;width:33.33%;padding:0 0.5% 0 0.5%;moz-box-sizing:border-box;box-sizing:border-box;}
.approach .bloc5 {float:left;width:100%;margin:0 0 0 0;padding:150px 0 150px 0;}
.approach .bloc5 p {float:left;width:100%;margin:0 0 0 0;text-align:center;}
.approach .bloc5 p strong {float:left;width:100%;font:bold 60px 'Playfair Display';line-height:65px;text-align:center;margin:30px 0 50px 0;}


/*
COLLECTIONS ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.collections {position:absolute;top:0;left:24px;right:25px;bottom:0;border-top:25px solid #fff;}
.collections_bottom {float:left;width:100%;border-bottom:25px solid #fff;margin-top:-1px;}
.collections a {float:left;width:50%;height:50%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;border:1px solid #cbcab8;border-right:none;border-top:none;moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
.collections a div {position:relative;float:left;font:500 14px 'Playfair Display';color:#333;height:100%;width:100%;text-align:center;}
.collections a span {position:absolute;bottom:25px;left:0;right:0;}
.collections a b {font:700 11px 'Open Sans';text-transform:uppercase;}
.collections a i {display:block;height:1px;width:0;background:#333;margin:0 auto;transition:0.5s;transition-delay:0.1s;}
.collections a em {display:block;height:auto;width:auto;margin:0 auto;padding:10px 0 13px 0;opacity:1;transition:0.7s;}
.collections a:hover i {width:17px;}
.collections a:hover em {opacity:1;}

/*
COLLECTIONS FICHE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.fp-slide {float:left;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.fp-slide, .fp-slidesContainer {height:100%;display:block;}
.fp-slides {z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.section {-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.fp-controlArrow.fp-prev {right:90px;height:20px;width:20px;background:#000 url(../images/00-prev2.png) no-repeat center center;border:none;padding:5px;margin:0;margin-bottom:-10px;}
.fp-controlArrow.fp-next {right:60px;height:20px;width:20px;background:#000 url(../images/00-next2.png) no-repeat center center;border:none;padding:5px;margin:0;margin-bottom:-10px;}
.fiche_titre {position:fixed;left:200px;right:200px;bottom:60px;text-align:center;font:700 22px 'Playfair Display';color:#444;}
.fiche_titre i {display:block;height:1px;width:0;background:#333;margin:0 auto;opacity:0;}
.fiche_titre em {display:block;height:auto;width:auto;margin:0 auto;padding:15px 0 22px 0;}
.fiche_titre b {display:block;height:auto;width:auto;margin:0 auto;padding:15px 0 0 0;font:normal 14px 'Open Sans';}
.fiche_tva {position:fixed;bottom:200px;left:-42px;z-index:10;width:250px;height:50px;-webkit-transform: rotate(-90.0deg);font-size:11px;}
#section1 img {position:absolute;left:50%;top:50%;height:400px;margin:-160px 0 0 -750px;}
#section1 span {position:absolute;left:50%;line-height:28px;margin-top:-160px;width:20%;}
#section1 span p {float:left;width:100%;text-align:left;}
#section1 span p b {float:left;width:100%;font:700 18px 'Playfair Display';margin:0 0 30px 0;}
#section1 span em {float:left;border-left:1px solid #333;padding:0 0 0 15px;margin:0;font-weight:700;margin:30px 0 0 0;}
#section1 span em u {float:left;width:100%;font-style:normal;margin-top:0;text-decoration:none;}
#section2 {float:left;width:30%;margin:20px 0 0 35%;}
#section2 input[type="text"]{float:left;width:100%;background:none;border:none;outline:none;border-bottom:1px solid #bcbaa5;font-size:16px;padding:10px 0 10px 0;font-weight:bold;margin-bottom:20px;-webkit-appearance:none;}
#section2 textarea {float:left;width:100%;background:none;border:none;outline:none;border-bottom:1px solid #bcbaa5;font-size:16px;padding:10px 0 10px 0;font-weight:bold;-webkit-appearance:none;-moz-appearance:none;}
#section2 input::-webkit-input-placeholder {color:#000;font-weight:normal;}
#section2 textarea::-webkit-input-placeholder {color:#000;font-weight:normal;}
#section2 input:focus {border-bottom:1px solid #000;}
#section2 textarea:focus {border-bottom:1px solid #000;}
#section2 span {float:left;width:100%;margin:20px 0 0 0;}
#section2 span a {display:block;height:32px;width:140px;margin:0 auto;background:#000;color:#e5e4d6;font-size:16px;font-weight:normal;text-align:center;line-height:32px;border:1px solid #000;font-family:'Playfair Display';border-radius:1px;transition:0.3s;}
#section2 span a:hover {background:none;color:#000;}
#section2 img {position:absolute;width:40%;left:-40%;margin-top:-5.5%;}
#section3 {float:left;width:80%;margin:0 0 0 10%;}
#section3 img {float:left;width:33.33%;}

/*
CONTACT ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.contact_background {position:fixed;top:25px;left:25px;right:25px;bottom:25px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:right center;overflow:hidden;}
.contact {position:fixed;top:50px;bottom:0;left:210px;line-height:26px;}
.contact strong {font:bold 28px 'Playfair Display';}
.contact b {float:left;width:100%;font-weight:bold;margin-top:7px}
.contact a {color:#000;display:inline-block;position:relative;}
.contact a:after {content:'';position:absolute;bottom:2px;left:0;width:0%;border-bottom:1px solid #000;transition:0.3s;}
.contact a:hover:after {width:100%;}
.contact i {width:22px;}

/*
PRESSE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.presse_background {position:fixed;top:25px;left:25px;right:25px;bottom:25px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:right center;overflow:hidden;}
.presse {position:fixed;top:25px;bottom:25px;left:0;right:0;text-align:center;line-height:26px;color:#fff;padding-bottom:25px;}
.presse1 strong {font:bold 130px 'Playfair Display';}
.presse1 b {float:left;width:100%;font-weight:bold;margin-top:7px;color:#fff;}
.presse1 a {color:#000;display:inline-block;position:relative;color:#fff;}
.presse1 a:after {content:'';position:absolute;bottom:2px;left:0;width:0%;border-bottom:1px solid #fff;transition:0.3s;}
.presse1 a:hover:after {width:100%;}
.presse1 i {width:22px;}
.presse form {float:left;width:100%;text-align:center;margin-top:20px;}
.presse form input {display:inline-block;float:none;height:19px;width:150px;padding:5px 5px 5px 5px;border:none;border:1px solid #fff;font:normal 13px Arial;text-align:center;outline:none;-webkit-appearance:none;-moz-appearance:none;}
.presse form span {float:none;width:auto;}
.presse form a {display:inline-block;float:none;height:17px;width:17px;padding:6px;border:1px solid #fff;margin:0 0 0 -4px;text-align:center;font:normal 13px Arial;color:#999;background:#fff;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s;}

/*
PRESSE PRIVEE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.presse_privee {position:absolute;top:0;left:0;right:0;bottom:0;border-top:25px solid #fff;}
.presse_privee h1 {float:left;width:100%;font:bold 60px 'Playfair Display';text-align:center;margin:150px 0 0 0;}
.presse_privee h2 {float:left;width:100%;text-align:center;margin:10px 0 50px 0;font:400 18px 'Open Sans';}
.presse_privee2 {float:left;width:100%;moz-box-sizing:border-box;box-sizing:border-box;padding:0 15% 50px 15%;}
.presse_privee2 a {float:left;width:25%;moz-box-sizing:border-box;box-sizing:border-box;padding:2%;}
.presse_privee2 a img {float:left;width:100%;}
.presse_privee2 a b {float:left;width:100%;text-align:center;color:#000;margin-top:10px;font-weight:normal;}
.presse_privee_bottom {float:left;width:100%;border-bottom:25px solid #fff;}













