/**** encadré sndi ****/ 

.encadre-sndi {
    padding: 4rem;
    background: url(../images/pattern-A.svg?0.1) no-repeat var(--background-alt-green-bourgeon);
    background-size: cover;
}

.encadre-sndi .wrapper {
    background-color: var(--background-default-grey);
    padding:2rem;
}
.fr-text--lead p {
    font-size: 1.25rem !important;
    line-height: 2rem !important;
    margin: var(--text-spacing);
}


@media(max-width:576px){
    .encadre-sndi {
        padding: 2rem;
    }
    
    .encadre-sndi .wrapper {
        padding:1rem;
    }
}




/***** correction hover sommaire automatique ***/
li.fr-sidemenu__link  a[href] {
    padding: 0.5rem;
    }
        li.fr-sidemenu__link  a[href]:hover {
           background-color: var(--hover-tint) !important;
           --hover-tint: var(--hover);
        --active-tint: var(--active);
        }
    
    /****** liste ul li spip *****/
    ul.spip  {
            margin-bottom: 0 !important;
         }
       
    
    /****** correction cookies h5 ****/ 
    
    span#tarteaucitronDisclaimerAlert h5 {
        color: black;
    }
    
    /***** correction marge bouton header aide ***/
    .fr-header .fr-links-group .fr-link {
    margin-right: 1rem;
    }
    
    .fr-header .fr-links-group li {
        margin: 0.5rem 0 0;
    }
    
    
    
    /**** tables ****/ 
    /*** passage de block a table pour que la table occupe 100% de la palace ***/
    .fr-table table {
        display: table;
        width: 100%;
        margin:1rem 0;
    }
    
    
    /***** liens externe *****/ 
    .fr-callout a.spip_out {
        /*
        content: var(--link-blank-content);
        font: var(--link-blank-font);*/
        content:none;
        padding-right: 0 !important;
        background-image: none !important;
    }
    
    
    /***** ajout d'un fond jaune clair pour les call-out par defaut ****/ 
    
    .fr-callout--yellow-tournesol-975 {
      box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-tournesol);
      background-color: var(--background-alt-yellow-tournesol);
      --hover: var(--background-contrast-yellow-tournesol-hover);
      --active: var(--background-contrast-yellow-tournesol-active);
    }
    
    
    /***** correction des card avec texte trop petit ****/
    
    .fr-card__body {
        width: 100%;
    }
    
    
    
    /***** cacher les ancres du sommaire automatique ****/
    
    .sommaire-back {
        display: none !important;
    }
    
    
    /***** correction menu *****/
    
    main {
        z-index: 0;
    }
    
    
    /****** formulaire contact *****/
    
    .formulaire_formidable p.explication,
    .formulaire_formidable .attention {
        margin: 0 0 0.5rem;
        display: block;
    }
    
    .formulaire_formidable .explication_texte,
    .formulaire_formidable .saisie_input,
    .formulaire_formidable .saisie_email,
    .formulaire_formidable .saisie_destinataires,
    .formulaire_formidable .saisie_textarea {
        margin-bottom: 1.5rem;
        display: block;
    }
    
    textarea,
    input {
        --hover: var(--background-contrast-grey-hover);
        --active: var(--background-contrast-grey-active);
        background-color: var(--background-contrast-grey);
        border-radius: .25rem .25rem 0 0;
        box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
        color: var(--text-label-grey);
        display: block;
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .5rem 1rem;
        width: 100%;
    }
    
    input:not(textarea) {
        max-height: 2.5rem;
    }
    
    
    .formulaire_formidable .boutons .submit {
        background-color: var(--artwork-major-blue-france);
        color: var(--text-inverted-blue-france);
        font-size: 1rem;
        line-height: 1.5rem;
        min-height: 2.5rem;
        padding: 0.5rem 1.5rem;
        overflow: hidden;
        z-index: 1;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        --is-link: false;
        margin: 2rem 0;
        cursor: pointer;
    }
    
    input[type="checkbox"] {
        position: inherit;
        appearance: button;
        z-index: -1;
        display: inline-block;
        width: 1em;
        height: 1em;
        margin: 0.5em 0.5em 0 0;
        vertical-align: top;
        opacity: 1;
        border: 2px solid var(--text-action-high-blue-france);
        box-shadow: none;
    }
    
    .fr-accordion img {
        width: 100%;
        height: auto;
    }
    
    
    /******************   agenda 2030 *****************/
    
    /* ------------------------------------ *\
      CUSTOM AGENDA 2030
    \* ------------------------------------ */
    
    
    /****** texte encadré *****
    
    .fr-callout__text p {
        font-size: 1.25rem;
        line-height: 2rem;
    }*/
    
    
    /*** lien externe ****/
    
    a.spip_out::after {
        content: var(--link-blank-content);
        font: var(--link-blank-font);
    }
    
    h1.nonaccueil,
    h2.nonaccueil, div.nonaccueil {
        color: var(--grey-50-1000);
        background-size: cover !important;
        background-position: center !important;
    }
    .displaynone{
        display:none;
    }
    /*.fr-display-lg,
    .fr-display-md,
    .fr-display-sm,
    .fr-display-xl,
    .fr-display-xs,
    .fr-h1,
    .fr-h2,
    .fr-h3,
    .fr-h4,
    .fr-h5,
    .fr-h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--text-action-high-blue-france);
    }*/
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        display: block;
        width: 100%;
    }
    
    .actusdate {
        font-weight: bold;
    }
    
    
    /***** ajout icine pour le sommaire automatique ***/
    
    .sommaire-back {
        display: none !important
    }
    
    
    /******** formulaire ressources ******/
    
    .fr-checkbox-group input[type="checkbox"] {
        margin: 0 !important;
        z-index: 999;
        width: 25px;
        height: 25px;
        top: 25px;
    }
    
    
    /*blockquote.spip {
        /*padding-left: 2rem;
         border-left: solid 8px #476cb3;
        color: #476cb3;
        font-style: italic;
        font-weight: bold;
        font-size: 2rem;
        margin: 2rem 0 2rem 0 !important;
        
        background-color: var(--g200);
        --scheme-border: var(--bf500);
        box-shadow: inset 0.25rem 0 0 0 var(--scheme-border);
        flex: 0 0 calc(1200% / 12);
        width: calc(1200% / 12);
        max-width: calc(1200% / 12);
        padding: 2rem 3rem;
        margin-bottom: 2rem !important;
    }*/
    
    
    /*blockquote.spip P {
        margin: 0;
    }*/
    
    
    
    a small {
        padding: 0 5px;
        font-size: 0.8rem;
    }
    
    .fr-btns-group--left a.fr-btn {
        justify-content: left;
    }


    /******* images *****/
    
    .text-center {
        text-align: center;}
    
        .text-right {
        text-align: right;}
    
        .fr-display-block{display: block;} 
    
        .fr-w-auto {
            width:auto;
        } 
        
        .fr-clear-right {
            clear: right;
        }
    
        .fr-clear-left {
            clear: left;
        }
    
        .fr-clear-both {
            clear: both;
        }
    
        figure > a:after  {
            --icon-size: 0;
        }
        figure > a {
            background-image: none !important;
        }
    
    
    figure.spip_documents,
    figure.spip {
        margin: 1em 0;
    }
    
    figure.spip_documents_left {
        margin: 0 0.5em 0 0;
    }
    
    .media {
        max-width: 100%;
        height: auto;
    }
    
    
    /*.spip_documents {
        margin: 0 0 1em 0;
        display: block;
    }*/
    
    figure img {
        max-width: 100%;
        height: auto;
    }
    
    img.fr-content-media__img {
        aspect-ratio: 0 !important;
        position: relative;
        width: auto;
    }
    
    figure {
        margin: 0;
    }
    
    
    
    .social-networks-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .social-networks-list li {
        list-style: none;
    }
    
    .social-networks-list li::before,
    .printpage li::before {
        display: none;
    }
    
    .social-networks-list a {
        box-shadow: none;
    }
    
    .social-networks-list a::after {
        content: "" !important;
    }
    
    /* #odd .fr-card__img::before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 100%;
    }*/ 
    
    
    
    
    
    
    /***** ajout d'une hauteur limite pour les card de news *****/
    
    .hauteur-limitee, .hauteur-limitee .fr-card__img img {
        height: auto !important;
        aspect-ratio: auto;
    }
    
    
    /***** ajout d'un encadremement pour les images de news *****/
    
    /*.fr-card__img {
        border: 1px solid var(--border-default-grey);
    }*/
    
    
    /***** twitter ****/
    
    .home-twitter {
        box-shadow: inset 0 0 0 1px var(--border-default-grey);
        padding: 0.1em;
    }
    
    
    /***** couleur de titre blanc *****/
    
    .titre_blanc {
        color: rgb(255, 255, 255) !important;
    }
    
    
    /***** mise en forme du sommaire de l'article *****/
    
    .sommaire_auto a.spip_ancre {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
    }
    
    .sommaire_auto li.fr-sidemenu__item {
        margin-bottom: 0.4em;
       /* box-shadow: none;*/
    }
    
    /***** ajout de style pour le sommaire auto ****/
    
    .sommaire_auto .fr-sidemenu__item:before {
        box-shadow: none;
        content:none;
        
    }
    
    
    /****** formulaire contact *****/
    
    .formulaire_formidable p.explication,
    .formulaire_formidable .attention {
        margin: 0 0 0.5rem;
        display: block;
    }
    
    .formulaire_formidable .explication_texte,
    .formulaire_formidable .saisie_input,
    .formulaire_formidable .saisie_email,
    .formulaire_formidable .saisie_destinataires,
    .formulaire_formidable .saisie_textarea {
        margin-bottom: 1.5rem;
        display: block;
    }
    
      
    .formulaire_formidable .boutons .submit {
        background-color: var(--artwork-major-blue-france);
        color: var(--text-inverted-blue-france);
        font-size: 1rem;
        line-height: 1.5rem;
        min-height: 2.5rem;
        padding: 0.5rem 1.5rem;
        overflow: hidden;
        z-index: 1;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        --is-link: false;
        margin: 2rem 0;
        cursor: pointer;
    }
    
    input[type="checkbox"] {
        position: inherit;
        appearance: button;
        z-index: -1;
        display: inline-block;
        width: 1em;
        height: 1em;
        margin: 0.5em 0.5em 0 0;
        vertical-align: top;
        opacity: 1;
        border: 2px solid var(--text-action-high-blue-france);
    }
    
    /****** lien dans les callout exergues ****/ 
    
    
    /* .fr-callout a  {
        border-bottom: 1px solid;
    color: var(--text-action-high-blue-france);
    background: none;
    } */
    
    
    a.fr-tag[aria-pressed=true]:active, a.fr-tag[aria-pressed=true]:hover, a.fr-tag[aria-pressed=true]:focus{
        background-image: none !important;
    }
    
    
    /******* gestion du hr  *****/
    
    hr.spip,
    .notes hr {
        width: 100% !important;
        margin: 1rem 0;
        height: 3px;
        border: 0;
        clear: both;
    }
    
    .notes p {
        margin: 0 0 1rem;
    }
    
    
    /***** ajout des images responsives ****/
    
    .spip_documents img {
        max-width: 100%;
        height: auto;
    }
    
    figure.spip_documents,
    figure.spip {
        margin: 1em 0;
    }
    
    figure.spip_documents.spip_documents_center,
    span.spip_documents.spip_documents_center,
    .spip_documents_center .spip_doc_titre,
    .spip_documents_center {
        display: block;
        text-align: center;
    }
    
    figure.spip_documents.spip_documents_left,
    span.spip_documents.spip_documents_left,
    .spip_documents_left .spip_doc_titre,
    .spip_documents_left {
        margin: 0 1em 0 0 !important;
        display: block !important;
        text-align: left;
    }
    
    figure.spip_documents.spip_documents_right,
    span.spip_documents.spip_documents_right,
    .spip_documents_right .spip_doc_titre,
    .spip_documents_right {
        margin: 0 0 0 1em !important;
        display: block !important;
        text-align: right;
    }
    
    .float-left {
        float: left !important;
    }
    
    .float-right {
        float: right !important;
    }
    
    .texte-droite {
        text-align: right;
    }
    
    .partager {
        border-top: 2px solid var(--g300);
        padding: 0;
        margin: 2rem 0 0 0;
        clear: both;
        display: inline-flex;
    }
    
    
    /**** supression des encadres de l'image ****/
    
    .spip_documents a {
        box-shadow: none;
        background-image:none;
        
    }
    
    .spip_documents a  img {
        border: 1px solid transparent !important;
    }
    
    .spip_documents a  img:hover {
        border: 1px solid #b0c9ff !important;
    }
    
    
    /***** blockquote *******/
    
    blockquote.spip {
       /* box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-ecume);
        padding-left: 1.5rem;
        font-size: 1.125rem!important;
        line-height: 1.75rem!important;
        margin: var(--text-spacing);*/
    
        background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
        background-position: .5rem 100%;
        background-repeat: no-repeat;
        background-size: 50% 1px;
        margin: 0 2rem 0 3rem;
        padding: 0 .5rem 2rem;
        position: relative;
        background-position: 0 0;
        background-size: 1px 100%;
        padding: 0 0 0 2rem;
    }
    
    blockquote.spip:before {
        color: var(--artwork-major-blue-france);
        content: "";
        display: block;
        font: normal 700 normal 2rem/1 dsfr-icon;
        font-weight: 700;
        padding-bottom: .5rem
    }
    
    blockquote.spip p {
        /*font-size: 1.375rem;
        line-height: 2.25rem;*/
        font-size: 1.125rem!important;
        line-height: 1.75rem!important;
        margin: var(--text-spacing);
    }
    
     
    
    blockquote.spip::before {
      content: "";
      flex: 0 0 auto;
      display: inline-block;
      /*vertical-align: middle;*/
      background-color: currentColor;
      width: var(--icon-size);
      height: var(--icon-size);
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-image: url("../../design_system_admin/lib/dsfr/v1.13.1/icons/editor/fr--quote-line.svg");
      mask-image: url("../../design_system_admin/lib/dsfr/v1.13.1/icons/editor/fr--quote-line.svg");
      --icon-size: 2rem;
      display: block;
      margin-bottom: 0.5rem;
      color: var(--artwork-minor-blue-france);
    }
    
    /***** exergue ****/ 
    
    .fr-highlight .fr-text--sm p {
        line-height: 1.5rem!important;
        margin: var(--text-spacing);
        font-size: .875rem!important;
    }
    .fr-highlight .fr-text--lg p {
        font-size: 1.125rem!important;
        line-height: 1.75rem!important;
        margin: var(--text-spacing);
    }
    
    
    
    .texteencadre-spip {
         border:  none;
         color: var(--text-default-grey);
    
        --title-spacing: 0 0 0.5rem;
        --text-spacing: 0;
        --hover: var(--background-contrast-grey-hover);
        --active: var(--background-contrast-grey-active);
        background-color: var(--background-contrast-grey);
        box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);
        margin: 0 0 1.5rem;
        padding: 1.5rem;
        position: relative;
        font-size: 1.25rem;
        line-height: 2rem;
    }
    
    .texteencadre-spip .autobr {
        display: none;;
    }
    
    
    
    /****** chiffres *****/
    
    
    
    p.chiffre {
        font-size: 1.5rem;
        display: table;
    }
    
    p.key-number {
        display: flex;
    }
    .fr-sidemenu__inner{
        overflow-x: hidden !important;
        overflow-y: auto;
    }
    
    .number {
        font-size: 1.5rem;
        font-weight: bold;
        display: inline-flex;
        padding:  2rem;
        text-align: center;
        min-width: 30%;
        border-radius: 20px 0 0 20px;
        background:  var(--background-contrast-green-emeraude);
        color: var(--text-title-grey);
        line-height: 1.2em;
        white-space: nowrap;
        justify-content: center;
    }
    
    .key-number .explication {
        display: inline-flex;
        align-items: center;
        padding: 1rem;
        border-radius: 0 20px 20px 0;
        color: var(--text-action-high-grey);
        width:100%;
    }
    
    @media (max-width: 576px){
        p.key-number {
            flex-direction: column !important;
        }
        .number,  .explication {
            width: 100%;
            max-width: 100%;
        min-width: 100%;
            border-radius: 20px 20px 0 0;
        }
    
        .explication {
            width: 100%;
            max-width: 100%;
        min-width: 100%;
            border-radius: 0 0 20px 20px !important;
        }
    
    
        }
    
    
    .taille50 {
        font-size: 50%;
    }
    
    .taille80 {
        font-size: 80%;
    }
    
    .taille100 {
        font-size: 100%;
    }
    
    .taille110 {
        font-size: 110%;
    }
    
    .taille120 {
        font-size: 120%;
    }
    
    .taille130 {
        font-size: 130%;
    }
    
    .taille140 {
        font-size: 140%;
    }
    
    .taille150 {
        font-size: 150%;
    }
    
    .taille200 {
        font-size: 200%;
    }
    
    .taille250 {
        font-size: 250%;
    }
    
    .taille300 {
        font-size: 300%;
    }
    
    .taille350 {
        font-size: 350%;
    }
    
    .taille400 {
        font-size: 400%;
    }
    @media (max-width: 767px){
        .cassure-ecran {
            display: inline-block;
        }
    }
    :root[data-fr-theme="dark"] {
        --color--chiffre1: #383838;
        --color--chiffre1b: #2a2a2a;
        --color--chiffre2: #eff4ff;
        --color--chiffre2b: #c8d9ff;
        --color--chiffre3: #4f6dae;
        --color--chiffre3b: #dfe9ff;
        --color--chiffre4: #ffc29e;
        --color--chiffre4b: #ffceb2;
        --color--chiffre4c: #f9decf;
        --color--chiffre5: #cdcdcd;
        --color--chiffre5b: #f0f0f0;
        --color--chiffre6: #4f6dae;
        --color--arrow-select: #ffffff;
    }
    
    :root[data-fr-theme="light"] {
        --color--chiffre1: #b0c9ff;
        --color--chiffre1b: #dfe9ff;
        --color--chiffre2: #eff4ff;
        --color--chiffre2b: #c8d9ff;
        --color--chiffre3: #4f6dae;
        --color--chiffre3b: #dfe9ff;
        --color--chiffre4: #ffc29e;
        --color--chiffre4b: #ffceb2;
        --color--chiffre4c: #f9decf;
        --color--chiffre5: #cdcdcd;
        --color--chiffre5b: #f0f0f0;
        --color--chiffre6: #4f6dae;
        --color--arrow-select: #000000;
    }
    
    .theme1 .number {
        background: var(--color--chiffre1);
    }
    
    .theme1 .explication {
        background: var(--color--chiffre1b);
        color: #000
    }
    
    .theme2 .number {
        background: var(--color--chiffre2);
    }
    
    .theme2 .explication {
        background: var(--color--chiffre2b);
    }
    
    .theme3 .number {
        background: var(--color--chiffre3);
        color: #fff
    }
    
    .theme3 .explication {
        background: var(--color--chiffre3b);
    }
    
    .theme4 .number {
        background: var(--color--chiffre4);
    }
    
    .theme4 .explication {
        background: var(--color--chiffre4b);
    }
    
    .theme5 .number {
        background: var(--color--chiffre5);
    }
    
    .theme5 .explication {
        background: var(--color--chiffre5b);
    }
    
    
    
    @media(max-width:576px){
        .chapo p {
            font-size: 1.15rem !important;
            line-height: 1.6rem !important;
        }
    }
    
    @media(max-width:767px){
        #fr-sidemenu .fr-collapse:not(.fr-collapse--expanded) {
            visibility: visible;
        }
        #fr-sidemenu .fr-collapse {
            --collapse-max-height: unset;
            --collapse: unset;
            --collapser: "";
            overflow: hidden;
            transition: visibility 0.3s;
            max-height: 0;
            max-height: var(--collapse-max-height);
        }
    }
    
    @media (min-width: 62em)  {
    .fr-header .fr-nav__list {
        margin:0;
    }
    }
    
    #tarteaucitronRoot #tarteaucitronCloseCross {
        padding: 0 1rem 0 0;
        margin-right: 0;
        display: flex;
      }
    .fr-background-alt--blue-france {
        --hover: var(--background-alt-blue-france-hover)!important;
        --active: var(--background-alt-blue-france-active)!important;
        background-color: var(--background-alt-blue-france)!important;
    }
    
    .nomaxheight img{
        max-height: none;
    }
    .fr-background-alt--yellow-tournesol {
        --hover: var(--background-alt-yellow-tournesol-hover)!important;
        --active: var(--background-alt-yellow-tournesol-active)!important;
        background-color: var(--background-alt-yellow-tournesol)!important;
    }
    .fr-background-alt--orange-terre-battue {
        --hover: var(--background-alt-orange-terre-battue-hover)!important;
        --active: var(--background-alt-orange-terre-battue-active)!important;
        background-color: var(--background-alt-orange-terre-battue)!important;
    }
    .fr-background-alt--green-bourgeon {
        --hover: var(--background-alt-green-bourgeon-hover) !important;
        --active: var(--background-alt-green-bourgeon-active)!important;
        background-color: var(--background-alt-green-bourgeon) !important;
    }

    .fr-download {
        width: 100%;
      }
    
    
    div#modal-402.fr-header__menu.fr-modal.fr-modal--opened div.fr-container div.fr-header__menu-links ul.fr-links-group li a.fr-btn{
       max-width: 100% !important; 
    }
    
    div#modal-402 ul.fr-links-group li a, div#modal-402 ul.fr-links-group li button{
        justify-content: left !important;
    }
    /*.encadre-sndi .fr-card__title a{
        color: var(--g800);
    }
    .encadre-sndi .fr-card__title a:hover{
        color: var(--color--arrow-select);
    }*/
    /*  HR */
    hr.spip, .notes hr {
        width: 100% !important;
        margin: 1rem 0;
        height: 3px;
        border: 0;
        clear: both;
    }
    /* modification taille texte du bloc de sommaire */
    ul.fr-sidemenu__list li, a.fr-sidemenu__link {
        font-size: 13px !important;
    }
    li.fr-sidemenu__link a[href] {
        padding: 0.5rem;
    }
    .nav-sommaire {
        border: none;
        margin-left: 5%;
        margin-bottom: 1.5em;
    }
    .sommaire_auto li.fr-sidemenu__item {
        margin-bottom: 0.4em;
        /* box-shadow: none; */
    }
    li.fr-sidemenu__link a[href] {
        padding: 0.5rem;
    }
    #pagination_list{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        list-style: none;
    }
    .fr-header__brand-top{
        padding-right: 2rem;
    }