.categorie-title{border-bottom:1px solid #57556e;padding:0 0 12px;margin:0 0 12px}.categorie-description{margin-bottom:22px;color:var(--text-color);a{text-decoration:underline}}.categorie-view{>a{text-decoration:underline}}.post-list-image{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px;margin-bottom:12px;transition:background-color .3s ease-in-out;h4,h3{margin:0}a{display:flex;flex-direction:column;align-items:center;gap:6px;overflow-wrap:anywhere;border-radius:7px;padding:0 0 4px 0;transition:all 0.2s ease-in-out;img{width:100%;aspect-ratio:500/385;transition:transform .2s ease-in-out;object-fit:cover}p{margin:0;text-align:center;line-height:14px;color:var(--text-color)}&:hover{img{transform:scale(1.01)}}}}.categorie-list{display:flex;flex-direction:column;justify-content:center;width:100%;gap:20px;.post-container{display:flex;scroll-snap-align:start;background-color:white;border-radius:7px;box-shadow:var(--box-shadow);color:var(--text-color);transition:background-color .3s ease-in-out;&:hover{cursor:pointer;background-color:color-mix(in srgb,#fff,#000 5%)}.image-container{display:flex;align-items:center;flex:1;width:35%;img{width:100%;height:auto;border-radius:7px}}.post-content{display:flex;flex-direction:column;flex:2;gap:8px;padding:12px 8px;p,h3{color:var(--text-color);margin:0}.post-title{font-family:var(--header-font-family)}.post-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;display:-webkit-box;overflow:hidden;justify-self:flex-end;font-family:var(--general-font-family);@media (min-width:768px) and (max-width:1024px),(max-width:567px){-webkit-line-clamp:2}}}.post-view-more{margin-top:auto;font-family:var(--general-font-family)}}}.classifier{display:flex;flex-direction:row;justify-content:center;align-items:center;span{margin:6px 12px;text-transform:uppercase;font-weight:700;font-size:1.4rem}hr{flex:1;border:none;border-top:1px solid #ccc}}.post-region-categorie{display:flex;flex-direction:column;align-items:stretch;margin-bottom:64px;.post-region-categorie__region{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%;padding-bottom:18px;img{width:clamp(200px,22%,500px);height:auto}.post-container{display:flex;scroll-snap-align:start;background-color:white;border-radius:7px;box-shadow:var(--box-shadow);color:var(--text-color);transition:background-color .3s ease-in-out;&:hover{cursor:pointer;background-color:color-mix(in srgb,#fff,#000 5%)}.post-thumbnail-container{display:flex;align-items:center;flex:1;width:35%;.post-thumbnail{width:100%;height:auto;border-radius:7px}}.post-content{display:flex;flex-direction:column;flex:2;gap:8px;padding:16px;p,h3{margin:0}.content-title{font-size:1rem;font-weight:700;font-family:var(--header-font-family)}.content-excerpt{font-size:.8rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;display:-webkit-box;overflow:hidden;justify-self:flex-end;font-family:var(--general-font-family);@media (min-width:768px) and (max-width:1024px),(max-width:567px){-webkit-line-clamp:2}}}.content-view-more{font-size:.75rem;margin-top:auto;font-family:var(--general-font-family)}}@media only screen and (min-width:768px){.post-content{padding:16px;.content-title{font-size:1.1rem}.content-excerpt{font-size:1rem;-webkit-line-clamp:3}.content-view-more{font-size:.9rem}}}}}.post-region-categorie-grid{display:flex;flex-direction:column;align-items:stretch;margin-bottom:12px;.classifier{display:flex;flex-direction:row;justify-content:center;align-items:center;span{margin:6px 12px;text-transform:uppercase}hr{flex:1;border:none;border-top:1px solid #ccc}}.post-region-categorie-grid__region{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;a{width:100%;text-decoration:none;img{width:100%;aspect-ratio:500/385;transition:transform .2s ease-in-out;object-fit:cover}h4{margin:0;word-break:break-word}p{color:var(--text-color);margin:0;word-break:break-word}&:hover{img{transform:scale(1.01)}}}@media (max-width:425px){grid-template-columns:repeat(2,1fr)}}}.post-list-title{div{a{font-size:1.8rem;text-decoration:none}&:not(:last-child){border-bottom:1px solid #bbb;padding-bottom:24px}}}.post-petit-annonce{.thumbnail{display:flex;flex:1;width:35%;border-radius:7px;overflow:hidden}.post-content{.post-text-content{display:flex;flex-direction:column;gap:6px}}}