/********************
MISE EN FORME
********************/
/*    @import url('https://fonts.googleapis.com/css2?family=Lato:ital@1,wght@0,100;0,300;0,400;0,700;1,100&display=swap');
    @import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700|Roboto+Slab:300,400');
        @import url('https://fonts.googleapis.com/css?family=Raleway:300,400');*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

html {
    scroll-behavior: smooth;
}

/***************
    Audio
**************/

.audio {
    width: 80%;
    min-width: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
    position: absolute;
    bottom: 35px;
}

.audio .play-pause-btn svg path {
    fill: #335D99
}

.audio .slider {
    background-color: #9AA5CD;
}

.audio .controls .controls__slider {
    border-radius: 0px;
}

.audio .slider .gap-progress {
    background-color: #335D99;
}

.audio .controls .controls__current-time::after {
    content: "/";
    padding-left: .2em;
    padding-right: .2em;
    color: #0A2D45;
}

.audio .controls span {
    color: #0A2D45;
    font-weight: 400;
}

.audio .slider .gap-progress .pin {
    width: 0px;
}

.audio .volume {
    display: none;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

/*:root{
        --main-bg-color : linear-gradient(to bottom,#0C0040,#18007F);
        --main-color : #318568;
        --main-titre-color: #A0272C;
        --main-header-color : #000;
    }*/

:root {

    --main-color: #12264b;
    --second-color: #E1EBFF;
    --third-color: #293D62;
    --fourth-color: #E7E9ED;

    --main-color-bandeau-gauche: #4085becc;
    --main-color-bandeau-droite: #4085bebf;

    --filter-main-settings: invert(9%) sepia(24%) saturate(6368%) hue-rotate(210deg) brightness(95%) contrast(91%);
    --filter-neutral-setings: invert(100%) sepia(88%) saturate(0%) hue-rotate(158deg) brightness(107%) contrast(101%);

    --transition-duration: .3s;
}

a {
    text-decoration: none;
}

article * {
    font-family: 'Montserrat' !important;
}

article {
    padding-bottom: 2em;
}

a:not([href]):hover {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 100%;
    perspective: 1000px;
}

.flip-card .inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform var(--transition-duration);
    transform-style: preserve-3d;
}

.flip-card .inner .front,
.flip-card .inner .back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.flip-card .inner .front {
    background: linear-gradient(45deg, rgba(38, 180, 224, 1) 0, rgb(104, 208, 203) 100%);
    ;
}

.flip-card .inner .back {
    background: linear-gradient(45deg, rgba(38, 180, 224, 1) 0, rgb(104, 208, 203) 100%);
    ;
    color: white;
    transform: rotateX(180deg);
}

.flip-card:hover .inner {
    transform: rotateX(180deg);
}

p {
    font-weight: 400;
}

h1 {
    font-size: 1.8em;
    color: var(--main-color);
}


h2 {
    font-size: 1.7em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.25em;
}

h3.boite {
    font-size: 22px;
    font-weight: 400;
    line-height: 29px;
    color: #333333;
    margin-bottom: 0;
}

.menu-home a:hover {
    color: #fff;
    opacity: 1;
}

a,
#a42-ac-button:hover {
    color: #e8471f;
    opacity: 1;
    transition: var(--transition-duration)
}

a:hover,
#a42-ac-button:hover {
    opacity: .7;
}

.espace-perso a:hover {
    color: #fff;
}

.scrolled .espace-perso a:hover {
    color: var(--main-color);
}

.carousel-inner a:hover,
#nomsite a:hover {
    opacity: 1;
}

a.btn:hover {
    opacity: 1;
}

a.link {
    color: #000;
}

iframe {
    border: 0px;
}

.titre {
    /*        color : var(--main-color);*/
}

.titre-secondaire {
    font-size: 2em;
}

.titre-tertiaire {
    font-size: 1.5em;
}

.paragraphe {
    font-size: 1em
}

.beam {
    overflow: hidden;
    margin: 1.5em 0;
    color: var(--main-color);
    font-weight: bold;
}

.beam:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-right: -100%;
    border-bottom: 1px solid var(--main-color);
    margin-left: 1em;
    margin-bottom: .25em;
}

.sommaireTitle {
    font-size: 2.2em;
    margin: 0.8em 0;
}

.footer-bloc {
    padding-top: 2%;
    padding-bottom: 50px;
}

.footer-logo img {
    height: auto;
}

.end {
    display: flex;
    align-items: end;
    justify-content: end;
}

.wrapper {
    min-height: 450px;
}

.wrapper-home {
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.2) 75%, rgba(0, 212, 255, 0)), url('../img/home.jpeg');
    height: 101vh;
    background-size: cover;
    background-position: center;
    margin-top: -70px;
}

.a {
    padding: 5em 0;
    position: relative;
    background-size: cover;
    background-color: var(--main-color);
    color: #fff;
}

.b p {
    font-weight: 400;
    font-size: 25px;
    line-height: 37px;
}

.b h2 {
    color: #fff;
}

/*************************
            ICONES
    *************************/

body.a42-ac-dys-font,
body.a42-ac-dys-font .fa-regular::before {
    font-family: 'Font Awesome 6 Free' !important
}

@font-face {
    font-family: 'navbar';
    src: url('../fonts/navbar.eot?ojvngi');
    src: url('../fonts/navbar.eot?ojvngi#iefix') format('embedded-opentype'),
        url('../fonts/navbar.ttf?ojvngi') format('truetype'),
        url('../fonts/navbar.woff?ojvngi') format('woff'),
        url('../fonts/navbar.svg?ojvngi#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="iconav-"],
[class*=" iconav-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'navbar' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconav-profile:before {
    content: "\e900";
}

.iconav-recherche:before {
    content: "\e901";
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?npu7k8');
    src: url('../fonts/icomoon.eot?npu7k8#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?npu7k8') format('truetype'),
        url('../fonts/icomoon.woff?npu7k8') format('woff'),
        url('../fonts/icomoon.svg?npu7k8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-caret:before {
    content: "\61";
}

.icon-accessibilite:before {
    content: "\62";
}

.icon-arrow:before {
    content: "\63";
}

.icon-minus:before {
    content: "\6d";
    font-size: 3.5px;
}

.icon-plus:before {
    content: "\6f";
}

.icon-share:before {
    content: "\73";
}

.icon-download:before {
    content: "\64";
    transition: var(--transition-duration);
    font-size: 15px !important;
    line-height: 25px !important;
}

.icon-download {
    font-size: 15px !important;
    line-height: 25px !important;
}

.icon-print:before {
    content: "\70";
}

.icon-logo-site:before {
    content: "\68";
    font-size: 1.8em;
}

.icon-logo-p8:before {
    content: "\75";
    font-size: 6.5em;
    margin-bottom: 20px;
}

/************************
            MOT
    *************************/
.cartouche h2 {
    text-transform: capitalize;
}

/************************
            RUBRIQUE
    *************************/

.line {
    border-bottom: solid 2px var(--main-color);
    width: 100%;
    border-top: inherit;
    margin: 1em 0em;
}

/*************************
            MENU MOBILE
    *************************/

#miniproj {
    background-color: #fff;
    position: sticky;
    top: 0px;
    z-index: 100;
}

#menuMobile {
    padding: 1em 0;
}

#menuMobile hr {
    margin: 0;
}

#menuMobile h2 {
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: .9em 0;
}

#menuMobile .collapsed .icon-caret {
    transform: rotate(90deg);
}

#menuMobile .icon-caret {
    transform: rotate(180deg);
    font-size: 12px;
    transition: all var(--transition-duration);
}

#menuMobile .niveau1 {
    padding-left: 1em;
    margin-bottom: 0;
    padding-bottom: 1em;
}

/*************************
            MENU
    *************************/

.home a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.home {
    justify-content: space-between;
    align-items: center;
    margin-top: 6em;
}

.home img {
    width: 100%;
}

.intro h1 {
    font-weight: 600;
    font-size: 48px;
    color: #fff;
}

.menu-home {
    justify-content: space-between;
    display: flex;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 1em;
}

.custom-dropdown-toggle {
    background: none;
    border: none;
    color: #fff;
    transition: all var(--transition-duration);
}

.custom-dropdown-toggle:focus {
    outline: none;
    color: var(--main-color);
}

.custom-dropdown-menu {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 1em;
    margin-top: 2em !important;
    min-width: 15rem;
    border: none;
    border-radius: 0 1em 1em;
}

.custom-dropdown-menu hr {
    border-top: solid 1px #fff;
}

.custom-dropdown-menu hr:last-child {
    display: none;
}

.custom-dropdown-item {}

.accordion-header {
    color: var(--main-color);
    font-weight: 600;
    font-size: 25px;
    line-height: 39px;
    padding: .5em 0;
}

.accordion-header.collapsed {
    background-color: transparent;
}

.accordion-header:hover {
    cursor: pointer;
}

.minion {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.minion.collapsed {
    background-color: transparent;
}

.sommaire-accordion {
    max-width: 70%;
}

.minion span {
    transition: var(--transition-duration);
    transform: rotate(180deg);
}

.minion.collapsed span {
    transform: rotate(90deg);
}

.accordion-body span {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.topnav {
    position: sticky;
    top: -100px;
    z-index: 20;
    background-color: transparent;
    transition: top var(--transition-duration) ease;
}

.topnav-2 {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #fff;
    transition: top var(--transition-duration) ease;
    border-bottom: solid 1px var(--main-color);
}

.scrolled {
    position: sticky;
    background-color: #fff;
    top: 0;
    border-bottom: solid 1px var(--main-color);
    overflow-y: auto;
    max-height: 100vh;
}

.top4 .hamburger {
    display: none;
}

.top4.scrolled .hamburger {
    display: block;
}

.topnav-2 #a42-ac-button,
.topnav-2 a,
.topnav-2 .recherche {
    color: var(--main-color);
}

.topnav-2 #nav-icon1 span,
.topnav-2 #nav-icon3 span,
.topnav-2 #nav-icon4 span,
.topnav-2 .close-recherche span {
    background-color: var(--main-color);
}

.topnav.bim {
    background-color: var(--main-color);
}

.scrolled.bim {
    background-color: #fff;
}

.topnav #a42-ac-button,
.topnav a,
.topnav .recherche {
    color: #fff;
}

.topnav img {
    display: none;
}

.topnav .hamburger span,
.topnav .close-recherche span {
    background-color: #fff;
}

.scrolled {
    position: sticky;
    background-color: #fff;
    top: 0;
    border-bottom: solid 1px var(--main-color);
}

.scrolled #a42-ac-button,
.scrolled a,
.scrolled .recherche {
    color: var(--main-color);
}

.scrolled .hamburger span,
.scrolled .close-recherche span {
    background-color: var(--main-color);
}

.scrolled img {
    display: block;
}

#smallmenu {
    padding: 5em 0;
}

#smallmenu h2 {
    color: #fff;
}

#smallmenu a {
    color: #fff;
    display: inline-block;
}

#smallmenu hr {
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.fa-arrow-up-right-from-square {
    font-size: 13px;
}

.acc {
    width: 100%;
}

body.a42-ac-dys-font .acc li {
    font-size: 13px;
}

#navbar {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 20;
}


.nav-item {
    font-weight: 600;
    font-size: 14px;
    line-height: 20.79px;
    font-family: 'Montserrat', sans-serif;
    padding: .9em;
    background-color: var(--main-color);
    color: #fff;
    transition: var(--transition-duration);
    display: flex;
    flex-grow: 1;
    justify-content: center;
    border-bottom: 3px solid transparent;
    align-items: center;
}

.no-dropdown {
    font-weight: 600;
    font-size: 14px;
    line-height: 20.79px;
    font-family: 'Montserrat', sans-serif;
    padding: 1em;
    transition: var(--transition-duration);
    display: flex;
    flex-grow: 1;
    margin: auto;
    justify-content: center;
    border-bottom: 3px solid transparent;
}


.a42-ac-high-contrast .nav-item,
.a42-ac-inv-contrast .nav-item {
    border-color: transparent !important
}

.navbar-active.collapsed {
    border-bottom: 3px solid var(--third-color);
}

a.navbar-active {
    border-bottom: 3px solid var(--third-color);
}

.a42-ac-high-contrast .navbar-active.collapsed {
    border-color: #fff !important
}

.a42-ac-inv-contrast .navbar-active.collapsed {
    border-color: #ffff00 !important
}

.niveau1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
}

.niveau1 a,
.niveau2 a {
    color: #fff;
    opacity: 1;
    transition: var(--transition-duration);
}

.niveau1 a:hover,
.niveau2 a:hover {
    color: #fff;
    opacity: .6;
}

.niveau2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

[id^="rub-"] .row {
    padding-top: 44px;
    padding-bottom: 96px;
}

[id^="rub-"] hr {
    border-top: 1px solid var(--second-color);
}

@media (max-width: 1199px) {

    .gea-wrapper img,
    .mlt-wrapper img,
    .gim-wrapper img {
        display: none;
    }

    .menu-home {
        display: none;
    }

    .nav-item,
    .no-dropdown {
        font-size: 13px;
        padding: .5em;
    }

}

.nav-item:hover {
    cursor: pointer;
}

