/*@font-face {
	font-family: 'TheAntiqua';
	font-weight: 400;
	src: url('/css/fonts/TheAntiqua/WOFF2/TheAntiquaB-W5Plain.woff2') format('woff2'),
		url('/css/fonts/TheAntiqua/OTF/TheAntiquaB-W5Plain.otf') format('truetype')
}*/

@font-face {
	font-family: 'Newsreader';
	src: url('css/fonts/Newsreader_14pt-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
	font-family: 'Newsreader';
	src: url('css/fonts/Newsreader_14pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
	font-family: 'Newsreader';
	src: url('css/fonts/Newsreader_24pt-Bold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
	font-family: 'NunitoSans';
	src: url('css/fonts/NunitoSans.ttf') format('truetype');
}

@font-face {
	font-family: 'SpecialElite';
	src: url('css/fonts/SpecialElite-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
	font-family: 'RedHatMono';
	src: url('css/fonts/RedHatMono-Regular.ttf') format('truetype');
    font-weight: 400;
}

:root {
    --couleur-1: #a80202;
    --couleur-2: #017531;
    --couleur-3: #ff7f00;
    --couleur-4: #830be6;
    --couleur-5: #2c00cc;
    --gris1: #2a303b;
    --gris2: #2a303b;
    --gris3: #383f4e;
    --gris4: #6a7285;
    --gris5:rgb(166, 171, 180);
    --gris6:rgb(211, 214, 219);
    --gris8:rgb(243, 243, 243);
    --gris10:#f9f9f9;
    --bleu-encre: #090d52;
    --bleu: #026b9c;
    --neutre: var(--gris6);
    --ok:rgb(177, 218, 191);
    --pas-ok:var(--couleur-1);
    --height-header: 14rem;
    --max-width-zone: 100rem;
    --max-width-zone-large: 120rem;
    --max-width-pourcent: 85%;
    --max-width-header-droite-gauche: calc(var(--max-width-zone)/4);
    --max-width-header-logo: calc(var(--max-width-zone)/2);
    --max-width-article-standard: calc(var(--max-width-zone)*0.77);
    --max-width-contenu-article: calc(var(--max-width-zone)*0.58);
    --max-width-contenu-extrait: calc(var(--max-width-zone)*0.38);
    --margin-zone-standard: 3.2rem;
    --demi-margin-zone-standard: calc(var(--margin-zone-standard)/2);
    --quart-margin-zone-standard: calc(var(--margin-zone-standard)/4);
    --margin-txt-standard: 2rem;
    --demi-margin-txt-standard: calc(var(--margin-txt-standard)/2);
    --quart-margin-txt-standard: calc(var(--margin-txt-standard)/4);
    cursor:default;
}

blockquote, body, figure, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0;
}

pre {
    white-space: pre-wrap;
}

html {
    font-size: 65%;
    font-family: 'Newsreader',Georgia,Droid-serif,serif;
}

.colonnes-3 {
    grid-template-columns: repeat(3, 1fr);
}

.height-0 {
    height: 0;
}



.Header {
    border-bottom: .4rem solid var(--couleur-2);
}

.header-flex {
    padding-left: var(--margin-zone-standard);
    padding-right: var(--margin-zone-standard);
    padding-top: var(--demi-margin-zone-standard);
    padding-bottom: var(--quart-margin-zone-standard);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: auto;
}

.Header .gauche {
    width: 33%;
    display: flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    margin: auto;
}

.Header .centre {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}

.Header .droite {
    display: flex;
    justify-content: flex-end;
    width: 33%;
    margin: auto;
}

.Header .logo-du-site {
    height: var(--height-header);
}

.Header .logo-du-site img {
    margin-top: 0;
}

.Header .aujourdhui, .Header .heure-actuelle {
    display: block;
    width: 100%;
    margin-bottom: var(--quart-margin-txt-standard);
    margin-left: calc(4*var(--margin-zone-standard));
    font-family: 'Newsreader';
    color: var(--gris3);
}
.Header .aujourdhui {
    font-size: 1.4rem;
}
.Header .heure-actuelle {
    font-size: 1.2rem;
}

.zone, .zone-article, .zone-auteur {
    display: flex;
    flex-wrap: wrap;

    margin: auto auto;
    background-color: white;
    padding: var(--margin-zone-standard);
        margin-bottom: var(--margin-zone-standard);
    margin-top: var(--margin-zone-standard);
    gap: var(--margin-zone-standard);
    align-content: flex-start;
}
.liste-index {
    max-width: var(--max-width-article-standard);
}
.zone-index .titre-conteneur {
    width: 100%;
}
.zone-index #extrait-standard {
    margin-top: calc(var(--margin-zone-standard)*-1);
}

.zone-large {
    width: fit-content;
    max-width: var(--max-width-zone-large);
}

.colonne-gauche {
    width: min-content;
        display: flex;
    flex-wrap: wrap;
    gap: var(--margin-zone-standard);
    margin-left: auto;
}
.colonne-gauche .titre-conteneur {
    width: var(--max-width-contenu-article);
}

.colonne-droite {
    width: 25rem;
    display: flex;
    flex-direction: column;
    gap: var(--demi-margin-zone-standard);
    margin-right: auto;
}

.separateur-colonne {
    border-left: 1px solid var(--gris6); /* Trait fin gris */
    height: auto; /* Hauteur égale à la hauteur de la fenêtre */
    margin: 0 auto; /* Centrer si nécessaire */
}

.separateur-ligne {
    border-top: 1px solid var(--gris6); /* Trait fin gris */
    width: 100%; /* Hauteur égale à la hauteur de la fenêtre */
    margin: 0 auto; /* Centrer si nécessaire */
}

.zone-article {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.zone .espace, .zone-article .espace, .taxon .espace {
    display: inline;
    margin-inline-start: calc(var(--quart-margin-txt-standard)/2);
}


a {
    text-decoration: none;
}

p, p a, li, li a, cite{
    color: var(--gris3);
    font-weight: 400;
}

p, p a {
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-top: var(--margin-txt-standard);
}

p a, li a {
    text-decoration: underline;
}

li, ol, cite, .wp-block-details p {
    font-size: 1.7rem;
    line-height: 2.3rem;
    margin-top: var(--quart-margin-txt-standard);
}

ul {
    margin-top: var(--demi-margin-txt-standard);
}

h1, h2, h3, h3 a{
    color: var(--gris3);
    font-weight: 800;
}

h1 {
    font-size: 3.75rem;
    line-height: 4.15rem;
    margin-top: 1.2rem;
}

h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
}

h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
}

h3 a {
    text-decoration: underline;    
}

h4  {
    margin-left: var(--margin-txt-standard);
    font-size: 1.8rem;
    line-height: 2.0rem;
}

img {
    margin-top: var(--margin-zone-standard);
    border-radius: var(--quart-margin-zone-standard);
}

p img {
    margin-top: 0;
}

figcaption {
    color: var(--gris4);
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin-top: var(--quart-margin-txt-standard);
    /*margin-bottom: var(--margin-zone-standard);*/
}

.figcaption-credit, .copyright {
    color: var(--gris5);
    font-size: 1.1rem;
}

.article-standard .figcaption-credit {
    margin-top: var(--quart-margin-txt-standard);
}



.article-standard {
    display: block;
    flex-wrap: wrap;
    max-width: var(--max-width-article-standard);
}

.article-standard .entete-article {
    width: 97%;
}
.article-standard .secteurs {
    padding-right: 2rem;
}

.article-ours p {
    color: var(--gris2);
    font-size: 2rem;
    font-weight: 600;
}

.entete-article .article-dates {
    margin-top: var(--quart-margin-zone-standard);
    color: var(--gris4);
    font-family: 'NunitoSans';
    font-size: 1.2rem;
}

.entete-article .article-dates a {
    color: var(--gris4);
}

.entete-article .date-modification, .entete-article .date-publication, .entete-article .duree-lecture {
    display: inline;
}


.entete-article .rubriques {
    font-family: 'NunitoSans';
    font-size: 1.5rem;
}

.entete-article .rubriques a {
    color: var(--couleur-2);
}
.entete-article .rubriques_taxons {
    display: flex;
    width: 100%;
}

.conteneur-auteur {
    display: grid;
    grid-template-columns: 150px 1fr;
    background-color: var(--couleur-2);
    border-radius: var(--quart-margin-zone-standard);
    padding: var(--demi-margin-zone-standard) var(--demi-margin-zone-standard) var(--demi-margin-zone-standard) var(--quart-margin-zone-standard);
    margin-bottom: var(--margin-zone-standard);
    gap: var(--quart-margin-txt-standard);
}
.conteneur-auteur .titre-auteur {
    grid-column: 2;
    margin: 0;
}
.conteneur-auteur .fonction-auteur {
    grid-column: 2;
    color: var(--gris10);
    font-style: italic;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: calc(var(--demi-margin-txt-standard)*-0.75)
}
.conteneur-auteur .titre-auteur h1{
    grid-column: 2;
    margin: 0;
    color: var(--gris10);
}
.conteneur-auteur .description-auteur {
    grid-column: 2;
    margin: 0;
}
.conteneur-auteur .description-auteur p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--gris10);
}

.conteneur-auteur .photo-auteur {
    grid-row: 1/4;
    grid-column: 1;
    padding: var(--quart-margin-txt-standard);
}
.conteneur-auteur .photo-auteur img{
    margin-top: 0;
    width:100%;
}

.auteur {
    font-family: 'NunitoSans';
}


.nom-auteur, .nom-auteur a {
    color: var(--gris4);
}

.nom-auteur {
    font-size: 1.6rem;
    margin-top: var(--margin-txt-standard);
}

.titre-auteur a {
    color: var(--gris1);
}

.titre-auteur {
    font-size: 2.2rem;
    font-weight: 600;
}

.description-auteur a {
    color: var(--gris2);
}

.description-auteur {
    margin-top: var(--quart-margin-zone-standard);
    color: var(--gris2);
    font-size: 1.7rem;
    line-height: 2.3rem;
}

.contenu-article {
    width: var(--max-width-contenu-article);
}

.contenu-article .image-a-la-une img {
    width: 100%;
}


.titre-archive {
    width: var(--max-width-article-standard);
    margin: auto;
    text-align: center;
}
#extrait-standard {

}
.extraits figcaption {
    display: none;
}
.extraits .figcaption-credit {
    margin-top: 0;
    text-align: right;
}
.section-extrait {
    display: flex;
    flex-wrap: wrap;
    flex-direction:row;
    margin-top: var(--margin-txt-standard);
    margin-bottom: var(--margin-txt-standard);
    padding-bottom: var(--margin-txt-standard);
    width: 720px;
    gap: 2rem;
}

.section-extrait .entete-article {
    width: 100%;
    margin-bottom: var(--quart-margin-txt-standard);
}

.section-extrait .rubriques, .article-standard .rubriques {
    grid-column: 1;
}

.section-extrait .secteurs, .article-standard .secteurs {
    grid-column: 2;
}

