@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button {
    background-color: transparent;
    -webkit-appearance: none;
    border: 0;
}

button:focus,
button:active,
button:visited {
    outline: 0;
}

a {
    color: inherit;
}

.card a:not(.btn):hover,
.card a:not(.btn) {
    color: inherit !important;
}

.m-t-0 {
    margin-top: 0px;
}

.p-t-0 {
    padding-top: 0px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.m-l-0 {
    margin-left: 0px;
}

.p-l-0 {
    padding-left: 0px;
}

.m-r-0 {
    margin-right: 0px;
}

.p-r-0 {
    padding-right: 0px;
}

.m-t-1 {
    margin-top: 4px;
}

.p-t-1 {
    padding-top: 4px;
}

.m-b-1 {
    margin-bottom: 4px;
}

.p-b-1 {
    padding-bottom: 4px;
}

.m-l-1 {
    margin-left: 4px;
}

.p-l-1 {
    padding-left: 4px;
}

.m-r-1 {
    margin-right: 4px;
}

.p-r-1 {
    padding-right: 4px;
}

.m-t-2 {
    margin-top: 8px;
}

.p-t-2 {
    padding-top: 8px;
}

.m-b-2 {
    margin-bottom: 8px;
}

.p-b-2 {
    padding-bottom: 8px;
}

.m-l-2 {
    margin-left: 8px;
}

.p-l-2 {
    padding-left: 8px;
}

.m-r-2 {
    margin-right: 8px;
}

.p-r-2 {
    padding-right: 8px;
}

.m-t-3 {
    margin-top: 12px;
}

.p-t-3 {
    padding-top: 12px;
}

.m-b-3 {
    margin-bottom: 12px;
}

.p-b-3 {
    padding-bottom: 12px;
}

.m-l-3 {
    margin-left: 12px;
}

.p-l-3 {
    padding-left: 12px;
}

.m-r-3 {
    margin-right: 12px;
}

.p-r-3 {
    padding-right: 12px;
}

.m-t-4 {
    margin-top: 16px;
}

.p-t-4 {
    padding-top: 16px;
}

.m-b-4 {
    margin-bottom: 16px;
}

.p-b-4 {
    padding-bottom: 16px;
}

.m-l-4 {
    margin-left: 16px;
}

.p-l-4 {
    padding-left: 16px;
}

.m-r-4 {
    margin-right: 16px;
}

.p-r-4 {
    padding-right: 16px;
}

.m-t-5 {
    margin-top: 20px;
}

.p-t-5 {
    padding-top: 20px;
}

.m-b-5 {
    margin-bottom: 20px;
}

.p-b-5 {
    padding-bottom: 20px;
}

.m-l-5 {
    margin-left: 20px;
}

.p-l-5 {
    padding-left: 20px;
}

.m-r-5 {
    margin-right: 20px;
}

.p-r-5 {
    padding-right: 20px;
}

.m-t-6 {
    margin-top: 24px;
}

.p-t-6 {
    padding-top: 24px;
}

.m-b-6 {
    margin-bottom: 24px;
}

.p-b-6 {
    padding-bottom: 24px;
}

.m-l-6 {
    margin-left: 24px;
}

.p-l-6 {
    padding-left: 24px;
}

.m-r-6 {
    margin-right: 24px;
}

.p-r-6 {
    padding-right: 24px;
}

.m-t-7 {
    margin-top: 28px;
}

.p-t-7 {
    padding-top: 28px;
}

.m-b-7 {
    margin-bottom: 28px;
}

.p-b-7 {
    padding-bottom: 28px;
}

.m-l-7 {
    margin-left: 28px;
}

.p-l-7 {
    padding-left: 28px;
}

.m-r-7 {
    margin-right: 28px;
}

.p-r-7 {
    padding-right: 28px;
}

.m-t-8 {
    margin-top: 32px;
}

.p-t-8 {
    padding-top: 32px;
}

.m-b-8 {
    margin-bottom: 32px;
}

.p-b-8 {
    padding-bottom: 32px;
}

.m-l-8 {
    margin-left: 32px;
}

.p-l-8 {
    padding-left: 32px;
}

.m-r-8 {
    margin-right: 32px;
}

.p-r-8 {
    padding-right: 32px;
}

.m-t-9 {
    margin-top: 36px;
}

.p-t-9 {
    padding-top: 36px;
}

.m-b-9 {
    margin-bottom: 36px;
}

.p-b-9 {
    padding-bottom: 36px;
}

.m-l-9 {
    margin-left: 36px;
}

.p-l-9 {
    padding-left: 36px;
}

.m-r-9 {
    margin-right: 36px;
}

.p-r-9 {
    padding-right: 36px;
}

.m-t-10 {
    margin-top: 40px;
}

.p-t-10 {
    padding-top: 40px;
}

.m-b-10 {
    margin-bottom: 40px;
}

.p-b-10 {
    padding-bottom: 40px;
}

.m-l-10 {
    margin-left: 40px;
}

.p-l-10 {
    padding-left: 40px;
}

.m-r-10 {
    margin-right: 40px;
}

.p-r-10 {
    padding-right: 40px;
}

.m-t-11 {
    margin-top: 44px;
}

.p-t-11 {
    padding-top: 44px;
}

.m-b-11 {
    margin-bottom: 44px;
}

.p-b-11 {
    padding-bottom: 44px;
}

.m-l-11 {
    margin-left: 44px;
}

.p-l-11 {
    padding-left: 44px;
}

.m-r-11 {
    margin-right: 44px;
}

.p-r-11 {
    padding-right: 44px;
}

.m-t-12 {
    margin-top: 48px;
}

.p-t-12 {
    padding-top: 48px;
}

.m-b-12 {
    margin-bottom: 48px;
}

.p-b-12 {
    padding-bottom: 48px;
}

.m-l-12 {
    margin-left: 48px;
}

.p-l-12 {
    padding-left: 48px;
}

.m-r-12 {
    margin-right: 48px;
}

.p-r-12 {
    padding-right: 48px;
}

.m-t-13 {
    margin-top: 52px;
}

.p-t-13 {
    padding-top: 52px;
}

.m-b-13 {
    margin-bottom: 52px;
}

.p-b-13 {
    padding-bottom: 52px;
}

.m-l-13 {
    margin-left: 52px;
}

.p-l-13 {
    padding-left: 52px;
}

.m-r-13 {
    margin-right: 52px;
}

.p-r-13 {
    padding-right: 52px;
}

.m-t-14 {
    margin-top: 56px;
}

.p-t-14 {
    padding-top: 56px;
}

.m-b-14 {
    margin-bottom: 56px;
}

.p-b-14 {
    padding-bottom: 56px;
}

.m-l-14 {
    margin-left: 56px;
}

.p-l-14 {
    padding-left: 56px;
}

.m-r-14 {
    margin-right: 56px;
}

.p-r-14 {
    padding-right: 56px;
}

.m-t-15 {
    margin-top: 60px;
}

.p-t-15 {
    padding-top: 60px;
}

.m-b-15 {
    margin-bottom: 60px;
}

.p-b-15 {
    padding-bottom: 60px;
}

.m-l-15 {
    margin-left: 60px;
}

.p-l-15 {
    padding-left: 60px;
}

.m-r-15 {
    margin-right: 60px;
}

.p-r-15 {
    padding-right: 60px;
}

.m-t-16 {
    margin-top: 64px;
}

.p-t-16 {
    padding-top: 64px;
}

.m-b-16 {
    margin-bottom: 64px;
}

.p-b-16 {
    padding-bottom: 64px;
}

.m-l-16 {
    margin-left: 64px;
}

.p-l-16 {
    padding-left: 64px;
}

.m-r-16 {
    margin-right: 64px;
}

.p-r-16 {
    padding-right: 64px;
}

.m-t-17 {
    margin-top: 68px;
}

.p-t-17 {
    padding-top: 68px;
}

.m-b-17 {
    margin-bottom: 68px;
}

.p-b-17 {
    padding-bottom: 68px;
}

.m-l-17 {
    margin-left: 68px;
}

.p-l-17 {
    padding-left: 68px;
}

.m-r-17 {
    margin-right: 68px;
}

.p-r-17 {
    padding-right: 68px;
}

.m-t-18 {
    margin-top: 72px;
}

.p-t-18 {
    padding-top: 72px;
}

.m-b-18 {
    margin-bottom: 72px;
}

.p-b-18 {
    padding-bottom: 72px;
}

.m-l-18 {
    margin-left: 72px;
}

.p-l-18 {
    padding-left: 72px;
}

.m-r-18 {
    margin-right: 72px;
}

.p-r-18 {
    padding-right: 72px;
}

.m-t-19 {
    margin-top: 76px;
}

.p-t-19 {
    padding-top: 76px;
}

.m-b-19 {
    margin-bottom: 76px;
}

.p-b-19 {
    padding-bottom: 76px;
}

.m-l-19 {
    margin-left: 76px;
}

.p-l-19 {
    padding-left: 76px;
}

.m-r-19 {
    margin-right: 76px;
}

.p-r-19 {
    padding-right: 76px;
}

.m-t-20 {
    margin-top: 80px;
}

.p-t-20 {
    padding-top: 80px;
}

.m-b-20 {
    margin-bottom: 80px;
}

.p-b-20 {
    padding-bottom: 80px;
}

.m-l-20 {
    margin-left: 80px;
}

.p-l-20 {
    padding-left: 80px;
}

.m-r-20 {
    margin-right: 80px;
}

.p-r-20 {
    padding-right: 80px;
}

.m-t-21 {
    margin-top: 84px;
}

.p-t-21 {
    padding-top: 84px;
}

.m-b-21 {
    margin-bottom: 84px;
}

.p-b-21 {
    padding-bottom: 84px;
}

.m-l-21 {
    margin-left: 84px;
}

.p-l-21 {
    padding-left: 84px;
}

.m-r-21 {
    margin-right: 84px;
}

.p-r-21 {
    padding-right: 84px;
}

/* SIZE */
/* LINEHEIGHT */
/* WEIGHT */
html {
    font-size: 62.5%;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular, .dce-2 p, .card-event .card-details, .card-outil .card-text, .card-initiative.gamma .card-text, .card-initiative.beta .card-text, .card-emploi .card-infos, .card-article .card-text, .card-event .card-text, .card-une .card-text, .checkbox-line label, .content-text em,
.section-content .content-text em, .content-text p,
.section-content .content-text p, .main-nav .level, .main-nav .level-3, .alpha-title-container .intro, .regular, body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium, label,
.label, .section-header.thematic .section-img .copyright, ul li a, .copyright-img, .note-dev, p.intro {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold, .content-text strong,
.section-content .content-text strong, .main-nav .level-2 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

body {
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
}

.page-title {
    font-size: 2.8rem;
}
@media (min-width: 768px) {
    .page-title {
        font-size: 4rem;
    }
}

.page-titleTag {
    font-size: 1.6rem;
    display: block;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .page-titleTag {
        font-size: 3.2rem;
        margin-bottom: 16px;
    }
}

.regular {
    font-size: 1.6rem;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .regular {
        font-size: 1.8rem;
    }
}

.alpha-title-container {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .alpha-title-container {
        margin-bottom: 32px;
    }
}
.alpha-title-container .intro {
    margin-top: 8px;
    font-size: 2rem;
}
@media (min-width: 768px) {
    .alpha-title-container .intro {
        margin-top: 20px;
        font-size: 2.2rem;
    }
}

.section-header .alpha-title {
    color: #ffffff;
}
.section-header .alpha-title:before {
    background-color: #ffffff;
}

.alpha-title {
    font-size: 2.2rem;
    color: #1D1C1C;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .alpha-title {
        font-size: 3.2rem;
    }
}
.alpha-title:before {
    content: "";
    width: 40px;
    height: 3px;
    display: block;
    background-color: #001D77;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .alpha-title:before {
        width: 100px;
        height: 5px;
        margin-bottom: 28px;
    }
}

.alpha-header {
    display: flex;
    flex-direction: column-reverse;
}
.alpha-header h1 {
    font-size: 2.6rem;
    color: #1D1C1C;
    line-height: 1.2;
}
@media (min-width: 768px) {
    .alpha-header h1 {
        font-size: 3.2rem;
    }
}
.alpha-header .tagline {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    padding-top: 20px;
}
@media (min-width: 768px) {
    .alpha-header .tagline {
        padding-top: 32px;
    }
}
@media (min-width: 992px) {
    .alpha-header .tagline {
        margin-bottom: 32px;
    }
}
.alpha-header .tagline:before {
    content: "";
    width: 40px;
    height: 3px;
    display: block;
    background-color: #001D77;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 20px;
    position: absolute;
    top: 0;
}
@media (min-width: 768px) {
    .alpha-header .tagline:before {
        width: 100px;
        height: 5px;
    }
}

.gamma-title {
    font-size: 1.8rem;
    color: #1D1C1C;
}
@media (min-width: 768px) {
    .gamma-title {
        font-size: 2.2rem;
    }
}

.section .gamma-title {
    margin-bottom: 20px;
}

.tagline {
    font-size: 1.6rem;
    color: #707070;
    display: flex;
    align-items: center;
}
@media (min-width: 992px) {
    .tagline {
        font-size: 1.8rem;
    }
}
.tagline .competence {
    display: flex;
    align-items: center;
}
.tagline .competence:after {
    content: "|";
    padding: 0 8px;
}
.tagline img {
    flex: 0 0 20px;
    height: 20px;
    margin-right: 8px;
}
@media (min-width: 992px) {
    .tagline img {
        flex: 0 0 30px;
        height: 30px;
    }
}

p.intro {
    font-size: 1.6rem;
    line-height: 1.4;
}
@media (min-width: 768px) {
    p.intro {
        font-size: 1.8rem;
    }
}

body.no-scroll {
    height: 100vh;
    overflow: hidden;
    width: 100%;
    position: fixed;
}

.note-dev {
    background-color: #FFF5E4;
    font-size: 1.6rem;
    color: #D84D4D;
    padding: 12px;
    border-radius: 4px;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

.custom-scroll, .filters-container.active .section-filters {
    padding-right: 16px;
}
.custom-scroll::-webkit-scrollbar, .filters-container.active .section-filters::-webkit-scrollbar {
    width: 4px;
    border-radius: 8px;
}
.custom-scroll::-webkit-scrollbar-track, .filters-container.active .section-filters::-webkit-scrollbar-track {
    background: #F7F8FB;
    border-radius: 8px;
}
.custom-scroll::-webkit-scrollbar-thumb, .filters-container.active .section-filters::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 8px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover, .filters-container.active .section-filters::-webkit-scrollbar-thumb:hover {
    background: #D9D9D9;
}

.modal-open {
    overflow: inherit;
    padding: inherit !important;
}

.d-md {
    display: block !important;
}
@media (min-width: 992px) {
    .d-md {
        display: none !important;
    }
}

.d-lg {
    display: none !important;
}
@media (min-width: 992px) {
    .d-lg {
        display: flex !important;
    }
}

.desktop-nav {
    display: none !important;
}
@media (min-width: 1200px) {
    .desktop-nav {
        display: flex !important;
    }
}

.mobile-nav {
    display: flex !important;
}
@media (min-width: 1200px) {
    .mobile-nav {
        display: none !important;
    }
}

.copyright-img {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 1.4rem;
    color: #1D1C1C;
    padding: 4px 8px;
    border-radius: 4px;
}

a:focus-visible,
button:focus-visible,
.btn-focus:focus-visible,
.calendar-widget .month:focus-visible,
.calendar-widget .table-date:focus-visible,
input:focus-visible {
    box-shadow: 0 0 0 4px #2496f6 ;
    border: 1px solid #001D77;
}

.slick-sr-only {
    opacity: 0;
    position: absolute;
    top: 0;
}

/*
mantis#199988
.card-link:focus-within::after {
    content: "content";
}

.card-link:focus-within {
    outline: 0;
}*/

.skip-link {
    display: inline-block;
    opacity: 0;
    position: absolute;
}
.skip-link:focus-visible, .skip-link:focus {
    opacity: 1;
    position: inherit;
    box-shadow: 0 0 0 4px #2496f6 !important;
    border: 2px solid #001D77 !important;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

.accordion .accordion-item {
    border-radius: 8px;
    border: 1px solid #E5E5E5;
}
.accordion .accordion-body {
    padding: 20px;
}
.accordion .accordion-button {
    font-size: 1.8rem;
    line-height: 1.4;
    background-color: transparent;
    border: 0;
    padding: 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    justify-content: space-between;
}
.accordion .accordion-header,
.accordion .accordion-item:first-of-type > .accordion-header .accordion-button {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.accordion .accordion-button:not(.collapsed) {
    color: #1D1C1C;
    background-color: #F7F8FB;
}
.accordion .accordion-button:not(.collapsed)::after,
.accordion .accordion-button::after {
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-left: 20px;
}



body.menu-open {
    position: relative;
    overflow: hidden;
}
@media (min-width: 992px) {
    body.menu-open {
        overflow: inherit;
    }
}
body.menu-open:after {
    content: "";
    background-color: rgba(82, 82, 82, 0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}



.logoGroup.lg {
    display: none;
}
@media (min-width: 1200px) {
    .logoGroup.lg {
        display: block;
    }
}

.logoGroup.sm,
.nav-close {
    display: block;
}
@media (min-width: 1200px) {
    .logoGroup.sm,
    .nav-close {
        display: none;
    }
}

.nav-toggler {
    border: 0;
    padding: 0;
    display: block;
}
@media (min-width: 1200px) {
    .nav-toggler {
        display: none;
    }
}
.nav-toggler:focus {
    box-shadow: none;
    outline: none;
}
.nav-toggler i {
    font-size: 2.4rem;
}
@media (min-width: 992px) {
    .nav-toggler i {
        font-size: 3.2rem;
    }
}

.nav-scroll {
    flex-direction: column;
    display: flex;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}



.navbar-sup {
    display: block;
    padding: 8px 0;
    width: 100%;
}
@media (min-width: 1200px) {
    .navbar-sup {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
.navbar-sup .navbar-nav {
    flex-direction: row;
}
.navbar-sup .nav-link {
    font-size: 1.6rem;
    padding: 16px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
@media (min-width: 1200px) {
    .navbar-sup .nav-link {
        padding: 0;
        width: auto;
        display: block;
    }
}
.navbar-sup .nav-link.active, .navbar-sup .nav-link.show, .navbar-sup .nav-link:hover {
    text-decoration: underline;
}

.navbar-inf {
    display: block;
    width: 100%;
    padding: 0;
}
@media (min-width: 1200px) {
    .navbar-inf {
        display: flex;
        justify-content: flex-end;
    }
}
.navbar-inf .nav-link {
    font-size: 1.6rem;
    padding: 16px 0 16px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
@media (min-width: 1200px) {
    .navbar-inf .nav-link {
        font-size: 1.8rem;
        padding: 24px 8px;
        width: auto;
        display: block;
    }
}
.navbar-inf .nav-link.show {
    padding: 16px 0 4px 0;
}
@media (min-width: 1200px) {
    .navbar-inf .nav-link.show {
        padding: 24px 8px;
    }
}

.navbar-content {
    justify-content: flex-end;
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    top: 52px;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 0 12px;
    overflow-y: scroll;
}
@media (min-width: 1200px) {
    .navbar-content {
        display: block;
        position: inherit;
        top: inherit;
        bottom: inherit;
        overflow-y: inherit;
        padding: 0;
    }
}

#menuOverlay {
    display: none;
    opacity: 0;
    position: fixed;
    left: inherit;
    right: inherit;
    top: 0;
    overflow: visible;
    height: 100vh;
    z-index: 1000;
}
#menuOverlay.show {
    opacity: 1;
}
@media (min-width: 1200px) {
    #menuOverlay {
        display: block !important;
        opacity: 1;
        position: inherit;
        left: inherit;
        right: inherit;
        top: inherit;
        overflow: visible;
        height: auto;
    }
}
#menuOverlay .navbar-content {
    max-width: 100%;
    transform: none;
    margin: 0;
    position: inherit;
    pointer-events: auto;
    top: inherit;
    padding-top: 16px;
}
@media (min-width: 1200px) {
    #menuOverlay .navbar-content {
        top: 0;
        padding-top: 0;
    }
}

.nav-header {
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #E5E5E5;
}
.nav-header .nav-close {
    font-size: 3.2rem;
    width: 58px;
    height: 58px;
}

.main-nav {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.main-nav .nav-item {
    position: relative;
    padding: 0 16px;
}
.main-nav .nav-item:last-child {
    padding-right: 0;
}
.main-nav .nav-item.menu-open .nav-link {
    position: relative;
}
.main-nav .nav-item.menu-open .nav-link .icon {
    transform: rotate(-180deg);
}
.main-nav .nav-item.menu-open .nav-link:after {
    content: "";
    background: url("../images/deco-svg/triangle.svg") no-repeat center center;
    background-size: contain;
    width: 30px;
    height: 30px;
    bottom: -42px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 10000;
}
.main-nav .nav-item .nav-link {
    color: #1D1C1C;
}
.main-nav .nav-item .nav-link[aria-expanded=true], .main-nav .nav-item .nav-link.active {
    position: relative;
}
.main-nav .nav-item .nav-link[aria-expanded=true]:before, .main-nav .nav-item .nav-link.active:before {
    content: "";
    width: 100%;
    height: 5px;
    background-color: #F4AA00;
    border-radius: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    border: 0;
    display: none;
}
@media (min-width: 1200px) {
    .main-nav .nav-item .nav-link[aria-expanded=true]:before, .main-nav .nav-item .nav-link.active:before {
        display: block;
    }
}
.main-nav .nav-item.multiple {
    position: inherit;
}

.main-nav .dropdown-menu {
    flex-direction: column;
    list-style-type: none;
    background-color: transparent;
    box-shadow: inherit;
    border: 0;
    border-radius: 0;
    position: inherit;
    z-index: 100;
    top: inherit;
    display: block;
    font-size: 1.6rem;
    min-width: inherit;
    width: auto;
    left: inherit;
    right: inherit;
    padding: 20px;
}
@media (min-width: 1200px) {
    .main-nav .dropdown-menu {
        position: absolute;
        top: calc(100% + 30px);
        left: 0;
        right: 0;
        background-color: #ffffff;
        box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
        border: 1px solid #E5E5E5;
        border-radius: 8px;
    }
}
@media (min-width: 1400px) {
    .main-nav .dropdown-menu {
        padding: 20px;
        min-width: 220px;
    }
}
.main-nav .dropdown-menu.multiple {
    flex-direction: row;
    width: 100%;
    display: flex;
    padding: 50px 20px;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 1600px) {
    .main-nav .dropdown-menu.multiple {
        width: auto;
        min-width: 1600px;
    }
}
.main-nav .dropdown-menu.multiple .col {
    border-right: 1px solid #E5E5E5;
}
.main-nav .dropdown-menu.multiple .col:last-child {
    border-right: 0;
}
.main-nav .dropdown-menu.multiple .dropdown-item {
    padding: 0 30px;
}
.main-nav .dropdown-menu.multiple .dropdown-item .level-1 {
    margin-top: 40px;
}
.main-nav .dropdown-menu.multiple .dropdown-item:first-child .level-1 {
    margin-top: 0;
}

.main-nav .dropdown-item {
    padding: 8px;
    white-space: inherit;
}
@media (min-width: 768px) {
    .main-nav .dropdown-item {
        padding: 12px;
    }
}
.main-nav .dropdown-item:hover {
    background-color: transparent;
}
.main-nav .dropdown-item a {
    text-decoration: none;
    line-height: 1.4;
}

.main-nav .subDropdown-menu {
    font-size: 1.6rem;
    list-style: none;
}
.main-nav .subDropdown-menu .subDropdown-menu {
    margin-bottom: 20px;
    margin-left: 8px;
}

.main-nav li a {
    display: block;
    position: relative;
    z-index: 1;
}
.main-nav li a.active:hover:after, .main-nav li a.active:after {
    content: "";
    position: absolute;
    background-color: rgba(197, 181, 255, 0.2);
    width: calc(100% + 20px);
    height: calc(100% + 16px);
    top: -8px;
    bottom: -8px;
    left: -10px;
    right: -10px;
    z-index: -1;
    border-radius: 8px;
}
.main-nav li a:hover:after, .main-nav li a:active:after {
    content: "";
    position: absolute;
    background-color: #F7F8FB;
    width: calc(100% + 20px);
    height: calc(100% + 16px);
    top: -8px;
    bottom: -8px;
    left: -10px;
    right: -10px;
    z-index: -1;
    border-radius: 8px;
}
.main-nav .dropdown-menu li:last-child .level {
    margin-bottom: 0;
}
.main-nav .level-1 {
    color: #001D77;
    font-size: 2rem;
    letter-spacing: 1px;
    text-decoration: none;
    margin-bottom: 16px;
}
.main-nav .level-2 {
    color: #1D1C1C;
    font-size: 1.8rem;
    margin-bottom: 16px;
    text-decoration: none;
}
.main-nav .level-3 {
    color: #525252;
    font-size: 1.6rem;
    margin-bottom: 16px;
    text-decoration: none;
}
.main-nav .level {
    color: #1D1C1C;
    font-size: 1.8rem;
    margin-bottom: 16px;
    text-decoration: none;
}

.main-nav li {
    margin: 0;
}

.main-nav > li {
    display: flex;
    position: relative;
}

.navbar-nav .nav-item {
    padding-left: 16px;
}
.navbar-nav .nav-link {
    color: #1D1C1C;
}

.modal-mobile.fade {
    flex-direction: column;
}
.modal-mobile.fade.show .overlay.modal-dialog {
    transition: transform 0.5s ease-in-out;
    transform: translate(0, 0);
}
.modal-mobile.fade .overlay.modal-dialog {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #ffffff;
    height: 100%;
    max-width: 100%;
    margin: 0;
    transition: transform 1s ease-out;
    transform: translate(100%, 0);
}
.modal-mobile.fade .overlay-menu .nav-link {
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
}
.modal-mobile.fade .overlay-menu .nav-link.single button {
    width: 100%;
    flex: 0 0 100%;
    justify-content: space-between;
}
.modal-mobile.fade .overlay-menu .nav-link a, .modal-mobile.fade .overlay-menu .nav-link button {
    padding: 20px;
    text-decoration: none;
    flex-grow: 1;
    display: flex;
    line-height: 1.4;
}
.modal-mobile.fade .overlay-menu .nav-link a {
    justify-content: flex-start;
}
.modal-mobile.fade .overlay-menu .nav-link button {
    width: 100%;
    flex: 0 0 100%;
    justify-content: space-between;
    align-items: center;
}
.modal-mobile.fade .nav-back {
    padding: 20px;
    background-color: #ffffff;
    color: #001D77;
    font-size: 1.8rem;
    width: 100%;
    text-align: left;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.modal-mobile.fade .overlay-panel {
    display: none;
}
.modal-mobile.fade .overlay-panel.active {
    display: block;
}
.modal-mobile.fade .overlay-layout {
    display: flex;
    flex-direction: column;
    height: calc(100% - 60px);
    justify-content: space-between;
}
.modal-mobile.fade .navbar-nav {
    border-top: 3px solid #001D77;
}
.modal-mobile.fade .navbar-nav .nav-link {
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
}
.modal-mobile.fade .navbar-nav .nav-item {
    padding: 0;
}
.modal-mobile.fade .navbar-nav .nav-item:last-child .nav-link {
    border-bottom: 0;
}


.section.section-last {
    padding: 20px 0 80px 0;
}
@media (min-width: 992px) {
    .section.section-last {
        padding: 40px 0 160px 0;
    }
}

.search {
    margin-left: 16px;
    padding: 4px 4px 8px 4px;
    display: none;
    text-decoration: none;
}
@media (min-width: 1400px) {
    .search {
        display: flex;
        align-items: center;
    }
}
.search .inactive {
    display: none;
}
@media (min-width: 1400px) {
    .search .inactive {
        display: flex;
        align-items: center;
    }
}
.search .active {
    display: none;
}
.search[aria-expanded=true] .inactive {
    display: none;
}
.search[aria-expanded=true] .active {
    display: flex;
    align-items: center;
    justify-content: center;
}
.search .icon-search {
    font-size: 2.4rem;
    width: 20px;
}

.searchGroup {
    position: inherit;
}
@media (min-width: 1400px) {
    .searchGroup {
        position: absolute;
        right: 0;
        bottom: 16px;
        z-index: 1000;
    }
}

#collapseSearch {
    border-bottom: 1px solid #E5E5E5;
}

.searchForm {
    padding: 24px 0 0 0;
    display: flex;
    align-items: stretch;
}
@media (min-width: 1400px) {
    .searchForm {
        padding: 24px 0;
    }
}

.searchForm .btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    font-size: 1.6rem;
}
.searchForm .searchForm-input {
    width: 100%;
    position: relative;
}

.headerSearch .input-container {
    position: relative;
    border-radius: 8px;
}
.headerSearch .input-container .btn-voiceOver,
.headerSearch .input-container .btn-submit {
    font-family: FontAwesome;
    font-size: 1.8rem;
    color: #767676;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 100;
}
@media (min-width: 768px) {
    .headerSearch .input-container .btn-voiceOver,
    .headerSearch .input-container .btn-submit {
        font-size: 2.4rem;
    }
}
.headerSearch .input-container .btn-submit {
    right: 8px;
}
@media (min-width: 768px) {
    .headerSearch .input-container .btn-submit {
        right: 16px;
    }
}
.headerSearch .input-container .btn-voiceOver {
    left: 8px;
}
@media (min-width: 768px) {
    .headerSearch .input-container .btn-voiceOver {
        left: 16px;
    }
}
.headerSearch .input-container .input-clearer .clear-input {
    right: 42px;
    border-right: 2px solid #E5E5E5;
    padding-right: 10px;
}
@media (min-width: 768px) {
    .headerSearch .input-container .input-clearer .clear-input {
        right: 62px;
        padding-right: 16px;
    }
}
.headerSearch .input-container .input-clearer .clear-input i {
    color: #767676;
    font-size: 1.8rem;
}
@media (min-width: 768px) {
    .headerSearch .input-container .input-clearer .clear-input i {
        font-size: 2.4rem;
    }
}
.headerSearch .input-container input {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 1.5rem 40px 1.5rem 40px;
    border: 0;
    width: 100%;
    font-size: 1.6rem;
}
@media (min-width: 768px) {
    .headerSearch .input-container input {
        padding: 1.8rem 60px 1.8rem 60px;
        font-size: 1.8rem;
    }
}

.tagsList {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.tagsList .tag-primary {
    background-color: transparent;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    margin-right: 8px;
    margin-bottom: 8px;
    display: flex;
    align-content: center;
    font-size: 1.6rem;
    line-height: 1.1;
}
@media (min-width: 768px) {
    .tagsList .tag-primary {
        font-size: 1.8rem;
    }
}
.tagsList .tag-primary button {
    margin: 0;
    padding: 0;
}
.tagsList .tag-primary a {
    color: #1D1C1C;
    text-decoration: none;
}
.tagsList .tag-primary i {
    font-size: 1.8rem;
    color: #001D77;
    margin-left: 8px;
    margin-top: 1px;
}
.tagsList .tag-primary i:hover {
    cursor: pointer;
}
.tagsList .tag {
    background-color: transparent;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    margin-right: 8px;
    margin-bottom: 8px;
    display: flex;
    font-size: 1.4rem;
    line-height: 1;
}
@media (min-width: 768px) {
    .tagsList .tag {
        font-size: 1.6rem;
    }
}
.tagsList .tag a {
    color: #ffffff;
    text-decoration: none;
}

.tag-competence {
    font-size: 1.4rem;
    color: #707070;
    display: flex;
    align-items: center;
}
@media (min-width: 992px) {
    .tag-competence {
        font-size: 1.6rem;
    }
}
.tag-competence.sm img, .tag-competence.sm i {
    flex: 0 0 24px;
    height: 24px;
    margin-right: 8px;
    font-size: 24px;
}
.tag-competence img, .tag-competence i {
    flex: 0 0 20px;
    height: 20px;
    margin-right: 8px;
    font-size: 20px;
}
@media (min-width: 992px) {
    .tag-competence img, .tag-competence i {
        flex: 0 0 30px;
        height: 30px;
        font-size: 30px;
    }
}
.tag-competence .category {
    border-left: 2px solid #E5E5E5;
    margin-left: 8px;
    padding-left: 8px;
}

.tagline .category {
    margin-left: 30px;
}

.tagline .competence {
    width: min-content;
}

.tag-category .tag {
    background-color: #F7F8FB;
    font-size: 1.6rem;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
}

.tag-type {
    color: #707070;
    margin-bottom: 8px;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}
@media (min-width: 768px) {
    .tag-type {
        font-size: 1.6rem;
    }
}
.tag-type i {
    margin-right: 8px;
    color: #707070;
    font-size: 1.8rem;
}
@media (min-width: 768px) {
    .tag-type i {
        font-size: 2.4rem;
    }
}

.btn {
    padding: 4px 12px;
    font-size: 1.6rem;
    border-radius: 8px;
    align-content: center;
    transition: ease-in-out 0.2s;
    text-decoration: none;
}
@media (min-width: 992px) {
    .btn {
        padding: 8px 16px;
        font-size: 1.8rem;
    }
}
.headerSearch .searchForm button.btn.btn-primary span.btn-label {
    display: none !important;
}
@media (min-width: 992px) {
    .headerSearch .searchForm button.btn.btn-primary span.btn-label {
        display: block !important;
    }
}
.headerSearch .searchForm button.btn.btn-primary span.btn-labelIcon {
    display: block !important;
}
@media (min-width: 992px) {
    .headerSearch .searchForm button.btn.btn-primary span.btn-labelIcon {
        display: none !important;
    }
}

.btn-lg {
    padding: 12px 16px;
    font-size: 1.6rem;
    border-radius: 8px;
    display: inline-flex;
    align-content: center;
    align-items: center;
    transition: ease-in-out 0.2s;
    text-decoration: none;
}
@media (min-width: 992px) {
    .btn-lg {
        font-size: 1.8rem;
    }
}
.btn-lg i {
    font-size: 1.8rem;
    margin-right: 8px;
}

.btn-sm {
    padding: 4px 12px;
    font-size: 1.6rem;
    border-radius: 8px;
    display: inline-flex;
    align-content: center;
    transition: ease-in-out 0.2s;
}
@media (min-width: 992px) {
    .btn-sm {
        padding: 8px 16px;
    }
}

.filter-cta .btn-stroke {
    color: #0d0d0d;
    border: 1px solid #0d0d0d;
}
.filter-cta .btn-stroke:hover {
    background-color: rgba(0, 29, 119, 0.08);
    border: 1px solid #707070;
}

.link-share {
    color: #707070;
    font-size: 1.6rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
@media (min-width: 992px) {
    .link-share {
        font-size: 1.8rem;
    }
}
.link-share:hover .label-btn {
    text-decoration: underline;
}
.link-share i {
    margin-right: 12px;
    font-size: 1.8rem;
}
@media (min-width: 992px) {
    .link-share i {
        font-size: 2.4rem;
    }
}

.btn-more {
    color: #001D77;
    display: flex;
    width: 100%;
    text-align: left;
    margin-top: 12px;
}
.btn-more .less,
.btn-more .more {
    display: inline-flex;
    flex-grow: 1;
    justify-content: space-between;
    margin-left: 4px;
}
.btn-more i {
    font-size: 2.4rem;
}

.btn-more.collapsed .less {
    display: none;
}

.btn-more:not(.collapsed) .more {
    display: none;
}

.btn-inherit {
    -webkit-appearance: none;
}

.btn-card-modal {
    margin-top: 20px;
    font: inherit;
}
.btn-card-modal .url {
    font-size: 1.6rem;
}
.btn-card-modal i {
    color: #767676;
    margin-right: 8px;
}

.carousel .slick-list {
    padding: 0 20% 0 0 !important;
    margin-left: -6px;
    margin-right: -6px;
}
@media (min-width: 992px) {
    .carousel .slick-list {
        padding: 0 !important;
    }
}
.carousel .slick-slide {
    height: auto;
}
.carousel .slick-slide > div {
    height: 100%;
}
.carousel .slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    padding-top: 32px;
}
@media (min-width: 992px) {
    .carousel .slick-dots {
        padding-top: 40px;
    }
}
.carousel .slick-dots li {
    margin-right: 12px;
}
.carousel .slick-dots li:last-child {
    margin-right: 0;
}
.carousel .slick-dots .slick-active button {
    background-color: #001D77;
    border: 2px solid #001D77;
}
.carousel .slick-dots li button {
    background-color: #D9D9D9;
    border: 1px solid #909090;
    border-radius: 100%;
    height: 16px;
    width: 16px;
}
@media (min-width: 992px) {
    .carousel .slick-dots li button {
        height: 20px;
        width: 20px;
    }
}
.carousel .slick-disabled {
    display: none !important;
}
.carousel .slick-prev {
    position: absolute;
    left: -32px;
    top: calc(50% - 31px);
    transform: translateY(-50%);
    display: none !important;
}
@media (min-width: 1400px) {
    .carousel .slick-prev {
        display: inline-block !important;
    }
}
.carousel .slick-prev.slick-disabled {
    display: none !important;
}
.carousel .slick-prev i {
    font-size: 3.2rem;
    display: inline-flex;
    align-items: center;
    color: #1D1C1C;
}
.carousel .slick-next {
    position: absolute;
    right: -32px;
    top: calc(50% - 31px);
    transform: translateY(-50%);
    display: none !important;
}
@media (min-width: 1400px) {
    .carousel .slick-next {
        display: inline-block !important;
    }
}
.carousel .slick-next.slick-disabled {
    display: none !important;
}
.carousel .slick-next i {
    font-size: 3.2rem;
    display: inline-flex;
    align-items: center;
    color: #1D1C1C;
}

.carousel-news .slick-track,
.carousel-base .slick-track {
    display: flex;
    width: 100%;
}
.carousel-news .item,
.carousel-base .item {
    display: flex;
    flex: 1 0 100%;
    height: 100%;
    padding: 4px;
}
.carousel-news .item .card,
.carousel-base .item .card {
    margin-left: 6px;
    margin-right: 6px;
    height: 100%;
}
.carousel-news .item .card-img img,
.carousel-base .item .card-img img {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.carousel-news .item img,
.carousel-base .item img {
    margin-left: 6px;
    margin-right: 6px;
    height: auto;
    width: calc(100% - 12px);
}

.carousel-demarches {
    display: block;
}
@media (min-width: 992px) {
    .carousel-demarches {
        display: flex;
        flex-wrap: wrap;
    }
}
.carousel-demarches.slick-initialized .item {
    flex: 0 0 100%;
}
@media (min-width: 992px) {
    .carousel-demarches.slick-initialized .item {
        flex: 0 0 100%;
    }
}
.carousel-demarches.slick-initialized .slick-dots {
    width: 100%;
}
.carousel-demarches.slick-initialized .slick-slide {
    height: inherit;
}
.carousel-demarches.slick-initialized .slick-track {
    display: flex;
}
.carousel-demarches .slick-slide {
    display: flex;
    flex-direction: column;
}
.carousel-demarches .slick-slide > div {
    display: flex;
    align-items: stretch;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .carousel-demarches .slick-slide > div {
        margin-bottom: 15px;
    }
}
.carousel-demarches .slick-track {
    display: flex;
    width: 100%;
}
@media (min-width: 992px) {
    .carousel-demarches .slick-track {
        display: inherit;
        width: auto;
    }
}
.carousel-demarches .item {
    flex: 0 0 100%;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .carousel-demarches .item {
        flex: 0 0 50%;
        margin-bottom: 16px;
    }
}
.carousel-demarches .item .card {
    margin-left: 6px;
    margin-right: 6px;
    height: 100%;
}

.grid-content {
    display: flex;
    flex-wrap: wrap;
}
.grid-content .item {
    flex: 0 0 100%;
    margin-bottom: 16px;
}
@media (min-width: 370px) {
    .grid-content .item {
        flex: 0 0 50%;
    }
}
@media (min-width: 992px) {
    .grid-content .item {
        flex: 0 0 33.33%;
    }
}
.grid-content .item .card {
    margin-left: 6px;
    margin-right: 6px;
    height: 100%;
}
.grid-content .item img {
    margin-left: 6px;
    margin-right: 6px;
    height: auto;
    width: calc(100% - 12px);
}

.carousel-jobs {
    display: block;
}
@media (min-width: 992px) {
    .carousel-jobs {
        display: flex;
        flex-wrap: wrap;
    }
}
.carousel-jobs.slick-initialized .item {
    flex: 0 0 100%;
}
@media (min-width: 992px) {
    .carousel-jobs.slick-initialized .item {
        flex: 0 0 100%;
    }
}
.carousel-jobs.slick-initialized .slick-dots {
    width: 100%;
}
.carousel-jobs.slick-initialized .slick-slide {
    height: inherit;
}
.carousel-jobs.slick-initialized .slick-track {
    display: flex;
}
.carousel-jobs .slick-slide {
    display: flex;
    flex-direction: column;
}
.carousel-jobs .slick-slide > div {
    display: flex;
    align-items: stretch;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .carousel-jobs .slick-slide > div {
        margin-bottom: 15px;
    }
}
.carousel-jobs .slick-track {
    display: flex;
    width: 100%;
}
@media (min-width: 992px) {
    .carousel-jobs .slick-track {
        display: inherit;
        width: auto;
    }
}
.carousel-jobs .item {
    flex: 0 0 100%;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .carousel-jobs .item {
        flex: 0 0 33.33%;
        margin-bottom: 16px;
    }
}
.carousel-jobs .item .card {
    margin-left: 6px;
    margin-right: 6px;
    height: 100%;
}
.carousel-jobs .item img {
    margin-left: 6px;
    margin-right: 6px;
    height: auto;
    width: calc(100% - 12px);
}

.carousel-initiatives {
    display: block;
}
@media (min-width: 992px) {
    .carousel-initiatives {
        display: flex;
        flex-wrap: wrap;
    }
}
.carousel-initiatives.slick-initialized .item {
    flex: 0 0 100%;
}
@media (min-width: 992px) {
    .carousel-initiatives.slick-initialized .item {
        flex: 0 0 100%;
    }
}
.carousel-initiatives.slick-initialized .slick-dots {
    width: 100%;
}
.carousel-initiatives.slick-initialized .slick-slide {
    height: inherit;
}
.carousel-initiatives.slick-initialized .slick-track {
    display: flex;
}
.carousel-initiatives .slick-slide {
    display: flex;
    flex-direction: column;
}
.carousel-initiatives .slick-slide > div {
    display: flex;
    align-items: stretch;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .carousel-initiatives .slick-slide > div {
        margin-bottom: 15px;
    }
}
.carousel-initiatives .slick-track {
    display: flex;
    width: 100%;
}
@media (min-width: 992px) {
    .carousel-initiatives .slick-track {
        display: inherit;
        width: auto;
    }
}
.carousel-initiatives .item {
    flex: 0 0 100%;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .carousel-initiatives .item {
        margin-bottom: 16px;
        flex: 0 0 33.33%;
    }
}
.carousel-initiatives .item .card {
    margin-left: 6px;
    margin-right: 6px;
    height: 100%;
}

.content-header {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .content-header {
        margin-bottom: 40px;
    }
}

.content-text.opening,
.section-content .content-text.opening {
    margin-top: 28px;
}
@media (min-width: 768px) {
    .content-text.opening,
    .section-content .content-text.opening {
        margin-top: 38px;
    }
}
.content-text .img-group,
.section-content .content-text .img-group {
    margin: 20px 0;
}
@media (min-width: 768px) {
    .content-text .img-group,
    .section-content .content-text .img-group {
        margin: 0;
    }
}
.content-text img,
.section-content .content-text img {
    max-width: 100%;
}
.content-text .label-img,
.section-content .content-text .label-img {
    text-align: left;
    font-style: normal;
    font-size: 1.4rem;
    color: #707070;
    margin: 8px 0 0 0;
    line-height: 1.4;
}
.content-text h2,
.section-content .content-text h2 {
    font-size: 2.2rem;
    color: #1D1C1C;
    line-height: 1.2;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .content-text h2,
    .section-content .content-text h2 {
        font-size: 2.8rem;
    }
}
.content-text h3,
.section-content .content-text h3 {
    font-size: 2rem;
    color: #1D1C1C;
    line-height: 1.2;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .content-text h3,
    .section-content .content-text h3 {
        font-size: 2.2rem;
    }
}
.content-text h4,
.section-content .content-text h4 {
    font-size: 1.8rem;
    color: #1D1C1C;
    line-height: 1.2;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .content-text h4,
    .section-content .content-text h4 {
        font-size: 2rem;
    }
}
.content-text h5,
.section-content .content-text h5 {
    font-size: 1.6rem;
    color: #1D1C1C;
    line-height: 1.2;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .content-text h5,
    .section-content .content-text h5 {
        font-size: 1.8rem;
    }
}
.content-text .title-link,
.section-content .content-text .title-link {
    padding-left: 40px;
    position: relative;
}
.content-text .title-link:before,
.section-content .content-text .title-link:before {
    font-family: FontAwesome;
    content: "\f0c1";
    font: var(--fa-font-regular);
    font-size: 2.4rem;
    position: absolute;
    left: 0;
    top: 0;
}
.content-text .title-contact,
.section-content .content-text .title-contact {
    padding-left: 40px;
    position: relative;
}
.content-text .title-contact:before,
.section-content .content-text .title-contact:before {
    font-family: FontAwesome;
    content: "\f2b9";
    font: var(--fa-font-regular);
    font-size: 2.4rem;
    position: absolute;
    left: 0;
    top: 0;
}
.content-text a,
.section-content .content-text a {
    color: #1B75D0;
}
.content-text a:visited,
.section-content .content-text a:visited {
    color: #800080;
}
.content-text button.btn-main,
.section-content .content-text button.btn-main {
    padding: 4px 12px;
    font-size: 1.6rem;
    border-radius: 8px;
    display: inline-flex;
    align-content: center;
    transition: ease-in-out 0.2s;
    text-decoration: none;
    color: #ffffff;
    background-color: #001D77;
    border: 1px solid #001D77;
    margin: 20px 0;
}
.content-text button.btn-main:hover,
.section-content .content-text button.btn-main:hover {
    background-color: rgba(0, 29, 119, 0.08);
    color: #001D77;
}
@media (min-width: 992px) {
    .content-text button.btn-main,
    .section-content .content-text button.btn-main {
        padding: 8px 16px;
        font-size: 1.8rem;
    }
}
.content-text p,
.section-content .content-text p {
    line-height: 1.4;
    margin-bottom: 12px;
    font-size: 1.6rem;
}
@media (min-width: 768px) {
    .content-text p,
    .section-content .content-text p {
        font-size: 1.8rem;
        margin-bottom: 16px;
    }
}
.content-text strong,
.section-content .content-text strong {
    line-height: 1.4;
    margin-bottom: 12px;
    font-size: 1.6rem;
}
@media (min-width: 768px) {
    .content-text strong,
    .section-content .content-text strong {
        font-size: 1.8rem;
        margin-bottom: 16px;
    }
}
.content-text em,
.section-content .content-text em {
    line-height: 1.4;
    margin-bottom: 12px;
    font-size: 1.6rem;
    font-style: italic;
}
@media (min-width: 768px) {
    .content-text em,
    .section-content .content-text em {
        font-size: 1.8rem;
        margin-bottom: 16px;
    }
}
.content-text ul.contact,
.section-content .content-text ul.contact {
    margin: 8px 0;
    list-style: none;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .content-text ul.contact,
    .section-content .content-text ul.contact {
        margin: 16px 0;
    }
}
.content-text ul.contact li,
.section-content .content-text ul.contact li {
    padding: 0;
}
.content-text ul.contact li i,
.section-content .content-text ul.contact li i {
    width: 32px;
    font-size: 1.8rem;
    text-align: center;
    margin-right: 8px;
}
.content-text ul.contact li:before,
.section-content .content-text ul.contact li:before {
    display: none;
}
.content-text ul.arrow,
.section-content .content-text ul.arrow {
    margin: 8px 0;
    list-style: none;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .content-text ul.arrow,
    .section-content .content-text ul.arrow {
        margin: 16px 0;
    }
}
.content-text ul.arrow li,
.section-content .content-text ul.arrow li {
    position: relative;
    padding-left: 28px;
    font-size: 1.6rem;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .content-text ul.arrow li,
    .section-content .content-text ul.arrow li {
        font-size: 1.8rem;
    }
}
.content-text ul.arrow li:before,
.section-content .content-text ul.arrow li:before {
    font-family: FontAwesome;
    content: "\f061";
    font: var(--fa-font-light);
    font-size: 1.8rem;
    position: absolute;
    left: 0;
    top: 4px;
}
.content-text ul,
.section-content .content-text ul {
    margin: 8px 0;
    list-style: none;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .content-text ul,
    .section-content .content-text ul {
        margin: 16px 0;
    }
}
.content-text ul li,
.section-content .content-text ul li {
    position: relative;
    padding-left: 20px;
    font-size: 1.6rem;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .content-text ul li,
    .section-content .content-text ul li {
        font-size: 1.8rem;
    }
}
.content-text ul li:before,
.section-content .content-text ul li:before {
    font-family: FontAwesome;
    content: "\f111";
    font-weight: 900;
    font-size: 0.6rem;
    position: absolute;
    left: 0;
    top: 0.8rem;
}
.content-text ul li ul li:before,
.section-content .content-text ul li ul li:before {
    content: "\f111";
    font: var(--fa-font-regular);
    font-size: 0.6rem;
    position: absolute;
    left: 0;
    top: 0.8rem;
}
.content-text ol,
.section-content .content-text ol {
    list-style: none;
    counter-reset: item;
    margin: 8px 0;
    font-size: 1.6rem;
}
@media (min-width: 992px) {
    .content-text ol,
    .section-content .content-text ol {
        font-size: 1.8rem;
        margin: 16px 0;
    }
}
.content-text ol li,
.section-content .content-text ol li {
    margin: 8px 0;
    padding-left: 20px;
    line-height: 1.4;
    display: block;
    position: relative;
    font-size: 1.6rem;
}
@media (min-width: 768px) {
    .content-text ol li,
    .section-content .content-text ol li {
        font-size: 1.8rem;
    }
}
.content-text ol li:before,
.section-content .content-text ol li:before {
    font-size: 1.4rem;
    content: counters(item, ".") ". ";
    counter-increment: item;
    font-weight: 700;
    line-height: 1.6;
    color: #001D77;
    position: absolute;
    left: 0;
    top: 0;
}
@media (min-width: 992px) {
    .content-text ol li:before,
    .section-content .content-text ol li:before {
        font-size: 1.6rem;
    }
}
.content-text ol li ol li,
.section-content .content-text ol li ol li {
    padding-left: 32px;
}
.content-text ol li ol li ol li,
.section-content .content-text ol li ol li ol li {
    padding-left: 48px;
}
.content-text ul.files li,
.section-content .content-text ul.files li {
    padding: 0;
    margin: 0;
}
.content-text ul.files li a,
.section-content .content-text ul.files li a {
    width: 100%;
    padding: 12px 8px;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    margin: 0;
    color: #1D1C1C;
    text-decoration: none;
}
.content-text ul.files li:hover,
.section-content .content-text ul.files li:hover {
    background-color: #F7F8FB;
}
.content-text ul.files li:before,
.section-content .content-text ul.files li:before {
    display: none;
}
.content-text ul.files li .content,
.section-content .content-text ul.files li .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}
.content-text ul.files li .content i,
.section-content .content-text ul.files li .content i {
    color: rgba(112, 112, 112, 0.5);
    font-size: 22px;
    margin-right: 0;
    margin-left: 8px;
}
.content-text ul.files li i,
.section-content .content-text ul.files li i {
    font: var(--fa-font-light);
    font-size: 28px;
    margin-right: 8px;
    color: #001D77;
    width: 32px;
    height: 32px;
}
.content-text figure img,
.section-content .content-text figure img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
.content-text figure blockquote,
.section-content .content-text figure blockquote {
    position: relative;
    padding: 20px;
    margin: 8px 16px;
    font-style: italic;
}
@media (min-width: 768px) {
    .content-text figure blockquote,
    .section-content .content-text figure blockquote {
        padding: 20px 32px;
        margin: 16px 56px 16px 16px;
    }
}
.content-text figure blockquote p,
.section-content .content-text figure blockquote p {
    position: relative;
    font-size: 1.8rem;
    line-height: 1.6;
    font-style: italic;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .content-text figure blockquote p,
    .section-content .content-text figure blockquote p {
        font-size: 2rem;
    }
}
.content-text figure blockquote p:before,
.section-content .content-text figure blockquote p:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    content: "";
    mask: url("../images/deco-svg/left-quote.svg") no-repeat 50% 50%;
    mask-size: cover;
    background-color: #001D77;
    position: absolute;
    top: -20px;
    left: -32px;
}
.content-text figure blockquote p:after,
.section-content .content-text figure blockquote p:after {
    width: 20px;
    height: 20px;
    display: inline-block;
    content: "";
    mask: url("../images/deco-svg/right-quote.svg") no-repeat 50% 50%;
    mask-size: cover;
    background-color: #001D77;
    position: absolute;
    bottom: -20px;
    right: -24px;
}
.content-text figure figcaption,
.section-content .content-text figure figcaption {
    margin: 8px auto 0 auto;
    text-align: left;
    font-style: normal;
    font-size: 1.4rem;
    color: #707070;
}
.content-text .table-responsive,
.section-content .content-text .table-responsive {
    width: 100%;
    overflow-x: scroll;
}
.content-text table,
.section-content .content-text table {
    margin: 40px 0;
    width: 100%;
    min-width: 800px;
}
.content-text table a,
.section-content .content-text table a {
    font-weight: 400;
}
.content-text table tr th,
.section-content .content-text table tr th {
    color: #001D77;
    padding: 12px;
    border: 1px solid #E5E5E5;
}
.content-text table tr td,
.section-content .content-text table tr td {
    color: #1D1C1C;
    padding: 12px;
    border: 1px solid #E5E5E5;
}
.content-text table caption,
.section-content .content-text table caption {
    margin-top: 12px;
    font-size: 14px;
}
.content-text .readAlso,
.section-content .content-text .readAlso {
    border-left: 4px solid #001D77;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    padding: 24px 40px 24px 24px;
    margin: 32px 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    display: block;
    text-decoration: none;
    position: relative;
    line-height: 1.4;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    color: #0d0d0d;
}
.content-text .readAlso .label,
.section-content .content-text .readAlso .label {
    margin-bottom: 12px;
    font-weight: 700;
    color: #0d0d0d;
    display: block;
}
.content-text br,
.section-content .content-text br {
    margin: 26px 0;
    display: block;
    content: "";
}
.content-text .slick-dots,
.section-content .content-text .slick-dots {
    list-style: none;
    margin: 0;
}
.content-text .slick-dots li,
.section-content .content-text .slick-dots li {
    padding: 0;
}
.content-text .slick-dots li:before,
.section-content .content-text .slick-dots li:before {
    display: none;
}
.content-text hr,
.section-content .content-text hr {
    margin: 32px 0;
    color: #001D77;
    border-top: 1px solid #909090;
}

.content-footer {
    margin-top: 32px;
}
.content-footer .author,
.content-footer .timestamp {
    color: #707070;
    font-size: 1.4rem;
    margin-bottom: 16px;
    line-height: 1.4;
}

.infos-col {
    margin-left: 0;
    margin-bottom: 24px;
}
@media (min-width: 992px) {
    .infos-col {
        margin-left: 34px;
        margin-bottom: 0;
    }
}

.infos-box {
    background-color: #F7F8FB;
    padding: 16px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-left: 6px solid #001D77;
    list-style: none;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
}
@media (min-width: 992px) {
    .infos-box {
        border-left: 8px solid #001D77;
        padding: 24px;
    }
}
.infos-box .box-title {
    font-size: 1.8rem;
    margin-bottom: 24px;
}
@media (min-width: 992px) {
    .infos-box .box-title {
        font-size: 2.2rem;
    }
}
.infos-box .infos-list li {
    margin-bottom: 12px;
    font-size: 1.6rem;
    display: flex;
    line-height: 1.4;
}
@media (min-width: 992px) {
    .infos-box .infos-list li {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
}
.infos-box .infos-list li i {
    font-size: 1.8rem;
    margin-right: 16px;
    width: 22px;
    text-align: center;
}
@media (min-width: 992px) {
    .infos-box .infos-list li i {
        font-size: 2.4rem;
    }
}
.infos-box .infos-list li:last-child {
    margin-bottom: 0;
}

.cta-box {
    margin-top: 12px;
}
@media (min-width: 992px) {
    .cta-box {
        margin-top: 20px;
    }
}
.cta-box .cta {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
}

.infos-boxcontent {
    background-color: #F7F8FB;
    padding: 16px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-left: 6px solid #001D77;
    list-style: none;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    margin-top: 20px;
}
@media (min-width: 992px) {
    .infos-boxcontent {
        border-left: 8px solid #001D77;
        padding: 24px;
    }
}
.infos-boxcontent .box-title {
    font-size: 1.8rem;
    margin-bottom: 8px;
    line-height: 1.4;
}
.infos-boxcontent p {
    line-height: 1.4;
}

.details-box {
    background-color: #ffffff;
    padding: 16px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-left: 6px solid #001D77;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    list-style: none;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
}
@media (min-width: 992px) {
    .details-box {
        border-left: 8px solid #001D77;
        padding: 24px;
    }
}

.list-competence {
    list-style: none;
}

.demarches-details-group {
    margin: 32px 0;
}
.demarches-details-group .demarches-details {
    display: flex;
    margin-bottom: 12px;
}
.demarches-details-group .demarches-details i {
    font-size: 2.4rem;
    width: 32px;
    flex: 0 0 32px;
    text-align: center;
    margin-right: 12px;
}
.demarches-details-group .demarches-details .link-group {
    list-style: none;
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .demarches-details-group .demarches-details .link-group {
        line-height: 1.6;
    }
}
.demarches-details-group .demarches-details .link-group li {
    margin-right: 3px;
}
.demarches-details-group .demarches-details .link-group li a {
    color: #1B75D0;
    text-decoration: none;
    margin-right: 2px;
    font-size: 1.6rem;
}
@media (min-width: 768px) {
    .demarches-details-group .demarches-details .link-group li a {
        font-size: 1.8rem;
    }
}
.demarches-details-group .demarches-details .link-group li a:hover {
    text-decoration: underline;
}
.demarches-details-group .demarches-details .link-group li a:visited {
    color: #800080;
}

.tableContent-box {
    background-color: #ffffff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    margin-bottom: 16px;
}
@media (min-width: 992px) {
    .tableContent-box {
        padding: 24px;
        margin-bottom: 0;
    }
}
.tableContent-box .box-title {
    font-size: 2rem;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .tableContent-box .box-title {
        font-size: 2.2rem;
    }
}
.page-content .tableContent-box ul {
    list-style: none;
    margin:0;
}
.tableContent-box li {
    margin-bottom: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
}
@media (min-width: 992px) {
    .tableContent-box li {
        font-size: 1.8rem;
    }
}
.tableContent-box li:last-child {
    margin-bottom: 0;
}
.tableContent-box li a {
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 8px;
    color: #4a4a4a;
}
.tableContent-box li a:hover {
    text-decoration: underline;
}
.tableContent-box li a.active {
    background-color: #F5F5F5;
}
.tableContent-box li ul {
    display: none;
    margin: 16px 0;
    padding-left: 8px;
    border-left: 2px solid #E5E5E5;
}
@media (min-width: 768px) {
    .tableContent-box li ul {
        display: block;
    }
}

.nav-tabs {
    border-bottom: 2px solid #D9D9D9;
}
.nav-tabs .nav-link {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.nav-tabs .nav-link.active {
    border-bottom: 4px solid #001D77;
}

.tabs-container {
    border-radius: 8px;
    border: 1px solid #E5E5E5;
}
.tabs-container .tab-content {
    padding: 20px;
    border-top: 1px solid #E5E5E5;
}
.tabs-container .nav-tabs-container {
    overflow-x: auto;
}
.tabs-container .nav-tabs-container::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.tabs-container ul.nav-pills {
    list-style: none;
    border-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}
.tabs-container ul.nav-pills li.nav-item {
    padding-left: 0;
    margin-bottom: 0;
    border-right: 1px solid #E5E5E5;
}
.tabs-container ul.nav-pills li.nav-item:before {
    display: none;
}
.tabs-container ul.nav-pills.nav-tabs .nav-link {
    padding: 16px 20px 12px 20px;
    color: #1D1C1C;
    border-radius: 0;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
}
.tabs-container ul.nav-pills.nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: #001D77;
}

.navigation-content {
    margin-bottom: 32px;
}
.navigation-content .box-title {
    font-size: 1.8rem;
    margin-bottom: 16px;
}
@media (min-width: 992px) {
    .navigation-content .box-title {
        font-size: 2rem;
    }
}
.navigation-content .list-links {
    list-style: none;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    margin-right: 0;
}
@media (min-width: 992px) {
    .navigation-content .list-links {
        margin-right: 20px;
    }
}
.navigation-content .list-links li {
    border-bottom: 1px solid #E5E5E5;
}
.navigation-content .list-links li a {
    padding: 16px;
    display: block;
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 1.2;
}
@media (min-width: 992px) {
    .navigation-content .list-links li a {
        font-size: 1.8rem;
    }
}
.navigation-content .list-links li a:hover {
    background-color: #F7F8FB;
}

.illu-lg {
    fill: #1B75D0;
    width: 160px;
    height: auto;
}
@media (min-width: 768px) {
    .illu-lg {
        width: 220px;
    }
}

.modal .modal-dialog {
    max-width: 760px;
    height: 100vh;
    overflow: auto;
    margin-top: 0;
}
.modal .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
}
.modal .modal-content {
    padding: 40px 20px 72px 20px;
    top: 20px;
    position: relative;
    margin: 0 20px 40px 20px;
    width: calc(100% - 40px);
}
@media (min-width: 768px) {
    .modal .modal-content {
        top: 20%;
    }
}
.modal .modal-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.modal .modal-img {
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .modal .modal-img {
        margin-bottom: 32px;
    }
}
.modal .modal-title {
    width: 100%;
    font-size: 1.8rem;
}
@media (min-width: 768px) {
    .modal .modal-title {
        width: 80%;
        font-size: 2rem;
    }
}
.modal .modal-footer {
    display: flex;
    justify-content: center;
    border: 0;
    margin-top: 16px;
}
@media (min-width: 768px) {
    .modal .modal-footer {
        margin-top: 32px;
    }
}
.modal .modal-footer .btn-lg {
    min-width: 240px;
    margin: 0 8px;
    justify-content: center;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .modal .modal-footer .btn-lg {
        margin-bottom: 0;
    }
}

#mainContent {
    position: relative;
}

.section {
    padding: 20px 0;
    overflow: initial;
}
@media (min-width: 768px) {
    .section {
        padding: 40px 0;
    }
}
.section.content {
    padding: 20px 0 20px 0;
}
@media (min-width: 992px) {
    .section.content {
        padding: 40px 0 40px 0;
    }
}
@media (min-width: 1200px) {
    .section.content {
        padding: 80px 0 40px 0;
    }
}
.section.first {
    padding: 40px 0 20px 0;
}
@media (min-width: 768px) {
    .section.first {
        padding: 80px 0 40px 0;
    }
}

.section-up {
    background-image: linear-gradient(to bottom, #ffffff 0% 40%, #F7F8FB 40% 100%);
    height: 100%;
}

.section-down {
    background-image: linear-gradient(to bottom, #F7F8FB 0% 40%, #ffffff 40% 100%);
    height: 100%;
}

.section-cta {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
@media (min-width: 768px) {
    .section-cta {
        justify-content: flex-end;
    }
}
@media (min-width: 992px) {
    .section-cta {
        margin-top: 40px;
    }
}

.section-header {
    width: 100%;
    display: flex;
    align-items: center;
    color: #ffffff;
    padding: 30px 0;
    position: relative;
    z-index: 0;
}
@media (min-width: 768px) {
    .section-header {
        padding: 60px 0;
    }
}
.section-header.thematic {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    color: #ffffff;
    padding: 30px 0 0 0;
    z-index: 0;
}
@media (min-width: 768px) {
    .section-header.thematic {
        padding: 60px 0;
        flex-direction: row;
    }
}
.section-header.thematic .section-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position: inherit;
    right: inherit;
    width: 100%;
    height: 280px;
    z-index: 10;
    top: inherit;
    bottom: inherit;
    margin-top: 30px;
}
@media (min-width: 768px) {
    .section-header.thematic .section-img {
        margin-top: 0;
        position: absolute;
        right: 0;
        width: 50%;
        height: 100%;
        z-index: -1;
        top: 0;
        bottom: 0;
    }
}
.section-header.thematic .section-img .copyright {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 1.4rem;
    color: #1D1C1C;
    padding: 4px 8px;
    border-radius: 4px;
}
.section-header.thematic:before {
    display: none;
}
.section-header.secondary {
    padding: 40px 0;
}
@media (min-width: 768px) {
    .section-header.secondary {
        padding: 100px 0 80px 0;
    }
}
.section-header:after {
    content: "";
    background-image: linear-gradient(90deg, rgb(0, 29, 119) 50%, rgb(0, 29, 119) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    bottom: 0;
}
@media (min-width: 768px) {
    .section-header:after {
        background-image: linear-gradient(90deg, rgb(0, 29, 119) 50%, rgba(0, 0, 0, 0) 80%);
    }
}
.section-header:before {
    content: "";
    background-image: url("../Icons/patterns.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    display: none;
    top: 0;
    bottom: 0;
}
@media (min-width: 768px) {
    .section-header:before {
        display: block;
    }
}
.section-header .content {
    position: relative;
    z-index: 100;
}
.section-header .intro {
    margin: 8px 0 16px 0;
}
@media (min-width: 768px) {
    .section-header .intro {
        margin: 20px 0 32px 0;
    }
}
.section-header .tagsList {
    margin: 12px 0 0 0;
}
@media (min-width: 768px) {
    .section-header .tagsList {
        margin: 16px 0 0 0;
    }
}

.section-filters {
    margin: 0;
    padding-bottom: 72px;
}
@media (min-width: 992px) {
    .section-filters {
        margin: 0 40px 80px 0;
        padding-bottom: 0;
    }
}
.section-filters .form-group {
    margin-bottom: 24px;
}
@media (min-width: 992px) {
    .section-filters .form-group {
        margin-bottom: 32px;
    }
}
.section-filters label {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-right: 0;
}
.section-filters .cta {
    width: 100%;
    justify-content: center;
    margin-top: 0;
}

.filters-results {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}
@media (min-width: 768px) {
    .filters-results {
        margin-top: 24px;
    }
}
.filters-results .delete-filters i {
    font-size: 3.2rem;
    color: #001D77;
    margin-left: 16px;
}

.filters-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-bottom: 12px;
}
.filters-header .title {
    font-size: 2.2rem;
    color: #1D1C1C;
    margin: 0;
}
@media (min-width: 1200px) {
    .filters-header .title {
        margin: 0 0 16px 0;
    }
}
.filters-header .nav-close {
    display: block;
}
@media (min-width: 1200px) {
    .filters-header .nav-close {
        display: none;
    }
}
.filters-header .nav-close i {
    font-size: 3.2rem;
}

.filters-container {
    display: none;
}
@media (min-width: 992px) {
    .filters-container {
        display: block;
    }
}
.filters-container.active {
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
}
.filters-container.active .section-filters {
    background-color: #ffffff;
    padding: 0 8px 80px 8px;
    margin: 16px 0;
    height: calc(100vh - 28px);
    overflow-y: auto;
}
@media (min-width: 992px) {
    .filters-container.active .section-filters {
        display: block;
        position: inherit;
    }
}
.filters-container.active .filter-cta {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 16px;
    left: 0;
    border-top: 1px solid #E5E5E5;
}
.filters-container .apply-btn {
    display: block;
}
@media (min-width: 992px) {
    .filters-container .apply-btn {
        display: none;
    }
}
.filters-container .filter-cta {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 8px;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    border-top: 1px solid #E5E5E5;
    z-index: 10;
}
.filters-container .filter-cta .btn-lg {
    margin-right: 8px;
}
@media (min-width: 1200px) {
    .filters-container .filter-cta {
        display: block;
        position: inherit;
        bottom: inherit;
        left: inherit;
        right: inherit;
        box-shadow: none;
        border-top: 0;
        padding: 0;
    }
}

.filters-toggle {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 8px;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    border-top: 1px solid #E5E5E5;
    z-index: 5;
}
@media (min-width: 1200px) {
    .filters-toggle {
        display: none;
    }
}
.filters-toggle .cta {
    width: 100%;
    justify-content: center;
}

#filtersOverlay {
    display: none;
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    overflow-y: scroll;
    height: 100vh;
    background-color: #ffffff;
    z-index: 1000;
}
#filtersOverlay.show {
    opacity: 1;
}
@media (min-width: 1200px) {
    #filtersOverlay {
        display: block !important;
        opacity: 1;
        position: inherit;
        left: inherit;
        right: inherit;
        top: inherit;
        overflow: visible;
        height: auto;
        width: auto;
    }
}
#filtersOverlay .modal-dialog {
    margin-right: inherit;
    margin-left: inherit;
    padding: 20px 15px 52px 15px;
    max-width: 100%;
    height: 100vh;
}
@media (min-width: 992px) {
    #filtersOverlay .modal-dialog {
        padding: 0;
        height: auto;
    }
}
#filtersOverlay .nav-header {
    display: flex;
}
@media (min-width: 1200px) {
    #filtersOverlay .nav-header {
        display: none;
    }
}