.onglet .nav-item::after,
.alumni .nav-item::after {
    content: '';
}

.row-alumni {
    margin-top: 2em;
}

.alumni-filtre a {
    font-weight: 500;
    color: var(--main-color);
}

.alumni-filtre p {
    margin-bottom: 0;
}

.alumni-filtre a.tag-bubble.active {
    color: #fff;
    margin-top: .5em;
    transition: all var(--transition-duration);
    background-color: var(--main-color);
    border: solid 2px var(--main-color);
}

.alumni-filtre a.tag-bubble:hover {
    opacity: .7;
}

.alumni-filtre a.tag-bubble {
    background-color: #fff;
    color: var(--main-color);
    border: solid 2px;
    margin-top: .5em;
}

#toutesPromo {
    font-size: 20px;
}

#toutesPromo:hover {
    color: var(--main-color);
}

#tags-promo {
    margin-top: 25px;
}

.nav-item::after {
    content: '\61';
    font-family: 'icomoon';
    transition: transform var(--transition-duration);
    border: none;
    transform: rotate(0deg);
    font-size: 7px;
    margin-left: 1em;
    display: inline-block;
}

.menu-voir-plus {
    background-color: var(--third-color);
    color: #fff;
    padding: .6em .8em;
    margin-right: 35px;
    margin-bottom: 15px;
    border-radius: .6em;
}

.menu-voir-plus::after {
    content: '\63';
    font-family: 'icomoon';
    transform: rotate(90deg);
    font-size: 12px;
    margin-left: .7em;
    display: inline-block;
}

.collapsed::after {
    transform: rotate(180deg);
}

.collapsed {
    background-color: #fff;
    color: var(--main-color);
}

.navbar {
    padding: 0;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-item a.nav-link:hover {
    color: var(--main-color) !important;
}

.nav-item .dropdown-item:hover {
    background: var(--main-color);
    color: #fff;
}

#nav {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--main-color);
}

#developedmenu {
    border-bottom: solid 1px var(--main-color);
}

@media (max-width: 991px) {
    #nav {
        display: block;
    }

    .sticky-collapsed {
        background-color: var(--main-color);
    }

    .rubrique {
        font-size: 18px;
    }

    #developedmenu {
        display: none;
    }

}

#test1,
#test1sm {
    padding-top: 40px;
    padding-bottom: 45px;
}


.no-border {
    border-bottom: transparent !important;
}

@media (min-width: 992px) {

    .container-menu-mobile {
        display: none;
    }

    #hamburgerMobile {
        display: none;
    }

    #navbar-brand img {
        display: none;
        margin-right: 0;
    }

    .logo_mobile {
        display: none;
    }

    .en-bref {
        margin-left: 40px;
    }

    #miniproj {
        display: none !important;
    }
}

.smtab {
    margin-top: 10px;
}

.smtab p {
    font-weight: 500;
    font-size: 22px;
    line-height: 50px;
    margin-left: 0;
    color: #fff;
}

.smtab span {
    font-size: 12px;
    line-height: inherit;
}

.smtab a span {
    float: right;
    transition: var(--transition-duration);
    transform: rotate(180deg);
}

.smtab .collapsed span {
    transform: rotate(90deg);
}

[id^="collapsetest"] hr {
    border-top: 1px solid var(--hr-menu-color);
}

[id^="collapsetest"] .article {
    color: #fff;
}

.smtab .icon-caret::before {
    color: #fff;
}

.a42-ac-inv-contrast .smtab .icon-caret::before {
    color: #FFFF00 !important;
}

/************************
            ARTICLES
    ************************/

.gea {
    display: table;
    color: #fff;
    padding: 0 .2em;
    background-color: #0a9ad7;
}

.gim {
    display: table;
    color: #fff;
    padding: 0 .2em;
    background-color: #00ad90;
}

.mlt {
    display: table;
    color: #fff;
    padding: 0 .2em;
    background-color: #014c61;
}

article h3 {
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: 0em;
    text-align: left;
}

article h4 {
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
}

article h5 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

.mini_capsule-video .tarteaucitronCheck {
    display: none;
}

.rubrique-wrapper {
    background-color: var(--main-color);
    color: #fff;
    padding: 5em 0;
}

.rubrique-wrapper h2 {
    font-weight: 500;
    font-size: 38px;
    line-height: 67px;
    margin-bottom: 1em;
}

.rubrique-wrapper .formation a {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.rubrique-wrapper .formation hr {
    border-top: #fff solid 2px;
    width: 6em;
    margin-left: 0;
}

/************************
            FORMATIONS
    ************************/

.gea-wrapper {
    background: linear-gradient(180deg, hsla(198, 91%, 44%, 1) 0%, hsla(198, 92%, 23%, 1) 100%);
}

.mlt-wrapper {
    background-color: #00AD90;
}

.gim-wrapper {
    background-color: #014C61;
}

.gea-wrapper,
.mlt-wrapper,
.gim-wrapper {
    padding: 5em 0;
}

.gea-wrapper h3,
.mlt-wrapper h3,
.gim-wrapper h3 {
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin-bottom: .5em;
}

.gea-wrapper p,
.mlt-wrapper p,
.gim-wrapper p {
    font-weight: 400;
    font-size: 21px;
    line-height: 31px;
    color: #fff;
    margin-bottom: 2em;
}

.gea-wrapper img,
.mlt-wrapper img,
.gim-wrapper img {
    aspect-ratio: 1.3;
    object-fit: cover;
    border-radius: 5px;
}

.formation-prop span {
    border: solid 1px #fff;
    border-radius: 8px;
    padding: .7em;
    color: #fff;
    font-weight: 400;
    margin-right: 1em;
    margin-bottom: 1em;
}

.formation-prop {
    display: flex;
    flex-wrap: wrap;
}

.decouvrir-filiere {
    display: flex;
    align-items: baseline;
    justify-content: end;
}

.decouvrir-filiere a {
    background-color: #fff;
    border: solid 1px var(--main-color);
    color: var(--main-color);
    padding: .7em;
    font-weight: 500;
    border-radius: 8px;
}

.decouvrir-filiere a:hover {
    color: var(--main-color);
}

/*****************
        VIDEO
    *****************/

.capsule-video {
    margin-bottom: 1em;
}

.mini_capsule-video {
    padding-top: 0 !important;
}

/* .vimeo_player {
        height: 100% !important;
    } */

article * {
    /* text-align: left !important;
        margin: 0 !important; */
}

.texte {
    margin: 0 !important
}

.img-logo {
    height: 350px;
    width: auto;
    max-width: 100%;
    object-fit: cover;
}

.spip_documents_left {
    margin-right: 30px;
}

.spip_documents_right {
    margin-left: 30px;
}

.spip_documents_left,
.spip_documents_right,
.spip_documents_center {
    margin-top: 15px;
    margin-bottom: 15px;
}

.spip_documents_right {
    text-align: right;
    width: 100%;
    display: block;
}

.spip_documents_center {
    text-align: center;
    width: 100%;
    display: block;
}

.img-logo-full-width {
    height: auto;
    width: 100%;
}

.doc-icon img {
    filter: var(--filter-main-settings);
}

.a42-ac-high-contrast .doc-icon img {
    filter: invert(100%) sepia(0%) saturate(6754%) hue-rotate(73deg) brightness(120%) contrast(103%);
    background-color: transparent !important;
}

.a42-ac-inv-contrast .doc-icon img {
    filter: invert(88%) sepia(91%) saturate(7499%) hue-rotate(355deg) brightness(103%) contrast(103%);
    background-color: transparent !important;
}

.surtitre,
.soustitre {
    font-weight: 400;
    font-size: 14px;
    line-height: 17.12px;
}

.surtitre {
    color: var(--doc-color);
    margin-bottom: 1em;
}

#ps p {
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    color: #878787;
    margin-bottom: 33px;
    margin-top: 33px;
}

#ps p::before {
    content: '-';
    margin-right: 6px;
}

#hypertext a {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: var(--main-color);
    opacity: 1;
    transition: var(--transition-duration);
}

#hypertext a:hover {
    opacity: .6;
}

#hypertext a::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f08e';
    font-weight: 900;
    margin-left: 6px;
    opacity: 1;
    transition: var(--transition-duration);
}

#hypertext a:hover a::after {
    opacity: .6;
}

#tags {
    display: flex;
    margin-bottom: 25px;
}

.recherche-rub {
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    background: transparent;
    padding: 0;
    text-decoration: underline;
    margin-right: 2em;
}

.recherche-rub:hover {
    text-decoration: underline;
}

.tag-bubble {
    padding: 7px 12px;
    background: var(--second-color);
    color: var(--main-color);
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    border-radius: 60px;
    margin-right: .5em;
    opacity: 1;
    transition: var(--transition-duration);
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: .5em;
}

.filtre-active {
    background-color: var(--main-color);
    color: #fff;
}

.tag-bubble:hover {
    opacity: 1;
    color: #fff;
    background-color: var(--main-color);
    cursor: pointer;
}

.promo {
    background-color: var(--main-color);
    color: #fff;
    margin-bottom: 0;
}

.doc-card {
    background-color: var(--second-color);
    border-top: solid 2px var(--main-color);
    padding-top: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.spiptmceInsert {
    width: 100%;
}

.a42-ac-high-contrast .carousel-indicators li {
    background-color: #fff !important;
    border-color: transparent !important;
}

.a42-ac-inv-contrast .carousel-indicators li {
    background-color: #FFFF00 !important;
    border-color: transparent !important;
}

.a42-ac-high-contrast .carousel-control-next-icon,
.a42-ac-high-contrast .carousel-control-prev-icon {
    filter: invert(100%) sepia(0%) saturate(6754%) hue-rotate(73deg) brightness(120%) contrast(103%);
    background-color: transparent !important;
}

.a42-ac-inv-contrast .carousel-control-next-icon,
.a42-ac-inv-contrast .carousel-control-prev-icon {
    filter: invert(88%) sepia(91%) saturate(7499%) hue-rotate(355deg) brightness(103%) contrast(103%);
    background-color: transparent !important;
}

.toDownload {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    color: var(--main-color);
}

.main-article a {
    overflow-wrap: break-word;
}

.doc-icon {
    max-width: 27px;
    margin-right: 10px;
}

.spip_doc_titre {
    word-break: break-word;
}

.doc-icon img {
    max-width: 100%;
    height: auto;
}

.doc-text {
    width: 100%;
}

.doc-text2 {
    max-width: 220px;
}

.doc-btn,
.evt-btn {
    border: none;
}

.doc-card .doc-btn:hover,
.agenda-card .evt-btn:hover,
.agenda-big-card .evt-btn:hover {
    background-color: var(--main-color);
    color: #fff;
    opacity: 1;
}

.doc-btn:hover .icon-download:before,
.evt-btn:hover .icon-download:before {
    color: #fff;
}

.spip_doc_titre {
    font-size: 17px;
    color: var(--main-color);
    line-height: 25px;
    margin-bottom: 10px;
}

.spip_doc_descriptif {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
}

.doc-size {
    font-weight: 500;
    font-size: 14px;
    line-height: 22, 5px;
    color: var(--main-color);
}

.annee {
    font-size: 25px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: .5em
}

.recherche-hr {
    margin-bottom: 1.5rem;
}

.doc-card a,
.agenda-card a,
.agenda-big-card a {
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    opacity: 1;
    transition: var(--transition-duration);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.agenda-location a {
    line-height: inherit;
    font-size: inherit;
}

.agenda-h,
.agenda-desc p {
    font-size: 16px;
    line-height: 20px;
}

.agenda-h {
    margin-bottom: 0;
}

.agenda-desc div {
    margin-bottom: 1em;
}

.doc-card a:hover,
.agenda-card a:hover,
.agenda-big-card a:hover {
    opacity: .6;
}

#sameRubTitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--main-color);
}

#sameRub {
    padding-top: 45px;
    padding-bottom: 60px;
    background-color: var(--second-color);
}

#sameRub .line {
    width: 100%;
    margin-top: 0;
}

#sameRub .cl_rub {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17.12px;
}

.sameRub-card {
    margin-top: 2.5em;
}

nav[data-toggle=toc] .nav .nav>li>.active {
    background: var(--second-color);
}

nav[data-toggle=toc] .nav-link.active {
    background: var(--second-color);
}

.cl_rub a {
    opacity: 1;
    transition: var(--transition-duration);
}

.cl_rub a:hover {
    opacity: .6;
}

.active {
    color: #000;
}

.active .line {
    border-bottom: solid 2px var(--doc-color);
}

.spip_logo {
    height: auto;
    max-width: 100%;
}

.share-item,
.share-item:not([href]) {
    padding: 0.2em 0;
    color: var(--main-color);
    opacity: 1;
    transition: var(--transition-duration);
}

.share-item:hover,
.share-item:not([href]):hover {
    color: var(--main-color);
    opacity: .6;
    cursor: pointer;
}

.share-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em
}