.section-extrait .secteurs a, .article-standard .secteurs a {
    font-family: 'NunitoSans';
    font-size : 1.5rem;
    color: var(--couleur-2);
}
.section-extrait .secteurs a {
    color: var(--couleur-2);
}
.article-standard .secteurs a {
    color: var(--gris4);
}

.article-standard .secteurs a, .section-extrait .secteurs a {

}


.section-extrait .image-a-la-une {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    flex-grow: 1;
}

.section-extrait img {
    height: auto;
        margin-top: 0rem;
}


.extrait-standard {
    width : var(--max-width-contenu-extrait);
}
.extrait-standard h3 {
    font-size: 2.1rem;
    line-height: 2.5rem;
}

.extrait-standard p {
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin-top: var(--quart-margin-txt-standard);
    font-family: 'NunitoSans';
}

.extrait-standard-meta {
    margin-top: var(--quart-margin-zone-standard);
    color: var(--gris4);
}

.extrait-standard-meta *{
    display: inline;
    color: var(--gris4);
    font-size: 1.3rem;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: var(--margin-txt-standard);
    margin-bottom: var(--margin-txt-standard);
    
    margin-left: auto;
    margin-right: auto;
    gap: var(--demi-margin-txt-standard);
}

.suivant, .precedent {
    font-family: 'NunitoSans';
    font-size: 1.8rem;
    font-weight: 800;
    display: block;
    background-color: var(--couleur-2);
    padding: 1rem;
    border-radius: var(--quart-margin-zone-standard);
    cursor: pointer;
}
.suivant a, .precedent a {
    color: white;
    text-decoration: none;
}

.grille-nb {
    display: grid;
    width: var(--max-width-article-standard);
    grid-column-gap: var(--demi-margin-zone-standard);
    align-items: start;
}

.vignette-common, .conteneur-boucle {
    grid-template-rows: auto auto;
}

.titre-rubrique-vignettes, .titre-slider-slider {
    grid-row: 1;
    grid-column: 1/4;
    width: max-content!important;
}

.grille-nb .titre-rubrique, .titre-conteneur h2, .titre-rubrique-vignettes h2{
    margin-bottom: var(--quart-margin-zone-standard);
    font-size: 2.8rem;
    color: var(--couleur-2);
}

.grille-nb .titre-rubrique h2, .titre-conteneur h2 {
    font-size: 2.8rem;
    color: var(--couleur-2);
}

.grille-nb .secteurs a {
    font-size: 1.2rem;
    margin-left: 0;
}

.grille-nb .grille-titre-une #titre-article {
    font-size: 2.2rem;
    line-height: 2.5rem;
}

.grille-nb h3 {
    font-size: 1.6rem;
    line-height: 2.0rem;
}

.grille-nb .section-extrait {
    padding: 0;
    margin: 0;
    border-top: none;
}

.grille-nb .extrait-standard {
    width: 100%;
}

.grille-nb img {
    max-width: 100%;
    margin-top: 0;
}

.grille-nb .extrait-standard-meta {
    margin-bottom: var(--demi-margin-txt-standard);
}
.grille-nb .figcaption-credit {
    margin-left: auto;
    padding-right: var(--quart-margin-txt-standard)
}

/* Styles spécifiques à .grille-3 */
.grille-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: max-content;
}

.grille-3 .titre-rubrique {
    grid-row: 1;
    z-index: 999;
    padding: var(--quart-margin-zone-standard);
    width: fit-content;
    height: fit-content;
    border-radius: var(--quart-margin-zone-standard);
    background-color: white;
    margin-top: -0.5rem;
}

#grille-3-image-droite .titre-rubrique {
    grid-column: 2;
    justify-self: end;
}

#grille-3-image-droite .section-extrait {
    grid-column: 1;
}

#grille-3-image-droite .image-a-la-une {
    grid-column: 2 !important;
    grid-row: 1/5;
}

#grille-3-image-gauche .titre-rubrique {
    grid-column: 1;
}

#grille-3-image-gauche .section-extrait {
    grid-column: 2;
}

#grille-3-image-gauche .image-a-la-une {
    grid-column: 1 !important;
    grid-row: 1/5;
}

/* Styles spécifiques à .grille-7 */

.grille-7 {
    grid-template-columns: repeat(3, 1fr);
}

.grille-7 .titre-rubrique {
    grid-row: 1;
    grid-column: 1/4;
}

.grille-7 .grille-titre-une {
    grid-row: 2/5;
    z-index: 999;
}

.grille-7 .extrait {
    display: none;
}

.grille-7 .extrait-standard-meta {
    margin-top: 0;
}

.grille-7 .image-a-la-une {
    margin-bottom: calc(var(--margin-zone-standard) * -1);
    z-index: 1;
}

.grille-7 .section-extrait img {
    width: 100%;
    margin-top: 0;
}

#grille-7-image-gauche .grille-titre-une {
    grid-column: 1;
}

#grille-7-image-gauche .image-a-la-une {
    grid-column: 1;
    justify-content: left;
}


.grille-8 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
}
.grille-8 .titre-rubrique {
    grid-column: 1/5;
    grid-row: 1;
}
.grille-8 .image-a-la-une {
    grid-column: 2/4;
    grid-row: 2/4;
}

.grille-5 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
}
.grille-5 .titre-rubrique {
    grid-column: 1/4;
    grid-row: 1;
}
.grille-5 .image-a-la-une {
    grid-column: 2/4;
    grid-row: 2/4;
}

.grille-1 * {
    text-align: center;
}
.grille-1 .titre h3#titre-article {
    font-size: 4.5rem;
    line-height: 4.5rem;
}
.grille-1 .image-a-la-une {
    grid-row: 1;
}
.grille-1 .figcaption-credit {
    text-align: center;
    margin-bottom: var(--margin-txt-standard);
}
.grille-1 .entete-article {
    display: none;
}
.grille-1 .grille-titre-une {
    margin: auto;
}
.grille-1 p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-top: var(--quart-margin-txt-standard);
    margin-bottom: var(--quart-margin-txt-standard);
}


/*.slider-1 {
    display: flex;
    gap: 1rem;
    width: 95%;
    overflow-x: visible;
    scrollbar-width: none;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    position: relative;
    z-index: 1000;
    padding: 0.5rem 0.5rem 1rem 0.5rem;
    scroll-padding-inline-start: 50px
}*/
.conteneur {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: start;
        width: 100%;
    position: relative;
    z-index: 1;
    max-width: var(--max-width-article-standard);
}
.barre-deux-boutons {
    display: flex;
    margin-left: var(--demi-margin-zone-standard);
    margin-right: 0;
    gap: 0.25rem;
}
.bouton-slider {
    text-decoration: none;
    font-family: arial;
    font-size: 1rem;
    color: white;
    background-color: var(--couleur-2);
    border-radius: var(--quart-margin-zone-standard);
    border-width: 0 ;
    height: 2.5rem;
    width: 2.5rem;
}
.titre-conteneur {
    display: flex;
    width: 100%;
}
#titre-date {
    margin: auto;
    padding: var(--demi-margin-txt-standard);
    background-color: var(--gris6);
    border-radius: var(--quart-margin-zone-standard);
    margin-bottom: var(--margin-txt-standard);
}

.conteneur-boucle {
    display: flex;
    gap: var(--demi-margin-zone-standard);
    overflow-x: visible;
    scrollbar-width:auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    position: relative;
    z-index: 1000;
    scroll-padding-inline-start: 50px;
}
.conteneur-boucle > * {
    flex-shrink: 0;
}
.row1{
    grid-row: 1!important;
}
.conteneur-boucle-grille {
    display: grid;
    gap: var(--demi-margin-zone-standard);
}
.vignette-common {
    display: grid;
    align-content: start;
    column-gap: var(--demi-margin-zone-standard);
    border-top: none;
    margin: 0!important;
    padding: 0!important;
    border-radius: var(--quart-margin-zone-standard);
}
.vignette-common .entete-article {
    margin-bottom: var(--quart-margin-txt-standard);
}
.extraits .image-a-la-une{
    display: grid;
    justify-content: center;
    grid-template-rows: auto auto;
    height: min-content;
}
.extraits .image-a-la-une .figcaption-credit{
    padding: calc(var(--quart-margin-txt-standard)/2);
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    margin-left: auto;
    background-color: var(--gris3);
    border-bottom-left-radius: var(--quart-margin-zone-standard);
    font-size: 1rem;
    max-width: 250px;
}
.extraits .image-a-la-une a{
    grid-row: 1/3;
    grid-column: 1;
}
.vignette-01 {
    width: 25rem;
}
.vignette-01 h3 {
    font-size: 1.6rem;
    line-height: 2.0rem;
}
.vignette-01 .extrait-standard {
    width: 100%;
    z-index: 999;
}
.vignette-01 .titre, .vignette-01 .extrait, .vignette-01 .entete-article {
    width: 85%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: var(--quart-margin-txt-standard);
    border-radius : var(--quart-margin-zone-standard);
}
.vignette-01 .titre {
    margin-top: calc(var(--margin-zone-standard) * -1);
}
.vignette-01 .extrait {
    margin-top: calc(var(--quart-margin-zone-standard) * -1);
    font-size: 1.4rem;
    line-height: 1.5rem;
}

.vignette-01 .image-a-la-une {
    grid-row: 1;
    z-index: 1;
}
.vignette-01 .image-a-la-une img{
    margin-top: 0;
    width: 100%;
}
.vignette-01 .entete-article{
    grid-row: 3;
    margin-top: calc(var(--margin-zone-standard) * -0.2);
}
.vignette-common .rubriques a, .vignette-common .secteurs a, .grille-titre-une .secteurs a, .grille-titre-une .rubriques a{
    font-size: 1.2rem;
    font-family: 'NunitoSans';
}
.vignette-common .secteurs a, .grille-titre-une .secteurs a{
    color: var(--gris4);
}
.vignette-common .rubriques a, .grille-titre-une .rubriques a{
    color: var(--couleur-2);
}
.vignette-01 .extrait-standard-meta {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.vignette-common .taxon, .vignette-common .rubriques, .vignette-common .secteurs,
.grille-titre-une .taxon, .grille-titre-une .rubriques, .grille-titre-une .secteurs,
.section-extrait .taxon, .section-extrait .rubriques, .section-extrait .secteurs {
    display: inline-block;
}




@media (max-width: 1680px) {    

    .Header .aujourdhui, .Header .heure-actuelle {
        margin-left: calc(3*var(--margin-zone-standard));
    }
}



@media (max-width: 1280px) {    

    

    .Header .aujourdhui, .Header .heure-actuelle {
        margin-left: var(--margin-zone-standard);
    }
}



@media (max-width: 1080px) {

    #sommaire {
        display: none!important;
    }

}



