/*
MOBILE
*/
.mobile_next, .mode_portait_fr, .mode_portait_en, .ipad_vide, .video2.ipad_video2, .ipad_video, .ipad_block, .mobile_accueil, .mobile_fiche, .mobile_fiche2, .mobile_intro, .mobile_journal, .mobile_atelier, .mobile_presse, .mobile_intro2, .mobile_menu, .mobile_nav, .mobile_contact, .mobile_accueil, .mobile_catalogue, .mobile_close, .mobile_presse, .mobile_contact, .mobile_menu3, .mobile_galerie, .mobile_teaser, .mobile_rs {display:none;}

/*
GLOBAL ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/*
.cadre1 {position:fixed;top:0;left:0;right:0;height:60px;background:#fff;z-index:90000;}
.cadre2 {position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;z-index:90000;}
.cadre3 {position:fixed;top:0;left:0;bottom:0;width:60px;background:#fff;z-index:90000;}
.cadre4 {position:fixed;top:0;bottom:0;right:0;width:60px;background:#fff;z-index:90000;}
*/
.cache {position:fixed;top:60px;right:0px;bottom:0px;left:0px;background:rgba(250,250,250,0.5);z-index:99999;display:none;}

/*
MENU ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
nav {position:fixed;top:0;left:0;right:0;height:60px;background:#fff;z-index:99999;padding:0 30px 0 30px;border-bottom:1px solid #ddd;}
nav .logo img {float:left;height:40px;width:auto;padding:11px 0 9px 0;}
.menu {float:right;height:60px;width:auto;margin-right:-2px;}
ul#topnav {float:left;width:100%;text-align:center;}
ul#topnav li {float:left;width:auto;margin:0;padding:0;}
ul#topnav li a, ul#topnav li em, ul#topnav li i {float:left;height:60px;color:#fff;color:#000;font:normal 11px 'Merriweather';letter-spacing:1px;text-transform:uppercase;margin:0;padding:0 15px 0 15px;line-height:62px;}
ul#topnav li .sub {position:fixed;top:60px;left:0;right:0;padding:0 0 0 0;display:none;z-index:99999;}
ul#topnav li .row {clear:both;float:left;width:100%;}
ul#topnav li .row1 {position:fixed;height:auto;left:0;right:0;background:rgba(0,0,0,0.8);}
ul#topnav li .row2 {float:right;position:relative;left:-50%;text-align:left;}
ul#topnav li .row2 ul {position:relative;left:50%;height:auto;width:auto;}
ul#topnav li .row2 ul li {display:block;float:left;height:auto;padding:40px 5px 25px 5px;width:200px;}
ul#topnav li .row2 ul li a {height:auto;padding:0;}
ul#topnav li .row2 ul li img {display:block;height:100px;margin:0 auto;}
ul#topnav li .row2 ul li b {float:left;width:100%;font:normal 13px 'Merriweather';color:#fff;text-align:center;margin-top:10px;text-transform:none;letter-spacing:0;padding:0;}
ul#topnav li.lg a, ul#topnav li.lg em {padding:0 2px 0 2px;font-family:'Open Sans';line-height:60px;color:#333;}
ul#topnav li.lg i {padding:0 15px 0 2px;}

/*
FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
footer {position:fixed;bottom:0;left:0;right:0;height:60px;background:#000;background:#fff;z-index:95000;font-size:12px;line-height:60px;color:#333;padding:0 30px 0 30px;border-top:1px solid #ddd;}
.footer1 {float:left;margin:0 0 0 0;font-style:italic;}
.footer2 a img {float:right;margin:18px 10px 0 0;opacity:1;height:25px;}
.footer2 a img.epv {height:30px;margin:17px 0 0 0;}
.footer3 {position:absolute;width:180px;height:60px;text-align:center;margin:0 0 0 -90px;left:50%;}
.footer3 a {padding:0 8px 0 8px;font-size:17px;}
footer a {color:#ccc;color:#333}
footer a:hover {color:#fff;color:#000;}
.footer2 a:hover img {opacity:1;}

/*
NEXT ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
a.next, a.previous {position:absolute;top:50%;height:60px;width:200px;margin:-30px 0 0 0;line-height:60px;text-align:center;color:#000;z-index:99998;text-transform:uppercase;letter-spacing:2px;font-size:11px;}
a.next {right:-70px;-webkit-transform:rotate(90deg);}
a.previous {left:-70px;-webkit-transform:rotate(-90deg);}
a:hover.next, a:hover.next {color:#000}
a:hover.next, a:hover.previous {background:url(../images/00-forme.png);-webkit-transition:0.5s ease-in-out;}
a.next em, a.previous em {background:#fff;padding:0 15px 0 15px;}

/*
BACKGROUND ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/*
.background {position:absolute;top:60px;left:60px;width:47%;width:-moz-calc(50% - 30px - 30px);width:-webkit-calc(50% - 30px - 30px);width:calc(50% - 30px - 30px);bottom:60px;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;opacity:0;}
*/
.background {position:absolute;top:60px;left:0;width:50%;bottom:60px;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;opacity:0;}
.background.right {left:auto;right:0;}
.background.full {width:auto;left:0;right:0;}

