/* Shared blog cards: preserve the photographs and keep titles below them. */
#blog .post_img{border-radius:50%;overflow:hidden;isolation:isolate}
#blog .post_img .afterFigure,#blog .post_img figcaption{display:none!important}
#blog .post_img:before,#blog .post_img:after{display:none!important}
#blog .post_img>img,#blog .post_img:hover>img{opacity:1}
#blog .post_img a.ovlay{display:block!important;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;z-index:2;border-radius:50%;background:transparent;text-decoration:none;transition:background-color .18s,box-shadow .18s}
#blog .post_img a.ovlay:after{content:"Lire l’article →";position:absolute;left:50%;bottom:30px;transform:translateX(-50%);white-space:nowrap;padding:11px 16px;background:#D5B44B;color:#231f20;border-radius:3px;font:600 14px/1.5 Raleway,Arial,sans-serif;text-shadow:none;text-transform:none;letter-spacing:0;opacity:0;transition:opacity .18s}
#blog .post_img:focus-within a.ovlay{background:rgba(35,31,32,.12);box-shadow:inset 0 0 0 4px #D5B44B}
#blog .post_img:focus-within a.ovlay:after{opacity:1}
#blog .post_img a.ovlay:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #26245d}
#blog .title_post{font:400 15px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none}
#blog .title_post a{color:#333;text-decoration:none}
#blog .title_post a:hover,#blog .title_post a:focus-visible{color:#b8006b;text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){#blog .post_img:hover a.ovlay{background:rgba(35,31,32,.12);box-shadow:inset 0 0 0 3px #D5B44B}#blog .post_img:hover a.ovlay:after{opacity:1}}
@media(prefers-reduced-motion:reduce){#blog .post_img a.ovlay,#blog .post_img a.ovlay:after{transition:none}}

/* Let long titles determine row height, instead of the old 382px cards. */
#blog .list_post{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 28px;max-width:1240px;margin:0 auto;padding:0 0 28px;overflow:visible}
#blog .list_post .post_bloc{box-sizing:border-box;display:block;float:none;width:100%;max-width:100%;height:auto;min-width:0;margin:0;padding:0}
#blog .list_post .post_img{position:relative;left:auto;right:auto;float:none;width:100%;max-width:282px;height:auto;aspect-ratio:1;margin:0 auto;display:block}
#blog .list_post .post_img>img{width:100%;height:100%;object-fit:cover}
#blog .list_post .title_post{margin:12px 0 0;padding:0 4px;overflow-wrap:anywhere}
#blog .list_post .category_post{box-sizing:border-box;width:fit-content;min-width:100px;max-width:100%;margin:18px auto 0}
@media(min-width:681px) and (max-width:1000px){#blog .list_post{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}}
@media(max-width:680px){#blog .list_post{grid-template-columns:minmax(0,1fr);gap:32px}#blog .list_post .post_img{max-width:360px}#blog .list_post .title_post{font-size:16px;line-height:1.5}}