@media (max-width: 768px) {

    h1 {
        font-size: 2.75rem;
        line-height: 3.1rem;
    }

    .article-standard {
       width: 100%;
    }

    .article-ours p {
        font-size: 1.8rem;
        line-height: 2.3rem;        
    }

    .colonne-gauche {
        width: 100%;
        }

    .Header .centre {
        width: 100%;
    }
    .Header .gauche {
        display: none;
    }
    .Header .droite {
        display: none;
    }


}


@media (max-width: 640px) {
    .zone, .zone-article, .zone-auteur {
        padding: var(--demi-margin-zone-standard);
    }

    .section-extrait .rubriques {
        font-size: 1rem;
    }

    .section-extrait img {
        width: 9rem;
     }

    .extrait-standard {
        width: 70%;
    }

   

}



@media (max-width: 480px) {
     .section-extrait img {
       width: 8rem;
    }
       

}



@media (max-width: 360px) {
    .section-extrait-standard .extrait-standard {
       width: 70%;
       padding-right: 0;
    }

    .section-extrait-standard .extrait {
       display: none;
    }

    .section-extrait-standard .image-a-la-une {
       width: 30%;
    }

    .section-extrait-standard .image-a-la-une a{
       width: 100%;
    }

    .section-extrait-standard img {
       width: 100%;
       height: auto;
    }
       

}


.conteneur-grande-une .image-a-la-une a{
    grid-row: 1;
}
.conteneur-grande-une .image-a-la-une .figcaption-credit{
    grid-row: 2;
    margin: auto;
    margin-bottom: var(--margin-txt-standard);
    background: none;
    font-size: 1.2rem;
}

.conteneur-grande-une .extrait-standard {
    width: var(--max-width-contenu-article);
    margin: auto;
}

.conteneur-grande-une .conteneur-boucle-grille {
    width: var(--max-width-article-standard);
}
.conteneur-grande-une * {
    text-align: center;
}
.conteneur-grande-une .titre h3#titre-article {
    font-size: 4.5rem;
    line-height: 4.5rem;
}
.conteneur-grande-une .image-a-la-une {
    grid-row: 1;
}
.conteneur-grande-une .entete-article {
    display: flex;
    margin: auto;
}
.conteneur-grande-une .grille-titre-une {
    margin: auto;
}
.conteneur-grande-une p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-top: var(--quart-margin-txt-standard);
    margin-bottom: var(--quart-margin-txt-standard);
}
.conteneur-grande-une .taxon a {
    font-size: 2.8rem;
    font-family: 'Newsreader',Georgia,Droid-serif,serif;
    font-weight: 800;
    text-transform: none;
}
.conteneur-grande-une .secteurs a {
    color: var(--gris4);
}
.conteneur-grande-une .rubriques a {
    color: var(--couleur-2);
}


.conteneur-boucle-grille .extrait-standard {
    width: auto;
}
.conteneur-boucle-grille .vignette-common {
    width: 100%;
}
.conteneur-grille .conteneur-boucle-grille {
    }
.conteneur-grille .section-extrait {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.conteneur-grille .grille-titre-une h3{
    font-size: 2.2rem;
    line-height: 2.5rem;
}
.conteneur-grille .grille-titre-une {
    }
.conteneur-grille .vignette-common h3 {
    font-size: 1.6rem;
    line-height: 2rem;
}
.conteneur-grille img {
    margin-top: 0;
    width: 100%;
}
.grille-2-colonnes .conteneur-boucle-grille {
    grid-template-columns: 1fr 1fr;
}
.grille-2-colonnes .extrait-standard-meta {

}
.grille-2-colonnes .image-a-la-une {
    grid-area: image-a-la-une;
}
.conteneur-grille-image-1-articles-3-droite .conteneur-boucle-grille{
    grid-template-areas :
        "grille-titre-une image-a-la-une"
        "vignette-common image-a-la-une"
        "vignette-common image-a-la-une"
        "vignette-common image-a-la-une";
}
.conteneur-grille-image-1-articles-3-gauche .conteneur-boucle-grille{
    grid-template-areas :
        "image-a-la-une grille-titre-une"
        "image-a-la-une vignette-common"
        "image-a-la-une vignette-common"
        "image-a-la-une vignette-common";
}
.conteneur-grille-image-1-articles-3-droite .grille-titre-une h3#titre-article,
.conteneur-grille-image-1-articles-3-gauche .grille-titre-une h3#titre-article,
.conteneur-grille-image-1-articles-7-gauche .grille-titre-une h3#titre-article,
.conteneur-grille-image-1-articles-7-droite .grille-titre-une h3#titre-article{
    font-size: 2rem;
    line-height: 2.25rem;
}


.conteneur-grille-image-1-articles-7-gauche .conteneur-boucle-grille{
    grid-template-areas :
        "image-a-la-une grille-titre-une grille-titre-une"
        "vignette-common vignette-common vignette-common";
        "vignette-common vignette-common vignette-common";
        "vignette-common vignette-common vignette-common";
        grid-row-gap: 0;
}

.conteneur-grille-image-1-articles-7-droite .conteneur-boucle-grille{
    grid-template-areas :
        "grille-titre-une grille-titre-une ima-a-la-une"
        "vignette-common vignette-common vignette-common";
        "vignette-common vignette-common vignette-common";
        "vignette-common vignette-common vignette-common";
    grid-row-gap: 0;
}


.vignette-abonnement {
    background-color: var(--couleur-2);
    width: 25rem;
    border-radius: var(--quart-margin-zone-standard);
}
.vignette-abonnement .vignette-common {
    
}
.vignette-abonnement p{
    color:var(--gris10);
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-style: italic;
    text-align: center;
    margin: var(--quart-margin-txt-standard);
}
.vignette-abonnement .wp-block-buttons {
    flex-wrap: wrap;
    margin: var(--demi-margin-txt-standard);
    gap: var(--demi-margin-txt-standard);
}
.vignette-abonnement .wp-block-button {
    width: max-content;
    padding: var(--quart-margin-txt-standard);
    background-color: var(--gris10);
}
.vignette-abonnement .wp-block-button a {
    font-size: 1.6rem;
    color:var(--couleur-2);
    font-weight: 600;
}.has-text-align-left, .has-text-align-left *{
    text-align: left!important;
}

.has-text-align-center, .has-text-align-center *{
    text-align: center!important;
}

.has-text-align-right, .has-text-align-right *{
    text-align: right!important;
}

.has-small-font-size, .has-small-font-size *{
    font-size: 1.5rem!important;
}

.has-large-font-size, .has-large-font-size *{
    font-size: 2.2rem!important;
    line-height: 2.2rem!important;
}

.has-x-large-font-size, .has-x-large-font-size *{
    font-size: 3.75rem!important;
    line-height: 4.5rem!important;
}

.size-full>img {
    width: 100%;
}

.wp-block-image {
    width: 100%;
    margin: auto;
}
.wp-block-image img{
    max-width: 100%;

    height: auto;
    width: auto;
}


.wp-block-audio {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--margin-txt-standard);
    margin-bottom: calc(2*var(--margin-txt-standard));
}
.wp-block-audio audio {
    width: 100%;
    margin: auto;
}

.wp-block-heading {
    margin-top: calc(3*var(--margin-txt-standard));
}

.wp-block-quote, .wp-block-pullquote blockquote {
    display: grid;
    grid-template-columns: calc(2*var(--margin-zone-standard)) auto var(--margin-zone-standard);
    width: max-content;
    max-width: 100%;
    /*padding-left: calc(2*var(--margin-txt-standard));*/
    margin-top: var(--margin-txt-standard);
    margin-bottom: var(--margin-txt-standard);
    margin-left: auto;
    margin-right: auto;
    /*border-color: black;
    border-width: 0.1rem;
    border-style: solid; */
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.8533 9.11599C11.3227 13.9523 7.13913 19.5812 6.30256 26.0029C5.00021 36 13.9404 40.8933 18.4703 36.4967C23.0002 32.1002 20.2848 26.5196 17.0047 24.9942C13.7246 23.4687 11.7187 24 12.0686 21.9616C12.4185 19.9231 17.0851 14.2713 21.1849 11.6392C21.4569 11.4079 21.5604 10.9591 21.2985 10.6187C21.1262 10.3947 20.7883 9.95557 20.2848 9.30114C19.8445 8.72888 19.4227 8.75029 18.8533 9.11599Z" fill="%23383f4e"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M38.6789 9.11599C31.1484 13.9523 26.9648 19.5812 26.1282 26.0029C24.8259 36 33.7661 40.8933 38.296 36.4967C42.8259 32.1002 40.1105 26.5196 36.8304 24.9942C33.5503 23.4687 31.5443 24 31.8943 21.9616C32.2442 19.9231 36.9108 14.2713 41.0106 11.6392C41.2826 11.4079 41.3861 10.9591 41.1241 10.6187C40.9519 10.3947 40.614 9.95557 40.1105 9.30114C39.6702 8.72888 39.2484 8.75029 38.6789 9.11599Z" fill="%23383f4e"></path></g></svg>');
    background-size: calc(var(--margin-zone-standard)*1.5);
    background-repeat: no-repeat;
    background-position-y: center;
}

.wp-block-quote p, .wp-block-pullquote blockquote p {
    grid-column: 2;
    font-style: italic;
    font-weight: 600;
    text-align: center;
}
.wp-block-quote p {
    margin-bottom: var(--margin-txt-standard);
}
.wp-block-pullquote blockquote p {
    margin-bottom: 0;
}

.wp-block-pullquote blockquote cite {
    grid-row: 2;
    grid-column: 2;
    text-align: center;    
}

.wp-block-list {
    display: grid;
    grid-template-columns: auto;
    margin-top: var(--margin-txt-standard);
    margin-bottom: calc(2*var(--margin-txt-standard));
    gap: var(--quart-margin-txt-standard);
    padding-left: 2.5rem;
}

.wp-block-details, .wp-block-table {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: var(--gris10);
    border-radius: var(--quart-margin-zone-standard);
}

.wp-block-details {
    margin-top: var(--margin-txt-standard);
    color: var(--gris10);
    padding-left: var(--demi-margin-txt-standard);
    padding-right: var(--demi-margin-txt-standard);
    background: var(--gris3);
}

.wp-block-details summary {
    font-size: 1.6rem;
    font-weight: 800;
    padding-top: var(--quart-margin-txt-standard);
    padding-bottom: var(--quart-margin-txt-standard);
    border-radius: var(--quart-margin-zone-standard);
}

.wp-block-details p {
    margin-top: var(--margin-txt-standard);
    color: white;
}

.wp-block-table thead, .wp-block-table tfoot {
    border-radius: var(--quart-margin-zone-standard);
    background: var(--gris3);
    color: white;
}

.wp-block-table {
    font-family: 'NunitoSans';
    border-radius: var(--quart-margin-zone-standard);
    width: fit-content;
    min-width: 35rem;
    margin-bottom: calc(2*var(--margin-txt-standard));
    margin-top: var(--margin-txt-standard);
}

.wp-block-table table {
    width: 100%;
    border-spacing: 0;
}