/*
FICHE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.fiche {position:absolute;top:60px;left:50%;width:47%;width:-moz-calc(50% - 10px - 10px);width:-webkit-calc(50% - 10px - 10px);width:calc(50% - 10px - 10px);bottom:60px;padding:0 10% 0 10%;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0;}
.fiche .sep {float:left;width:100%;height:auto;text-align:center;}
.fiche .sep em {display:block;height:1px;width:20px;background:#000;margin:20px auto 20px auto;}
.fiche a {}
.fiche p {margin-top:40px}
.fiche.left {left:auto;right:50%;}
.section .credit {position:fixed;bottom:60px;left:60px;background:rgba(0,0,0,0.25);color:#fff;padding:5px 10px 5px 10px;}
.fiche.none {display:none;}
.credit {position:fixed;bottom:60px;left:60px;background:rgba(0,0,0,0.25);color:#fff;padding:5px 10px 5px 10px;}
.fiche a .sep i {display:block;margin:20px auto 0 auto;font-size:50px;color:#000;display:none;}
.fiche .sep a.video {display:block;width:100px;height:30px;margin:40px auto 0 auto;color:#000;border:1px solid #000;display:none;line-height:30px;text-transform:uppercase;font-size:11px;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;}
.fiche .sep a:hover.video {background:#000;color:#fff;}

/*
IFRAME ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.iframe {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:99999;}
.iframe iframe {position:fixed;top:50%;left:50%;height:315px;width:420px;margin:-162px 0 0 -215px;border:5px solid #fff;z-index:99999;}
.iframe div {position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;}
.iframe div:hover {cursor:url(http://www.amelieviaene.com/images/00-video.png), auto;}

/*
ACCUEIL ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.accueil1 {position:absolute;top:60px;left:0;right:100%;bottom:60px;background:rgba(0,0,0,0.5);opacity:0;z-index:3;}
.accueil2 {position:absolute;top:60px;left:100%;right:0;bottom:60px;background:rgba(0,0,0,0.5);opacity:0;z-index:3;}
.accueil3 {position:absolute;top:60px;left:0;right:0;bottom:60px;opacity:0;z-index:3;}
.accueil3 img {position:fixed;top:50%;left:50%;margin:-110px 0 0 -500px;z-index:3;}
.accueil4 {position:fixed;left:0;right:0;top:60px;bottom:60px;z-index:3;display:none;}
.accueil5 {position:fixed;bottom:70px;left:50%;margin-left:-35px;z-index:3;}
.accueil5 i {float:right;height:60px;width:65px;color:#fff;font-size:30px;line-height:60px;text-align:center;cursor:pointer;}

/*
GALERIE ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.galerie {position:fixed;top:60px;left:0;right:0;bottom:60px;padding:0 35px 0 35px;overflow-y:scroll;}
.galerie li b {float:left;width:100%;color:#000;text-align:center;padding-top:10px;font-weight:normal;}
.galerie li i {float:left;width:100%;color:#333;text-align:center;font-size:12px;}
.galerie .grid {float:left;width:100%;}
.galerie .grid li{display:block;float:left;padding:0;width:20%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 25px 50px 25px;}
.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;margin-bottom:5px;}

/*
PARUTIONS ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.parutions {position:fixed;top:60px;left:0;right:0;bottom:60px;overflow-y:scroll;padding:0 20px 0 40px;}
.parutions a {float:left;width:20%;height:auto;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;border-right:none;margin-bottom:-1px;}
.parutions a img {float:left;width:100%;}
.parutions a b {float:left;width:100%;color:#000;text-align:center;padding-top:10px;font-weight:normal;}
.parutions a i {float:left;width:100%;color:#333;text-align:center;font-size:12px;}

/*
NEWS ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.news .fiche .bloc {float:left;width:auto;background:rgba(250,250,250,0.9);padding:50px;}

/*
FICHE2 ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.fiche2 {position:absolute;top:50%;right:8%;width:500px;height:370px;-moz-box-sizing:border-box;box-sizing:border-box;background:#000;padding:50px;margin:-180px 0 0 0;}
.fiche2 .sep {float:left;width:100%;height:auto;}
.fiche2 .sep em {display:block;height:1px;width:20px;background:#fff;margin:20px auto 20px auto;}
.fiche2 a {display:block;width:150px;height:auto;margin:0 auto;padding:5px;border:1px solid #fff;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:11px;}
.fiche2 h1, .fiche2 h2, .fiche2 p {color:#fff;}

/*
CONTACT ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.contact1 {position:absolute;top:60px;left:0;right:0;bottom:60px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.contact2 {position:absolute;top:60px;left:0;right:50%;bottom:60px;background:rgba(0,0,0,0.6);-webkit-transition:0.5s ease-in-out;padding-top:50px;}
.contact3 {position:absolute;top:60px;left:50%;right:0;bottom:60px;background:rgba(0,0,0,0.6);-webkit-transition:0.5s ease-in-out;padding-top:50px;}
.contact2, .contact3 {color:#fff;text-align:center;font-size:14px;line-height:24px;}
.contact2 strong, .contact3 strong {font:normal 40px 'Arvo';text-align:center;letter-spacing:10px;}
.contact2 .sep, .contact3 .sep {float:left;width:100%;height:auto;}
.contact2 .sep em, .contact3 .sep em {display:block;height:1px;width:20px;background:#fff;margin:20px auto 20px auto;}
.contact2 .sep2, .contact3 .sep2 {float:left;width:100%;height:auto;}
.contact2 .sep2 em, .contact3 .sep2 em {display:block;height:1px;width:10px;background:#fff;margin:20px auto 20px auto;}
.contact2:hover {background:rgba(0,0,0,0.8)}
.contact3:hover {background:rgba(0,0,0,0.8)}
.contact2 a, .contact3 a {color:#fff;}
.contact2 a:hover, .contact3 a:hover {text-decoration:underline;}