/*
Theme Name: PCOF Theme
Theme URI: https://pcof.net/wp-content/themes/pcoftheme
Author: PCOF
Description: Template WordPress pour le PCOF
Version: 0.0.3
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wdth,wght,YTLC@0,6..12,75..125,200..1000,440..540;1,6..12,75..125,200..1000,440..540&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Tomy';
    /* Nom que vous utiliserez dans le CSS */
    src: url('./police/made_tommy_soft_bold_personal_use-webfont.woff2') format('woff2'),
        /* WOFF2 pour les navigateurs modernes */
        url('./police/made_tommy_soft_bold_personal_use-webfont.woff') format('woff');
    /* WOFF comme solution de repli */
    font-weight: bold;
    /* ou 400, 700, etc. selon le fichier */
    font-style: bold;
    /* ou italic */
    /* Optionnel : font-display: swap; pour une meilleure expérience utilisateur */
}

.wp-block-group.download-qui .pdf-preview-thumbnail {
	display: none;
} 

.pcof-cookies-text {
    font-weight: 900;
    color: #727171;
    font-size: 0.9em;
}
.page-id-24 footer{
    background: var(--rose);
}

img.pcof-cookies-img {
    max-width: 30px;
    margin-right: 10px;
}
.pcof-cookies-info {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: auto;
    margin-bottom: 25px;
    justify-content: center;
    max-width: 94vw;
	margin-top : 30px;
}
p.erreur {
    text-align: center;
    margin: 10px auto!important;
    padding: 20px 0;
    background: var(--red);
    color: white;
    font-weight: bold;
    width: 600px;
    border-radius: 4px;
    
}
/* Bouton principal */
.content.cipoml h2.titre-article-pcof {

    font-size: 15px !important;

}
.content.laforge-content .popup {
    max-width: 508px;
    height: fit-content;
}

.content.laforge-content .popup .buttons {
    margin-bottom: 1.5em;
}
.content.laforge-content .popup .logo {
    width: 120px;
    max-width: 40vw;
    margin-bottom: 1rem;
    height: auto;
    margin-top: 10px;
}
.popup .buttons p {
    display: none;
}
.content.cipoml .block-article-pcof {
    width: 246px;
    /* margin-bottom: 5px; */
}

.content.cipoml .container-pcof {
    max-width: 800px;
}

.content.cipoml .articles-pcof {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
    width: 800px;
    /* margin: auto; */
    padding-bottom: 20px;
    padding-top: 30px;
}
.content.cipoml .block-article-pcof .featured-image img {
    border-radius: 5px;
    width: 246px;
    height: auto;
    object-fit: contain;
    display: block;
}
.edito-laforge sup.footnote-ref a {
    color: var(--red);
}
ul.wp-block-list {
    margin-left: 0!important;
}
.th-read-more-button-icon {
    background-image: url(./icons/dropdownred.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Rotation fluide et rapide */
    transition: transform 0.3s ease-in-out;
}

/* Rotation immédiate quand on ajoute la classe */
.th-read-more-button.is-opened .th-read-more-button-icon {
    transform: rotate(180deg);
}


.th-accordion-content {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    /* On retire la transition sur margin-top pour éviter le sursaut */
    transition: max-height 0.5s ease-out, opacity 0.4s ease;
}

/* On ajoute l'espace directement à l'intérieur du bloc */
.th-accordion-content > div:first-child {
    padding-top: 20px;
}

/* L'icône - Transition de rotation */
/* Styles du bouton "Lire la suite" */
.th-read-more-button {
    background-color: var(--red); /* Assure-tu que --red est défini dans ton root */
    color: white;
    border: none;
    padding: 9px 12px 8px 11px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
}

.th-read-more-button:hover {
    filter: brightness(1.1); /* Petit effet de surbrillance au survol */
}




.navbar .jour a {
    text-decoration: none;
    color: white;
    font-weight: 500;
    padding-right: 20px;
    border-right: 2px solid white;
}



.content.cipoml #home-accueil {
    display: none;
}

.content.cipoml .archivebtn {
    display: none;
}

.js-interactive-button {
    display: inline-block;
    background: #000; /* Noir élégant */
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 50px; /* Style pillule */
    text-decoration: none !important;
    font-weight: 600;
    transition: transform 0.2s, background 0.2s;
    border: none;
    cursor: pointer;
}

.js-interactive-button:hover {
    background: #333;
    transform: scale(1.02);
}

.js-interactive-button:active {
    transform: scale(0.98);
}
.articles-cipoml #home-accueil{
	display: none;
}
ol.wp-block-footnotes {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 40px;
    padding-left: 0;
	list-style-position: inside;
	color: #444;
}

.wp-block-footnotes > li > a:last-child {
    display: none;
	
}

.wp-block-footnotes li::marker {
    font-size: 80%;
    font-weight: bolder;
}

.wp-block-footnotes li {
    
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 4px solid #cc0000;
    line-height: 1.5;
    content: "";
}

sup.fn::before {
    content: "(";
    color: var(--red);
    
}

sup.fn {
    font-weight: 800;
}

sup.fn::after {
    
    content: ")";
   
    color: var(--red);
}



.wp-block-quote.is-layout-flow {
    position: relative; /* Nécessaire pour placer le guillemet */
    border-left: 7px solid #e63946; /* Rouge dynamique */
    background-color: #f8f9fa;
    padding: 65px 30px 25px 50px; /* Plus d'espace à gauche et en haut */
    margin: 2rem 0;
    border-radius: 4px;
   
    overflow: hidden; /* Pour éviter que le guillemet ne dépasse mal */
}

/* Création du gros guillemet avec un pseudo-élément */
.wp-block-quote.is-layout-flow::before {
    content: "“";
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 8rem; /* Taille imposante */
    color: #e63946;
    opacity: 0.25; /* Effet de transparence pour ne pas gêner la lecture */
    font-family: "Georgia", serif;
    line-height: 1;
}

.wp-block-quote.is-layout-flow p {
    position: relative; /* Pour passer au-dessus du guillemet */
    /*font-size: 1.1rem;*/
    line-height: 1.6;
    color: #373a3f;
    margin: 0;
    z-index: 1;
}
#wpadminbar {
    z-index: 999999999 !important;
}
p {
    margin: 15px 0!important;
    line-height: 142%;
}
.pcof-qui-content-cipoml.visible {
    max-height: inherit;
    opacity: 1;
    padding: 15px;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out, visibility 0s 0s;
}

