/*
TOP ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.top {position:absolute;top:0;left:0;right:0;z-index:99999;text-align:center;}
.top .logo {float:left;width:100%;margin:30px 0 15px 0;}
.top .logo a {display:block;height:70px;width:175px;margin:0 auto;background-image:url(../images/00-logo-black.png);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-position:center center;}
.top nav a {margin:10px;font-size:14px;color:#000;}
.top nav a.on {padding-bottom:5px;border-bottom:2px solid #000;}

/*
LG ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.lg {position:absolute;top:5px;right:5px;width:auto;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:20px;font-size:12px;z-index:100000;}
.lg a, .lg b {float:left;height:50px;width:auto;line-height:52px;color:#000;padding:0 5px 0 5px;font-weight:300;}
.lg b {padding:0;}

/*
LG ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.sm {position:absolute;top:5px;left:20px;width:auto;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:20px;font-size:12px;z-index:100000;}
.sm a, .sm b {float:left;height:50px;width:auto;line-height:52px;color:#fff;padding:0 5px 0 5px;font-weight:300;font-size:18px;}
.sm b {padding:0;}


/*
ACCUEIL ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.accueil {position:absolute;top:0;left:55%;right:5%;bottom:0;z-index:1;}
.accueil #main-content {float:left;width:100%;}
.accueil span {float:left;width:100%;text-align:center;}
.accueil span h1 {font:bold 36px 'Playfair Display';margin-bottom:5px;}
.accueil .sep {display:block;height:40px;margin:15px auto 0 auto;}

/*
TAGLINE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.tagline {position:absolute;left:0;right:0;top:155px;z-index:100000;text-align:center;}
.tagline em {background:rgba(250,250,250,0.5);padding:5px 15px 5px 15px;font:normal 16px 'Playfair Display';}

/*
ATELIER ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.background {position:absolute;top:0;left:0;right:0;bottom:0%;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-position:center center;}
.background b {position:absolute;bottom:0;left:0;right:0;text-align:center;padding:10px 0 10px 0;font-size:13px;font-weight:normal;opacity:#fff;color:#fff;background:rgba(0,0,0,0.4)}

.contenu {position:absolute;top:100%;left:0;right:0;-moz-box-sizing:border-box;box-sizing:border-box;}
.atelier {float:left;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:100px 23% 100px 23%;background:#fff;}
.atelier div {float:left;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px;}
.atelier h2 {text-align:center;font:normal 18px 'Open Sans';text-transform:uppercase;}
.atelier h3, .atelier h1 {text-align:center;font:bold 60px 'Playfair Display';}
.atelier p {text-align:center;margin-top:20px;font-size:18px;text-align:justify;text-align-last:center}
.contenu .sep {display:block;height:50px;margin:0 auto;}
.bloc3 {float:left;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:100px 8% 100px 8%;background:#f1f1f1;}
.bloc3 div {float:left;width:33.33%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px 0 30px;}
.bloc3 h2 {text-align:center;font:normal 16px 'Open Sans';text-transform:uppercase;}
.bloc3 h3 {text-align:center;font:bold 48px 'Playfair Display';margin-bottom:5px;}
.bloc3 p {text-align:justify;margin-top:20px;background:url(../images/00-sep-v.png) no-repeat top right;padding-right:30px;}
.bloc3 .sep {height:30px;}

.bloc3 div img.image1500 {float:left;width:100%;height:auto;background:#fff;margin-top:20px;}
.bloc3 div em {float:left;width:100%;margin-top:10px;font-size:12px;text-align:center;}

.bloc2 {float:left;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:100px 20% 100px 20%;background:#f1f1f1;}
.bloc2 div {float:left;width:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px 0 30px;}
.bloc2 h2 {text-align:center;font:normal 16px 'Open Sans';text-transform:uppercase;}
.bloc2 h3 {text-align:center;font:bold 48px 'Playfair Display';margin-bottom:5px;}
.bloc2 p {text-align:left;margin-top:20px;background:url(../images/00-sep-v2.png) repeat-y top right;padding-right:30px;}
.bloc2 .sep {height:30px;}
.portrait {float:left;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 8% 100px 8%;background:#fff;}
.portrait .img {float:left;width:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:15%;}
.portrait .img img {float:left;width:100%;}
.portrait .img em {float:left;width:100%;font-size:10px;color:#888;margin-top:2px;}
.portrait .texte {float:left;width:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 15% 0 5%;}
.portrait h2 {text-align:left;font:normal 16px 'Open Sans';text-transform:uppercase;}
.portrait h3 {text-align:left;font:bold 48px 'Playfair Display';}
.portrait p {text-align:justify;margin-top:20px;}
.portrait .sep {height:30px;float:left;}

.expertise {float:left;width:100%;text-align:left;-moz-box-sizing:border-box;box-sizing:border-box;display:flex;justify-content:center;background:#f1f1f1;padding:100px 0 100px 0;}
.expertise .texte {width:980px;}
.expertise .texte p {float:left;width:100%;text-align:left;margin-top:20px;}
.expertise .texte p i {float:left;width:100%;text-align:left;font:bold 28px 'Playfair Display';margin-bottom:15px;}
.expertise .texte h2 {text-align:center;font:normal 18px 'Open Sans';text-transform:uppercase;}
.expertise .texte h3, .expertise .texte h1 {text-align:center;font:bold 60px 'Playfair Display';}

/*
GALERIE ------------------------------------------------------------------------------------------------------------------------------------------------------------------

.galerie {float:left;width:100%;padding:170px 3% 0 3%;box-sizing:border-box;}
.galerie .sideleft {float:left;width:300px;}
.galerie .sideleft a {float:left;width:100%;padding:5px 0 5px 0;color:#000;cursor:pointer;}
.galerie .sideleft a.on {font-weight:bold;}
.galerie .sideleft strong {float:left;width:100%;font:bold 34px 'Playfair Display';line-height:1.2;margin-top:10px;}
.galerie .sideleft img {float:left;width:50%;margin-bottom:20px;margin-top:10px;}
.galerie .grid {display:block;height:auto;width:auto;margin:0 auto;overflow:hidden;margin-bottom:50px;}
.galerie .grid li {display:block;float:left;padding:0;width:33.33%;opacity:0;margin:0;overflow:hidden;padding:1%;-moz-box-sizing:border-box;box-sizing:border-box;}
.galerie .grid li.shown, .galerie .no-js .grid li, .galerie .no-cssanimations .grid li {opacity:1;}
.galerie .grid li a, .galerie .grid li img {outline:none;border:none;display:block;width:100%;margin:0;padding:0;}
.galerie .grid li a span {float:left;width:auto;padding:0;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.05);}
.galerie .grid li a span b {float:left;width:100%;background:#fff;font-weight:300;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;}
.galerie .grid li img {float:left;width:100%;}
.galerie .grid li p {float:left;width:100%;font-size:13px;line-height:1.5;padding:20px;border:1px solid #ddd;border-top:none;-moz-box-sizing:border-box;box-sizing:border-box;}
.galerie .grid li a span p b {float:left;width:100%;padding:0;font-weight:700;margin-bottom:0px;font-size:14px;}
.galerie .grid li p i {float:left;width:100%;margin-top:5px;}
*/