.main-article p,
.main-article li,
.main-article blockquote {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.main-article li {
    margin-bottom: .5em;
}

.main-article blockquote {
    margin-left: 25px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

blockquote::before {
    content: '« ';
}

blockquote::after {
    content: ' »';
}

cite {
    margin-left: 25px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: var(--doc-color);
    font-style: normal;
}

cite::before {
    content: '- ';
}

.doc-caption {
    margin-top: 1.2em;
}

.doc-caption p {
    margin-bottom: .4em
}

.doc-caption p,
.doc-credits p {
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
}

.doc-credits {
    font-style: italic;
}

.main-article img {
    height: auto;
    max-width: 100%;
}

.titre-principal {
    font-size: 39px;
    font-weight: 800;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 1em;
    color: var(--main-color);
}

h2.spip {
    font-size: 35px;
    font-weight: 800;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;
}

h3.spip {
    font-size: 28px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 40px;
}

h4.spip {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
}

h5.spip {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}

#toggleBreadcrumb {
    display: none;
}

#breadcrumb {
    padding: .1px 0;
    background-color: #fff;
    z-index: 1;
    top: 51px;
}

.options {
    position: sticky;
    top: 143px;
    height: 100%;
    color: var(--main-color);
    margin-bottom: 3em;
}

.options span {
    cursor: pointer;
    opacity: 1;
    transition: var(--transition-duration);
}

.options span:hover {
    opacity: .6;
}

#copyMessage {
    font-weight: 500;
    transition: var(--transition-duration);
}

@media (max-width: 1199px) {
    #breadcrumb {
        top: 53px;
    }

    .options {
        top: 145px;
    }
}

nav[data-toggle=toc] .nav-link.active,
nav[data-toggle=toc] .nav-link.active:focus,
nav[data-toggle=toc] .nav-link.active:hover {
    color: var(--main-color);
    border-left: 2px solid var(--main-color);
}

nav[data-toggle=toc] .nav>li>a:focus,
nav[data-toggle=toc] .nav>li>a:hover {
    color: var(--main-color);
    border-left: 1px solid var(--main-color);
}

.date {
    padding: 1.5em 1em;
    color: #fff;
    background: var(--main-color);
    cursor: pointer;
}

.date::after {
    font-family: 'icomoon';
    content: "\61";
    font-style: normal;
    font-size: 0.7em;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    right: 2em;
    position: absolute;
    top: 1em;
    transition: var(--transition-duration);
}

#accordion {
    margin-top: 40px;
}

.accordion .newbtn {
    margin-top: 20px;
}

.date-card .card-body {
    border: solid 1px var(--main-color);
}

.date-card a {
    opacity: 1;
    transition: var(--transition-duration);
}

.date-card a:hover {
    opacity: .6;
}

.date p {
    width: 90%;
    margin-bottom: 0;
}

/*************************
        RUBRIQUE ACCORDEON
    *************************/

.spip_document .oembed,
.spip_documents .oembed {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
}

/*************************
        RUBRIQUE TEXTE VOIR PLUS
    *************************/


#toggle-button {
    /* margin-top: 1em; */
    margin-bottom: 2em;
    display: none;
}

.rubrique-bandeau #toggle-button {
    margin-bottom: 0;
    color: #fff;
    border: solid 2px #fff;
}

.clamped-rubrique-text {
    margin-top: 20px;
    max-height: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Ajoute une ellipse (...) si le texte est tronqué */
    display: -webkit-box;
    /* Pour les navigateurs basés sur WebKit, tels que Chrome et Safari */
    -webkit-line-clamp: 10;
    /* Le nombre de lignes à afficher */
    -webkit-box-orient: vertical;
    line-height: 1.5em;
}

.filtre_annee {
    font-weight: 600;
    font-size: 16px;
    color: var(--main-color);
    padding-right: 1em;
}

.filtre_annee:hover {
    cursor: pointer;
    opacity: .7;
}

.iut-carte {
    margin-bottom: 2em;
}

.iut-carte img {
    width: 100%;
    aspect-ratio: 1.5;
    object-fit: cover;
}

.iut-carte hr {
    border-top: solid 2px var(--main-color);
    width: 3em;
}

.iut-carte h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    color: var(--main-color);
}



/*************************
            CONTACT
    *************************/

/* .contact h3{
        font-size: 22px;
        line-height: 46.47px;
        color: var(--main-color);
        margin-bottom: 20px;
    }

    .contact h4{
        font-weight: 500;
        font-size: 17px;
    } */

#contact p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: var(--main-color);
}

#contact h3 {
    font-weight: 400;
    color: var(--main-color);
}

/*************************
                FOOTER
    *************************/

#footerArrow {
    text-align: end;
    font-size: 40px;
}

span.icon-arrow {
    transition: var(--transition-duration) ease;
}

span.icon-arrow:hover {
    opacity: .6;
}

.socials p {
    margin-bottom: 0;
}

.socials svg {
    font-size: 2.7em;
    margin-right: 1em;
}

.socials svg:last-child {
    margin-right: 0
}

.a42-ac-inv-contrast .footer img,
.a42-ac-inv-contrast .home img,
.a42-ac-inv-contrast #top-ul img {
    filter: brightness(0) saturate(100%) invert(88%) sepia(60%) saturate(3935%) hue-rotate(0deg) brightness(102%) contrast(105%);
    background-color: transparent !important;
}

.a42-ac-high-contrast .footer img {
    background-color: transparent !important;
}

.footer {
    background-color: var(--main-color);
    border-top: solid 1px var(--main-color);
    color: #fff;
    padding-top: 45px;
    padding-bottom: 65px;
}

.reseaux {
    display: flex;
    align-items: center;
}

.reseaux svg {
    font-size: 30px;
    margin-right: 1em;
}

.reseaux span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    display: block;
}

.footer-logo {
    display: flex;
}

.footer-logo a {
    display: flex;
    align-items: center;
}

.footer-separator {
    margin: auto 2em;
    border-left: solid 1px;
    height: 4em;
}

.footer a {
    color: #fff;
    opacity: 1;
    transition: var(--transition-duration);
    font-weight: 400;
}

.footer a:hover {
    color: #fff;
    opacity: .6;
}

.footer-bloc div div:nth-child(3) p {
    margin-bottom: 0;
}

.footer ul {
    padding: 0;
    font-weight: 400;
}

.lowopacity {
    opacity: 0.2;
}

.rs {
    display: flex;
    list-style: none;
}

.rs li {
    margin-right: 1em;
    margin-left: 1em;
}

.underline {
    margin: 0 0 1em 0;
    border: solid var(--main-color);
    width: 12em;
    height: 0;
}

.mentions {
    list-style: none;
}

.mentions li {
    display: inline;
}

.redhr {
    border-top: 1px solid var(--main-color);
}

/********************
HEADER
********************/

td .doc-col {
    width: 100%;
}

#p8 {
    text-align: center;
    margin-bottom: .1em;
}

#header {
    margin-top: 0 !important;
}

a:hover,
a:active {
    text-decoration: none;
    color: #e8471f;
}

#developedmenu a:active {
    color: #fff;
}

.header {
    min-height: 165px;
}


.bandeau {
    width: 95%;
    margin: 0 auto;

    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-position: center;
    background-size: cover;
}

.bandeau img {
    display: none;
    min-height: 165px;
    object-fit: cover;
}

.bandeau-images {
    display: none;
    justify-content: center;
    align-items: center;
    min-height: inherit;
    border-bottom: 10px solid #000;
}

.bandeau-titre {
    display: flex;
    min-height: inherit;
    padding: 20px;

}

.ml {
    display: flex;
    height: 15%;
    align-items: end;
    flex-wrap: wrap;
}

.ml a {
    color: #fff;
    margin-right: 2em;
}

#sommaire-img {
    display: table;
}

#sommaire-img span {
    vertical-align: middle;
    display: table-cell;
}

#sommaire-img img {
    display: block;
    height: auto;
    width: 100%;
    margin: auto;
    max-height: 250px;
    border-radius: 5px;
}

.texte {
    overflow-wrap: break-word;
}

#navbarcol {
    display: flex;
}

#top-ul img {
    width: 200px;
}

.a42-ac-high-contrast #top-ul img {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(305deg) brightness(103%) contrast(101%);
    background-color: transparent !important;
}


#topnav {
    padding: 1em 0;
}

@media screen and (max-width: 991px) {
    .bandeau-titre {
        justify-content: center;
    }

    #top-ul img {
        width: 90px;
    }

    .topnav {
        background-color: var(--main-color);
    }

    #topnav {
        padding: 1em 0;
        background-color:  var(--main-color);
    }

    .topnav-2 {
        display: none;
    }

    #navbar {
        display: none;
    }

    .border-left {
        border-left: none !important;
    }

    .border-right {
        border-right: none !important;
    }

    #sommaire-img img {
        margin-top: 2em;
        width: 50%;
    }

    #navbarcol {
        display: block;
    }

    .top4 .hamburger {
        display: block;
    }

}

@media screen and (min-width: 991px) {
    #navbarNavDropdown {
        display: none !important;
    }

    #menu_lang {
        padding-left: 1.5%;
    }

}

.titre-header {
    font-weight: 400;
}

.titre-header a {
    color: #fff;
    text-decoration: none;
}


@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {
        width: 200px;
    }
}

.navbar-inner form .close {
    color: #fff;
    opacity: 1;
}

/************************************
    PLAN DU SITE
************************************/

.plan-rub {
    margin-bottom: 30px;
}

.plan-rub h2 {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.plan-rub hr {
    width: 75%;
    margin: 0;
    border-top: 1px solid var(--main-color);
    margin-bottom: 15px
}

.plan-rub h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.plan-rub h4 {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}

.plan-rub h3 a,
.plan-rub h4 a {
    color: #000;
}

.plan-card {
    padding: 1em;
    background-color: var(--hr-bg-color);
    border-radius: 1em;
}

.plan {
    display: flex;
    flex-direction: column;
}

.content_plan {

    padding: 10px;
}

.ajust {
    margin-top: 95px;
}

/****************
    RECHERCHE
****************/

.recherche-wrapper {
    position: fixed;
    background-color: var(--main-color);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all .2s ease-in-out;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recherche-div {
    height: 90vh;
    display: flex;
    align-items: center;
}

.showRecherche {
    opacity: 1;
    z-index: 20000000;
}

.recherche {
    opacity: 1;
    transition: var(--transition-duration);
    color: var(--main-color);
    justify-content: end;
}

.recherche:hover {
    cursor: pointer;
    opacity: .6;
}

.recherche span:first-child {
    font-size: 20px;
}

.recherche span:last-child {
    font-weight: 600;
    font-size: 15px;
    margin-left: 1em;
}

.close-recherche {
    display: flex;
    align-items: center;
}

.close-recherche-div {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 70px;
}

.article-search {
    margin-bottom: 4em;
}

.article-search .introduction {
    margin-bottom: 0;
}

.recherche-path {
    list-style: none;
    padding: 0;
    font-size: 14px;
    color: #878787;
}

.recherche-titre {
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
    color: var(--doc-color);
}

.recherche-detail {
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
}

#barrebouton {
    padding: 0;
}

#searchbar {
    border-radius: 8px;
    background-color: #293D62;
    padding: 1em 2em;
    width: 100%;
}

.form-recherche-mobile {
    background-color: #293D62;
    border-radius: 5px;
}

.form-recherche-mobile div {
    display: flex;
}

.form-recherche-mobile .form-control {
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
}

.searchSubmit {
    background-color: #fff;
    border: none;
    width: 40px;
    border-radius: 0 5px 5px 0;
}

.searchSubmit span {
    font-family: 'navbar' !important;
}

#searchbar svg {
    font-size: 30px;
    color: #fff;
    margin-right: 1em;
}

#searchbar div {
    border-bottom: solid rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
}

.search-input::placeholder {
    color: #8893A5;
}

.search-input::-webkit-input-placeholder {
    color: #8893A5;
}

.search-input::-moz-placeholder {
    color: #8893A5;
}

.search-input::-ms-placeholder {
    color: #8893A5;
}

.form-recherche .form-control {
    border: none;
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 50px;
    color: #fff;
    background-color: transparent;
}

.form-recherche .row {
    width: 100%;
    margin: auto;
    justify-content: center;
}

.form-control:focus {
    box-shadow: none;
}

#labelbarre {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: var(--main-color);
}

.form-recherche .iconav-recherche {
    color: #fff;
    font-size: 50px;
    margin-right: 1em;
}

.form-recherche p {
    margin: 0;
}

#barrebouton {
    text-align: center;
    display: flex;
}

#validatesearch {
    padding: 6px;
    background-color: var(--second-color);
    color: #fff;
    height: 50px;
    width: 50px;
    transition: var(--transition-duration);
    border-radius: 0 2px 2px 0;
}

#validatesearch * {
    transition: var(--transition-duration);
}

/********************************
            SLIDER
********************************/

/* CAROUSEL 1 = justify-content: left*/
.carousel-control-prev {
    justify-content: none;
}

/* CAROUSEL 1 = justify-content: end*/
.carousel-control-next {
    justify-content: none;
}

.carousel-control-prev,
.carousel-control-next {
    opacity: .9;
    transition: ease-in-out .6s;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: .5;
}

.carousel-wrapper {
    background-color: var(--second-color);
}

/********************************
        AGENDA
********************************/

.agenda-card,
.agenda-big-card,
.agenda-old-card {
    display: flex;
    padding: 14px;
    margin-bottom: 2em;
    align-items: center;
    border-right: solid 1px var(--main-color);
}

