/* Main mobile */
.formation-details-header{
    position: relative;
    background-color: #002626;
    border-radius: 1.5rem 1.5rem 0 0;
}
.formation-details-top-header{
    max-width: 106.6rem; 
    margin: 0 auto;
    min-height: 10rem;
    display: flex;
    align-items: flex-end;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -46.8rem 0
    }
    100%{
        background-position: 46.8rem 0
    }
}
.animated-background {
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
    background-size: 57rem 15.3rem;
    height: 15.3rem;
    position: relative;
    border-radius: 0.8rem;
}
#formation-details-logo{
    background-color: #FFFFFF;
    border-radius: 5%; 
    width: 13rem;
    height: 8rem;
    margin: auto;
    margin-right: 1.5rem;
    margin-left: 2rem;
    
    padding: 0.3rem;
}

.formation-details-titles-content-container{
    margin-bottom: 1rem;
}

.formation-details-header li.nav-button a {
    color: #FFFFFF; 
    font-size: 1.4rem; 
    text-decoration: none; 
}
.formation-details-header li.nav-button:not(.active) a {
    font-weight: 300;
}
.formation-details-navlinks{
    max-width: 106.6rem; 
    padding: 0;
    margin-bottom: 0;
    --bs-gutter-x: 2.1rem;
}

.formation-details-nav{
    display: flex;
    align-items: center;
    padding-left: 4rem;
}
.formation-details-body-site-internet,
.formation-details-body-site-internet a{
    margin-top: 3rem;
    font-size: 1.4rem;
    color: #212121;
    text-decoration: underline;
}
.formation-details-h1{
    display: inline-block;
    font-size: 1.8rem;
    color: #FFFFFF;
    line-height: 2.7rem;
    padding-top: 1.7rem;
}
.formation-details-h2{
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #FFFFFF;
    font-weight: lighter;
}
.formation-details-titles-niveau{
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: lighter;
}
.formation-details-titles-decoration{
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    margin: 0 1rem 0.2rem 1rem;
    background-color: #212529;
}
.formation-details-rncp{
    font-size: 1rem;
    position: relative;
    bottom: 0.8rem;
}
.formation-details-nav{
    background-color: #0E4749;
    min-height: 4.9rem;
}

.formation-details-body-titles-decoration{
    width: 4rem;
    height: 0.2rem;
    background-color: #49A078;
    margin-bottom: 1.5rem;
}
.formation-details-body{
    padding: 4rem 0;
    background-color: #f6f7f8;
    border-radius: 0 0 1.5rem 1.5rem;
    max-height: calc(100vh - 24.9rem - var(--bs-modal-margin) * 2);
    overflow-y: scroll;
}
.formation-details-body-content{
    font-size: 1.4rem;
    line-height: 2.1rem;
    letter-spacing: 0;
}
.formation-details-body-content h3 {
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: bold;
}

.formation-details-geo-contact .accordion .card {
    border: 0;
    border-bottom: 0.1rem solid #001230;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-radius: 0;
    background-color: transparent;
}

.formation-details-geo-contact .accordion .card-header {
    background-color: transparent;
    border-bottom: 0;
    padding: 0;
}
.formation-details-geo-contact .accordion .card-header .btn {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #212121;
    text-decoration: none;
    padding: 0 0 0.5rem 0;
}

.formation-details-geo-contact .accordion .card-header .btn:not(.collapsed) {
    font-weight: 500;
}
    
.formation-details-geo-contact .accordion .card-header .btn i {
    margin-top: 0.4rem;
}
    
.formation-details-geo-contact .accordion .card-header .btn:not(.collapsed) i.fa-angle-down {
    display:none;
}
.formation-details-geo-contact .accordion .card-header .btn.collapsed i.fa-angle-up {
    display:none;
}
    
.formation-details-geo-contact .accordion .card-body {
    background-color: #FFFFFF;
    padding: 1rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 300;
}

.formation-details-geo-contact .accordion .card-body .fa-ul {
    margin-left: 2rem;
    margin-bottom: 0;
}

.formation-details-geo-contact .accordion .card-body .fa-ul .fa-li {
    left: calc(2rem*-1);
    width: 2rem;
    text-align: left;
}

.formation-details-geo-contact .accordion .card-body .fa-ul li 
+ li {
    margin-top: 1rem;
}

.desktop-filter-show-button{
    display: none;
}

.prev-modal{
    display: flex; 
    justify-content: center;
    align-items: center;
    background-color: #F6F7F8; 
    border-radius: 0.5rem;
    cursor: pointer;
    width: 2.4rem;
    height: 8rem;
    position: absolute; 
    top: 40%; 
    left: -2rem;
    font-size: 1.6rem;
}
.next-modal{
    display: flex; 
    justify-content: center;
    align-items: center;
    background-color: #F6F7F8; 
    border-radius: 0.5rem;
    cursor: pointer;
    width: 2.4rem;
    height: 8rem;
    position: absolute; 
    top: 40%; 
    right: -2rem;
    font-size: 1.6rem;
}

.page-subtitle, .type-etablissement {
    font-size: 1.4rem; 
    line-height: 2.1rem; 
    font-weight: 300;
}

.p-content{
    
    font-size: 1.4rem;
    line-height: 2.4rem;
    flex-basis: 100%;
}
.like-mobile-button{
    width: 3.6rem; 
    height: 3.6rem; 
    border-radius: 50%; 
    border: 1px solid #49A078; 
    margin: 1rem auto 3rem auto; 
    color: #49A078; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    font-size: 1.3rem;
}
.nb-formation-site{
    font-size: 1.6rem;
    display: inline;
    padding-bottom: 1.5rem;
}

