@keyframes circle_right{0%{transform:translateX(0) scale(1)}50%{transform:translateX(25px) scale(1.075)}100%{transform:translateX(0) scale(1)}}@keyframes circle_left{0%{transform:translateX(0) scale(1)}50%{transform:translateX(-25px) scale(1.075)}100%{transform:translateX(0) scale(1)}}.folder{padding:50px 0;border-top:1px solid var(--secondary-color)}.folder h2{grid-area:h2;text-transform:uppercase;font-size:clamp(24px,3vw,60px);font-weight:800;line-height:1}.folder .author{grid-area:author;text-transform:uppercase;font-size:clamp(18px,2vw,36px);font-weight:700;line-height:1}.folder .date{grid-area:date;display:block;margin-top:20px;text-align:right;font-style:italic;display:none}.folder figure{grid-area:figure;margin:50px 0;position:relative;overflow:hidden}.folder figure a{display:block}.folder figure a img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);transition:filter .5s;transform:translate3d(0, 0, 0);width:100%;height:100%;object-fit:cover}.folder figure a:hover img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%)}.folder figure figcaption{position:absolute;bottom:10%;right:0;width:32.2580645161%;aspect-ratio:300/180;z-index:1;pointer-events:none}.folder figure figcaption svg{display:block;transform:translate(20%, 0)}.folder figure figcaption svg ellipse#left{animation:circle_left 8s infinite;transform-origin:left center}.folder figure figcaption svg ellipse#right{mix-blend-mode:multiply;animation:circle_right 8s 2s infinite;transform-origin:right center}.folder figure figcaption svg ellipse.cls-blue{fill:var(--blue-color)}.folder figure figcaption svg ellipse.cls-violet{fill:var(--violet-color)}.folder figure figcaption svg ellipse.cls-red{fill:var(--red-color)}.folder figure figcaption svg ellipse.cls-yellow{fill:var(--yellow-color)}.folder figure figcaption svg ellipse.cls-green{fill:var(--green-color)}.folder p{grid-area:description}.folder:last-child{border-bottom:0}@media all and (max-width: 992px){.folder figure{margin:20px 0}}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--secondary-color);padding:50px 0}.pagination li{display:flex;align-items:center;justify-content:center;color:var(--secondary-color)}.pagination li:after{content:"-";display:block;margin:0 10px}.pagination li a{display:flex;align-items:center;font-weight:400;text-transform:uppercase;border:1px solid rgba(var(--color-black), 0.1)}.pagination li a .edglyph{line-height:0;margin:0 10px}.pagination li a.active{color:var(--primary-color);font-weight:700}.pagination li a:hover{text-decoration:none;color:var(--primary-color)}.pagination li:has(.edglyph):first-child{margin-right:auto}.pagination li:has(.edglyph):first-child:after{display:none}.pagination li:has(.edglyph):last-child{margin-left:auto}.pagination li:has(.edglyph):last-child:after{display:none}.pagination li:has(+li>a>.edglyph):after{display:none}.pagination li:not(:has(+li>a>.edglyph)):last-child:after{display:none}.pagination li:not(:has(a>.edglyph)):first-child{margin-left:auto}.pagination li:not(:has(a>.edglyph)):last-child{margin-right:auto}@media all and (max-width: 500px){.pagination li:has(.edglyph):first-child span:not(.edglyph),.pagination li:has(.edglyph):last-child span:not(.edglyph){display:none}}#mc_embed_signup p{text-align:center;font-weight:700}#mc_embed_signup form{max-width:800px;margin:0 auto;margin-bottom:50px;display:flex;flex-direction:column;gap:20px}#mc_embed_signup form #mc_embed_signup_scroll{display:flex;flex-direction:column;gap:20px}#mc_embed_signup form #mc_embed_signup_scroll .form-group{position:relative}#mc_embed_signup form #mc_embed_signup_scroll .form-group label{display:none}#mc_embed_signup form #mc_embed_signup_scroll .form-group input{width:100%;border:0 none;border-radius:99em;padding:0 40px;height:60px;font-weight:600;font-size:clamp(24px,2.5vw,32px)}#mc_embed_signup form #mc_embed_signup_scroll .form-group input::placeholder{color:inherit;text-transform:uppercase;opacity:.5;font-size:clamp(18px,2.5vw,24px)}#mc_embed_signup form #mc_embed_signup_scroll .form-group .clear{display:none !important}#mc_embed_signup form button{align-self:flex-end;border-radius:99em;height:60px;border:0 none;background:var(--success-color);color:var(--color-white);font-size:clamp(18px,2.5vw,24px);font-weight:600;padding:0 40px;text-transform:uppercase;cursor:pointer}#mc_embed_signup form button:hover{background:var(--color-white);color:var(--success-color)}body:not(#statique) #mc_embed_signup{padding:30px 20px;background:var(--green-color)}body:not(#statique) #mc_embed_signup h1{font-size:clamp(24px,2.5vw,36px);text-align:center;font-weight:500;text-transform:uppercase}body:not(#statique) #mc_embed_signup form{flex-direction:row;flex-wrap:wrap;margin-bottom:0}body:not(#statique) #mc_embed_signup form #mc_embed_signup_scroll{flex:1;min-width:256px}body:not(#statique) #mc_embed_signup form .form-group.optionnal{display:none}body:not(#statique) #mc_embed_signup form .form-group input{background:var(--color-black);color:var(---color-white)}body:not(#statique) #mc_embed_signup form button{align-self:flex-start;margin:0 auto;margin-top:20px}body:not(#statique) #mc_embed_signup form button:not(:hover){background:var(--color-white);color:var(--color-black)}#content .container{display:flex;justify-content:space-between}#content .container #brand{align-self:flex-end;order:-1;flex:1;max-width:450px;padding:50px 0;border-top:1px solid var(--secondary-color);margin-right:40px;position:sticky;bottom:0}#content .container #brand h1{margin-bottom:40px;font-weight:800;text-transform:uppercase;font-size:clamp(18px,2.5vw,24px)}#content .container #brand p{margin:40px 0;line-height:var(--base-line-height)}#content .container #brand p:first-of-type{margin-top:0}#content .container #brand p:last-child{margin-bottom:0}#content .container #folders{flex:2;max-width:930px}#content .container #folders .folder figure{margin-bottom:0}#content .container #folders .folder p{display:none}#content .container #folders ul.pagination li a.active{color:var(--color-white)}#content .container #folders ul.pagination li a:hover{color:var(--color-white)}@media all and (max-width: 768px){#content .container{flex-direction:column}#content .container #content,#content .container #brand{max-width:none;margin:0}}