.wp-block-video video {

    border-radius: 5px;
}

    ul#menu-nav {
    
    padding-inline-start: 0;
}

.search.search-results footer{
	background: var(--rose);
}

.accueil-contact-pcof {
    padding-bottom: 15px;
    font-weight: 500;
    font-style: italic;
    color: #6a6a6a;
}

.container-ban {

    background: #f7dddf;




}

/* Style de l'appel dans le texte */
.footnote-ref strong {
    font-weight: 800;
    color: #cc0000;
    /* Optionnel : mettre le chiffre en rouge aussi */
}

.footnote-ref a {
    text-decoration: none;
    color: inherit;
}

/* Style de la zone de notes en bas */


.footnote-content {
    font-size: 0.95em;
    color: #444;
}

.footnote-content sup {
    font-weight: bold;
    margin-right: 5px;
}

.footnote-separator {
    border: 0;
    height: 1px;
    background: #eee;
    margin: 40px 0 20px 0;
}

.footnote-item {
    display: block;
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 4px solid #cc0000;
    line-height: 1.5;
}

.ban-journal {
    margin: auto;
    text-align: center;
    border-top: 3px solid var(--red);
    width: 1020px;
}

.ban-journal img {
    width: 510px;

    margin-top: 25px;
}


.paves-mois-wrapper {
    max-width: 884px;
    /* display: flex; */
    margin: auto;
}

.paves-articles-list img {
    border-radius: 5px;
    width: 320px;
    height: 180px;
    object-fit: contain;
    display: block;
}

.articles-pcof#articles-container-search-results.no-results {
    justify-content: center;
}


.articles-pcof-wrapper .loading-message {
    min-height: 500px;
    text-align: center;
    font-style: italic;
}

.laforge-numeros {
    color: var(--red);
    /* font-weight: bold; */
    /* font-style: italic; */
    font-weight: bolder;
    font-size: 17px;
    margin-top: 10px;
    text-transform: uppercase;
}


.pcof-controls-wrapper {

    margin-bottom: 0;
}







/*MAJ*/


/*FIN MAJ*/

/* ===============================
   STYLE SOMMAIRE — La Forge v3
   =============================== */

/* --- Étoile décorative --- */
.editorial-intro {
    margin-bottom: 10px;
}

li.item-laforge::before {
    content: "★";
    color: var(--red);
    position: relative;
    left: -6px;
    font-size: 0.9em;
    opacity: 0.9;
    transition: transform 0.2s ease, color 0.2s ease;
}

li.item-laforge:hover::before {
    color: #b30000;
    transform: scale(1.2) rotate(10deg);
}

/* --- Bloc principal du sommaire --- */
#lf-summary {
    margin: 2em 0;
    padding: 1em;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

/* --- Titre principal "Sommaire" --- */
#lf-summary>h2 {
    color: var(--red);
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.2em;
    border-bottom: 2px solid var(--red);
    display: inline-block;
    padding-bottom: 0;
    margin-top: 0;
}

/* --- Bloc de rubrique --- */
.theme-block {
    margin: 1.2em 0;
    padding: 0.8em;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: linear-gradient(180deg, #fcfcfc, #f6f6f6);
    transition: all 0.10s ease;
}

.theme-block:hover {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: var(--red);
}

/* --- Titre de rubrique --- */
.theme-title {
    font-size: 1.25em;
    font-weight: 700;
    color: #222;
    margin-top: 0;
    margin-bottom: 0.5em;
    position: relative;
    /*text-transform: uppercase;*/
    letter-spacing: 0.02em;
}

.theme-title::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    /* background: var(--red); */
    margin-top: 4px;
    border-radius: 2px;
}

/* --- Liste d’articles --- */
.theme-list {
    list-style: none;
    margin: 0;
    padding-left: 5px;
}

.theme-list li {
    margin-bottom: 0.4em;
    line-height: 1.4;
}

.theme-list li a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

.theme-list li a:hover {
    color: var(--red);
    text-shadow: 0 0 2px rgba(255, 0, 0, 0.1);
}

/* --- Articles privés (grisés) --- */
.item-laforge.private-link a {
    color: #aaa;
    opacity: 0.8;
    cursor: pointer;
}

.item-laforge.private-link a :hover {
    opacity: 1;
}

/* --- Divers wrappers --- */
.pcof-controls-wrapper {

    margin-bottom: 0;
}

.articles-pcof-wrapper .loading-message {
    min-height: 300px;
    text-align: center;
    font-style: italic;
    color: #666;
}

.laforge-numeros {
    color: var(--red);
    font-weight: 800;
    font-size: 1.2em;
    margin-top: 15px;
    /* text-transform: uppercase; */
    letter-spacing: 0.03em;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    #lf-summary {
        padding: 1.2em;
    }

    #lf-summary>h2 {
        font-size: 1.4em;
    }

    .theme-title {
        font-size: 1.1em;
    }
}

/* --- 🌙 DARK MODE AUTOMATIQUE --- */
/*@media (prefers-color-scheme: dark) {
    #lf-summary {
        background: #1b1b1b;
        border-color: #333;
        box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    }
    #lf-summary > h2 {
        color: #ff5555;
        border-bottom-color: #ff5555;
    }
    .theme-block {
        background: linear-gradient(180deg, #222, #1c1c1c);
        border-color: #333;
    }
    .theme-block:hover {
        border-color: #ff5555;
        box-shadow: 0 4px 12px rgba(255,85,85,0.1);
    }
    .theme-title {
        color: #eee;
    }
    .theme-title::after {
        background: #ff5555;
    }
    .theme-list li a {
        color: #ccc;
    }
    .theme-list li a:hover {
        color: #ff5555;
    }
    .private-link a {
        color: #777;
    }
}*/




/*FIN TH2*/










/*STYLE RECHERCHE FILTER*/

/* Style du conteneur des filtres sur la page de résultats */
.search-filters-container {
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    width: 370px;
    margin: auto;
    margin-bottom: 40px;
}



/* Titre "Affiner les résultats" */
.search-filters-container h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.1em;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
}

/* Conteneur des options de filtrage */
.filter-options {
    display: flex;
    /* Affiche les éléments horizontalement */
    gap: 25px;
    /* Espace entre chaque filtre */
    flex-wrap: wrap;
    /* Permet le retour à la ligne si l'écran est trop petit */
    align-items: center;
}

/* Style de chaque libellé de case à cocher */
.checkbox-label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 1em;
    color: #555;
    transition: color 0.2s;
    user-select: none;
}

