/*
TOP -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.top {position:fixed;top:0;left:0;right:0;height:50px;background:#000;z-index:900000001;}
.top .logo {position:fixed;height:50px;width:65px;background:url(../images/00-logo-white-2.png);right:25px;z-index:900000001;transition:0.55s 0.05s}
/*.top .logo:hover {width:180px;right:0;cursor:none;}*/
.top .logo2 {position:fixed;height:50px;width:65px;background:url(../images/00-logo-2.png);right:25px;z-index:900000001;transition:0.55s 0.05s;display:none;}
/*.top .logo2:hover {width:180px;right:0;cursor:none;}*/
.top0 {position:fixed;top:0;left:0;right:0;height:50px;background:#fff;z-index:900000001;}

/*
MENU -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.menu {position:fixed;cursor:pointer;width:20px;height:15px;margin:20px 0 0 25px;z-index:900000001;}
.menu-global {backface-visibility:hidden;position:absolute;left:0;border-top:4px solid #fff;width:100%;transition:0.55s;}
.menu-top {top:0;}
.menu-bottom {top:7px;}
.menu-top-click {backface-visibility:hidden;top:3px;transform:rotate(45deg);transition:0.55s 0.05s;border-top:4px solid #000;}
.menu-bottom-click {backface-visibility:hidden;top:3px;transform:rotate(-45deg);transition:0.55s 0.05s;border-top:4px solid #000;}
.menu-texte {position:absolute;left:27px;font:900 15px 'Raleway';margin-top:-3px;color:#fff;text-transform:uppercase;}

/*
RETOUR -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.retour {position:fixed;cursor:pointer;width:20px;height:15px;margin:21px 0 0 -10px;left:50%;z-index:900000001;}
.retour-global {backface-visibility:hidden;position:absolute;left:0;border-top:4px solid #fff;width:100%;transition:0.55s;}
.retour-top {top:0;backface-visibility:hidden;top:3px;transform:rotate(45deg);transition:0.55s 0.05s;border-top:4px solid #000;}
.retour-bottom {top:7px;backface-visibility:hidden;top:3px;transform:rotate(-45deg);transition:0.55s 0.05s;border-top:4px solid #000;}

/*
PREVIOUS NEXT -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.picto_previous {position:fixed;height:18px;width:18px;margin:17px 0 0 -40px;left:50%;z-index:90001;background:url(../images/00-previous.png);}
.picto_next {position:fixed;height:18px;width:18px;margin:17px 0 0 22px;left:50%;z-index:90001;background:url(../images/00-next.png);}

/*
NAV -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.nav {position:fixed;top:50px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:900000001;display:none;}
.nav ul {float:left;height:auto;width:auto;margin:50px;}
.nav ul li {float:left;height:auto;width:100%;}
.nav ul li a {float:left;height:60px;width:auto;font:900 58px 'Raleway';text-transform:uppercase;line-height:60px;color:#fff;padding:5px 10px 5px 10px;opacity:0;margin-left:-100px;}
.nav ul li a:hover {color:#caa25c;}
.nav ul li.on a {color:#caa25c;}
.nav ul li.on a:hover {color:#caa25c;}

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

/*
TOP -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.footer {position:fixed;bottom:0;left:0;right:0;height:50px;background:#000;z-index:90001;}
.footer a.sigle {position:fixed;bottom:0;left:50%;height:50px;width:50px;background:url(../images/00-picto-white.png);margin-left:-25px;-webkit-transition:1s;}
.footer a:hover.sigle {-webkit-transform:rotateY(360deg);-webkit-transition:1s;}
.footer .lg {position:fixed;bottom:0;left:25px;height:50px;line-height:50px;color:#fff;}
.footer .lg a {float:left;font:900 15px 'Raleway';line-height:52px;color:#fff;}
.footer .lg em {float:left;font:400 15px 'Museo';line-height:52px;color:#fff;margin:0 3px 0 3px;}
.footer .lg a.copyright {font:700 19px 'Raleway';line-height:50px;margin-right:10px;}
.footer .reseaux {position:fixed;bottom:0;right:25px;height:50px;line-height:52px;color:#fff;font-size:22px;}
.footer .reseaux a {float:left;color:#fff;margin-left:15px;}
.footer2 {position:fixed;bottom:0;left:100%;right:0;height:50px;background:#fff;z-index:99999;}
.footer2 a.sigle {position:fixed;bottom:0;left:50%;height:50px;width:50px;background:url(../images/00-picto-brown.png);margin-left:-25px;display:none;-webkit-transition:1s;}
.footer2 a:hover.sigle {-webkit-transform:rotateY(360deg);-webkit-transition:1s;}
.footer2 .lg {position:fixed;bottom:0;left:25px;height:50px;line-height:50px;color:#000;display:none;}
.footer2 .lg a {float:left;font:900 15px 'Raleway';line-height:52px;color:#000;}
.footer2 .lg em {float:left;font:400 15px 'Museo';line-height:52px;color:#000;margin:0 3px 0 3px;}
.footer2 .lg a.copyright {font:700 19px 'Raleway';line-height:50px;margin-right:10px;}
.footer2 .reseaux {position:fixed;bottom:0;right:25px;height:50px;line-height:52px;color:#000;font-size:18px;display:none;}
.footer2 .reseaux a {float:left;color:#000;margin-left:15px;}

/*
BORDER -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.border_left {position:fixed;top:50px;bottom:50px;left:0;width:25px;background:#fff;display:none;}
.border_right {position:fixed;top:50px;bottom:50px;right:0;width:25px;background:#fff;display:none;}

/*
BACKGROUND -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.background {position:fixed;top:50px;left:0;right:0;bottom:50px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;}

/*
HP -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.hp {position:fixed;top:50px;left:0;right:0;bottom:50px;background:url(http://www.olivier-dolle.com/css/uploads/accueil/2.jpg);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:bottom center;}

/*
ABOUT -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.about {position:fixed;top:50px;left:0;right:0;bottom:50px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;opacity:0;}
.about a {float:left;height:100%;width:33.33%;-webkit-transition:0.5s;font:900 26px 'Raleway';text-transform:uppercase;color:#fff;text-align:center;}
.about a #main-content {opacity:0;margin-top:20px;}
.about a:hover {background:rgba(250,250,250,0.12);background:rgba(0,0,0,0.35);-webkit-transition:0.5s;}
.about a img {display:block;margin:0 auto 16px auto;height:50px;opacity:0;-webkit-transition:0.01s;}
.about a:hover img {opacity:1;-webkit-transform:rotateY(360deg);-webkit-transition:1s;}

/*
MATERIAUX -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.materiaux_background1, .materiaux_background1b {position:fixed;top:50px;left:0;right:100%;bottom:50px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;opacity:0;z-index:50000;}
.materiaux_background2, .materiaux_background2b {position:fixed;top:50px;left:100%;right:0;bottom:50px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;opacity:0;z-index:50000;}
.materiaux_background1b, .materiaux_background2b {opacity:1}
.materiaux a {left:0;right:0;font:900 28px 'Raleway';color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 0 10px #000;opacity:0;}
.materiaux a:hover {background:rgba(0,0,0,0.65);-webkit-transition:0.5s;}
.materiaux .materiaux1 {position:fixed;height:40%;top:0;left:0;right:0;background:#fff;color:#000;text-align:center;padding-top:90px;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-50px;z-index:50000;}
.materiaux .materiaux1 img {display:block;margin:0 auto;height:40px;padding-left:5px;margin-top:-20px;}
.materiaux .materiaux1 b {display:block;margin:0 auto;font:900 35px 'Raleway';color:#000;margin-top:10px;text-transform:uppercase;}
.materiaux .materiaux1 p {float:none;display:block;width:auto;margin:0 auto;font-size:14px;text-align:center;line-height:15px;border-left:1px solid #caa25c;border-right:1px solid #caa25c;padding:0 20px 0 20px;}
.materiaux .materiaux1 em {display:block;margin:8px auto 14px auto;height:1px;width:15px;background:#caa25c;}
.materiaux a.materiaux2 {position:fixed;top:40%;height:20%;margin-top:-50px;z-index:50001;}
.materiaux a.materiaux3 {position:fixed;top:60%;height:20%;margin-top:-50px;z-index:50001;}
.materiaux a.materiaux4 {position:fixed;top:80%;height:20%;margin-top:-50px;z-index:50001;}
.materiaux_trait1 {position:fixed;top:60%;height:1px;left:0;right:100%;z-index:50001;background:#fff;margin-top:-50px;}
.materiaux_trait2 {position:fixed;top:80%;height:1px;left:100%;right:0;z-index:50001;background:#fff;margin-top:-50px;}
#lebois1, #lebois2, #lebois3 {opacity:0;}

/*
MATERIAUX -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.materiaux_placages {position:fixed;top:50px;bottom:50px;left:0;right:50%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.materiaux_placages2 {position:fixed;top:50px;bottom:50px;left:50%;right:0;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;}



.materiaux_fiche {position:fixed;top:50px;bottom:50px;left:0;right:50%;background:rgba(0,0,0,0.2);padding:0 15% 0 15%;opacity:0;}
.materiaux_fiche img {display:block;margin:0 auto;height:40px;padding-left:5px;}
.materiaux_fiche b {display:block;margin:0 auto;font:900 40px 'Raleway';color:#fff;margin-top:10px;text-transform:uppercase;text-align:center;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.materiaux_fiche p {display:block;margin:0 auto;font-size:16px;text-align:justify;line-height:15px;color:#fff;text-shadow:0 0 10px #000;margin-bottom:8px}
.materiaux_fiche em {display:block;height:1px;width:15px;background:#caa25c;text-shadow:0 0 10px #000;margin: 0 auto;}
.materiaux_fiche span {float:left;width:100%;margin:8px auto 14px auto;}

.img1b{background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;top:0;left:0;right:0;bottom:0;}
.img1b b {position:absolute;top:50%;left:0;right:0;color:#fff;font:900 40px 'Raleway';color:#fff;text-align:center;margin-top:-30px;}
.img1b b span {border:1px solid #fff;padding:10px 20px 10px 20px;text-transform:uppercase;}


.lebois_arrow {position:fixed;bottom:90px;left:75%;margin-left:-28px;z-index:99999;}
.lebois_arrow b {display:block;margin:0 auto;font:900 18px 'Raleway';color:#000;margin-bottom:-5px;text-transform:uppercase;}
.lebois_arrow img {display:block;margin:0 auto;}


/*
PARUTIONS -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.parutions_texte {position:fixed;height:35%;top:0;left:0;right:0;background:#fff;color:#000;text-align:center;padding-top:90px;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-50px;}
.parutions_texte img {display:block;margin:0 auto;height:40px;padding-left:5px;margin-top:-20px;}
.parutions_texte b {display:block;margin:0 auto;font:900 30px 'Raleway';color:#000;margin-top:10px;text-transform:uppercase;}
.parutions_texte p {float:none;display:block;width:auto;margin:0 auto;font-size:14px;text-align:center;line-height:15px;border-left:1px solid #caa25c;border-right:1px solid #caa25c;padding:0 20px 0 20px;}
.parutions_texte em {display:block;margin:8px auto 14px auto;height:1px;width:15px;background:#caa25c;}
#parutions_visuel {position:fixed;top:34%;left:0;right:0;bottom:50px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;margin-top:-50px;}


.parutions_catalogue {position:absolute;top:100%;left:0;right:0;bottom:0;background:#caa25c;margin-top:-70px;z-index:7;}
.parutions_catalogue div a {float:left;height:auto;width:auto;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;background:#000;}
.parutions_catalogue div a img {float:left;height:293px;width:220px;-webkit-filter:grayscale(100%);}
.parutions_catalogue div a b {position:absolute;width:220px;height:293px;background:rgba(0,0,0,0.5);opacity:1;color:#fff;text-transform:uppercase;margin-left:-220px;text-align:center;font:700 25px 'Raleway';text-shadow:0 0 5px #000;}
.parutions_catalogue div a b i {float:left;width:100%;text-transform:none;font:normal 14px 'Raleway';margin-top:10px;}
.parutions_catalogue div a b span {float:left;width:100%;margin-top:10px;}
.parutions_catalogue div a b span em {display:block;margin:0 auto;width:20px;height:2px;background:#caa25c;}
.parutions_catalogue div a:hover b {opacity:0;-webkit-transition:1s;}
.parutions_catalogue div a:hover img {-webkit-filter:grayscale(0);}
.parutions_catalogue .centrer1 {float:initial;width:1442px;margin:0 auto;padding-left:4px;}

.parutions_texte span {display:block;margin:0 auto;width:600px;margin-top:20px;}
.parutions_texte span a {float:left;height:30px;width:150px;border:1px solid #caa25c;margin:0 0 0 110px;text-align:center;line-height:30px;background:#caa25c;color:#fff;}
.parutions_texte span form {float:right;height:30px;width:50%;border-left:1px solid #caa25c;}
.parutions_texte span form input {float:left;height:30px;width:150px;border:1px solid #caa25c;margin:0 0 0 37px;padding:0;text-align:center;line-height:30px;color:#caa25c;}
.parutions_texte span form input::-webkit-input-placeholder {color:#caa25c;}
.parutions_texte span form input:-moz-placeholder {color:#caa25c;}
.parutions_texte span form input::-moz-placeholder {color:#caa25c;}
.parutions_texte span form input:-ms-input-placeholder {color:#caa25c;}

.languette {position:absolute;bottom:69px;left:50%;height:61px;width:135px;z-index:90000;background:url(../images/00-languette.png);margin:0 0 0 -68px;cursor:pointer;z-index:900000001;}
.languette strong {float:left;width:100%;text-align:center;margin-top:38px;color:#fff;}
.parutions_catalogue2 {position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:scroll;padding:100px 0 150px 0;background:#000;border-top:20px solid #caa25c;}
.ret a {position:fixed;top:0;left:50%;height:50px;width:135px;z-index:90001;margin-left:-67px;display:none;z-index:900000002;}

/*
PUBLICATIONS -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.publications {position:fixed;top:50px;left:0;right:0;bottom:50px;background:url(http://www.olivier-dolle.com/css/uploads/publications/1.jpg);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:bottom center;opacity:0;}

/*
SURMESURE -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.surmesure {float:left;width:100%;margin-top:20px;}
.surmesure img {float:left;width:100%;}

.surmesure_titre {position:fixed;height:40%;top:0;left:0;right:0;background:#fff;color:#000;text-align:center;padding-top:90px;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-50px;z-index:50000;}
.surmesure_titre img {display:block;margin:0 auto;height:40px;padding-left:5px;margin-top:-20px;}
.surmesure_titre b {display:block;margin:0 auto;font:900 35px 'Raleway';color:#000;margin-top:10px;text-transform:uppercase;}
.surmesure_titre p {float:none;display:block;width:auto;margin:0 auto;font-size:14px;text-align:center;line-height:15px;border-left:1px solid #caa25c;border-right:1px solid #caa25c;padding:0 20px 0 20px;}
.surmesure_titre em {display:block;margin:15px auto 15px auto;height:1px;width:15px;background:#caa25c;}


.surmesu {position:fixed;top:40%;left:0;right:0;text-transform:uppercase;font:700 18px 'Raleway';text-align:left;color:#000;text-align:center;margin-top:-100px;z-index:99999}
.surmesure_arrow {position:absolute;top:40%;left:50%;margin-left:-26px;margin-top:-110px;z-index:99999;}
.surmesure_arrow b {display:block;margin:0 auto;font:900 14px 'Raleway';color:#000;margin-bottom:-5px;text-transform:uppercase;}
.surmesure_arrow img {display:block;margin:0 auto;height:30px;}



/*
COMMANDE -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.commande {position:fixed;top:50px;left:0;right:0;bottom:50px;background:url(http://www.olivier-dolle.com/css/uploads/commande/1.jpg);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:bottom center;opacity:0;}
.commander_titre {position:fixed;height:40%;top:0;left:0;right:0;background:#fff;color:#000;text-align:center;padding-top:90px;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-50px;z-index:50000;}
.commander_titre img {display:block;margin:0 auto;height:40px;padding-left:5px;margin-top:-20px;}
.commander_titre b {display:block;margin:0 auto;font:900 35px 'Raleway';color:#000;margin-top:10px;text-transform:uppercase;}
.commander_titre p {float:none;display:block;width:auto;margin:0 auto;font-size:14px;text-align:center;line-height:15px;border-left:1px solid #caa25c;border-right:1px solid #caa25c;padding:0 20px 0 20px;}
.commander_titre em {display:block;margin:15px auto 15px auto;height:1px;width:15px;background:#caa25c;}

#commander_visuel {position:fixed;top:31%;left:0;right:0;bottom:50px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;margin-top:-50px;z-index:99998}
.commander {position:fixed;top:31%;left:0;right:0;bottom:50px;background:rgba(0,0,0,0.7);margin-top:-50px;z-index:99999;overflow-y:scroll;padding:0 0 100px 0;opacity:0;}
.commander .commander_bloc1 {position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;}
.commander .commander_bloc2 {position:absolute;top:100%;left:0;right:0;padding-bottom:100px;}


.commander strong {float:left;width:100%;font:normal 24px 'Eveleth';color:#fff;line-height:24px;margin-bottom:20px;opacity:0;}
.commander b {display:block;margin:0 auto;font:900 18px 'Raleway';color:#fff;margin-bottom:-5px;text-transform:uppercase;opacity:0;}
.commander img {display:block;margin:0 auto;opacity:0;}
.commander p {width:50%;padding:0 25% 0 25%;font:300 14px 'Raleway';color:#fff;line-height:20px;text-align:justify;overflow-y:auto;bottom:0;}



/*
STUDIO -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.studio {position:absolute;top:50px;left:0;right:0;bottom:100px;background:url(http://www.olivier-dolle.com/css/uploads/studio/1.jpg);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center bottom;overflow:hidden;opacity:0;}
.studio div.diag1 {width:150%;height:100%;border-bottom:1px solid #fff;-webkit-transform:rotate(45deg);position:absolute;top:30%}
.studio div.diag2 {width:150%;height:100%;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);position:absolute;left:-50%;top:30%}

/*
WORK -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.work {}

.work_intro {position:absolute;top:50px;left:0;right:0;bottom:50px;background:url(http://www.olivier-dolle.com/css/uploads/work/1.jpg);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:0}
.work_intro strong {position:absolute;top:47%;left:0;right:0;font:900 30px 'Raleway';color:#fff;text-align:center;opacity:0;text-transform:uppercase}
.work {position:absolute;top:50px;left:0;right:0;bottom:50px;overflow-x:hidden;overflow-y:scroll;}
.work_down {position:fixed;top:20px;left:50%;height:12px;width:18px;background:url(../images/00-down.png);margin-left:-17px;z-index:99999;opacity:0;}

/*
WORK1 -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.work1 .work1_1 {position:absolute;top:0;left:0;right:100%;border-bottom:1px solid #fff;}
.work1 .work1_2 {position:absolute;top:0;left:100%;right:0;border-bottom:1px solid #fff;}
.work1 .work1_3 {position:absolute;top:33.33%;left:0;right:100%;border-bottom:1px solid #fff;}
.work1 .work1_4 {position:absolute;top:66.66%;left:0;right:100%;border-bottom:1px solid #fff;}
.work1 .work1_5 {position:absolute;top:66.66%;left:0;right:100%;border-bottom:1px solid #fff;}
.work1 .work1_6 {position:absolute;top:0;left:25%;bottom:100%;border-right:1px solid #fff;}
.work1 .work1_7 {position:absolute;top:0;left:50%;bottom:100%;border-right:1px solid #fff;}
.work1 .work1_8 {position:absolute;top:0;left:75%;bottom:100%;border-right:1px solid #fff;}

/*
WORK2 -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.work2 .work2_1, .work2 .work2_2, .work2 .work2_3, .work2 .work2_4, .work2 .work2_5, .work2 .work2_6, .work2 .work2_7, .work2 .work2_8, .work2 .work2_9, .work2 .work2_10, .work2 .work2_11, .work2 .work2_12, .work2 .work2_13, .work2 .work2_14, .work2 .work2_15, .work2 .work2_16, .work2 .work2_17, .work2 .work2_18, .work2 .work2_19, .work2 .work2_20 {position:absolute;opacity:0;z-index:99999;display:none;}
.work2 .work2_1 {top:33.33%;left:50%;right:0;border-bottom:1px solid #000;}
.work2 .work2_2 {top:66.66%;left:0;right:50%;border-bottom:1px solid #000;}
.work2 .work2_3 {top:66.66%;left:75%;right:0;border-bottom:1px solid #000;}
.work2 .work2_4 {top:66.66%;left:25%;bottom:-100%;border-right:1px solid #000;}
.work2 .work2_5 {top:0;left:50%;bottom:-66.66%;border-right:1px solid #000;}
.work2 .work2_6 {top:33.33%;left:75%;bottom:0;border-right:1px solid #000;}
.work2 .work2_7 {top:100%;left:0;right:75%;border-bottom:1px solid #000;}
.work2 .work2_8 {top:100%;left:50%;right:0;border-bottom:1px solid #000;}
.work2 .work2_9 {top:133.33%;left:0;right:75%;border-bottom:1px solid #000;}
.work2 .work2_10 {top:133.33%;left:25%;right:50%;border-bottom:1px solid #000;}
.work2 .work2_11 {top:166.66%;left:25%;right:0;border-bottom:1px solid #000;}
.work2 .work2_12 {top:200%;left:0;right:25%;border-bottom:1px solid #000;}
.work2 .work2_13 {top:166.66%;left:75%;bottom:-166.66%;border-right:1px solid #000;}
.work2 .work2_14 {top:200%;left:50%;bottom:-166.66%;border-right:1px solid #000;}
.work2 .work2_15 {top:233.33%;left:50%;right:0;border-bottom:1px solid #000;}

/*
WORK3 -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.work3 .work3_1, .work3 .work3_2, .work3 .work3_3, .work3 .work3_4, .work3 .work3_5, .work3 .work3_6, .work3 .work3_7, .work3 .work3_8, .work3 .work3_9, .work3 .work3_10, .work3 .work3_11, .work3 .work3_12, .work3 .work3_13, .work3 .work3_14, .work3 .work3_15, .work3 .work3_16, .work3 .work3_17, .work3 .work3_18, .work3 .work3_19, .work3 .work3_20 {position:absolute;background:#fff;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;display:none;}
.work3 .work3_1 {top:0;bottom:33.33%;left:-50%;right:100%;}
.work3 .work3_2 {top:0;bottom:66.66%;left:100%;right:-50%;}
.work3 .work3_3 {top:66.66%;bottom:0;left:-25%;right:100%;}
.work3 .work3_4 {top:100%;bottom:-66.66%;left:25%;right:50%;}
.work3 .work3_5 {top:100%;bottom:-66.66%;left:50%;right:25%;}
.work3 .work3_6 {top:33.33%;bottom:33.33%;left:100%;right:-25%;}
.work3 .work3_7 {top:66.66%;bottom:0%;left:100%;right:-25%;}
.work3 .work3_8 {top:100%;bottom:-33.33%;left:0;right:75%;}
.work3 .work3_9 {top:100%;bottom:-66.66%;left:50%;right:0%;}
.work3 .work3_10 {top:133.33%;bottom:-100%;left:0;right:75%;background-position:top center;}
.work3 .work3_11 {top:133.33%;bottom:-66.66%;left:25%;right:50%;}
.work3 .work3_12 {top:166.66%;bottom:-100%;left:25%;right:25%;}
.work3 .work3_13 {top:166.66%;bottom:-133.33%;left:75%;right:0;}
.work3 .work3_14 {top:200%;bottom:-166.66%;left:0;right:50%;}
.work3 .work3_15 {top:200%;bottom:-133.33%;left:50%;right:25%;}
.work3 .work3_16 {top:233.33%;bottom:-166.66%;left:50%;right:25%;}
.work3 .work3_17 {top:233.33%;bottom:-166.66%;left:75%;right:0;}
.work3 img {float:left;width:100%;}
.work3 span {position:absolute;}
.work3 a b {float:left;height:50px;width:auto;font:800 50px 'Exo 2';color:#000;line-height:38px;letter-spacing:-1px;-webkit-transition:.4s;}
.work3 a em {float:left;height:35px;width:1px;background:#caa25c;margin:5px 10px 0 10px;}
.work3 a strong {float:left;height:30px;width:auto;font:900 22px 'Raleway';color:#000;line-height:27px;margin-top:0;text-transform:uppercase;}
.work3 a p {float:none;display:block;height:20px;width:auto;font:300 14px 'Raleway';color:#000;line-height:15px;text-transform:none;}
.work3 span.wtl {position:absolute;top:15px;left:20px;}
.work3 span.wtr {position:absolute;top:15px;right:20px;}
.work3 span.wbl {position:absolute;left:20px;bottom:10px;}
.work3 span.wbr {position:absolute;right:20px;bottom:10px;}
.work3 a:hover b {color:#caa25c;/*-webkit-transform:rotateY(360deg);*/}
.work3 a:hover em, .work3 a:hover strong, .work3 a:hover p {opacity:1;}

