/* Couleurs des types de charte
     ========================================================================== */

/* Couleurs du DSFR
     ========================================================================== */
/* Surcharge DSE
     ========================================================================== */
.fr-card__detail {
    color: unset;
}


/* Ajouts
     ========================================================================== */

/* Page sommaire */
.cache {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.hidden {
    display : none;
    visibility: hidden;
}

.bandeau {
    margin: 0;
    background-color: var(--blue-ecume-main-400);
    padding: 4rem 0 2rem 0;
    position: relative;
}

.bandeau::before {
    content: '';
    background-color: var(--blue-ecume-main-400);
    width: 100vw;
    height: 100%;
    #position: absolute;
    top : 0;
    left: 0;
    z-index: 0;
    margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
    margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.accroche-bandeau {
    margin: 2rem 0 0 2rem;
    width: 40rem;
    background-color: var(--blue-ecume-main-400);
    color: var(--background-default-grey);
    position: relative;
    z-index: 1;
}

.titre-accroche-bandeau {
    color: var(--background-default-grey);
}

.lien-bandeau {
    background: none;
    background-image: none;
    color: var(--background-default-grey);
    border-color: var(--background-default-grey);
    border-style: solid;
    border-width: 0.1rem;
    font-size: .875rem;
    line-height: 1.5rem;
    min-height: 2rem;
    padding: .25rem 1rem;
    border-radius: 1rem;
}

.recherche-input {
    outline-color: #F4F6FF;
}

.recherche-btn {
    outline-color: #F4F6FF;
}

.tag-bandeau {
    outline-color: #F4F6FF;
}

.barre-recherche {
    width: 50%;
    margin: 1rem auto;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .barre-recherche {
        width: 100%;
        padding: 0 1rem;
    }
}

.raccourcis-recherche {
    width: 50%;
    margin: 0 auto;
}

@media screen and (max-width: 1000px) {
    .raccourcis-recherche {
        width: 100%;
        padding: 0 1rem;
    }
}

@media screen and (max-width: 1000px) {
    .groupe-raccourcis-recherche {
        display: block;
    }
}

@media screen and (max-width: 1000px) {
    .groupe-raccourcis-recherche a.tag-raccourcis-recherche {
        margin-right: 0;
    }
}

@media screen and (max-width: 1000px) {
    .items-raccourcis-recherche {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .fr-tag-group > li {
        display: block;
    }
}

@media screen and (max-width: 1000px) {
    .tag-raccourcis-recherche {
        width: 100%;
    }
}

.banniere {
    max-height: 160px;
    margin: 1.5rem 0;
}

@media screen and (max-width: 1000px) {
    .banniere {
        margin: 1rem 0;
    }
}

.banniere img {
    width: 100%;
    height: 100%;
    max-height: 160px;
}

.lien_banniere {
    box-shadow: none;
    background-image : none;
}

.lien_banniere[target="_blank"]::after {
    content: "";
}

.raccourcis {
    margin-top: 1rem;
}

@media screen and (max-width: 740px) {
    .col-raccourcis {
        flex: unset;
        width: 80%;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.icone_raccourcis {
    color: var(--background-active-blue-france);
}

.bandeau-alerte {
    margin-top: 6rem;
    background-color: var(--blue-ecume-925-125);
}

.actualites {
    margin-top: 6rem;
}

.bloc-actualites {
    margin-bottom: 4rem;
}

@media screen and (max-width: 740px) {
    .bloc-actualites {
        display: block;
    }
}

.date_card {
    color: var(--text-mention-grey);
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    line-height: 1.25rem;
}

.tag_card {
    width: max-content;
    margin-bottom: 0.5rem;
}

.colonne_actu_secondaire {
    position: relative;
}

.liste_actu_secondaire {
    margin-bottom: 1rem;
}


.actu_secondaire {
    display: grid;
    margin-bottom: 0.6rem;
    min-height: 4.5rem;
}

.actu_secondaire::after {
    width: 100%;
    height: 0.08rem;
    content: '';
    display: block;
    background: #cecece;
    margin-top: 0.5rem;
}

.actu_secondaire_date {
    margin-top: 0;
    margin-bottom: 0.2rem;
    font-size: .75rem;
    color: var(--text-mention-grey);
    line-height: 1.25rem;
    order: -1;
}

.actu_secondaire_lien {
    box-shadow: none;
    background-image : none;
    text-decoration: none;
}

.actu_secondaire_titre {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
}

.toutes_actus {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 740px) {
    .toutes_actus {
        position: unset;
    }
}

.mise_avant_article {
    margin-bottom: 2rem;
}

.bloc_mise_avant {
    display: flex;
    background-color: var(--background-alt-grey);
    margin-bottom: 4rem;
    height: max-content;
    position: relative;
}

@media screen and (max-width: 740px) {
    .bloc_mise_avant {
        display: block;
        padding: 1rem 0;
    }
}

.bloc_mise_avant::before {
    content: '';
    background-color: var(--background-alt-grey);
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
    margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.image_mise_avant {
    position: relative;
    z-index: 10;
    margin: 2rem 2rem 2rem 0;
}

@media screen and (max-width: 740px) {
    .image_mise_avant {
        margin: auto;
    }
}

.image_mise_avant img {
    width: 100%;
}

.texte_mise_avant {
    position: relative;
    z-index: 10;
    margin: 2rem 0;
    max-width: 60%;
}

@media screen and (max-width: 740px) {
    .texte_mise_avant {
        max-width: 100%;
    }
}

.titre_mise_avant {
    color: var(--blue-ecume-main-400);
    text-transform: uppercase;
}

.titre_mise_avant_lien {
    box-shadow: none;
    background-image : none;
}

.descriptif_article_mise_avant {
    margin: 0 0 1rem 0;
}

.groupe_lien_mise_avant {
    padding-inline-start: unset;
}

ul > li.lien_mise_avant::marker {
    font-size: 0;
}

.lien_interne_mise_avant {
    width: 100%;
    background-image : none;
}

.lien_externe_mise_avant {
    width: 100%;
    background-image : none;
}

.doc_mise_avant {
    display: flex;
    font-size: 1rem;
    color: var(--background-active-blue-france);
}

.lien_document_mise_avant {
    width: 100%;
    background-image : none;
    padding-left: 0;
}

.lien_externe_mise_avant[target="_blank" i]::after {
    content: "";
}

.lien_document_mise_avant[target="_blank" i]::after {
    content: "";
}

.extension_document_mise_avant {
    font-size: 0.85rem;
    margin-left: 0.3rem;
}

.extension_document_mise_avant::before {
    content: "(";
}
.extension_document_mise_avant::after {
    content: ")";
}

.fr-fi-document-link-line::before {
    content: "\ea84";
}

.bloc_dossiers {
    margin-bottom: 2rem;
}

@media screen and (max-width: 740px) {
    .bloc_dossiers {
        display: block;
    }
}

.titre_dossiers {
    margin-bottom: 2rem;
}

.dossier_principal {
    color: var(--background-default-grey);
}

@media screen and (max-width: 740px) {
    .dossier_principal {
        width: 100%;
        max-width: 100%;
    }
}

.dossier_principal_contenu {
    background-color: var(--blue-ecume-main-400);
    color: var(--background-default-grey);
    height: 20rem;
    overflow: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

@media screen and (max-width: 740px) {
    .dossier_principal_contenu {
        height: 100%;
        min-height: 18.5rem;
    }
}

.tag-dossier-principal {
    color: var(--background-default-grey);
    text-transform: uppercase;
    font-size: 0.75rem;
    order: -1;
}

.titre_dossier_principal {
    color: var(--background-default-grey);
}

.titre_dossier_principal::after {
    width: 5rem;
    height: 0.05rem;
    content: '';
    display: block;
    background: var(--background-default-grey);
    margin-top: 0.5rem;
}

@media screen and (max-width: 740px) {
    .dossier_secondaires {
        width: 100%;
        max-width: 100%;
    }
}

.dossier_secondaire_contenu {
    background-color: var(--background-default-grey);
    border: 1px solid var(--blue-ecume-main-400);
    height: 20rem;
    overflow: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.dossier_secondaire_contenu.semi {
    margin-bottom: 0.5rem;
    height: 9.75rem;
}
.dossier_secondaire_contenu.semi:last-child{
    margin-bottom: 0;
}


@media screen and (max-width: 740px) {
    .dossier_secondaire_contenu {
        height: 100%;
        min-height: 18.5rem;
    }
}

.tag-dossier-secondaire {
    color: var(--blue-ecume-main-400);
    text-transform: uppercase;
    font-size: 0.75rem;
    order: -1;
}

.titre_dossier_secondaire::after {
    width: 2.5rem;
    height: 0.2rem;
    content: '';
    display: block;
    background: var(--blue-ecume-main-400);
    margin-top: 0.5rem;
}

.lien_dossier {
    box-shadow: none;
    background-image : none;
}

/* Page rubrique */
.aplat-page {
    margin: 0;
    min-height: 120px;
    position : relative;
}

.aplat-page::before {
    content: '';
    background-color: var(--blue-ecume-main-400);
    width: 100vw;
    height: 100%;
    position: absolute;
    top : 0;
    left: 0;
    z-index: -1;
    margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
    margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}




/* Page rubrique */
.aplat-rubrique {
    margin: 0;
    min-height: 320px;
    position : relative;
}

.aplat-rubrique  .titre-rubrique{
background-color: #FFFFFFCC;
position: absolute;
bottom: 0px;
visibility: visible;
}

.aplat-article  .titre-article{
    background-color: #FFFFFFAA;
    position: absolute;
    bottom: 0;
    visibility: visible;
}


@media screen and (max-width: 1000px) {
    .aplat-rubrique {
        flex: unset;
        width: 100%;
        max-width: 100%;
    }
}

.aplat-rubrique::before {
    content: '';
    background-color: var(--blue-ecume-main-400);
    width: 100vw;
    height: 100%;
    position: absolute;
    top : 0;
    left: 0;
    z-index: -1;
    margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
    margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.contener-titre-rubrique {
    margin: 0;
    background-color: var(--blue-ecume-main-400);
    color: var(--background-default-grey);
    width: 100%;
    height: 100%;
}

.titre-rubrique {
    margin: 0;
//    color: var(--background-default-grey);
}

@media screen and (max-width: 460px) {
    .container-rubrique {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 460px) {
    .col-rubrique {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .container-titre-rubrique {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 460px) {
    .container-descriptif-rubrique {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 460px) {
    .col-rub-droite {
        display: none;
    }
}

.entete-rubrique {
    color: var(--background-default-grey);
}

@media screen and (max-width: 1000px) {
    .entete-rubrique {
        flex: unset;
        width: 100%;
        max-width: 100%;
    }
}

.descriptif-rubrique {
    background-color: var(--blue-ecume-main-400);
    margin: 0;
}

.texte-descriptif-rubrique {
    margin: 0;
}

.accroche-rub {
    border-left: solid 0.3rem var(--blue-ecume-main-400);
    padding-left: 0.5rem;
    margin-left: 1.5rem;
}

@media screen and (max-width: 460px) {
    .accroche-rub {
        margin-left: 0;
    }
}

@media screen and (max-width: 1000px) {
    .accroche-rubrique {
        flex: unset;
        width: 100%;
        max-width: 100%;
    }
}

.accroche-rub-seule {
    border-left: solid 0.3rem var(--blue-ecume-main-400);
    padding-left: 0.5rem;
}

@media screen and (max-width: 460px) {
    .accroche-rub-seule {
        margin-left: 1rem;
    }
}

.titre_accroche {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    color: var(--blue-ecume-main-400);
}

.descriptif_accroche {
}

.titre-article {
    margin-top: 0;
    margin-bottom: 0;
    color: white;
    background-color: var(--blue-ecume-main-400);
}

h1.titre-article {
    color: white;
}


.liste-rubriques {

    margin-top: 2rem;
}
@media screen and (max-width: 1000px) {
    .liste-rubriques {
        column-count:1;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

.item-liste-rubriques-seule {
    min-height: 7.5rem;
    break-inside: avoid;
    page-break-inside: avoid;
    display: grid;

}

.item-rubrique_avec_sous-rubriques {
    min-height: 7.5rem;
}
.item-rubrique_avec_sous-rubriques .fr-tile__body{
    display:flex;
    flex-direction:row;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding:0;
}
.item-rubrique_avec_sous-rubriques .fr-tile__body a{ position:relative;width:calc(100% - 4em);padding:1em 2em;text-align: center; display:table;align-self: stretch; }
.item-rubrique_avec_sous-rubriques .fr-tile__body a h2{position:relative;text-align: center; display:table-cell; width:100%;vertical-align: middle; }
.item-rubrique_avec_sous-rubriques .fr-tile__body button{width:5em;align-self: stretch;text-align: center;padding:1em;}
.item-rubrique_avec_sous-rubriques .fr-tile__body button:hover{background-color:var(--blue-ecume-main-400);}





@media screen and (max-width: 1000px) {
    .item-liste-rubriques-seule {
        width: 100%;
    }
}

.item-rubriques__body {
    min-height: 7.5rem;
}

.rubrique_avec_sous-rubriques {
    break-inside: avoid;
    page-break-inside: avoid;
    width: 100%;
}

.rubrique_avec_sous-rubriques-accordion {
    box-shadow: none;
}

.rubrique_avec_sous-rubriques-accordion__btn {
    padding: 0;
}

.rubrique_avec_sous-rubriques-accordion__btn::before {
    margin-right: 1rem;
}

.item-liste-sous-rubriques {
    border-bottom : solid 0.12rem #cecece;
    margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
    .item-liste-sous-rubriques {
        width: 100%;
    }
}

.item-liste-sous-rubriques:hover {
    background-color: var(--block-color-hover);

}

.lien-sous-rubrique:not(a):not(:disabled):hover, a.lien-sous-rubrique[href]:hover {
    background-image: unset;
}

:root:not([data-fr-theme="dark" i]) .lien-rubrique {
    --color-hover: none;
    --color-active: none;
}

.liste-articles {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1100px) {
    .liste-articles {
        margin-left: auto;
        margin-right: auto;
    }
}

.fr-grid-row .item-liste-articles {
    height: unset;
}

.item-liste-articles {
    position: relative;
    width: calc(100%/2 - 20px);
    min-height: 23rem;
    margin: 0.5rem;
}

@media screen and (max-width: 1100px) {
    .item-liste-articles {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.item-liste-articles .fr-card__body{
    padding-top:1em;
}

.item-liste-articles .fr-card__lead {
    margin-bottom: 0.5rem;
}

.fr-enlarge-link a.fr-tag.tag-listearticle::before {
    content : none;
}

.item-liste-articles .fr-card__body::after {
    color: var(--blue-ecume-main-400);
}

.contener-pagination {
    display: flex;
}

.pagination {
    margin: 2rem auto 1rem auto;
}

/* Page article */
.aplat-article {
    margin: 0;
    height: 23rem;
    background-color: var(--blue-ecume-main-400);
}

.sommaire-sidemenu {
    z-index: 99;
    padding-right: 0;
}

#content #colonne_centrale {
    margin: -18rem 0 0 0;
}

.colonne_unique .noisette_article-cartouche {
    margin: -18rem 0 0 0;
}

.colonne_unique .noisette_article-cartouche_nologo {
    margin: -18rem 0 0 0;
}

.col-droite {
    position: relative;
}

@media screen and (max-width: 767px) {
    .col-article {
        flex: unset;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .col-gauche {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .col-droite {
        display: none;
    }
}

.entete-article {
    padding: 0 0;
}

.entete-article .titre-article {
    padding: 0.5em;
}

.nav-breadcrumb{
    width:100%;
    position:absolute;
    z-index:2;
    background-color: #FFFFFFDD;
    margin:0;

}

#breadcrumb-1{
    padding-top: 0.25em;

}

.nav-breadcrumb li {

    padding:0.5em 0.5em 0.25em 0.5em;
    text-decoration: none transparent;

}
.nav-breadcrumb li a{
    display:inline-block;
    text-decoration: none transparent;

}


.texte-erreur {
    padding: 1rem 0;
}

.contenu-article {
    background: var(--background-default-grey);
    padding: 0 2rem;
}

@media screen and (max-width: 320px) {
    .contenu-article {
        padding: 0;
    }
}

.annexe-article {
    background: var(--background-default-grey);
    padding: 0 2rem;
}

@media screen and (max-width: 320px) {
    .annexe-article {
        padding: 0;
    }
}

/* accès restreints */
.restreint {
    text-align: right;
}

.prestreint {
    margin: 0 1rem 0 0;
    font-weight: bold;
}

/* Modalbox Images */
#boxOverlay, #box, #boxWrapper {
    position:absolute;
    top:0;
    left:0;
    z-index:4999;
    overflow:hidden;
}

#box, #boxContent, #boxLoadedContent {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#boxOverlay {
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/overlay.png') repeat 0 0;
    opacity: 0.9;
    cursor: pointer;
    visibility: visible;
    width: 100%;
    height: 100%;
    position:fixed;
    display: none;
}

#box {
    display: none;
    visibility: visible;
    left: 0;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline:0;
    min-width: max-content;
    margin-top: 1rem;
}

#boxWrapper {
    max-width:none;
}

#boxTopLeft {
    float: left;
    width: 21px;
    height: 21px;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/controls.png') no-repeat -101px 0;
}

#boxTopCenter {
    float: left;
    height: 21px;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/border.png') 0 0 repeat-x;
}

#boxTopRight {
    float: left;
    width: 21px;
    height: 21px;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/controls.png') no-repeat -130px 0;
}

#boxMiddleLeft {
    float: left;
    clear:left;
    width: 21px;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/controls.png') left top repeat-y;
}

#boxLoadedContent {
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 28px;
    background:url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/loading_background.png') no-repeat center center;
}

#boxContent {
    float: left;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.boxfigure {
    margin: 0;
}

#boxMiddleRight {
    width: 21px;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/controls.png') right top repeat-y;
}

#boxLoadedContent {
    margin-bottom: 28px;
    overflow: auto;
}

#boxTitle {
    float: left;
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 100%;
    color: var(--text-title-grey);
}

#boxPhoto {
    float: none;
}

#boxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/controls.png') no-repeat -25px 0;
    width: 25px;
    height: 25px;
    font-size: 0;
    border: 0;
    padding: 0;
    margin: 0 0.1rem 0.1rem 0;
    overflow: visible;
    border-radius: 1rem;
    outline-offset: 0;
}

#boxClose:hover {
    background-position: -25px -25px;
}

#boxBottomLeft {
    float: left;
    clear:left;
    width: 21px;
    height: 21px;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/controls.png') no-repeat -101px -29px;
}

#boxBottomCenter {
    float: left;
    height: 21px;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/border.png') 0 -29px repeat-x;
}