/* Effet au survol */
.checkbox-label:hover {
    color: #0073aa;
    /* Couleur d'accentuation au survol */
}

/* Style de la case à cocher elle-même */
.checkbox-label input[type="checkbox"] {
    margin-right: 8px;
    /* Espace entre la coche et le texte */
    /* Vous pouvez ajouter des styles personnalisés ici si vous le souhaitez */
    width: 18px;
    height: 18px;
}


input[type="checkbox"] {
    /* accent-color change la couleur du V (la coche) et influence le fond */
    accent-color: var(--red);
    /* Remplacez par votre couleur (ex: #50c878) */
}

input[type="checkbox"]:hover {
    /* accent-color change la couleur du V (la coche) et influence le fond */
    accent-color: var(--red);
    /* Remplacez par votre couleur (ex: #50c878) */
}





p.intro-pcof {
    text-align: center;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: #0000005e;

}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {

    pointer-events: none;
}

img.tag-pcof {
    height: clamp(1rem, 0.8vw, 2rem);
    padding-right: 4px;
    max-height: 35px;
}

.text-tag-pcof {
    font-size: clamp(8px, 4vw, 12px);
    font-weight: bolder;
    color: white;
}

.tag-container-pcof.actualite img.tag-pcof {
    height: clamp(1.2rem, 0.8vw, 2rem);
    padding-right: 4px;
    max-height: 35px;
}

.tag-container-pcof.analyse {

    padding: 5px 7px;

}

.tag-container-pcof {
    display: flex;
    background: var(--red);
    width: fit-content;
    padding: 4px 7px;
    /* line-height: 15px; */
    border-radius: 3px;
    align-items: center;
    margin-bottom: 5px;
}





.container-documents-pcof .block-menu-rubr button:first-child {
    background-image: url(./images/docs-rupture-pcof-b.png) !important;
    background-size: 100%;
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
}

form#laforge_formulaire {
    width: 600px;
    margin: auto;
}

.border-topred {
    border-top: 3px solid var(--red);
    width: 600px;
    /* height: 10px; */
    margin: auto;
}

.container-subtitle p {
    font-family: 'nunito sans';
    font-weight: 800;
    font-size: 20px;
    width: 800px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    padding: 20px;
    /* margin-bottom: 20px; */
    margin: auto;
}

.container-subtitlet p {
    font-size: 17px;
    font-style: italic;
    color: #555;
    text-align: center;
    margin: 30px 0 30px 0;
}

.container-subtitle {
    width: 100%;
    /* display: flex; */
    margin: auto;
    background: var(--rosec);
    height: 67px;
}

.container-journal-content {
    max-width: 100%;
    display: flex;
    justify-content: center;
    /* margin: 0 auto; */
    min-height: calc(100vh - 275px);
    background: var(--rose);
}
.container-documents-pcof .block-menu-rubr button:nth-of-type(2){
	background-image: url(./images/docs-congres-pcof.png);
	background-size: 100%;;
	background-repeat: no-repeat;
	color: transparent;
}



.container-documents-pcof .block-menu-rubr button:nth-of-type(3){
	background-image: url(./images/docs-brochures-pcof.png);
	background-size: 100%;;
	background-repeat: no-repeat;
	color: transparent;
}

.pcof-info {
    text-align: center;
    margin: 15px 0;
    font-style: italic;
    color: #555;
}
.pcof-info-important {
    text-align: center;
    color: #555;
    width: 600px;
    margin: auto!important;
    padding: 40px 0 40px 0;
}

/*
 * Styles Améliorés pour les boutons des sous-catégories (Smooth & UX)
 * (Vérifiez que vos variables CSS --red et --grey sont bien définies)
 */
.rubrique-menu-item {
    background-image: url('./images/background-rubr.png');
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    width: 150px;
    height: 150px;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    /* background: var(--red); */
    border: 2px solid var(--rose);
    color: white;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    line-height: 1.2;
    padding: 10px;
}