.result-container{
    width: auto; 
    border-radius: 1.5rem; 
    margin-top: 3.1rem; 
    box-shadow: #00123029 0 0.1rem 0.4rem;
    padding-bottom: 3rem;
    position: relative;
}
.result-thumbnail-container{
    width: 3.5rem; 
    height: 5.5rem; 
    border-radius: 1.5rem 0; 
    background-color: #49A078; 
    position: absolute;
}
.result-thumbnail{
    margin: auto; 
    color: #FFFFFF; 
    height:100%; 
    width: 100%; 
    font-size: 1.5rem;
}
.result-contents-container{
    margin: 2.2rem 0 0 2rem;
}
.result-link{
    width: 12.6rem; 
    height: 3.9rem; 
    border-radius: 1.5rem 0; 
    background-color: #F6F7F8; 
    float: right; 
    border: none; 
    font-size: 1.4rem; 
    cursor: pointer; 
    outline: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.result-container:hover{
    box-shadow: .5rem 1rem 1.5rem #00123029;
}
.result-container:hover .result-link{
    background: #0E4749;
}
.result-container:hover a.result-link {
    color: #FFFFFF !important;
}

a.result-link {
    color: black !important;
    text-decoration: none;
    border: none;
}

/* Header mobile */

#school-presentation-informations{
    background-color:  white; 
    border-radius: 1.5rem; 
    padding: 1.5rem;
}
#header-school-logo{
    width: 13rem; 
    height: 8rem; 
    margin: 0 auto; 
    display: block;
    transform: translateY(6rem);
    padding: 0.8rem;
}

button.result-link:focus{
    outline: none;
}

#a11y-selectcompetences-suggestions{
    max-height: 30rem;
}
#a11y-selectdebouches-suggestions{
    max-height: 30rem;
}

#header-school-logo img {
    border-radius: 0.5rem;
    max-width: 100%;
    max-height: 100%;
}
#formation-details-logo img {
    max-width: 100%;
    max-height: 100%;
}

.header-banniere{
    height: 10rem; 
}
    
div.d-flex.align-items-center.header-container div.row.header-row{
    height: 7rem;
}
.ej-logo{
    width: 12.5rem; 
    height: auto;
}

/* Nav mobile */

li.nav-button{
    position: relative;
}

li.nav-button.active{
    pointer-events: none;
}

#nav-mobile li.nav-button a, #nav-mobile li.nav-button a:hover, #nav-mobile li.nav-button a:focus, #nav-mobile li.nav-button a:active {
    text-decoration: none;
    color: inherit;
}
.type-etablissement, .page-subtitle-decoration{
    display: none;
}
#nav-mobile li.nav-button a {
    display: block;
    margin: auto;
    /*height: 3.6rem; */
    text-decoration: inherit;
    cursor: pointer;
    /*margin: 1rem 1rem 3rem 1rem;*/ 
    display: flex; 
    flex-direction: column;
    align-items: center; 
    font-size: 1.4rem;
    line-height: 1.9rem;
    transition: all 0.4s;
}

#nav-mobile li.nav-button.active a {
    width: fit-content; 
    align-items: center; 
    color: #49A078;
}
#nav-mobile li.nav-button.active a .nav-item-text { 
    color: black;
    margin-top: 0.3rem;
}

#nav-mobile li:not(.active) .nav-item-text{
    overflow: hidden;
    /*font: normal normal 300 1.2rem/1.8rem Roboto;*/
    font-weight: 300;
    color: black;
   /* padding-left: 1.2rem;*/
    margin-top: 0.3rem; 
}

#nav-mobile .nav-mobile-container {
    margin: 0;
    padding: 0;
    --bs-gutter-x: 3rem;
}

#nav-desktop .nav-icon {
    display: none; 
}

.nav-icon{
    color: #49A078;
}

#nav-desktop{
    display: none;
    z-index: 2;
}

#nav-desktop li.nav-button a .nav-item-text{
    color: #333;
}
#mobile-filter-show-button{
    display: none;
}
#filter-mobile-container.filter-mobile-active #mobile-filter-show-button{
    width: 16rem;
    height: 6rem;
    background-color: #0E4749;
    color: #FFFFFF;
    border-radius: 0.5rem;
    position: fixed;
    font-size: 1.5rem;
    font-weight: lighter;
    cursor: pointer; 
    display: flex; 
    align-items: center;
    justify-content: center;
    bottom: 2rem;
    right: 2.3rem;
}
#mobile-suppress-filter-button{
    display: none;
}
#filter-mobile-container.filter-mobile-active #mobile-suppress-filter-button{
    width: 16rem; 
    height: 6rem; 
    background-color: #FFFFFF; 
    border: 1px solid #0E4749; 
    border: 1px solid #0E4749; 
    color: #0E4749; 
    border-radius: 0.5rem; 
    position: fixed; 
    bottom: 2rem; 
    left: 2.3rem; 
    font-size: 1.5rem; 
    font-weight: lighter; 
    cursor: pointer;  
    display: flex; 
    align-items: center; 
    justify-content: center;
}
#nav-desktop li.nav-button.active a:after,
.formation-details-nav li.nav-button.active a:after {
    height: 0.5rem; 
    border-radius: 0.7rem 0.7rem 0 0; 
    background-color: #49A078; 
    width: 6rem;
    overflow: hidden;
    position: absolute;
    /*left: 50%;*/
    z-index: 1 !important;
    /*transform: translateX(-3rem);*/
    transition: translateX 2s ease;
    display: block;
    content: '';
    margin-left: -3rem;
    left: 50%;
    margin-left: -3rem;
    top: 3.1rem;
}

