*,*:before,*:after{box-sizing:border-box}:root{--hauteur-header:4rem;--position-header:-4rem;--couleur-menu:rgb(255,71,90);--couleur-typo:rgb(22,25,37);--couleur-typo-bandeau:rgb(255,255,255);--couleur-bandeau:rgb(255,223,97);--couleur-competences-derouler:rgb(124,124,124);--couleur-figcaption:rgba(255,71,90,.8)}body{margin:0;line-height:1.5}header{top:0;left:0;width:100%;z-index:300;display:flex;flex-wrap:wrap;align-items:center;position:fixed}header .btn-menu-mobile{display:flex;align-items:center;width:3em;height:2em;stroke:var(--couleur-typo);stroke-width:3px;cursor:pointer}header h2, header .btn-menu-mobile{position:relative;z-index:1;margin:1rem 2rem}header h2{font-family:'Pacifico',cursive;font-size:1.25rem;font-weight:normal;line-height:1;text-align:right;flex:1;color:var(--couleur-typo)}header nav{font-family:'Comfortaa',cursive;font-size:2.375rem;display:flex;align-items:center;justify-content:center;position:relative;top:var(--position-header);left:0;width:100%;height:calc(100vh + var(--hauteur-header));background-color:var(--couleur-menu)}header nav ul{list-style-type:none;margin:0;padding:0}header nav a{display:block;padding: .5em 1em;color:white;text-decoration:none;text-align:center}.nav-depliante{display:none}.btn-retour-global{fill:none;stroke:var(--couleur-typo);stroke-width:20px;position:absolute;bottom:-5em;left:2em;z-index:1;width:3em}.accueil{margin-bottom:4rem;min-height:calc(100vh - var(--hauteur-header))}.image-accueil{width:100%;display:block}.accueil>div{padding-left:1rem;padding-right:1rem}.contenu-accueil{margin-top:-2.5em}.contenu-accueil h3 a{text-decoration:none;color:var(--couleur-typo)}.competences{padding-left:1rem;padding-right:1rem}main h1{color:var(--couleur-menu);font-family:'Pacifico',cursive;font-size:3.69rem;font-weight:normal;margin:0;line-height:1}main h3{color:var(--couleur-typo);font-family:'Comfortaa',cursive;font-size:1.55rem;font-weight:normal;line-height:1.2;margin:0;padding-top: .5rem;color:var(--couleur-typo)}.barres-separation{max-width:50%}.barres-separation{margin-top: .8rem}.barres-separation path{fill:var(--couleur-menu);stroke:none}main p{font-family:'Noto Sans',sans-serif;color:var(--couleur-typo);margin-top:1rem;margin-bottom:1rem}.fond-image-helbak{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/helbak/couverture-mobile.jpg)}.fond-image-lmdeco{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/lmdeco/banniere-mobile-projet-lmdeco.jpg)}.fond-image-studio{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/studio/banniere-mobile-projet-studio.jpg)}.fond-image-draw{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/draw/banniere-mobile-projet-draw.jpg)}.fond-image-chaudevant{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/chaudevant/banniere-mobile-projet-chaudevant.jpg)}.fond-image-dataviz{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/dataviz/banniere-mobile-projet-dataviz.jpg)}.fond-image-swamp{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/swamp/banniere-mobile-projet-swamp.jpg)}.fond-image-livre{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/livre/banniere-mobile-projet-livre.jpg)}.fond-image-grems{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/grems/banniere-mobile-projet-grems.jpg)}.fond-image-agence-tout-risque{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/agence-tout-risque/banniere-mobile-projet-agence-tout-risque.jpg)}.fond-image-the-thing{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/the-thing/banniere-mobile-projet-the-thing.jpg)}.fond-image-times{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/times/banniere-mobile-projet-times.jpg)}.fond-image-pub-lmdeco{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/pub-lmdeco/banniere-mobile-projet-pub-lmdeco.jpg)}.fond-image-mouvement{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/mouvement/banniere-mobile-projet-mouvement.jpg)}.fond-image-tarsier{height:30rem;background-size:cover;background:center;filter:brightness(1.1);background-image:url(../images/tarsier/banniere-mobile-projet-tarsier.jpg)}.partie1-ordinateur{margin-right:1rem;margin-left:1rem}main h1.titre-projet{text-align:center;position:relative;top:-2.2rem;z-index:1}h4{color:var(--couleur-menu);font-family:'Comfortaa',cursive;font-size:1.125rem;margin:0}.presentation p{margin-top:0rem;margin-bottom:2rem}.presentation{margin-bottom:4rem;width:100%}.bandeau-titre{background-color:var(--couleur-bandeau);padding:0;margin-top:3rem;margin-bottom:1.5rem}.bandeau-titre h2{margin:0;padding:1rem;font-family:'Comfortaa',cursive;font-size:2.375rem;color:var(--couleur-typo-bandeau)}.competences h3{padding-top:0rem}.humainement .paragraphe-humainement{margin-top:1rem;margin-bottom:4rem}.humainement .paragraphe-humainement p:first-child{margin-bottom:1rem}.competences h4{color:var(--couleur-menu);font-family:'Comfortaa',cursive;font-size:1.125rem;margin:0;margin-top:1rem}.boutons-competence{display:flex;align-items:center;text-align:center;cursor:pointer;padding:0}.competences ul{list-style-type:none;margin:0;padding:0}h5{color:var(--couleur-typo);font-family:'Comfortaa',cursive;font-size: .88rem}.boutons-competence>div{position:absolute;padding-left:10rem;color:var(--couleur-bandeau);font-family:'Comfortaa',cursive;font-size:2.2rem}.liste-competences li>p{color:var(--couleur-competences-derouler)}.competences p{margin:0}.cacher{display:none}.liste-competences{user-select:none}.slide-contenu1{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-helbak.jpg")}.slide-contenu2{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-draw.jpg")}.slide-contenu3{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-chaudevant.jpg")}.slide-contenu4{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-lmdeco.jpg")}.slide-contenu5{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-dataviz.jpg")}.slide-contenu6{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-studio.jpg")}.slide-contenu7{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-swamp.jpg")}.slide-contenu8{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-livre.jpg")}.slide-contenu9{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-grems.jpg")}.slide-contenu10{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-agence-tout-risque.jpg")}.slide-contenu11{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-the-thing.jpg")}.slide-contenu12{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-times.jpg")}.slide-contenu13{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-pub-lmdeco.jpg")}.slide-contenu14{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-mouvement.jpg")}.slide-contenu15{flex-grow:1;z-index:1;background-size:cover;filter:opacity(65%);background-image:url("../images/elem-graphiques/slider/projet-tarsier.jpg")}.slider{width:100%;height:30rem;overflow:hidden;position:relative;padding-bottom:6rem}.slider h3{position:absolute;top:calc(100% - .5em);justify-content:center;text-align:center;z-index:2;font-family:'Pacifico',cursive;font-size:3.69rem;font-weight:normal;margin:0;line-height:1;color:var(--couleur-menu);cursor:pointer}.slides{height:100%;display:flex}.slides.actif{transition:transform .3s ease-out}.slide{position:relative;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;padding-left:1rem;padding-right:1rem}.slider a{text-decoration:none}.nav-slider{position:relative;max-width:70%;flex-basis:70%}.nav-slider-prec,.nav-slider-suiv{position:absolute;top:0;width:50%;height:100%}.nav-slider-prec{left:0}.nav-slider-suiv{right:0}.st0{fill:none;stroke:var(--couleur-bandeau);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.st1{fill:none;stroke:var(--couleur-bandeau);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.options-slider{display:flex;margin:1rem 1rem 1rem 1rem;justify-content:center}.menu-projets{justify-content:center;margin-bottom:4rem;margin-top:2rem}.menu-projets ul{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu-projets li{display:flex;color:var(--couleur-typo-bandeau);margin:1rem}.menu-projets .btn-projets{display:flex;background-color:var(--couleur-menu);align-items:center;justify-content:center;width:15rem;height:3rem;cursor:pointer}.menu-projets h4{text-align:center;color:var(--couleur-typo-bandeau);font-family:'Comfortaa',cursive;font-size:1.125rem}.invisible{display:none}footer{background-color:var(--couleur-menu);height:100vh;padding-left:1rem;display:flex;flex-direction:column;justify-content:center}footer h3{color:var(--couleur-typo-bandeau);font-family:'Comfortaa',cursive;font-size:1.55rem;font-weight:normal;line-height:1.2;margin:0}footer p{font-size:0.88rem;font-family:'Noto Sans',sans-serif;color:var(--couleur-typo)}footer a{text-decoration:none;color:var(--couleur-typo-bandeau);text-decoration:underline}footer p{color:var(--couleur-typo-bandeau)}.separation-footer path{fill:var(--couleur-bandeau)}.separation-footer{width:50%}.contact{padding-bottom:4rem}h3{color:var(--couleur-typo);font-family:'Comfortaa',cursive;font-size:1.55rem;font-weight:normal;line-height:1.2;margin:0;color:var(--couleur-typo)}.barres-separation{margin-top: .8rem;max-width:60%;fill:var(--couleur-menu)}.image-presentation-projet img{display:block;width:100%;height:auto}.image-presentation-projet-livre img{display:block;width:100%;height:auto}.images-demo-mobiles{display:flex;justify-content:space-between}.images-demo-mobiles img{width:48%;margin-top:1rem;border-color:var(--couleur-bandeau);border-image:none;border-radius:20px;border-style:solid;border-width:20px 7px;overflow:hidden}.body-projet-chaudevant .images-demo-mobiles img{width:100%}.images-demo-mobiles-horizontale img{width:100%;margin-top:1rem;border-color:var(--couleur-bandeau);border-image:none;border-radius:20px;border-style:solid;border-width:20px 7px;overflow:hidden}.images-demo-ordinateurs{display:flex;flex-wrap:wrap}.images-demo-ordinateurs img{margin-top:1rem;width:100%;border-color:var(--couleur-bandeau);border-image:none;border-radius:5px;border-style:solid;border-width:10px 5px;overflow:hidden}.images-recherches{display:flex;width:100%;margin-top:1rem;flex-wrap:wrap}.images-recherches img{width:100%}.images-recherches .descriptif-projet{width:100%;margin-top:1rem}.images-recherches p{margin:0}.images-recherches:nth-child(4){margin-top:5rem}.images-recherches:nth-child(6){margin-top:5rem}.section2{margin-right:1rem;margin-left:1rem}.section2 h3{margin-top:4rem}.grille-de-4{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1rem;margin-top:5rem}.body-projet-chaudevant .grille-de-4 img{width:100%}.titre-section-projets h4{margin-top:4rem}.btn-autres-projets h4{margin:0;color:var(--couleur-typo-bandeau)}.btn-autres-projets{padding-bottom:4rem}.autres-projets{margin-left:1rem;margin-right:1rem}.btn-projet{position:relative;width:100%;margin:0}figure.btn-projet{margin:0;width:100%}.btn-projet img{display:block;width:100%}.btn-projet figcaption{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--couleur-figcaption);opacity:100%;transition:opacity .3s}.btn-autres-projets{display:flex;flex-wrap:wrap}video{display:block;width:100%;height:auto}@media screen and (max-width: 1023px){.btn-autres-projets a{display:block;margin-top:1rem}}@media screen and (min-width: 1024px){body{padding-top:0}header .btn-menu-mobile{display:none}header{flex-direction:row;background-color:var(--couleur-menu)}header h2{order:2}header nav{order:1;flex:1;justify-content:flex-end;height:auto;top:0;font-size:1rem}header nav ul{display:flex}.nav-depliante{display:block}header h2{color:var(--couleur-typo-bandeau)}.image-accueil{width:40%;display:block;padding:0;padding-right:5rem}.accueil{margin-top:4rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.accueil h1{font-size:7rem}.accueil h3{font-size:2.812rem}.image-accueil{order:2}.accueil>div{padding-right:15rem;padding-left:5rem}.contenu-accueil{order:1;margin:0;padding:0 50rem}.competences{display:flex;flex-direction:row;padding-left:5rem;padding-top:3rem}.humainement{flex-grow:0;flex-shrink:0;flex-basis:50%}.humainement .barres-separation{max-width:35%}.graphiquement-part1 .barres-separation{max-width:70%}.humainement .paragraphe-humainement{width:60%;padding-top:1rem}.graphiquement-part1{flex-grow:0;flex-shrink:0;flex-basis:25%}.graphiquement-part2{flex-grow:0;flex-shrink:0;flex-basis:25%}.liste-competences p{padding-right:4rem}.slidercomplet{display:flex}.sliderflecheetbouton{display:flex;width:50%;flex-wrap:wrap}.slider{width:50%;height:40rem;margin-left:1rem;margin-right:1rem}.nav-slider{max-width:70%;flex-basis:70%}.options-slider{width:50%;justify-content:flex-start}.menu-projets{margin:0}.options-slider{order:2}.assemblage-vide-et-boutonsprojets{order:1}.assemblage-vide-et-boutonsprojets{width:100%;display:flex}.vide{width:50%;display:flex}.btn-projets{height:3rem;width:20rem}.bloc-couleur{background-color:var(--couleur-bandeau)}.btn-retour-global{left:1em}.image-presentation-projet{margin-right:1rem}.image-presentation-projet img{width:50vw;margin:0}.image-presentation-projet-livre{margin-right:1rem}.image-presentation-projet-livre img{width:40vw;margin:0}.partie1-ordinateur{display:flex;margin-right:3rem;margin-bottom:8rem;margin-top:5rem;margin-right:3rem;margin-left:3rem}.presentation{order:2;margin-top:10rem}.section1{order:1}.barres-separation{margin-top: .8rem;width:60%;fill:var(--couleur-menu);margin-left:0}.images-demo-mobiles{display:flex;width:80%;margin-top:2rem}.images-demo-mobiles img{border-radius:30px;border-width:30px 7px}.images-demo-mobiles-horizontale{width:100%;margin-top:2rem}.images-demo-mobiles-horizontale img{border-radius:30px;border-width:30px 7px}.section2{margin-right:3rem;margin-left:3rem}.barres-separation.barre2{width:18%}.images-demo-ordinateurs img{margin-top:2rem;width:49%}.images-demo-ordinateurs{flex-wrap:nowrap;justify-content:space-between}.images-recherches{width:100%;margin-top:3rem}.images-recherches img{max-width:50%}.images-recherches .descriptif-projet{width:35%;margin:auto}.btn-projet figcaption{opacity:0%}.btn-projet figcaption:hover{opacity:100%}.autres-projets{margin-left:3rem;margin-right:3rem}.btn-autres-projets{flex-wrap:nowrap;justify-content:space-between;margin-bottom:4rem}.btn-projet{width:100%}.titre-section-projets h4{margin-bottom:1rem;margin-top:8rem}footer{flex-direction:row;height:30vh;justify-content:space-around;padding:0;align-items:center}.contact{padding-left:20rem;padding-bottom:0}.reseaux-sociaux{padding-right:20rem}.separation-footer{width:60%}.fond-image-helbak{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/helbak/couverture-ordi.jpg)}.fond-image-lmdeco{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/lmdeco/banniere-ordinateur-projet-lmdeco.jpg)}.fond-image-studio{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/studio/banniere-ordinateur-projet-studio.jpg)}.fond-image-draw{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/draw/banniere-ordinateur-projet-draw.jpg)}.fond-image-chaudevant{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/chaudevant/banniere-ordinateur-projet-chaudevant.jpg)}.fond-image-dataviz{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/dataviz/banniere-ordinateur-projet-dataviz.jpg)}.fond-image-swamp{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/swamp/banniere-ordinateur-projet-swamp.jpg)}.fond-image-livre{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/livre/banniere-ordinateur-projet-livre.jpg)}.fond-image-grems{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/grems/banniere-ordinateur-projet-grems.jpg)}.fond-image-agence-tout-risque{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/agence-tout-risque/banniere-ordinateur-projet-agence-tout-risque.jpg)}.fond-image-the-thing{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/the-thing/banniere-ordinateur-projet-the-thing.jpg)}.fond-image-times{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/times/banniere-ordinateur-projet-times.jpg)}.fond-image-pub-lmdeco{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/pub-lmdeco/banniere-ordinateur-projet-pub-lmdeco.jpg)}.fond-image-mouvement{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/mouvement/banniere-ordinateur-projet-mouvement.jpg)}.fond-image-tarsier{height:30rem;background-size:100% auto;background-repeat:no-repeat;filter:brightness(1.1);background-image:url(../images/tarsier/banniere-ordinateur-projet-tarsier.jpg)}}