.rubrique-menu-item:hover {
    cursor: pointer;
    background: white;

    color: var(--red);
    transform: translateY(-5px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}

.rubrique-menu-item.active {
    cursor: pointer;
    background: white;
    border: 2px solid var(--red);
    color: var(--red);
    transform: translateY(-5px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}

/* 🚨 Amélioration UX : Gestion du FOCUS pour le clavier */
.rubrique-menu-item:focus-visible {
    outline: 2px dashed var(--red);
    /* Indication de focus claire pour l'accessibilité */
    outline-offset: 2px;
}

p.succes {
    text-align: center;
    margin: 10px auto!important;
    padding: 20px 0;
    background: rgb(208 247 210);
    color: #3b9241;
    font-weight: bold;
    width: 600px;
    border-radius: 4px;
    /* margin: auto; */
}

.block-menu-rubr {
    width: 670px;
    display: flex;
    margin: auto;
    gap: 20px;
    margin-top: 0;
    flex-wrap: wrap;
    padding-bottom: 34px;
    padding-top: 15px;
}

/* Style de base pour les boutons de catégorie */

/* Style pour la zone de chargement et le conteneur du Load More */
.articles-pcof-wrapper {
    min-height: 500px;
    /* Réserver de l'espace */
}

/* IMPORTANT : Réutiliser le style d'animation en escalier */
.block-article-pcof {
    opacity: 0;
    /*transform: translateX(100px);*/
    transition: opacity 0.6s ease-out
        /*, transform 2s ease-out*/
    ;
}

.block-article-pcof.animate-in {
    opacity: 1;
    /*transform: translateX(0);*/
}


















.container-pcof {
    max-width: 1020px;
    /* display: flex; */
    justify-content: center;
    margin: auto;
}

figure.wp-block-image.size-full.lf-annonce {
    border-top: 3px solid var(--red);
    width: 1020px;
    margin: auto;
    text-align: center;
}

figure.wp-block-image.size-full.lf-annonce a {
    text-align: center;
    width: 100%;
}


/* MISE EN FORGME ARTICLE LAFORGE */

/* BOUTTON READ MORE */

/* Cache le reste du contenu par défaut */
figure.wp-block-image.size-full.lf-annonce img {
    width: 500px;
    /* margin: auto; */
    padding-top: 25px;
    /* text-align: center; */
}

.editorial-rest.visible {
    display: block;
    opacity: 1;

    height: fit-content;
}

.editorial-rest {
    display: block;
    overflow: hidden;
    opacity: 0;

    height: 0px;
}


.lf-read-more-button-icon.rotated180 {


    transition: transform 0.4s ease-out;
    transform: rotate(180deg);
}


.lf-read-more-button-icon.active {


    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;


}


.lf-read-more-button-icon {



    /* vertical-align: middle; */
    /* transform-origin: center center; */
    transition: transform 0.4s ease-out;
    transform: rotate(0deg);
}

/* Styles du bouton "Lire la suite" */
.lf-read-more-button {
    background-color: var(--red);
    color: white;
    border: none;
    padding: 9px 12px 8px 11px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    /* line-height: 51px; */
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
}



.lf-read-more-button-icon {
    background-image: url(./icons/dropdownred.png);
    background-repeat: no-repeat;
    background-size: 20px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;

}

.footer-mobile {
    padding: 30px 3vw 30px 3vw;
    text-align: center;
    background: #c30101;
    /* padding: 39px 0 0 0; */
}

.footer-mobile a {
    /* width: 94vw; */
    font-size: 4.5vw;
    font-weight: bolder;
    /* text-align: center; */
    color: white;
}

.sep-footer {
    margin: 5vw;
}



:root {
    --red: #c30101;
    /*#d90815; rouge */
    --bl: white;
    /* blanc */
    --rose: #f1dedf;
    /* rose */
    --rosec: #fdf2f3;
}
html, body {
    height: 100%;
    margin: 0;
}
div#pcof-suite-container {
    min-height: 100vh;
}
/* 2. On transforme le body en conteneur flexible vertical */
body {
    display: flex;
    flex-direction: column;
}

/* 3. Le header garde sa taille naturelle */
header {
	margin-top: 40px;
    flex-shrink: 0;
}
/* 4. Le container s'étire pour combler tout le vide */
.container {
    flex: 1 0 auto; /* Grandit pour remplir l'espace, ne rétrécit pas */
}
.content {
    flex: 1 0 auto; /* Grandit pour remplir l'espace, ne rétrécit pas */
}
body {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    will-change: auto !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;


    -webkit-tap-highlight-color: transparent;

    margin: 0;
}


.rht_icon_wrapper_element.gsp_ic_l.nospeech.ss_rht_b_i_opened {
    display: none;
}

.rht_banner_wrapper.sstemplate_1.ss_b_r.ss_rht_b_opened {
    display: none;
}



/*DROP-DOWN*/

/* Styles de base pour la transition et le fix du flash bleu */

.toggle-icon {



    /* 🔑 Correction 1 : Centre l'icône verticalement par rapport à la ligne de texte */
    /*vertical-align: middle; */

    /* 🔑 Correction 2 : Force le point de pivot au centre de l'élément */
    /*transform-origin: center center; */

    /* Animation et rotation */
    transition: transform 0.4s ease-out;
    transform: rotate(0deg);
}

.toggle-icon.active {

    transform: translateZ(0);
    will-change: transform;
    /* Correction Chrome/Chromium */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;


    -webkit-tap-highlight-color: transparent;

    transform: translateZ(0);
    transform: rotate(180deg)translateX(0%);



}

.pcof-qui-titre h2 {
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.plaquette img {
    width: 800px !important;
    /* text-align: center; */
}

.dropdown-container {
    /* background: #aa000021; */
    width: 800px ;
    margin: auto;
}
.flex-pcof.dropdown-container {
    width: 800px;
}
.dropdown-container img {
    box-sizing: border-box;
    height: auto;
    width: 320px;
    vertical-align: bottom;
    border-radius: 5px;
    /* text-align: center; */
}

.toggle-icon img {
    width: 40px !Important;
    margin: 0;

}

.toggle-icon {
    padding: 20px;
    flex-shrink: 0;
}

header {
    /* Correction Chrome/Chromium */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.pcof-qui-titre {
    /* Correction Chrome/Chromium */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    position: relative;
    background-color: rgb(221 221 221);
    color: #333;
    padding: 43px !important;
    text-align: left;
    border: none;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    align-items: center;
    border-radius: 5px;
    min-height: 70px;

    gap: 0;
}

.pcof-qui-titre h2 {
    font-size: 16px;
    /* padding: 20px; */
}

.pcof-qui-content {
    margin: 0 20px 0 20px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out, visibility 0s 0.4s;
}

.pcof-qui-content.visible {
    max-height: fit-content;
    opacity: 1;
    padding: 15px;
    /* Rétablit le padding une fois ouvert */
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out, visibility 0s 0s;
}


figure.wp-block-image.size-large.plaquette img {
    border: 2px solid var(--red);
    border-radius: 7px;
    width: 394px;
    /* background: white; */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
}

.plaquette {
    width: 100%;
    margin: 30px 0 20px  0;
}
.confirm-details {
    text-align: center;
    max-width: 600px;
    margin: auto;
}


.source-thumbnails-grid img {
    width: 232px;
}

.download a {
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 14px;
    background: var(--red);
    /* align-content: center; */
    /* flex-wrap: nowrap; */
    /* justify-content: space-between; */
    /* width: 5px; */
    padding: 11px 13px;
    font-weight: 600;
}

.abonnez-pcof img {

    border-radius: 5px;
}

.abonnez-pcof {
    width: 330px;
    margin: auto;
    margin-top: 30px;
}

.source-thumbnails-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 232px);
    gap: 30px;
    width: 94vw;
    margin: auto;
    justify-content: center;
}
.source-thumbnail-item img {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 7px;
    border: 0.1px solid #80808066;
}

.download img {
    padding-right: 10px;
    width: 32px !important;
}

input#s:focus-visible {
  outline: none;               
  background-color: white;
 
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.search-btn {
    width: 19px;
}

input#s {
    height: 35px;
    border: none;
    border-radius: 8px;
    font-weight: 700;
    font-family: 'Noto Sans';
    text-transform: uppercase;
    padding-left: 33px;
    /* padding-right: 33px; */
    width: 154px;
}
form.search-form {
    position: relative;
}

button.search-icon-button {
    position: absolute;
    top: 7px;
    right: 9px;
    cursor: pointer;
    border: none;
    width: 13px;
    padding: 0;
    background: transparent;
}


img.search-icon {
    width: 15px;
    display: flex;
    /* align-items: center; */
    align-content: center;
    /* flex-wrap: nowrap; */
}