.wp-block-table thead {
    font-size: 1.5rem;
    font-weight: 400;
    height: 3rem;
}
.wp-block-table th, .wp-block-table td {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.wp-block-table thead tr{
    height: 3rem;
}
.wp-block-table thead th{
    text-align: left;
}
.wp-block-table tbody {
    font-size: 1.3rem;
    font-weight: 400;
}
.wp-block-table tbody tr {
    height: 3rem;
}
.wp-block-table tr:nth-child(2n)
{
background: white;
}
.wp-block-table tfoot {
    font-size: 1.5rem;
    font-weight: 400;
    height: 3rem;
}
.wp-block-table tfoot tr{
    height: 3rem;
}



.wp-block-verse {
    display: block;
    width: fit-content;
    min-width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--margin-txt-standard);
    margin-bottom: var(--margin-txt-standard);
    padding-left: calc(2*var(--margin-txt-standard));
    padding-right: calc(1.75*var(--margin-txt-standard));
    background: var(--gris10);
    border-radius: var(--quart-margin-zone-standard);
    padding-top: var(--margin-txt-standard);
    padding-bottom: var(--margin-txt-standard);
    font-family: 'WinkySans';
    font-size: 1.8rem; 
    line-height: 2.6rem;
    border-style: solid;
    border-color: var(--gris5);
    border-width: 0.1rem;
    color: var(--gris1);
}

.wp-block-verse br {
    margin-bottom: 0.25rem;
}

.wp-block-code, .wp-block-preformatted {
    display: block;
    width: fit-content;
    min-width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--margin-txt-standard);
    margin-bottom: var(--margin-txt-standard);
    padding-left: calc(var(--margin-txt-standard));
    padding-right: calc(var(--demi-margin-txt-standard));
    border-radius: var(--quart-margin-zone-standard);
    padding-top: calc(2.5*var(--margin-txt-standard));
    padding-bottom: calc(2.5*var(--margin-txt-standard));
    border-style: solid;
    border-color: var(--gris5);
    border-width: 0.1rem;
}
.wp-block-code {
    background: var(--gris1);
}

.wp-block-code code {
    font-family: 'RedHatMono';
    font-size: 1.4rem; 
    line-height: 2.5rem;
    color: var(--gris10);
    letter-spacing: -0.05rem;
}

.wp-block-preformatted {
    background: var(--gris1);
    font-family: 'SpecialElite';
    font-size: 1.65rem; 
    line-height: 3.2rem;
    color: var(--gris6);
    letter-spacing: 0.05rem;;
}

.wp-block-file {
    margin-top: calc(2*var(--margin-txt-standard));
    margin-bottom: calc(2*var(--margin-txt-standard));

}

.wp-block-file .wp-block-file__embed {
    margin-bottom: var(--margin-txt-standard);
}


a[id^="wp-block-file--media"] {
    display: none;
}

.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    gap: var(--quart-margin-txt-standard);
    margin-top: calc(2*var(--margin-txt-standard));
    margin-bottom: calc(2*var(--margin-txt-standard));
}
.wp-block-gallery .wp-block-image {
    display: grid;
    height: fit-content;
    overflow: hidden;
    border-radius: var(--quart-margin-zone-standard);
}
.wp-block-gallery .size-thumbnail {
    width: min-content;
}
.wp-block-gallery .size-medium {
    width: 45%;
    height: 20rem;
}
.wp-block-gallery .size-full {
    width: 100%;
    height: auto;
}
.wp-block-gallery img{
    display: block;
    height: auto;
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    object-fit: cover;
    overflow: hidden;
}
.wp-block-gallery a {
    grid-column: 1;
    grid-row: 1;
}
.wp-block-gallery figure figcaption {
    height: auto;
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    color: var(--gris10);
    background-color: var(--gris1);
    opacity: 0.8;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.is-cropped>img {
    object-fit: cover;
}

.wp-block-cover {
    display: flex;
    justify-content: left;
    align-items: end;
    height: fit-content;
    width: 100%;
    margin-top: 10rem;
    margin-bottom: 5rem;
}
.wp-block-cover__inner-container {
    display: block;
    z-index: 999;
    position: absolute;
    margin-left: 2rem;
    max-width: 600px;
    width: fit-content;
}
.wp-block-cover__inner-container p {
    background-color: var(--couleur-2);
    color: white;
    font-family: 'NunitoSans';
    font-weight: 700;
    line-height: 3rem!important;
    font-size: 2.5rem!important;
    clip-path: polygon(0% 20%, 100% 5%, 95% 100%, 0% 100%);
    padding-right: 4rem;
    padding-left: 1rem;
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
    margin:0;
    text-align: left!important;
    white-space: normal;
}
.wp-block-cover__image-background {
    width: 100%;
    height: auto;
    z-index: 1;
    object-fit: cover;
    clip-path: polygon(0.00% 1.5rem, 92% 1rem, 90% 100%, 0% 100%);
}
.wp-block-cover img{
    width: 100%;
    margin-bottom: 2.5rem;
}
.wp-block-cover + .copyright {
    margin-top: -5rem;
    margin-bottom: 5rem;
}


wp-block-separator {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.wp-block-media-text {
    display: grid;
    margin-top: calc(2*var(--margin-txt-standard));
    margin-bottom: calc(2*var(--margin-txt-standard));
    grid-template-columns: 1fr 1fr;
    column-gap: var(--margin-txt-standard);

}
.wp-block-media-text .wp-block-media-text__media {
    width: 100%;
}
.wp-block-media-text__media img {
    width: 100%;
    margin-top: var(--margin-txt-standard);
    height: auto;
}
.wp-block-media-text__content p, .wp-block-media-text__content a {
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.is-vertically-aligned-bottom .wp-block-media-text__media, .is-vertically-aligned-bottom img {
    align-self: end;
}
.is-vertically-aligned-top .wp-block-media-text__media, .is-vertically-aligned-top img {
    align-self: start;
}
.is-vertically-aligned-center .wp-block-media-text__media, .is-vertically-aligned-center img {
    align-self:center;
}
.is-image-fill-element .wp-block-media-text__media, .is-image-fill-element img {
    height: 100%;
    margin-top: 0;
    object-fit: cover;
}
.is-image-fill-element .wp-block-media-text__content {
    margin-top: -1.5rem;
}



.wp-block-video {
    display: grid;
    margin-top: calc(2*var(--margin-txt-standard));
    margin-bottom: calc(2*var(--margin-txt-standard));
}
.wp-block-video.aligncenter {
    justify-content: center;
}
.wp-block-video.alignleft {
    justify-content: left;
}
.wp-block-video.alignright {
    justify-content: right;
}
video {
    overflow: hidden;
    border-radius: var(--quart-margin-zone-standard);
}
.wp-block-video figcaption {
    text-align: center;
}
iframe {
    border-radius: var(--quart-margin-zone-standard);
}
.video_une_9_16 iframe {
    width:25rem;
    height: 44.5rem;
}


.wp-block-buttons {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: var(--margin-txt-standard);
    margin-bottom: calc(2*var(--margin-txt-standard));

}
.bouton, .wp-block-button {
    background-color: var(--gris3);
    border-radius: var(--quart-margin-zone-standard);
    padding: 2rem;
}
.bouton a, .wp-block-button a {
    color: var(--gris10);
    font-size: 1.8rem;
}

.wp-block-columns {
    display: flex;
    gap: 3.2rem;
    margin-top: var(--margin-txt-standard);
    margin-bottom: calc(2*var(--margin-txt-standard));
}

.post-categories {
    display: inline-flex;
    list-style: none;
    margin-top : 0;
    padding: 0;
    gap: 1rem;
    font-family : NunitoSans;
}
.post-categories li {
    margin-top : 0;
}
.post-categories a {
    text-decoration : none;
    text-transform : uppercase;
}
.streaming {
    width: 100%;
    border-radius: var(--quart-margin-zone-standard);
    margin-top: calc(2*var(--margin-txt-standard));
    margin-bottom: calc(var(--margin-txt-standard));
}

.titre-doc {
    font-size: 1.6rem;
    font-weight: 800;
    text-align: center;
    color: var(--gris1);
    margin-top: calc(2*var(--margin-txt-standard));
    margin-bottom: -1.5rem;
}

.copyright {
    margin-top: -0.25rem;
}

.lire-aussi {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: calc(var(--margin-txt-standard));
    margin-bottom: calc(var(--margin-txt-standard));
}
.lire-aussi a {
    color: var(--couleur-2);
    text-decoration: underline;
}

.wp-block-image.portrait {
    max-width: 60%;
}

/* Sommaire fixe */
#sommaire {
    position: sticky;
    top: 8rem;
    max-width: 250px;
    flex-wrap: wrap;
    background: var(--gris10);
    border-radius: var(--quart-margin-zone-standard);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: flex;
    overflow: hidden; /* Empêche le carré de dépasser */
    height: fit-content;
    padding: var(--quart-margin-txt-standard);
}

/* Titre du sommaire */
#sommaire h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

/* .sommaire-titreste des .sommaire-titreens */
#sommaire .sommaire-contenu {
    display: grid;
}

#sommaire .sommaire-contenu .sommaire-titre {
    margin-bottom: 5px;
}

#sommaire .sommaire-titre a {
    font-size: 1.4rem;
    text-decoration: none;
    color: var(--gris3);
    /*transition: color 0.3s ease, background-color 0.3s ease;*/
    padding: 5px;
    display: block;
    border-radius: 3px;
}

#sommaire .sommaire-contenu .sommaire-titre a:hover {
    font-weight: 600;
    color: var(--couleur-2);
}

/* .sommaire-titreen actif */
#sommaire .sommaire-contenu .sommaire-titre.active a {
    font-weight: 600;
    color: var(--couleur-2);
}* {
  box-sizing: border-box;
}

body {
    margin-top: 14rem; 
    display: flex;
    justify-content: center;   
}

button, .wp-block-file__button {
height: 3rem;
  background: var(--couleur-2);
  border: none;
  color: white;
  cursor: pointer;
  margin-top: 2rem;
  margin-bottom: 2rem;
    font-family: 'NunitoSans';
    font-size: 1.8rem;
}
.wp-block-file__button {
  height: auto;
  margin: auto;
  display: inline-block;
  padding: 10px;
  border: none;
}

.est-hover:hover {
    transition-duration: 300ms;
    transform: translate(3px, -3px);
}

.barre-superieure {
        position: fixed;
        width: 100%; 
        background-color: white;
        top: 0px;     
        z-index: 999;
        border-bottom : 2px solid var(--couleur-1);
}

.conteneur-barre-superieure-message {
    display: flex;
    height : 4rem;

    background-color : var(--couleur-1);
    justify-content : center;
    align-items: center;
    font-family: 'NunitoSans';
    font-size: 1.6rem;
    font-weight: 800;
    color: white;
    transition: height 300ms;
}