#filter-mobile-container{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 2rem 1rem 2rem;
    z-index: 1055;
}

.filter-mobile-active{
    background-color: #FFFFFF;
    display: block !important;
    z-index: 100;
}

#filter-mobile-territoire{
    cursor: pointer;
}

.h1-mobile-filter{
    margin-top: 1.8rem; 
    font-weight: 410; 
    font-size: 1.7rem;
    border-bottom: 2px solid #212121;
    padding-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
}


#spec-debouches-competences{
    margin-top: 40rem;
}
.icon-search-debouches-competences{
    display: none; 
}

/**** AJOUTER DES BOX-SHADOW **/
#nav-mobile-filter-button{
    cursor: pointer;
    position: fixed;
    bottom: 7rem;
    right: 1.5rem;
    background-color: #FFFFFF;
    width: 5.5rem; 
    height: 5.5rem; 
    border-radius: 50%; 
    box-shadow: #00123029 0 2px 4px;
    color: #49A078; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    font-size: 1.8rem;
    z-index: 100;
}

#a11y-territoire-js, #a11y-sortie-js, #a11y-entree-js, #a11y-modalites-js{
    display: none;
}
.filter-mobile-active button.btn.btn-select-a11y{
    padding: 2rem 0 !important;
    border-bottom: 1px solid #212121;
}
.filter-mobile-active button.btn.btn-select-a11y:after{
    content: "\f105";
    font-family: 'Font Awesome 7 Pro';
}
/*.select-a11y.select-a11y-opened button.btn.btn-select-a11y:after{
    content: none;
}*/
.select-a11y.select-a11y-opened button.btn.btn-select-a11y span:first-of-type:before{
    content: '\f104';
    font-family: 'Font Awesome 7 Pro';
    margin-right: 1rem;
}
.h1-mobile-filter::after{
    font-family: 'Font Awesome 7 Pro';
    content: "\f00d";
}
.a11y-close-button{
    width: 35.4rem;
    cursor: pointer;
    border: 0.1rem solid #0E4749;
    color: #0E4749;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    height: 3.6rem;
}
div#diplome-filter-sortie .select-a11y .a11y-suggestion[role="option"],
div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"],
div#diplome-filter-sortie .select-a11y .a11y-suggestion[role="button"],
div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="button"]{
    color: inherit;
    margin-top: 0.5rem;
    font-size: 1.3rem;
    width: max-content;
    padding: inherit !important;
    padding: 0.1rem 0.8rem !important;
    border-radius: 1.5rem;
    border: 0.5px solid #707070;
}
div#diplome-filter-sortie .select-a11y .a11y-suggestion[aria-selected="true"], div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[aria-selected="true"]{
    background-color: inherit;
    position: initial;
    color: inherit;
    border: 0.2rem solid #001230 !important;
}
#form-debouches-container .select-a11y .a11y-suggestion[aria-selected="true"], #form-competences-container .select-a11y .a11y-suggestion[aria-selected="true"]{
    border: inherit;
}

/*.select-a11y .a11y-suggestion[role="option"]{
    color: inherit;
    margin-top: 0.5rem;
    font-size: 1.3rem;
    width: max-content;
    padding: inherit !important;
    padding: 0.1rem 0.8rem !important;
}*/
 #form-debouches-container .select-a11y .a11y-suggestion[role="option"]{
    margin-top: 0 !important;
    font-size: 1.4rem;
    font-weight: 300;
    outline: none !important;
    font-family: 'Roboto';
    cursor: inherit !important;
}
#form-competences-container .select-a11y  .a11y-suggestion[role="option"]{
    margin-top: 0 !important;
    font-size: 1.4rem;
    font-weight: 300;
}

.modal-dialog{
    max-width: 50rem;
}
div#ejModal{
    padding: 0;
}
ul:not(#offcanvasMobileBurger ul) li.nav-item a.nav-link[data-bs-toggle="pill"]{
    color: #002626;
    border-radius: 5px;
    font-size: 1.6rem;
    background-color: white;
    margin-left: 1rem;
    cursor: pointer;
}
ul:not(#offcanvasMobileBurger ul) li.nav-item a.nav-link[data-bs-toggle="pill"].active{
    color: #49A078;
    background-color: #fff;
    font-size: 1.6rem;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
}
ul.nav-pills{
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}

.a11y-container.select-debouches-competences-container{
    max-width: 40rem;
    max-height: 40rem;
    margin: 0 auto;
    margin-top: 3rem;
    background-color: white;
    border: 0.05px solid #49A078 !important;
}
#spec-debouches-competences .form-group .select-a11y .a11y-container .a11y-suggestion[role="option"]{
    margin-left: 2rem;
}
#pills-tabContent .form-group .select-a11y .a11y-container .a11y-suggestion[role="option"]{
    padding: 0 0.5rem;
    margin: 0;
}
.formation-specialisation-title{
    font-size: 1.7rem;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 9rem;
}
.formation-specialisation-title:after{
    content: '';
    width: 4rem;
    height: 2px;
    display: block;
    background-color: #49A078;
}

.select-a11y .a11y-suggestion:focus, .select-a11y .a11y-suggestion:hover {
    background-color: inherit;
    color: inherit;
}
#form-debouches-container .select-a11y .a11y-suggestion[aria-selected="true"]{
    background-color: inherit;
    position: initial;
    color: inherit;
    border: inherit;
    outline: none;
    cursor: inherit !important;
}
.tab-content .select-a11y .a11y-suggestion[aria-selected="true"]:hover, .tab-content  .select-a11y .a11y-suggestion[aria-selected="true"]:focus{
    background-color: inherit;
    position: inherit;
    color: inherit;
}
#filter-mobile-container.filter-mobile-active .form-group{
    margin: 0 !important;
}
.filters-diplome-button{
    display: none;
}
.filter-mobile-active .select-a11y-opened{/* responsive */
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 10;
    padding: 2.4rem 3rem 3rem 3rem;
    display: flex;
    flex-direction: column;
}