/*
LEXIQUE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.lexique {position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-position:center center;}
.lexique #main-content {float:left;width:100%;}
.lexique span {float:left;width:auto;margin:0 0 0 55%;}
.lexique span h1 {text-align:left;font:bold 48px 'Playfair Display';}
.lexique ul {float:left;width:100%;padding-left:50px;border-left:1px solid rgba(0,0,0,0.1);}
.lexique li {float:left;width:100%;}
.lexique li a {float:none;color:#000;display:inline-block;position:relative;}
.lexique li a:after {content:'';position:absolute;bottom:2px;left:0;width:0%;border-bottom:1px solid #000;transition:0.3s;}
.lexique li a:hover:after {width:100%;}
.lexique .sep {float:left;height:35px;margin:5px 0 20px 0;}

/*
LEXIQUE FICHE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.lexique_background {position:absolute;top:0;left:0;right:50%;bottom:0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-position:center center;background-color:#eee;}
.lexique_fiche {position:absolute;top:0;left:50%;right:0;bottom:0;padding:30px 10% 0 10%;}
.lexique_fiche #main-content {float:left;width:100%;}
.lexique_fiche span {float:left;width:auto;margin:0;}
.lexique_fiche span a {display:block;height:30px;width:30px;line-height:30px;text-align:center;color:#ddd;margin:0 auto;font-size:16px;font-weight:400;transition:0.5s;}
.lexique_fiche span a:hover {color:#000;}
.lexique_fiche span h2 {text-align:center;font:normal 16px 'Open Sans';text-transform:uppercase;}
.lexique_fiche span h1 {text-align:center;font:bold 48px 'Playfair Display';}
.lexique_fiche p {float:left;width:100%;text-align:justify;text-align-last:center;}
.lexique_fiche p a {float:left;color:#000;}
.lexique_fiche p a:hover {text-decoration:underline;}
.lexique_fiche .sep {display:block;height:35px;margin:5px auto 20px auto;}
.prevnext {position:absolute;bottom:30px;left:75%;z-index:99999;margin-left:-75px;}
.prevnext a i {float:left;height:auto;width:50px;text-align:center;color:#000;font-size:30px;}
.prevnext a.close i {float:left;height:auto;width:50px;text-align:center;color:#000;font-size:20px;margin-top:5px;}

/*
CONTACT ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.contact {position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-position:center center;}
.contact #main-content {float:left;width:100%;}
.contact span {float:left;width:auto;margin:0 0 0 60%;}
.contact span h1 {text-align:left;font:bold 48px 'Playfair Display';}
.contact p {float:left;width:100%;padding-left:50px;border-left:1px solid rgba(0,0,0,0.1);}
.contact p a {float:none;color:#000;display:inline-block;position:relative;}
.contact p a:after {content:'';position:absolute;bottom:2px;left:0;width:0%;border-bottom:1px solid #000;transition:0.3s;}
.contact p a:hover:after {width:100%;}
.contact .sep {float:left;height:35px;margin:5px 0 20px 0;}
.job {position:absolute;right:0;bottom:0;z-index:100;padding:0 35px 30px 0;font-size:13px;}
.job a {color:#333;text-decoration:underline;}

/*
BVRBI  ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.bvrbi {position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-position:center center;}
.bvrbi #main-content {float:left;width:100%;}
.bvrbi span {float:left;width:auto;margin:0 10% 0 50%;}
.bvrbi h2 {font:normal 16px 'Open Sans';text-transform:uppercase;color:#fff;margin-top:80px;}
.bvrbi span h1 {text-align:left;font:bold 48px 'Playfair Display';color:#fff;}
.bvrbi p {float:left;width:100%;color:#fff;text-align:left;}
.bvrbi p a {float:none;color:#fff;display:inline-block;position:relative;}
.bvrbi p a:after {content:'';position:absolute;bottom:2px;left:0;width:0%;border-bottom:1px solid #000;transition:0.3s;}
.bvrbi p a:hover:after {width:100%;}
.bvrbi .sep {float:left;height:35px;margin:5px 0 20px 0;}

/*
FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
footer {float:left;width:100%;padding:0 0 30px 0;background:#fff;border-top:1px solid #eee;}
footer .footer {display:block;width:1000px;margin:0 auto;}
footer .footer0 {float:left;width:100%;margin:0;text-align:center;margin-bottom:50px;}
footer .footer0 img {display:block;margin:0 auto;height:36px;}
footer .footer1 {float:left;width:100%;margin:0;}
footer .footer1 span {float:left;width:33.33%;box-sizing:border-box;border-right:1px solid #ebebe8;text-align:center;padding:5px 0 5px 0;}
footer .footer1 span em {float:left;width:100%;font:bold 13px 'Playfair Display';letter-spacing:5px;margin-bottom:10px;text-transform:uppercase;}
footer .footer1 span a {float:left;width:100%;font:normal 14px 'Playfair Display';color:#333;}
footer .footer1 span a:hover {text-decoration:underline;}
footer .footer1 span strong {float:left;width:100%;font:normal 14px 'Playfair Display';color:#333;}
footer .footer1 span input {float:none;text-align:center;border:none;width:100%;outline:none;margin-top:-5px;font-family:'Playfair Display';}
footer .footer2 {float:left;width:100%;text-align:center;color:#333;text-transform:uppercase;font-size:10px;letter-spacing:1px;margin-top:80px;}
footer .footer2 a {color:#333;-webkit-transition:0.4s;cursor:pointer;}
footer .footer2 a:hover {color:#000;}
footer .footer3 {float:left;width:100%;margin:0;text-align:center;font-size:12px;border-bottom:1px solid #eee;padding:10px 0 10px 0;margin-bottom:60px;font-style:italic;}

/*
ANIM ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.anim {position:absolute;bottom:50px;left:50%;z-index:99999;}
.anim span{display:block;width:5px;height:5px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #fff;border-bottom:2px solid #fff;margin:0 0 3px 6px;}
.anim .unu{margin-top:6px;}
.anim .unu, .anim .doi, .anim .trei{-webkit-animation:mouse-scroll 1s infinite;  -moz-animation:mouse-scroll 1s infinite;}
.anim .unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;}
.anim .doi{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate;}
.anim .trei{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-direction:alternate;}
.anim .mouse{height:21px;width:14px;border-radius:10px;transform:none;border:2px solid #fff;top:170px;}
.anim .wheel{height:5px;width:2px;display:block;margin:5px auto;background:#fff;position:relative;}
.anim .wheel{-webkit-animation:mouse-wheel 1.2s ease infinite;-moz-animation:mouse-wheel 1.2s ease infinite;}
@-webkit-keyframes mouse-wheel{
0% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100% {opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);}
}
@-moz-keyframes mouse-wheel{
0% {top:1px;}
50% {top:2px;}
100% {top:3px;}
}
@-webkit-keyframes mouse-scroll {
0% {opacity:0;}
50% {opacity:.5;}
100% {opacity:1;}
}
@-moz-keyframes mouse-scroll {
0%   {opacity:0;}
50%  {opacity:.5;}
100% {opacity:1;}
}
@-o-keyframes mouse-scroll {
0%   {opacity:0;}
50%  {opacity:.5;}
100% {opacity:1;}
}
@keyframes mouse-scroll {
0%   {opacity:0;}
50%  {opacity:.5;}
100% {opacity:1;}
}

/*
MENTIONS -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.mentions {position:fixed;top:0;left:-600px;width:600px;bottom:0;z-index:99999;background:rgba(0,0,0,0.9);color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 70px 50px 50px;overflow-y:auto;}
.mentions h1 {font:700 28px 'Playfair Display';text-transform:uppercase;color:#fff;padding-bottom:50px;}
.mentions b {text-transform:uppercase;}
.mentions p {text-align:justify;font-size:12px;line-height:1.8;}
.mentions em {color:#caa25c;color:#fff;}
.mentions a {color:#fff;}
.mentions a:hover {text-decoration:underline;}
.mentionsclose {float:left;width:100%;font-size:24px;margin-bottom:40px;}