.conteneur-barre-superieure{
    display: flex;
    flex-wrap: wrap;
    height: 10rem;
    transition: height 300ms;
    align-items: center;
    width: 92%;
    max-width: 1080px;
    margin: auto;
}
.barre-reduite {
    height: 5rem !important;
}
.conteneur-barre-superieure-message:has(+ .conteneur-barre-superieure.barre-reduite) {
    height: 0rem !important;
}
.logo-barre-superieure {
    height: 80%;
}
.conteneur-barre-superieure li {
    margin: 0;
}
.conteneur-barre-superieure ul {
    padding: 0;
    margin: 0;
}
.logo-barre-superieure .logo-du-site {
    height: 100%;
}
.logo-barre-superieure img {
    height: 100%;
    margin-top: 0;
}

#menu-municipali {
    display: flex;
    list-style-type: none;
    margin-left: auto;
    font-family: 'NunitoSans';
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--gris3);
    text-transform: uppercase;
    align-items: center;
    height: 3rem;
}
#menu-municipali li {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 1.25rem;
}
#menu-municipali a {
    text-decoration: none;
}
.current-menu-item a{
        font-weight: 800;
    }
.menu-item-contact {
    background-color: var(--couleur-1);
        border-radius: 1rem;
}
.menu-item-contact a {
    color: white;
    font-weight: 800;
}



.page-archive, .zone-article, .page-archive-candidats, .page-campagne, #page-date, #page-accueil {
    justify-content: center;
    padding: 0;
    gap: 0;
    margin-bottom: 14rem;
}
.page-archive, .zone-article {
    margin-top: 0;
}
.page-archive .liste-index {
    margin-top: 10rem;
}
.page-archive-propositions {
    margin-top: 13rem;
}
.page-archive-candidats, #page-accueil {
    margin-top: 7rem;
}
.page-archive img, .page-archive-candidats img {
    margin-top : 0;
}
.page-archive .image-a-la-une img {
    width: 250px;
}
.page-archive .section-extrait {
    margin-right: auto;
    margin-left: auto;
}

.page-archive-candidats .figcaption-credit {
    display: inline-block;
    /* Place l'origine de la rotation sur le coin supérieur droit */
    transform-origin: top right;
    /* Applique la rotation et la translation */
    transform: rotate(94deg) translate(350px, -1px);
    margin: 0;
    max-width: 400px!important;
}
#page-campagne .figcaption-credit, #page-campagne figcaption {
    margin-left: 0px;
    width: 70%;
}
.page-agenda .figcaption-credit,.page-agenda figcaption {
    margin-left: 0px!important;
    width: 70%;
}

.bandeau {
    width: 100%;
    display: grid;
}
.bandeau img {
    width: 100%;
    height: auto;
    grid-row: 1;
    grid-column: 1;
    margin-top: 0;
}
.bandeau h1 {
    grid-row: 1;
    grid-column: 1;
    color: white;
    font-family: 'NunitoSans';
    font-size: 4rem;
    font-weight: 800;
}


#grille-candidats, #grille-documents, #grille-propositions {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 6rem;

    max-width: 1280px;
    margin-top: 10rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    justify-content: center;
}

.vignette-grilles {
    position: relative;
    padding: unset;
    border-radius: 3rem;
    background-color: unset;
}

.vignette-grilles .extrait-standard {
    width: auto;
    position: absolute;
}
.vignette-candidat .extrait-standard {
    margin-top: 350px;
}

.vignette-grilles .titre {
    background-color: var(--couleur-3);
    padding-left: 0.5rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
    clip-path: polygon(0.00% 1.5rem, 92% 1rem, 90% 100%, 0% 100%);
    max-width: 250px;
}
.vignette-candidat .titre {

}

.vignette-grilles .candidat-numero {
    background-color: var(--couleur-1);
    position: absolute;
    padding: 1rem;
    padding-top: 0.75rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-right: 190px;
    z-index: 20;
}
.vignette-grilles .candidat-numero strong {
    color: white;
}


.vignette-grilles h3 {
    font-size: 2.2rem;
    font-weight: 700;
}

.vignette-candidat a {
    text-align: center;
}

.vignette-grilles strong {
    display: block;
    font-family: 'NunitoSans';
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--gris3);
    text-align: center;
}

.vignette-grilles img {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 100%;
    border-radius: 2.5rem;
}

.vignette-grilles h3 {
    font-family: 'NunitoSans';
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--gris3);
    margin-top: 1.2rem;
    margin-bottom: 0.3rem;;
}

.vignette-grilles p {
    font-family: 'NunitoSans';
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: var(--gris3);
    margin: 0;
}

.vignette-grilles .image-a-la-une {

}
.vignette-grilles .image-a-la-une img {
    margin: 0;
}

.vignette-grilles .candidat-numero {
    display: block;
}

.vignette-candidat {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    width: 300px;
    height: 430px;
    clip-path: polygon(30px 0%, 100% 0%, 270px 100%, 0% 100%);
    clip-rule: 3rem;
}

.vignette-grilles .candidat-communautaire {
    position: absolute;
    width: fit-content;
    margin-left: 70px;
    background-color: var(--couleur-3);
    z-index:2;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    border-top-right-radius: 2rem ;
}
.vignette-grilles .candidat-communautaire strong {
    line-height: 1.5rem;
}


.page-archive-dates {
    margin-top: 15rem;
}

#grille-dates {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5rem;
    width: min-content;
    gap: 8rem;
    margin-bottom: 5rem;
}
.vignette-date {
    display: grid;
    width: 600px;
    height: auto;
    grid-template-columns: max-content auto;
    grid-template-rows: auto auto;
    gap: 2rem;
}
.vignette-date .image-a-la-une {
    clip-path: polygon(15px 0%, 100% 0%, 245px 100%, 0% 100%);
    clip-rule: 3rem;
    grid-row: 1;
    grid-column: 1;
}
.vignette-date .titre-extrait-date {
    grid-row: 1;
    grid-column: 2;
}
.vignette-date .titre {
    margin-top: -1.5rem;
    margin-bottom: 1.5rem;
}

.zone-article .vignette-date {
    width: auto;
}
.zone-article .vignette-date .image-a-la-une {
    clip-path: none;
}

.titre-liste-documents {
    margin-top: 10rem;
}
.liste-documents-article {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
}
.documents-par-article .vignette-date img {
    width: 300px;
    height: auto;
    border-color: black;
    border-width: 0.1rem;
    border-style: solid;
}




.vignette-document .titre {
    margin-top: -3.75rem;
}
.document-single #titre-article {
    display: none;
}
.document-single .articles-par-document {
    margin-top: 5rem;
}
.document-single {
    font-family: 'NunitoSans';
  font-size: 1.8rem;
  line-height: 2.3;
  font-weight: 400;
}
.document-single .contenu-article {
   width: fit-content;
}
.document-single .contenu-article .wp-block-file{
   width: var(--max-width-contenu-article);
}









#page-campagne {
    display: grid;
    grid-template-columns: 1fr 600px;
    margin-left: 3rem;
}

#page-campagne .page-article {
    margin-bottom: 6rem;
}

#page-campagne .article-municipales {
    width: unset;
}

#page-campagne #titre-article {
    background-color: var(--couleur-3);
    padding-left: 1.2rem;
    padding-right: 5.5rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
    clip-path: polygon(0.00% 1.5rem, 92% 1rem, 90% 100%, 0% 100%);
    width: fit-content;
}


#page-campagne .candidat-presentation {
    grid-column: 1;
    grid-row: 1;
    font-family: 'NunitoSans';
    font-size: 1.8rem;
    line-height: 2.3;
    font-weight: 400;
    max-width: var(--max-width-contenu-article);
}

#page-campagne .contenu-article {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

#page-campagne .informations-candidat {
    border-bottom: 2px solid var(--couleur-1);
    padding-bottom: 5rem;
    margin-top: 5rem;
}
#page-campagne .informations-candidat p {
    margin-top: 0;
}
#page-campagne .informations-candidat h3 {
    margin-top: 2rem;
}
#page-campagne .articles-par-candidat {
    border-top: 2px solid var(--couleur-1);
    padding-top: 5rem;
}

#page-campagne .image-a-la-une {
    grid-column: 2;
    grid-row: 1;  
    clip-path: polygon(50px 0%, 100% 0%, 550px 100%, 0% 100%);
    z-index: 1;
}
#page-campagne .image-a-la-une img{
    margin-top: 0;
    width: 100%;
    height: auto;
    max-height: 1080px;
}

#page-campagne .entete-article, #page-campagne contenu-article, #page-campagne .informations-candidat {
   width: 100%;
}

#page-campagne .candidat-numero {
    grid-row: 1;
    grid-column: 2;
    height: min-content;
    width: fit-content;
    background-color: var(--couleur-1);
    padding: 1rem;
    padding-top: 0.75rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-left: 60px;
    z-index: 20;
}
#page-campagne .candidat-numero {
    color: white;
    font-family: 'NunitoSans';
    font-size: 1.4rem;
    font-weight: 400;
}
#page-campagne .candidat-communautaire {
    grid-row: 1;
    grid-column: 2;
    height: min-content;
    width: fit-content;
    margin-left: 200px;
    background-color: var(--couleur-3);
    z-index:2;
    z-index: 20;
    font-family: 'NunitoSans';
    font-size: 1.8rem;
    font-weight: 400;
    padding: 0.5rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#page-campagne .image-a-la-une {
    display:flex;
    flex-wrap: wrap;
        flex-flow: column;
}
.page-agenda .image-a-la-une {
    margin-top: 15rem;
}
#page-campagne .date-evenement, .vignette-date .date-evenement {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    color: white;
    font-family: 'NunitoSans';
    background-color: var(--couleur-1);
    padding-top: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    width: min-content;
    justify-content: center;
}
#page-campagne .date-evenement *, .vignette-date .date-evenement * {
    width: 100%;
    text-align: center;
}
#page-campagne .date-evenement {
    margin-left: 75px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.5rem;
}
.vignette-date .date-evenement {
    margin-left: 15px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 1rem;
    width: 110px;
}
#page-campagne .date-nom-jour {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: -0.25rem;
}
.vignette-date .date-nom-jour {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: -0.25rem;
}
#page-campagne .date-numero-jour {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: -1rem;
}
.vignette-date .date-numero-jour {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: -0.5rem;
}
#page-campagne .date-nom-mois{
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}
.vignette-date .date-nom-mois {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}
#page-campagne .date-annee {
    font-size: 1.2rem;
    font-weight: 400;
    background-color: var(--couleur-3);
    color: var(--couleur-1);
    width : 100%;
    padding: 0.25rem;
    text-align: center;
    margin-bottom: 0.5rem;
}
 .vignette-date .date-annee {
    font-size: 1rem;
    background-color: var(--couleur-3);
    color: var(--couleur-1);
    width : 100%;
    padding: 0.05rem;
    text-align: center;
 }