.agenda-wrapper #evtsrow .col-lg-4:last-child .agenda-card {
    border-right: none;
}

.agenda-old-card {
    background-color: rgb(244, 244, 244);
    padding: 14px 40px;
    border-right: none;
    border-left: solid;
    align-items: unset;
}

.agenda-big-card {
    margin-top: 1em;
    background-color: var(--second-color);
    border-right: none;
    border-left: solid;
    padding: 14px 40px;
    padding-top: 25px;
    align-items: unset;
}

.agenda-big-card .agenda-date {
    margin-right: 23px;
}

.agenda-big-card .agenda-date p {
    font-weight: 700;
}

.agenda-big-card .agenda-titre {
    font-size: 20px;
    color: var(--main-color);
    margin-bottom: .7em;
}

.agenda-old-card .agenda-titre {
    font-size: 20px;
    margin-bottom: .7em;
}

.agenda-old-card .agenda-text {
    color: rgb(110, 110, 110);
}

.agenda-card-passe {
    display: flex;
    /* padding: 14px 0; */
    margin-bottom: 15px;
    margin-top: 15px;
    min-height: 103px;
}

.agenda-date,
.agenda-old-date {
    text-align: center;
    color: var(--main-color);
    height: 54px;
    margin-right: 23px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.agenda-old-date {
    color: #6e6e6e;
}

.agenda-cat {
    background-color: #293D62;
    padding: .6em .8em;
    color: #fff;
    border-radius: .7em;
    display: inline-block;
    margin-bottom: .5em;
    font-weight: 400;
}

.agenda-date p,
.agenda-old-date p {
    font-weight: 600;
    font-size: 22px !important;
    line-height: 27px !important;
    margin-bottom: 0;
}

.agenda-date .mois,
.agenda-old-date .mois {
    font-weight: 500;
}

a.agenda-titre,
.agenda-titre {
    font-weight: 600;
    font-size: 16px;
    line-height: 22.73px;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

a.agenda-titre:hover {
    color: var(--main-color);
}

.agenda-big-card .agenda-titre {
    height: inherit;
    display: inherit;
}

.agenda-text {
    width: 100%;
}

.agenda-big-text {
    width: 100%;
}

.agenda-location {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.57px;
    margin-bottom: 0;
    display: inline;
}

.newbtn,
.newbtn:not([href]) {
    margin-top: 1em;
    margin-bottom: 1em;
    background: transparent;
    color: var(--main-color);
    border: solid 2px var(--main-color);
    font-weight: 600;
    padding: 0.375rem 1rem;
    border-radius: 4px;
    transition: var(--transition-duration);
    line-height: 19px;
}

.newbtn .icon-download {
    margin-left: 5px;
}

.newbtn:hover,
.newbtn:active,
.newbtn:focus,
.carousel-text .btn:hover,
.carousel-text .btn:active,
.carousel-text .btn:focus {
    background-color: var(--main-color) !important;
    color: #f9b000;
    border-color: var(--main-color) !important;
}

.newbtn:hover .icon-download:before {
    color: #fff;
}

.sommairetitle {
    font-weight: 600;
    font-size: 32px;
    line-height: 29.35px;
    color: var(--main-color);
}

.mb {
    height: 240px;
    margin-bottom: 1em;
}

.mb img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

/********************************
        PODCASTS
********************************/

.podcast {
    margin-bottom: 2em;
}

.podcast-img {}

.podcast-img img {
    object-fit: cover;
    width: 100%;
    height: 200px;
    border-radius: 8px 8px 0 0;
}

.podcast-details {
    padding: 1em;
    background-color: var(--second-color);
    border-radius: 0 0 8px 8px;
    height: 200px;
}

.podcast-details h3 {
    font-size: 1.2em;
}

.podcast-details audio {
    width: 100%;
}

.r22 svg {
    position: absolute;
    color: #fff;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.podcast-logo {
    position: relative;
}

.r22 h3 {
    font-size: 22px;
    line-height: 24px;
}

.podcast-logo img {
    max-height: 137px;
    object-fit: cover;
}

.podcast-logo-sommaire svg {
    position: absolute;
    color: #fff;
    font-size: 75px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.podcast-logo-sommaire img {
    max-height: 303px;
    object-fit: cover;
}

/********************************
        PUBLICATIONS
********************************/

.publi-card {
    box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 2em;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.publi-card img {
    width: 100%;
    height: auto;
    max-height: 310px;
}


.publi-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    background-color: #fff;
    padding: 0 15px;
}

.publi-text h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.publi {
    width: 100%;
    max-height: 310px;
    object-fit: cover;
}

.img-pub-vertical {
    height: 240px;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.img-pub-horizontal {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.a-img-pub-vertical {
    height: 100%;
    width: 50%;
}

.pub-img {
    height: 55%;
    display: flex;
    align-items: end;
}

.pubtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--main-color);
    margin-top: 15px;
    margin-bottom: 0
}

#pub a {
    opacity: 1;
    transition: var(--transition-duration);
    display: flex;
    align-items: end;
    width: 100%;
}

#pub a:hover {
    opacity: .8;
}

#pub .newbtn:hover {
    opacity: 1;
}

/********************************
            OFFSET
********************************/

@media (min-width: 992px) {
    .offset-right-lg-1 {
        margin-right: 8.333333%;
    }
}

/********************************
        PRESENTATION
********************************/

#presentation-text {
    color: #fff;
}

#presentation-text p {
    font-size: 34px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
}

#presentation-text .lower-enphasize {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

#presentation-side .btn {
    color: #fff;
    border: solid #fff 2px;
}

#presentation-side .btn:hover {
    color: var(--main-color) !important;
    background-color: #fff !important;
    border: solid #fff 2px !important;
}


#presentation-side .btn:hover {
    color: #fff;
    border: solid #fff 2px !important;
}

#presentation-side div:first-child {
    height: 50%;
    text-align: end;
    padding: 0;
}

#presentation-side div:last-child {
    height: 50%;
    justify-content: end;
    display: flex;
    align-items: end;
    padding: 0;
}

@media screen and (max-width: 991px) {
    #presentation-side {
        display: flex;
        flex-direction: row;
        margin-top: 30px;
    }

    #presentation-side div:first-child {
        text-align: left;
    }

    #presentation-side div:last-child {
        height: 100%;
    }

    .pub-img {
        height: inherit;
    }

    #top-header {
        border-bottom: solid 1px var(--main-color);
    }

    /*.img-pub-vertical{
        height: auto;
        width: auto;
        max-height: 300px;
        object-fit: cover;
    }
    
    .img-pub-horizontal{
        height: auto;
        width: 75%;
        object-fit: cover;
    }*/


}

/********************************
        THEMES DE RECHERCHE
********************************/

.recherchetab {
    margin-top: 10px;
}

.recherchetab h5 {
    font-weight: 700;
    font-size: 40.66px;
    line-height: 60.73px;
    margin-left: 0;
}

.recherchetab span {
    font-size: 12px;
    line-height: inherit;
}

#recherchecard p {
    margin-bottom: 0;
}

.recherchetab a span {
    float: right;
    transition: var(--transition-duration);
    transform: rotate(180deg);
}

.recherchetab .collapsed span {
    transform: rotate(90deg);
}

/********************************
        MENU PRINCIPAL
********************************/

#top-ul {
    width: 100%;
    flex-direction: row;
}

#top-ul h1 a {
    line-height: .6em;
}

#top-ul h1 a div {
    margin-bottom: 0;
    line-height: 1em;
}

#up8 {
    font-weight: 800;
    font-size: 16px;
}

#accessconfig {
    font-size: 18px;
}

#top-ul .col-2 a {
    font-size: 20px;
}

#searchdiv {
    justify-content: end;
}

.topuldiv {
    display: flex;
    align-items: center;
}

.nav-principal .col-1 {
    align-items: center;
    display: flex;
}

.col-1 li {
    text-align: center;
    margin: auto;
}

.nav-principal h1 {
    font-family: 'Montserrat', sans-serif;
    color: var(--main-color);
    text-transform: uppercase;
}

.nav-principal h1 span:nth-child(1) {
    font-weight: 400;
    font-size: 32px;
}

.nav-principal h1 span:nth-child(3) {
    font-weight: 600;
    font-size: 32px;
}

.nav-principal h1 span:nth-child(4) {
    font-weight: 800;
}

#rowtop {
    width: 100%;
}

#rowtopsmall {
    min-height: 190px;
    width: 100%;
    margin: auto;
}

#nomsitesmall {
    display: none;
}

#nomsitesmall img {
    width: 70%;
    height: auto;
}

.a42-ac-inv-contrast #nomsitesmall img {
    filter: invert(88%) sepia(91%) saturate(7499%) hue-rotate(355deg) brightness(103%) contrast(103%);
    background-color: transparent !important;
}

.a42-ac-high-contrast #nomsitesmall img {
    filter: invert(100%) sepia(0%) saturate(6754%) hue-rotate(73deg) brightness(120%) contrast(103%);
    background-color: transparent !important;
}

#nomsite {
    text-align: center;
}

.rs {
    display: flex;
}

.rs li {
    margin-right: 1em;
    margin-left: 1em;
}

.srch {
    display: flex;
    margin-left: 5em;
}

.srch li {
    margin-right: 1em;
    margin-left: 1em;
}

.p8 {
    display: flex;
    margin-right: 15em;
}

.p8 li {
    margin-right: 1em;
    margin-left: 1em;
}

@media screen and (max-width: 1098px) {

    .rs {
        margin: auto;
    }

    .srch {
        margin: auto;
    }

    .p8 {
        margin: auto;
    }

}

.top-links {
    margin: auto;
}

#top {
    padding: .5em;
}

#top a {
    color: var(--main-color);
    opacity: 1;
    transition: opacity var(--transition-duration);
}

#top a:hover {
    opacity: .6;
}

.nav {
    margin: 0 auto;
    font-size: 1em;
    list-style-type: none;
}

.nav-principal {
    margin: auto;
}

.navbar-inner li a {
    position: relative;
    margin-top: 30px;
}


#nomsite .row {
    justify-content: center;
}

#top-ul h1 {
    margin-bottom: 0;
    justify-content: center;
    display: flex;
    text-align: left;
}

#top-hamburger {
    background-image: url(../img/hamburger2.png);
}

.navbar-toggler-icon {
    background-image: url(../img/hamburger2.png);
}

#recherche-landscape {
    display: none;
}

.navbar-brand img,
.website-brand img {
    width: 120px;
    height: auto;
    max-height: 65px;
}

.website-brand {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    display: inline-block;
}

.sticky .navbar-brand img {
    width: 80px;
    height: auto;
}

a.nav-link {
    color: var(--main-color);
    font-weight: 600;
    font-size: 17px;
    line-height: 20.79px;
    font-family: 'Montserrat', sans-serif;
    transition: all var(--transition-duration);
}

.sticky .dropdown-toggle {
    color: var(--main-color);
}

.sticky .nav-item .dropdown-item:hover {
    background: var(--main-color);
    color: #fff !important;
}

.selector-for-some-widget {
    box-sizing: content-box;
}

.navigation {
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.recherche .form-control {
    width: 150px;
}

.btn:hover {
    cursor: pointer;
}

.btn-custom {
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: white;
    transition: var(--transition-duration);
}

.btn-custom:hover {
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: white;
}

.btn-outline-success {
    color: var(--main-color);
    border-color: var(--second-color);
    padding: 5px;
    width: 35px;
    margin: auto;
    margin-left: -0.5em;
    transition: var(--transition-duration);
}

.btn-outline-success:hover,
.btn-outline-success:active {
    background-color: var(--main-color) !important;
    border-color: var(--main-color);
    cursor: pointer;
}

.btn-outline-success:focus {
    box-shadow: none;
}

.form-control:focus {
    border-color: var(--main-color);
}

#recherche {
    display: none;
}

.navbar-toggler {
    padding: 0;
    color: var(--main-color);
    border: none;
}

.navbar-toggler:focus {
    outline: 0;
}

/********************
    ACCESS CONFIG
*********************/

.a42-ac-high-contrast *:hover,
.a42-ac-high-contrast *:hover:after {
    color: white !important;
    background-color: #343643 !important;
}

.a42-ac-inv-contrast *:hover,
.a42-ac-inv-contrast *:hover:after {
    color: #FFFF00 !important;
    background-color: #000080 !important;
}

.espace-perso a {
    display: flex;
    align-items: center;
}

.scrolled .espace-perso div {
    background-color: var(--main-color);
    color: #fff;
}

.espace-perso div {
    background-color: #fff;
    color: transparent;
    border-radius: 2em;
    width: 2em;
    height: 2em;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.espace-perso span:last-child {
    font-size: 15px;
    font-weight: 600;
}

.iconav-profile {
    margin-right: .5em;
    font-size: 34px;
}

#a42-ac-button {
    background: none;
    border: none;
    padding: 0;
    color: var(--main-color);
}

#a42-ac-button:focus {
    outline: none;
}

#a42-ac-button:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: 1px;
}

#a42-ac-button::before {
    content: '\62';
    font-family: 'icomoon';
    font-weight: 900;
}

#a42-ac-button::after {
    content: 'Accessibilité';
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-left: 1em;
    font-size: 15px;
}

