/*
LOGO ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.logo {position:fixed;top:0;left:0;right:0;height:55px;background:#000;z-index:99999;overflow:hidden;}
.logo a img {display:block;margin:0 auto 0 auto;height:55px;}

/*
LANGUES ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.langues {position:fixed;top:0;right:30px;height:55px;z-index:99999;line-height:55px;text-transform:uppercase;font-size:10px;color:#ccc;}
.langues a {padding:0 1px 0 1px;color:#ccc;}
.langues a.on {font-weight:bold;}

/*
ESPACE PRESSE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.espace {position:fixed;top:0;left:30px;height:55px;z-index:99999;line-height:55px;text-transform:uppercase;font-size:10px;color:#ccc;}
.espace a {padding:0 1px 0 1px;color:#ccc;}
.espace a.on {font-weight:bold;}

/*
NAV ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
nav {position:fixed;top:55px;left:0;right:0;height:44px;background:#fff;z-index:99999;border-bottom:1px solid #ddd;line-height:45px;text-transform:uppercase;text-align:center;font-size:12px;}
nav a {padding:0 25px 0 25px;color:#000;}
nav a.on {font-weight:bold;}

/*
NAV ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.nav {position:fixed;top:100px;left:0;right:0;height:39px;background:#fff;z-index:99999;border-bottom:1px solid #ddd;line-height:40px;text-transform:uppercase;text-align:center;font-size:11px;padding:0 0 0 0;}
.nav a {padding:0 15px 0 15px;color:#000;}
.nav a.on {font-weight:bold;}
.nav a i {margin-right:5px;}

/*
FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.footer {position:fixed;bottom:0;left:0;right:0;height:45px;background:#fff;line-height:45px;z-index:99999;}
.footer a {color:#000;}
.footer span {float:right;margin:0 25px 0 0;color:#000;}
.footer span a:hover {text-decoration:underline;}
.footer div {float:left;margin:0 0 0 20px;}
.footer div i {font-size:17px;padding:0 10px 0 10px;line-height:48px;}
.footer b {float:left;font-weight:normal;margin-left:15px;line-height:47px;}
.footer b a{color:#000;}

/*
SEP ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.sep {float:left;height:1px;width:100%;padding:25px 0 25px 0;}
.sep span {display:block;height:1px;width:40px;margin:0 auto;background:#fff;}

/*
BACKGROUND ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.background {position:fixed;top:100px;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-color:#333;}

/*
FICHE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.fiche {position:fixed;top:100px;left:70%;bottom:45px;width:460px;margin:0 0 0 -230px;}
.fiche a {color:#fff;}
.fiche a:hover {text-decoration:underline;}

/*
FULLPAGE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#fullpage .section {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;}

/*
LANGUETTE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.languette {position:fixed;bottom:45px;left:0;right:0;height:17px;background:url(../images/00-languette.png) no-repeat center center;line-height:50px;}

/*
BARRE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.barre {position:fixed;bottom:0;left:0;right:0;height:45px;background:#f4f4f4;line-height:45px;z-index:99999;}
.barre a {color:#000;}
.barre span {float:right;margin:0 25px 0 0;}
.barre div {float:left;margin:0 0 0 20px;}
.barre b a {position:absolute;left:50%;height:45px;width:400px;margin:0 0 0 -200px;text-align:center;color:#000;font-size:14px;text-transform:uppercase;text-align:center;font-weight:normal;}
.barre div i {font-size:17px;padding:0 10px 0 10px;line-height:48px;}
.barre span i {font-size:18px;padding:0 5px 0 5px;line-height:48px;}

/*
CREATIONS ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.creations {position:fixed;top:99px;bottom:45px;left:0;right:0;overflow-x:auto;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.5px;}
.creations a {float:left;width:33.33%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.5px;}
.creations a img {float:left;width:100%;}
.creations a b {float:left;width:100%;height:40px;margin:-40px 0 0 0;line-height:40px;text-align:center;color:#000;font-weight:500;text-transform:uppercase;font-size:10px;text-shadow:1px 1px 1px rgba(250,250,250,0.2);-webkit-transition:.4s;}
.creations a:hover b {color:#fff;text-shadow:none;}

/*
CREATION FICHE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.section#contenu .bloc0 a {position:absolute;top:0;left:0;}
.section#contenu .bloc11 {position:absolute;top:100px;left:0;right:66.66%;bottom:45px;border-right:1px solid #ddd;-moz-box-sizing:border-box;box-sizing:border-box;padding:2% 2% 0 2%;}
.section#contenu .bloc11 h1 {color:#000;font-size:24px;padding-top:20px;}
.section#contenu .bloc11 h2 {color:#000;padding:15px 0 15px 0;}
.section#contenu .bloc11 p {color:#000;}
.section#contenu .bloc11 span {color:#000;}
.section#contenu .bloc11 img {float:left;width:100%;}
.section#contenu .bloc11 img.schema {float:left;width:350px;display:none;}
.section#contenu .bloc2 {position:absolute;top:100px;left:33.33%;right:33.33%;bottom:45px;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;padding:2% 2% 2% 2%;}
.section#contenu .bloc2 div {float:left;width:100%;height:100%;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;}
.section#contenu .bloc2 img {float:left;width:100%;}
.section#contenu .bloc3 {position:absolute;top:100px;left:66.66%;right:0;bottom:45px;-moz-box-sizing:border-box;box-sizing:border-box;padding:2% 2% 0 2%;border-left:1px solid #ddd;}
.section#contenu .bloc3 b {float:left;width:100%;font-size:16px;font-weight:bold;color:#000;text-transform:uppercase;padding:0;margin:0;line-height:1;}
.section#contenu .bloc3 em {float:left;width:100%;margin:15px 0 20px 0;font-size:10px;color:#888;font-style:italic;}
.section#contenu .bloc3 form {float:left;width:100%;margin:20px 0 0 0}
.section#contenu .bloc3 form input[type=text], .section#contenu .bloc3 form input[type=email] {float:left;width:100%;border:none;border-bottom:1px solid #ddd;font-weight:600;padding:6px 0 6px 0;}
.section#contenu .bloc3 form textarea {float:left;width:100%;border:none;border-bottom:1px solid #ddd;font-weight:600;}
.section#contenu .bloc3 form input[type=submit]{float:left;width:110px;height:30px;padding:0 0 0 0;border:none;border:1px solid #000;text-transform:uppercase;margin:0 0 0 0;cursor:pointer;-webkit-transition:.5s;}
.section#contenu .bloc3 form input[type=submit]:hover {background:#000;color:#fff;}
.section#contenu .bloc3 form input[type=text]::-webkit-input-placeholder {font-weight:normal;}
.section#contenu .bloc3 form input[type=text]:-moz-placeholder {font-weight:normal;}
.section#contenu .bloc3 form input[type=text]::-moz-placeholder {font-weight:normal;}
.section#contenu .bloc3 form input[type=text]:-ms-input-placeholder {font-weight:normal;}
.section#contenu .bloc3 form input[type=email]::-webkit-input-placeholder {font-weight:normal;}
.section#contenu .bloc3 form input[type=email]:-moz-placeholder {font-weight:normal;}
.section#contenu .bloc3 form input[type=email]::-moz-placeholder {font-weight:normal;}
.section#contenu .bloc3 form input[type=email]:-ms-input-placeholder {font-weight:normal;}
.section#contenu .bloc3 form textarea::-webkit-input-placeholder {font-weight:normal;}
.section#contenu .bloc3 form textarea:-moz-placeholder {font-weight:normal;}
.section#contenu .bloc3 form textarea::-moz-placeholder {font-weight:normal;}
.section#contenu .bloc3 form textarea:-ms-input-placeholder {font-weight:normal;}
.section#contenu .bloc3 form input[type=text]:active, .section#contenu .bloc3 form input[type=text]:focus {border-bottom:1px solid #333;}
.section#contenu .bloc3 form textarea:active, .section#contenu .bloc3 form textarea:focus {border-bottom:1px solid #333;}

/*
COMPTEUR: ; ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.compteur {position:absolute;top:50%;left:40px;font-size:14px;color:#fff;z-index:99999;letter-spacing:5px;}

/*
DOWN ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.down {position:fixed;top:50%;right:40px;z-index:99999;font-size:22px;}
.down a {color:#fff;}

/*
NEWS ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.news {position:fixed;top:100px;bottom:45px;left:75%;right:0;}
.news2 {float:left;width:400px;margin:0 0 0 -200px;background:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px;color:#000;}
.news2 b {float:left;width:100%;text-transform:uppercase;margin:0 0 10px 0;font-size:17px;}
.news2 i {float:left;width:100%;margin:0 0 10px 0;}
.news2 p {float:left;width:100%;}
.news2 a {float:left;color:#000;margin:20px 30px 0 0;color:#999;}

/*
CONTACT ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.contact {position:fixed;top:100px;bottom:45px;left:0;right:0;}
.contact2 {float:left;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px;color:#fff;text-align:center;font-size:16px;text-shadow:0 0 40px #000;}
.contact2 b {float:left;width:100%;text-transform:uppercase;margin:0 0 10px 0;font-size:17px;}
.contact2 i {float:left;width:100%;margin:0 0 10px 0;}
.contact2 p {float:left;width:100%;text-align:center;}
.contact2 a {float:left;color:#000;margin:20px 30px 0 0;color:#fff;}

/*
TRANSITION ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.transition_open {position:fixed;top:100px;bottom:0;left:0;right:0;z-index:90000;background:#eee;}
.transition_close {position:fixed;top:100%;left:0;right:0;bottom:0;z-index:90000;background:#eee;}
.transition_open, .transition_close {background:url(http://www.designbolts.com/wp-content/uploads/2012/12/simple-pattern-white-seamless-website-background.jpg) repeat;}

/*
LOAD ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.load {position:fixed;top:100px;left:0;right:0;bottom:0;background:#fff;z-index:90000;}

/*
MENTIONS -----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.mentions {position:fixed;top:0;left:-700px;width:700px;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;}





/*
STORYTELLING ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.storytelling {position:absolute;top:100px;left:70%;bottom:45px;width:460px;margin:0 0 0 -230px;}
.storytelling a {color:#fff;}
.storytelling a:hover {text-decoration:underline;}
.storytelling h1, .storytelling h2, .storytelling p {color:#fff;}
.storytelling_down {position:absolute;left:0;right:0;bottom:70px;box-sizing:border-box;padding:0 10% 0 10%;z-index:50000;text-align:center;}
.storytelling_down a i {font-size:28px;color:#fff;border:solid 1px #fff;border-radius:50%;height:40px;width:40px;line-height:40px;text-align:center;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.storytelling_down a:hover i {background:#fff;color:#333;}