@media screen and (max-width:1200px){#zone{transform:scale(.8)}}@media screen and (max-width:1024px){#pageRGPD{width:100%;margin:50px 0;padding:0 30px;box-sizing:border-box}#zone{transform:scale(.6);margin-bottom:12vh}header{background:none;padding:0}#contenu{padding:0;flex-flow:column}#contenu figure{margin-right:0;padding:5px 0 0 30px}#light{z-index:98}#full{left:-11px;z-index:99}header nav{height:100vh;margin:-95px auto 0;width:100%;background:#b6f6fe;display:none;opacity:0}header nav ul{flex-flow:column;margin:90px 0}#sect2 .projet{height:auto;width:100%}#sect2 .projet:nth-of-type(2n){height:auto;width:100%;flex-flow:column}#sect2 h3,#sect2 p,#sect2 .projet:nth-of-type(2n) h3,#sect2 .projet:nth-of-type(2n) p{text-align:center;width:100%}#sect2 .projet figure{width:100%;height:auto;text-align:center}#sect2 .projet img{min-height:auto;max-width:100vw}#sect2 .projet .texte,#sect2 .projet:nth-of-type(2n) .texte{width:100%;height:auto;margin:0 auto;padding:0 30px;justify-content:center;box-sizing:border-box}#sect3 ul{width:auto;padding:0;flex-flow:column}#sect3 ul li{line-height:2.5em;padding:0 30px;overflow:hidden}#sect3 ul li:first-of-type{padding:0 30px}#galerie .apercu{width:45vw}#sect4 figure img{max-height:100vh}#sect5{width:100%;box-sizing:border-box}#sect5 figure{width:40vw;margin:auto}.webdesign p{width:27vw;margin:auto 0}.webdesign:nth-of-type(2n) p{margin:auto 0}#sect5 #texte{width:auto;margin:auto 30px auto auto}#AV img{height:100vh;width:auto}.animation{flex-flow:column}.animation iframe{margin:0 auto}.animation p{margin:30px auto 0;text-align:center}#sect5 .idvisu p{width:auto;padding-left:30px;padding-right:30px}#apropos{flex-flow:column}#apropos p{text-align:center;width:100%;padding:0 30px;box-sizing:border-box;margin:0}#visuelEC{width:100%}#photo,#contours{margin:auto;overflow:hidden}#photo img{content:url(../img/img_photo_EC_900px_1.png)}#contours img{content:url(../img/img_photo_EC_900px_2.png)}#contours{position:relative;top:-50%}#photo img,#contours img{height:auto;width:90vw}#doodle1{top:7%;left:10%}#doodle2{top:25%;left:5%}#doodle3{top:20%;right:5%}#timeline{height:auto;justify-content:space-between;width:100%;margin:auto;padding:0;margin-bottom:150px}#dispMob{display:none}#bloc1{flex-flow:row;height:100%;margin:0 30px;justify-content:space-between}#barreAR{height:auto;width:5px;margin:0;position:relative}#barreAV{height:40%;width:100%}#ligne1,#ligne2{flex-flow:column;width:45%;margin:60px 0}.XP{width:100%;padding:30px 0}#social,#ergo,#compWeb,#outils{height:270px;width:270px}#franc{height:180px;width:180px;right:300px}#angl{height:150px;width:150px;right:290px;top:183px}#projet{height:180px;width:180px;right:155px;top:290px}#equipe{height:150px;width:150px;right:0;top:310px}#psd{height:150px;width:150px;bottom:0;left:300px}#ai{height:150px;width:150px;bottom:160px;left:290px}#fla{height:180px;width:180px;bottom:280px;left:160px}#id{height:150px;width:150px;bottom:300px}#xd{height:210px;width:210px;bottom:450px;left:45px}#sketch{height:120px;width:120px;bottom:315px;left:355px}#invision{height:120px;width:120px;bottom:105px;left:440px}#figma{height:120px;width:120px;bottom:450px;left:280px}#uiux{height:210px;width:210px;left:290px}#AC{height:210px;width:210px;left:220px;top:220px}#test{height:210px;width:210px;top:290px}#anim{height:210px;width:210px;bottom:0;right:320px}#html{height:180px;width:180px;bottom:210px;right:305px}#compEpub{height:150px;width:150px;bottom:320px;right:182px}#veille{height:180px;width:180px;bottom:320px;right:0}#maqu{height:210px;width:210px;bottom:395px;right:310px}#prot{height:210px;width:210px;bottom:470px;right:105px}}@media screen and (max-width:750px){#scrollB{bottom:0}#swipeL,#swipeR{display:none}h1{font-size:3em}h2{font-size:2.5em}h3{font-size:2em}.bouton{width:auto;margin:120px 15px 0}#zone{transform:scale(.25);margin:0}#contenu figure{margin-left:-25px}#full{left:-36px}#bgdBurger,#full,#light{transform:scale(.8)}#bgdBurger{top:-24px;right:-27px}.onlyMob{display:flex}#sect3 ul li{line-height:2em}#galerie .apercu{height:50vh;width:90vw}#pres{width:100%}#pres h1{font-size:2.75em}#sect5{padding:0;margin-bottom:240px}.webdesign{flex-flow:column;width:100%;margin:60px auto}#sect5 figure{width:100%}.webdesign p{margin:30px 0 0;width:100%;padding:0 75px;box-sizing:border-box;text-align:center}.webdesign:nth-of-type(2n) p{margin:0;text-align:center}.webdesign:nth-of-type(2n){flex-flow:column}.animation{flex-flow:column;width:100%}#epub{margin:auto}.animation p{margin:30px auto 0;text-align:center;width:90%}.infographie{height:auto}#visuel{position:relative}#sect5 #texte{width:auto;margin:0 auto}.infographie p{width:auto;margin:auto;background:none;text-align:center}#photo img{content:url(../img/img_photo_EC_500px_1.png)}#contours img{content:url(../img/img_photo_EC_500px_2.png)}#doodle1{top:15%;left:10%}#doodle2{top:45%;left:5%}#bloc1{margin:0 15px}#ligne1,#ligne2{width:45%}.dispMob1{display:none}#competences{margin:auto;width:100%;display:block;height:auto}#competences h2,#competences p{width:100%;padding:0 15px;box-sizing:border-box}#bloc2{margin-bottom:60px}.comp{margin:auto;position:relative;display:block;height:auto;margin-bottom:30px}.social,.adobe,.uiux,.compWeb{position:relative;padding:15px 0}#social,#ergo,#compWeb,#outils{top:0;left:50%;margin-left:-135px}#comp1{height:570px}#comp2{height:780px}#comp3{height:650px}#comp4{height:880px;margin:0}#franc{left:0;top:-80px;position:relative}#angl{left:100%;margin-left:-150px;top:-290px;position:relative}#projet{left:60%;top:-300px;position:relative;margin-left:-90px}#equipe{left:10%;top:-360px;position:relative}#psd{left:0;top:-90px;position:relative}#ai{left:100%;margin-left:-150px;top:-200px;position:relative}#fla{left:40%;top:-270px;position:relative;margin-left:-90px}#id{left:95%;margin-left:-150px;top:-350px;position:relative}#xd{top:-420px;left:0;position:relative}#sketch{top:-590px;left:100%;position:relative;margin-left:-120px}#invision{top:-610px;left:93%;position:relative;margin-left:-120px}#figma{top:-690px;left:5%;position:relative}#uiux{left:100%;top:-70px;margin-left:-210px;position:relative}#AC{left:0;top:-160px;position:relative}#test{left:100%;margin-left:-210px;top:-250px;position:relative}#anim{left:0;top:-90px;position:relative}#html{top:-180px;left:100%;margin-left:-180px;position:relative}#compEpub{top:-280px;left:2%;position:relative}#veille{top:-370px;left:95%;margin-left:-180px;position:relative}#maqu{left:0;top:-450px;position:relative}#prot{left:100%;margin-left:-210px;top:-530px;position:relative}}@media screen and (max-height:800px){#timeline{height:auto;justify-content:space-between;width:100%;margin:auto;padding:0;margin-bottom:150px}#dispMob{display:none}#bloc1{flex-flow:row;height:100%;margin:0 30px;justify-content:space-between}#barreAR{height:auto;width:5px;margin:0;position:relative}#barreAV{height:40%;width:100%}#ligne1,#ligne2{flex-flow:column;width:45%;margin:60px 0}.XP{width:100%;padding:30px 0}#social,#ergo,#compWeb,#outils{height:270px;width:270px}}