.droits {
    margin-top: 40px;
}

.droits span,
.droits a {
    font-size: 14px;
}

.iut-info {
    margin-top: 50px;
}

.iut-info span {
    display: block;
}

.iut-info span:first-child {
    font-weight: 600;
}

/********************
    RECHERCHE
*********************/

.menu_articles h1,
.menu_rubriques h1 {
    color: #000;
}

.menu {
    margin-bottom: 2em;
}

/*******************
    PAGINATION
*******************/

.pagination {
    justify-content: center;
    padding: 1em;
}

span.pages span:first-child {
    margin-right: 10px;
    color: var(--main-color);
}

span.pages span:last-child {
    margin-left: 10px;
    color: var(--main-color);
}

/************************************
            404
*************************************/

.p404 {
    padding-top: 4em;
    padding-bottom: 10em;
}

.p404 h2 {
    font-size: 80px;
    font-weight: 800;
    line-height: 109px;
}

.p404 p {
    font-size: 30px;
    font-weight: 400;
    line-height: 41px;
    margin-bottom: 60px;
}

/************************************
            BREADCRUMB
*************************************/
.breadcrumb {
    background-color: #fff;
    position: sticky;
    margin-bottom: 2rem;
    display: inherit;
    font-weight: 400;
    padding: 0;
    margin-top: 36px;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb span {
    color: var(--third-color);
}

.breadcrumb a {
    font-weight: 500;
    line-height: 17.12px;
    font-size: 15px;
    color: var(--third-color) !important;
}

.breadcrumb .on,
.breadcrumb .active span {
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: var(--main-color);
}

/************************************
            MOTS CLES
*************************************/

.art-mot-cle div {
    margin-bottom: 10px;
    margin-top: 10px;
}

.art-mot-cle h3 a {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
}

/**********************************
        ANIMATIONS
**********************************/
.hideme,
.hideme-scroll {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    transition: -webkit-transform var(--transition-duration);
    -webkit-transition: -webkit-transform var(--transition-duration);
}

/**********************************
        Back to top btn
**********************************/

#top-button {
    display: inline-block;
    background: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 10px;
    left: 15px;
    transition: background-color var(--transition-duration), color var(--transition-duration), visibility var(--transition-duration), opacity var(--transition-duration);
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    color: var(--main-color);
    border: solid 2px;
}

#top-button::after {
    font-family: 'icomoon';
    content: "\61";
    font-style: normal;
    font-size: 1em;
    line-height: 50px;
}

#top-button:hover {
    cursor: pointer;
}

#top-button.show {
    opacity: 1;
    visibility: visible;
}

/**********************************
        SOMMAIRE
**********************************/

.pubtitle-div {
    min-height: 75px;
}

.chiffres-wrapper {
    background-color: #4A7AD3;
    padding: 5em 0;
}

.chiffres-wrapper h2 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
}

.formation-wrapper {
    background-color: #f9b000;
    padding: 5em 0;
}

.formation-wrapper span {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.actualites-titre {
    margin-bottom: 1em;
}

.actualites-titre span {
    color: var(--main-color);
    font-weight: 700;
    font-size: 18px;
}

.actualites-titre hr {
    width: 70px;
    margin: 0;
    border-top: 3px solid var(--main-color);
    margin-top: .7em;
}

.actualite-wrapper {
    padding-top: 5em;
}

.stats {
    text-align: center;
}

.stats span p {
    font-size: 68px;
    font-weight: 600;
    color: #fff;
}

.stats p {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.square {
    width: 100%;
    height: 50%;
}

.square img {
    object-fit: cover;
    width: 100%;
    height: 365px;
}

.square h2 {
    color: var(--main-color);
    font-weight: 600;
    font-size: 21px;
    line-height: 27px;
    margin-top: 1em;
}

.bref-titre {
    color: var(--main-color);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 1rem;
    display: block
}

.bref-date {
    color: var(--main-color);
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
}

.bref-hr {
    border-top: solid 1px var(--main-color);
}

.contact-wrapper {
    background-color: var(--second-color);
}

.container-sommaire {
    display: flex;
    justify-content: space-between;
    min-height: 500px;
    margin: 50px 0;
}

.presentation-wrapper {
    background-color: var(--main-color);
}

.ouvrages-wrapper,
.presentation-wrapper,
.video-wrapper,
.theme-wrapper,
.partenaire-wrapper,
.contact-wrapper,
.rencontres-wrapper {
    padding: 5em 0;
}

.partenaire-wrapper .row {
    align-items: center;
    justify-content: center;
    display: flex;
}

.partenaire-wrapper img {
    width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: contain;
    margin-top: 1em;
    margin-bottom: 1em;
}

.agenda-wrapper,
.radio-wrapper {
    padding: 5em 0;
    background-color: #E1EBFF
}

#pub a.btn.newbtn {
    width: auto;
}

.sommairetitle {
    margin-bottom: 20px;
}

/**********Content-sommaire*****/

.slick-track img {
    height: 100px;
    padding: 0 20px;
}

.slick-list {
    overflow: hidden;
    margin-top: 2em;
}

#imgPres {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 3.5em;
    width: 246px;
}

.content-sommaire {
    display: flex;
    flex-direction: column;
}

.sommaire-actualite {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*  justify-content: space-around; */
    margin-bottom: 50px;
}

/*
        TEST

        #hamburger {
            display: none;
          }
          
          label {
            position: absolute;
            top: 50%;
            right: 0;
            left: 0;
            display: block;
            width: 60px;
            height: 60px;
            margin: -30px auto 0 auto;
            cursor: pointer;
          }
          
          label:before {
            content: "";
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #f44336;
            transition: 1.2s cubic-bezier(0, 0.96, 1, 0.02) background-color;
          }
          
          label div {
            position: relative;
            top: 0;
            height: 12px;
            background-color: #fff;
            margin-bottom: 12px;
            transition: 0.3s ease transform, 0.3s ease top, 0.3s ease width,
              0.3s ease right;
            border-radius: 2px;
          }
          
          label div:first-child {
            transform-origin: 0;
          }
          
          label div:last-child {
            margin-bottom: 0;
            transform-origin: 60px;
          }
          
          label div:nth-child(2) {
            right: 0;
            width: 60px;
          }
          
          #hamburger:checked + label:before {
            background-color: #4caf50;
          }
          
          #hamburger:checked + label div:first-child {
            top: -6px;
            transform: rotateZ(45deg);
          }
          
          #hamburger:checked + label div:last-child {
            top: 6px;
            transform: rotateZ(45deg);
          }
          
          #hamburger:checked + label div:nth-child(2) {
            width: 85px;
            top: 0;
            right: 13px;
            transform: rotateZ(-45deg);
          }

        TEST
        */

.sommaire-carousel {
    margin-bottom: 3em;
    padding: 0;
}

/* CAROUSEL 1 = color: inherit
            CAROUSEL 2 = color: #fff*/
.carousel-text a {
    color: #fff;
}

.carousel-text h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48.74px;
}

/* CAROUSEL 1 = color: var(--main-color)
            CAROUSEL 2 = color: #fff*/
.carousel-text p {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #fff;
}

/* CAROUSEL 1 = color: var(--main-color) border:solid var(--main-color) 2px
            CAROUSEL 2 = color: #fff* border: solid #fff 2px*/
.carousel-text .btn {
    margin-top: 1em;
    border: solid #fff 2px;
    color: #fff;
    background: transparent;
    padding: 0.375rem 1em;
    font-weight: 500;
    font-size: 17px;
    transition: var(--transition-duration);
}

.carousel-text .btn:hover {
    color: var(--main-color);
    background-color: #fff !important;
    border: solid 2px #fff !important;
}

.liens-utiles a {
    background-color: var(--third-color);
    color: #fff;
    padding: .5em .8em;
    margin-bottom: 15px;
    border-radius: .6em;
    margin-left: calc(var(--bs-gutter-x) * .5);
    width: auto;
}

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

.carousel-inner {
    min-width: 280px;
}

/* CAROUSEL 1 = background-color: var(--main-color)
            CAROUSEL 2 = background-color: #fff*/

.carousel-indicators {
    list-style: none;
}

.carousel-img a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-vertical {
    height: 100%;
    width: 50%;
}

.img-horizontal {
    height: auto;
    width: 95%;
    object-fit: cover;
}

.carousel-row {
    height: 500px;
    align-items: center;
    width: 100%;
}

.caption-va .carousel-caption {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: auto;
    padding-top: 1.5em;
}

#carouselTitleDiv {
    background-color: var(--main-color);
}

.carousel-caption h2 {
    margin: auto;
}


.slide {
    width: 100%;

}

.carousel-item {
    transition: -webkit-transform var(--transition-duration) ease-in-out;
    transition: transform var(--transition-duration) ease-in-out;
    transition: transform var(--transition-duration) ease-in-out, -webkit-transform var(--transition-duration) ease-in-out;
    background-size: cover !important;
    background-position: center !important;
}

.actualite-wrapper .carousel {
    margin-bottom: 4em;
}

.actualite-wrapper .carousel-indicators {
    bottom: -40px;
}

.presentation-carousel .carousel-indicators {
    bottom: -30px;
}

.presentation-carousel {
    margin-bottom: 2em;
}

.carousel-item .container {
    height: 100%;
    display: flex;
    width: 100%;
}

.carousel-bg-image {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.carousel-indicators li.active {
    background-color: #231F20;
}

.carousel-indicators [data-bs-target] {
    margin-right: 11px;
    margin-left: 11px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #C1C1C1;
}

.lien-caroussel,
.carousel-descriptif {
    color: #fff;
}

.lien-caroussel:hover,
.carousel-descriptif:hover {
    color: #fff;

}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
    height: 10%;
    top: 45%;
}

/* CAROUSEL 1 = filter: var(--filter-main-settings)
            CAROUSEL 2 = filter: invert(87%) sepia(100%) saturate(4265%) hue-rotate(184deg) brightness(126%) contrast(100%);*/
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(87%) sepia(100%) saturate(4265%) hue-rotate(184deg) brightness(126%) contrast(100%) drop-shadow(2px 0px 6px #8b8d8e);
    background-image: url("../icon/caret.svg");
    width: 30px;
    height: 30px;
}

.carousel-control-prev-icon {
    transform: rotate(-90deg);
}

.carousel-control-next-icon {
    transform: rotate(90deg);
}

/* .sommaire-presentation div{
            text-align: justify;
        } */

.img-responsive,
.img-responsive-fluid {
    width: 100%;
    object-fit: cover;
    transition: var(--transition-duration);
}

.img-responsive {
    height: 350px;
}

.img-responsive-fluid {
    height: auto;
}

.img-responsive:hover,
.img-responsive-fluid:hover {
    opacity: .8;
}

.actu {
    background-color: #fff;
    box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.1);
}

.actu-img {
    overflow: hidden;
}

.img-membre {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.actu-title {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    width: 100%;
    transition: var(--transition-duration) ease;
}

.x {
    padding: 1em 0;
    transition: border-color var(--transition-duration) ease;
}

.x-sommaire {
    min-height: 5.1em;
    margin-bottom: 1em;
}

.x-rubrique {
    min-height: 4em;
    display: flex;
    margin-bottom: 2em;
    padding-left: 15px;
    padding-right: 15px;
}

.x:hover {
    color: var(--main-color);
}

.actu-title:hover {
    text-decoration: none;
}

.titre-sommaire {
    color: var(--main-color);
    padding: 10px;
    font-size: 1.5em;
    text-align: center;
}
}

/************ aside-sommaire*************/

.aside-sommaire {
    width: 250px;
}

.contact-sommaire {
    margin-bottom: 35px;
}

.contact-sommaire h2 {
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #fff;
    background-color: var(--main-color);
}

.contact-sommaire div {
    text-align: center;
    padding: 10px;
}

.nombres {
    background-color: royalblue;
    color: #fff;
    margin-bottom: 3em;
    padding: 3em 0;
}

.nombres h1 {
    margin-top: 1em;
}

.nombres a {
    color: #fff;
}

.parallax {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallax img {
    position: absolute;
    top: 0;
    pointer-events: none;
    z-index: 1;
}

.parallax .container {
    z-index: 1;
}

.parallax:before {
    content: '';
    position: absolute;
    bottom: 0;

}

.parallax:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    z-index: 10000;
}

.publication-sommaire {

    margin-bottom: 35px;
}

.publication-sommaire h2 {
    width: 100%;
    padding: 10px;
    margin: 0;
    background-color: var(--main-color);
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;


}

.publication-content {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--main-color);
    padding-top: 30px;
}

.publication-sommaire hr {
    width: 80%;
    height: 0px;
    color: #ccc;
    background-color: #ccc;
}

.publication-image {
    padding: 5px;
    text-align: center;
}

.publication-image img {
    width: 80%;
    height: 220px;
    margin: 0 auto;
    object-fit: contain;
    border: 1px solid #ccc;
}

.publication-description {
    margin: 20px;
}

.slick-dots {
    bottom: 0;
}

/************************************
    RUBRIQUES ONGLETS
************************************/

.rub-info {
    margin-bottom: 2em;
}

.rub-info .spip_logo {
    width: 100%;
}

.rubrique-contenu-liste .nav-item::after {
    display: none;
}

