nav{-webkit-transform:translate(0, -200%) rotate(15deg);-ms-transform:translate(0, -200%) rotate(15deg);transform:translate(0, -200%) rotate(15deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;opacity:0}.scrolled nav{-webkit-transform:translate(0, 0) rotate(0deg);-ms-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}.loaded nav{transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;opacity:1}main{overflow:hidden;height:100vh}#frontblock1{min-height:100vh;width:100%;margin-bottom:36.39vw;z-index:100;cursor:pointer}#frontblock1:after{content:"";display:block;position:absolute;top:-40vw;left:0;right:0;bottom:calc(-18.195vw);-webkit-transform:skewY(-20deg);-ms-transform:skewY(-20deg);transform:skewY(-20deg);background:#EEE}#frontblock2{width:100%;z-index:50;padding:260px 20px}#frontblock2 .container{z-index:75;width:900px;margin:0 auto;text-align:center;color:#FFF}#frontblock2 #section1btn,#frontblock2 #section2btn,#frontblock2 #section3btn{opacity:0;cursor:pointer}#frontblock2:after{content:"";display:block;position:absolute;top:calc(-18.195vw);left:0;right:0;bottom:calc(-18.195vw);-webkit-transform:skewY(-20deg);-ms-transform:skewY(-20deg);transform:skewY(-20deg);background:#333;z-index:50}#frontblock3{height:calc(641px + 36.39vw);width:100%;z-index:-1;padding-top:36.39vw}#frontblock3 .container{z-index:75;width:900px;margin:0 auto}#frontlogo{position:absolute;width:300px;height:148px;background-image:url(../img/home/logo-gris.png);background-repeat:no-repeat;background-size:300px 148px;top:50%;left:50%;margin-left:-150px;margin-top:-74px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);transition:background .5s}.loaded #frontlogo{background-image:url(../img/home/logo.png)}#frontlines1{position:absolute;top:50vh;margin-left:-490px;margin-top:20px;left:50%;width:980px;z-index:10}#frontlines1 .dotbleu,#frontlines1 .dotrouge,#frontlines1 .dotjaune{display:block;position:absolute;bottom:0;left:50%;margin:0 0 -20px -20px;width:40px;height:40px;background-image:url(../img/home/dot-rouge.png);background-position:center;background-repeat:no-repeat;background-size:40px 40px;z-index:100}#frontlines1 .dotbleu{background-image:url(../img/home/dot-bleu.png);margin-left:-74px}#frontlines1 .dotjaune{background-image:url(../img/home/dot-jaune.png);margin-left:34px}#frontdotfonce{z-index:2;display:block;position:absolute;top:0;left:50%;margin:-20px 0 0 -74px;width:148px;height:40px;background-image:url(../img/home/dot-fonce.png);background-position:center;background-repeat:no-repeat;background-size:148px 40px;opacity:0}#frontmaskbleu,#frontmaskrouge,#frontmaskjaune{z-index:100;position:absolute;width:100%;opacity:0}#frontsubmaskbleu,#frontsubmaskrouge,#frontsubmaskjaune{height:100%;width:100%;overflow:hidden}#frontsubmaskbleu2,#frontsubmaskrouge2,#frontsubmaskjaune2{overflow:hidden;height:0;opacity:0}#frontlineblockrouge,#frontlineblockbleu,#frontlineblockjaune{position:absolute;top:0;left:0;right:0;z-index:4;height:calc(36.39vw + 50vh + 180px);overflow:hidden}#frontlineblockrouge .frontlineblockrouge1,#frontlineblockbleu .frontlineblockbleu1,#frontlineblockjaune .frontlineblockjaune1{position:absolute;top:0;width:40px;left:50%}#frontlineblockbleu .frontlineblockbleu2,#frontlineblockjaune .frontlineblockjaune2{position:absolute;left:50%;width:320px;height:200px;background-position:center;background-size:320px 200px;top:calc(36.39vw + 50vh - 20px)}#frontlineblockrouge .frontlineblockrouge1{height:calc(36.39vw + 50vh + 180px);margin-left:-20px;background-image:url(../img/home/fond-rouge.png)}#frontlineblockbleu .frontlineblockbleu1{margin-left:-74px;height:calc(36.39vw + 50vh - 20px);background-image:url(../img/home/fond-bleu.png)}#frontlineblockbleu .frontlineblockbleu2{margin-left:-320px;background-image:url(../img/home/ligne-bleu1.png)}#frontlineblockjaune .frontlineblockjaune1{margin-left:34px;height:calc(36.39vw + 50vh - 20px);background-image:url(../img/home/fond-jaune.png)}#frontlineblockjaune .frontlineblockjaune2{background-image:url(../img/home/ligne-jaune1.png)}#frontlines2{position:absolute;width:640px;height:calc(36.39vw + 641px);z-index:75;left:50%;bottom:calc(-36.39vw - 441px);margin-left:-320px}#frontlineblockbleu2{position:absolute;left:0;top:0;height:calc(136.39vw + 641px)}#frontlineblockbleu2 .frontlineblockbleu1{height:200px;width:340px;background-position:center;background-size:340px 200px;background-repeat:no-repeat;background-image:url(../img/home/ligne-bleu2.png)}#frontlineblockbleu2 .frontlineblockbleu2{position:absolute;top:200px;right:0;width:40px;bottom:0;background:url(../img/home/fond-bleu.png)}#frontlineblockjaune2{position:absolute;right:0;top:0;height:calc(136.39vw + 641px)}#frontlineblockjaune2 .frontlineblockjaune1{height:200px;width:340px;background-position:center;background-size:340px 200px;background-repeat:no-repeat;background-image:url(../img/home/ligne-jaune2.png)}#frontlineblockjaune2 .frontlineblockjaune2{position:absolute;top:200px;left:0;width:40px;bottom:0;background:url(../img/home/fond-jaune.png)}#frontlineblockrouge2{position:absolute;left:50%;margin-left:-20px;top:0;height:calc(136.39vw + 841px)}#frontlineblockrouge2 .frontlineblockrouge1{position:absolute;top:0;left:0;width:40px;height:40px;bottom:0;background-size:40px 40px;background-repeat:no-repeat;background-image:url(../img/home/dotRougeFonce.png)}#frontlineblockrouge2 .frontlineblockrouge2{position:absolute;top:20px;left:0;width:40px;bottom:0;background:url(../img/home/fond-rouge.png)}#frontblock3{position:static}#frontblock3 #section3a,#frontblock3 #section3b,#frontblock3 #section3c{display:none;width:750px}#frontblock3 #section3a .maskbox-desktop,#frontblock3 #section3b .maskbox-desktop,#frontblock3 #section3c .maskbox-desktop{top:0;left:0;width:100%;height:640px;position:absolute;z-index:30}#frontblock3 #section3a .projectsingle,#frontblock3 #section3b .projectsingle,#frontblock3 #section3c .projectsingle{display:none;position:absolute;top:0;left:0;right:0;padding-left:200px;padding-top:100px;z-index:40}#frontblock3 #section3a .projectsingle .retour,#frontblock3 #section3b .projectsingle .retour,#frontblock3 #section3c .projectsingle .retour{display:block;position:absolute;top:260px;left:0;width:150px;border:2px solid #000;height:48px;line-height:44px;text-align:center;border-radius:24px;text-decoration:none}#frontblock3 #section3a .projectsingle .retour:before,#frontblock3 #section3b .projectsingle .retour:before,#frontblock3 #section3c .projectsingle .retour:before{content:'Retour';text-transform:uppercase;font-weight:bold;color:#000}#frontblock3 h2{opacity:0;text-align:center;text-transform:uppercase;overflow:hidden}#frontblock3 h2 span:after,#frontblock3 h2 span:before{content:'';display:block;position:absolute;top:50%;height:2px;left:-1010px;width:1000px;background:#000}#frontblock3 h2 span:after{left:auto;right:-1010px}#frontblock3 .container{z-index:100}#frontblock3 .mobileitem{display:none}#frontblock3 .box{width:750px;height:640px;margin:0 auto;z-index:10}#frontblock3 .box .projectitem{position:absolute;margin-top:-78px;margin-left:-75px;opacity:0}#frontblock3 .box .projectitem.item1{top:25%;left:50%;-webkit-animation:frontblockmid .5s ease 0s 1;animation:frontblockmid .5s ease 0s 1}#frontblock3 .box .projectitem.item2{top:50%;left:50%;-webkit-animation:frontblockmid .5s ease .1s 1;animation:frontblockmid .5s ease .1s 1}#frontblock3 .box .projectitem.item3{top:75%;left:25%;-webkit-animation:frontblockmid .5s ease .2s 1;animation:frontblockmid .5s ease .2s 1}#frontblock3 .box .projectitem.item4{top:75%;left:62.5%;-webkit-animation:frontblockmid .5s ease .3s 1;animation:frontblockmid .5s ease .3s 1}#frontblock3 .box .projectitem.item5{top:50%;left:37.5%;-webkit-animation:frontblockmid .5s ease .4s 1;animation:frontblockmid .5s ease .4s 1}#frontblock3 .box .projectitem.item6{top:50%;left:62.5%;-webkit-animation:frontblockmid .5s ease .5s 1;animation:frontblockmid .5s ease .5s 1}#frontblock3 .box .projectitem.item7{top:75%;left:50%;-webkit-animation:frontblockmid .5s ease .6s 1;animation:frontblockmid .5s ease .6s 1}#frontblock3 .box .projectitem.item8{top:75%;left:37.5%;-webkit-animation:frontblockmid .5s ease .7s 1;animation:frontblockmid .5s ease .7s 1}#frontblock3 .box .projectitem.item9{top:75%;left:75%;-webkit-animation:frontblockmid .5s ease .8s 1;animation:frontblockmid .5s ease .8s 1}.mobilebox{display:none}.step1 #frontlogo{-webkit-animation:logo 1s ease 0s 1;animation:logo 1s ease 0s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.step1 #frontdotfonce{-webkit-animation:dotFonce 6s ease 1.1s 1;animation:dotFonce 6s ease 1.1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.step1 #frontmaskbleu{opacity:1;-webkit-animation:line1 2s ease 1.225s 1;animation:line1 2s ease 1.225s 1;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;height:calc(36.39vw + 50vh + 180px)}.step1 #frontmaskrouge{opacity:1;-webkit-animation:line1 2s ease 1.35s 1;animation:line1 2s ease 1.35s 1;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;height:calc(36.39vw + 50vh + 180px)}.step1 #frontmaskjaune{opacity:1;-webkit-animation:line1 2s ease 1.1s 1;animation:line1 2s ease 1.1s 1;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;height:calc(36.39vw + 50vh + 180px)}.step1 #frontlines1 .dotbleu{margin-left:-320px;-webkit-animation:dotBleu 2s ease 1.225s 1;animation:dotBleu 2s ease 1.225s 1;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.step1 #frontlines1 .dotjaune{margin-left:280px;-webkit-animation:dotJaune 2s ease 1.1s 1;animation:dotJaune 2s ease 1.1s 1;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.step1 #frontblock2 #section1btn{-webkit-animation:frontblockmid .5s ease 3.1s 1;animation:frontblockmid .5s ease 3.1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.step1 #frontblock2 #section2btn{-webkit-animation:frontblockmid .5s ease 3.3s 1;animation:frontblockmid .5s ease 3.3s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.step1 #frontblock2 #section3btn{-webkit-animation:frontblockmid .5s ease 3.5s 1;animation:frontblockmid .5s ease 3.5s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#frontblock3 .back{-webkit-animation:none;animation:none;height:0}.step2-a #frontblock3 .back,.step2-b #frontblock3 .back,.step2-c #frontblock3 .back{-webkit-animation:step2back 4s ease;animation:step2back 4s ease;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;bottom:0;left:0;right:0;height:calc(641px + 36.39vw);position:absolute}.step2-a #frontsubmaskbleu2{-webkit-animation:step2main 1s ease;animation:step2main 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.step2-a #frontblock3 .back{background:url(../img/home/fond-bleu.png)}.step2-b #frontsubmaskrouge2{-webkit-animation:step2main 1s ease;animation:step2main 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.step2-b #frontblock3 .back{background:url(../img/home/fond-rouge.png)}.step2-c #frontsubmaskjaune2{-webkit-animation:step2main 2s ease;animation:step2main 2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.step2-c #frontblock3 .back{background:url(../img/home/fond-jaune.png)}.step2-a #frontblock3 .active .box .projectitem,.step2-b #frontblock3 .active .box .projectitem,.step2-c #frontblock3 .active .box .projectitem{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.step2-a #frontblock3 .active .box .projectitem.active,.step2-b #frontblock3 .active .box .projectitem.active,.step2-c #frontblock3 .active .box .projectitem.active{opacity:1;top:172px;left:75px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.step2-a #frontblock3 .box,.step2-b #frontblock3 .box,.step2-c #frontblock3 .box{display:block}.step2-a #frontblock3 .box .projectitem,.step2-b #frontblock3 .box .projectitem,.step2-c #frontblock3 .box .projectitem{opacity:1;transition:all .5s}.step2-a #frontblock3 .box .projectitem.item1,.step2-b #frontblock3 .box .projectitem.item1,.step2-c #frontblock3 .box .projectitem.item1{-webkit-animation:poptriangle 2.5s ease;animation:poptriangle 2.5s ease}.step2-a #frontblock3 .box .projectitem.item2,.step2-b #frontblock3 .box .projectitem.item2,.step2-c #frontblock3 .box .projectitem.item2{-webkit-animation:poptriangle 2.6s ease;animation:poptriangle 2.6s ease}.step2-a #frontblock3 .box .projectitem.item3,.step2-b #frontblock3 .box .projectitem.item3,.step2-c #frontblock3 .box .projectitem.item3{-webkit-animation:poptriangle 2.7s ease;animation:poptriangle 2.7s ease}.step2-a #frontblock3 .box .projectitem.item4,.step2-b #frontblock3 .box .projectitem.item4,.step2-c #frontblock3 .box .projectitem.item4{-webkit-animation:poptriangle 2.8s ease;animation:poptriangle 2.8s ease}.step2-a #frontblock3 .box .projectitem.item5,.step2-b #frontblock3 .box .projectitem.item5,.step2-c #frontblock3 .box .projectitem.item5{-webkit-animation:poptriangle 2.9s ease;animation:poptriangle 2.9s ease}.step2-a #frontblock3 .box .projectitem.item6,.step2-b #frontblock3 .box .projectitem.item6,.step2-c #frontblock3 .box .projectitem.item6{-webkit-animation:poptriangle 3s ease;animation:poptriangle 3s ease}.step2-a #frontblock3 .box .projectitem.item7,.step2-b #frontblock3 .box .projectitem.item7,.step2-c #frontblock3 .box .projectitem.item7{-webkit-animation:poptriangle 3.1s ease;animation:poptriangle 3.1s ease}.step2-a #frontblock3 .box .projectitem.item8,.step2-b #frontblock3 .box .projectitem.item8,.step2-c #frontblock3 .box .projectitem.item8{-webkit-animation:poptriangle 3.2s ease;animation:poptriangle 3.2s ease}.step2-a #frontblock3 .box .projectitem.item9,.step2-b #frontblock3 .box .projectitem.item9,.step2-c #frontblock3 .box .projectitem.item9{-webkit-animation:poptriangle 3.3s ease;animation:poptriangle 3.3s ease}#frontblock3 h2{-webkit-animation:frontblockmid .5s ease 2.9s 1;animation:frontblockmid .5s ease 2.9s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.step2-a #frontblock3 #section3a{display:block}.step2-b #frontblock3 #section3b{display:block}.step2-c #frontblock3 #section3c{display:block}@-webkit-keyframes logo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}}@keyframes logo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}}@-webkit-keyframes dotFonce{0%{opacity:1}100%{opacity:1}}@keyframes dotFonce{0%{opacity:1}100%{opacity:1}}@-webkit-keyframes line1{0%{height:0;opacity:0}0.1%{height:0;opacity:1}10%{height:110px}20%{height:0}30%{height:0}100%{height:calc(36.39vw + 50vh + 180px);opacity:1}}@keyframes line1{0%{height:0;opacity:0}0.1%{height:0;opacity:1}10%{height:110px}20%{height:0}30%{height:0}100%{height:calc(36.39vw + 50vh + 180px);opacity:1}}@-webkit-keyframes dotBleu{0%,70%{margin-left:-74px}85%,100%{margin-left:-320px}}@keyframes dotBleu{0%,70%{margin-left:-74px}85%,100%{margin-left:-320px}}@-webkit-keyframes dotJaune{0%,70%{margin-left:34px}85%,100%{margin-left:280px}}@keyframes dotJaune{0%,70%{margin-left:34px}85%,100%{margin-left:280px}}@-webkit-keyframes frontblockmid{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes frontblockmid{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes poptriangle{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}80%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes poptriangle{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}80%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes frontfade{0%{opacity:1}100%{opacity:0}}@keyframes frontfade{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes step2main{0%{height:0;opacity:1}100%{height:calc(86.39vw + 841px);opacity:1}}@keyframes step2main{0%{height:0;opacity:1}100%{height:calc(86.39vw + 841px);opacity:1}}@-webkit-keyframes step2back{0%{height:0;opacity:1}25%{height:0;opacity:1}100%{height:calc(641px + 36.39vw);opacity:1}}@keyframes step2back{0%{height:0;opacity:1}25%{height:0;opacity:1}100%{height:calc(641px + 36.39vw);opacity:1}}#wrap3{position:static}#mainbg1,#mainbg2,#mainbg3{display:none;position:absolute;bottom:0;left:0;right:0;height:calc(641px + 36.39vw);z-index:-1;background-position:center;background-size:cover}.step2-a #mainbg1,.step2-b #mainbg2,.step2-c #mainbg3{display:block}@media (max-width:1000px){.step1 #frontlines1 .dotbleu{margin-left:-263px;-webkit-animation:dotBleu 2s ease 1.225s 1;animation:dotBleu 2s ease 1.225s 1;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.step1 #frontlines1 .dotjaune{margin-left:223px;-webkit-animation:dotJaune 2s ease 1.1s 1;animation:dotJaune 2s ease 1.1s 1;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#frontlineblockbleu .frontlineblockbleu2,#frontlineblockjaune .frontlineblockjaune2{position:absolute;left:50%;width:263px;height:200px;background-position:center;background-size:263px 200px;background-repeat:no-repeat;top:calc(36.39vw + 50vh - 20px)}#frontlineblockrouge .frontlineblockrouge1{height:calc(36.39vw + 50vh + 180px);margin-left:-20px;background-image:url(../img/home/fond-rouge.png)}#frontlineblockbleu .frontlineblockbleu1{margin-left:-74px;height:calc(36.39vw + 50vh - 20px);background-image:url(../img/home/fond-bleu.png)}#frontlineblockbleu .frontlineblockbleu2{margin-left:-263px;background-image:url(../img/home/ligne-bleu1t.png)}#frontlineblockjaune .frontlineblockjaune1{margin-left:34px;height:calc(36.39vw + 50vh - 20px);background-image:url(../img/home/fond-jaune.png)}#frontlineblockjaune .frontlineblockjaune2{background-image:url(../img/home/ligne-jaune1t.png)}#frontblock2 .container{width:727px}@-webkit-keyframes dotBleu{0%,70%{margin-left:-74px}85%,100%{margin-left:-263px}}@keyframes dotBleu{0%,70%{margin-left:-74px}85%,100%{margin-left:-263px}}@-webkit-keyframes dotJaune{0%,70%{margin-left:34px}85%,100%{margin-left:223px}}@keyframes dotJaune{0%,70%{margin-left:34px}85%,100%{margin-left:223px}}#frontlines2{width:526px;margin-left:-263px}#frontlineblockbleu2{position:absolute;left:0;top:0;height:calc(36.39vw + 841px)}#frontlineblockbleu2 .frontlineblockbleu1{height:200px;width:283px;background-position:center;background-size:283px 200px;background-repeat:no-repeat;background-image:url(../img/home/ligne-bleu2t.png)}#frontlineblockjaune2{position:absolute;right:0;top:0;height:calc(36.39vw + 641px)}#frontlineblockjaune2 .frontlineblockjaune1{height:200px;width:283px;background-position:center;background-size:283px 200px;background-repeat:no-repeat;background-image:url(../img/home/ligne-jaune2t.png)}}@media (max-width:767px){.step1 #frontlines1 .dotbleu{margin-left:-74px;-webkit-animation:none;animation:none}.step1 #frontlines1 .dotjaune{margin-left:34px;-webkit-animation:none;animation:none}#frontlineblockbleu .frontlineblockbleu2,#frontlineblockjaune .frontlineblockjaune2{display:none}#frontlineblockrouge .frontlineblockrouge1{height:calc(36.39vw + 50vh + 180px);margin-left:-20px;background-image:url(../img/home/fond-rouge.png)}#frontlineblockbleu .frontlineblockbleu1{margin-left:-74px;height:calc(36.39vw + 50vh + 180px)}#frontlineblockjaune .frontlineblockjaune1{margin-left:34px;height:calc(36.39vw + 50vh + 180px)}#frontblock2 .container{width:280px}#frontblock2 .col-md-4{font-size:0}#frontblock2 img{max-width:100px;vertical-align:middle}#frontblock2 h2{font-size:18px;vertical-align:middle;width:170px;text-align:center;margin-left:10px;display:inline-block}#frontlines2{width:526px;margin-left:-263px}#frontlineblockbleu2{position:absolute;left:50%;margin-left:-20px;top:0;height:calc(36.39vw + 641px);width:40px}#frontlineblockbleu2 .frontlineblockbleu1{position:absolute;top:0;left:0;width:40px;height:40px;bottom:0;background-size:40px 40px;background-repeat:no-repeat;background-image:url(../img/home/dotBleuFonce.png)}#frontlineblockbleu2 .frontlineblockbleu2{position:absolute;top:20px;right:0;width:40px;bottom:0;background:url(../img/home/fond-bleu.png)}#frontlineblockjaune2{position:absolute;right:0;top:0;height:calc(36.39vw + 841px);left:50%;margin-left:-20px}#frontlineblockjaune2 .frontlineblockjaune1{position:absolute;top:0;left:0;width:40px;height:40px;bottom:0;background-size:40px 40px;background-repeat:no-repeat;background-image:url(../img/home/dotJauneFonce.png)}#frontlineblockjaune2 .frontlineblockjaune2{position:absolute;top:20px;left:0;width:40px;bottom:0;background:url(../img/home/fond-jaune.png)}.maskbox-desktop{display:none !important}.step2-a #frontblock3 .container,.step2-b #frontblock3 .container,.step2-c #frontblock3 .container{width:280px}.step2-a #frontblock3 .box,.step2-b #frontblock3 .box,.step2-c #frontblock3 .box{width:280px;height:auto}.step2-a #frontblock3 .box .projectitem,.step2-b #frontblock3 .box .projectitem,.step2-c #frontblock3 .box .projectitem{display:none}.step2-a #frontblock3 .mobilebox,.step2-b #frontblock3 .mobilebox,.step2-c #frontblock3 .mobilebox{display:block}.step2-a #frontblock3 .mobilebox .projectsingle,.step2-b #frontblock3 .mobilebox .projectsingle,.step2-c #frontblock3 .mobilebox .projectsingle{display:block;position:relative;top:auto;left:auto;bottom:auto;right:auto;text-align:center}.step2-a #frontblock3 .mobilebox .projectsingle+.projectsingle,.step2-b #frontblock3 .mobilebox .projectsingle+.projectsingle,.step2-c #frontblock3 .mobilebox .projectsingle+.projectsingle{margin-top:80px}.step2-a #frontblock3 .mobilebox .projectsingle+.projectsingle:before,.step2-b #frontblock3 .mobilebox .projectsingle+.projectsingle:before,.step2-c #frontblock3 .mobilebox .projectsingle+.projectsingle:before{position:absolute;left:50%;height:6px;top:-37px;width:50px;margin-left:-25px;background:#000;content:'';border-radius:3px;opacity:.2}#frontblock3 #section3a,#frontblock3 #section3b,#frontblock3 #section3c{width:280px}#frontblock3 #section3a .projectsingle,#frontblock3 #section3b .projectsingle,#frontblock3 #section3c .projectsingle{position:relative;display:block;left:auto;right:auto;top:auto;bottom:auto;padding:0}#frontblock3 #section3a .projectsingle .retour,#frontblock3 #section3b .projectsingle .retour,#frontblock3 #section3c .projectsingle .retour{display:none}#frontblock3{height:auto;padding-top:0}#frontblock3 #wrap3{padding-top:40px;margin-top:36.39vw}.step2-a #frontblock3 .back,.step2-b #frontblock3 .back,.step2-c #frontblock3 .back{height:100%}@-webkit-keyframes step2back{0%{height:0;opacity:1}25%{height:0;opacity:1}100%{height:100%;opacity:1}}@keyframes step2back{0%{height:0;opacity:1}25%{height:0;opacity:1}100%{height:100%;opacity:1}}}