.desktop-libelle-filter{
    display: none;
}

.select-debouches-competences-container .a11y-suggestions{
    min-height: 25rem !important;
}
.btn.focus, .btn:focus{
    box-shadow: none;
}
.select-a11y li.tag-item{
    width: max-content;
    border: none !important;
    font-size: 1.3rem;
    box-shadow: 0 0 0.1rem #00123029;
    background-color: #FFFFFF;
    border-radius: 1.5rem;
    padding: 0 !important;
    padding-left: 1rem !important;
    display: inline-block;
    margin: 0 0 1rem 1rem;
}
.select-a11y .list-selected li span{
    margin-right: 1rem !important;
}
.libelle-filter-diblome{
    display: none;
}
.select-a11y .list-selected li span.icon-delete{
    position: relative;
    right: 0.8rem;
    bottom: 0.1rem;
    margin-right: 0 !important;  
    font-size: 1rem;
    font-weight: bold;
}
.select-a11y .list-selected li span.icon-delete::before{
    color: #212121 !important;
}
.select-a11y ul.list-inline.list-selected{
    background-color: #F6F7F8;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    display: block;
}
.tab-content .select-a11y ul.list-inline.list-selected{
    display: none;
}
.tab-content .select-a11y .a11y-suggestion[aria-selected="true"]:before {
    display: none;
}
.result-containers{
    margin: 3.2rem 3rem 0rem 3rem;
}
.select-a11y.select-a11y-opened ul.list-inline.list-selected{
    display: none;
}
.select-a11y .tag-item-supp:hover, .select-a11y .tag-item-supp:focus{
    color: black !important;
    border: none !important;
    outline: none;
}
.select-a11y .tag-item-supp{
    border: none;
}
button.tag-item-supp[type="button"]{
    background-color: #CCC;
    right: 0;
    top: 0;
    border-radius: 0 1.5rem 1.5rem 0;
    padding: inherit;
    padding-left: 1.4rem;
}

#form-debouches-container button.btn.btn-select-a11y{
    display: none;
}

#form-competences-container button.btn.btn-select-a11y{
    display: none;
}

#pills-tabContent .form-group.forms-debouches button.btn.btn-select-a11y{
    display: none;
}

#pills-tabContent .form-group.forms-competences button.btn.btn-select-a11y{
    display: none;
}
.form-group.forms-competences, .form-group.forms-debouches{
    min-height: 25rem;
}

.formation-details-titles{
    width: 60%;
}
.no-result{
    all:unset;
    box-shadow: none !important;
 }
.select-a11y .a11y-no-suggestion {
    text-align: center;
    }