/* debug*/
/* Style de l'élément contenant le texte */
#text-container-gen {
    font-family: "Noto Sans", sans-serif;
    font-size: 24px;
    color: #333;
    padding: 20px;
    border: 2px solid #4CAF50;
    /* Bordure verte */
    border-radius: 10px;
    background-color: #f0f4c3;
    /* Arrière-plan vert clair */
    width: 400px;
    text-align: center;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    /* Ombre légère */
    margin-bottom: 20px;
    line-height: 1.5;
    /* Espacement des lignes pour la lisibilité */
}

/* Style de l'image générée */
#image-preview-gen {
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: none;
    /* Initialement caché */
    margin-bottom: 20px;
}

/* Style du bouton de téléchargement */
#download-button-gen,
#export-button-gen {
    padding: 10px 20px;
    background-color: #007BFF;
    /* Bleu */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    display: none;
    /* Initialement caché */
    transition: background-color 0.3s ease;
    /* Transition douce */
}

#download-button-gen:hover,
#export-button-gen:hover {
    background-color: #0056b3;
    /* Bleu plus foncé au survol */
}

#export-button-gen {
    background-color: #4CAF50;
    /* Vert */
}

#export-button:hover {
    background-color: #45a049;
    /* Vert plus foncé */
}

/* Style du champ de texte */
#text-input-gen {
    width: 400px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 10px;
}

/* Style du conteneur principal pour centrer les éléments */
.container-gen {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}




.nav-overlay-link {
    color: white;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

img.test {
    width: 180px;
}

.pcof-mobile-link {
    display: none;
}

/*Historique*/
@keyframes shake {

    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-15deg);
    }

    75% {
        transform: rotate(15deg);
    }
}

.item-rond:hover {
    cursor: pointer;
}

.shake {
    animation: shake 0.3s ease-in-out;
}

.dates-histo-widget {
    width: 980px;
    margin: auto;
    padding: 20px;
    border: 3px solid var(--red);
    background: white;
    border-radius: 11px;
}

.item-date-icon {
    background-image: url('./icons/pad2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 33px;
    width: 62px;
    border-radius: 10px 0 0 10px;
    height: 62px;
}

.item-date-histo-stock {
    visibility: hidden;
    /* Rend les éléments invisibles mais ils conservent leur espace */
    position: absolute;
    /* Important pour ne pas impacter le layout */
    left: -1000px;
    /* Les déplace hors de l'écran */
    font-weight: 900;
    font-size: 22px;
    font-weight: 900;
    font-size: 23px;
    white-space: nowrap;
    padding: 15px;
    color: white;
    background: var(--red);
    border-radius: 0 10px 10px 0;
}

.item-texte-histo-stock {
    display: none;
}

.date-histo-date-block {
    border: 2px solid var(--red);
    border-radius: 12px;
    display: flex;
}

.item-date-histo-display {
    font-weight: 900;
    display: flex;
    font-size: 23px;
    white-space: nowrap;
    text-align: center;
    height: 100%;
    color: white;
    background: var(--red);
    border-radius: 0 10px 10px 0;
    /* text-transform: uppercase; */
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
}


.items-histo {
    width: 1020px;
    display: flex;
    flex-direction: row;
    margin: auto;
    align-items: center;
    height: 100px;
}

.item-date-histo-display-background {
    background: var(--red);
    border-radius: 0 10px 10px 0;
}

.item-texte-histo-display {
    font-weight: 900;
    margin-left: 15px;

}

.rond-histo-bar {
    width: 200px;
    display: flex;
    margin: auto;
    justify-content: space-around;
    background-size: 67%;
}

.item-rond {
    width: 16px;
    height: 16px;
    border: 2px solid var(--red);
    border-radius: 20.00px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.item-rond-int {
    width: 13px;
    height: 13px;
    margin: auto;
    border-radius: 10px;
    border: 2px solid white;
    background-color: var(--red);
    opacity: 0;
}

h2.widgettitle {
    text-align: center;
    font-weight: 800;
    margin: 9px;
    color: var(--red)
}

h3.widget-subtitle {
    font-weight: 400;
    text-align: center;
    margin: 9px;
    color: var(--red)
}


a.article-date-link {
    color: gray;
}

.edito-laforge a {
    text-decoration: none;
    color: black;
    /* font-size: 16px; */
}

a {
    text-decoration: none;
    color: var(--red);
    /* font-size: 16px; */
}

h2.titre-article-pcof a {
    color: black;
}

ul {
    padding-inline-start: 30px;
}

.navbar a {
    text-decoration: none;
    color: white;
    font-weight: 500;
}

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    width: 100%;
    vertical-align: bottom;
}

.actu {
    color: var(--red) !important;
}

h1 {

    font-weight: 900;
}

ul {
    list-style: square;
}
.nous {
    background-image: url('./icons/quicon.png');
    /* your image */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /* Adjust according to image size to push text across. */
    background-size: 20px;
    line-height: 30px;
}
.actu {
    background-image: url('./icons/planet.png');
    /* your image */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /* Adjust according to image size to push text across. */
    background-size: 20px;
    line-height: 30px;
}

.pcof-titre-logo {
    display: flex;
    /* padding-left: 265px; */
    width: 746px;
    justify-content: center;
}



.qsn {
    background-image: url('./icons/quir.png');
    display: flex;
    align-items: center;
    /* position: absolute; */
    /* left: 50px; */
    /* top: 56px; */
    width: 176.4px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: 34px;
    font-weight: 700;
    padding-left: 44px;
    /* background: left; */
}

.docu {
    background-image: url('./icons/documentspc.png');
    /* your image */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /* Adjust according to image size to push text across. */
    background-size: 15px;
    line-height: 30px;
}

.rubr-pcof {
    background-image: url('./icons/folderpc.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 19px;
    line-height: 27px;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
}

.jour {
    background-image: url('./icons/journalpc.png');
    /* your image */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /* Adjust according to image size to push text across. */
    background-size: 20px;
    line-height: 30px;
}

.agen {
    background-image: url('./icons/qui.png');
    /* your image */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /* Adjust according to image size to push text across. */
    background-size: 17px;
    line-height: 30px;
}

.agen {
    background-image: url('./icons/agen.png');
    /* your image */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /* Adjust according to image size to push text across. */
    background-size: 17px;
    line-height: 30px;
}

.link {
    background-image: url('./icons/linkpc.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 20px;
    line-height: 30px;
}

.contact {
    background-image: url('./icons/contactpc.png');
    /* your image */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /* Adjust according to image size to push text across. */
    background-size: 17px;
    line-height: 30px;
}

.lfnjbl {
    display: none;
}

.containter-subtitle {
    display: block;
    /* position: absolute !important; */
    /* top: -174px; */
    /* padding-top: 22px !important; */
    width: 100%;
    /* text-align: center; */
    /* right: 72px; */
    /* margin: auto; */
    /* border-bottom: 3px solid var(--red); */
    text-align: center;
    /* margin-bottom: 26px; */
    background: var(--rosec);
}


.nav-overlay {
    display: none;
}

nav.navbar {
    background-color: var(--red);
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sous-menu-n1 {
    display: none;
}

ul#menu-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    margin: 0;
    gap: 20px;
    list-style: none;
}

.post-pcof-details {
    width: 800px;
    margin: auto;
    margin-top: 40px;
    /* margin-bottom: 40px; */
}

.post-pcof-details {
    width: 800px;
    margin: auto;

    /* margin-bottom: 40px; */
}

.slogan {
    font-family: 'nunito sans';
    font-weight: 800;
    font-size: 20px;
    width: 814px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    padding: 20px calc((100% - 814px)/2);
    /* margin-bottom: 20px; */
    /* margin: auto; */
    background-color: var(--rosec);
}

figure.wp-block-image.size-large.laforge {
    margin-bottom: 40px;
}

.journal-abonnement {
    margin-bottom: 10px !important;
}

.pcof-logo img {
    width: 85px;
    height: auto;
}

.content {
    width: 100%;
    margin: auto;
}

.pcof-header {
    display: flex;
    justify-content: center;
    height: 70px;
    align-items: center;
    /* padding-top: 30px; */

    align-content: space-between;
    flex-direction: row;
}

.pcof-titre {
    font-family: 'Nunito Sans';
    font-size: 75px;
    color: var(--red);
    font-weight: 900;
    text-align: center;
    letter-spacing: 10px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--red);
}

.pcof-standard-page {
    width: 800px;
    margin: auto;
    margin-top: 40px;
    /* margin-bottom: 40px; */
}

/**/
.articles-pcof {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
    width: 1020px;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 30px;
}

.block-article-pcof {
    width: 320px;
    margin-bottom: 5px;
}

.block-article-pcof .featured-image img {
    border-radius: 5px;
    width: 320px;
    /* largeur fixe si tu veux */
    height: 180px;
    /* hauteur fixe */
    object-fit: contain;
    /* ou supprimer totalement */
    display: block;
}


h2.titre-article-pcof {
    margin: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    color: black !important;
    font-size: 17px !important;
    vertical-align: top;
    line-height: 25px;
}

h1.titre-article-pcof {
    line-height: 18px;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;

}


.date-article-pcof {
    color: grey;
    font-weight: bold;
    font-size: 13px;
}


ul.wp-block-post-template.is-layout-flow.wp-block-post-template-is-layout-flow {
    display: flex;
    flex-wrap: wrap;

    gap: 30px 30px;
    width: 1020px;
    margin: auto;
    padding-bottom: 20px;
}

.white-block-img {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    /* flex-wrap: nowrap; */
    /* flex-direction: row; */
    width: 100%;

}

.red-block-img img {
    box-sizing: border-box;
    width: 160px;
    vertical-align: bottom;
}

.red-block-img {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* width: 100%; */
    margin-left: 130px;
}

.newspaper-block .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    display: flex;
    height: 100%;
}

.wp-block-group.block-lf {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    margin-right: 95px;
}

.wp-block-group.white-block {
    width: calc(50% - (320px / 2));

    background: #e0d1cc;
}

.wp-block-group.newspaper-block {
    box-shadow: #b6b0b0 -1px 3px 8px 4px;
    margin-bottom: 31px;
}

.wp-block-group.photo-block {
    width: 320px;

}


.block-pagination {
    display: flex;
    justify-content: center;
    margin: 10px 0;
    gap: 11px;
}

.block-pagination .page-numbers.current {
    background-color: var(--red);
    color: white;
}

.block-pagination .page-numbers {
    padding: 8px 12px;
    background-color: #f0f0f0;
    /* margin: 0 3px; */
    color: black;
    border-radius: 5px;
}

.page-numbers:hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
    background-color: #ddd;
    color: black;
}