.filters-layout {
    flex: 0 0 auto;
}
@media (min-width: 1200px) {
    .filters-layout {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

.results-layout {
    flex: 0 0 auto;
    width: 100%;
}
@media (min-width: 1200px) {
    .results-layout {
        flex: 0 0 auto;
        width: 66.666666%;
    }
}

.modal-dialog {
    pointer-events: inherit;
}

.results-number {
    margin-left: auto;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
}

.section-results {
    margin-top: 24px;
}
@media (min-width: 992px) {
    .section-results {
        margin-top: 32px;
    }
}
.section-results .header-results {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.section-results .header-results .number {
    font-size: 1.8rem;
}
@media (min-width: 992px) {
    .section-results .header-results .number {
        font-size: 2rem;
    }
}
.section-results .header-results .cta {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    flex: 0 0 84px;
}
@media (min-width: 992px) {
    .section-results .header-results .cta {
        flex: 0 0 104px;
    }
}
.section-results .header-results .cta li {
    flex: 0 0 42px;
    height: 42px;
}
@media (min-width: 992px) {
    .section-results .header-results .cta li {
        flex: 0 0 52px;
        height: 52px;
    }
}
.section-results .header-results .cta li:first-child button {
    border-left: 1px solid #E5E5E5;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.section-results .header-results .cta li:last-child button {
    border-right: 1px solid #E5E5E5;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.section-results .header-results .cta button {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    background-color: #ffffff;
    flex: 0 0 100%;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-results .header-results .cta button i {
    font-size: 2.4rem;
}
.section-results .header-results .cta button.active {
    background-color: #001D77;
}
.section-results .header-results .cta button.active i {
    color: #ffffff;
}
.section-results .card {
    height: calc(100% - 15px) !important;
    margin-bottom: 15px !important;
}

.map-placeholder {
    position: relative;
}
.map-placeholder .card-event {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.section-content p.intro {
    margin: 12px 0;
}
@media (min-width: 992px) {
    .section-content p.intro {
        margin: 20px 0;
    }
}
.section-content figure img {
    border-radius: 8px;
    width: 100%;
    max-width: 740px;
    height: auto;
    margin: 20px auto 0 auto;
    display: block;
}
@media (min-width: 992px) {
    .section-content figure img {
        margin: 40px auto 0 auto;
    }
}
.section-content figure figcaption {
    font-size: 1.4rem;
    line-height: 1.4;
    width: 100%;
    max-width: 740px;
    margin: 12px auto 20px auto;
}
@media (min-width: 992px) {
    .section-content figure figcaption {
        margin: 12px auto 40px auto;
    }
}
.section-content figure figcaption .copyright {
    color: #707070;
    margin-left: 4px;
}
.section-content figure figcaption .copyright:before {
    content: "©";
}
.section-content .link-share {
    margin-top: 20px;
}
.section-content .langSwitch {
    list-style: none;
    display: inline-flex;
    margin-left: 52px;
}
.section-content .langSwitch li {
    padding: 0 8px;
}
.section-content .langSwitch li:first-child {
    border-right: 1px solid #909090;
}
.section-content .langSwitch a {
    font-size: 1.8rem;
    text-decoration: none;
    color: #707070;
}
@media (min-width: 768px) {
    .section-content .langSwitch a {
        font-size: 2rem;
    }
}
.section-content .langSwitch a.active {
    text-decoration: underline;
    font-weight: 700;
    color: #1D1C1C;
}
.section-content .publish-details {
    display: block;
    color: #707070;
    margin-right: 12px;
    margin-top: 20px;
}
@media (min-width: 576px) {
    .section-content .publish-details {
        display: inline-flex;
        align-items: center;
    }
}
.section-content .publish-details .date {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
@media (min-width: 576px) {
    .section-content .publish-details .date {
        margin-bottom: 0;
    }
}
.section-content .publish-details .date:after {
    font-family: FontAwesome;
    content: "\f111";
    font-weight: 900;
    font-size: 0.6rem;
    display: none;
    margin: 0 8px 0 8px;
}
@media (min-width: 576px) {
    .section-content .publish-details .date:after {
        display: inline-flex;
        align-items: center;
    }
}
.section-content .row-content {
    position: relative;
}
.section-content .row-textImage {
    height: 100%;
    display: flex;
}
.section-content .row-textImage .copyright-img {
    bottom: inherit;
    top: 20px;
}
.section-content .row-textImage .col {
    position: relative;
}
.section-content .row-textImage:first-child {
    margin-bottom: 40px;
}
@media (min-width: 992px) {
    .section-content .row-textImage:first-child {
        margin-bottom: 80px;
    }
}
.section-content .row-textImage.right .blockText {
    margin-left: 0;
    margin-top: 30px;
}
@media (min-width: 992px) {
    .section-content .row-textImage.right .blockText {
        margin-left: 30px;
        margin-top: 0;
    }
}
.section-content .row-textImage.left {
    display: flex;
    flex-direction: column-reverse;
}
@media (min-width: 992px) {
    .section-content .row-textImage.left {
        flex-direction: row;
    }
}
.section-content .row-textImage.left .blockText {
    margin-right: 0;
    margin-top: 30px;
}
@media (min-width: 992px) {
    .section-content .row-textImage.left .blockText {
        margin-right: 30px;
        margin-top: 0;
    }
}
.section-content .row-textImage .alpha-title-container {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .section-content .row-textImage .alpha-title-container {
        margin-bottom: 24px;
    }
}
.section-content .row-textImage .blockText {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
}
.section-content .row-textImage .cta {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.section-content .row-textImage img {
    width: 100%;
    height: auto;
}

.section-jobDetails {
    padding-bottom: 80px;
}
@media (min-width: 768px) {
    .section-jobDetails {
        padding-bottom: 240px;
    }
}
.section-jobDetails .infos-col {
    margin-top: 24px;
    margin-bottom: 0;
}

.calendar-widget {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
}
.calendar-widget .events-container {
    display: none !important;
}
.calendar-widget .calendar-container {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    background: #ffffff;
    font: 1.8rem;
    display: inline-block;
    padding: 20px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}
.calendar-widget .calendar {
    width: 100%;
    padding: 0;
}
.calendar-widget .year-header {
    background: #ffffff;
    text-align: center;
    position: relative;
    color: #fff;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.calendar-widget .year-header .year {
    font-size: 2.2rem;
    color: #525252;
}
.calendar-widget .year-header button {
    display: inline-block;
    font-size: 3.2rem;
    line-height: 40px;
    color: #001D77;
}
.calendar-widget .left-button, .calendar-widget .right-button {
    cursor: pointer;
    text-align: center;
    font-size: 0.6rem;
}
.calendar-widget .left-button:hover, .calendar-widget .right-button:hover {
    color: #001D77 !important;
}
.calendar-widget .button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: 1rem;
    border-radius: 25px;
    padding: 0.65rem 1.9rem;
    transition: 0.2s ease all;
    color: white;
    border: none;
    background: #001D77;
}
.calendar-widget .button.button-white {
    background: #ffffff;
    color: #0d0d0d;
}
.calendar-widget .button:focus {
    box-shadow: none;
    outline: none;
}
.calendar-widget .day {
    height: 26px;
    width: 14.28%;
    padding: 0 10px;
    line-height: 26px;
    border: 2px solid transparent;
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
}
.calendar-widget .months-row {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 4px;
    margin: 8px 0;
    width: 100%;
}
.calendar-widget .months-row a {
    text-decoration: none;
}
.calendar-widget .month {
    flex: 0 0 16.6%;
    font-size: 1.4rem;
    color: #707070;
    transition: all 250ms;
    padding: 4px;
}
.calendar-widget .month:hover {
    cursor: pointer;
}
.calendar-widget .month[aria-checked=true] {
    font-weight: 700;
    color: #000;
}
.calendar-widget .month:hover {
    color: #001D77;
}
.calendar-widget td {
    cursor: default;
    color: #2b2b2b;
    height: 48px;
    width: 14.28%;
    flex: 0 0 14.28%;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    border-radius: 0;
    transition: all 250ms;
    position: relative;
    line-height: 1.8;
    pointer-events: none;
}
.calendar-widget td a {
    text-decoration: none;
}
.calendar-widget td.event-date {
    pointer-events: inherit;
}
.calendar-widget td.active-date.current-date {
    border-radius: 0;
    position: relative;
    color: #2b2b2b;
}
.calendar-widget td.active-date.current-date:after {
    content: "";
    height: 3px;
    width: 26px;
    position: absolute;
    left: 50%;
    top: inherit;
    bottom: 4px;
    transform: translateX(-50%) translateY(-50%);
    background-color: #001D77;
    border-radius: 0;
    border: 0;
}
.calendar-widget .table-date.nil {
    height: 0;
}
.calendar-widget td.nil {
    height: 0;
    padding: 0;
}
.calendar-widget td:not(.nil):hover {
    position: relative;
    z-index: 10;
    cursor: pointer;
}
.calendar-widget td:not(.nil):hover:before {
    content: "";
    position: absolute;
    z-index: -10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #F7F8FB;
}
.calendar-widget .event-date:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: "";
    background: #001D77;
}
.calendar-widget .active-date.event-date {
    color: #ffffff;
    position: relative;
    z-index: 0;
}
.calendar-widget .active-date.event-date a {
    color: #ffffff;
    text-decoration: none;
    line-height: 30px;
}
.calendar-widget .active-date.event-date:after {
    content: "";
    background-color: #001D77;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    line-height: 26px;
    position: absolute;
    left: 50%;
    top: calc(50% - 1px);
    transform: translateX(-50%) translateY(-50%);
    z-index: -10;
}

.stickyBox {
    height: auto;
}
@media (min-width: 992px) {
    .stickyBox {
        height: 100%;
    }
}
.stickyBox .stickyElement {
    position: inherit;
    top: inherit;
}
@media (min-width: 992px) {
    .stickyBox .stickyElement {
        top: 20px;
        position: -webkit-sticky;
        position: sticky;
    }
}

.stickyBox-content {
    position: inherit;
    height: auto;
    right: inherit;
    top: inherit;
    width: 100%;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .stickyBox-content {
        right: 15px;
    }
}
@media (min-width: 1200px) {
    .stickyBox-content {
        position: absolute;
        right: 15px;
        top: 0;
        width: calc(33.33% - 40px);
        height: 100%;
        margin-bottom: 0;
    }
}
@media (min-width: 1400px) {
    .stickyBox-content {
        right: 0;
    }
}
.stickyBox-content.infos-col {
    margin-left: 0;
}
@media (min-width: 1200px) {
    .stickyBox-content.infos-col {
        margin-left: 40px;
    }
}
.stickyBox-content .stickyElement {
    position: inherit;
    top: inherit;
}
@media (min-width: 1200px) {
    .stickyBox-content .stickyElement {
        top: 20px;
        position: -webkit-sticky;
        position: sticky;
    }
}

.tooltip-btn {
    margin: 0 8px;
}
.tooltip-btn i {
    font-size: 2.2rem;
    color: #001D77;
    margin-top: 2px;
}

.tooltip-container {
    display: flex;
    align-items: center;
}

.tooltip {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.tooltip-inner {
    background-color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    font-size: 1.4rem;
    color: #1D1C1C;
    padding: 12px;
    text-align: left;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}

.tooltip .tooltip-arrow::before {
    display: none;
}

.logo-sdgi {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
.logo-sdgi a:first-child {
    font-size: 1.8rem;
    color: #001D77;
    margin-bottom: 12px;
}

input {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #909090;
    width: 100%;
    font-size: 1.6rem;
}
@media (min-width: 768px) {
    input {
        padding: 16px 12px;
        font-size: 1.8rem;
    }
}
input::placeholder, input:-moz-placeholder, input::-moz-placeholder {
    color: #767676;
    font-size: 1.6rem;
    opacity: 1;
}

label,
.label {
    color: #525252;
    font-size: 1.6rem;
    margin-bottom: 16px;
    line-height: 1.8;
}
@media (min-width: 992px) {
    label,
    .label {
        font-size: 1.8rem;
    }
}

.input-container {
    position: relative;
    display: flex;
}
.input-container input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-container .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
}

.input-clearer {
    position: relative;
    width: 100%;
}
.input-clearer .clear-input {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
@media (min-width: 768px) {
    .input-clearer .clear-input {
        right: 16px;
    }
}
.input-clearer .clear-input i {
    font-size: 1.8rem;
}
@media (min-width: 768px) {
    .input-clearer .clear-input i {
        font-size: 2.4rem;
    }
}
.input-clearer .clear-input:hover {
    cursor: pointer;
}

.filters-body {
    width: 100%;
}


.filters-body input[type=checkbox]:hover {
    cursor: pointer;
}

[type=checkbox]:checked + label,
[type=checkbox]:not(:checked) + label {
    font-size: 1.6rem;
    color: #0d0d0d;
}
@media (min-width: 992px) {
    [type=checkbox]:checked + label,
    [type=checkbox]:not(:checked) + label {
        font-size: 1.8rem;
    }
}

.custom-select .dropdown-toggle {
    padding: 8px 32px 8px 12px;
    font-size: 1.8rem;
    width: 100%;
    text-align: left;
    height: 42px;
    border: none;
}
.custom-select .dropdown-toggle:before {
    font-family: FontAwesome;
    content: "\f078";
    font-weight: 900;
    font-size: 1.4rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.custom-select .dropdown-toggle:after {
    display: none;
}
.custom-select .dropdown-menu {
    width: 100%;
    list-style: none;
}
@media (min-width: 768px) {
    .custom-select .dropdown-menu {
        width: inherit;
    }
}
.custom-select .dropdown-menu li {
    margin: 0;
}
.custom-select .dropdown-item {
    padding: 8px 12px;
    font-size: 1.8rem;
    color: #0d0d0d;
}
.custom-select .dropdown-item:focus,
.custom-select .dropdown-item:hover,
.custom-select .dropdown-item:active {
    background-color: #F7F8FB;
    color: #0d0d0d;
}

.grid-demarches .card {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    position: relative;
}
.card:hover .btn-stroke {
    background-color: rgba(0, 29, 119, 0.08);
}
.card:hover .card-link {
    text-decoration: underline;
}
.card:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.card .card-link {
    text-decoration: none;
}
.card .card-link:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
}

.card-competence {
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-competence {
        height: 90px;
    }
}
@media (min-width: 992px) {
    .card-competence {
        height: 120px;
    }
}
.card-competence:hover img {
    transform: scale(1.09);
}
.card-competence img {
    height: 30px;
    width: auto;
    transition: transform 0.2s;
}
@media (min-width: 576px) {
    .card-competence img {
        height: 40px;
    }
}
@media (min-width: 992px) {
    .card-competence img {
        height: 50px;
    }
}
.card-competence.enseignement img {
    height: 20px;
    width: auto;
}
@media (min-width: 576px) {
    .card-competence.enseignement img {
        height: 30px;
    }
}
@media (min-width: 992px) {
    .card-competence.enseignement img {
        height: 40px;
    }
}

.card-une {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .card-une {
        flex-direction: row;
    }
}
.card-une .card-img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 8px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .card-une .card-img {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        flex: 0 0 50%;
        padding-top: 28%;
    }
}
.card-une .card-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
}
.card-une .card-content {
    flex: 0 0 50%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
}
@media (min-width: 1200px) {
    .card-une .card-content {
        padding: 24px 40px 24px 24px;
    }
}
.card-une .card-title {
    font-size: 1.8rem;
    color: #0d0d0d;
    margin-bottom: 12px;
    line-height: 1.2;
}
@media (min-width: 992px) {
    .card-une .card-title {
        font-size: 2.4rem;
    }
}
.card-une .card-infos {
    color: #707070;
    font-size: 1.4rem;
    margin-bottom: 12px;
}
@media (min-width: 768px) {
    .card-une .card-infos {
        font-size: 1.6rem;
    }
}
.card-une .card-infos .content-type {
    display: inline-flex;
    align-items: center;
}
.card-une .card-infos .content-type:after {
    font-family: FontAwesome;
    content: "\f111";
    font-weight: 900;
    font-size: 0.6rem;
    display: inline-flex;
    align-items: center;
    margin: 0 4px 0 8px;
}
.card-une .card-text {
    font-size: 1.6rem;
    line-height: 1.6;
}
@media (min-width: 992px) {
    .card-une .card-text {
        font-size: 1.8rem;
    }
}
.card-une .card-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}
.card-une .card-bottom .btn {
    display: none;
}
@media (min-width: 992px) {
    .card-une .card-bottom .btn {
        display: block;
    }
}

.card-article, .card-event {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.card-article .card-img, .card-event .card-img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.card-article .card-img img, .card-event .card-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
}
.card-article .card-content, .card-event .card-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
    flex: 1;
}
@media (min-width: 992px) {
    .card-article .card-content, .card-event .card-content {
        padding: 16px;
    }
}
.card-article .card-title, .card-event .card-title {
    font-size: 1.8rem;
    color: #0d0d0d;
    margin-bottom: 12px;
    line-height: 1.2;
}
@media (min-width: 992px) {
    .card-article .card-title, .card-event .card-title {
        font-size: 2.2rem;
    }
}
.card-article .card-infos, .card-event .card-infos {
    color: #707070;
    margin-bottom: 8px;
    font-size: 1.4rem;
}
@media (min-width: 768px) {
    .card-article .card-infos, .card-event .card-infos {
        font-size: 1.6rem;
    }
}
.card-article .card-infos .content-type, .card-event .card-infos .content-type {
    display: inline-flex;
    align-items: center;
}
.card-article .card-infos .content-type:after, .card-event .card-infos .content-type:after {
    font-family: FontAwesome;
    content: "\f111";
    font-weight: 900;
    font-size: 0.6rem;
    display: inline-flex;
    align-items: center;
    margin: 0 4px 0 8px;
}
.card-article .card-text, .card-event .card-text {
    font-size: 1.6rem;
    line-height: 1.4;
}
@media (min-width: 992px) {
    .card-article .card-text, .card-event .card-text {
        font-size: 1.8rem;
    }
}
.card-article .card-bottom, .card-event .card-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.card-demarches {
    padding: 16px 16px 16px 24px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.card-demarches:before {
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}
.card-demarches.enseignement:before {
    background-color: #3B97C8;
}
.card-demarches.culture:before {
    background-color: #E57477;
}
.card-demarches.adeps:before {
    background-color: #EFA143;
}
.card-demarches.justice:before {
    background-color: #BE80B6;
}
.card-demarches.jeunesse:before {
    background-color: #86C48F;
}
.card-demarches.science:before {
    background-color: #409F9E;
}
.card-demarches .card-title {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 12px 0;
}
@media (min-width: 992px) {
    .card-demarches .card-title {
        font-size: 2rem;
    }
}
.card-demarches .card-content {
    display: flex;
    flex-direction: column-reverse;
}
.card-demarches .card-excerpt {
    font-size: 1.8rem;
    margin: 0 0 12px 0;
    line-height: 1.4;
    padding-right: 0;
}
@media (min-width: 992px) {
    .card-demarches .card-excerpt {
        padding-right: 40px;
    }
}
.card-demarches .card-lang {
    display: flex;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 100;
}
.card-demarches .card-lang .option {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.8rem;
    border-radius: 4px;
}
.card-demarches .card-lang .option.active {
    font-weight: 700;
}
.card-demarches .card-lang .option:hover {
    background-color: rgba(0, 29, 119, 0.08);
}
.card-demarches .card-lang .option:last-child {
    margin-left: 4px;
}
.card-demarches .card-lang .option:first-child {
    position: relative;
    margin-right: 4px;
}
.card-demarches .card-lang .option:first-child:after {
    content: "";
    width: 1px;
    height: 50%;
    background-color: #E5E5E5;
    position: absolute;
    right: -4px;
}

.grid-demarches .card-demarches .card-title {
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 0 12px 0;
}
.grid-demarches.sdgi .card-demarches .card-title {
    padding-top: 12px;
}
@media (min-width: 992px) {
    .grid-demarches.sdgi .card-demarches .card-title {
        padding-top: 0;
    }
}

.card-emploi {
    padding: 16px;
    height: 100%;
    justify-content: space-between;
}
.card-emploi .card-title {
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 12px 0;
}
@media (min-width: 992px) {
    .card-emploi .card-title {
        font-size: 2rem;
    }
}
.card-emploi .card-infos {
    color: #525252;
    list-style: none;
    font-size: 1.6rem;
    margin-bottom: 24px;
}
.card-emploi .card-infos li {
    margin-top: 8px;
    display: flex;
}
@media (min-width: 992px) {
    .card-emploi .card-infos li {
        margin-top: 16px;
    }
}
.card-emploi .card-infos li .line-label {
    margin-top: 2px;
    line-height: 1.2;
}
.card-emploi .card-infos li i {
    flex: 0 0 20px;
    height: auto;
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
    margin-right: 8px;
    margin-top: 2px;
}

.grid-emploi .card-emploi .card-title {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 12px 0;
}
@media (min-width: 992px) {
    .grid-emploi .card-emploi .card-title {
        font-size: 1.8rem;
    }
}

.card-initiative {
    height: 100%;
    position: relative;
}
.card-initiative.alpha {
    display: flex;
    flex-direction: column;
    height: auto;
}
.card-initiative.alpha .card-img {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    padding-top: 66.67%;
    overflow: hidden;
    flex: 1;
}
.card-initiative.alpha .card-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
}
.card-initiative.alpha .card-content {
    background-color: #ffffff;
    padding: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    min-height: 60px;
}
.card-initiative.alpha .card-title {
    font-size: 1.6rem;
    color: #0d0d0d;
    line-height: 1.2;
}
@media (min-width: 992px) {
    .card-initiative.alpha .card-title {
        font-size: 1.8rem;
    }
}
.card-initiative.beta .card-img {
    flex: 0 0 100%;
    border-radius: 8px;
    position: relative;
    min-height: inherit;
    height: 100%;
    overflow: hidden;
}
@media (min-width: 768px) {
    .card-initiative.beta .card-img {
        min-height: 360px;
    }
}
.card-initiative.beta .card-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
}
.card-initiative.beta .card-content {
    background-color: #ffffff;
    padding: 16px;
    border-radius: 8px;
    position: inherit;
}
@media (min-width: 768px) {
    .card-initiative.beta .card-content {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
    }
}
.card-initiative.beta .card-title {
    font-size: 1.6rem;
    color: #0d0d0d;
    line-height: 1.2;
}
@media (min-width: 992px) {
    .card-initiative.beta .card-title {
        font-size: 1.8rem;
    }
}
.card-initiative.beta .card-bottom {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
.card-initiative.beta .card-text {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-top: 8px;
}
.card-initiative.gamma {
    background-color: #ffffff;
    padding: 16px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.card-initiative.gamma .card-title {
    font-size: 1.6rem;
    color: #0d0d0d;
    line-height: 1.2;
}
@media (min-width: 992px) {
    .card-initiative.gamma .card-title {
        font-size: 1.8rem;
    }
}
.card-initiative.gamma .card-text {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-top: 8px;
}
.card-initiative.gamma .card-bottom {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.card-outil {
    padding: 16px 24px 16px 24px;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    height: calc(100% - 16px);
}
.card-outil:before {
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #001D77;
}
.card-outil .card-title {
    font-size: 1.6rem;
    line-height: 1.2;
}
@media (min-width: 992px) {
    .card-outil .card-title {
        font-size: 2rem;
    }
}
.card-outil .card-title i {
    font-size: 2.4rem;
    color: #F4AA00;
    margin-right: 12px;
}
.card-outil .card-text {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #525252;
    margin-top: 8px;
}
@media (min-width: 992px) {
    .card-outil .card-text {
        font-size: 1.8rem;
    }
}

.card-event {
    height: calc(100% - 15px);
    margin-bottom: 15px;
}
.card-event .card-infos .content-type:after {
    display: none;
}
.card-event .card-details {
    color: #525252;
    list-style: none;
    font-size: 1.6rem;
    margin-bottom: 8px;
}
.card-event .card-details li {
    margin-top: 12px;
    display: flex;
}
@media (min-width: 992px) {
    .card-event .card-details li {
        margin-top: 16px;
    }
}
.card-event .card-details li .line-label {
    line-height: 1.2;
}
.card-event .card-details li i {
    flex: 0 0 20px;
    height: auto;
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
    margin-right: 8px;
}
.card-event .card-text {
    display: none;
}
@media (min-width: 768px) {
    .card-event .card-text {
        display: block;
    }
}

.card-event.card-map {
    max-width: 280px;
    height: auto;
}
.card-event.card-map .card-content {
    padding: 8px;
}
.card-event.card-map .card-title,
.card-event.card-map .card-details {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 0;
}
.card-event.card-map .card-details li {
    margin-top: 12px;
}
.card-event.card-map .card-details i {
    font-size: 1.8rem;
}

.card-articleRelated {
    border-bottom: 1px solid #E5E5E5;
    padding: 16px 0;
    position: relative;
}
.card-articleRelated:last-child {
    border-bottom: 0;
}
.card-articleRelated .card-link {
    text-decoration: none;
}
.card-articleRelated .card-link:hover {
    text-decoration: underline;
}
.card-articleRelated .card-link:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    left: 0;
}
.card-articleRelated .card-title {
    font-size: 1.6rem;
    color: #0d0d0d;
    margin-bottom: 12px;
    line-height: 1.2;
}
@media (min-width: 992px) {
    .card-articleRelated .card-title {
        font-size: 1.8rem;
    }
}

.card-search {
    padding: 16px 16px 20px 16px;
    height: 100%;
    justify-content: space-between;
}
.card-search .card-title {
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 12px 0;
}
@media (min-width: 992px) {
    .card-search .card-title {
        font-size: 2rem;
    }
}
.card-search .card-category {
    font-size: 1.6rem;
    color: #707070;
    display: flex;
    align-items: center;
    margin: 12px 0;
}
.card-search .card-category .competence {
    display: flex;
    align-items: center;
}
.card-search .card-category .competence:after {
    font-family: FontAwesome;
    content: "\f111";
    font-weight: 900;
    font-size: 0.6rem;
    padding: 0 8px;
}
.card-search .card-category img {
    flex: 0 0 20px;
    height: 20px;
    margin-right: 8px;
}
@media (min-width: 992px) {
    .card-search .card-category img {
        flex: 0 0 25px;
        height: 25px;
    }
}
.card-search .card-text {
    font-size: 1.6rem;
    line-height: 1.4;
}

.relatedArticle {
    background-color: #ffffff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    margin-bottom: 16px;
}
@media (min-width: 992px) {
    .relatedArticle {
        padding: 24px;
        margin-bottom: 32px;
    }
}
.relatedArticle .box-title {
    font-size: 2rem;
    margin-bottom: 4px;
}
@media (min-width: 992px) {
    .relatedArticle .box-title {
        font-size: 2.2rem;
        margin-bottom: 8px;
    }
}

.search-secondary .section-filters,
.search-secondary .section-results {
    margin-top: 0;
}
@media (min-width: 992px) {
    .search-secondary .section-filters,
    .search-secondary .section-results {
        margin-top: 0;
    }
}

#filtersOverlay .modal-dialog {
    margin-top: 0;
    transform: inherit;
}

.dce-row {
    list-style: none;
}

.dce {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 4px;
    position: relative;
    padding: 24px;
    min-height: 250px;
    margin: 0 7px 15px 7px;
    height: calc(100% - 15px);
    width: calc(100% - 14px);
    text-decoration: none;
}
@media (min-width: 992px) {
    .dce {
        width: 100%;
        margin: 0 0 15px 0;
    }
}
.dce:hover {
    box-shadow: none;
}

.dce-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.dce-1 .content {
    font-size: 2.4rem;
    margin-top: 20px;
}
.dce-1 .btn {
    margin-top: 20px;
}

.dce-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    overflow: hidden;
}
.dce-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.dce-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: #001D77;
}
.dce-2 .content {
    margin-bottom: 8px;
    font-size: 2.4rem;
    color: #ffffff;
    text-align: center;
}
.dce-2 p {
    margin-top: 0;
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;
}

.dce-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    overflow: hidden;
}
.dce-3 img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}
.dce-3 .content {
    font-size: 2.2rem;
    color: #001D77;
    background-color: #ffffff;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    position: relative;
    z-index: 10;
}