#boxBottomRight {
    float: left;
    width: 21px;
    height: 21px;
    background: url('http://normandie.developpement-durable.gouv.fr/plugins/internet_pm21/images/controls.png') no-repeat -130px -29px;
}

/* Audience-sites */
#optout {
    width: 100%;
}

#optout body {
    width: 95%;
}


/* galerie photo */

.texte-article .gallery {
    margin: 0 0 2.5rem 0;
    pointer-events: none;
}
@media screen and (max-width: 767px) {
    .texte-article .gallery {
        background: #f5f6f6;
    }
}
.texte-article .gallery.is-init {
    pointer-events: auto;
}
.texte-article .gallery.is-init .gallery__navigation__thumbnails li {
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}
.texte-article .gallery__content.fadeIn figure {
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.texte-article .gallery__content figure {
    margin: 0 0 0 0;
    opacity: 0;
    position: relative;
}
.texte-article .gallery__content figure img {
    display: block;
    position: relative;
    z-index: 0;
    margin: auto;
    width: 100%;
    max-width: 100%;
}
.texte-article .gallery__content figure a[target="_blank"]::after {
    content: '';
}
.texte-article .gallery__content figure figcaption {
    display: flex;
    z-index: 1;
    margin-top: 0.5rem;
    color: var(--text-mention-grey);
}
.texte-article .gallery__content figure figcaption .caption {
    font-size: 0.875rem;
    font-weight: bold;
}
.texte-article .gallery__content figure figcaption .credits {
    font-size: 0.75rem;
    font-style: italic;
    padding: 0 0 0.25rem 0;
    font-weight: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
    word-wrap: nowrap;
    width: 25%;
    float: right;
    margin: 0 0 0;
}
@media screen and (max-width: 767px) {
    .texte-article .gallery__content figure figcaption .credits {
        padding: 0 0.625rem;
    }
}

.texte-article .gallery__content figure figcaption .descriptif {
    font-size: 0.875rem;
    font-weight: normal;
    display: block;
    text-align: right;
    width: 75%;
    margin: 0 0 0;
    float: right;
}
.texte-article .gallery__content figure figcaption .descriptif p {
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .texte-article .gallery__content figure figcaption .descriptif {
        padding: 0 0.625rem;
    }
}

.texte-article .gallery__navigation {
    position: relative;
}
@media screen and (max-width: 767px) {
    .texte-article .gallery__navigation {
        height: 3rem;
        background: #f5f6f6;
    }
}
.texte-article .gallery__navigation__content {
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .texte-article .gallery__navigation__content {
        display: none;
    }
}
.texte-article .gallery__navigation__thumbnails {
    height: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
.texte-article .gallery__navigation__thumbnails li {
    height: 7.5rem;
    padding: 0 0.625rem;
    width: calc(100% / 4);
    position: absolute;
    top: 0;
    left: 0;
}
.texte-article .gallery__navigation__thumbnails li.is-current button {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
.nav_galerie_photo {
    width: max-content;
    margin: auto auto 1rem auto;
    display: flex;
}

.compt_galerie {
    font-size: 0.85rem;
    line-height: 1rem;
    padding-right: 0.3rem;
}

.tot_galerie {
    font-size: 0.85rem;
    line-height: 1rem;
}

.texte-article .gallery__navigation__thumbnails button {
    background-color: #292d3c;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
    height: 100%;
    position: relative;
}
.texte-article .gallery__navigation__thumbnails button:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
}
.texte-article .gallery__navigation__thumbnails button span {
    position: absolute;
    z-index: 1;
    top: 25%;
    font-size: 50px;
}
.texte-article .gallery__navigation__thumbnails button img {
    display: block;
    position: relative;
    z-index: 1;
}
.texte-article .gallery__navigation__prev, .texte-article .gallery__navigation__next {
    background: var(--background-default-grey);
    padding: 0 1rem;
}
@media screen and (max-width: 767px) {
    .texte-article .gallery__navigation__prev, .texte-article .gallery__navigation__next {
        background: #f5f6f6;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
.texte-article .gallery__navigation__prev svg, .texte-article .gallery__navigation__next svg {
    width: 1rem;
    height: 1rem;
    display: block;
}
@media screen and (max-width: 767px) {
    .texte-article .gallery__navigation__prev {
        text-align: left;
    }
}
.texte-article .gallery__navigation__next {
    right: 0;
}
@media screen and (max-width: 767px) {
    .texte-article .gallery__navigation__next svg {
        margin-left: auto;
    }
}

.sr {
    width: 0.0625rem;
    height: 0.0625rem;
    margin: -0.0625rem;
    position: absolute;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* mise en avant */
.cibloc_miseavant {
    box-shadow: inset .25rem 0 0 0 var(--blue-ecume-main-400);
    margin-bottom : 2rem;
}

.cibloc_miseavantbouton {
    box-shadow: inset .25rem 0 0 0 var(--blue-ecume-main-400);
    background-color : var(--blue-ecume-925-125);
    margin-bottom : 2rem;
}

.fr-callout[class*=" fr-fi-"]::before {
    display: none;
}

.cibouton_miseavantbouton::before {
    content: " ";
}

button.cibouton_miseavantbouton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    border: none;
    cursor: pointer;
}

div.cibloc.cibouton_miseavantbouton a.spip_out {
    text-decoration: none;
    box-shadow: none;
}

div.cibloc.cibouton_miseavantbouton a.spip_out::after {
    display: none;
}

.fr-callout .cibouton_miseavantbouton {
    margin-top: 1rem;
}

.btn-lien {
    margin: 1rem 0;
}

.btn-lien a {
    --link-underline: none;
    --link-blank-font: none;
    --link-blank-content: none;
    --text-spacing: 0;
    --title-spacing: 0;
    --blend-full-size: 100%;
    --blend: var(--background-action-high-blue-france-blend);
    align-items: center;
    background-color: var(--background-action-high-blue-france);
    background-image : none;
    color: var(--text-inverted-blue-france);
    display: inline-flex;
    flex-direction: row;
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 2.5rem;
    padding: .5rem 1.5rem;
    z-index: 1;
    --hover-tint: var(--hover);
    --hover: var(--background-action-high-blue-france-hover);
    --active: var(--background-action-high-blue-france-active);
}

/* boutons */
.cibloc_texte_center {
    text-align: center;
}

.cibloc_texte_right {
    text-align: right;
}

/* flux rss */
.fluxrss {
    background-color: var(--blue-ecume-925-125);
    height : max-content;
    padding-bottom: 2rem;
    position: relative;
}

.fluxrss::before {
    content: '';
    background-color: var(--blue-ecume-925-125);
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
    margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.titrerss {
    display : flex;
    position:relative;
    z-index:1;
}

@media screen and (max-width: 767px) {
    .fluxrssgrille {
        display: block;
        flex-wrap: unset;
    }
}

.titrerss svg {
    fill: var(--blue-ecume-main-400);
    height: 2.2rem;
    width: 2.2rem;
}

.titrerssh2 {
    margin-top: 0;
    margin-bottom: 0;
}

.iconetitrerss {
    color : var(--blue-ecume-main-400);
    heigth : 24rem;
}

.fluxrsstuile {
    width : 100%;
}

.fluxrssdesc {
    text-align: left;
}

.fr-tile__date {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .fluxrsselement {
        margin: auto;
        width: 100%;
        max-width: 100%;
    }
}

/* portrait */
.portrait {
    background-color: var(--background-contrast-grey);
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    position: relative;
}

.portrait::before {
    content: '';
    background-color: var(--background-contrast-grey);
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
    margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

@media screen and (max-width: 1000px) {
    .portrait-grid-row {
        display: grid;
    }
}

.texteportrait {

}

.titreportrait {
    display: flex;
    position:relative;
    z-index: 100;
    margin: 2rem 0 0.5rem 0;
    padding-right: 0.5rem;
    width: max-content;
}

.titreportrait h4 {
    line-height: 1.5rem !important;
}

.icone_portrait {
    height: max-content;
}

.icone_portrait::before {
    display: inline-block;
    font-size: 2.2rem;
    color: var(--blue-ecume-main-400);
    line-height: 1.5rem;
}

.nomfonctionportrait {
    display: flex;
    margin-bottom: 1.5rem;
}

.nomportrait {
    position:relative;
    z-index: 100;
    font-weight: bold;
    font-style: italic;
}

.fonctionportrait {
    position:relative;
    z-index: 100;
    font-weight: lighter;
    font-size: 0.8rem;
    color: var(--text-title-grey);
}

.fonctionportrait::before {
    content: "|";
    margin: 0 0.2rem;
    font-size: 1rem;
}

.descriptionportrait {
    position:relative;
    z-index: 100;
    height: 12rem;
    overflow: hidden;
}

.imageportrait {
    position:relative;
    z-index: 100;
    margin-top: 3rem;
}

@media screen and (max-width: 1000px) {
    .imageportrait {
        order: -1;
    }
}


.imageportrait img {
    max-height: 19rem;
    max-width: 14rem;
}

.creditportrait {
    color: var(--text-title-grey);
}

/* pages speciales */

.titre-pagespec {
    margin: 0;
    color: var(--blue-ecume-main-400);
    width: 100%;
    position: absolute;
    bottom: 0;
    background: var(--background-default-grey);
}

.titre-pagespec::after {
    width:9rem;
    height:0.05rem;
    content:'';
    display:block;
    background: var(--blue-ecume-main-400);
    margin-top: 0.2rem;
}

/* glossaire */

.ul-glossaire a.tag-glossaire{
    margin-right: 0.25rem;
    margin-bottom: 0;
}

.li-glossaire a {
    color: var(--text-title-grey);
}

.tag-glossaire {
    padding: 0 0.42rem 0.1rem 0.42rem;
    font-size: 0.75rem;
    min-height: unset;
    line-height: 1rem;
    --blend : var(--blue-ecume-main-400);
}

.tag-glossaire:hover {
    color: var(--background-default-grey);
    background-color : var(--blue-ecume-main-400);
}

.titre-lettre-glossaire {
    color: var(--blue-ecume-main-400);
}

.indication_glossaire {
    border-bottom: none;
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/* plan */
.plan-niveaux{
    box-shadow: none;
    background-image: none;
    color: var(--text-title-grey);
}

.titre-niveau1::after {
    width: 100%;
    height:0.05rem;
    content:'';
    display:block;
    background: var(--blue-ecume-main-400);
    margin-top: 0.2rem;
}

.liste-plan {
    color:  var(--blue-ecume-main-400);
}

/* video et infographie*/

.baton_couleur {
    color: var(--blue-ecume-main-400);
}

.ciwidget_commun_video {
    flex-direction: row;
    max-width: 100%;
}

.ciwidget_titre {
    position: absolute;
    left: 70vw;
    margin: -2.5rem 0 0 0.5rem;
    text-align: left;
    font-size : 0.75rem;
    width: 100%;
    max-width: max-content;
}

@media screen and (max-width: 1700px) {
    .ciwidget_titre {
        left: 75vw;
    }
}

@media screen and (max-width: 1350px) {
    .ciwidget_titre {
        left: 80vw;
    }
}

@media screen and (max-width: 767px) {
    .ciwidget_titre {
        position: unset;
        margin: 0;
    }
}


.spip_doc_titre {
    margin: 0 0 0.5rem 0;
}

.ciwidget_titre .spip_doc_titre strong{
    display: none;
}

.ciwidget_infographie img {
    width: 100%;
    height: auto;
}

.spip_doc_credits {
}

.spip_doc_credits::before{
    width: 6.6rem;
    height: 0.05rem;
    content: '';
    display: block;
    background: var(--text-mention-grey);
    margin-top: -0.5em;
    position: relative;
    right: 0;
}

.ciwidget_bouton_version_texte_wrap {
    text-align: right;
    margin-right: 1rem;
}

.bouton_version_texte {
    text-decoration: none;
    box-shadow: none;
    background-image: none;
}

audio:not([href]), video:not([href]) {
    cursor: auto;
}

.ciwidget_infographie figure {
    margin: 0;
}

/* Audio */
.ciwidget_audio {
    margin: 1rem 0 0 0;
}

.ciwidget_audio__conteneur {
    background-color: var(--blue-ecume-925-125);
}

.ciwidget_audio__titre {
    color: unset;
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 700;
    font-family: unset;
}


.ciwidget_audio__credits {
    color: unset;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: unset;
    padding-bottom: 0.5rem;
}

.ciwidget_audio__outils a {
    box-shadow : none;
    background-image: none;
}

.ciwidget_audio__vignette svg {
    fill: var(--blue-ecume-main-400);
    height: 120px;
    width: 120px;
    background-color: var(--blue-ecume-main-400);
}

.ciwidget_audio__outils, .ciwidget_audio__outils a, .ciwidget_audio__outils svg {
    color: var(--blue-ecume-main-400) !important;
}

.ciwidget_audio__outils a:hover, .ciwidget_audio__outils a:focus, .ciwidget_audio__outils a:active {
    background-color: var(--blue-ecume-925-125);
}

.ciwidget_audio .video-js.vjs-audio .vjs-control-bar {
    background: var(--blue-ecume-925-125);
    color: var(--blue-ecume-main-400);
}

.ciwidget_audio .video-js.vjs-audio .vjs-play-control {
    background: var(--blue-ecume-main-400);
    color: var(--background-default-grey);
    border-color: var(--background-default-grey);
}

.ciwidget_audio .video-js.vjs-audio .vjs-play-control:focus::before, .ciwidget_audio .video-js.vjs-audio .vjs-play-control:focus {
    background: var(--blue-ecume-main-400);
    color: var(--background-default-grey);
}

.video-js .vjs-play-progress {
    background-color: var(--blue-ecume-main-400);
}

/* widget chiffre */
.ciwidget_chiffre_wrapper {
    width: 100%;
}

.ciwidget_chiffre_wrapper2 {
    display: flex;
    margin: 0;
    width: 100%;
    border: 1px solid var(--background-contrast-grey);
}

.ciwidget_chiffre_colonne1 {
    display: contents;
    background-color: var(--background-default-grey);
    width: unset;
    color: var(--blue-ecume-main-400);
    height: unset;
    margin: auto;
}

.ciwidget_chiffre_valeur {
    text-align: unset !important;
    padding: 0 0.5rem 0 0;
    font-family: unset;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: unset;
    margin: auto 0 auto 1rem;
}

.ciwidget_chiffre_unite {
    text-align: unset !important;
    margin: auto 0;
    font-family: unset;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: unset;
    margin: auto 1rem auto 0;
}

@media screen and (max-width: 767px) {
    .ciwidget_chiffre_unite {
        padding-bottom: unset;
    }
}

.ciwidget_chiffre_colonne2 {
    display: unset;
    vertical-align: unset;
    width: 100%;
    background-color: var(--background-default-grey);
    color: unset;
}

.ciwidget_chiffre_descriptif {
    padding: 0 1rem;
    margin: 1rem auto;
    border-left: 1px solid var(--background-contrast-grey);
}

/* ressources */
.ressource {
    background-color: var(--blue-ecume-925-125);
    display: flex;
    width: 100%;
}

.ressource:hover  {
    background-color : #C2CDFB;
}

.texte-ressource {
    width: 90%;
}

.lienressource[target="_blank"]::after {
    display: none;
}

.lienressource {
    box-shadow: none;
    text-decoration: none;
    line-height: 2rem;
    font-style: lighter;
    display: inline-flex;
    margin: 0 0 2rem 0;
    width: 100%;
}

.descriptif-ressource {
    font-weight: bold;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5rem;
}

.nom-ressource {
    margin: 0;
}

.image-ressource {
    width: 10%;
    text-align: right;
}

.ressource-fi-external-link-line::before {
    color: var(--background-active-blue-france);
}

/* citation */
.cibloc_citation {
    margin-left: 5rem;
}

@media screen and (max-width: 767px) {
    .cibloc_citation {
        margin-left: unset;
    }
}

.cibloc_citation::before {
    color: var(--blue-ecume-main-400);
}

.texte-citation::before {
    content: '\0000AB \0000A0';
}
.texte-citation::after {
    content: '\0000A0 \0000BB';
}

/* FAQ */
.cibloc_faq {
    margin-bottom: 2rem;
}

/* Notes de bas de page */

.notes {
    margin-bottom: 2.5rem;
}

.notes::before {
    width: 19%;
    height: 0.05rem;
    content: '';
    display: block;
    background: #cecece;
}

.notes p {
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin: 1rem 0 0 0;
}

.notes span {
    margin-bottom: 0;
}

.titre-notes {
    font-weight: bold;
}

.spip_note {
    box-shadow: none;
    background-image : none;
}

/* documents dans l'article (balise doc) */
.undocument {
    display: flex;
    min-height: 5rem;
    margin-bottom : 1.2rem;
    padding: 0 0 0 1rem;
    background-color: var(--background-default-grey);
    --scheme-border: var(--background-contrast-grey);
    box-shadow: unset;
    border: 1px solid var(--background-contrast-grey);
}

.undocument:hover {
    background: var(--background-alt-grey);
}

.lien-undocument {
    box-shadow: none;
    background-image: none;
    display: flex;
    width: 100%;
}

.lien-undocument[target="_blank" i]::after {
    content: "";
}

.texte_undocument {
    width: 85%;
    margin: auto 0;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .texte_undocument {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    .texte_undocument {
        width: 70%;
    }
}

.image_undocument {
    display: grid;
    color: var(--background-active-blue-france);
    width: 15%;
    margin: auto 0;
    border-left: 1px solid var(--background-contrast-grey);
}

@media screen and (max-width: 767px) {
    .image_undocument {
        width: 25%;
    }
}

@media screen and (max-width: 400px) {
    .image_undocument {
        width: 30%;
    }
}

.telecharger_undocument {
    margin: auto;
}

.titre_undocument {
    font-size: 0.9rem;
    line-height: 1.25rem;
    margin: 0;
    font-weight: bold;
}

.descriptif_undocument {
    font-size: 0.75rem;
}

.soustitre_undocument {
    font-size: 0.9rem;
    line-height: 1.25rem;
    margin: 0;
}

.undocument svg {
    fill: var(--background-active-blue-france);
    height: 1.5rem;
    width: 1.5rem;
    position: relative;
    z-index: 100;
    margin: auto;
}

/* documents en fin d'article */
.listedocuments {
    margin-bottom: 2rem;
    border-top: solid 0.1rem;
}

.listedocuments-items {
    display: flex;
    border-bottom: solid 0.1rem;
    padding: 0.2rem 0;
}

.listedocuments-items svg {
    fill: var(--background-active-blue-france);
    height: 1rem;
    width: 1rem;
    position: relative;
    z-index: 100;
    margin: auto;
}

.lien-document {
    box-shadow: none;
    background-image : none;
    display: flex;
    width: 100%;
}

.lien-document:hover {
    color: var(--background-active-blue-france);
}

.lien-document[target="_blank" i]::after {
    content: "";
}

.textedocument {
    margin-left: 0.5rem;
    padding: 0.2rem 0;
}

.infosdocument {
    margin: 0;
}

.imagedocument {
    margin: 0.1rem 0.5rem;
    padding: 0.2rem 0;
    height: 1rem;
}

/* images */
.spip_documents a.spip_out {
    background-image : none;
}

.spip_documents a.spip_out::after {
    display: none;
}

.credit-content-media__img {
    width: unset;
}

.credit-content-media {
    margin: 0;
    color:var(--text-title-grey);
    --text-spacing: 0;
    --title-spacing: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.spip_documents_center {
    margin: auto;
    display: table;
}

.spip_documents_center img{
    margin: auto;
    display: block;
}

.spip_documents_right {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
}

.spip_documents_left {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
}

.image_lien {
    box-shadow: none;
}

/* Commentaires */
.titre_commentaires {
    display: flex;
}

.icone_commentaires {
    padding-top: 0.2rem;
    color: var(--blue-ecume-main-400);
}

.icone_commentaires::before {
    font-size: 2rem;
}

.boutons {
    margin-top: 2rem;
    text-align: right;
}

.comment-form__content {
    text-align: right;
}

.explication_commenter {

}

.commentaires-accordion__btn[aria-expanded="true"]::after {
    height: 0.1rem;
    content: '';
    display: block;
    background:  var(--background-default-grey);
    position: absolute;
    top: 3rem;
    left: 0;
    width: 100%
}

.commentaire {
    border-bottom: 1px solid;
    width: 100%;
}

.commentaire-text {
    margin: 0 0 0.5rem;
}

.comment__footer {
    color: var(--blue-ecume-main-400);
}

ul > li.markItUpButton::before {
    content: "";
}

ol > li.markItUpButton::before, ul > li.markItUpButton::before {
    display: block;
}

/* sur le meme sujet */
.articles_memesujet {
    background-color: var(--blue-ecume-925-125);
    height: max-content;
    padding: 0 2rem 2rem 2rem;
    position: relative;
    margin-bottom: 0.2rem;
}

.articles_memesujet::before {
    content: '';
    background-color: var(--blue-ecume-925-125);
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
    margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.articles_memesujet_titre {
    display: flex;
    position: relative;
    z-index: 100;
}

.titre_memesujet {
    margin: 0;
}

.articles_memesujet svg {
    fill: var(--blue-ecume-main-400);
    height: 2.5rem;
    width: 2.5rem;
}

@media screen and (max-width: 767px) {
    .articles_memesujet_grille {
        display: block;
        flex-wrap: unset;
    }
}

@media screen and (max-width: 767px) {
    .col_memesujet {
        flex: unset;
        width: 100%;
        max-width: 100%;
    }
}

/* Comarquage */
.source {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 0.5rem;
}

/* retour haut de page */
.liste-pied-page {
    width: 92%;
}

.retourhaut {
    margin-left: 2rem;
    margin-bottom: 2rem;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 1000px) {
    .retourhaut {
        display: none;
    }
}

.retourhaut_rubrique {
    position: absolute;
    bottom: -1rem;
    right: -10rem;
}

@media screen and (max-width: 1600px) {
    .retourhaut_rubrique {
        right: -5rem;
    }
}

@media screen and (max-width: 1500px) {
    .retourhaut_rubrique {
        right: 0rem;
    }
}

@media screen and (max-width: 1000px) {
    .retourhaut_rubrique {
        display: none;
    }
}

.retourhaut_liste {
    position: absolute;
    bottom: 1rem;
    right: -10rem;
}

@media screen and (max-width: 1600px) {
    .retourhaut_liste {
        right: -5rem;
    }
}

@media screen and (max-width: 1500px) {
    .retourhaut_liste {
        right: 0rem;
    }
}

@media screen and (max-width: 1000px) {
    .retourhaut_liste {
        display: none;
    }
}

.retourhaut_recherche {
    position: absolute;
    bottom: 1rem;
    right: 4rem;
}

@media screen and (max-width: 1000px) {
    .retourhaut_recherche {
        display: none;
    }
}

.container_1col {
    position: relative;
}

/* puces */
ul.spip > li::before {
    margin-right: 0.1rem;
}

ul.spip > li {
    padding-left: 0.2rem;
    margin-left: 1rem;
}

.puce {
    padding-left: 0.2rem;
    margin-left: 0.8rem;
}

.puce::before {
    font-size: calc(var(--xl-size)*0.9);
    --xl-size: var(--xl-base);
    content: var(--ul-type);
}

/* tableau */
table.spip::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
}

table.spip {
    --table-offset: 1rem;
    --text-spacing: 0;
    --title-spacing: 0;
    position: relative;
    margin-bottom: 2.5rem;
    padding-top: var(--table-offset);
}

table.spip:not(.fr-table--no-scroll) table {
    width: 100%;
}

table.spip {
    width: 100%;
    display: block;
    overflow: auto;
    border-spacing: 0;
}

table.spip[data-fr-js-table="true"] caption {
    position: absolute;
    top: 0;
}

table.spip caption {
    position: initial;
    font-size:  1.375rem ;
    line-height:  1.75rem ;
    margin: var(--title-spacing);
    font-weight: 700;
    text-align: left;
    color: var(--text-title-grey);
}

table.spip td, table.spip th {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    border: 0;
    padding: 0.75rem;
    font-size:  0.875rem ;
    line-height:  1.5rem ;
}

table.spip th {
    font-weight: 700;
}

table.spip thead td, table.spip thead th {
    font-weight: 700;
    padding-bottom: 0.875rem;
}

table.spip thead {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
    --blend: var(--background-contrast-grey-blend);
    background-color: var(--background-contrast-grey);
    color: var(--text-title-grey);
}

table.spip tbody {
    --blend: var(--background-alt-grey-blend);
    background-color: var(--background-alt-grey);
}

table.spip tbody tr:nth-child(even) {
    --blend: var(--background-contrast-grey-blend);
    background-color: var(--background-contrast-grey);
}



/* bloc outils */
.blocoutils {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 500px) {
    .blocoutils {
        display: block;
    }
}

.fr-share-article {
    width: 79%;
}

.fr-share-rubrique {
    width: 88%;
}

.abonnement-article {
    text-align: right;
    display: grid;
    align-items: end;
    margin-bottom: 1.58rem;
}

.abonnement-rubrique {
    text-align: right;
    display: grid;
    align-items: end;
    margin-bottom: 1.58rem;
}

@media screen and (max-width: 500px) {
    .abonnement-rubrique {
        text-align: left;
        display: block;
    }
}

.abonnement-btn svg {
    fill: var(--background-active-blue-france);
    height: 1rem;
    width: 1rem;
    margin-right: 0.7rem;
}

.masque {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}


.formheading {
    display: none;
}

.submit {
    background-color: var(--background-active-blue-france);
    color: var(--background-default-grey);
    --link-underline: none;
    --link-blank-font: none;
    --link-blank-content: none;
    margin: 0;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    z-index: 1;
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 2.5rem;
    padding: .5rem 1.5rem;
    --color-hover: rgba(0,0,221,0.5);
    --color-active: rgba(41,41,255,0.5);
}

.submit:hover {
    background-image: linear-gradient(0deg,var(--color-hover),var(--color-hover));
}

input[type="checkbox"] + label::before {
    align-items: center;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 1px var(--border-action-high-grey);
    color: transparent;
    content: "\E01D";
    display: inline-flex;
    flex-direction: row;
    font: normal 700 normal 1rem/1 dsfr-icon;
    font-weight: 700;
    font-weight: 400;
    font-weight: 700;
    height: 1.5rem;
    justify-content: center;
    left: -2rem;
    margin-right: .5rem;
    margin-top: .75rem;
    width: 1.5rem;
}


input[type="checkbox"]:active + label::before, input[type="checkbox"]:checked + label::before {
    background-color: var(--background-active-blue-france);
    color: var(--background-default-grey);
}

.text {
    display: block;
    width: 100%;
    border: 0;
    border-radius: .25rem .25rem 0 0;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Marianne,arial,sans-serif;
    text-rendering: optimizeSpeed;
    color: var(--text-title-grey);
    background-color: var(--background-contrast-grey);
    box-shadow: inset 0 -2px 0 0 var(--text-mention-grey);
}

.retour {
    margin-bottom: 2rem;
    display: flex;
}

.formulaire_spip {
    margin-bottom: 10rem;
}

.info {
    margin-bottom: 0.5rem;
}

.saisie {
    margin-bottom: 1rem;
}

.mesabonnements-table {
    margin-top: 1rem;;
}

.tableau-mesabonnements {
    display: inline-block;
    width: 100%;
}

.ligne-mesabonnements {
    display: inline-flex;
    width: 100%;
}

.objet-mesabonnements {
    width: 35%;
}

.abonnements-mesabonnements {
    width: 45%;
}

.statut-mesabonnements {
    width: 20%;
}

#svg-sprite {
    display: none;
}

/* Formulaire de contact */
.contact-text--lead {
    margin: 0 0 1rem 0;
}

.contact__form {
    font-size: 1rem;
    font-weight: 500;
}
.contact__form legend {
    font-size: 1.75rem;
}

.fieldset_contact {
    padding: 0;
}

.sve-label {
    margin-right: 1.75rem;
}

.contact__form label span {
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    margin-top: 1em;
}
.contact__form__footer {
    padding: 0 0 2.5rem 0;
    text-align: center;
}
.contact__form fieldset {
    margin-top: 3.75rem;
    border : none;

}
.contact__form fieldset:first-of-type {
    margin-top: 0;
}
.contact__form fieldset:last-of-type {
    margin-bottom: 3.75rem;
}
.contact__form fieldset:last-of-type .contact__form__fields {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contact__form fieldset:last-of-type .contact__form__fields .contact__form__field {
    padding: 0 1.25rem;
    width: 50%;
}
@media screen and (max-width: 767px) {
    .contact__form fieldset:last-of-type .contact__form__fields .contact__form__field {
        width: 100%;
    }
}
.contact__form__field {
    margin-top: 1.25rem;
    position: relative;
}
.champ_obligatoire {
    text-decoration: none;
    margin-left: 0.3rem;
    cursor: help;
}

.contact_verification {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

/* page recherche */
@media screen and (max-width: 740px) {
    .col-recherche {
        flex: unset;
        width: 100%;
        max-width: 100%;
    }
}

.titre_recherche::after {
    height: 0.2rem;
    width: 3.5rem;
    content: '';
    display: block;
    background: var(--blue-ecume-main-400);
    margin: 1rem auto 1rem 0;
}

.contener-recherche {
    padding: 0 4rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 740px) {
    .contener-recherche {
        padding: 0;
    }
}

.contener-titre-recherche {
    margin: 0;
    background-color: var(--background-default-grey);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 4rem 4rem 0 4rem;
}

.filtres-accordion {
    box-shadow: none;
}

.filtres-accordion__btn {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0.75rem 1rem;
}

.recherche-collapse {
    padding: 0.75rem 1rem;
}

.filtres-accordion__btn[aria-expanded="true"]::after{
    height: 0.1rem;
    content: '';
    display: block;
    background: var(--blue-ecume-main-400);
    position: absolute;
    top: 5rem;
    margin: 0.5rem auto;
    left: 1rem;
    right: 1rem;
}

.filtres-accordion .filtres-accordion__btn {
    color: var(--blue-ecume-main-400);
}

.filtres-accordion__btn::before {
    content: "\E008";
    font-size: 4rem;
    color: var(--blue-ecume-main-400);
}

.filtres-accordion__btn[aria-expanded="true"]::before {
    content: "\E016";
}

.filtres-accordion .filtres-accordion__btn:not(a):not(:disabled):hover, .filtres-accordion a.filtres-accordion__btn[href]:hover {
    background-image: none;
}

.filtres {
    background-color: #F9F8F6;
}

.filtres-titre {
    margin: 0 0 0.5rem;
    color: #383838;
}

.recherche-fieldset {
    margin-bottom: 2rem;
}

.recherche-bouton {
    margin-bottom: 2rem;
}

a.fr-tag.recherche-tag {
    background : none;
    color: var(--blue-ecume-main-400);
    border-color : var(--blue-ecume-main-400);
    border-style: solid;
    border-width: 0.1rem;
    margin-bottom: 0.5rem;
}

a.fr-tag.recherche-tag:hover {
    color: var(--background-default-grey);
    background :var(--blue-ecume-main-400);
}

a.fr-tag.recherche-tag.is-active {
    background : var(--blue-ecume-main-400);
    color: var(--background-default-grey);
}

:root:not([data-fr-theme="dark"]) [class*="--scheme-light-"] a.recherche-tag, :root:not([data-fr-theme="dark"]) [class*="--scheme-light-"] button.recherche-tag, :root:not([data-fr-theme="dark"]) [class*="fr-scheme-light"] a.recherche-tag, :root:not([data-fr-theme="dark"]) [class*="fr-scheme-light"] button.recherche-tag, :root:not([data-fr-theme="dark"]) a.recherche-tag, :root:not([data-fr-theme="dark"]) button.recherche-tag {
    --color-hover: var(--blue-ecume-main-400);
    --color-active: var(--blue-ecume-main-400);
}

.recherche-tags-group a.is-active:hover:after, .recherche-tags-group a.is-active:focus:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.recherche-tags-group a.is-active::after {
    margin: 0 0 0 0.625rem;
    width: 0.8em;
    height: 0.8em;
    background: url("") no-repeat;
    content: "";
    display: inline-block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

a.tag-active {
    background-color: transparent;
    background-image: radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france) .625rem);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: var(--text-inverted-grey);
    overflow: visible;
    position: relative;
}

a.tag-active:hover {
    background-size: 100%;
    background-color: var(--hover-tint);
    background-image: radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france-hover) .625rem);
}

.tag-active::after {
    color: var(--text-action-high-blue-france);
    content: "\E01F";
    font: normal 700 normal 1rem/1 dsfr-icon;
    margin: -0.5rem;
    position: absolute;
    right: 0;
    top: 4px;
}

.tris {
    text-align: right;
}

.filter {
    margin: 0;
    background: var(--background-default-grey);
    display: inline-block;
    position: relative;
}

.filter--order {
    margin-left: auto;
    margin-right: 0;
    width: 14rem;
    text-align: right;
}

.filter--order .filter__btn[aria-expanded=true] + .filter__list {
    border-top: 0;
}

.filter--order .filter__list {
    background: var(--blue-ecume-925-125);
    visibility: hidden;
}

.filter--order .filter__list__item input:checked + label:before {
    content: none;
}

.filter--order .filter__list__item label:before {
    content: none;
}

.filter__btn {
    padding: 0.8333333333rem 0.25rem;
    background: transparent;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    width: auto;
    text-align: right;
}

.filter__btn p {
    font-size: 0.8rem;
    padding: 0 0.625rem 0 0;
    margin-bottom: 0;
}

.filter__btn[aria-expanded=true] + .filter__list {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    position: absolute;
    overflow: hidden;
    clip: auto;
    border-top: 0.125rem solid #007d8f;
}

.filter__list {
    -webkit-box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(17, 33, 49, 0.08);
    box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(17, 33, 49, 0.08);
    background: var(--background-default-grey);
    list-style: none;
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    bottom: 0;
    width: 0.0625rem;
    height: 0.0625rem;
    margin: -0.0625rem;
    position: absolute;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filter__list__item {
    padding: 0;
    position: relative;
}

.filter__list__item a[href] {
    box-shadow: none;
    background-image: none;
}

.filter__list__item input {
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
    opacity: 0;
}

.filter__list__item input:focus + label {
    outline: thin dotted #000;
    background: #f5f6f6;
}

.filter__list__item input:checked + label {
    color: var(--blue-ecume-main-400);
}

.filter__list__item input:checked + label:before {
    color: var(--blue-ecume-main-400);
    content: "✔";
}

.filter__list__item a {
    padding: 0.25rem 0.25rem;
    cursor: pointer;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 0.8rem;
}

.filter__list__item a.is-active {
    font-weight: bold;
}

.filter__list__item label {
    padding: 0.625rem 1.25rem;
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.filter__list__item label:before {
    margin: 0 0.3125rem 0 0;
    font-size: 0.625rem;
    line-height: 0.875rem;
    border-radius: 0.25rem;
    width: 0.9375rem;
    height: 0.9375rem;
    content: "";
    display: inline-block;
    border: thin solid #afafaf;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.recherche-list {
    display: flex;
    flex-wrap: wrap;
}

.recherche-card {
    width: 100%;
}



.recherche-card .fr-card__body{
    display:block;
}

.recherche-card.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__title{
    margin-bottom:0.5em;
}
.recherche-card .fr-card__body > .fr-card__detail{
    margin-top:0;
    margin-bottom:0;
}


.fr-card.recherche-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__desc{
    margin-top:0;
    margin-bottom:0;
}


.recherche-card__desc::before {
    height: 0.2rem;
    width: 3.5rem;
    content: '';
    display: block;
    background: var(--blue-ecume-main-400);
    margin: 0.5rem auto 1rem 0;
}

.recherche-card__title {
    overflow: hidden;
}

.recherche-card__footer__p {
    font-size: 0.875rem;
    margin: 0;
}

.recherche-card__link {
    --link-blank-font: normal 700 normal 1rem/1 dsfr-icon;
    display: inline;
}

.recherche-doc-card__link {
    --link-blank-font: normal 700 normal 1rem/1 dsfr-icon;
    --link-blank-content: "\E018";
    display: inline;
}

.recherche-card__link[target="_blank"]::after {
    font-size: 1.35rem;
    padding-left: 0.5rem;
}

.recherche-doc-card__link[target="_blank"]::after {
    font-size: 1.35rem;
    padding-left: 0.5rem;
}

.hlr {
    font-style: unset;
}

/* page actualites */
.actualites-col {
}

.tris-actualites {
    width: 100%;
}

.liste-actus {
    margin: -0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.entete_actus {
    position: relative;
    width: calc(100%/3 - 20px);
}

@media screen and (max-width: 740px) {
    .entete_actus {
        width: calc(100%/2 - 20px);
    }
}

@media screen and (max-width: 460px) {
    .entete_actus {
        width: 100%;
    }
}

.actus-list {
    position: relative;
    width: calc(100%/3 - 20px);
}

@media screen and (max-width: 740px) {
    .actus-list {
        width: calc(100%/2 - 20px);
    }
}

@media screen and (max-width: 460px) {
    .actus-list {
        width: 100%;
    }
}

.titre_page_actus {
    color: var(--blue-ecume-main-400);
    border-bottom : solid 0.1rem var(--blue-ecume-main-400);
    width: max-content;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 640px) {
    .titre_page_actus {
        font-size : 1.5rem;
    }
}

.actualites-tags-group a.is-active:hover:after, .actualites-tags-group a.is-active:focus:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.actualites-tags-group a.is-active:after {
    margin: 0 0 0 0.625rem;
    width: 0.8em;
    height: 0.8em;
    background: url("") no-repeat;
    content: "";
    display: inline-block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.articles-list__item {
    height: 100%;
}

/* formulaire SVE */
.formulaire_sve {
    padding-top: 1rem;
}

.saisie_nom_contact_erreur {
    margin-top: 1rem;
}

.saisie_adresse_erreur {
    margin-top: 1rem;
}

.sve_zone_geo_erreur {
    margin-top: 1rem;
}

.fr-alert__title {
    display: block;
}

.saisie_email::marker {
    font-size: 0;
}

.saisie_adresse::marker {
    font-size: 0;
}

.saisie_code_postal::marker {
    font-size: 0;
}

.ville::marker {
    font-size: 0;
}

.saisie_pays::marker {
    font-size: 0;
}

.editer-groupe li::marker {
    font-size: 0;
}

.choix {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    position: relative;
    color: var(--text-title-grey);
}

.radio {
    opacity: 0;
}

.choix input[type="radio"] + label {
    position: relative;
    padding: .75rem 0;
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: 3rem;
}

.choix input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -2rem;
    width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .75rem;
    margin-right: .5rem;
    border: 1px solid;
    border-radius: 50%;
    transform-origin: center;
}

.choix input[type="radio"]:checked + label::before {
    box-shadow: inset 0 0 0 5px var(--background-default-grey);
    background-color: var(--background-active-blue-france);
    border: 1px solid var(--background-active-blue-france);
}

.fieldset_pieces {
    margin-top: 1rem;
}

.textechk {
    width: 100%;
    line-height: 1rem;
}

.saisie label {
    display: block;
}

/* banniere cookies */
.fr-consent-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem 2rem;
    text-align: center;
}

#banniere-cookie {
    position: fixed;
    width: 100%;
    z-index: 4500;
    overflow: auto;
    background-color: var(--background-contrast-grey);
    box-shadow: inset 0 0 0 1px var(--background-contrast-grey);
    padding: 2rem;
    bottom: 2.5rem;
    left: 2.5rem;
    max-width: 40rem;
    max-height: calc(100% - 5rem);
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

#banniere-cookie .cicb_texte {
    float: unset;
    text-align: unset;
    margin: unset;
    max-width: unset;
}

#banniere-cookie a.cicb_fermer {
    display: none;
}

.cibc_texte {
    margin-bottom: 1rem;
}

.cicb_boutons {
    margin-top: 1.5rem;
    margin-bottom: -1rem;
    justify-content: flex-start;
    margin-left: -1rem;
    margin-top: 2rem;
    width: calc(100% + 1rem);
    text-align: right;
    --ul-type: none;
    --ol-type: none;
    --ul-start: 0;
    --ol-start: 0;
    --xl-block: 0;
    --li-bottom: 0;
    --ol-content: none;
    align-items: stretch;
    flex-wrap: wrap;
    margin-right: 0;
}

#banniere-cookie .bouton {
    --link-underline: none;
    --link-blank-font: none;
    --link-blank-content: none;
    margin: 0;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 1rem;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    z-index: 1;
    outline-color: #2a7ffe;
    outline-offset: 2px;
    outline-width: 2px;
    appearance: none;
    fnk-underline: none;
    --link-blank-font: none;
    --text-spacing: 0;
    --title-spacing: 0;
    --blend-full-size: 100%;
    --blend: var(--background-active-blue-france);
    align-items: center;
    background-color: var(--background-active-blue-france);
    color: var(--text-inverted-blue-france);
    display: inline-flex;
    flex-direction: row;
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 2.5rem;
    padding: .5rem 1.5rem;
    z-index: 1;
    font-family: inherit;
    border: none;
    border-radius: unset;
    text-shadow: none;
    transition: none;

}

#banniere-cookie .bouton:hover {
    --hsla: hsla(var(--blend),var(--a));
    --blend-size: var(--blend-full-size);
    --blend-position: 50%;
    background-color: #0606b2;
    background-image: radial-gradient(circle at center,var(--hsla),var(--hsla) 3%);
    background-position: var(--blend-position);
    background-repeat: no-repeat;
    background-size: var(--blend-size);
}

#banniere-cookie .savoir {
    --blend: inherit;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
    color: var(--text-action-high-blue-france);
}

#banniere-cookie .savoir:hover {
    background-color: transparent;
    color: var(--text-action-high-blue-france);
}

/*******************************************
Page Mot
 */


.aplat-mot::before {
    content: '';
    background-color: var(--blue-ecume-main-400);
    width: 100vw;
    height: 100%;
    position: absolute;
    top : 0;
    left: 0;
    z-index: -1;
    margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
    margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.contener-titre-mot {
    margin: 0;
    background-color: var(--blue-ecume-main-400);
    color: var(--background-default-grey);
    width: 100%;
    height: 100%;
}





.aplat-mot {
    margin: 0;
    min-height: 350px;
    position : relative;
}

.aplat-mot  .titre-mot{
    background-color: #FFFFFFCC;
    position: absolute;
    bottom: 0;
    visibility: visible;
}
.titre-mot {
    margin: 0;
   // color: var(--background-default-grey);
}