html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}@-webkit-keyframes bounce{0%{-moz-transform:scaleY(0) scaleX(0);-o-transform:scaleY(0) scaleX(0);-ms-transform:scaleY(0) scaleX(0);-webkit-transform:scaleY(0) scaleX(0);transform:scaleY(0) scaleX(0)}50%{-moz-transform:scaleY(1.15) scaleX(1.15);-o-transform:scaleY(1.15) scaleX(1.15);-ms-transform:scaleY(1.15) scaleX(1.15);-webkit-transform:scaleY(1.15) scaleX(1.15);transform:scaleY(1.15) scaleX(1.15)}65%{-moz-transform:scaleY(0.95) scaleX(0.95);-o-transform:scaleY(0.95) scaleX(0.95);-ms-transform:scaleY(0.95) scaleX(0.95);-webkit-transform:scaleY(0.95) scaleX(0.95);transform:scaleY(0.95) scaleX(0.95)}80%{-moz-transform:scaleY(1.05) scaleX(1.05);-o-transform:scaleY(1.05) scaleX(1.05);-ms-transform:scaleY(1.05) scaleX(1.05);-webkit-transform:scaleY(1.05) scaleX(1.05);transform:scaleY(1.05) scaleX(1.05)}95%{-moz-transform:scaleY(0.98) scaleX(0.98);-o-transform:scaleY(0.98) scaleX(0.98);-ms-transform:scaleY(0.98) scaleX(0.98);-webkit-transform:scaleY(0.98) scaleX(0.98);transform:scaleY(0.98) scaleX(0.98)}100%{-moz-transform:scaleY(1) scaleX(1);-o-transform:scaleY(1) scaleX(1);-ms-transform:scaleY(1) scaleX(1);-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}@-moz-keyframes bounce{0%{-moz-transform:scaleY(0) scaleX(0);-o-transform:scaleY(0) scaleX(0);-ms-transform:scaleY(0) scaleX(0);-webkit-transform:scaleY(0) scaleX(0);transform:scaleY(0) scaleX(0)}50%{-moz-transform:scaleY(1.15) scaleX(1.15);-o-transform:scaleY(1.15) scaleX(1.15);-ms-transform:scaleY(1.15) scaleX(1.15);-webkit-transform:scaleY(1.15) scaleX(1.15);transform:scaleY(1.15) scaleX(1.15)}65%{-moz-transform:scaleY(0.95) scaleX(0.95);-o-transform:scaleY(0.95) scaleX(0.95);-ms-transform:scaleY(0.95) scaleX(0.95);-webkit-transform:scaleY(0.95) scaleX(0.95);transform:scaleY(0.95) scaleX(0.95)}80%{-moz-transform:scaleY(1.05) scaleX(1.05);-o-transform:scaleY(1.05) scaleX(1.05);-ms-transform:scaleY(1.05) scaleX(1.05);-webkit-transform:scaleY(1.05) scaleX(1.05);transform:scaleY(1.05) scaleX(1.05)}95%{-moz-transform:scaleY(0.98) scaleX(0.98);-o-transform:scaleY(0.98) scaleX(0.98);-ms-transform:scaleY(0.98) scaleX(0.98);-webkit-transform:scaleY(0.98) scaleX(0.98);transform:scaleY(0.98) scaleX(0.98)}100%{-moz-transform:scaleY(1) scaleX(1);-o-transform:scaleY(1) scaleX(1);-ms-transform:scaleY(1) scaleX(1);-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}@-o-keyframes bounce{0%{-moz-transform:scaleY(0) scaleX(0);-o-transform:scaleY(0) scaleX(0);-ms-transform:scaleY(0) scaleX(0);-webkit-transform:scaleY(0) scaleX(0);transform:scaleY(0) scaleX(0)}50%{-moz-transform:scaleY(1.15) scaleX(1.15);-o-transform:scaleY(1.15) scaleX(1.15);-ms-transform:scaleY(1.15) scaleX(1.15);-webkit-transform:scaleY(1.15) scaleX(1.15);transform:scaleY(1.15) scaleX(1.15)}65%{-moz-transform:scaleY(0.95) scaleX(0.95);-o-transform:scaleY(0.95) scaleX(0.95);-ms-transform:scaleY(0.95) scaleX(0.95);-webkit-transform:scaleY(0.95) scaleX(0.95);transform:scaleY(0.95) scaleX(0.95)}80%{-moz-transform:scaleY(1.05) scaleX(1.05);-o-transform:scaleY(1.05) scaleX(1.05);-ms-transform:scaleY(1.05) scaleX(1.05);-webkit-transform:scaleY(1.05) scaleX(1.05);transform:scaleY(1.05) scaleX(1.05)}95%{-moz-transform:scaleY(0.98) scaleX(0.98);-o-transform:scaleY(0.98) scaleX(0.98);-ms-transform:scaleY(0.98) scaleX(0.98);-webkit-transform:scaleY(0.98) scaleX(0.98);transform:scaleY(0.98) scaleX(0.98)}100%{-moz-transform:scaleY(1) scaleX(1);-o-transform:scaleY(1) scaleX(1);-ms-transform:scaleY(1) scaleX(1);-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}@keyframes bounce{0%{-moz-transform:scaleY(0) scaleX(0);-o-transform:scaleY(0) scaleX(0);-ms-transform:scaleY(0) scaleX(0);-webkit-transform:scaleY(0) scaleX(0);transform:scaleY(0) scaleX(0)}50%{-moz-transform:scaleY(1.15) scaleX(1.15);-o-transform:scaleY(1.15) scaleX(1.15);-ms-transform:scaleY(1.15) scaleX(1.15);-webkit-transform:scaleY(1.15) scaleX(1.15);transform:scaleY(1.15) scaleX(1.15)}65%{-moz-transform:scaleY(0.95) scaleX(0.95);-o-transform:scaleY(0.95) scaleX(0.95);-ms-transform:scaleY(0.95) scaleX(0.95);-webkit-transform:scaleY(0.95) scaleX(0.95);transform:scaleY(0.95) scaleX(0.95)}80%{-moz-transform:scaleY(1.05) scaleX(1.05);-o-transform:scaleY(1.05) scaleX(1.05);-ms-transform:scaleY(1.05) scaleX(1.05);-webkit-transform:scaleY(1.05) scaleX(1.05);transform:scaleY(1.05) scaleX(1.05)}95%{-moz-transform:scaleY(0.98) scaleX(0.98);-o-transform:scaleY(0.98) scaleX(0.98);-ms-transform:scaleY(0.98) scaleX(0.98);-webkit-transform:scaleY(0.98) scaleX(0.98);transform:scaleY(0.98) scaleX(0.98)}100%{-moz-transform:scaleY(1) scaleX(1);-o-transform:scaleY(1) scaleX(1);-ms-transform:scaleY(1) scaleX(1);-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}.stage{width:100%;max-width:640px}.anim{display:block;width:100%;max-width:640px;height:0;padding-bottom:177.5%;background:#fff;position:relative;background:#c8303a;overflow:hidden}.anim img{display:block}.anim .mask{width:100%;height:100%;background:#000;position:absolute;z-index:100;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;-ms-transition:opacity 0.5s ease-out;-o-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}.anim .mask.hidden{opacity:0}.anim .item{position:absolute;-webkit-tap-highlight-color:transparent;-moz-transform:translateZ(0px);-o-transform:translateZ(0px);-ms-transform:translateZ(0px);-webkit-transform:translateZ(0px);transform:translateZ(0px)}.anim .item img{width:100%;height:auto;border:0}.anim .item.hidden{opacity:0}.anim .item.visible{opacity:1}.anim .crochets{z-index:10;left:0;top:5.81%;width:100%;-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.6s 3s ease-out;-moz-transition:opacity 0.6s 3s ease-out;-ms-transition:opacity 0.6s 3s ease-out;-o-transition:opacity 0.6s 3s ease-out;transition:opacity 0.6s 3s ease-out}.anim .crochets.bounced{-webkit-animation:bounce 0.5s 0.5s forwards;-moz-animation:bounce 0.5s 0.5s forwards;-ms-animation:bounce 0.5s 0.5s forwards;-o-animation:bounce 0.5s 0.5s forwards;animation:bounce 0.5s 0.5s forwards}.anim .label{z-index:9;left:72.8125%;top:29.7535%;width:16.25%;-webkit-transition:opacity 0.5s 3s ease-out;-moz-transition:opacity 0.5s 3s ease-out;-ms-transition:opacity 0.5s 3s ease-out;-o-transition:opacity 0.5s 3s ease-out;transition:opacity 0.5s 3s ease-out}.anim .produit{z-index:1;left:0;top:0;width:100%;height:100%;font-size:0;-webkit-transition:opacity 0.6s 3s ease-out;-moz-transition:opacity 0.6s 3s ease-out;-ms-transition:opacity 0.6s 3s ease-out;-o-transition:opacity 0.6s 3s ease-out;transition:opacity 0.6s 3s ease-out;background-size:auto 100%;background-position:50% 50%}.anim .tentez{z-index:11;left:17.03125%;top:18.31%;width:65.78125%;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-ms-transition:opacity 1s ease-out;-o-transition:opacity 1s ease-out;transition:opacity 1s ease-out;opacity:0}.anim .bouton{z-index:11;left:19.6875%;top:59.59%;width:60.46875%;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-ms-transition:opacity 1s ease-out;-o-transition:opacity 1s ease-out;transition:opacity 1s ease-out;opacity:0}.anim .logo{z-index:11;left:50%;top:86.71%;width:37.5%;-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-device-width: 1024px) and (orientation: landscape){.stage{max-width:1136px}.anim{max-width:1136px;padding-bottom:56.33803%}.anim .tentez{width:30%;left:50%;top:10%;-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.anim .crochets{width:60%;-webkit-filter:drop-shadow(2px 2px 2px #222);filter:drop-shadow(2px 2px 2px #222)}.anim .label{left:63.8125%;top:15.7535%;width:8.125%;-webkit-transition:opacity 1s 3s ease-out;-moz-transition:opacity 1s 3s ease-out;-ms-transition:opacity 1s 3s ease-out;-o-transition:opacity 1s 3s ease-out;transition:opacity 1s 3s ease-out}.anim .bouton{width:25%;left:50%;top:65%;-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.anim .logo{top:auto;left:auto;bottom:17%;right:-5%;width:20%}.anim .produit{background-size:100%;background-position:50% 50%}}
/*# sourceMappingURL=style.css.map */