/****** gestion des langues ****/

span[lang=en], span[lang=lat], span[lang=es], span[lang=de] {
    font-style: italic;
}

/***** supression de la numerotation dans le menu des fiches thématiques ****/

.fth_menu .fr-summary__link::before, .fth_menu ol.fr-summary__list a::before {
    content: none;
    position: absolute;
    right: 100%;
    font-size: var(--xl-size);
    font-weight: 700;
}

.fr-collapse--expanded div.fr-p-3w ul.spip {
    text-align: left;
}

/***** gestion du texte de transcription et des callout ****/


.fr-content-media .fr-collapse {
    --text-spacing: 0 0 1rem !important;
}

/***** citation ****/


blockquote.spip {

    margin: 2em;
    border-left: 1px solid var(--color-16);
    padding: 0 1.5rem;
    font-style: italic;
    background: var(--color-0);
    font-size: 105%;
    line-height: 1.9;
    font-weight: 200;
    margin-left: 13rem;
    min-height: 13rem;
}

blockquote.spip p {

    margin: 1em 2em;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;

}

blockquote.spip:before {
    color: #6a6af4;
    color: var(--artwork-minor-blue-france);
    content: "";
    display: block;
    margin-bottom: 0.5rem;
}

blockquote.spip:before {
    --icon-size: 2rem;
    background-color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 2rem;
    height: var(--icon-size);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE0IDNhOCA4IDAgMSAxIDAgMTZ2My41Yy01LTItMTItNS0xMi0xMS41YTggOCAwIDAgMSA4LThoNFptMCAyaC00YTYgNiAwIDAgMC02IDZjMCAzLjYxIDIuNDYyIDUuOTY2IDggOC40OFYxN2gyYTYgNiAwIDEgMCAwLTEyWm0tMiAyLjUtMi41MDYgMy43NUwxMiAxNUg5LjI5NUw2Ljc1IDExLjI1IDkuMjk1IDcuNUgxMlptNC41IDAtMi41MDYgMy43NUwxNi41IDE1aC0yLjcwNWwtMi41NDUtMy43NSAyLjU0NS0zLjc1SDE2LjVaIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE0IDNhOCA4IDAgMSAxIDAgMTZ2My41Yy01LTItMTItNS0xMi0xMS41YTggOCAwIDAgMSA4LThoNFptMCAyaC00YTYgNiAwIDAgMC02IDZjMCAzLjYxIDIuNDYyIDUuOTY2IDggOC40OFYxN2gyYTYgNiAwIDEgMCAwLTEyWm0tMiAyLjUtMi41MDYgMy43NUwxMiAxNUg5LjI5NUw2Ljc1IDExLjI1IDkuMjk1IDcuNUgxMlptNC41IDAtMi41MDYgMy43NUwxNi41IDE1aC0yLjcwNWwtMi41NDUtMy43NSAyLjU0NS0zLjc1SDE2LjVaIi8+PC9zdmc+);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: calc(0.375em - 1rem);
    vertical-align: calc((0.75em - var(--icon-size)) * .5);
    width: 2rem;
    width: var(--icon-size);
}

/******* fin citation ***/

.d-block,
.fr-display-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.shadow {
    border: 1px solid var(--border-default-grey);
}

.fr-w-100 {
    width: 100%;
}

.fr-text--sm p {
    font-size: .875rem !important;
    line-height: 1.5rem !important;
    margin: var(--text-spacing);
}

.fr-minus-5em {
    margin-left: -5rem;
}

.float-right {
    float: right !important;
}

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}


/****** background des themes *****/

.theme-0 {
    fill: #b0c9ff;
    background: #b6cffb;
}

.theme-1 {
    fill: #0a8855;
    background: #1f8d49;
}

.theme-2 {
    fill: #fdcf41;
    background: #fcc63a;
}

.theme-3 {
    fill: #ff6f4c;
    background: #fcc0b0;
}

.theme-4 {
    fill: #ff8d7e;
    background: #fddfd8;
}

.theme-5 {
    fill: #91ae4f;
    background: #00a95f;
}

.theme-6 {
    fill: #1ab497;
    background: #009081;
}

.theme-7 {
    fill: #5770be;
    background: #417dc4;
}

.theme-8 {
    fill: #ff9940;
    background: #fcbfb7;
}

/******* border des themes ********/

.theme-0-border {
    fill: #b0c9ff;
    border-color: #b6cffb;
}

.theme-1-border {
    fill: #0a8855;
    border-color: #1f8d49;
}

.theme-2-border {
    fill: #fdcf41;
    border-color: #fcc63a;
}

.theme-3-border {
    fill: #ff6f4c;
    border-color: #fcc0b0;
}

.theme-4-border {
    fill: #ff8d7e;
    border-color: #fddfd8;
}

.theme-5-border {
    fill: #91ae4f;
    border-color: #00a95f;
}

.theme-6-border {
    fill: #1ab497;
    border-color: #009081;
}

.theme-7-border {
    fill: #5770be;
    border-color: #417dc4;
}

.theme-8-border {
    fill: #ff9940;
    border-color: #fcbfb7;
}


/********* fin  *************/

.spip_documents object {
    max-width: 100%;
}


.super_center {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background-color: #f5f5fe;
}

.super_center img {
    object-fit: contain !important;
}

a.fr-tag[aria-pressed=true]:not(:disabled) {
    background-color: transparent;
    color: var(--text-inverted-grey);
    background-image: radial-gradient(circle at 100% .25rem, transparent .578125rem, var(--background-action-high-blue-france) .625rem);
}

a.fr-tag[aria-pressed=true]::after {
    color: var(--background-action-high-blue-france);
}

.thema__header {
    border-radius: 1rem;
    background-size: contain !important;
}

.thema__footer {
    background-image: none !important;
    padding: 2rem;
}

.thema__footer h2 {
    padding: 1rem 0 0 0;
    background-image: none !important;
}

.thema__header .fr-tag {
    background: rgba(255, 255, 255, .2);
    border: 0;
    color: #000 !important;
}

.thema__header .fr-tag:hover {
    background: #171717;
    color: #fff !important;
}

.thema__header,
.thema__header h1 {
    color: #171717 !important;
}

.thema--0 .thema__header {
    background: #dfe9ff no-repeat right top;
}

.thema--theme-1 .thema__header {
    background: #0a8855 url(../images/themes/theme-1-thematique.svg) no-repeat right top;
}

.thema--theme-1 .thema__header,
.thema--theme-1 .thema__header h1,
.thema--theme-7 .thema__header,
.thema--theme-7 .thema__header h1 {
    color: #fff !important;
}

footer.thema--theme-1 {
    background: #0a8855 !important;
}

.thema--theme-2 .thema__header {
    background: #fdcf41 url(../images/themes/theme-2-thematique.svg) no-repeat right top;
    color: #171717;
}

footer.thema--theme-2 {
    background: #fdcf41;
    color: #171717;
}

.thema--theme-3 .thema__header {
    background: #ff6f4c url(../images/themes/theme-3-thematique.svg) no-repeat right top;
    color: #171717 !important;
}

footer.thema--theme-3 {
    background: #ff6f4c;
    color: #171717;
}