span.wp-block-query-pagination-next-arrow.is-arrow-chevron,
span.wp-block-query-pagination-previous-arrow.is-arrow-chevron {
    margin: 0;
}

.next.page-numbers,
.previous.page-numbers {
    /*ok*/
    padding: 8px 12px;

    margin: 0 4px;
    color: black;
    border-radius: 4px;
}

.block-pagination .page-numbers.current:hover {
    cursor: context-menu;
}


/*Rubriques*/
.innerRubr {
    width: 80%;
    height: 80%;
    /* padding: 10px; */
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
}

.rubr .item-rubr {
    display: none;
}

.block-menu-rubr {
    width: 830px;
    display: flex;
    /* justify-content: center; */
    margin: auto;
    gap: 20px;
    margin-top: 0;
    flex-wrap: wrap;
    padding-bottom: 34px;
    padding-top: 30px;
}

.block-menu-rubr.menu-documents-pcof {
    width: 490px;
}

a.lien-journal:link {
    color: blue;
    background-color: transparent;

    font-weight: 500 !important;
}

a.lien-journal:visited {
    color: #460073;
    background-color: transparent;
    font-weight: 500 !important;
}

a.lien-journal:hover {


    text-decoration: underline;
}

.rubrtitre {
    display: none;
}


.content-rubr {

    background: #f1dedf;
    padding-top: 20px;
}

h1.rubrtitre {
    color: var(--red);
    font-weight: 900;
    text-align: center;
    font-size: 20px;
    /* background: white; */
    margin: 0;
    margin-bottom: 15px;
}


.results-rbr {
    background: white;
}

.div-rubr-display:hover>a {

    color: var(--red);
}

h1.sub-categorie {
    color: var(--red);
    text-align: center;
    /* height: 64px; */
    padding: 15px;
    margin: 0;
    font-size: 1.5em;
}

.journal-class {
    width: 800px;
    margin: auto;
    margin-top: 40px;
}

.wp-block-group.red-block {

    background: var(--red);
    width: calc(50% - (320px / 2));
}

.wp-block-group.photo-block figure {
    margin: 0;

}

.wp-block-group .photo-block img {

    width: 320px;
}

.post-pcof-details figure {
    margin-top: 40px;
    /* border-radius: 129px; */
}

