header{z-index:5;-webkit-animation-name:anim-header;animation-name:anim-header;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width:769px){header{width:100%;-webkit-animation:none;animation:none}}@-webkit-keyframes anim-header{0%{transform:translate(-830px)}to{transform:translate(0)}}@keyframes anim-header{0%{transform:translate(-830px)}to{transform:translate(0)}}h1{cursor:pointer;font-family:"IBM Plex Serif",serif;font-size:5rem;font-weight:400;text-align:left;max-width:980px;margin:auto;color:#000}h1:hover{color:#efdf70}@media screen and (max-width:769px){h1{font-size:3rem}}.filet{height:3px;width:46%;background-color:#000}@media screen and (max-width:769px){.filet{width:58%}}#nav{width:27%;margin-right:5%;top:0;-webkit-animation-name:anim-nav;animation-name:anim-nav;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width:769px){#nav{width:100%;-webkit-animation:none;animation:none;top:0}}#nav #burger{display:none}@media screen and (max-width:769px){#nav #burger{display:flex;flex-direction:row;-webkit-animation:none;animation:none;align-items:flex-start;width:100%;height:45px}#nav #burger img{width:13%;margin-right:2%;margin-top:1%}#nav #burger p{font-family:"IBM Plex Serif",serif;font-size:.8rem;font-weight:200;text-align:left;width:85%;color:#363535;line-height:1.2rem}}@media screen and (max-width:769px) and (max-width:769px){#nav #burger p{font-size:1.2rem}}@media screen and (max-width:769px){#nav #burger p .esperluette{font-size:1.2rem;color:#efdf70;font-weight:900}}@media screen and (max-width:769px) and (max-width:769px){#nav #burger p .esperluette{font-size:1.4rem}}#nav ul{padding-left:0}#nav li{list-style-type:none;cursor:pointer}#nav .close{background-color:#000;margin-bottom:15%;height:35px;padding:1%;transition:transform .4s}@media screen and (max-width:769px){#nav .close{margin-bottom:7%}}#nav .close:hover{transform:scale(1.15);background-color:#efdf70}#nav .close.competences{transition:transform .4s;-webkit-animation-name:anim-competences;animation-name:anim-competences;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}#nav .close.competences:hover{transform:scale(1.15)}@media screen and (max-width:769px){#nav .close.competences{-webkit-animation:none;animation:none}}#nav .close.portfolio{transition:transform 1.5s ease;-webkit-animation-name:anim-portfolio;animation-name:anim-portfolio;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@media screen and (max-width:769px){#nav .close.portfolio{-webkit-animation:none;animation:none}}#nav .close.apropos{transition:transform 1.5s ease;-webkit-animation-name:anim-apropos;animation-name:anim-apropos;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@media screen and (max-width:769px){#nav .close.apropos{-webkit-animation:none;animation:none}}#nav .close.contact{transition:transform 1.5s ease;-webkit-animation-name:anim-contact;animation-name:anim-contact;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@media screen and (max-width:769px){#nav .close.contact{-webkit-animation:none;animation:none}}#nav .close.closeMenu{display:none}@media screen and (max-width:769px){#nav .close.closeMenu{display:block;text-align:center}#nav .close.closeMenu img{width:8%}}#nav .close h2{font-family:"IBM Plex Serif",serif;color:#efdf70;font-size:1.3rem;font-weight:300;text-align:center;transition:transform .4s}#nav .close h2:hover{transform:scale(1.15);color:#000}#nav .open{background-color:#efdf70;list-style-type:none;margin-bottom:15%;height:35px;padding:1%}@media screen and (max-width:769px){#nav .open{margin-bottom:7%}}#nav .open h2{color:#000;font-size:1.3rem;font-weight:300}#nav .open h2,#nav .sousmenu{font-family:"IBM Plex Serif",serif;text-align:center}#nav .sousmenu{margin-bottom:15%;line-height:2rem}#nav .sousmenu .sousmenutext{cursor:pointer}#nav .sousmenu .sousmenutext:hover{color:#98999b;font-weight:700}@-webkit-keyframes anim-nav{0%{transform:translateY(-430px)}to{transform:translate(0)}}@keyframes anim-nav{0%{transform:translateY(-430px)}to{transform:translate(0)}}@-webkit-keyframes anim-competences{0%{transform:translate(-430px)}to{transform:translate(0)}}@keyframes anim-competences{0%{transform:translate(-430px)}to{transform:translate(0)}}@-webkit-keyframes anim-portfolio{0%{transform:translate(-530px)}to{transform:translate(0)}}@keyframes anim-portfolio{0%{transform:translate(-530px)}to{transform:translate(0)}}@-webkit-keyframes anim-apropos{0%{transform:translate(-630px)}to{transform:translate(0)}}@keyframes anim-apropos{0%{transform:translate(-630px)}to{transform:translate(0)}}@-webkit-keyframes anim-contact{0%{transform:translate(-730px)}to{transform:translate(0)}}@keyframes anim-contact{0%{transform:translate(-730px)}to{transform:translate(0)}}footer{margin-bottom:4%;width:66%;margin-left:40%;-webkit-animation-name:anim-footer;animation-name:anim-footer;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width:769px){footer{display:none}}footer .filet{height:2px;width:100%;background-color:#363535;margin-bottom:1%}@media screen and (max-width:769px){footer .filet{display:none}}footer p{font-family:"IBM Plex Serif",serif;font-size:1.8rem;font-weight:200}footer p,footer p .esperluette{text-align:left;max-width:980px;color:#363535}footer p .esperluette{font-size:3rem;font-weight:400;margin:auto}@media screen and (max-width:769px){footer p .esperluette{font-size:2rem}}@media screen and (max-width:769px){footer p{font-size:1.4rem;width:110%}}@media screen and (max-width:769px){footer{margin-left:0;margin-top:0}}@media screen and (max-width:769px){.frise{display:none}}@-webkit-keyframes anim-footer{0%{transform:translateY(2000px)}to{transform:translate(0)}}@keyframes anim-footer{0%{transform:translateY(2000px)}to{transform:translate(0)}}.text-explicatif{padding:4%;position:absolute;background-color:#363535;top:300px;width:200%}@media screen and (max-width:769px){.text-explicatif{width:100%}}.text-explicatif h4{font-family:"IBM Plex Serif",serif;font-weight:700;font-size:1.2rem;color:#efdf70;margin-bottom:2%}@media screen and (max-width:769px){.text-explicatif h4{font-size:1rem}}.text-explicatif .listeExplication{font-family:"IBM Plex Serif",serif;font-weight:200;font-size:1rem;color:#fff}@media screen and (max-width:769px){.text-explicatif .listeExplication{font-size:.8rem}}.icon-explicatif{position:absolute;padding:0 2% 0 2%;top:10px;right:0;background-color:#000;align-items:center;cursor:pointer}@media screen and (max-width:769px){.icon-explicatif{top:0}}.icon-explicatif p{text-align:center;font-size:1.2rem;color:#efdf70;font-weight:400;font-family:"IBM Plex Serif",serif}@media screen and (max-width:769px){.icon-explicatif p{font-size:1rem}}.signe{color:#efdf70;font-size:15rem;font-weight:900;opacity:.5}.fulldev{display:flex;flex-direction:row;justify-content:space-between;position:absolute;top:0;left:0;background-color:#fff;width:100%;border:1px solid #ddd;padding:3%;z-index:8}.fulldev video{width:100%;margin-right:5%;max-height:500px}.fulldev .close-full{background-color:#efdf70;font-weight:900;font-size:1.5rem;color:#000;width:30px;height:30px;text-align:center;font-family:Montserrat,sans-serif}#portfolioIntro{margin-top:20%;text-align:center}#portfolioIntro p{font-family:"IBM Plex Serif",serif;font-size:1rem}.tableau{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.vignette{border:1px solid #000;width:30%;margin-bottom:3%;margin-right:3%;transition:transform .4s;text-align:center;background-color:#fff;padding:2%;cursor:pointer}@media screen and (max-width:769px){.vignette{width:47%}}.vignette img{transition:transform .4s;width:150px;height:150px}.vignette .contain{-o-object-fit:contain;object-fit:contain}.vignette .color{display:none}.vignette:hover{padding:3%}.vignette:hover,.vignette:hover img{transform:scale(1.15)}.vignette:hover .contain{-o-object-fit:contain;object-fit:contain}.vignette:hover .NB{display:none}.vignette:hover .color{display:block}.vignette p{text-align:center;color:#fff;font-weight:900;font-size:2rem}.boulotTwo{display:flex;flex-direction:row;justify-content:space-around;width:100%}.boulotTwo img{width:45%;max-height:460px}.boulot{cursor:pointer}.boulot.sdmo{width:50%;margin:auto;cursor:auto}.boulot,.boulot.sdmo img{width:100%}.boulot{margin-bottom:3%}.boulot.flex{display:flex;flex-direction:row;justify-content:space-around}.boulot.flex .bann,.boulot.flex .mail{width:40%}.boulot img{width:100%}#graphisme{cursor:pointer}#graphisme .back{margin-left:3%;border:1px solid #363535;background-color:#efdf70;color:#363535;padding:0 2% 2% 2%;height:25px;line-height:1.5rem}.theme{position:relative}.theme .client{display:flex;flex-direction:row;align-items:center;margin-bottom:5%;border-bottom:1px solid #000}.theme .client h3{height:35px;font-size:1rem;background-color:#000;color:#efdf70;text-align:center;margin-right:5%;padding:1% 2% 1% 2%;font-family:"IBM Plex Serif",serif}.theme .client .court{margin-bottom:3%;max-width:45%;max-height:95px}.theme .client .long{margin-bottom:3%;max-width:45%;max-height:75px}.full{display:flex;flex-direction:row;justify-content:space-between;position:absolute;top:0;left:0;background-color:#fff;width:130%;margin-left:-10%;margin-top:-18%;padding:3%;z-index:8}.full img{width:95%}.full .close-full{background-color:#ecd1d6;font-weight:900;font-size:1.2rem;padding:10px;line-height:1;color:#000;height:35px;text-align:center;font-family:Montserrat,sans-serif}.boulot-toiles{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.boulot-toiles .toile{width:45%}.boulot-toiles .toile img{width:100%;margin-bottom:3%}#align{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:5%}@media screen and (max-width:769px){#align{justify-content:flex-start}}.portfolio{position:relative}.portfolio h3{text-align:center;font-family:Rock Salt,cursive;font-weight:400;font-size:2rem;margin-bottom:2%}@media screen and (max-width:769px){.portfolio h3{font-size:1.3rem}}.contact{margin-top:5%}.contact h3{font-size:1.5rem;text-align:center;font-family:Rock Salt,cursive}.contact #linkedIn{width:4%;margin-right:1%}.contact .liste{margin-top:5%}.contact .liste p{font-family:"IBM Plex Serif",serif;font-weight:200;font-size:1.2rem;line-height:3rem;color:#000}.contact .liste a{text-decoration:none;color:#000}.contact .liste a:hover{color:#98999b;text-decoration:underline;font-weight:500}.contact #formulaire{margin-top:10%;text-align:center}.contact #formulaire .flex-form{display:flex}.contact #formulaire input,.contact #formulaire textarea{width:100%;height:33px;border:none;background-color:#ddd;color:#000}.contact #formulaire textarea{height:100px}.contact #formulaire label{color:#363535;font-weight:700;width:100%;text-align:left}.contact #formulaire #envoyer{width:35%;font-weight:700;background-color:#363535;color:#fff;border:none;height:40px;margin-top:3%}#titreJu{font-weight:400;font-size:2rem;font-family:Rock Salt,cursive;-webkit-animation-name:anim-text;animation-name:anim-text;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-bottom:10%}#apropos{text-align:justify;font-family:"IBM Plex Serif",serif;line-height:1.3rem}@media screen and (max-width:769px){#apropos{width:100%}}#apropos .flexApropos{display:flex;flex-direction:row}@media screen and (max-width:769px){#apropos .flexApropos{flex-direction:column}}#apropos .flexApropos #photoJu{max-height:590px;margin-right:3%;-webkit-animation-name:anim-photo;animation-name:anim-photo;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;z-index:-10}@media screen and (max-width:769px){#apropos .flexApropos #photoJu{display:none}}#apropos .flexApropos #textJu{font-size:1rem;line-height:1.5rem;-webkit-animation-name:anim-text;animation-name:anim-text;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width:769px){#apropos .flexApropos #textJu{font-size:.8rem;line-height:1.5rem;width:100%}}#apropos .flexApropos #tobe{font-family:Rock Salt,cursive}@-webkit-keyframes anim-photo{0%{transform:translate(1000px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes anim-photo{0%{transform:translate(1000px);opacity:0}to{transform:translate(0);opacity:1}}@-webkit-keyframes anim-text{0%{transform:translate(2830px)}to{transform:translate(0)}}@keyframes anim-text{0%{transform:translate(2830px)}to{transform:translate(0)}}#quadrillage-logos{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;margin:auto;margin-bottom:5%}@media screen and (max-width:769px){#quadrillage-logos{width:100%;margin-bottom:3%}}#quadrillage-logos .logos{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;margin:2px}#quadrillage-logos .logos.logoscarre{padding:23px}#quadrillage-logos .logos.logoslong{padding:10px}#mots,#quadrillage-logos .logos img{width:100%}#mots{background-color:#fff;box-shadow:3px 1px 10px #363535;padding:2% 3% 3% 3%}@media screen and (max-width:769px){#mots{width:100%}}#mots p{text-align:left}#mots h4{font-family:Rock Salt,cursive;text-align:center;font-size:2rem}#mots .qualite{background-color:#000;color:#efdf70;font-weight:500;margin-left:2px;margin-right:2px;padding-left:6px;padding-right:6px}#cv{max-width:980px;margin:auto;display:flex;box-shadow:3px 1px 10px #363535;background-color:#fff}#cv p{font-family:"IBM Plex Serif",serif}#headerCv{-webkit-animation:none;animation:none;left:0}#photoIdentiteIdentite{width:100%;text-align:center;margin-top:13%}#photoIdentiteIdentite img{width:77%}#photoIdentiteIdentite p{text-align:center}aside{width:30%;background:#efdf70;position:relative;order:1}aside img{width:80%;height:160px;border-radius:50%;margin-top:15%;margin-left:10%}aside ul{padding-left:10%;padding-right:10%}aside li{list-style:none;padding-left:0}aside .logiciels{width:100%;display:flex;flex-direction:row;justify-content:space-between}.contenuContact{width:90%;background-color:#fff;margin:auto;height:85px;box-shadow:3px 1px 10px #363535;padding:2%}aside p{color:#000;text-align:justify;line-height:1.4rem;font-size:.8rem;font-weight:500}aside h1{background-color:#000;text-align:center;color:#efdf70;font-size:1.4em;font-family:"IBM Plex Serif",serif;height:29px;padding-bottom:3px;margin-bottom:20px;margin-top:40px}aside h1.titreLogiciels{height:92px}a{text-decoration:none;color:#000}#loisirs{width:100%;text-align:center;position:absolute;bottom:20px}#loisirs .fas{color:#000;font-size:1.3em}.icon{display:inline-block;border:1px solid #000;border-radius:30px;width:35px;height:35px;text-align:center;padding-top:7px;margin-left:4px;margin-right:4px}.contenuCv,.icon{box-sizing:border-box}.contenuCv{width:70%;padding-left:3%;padding-right:3%;order:2;-webkit-animation:none;animation:none}.contenuCv p{line-height:1rem;font-size:.8rem}.contenuCv header{margin-bottom:25%;margin-top:4%}.contenuCv header h1{font-family:"IBM Plex Serif",serif;font-size:3em;font-weight:100;margin-bottom:0}.contenuCv header h2{font-size:1.5rem;font-family:"IBM Plex Serif",serif;margin-top:0;margin-bottom:3px;font-weight:300}.contenuCv header h2 .esperluette{font-size:2rem;font-weight:400;text-align:left;max-width:980px;margin:auto;color:#efdf70}.contenuCv #layus{margin-top:6%}.contenuCv #layus p{font-size:.8rem}#julie,.contenuCv #layus p{font-family:"IBM Plex Serif",serif}#julie{color:#efdf70;font-weight:900}#souligne{-webkit-text-decoration:underline #efdf70;text-decoration:underline #efdf70;text-underline-position:under}#filet{width:26%;background-color:#efdf70;height:2px}article{width:90%;margin-bottom:15%}article.recommandation{margin-bottom:3%}.bloc_section .fas{font-size:2em;color:#363535;position:absolute;bottom:3px}.titre{border-bottom:2px solid #efdf70;margin-bottom:30px;margin-top:30px;position:relative;display:flex}.titre h2{font-family:"IBM Plex Serif",serif;color:#000;font-size:1.6rem;margin-bottom:.2em;position:absolute;bottom:0;left:55px;font-weight:200}.dates,.ligne,.ligne_collegue{display:flex}.dates{width:33%;margin-right:6%}.dates .far{color:#efdf70;font-size:.8em;margin-right:5px;line-height:1.3em}.dates .fas{color:#efdf70;font-size:.5em;margin-right:10px;line-height:2.8em;position:relative}.contenu{width:66%}.contenu h5{font-size:.9rem;font-family:"IBM Plex Serif",serif;font-weight:700;margin-top:0;margin-bottom:.2em;color:#98999b}.ligne{margin-bottom:5px}.ligne p{font-size:.8rem}.ligne_collegue p,.ligne p{font-family:"IBM Plex Serif",serif;margin-top:0;margin-bottom:0}.collegue{width:50%}.collegue h5{font-size:.9rem;font-family:"IBM Plex Serif",serif;margin-top:0;margin-bottom:.2em;color:#98999b}.collegue a{text-decoration:none;color:#000}.contenuCv #identite_petit{display:none}@media (min-width:570px) and (max-width:768px){aside h1{height:auto}article{margin-bottom:25%}article.bloc_section:last-child{margin-bottom:0}.ligne{display:block}.titre{margin-bottom:5%;margin-top:15%}.contenu,.dates{width:100%}.contenu{padding-left:4%;margin-top:1%}.ligne_collegue{display:flex}.icon{padding-top:10px;margin-left:2px;margin-right:2px;margin-top:15px}}@media screen and (max-width:769px){#cv{display:block}p{font-size:1em}.contenuCv{order:1;width:100%;padding-left:0;padding-right:0}#filet,#layus{display:none}.contenuCv header{padding-top:5%;padding-bottom:5%;display:flex;background-color:#efdf70}.contenuCv header h1,h2{color:#fff}#julie{color:#000}#filet{background-color:#000}.contenuCv #identite_petit{display:block;width:30%;margin-right:5%;margin-left:5%;margin-top:0}.contenuCv #identite{width:60%}.contenuCv #identite_petit img{width:100%}.contenuCv header h1{font-size:2.3em}.contenuCv header h1,.contenuCv header h2{font-family:"IBM Plex Serif",serif;font-weight:100;margin-bottom:0;margin-top:3%}.contenuCv header h2{font-size:1.2rem}.contenuCv header h2 .esperluette{color:#fff;font-size:1.4rem}article{padding-left:3%;margin-bottom:25%}.titre{margin-bottom:5%;margin-top:15%}.ligne{margin-bottom:10%}.ligne,.ligne_collegue{display:block}.contenu{margin-top:1%;margin-left:5%;width:100%}.contenu h2{color:#5c6266}.dates{width:100%}.dates p{color:#363535}.collegue{margin-bottom:10%}.collegue h5{color:#98999b}aside{width:100%;order:2}aside #photoIdentite{display:none}#loisirs{position:relative}aside h1.titreLogiciels{height:35px}}*{margin:0;box-sizing:border-box}p{line-height:2rem}.home{background-image:url(../img/fond.5fdd3e9f.svg);background-repeat:no-repeat;background-position:bottom;padding-bottom:20px}@media screen and (max-width:769px){.home{background-image:none;width:90%;margin:auto}}.corps{max-width:980px;margin:auto;margin-top:5%;display:flex;flex-direction:row;z-index:10}@media screen and (max-width:769px){.corps{width:100%;flex-direction:column}}.contenu{width:68%;margin-bottom:5%}@media screen and (max-width:769px){.contenu{margin-left:0;margin-top:10%;width:100%}}