.thema--theme-3 h1 {
    color: #171717 !important;
}

.thema--theme-4 .thema__header {
    background: #ff8d7e url(../images/themes/theme-4-thematique.svg) no-repeat right top;
}

footer.thema--theme-4 {
    background: #ff8d7e;
    color: #171717;
}

.thema--theme-5 .thema__header {
    background: #91ae4f url(../images/themes/theme-5-thematique.svg) no-repeat right top;
    color: #171717;
}

footer.thema--theme-5 {
    background: #91ae4f;
    color: #171717;
}

.thema--theme-6 .thema__header {
    background: #1ab497 url(../images/themes/theme-6-thematique.svg) no-repeat right top;
    color: #171717;
    background-size: contain !important;
}

footer.thema--theme-6 {
    background: #1ab497;
    color: #171717;
}

.thema--theme-7 .thema__header {
    background: #5770be url(../images/themes/theme-7-thematique.svg) no-repeat right top;
}

footer.thema--theme-7 {
    background: #5770be;
    color: #171717;
}

.thema--theme-8 .thema__header {
    background: #ff9940 url(../images/themes/theme-8-thematique.svg) no-repeat right top;
}

footer.thema--theme-8 {
    background: #ff9940;
    color: #171717;
}

h2.fr-h1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

h2#actualites,
h2#agir,
h2#en_bref,
h2#en_savoir_plus,
h2#ressources {
    margin-left: -6rem;
}

.titraille_h2 {
    margin-left: -5rem;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
}

.thema--theme-0 .titraille_h2 {
    border-color: #b0c9ff;
}

.thema--theme-1 .titraille_h2 {
    border-color: #0a8855;
}

.thema--theme-2 .titraille_h2 {
    border-color: #fdcf41;
}

.thema--theme-3 .titraille_h2 {
    border-color: #ff6f4c;
}

.thema--theme-4 .titraille_h2 {
    border-color: #ff8d7e;
}

.thema--theme-5 .titraille_h2 {
    border-color: #91ae4f;
}

.thema--theme-6 .titraille_h2 {
    border-color: #1ab497;
}

.thema--theme-7 .titraille_h2 {
    border-color: #5770be;
}

.thema--theme-8 .titraille_h2 {
    border-color: #ff9940;
}

.thema--theme-0 svg, svg.thema--theme-0 {
    fill: #b0c9ff;
}

.thema--theme-1 svg, svg.thema--theme-1 {
    fill: #0a8855;
}

.thema--theme-2 svg, svg.thema--theme-2 {
    fill: #fdcf41;
}

.thema--theme-3 svg, svg.thema--theme-3 {
    fill: #ff6f4c;
}

.thema--theme-4 svg, svg.thema--theme-4 {
    fill: #ff8d7e;
}

.thema--theme-5 svg, svg.thema--theme-5 {
    fill: #91ae4f;
}

.thema--theme-6 svg, svg.thema--theme-6 {
    fill: #1ab497;
}

.thema--theme-7 svg, svg.thema--theme-7 {
    fill: #5770be;
}

.thema--theme-8 svg, svg.thema--theme-8 {
    fill: #ff9940;
}

.fr-sidemenu__inner svg.en_bref {
    display: none;
}

.fr-sidemenu__inner svg.en_savoirplus {
    display: none;
}

.thema--theme-0 h2 svg {
    fill: #b0c9ff;
}

.thema--theme-1 h2 svg {
    fill: #0a8855;
}

.thema--theme-2 h2 svg {
    fill: #fdcf41;
}

.thema--theme-3 h2 svg {
    fill: #ff6f4c;
}

.thema--theme-4 h2 svg {
    fill: #ff8d7e;
}

.thema--theme-5 h2 svg {
    fill: #91ae4f;
}

.thema--theme-6 h2 svg {
    fill: #1ab497;
}

.thema--theme-7 h2 svg {
    fill: #5770be;
}

.thema--theme-8 h2 svg {
    fill: #ff9940;
}

.thema--theme-1 .thema__footer,
.thema--theme-1 .thema__header,
.thema--theme-7 .thema__footer,
.thema--theme-7 .thema__header {
    color: #fff;
}

.thema__header .fr-share__link {
    box-shadow: inset 0 0 0 1px #000;
    color: #000;
    --hover-tint: #fff;
}

.thema--theme-1 .thema__footer a svg,
.thema--theme-1 .thema__header a svg,
.thema--theme-7 .thema__footer a svg,
.thema--theme-7 .thema__header a svg {
    fill: #fff;
}

.thema--theme-1 .thema__footer a:focus svg,
.thema--theme-1 .thema__footer a:hover svg,
.thema--theme-1 .thema__header a:focus svg,
.thema--theme-1 .thema__header a:hover svg,
.thema--theme-7 .thema__footer a:focus svg,
.thema--theme-7 .thema__footer a:hover svg,
.thema--theme-7 .thema__header a:focus svg,
.thema--theme-7 .thema__header a:hover svg {
    fill: #171717;
}

.thema--theme-1 .thema__tags .icon,
.thema--theme-7 .thema__tags .icon {
    fill: #fff;
}

.thema--theme-1 .thema__meta__files svg,
.thema--theme-7 .thema__meta__files svg {
    fill: #fff;
}

.thema--theme-1 .thema__header__sommaire,
.thema--theme-7 .thema__header__sommaire {
    color: #fff;
}

.ressources .icon {
    fill: #b0c9ff;
}

h2.icon {
    margin-right: .5rem;
    flex-shrink: 0;
    fill: #b0c9ff;
    position: relative;
    vertical-align: top;
}

.fr-text--lead p,
.fr-text--xl p,
.fr-text--lead .chiffre,
.fr-text--xl .chiffre {
    font-size: 1.25rem !important;
    line-height: 2rem !important;
    margin: var(--text-spacing);
}

.fr-sidemenu__btn,
.fr-sidemenu__link {
    font-weight: 400;
}

.dropdown-menu__image img,
img.arrondi {
    border-radius: 1rem;
    max-width: 100%;
}

.dropdown-menu__image {
    margin: 0;
    width: 30%;
}

.d-none {
    display: none;
}

.d-flex-center {
    display: flex;
    justify-content: center;
}

.fr-mega-menu__leader {
    --underline-img: none;
}

.fr-mega-menu__liste {
    max-width: 350px;
}

.fr-mega-menu__list {
    padding-bottom: 0;
}

.actudsfr {
    min-height: 236px;
}

.actualites_caption {
    text-align: center;
    color: #888;
    text-transform: uppercase;
    font-size: .8rem;
}

time {
    margin-left: 3px;
}

.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;
}

.enjeux__category {
    background: 0 0;
}

span#tarteaucitronDisclaimerAlert h5 {
    color: #000;
}

a.spip_out:after {
    content: var(--link-blank-content);
    font: var(--link-blank-font);
}

.sommaire-back {
    display: none !important;
}

ol.fr-summary__list a:not(:hover):not(:active) {
    --underline-idle-width: 0;
}

ol.fr-summary__list .fr-summary li > a {
    color: var(--text-action-high-grey);
}