.dce-list .content {
    font-size: 2.4rem;
    margin-bottom: 20px;
}
.dce-list ul {
    margin: 8px 0;
    list-style: none;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .dce-list ul {
        margin: 16px 0;
    }
}
.dce-list ul li {
    position: relative;
    padding-left: 28px;
    font-size: 1.6rem;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .dce-list ul li {
        font-size: 1.8rem;
    }
}
.dce-list ul li:before {
    font-family: FontAwesome;
    content: "\f0c1";
    font: var(--fa-font-light);
    font-size: 1.8rem;
    position: absolute;
    left: 0;
    top: 4px;
}

ul.contact h3 {
    margin-top: 32px;
}

/* cartes plugin */
.is-tag svg {
    width: 18px;
    height: 18px;
}

.card-demarche.sm {
    margin-bottom: 20px;
    height: auto !important;
}
.card.card-demarche{
    border-bottom: 1px solid rgba(0,0,0,0.125);
    border-right: 1px solid rgba(0,0,0,0.125);
    border-top: 1px solid rgba(0,0,0,0.125);
    margin-bottom: 16px;
    padding: 16px;
}
.card-demarche .card-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.card-demarche.sm .card-title-demarche {
    font-size: 2rem;
}
.card-demarche .card-title-demarche {
    margin-bottom: 8px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
}
.card-demarche a.card-link, .card-demarche .card-title {
    position: inherit !important;
}
.card-demarche .card-details {
    margin-bottom: 12px;
}
.card.card-demarche.sm .card-tag {
    font-size: 1.2rem;
    letter-spacing: 1px;
    margin-bottom: 6px;
    font-weight: 600;
    text-transform: uppercase;
}