.classic-tab .tab-pane {
    margin-top: 2em;
    margin-bottom: 2em;
}

.onglet {
    position: relative;
}

.onglet nav.nav.nav-tabs {
    flex-wrap: nowrap;
    display: flex;
    border-bottom: 1px solid #aaa;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scroll-behavior: smooth;
}

.onglet nav.nav.nav-tabs {
    &::-webkit-scrollbar {
        display: none;
    }
}

.onglet .nav-tabs .nav-link.active {
    border-bottom: solid 2px var(--main-color);
}

.onglet .nav-tabs .nav-link {
    text-align: center;
    border: none;
    border-bottom: solid 2px transparent;
    margin-bottom: 0;
    margin-right: 0;
    text-wrap: nowrap;
    white-space: nowrap;
    margin-right: 1em;
    font-weight: 300;
}

.onglet .nav-tabs .nav-link.collapsed,
.onglet .nav-tabs .nav-link.collapsed:hover {
    text-align: center;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: 0;
    margin-right: 0;
    text-wrap: nowrap;
    white-space: nowrap;
    margin-right: 1em;
}

.onglet .nav-tabs .nav-link.onglet-active {
    background-color: transparent;
    color: var(--main-color);
    border-color: var(--main-color);
    font-weight: 600;
    border-bottom: solid 2px var(--main-color);
}

.onglet .nav-arrow {
    border: none;
    background: none;
    font-size: 24px;
    /* Ajustez la taille de la police selon vos besoins */
    cursor: pointer;
    outline: none;
}

.onglet .nav-prev {
    margin-right: 10px;
    /* Ajustez la marge entre le bouton et la barre de navigation */
    position: absolute;
    left: -30px;
}

.onglet .nav-next {
    margin-left: 10px;
    /* Ajustez la marge entre le bouton et la barre de navigation */
    position: absolute;
    top: 0;
    right: -30px;
}

.onglet .nav-prev::before {
    content: '\61';
    font-family: 'icomoon';
    transition: transform var(--transition-duration);
    border: none;
    transform: rotate(-90deg);
    font-size: 7px;
    margin-right: 1em;
    display: inline-block;
}

.onglet .nav-next::after {
    content: '\61';
    font-family: 'icomoon';
    transition: transform var(--transition-duration);
    border: none;
    transform: rotate(90deg);
    font-size: 7px;
    margin-left: 1em;
    display: inline-block;
}

/************************************
    RUBRIQUES ET ARTICLES
************************************/

.aside-content .btn {
    margin-top: 35px;
}

.rub-card {
    background-color: var(--third-color);
    transition: var(--transition-duration);
    height: 7em;
    margin-bottom: 2em;
}

.rub-card:hover {
    background-color: var(--main-color);
}

.rubrique-contenu-liste a:hover {
    opacity: 1;
}

.rub-card hr {
    border-bottom: solid 2px var(--main-color);
    width: 100%;
    border-top: inherit;
    margin: 0 0 1em 0em;
}

.rub-card h3 {
    transition: var(--transition-duration);
    margin-bottom: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

.rub-card:hover h3 {
    color: #fff;
}

.rubrique-bandeau {
    display: flex;
    align-items: center;
    margin-bottom: 6em;
}

.rubrique-bandeau .container {
    margin-bottom: 2em;
    margin-top: 2em;
}

.rubrique-bandeau .titre-principal,
.rubrique-bandeau p {
    color: #fff;
}

.rubrique-contenu-liste .titre-principal {
    margin-bottom: 1em;
}

.rubrique-texte .titre-principal,
.rubrique-texte-onglet .titre-principal {
    margin-bottom: .3em;
}

.cl_rub {
    padding: 0 16px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
}

.cl_rub a {
    color: var(--main-color);
}

.container-content {
    display: flex;
    min-height: 500px;
}

.soustitre {
    color: var(--main-color);
}

.spip_doc_descriptif {
    width: auto !important;
}

.pagination-rubrique {
    display: flex;
}

.pagination a {
    padding: 0.2em 0.5em;
    line-height: 1;
    transition: var(--transition-duration) ease;
}

.pagination-rubrique .pages {
    display: flex;
    justify-content: space-around;
    margin: 20px auto;
}

.pagination-rubrique .on {
    background-color: var(--main-color);
    color: #fff;
}

.pagination-rubrique .lien_pagination:hover {
    background-color: var(--main-color);
    text-decoration: none;
    color: #fff;
}

.pagination-rubrique .lien_pagination,
.on {
    padding: 2px 8px;
}

.btn-publication {
    float: right;
    margin-top: 1em;
    text-align: right;
    border: none;
}

/******************************
        RUBRIQUE MEMBRES
*******************************/

.content-membre a {
    text-decoration: none;
}

.partage a:hover {
    color: #fff;
    background-color: var(--main-color);
}

#share-fb,
#share-twitter {
    margin-right: 1em;
}

#share-fb,
#share-twitter,
#share-mail {
    transition: var(--transition-duration);
    width: 42px;
    height: 38px;
}

.content-membre figure {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    border: 3px solid #fff;
    border: solid 1px #cccccc;
    padding: 5px;
    vertical-align: top;
    transition: var(--transition-duration) ease;
}

.content-membre figure:hover {
    border: solid 1px var(--main-color);
}

.content-membre {
    width: 100%;

}

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

.content-membre figure img {
    display: none !important;
}

.main-membre {
    width: 100%;
}

.portrait-article {
    width: 200px;
    float: left;
    margin-right: 10px;
}

.footer {
    clear: both;
}

.aside-card {
    height: 100px;
    margin-bottom: 2em;
}

.list-group {
    flex-direction: row;
}

.list-group .list-group-item {
    background-color: var(--main-color);
    border: none;
    color: #fff;
    text-align: center;
    -webkit-transition: background-color var(--transition-duration) linear;
    -moz-transition: background-color var(--transition-duration) linear;
    -o-transition: background-color var(--transition-duration) linear;
    -ms-transition: background-color var(--transition-duration) linear;
    transition: background-color var(--transition-duration) linear;
}

.list-group .activ {
    background-color: var(--main-color);
}

.list-group-item:hover {
    background-color: var(--main-color);
}

/*******************************
    RUBRIQUE - PUBLICATION
*******************************/

.articles-publication {
    width: 100%;
    padding: 0;
    list-style-type: none;
}

.articles-publication li {
    vertical-align: top;
}

.articles-publication hr {
    border-top: 1px solid #ccc;
    padding-top: 1em;

}

.pagination-rubrique {
    display: flex;
}

.pagination-rubrique .pages {
    display: flex;
    justify-content: space-around;
    margin: 20px auto;
}

.pagination-rubrique .on {
    background-color: var(--main-color);
}

.pagination-rubrique .lien_pagination:hover {
    background-color: var(--main-color);
    text-decoration: none;
}

.pagination-rubrique .lien_pagination,
.on {
    padding: 3.2px 8px;
}

.thumbail-main {
    display: flex;
    justify-content: space-between;
}

.thumbail {
    padding: 0;
    text-align: center;
    width: 25%;
    height: auto;
    background-color: rgba(240, 255, 255, 0.3);
    overflow: hidden;
}

.thumbail img {
    object-fit: cover;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    height: auto;
    transition: transform var(--transition-duration);
}

.thumbail-content p {
    margin-bottom: 0;
}

/* .thumbail img:hover{
        transform: scale(1.2)
    } */

.thumbail-content {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.btn-outline-primary {
    border-color: var(--main-color);
    color: var(--main-color);
    transition: var(--transition-duration);
}

.btn-outline-primary:hover {
    /* background-color: #9560A4; */
    background-color: var(--main-color);
    color: #ffffff;
    /* border-color: #9560A4; */
    border-color: var(--main-color);
}

.btn-outline-primary:focus {
    box-shadow: 0 0 3px var(--main-color);
}

.introduction {}

/*************************************
            ARTICLES
*************************************/

.ps-div {
    background-color: var(--second-color);
    padding: 1em;
}

.aside-article a.active {
    /*  background-color: #94C11E; */
    background-color: var(--main-color);
    border-color: transparent;
}

.profil-image {
    width: 25%;
    float: left;
    margin-right: 20px;
}

.ps {
    color: #fff;
    background-color: var(--main-color);
    padding: 1em;
}

strong {
    font-weight: 700;
}

.ps strong {
    color: #fff;
}

.ps a {
    color: #fff;
}

.ps-onglets {
    color: #fff;
    background-color: var(--main-color);
    margin-top: 9em;
}

.ps-onglets strong {
    color: #fff
}

.img-responsive-onglet {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}

.ps-onglets div {
    padding: 1em;
}

.table-container {
    overflow-wrap: anywhere;
}

table {
    width: 100% !important;
    margin-bottom: 1em;
}

tr:first-child {
    overflow-wrap: break-word;
}

th,
td {
    padding-left: .5em;
    padding-right: .5em;
    border: solid 2px var(--main-color);
}

thead {
    background-color: var(--main-color);
    color: #fff;
}

tr:nth-child(even) {
    background-color: var(--fourth-color);
}

tr:first-child td:first-child {
    /*        background: none;*/
}

/* tr {
        border-bottom: 1px solid var(--main-color);
    }

    tr:first-child {
        border-bottom: none;
    } */

/******* article-publication******/

.main-evenement {
    display: flex;
    margin-bottom: 20px;
}

.evenement-img {
    width: 25%;
    height: 200px;
    margin-right: 20px;
}

.evenement-img .profil-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid #ccc;
}

/******* article-video **********/
/* .main-article iframe{
            display : block;
            margin : 10px auto;
        } */

/*************************************
            HAMBURGER
*************************************/


.hamburger,
.close-recherche {
    width: 20px;
    height: 17.5px;
    position: relative;
    margin-right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: var(--transition-duration) ease-in-out;
    -moz-transition: var(--transition-duration) ease-in-out;
    -o-transition: var(--transition-duration) ease-in-out;
    transition: var(--transition-duration) ease-in-out;
    cursor: pointer;
}

.hamburger span,
.close-recherche span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: var(--main-color);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: var(--transition-duration) ease-in-out;
    -moz-transition: var(--transition-duration) ease-in-out;
    -o-transition: var(--transition-duration) ease-in-out;
    transition: var(--transition-duration) ease-in-out;
}

.close-recherche span {
    background-color: #fff;
}

.a42-ac-high-contrast .hamburger span {
    background-color: #fff !important;
}

.a42-ac-inv-contrast .hamburger span {
    background-color: #FFFF00 !important;
}

.hamburger span:nth-child(1) {
    top: 0px;
}

.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
    top: 7px;
}

.hamburger span:nth-child(4) {
    top: 14px;
}

.hamburger.open span:nth-child(1),
.close-recherche span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.hamburger.open span:nth-child(3),
.close-recherche span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger.open span:nth-child(4),
.close-recherche span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.hamburger.open span:nth-child(2),
.close-recherche span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*************************************
            FOOTER
*************************************/

strong.langue_en {
    background-color: var(--main-color);
    border-radius: 50px;
    text-align: center;
    padding: .5em;
}

strong.langue_fr {
    background-color: var(--main-color);
    border-radius: 50px;
    text-align: center;
    padding: .5em;
}

#grey {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter var(--transition-duration) linear
}

#grey:hover {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.credits {
    margin: auto;
}

.nav-footer {
    display: flex;
    justify-content: space-between;
}

.nav-footer ul {
    list-style-type: none;
    padding: 0;
}

.footer .titre-principal {
    text-transform: capitalize;
    margin: 50px 0;
}

.navigation-footer {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*  margin: 20px auto; */
}

.navigation-footer a {
    color: #000;
}

.footer-menu {
    display: flex;
    flex-direction: column;

}

.titre-item {
    text-transform: capitalize;
}

.test3 {
    margin-bottom: 0;
    text-align: left;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.plan-site a {
    color: #000;
}

.titre-footer {
    text-align: center;
    margin-top: 10px;
}

.sous-menu-footer {
    font-size: 0.7em;
}

.item {

    text-transform: uppercase;
}

.socials-menu {
    padding: 0;
    margin: auto;
    margin-top: 20px;
    list-style-type: none;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    width: 250px;
    justify-content: center;
}

.socials-menu li {
    display: inline;
    padding: 5px;
    border: 1px solid #ccc;
    margin: 0 10px;
    transform: rotate(45deg);
    transition: var(--transition-duration) ease;
}

.socials-menu li:hover {
    border: 1px solid var(--main-color);
}

.socials-menu li img {
    transform: rotate(-45deg);
}

.test {
    text-align: center;
}

.test p {
    display: inline;
}

.test2 {
    text-align: center;
}

hr {
    color: gray;
    height: 1px;
    opacity: 1;
}

.btn-success {
    border-color: var(--main-color);
    background-color: var(--main-color);
}

.btn-success:hover {
    border-color: var(--main-color);
    background-color: var(--main-color);
}

/*******************************
        PRINT
********************************/

.print .texte a {
    text-decoration: underline;
}

.print dl,
.print .sm2-bar-ui {
    display: none;
}


/*******************************
        MODIFS
********************************/

#recherchecard h3 {
    font-size: 25px;
    color: var(--main-color);
    font-weight: 600;
    line-height: 39px;
    padding: .5em 0;
}