#page-campagne .heure {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
}
.vignette-date .heure {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 0.5rem;
}
#page-campagne .lieu {
    font-size: 2rem;
    line-height: 5rem;
}
.vignette-date .lieu  {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    width: 200px;
}
#page-campagne .adresse {
    font-size: 1.4rem;
    line-height: 1.8rem;
}
.vignette-date .adresse {
    display: none;
}
.vignette-date .statut-termine, .vignette-date .statut-annule {
    grid-row: 1;
    grid-column: 1;
    z-index: 10;
    position: absolute;
    clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
    }
.vignette-date .statut-termine {
    z-index: 10;
    background-color: var(--couleur-1);
    color: white;
    font-family: 'NunitoSans';
    font-size: 2rem;
    width: 20rem;
    text-align: center;
    padding: 0.5rem;
    rotate: 340deg;
    margin-top: 70px;
    margin-left: 25px;
}
.vignette-date .statut-annule {
    z-index: 11;
    background-color: black;
    color: white;
    font-family: 'NunitoSans';
    font-size: 2rem;
    width: 20rem;
    text-align: center;
    padding: 0.5rem;
    rotate: 340deg;
    margin-top: 70px;
    margin-left: 25px;
}

.vignette-date:has(.statut-annule) .image-a-la-une img,
.vignette-date:has(.statut-termine) .image-a-la-une img,
.vignette-date:has(.statut-annule) .date-evenement,
.vignette-date:has(.statut-termine) .date-evenement {
    opacity: 0.4;
    transition: opacity 0.3s;
}
#page-campagne .statut-termine, #page-campagne .statut-annule {
      z-index: 10;
    color: white;
    font-family: 'NunitoSans';
    font-size: 2rem;
    width: 20rem;
    text-align: center;
    padding: 0.5rem;
    padding-left: 25px;
}
#page-campagne .statut-termine {
    background-color: var(--couleur-1);
}
#page-campagne .statut-annule {
    background-color: black;
}

#page-campagne .lieu-evenement, .vignette-date .lieu-evenement {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    font-family: 'NunitoSans';
    align-self: end;
    background-color: var(--couleur-3);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    width: fit-content;
    max-width: 300px;
    justify-content: left;
        color: var(--gris3);
}
#page-campagne .lieu-evenement {
    padding-top: 1.5rem;
    padding-left: 2rem;
    padding-right: 1rem;
    padding-bottom: 1.5rem;
}
.vignette-date .lieu-evenement {
    padding: 0.25rem;
    justify-self: right;
    margin-right: 15px;
}
#page-campagne .lieu {
    font-size: 2.5rem;
    line-height: 2.9rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}
#page-campagne .adresse {
    font-size: 1.5rem;
    font-weight: 400;
}


.dates-par-article {
    margin-top: 5rem;
}
.titre-liste-dates {
    margin-bottom: 3rem;
}
#grille-dates-article .date-evenement {
    z-index: 10;
}
#grille-dates-article {
    display: grid;
}
#grille-dates-article img{
    width: 260px;
}
#grille-dates-article .vignette-date {
    display:flex;
    flex-wrap:wrap;
    width: 260px;
    height:min-content;
}
#grille-dates-article .vignette-date .titre {
    margin-top: -7rem;
    color: var(--gris3);
}
#grille-dates-article .vignette-date .titre a {
    color: var(--gris3);
}


.liste-propositions {
}
.liste-propositions p, .liste-propositions li, .liste-propositions h1, .liste-propositions h2 {
    font-family: 'NunitoSans';
}
.liste-propositions h1 {
    text-transform: uppercase;
    line-height: 4.5rem;
}
.liste-propositions .wp-block-list {
    width: 85%;
    margin-left: auto;
    margin-right : auto;
}
.liste-propositions ul {
    list-style-type: "➫";
}
.liste-propositions li {
    padding-inline-start: 1rem;
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-weight: 600;
}
.liste-propositions li::marker {
    font-size: 3rem;
}
.liste-propositions .entete-article{
    width: var(--max-width-contenu-article);
    margin-left: 0rem;
    margin-top : 7.5rem;
    margin-bottom: 5rem;
}
.liste-propositions .titre {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 50rem;
    margin: auto;
}
.liste-propositions .titre .arrow {
    position: static;
    font-size: 3rem;
    color: var(--gris3);
    left: -55px;
}
.liste-propositions .wp-block-group__inner-container {
    display: grid;
    justify-items: left;
    align-items: end;
    margin-top: 10rem;
    margin-bottom: 5rem;
}
.liste-propositions .wp-block-group__inner-container h2, .liste-propositions .wp-block-group__inner-container figure {
    grid-row: 1;
    grid-column: 1
}
.liste-propositions .wp-block-group__inner-container h2 {
    z-index: 2;
    margin-top: 0;
    margin-left: 1rem;
    background-color: var(--couleur-1);
    border-radius: 2rem;
    padding: 1.5rem;
    font-size: 3rem;
    line-height: 3.5rem;
    text-transform: uppercase;
    color: white;
}
.liste-propositions .wp-block-group__inner-container .wp-block-image {
    width: 100%;
    justify-content: start;
}
.liste-propositions .wp-block-group__inner-container .wp-block-image img {
    width: 80%;
    margin-bottom: 3.5rem;
}

.article-municipales {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: var(--max-width-article-standard);
}

.informations-evenement {
    display: grid;
    grid-template-columns: auto 1fr;
}
.informations-evenement .type-article {
    grid-row: 1;
    grid-column: 1;
}
.informations-evenement .zone-article {
    grid-row: 2;
    grid-column: 1;
}
.informations-evenement .donnees-evenement {
    grid-row: 2;
    grid-column: 2;
    font-family: 'NunitoSans';
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 400;
}

.dates-filtres {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 2rem;
    gap: 2rem;
}
.dates-filtres .bouton {
    padding: 1rem;
}
.dates-filtres .bouton a{
    font-family: 'NunitoSans';
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
}
.page-archive-candidats .pagination {
    width: 100%;
}


.liste-candidats-par {
    display: grid;
    grid-template-columns: min-content auto;
    align-items: center;
    white-space: nowrap;
    margin-top: 0.5rem;
}
.liste-candidats-article {
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 0;
    list-style: none;
    padding: 0;
    margin-right: 1rem;
}
.liste-candidats-article a {
    text-decoration: none;
}
.liste-candidats-article, .liste-candidats-article li {
    font-family: 'NunitoSans';
    font-size: 1.4rem!important;
    font-weight: 400;
    color: var(--gris3);
    line-height: 1.15;
}
.liste-candidats-par ul {
    margin-top: 0;
}


#page-accueil {
    width: 100%;
}

.zone-galerie {
    display:grid;
    grid-template-rows: auto auto;
    padding-left: 5rem;
    padding-right: 10rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.zone-galerie .barre-deux-boutons {
    margin-left: auto;
    margin-right: 3rem;
    margin-bottom: 2rem;
    color: white;
    cursor: pointer;
    gap: 0.5rem;
}
#galerie-soutiens {
        background-color: var(--couleur-3);
}
#galerie-candidats {
        background-color: var(--couleur-1);
}
#galerie-tete-de-liste {
        background-color: white;
        grid-template-columns: 300px auto;
}
.conteneur-galerie {
    display: flex;
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.galerie-presentation {
    display: flex;
    flex-wrap:wrap;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    align-content:center;
    justify-content: left;
    padding-left:0rem;
    padding-right: 0rem;
    order: 2;
}
.galerie-presentation h2 {
    font-family: 'NunitoSans';
    font-size: 4rem;
    font-weight: 800;
    line-height: 4.2rem;
    color: var(--gris3);
    margin-top: 0;
}
.slider {
    width: min-content;
    max-width: 95%;
    display:flex;
    z-index: 1000;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0.5rem 2rem 0.5rem;
    order: 3;
}
.conteneur-galerie .extraits {
    display: flex;
    column-gap: 2rem;
    align-items: stretch;
}
.conteneur-galerie .galerie-vignette {
    width: 350px;
    /*padding : 2rem;*/
    align-content: start;
}
.conteneur-galerie .extrait-standard {
    width: 400px;
    padding-left : 1rem;
    padding-right : 1rem;
}
.conteneur-galerie .galerie-vignette {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.conteneur-galerie .image-a-la-une {
    order: 1;
}
.conteneur-galerie .extrait-standard {
    order: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
#galerie-soutiens .conteneur-galerie img {
    border-radius: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
}
.conteneur-galerie {
    text-align: left;
}
.conteneur-galerie .titre {
    order: 1;
    width: 100%;
}
.conteneur-galerie .extrait-standard-meta {
    order: 2;
    width: 100%;
}
.conteneur-galerie .extrait-standard-meta *{
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.conteneur-galerie .article {
    order: 3;
    width: 100%;
    margin-top: 1rem;
}
.conteneur-galerie .figcaption-credit {
    display: none;
}
.fondu-droit {
  align-self: stretch;
  box-shadow: -2px -2px 8px 8px white;
  background: white;
  width: 0.2rem;
  z-index: 2000;
}
.zone-galerie .fondu-droit {
    order: 4;
}
#galerie-soutiens .fondu-droit{
    box-shadow : -2px -2px 8px 8px var(--couleur-3);
    background-color: var(--couleur-3);
}
#galerie-soutiens .galerie-vignette {
    padding: 1rem;
}
#galerie-candidats .fondu-droit{
    box-shadow : -2px -2px 8px 8px var(--couleur-1);
    background-color: var(--couleur-1);
}
.zone-galerie .encadre {
    background: white;
    border-radius: 1rem;
}

#galerie-candidats #grille-candidats{
    flex-wrap: nowrap;
    margin-top: 0;
    width: auto;

}
#galerie-candidats .conteneur-galerie .extrait-standard {
    width: auto;
}
#galerie-candidats .conteneur-galerie .galerie-vignette {
    justify-content: start;
    width: 300px;
    padding:0;
}
#galerie-candidats .vignette-grilles .titre {
    margin-top: -2rem;
}
#galerie-candidats img {
    width: auto;
}
#galerie-candidats .galerie-presentation h2,
#galerie-candidats .galerie-presentation p {
    color: white;
}

#galerie-tete-de-liste .galerie-presentation {
    width: auto;
    min-width: auto;
    max-width: none;
    padding: 0;
    order: 1;
}
#galerie-tete-de-liste .description-candidat {
    display: flex;
    flex-wrap: wrap;
    grid-column: 2;
    grid-row: 1;
    padding-left: 5rem;
    padding-right: 5rem;
}
#galerie-tete-de-liste .titre-galerie {
    margin-bottom: 1.5rem;
}
#galerie-tete-de-liste .message-tete-de-liste {
    order: 2;
}
#galerie-tete-de-liste .signature-candidat {
    order: 3;
    margin-left: auto;
    margin-right: auto;
}
#galerie-tete-de-liste img.photo-candidat {
    margin-top: 1rem;
    width: 100%;
    height: auto;

}