/* page detail */
.tagArticle {
    font-size: 1.2rem;
    letter-spacing: 1px;
    margin-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
}
.tag-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tag-subject .label {
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    margin-bottom: 0;
    margin-top: 12px;
}
.tag-subject .tagsList-détails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.tag-subject .tagsList-détails li {
    margin-right: 4px;
}
.tag-subject .tagsList-détails li a {
    color: #4a4a4a;
}
.row-content {
    position: relative;
}
.stickyBox-content.infos-col .btn, .stickyBox-content.infos-col .page-content .button, .page-content .stickyBox-content.infos-col .button {
    width: 100%;
    margin-top: 12px;
    border: 0;
    text-align: center;
}
.page-content ul.contact {
    list-style: none;
    padding: 0;
    margin: 16px 0 0 0;
}
.tag-subject .label svg {
    width: 24px;
    height: 24px;
}
.page-content ul {
    margin: 16px 0 16px 20px;
    list-style: disc;
    font-size: 1.8rem;
}
.page-content ol {
    margin: 16px 0 16px 20px;
    font-size: 1.8rem;
}
.page-content ul li,
.page-content ol li {
    margin: 8px 0;
    line-height: 1.6;
}
.page-content section ol {
    list-style: auto;
    counter-reset: revert-layer;

}
.page-content section ol > li::before {
    content:none;
}
.page-content ul.contact .icon {
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ic-dark {
    fill: #4a4a4a;
}
.page-content ul.contact .icon svg {
    width: 20px;
    height: 20px;
}
.page-content ul.contact li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-content ul li a {
    line-height: 1.5;
}
.notation {
    font-size: 1.4rem;
    color: #465C67;
    line-height: 2;
}
h2.section-title-sm {
    margin-bottom: 16px;
    font-size: 2.2rem;
}

/* page recherche */
.headerSearch .searchForm .btn, .searchForm .page-content .button, .page-content .searchForm .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 45px;
    width: auto;
}
.searchForm input[type="text"] {
    padding: 15px;
}