.select-a11y .a11y-suggestion {
    font-size: 1.4rem;
    font-weight: 300;
    cursor: initial;
    font-family: 'Roboto';
}
.plaquette {
    border-radius: 0.5rem;
    background: #49A078;
    font-size: 1.5rem;
    display: inline-block;
    height: 4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.plaquette a{
    text-decoration: none;
    color: white;
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-top: 0.8rem;
}
@media (min-width: 768px) {

    #a11y-select-debouches-suggestions{
        max-width: 69.5rem;
        border: none !important;
        margin-left: 1rem;
    }
    .form-group #form-debouches-container .select-a11y .a11y-container{
        max-width: 69.5rem;
        max-height: 40rem;
        background-color: white !important;
        margin: 0;
        border: 0.05px solid #49A078 !important;
    }
    .form-group #form-competences-container .select-a11y .a11y-container{
        max-width: 69.5rem;
        max-height: 40rem;
        background-color: white !important;
        margin: 0;
        border: 0.05px solid #49A078 !important;
    }
    .form-group #form-debouches-container .select-a11y .a11y-container::after,
    .form-group #form-competences-container .select-a11y .a11y-container::after {
        content: "\f002";
        position: absolute;
        font-family: 'Font Awesome 7 Pro';
        font-size: 1.5rem;
        top: 2.5rem;
        right: 2rem;
    }
    .a11y-container.select-debouches-competences-container{
        max-height: 40rem;
    }
    .formation-details-h1{
        font-size: 1.8rem;
        color: #FFFFFF;
        line-height: 2.7rem;
        display: inherit !important;
        padding-top: 0;
    }
    .icon-search-debouches-competences{
        position: absolute;
        right: 2.5rem;
        top: 2rem;
        font-size: 1.5rem;
    }
    #formation-details-logo{
        transform: translateY(3.5rem);
    }
    .formation-details-titles-niveau{
        color: #FFFFFF;
    }
    .formation-details-titles{
        width: 80%;
    }
    .formation-details-titles-decoration{
        background-color: #FFFFFF;
    }
    ul.nav-pills{
        justify-content: flex-start;
        margin: 1rem 0;
    }
    .formation-details-navlinks{
        max-width: 106.6rem; 
        padding-left: 16.5rem;
    }
    #territoire-filter-container button.btn.btn-select-a11y{
        display: none;
    }
    .formation-details-navlinks .nav-icon {
        display: none;
    }
    .select-a11y ul.list-inline.list-selected{
        display: none;
        background-color: #EAEAEA !important;
    }
    .a11y-close-button{
        display: none;
    }
    #territoire-filter-container .a11y-suggestions{
        height: auto !important;
        right: 1rem;
        top: 0.5rem;
    }
    .formation-details-logo{
        position: absolute;
        top: 4rem;
        left: 2rem;
        margin: inherit;
    }
    div.modal-dialog{
        max-width: 106.6rem !important;
    }
    .formation-specialisation-title{
        margin-top: 4rem;
    }
    #spec-debouches-competences{
        margin-top: 4rem;
    }
    .prev-next-modal {
        padding: 0 3rem;
    }
    .formation-details-nav{
        padding: 0;
    }
    .formation-details-logo{
        transform: none;
    }
    
    .formation-details-geo-contact .accordion {
        max-width: 60rem;
    }
    div.d-flex.align-items-center.header-container div.row.header-row{
        height: inherit;
        width: 136.6rem;
        --bs-gutter-x: 0;
    }
    input#a11y-selectcompetences-js, input#a11y-selectdebouches-js{
        width: 68rem;
        min-height: 4.1rem;
        border-radius: 0.5rem;
        margin-left: 0.4rem;
        background-color: #F6F7F8;
        border: none;
        font-size: 1.4rem;
        padding: 0 1rem 0 1rem;
        margin-top: 1rem;
    }

    .h1-mobile-filter-underline{
        display: none;
    }
    .next-modal{
        right: -2.5rem;
    }
    .prev-modal{
        left: -2.5rem;
    }
    .tab-content div.a11y-container{
        position: relative !important;
      /*  z-index: 0 !important;*/
     /*   top: 0;*/
    }
    .a11y-container.select-debouches-competences-container{
        max-width: 69.5rem;
        min-height: 25rem;
        margin: 0;
        border: 0.05px solid #49A078 !important;
        background-color: white;
    }
    #diplome-filter-sortie div.a11y-container, .diplome-filter-niveau-entree div.a11y-container, .diplome-modalites-filter div.a11y-container{
        position: absolute !important;
        z-index: 10 !important;
        width: 23rem;
        background-color: #F6F7F8 !important;
        max-height: 21rem;
        margin-top: 0.3rem !important;
        box-shadow: 0px 5px 10px #00123029;
    }
    ul.list-inline.list-selected{
        display: none;
    }
    #school-presentation-informations{
        background-color:  #F6F7F8; 
    }
    #formationSearchForm{
        position: relative;
    }
    
    /*.select-a11y .a11y-suggestions{
        margin: 0 !important;
    }*/
    #territoire-filter-container .select-a11y .a11y-suggestions{
        overflow-y: unset !important;
    }
    div#territoire-filter-container .a11y-container div#a11y-territoire-suggestions div[role="listbox"]{
        display: flex !important;
        margin: 1rem 0;
        width: 100%;
        flex-wrap: wrap !important;
    }
    div#diplome-filter-sortie .a11y-container div#a11y-sortie-suggestions div[role="listbox"]{
        display: flex !important;
        position: relative;
        flex-direction: column;
        width: 23rem;
    }
    /*div#diplome-filter-sortie .a11y-container div#a11y-select-element2-suggestions div[role="listbox"]:before{
        content: '\f0b0';
        font-family: "Font Awesome 6 Pro";
        font-size: 1.35rem;
        left: -3rem;
        position: absolute;
        align-self: center;
    }*/
    div#diplome-filter-sortie .select-a11y button.btn.btn-select-a11y span{
        /*display: none;*/
    }
    #filter-mobile-container{
        position: inherit;
        width: 100%;
        display: inherit !important;
        padding: 0;
    }
    .animated-background {
        animation-duration: 1.25s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: darkgray;
        background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
        background-size: 103rem 15.3rem;
        height: 15.3rem;
        position: relative;
        border-radius: 0.8rem;
    }
    div#diplome-filter-sortie .select-a11y .a11y-suggestion[role="option"], .diplome-filter-niveau-entree .select-a11y .a11y-suggestion[role="option"], .diplome-modalites-filter .select-a11y .a11y-suggestion[role="option"]{
        display: flex;
        font-size: 1.4rem;
        line-height: 2.2rem;
        text-decoration: none !important;
        color: inherit;
        border: none !important;
        outline: inherit !important;
        margin-top: 0;
        margin-bottom: .2rem;
        padding: 0 1rem !important;
        align-items: center;
        width: 100%;
        letter-spacing: 0px;
    }
    div#diplome-filter-sortie .select-a11y .a11y-suggestion[aria-selected="true"]:hover:before, .diplome-filter-niveau-entree .select-a11y .a11y-suggestion[aria-selected="true"]:hover:before, .diplome-modalites-filter .select-a11y .a11y-suggestion[aria-selected="true"]:hover:before,
    div#diplome-filter-sortie .select-a11y .a11y-suggestion[aria-selected="true"]:focus:before, .diplome-filter-niveau-entree .select-a11y .a11y-suggestion[aria-selected="true"]:focus:before, .diplome-modalites-filter .select-a11y .a11y-suggestion[aria-selected="true"]:focus:before{
        color: white !important;
        margin-left: 0.2rem;;
    }
    div#diplome-filter-sortie .select-a11y .a11y-suggestion[role="option"]:hover, .diplome-filter-niveau-entree .select-a11y .a11y-suggestion[role="option"]:hover, .diplome-modalites-filter .select-a11y .a11y-suggestion[role="option"]:hover,
    div#diplome-filter-sortie .select-a11y .a11y-suggestion[role="option"]:focus, .diplome-filter-niveau-entree .select-a11y .a11y-suggestion[role="option"]:focus, .diplome-modalites-filter .select-a11y .a11y-suggestion[role="option"]:focus{
        background-color: #001230; 
        color: white;
        border-radius: 0;
    }
    .count-diplome-selection{
        background-color: #CCCCCC;
        width: 1.9rem;
        height: 1.9rem;
        margin-left: 0.4rem;
        border-radius: 0.5rem;
    }
    #diplome-filter-sortie .select-a11y .a11y-suggestion::before, .diplome-filter-niveau-entree .select-a11y .a11y-suggestion::before, .diplome-modalites-filter .select-a11y .a11y-suggestion::before{
        font: var(--fa-font-light) !important;
        content: '\f0c8';
        margin-right: 0.5rem;
        left: 0;
        margin-left: 0.2rem;
    }
    #diplome-filter-sortie .select-a11y .a11y-suggestion[aria-selected="true"]::before, .diplome-filter-niveau-entree .select-a11y .a11y-suggestion[aria-selected="true"]::before, .diplome-modalites-filter .select-a11y .a11y-suggestion[aria-selected="true"]::before{
        font: var(--fa-font-solid) !important;
        content: '\f14a' !important;
        color: #001230 !important;
        display: block;
    }
    .filter-diplome-container .a11y-select-all-suggestion{
        display: none;
    }
    
    div#diplome-filter-sortie, .diplome-modalites-filter, .diplome-filter-niveau-entree{
       /* width: 23rem;*/
        display: flex;
        margin-bottom: 0 !important;
        z-index: 10;
    }
    
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"]{
        width: 30rem;
        min-height: 7rem;
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
        padding: 1rem !important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-radius: 0.5rem;
        border: 0.05rem solid #C9C9C9;
        font-size: 1.4rem;
        letter-spacing: 0;
        color: #212121;
        cursor: pointer;
        flex: 0 1 23.66%;
        text-align: center;
        font-weight: 500;
    }
    .filter-diplome-container{
        display: flex;
        align-items: end;
        margin-bottom: 0.5rem;
    }
    .checkBoxSuggestionsStyle{
        width: 1.5rem;
        height: 1.5rem;
        display: flex;
        margin-right: 1rem;
        border: 1px solid #000;
        justify-content: center;
        align-items: center;
    }
    .libelle-filter-diblome{
        display: flex;
        font-size: 1.4rem;
    }
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"]:hover{
        color: #49A078;
        box-shadow: 0.3rem 0.6rem 0.9rem #00123029;
        border: 0.05rem solid transparent !important;
    }
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"][aria-selected="true"]{
        color: #0E4749;
        background-color: #F6F7F8;
        box-shadow: 0.3rem 0.6rem 0.9rem #00123029;
        border: 0.05rem solid transparent !important;
        outline: inherit !important;
        text-decoration: none !important;
    }
    
    .filter-diplome-container .select-a11y {
        margin: 0 0.5rem;
        min-width: 23rem;
    }
    
    /*.filter-diplome-container button.btn.btn-select-a11y{
        text-align: left;
        height: 3.9rem;
        background-color: #f6f7f8 !important;
        justify-content: left;
        align-items: center;
        bottom: 0;
        cursor: pointer;
        border-radius: .5rem;
        padding: 1rem !important;
        font-size: 1.4rem;
        line-height: 1.9rem;
    }*/
    
    .filter-diplome-container .select-a11y .btn-select-a11y :not(.icon-select) {
        flex-grow: 1;
    }
    
    .filter-diplome-container .select-a11y .btn-select-a11y .icon-select {
        background-color: transparent;
        position: relative;
        right: auto;
        top: auto;
    }
    .filter-diplome-container .select-a11y .btn-select-a11y .icon-select:before {
        font: var(--fa-font-solid);
        content: '\f0d7';
    }

    .select-a11y.select-a11y-opened button.btn.btn-select-a11y span:first-of-type:before{
        content: none;
        margin-right: 0;
    }
    .filter-diplome-container .select-a11y .btn-select-a11y:focus-within {
        border: 1px solid #001230;
      }
    .filter-diplome-container .select-a11y .a11y-suggestion[aria-selected="true"] {
        background-color: transparent;
    }
    .filter-diplome-container .select-a11y .a11y-suggestion:hover {
        background-color: #001230;
        color:  #FFFFFF;
    }

    #a11y-modalites-formation-js{
        display: none;
    }
    #a11y-sortie-suggestions div[role="listbox"]{
        display: none;
    }
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"][aria-selected="true"]:focus,
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"][aria-selected="true"]:hover,
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"][aria-selected="true"]:active,
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"][aria-selected="true"]:target,
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="option"][aria-selected="true"]:visited{
        border: 0.05rem solid transparent !important;
        outline: inherit !important;
        text-decoration: none !important;
    }
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[role="button"]{
        display: flex;
        width: 30rem;
        min-height: 7rem;
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
        padding: 1rem !important;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-radius: 0.5rem;
        border: 0.05rem solid #C9C9C9;
        font-size: 1.4rem;
        letter-spacing: 0;
        color: #212121;
        cursor: pointer;
        flex: 0 1 23.66%;
        text-align: center;
        font-weight: 500;
        margin-top: 0.5rem;
    }
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[aria-pressed="false"]:hover{
        color: #49A078;
        box-shadow: 0.3rem 0.6rem 0.9rem #00123029;
        border: inherit;
    }
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[aria-pressed="0"]:hover{
        color: #49A078;
        box-shadow: 0.3rem 0.6rem 0.9rem #00123029;
        border: inherit;
    }
    div#territoire-filter-container #a11y-territoire-suggestions div.a11y-suggestion[aria-pressed="true"]{
        color: #0E4749;
        background-color: #F6F7F8;
        box-shadow: 0.3rem 0.6rem 0.9rem #00123029;
        border: inherit !important;
        outline: inherit !important;
        text-decoration: none !important;
    }
    .main-container{
        margin: 0 6rem;
    }

    .h2-school{
        font-size: 1.4rem; 
        line-height: 2.4rem; 
        display: inline-block;
    }
    .type-etablissement-decoration{
        display: inline-block;
        width: 0.4rem;
        height: 0.4rem;
        background-color: #FFFFFF;
        border-radius: 50%;
        margin: 0 1rem;
    }
    .type-etablissement{
        display: inline;
    }

    .p-content{
        font-size: 1.4rem;
        flex-basis: 75%;
    }
    dd.p-content{
        margin: 0;
        margin-left: 1rem;
    }
    .like-mobile-button{
        display: none;
    }
    
    .desktop-libelle-filter{
        display: inline;
        font-size: 1.6rem;
        color: #212121;
    }
    
    .desktop-filter-show-button{
        display: block;
        padding: 0 0.5rem;
        border: none;
        background-color: #49A078; 
        color: #FFFFFF; 
        border-radius: 0.5rem; 
        width: 15rem;
        text-align: center;
        position: absolute; 
        bottom: 0; 
        right: 0; 
        font-size: 1.5rem; 
        font-weight: lighter; 
    }
    #diplome-filter-sortie .select-a11y{
        width: 23rem;
    }
    .filters-diplome-button{
        display: flex;
        background-color: #f6f7f8;
        border-radius: 0.5rem;
        width: 11.7rem;
        height: 3.9rem;
        font-size: 1.6rem;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        border-style: none;
        padding: 0;
        margin-right: 0.5rem;
    }
    .filters-diplome-button:focus-visible {
        outline: none;
      }
    .filters-diplome-button .arrow {
        display: flex;
        align-items: center;
        width: 1.5rem;
        height: 3.9rem;
        border-radius: 0px 5px 5px 0px;
        background-color: #ECECEC;
    }

    .filters-diplome-button.collapsed .arrow:before {
        content: "\f0da";
        margin-left: 0.2rem;
    }
    .filters-diplome-button .arrow:before {
        content: "\f0d9";
        font: var(--fa-font-solid);
        margin-left: 0.4rem;
    }
    
    .diplome-filter-niveau-entree .a11y-suggestions, #a11y-sortie-suggestions.a11y-suggestions, .diplome-modalites-filter .a11y-suggestions{
        padding: 1rem 0 !important;
        border-radius: 0.5rem;
        max-height: 21rem;
        overflow-y: scroll;
        scrollbar-width: thin;
        overflow-x: hidden;
        background-color: #F6F7F8 !important;
        height: auto !important;
    }
    .result-container{
        border-radius: 1.5rem; 
        margin-top: 1.5rem; 
        box-shadow: #00123029 0 0.1rem 0.4rem;
        background-color: #FFFFFF;
        margin: 0;
        margin-bottom: 1.5rem;
        line-height: normal;
        min-height: 18rem;
        top: 1.5rem;
        max-width: 103.3rem;
    }
    p.p-content{
        display: inline-block;
        margin: 0;
        position: absolute;
        max-width: 50rem;
        left: 25rem;
    }
    .result-containers{
        padding: 2rem 4rem 4rem 4rem;
        border-radius: 1.5rem;
        margin-bottom: 9.4rem;
        background-color: #FFFFFF;
        position: relative !important;
        z-index: 2 !important;
        background-color: #F6F7F8;
        margin: 0;
    }
    .result-thumbnail-container{
        width: 3.5rem; 
        height: 5.5rem; 
        border-radius: 1.5rem 0; 
    }
    .result-thumbnail{
        font-size: 1.5rem;
    }
    
    .result-contents{
        max-width: 92rem;
        max-height: min-content;
        position: relative;
    }
    .result-link{
        width: 12.6rem; 
        height: 3.9rem; 
        border-radius: 1.5rem 0; 
        font-size: 1.4rem; 
        display: flex;
        justify-content: center;
        align-items: center;
    }
    div.result-link a[target="_blank"]{
        color: black !important;
    }
    #header-school-logo{
        width: 13rem; 
        height: 8rem; 
        transform: translateY(2.5rem);
        padding: 0.8rem;
    }

    .header-banniere{
        height: 23rem;
    }
    
    .ej-logo{
        width: 12.5rem; 
    }
    #nav-mobile li.nav-button a {
        width: 3.6rem; 
        height: 3.6rem; 
        margin: 1rem auto 3rem auto; 
        font-size: 1.5rem;
    }
    
    #nav-mobile{
        display: none;
    }    

    #nav-desktop{
        position: relative;
        display: flex;
        width: 100%;
        max-height: 4.9rem;
        justify-content: space-between;
        border-bottom: 0.05rem solid #49A078;
        margin-bottom: 4rem;
        padding: 0 calc((100% - 136.6rem + 12rem )/ 2);
    }

    .nav-desktop-container{
        font-size: 1.5rem;
        padding-left: 14.5rem;
        min-height: 4.9rem;
        align-items: center;
    }

    #nav-desktop li.nav-button a, #nav-desktop li.nav-button a:hover, #nav-desktop li.nav-button a:focus, #nav-desktop li.nav-button a:active{
        color: inherit;
        text-decoration: inherit;
        cursor: pointer;
    }

    #nav-desktop li.nav-button:not(.active) a {
        font-weight: 300;
    }
    
    #nav-mobile li.nav-button.active a{
        font-size: 1.7rem;
        height: 3.6rem; 
        border-radius: 2.1rem; 
        width: 12.9rem
    }
    
    .nav-icon{
        left: 1.2rem;
    }
    .nav-mobile-item-text-active{
        left: 4rem;
        font-size: 1.3rem;
    }

    .filtre-territoire-desktop{
        width: 124.5rem;
    }

    .responsive-col {
        margin: 1rem -0.75rem;
        width: 100%;
    }
    .responsive-col-col>div[class^="col-"] {
        display: flex;
        flex-direction: column;
    }
    
    
    #filter-mobile-territoire {    
        cursor: pointer;
    }


    .responsive-col>div[class^="col-"]>* {
        display: flex;
        flex-grow: 1;
    }

    .filtre-territoire-desktop :last-child, 
    .filtre-territoire-desktop :nth-child(4n),
    .filtre-territoire-desktop :nth-child(8n){
        margin-right: 0 !important;
    }


    .qualification-desktop-container{
        display: flex;
        justify-content: flex-start;
        margin: 1.5rem 0 0.9rem 4rem;
        font-size: 1.5rem;
    }
    .qualification-desktop-item, .qualification-desktop-item:hover, .qualification-desktop-item:focus, .qualification-desktop-item:active{
        margin-right: 1.9rem;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }
    
    .qualification-desktop-decoration{
        height: 3.6rem; 
        border-radius: 0.7rem; 
        color: #FAFAFA !important;
        background-color: #49A078; 
        margin: 0 auto;
        width: 6rem;
        overflow: hidden;
        top: 3.5rem;
        z-index: 1 !important;
        position: absolute;
        /*transform: translateX(6.7rem);*/
        /*transition: left .4s ease-in-out;*/
    }

    .filter-mobile-active{
        height: 67.3rem;
    }
    
    .h1-mobile-filter{
        display: none;
    }
    #arrow-filter-1{
        display: none;
    }
    #arrow-filter-2{
        display: none;
    }
    
    /**** AJOUTER DES BOX-SHADOW **/
    #nav-mobile-filter-button{
        bottom: 6rem;
        right: 1.3rem;
        width: 4.6rem; 
        height: 4.6rem; 
        font-size: 1.8rem;
    }

    #footer-links > a{
        color: inherit; 
        text-decoration: inherit;
        line-height: 2.4rem;
    }
    
    #footer-rs{
        text-align: end; 
        font-size: 2rem; 
    }
    #header-rs {
        text-align: end;
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }
    a.ej-header-link + a.ej-header-link {
        margin-left: 0.5rem;
    }
    a.ej-footer-link + a.ej-footer-link  {
        margin-right: 0.2rem;
    }