figure.wp-block-image.size-large::before {
    border-radius: 5px;
}

figcaption.wp-element-caption {
    border-radius: 5px;
}

/*:where(.wp-block-columns.is-layout-flex) {
  /*gap: 20px;
/*}*/
.post-pcof-details figure img {
    border-radius: 5px;
}

.wp-block-column {
    flex-basis: content !important;
}

aside.article-sidebar-pcof img {
    border-radius: 5px;
    box-shadow: 2px 3px 6px 0.11px black;
}

.navbar {

    margin-top: 20px;
}

.description {
    text-align: center;
    font-family: 'Tomy';
    font-size: 24px;
    color: var(--red);
    margin-top: 16px;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    border-radius: 5px;
}

.wp-block-separator.has-css-opacity {
    display: none;
}

.wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    position: relative;
}


.wp-block-query.une-class.is-layout-flow.wp-block-query-is-layout-flow {
    height: 970px;
}

p.wp-block-post-excerpt__excerpt {
    font-size: 14px;
}


.histo {
    width: 1020px;
    margin: auto;
}

li.category-actus {
    width: 320px;
    margin-bottom: 5px;
}

.wp-block-post-excerpt {
    height: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wp-block-post-featured-image {
    margin: 0;
}

h2.wp-block-post-title a {
    margin: 0;
    margin-bottom: 5px;
    margin-top: 10px;
    color: black !important;
    font-size: 20px !important;
    vertical-align: top;

}

.wp-block-group {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}


h2.wp-block-post-title {
    margin: 0;
}

time {
    color: grey;
    font-weight: bold;
    font-size: 13px;
}

/*.wp-block-post-date {
  background: white;
  border-radius: 0 0 4px 0;
  background-image: url('./icons/date.png');
  background-position: left 4px center;
  background-repeat: no-repeat;
  padding-left: 24px;
  background-size: 14px;
  line-height: 24px;
  font-weight: bold;
  font-size: 11px;
  padding-right: 9px;
  
}*/
img.wp-image-245 {
    width: 100%;
}

.wp-block-group.group-sep-actu {
    height: 30px;
    background-image: url('./icons/background.png');
}

.update-pcof {
    color: #8f8f8f;
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 0;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 4px;
    font-weight: 800;
}

.flex-pcof {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 40px;
    font-family: "Noto Sans", sans-serif;
}

aside.article-sidebar-pcof {
    margin-top: 20px;
    width: 300px;
}

.pcof-thumnail>img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: initial;
    margin: auto;
}

.laforge-thumbnail {
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
    display: flex;
    justify-content: center;
}

.laforge-thumbnail img {
    width: 350px;
    height: auto;
}

h1.page-title {
    font-size: 15px;
    font-weight: bolder;
    text-align: center;
}


.search-title p.has-text-align-center.a-la-une-sep.une-class {
    padding: 0;
}

.search-title {
    margin: 0 calc(50% - 300px);
    width: 600px;
    border-top: 3px solid var(--red);
    padding: 10px 0;
}

.wp-block-query-pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.wp-block-query-pagination .page-numbers.current {
    background-color: var(--red);
    color: white;
}

.wp-block-query-pagination .page-numbers {
    padding: 8px 12px;
    background-color: #f0f0f0;
    /* margin: 0 3px; */
    color: black;
    border-radius: 5px;
}

.page-numbers:hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
    background-color: #ddd;
    color: black;
}

span.wp-block-query-pagination-next-arrow.is-arrow-chevron,
span.wp-block-query-pagination-previous-arrow.is-arrow-chevron {
    margin: 0;
}


.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
    padding: 8px 12px;

    margin: 0 4px;
    color: black;
    border-radius: 4px;
}

.wp-block-query-pagination .page-numbers.current:hover {
    cursor: context-menu;
}

.wp-block-query-pagination-next:hover {
    background: #ddd;
    color: black;
}

.wp-block-query-pagination .page-numbers.dots:hover {
    background-color: #ddd;
    color: black;
    cursor: context-menu;
}



.une-class {
    background: #f7dddf;

}


.une-class2 {
    color: var(--red);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    margin: 0;
    padding-bottom: 20px;
}

p.has-text-align-center.a-la-une-sep {
    color: var(--red);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    margin: 0;
    padding: 20px;
}

.wp-block-post-featured-image {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
}




.search-bar input#searchsubmit {
    display: none;
}

input[type="text"]::placeholder {
    color: #999;

    font-weight: 900;
    text-transform: uppercase;

}

.search-bar fieldset {
    border: none;
    /* height: 50px; */
    padding: 0;
    margin: 0;
}



.loupe-search {
    background-image: url('./icons/search.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 0px;
    background-size: 20px;
    border-radius: 4px 0 0 4px;
    line-height: 40px;
    /* background-color: var(--red); */
    width: 36px;
    height: 35px;
    position: absolute;
    /* margin-left: 10px; */
}
.search-bar {
    display: flex;
    align-items: center;

    right: 50px;

    align-content: center;
    flex-wrap: wrap;

    
    background: white;
    border-radius: 8px;
}
.form-control:valid {
    background-color: #00FF7F;
}

.pcof-search-field {
    display: flex;
    width: 180px;
    border-radius: 7px;
}

/*input[type=text] {
  height: 35px;
  width: 200px;
  padding: 12px 15px;
  margin: 8px 0;

  box-sizing: border-box;
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  background-color: #f7dddf;
  border-radius: 0 4px 4px 0;
  color: var(--red);
  
  font-weight: 900;
  text-transform: uppercase;
}*/
input[type=text]:target,
input[type=text]:focus,
input[type=text]:focus-visible,
input[type=text]:focus-within,
input[type=text]:active,
input[type=text]:target-within,
input[type=text]:hover {
    border: 0px solid var(--red);
    background-color: #f7dddf;
}

input[type=text]:select {
    border: 0px solid var(--red);
    background-color: #f7dddf;
}

#footer-sidebar {
    display: block;
    height: 250px;
}

#footer-sidebar1 {
    float: left;
    width: 340px;
    margin-left: 5px;
    margin-right: 5px;
}

#footer-sidebar2 {
    float: left;
    width: 340px;
    margin-right: 5px;
}

#footer-sidebar3 {
    float: left;
    width: 340px;
}


/* CSS POUR FORMULAIRE CONTACT */