/*******************************
        RUBRIQUE-ACCORDEON
********************************/

.accordeon-bloc .newbtn {
    margin-top: 1em;
}

.accordeon h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    padding: .5em 0;
}

.accordeon .icon-caret {
    font-size: 15px;
    line-height: inherit;
}

.accordeon .collapsed .icon-caret {
    transform: rotate(90deg);
}

.accordeon a .icon-caret {
    float: right;
    transition: var(--transition-duration);
    transform: rotate(180deg);
}

.rubrique-accordeon .card-header svg {
    float: right;
    transition: transform var(--transition-duration) ease;
}

.rubrique-accordeon .card {
    border: none;
}

.rubrique-accordeon .card-header {
    background-color: transparent;
    padding: 1.5em 0;
}

.rubrique-accordeon a[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

/*******************************
        RUBRIQUE-ONGLETS
********************************/

#onglets .sizeable-content {
    margin-top: 2em;
    margin-bottom: 2em;
}

.nav-tabs .nav-link {
    color: var(--main-color);
    background-color: transparent;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-color: var(--main-color);
    border-radius: 3px 3px 1px 1px;
    padding: 10px 13px;
    line-height: 26px;
    letter-spacing: 0.03em;
    border-color: var(--main-color);
}

.nav-tabs .nav-link:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

.nav-tabs .nav-link.collapsed,
.nav-tabs .nav-link.collapsed:hover {
    background-color: #fff;
    color: var(--main-color);
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-color: var(--main-color);
    border-radius: 3px 3px 1px 1px;
    padding: 10px 13px;
    font-size: 17px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.03em;
    text-align: left;
}

.nav-tabs {
    border-bottom: none;
    /* margin-bottom: 2em; */
}

.nav-tabs .nav-link {
    text-transform: none;
    margin-bottom: .3em;
    margin-right: .3em;
    display: block;
}

/* .nav-tabs .nav-link:nth-child(1){
    margin-left: 0;
}

.nav-tabs .nav-link:nth-last-child(1){
    margin-right: 0;
} */

nav.nav.nav-tabs {
    justify-content: inherit;
}

/* .nav-tabs .nav-item{
    margin-right: .7em;
} */

.rencontre-card {
    height: auto;
    box-shadow: 7px 7px 8px 0px #0000000D;
    margin-bottom: 2em;
}

.rencontre-img {
    height: 290px;
}

.rencontre-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    height: 290px;
}

.rencontre-text a {
    color: #fff;
}

.rencontre-text {
    padding-top: 20px;
    padding-left: 18px;
    padding-right: 12px;
    padding-bottom: 20px;
    background-color: var(--second-color);
}

.rencontre-text h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
}

.rencontre-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}

.rencontre-text span {
    font-weight: 500;
    font-size: 17px;
    line-height: 20.79px;
}

/*******************************
        MEDIA QUERIES
********************************/

@media (max-width: 767px) {

    .podcast-logo img {
        max-height: 184px;
    }

    .img-logo {
        height: auto;
        width: 100%;
    }

    .plan-rub hr {
        width: 100%;
    }

    .carousel-text h2 {
        font-size: 22px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .carousel-text h3 {
        font-size: 15px;
        line-height: 20px;
    }

    .img-responsive {
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .themeRecherche {
        height: 100%;
        width: auto;
        max-height: 200px;
    }

    .beam:after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 100%;
        margin-right: -100%;
        border-bottom: none;
        margin-left: 1em;
        margin-bottom: .25em;
    }


    .carousel-caption {
        padding-top: 0;
        padding-bottom: 0;
    }

    .carousel-indicators {
        bottom: -5px;
    }

    .carousel-caption h2 {
        font-size: 1.5rem;
    }

    .titre-secondaire {
        font-size: 1.5em;
    }

    .bandeau-images {
        flex-direction: column;
    }

    .spip_documents img {
        width: 100%;
        max-width: inherit;
    }

    .x-rubrique {
        min-height: 4.8em;
        margin-bottom: 2em;
    }

    .x-sommaire {
        min-height: 4.1em;
    }

    .spip_document_90 img {
        width: 100%;
    }

    .ps-onglets {
        margin-top: 0em;
    }

    /********************************
                MENU PRINCIPALE
        *********************************/

    #nav {
        width: 100%;
    }

    .navigation {
        flex-direction: column;
    }

    .brand {
        text-align: center;
    }

    .recherche {
        display: none;
        width: 100%;
    }

    #recherche {
        display: block;
        background: none;
        border: 1px solid rgba(0, 0, 0, .1);
        padding: 5px 10px;
        margin-right: 10px;
        border-radius: 5px;
    }

    .nav-link {
        font-size: 0.8em;
    }

    .menu:hover,
    #recherche:hover {
        cursor: pointer;
    }

    .dropdown-item {
        white-space: normal
    }

    .dropdown-menu {
        background-color: transparent;
        border: none;
    }

    .dropdown-menu.show {
        position: static !important;
        transform: none !important;
    }


    .bandeau {

        min-height: 165px;
    }

    .slider-bandeau {
        display: none;
    }

    .actu-title {
        margin-bottom: 3em;
        height: 3.5em;
    }

    /************************************
                    BREADCRUMB
        *************************************/
    .breadcrumb li {
        font-size: 1em;
    }

    /***********************************
                    SOMMAIRE
        ************************************/

    /* .form-control{
                width: 50%!important;
            } */
    .col-3 {
        flex: 0;
    }

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

    .container-sommaire {
        display: flex;
        flex-direction: column;
    }

    .sommaire-presentation div {
        text-align: initial;
    }

    .content-sommaire {
        width: 100%;
    }

    .sommaire-actualite {
        flex-direction: column;
    }

    .sommaire-actualite .figure {
        width: 100%;
    }

    .aside-sommaire {
        margin: 0 auto;
        width: inherit;
    }

    .publication-sommaire {
        width: 250px;
        margin: 0 auto;
    }

    .publication-sommaire h2 {
        display: block;
        width: 100%;
        border-radius: 0;
    }

    .publication-content {
        flex-direction: column;
    }

    #searchbar {
        height: 4em;
    }

    #labelbarre {
        margin-bottom: .5em;
    }

    #barrebouton {
        flex-direction: row;
        display: flex;
    }

    .form-recherche .row {
        margin: auto;
    }

    /**********************************
                RUBRIQUES ET ARTICLES
        ***********************************/
    .ps {
        margin-top: 0
    }

    /************************************
                RUBRIQUE PUBLICATION
        ************************************/
    .articles-publication li {
        margin-left: 0;
    }

    .thumbail-main {
        flex-direction: column;
    }

    .thumbail {
        width: 100%;
        margin-bottom: 10px;

    }

    .thumbail img {
        margin: 0 auto;
    }

    .thumbail-content {
        width: 100%;
    }

    .introduction {
        text-align: initial;
    }

    /*********************************
                    MEMBRES
        **********************************/
    .profil-image {
        width: 100%;
        margin-right: 0;
    }

    .portrait-article {
        float: none;
        width: 100%;
    }

    /***********************************
                RUBRIQUE video
        ***********************************/
    .pagination-rubrique {
        width: 100%;
    }

    /* .main-content-video{
                flex-direction : column;
            } */
    /* .figure-video{
                width : 100%;
                margin-left: 0;
            } */
    .main-article iframe {
        width: 100%;
    }

    /* .capsule-video {
                margin: auto;
                } */

    /* .capsule-video iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                } */

    .main-article iframe {
        display: block;
        margin: 0 auto;
    }

    /************************************
                ARTICLE
        ************************************/
    .main-article {
        text-align: initial;
    }

    /******* evenement article ********/
    .main-evenement {
        flex-direction: column;
    }

    .evenement-img {
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }

    /**************************************
                    FOOTER
        ***************************************/
    .footer-content {
        flex-direction: column;
    }

    .plan-site,
    .test {
        flex-direction: row;
        margin-bottom: 10px;
    }

    .test {
        width: 100%;
    }

    .footer-menu .test3 {
        font-size: 2.5vh;
    }

    h2.test3 {
        font-size: 3.5vh;
    }

    .cacher {
        display: none;
    }

}

@media screen and (max-width: 991px) {

    .reseaux {
        margin-top: 2em;
    }

    .scrolled,
    .scrolled.bim {
        background-color: var(--main-color);
    }

    .scrolled #a42-ac-button {
        color: #fff;
    }

    .scrolled .hamburger span {
        background-color: #fff;
    }

    #searchdiv {
        display: none;
    }

    #top-ul #nomsitesmall {
        display: none;
    }

    #a42-ac-button::after {
        display: none;
    }

    .espace-perso {
        display: none;
    }

    #top-ul {
        justify-content: space-between;
    }

    #sm- {
        display: none;
    }

    .carousel-text .btn {
        display: none;
    }

    .carousel-text p {
        font-size: 17px;
        font-weight: 400;
        line-height: 23px;
        color: #fff;
    }

    .footer img {
        margin-bottom: 0;
    }

    .contact-wrapper {
        padding: 3em 0 4em 0;
    }

    #presentation-text p {
        font-size: 32px;
        line-height: 38px;
    }

    .niveau1 {
        font-weight: 300;
        font-size: 18px;
    }

    .main-content {
        width: 100%;
        display: block;
    }

    .options #accordionShare,
    .options #copyMessage {
        display: none;
    }

    .pubtitle-div {
        height: inherit;
    }

    #navbarNavDropdown {
        z-index: 1;
        background-color: var(--carousel-bg-color);
    }

    .navbar-brand img,
    .website-brand img {
        width: 80px;
    }

    .nav-tabs a {
        color: #000;
    }

    .carousel-row {
        font-family: 'Montserrat', sans-serif;
        height: auto;
    }

    .img-vertical {
        height: 90%;
        width: auto;
    }

    .carousel-img a {
        height: 340px;
    }

    .lien-caroussel,
    .carousel-descriptif {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    #navbarNavDropdown .navbar-nav {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #nomsitesmall {
        display: flex;
    }

    #nomsite {
        display: none;
    }

    #top-ul {
        display: flex;
        flex-direction: inherit;
        align-items: center;
    }

    #rowtop {
        margin: auto;
        height: 100%;
    }

    #top-ul .topuldiv {
        height: 30.5px;
    }

    .page {
        border-bottom: 1px solid var(--main-color);
    }

}

@media (min-width: 768px) {

    #evtsrow .col-md-6:nth-last-of-type(2) .agenda-card {
        margin-bottom: 0;
    }

    .img-inside-article {
        max-width: 100%;
    }

    /* .mini_capsule-video {
            height: calc(56.25vw) !important    ;
            padding-bottom: 0 !important;
            padding-top: 0 !important;
        } */

    dl {
        margin-bottom: .5em;
    }
}

@media (min-width: 676px) and (max-width: 767px) {
    .img-horizontal {
        width: 60%;
    }
}

@media (min-width: 576px) and (max-width: 675px) {

    .podcast-details {
        height: 220px;
    }

    .img-horizontal {
        width: 70%;
    }

    .nav-principal h1 {
        font-size: 20px;
        line-height: 20.5px;
    }
}

@media (max-width: 675px) {
    .table-container {
        overflow: scroll;
        overflow-wrap: normal;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /************************************
                    SOMMAIRE
        *************************************/

    .agenda-wrapper #evtsrow .col-lg-4:nth-child(2) .agenda-card {
        border-right: none;
    }

    .nav-principal h1 span:nth-child(1) {
        font-weight: 400;
        font-size: 20px;
    }

    .nav-principal h1 span:nth-child(3) {
        font-weight: 600;
        font-size: 20px;
    }

    #up8 {
        font-weight: 800;
        font-size: 10px;
    }

    .nav-principal h1 {
        font-size: 20px;
        line-height: 20.5px;
    }

    .img-horizontal {
        width: 50%;
    }

    .recherchetab h5 {
        font-size: 32.66px;
    }

    .navigation {
        flex-direction: flex;
        flex-wrap: wrap;
    }

    #nav {
        width: 100%;
    }

    .brand {
        width: 100%;
        text-align: center;
    }

    .nav-principal {
        flex-basis: 100% !important;
    }

    #recherche {
        display: block;
    }

    #recherche-landscape {
        display: none;
    }

    .recherche {
        width: 100%;
        display: none;
    }

    .introduction {
        text-align: initial;
    }

    .nav-item .dropdown-item:hover {
        background-color: var(--main-color);
        box-sizing: content-box;
        width: inherit;
    }

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

    .container-sommaire {
        display: flex;
        flex-direction: column;
    }

    .content-sommaire {
        width: 100%;
    }

    .aside-sommaire {
        width: 100%;

    }

    .publication-sommaire h2 {
        display: block;
        border-radius: 0;
    }

    .x-sommaire {
        min-height: 6.6em;
    }

    /*********
        SUJET A MODIFS SELON RETOUR KENZA
        *********/

    .carousel-text h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .carousel-text h3 {
        font-size: 20px;
        line-height: 28px;
    }

    /*********
        SUJET A MODIFS SELON RETOUR KENZA
        *********/

    /*******************************
                RUBRIQUE 15
        ********************************/
    .content-membre h2 {
        margin-bottom: 20px;
    }

    .articles-publication li {
        margin-left: 0;
    }

    .texte {
        text-align: initial;
    }

    /*******************************
                RUBRIQUE 5
        ********************************/
    .articles-rubrique li {
        width: 35%;
    }

    /* .figure-video{
                width : 45%;
            } */

    .thumbail {

        margin-right: 10px;
    }

}