/*
WORK FICHE -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.work_fiche_background {position:absolute;top:0;left:100%;right:-100%;bottom:0;background:#fff;-webkit-background-size:cover;background-size:cover;background-position:center center;z-index:10000;}

.work_fiche_cartouche {position:fixed;top:60px;left:0;right:0;opacity:0;z-index:90000}
.work_fiche_cartouche .center1 {float:right;position:relative;left:-50%;text-align:left;}
.work_fiche_cartouche .center2 {position:relative;left:50%;height:auto;width:auto;}
.work_fiche_cartouche .center3 {float:left;padding:10px 0 0 0;}

.work_fiche_cartouche strong {float:none;display:block;height:30px;width:100%;font:900 22px 'Raleway';color:#000;line-height:27px;margin-top:0;text-transform:uppercase;text-align:center;}
.work_fiche_cartouche em {float:none;display:block;height:1px;width:15px;background:#caa25c;margin:5px auto 0 auto;}
.work_fiche_cartouche p {float:none;display:block;height:20px;width:100%;font:300 14px 'Raleway';color:#000;line-height:15px;text-transform:none;text-align:center;margin-top:1px;}

.work_fiche_img {position:absolute;top:50px;bottom:50px;right:-100px;width:65px;z-index:99999;}
.work_fiche_img2 {float:left;width:100%;border:1px solid #caa25c;border-bottom:none;border:none;}
.work_fiche_img img {float:left;width:100%;border-bottom:1px solid #caa25c;border:none;}
.work_fiche_img_btn {position:fixed;top:50%;right:40px;margin-top:-13px;z-index:90000;}

.work_fiche_txt {position:fixed;top:50%;left:91px;bottom:50%;left:;z-index:90000;overflow:hidden;}
.work_fiche_txt_btn {position:fixed;top:50%;left:20px;margin-top:-28px;z-index:90000}
.work_fiche_txt span {float:left;color:#000;text-align:left;border-left:1px solid #000;padding:0 0 0 30px;background:url(../images/00-1px.png);width:180px;font:300 13px 'Raleway';line-height:16px;}
.work_fiche_txt span b {font:900 12px 'Raleway';text-transform:uppercase;line-height:20px;}
.work_fiche_txt span em {display:block;margin:20px 0 40px 0;text-align:right;}
.work_fiche_txt span em i {float:right;width:20px;height:1px;background:#caa25c;}
.work_fiche_txt span strong {font:900 18px 'Raleway';text-transform:uppercase;line-height:20px;}
.work_fiche_txt span i {font:300 14px 'Raleway';line-height:20px;}
.work_fiche_txt span u {display:block;height:1px;width:30px;background:#000;margin:20px 0 20px;}
.work_fiche_txt span div {margin-left:-91px;opacity:0;}

.work_fiche_contact_btn img {position:fixed;top:50%;right:25px;margin-top:-25px;z-index:99999}

.work_fiche_contact {position:fixed;top:50%;left:50%;height:480px;margin:-220px 0 0 0;display:none;}
.work_fiche_contact .sep {position:fixed;top:80%;bottom:20%;left:50%;width:1px;background:#caa25c;}
.work_fiche_contact form {float:left;width:100%;opacity:0;margin-left:20px;}
.work_fiche_contact form span {float:left;width:100%;}
.work_fiche_contact form span b {float:left;width:100%;font:800 18px 'Exo 2';text-transform:uppercase;text-indent:60px;padding-bottom:20px;}
.work_fiche_contact form span img {float:left;margin:-10px 0 20px 60px;}
.work_fiche_contact form input[type=text] {float:left;width:425px;background:none;border:none;border-bottom:1px solid #caa25c;color:#000;font:500 13px 'Raleway';padding:10px 0 5px 0;margin:0 0 0 60px;}
.work_fiche_contact form input[type=text].input {width:195px;margin-right:-25px;}
.work_fiche_contact form input[type=text]::-webkit-input-placeholder {color:#000;}
.work_fiche_contact form input[type=text]:-moz-placeholder {color:#000;}
.work_fiche_contact form input[type=text]::-moz-placeholder {color:#000;}
.work_fiche_contact form input[type=text]:-ms-input-placeholder {color:#000;}
.work_fiche_contact form input[type=text]:active, .work_fiche_contact form input[type=text]:focus, .work_fiche_contact form textarea {outline:0;border-bottom:1px solid #caa25c;}
.work_fiche_contact form textarea {float:left;width:405px;background:none;border:none;color:#000;font:800 12px 'Exo 2';padding:10px;margin:0 0 0 60px;border:1px solid #caa25c;}
.work_fiche_contact form label {float:left;width:425px;color:#000;font:800 12px 'Exo 2';padding:10px 0 5px 0;margin:0 0 0 60px;}

.work_fiche_contact form input[type=submit] {float:left;font:800 18px 'Exo 2';text-transform:uppercase;text-indent:60px;color:#caa25c;margin:10px 0 0 0;border:none;background:none;cursor:pointer;}

.work_fiche_contact form textarea::-webkit-input-placeholder {font:300 13px 'Raleway';color:#000;}
.work_fiche_contact form textarea:-moz-placeholder {font:300 13px 'Raleway';color:#000;}
.work_fiche_contact form textarea::-moz-placeholder {font:300 13px 'Raleway';color:#000;}
.work_fiche_contact form textarea:-ms-input-placeholder {font:300 13px 'Raleway';color:#000;}
.work_fiche_contact form a {float:left;font:800 18px 'Exo 2';text-transform:uppercase;text-indent:60px;color:#caa25c;margin:10px 0 0 0;}

.work_fiche_cache {position:fixed;top:0;left:400px;right:0;bottom:0;display:none;}


.fiche_previous {position:fixed;top:50px;left:0;right:50%;bottom:50px;cursor:url(../images/00-previous.png), auto;z-index:99999}
.fiche_next {position:fixed;top:50px;left:50%;right:0;bottom:50px;cursor:url(../images/00-next.png), auto;z-index:99999}



/*
CONTACT -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.contact {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.contact_arrow {position:fixed;top:50%;left:50%;margin-left:-36px;z-index:50000;margin-top:-120px;}
.contact_arrow b {display:block;margin:0 auto;font:900 25px 'Raleway';color:#000;margin-bottom:-5px;text-transform:uppercase;text-shadow:0 0 50px #fff;}
.contact_arrow img {display:block;margin:0 auto;}
.contact2 {position:absolute;top:100%;left:0;right:0;bottom:50px;background:#fff;line-height:1.3}
.contact2 .sep {display:block;width:15px;height:1px;background:#caa25c;margin:11px auto 13px auto;}
.contact3 {display:block;width:1200px;margin:0 auto;height:auto;background:red;}
.contact3 span {float:left;width:33.33%;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;padding:0 20px 0 20px;}
.contact3 .contact3_bloc1 {text-align:center;}
.contact3 .contact3_bloc1 b {font:normal 14px 'MuseoBold';}
.contact3 .contact3_bloc1 b strong {font:900 14px 'Raleway';}
.contact3 .contact3_bloc1 a {color:#000;}
.contact3 .contact3_bloc1 a:hover {text-decoration:underline}
.contact3 .contact3_bloc1 a.btn_plan {color:#caa25c;font:900 14px 'Raleway';}
.contact3 .contact3_bloc2 {border-left:1px solid #caa25c;border-right:1px solid #caa25c;}
.contact3 .contact3_bloc2 input {float:left;width:90%;border:none;border-bottom:1px solid #caa25c;text-align:center;padding:10px 0 10px 0;color:#000;margin:0 5% 0 5%;}
.contact3 .contact3_bloc2 ::-webkit-input-placeholder {color:#000;}
.contact3 .contact3_bloc2 :-moz-placeholder {color:#000;}
.contact3 .contact3_bloc2 ::-moz-placeholder {color:#000;}
.contact3 .contact3_bloc2 :-ms-input-placeholder {color:#000;}
.contact3 .contact3_bloc3 div {float:left;width:100%;}
.contact3 .contact3_bloc3 textarea {float:left;width:100%;margin-top:10px;height:216px;border:1px solid #caa25c;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px}
.contact3 .contact3_bloc3 div label {margin:0 20px 0 5px;}
.contact3 span.contact3_bloc3 input[type=submit]{float:left;background:none;border:none;color:#caa25c;cursor:pointer;font:900 14px 'Raleway';margin-top:14px;}
.contact3 span.contact3_bloc3 input[type=submit]:hover{text-decoration:underline;}
.contact3 .contact3_bloc3 b {float:left;width:100%;margin-top:0;}
.contact3 .contact3_bloc3 i.fa-check {float:left;color:#caa25c;margin-top:13px;font-size:16px;margin-left:10px;}

.contact3 .contact_send {position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;text-align:center;font:900 20px 'Raleway';text-transform:uppercase;display:none;color:#caa25c;padding-bottom:10px;}

.contact2 .demande {float:left;width:100%;text-align:center;font:900 18px 'Raleway';text-transform:uppercase;margin:-20px 0 50px 0;}
.contact2 .demande i {float:left;width:100%;text-align:center;margin:0 0 15px 0;color:#000;font-size:24px;}