.demarches .input-form-aside {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.filters-body input[type="checkbox"] {
    width: 2rem;
    height: 2rem;
    -webkit-appearance: none;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.search-filters .filtersSelectionCol .checkbox-line input[type="checkbox"] {
    margin-top: 0;
}
.page-content .checkbox-line input[type="checkbox"] {
    flex: 0 0 3rem;
    height: 3rem;
}
[type="checkbox"]:checked::after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    font-size: 1.4rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    margin-top: 1px;
}
.checkbox-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.filtersSelectionCol .checkbox-line {
    margin-bottom: 20px;
}
.filtersSelectionCol .accordion-body {
    padding: 16px 12px;
}
.page-content .accordion .accordion-button:not(.collapsed) {
    background-color: transparent;
    font-weight: 600;
}
.page-content .accordion .accordion-button {
    margin-top: 0;
    font-size: 1.6rem;
    padding: 16px;
}
.page-content .accordion#filters-item {
    margin-bottom: 40px;
}
.card-demarche {
    border-bottom: 1px solid rgba(0,0,0,0.125);
    border-right: 1px solid rgba(0,0,0,0.125);
    border-top: 1px solid rgba(0,0,0,0.125);
    margin-bottom: 16px;
    padding: 16px;
}
.page-content ul.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.8rem;
    color: #4a4a4a;
    padding: 32px 0;
}
.page-content ul.pagination li.active {
    padding-right: 24px;
    margin-bottom: 8px;
    list-style: none;
}
.page-content ul.pagination li.active a {
    color: #4a4a4a !important;
    background:none;
    border:none;
}
.filtersHeader .filtersList {
    font-size: 2rem;
}
.filtersHeader .filtersList .filter {
    background-color: #ffffff;
    padding: 8px 12px;
    border-radius: 4px;
    margin-right: 12px;
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: inherit;
}
.filtersList .filter a{
    text-decoration: none;
}

