.container-list-articles{font-family: Asap;}
.banner{position:relative;text-align: center;}
.banner img, .category img, .list-article img{width:100%;object-fit:cover;}
.banner-text{position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);color:#FFF;font-size:3em;background:#FDB833;padding:10px 20px;font-weight: 600;font-family: "Asap Condensed", sans-serif;border-radius: 3px;}
.content{padding:20px}
.categories-title{font-size:1.5em;margin-bottom:10px;text-decoration: underline;font-weight: 600;}
.categories-subtitle{font-size:1em;margin-bottom:20px}
.categories{display: flex;flex-wrap: wrap;gap: 20px;justify-content: flex-start;}
.category{width:calc(33.333% - 20px);background-color:#fff;border-radius:3px;overflow:hidden;text-align:center;transition:transform .3s;color:#000;text-decoration:none;margin-right:auto;border: solid 1px #D2D2D2;display: flex;flex-direction: column;margin: auto;}
.category:hover, .list-article:hover{transform:scale(1.05)}
.category-name{padding:10px;font-size:1.3em;font-weight: 600;display: flex;justify-content: center;flex-grow: 1;align-items: center;text-align: center;min-height: 2em;}
.mca-breadcrumb{padding: 0 0 20px!important;font-size: .9em;}
.mo-paginator a{text-decoration: none;}
.mo-paginator .mo-page-selected, .mo-paginator .mo-page-disabled, .mo-paginator a, .article-img img{border-radius: 3px;}
.article-img img{max-width: 80%;}
.list-articles{display: flex;flex-wrap: wrap;gap: 20px;justify-content: flex-start;align-items: stretch;}
.list-article{width:calc(33.333% - 20px);background-color:#fff;border-radius:3px;overflow:hidden;text-align:center;transition:transform .3s;color:#000;text-decoration:none;margin-right:auto;border:solid 1px #D2D2D2;display:flex;flex-direction:column;justify-content: space-between;margin: 0 auto;}
.list-article-name{padding:10px;font-size:1.3em;font-weight: 600;text-align: center;min-height: 2em;align-items: center;display: flex;justify-content: center;}
.list-article-resume{padding: 0 10px; text-align: left;color:#2e3242;flex-grow: 1;}
.list-article-lire{text-align:right;padding:10px;color:#FDB833;margin-top:auto}
.article-img{text-align: center;max-width: 80%;margin: auto;}
.article-titre{font-size: 1.1em;text-decoration: underline;padding-top: 10px;font-weight: 600;}
.article-titre, .article-text{max-width: 70%;margin: auto;font-size: 1.2em;line-height: 1.4em;}
.article-journaliste{text-align: center;}
.article-journaliste .article-journaliste-img{margin-bottom: 20px;font-size: 4em;color: #FDB833;}
.article-journaliste-name span{padding: 10px;background-color: #FDB833;border-radius: 3px;color: #FFF;}
.article-journaliste-img-auteur{max-width: 100px;vertical-align: middle;border-radius: 50%;}
.share-container{text-align:center;margin:40px 0}
.share-text{font-size:1em;margin-bottom:10px}
.share-buttons{display:flex;justify-content:center;gap:10px}
.share-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:5px;text-decoration:none;transition:transform .3s}
.share-button:hover{transform:scale(1.1)}
.share-button i{font-size:1.2em}
.facebook{background:#3b5998}
.twitter{background:#1da1f2}
.whatsapp{background:#25d366}
.email{background:#0072c6}
.share{background:#fdb833}
.box_abo{margin: 0 0 20px 0;background-color: #FDB833;padding: 20px;color: #FFFFFF;font-size: 1.2em;text-align: center;opacity: 1;transition: opacity 1s ease-out;border-radius: 3px;}
.fade-out {opacity: 0;}
.mca-inscription-subtitle{text-align: center;font-size: 1.2em;}
.container-inscription{display: flex; align-items: center;justify-content: center; margin: 20px 0;}
.container-inscription-mail{padding: 1em 15px; font-size: 16px; border-radius: 5px; border: none; width: 50%; margin-right: 15px;}
.container-inscription-btn{background-color: #FFAA00; color: white; padding: 1em 20px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer;}

.soutien-container{max-width:75%;margin:40px auto;padding:20px;display:flex;justify-content:space-around;border:1px solid #D2D2D2;border-radius:3px}
.soutien-media{width:25%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.soutien-media-auteure{max-width:100px;border-radius:50%}
.soutien-media-logo{max-width:100px}
.soutien-text{width:75%;display:flex;flex-direction:column;justify-content:space-between}
.soutien-message{margin:0;color:#333;line-height:1.3}
.soutien-highlight{color:#FDB833;font-weight:600}
.soutien-button-container{text-align:right}
.soutien-button{display:inline-block;background-color:#FDB833;color:#fff;text-decoration:none;font-weight:700;padding:10px 20px;border-radius:3px}

.pop-news-container{text-align: center;padding: 10px;border-radius: 3px;margin-bottom: 20px}
.pop-news-is-abo{display: none;background-color: #FDB833;color: #FFFFFF;}
.pop-news-close{text-align: right;color: #A2A2A2;display: flex;justify-content: flex-end;}
.pop-news-close i{cursor: pointer}
.pop-news-text{color: #000000;font-size: 1.1em;margin-top: 0;line-height:1.3em}
.pop-news-mail{border: 1px solid #FDB833;}


@media (max-width: 865px) {
    .content{padding: 20px 20px 20px 20px;}
    .categories, .list-articles{gap: 10px;}
    .category{flex:1 1 calc(50% - 10px);max-width: 50%;}
    .banner-text, .categories-title, .categories-subtitle, .list-article-name{font-size:1em;}
    .banner-text{left: 49%;}
    .category-name{font-size:1em;min-height: 3em;}
    .mca-breadcrumb{font-size:.8em;padding: 0 20px 20px 20px!important;}
    .list-article{flex:1 1 calc(100% - 10px)}
    .article-img{max-width: 100%;}
    .article-img img{width:100%;max-width: 100%;object-fit:cover}
    .article-titre, .article-text{max-width: 95%;font-size: 1.1em;line-height: 1.3em;}
    .article-text img{width:100%!important;}
    .box_abo{font-size: 1em;}
    .mca-inscription-subtitle{text-align: center;font-size: 1.1em;}
    .container-inscription-mail{width: 100%;}

    .soutien-container{flex-direction:column;justify-content:flex-start}
    .soutien-media{width:100%;flex-direction:row;padding-bottom:10px}
    .soutien-text{width:100%;margin-top:10px}
    .soutien-button-container{margin-top:10px}

    .pop-news-container{padding: 0}
    .container-inscription {flex-direction: column;align-items: stretch;}
    .container-inscription input, .container-inscription button {width: 100%;box-sizing: border-box;margin: 5px 0;}
    .pop-news-text{text-align: left;}
}