/*    i.fa-light {
        position: absolute;
        right: 0;
    }*/
    .accordion .btn {
       --bs-btn-focus-box-shadow: none !important;
        width: 100%;
        text-align: left;
    }
    .select-debouches-competences-input{
        min-width: 30rem;
        min-height: 4.1rem;
        position: relative;
        border-radius: 0.5rem;
        width: 68rem;
        background-color: #F6F7F8;
        border: none;
        margin-left: 0.4rem;
        font-size: 1.4rem;
        padding: 0 1rem 0 1rem;
        margin-top: 1rem;
    }
    .page-subtitle a {
       color: white;
    }
  
}
@media (max-width: 768px) {
    .formation-details-presentation {
        margin: 2.2rem 0 0 2rem;
        padding-right: 4rem;
    }
    body {
        background-color: #FFF;
    }
    #main-mobile {
        background-color: #FFF;
    }
    .formation-details-geo-contact .accordion .card {
        width: 36rem;
    }
    .header-row{
        box-shadow: #00123029 0 0.1rem 0.4rem;
    }
    .page-subtitle{
        display: flex;
        justify-content: center;
    }
    .formation-details-titles-niveau {
        display: flex;
        justify-content: center;
    }
    .formation-details-titles-decoration {
        display: none;
    }
    #spec-debouches-competences {
        display: initial;
    }
    .form-group #form-debouches-container .select-a11y .a11y-container {
        max-width: 69.5rem;
        max-height: 40rem;
        background-color: white !important;
        margin: 0;
        border: 0.05px solid #49A078 !important;
    }
    .select-debouches-competences-input{
        min-height: 4.1rem;
        border-radius: 0.5rem;
        width: 38.5rem;
        background-color: #F6F7F8;
        border: none;   
        font-size: 1.4rem;
        margin-top: 1rem;
        padding: 0 1rem 0 1rem;
    }
    .formation-specialisation-title {
        display: flex;
        flex-direction: column;   
        padding-left: 1.4rem;
        padding-right: 1.4rem;
    }
    input#a11y-selectcompetences-js, input#a11y-selectdebouches-js{
        min-width: 30rem;
        min-height: 4.1rem;
        border-radius: 0.5rem;
        width: 38.5rem;
        background-color: #F6F7F8;
        border: none;
        font-size: 1.4rem;
        padding: 0 1rem 0 1rem;
        margin-top: 1rem;
    }
    .form-group #form-debouches-container .select-a11y .a11y-container {
        max-width: 40rem;
        max-height: 40rem;
        margin: 0 auto;
        margin-top: 3rem;
        border: 0.05px solid #49A078;
    }
    
    .form-group #form-competences-container .select-a11y .a11y-container {
        max-width: 40rem;
        max-height: 40rem;
        margin: 0 auto;
        margin-top: 3rem;
        border: 0.05px solid #49A078;
        background-color: white;
    }
    .accordion .btn {
        width: 100%;
        text-align: left
    }
    #h2-school-presentation {
         margin: 2.2rem 0 0 2rem; 
    }
    .page-subtitle a {
        color: black;
    }

    .select-a11y .btn-select-a11y .icon-select::before{
        content: inherit !important;
    }
}