@charset "UTF-8";.BlogCard{display:grid;justify-content:center}.BlogCard:focus-visible .BlogCard__plus,.BlogCard:hover .BlogCard__plus{outline-color:currentColor;outline-offset:.5em}.BlogCard__content{grid-column-gap:1.125rem;display:grid;grid-template-areas:"date media" "title title" "categories categories" "description description" "link link";grid-template-columns:3.5rem 1fr;grid-template-rows:var(--mediaHeight,10rem) min-content min-content min-content 1fr;justify-content:center;position:relative}@media screen and (min-width:48em){.BlogCard__content{grid-template-areas:"date media ." ". title title" ". categories categories" ". description description" ". link link";grid-template-columns:7.25rem 20rem 1fr}}.BlogCard__title{font-size:1.75rem;font-weight:var(--fweight-extra-bold);grid-area:title;line-height:1.36;margin:.5em 0}@media screen and (min-width:48em){.BlogCard__title{font-size:2rem}}.BlogCard__title a{color:inherit;text-decoration:none}.BlogCard__title a:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.BlogCard__date{align-content:start;align-items:start;display:grid;font-weight:var(--fweight-extra-bold);grid-area:date;letter-spacing:.1em;margin:0;place-self:end;text-align:end}@media screen and (min-width:48em){.BlogCard__date{margin:0 2.25rem 0 0}}.BlogCard__date .day{font-size:2.875rem}@media screen and (min-width:48em){.BlogCard__date .day{font-size:3rem}}.BlogCard__date .month{font-size:1.5rem;text-transform:uppercase}.BlogCard__date .year{font-size:1rem}.BlogCard__media{grid-area:media;overflow:hidden;position:relative;width:calc(100% + var(--mobile-margins))}@media screen and (min-width:48em){.BlogCard__media{width:min(100%,20rem)}}.BlogCard__media img{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.BlogCard__categories{grid-area:categories;position:relative}.BlogCard__categories ul{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0;padding:0}.BlogCard__categories a{color:var(--app-writing);font-size:.875rem;font-weight:var(--fweight-bold);position:relative;text-decoration:none;text-transform:uppercase;z-index:2}.BlogCard__categories a:is(:hover,:focus-visible){text-decoration:underline}.BlogCard__description{font-size:1rem;grid-area:description;line-height:1.6;margin:1rem 0 0}.BlogCard__link{grid-area:link;margin-top:1.25em}:root{--headerShapeHeight:35rem}.BlogIndex{--shapeHeight:4rem;display:grid}.BlogIndex:before{background:var(--app-greyBg);clip-path:polygon(0 0,65% var(--shapeHeight),100% 0,100% 100%,35% calc(100% - var(--shapeHeight)*2),0 100%);content:"";display:block;height:35rem;position:absolute;top:45vh;transform:translateY(calc(var(--shapeHeight)*-1));width:100%;z-index:-1}.BlogIndex__content{display:grid;margin:0 auto;width:min(100%,75rem)}.BlogIndex .Breadcrumb__container:after{content:"L'Actu !";font-family:var(--font-santor);font-size:3.5rem}@media screen and (min-width:48em){.BlogIndex .Breadcrumb__container:after{font-size:5rem}}.BlogIndex .Breadcrumb{padding:0}.BlogIndex__header{justify-self:center;margin-top:3rem;padding:0 var(--mobile-margins) 2rem;width:min(100%,43.75rem)}@media screen and (min-width:48em){.BlogIndex__header{margin-top:5rem}}@media screen and (min-width:75em){.BlogIndex__header{justify-self:end;margin-top:3rem}}.BlogIndex__headerMedia{height:45vh;object-fit:cover;object-position:center;position:relative;width:100%;z-index:-2}.BlogIndex__title{font-size:2rem;font-weight:var(--fweight-extra-bold);margin:0}@media screen and (min-width:48em){.BlogIndex__title{font-size:2.25rem}}.BlogIndex__description{font-size:1rem;font-weight:var(--fweight-light);line-height:1.7;margin:2rem 0 0}@media screen and (min-width:48em){.BlogIndex__description{font-size:1.375rem}}.BlogIndex__list{--mediaHeight:14.75rem;display:grid;gap:0 4rem;grid-template-columns:100%;margin:0 auto;padding:0 var(--mobile-margins);width:min(30rem,100%)}@media screen and (min-width:72em){.BlogIndex__list{grid-column-gap:6rem;grid-template-columns:1fr 1fr;padding:0 var(--mobile-margins) var(--mediaHeight);width:auto}}.BlogIndex__list>li{display:grid;margin-bottom:3rem}@media screen and (min-width:72em){.BlogIndex__list>li{margin-bottom:7rem}}.BlogIndex__list>li:before{position:absolute}@media screen and (min-width:72em){.BlogIndex__list>li:nth-child(2n){transform:translateY(var(--mediaHeight))}}