/* Style de base pour le formulaire de contact */
.formulaire-contact-personnalise {
    max-width: 600px;
    margin: 30px auto;
    padding: 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
    border: 2px solid #80808073;
}

.formulaire-contact-personnalise label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.formulaire-contact-personnalise input[type="text"],
.formulaire-contact-personnalise input[type="email"],
.formulaire-contact-personnalise textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.formulaire-contact-personnalise textarea {
    resize: vertical;
    min-height: 120px;
}

.formulaire-contact-personnalise button[type="submit"] {
    background-color: black;
    /* Couleur primaire WordPress */
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.formulaire-contact-personnalise button[type="submit"]:hover {
    background-color: #005177;
}

/* Style pour les messages de validation */
.formulaire-contact-personnalise p.erreur {
    background-color: #fce7e7;
    color: #cc0000;
    padding: 10px;
    border: 1px solid #cc0000;
    border-radius: 4px;
}

.formulaire-contact-personnalise p.succes {
    background-color: #e7fbe7;
    color: #008800;
    padding: 10px;
    border: 1px solid #008800;
    border-radius: 4px;
}

.formulaire-contact-personnalise .required {
    color: #cc0000;
    font-weight: normal;
}




#laforge_formulaire input[type="submit"]:hover {
    background-color: rgb(0, 0, 0);
}


/* ARCHIVES */

/* Conteneurs principaux */
.paves-annee-list, .paves-mois-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: auto;
    margin-bottom: 20px;
    padding: 10px;
    justify-content: center;
    flex-direction: row;
}
.paves-annee-list {
    flex-direction: row-reverse;
}
.pave.pave-mois {
    width: 85px;
}

/* Style général des pavés */
.pave {
    padding: 10px 15px;
    background-color: var(--red);
    /* border: 1px solid #ddd; */
    cursor: pointer;
    transition: all 0.2s;
    font-weight: bold;
    border-radius: 4px;
    user-select: none;
    color: white;
    text-align: center;
}

.pave:hover {
    background-color: #e0e0e0;
}

/* Style du pavé actif */
.pave.active {
    background-color: #0073aa;
    /* Couleur primaire WordPress */
    color: white;
    border-color: #0073aa;
}

/* Style des articles*/


.pave-article {
    width: 320px;
    margin-bottom: 5px;
}

/*.pave-article .featured-image img {
  border-radius: 5px;
  width: 100%;
  height: auto;
}*/
.paves-articles-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
    width: 1020px;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 30px;
}


/*.pave-article {
    border: 1px solid #ddd;
    padding: 15px;
    background-color: white;
}*/
.pave-article h4 {
    margin-top: 0;
}

.archivebtn {
    padding: 11px 17px;
    border-radius: 5px;
    color: white;
    background: var(--red);
    width: fit-content;
    margin: auto;
    background-image: url('./icons/archives.png)');
    background-position: 18px center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 46px;
    margin-top: 0;
    margin-bottom: 20px;
}



.pcof-thumnail>img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: initial;
    margin: auto;
}

.pcof-thumbnail {
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
    display: flex;
    justify-content: center;
  
}

.content.abonnement .laforge-content {
    width: 600px;
}
.laforge-content .pcof-thumbnail {
    justify-content: flex-start;
}

.laforge-content .pcof-thumbnail img {
    width: 190px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 7px;
    border: 0.1px solid #80808066;
    margin: 0;
}

.pcof-thumnail>img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: initial;
    margin: auto;
}

.pcof-thumbnail>.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 350px;
    height: auto;
}

/* Style lorsque le contenu est affiché */
.laforge-content .read-more-button.expanded {
    background-color: #dc3232;
    /* Par exemple, couleur rouge pour "Masquer" */
}

.laforge-content .read-more-button:hover {
    background-color: var(--red);
}

.laforge-content .read-more-button {
    background-color: var(--red);
}

.laforge-content .update-pcof {
    display: none;
}

.laforge-content .editorial-section p {
    margin: 0 0 15px 0;
}

.laforge-content .laforge-thumbnail img {
    width: 190px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 7px;
    border: 0.1px solid #80808066;
    margin: 0;
}

.laforge-content button.read-more-button {
    margin-top: 0;
}

.laforge-content .laforge-thumbnail {
    justify-content: flex-start;
}

.laforge-content {
    width: 100%;
    margin: auto;
    background: none;
}


.laforge-content .post-pcof-details {
    width: 800px;
    margin: auto;
    margin-top: 0;
    /* margin-bottom: 40px; */
}

.laforge-thumbnail {
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
    display: flex;
    justify-content: left;
}

.laforge-content .laforge-thumbnail>.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 374px;
    height: auto;
}



.laforge-content h2 {
    margin-bottom: 10px;
    /* text-align: center; */
}


.laforge-content h1 {
    color: black;
    font-size: 22px;
}

.laforge-content .pcof-post-title {
    width: 100%;
    padding: 20px 0;
    /* padding-top: 1px; */
    /* padding-bottom: 0; */
    font-size: 11px;
    text-align: center;
    /* background: var(--red); */
    color: black;
    /* padding-left: 2vw; */
    /* padding-right: 2vw; */
}

.lfnj {
    width: 600px;
    margin: auto;

}








.pcof-post-title h1 {
    font-size: 20px;
    width: 800px;
    margin: auto;
    font-family: 'nunito sans';
    font-weight: 800;
    color: black;
}

.pcof-post-title h1 {
    font-size: 20px;
    width: 94vw;
    margin: auto;
    font-family: 'nunito sans';
    font-weight: 800;
}

.pcof-post-title {
    background: var(--rosec);
}

.block-input-post-pcof {
    border-top: 3px solid var(--red);
    padding-top: 15px;
}

.pcof-post-title {
    font-size: 8px;
    /* text-align: center; */
    background: var(--red);
    color: var(--rosec);
}


.pcof-post-title {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px !important;
    text-align: center;
    background: var(--rosec);
    color: black;
}
.update-pcof:before {
    content: "Publié le ";
}
.wp-block-group.border-topred {
    border-top: 3px solid var(--red);
    width: 600px;
}

.pcof-page-title {
    /* width: 800px; */
    padding: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px !important;
    text-align: center;
    background: var(--rosec);

    color: black;
}

.pcof-page-title h1 {
    font-size: 20px;
    width: 800px;
    margin: auto;
    font-family: 'nunito sans';
    font-weight: 800;
}

.container-pcof {
    max-width: 1024px;
 
}
.container-cipoml {
    max-width: 800px;
    margin: auto;
}