ol.fr-summary__list a {
    display: inline;
    position: relative;
    font-size: .75rem;
    line-height: 1.25rem;
}

.fr-summary__link::before,
ol.fr-summary__list a::before {
    content: var(--ol-content);
    position: absolute;
    right: 100%;
    font-size: var(--xl-size);
    font-weight: 700;
}

main {
    z-index: 0;
}

@media (min-width: 62em) {
    .fr-mega-menu .fr-nav__link {
        padding: .4rem !important;
    }
}

.fr-link-actu {
    --text-spacing: 0;
    --title-spacing: 0;
    display: inline;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0;
    z-index: 1;
}

.actu-btn {
    --active: var(--background-action-high-blue-france-active);
    background-color: var(--btnactu);
    color: var(--text-action-high-grey);
    border-radius: 1.5rem;
    display: block;
}

.actu-btn:hover,
.hoverclass {
    background: var(--grey-200-850) !important;
    --active: var(--background-action-high-blue-france-active);
    color: var(--btn-hover-color);
    border-radius: 1.5rem;
    display: block;
}

.formulaire_formidable .attention,
.formulaire_formidable p.explication {
    margin: 0 0 .5rem;
    display: block;
}

.formulaire_formidable .explication_texte,
.formulaire_formidable .saisie_destinataires,
.formulaire_formidable .saisie_email,
.formulaire_formidable .saisie_input,
.formulaire_formidable .saisie_textarea {
    margin-bottom: 1.5rem;
    display: block;
}