#galerie-actus .galerie-vignette {
    width: auto;
    padding: 0;
    margin-top: 2rem;
}
#galerie-actus .barre-deux-boutons {
    margin-bottom: 0.25rem;
}
#galerie-actus .extrait {
    order: 2;
}
#galerie-actus .extrait-standard {
    width: 100%;
    margin-left: 2rem;
    margin-top: -1.5rem;
    padding-left: 1.5rem;
    padding-top: 3rem;
    z-index: 1;
    background-color: var(--gris6);
    min-width: 400px;
}
#galerie-actus img {
    margin-top: 0;
    z-index: 2;
}
#galerie-actus #extrait-standard-suite {
    margin-left: 2rem;
    margin-right: 2rem;
}


.slogan {
    display: grid;
    align-items: center;
    justify-items: center;
  width: 100%;
  opacity: 0;
  z-index: 0;
  animation: fadeCycle 30s infinite;
}

/* Chaque slogan démarre à un moment différent */
#slogan-1 {
  animation-delay: 0s;
  grid-row: 1;
    grid-column: 1;
}
#slogan-2 {
  animation-delay: 10s;
   grid-row: 1;
    grid-column: 1;
}
#slogan-3 {
  animation-delay: 20s;
   grid-row: 1;
    grid-column: 1;
}

/* Animation avec fondu de 300ms */
@keyframes fadeCycle {
  0% { opacity: 0; z-index: 0; }
  5% { opacity: 1; z-index: 1; }
  30% { opacity: 1; z-index: 1; }
  35% { opacity: 0; z-index: 0; }
  100% { opacity: 0; z-index: 0; }
}

#galerie-slogans {
    padding: 0;
    margin-bottom: 5rem;
}
#galerie-slogans .conteneur-galerie{
    display: grid;
    grid-row: 1;
    grid-column: 1;
}
#galerie-slogans img{
    width: 100%;
    height: auto;
    margin-top: 0;
    grid-row: 1;
    grid-column: 1;
}
#galerie-slogans p{
    grid-row: 1;
    grid-column: 1;
    z-index:200;
    color: white;
    font-family: 'NunitoSans';
    font-size: 4rem;
    line-height: 4.5rem;
    font-weight: 800;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
    text-shadow:
    0 0 3px var(--gris1),
    0 0 4px var(--gris1),
    0 0 5px var(--gris1),
    0 0 6px var(--gris1),
    0 0 7px var(--gris1),
    0 0 8px var(--gris1),
    0 0 9px var(--gris1);
    }


#galerie-agenda .galerie-vignette {
    width: 300px;
}
#galerie-agenda .extraits {
    column-gap: 0;
}
#galerie-agenda .entete-article {
    display: none;
}
#galerie-agenda .titre {
    z-index: 100;
    max-width: none;
    clip-path: none;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 0rem;
}
#galerie-agenda .date-evenement {
    z-index: 100;
}
#galerie-agenda .vignette-grilles .extrait-standard {
    position: sticky;
    top: 200px;
    justify-content: center;
}
#galerie-agenda .vignette-grilles .titre {
    background: none;
}

#galerie-documents {
    background: var(--gris8);
    padding-bottom: 0;
}
#galerie-documents .fondu-droit {
    box-shadow: -2px -2px 8px 8px var(--gris8);
    background-color: var(--gris8);
}
#galerie-documents .galerie-vignette {
    width: 300px;
    margin-bottom: 2rem;
}
#galerie-documents .format-documents,
#grille-documents .format-documents {
    background-color: var(--couleur-1);
    padding: 0.5rem;
    margin-right: auto;
    margin-left: 3rem;
}
#grille-documents .format-documents {
    width: fit-content;
    grid-row: 1;
}
#galerie-documents .format-documents p,
#grille-documents .format-documents p {
 color: white;
  font-family: 'NunitoSans';
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
}
#galerie-documents #extrait-standard-suite {
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
}
#extrait-standard-suite .galerie-vignette .extrait-standard {
    background-color: var(--couleur-3);
    margin-top: 0;
    border-radius: 1rem
}
#galerie-documents #extrait-standard-suite .galerie-vignette .extrait-standard {
    height: 400px;
}
#galerie-actus #extrait-standard-suite .galerie-vignette .extrait-standard {
    height: 270px;
}
#galerie-documents .extrait-standard {
    margin-top: 2rem;
    padding: 0;
}
#galerie-documents .entete-article {
    display: none;
}
#galerie-documents img {
    margin-top: 0;
    -webkit-box-shadow: 8px 16px 11px -7px rgba(0,0,0,0.5); 
    box-shadow: 8px 16px 11px -7px rgba(0,0,0,0.5);
}
#galerie-documents .titre h2 {
    text-align: center;
}
#extrait-standard-suite .galerie-vignette {
    display: grid;
}
#extrait-standard-suite .image-a-la-une {
    grid-row: 1;
    grid-column: 1;
}
#extrait-standard-suite .extrait-standard {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    align-content: center;
    z-index: 200;
    background: none;
    margin-left: 0rem;
}
#extrait-standard-suite .extrait-standard h2{
    color: var(--gris3);
    font-size: 4rem;
    line-height: 4.3rem;
    font-weight: 800;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
    /*text-shadow:
    0 0 3px var(--gris1),
    0 0 4px var(--gris1),
    0 0 5px var(--gris1),
    0 0 6px var(--gris1),
    0 0 7px var(--gris1),
    0 0 8px var(--gris1),
    0 0 9px var(--gris1);*/
    }

    #grille-documents .vignette-grilles {
        display: grid;
        grid-template-rows: min-content;
        align-content: start;
    }

#galerie-propositions {
        background: var(--couleur-2);
    }
#galerie-propositions .fondu-droit {
    box-shadow: -2px -2px 8px 8px var(--couleur2);
    background-color: var(--couleur2);
    }
#galerie-propositions img {
        margin: 0;
    }
#galerie-propositions .galerie-presentation h2,
#galerie-propositions .galerie-presentation p {
    color: white;
    }
#galerie-propositions .precedent, #galerie-propositions .suivant {
        background-color: white;
        color: var(--couleur-2);
    }
#galerie-propositions .encadre:hover {
        transition-duration: 300ms;
    transform: translate(3px, -3px);
     }
#galerie-propositions .extrait-standard {
        margin-top: 1rem;
       }


#grille-propositions {
    margin-top: 0;
}
#grille-propositions .vignette-proposition {
    display: flex;
    flex-wrap: wrap;
    width: 350px;
    align-items: stretch;
}
#grille-propositions .encadre {
        background-color: var(--gris3);
        border-radius: var(--margin-zone-standard);
}
#grille-propositions .encadre:hover {
        transition-duration: 300ms;
    transform: translate(3px, -3px);
     }
#grille-propositions .image-a-la-une {
    z-index: 50;
}
#grille-propositions .extrait-standard {
    width: 100%;
    display: flex;
    align-items: stretch;
    position: relative;
    order: 2;
    margin-top: -4rem;
}
#grille-propositions .titre{
    padding-top: 6rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    max-width: none;
    clip-path: none;
    border-radius: 1rem;
    z-index: 1;
    background-color: inherit;
}
#grille-propositions .figcaption-credit {
    margin-right: 3rem;
}
#grille-propositions h2 {
    color: white;
}

.presentation-archive {
    max-width: 1100px;
    margin: auto;
    margin-bottom: 3rem;
}

   .formulaire-page {
    margin-top: 5rem;
   }

     

#page-campagne.page-candidat {
    margin-top: 0;
}
.candidat-presentation-photo {
    display: grid;
    width: 100%;
    margin-top: 2rem;
}

#page-document  {
    margin-top: 6rem;
}

#page-document .wp-block-image {
    width: 75%;
}.fondu {
    opacity: 0;
    animation: fondu 300ms ease-in forwards;
}

@keyframes fondu {
    to {
        opacity: 1;
    }
}label, input, textarea {
    font-family: 'NunitoSans';
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: var(--gris3);
    margin: 0;
}
legend {
    display: none;
}

 fieldset {
    padding: 3rem;
    margin: 0;
    border-radius: 1rem;
    border-style:solid;
    border-color: var(--gris8);
    box-shadow: 6px 10px 0px 3px var(--gris8);
    margin-top: 1rem;
    margin-bottom: 2rem;
}

#form-signature {
    max-width: 30rem;
    width: 21.5rem;
    margin: auto;
}
#label-opt-in {
    text-wrap: balance;
}
.formulaire-ligne {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
    gap: 0.33rem;
}
.formulaire-ligne img {
    margin: 1rem;
}
.formulaire-ligne div {
    display: flex;
    align-items: center;
    justify-content: center;
}
label {
    display: inline-block;
}
label[for="captcha"] {
    padding-right: 0.5rem;
}
#label-opt-in {
    margin-left: 0.5rem
}

/*  Pour chaque champ du formulaire : input (pas les checkboxs) et textarea :
    - Les champs apparaitront comme gris (non touchés) au chargement de la page
    - Quand un champ est focus, la validation sera instantanée et
      change au fur et à mesure que l'utilisateur saisit une entrée
    - Quand un champ n'est plus focus, si l'utilisateur à intéragit avec, il apparaitra comme valide ou invalide */
input:not([type='checkbox']), textarea {
    background: var(--neutre);
    border-width: 0;
    appearance: none;
}
input:not([type='checkbox']) {
    height: 2.5rem;
}

/*  On selectionne les input 'user-valid / user-invalid' et,
    on selectionne les input 'valid / invalide' ET 'focus'
    sans prendre en compte les cases à cocher et les boutons
    de validation du formulaire. */
input:user-valid:not([type='checkbox'], [type='submit']),
textarea:user-valid,
input:valid:not([type='checkbox'], [type='submit']):focus,
textarea:valid:focus {
    background: var(--ok);
}
input:user-invalid:not([type='checkbox'], [type='submit']),
textarea:user-invalid,
input:invalid:not([type='checkbox'], [type='submit']):focus,
textarea:invalid:focus {
    color: var(--pas-ok);
}

form:valid input[type="submit"] {
    background: var(--couleur-2);
    color: white;
}
form:invalid input[type="submit"] {
    background: var(--gris3);
    color: var(--gris4);
}

input[type="submit"] {
    width: 100%;
    border-width: 0;
    height: 5rem;
}

select {
    background: var(--neutre);
    border: 0;
    height: 1.8rem;
}

#form-contact {
    margin: auto;
}

.label-message-envoi {
    margin-top: 0.75rem;
    width: 100%;
    display: table-caption;
    text-align: center;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    background-color: var(--couleur-3);
}

#message {
    resize: vertical;
    min-height: 10rem;
}@media (max-width: 1280px) {

    #menu-municipali {
        gap: 0;
    }

    .zone-galerie {
        padding-left : 1rem;
        padding-right: 1rem;
    }

    .galerie-presentation {
        width: 200px;
        max-width: 200px;
        min-width: 200px;
        padding-left: 0;
        padding-right: 2.5rem;
    }

    h2.titre-galerie {
        font-size: 3rem;
        line-height: 3.5rem;
    }

}


