@charset "UTF-8";@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes invert-animation{0%{filter:invert(0);opacity:1}20%{filter:invert(1);opacity:.8}50%{filter:invert(1);opacity:.8}80%{filter:invert(1);opacity:.8}to{filter:invert(0);opacity:1}}.sway{animation:sway 1.2s ease-in-out}@keyframes circular-animation{0%{opacity:1;transform:scale(.1) translate(0)}80%{opacity:1}to{opacity:0;transform:scale(1.5) translate(calc(var(--x) * 150px),calc(var(--y) * 150px))}}main{flex:1;margin:3% 4%}main .filters{text-align:center}main .filters .skills-toggle{cursor:pointer}main .filters .btn-tous{width:100%;margin-bottom:8px}main .filters .filter-contenant .btn-filter{margin:0 5px 8px;min-width:170px}main .filters p{line-height:68px}main .filters p.hide{display:none}main .contenu-page{display:flex;align-items:flex-start;margin-top:1%;margin-bottom:3%}main .contenu-page .section-a-propos{width:33.33%}main .contenu-page .section-a-propos .texte-intro{font-size:2.1vw}main .contenu-page .section-a-propos .texte-intro span{cursor:pointer;font-weight:500}main .contenu-page .section-a-propos .texte-intro span:hover{color:#fff}main .contenu-page .section-a-propos .texte-intro .embo-animate{transition:transform .3s ease;display:inline-block}main .contenu-page .section-a-propos .texte-intro .embo-animate-click{animation:sway .6s ease-in-out 2}main .contenu-page .section-a-propos .texte-intro .fun-animate{position:relative;overflow:visible}main .contenu-page .section-a-propos .texte-intro .fun-animate .particle{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);transform-origin:center;animation:circular-animation var(--duration) ease-out forwards;pointer-events:none;object-fit:contain}main .contenu-page .section-a-propos .texte-intro .idees-animation{position:relative}main .contenu-page .section-a-propos .texte-intro .idees-animation .img-idees{display:none;position:absolute;top:-12px;width:2em;right:-76px}main .contenu-page .section-a-propos .texte-intro .idees-animation .img-idees-click{display:block}main .contenu-page .section-a-propos .en-savoir-plus{margin-top:20px;cursor:pointer;text-decoration:underline}main .contenu-page .section-a-propos .en-savoir-plus:hover{color:#fff}main .contenu-page .section-a-propos .info-supp{text-align:justify}main .contenu-page .image-presentation{position:relative;width:33.33%;display:flex;flex-direction:column;align-items:center;margin:0 2%}main .contenu-page .image-presentation div{display:flex;justify-content:center;position:relative}main .contenu-page .image-presentation div .fleche{height:7vw}main .contenu-page .image-presentation div .fleche-gauche{position:relative;top:28vh;right:8vw}main .contenu-page .image-presentation div .fleche-droite{position:relative;top:27vh;left:7vw}main .contenu-page .image-presentation .dessin{max-width:320px;width:20vw;position:relative;z-index:1;transition:filter 1s ease-in-out}main .contenu-page .image-presentation .dessin.invert{animation:invert-animation 1.2s forwards}main .contenu-page .section-contact{width:33.33%}main .contenu-page .section-contact h2{text-align:right}main .contenu-page .project-cards{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5%;gap:5vw;width:100%}footer{margin-bottom:1%}footer div{display:flex;justify-content:center;gap:10px;color:#363537;font-style:italic}footer div a{text-decoration:underline}footer div a:hover{color:#c94a4a}@media (max-width: 1025px){main .contenu-page{margin-top:4%;flex-wrap:wrap}main .contenu-page .section-a-propos{width:52%;margin:0 4%}main .contenu-page .image-presentation{width:33%}main .contenu-page .image-presentation .fleche{display:none}main .contenu-page .image-presentation .dessin{width:25vw}main .contenu-page .section-contact{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:4%}main .contenu-page .section-contact form{width:66vw;max-width:585px}}@media (max-width: 1000px){main .filters .filter-contenant .btn-filter{min-width:150px}}@media (max-width: 756px){main .filters .container-toogle{color:#363537;cursor:pointer}main .filters .container-toogle.toogle-open{color:#fff}main .filters .container-toogle .skills-toggle{font-size:6vw;position:relative;line-height:1.5}main .filters .container-toogle .skills-toggle .toggle-text{font-family:Just Me Again Down Here,Arial,sans-serif;font-weight:700}main .filters .container-toogle .skills-toggle .triangle{position:absolute;top:1vw}main .filters .container-toogle .explication-toggle{line-height:0}main .filters .container-toogle .explication-toggle.open{display:none}main .filters .filter-contenant{margin-bottom:2vw}main .filters .filter-contenant .btn-ligne{display:flex;flex-wrap:wrap;justify-content:center;gap:.5vw}main .filters .filter-contenant .btn-ligne .btn-filter{min-width:0;margin:0}main .contenu-page{margin-top:30px}main .contenu-page .section-a-propos{width:100%;margin:0 6% 2%}main .contenu-page .section-a-propos .texte-intro{font-size:3.5vw;text-align:justify}main .contenu-page .image-presentation{width:100%}main .contenu-page .image-presentation .dessin{width:25vw}main .contenu-page .section-contact{margin:2% 6% 0;align-items:normal}main .contenu-page .section-contact form{width:100%;max-width:100%}footer div{flex-direction:column;align-items:center;gap:0px}footer div .barre-separation-footer{display:none}}@media (max-width: 600px){main .filters .container-toogle .skills-toggle{line-height:11vw}main .filters .container-toogle .skills-toggle .triangle{font-size:11vw;top:1.5vw}}@media (max-width: 550px){main .contenu-page .section-a-propos .texte-intro{font-size:6vw;text-align:left}main .contenu-page .section-a-propos .texte-intro span{font-weight:600}footer div p{font-size:3vw}}@media (max-width: 410px){main .contenu-page .section-contact{margin:2% 0 0}}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5% 4%;box-shadow:0 4px 12px #00000040;position:relative;height:80px}nav .logo{font-size:4vw;cursor:pointer}nav ul{display:flex;align-items:center;justify-content:flex-end;width:100%}nav ul li{margin-left:10%;font-size:30px;cursor:pointer;white-space:nowrap;padding:1% 5%}nav ul li:hover{font-weight:600;text-decoration:underline}nav ul li.active{font-weight:600;text-decoration:underline}nav ul li a{display:block;width:100%;height:100%;min-width:24px}nav .burger-icon{display:none;flex-direction:column;cursor:pointer}nav .burger-icon span{width:25px;height:3px;background-color:#000;margin:4px 0;transition:.4s}nav .burger-icon.open span:nth-child(1){transform:rotate(45deg) translate(10px,5px)}nav .burger-icon.open span:nth-child(2){opacity:0}nav .burger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(10px,-6px)}nav ul{display:flex}@media (max-width: 1025px){nav ul li{font-size:3vw}}@media (max-width: 600px){nav{height:auto;align-items:normal}nav .logo{font-size:36px}nav .burger-icon{display:flex;position:absolute;top:20px;right:20px}nav .open{top:10px}nav ul{display:none;flex-direction:column;padding-top:37px}nav ul li{width:128px;margin:0;font-size:18px;text-align:right;padding:4px 0;border-bottom:2px solid rgba(54,53,55,.5)}nav ul li:last-child{border-bottom:none;padding-bottom:0}nav ul.menu-open{display:flex}}form{display:flex;flex-direction:column;gap:20px}form input,form textarea{padding:10px 20px;font-size:16px;border:0px solid #363537;box-shadow:0 2px 2px #00000040}form input:focus,form textarea:focus{border:2px solid #363537;outline:none}form textarea{min-height:100px}form .btn-form{width:100%}@media (max-width: 756px){form .btn-form{font-size:15px;padding:2vw 3.5vw}}button{background-color:#363537;color:#fff;border:2px solid rgba(255,255,255,.5);padding:10px 20px;text-align:center;display:inline-block;font-size:16px;font-weight:600;letter-spacing:1px;border-radius:8px;transition:background-color .3s}button:hover,button:active,button.active{background-color:#fff;color:#363537;border-color:#363537;cursor:pointer}@media (max-width: 1000px){button{padding:7px 10px}}@media (max-width: 756px){button{font-size:2.4vw;padding:.9vw 3.5vw;border:1px solid rgba(255,255,255,.5);border-radius:5px}}@media (max-width: 500px){button{font-size:12px}}.card{width:47%;position:relative;cursor:pointer}.card-image{width:100%;height:auto;transition:border .3s ease}.card-image.fully-visible{-webkit-mask-image:none;mask-image:none;transition:mask-image 5s ease}.card-image.partially-visible{-webkit-mask-image:linear-gradient(to top,#0000 calc((1 - var(--visibility-ratio)) * 100%),#000);mask-image:linear-gradient(to top,#0000 calc((1 - var(--visibility-ratio)) * 100%),#000);transition:mask-image .5s ease}.hovered{border:1px solid #363537}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:50px 15px 50px 50px;border-radius:10px;position:relative;width:600px;max-height:530px}.modal-content .close-modal-contenant{position:sticky;top:0;right:8px}.modal-content .close-modal-contenant .close-modal{position:absolute;top:-53px;right:-3px;font-size:50px;font-weight:700;cursor:pointer}.modal-content .close-modal-contenant .close-modal:hover{color:#c94a4a}.modal-content .modal-overflow{max-height:530px;overflow-y:auto;padding-right:35px;scrollbar-width:thin;scrollbar-color:#C94A4A transparent}.modal-content .modal-overflow img{height:300px;width:100%;border:1px solid #363537;box-shadow:0 2px 2px #00000040;object-position:top}.modal-content .modal-overflow .image-lien:hover{border:1px solid #C94A4A}.modal-content .modal-overflow h2{margin-bottom:5%}.modal-content .modal-overflow .tag-container,.modal-content .modal-overflow h2,.modal-content .modal-overflow .liens-modale{margin-top:5%}.modal-content .modal-overflow p,.modal-content .modal-overflow h2{text-align:justify}.modal-content .modal-overflow .liens-modale{display:flex;justify-content:space-between}.modal-content .modal-overflow .liens-modale .lienSite a,.modal-content .modal-overflow .liens-modale .lienCode a{color:#c94a4a}.modal-content .modal-overflow .liens-modale .lienSite a:hover,.modal-content .modal-overflow .liens-modale .lienCode a:hover{text-decoration:underline}@media (max-width: 755px){.card{width:100%}.modal-content{width:80%;padding:6vw 1vw 6vw 6vw}.modal-content .close-modal-contenant .close-modal{top:-7vw;right:0vw;font-size:6vw}.modal-content .modal-overflow{padding-right:5vw}.modal-content .modal-overflow img{height:50vw}.modal-content .modal-overflow h2{text-align:left;font-size:5vw}.modal-content .modal-overflow p,.modal-content .modal-overflow ul,.modal-content .modal-overflow h3{font-size:4vw}.modal-content .modal-overflow .liens-modale a{font-size:4vw;text-decoration:underline}}.tag{background:linear-gradient(to left bottom,#c94a4a,#d0504d,#d85750,#df5d54,#e66457);color:#fff;padding:5px 10px;text-align:center;display:inline-block;font-size:16px;font-weight:600;border-radius:10px;box-shadow:0 2px 2px #0000001a;margin-right:5px;margin-bottom:8px}@media (max-width: 550px){.tag{font-size:3vw}}.texteCard p{text-align:justify}.texteCard .subtitle-card{margin-bottom:8px;font-weight:600}.texteCard .listeCard{text-align:justify}.texteCard .listeCard .elt-listeCard{margin-bottom:8px}.back-to-top{position:fixed;bottom:15px;right:4px;z-index:1000;display:none}.back-to-top img{width:50px}.back-to-top.show{display:block}:root{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;line-height:normal;margin:0;padding:0}#root{min-width:100%;box-sizing:border-box;display:flex;flex-direction:column}body{display:flex;justify-content:center;min-height:100vh;background:linear-gradient(to left bottom,#c94a4a,#ce4f4c,#d4534f,#da5851,#df5d54,#e36855,#e77256,#eb7d58,#ed8f5c,#efa164,#efb26e,#f0c27b);margin:0;padding:0}ul,li,h1,h2,h3,h4,h5,h6,p,a{margin:0;padding:0;list-style:none;color:inherit;text-decoration:none}img{object-fit:cover}.visually-hidden{visibility:hidden;position:absolute}@font-face{font-family:Just Me Again Down Here;src:url(/assets/JustMeAgainDownHere-Regular-SfSi7fBv.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.fancy-text{font-family:Just Me Again Down Here,Arial,sans-serif;font-size:6vw;color:#fff}@media (max-width: 600px){.fancy-text{font-size:11vw}}input,textarea{font-family:Poppins,sans-serif}