input,
textarea {
    --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: .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: .5em .5em 0 0;
    vertical-align: top;
    opacity: 1;
    border: 2px solid var(--text-action-high-blue-france);
    box-shadow: none;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.template-accueil .actualites-accueil {
    margin-top: 2.5rem;
    margin-bottom: 6.25rem;
}

.actualite-accueil.actualite--big {
    align-items: stretch;
    height: 100%;
}

.actualite-accueil:last-child {
    margin-bottom: 0;
}

.actualite-accueil:first-child {
    margin-top: 0;
}

.actualite-accueil {
    margin: 0;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.actualite-accueil.actualite--big .actualite-accueil__thumbnail {
    flex: 1;
    align-self: center;
}

.m-0 {
    margin: 0 !important;
}

.actualite-accueil.actualite--big .actualite-accueil__content {
    flex: 1;
    margin-left: 20px;
}

.actualite-accueil.actualite--big .actualite-accueil__content {
    padding: 4rem 3rem;
    background: var(--color-2);
    color: var(--color-1);
}

.actualite-accueil__link:after,
.actualite-accueil__link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 1.25rem;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.actualite-accueil__link:before {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    z-index: -1;
    background-color: transparent;
    transition: all .4s;
    position: absolute;
    border-radius: 1.25rem;
    pointer-events: auto;
    content: "";
}

.actualite-accueil__category {
    font-size: .8125rem;
    letter-spacing: .00375rem;
    margin-bottom: .625rem;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}

.actualite-accueil.actualite--big .actualite-accueil__title {
    font-size: 1.875rem;
    font-weight: 700;
}

.actualite-accueil__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    padding-bottom: 1rem;
}

.actualite-accueil__thematique {
    font-size: .75rem;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.actualite-accueil__thematique img,
.actualite-accueil__thematique svg,
.actualite-accueil__thumbnail svg {
    width: 60px;
    height: auto;
}

.actualite-accueil.actualite--big .actualite-accueil__thumbnail svg {
    width: 100%;
    height: 100%;
}

.actualite-accueil.actualite--big .actualite-accueil__content {
    padding: 4rem 3rem;
    background: #1f1f1f;
    color: #fff;
}

.actualite-accueil__title a {
    color: var(--g800-plain);
}

.actualite--big a {
    color: #fff;
}

.actu-hover {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    border-radius: 1.25rem;
}

.actu-hover:hover {
    background: var(--actuhover);
}

.actualite-accueil__content {
    padding: 0 0 0 2.5rem;
    flex: 1;
}

.actualite_th_caption_mini {
    font-size: .6rem;
}

.actualite-accueil__date {
    font-size: .75rem;
    display: inline-block;
    vertical-align: middle;
}

.actualite-accueil.actualite--big .actualite-accueil__date {
    display: block;
}

.actualite-accueil__thematique img {
    width: 26px;
    height: 26px;
    margin-right: .375rem;
}

svg,
symbol {
    fill-rule: evenodd;
    clip-rule: evenodd;
}

img,
picture,
svg {
    border-style: none;
    height: auto;
    max-width: 100%;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.fr-card img {
    width: 100%;
}

.fr-content-media__img img[src$=".svg"] {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 0.5rem;
}

.video-presentation {
    background: url(../images/video-presentation-dark.svg) var(--actuhover) no-repeat center;
}

body.light .video-presentation {
    background-image: url(../images/video-presentation-light.svg);
}

.presentation-de-la-video {
    background: var(--actuhover);
}

.p-3 {
    padding: 1.25rem !important;
}

.d-flex {
    display: flex !important;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive::before {
    display: block;
    content: "";
}

div.video-presentation__text.pt-2 p a.btn.btn-primary.mt-2 {
    margin-top: 1rem;
    position: absolute;
}

.enjeux h2 small {
    font-size: 1rem;
    font-weight: 300;
    display: block;
    margin-top: 1em;
}

.align-center {
    text-align: center;
}

.site-searchbox--small {
    margin: 2.5rem auto;
    max-width: 34.375rem;
}

.enjeux__category {
    border-radius: 1.25rem;
    padding: 3rem;
    font-size: 1.2rem;
    letter-spacing: .00375rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

.enjeux__category:focus,
.enjeux__category:hover,
.horizon__content ul li a:hover {
    background: var(--actuhover) !important;
}

.horizon__content ul li a {
    text-decoration: underline;
    background-image: none;
}

.horizon__content ul li a:active,
.horizon__content ul li a:focus,
.horizon__content ul li a:hover {
    text-decoration: none !important;
}

.horizon {
    border-top: 0;
    margin-bottom: 2em;
}

.horizon {
    padding: 6.25rem 0 0 0;
    background: url(../images/horizon-dark.svg) no-repeat center 100px;
    background-size: contain;
    position: relative;
}

@media (max-width: 991.98px) {
    :root[data-fr-scheme=light] .horizon {
        background: url(../images/horizon-mobile-light.svg) no-repeat left 300px;
        padding: 2.5rem 0 0 0;
    }

    :root[data-fr-scheme=dark] .horizon {
        background: url(../images/horizon-mobile-dark.svg) no-repeat left 300px;
        padding: 2.5rem 0 0 0;
    }
}

@media (max-width: 767.98px) {
    .horizon {
        background-position: left 300px;
        margin: 0 -1rem;
    }

    .fr-share__group {
        display: inline-block !important;
    }

    .thema__header {
        background-size: 10% !important;
    }

    .fr-minus-5em {
        margin-left: 0;
    }

    .titraille_h2 {
        margin-left: 0;
        align-items: end;
        display: block !important;
    }

    .titraille_h2 svg {
        width: 30%;
    }

    .titraille_h2 h2 {
        margin-top: .4rem !important;
    }
}

:root[data-fr-scheme=light] .horizon {
    background: url(../images/horizon-light.svg) no-repeat center 100px;
    background-size: contain;
}

@media (max-width: 991.98px) {
    :root[data-fr-scheme=light] .horizon {
        background: url(../images/horizon-mobile-light.svg) no-repeat left 200px;
    }
}

@media (max-width: 767.98px) {
    :root[data-fr-scheme=light] .horizon {
        background-position: left 300px;
    }
}

.horizon__navigation {
    margin: 2.5rem auto;
}

.horizon__navigation li {
    margin: 0 .625rem 0 0;
    display: inline-block;
}

@media (max-width: 767.98px) {
    .horizon__navigation {
        margin: 1.25rem auto;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .horizon__navigation .tarteaucitronAllow,
    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .horizon__navigation .tarteaucitronDeny,
    .form-group .horizon__navigation .form-radio-label,
    .horizon__navigation #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
    .horizon__navigation #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
    .horizon__navigation .btn,
    .horizon__navigation .form-group .form-radio-label,
    .horizon__navigation .satisfaction__form__btn,
    .horizon__navigation .tac_activate .tarteaucitronAllow,
    .tac_activate .horizon__navigation .tarteaucitronAllow {
        margin: 0 auto .625rem auto;
        display: block;
    }
}

.horizon__content {
    margin-bottom: 2.5rem;
    display: inline-block;
}

@media (max-width: 991.98px) {
    .horizon__content {
        padding: 0 2.5rem;
        min-height: none;
    }
}

@media (min-width: 992px) {
    .horizon__content {
        min-height: 25rem;
    }
}

@media (min-width: 1200px) {
    .horizon__content {
        min-height: 28.125rem;
    }
}

@media (min-width: 1400px) {
    .horizon__content {
        min-height: 31.25rem;
    }
}

.horizon__content ul {
    --rotation: 0;
    --ratioX: 1;
    --ratioY: 0.5;
    --lineWidth: 310px;
    --textWidth: 280px;
    position: absolute;
    left: 50%;
    bottom: 0;
    list-style: none;
}

@media (max-width: 991.98px) {
    .horizon__content ul {
        position: static;
        left: 0;
        bottom: 0;
    }
}

@media (min-width: 992px) {
    .horizon__content ul {
        --lineWidth: 180px;
        --textWidth: 200px;
    }
}

@media (min-width: 1200px) {
    .horizon__content ul {
        --lineWidth: 250px;
        --textWidth: 260px;
    }
}

@media (min-width: 1400px) {
    .horizon__content ul {
        --lineWidth: 310px;
        --textWidth: 280px;
    }
}

.horizon__content ul:after {
    content: "";
    display: block;
    height: 40px;
    width: 1px;
    border-right: 1px solid;
    transition: all .4s;
    position: absolute;
    bottom: -40px;
    left: 0;
}

@media (max-width: 991.98px) {
    .horizon__content ul:after {
        content: none;
    }
}

.horizon__content ul li {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: rotate(var(--rotation));
}

@media (max-width: 991.98px) {
    .horizon__content ul li {
        position: static;
        transform: none;
    }

    .horizon__content ul li span {
        display: none !important;
    }
}

.horizon__content ul li:before {
    content: "";
    display: block;
    width: var(--lineWidth);
    border-top: 1px solid;
    transition: all .4s;
    position: absolute;
}

@media (max-width: 991.98px) {
    .horizon__content ul li:before {
        content: none;
    }
}

.horizon__content ul li[aria-hidden=true] {
    pointer-events: none;
}

@media (max-width: 991.98px) {
    .horizon__content ul li[aria-hidden=true] {
        display: none;
    }
}

.horizon__content ul li[aria-hidden=false] {
    pointer-events: auto;
}

@media (max-width: 991.98px) {
    .horizon__content ul li[aria-hidden=false] {
        display: block;
    }
}

.horizon__content ul li[aria-hidden=false]:before {
    width: calc(var(--lineWidth) + 40px);
}

.horizon__content ul li[aria-hidden=false] a {
    opacity: 1;
}

.horizon__content ul li.is-bullet span,
.horizon__content ul li:nth-child(10) span,
.horizon__content ul li:nth-child(3) span,
.horizon__content ul li:nth-child(5) span,
.horizon__content ul li:nth-child(7) span,
.horizon__content ul li:nth-child(9) span {
    width: 10px;
    height: 10px;
    position: absolute;
    display: block;
    border-radius: 100%;
    background: var(--color-8);
    top: 0;
    left: var(--lineWidth);
    margin: -4px 0 0 -4px;
    transition: all .4s;
}

.horizon__content ul li.is-bullet[aria-hidden=false] span,
.horizon__content ul li[aria-hidden=false]:nth-child(10) span,
.horizon__content ul li[aria-hidden=false]:nth-child(3) span,
.horizon__content ul li[aria-hidden=false]:nth-child(5) span,
.horizon__content ul li[aria-hidden=false]:nth-child(7) span,
.horizon__content ul li[aria-hidden=false]:nth-child(9) span {
    transform: scale(3);
    left: calc(var(--lineWidth) + 40px);
}

.horizon__content ul li.is-halo span,
.horizon__content ul li:nth-child(11) span,
.horizon__content ul li:nth-child(2) span,
.horizon__content ul li:nth-child(8) span {
    width: 6px;
    height: 6px;
    position: absolute;
    display: block;
    border-radius: 100%;
    background: var(--color-8);
    top: 0;
    left: var(--lineWidth);
    margin: -3px 0 0 -3px;
    transition: all .4s;
}

.horizon__content ul li.is-halo span:before,
.horizon__content ul li:nth-child(11) span:before,
.horizon__content ul li:nth-child(2) span:before,
.horizon__content ul li:nth-child(8) span:before {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    border: thin solid var(--color-8);
    border-radius: 100%;
    top: 0;
    left: 0;
    margin: -7px 0 0 -7px;
    transition: all .4s;
}

.horizon__content ul li.is-halo[aria-hidden=false] span,
.horizon__content ul li[aria-hidden=false]:nth-child(11) span,
.horizon__content ul li[aria-hidden=false]:nth-child(2) span,
.horizon__content ul li[aria-hidden=false]:nth-child(8) span {
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    left: calc(var(--lineWidth) + 40px);
}

.horizon__content ul li.is-halo[aria-hidden=false] span:before,
.horizon__content ul li[aria-hidden=false]:nth-child(11) span:before,
.horizon__content ul li[aria-hidden=false]:nth-child(2) span:before,
.horizon__content ul li[aria-hidden=false]:nth-child(8) span:before {
    width: 60px;
    height: 60px;
    margin: -21px 0 0 -21px;
}

.horizon__content ul li.is-chevron span,
.horizon__content ul li:nth-child(1) span,
.horizon__content ul li:nth-child(12) span,
.horizon__content ul li:nth-child(4) span,
.horizon__content ul li:nth-child(6) span {
    width: 15px;
    height: 27px;
    position: absolute;
    display: block;
    background: #fff;
    top: 0;
    left: var(--lineWidth);
    margin: -7px 0 0 25px;
    transition: all .4s;
    background: url(../images/chevron-ombel.svg) no-repeat;
    transform: rotate(90deg) translate3d(0, 0, 0);
    transform-origin: 0 0;
}

.horizon__content ul li.is-chevron[aria-hidden=false] span,
.horizon__content ul li[aria-hidden=false]:nth-child(1) span,
.horizon__content ul li[aria-hidden=false]:nth-child(12) span,
.horizon__content ul li[aria-hidden=false]:nth-child(4) span,
.horizon__content ul li[aria-hidden=false]:nth-child(6) span {
    width: 23px;
    height: 41px;
    left: calc(var(--lineWidth) + 40px);
    margin: -11.5px 0 0 39px;
}

.horizon__content ul li:nth-child(1) {
    --rotation: calc(-180deg / 13 * 12);
}

.horizon__content ul li:nth-child(2) {
    --rotation: calc(-180deg / 13 * 11);
}

.horizon__content ul li:nth-child(3) {
    --rotation: calc(-180deg / 13 * 10);
}

.horizon__content ul li:nth-child(4) {
    --rotation: calc(-180deg / 13 * 9);
}

.horizon__content ul li:nth-child(5) {
    --rotation: calc(-180deg / 13 * 8);
}

.horizon__content ul li:nth-child(6) {
    --rotation: calc(-180deg / 13 * 7);
    --ratioY: 0.75;
}

.horizon__content ul li:nth-child(7) {
    --rotation: calc(-180deg / 13 * 6);
    --ratioX: 0.5;
    --ratioY: 0.75;
}

.horizon__content ul li:nth-child(8) {
    --rotation: calc(-180deg / 13 * 5);
    --ratioX: 0.5;
    --ratioY: 1;
}

.horizon__content ul li:nth-child(9) {
    --rotation: calc(-180deg / 13 * 4);
    --ratioX: 0.5;
    --ratioY: 0.75;
}

.horizon__content ul li:nth-child(10) {
    --rotation: calc(-180deg / 13 * 3);
    --ratioX: 0.2;
    --ratioY: 0.75;
}

.horizon__content ul li:nth-child(11) {
    --rotation: calc(-180deg / 13 * 2);
    --ratioX: -0.05;
    --ratioY: 0.5;
}

.horizon__content ul li:nth-child(12) {
    --rotation: calc(-180deg / 13 * 1);
    --ratioX: -0.05;
    --ratioY: 0.5;
}

.horizon__content ul li a {
    border-radius: 1.25rem;
    padding: 1.875rem;
    font-size: 1.125rem;
    display: block;
    width: var(--textWidth);
    position: absolute;
    font-weight: 700;
    left: calc(var(--lineWidth) + 100px);
    top: 0;
    transform: perspective(9999px) rotate(calc(var(--rotation) * -1)) translate3d(calc(var(--ratioX) * -100%), calc(var(--ratioY) * -100%), 0);
    transform-origin: 0 0;
    opacity: 0;
    transition: all .15s ease-in-out;
}

@media (max-width: 991.98px) {
    .horizon__content ul li a {
        font-size: 1.375rem;
        position: static;
        transform: none;
        width: 100%;
    }
}

.horizon__content ul li a:focus,
.horizon__content ul li a:hover {
    background: var(--color-10);
}

.horizon__content ul li a:active,
.horizon__content ul li a:focus,
.horizon__content ul li a:hover {
    text-decoration: none !important;
}

.horizon {
    border-top: 0;
}

.give-opacity {
    opacity: 1 !important;
    text-decoration: underline;
    background-image: none;
}

.hoverclass {
    background: rgba(0, 0, 0, 0);
}

:root[data-fr-scheme=dark] {
    --actuhover: #000;
    --btnactu: #383838;
    --btnactu-inverse: #e0e9fe;
    --hoveractu: #e0e9fe;
    --btn-hover-color: var(--grey-1000-50);
    --bg-btn-hover: var(--g800);
    --color-1: #1F1F1F;
    --color-2: #fff;
    --color-3: #171717;
    --color-4: #383838;
    --color-5: #383838;
    --color-6: #171717;
    --color-7: #1F1F1F;
    --color-8: #fff;
    --color-9: #dfe9ff;
    --color-10: #171717;
    --color-11: #171717;
    --color-12: #383838;
    --color-13: #171717;
    --color-14: #C8D9FF;
    --color-15: #fff;
    --color-16: #fff;
    --color-17: #CDCDCD;
    --color-18: #c8d9ff;
    --color-19: #383838;
    --color-20: #fff;
    --color-21: #B0C9FF;
    --color-22: #CDCDCD;
    --color-23: #1F1F1F;
    --color-24: #171717;
    --color-25: #1F1F1F;
    --color-26: #171717;
    --color-27: #f0f0f0;
    --color-28: #383838;
    --color-29: #171717;
    --color-30: #1E1E1E;
    --color-31: #fff;
}

:root[data-fr-scheme=light] {
    --actuhover: #e0e9fe;
    --btnactu: #d0dfff;
    --btnactu-inverse: #383838;
    --hoveractu: #000;
    --btn-hover-color: var(--grey-1000-50);
    --bg-btn-hover: var(--g800);
    --color-1: #fff;
    --color-2: #1f1f1f;
    --color-3: #CDCDCD;
    --color-4: #CDCDCD;
    --color-5: #fff;
    --color-6: #fff;
    --color-7: #E6E6E6;
    --color-8: #B0C9FF;
    --color-9: #1F1F1F;
    --color-10: #dfe9ff;
    --color-11: #B0C9FF;
    --color-12: #dfe9ff;
    --color-13: #eff4ff;
    --color-14: #171717;
    --color-15: #C8D9FF;
    --color-16: #dfe9ff;
    --color-17: #1F1F1F;
    --color-18: #fff;
    --color-19: #c8d9ff;
    --color-20: #eff4ff;
    --color-21: #171717;
    --color-22: #383838;
    --color-23: #EFF4FF;
    --color-24: #1F1F1F;
    --color-25: #383838;
    --color-26: #DFE9FF;
    --color-27: #000;
    --color-28: #f0f0f0;
    --color-29: #E6E6E6;
    --color-30: #FFFFFF;
    --color-31: #000091;
}

@media print {
    body {
        margin: 0;
        padding: 0;
    }
    .fr-modal {
        background-color: transparent;
        display: none;
        height: 0;
        width: 0;
    }

    @page {
        margin: 1.5cm;
    }

    body {
        font-size: 75%;
        line-height: 1.5;
        background-color: #fff !important;
        color: #000 !important;
    }

    .fr-text--lead,
    .fr-text--xl {
        font-size: 12pt !important;
        line-height: 20pt !important;
    }

    p {
        font-size: 10pt;
        line-height: 15pt;
        orphans: 3;
        widows: 3;
    }

    /* pas de coupure de page à l'intérieur de ces éléments */
    blockquote, ul, ol, .fr-card, figure, .fr-callout, .titraille_h2 {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* pas de coupure de page après ces éléments */
    h1, h2, h3, h4, h5, h6, caption {
        page-break-after: avoid;
        break-after: avoid;
    }

    #contenu a:link:after, #contenu a:visited:after {
        content: " (" attr(href) ") ";
        opacity: 0.8;
        font-size: 0.8em;
    }

    .fr-card__header {
        display: none;
    }

    .fr-grid-row .fr-card {
        height: fit-content;
    }

    .fr-card__content {
        padding: 10pt !important;
        height: fit-content;
    }

    .fr-card::before {
        display: none;
        margin: 0;
        padding: 0;
    }

    .fr-callout {
        padding: 10pt !important
    }

    .horizon {
        display: none;
    }

    figure .fr-btn--tertiary {
        display: none;
    }

    .fr-btn--tertiary-no-outline img {
        display: none;
    }

    .partager,
    .fr-summary,
    .spip-admin-float,
    ul.fr-share__group,
    nav.fr-sidemenu,
    .fr-sidemenu__inner,
    .fr-follow,
    .scroll-top,
    footer {
        display: none !important;
    }

    .fr-breadcrumb {
        width: 100%;
    }

    .fr-h1 {
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }

    .titraille_h2 svg {
        width: 50pt
    }

    h2#actualites,
    h2#agir,
    h2#en_bref,
    h2#en_savoir_plus,
    h2#ressources {
        margin-left: 0;
    }

    .fr-summary li {
        padding: 0;
    }

    .fr-header__brand-top {
        width: 15%;
    }

    .fr-header__service {
        width: 80%;
    }

    .fr-header__service-tagline {
        font-size: 10pt;
    }

    .fr-header__navbar,
    .fr-header__operator {
        display: none;
    }

    blockquote,
    figcaption,
    p {
        orphans: 3;
        widows: 3;
    }

    a,
    blockquote,
    dl,
    ol,
    pre,
    table,
    ul {
        page-break-inside: avoid;
    }

    caption,
    figure,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    img {
        page-break-inside: avoid;
        page-break-after: avoid;
    }

    dl,
    ol,
    ul {
        page-break-before: avoid;
    }

    a,
    a:link,
    a:visited {
        background: 0 0 !important;
        color: unset;
        font-weight: 700;
        text-decoration: underline !important;
    }


    a[href^=http]:after,
    a[href^=https]:after {
        content: " (" attr(href) ")";
    }

    iframe,
    object,
    video {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }


    .u-print {
        display: block;
        display: revert !important;
    }

    .u-no-print {
        display: none !important;
    }
    .fr-link[target="_blank"]::after,
    .bun-tools-ribbon {
        display: none;
        visibility: hidden;
    }

}

/***** css pour mobile ****/

@media (max-width: 767.98px) {
    .d-sd-none {
        display: none !important;
    }

    .fr-text--mobile {
        font-size: 0.675rem !important;
        line-height: 1rem !important;
        margin: 0
    }

    h2#actualites,
    h2#agir,
    h2#en_bref,
    h2#en_savoir_plus,
    h2#ressources {
        margin-left: 0;
    }

    .enjeux__category {
        padding: 1rem;
        font-size: .8125rem;
    }
}

.manifeste {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
}

:root[data-fr-theme=light] .manifeste__section--style-3 {
    background: url(../images/manifeste-ombel.svg#light) var(--color-26) no-repeat bottom center;
    background-size: 80%;
}

:root[data-fr-theme=dark] .manifeste__section--style-3 {
    background: url(../images/manifeste-ombel.svg#dark) var(--color-26) no-repeat bottom center;
    background-size: 80%;
}

:root[data-fr-theme=light] .manifeste__section__footer {
    background: url(../images/manifeste-services.svg#light) no-repeat bottom center;
}

:root[data-fr-theme=dark] .manifeste__section__footer {
    background: url(../images/manifeste-services.svg#dark) no-repeat bottom center;
}

:root[data-fr-theme=dark] .manifeste__section--style-2,
:root[data-fr-theme=dark] .manifeste__section--style-4,
:root[data-fr-theme=dark] .manifeste__section--style-6 {
    background: #27345a;
}

@media (max-width: 991.98px) {
    .manifeste {
        padding: 0;
    }
}

.manifeste__header {
    background: red;
}

.manifeste__chapo {
    margin: auto;
    padding: 3em 0;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .manifeste__chapo {
        padding: 40px 0;
    }
}

@media (max-width: 991.98px) {
    .manifeste__chapo {
        width: 100%;
        margin: 0;
    }
}

.manifeste__chapo__uptitle {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06px;
    text-transform: uppercase;
}

.manifeste__chapo__title {
    margin-bottom: 50px;
}

@media (max-width: 767.98px) {
    .manifeste__chapo__title {
        margin-bottom: 20px;
    }
}

.manifeste__chapo__content {
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 991.98px) {
    .manifeste__chapo__content {
        width: 100%;
        margin: 0;
    }
}

.manifeste__chapo__content .lead,
.manifeste__chapo__content .recherche__filters__title,
.manifeste__chapo__content .template-404__content h1,
.manifeste__chapo__content .template-404__content p,
.manifeste__chapo__content .video-presentation__text p,
.template-404__content .manifeste__chapo__content h1,
.template-404__content .manifeste__chapo__content p,
.video-presentation__text .manifeste__chapo__content p {
    font-size: 1.5625rem;
    line-height: 1.5;
}

@media (max-width: 991.98px) {

    .manifeste__chapo__content .lead,
    .manifeste__chapo__content .recherche__filters__title,
    .manifeste__chapo__content .template-404__content h1,
    .manifeste__chapo__content .template-404__content p,
    .manifeste__chapo__content .video-presentation__text p,
    .template-404__content .manifeste__chapo__content h1,
    .template-404__content .manifeste__chapo__content p,
    .video-presentation__text .manifeste__chapo__content p {
        font-size: 1.25rem;
    }
}

.manifeste__chapo__content .share-links {
    margin-top: 60px;
}

.manifeste__illustration {
    background: url(../images/manifeste.svg) #d7e4ff no-repeat bottom center;
    background-size: 100%;
    color: #1f1f1f;
    padding-bottom: 35%;
    border-radius: 20px;
    font-size: 14px;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .manifeste__illustration {
        margin-right: 0;
        margin-left: 0;
    }
}

.manifeste__illustration li {
    padding: 70px 50px;
    list-style-type: none;
}

@media (max-width: 1199.98px) {
    .manifeste__illustration li {
        padding: 40px;
    }
}

.manifeste__illustration .lead,
.manifeste__illustration .recherche__filters__title,
.manifeste__illustration .template-404__content h1,
.manifeste__illustration .template-404__content p,
.manifeste__illustration .video-presentation__text p,
.template-404__content .manifeste__illustration h1,
.template-404__content .manifeste__illustration p,
.video-presentation__text .manifeste__illustration p {
    font-size: 18px;
    font-weight: 700;
    display: block;
    line-height: 25px;
    margin-bottom: .5em;
    min-height: 90px;
    color: #000;
}

.manifeste__illustration .lead .big,
.manifeste__illustration .recherche__filters__title .big,
.manifeste__illustration .template-404__content h1 .big,
.manifeste__illustration .template-404__content p .big,
.manifeste__illustration .video-presentation__text p .big,
.template-404__content .manifeste__illustration h1 .big,
.template-404__content .manifeste__illustration p .big,
.video-presentation__text .manifeste__illustration p .big {
    font-size: 33px;
}

.manifeste__ombel-title {
    color: var(--color-21);
}

.manifeste__ombel-title small {
    margin-top: 10px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

.manifeste__section--style-1,
.manifeste__section--style-5 {
    background: var(--color-6);
}

.manifeste__section--style-2,
.manifeste__section--style-6 {
    background: var(--color-23);
}

.manifeste__section--style-4 {
    background: var(--color-11);
}

.manifeste__section--style-4__columns {
    margin-left: -40px;
    margin-right: -40px;
    font-size: 16px;
    line-height: 28px;
}

.manifeste__section--style-4__columns > div {
    padding: 40px;
}

.manifeste__section--style-4__columns h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.manifeste__section--style-4__columns ul {
    margin-top: 20px;
    font-weight: 900;
}

.manifeste__section--style-2 {
    padding-bottom: 110px;
}

@media (max-width: 767.98px) {
    .manifeste__section--style-3 {
        padding: 40px 0 0 0;
    }
}

.manifeste__section--style-3 h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.manifeste__section--style-3 p:not([class]) {
    line-height: 28px;
}

.manifeste__section--style-3 img {
    display: block;
}

.manifeste__section--style-3__image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 110px;
}

@media (max-width: 991.98px) {
    .manifeste__section--style-3__image {
        display: none;
    }
}

.manifeste__section--style-3__content {
    padding-bottom: 110px;
}

@media (max-width: 991.98px) {
    .manifeste__section--style-3__content {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.manifeste__section--style-4:before {
    content: "";
    height: 60px;
    width: 100%;
    display: block;
    opacity: .8;
}

.manifeste__section--style-4:before {
    background: url(../images/manifeste-border-light.png);
}

.manifeste__section__footer {
    background: url(../images/manifeste-services.svg#light) no-repeat bottom center;
}

.manifeste__section--style-6 .manifeste__chapo__content {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
}

.manifeste__section--style-6 .manifeste__chapo__content .h3,
.manifeste__section--style-6 .manifeste__chapo__content .page__content h2,
.manifeste__section--style-6 .manifeste__chapo__content h3,
.page__content .manifeste__section--style-6 .manifeste__chapo__content h2 {
    margin-top: 80px;
    margin-bottom: 20px;
}

@media (max-width: 767.98px) {

    .manifeste__section--style-6 .manifeste__chapo__content .h3,
    .manifeste__section--style-6 .manifeste__chapo__content .page__content h2,
    .manifeste__section--style-6 .manifeste__chapo__content h3,
    .page__content .manifeste__section--style-6 .manifeste__chapo__content h2 {
        margin-top: 0;
    }
}

.manifeste__section--style-6 .manifeste__chapo__content .h4,
.manifeste__section--style-6 .manifeste__chapo__content h4 {
    font-size: 1.5rem;
    margin-top: 60px;
    margin-bottom: 30px;
}

.manifeste__section--style-6 .manifeste__chapo__content p {
    margin-bottom: 1.5em;
}

.manifeste__section--style-6 .manifeste__chapo__content .template-404__content p,
.manifeste__section--style-6 .manifeste__chapo__content .video-presentation__text p,
.manifeste__section--style-6 .manifeste__chapo__content p.lead,
.manifeste__section--style-6 .manifeste__chapo__content p.recherche__filters__title,
.template-404__content .manifeste__section--style-6 .manifeste__chapo__content p,
.video-presentation__text .manifeste__section--style-6 .manifeste__chapo__content p {
    font-size: 22px;
}

.manifeste__section--style-6 .manifeste__chapo__content li {
    list-style: disc;
    margin-left: 1em;
    padding-left: 1em;
}

.manifeste__section__footer {
    border-bottom: thin solid rgba(176, 201, 255, .5);
    height: 457px;
    color: #b0c9ff;
    position: relative;
}

@media (max-width: 991.98px) {
    .manifeste__section__footer {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .manifeste__section__footer {
        display: none;
    }
}

.manifeste__section__footer p {
    position: absolute;
    font-size: 25px;
    font-weight: 700;
    bottom: 60px;
    left: 72%;
    transform: translate3d(-50%, 0, 0);
}

@media (max-width: 991.98px) {
    .manifeste__section__footer p {
        margin: 0 0 60px 0;
    }
}

.manifeste__section__footer p span {
    display: block;
    text-indent: 3em;
}

.manifeste__footer {
    width: 100%;
    height: auto;
    background: var(--color-23);
    padding: 80px 120px 100px 120px;
}

@media (max-width: 1199.98px) {
    .manifeste__footer {
        padding: 60px 60px 60px 60px;
    }
}

@media (max-width: 767.98px) {
    .manifeste__footer {
        padding: 20px 10px;
    }
}

.manifeste__footer img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.manifeste__container {
    position: relative;
}

.manifeste__container > .manifeste__navigation {
    padding-top: 0;
}

.manifeste__content {
    position: relative;
}

@media screen and (max-width: 1400px) {
    .manifeste__content {
        position: static;
    }
}

.manifeste__navigation {
    padding-top: 310px;
}

.manifeste__navigation .summary__navigation__list:before {
    height: calc(20px + 47px + 13px + 310px);
    top: -310px;
}

.manifeste__navigation:after {
    border-radius: 0;
    width: 1px;
    height: 100vh;
    bottom: -100vh;
}

.manifeste__navigation[data-current=""] .summary__navigation__list-item:before,
.manifeste__navigation[data-current=style-1] .summary__navigation__list-item:before,
.manifeste__navigation[data-current=style-2] .summary__navigation__list-item:before {
    background-color: var(--color-23);
    box-shadow: 0 0 0 2px var(--color-23);
}

.manifeste__navigation[data-current=""] .summary__navigation__list:before,
.manifeste__navigation[data-current=style-1] .summary__navigation__list:before,
.manifeste__navigation[data-current=style-2] .summary__navigation__list:before {
    background: var(--color-23);
}

.manifeste__navigation[data-current=style-3] .summary__navigation__list-item:before {
    background-color: var(--color-26);
    box-shadow: 0 0 0 2px var(--color-26);
}

.manifeste__navigation[data-current=style-3] .summary__navigation__list:before {
    background: var(--color-26);
}

.manifeste__navigation[data-current=style-4] .summary__navigation__list-item:before {
    background-color: var(--color-11);
    box-shadow: 0 0 0 2px var(--color-11);
}

.manifeste__navigation[data-current=style-4] .summary__navigation__list:before {
    background: var(--color-11);
}

.manifeste__navigation[data-current=style-5] .summary__navigation__list-item:before {
    background-color: var(--color-6);
    box-shadow: 0 0 0 2px var(--color-6);
}

.manifeste__navigation[data-current=style-5] .summary__navigation__list:before {
    background: var(--color-6);
}

.manifeste__navigation[data-current=style-6] .summary__navigation__list-item:before {
    background-color: var(--color-23);
    box-shadow: 0 0 0 2px var(--color-23);
}

.manifeste__navigation[data-current=style-6] .summary__navigation__list:before {
    background: var(--color-23);
}

body.dark .manifeste__section--style-3 {
    background: url(../images/manifeste-ombel.svg#dark) var(--color-26) no-repeat bottom center;
    background-size: 80%;
}

@media (max-width: 1199.98px) {
    body.dark .manifeste__section--style-3 {
        background-size: 100%;
    }
}

@media (max-width: 991.98px) {
    body.dark .manifeste__section--style-3 {
        background: var(--color-26);
    }
}

body.dark .manifeste__section--style-4:before {
    background: url(../images/manifeste-border-dark.png);
}

body.dark .manifeste__section__footer {
    background: url(../images/manifeste-services.svg#dark) no-repeat bottom center;
}

@media (max-width: 1199.98px) {
    body.light .manifeste__section--style-3 {
        background-size: 100%;
    }
}

@media (max-width: 991.98px) {
    body.light .manifeste__section--style-3 {
        background: var(--color-26);
    }
}

body.light .manifeste__section--style-4:before {
    background: url(../images/manifeste-border-light.png);
}

body.light .manifeste__section__footer {
    background: url(../images/manifeste-services.svg#light) no-repeat bottom center;
}

.post-content h1,
.post-content h2,
.post-content h3 {
    margin-bottom: 1em;
}

@media (max-width: 991.98px) {

    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin-bottom: .5em;
    }
}

.post-content ul:not([class]) {
    list-style: disc;
    margin-left: 2.5em;
}

.post-content ol,
.post-content table,
.post-content ul {
    margin-bottom: 2em;
}

.post-content ol > li::marker {
    content: "";
}

@media (max-width: 991.98px) {

    .post-content ol,
    .post-content table,
    .post-content ul {
        margin-bottom: 1em;
    }
}

.post-content ol.list-big-number {
    list-style: none;
    counter-reset: counter;
    padding: 0;
}

@media (max-width: 1199.98px) {
    .post-content ol.list-big-number {
        margin-left: -40px;
        margin-right: -40px;
        padding: 0;
    }
}

.post-content ol.list-big-number > li {
    counter-increment: counter;
    position: relative;
    font-size: 16px;
    line-height: 28px;
    padding: 60px;
    list-style-type: none;
}

@media (max-width: 1199.98px) {
    .post-content ol.list-big-number > li {
        padding: 40px;
    }
}

.post-content ol.list-big-number > li h3 {
    display: flex;
    align-items: center;
    font-size: 24px;
}

.post-content ol.list-big-number > li h3 span {
    flex: 1;
}

.post-content ol.list-big-number > li h3:before {
    content: counter(counter);
    font-size: 130px;
    font-weight: 100;
    width: 115px;
    display: inline-block;
    line-height: 1;
}

@media (max-width: 1199.98px) {
    .post-content ol.list-big-number > li h3:before {
        font-size: 110px;
        width: 100px;
    }
}

.post-content ol.list-big-number > li ul {
    list-style: none;
    font-weight: 900;
    margin: 0;
}

.post-content ol.list-big-number > li ul li {
    display: inline-block;
}

.fr-checkbox-group input[type=checkbox] {
    z-index: 99999;
}

div.chiffre {
    font-size: 1.5rem;
    display: table;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.dossiers div.chiffre,
.essentiel div.chiffre {
    width: calc((100% / 12) * 9);
    margin: 0 auto 2em calc((100% / 12) * 3);
}

.number {
    font-weight: 700;
    display: table-cell;
    padding: .8rem;
    vertical-align: middle;
    text-align: center;
    min-width: 30%;
    border-radius: 20px 0 0 20px;
    background: var(--color--chiffre1);
    color: #000;
}

.explication {
    display: table-cell;
    vertical-align: middle;
    padding: 0.5rem;
    background: transparent;
    color: var(--text-default-grey);
}

.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%;
}

:root {
    --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;
}
:root[data-fr-scheme=dark] {
    --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;
}

:root[data-fr-scheme=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;
}

.theme1 .number {
    background: var(--color--chiffre1);
}

.theme1 .explication {
    background: var(--color--chiffre1b);
    color: #000000;
}

.theme2 .number {
    background: var(--color--chiffre2);
}

.theme2 .explication {
    background: var(--color--chiffre2b);
    color: #000000;
}

.theme3 .number {
    background: var(--color--chiffre3);
    color: #fff;
}

.theme3 .explication {
    background: var(--color--chiffre3b);
    color: #000000;
}

.theme4 .number {
    background: var(--color--chiffre4);
}

.theme4 .explication {
    background: var(--color--chiffre4b);
    color: #000000;
}

.theme5 .number {
    background: var(--color--chiffre5);
}

.theme5 .explication {
    background: var(--color--chiffre5b);
    color: #000000;
}

figure.media_image_svg {
    background: #fff !important;
}

.icon-cancel .invert {
    fill: var(--color-2);
}


code {
    background: #fbf3fd;
    color: #000;
    display: block;
    padding: 1em;
    border: 2px dotted #d47aeb;
    margin: 2em;
}

.hauteur-limitee {
    height: auto !important;
    aspect-ratio: auto;
}

.fr-grid-row .fr-tile {
    height: auto;
}


/***** espacement des callout ****/

.fr-callout p {
    --text-spacing: 0 0 1rem !important;
}

/****** iframe *****/

.css_ressource_size {
    padding: 1em;
    background: #fff;
    display: block;
}

iframe {
    background: #fff;
}

.pagination-container {
    display: flex;
}

.marginauto {
    margin: auto;
}

.nohover {
    background-image: none !important;
}

#accordion-satisfaction iframe {
    width: 100%;
    height: 203px; /* Hauteur fixée pour le bon affichage */
    overflow: hidden; /* Empêche le défilement inutile */
}

/* Tarteaucitron avec la charte du site, La css tarteaucitron est est deconnectée a partir du backoffice */
#tarteaucitronCloseCross:hover{
    cursor: pointer;
    background-color: var(--g400) !important;
  }
#tarteaucitronRoot button:not(#tarteaucitronBack){
    padding:0.5rem !important;
  }
  #tarteaucitronServicesTitle_mandatory .tarteaucitronAsk{display:none;}
#tarteaucitronRoot button[aria-pressed="true"]{
  --active: var(--background-action-high-blue-france-active);
  background-color: var(--btnactu) !important;
  color: var(--text-action-high-grey) !important;
  border-radius: 1.5rem !important;
  padding: 0.5rem !important;
  display: block;
}
#tarteaucitronRoot button:not(#tarteaucitronBack):hover, #tarteaucitronRoot button:not(#tarteaucitronBack):focus{
  /*background: var(--grey-200-850) !important;*/
  --active: var(--background-action-high-blue-france-active);
  /*color: var(--btn-hover-color) !important;
  border-radius: 1.5rem !important;*/
  padding: 0.5rem !important;
  display: block;
}
#tarteaucitronSave{display:none !important;} /* Les cookies sont automatiquement sauvegardés à la fermeture de la fen^tre */