.mobile-filtre {
    display: none;
}

.mobile-filtre .search-filter button {
    font-size: 1.8rem;
}

@media (max-width: 768px) {
    .mobile-filtre {
        display: block;
    }
}

.filtersPanel {
    z-index: 10;
}

/* premiers retours dircom */

a.tx-solr-facet-show-all {
    font-size: 1.4rem;
}

.search-results-label .result-number {
    display: block;
}

.search-results-label {
    display: flex;
}

.stickyBox-content.infos-col .btn.btn-primary {
    border: 2px solid #001D77;
}
.btn.btn-primary:hover{
    background: rgba(0,29,119,0.1) !important;
    border: 2px solid #001D77;
    color: #001D77;
}
.btn.btn-primary:hover span.icon{
    fill: currentColor;
}

div.row.page-content {
    padding-bottom: 20px;
}

.filtersSelectionCol {
    width: 100%;
}

.fwb-footer .fwb-footer-content .ag-logo-container {
    display: block;
    list-style:none;
}
@media (min-width: 768px) {
    .fwb-footer .fwb-footer-content .ag-logo-container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
}
.fwb-footer .fwb-footer-content .ag-logo {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #4a4a4a;
    text-decoration: none;
    border-right: 0;
    padding-right: 10px;
    text-transform: uppercase;
    margin: 20px 10px 20px 0;
}
@media (min-width: 768px) {
    .fwb-footer .fwb-footer-content .ag-logo {
        padding-right: 15px;
        margin: 10px 15px 10px 0;
        border-right: 1px solid #4a4a4a;
    }
}
.fwb-footer .fwb-footer-content .ag-logo:last-child {
    border: 0;
    margin-right: 0;
}
.fwb-footer .fwb-footer-content .ag-logo img {
    margin-right: 5px;
}
.fwb-footer .fwb-footer-content .ag-logo.culture:hover {
    color: #e73146;
}
.fwb-footer .fwb-footer-content .ag-logo.enseignement:hover {
    color: #027ac0;
}
.fwb-footer .fwb-footer-content .ag-logo.sport:hover {
    color: #ee7d12;
}
.fwb-footer .fwb-footer-content .ag-logo.jeunesse:hover {
    color: #16a344;
}
.fwb-footer .fwb-footer-content .ag-logo.recherche:hover {
    color: #35b5b2;
}
.fwb-footer .fwb-footer-content .ag-logo.justice:hover {
    color: #ab3a8d;
}