@media (max-width: 1080px) {

    .conteneur-barre-superieure {
        height: 5rem;
    }

    #menu-municipali li {
        padding: 0.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    #menu-municipali .menu-item-contact {
        margin-left: 0.5rem;
    }



    .conteneur-galerie {
        flex-wrap: wrap;
    }
    .zone-galerie .barre-deux-boutons {
        margin-bottom: 0;

    }
    .galerie-presentation {
        margin: auto;
        width: 75%;
        max-width: inherit;
        min-width: inherit;
    }
    h2.titre-galerie {
        margin: auto;
        margin-bottom: 2.5rem;
    }
    p.texte-galerie {
        display: none;
    }

    #grille-propositions {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .page-archive-dates #grille-dates {
        gap: 4rem;
    }

    
    #page-campagne.page-candidat {
        grid-template-columns: 1fr 300px;
        margin-left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        column-gap: 1rem;
    }
    #page-campagne.page-candidat .candidat-presentation-photo {
        height: min-content;
    }
    #page-campagne.page-candidat .candidat-communautaire {
        margin-left: 0;
        grid-row:2;
    }
    #page-campagne.page-candidat .candidat-numero {
        margin-left: 0;
    }
    #page-campagne.page-candidat .image-a-la-une {
                clip-path: none;
    }


    #page-campagne.page-agenda {
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #page-campagne.page-agenda .image-a-la-une {
        grid-row: 1;
        grid-column: 1;
        margin-top: 0;
    }
    #page-campagne.page-agenda .candidat-presentation {
        grid-row: 2;
        grid-column: 1;
        margin-top: 2rem;
    }


    #page-document .page-article {
        width: 95%;
        margin: auto;
    }
    #page-document .article-municipales {
        width: unset;
    }



    

}




@media (max-width: 840px) {

    .zone-article {
        width : 90vw;
        margin: auto;
    }

        .bandeau {
        width: 100vw;
    }
    .bandeau img {
        width: 100vw;
        height: auto;
    }
    .titre-archive {
        width: 100vw;
    }



    p {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .conteneur-barre-superieure {
        height: inherit;
    }
    .logo-barre-superieure, .logo-barre-superieure {
       height: 5rem;
       margin: auto;
       margin-top: 0.5rem;
       margin-bottom: 1rem;
    }
    #menu-municipali {
        margin-right: auto;
    }
    ul#menu-municipali {
        height: 5rem;
        padding-bottom: 1rem;
    }

    .barre-reduite {
        height: inherit!important;
        margin-top: 0.75rem;
    }

    .barre-reduite .logo-barre-superieure {
        display: none;
    }

    #galerie-tete-de-liste {
        grid-template-columns: 150px auto;
        padding-top: 0;
    }

    #galerie-tete-de-liste .description-candidat {
        padding-left: 2rem;
        padding-right: 1rem;
    }

    #grille-propositions .vignette-proposition {
        width: 280px;
    }

    .presentation-archive {
        width: 100%;
        max-width: 100%;
    }

    .section-extrait {
        width: 600px;
    }
    .section-extrait .image-a-la-une,
    .section-extrait .image-a-la-une img {
        width: 180px;
    }

    .documents-par-article .vignette-date img {
    width: 200px;
    }

        #page-campagne.page-agenda .image-a-la-une {
        clip-path: polygon(0px 0%, 100% 0%, 95% 100%, 0% 100%);
    }
    #page-campagne.page-agenda .date-evenement {
        margin-left: 0;
    }


    #page-campagne.page-candidat {
        grid-template-columns: 1fr 200px;
    }
     #page-campagne.page-candidat .image-a-la-une img {
        width: 100%;
     }


    .wp-block-image.portrait {
    max-width: 90%;
}



}



@media (max-width: 656px) {

        .page-archive-documents, .page-archive-propositions{
        margin-top: 20rem!important;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .page-archive-candidats {
        margin-top: 16rem!important;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .page-archive {
        margin-top: 3rem;
    }

    #menu-municipali {
        flex-wrap: wrap;
        justify-content: right;
    }
    ul#menu-municipali {
        height: inherit;
        margin: auto;
        justify-content: center;
    }
     #menu-municipali li {
        height: inherit;
        font-size: 1.3rem;
        padding: 0.4rem;
     }
    #grille-propositions {
        row-gap: 3rem;
    }

    #galerie-tete-de-liste {
        display: flex;
        flex-wrap: wrap;
    }

    #galerie-tete-de-liste img.photo-candidat {
        order: 1;
        width: 50%;
        margin: auto;
        margin-bottom: 1rem;
    }
    #galerie-tete-de-liste .description-candidat {
        order: 2;
        padding-left: 1rem;
    }
    


     #galerie-candidats .conteneur-galerie .galerie-vignette,
     #galerie-candidats .galerie-vignette img {
        width: 200px;
     }
     #galerie-candidats .conteneur-galerie .galerie-vignette {
        height: 300px;
     }
     #galerie-candidats .vignette-candidat .extrait-standard {
        margin-top: 250px;
     }
     #galerie-candidats .candidat-numero {
        margin-right: 125px;
     }
     #galerie-candidats .candidat-communautaire {
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
     }
     #galerie-candidats h2 {
        font-size: 2rem;
        line-height: 2.3rem;
    }
     #galerie-candidats strong {
        font-size: 1rem;
        line-height; 1.2rem;
     }

    #galerie-actus .extrait-standard,
    #galerie-actus .extrait-standard img {
        width: 200px;
    }
    #galerie-actus .extrait-standard {
        padding-left: 0.5rem;
        margin-left: 0;
        padding-top: 1rem;
        width: 200px;
        min-width: 200px;
    }
    #galerie-actus .extrait {
        display: none;
    }
    #galerie-actus h2#titre-article {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    #galerie-actus .conteneur-galerie .galerie-vignette,
    #galerie-actus .conteneur-galerie .galerie-vignette img {
        width: 200px!important;
    }

    #galerie-documents .galerie-vignette,
    #galerie-documents .galerie-vignette img {
        width: 150px;
    }
    #galerie-documents #extrait-standard-suite .galerie-vignette .extrait-standard {
        height: 220px;
        width: 150px;
    }
    #extrait-standard-suite .extrait-standard h2 {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    #galerie-soutiens .conteneur-galerie .galerie-vignette {
        width: 200px!important;
    }
    #galerie-soutiens .conteneur-galerie .galerie-vignette img {
        width: 125px;
    }
    #galerie-soutiens .conteneur-galerie .galerie-vignette p {
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
    #galerie-soutiens .conteneur-galerie .galerie-vignette .soutiens-poste {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    #galerie-propositions .galerie-vignette,
    #galerie-propositions .galerie-vignette img {
        width: 200px;
    }



    #grille-documents {
        margin-top: 0rem;
    }


    .section-extrait {
        width: 450px;
    }
    .section-extrait .extrait-standard {
        width: 250px
    }
    .section-extrait .image-a-la-une,
    .section-extrait .image-a-la-une img {
        width: 150px;
    }

    .zone-article, .contenu-article, .zone {
        width : 90vw;
        margin: auto;
        
    }

       .formulaire-page {
    margin-top: 10rem;
   }

   .page-archives-dates {
    margin-top: 20rem;
   }
   .page-archive-dates .vignette-date {
    width: 95vw;
    margin: auto;
    grid-template-columns: auto;
   }
   .page-archive-dates .vignette-date .image-a-la-une,
   .page-archive-candidats .vignette-date .titre-extrait-date {
    width: 260px;
    margin: auto;
   }
   .page-archive-dates .vignette-date .titre-extrait-date {
    grid-row: 2;
    grid-column: 1;
   }

   #page-campagne .image-a-la-une {
    width: 100%;
    margin-top: 21rem;
   }
   #page-campagne .candidat-numero {
    font-size: 1.15rem;
    padding: 0.25rem;
   }
   #page-campagne .date-numero-jour,
   #page-campagne .date-nom-mois {
    font-size: 2rem;
   }
   #page-campagne .date-nom-jour,
   #page-campagne .date-heure {
    font-size: 1.5rem;
    line-height: 1.5rem;
   }
   #page-campagne .lieu-evenement {
        width: 30%;
   }
   #page-campagne .lieu {
    font-size: 1.5rem;
    line-height: 1.7rem;
   }
   #page-campagne .adresse {
    font-size: 1.2rem;
    line-height: 1.4rem;
   }

   .wp-block-image.portrait {
    max-width: 100%;
   }


    #page-campagne.page-candidat {
        grid-template-columns: 1fr 125px;
        margin-top: 8rem;
    }
    #page-campagne.page-candidat .image-a-la-une {
        margin-top: 0;
    }
    #page-campagne.page-candidat .candidat-presentation-photo {
        grid-row: 1;
        grid-column: 2;
        width: 100%;
    }
    #page-campagne.page-candidat .candidat-presentation {
        grid-row: 1;
        grid-column: 1;
    }
    #page-campagne.page-candidat .candidat-communautaire {
        margin-top: -4rem;
        font-size: 1.4rem;
    }

    #page-document  {
    margin-top: 8rem;
    }
    #page-document .wp-block-image {
        width: 100%;
    }
    #page-document .contenu-article .wp-block-file {
        width: 500px;
    }







    
}



@media (max-width: 500px) {

    #page-accueil {
        margin-top: 17rem;
    }

    .page-archive-documents, .page-archive-propositions {
        margin-top: 28rem!important; }

    .page-archive {
        width: 100vw;
        margin-top: 10rem;
    }

    .page-archive-dates {
        margin-top: 25rem!important;
    }

    .page-archive .section-extrait {
        margin-left: 0;
        margin-right: 0;
        gap: 0.5rem;
    }
    .page-archive .bandeau {
        display: none;
    }
    .liste-index {
        width: 100%;
        max-width: 100vw;
    }

    #galerie-propositions #grille-propositions .vignette-grilles {
        width: 100%;
    }
        .section-extrait {
        width: 100%;
    }
    .section-extrait .image-a-la-une {
        order: 1;
    }
    .section-extrait .extrait-standard {
        order: 2;
    }
    .section-extrait .extrait-standard {
        width: 90%;
        margin: auto;
    }
    .section-extrait .image-a-la-une,
    .section-extrait .image-a-la-une img {
        width: 100vw;
    }

    .dates-filtres {
        gap: 0.5rem;
    }

    .documents-par-article .vignette-date img {
    width: 150px;
    }

       #page-campagne .image-a-la-une {
    width: 100%;
    margin-top: 28rem;
   }

   #page-campagne.page-agenda .image-a-la-une {
    margin-top: 8rem;
   }

   #page-document  {
    margin-top: 10rem;
}
    #page-document .contenu-article .wp-block-file {
        width: 100%;
    }




}#cookie-consent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--couleur-3);
    padding: 2rem;
    text-align: center;
    border-top: 0.25rem solid #ddd;
    z-index: 9999;
}
#cookie-consent p,#cookie-consent a {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 0;
    font-family: 'Newsreader', Georgia, Droid-serif, serif;
    font-weight: 600;
}
#cookie-consent button {
    margin: 0;
}