body,html{width:100%;height:100%;margin:0;padding:0;touch-action:none;overflow-x:hidden;background:#ececec}h1,h2,h3,h4{margin:0;padding:0}@media screen and (orientation:portrait){#fondecranPortrait{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}}@media screen and (orientation:landscape){#fondecranPortrait{display:none}}.container-image{width:100%;height:100%;float:left;position:relative;overflow:hidden}@media (min-width:768px) and (max-width:1366px){.container-image{width:100%;z-index:auto;height:100%;float:left;position:relative;overflow:hidden}}.container-image.container-zoomed{margin-left:0;transform:translateX(0)!important}.container-image{margin-left:50%}.sidebar{position:absolute;box-sizing:border-box;float:right;background:rgba(255,255,255,.85);width:400px;height:100%;padding:20px;z-index:75;overflow-y:auto;overflow-x:hidden;right:0}#burger{display:inline-block;cursor:pointer;position:absolute;padding:10px;top:0;right:400px;background:rgba(250,250,250,.85)}.bar1{-webkit-transform:rotate(-45deg) translate(-8px,8px);transform:rotate(-45deg) translate(-8px,8px)}.bar2{opacity:0}.bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#333;margin:6px 0;transition:.4s}.change .bar1{-webkit-transform:rotate(0deg) translate(0px,0);transform:rotate(0deg) translate(0px,0)}.change .bar2{opacity:1}.change .bar3{-webkit-transform:rotate(0deg) translate(0px,0);transform:rotate(0deg) translate(0px,0)}.container-image .zoom{height:100%;width:100%}#oeuvre{position:absolute;height:100%;width:100%}.container-image{cursor:url(/img/loupe.png) 15 15,auto}#tags{position:absolute;width:100%;height:100%;left:0;top:0}.container-image img{max-height:100%;max-width:100%}.container-image canvas{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}input[type=email],input[type=text]{font-family:Montserrat;font-style:normal;font-weight:100;font-size:16px;width:130%;padding:10px 20px;margin-top:10px;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=email]:focus,input[type=text]:focus{box-shadow:6px 6px 0 #dee5e5;border-left-width:5px;border-left-color:#1b8e8a;outline:0}input[type=submit]{padding:12px 50px;font:400 13px Montserrat;background:#1b8e8a;color:#fff;border-radius:2px;width:200px;border:0;margin-left:90px;margin-top:10px;z-index:5}#cancel{position:absolute;display:inline;height:45px;width:45px;z-index:1}#svg1{position:absolute;top:90px}#svg2{position:absolute;right:330px;top:0}#svg3{position:absolute;top:0}#svg4{position:absolute;right:300px;top:90px;transform:rotate(270deg);z-index:1}#svg5{position:absolute;top:450px;right:300px;transform:rotate(180deg)}input::-webkit-input-placeholder{color:grey}input:focus::-webkit-input-placeholder{color:#000}input:-moz-placeholder{color:grey}input:focus:-moz-placeholder{color:#000}input::-moz-placeholder{color:grey}input:focus::-moz-placeholder{color:#000}input:-ms-input-placeholder{color:grey}input:focus:-ms-input-placeholder{color:red}.sidebar #logo{margin-top:30px;padding-bottom:30px}.sidebar .textContenu{background-color:#F2F2F2;padding:15px;padding-right:45px;margin-top:0;margin-bottom:30px;z-index:1;line-height:1.5}#encrierSVG{position:absolute;z-index:5;right:0;top:315px}.sidebar h1{font-family:Montserrat,sans-serif;font-weight:Bold;font-size:24px}.sidebar h3{font-family:Montserrat,sans-serif;font-style:normal;font-weight:400;font-size:18px}.sidebar h2{font-family:Montserrat,sans-serif;font-style:normal;font-weight:400;font-size:18px;margin-bottom:20px}#gouttes{display:flex;flex-direction:row}#etape2{opacity:.2;pointer-events:none}#etape3{display:none;background-color:#F2F2F2;padding:15px;padding-right:100px;margin-top:0;margin-bottom:30px;z-index:1;animation:none}#gouttes img{width:5%;height:5%;padding-bottom:0;margin-left:15px;margin-top:5px}input[type=image]{width:30px;margin-left:30px;margin-top:10px}label{display:none}*,:after,:before{box-sizing:border-box;outline:0}#svgclip{height:70px;width:65px;position:absolute;overflow:hidden;right:47px;top:357px;z-index:999}.box{height:75px;width:75px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:100%;overflow:hidden;right:0;top:395px;clip-path:url(#clip)}.box .percent{position:absolute;left:0;top:20px;z-index:3;width:100%;height:100%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;color:#f3970b;font-size:15px}.box .water{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;-webkit-transform:translate(0,100%);transform:translate(0,100%);background:#000}.box .water_wave{width:200%;position:absolute;bottom:100%}.box .water_wave_back{right:0;fill:none;-webkit-animation:wave-back 1.4s infinite linear;animation:wave-back 1.4s infinite linear}.box .water_wave_front{left:0;fill:#fff;margin-bottom:-1px;-webkit-animation:wave-front .7s infinite linear;animation:wave-front .7s infinite linear}@-webkit-keyframes wave-front{100%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}@keyframes wave-front{100%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}@-webkit-keyframes wave-back{100%{-webkit-transform:translate(50%,0);transform:translate(50%,0)}}@keyframes wave-back{100%{-webkit-transform:translate(50%,0);transform:translate(50%,0)}}.lightbox{transition:opacity 1s ease-in-out;overflow:auto;position:fixed;opacity:0;top:0;left:0;right:0;bottom:0;visibility:hidden;width:100%;height:100%;display:table;table-layout:fixed;background-color:rgba(0,0,0,.7);z-index:999}.lightbox>.lightbox-inner{display:table-cell;text-align:center;vertical-align:middle;width:100%}.lightbox-inner>.content{display:inline-block;font-family:Montserrat,sans-serif;color:#fff;font-style:normal;font-weight:300;font-size:30px;outline:inherit;text-align:center;min-width:980px;max-width:90%}.lightbox-inner a{color:#fff;font-size:20px}.tools i{cursor:pointer;font-size:28px;margin:0 8px 8px}