:root{background-color:var(--primary-color)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@font-face{font-family:Lexend;src:url(/assets/lexend-CACtcg1z.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/assets/roboto-WOy3sDCz.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}h1,h2,h3,h4,h5,h6{font-family:var(--body-title-font);color:var(--white-color-global);margin:0}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p,a,button,span{font-family:var(--body-font);font-size:var(--font-size-base);color:var(--white-color-global)}a:hover,button:hover{color:var(--primary-color)}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:start;flex-direction:column}main{width:66%;display:flex;flex-direction:column;justify-content:center;margin-left:8%;gap:1rem}.box-content{display:flex;flex-direction:column;background-color:var(--dark-color-global);box-shadow:var(--box-shadow);width:unset;border-radius:8px;overflow:hidden;padding:1rem 1rem 3rem}.content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.content .content-header{display:flex;flex-direction:row;justify-content:space-between;width:calc(100% - 2rem);padding:1rem;align-items:center}.content .content-header h2,.content .content-header span{text-wrap:nowrap;align-items:center;justify-content:center}.content .content-header h2{font-size:var(--font-size-h4);text-wrap:wrap}.content .img-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 2rem);aspect-ratio:16/9;overflow:hidden;border-radius:8px;box-shadow:var(--box-shadow);margin-bottom:1rem;margin-top:1rem;background-color:var(--tertiary-color)}.content .img-container .date{bottom:.5rem;right:.5rem;position:absolute;background-color:var(--blue-color-dark);color:var(--white-color-global);border-radius:5000px;box-shadow:var(--box-shadow);padding:.5rem 1rem}.content .img-container img{width:100%;height:100%;object-fit:cover}.content .content-content{flex:1;width:calc(100% - 2rem);align-items:start;background-color:var(--white-color-global-10-percent);border-radius:8px}.content .content-content p{padding:0 1rem}.content .content-tag{display:flex;flex-direction:row;justify-content:start;align-items:start;width:calc(100% - 2rem);margin-bottom:1rem}.content .content-footer{display:flex;align-items:center;justify-content:center;width:calc(100% - 2rem)}.content .content-footer a{background-color:var(--blue-color-dark);color:var(--white-color-global);border-radius:5000px;padding:.5rem 1rem;margin:1rem;transform:scale(1);transition:all .3s ease;text-wrap:nowrap}.content .content-footer a:hover{background-color:var(--blue-color-light);transform:scale(1.1)}.slide-out{animation:slideOut .5s forwards}.slide-in{animation:slideIn .5s forwards}@media (min-width: 1280px){main{margin-left:4%}}@media (max-width: 768px){main{width:80%;margin-bottom:12.5vh;margin-left:0}}form.form-connexion{max-width:400px;margin:0 auto;padding:2rem;background-color:var(--blue-color-light);border-radius:8px;box-shadow:0 4px 8px #0000001a}label.label-connexion{font-family:var(--body-font);display:block;font-size:var(--font-size-base);margin-bottom:.5rem;color:var(--white-color-global)}input.input-connexion{width:100%;padding:.8rem;margin:.5rem 0;font-size:var(--font-size-base);border:1px solid var(--blue-color-dark);border-radius:4px;box-sizing:border-box}input:focus{outline:none;border-color:var(--primary-color)}button#connexion{width:100%;padding:1rem;font-size:var(--font-size-lg);background-color:var(--primary-color);color:var(--white-color-global);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover#connexion{background-color:var(--purple-color-dark)}button:active#connexion{background-color:var(--purple-color-light)}.box{justify-content:center;align-items:center;position:relative;display:flex;width:100%;padding:3rem 0 0}.box .content{justify-content:center;align-items:center;position:relative;display:flex;width:100%}.box .content:before{content:"";position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:90%;height:calc(100% + 3rem);background-color:var(--white-color-global-50-percent);z-index:-1;border-radius:8px;padding-bottom:1rem}.box .title{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);background-color:var(--white-color-global);padding:.5rem 6%;color:var(--secondary-color);border-radius:.5rem;box-shadow:var(--box-shadow);text-wrap:nowrap}.box .marge{margin:2rem 0}.box .button{position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:var(--white-color-global);padding:.5rem 6%;color:var(--secondary-color);border-radius:.5rem;box-shadow:var(--box-shadow);text-wrap:nowrap;margin-bottom:1rem;transition:all .3s ease;z-index:999}.box .button:hover{background-color:var(--secondary-color);color:var(--white-color-global)}.motif1,.motif2{background:var(--dark-color-global);border-radius:8px;box-shadow:var(--box-shadow)}@media (max-width: 768px){.title{font-size:var(--font-size-h5)}}:root{--primary-color: none;--secondary-color: none;--tertiary-color: none;--dark-color-global: #1c1c1c;--white-color-global: #fff;--white-color-global-50-percent: #ffffff80;--white-color-global-25-percent: #ffffff40;--white-color-global-10-percent: #ffffff1a;--magenta-color-light: #491573;--magenta-color-dark: #2c0c46;--purple-color-light: #8400e6;--purple-color-dark: #6100a8;--blue-color-light: #0e76a8;--blue-color-dark: #094d6d;--body-title-font: "Lexend", arial, sans-serif, cursive;--body-font: "Roboto", arial, sans-serif, cursive;--font-size-h1: calc(var(--font-size-base) * 2.5);--font-size-h2: calc(var(--font-size-base) * 2);--font-size-h3: calc(var(--font-size-base) * 1.75);--font-size-h4: calc(var(--font-size-base) * 1.5);--font-size-h5: calc(var(--font-size-base) * 1.25);--font-size-h6: calc(var(--font-size-base) * 1);--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 18px;--linear-gradient-magenta: linear-gradient( 90deg, var(--magenta-color-light), var(--magenta-color-dark) );--linear-gradient-purple: linear-gradient( 90deg, var(--purple-color-light), var(--purple-color-dark) );--linear-gradient-blue: linear-gradient( 90deg, var(--blue-color-light), var(--blue-color-dark) );--box-shadow: 0 0 1rem rgba(0, 0, 0, .5)}.tagsContainer{display:flex;flex-direction:row;flex-wrap:wrap}.tagsContainer .tag{padding:8px 16px;background-color:var(--blue-color-light);color:#fff;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.tagsContainer .tag:hover{background-color:#0056b3;transform:scale(1.05)}.tagsContainer .tag:not(:last-child){margin-right:10px}.atelier-content{display:flex;flex-direction:row;align-items:start}.atelier-item{display:flex;flex-direction:column}.nav-bar{z-index:99999;position:fixed;display:flex;justify-content:space-between;align-items:start;top:0;left:0;height:calc(100vh - 2rem);margin:1rem;background-color:var(--dark-color-global);border-radius:8px;box-shadow:var(--box-shadow);width:auto;transition:width .5s ease-in-out}.nav-bar ul{height:100%;margin:1rem;padding-left:0;display:flex;flex-direction:column;list-style-type:none;border-radius:8px;gap:1rem}.nav-bar ul .divider{height:4px;background-color:var(--white-color-global);width:80%;margin:1rem auto;border-radius:9999px}.nav-bar ul li:last-child{margin-top:auto;margin-bottom:2rem}.nav-bar ul li a{padding:1rem;display:flex;flex-direction:row;align-items:center;transition:background-color .5s ease,border-radius .5s ease,color .5s ease}.nav-bar ul li a span{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .5s ease,max-width .5s ease,margin-left .5s ease;margin-left:0;font-size:var(--font-size-lg);font-weight:750}.nav-bar ul li a img{width:2rem;aspect-ratio:1/1}.nav-bar ul li a:hover{background-color:#fff2;border-radius:50px;color:var(--primary-color)}.nav-bar ul li a.active{background-color:#fff4;border-radius:50px;color:var(--primary-color)}.nav-bar:hover{width:auto}.nav-bar:hover ul li a span{opacity:1;max-width:200px;margin-left:1rem}@media (max-width: 768px){.nav-bar{position:fixed;top:auto;bottom:0;left:0;width:100vw;height:min-content;margin:0;border-radius:0}.nav-bar ul{flex-direction:row;justify-content:space-around;width:100%;margin:0;padding:0;border-radius:0;gap:0}.nav-bar ul .divider{display:none}.nav-bar ul li:last-child{margin-top:0;margin-bottom:0}.nav-bar ul li a{padding:1rem;display:flex;flex-direction:column;align-items:center;transition:background-color .5s ease,border-radius .5s ease,color .5s ease}.nav-bar ul li a span{display:none;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .5s ease,max-width .5s ease,margin-left .5s ease;margin-left:0;font-size:var(--font-size-lg);font-weight:750}.nav-bar ul li a img{width:2rem;aspect-ratio:1/1}.nav-bar ul li a:hover{background-color:#fff2;border-radius:0;color:var(--primary-color)}.nav-bar ul li a.active{background-color:#fff4;border-radius:0;color:var(--primary-color)}.nav-bar:hover{width:100vw}:scope:hover{width:100%}:scope:hover ul li a span{display:none}}header{display:flex;flex-direction:column;align-items:end;width:calc(100vw - 2rem);margin:1rem;z-index:-1;justify-content:flex-end}header .page-name-box{width:96%;display:flex;align-items:center;justify-content:center;padding:1rem;gap:2rem}header .page-name-box .page-name{align-self:center}header .bar{height:6rem;border-radius:8px;box-shadow:0 0 1rem #00000080;transition:width .5s ease-in-out;background:linear-gradient(180deg,var(--blue-color-dark) 0%,var(--blue-color-light) 100%);gap:2rem;display:flex;justify-content:start;align-items:center;width:calc(100% - 9rem);padding:1rem}header .bar a{display:flex;height:100%;aspect-ratio:1/1}header .bar a img{width:100%;aspect-ratio:1/1}header .bar .separator{width:6px;background-color:#fff;height:80%;border-radius:9999px}header .bar .hero{height:min-content;gap:0}header .bar .hero .center{align-items:center;justify-content:center}header .bar .hero h1{margin:0;padding:0;font-size:2rem}header .bar .hero h2{margin:0;padding:0;font-size:1rem}@media (max-width: 768px){header{justify-content:center}header .bar{width:calc(100% - 2rem);padding:.5rem}header .bar .hero{height:min-content;flex-direction:column;align-items:center;justify-content:center}header .bar .hero .center h1{font-size:1.5rem}header .bar .hero .center h2{font-size:.75rem}}.workshopArticle{width:100%;position:relative;z-index:2;overflow:hidden;min-height:30vh;display:flex;justify-content:center;align-items:start;border-radius:1rem}.workshopArticle .elementWA{position:relative;z-index:2;padding:1rem}.workshopArticle .background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;aspect-ratio:1/1;z-index:1;opacity:100%;background-color:var(--primary-color);filter:blur(3rem) brightness(.33)}.workshopArticle .background-2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;aspect-ratio:1/1;z-index:1;opacity:50%}.elementWA{height:100%;width:100%}.elementWA .article{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.elementWA .article .article-header{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex:1}.elementWA .article .article-header .article-text{flex:1}.elementWA .article .article-header .article-text .article-fast-info{display:flex;flex-direction:row;align-items:center;gap:.5rem}.elementWA .article .article-header .article-text .article-fast-info .date{background-color:var(--secondary-color);border-radius:.5rem;padding:.5rem;height:min-content}.elementWA .article .article-header .article-text .article-fast-info .tagsContainer{margin:1rem 0}.elementWA .article .article-header .article-text p{background-color:var(--white-color-global-25-percent);border-radius:.5rem;padding:1rem}.elementWA .article .article-header .article-img{width:min-content}.elementWA .article .article-header .article-img img{height:100%;aspect-ratio:1/1;border-radius:.5rem;margin:0 4rem;background-color:var(--tertiary-color);box-shadow:var(--box-shadow)}.elementWA .article .article-result{display:flex;flex-direction:column;justify-content:space-between;width:100%;flex:1;margin-bottom:2.5rem}@media (max-width: 768px){.elementWA .article .article-header{flex-direction:column}}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6rem 2rem;grid-auto-flow:dense;justify-content:center}.article-list .box{min-height:100%;display:flex;flex-direction:column}.workshop-elmt{display:flex;flex-direction:column;flex-wrap:wrap;width:calc(100% - 1rem)}.workshop-elmt .workshop-description{display:flex;flex-direction:column;justify-content:space-between;align-items:start;flex:2}.workshop-elmt .workshop-description .date{background-color:var(--tertiary-color);border-radius:.5rem;padding:.5rem}.workshop-elmt .workshop-link{display:flex;flex-direction:row;justify-content:center;align-items:center;aspect-ratio:1/1;overflow:hidden;height:25vh;flex:1}.workshop-elmt .workshop-link a{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--linear-gradient-blue);border-radius:1rem;box-shadow:var(--box-shadow);height:90%}.workshop-elmt .workshop-link a img{object-fit:cover;width:100%;height:100%;display:flex}.workshop-content{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%}.workshop-layout{display:flex;flex-direction:column;justify-content:space-between;align-items:start;width:100%;height:100%}.workshop-details{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:100%}.pagination-box{padding:1rem;width:100%;align-items:center;justify-content:center}.pagination-content p{width:min-content}.pagination-indicators{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:2rem}.indicator{width:.5rem;height:.5rem;background-color:#fff;border-radius:50%;transition:all .3s ease}.indicator.active{width:1.5rem;border-radius:10px}@media (max-width: 768px){.pagination-box{position:relative;cursor:pointer;padding:0rem;height:max-content;max-height:unset;min-height:unset}}.pagination-content{height:50%}.pagination-content>div{display:flex;flex-direction:column}.pagination-content a{align-self:center;padding:.5rem 4rem;background-color:var(--blue-color-dark);color:var(--white-color-global);border-radius:5000px;margin:1rem;transform:scale(1);transition:all .3s ease;text-wrap:nowrap}.pagination-content a:hover{background-color:var(--blue-color-light);transform:scale(1.1)}.pagination-content .article{height:20vh;display:flex;flex-direction:row}.pagination-content .article .article-content{display:flex;flex-direction:column;justify-content:start;align-items:start;margin:2rem;flex:2}.pagination-content .article .article-content h2,.pagination-content .article .article-content p,.pagination-content .article .article-content span{width:100%;white-space:normal;overflow-wrap:break-word}.pagination-content .article .article-info{gap:10px;display:flex;flex-direction:column;flex:1}.pagination-content .article .article-info .article-img{position:relative;display:flex;flex:1;height:100%;width:100%}.pagination-content .article .article-info .tag-list{display:flex;flex-direction:row;width:100%;flex:1}.TrendFlow{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width: 768px){h2{font-size:var(--font-size-h5);text-wrap:wrap}.pagination-content{padding-left:2rem;padding-right:2rem}.pagination-content .article{flex-direction:column}.pagination-content .article .article-content,.pagination-content .article .article-img{margin:1rem}.TrendFlow{width:100%;height:100%;display:flex;flex-direction:row}.TrendFlow .article:nth-last-child(3){display:none}.TrendFlow>:nth-last-child(-n+3){display:none}}@media (max-width: 1600px){.article-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1080px){.article-list{grid-template-columns:repeat(1,1fr)}}@media (max-width: 768px){.article-thumbnail{flex:1 1 100%}}@media (max-width: 1280px){.TrendFlow>:nth-last-child(-n+2){display:none}}.trend-box{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:start;margin:1%;background:var(--primary-color);border-radius:.5rem;box-shadow:var(--box-shadow);overflow:hidden;flex:1;aspect-ratio:1/1}.trend-box .background{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:110%;height:110%;object-fit:cover;object-position:center;opacity:50%}.trend-box h2{z-index:1;margin:.5rem;height:min-content;white-space:normal;overflow-wrap:break-word}.trend-box .icon{position:absolute;bottom:0;right:0;width:33%;aspect-ratio:1/1;margin:2%}@media (max-width: 1280px){.trend-box h2{font-size:var(--font-size-h4)}}@media (max-width: 768px){.trend-box h2{font-size:var(--font-size-h6);width:100%;white-space:normal;overflow-wrap:break-word}}.one h2{display:none}.one .icon{width:10%}.update-button:hover{background-color:#f0f0f0;color:#000;border:1px solid #000;cursor:pointer}.horizontal{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:start;flex:2}