@media (max-width: 575px) {



    .intro h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .menu-home {
        display: none;
    }

    .liens-utiles a {
        margin-right: 10px;
    }

    .droits {
        flex-direction: column-reverse;
    }

    .chiffres-wrapper {
        padding: 3em 0;
    }

    .chiffres-wrapper h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }

    .agenda-wrapper {
        padding: 3em 0;
    }

    .a {}

    .b p {
        font-size: 20px;
    }

    .formation-wrapper {
        padding: 2em 0;
    }

    #recherchecard h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .onglet .nav-arrow {
        display: none;
    }

    .flex-mobile-nowrap .rencontre-card {
        width: 75vw;
    }

    .flex-mobile-nowrap .agenda-card {
        width: 75vw;
        margin-bottom: 0;
    }

    .flex-mobile-nowrap {
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
    }

    .flex-mobile-nowrap {
        &::-webkit-scrollbar {
            display: none;
        }
    }

    .nav-principal h1 span:nth-child(1) {
        font-weight: 400;
        font-size: 20px;
    }

    .nav-principal h1 span:nth-child(3) {
        font-weight: 600;
        font-size: 20px;
    }

    #up8 {
        font-weight: 800;
        font-size: 10px;
    }

    .rubrique-bandeau {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-principal h1 {
        font-size: 20px;
        line-height: 20.5px;
    }

    .publi-card {
        height: auto;
    }

    .publi-card img {
        max-height: none;
    }

    .publi {
        max-height: none;
    }

    .publi-text {
        position: inherit;
        padding: 15px;
    }

    .rub-card {
        margin-bottom: 1em;
    }

    .img-pub-vertical {
        width: 100%;
        height: auto;
    }

    .carousel-text p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .img-horizontal {
        width: 65%;
    }

    .socials p {
        display: none;
    }

    .socials svg {
        margin-top: 1em;
        font-size: 2em;
        margin-right: .5em;
    }

    #menu-container {
        padding: 0;
    }

    .col-end {
        display: flex;
        justify-content: end;
        align-items: end;
    }

    .carousel-caption h2 {
        font-size: 1.5rem;
    }

    .content-membre figure {
        width: 40%;
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }

    .recherchetab h5 {
        font-size: 18px;
    }

    .doc-text,
    .doc-text2 {
        max-width: inherit;
    }

}

@media (min-width: 576px) and (max-width: 767px) {

    .agenda-wrapper #evtsrow .col-lg-4 .agenda-card {
        border-right: none;
    }

    .nav-principal h1 span:nth-child(1) {
        font-weight: 400;
        font-size: 24px;
    }

    .nav-principal h1 span:nth-child(3) {
        font-weight: 600;
        font-size: 24px;
    }

    #up8 {
        font-weight: 800;
        font-size: 12px;
    }

    .recherchetab h5 {
        font-size: 27px;
    }

    /* .content-membre figure:nth-child(2n+1){
            margin-left: 0;
            width: 40%;
        }  

        .content-membre figure:nth-child(2n+2){
            margin-left: 6em;
            width: 40%;
        } */

    .themeRecherche {
        max-height: 150px;
    }

    .img-responsive {
        min-height: 150px;
        ;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .aside-sommaire {
        line-height: 1em;
    }

    /* .content-membre figure:nth-child(3n+2){
    margin-right: 5.9%;
    margin-left: 5.9%
} */
}

@media (min-width: 1025px) {

    /* .content-membre figure:nth-child(3n+2){
    margin-right: 11.9%;
    margin-left: 11.9%;
} */
}

@media (min-width: 1200px) {

    .publi-card {
        height: 415px;
    }

    .publi-card img {
        max-height: 335px;
    }

    .publi-text {
        top: 335px;
    }

    .aside-sommaire {
        line-height: 1.18em;
    }

    .doc-icon dt img {
        max-width: 80%;
    }

    .fa-arrow-up-right-from-square {
        margin-left: .4em;
    }

}

@media(min-width: 992px) and (max-width: 1199px) {
    .publi-card {
        height: 450px;
    }

    .publi-card img {
        max-height: 380px;
    }

    .publi-text {
        top: 380px;
    }

}

@media(min-width: 768px) and (max-width: 991px) {
    .publi-card {
        height: 610px;
    }

    .publi-card img {
        max-height: 530px;
    }

    .publi-text {
        top: 530px;
    }
}

@media(min-width: 676px) and (max-width: 767px) {
    .publi-card {
        height: 540px;
    }

    .nav-principal h1 {
        font-size: 20px;
        line-height: 20.5px;
    }

    .publi-card img {
        max-height: 465px;
    }

    .publi-text {
        top: 470px;
    }
}

@media(min-width: 576px) and (max-width: 675px) {
    .publi-card {
        height: 460px;
    }

    .publi-card img {
        max-height: 385px;
    }

    .publi-text {
        top: 390px;
    }
}

@media (max-width: 500px) {

    .img-horizontal {
        width: 80%;
    }

}

@-moz-document url-prefix() {


    @media (min-width: 992px) {
        .aside-sommaire {
            line-height: 0.98em;
        }
    }

    @media (min-width: 1200px) {
        .aside-sommaire {
            line-height: 1.05em;
        }
    }
}

@media(min-width: 992px) and (max-width: 1024px) {

    .navigation {
        flex-direction: flex;
        flex-wrap: wrap;
    }

    #nav {
        width: 100%;
    }

    #recherche-landscape {
        display: none;
    }

    .recherche {
        display: flex;
    }

    .form-recherche {
        flex-flow: row nowrap !important;
    }

    .content-membre figure {
        width: 200px;
    }

    .thumbail {
        margin-right: 10px;
    }
}

@media(min-width: 676px) and (max-width:767px) {
    .container {
        max-width: 640px;
    }
}

/*****************************
            IE
*****************************/
@media screen and (min-width:0\0) {
    .container-sommaire {
        display: inline;
    }

    --main-color : #334b95;
    --main-titre-color:#4085be;

    .contact-sommaire {
        border: 1px solid #334b95;
    }

    .contact-sommaire h2 {
        background-color: #334b95;
    }

    .titre-sommaire {
        background-color: #334b95;
    }

    #top-button {
        color: #334b95;
    }

    #top-button:hover,
    #cookie-button:hover {
        background-color: #334b95;
    }

    a:focus,
    a:hover,
    a:active {
        color: #4085be;
    }

    a {
        color: #334b95;
    }

    .titre {
        color: #4085be;
    }

    .socials-menu li:hover {
        border: 1px solid #334b95;
    }

    .titre-sommaire {
        color: #fff;
    }

    .btn-outline-success {
        color: #334b95;
        border-color: #334b95;
    }

    .btn-outline-success:hover {
        color: #fff;
        background-color: #334b95;
        border-color: #334b95;
    }

    .nav-item a.nav-link:hover {
        color: #4085be !important;
    }

    .nav-item .dropdown-item:hover {
        background: #334b95;
    }

    .list-group .activ {
        background-color: #4085be;
    }

    .list-group-item:hover {
        background-color: #334b95;
    }

    .hideme,
    .hideme-scroll {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

    .content-membre a {
        text-decoration: none;
        color: #000;
    }

    #share-fb,
    #share-twitter {
        display: none;
    }

    .content-membre figure:hover {
        border: solid 1px#334b95;
    }

    .btn-primary {
        border: #334b95;
        background-color: #334b95;
    }

    .btn-primary:hover {
        background-color: #4085be;
    }

    .btn-outline-primary {
        border-color: #334b95;
        color: #334b95;
    }

    .btn-outline-primary:hover {
        background-color: #334b95;
    }

    .pagination strong {
        background-color: #334b95;
    }

    .pagination a:hover {
        background-color: #4085be;
    }

    .actu {
        overflow: hidden;
    }

    .actu-img {
        overflow: hidden;
    }

    .list-group .list-group-item {
        background-color: #334b95;
    }

    .list-group .activ {
        background-color: #fff;
    }

    .list-group-item:hover {
        background-color: #fff;
    }

    .ps {
        background-color: #334b95;
    }

    .ps-onglets {
        background-color: #334b95;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-link.active:hover {
        background-color: #4085be;
    }

    .line {
        border-bottom: solid 2px #4085be;
        text-align: left;
    }

    .cl_rub a {
        color: #334b95;
    }

    strong.langue_en {
        background-color: #334b95;
    }

    strong.langue_fr {
        background-color: #334b95;
    }

    .rs {
        justify-content: center;
    }

    .p8 {
        justify-content: center;
    }

    .srch {
        justify-content: center;
    }

}

/*****************************
    MOBILE & TABLETTES
*****************************/
@media only screen and (hover: none) and (pointer: coarse) {

    .onglet .nav-prev {
        display: none !important;
    }

    .onglet .nav-next {
        display: none !important;
    }

    .hideme,
    .hideme-scroll {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

    .breadcrumb,
    #breadcrumb {
        position: initial;
    }

    .options #accordionShare,
    .options #copyMessage {
        display: none;
    }

    #toggleBreadcrumb {
        display: inherit;
    }

    #breadcrumbMobile {
        display: none;
    }
}



.titre-header a {
    font-size: 1.2em;
}

@media (max-width: 767px) {

    .radio-text {
        margin-top: 1rem;
    }

    .carousel-item img {
        max-height: 100%;
    }

    /* .mini_capsule-video {
        height: 285px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .vimeo_player, .tac_float {
        padding-bottom: 0 !important;
        height: 100% !important;
    } */

    .titre-header a {
        font-size: 1.2em;
    }

    .lien-caroussel,
    .carousel-descriptif {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .caption-va .carousel-caption {
        top: 82.5px;
        padding-top: 0;
    }

    /** .carousel-caption h2{
        padding: 1em;
        background-color: var(--main-color);
        opacity: .7;
    } **/

    #carouselTitleDiv {
        position: absolute;
    }
}

#spip-admin {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000000000;
}

#spip-admin a {
    margin: 0 1em;
}

/********************************
        ACCESS CONFIG
********************************/

/******** HIGH CONTRAST *********/

.a42-ac-high-contrast .nav-tabs:focus,
.a42-ac-high-contrast .nav-link.active {
    background-color: white !important;
    color: #343643 !important;
}

.a42-ac-high-contrast .carousel-text .btn:hover,
.a42-ac-high-contrast .btn:hover {
    background-color: white !important;
    color: #343643 !important;
    border-color: white !important;
}

.a42-ac-high-contrast .newbtn:hover .icon-download:before,
.a42-ac-high-contrast .evt-btn:hover .icon-download:before,
.a42-ac-high-contrast .doc-btn:hover .icon-download:before {
    color: #343643;
    background: white;
}

.a42-ac-high-contrast .evt-btn,
.a42-ac-high-contrast .doc-btn,
.a42-ac-high-contrast .tag-bubble,
.a42-ac-inv-contrast .evt-btn,
.a42-ac-inv-contrast .doc-btn,
.a42-ac-inv-contrast .tag-bubble {
    border: solid 1px;
}

.a42-ac-high-contrast #validatesearch:hover svg {
    background-color: white !important;
}

.a42-ac-high-contrast #validatesearch:hover path {
    color: #343643 !important;
}

.a42-ac-high-contrast .on,
.a42-ac-inv-contrast .on {
    font-weight: 700;
}

/******** INV CONTRAST *********/

.a42-ac-inv-contrast .carousel-text .btn:hover,
.a42-ac-inv-contrast .btn:hover {
    background-color: #FFFF00 !important;
    color: #000080 !important;
    border-color: #FFFF00 !important;
}

.a42-ac-inv-contrast .newbtn:hover .icon-download:before {
    color: #000080 !important;
    background: #FFFF00 !important;
}

.a42-ac-inv-contrast .newbtn:hover .icon-download:before,
.a42-ac-inv-contrast .evt-btn:hover .icon-download:before,
.a42-ac-inv-contrast .doc-btn:hover .icon-download:before {
    color: #000080;
    background: #FFFF00;
}

.a42-ac-inv-contrast #validatesearch:hover svg {
    background-color: #FFFF00 !important;
}

.a42-ac-inv-contrast #validatesearch:hover path {
    color: #000080 !important;
}

.slideListe {
    border-radius: 9999px;
    width: auto;
    aspect-ratio: 1;
    border: solid 2px;
    border-color: var(--main-color);
    background-color: #fff;
    transition: all var(--transition-duration);
}

.slideListe:focus {
    outline: none;
}

.slideListe:hover {
    background-color: var(--main-color);
}

.slideListe:hover span {
    color: #fff;
}

.slideListe span {
    color: var(--main-color);
}

.slideLeft {
    transform: rotate(-90deg); 
}

.slideRight {
    transform: rotate(90deg); 
}

.slideDiv {
    display: none; 
    justify-content: center; 
    gap: 2em;
}

@media (max-width: 575px) and (hover: hover) { 
    .slideDiv {
        display: flex;
    }
}