/*
* Feuille CSS 
* Test => Viewport Unit | Media Queries | Rem
*/

/* roboto-300italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('fonts/roboto-v30-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v30-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/roboto-v30-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v30-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/roboto-v30-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v30-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/roboto-v30-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v30-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/roboto-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v30-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('fonts/roboto-v30-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v30-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/roboto-v30-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v30-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/roboto-v30-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v30-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'GT Pressura Regular';
    font-style: normal;
    font-weight: normal;
    src: local('GT Pressura Regular'), 
        url('fonts/GT Pressura Regular.woff2') format('woff2'),
        url('fonts/GT Pressura Regular.woff') format('woff');
}

@font-face {
    font-family: 'GT Pressura Light';
    font-style: normal;
    font-weight: normal;
    src: local('GT Pressura Light'), 
        url('fonts/GT Pressura Light.woff2') format('woff2'),
        url('fonts/GT Pressura Light.woff') format('woff');
}

/* 
62.5%
1rem = 10px
1.5rem = 15px
102.4rem = 1024px
*/

/*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); =10 px à 1366vw*/

/* 
Le zoom de Windows est le plus souvent de 100% ou 125%
Le zoom "90%"  du navigateur est donc de 0.9dppx (90%)  ou 1.125dppx (112.5%)
Le zoom "100%" du navigateur est donc de 1dppx   (100%) ou 1.25dppx  (125%)
Le zoom "120%" du navigateur est donc de 1.2dppx (120%) ou 1.5dppx   (150%)
*/

/*****************************************
 * Desktop Devices (768px - 1500px) 
 *****************************************/
/* Zoom < 90% ou < 72% d'un navigateur */
/*@media screen and (max-width: 1499.98px) and (min-width: 768px) and (max-resolution: 0.9dppx),
screen and (max-width: 1499.98px) and (min-width: 768px) and (max-resolution: 86dpi),
screen and (max-width: 1499.98px) and (min-width: 768px) and (-webkit-max-device-pixel-ratio: 0.9){*/
    html {
        font-size: calc(var(--font-size-ratio, 1) * 10px); /*calc(0.9 * 0.732vw);*/
    }
/*}*/
/* Zoom > 90% ou > 72% et < 155% ou < 124% d'un navigateur */
@media screen and (max-width: 1499.98px) and (min-width: 768px) and (min-resolution: 0.9dppx) and (max-resolution: 1.55dppx) and (min-height: 730px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (min-resolution: 86dpi) and (max-resolution: 149dpi) and (min-height: 730px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0.9) and (-webkit-max-device-pixel-ratio: 1.55) and (min-height: 730px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (resolution: 2dppx) and (min-height: 730px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (resolution: 192dpi) and (min-height: 730px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (-webkit-device-pixel-ratio: 2) and (min-height: 730px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (resolution: 3dppx) and (min-height: 730px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (resolution: 288dpi) and (min-height: 730px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (-webkit-device-pixel-ratio: 3) and (min-height: 730px) {
    html {
        font-size: calc(var(--font-size-ratio, 1) * 0.723vw); /* 1000 / (1366 + 16)*/
    }
}
/* Optimisation de la ligne de flotaison */
@media screen and (max-width: 1499.98px) and (min-width: 768px) and (min-resolution: 0.9dppx) and (max-resolution: 1.55dppx) and (max-height: 729px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (min-resolution: 86dpi) and (max-resolution: 149dpi) and (max-height: 729px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0.9) and (-webkit-max-device-pixel-ratio: 1.55) and (max-height: 729px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (resolution: 2dppx) and (max-height: 729px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (resolution: 192dpi) and (max-height: 729px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (-webkit-device-pixel-ratio: 2) and (max-height: 729px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (resolution: 3dppx) and (max-height: 729px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (resolution: 288dpi) and (max-height: 729px),
screen and (max-width: 1499.98px) and (min-width: 768px) and (-webkit-device-pixel-ratio: 3) and (max-height: 729px) {
    html {
        font-size: calc(var(--font-size-ratio, 1) * 0.673vw);
    }
}

/* Zoom > 90% ou > 72% et < 100% ou < 124% d'un navigateur */
@media screen and (min-width: 1500px) and (min-resolution: 0.9dppx) and (max-resolution: 1.24dppx),
screen and (min-width: 1500px) and (min-resolution: 86dpi) and (max-resolution: 119dpi),
screen and (min-width: 1500px) and (-webkit-min-device-pixel-ratio: 0.9) and (-webkit-max-device-pixel-ratio: 1.24),
screen and (min-width: 1500px) and (resolution: 2dppx),
screen and (min-width: 1500px) and (resolution: 192dpi),
screen and (min-width: 1500px) and (-webkit-device-pixel-ratio: 2),
screen and (min-width: 1500px) and (resolution: 3dppx),
screen and (min-width: 1500px) and (resolution: 288dpi),
screen and (min-width: 1500px) and (-webkit-device-pixel-ratio: 3) {
    html {
        font-size: calc(var(--font-size-ratio, 1) * 11px);
    }
}

/*****************************************
 * Tablet (482px - 768px)
 *****************************************/
@media screen and (max-width: 767.98px) and (min-width: 481px) {
    html {
        font-size: calc(var(--font-size-ratio, 1) * (11.62px + (13 - 11.62) * ((100vw - 481px) / (768 - 481))));
    }
}

/*****************************************
 * Smallest devices (mobile, less than 481px) 
 *****************************************/
@media screen and (max-width: 480.98px)  {
    html {
        font-size:calc(var(--font-size-ratio, 1) * 2.415vw) /* 1000 / 414 */;
    }
}

/*
* Body
*/

body {
    width: 100%;
    margin: 0 auto;
}

*:focus-visible {
    outline: none;
}

* {
    scrollbar-color: var(--bs-primary) transparent;
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 0.3rem;
    background-color: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
}

*:not(body)::-webkit-scrollbar {
    width: 1rem;
}

*:not(body)::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border-right: 0.7rem solid transparent;
}
/*****************************************
 * All Desktop Devices (> 768px) 
 *****************************************/
@media screen and (min-width: 768px) {
    body {
        min-width: 136.601rem;
    }
    .ej-show-mobile {
        display: none !important;
    }
}

/*****************************************
 * All Mobile + Tablet Devices (< 768px) 
 *****************************************/
@media screen and (max-width: 767.98px) {
    .ej-show-deskop {
        display: none !important;
    }
}

/**
 * Modal
 **/

.modal {
    --bs-modal-border-radius: 1.5rem;
    --bs-modal-padding: 4rem;
    --bs-modal-margin: 2rem;
    --bs-btn-margin-top: 2rem;
}
.modal-xl,
.modal-lg, 
.modal, 
.modal-sm,
.modal-xs  {
    --bs-modal-width: 90%;
}

@media screen and (min-width: 768px) { 
    .modal {
        --bs-modal-margin: 4.5rem;
    }
    .modal-sm,
    .modal-xs  {
        --bs-modal-margin: 11.5rem;
    }
    .modal-xl,
    .modal-lg {
        --bs-modal-margin: 4.5rem;
    }
    .modal {
        --bs-modal-width: 103.4rem;
    }
    .modal-xl {
        --bs-modal-width: 132.6rem;
    }
    .modal-lg {
        --bs-modal-width: 124.6rem;
    }
    .modal-sm {
        --bs-modal-width: 82.4rem;
    }
    .modal-xs {
        --bs-modal-width: 61.5rem;
    }
}

.modal-content>button.close {
    border: none;
    background-color: transparent;
    margin: 2rem 2rem 0 0;
    position: absolute;
    right: 0;
}

.modal .modal-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.modal .modal-mt-0 {
    margin-top: 0 !important;
}
.modal .modal-mb-0 {
    margin-bottom: 0 !important;
}
/**
 * Helper sizing
 **/

.w-136rem,
.w-108rem,
.w-82rem,
.w-61rem{
    max-width: 100%;
    width: 100%;
}
.w-136rem .container-fluid,
.w-108rem .container-fluid,
.w-82rem .container-fluid,
.w-61rem .container-fluid {
    --bs-gutter-x: 0;
}
.modal-dialog:not(.modal-fullscreen) .modal-body .w-136rem,
.modal-dialog:not(.modal-fullscreen) .modal-body .w-108rem,
.modal-dialog:not(.modal-fullscreen) .modal-body .w-82rem,
.modal-dialog:not(.modal-fullscreen) .modal-body .w-61rem {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.mw-45rem,
.mw-62rem {
    max-width: 35.5rem; 
}

.video-25-44,
.video-35-62 {
    width: 35.5rem; 
    height: 19.5rem; 
}

@media (min-width: 768px) {

    .w-136rem{
        max-width: 136.601rem;
        width: 136.601rem;
        --bs-gutter-x: 0;
    }
    .w-108rem{
        max-width: 108.1rem;
        width: 108.1rem;
        --bs-gutter-x: 0;
    }
    .w-82rem {
        max-width: 82.5rem;
        width: 82.5rem;
        --bs-gutter-x: 0;
    }
    .w-61rem {
        max-width: 61.5rem;
        width: 61.5rem;
        --bs-gutter-x: 0;
    }
    
    .video-25-44 {
        width: 44.4rem; 
        height: 25rem; 
    }
    .video-35-62 {
        width: 62rem; 
        height: 35rem; 
    }
}

/**
 * Helper padding & margin
 **/
   

@media (min-width: 768px) {
    .mw-45rem {
        max-width: 45rem; 
    }
    .mw-62rem {
        max-width: 62rem; 
    }
    .ms-md-ngutter-n2rem {
        margin-left: calc(-2rem - var(--bs-gutter-x));
    }
    .me-md-ngutter-n2rem {
        margin-right: calc(-2rem - var(--bs-gutter-x));
    }
    .mt-md-n4rem {
        margin-top: -4rem;
    }
    .ms-md-n5rem {
        margin-left: -5rem;
    }
    .ms-md-n7rem {
        margin-left: -7rem;
    }
    .me-md-n5rem {
        margin-right: -5rem;
    }
    .ps-md-4rem {
        padding-left: 4rem!important;
    }
    .pe-md-4rem {
        padding-right: 4rem!important;
    }
}

/**
 * Variables Bootstrap
 **/

:root {
    --bs-body-color: #212121;
    --bs-body-color-rgb: 33,33,33;
    
    --bs-primary: #001230;
    --bs-primary-rgb: 0,18,48;
    --bs-secondary-bg: #E6EFFF;
    --bs-secondary-bg-rgb: 230,239,255;
    
    --bs-link-color: var(--bs-body-color);
    --bs-link-color-rgb: var(--bs-body-color-rgb);
    --bs-link-hover-color: var(--bs-body-color);
    --bs-link-hover-color-rgb: var(--bs-body-color-rgb);
        
    --bs-blue: #0267C1;
    --ej-blue-light: #E6F3FF;
    --ej-blue-medium: #74ADE0;
    --ej-blue-dark: #012855;
    
    --bs-yellow: #FFB100;
    --ej-yellow-light: #F9F8F6;
    --ej-yellow-medium: #F2ECE1;
    --ej-yellow-dark: #C38700;
    
    --bs-green: #49A078;
    --ej-green-light: #E2F2E1;
    --ej-green-medium: #C2DFD0;
    --ej-green-dark: #0E4749;
    
    --bs-orange: #FC5A27;
    --ej-orange-light: #F4D8CD;
    --ej-orange-medium: #E9B19B;
    --ej-orange-dark: #581E0E;
          
    --bs-danger: #D90000;
    --bs-danger-rgb: 217, 0, 0;
    --bs-danger-text: #D90000;
    --bs-success: #73B01D;
    --bs-success-rgb: 115, 176, 29;
    --bs-warning: #FDBF06;
    --bs-warning-rgb: 253, 191, 6;
    --bs-info: var(--bs-blue);
    --bs-info-rgb: 2, 103, 193;

    --bs-body-font-family: Roboto,system-ui,-apple-system,"Segoe UI","Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-body-font-size: 1.6rem;
    --bs-body-font-weight: 300;
    --bs-body-line-height: 2.4rem;
    
    --ej-header-height: 7rem;
    --ej-banner-entreprise-height-ratio: 0.3;
    --ej-nav-icon-size: 1.8rem;
    --ej-nav-icon-padding-bottom: 0.3rem;
    
    --bs-border-width: 0.1rem;
    --bs-border-color: var(--bs-black);
    --bs-dark-border-subtle: #CCCCCC;
    
    --bs-form-control-bg: transparent;
    --bs-form-control-disabled-bg: transparent;
    
    --bs-btn-margin-top: inherit;
    --bs-btn-margin-bottom: inherit;
    
    --ej-tag-small-list-padding: 1rem;
    --ej-tag-small-height: 2.6rem;
    --ej-tag-small-padding-y: 0.4rem;
    --ej-tag-small-padding-x: 1rem;
    --ej-tag-small-font-size: 1.3rem;
    --ej-tag-small-line-height: 1.8rem;
    --ej-tag-small-margin: 0.7rem;
    
    --ej-nav-link-padding-y: 0.9rem;
}

@media (min-width: 768px) {
    :root {
        --ej-header-height: 6rem;
        --ej-banner-entreprise-height-ratio: 0.22;
        --ej-nav-link-padding-y: 1.7rem
    }
}

.modal-body {
    font-size: 1.4rem;
    line-height: 2.1rem;
}

/**
 * Helper background
 **/

.ej-bg-grey,
.ej-bg-gray{
    background-color: var(--bs-gray-100) !important;
}
.ej-bg-lightblue{
    background-color: var(--ej-blue-light)!important;
}
.ej-bg-white{
    background-color: #FFFFFF !important;
}
.ej-bg-labelblue{
    background-color: #ECEFF4 !important;
}
@media (min-width: 768px) {
    .ej-bg-md-grey,
    .ej-bg-md-gray {
        background-color: var(--bs-gray-100) !important;
    }
    .ej-bg-md-white {
        background-color: #FFFFFF !important;
    }
    .ej-bg-md-lightblue{
        background-color: var(--ej-blue-light) !important;
    }
    .ej-bg-md-labelblue{
        background-color: #ECEFF4 !important;
    }
}

/**
 * Helper shadows
 **/

:root {
    /* .shadow-sm */
    --bs-box-shadow-s: 0 .1rem .3rem rgba(var(--bs-primary-rgb), 0.16);
    /* .shadow */
    --bs-box-shadow: 0 .1rem .4rem rgba(var(--bs-primary-rgb), 0.16);
    /* .shadow-lg */
    --bs-box-shadow-lg: 0 .3rem 1.5rem rgba(var(--bs-primary-rgb), 0.16);
}


.shadow-0-0-6 {
    box-shadow: 0 0 .6rem rgba(var(--bs-primary-rgb), 0.16) !important;
}
.shadow-0-1-6 {
    box-shadow: 0 .1rem .6rem rgba(var(--bs-primary-rgb), 0.16) !important;
}
.shadow-0-3-6 {
    box-shadow: 0 .3rem .6rem rgba(var(--bs-primary-rgb), 0.16) !important;
}
.shadow-2-2-15 {
    box-shadow: .2rem .2rem 1.5rem rgba(var(--bs-primary-rgb), 0.16) !important;
}
.shadow-5-10-15 {
    box-shadow: .5rem 1rem 1.5rem rgba(var(--bs-primary-rgb), 0.16) !important;
}

.shadow-0-1-3-light {
    box-shadow: 0 .1rem .3rem rgba(var(--bs-primary-rgb), 0.1) !important;
}
.shadow-0-1-6-light {
    box-shadow: 0 .1rem .6rem rgba(var(--bs-primary-rgb), 0.1) !important;
}
.shadow-3-3-9-light {
    box-shadow: .3rem .3rem .9rem rgba(var(--bs-primary-rgb), 0.1) !important;
}
.shadow-5-5-10-light {
    box-shadow: .5rem .5rem 1rem rgba(var(--bs-primary-rgb), 0.1) !important;
}
.shadow-7-7-9-light {
    box-shadow: .7rem .7rem .9rem rgba(var(--bs-primary-rgb), 0.1) !important;
}

.shadow-none {
    box-shadow: none !important;
}
    
.shadow-hover {
    transition: all .5s;
}
.shadow-hover:hover {
    box-shadow: .5rem 1rem 1.5rem rgba(var(--bs-primary-rgb), 0.16) !important;
}
.shadow-hover-light:hover {
    box-shadow: .5rem 1rem 1.5rem rgba(var(--bs-primary-rgb), 0.1) !important;
}

@media (min-width: 768px) {

    .shadow-md-0-1-6 {
        box-shadow: 0 .1rem .6rem rgba(var(--bs-primary-rgb), 0.16) !important;
    }
    .shadow-md-0-3-6 {
        box-shadow: 0 .3rem .6rem rgba(var(--bs-primary-rgb), 0.16) !important;
    }
    .shadow-md-5-10-15 {
        box-shadow: .5rem 1rem 1.5rem rgba(var(--bs-primary-rgb), 0.16) !important;
    }
    .shadow-md-none {
        box-shadow: none !important;
    }

}

/**
 * Helper font
 **/

.ff-roboto {
    font-family: Roboto !important;
}
.ff-gt-pressura {
    font-family: GT Pressura Regular !important;
}
.ff-gt-pressura-light {
    font-family: GT Pressura Light !important;
}

.font-12-16 {
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
}
.font-14-19 {
    font-size: 1.4rem !important;
    line-height: 1.9rem !important;
}
.font-14-21 {
    font-size: 1.4rem !important;
    line-height: 2.1rem !important;
}
.font-16-21 {
    font-size: 1.6rem !important;
    line-height: 2.1rem !important;
}
.font-16-24 {
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
}
.font-18-24 {
    font-size: 1.8rem !important;
    line-height: 2.4rem !important;
}
.font-18-27 {
    font-size: 1.8rem !important;
    line-height: 2.7rem !important;
}
.font-22-36 {
    font-size: 2.2rem !important;
    line-height: 3.6rem !important;
}
.font-24-33 {
    font-size: 2.4rem !important;
    line-height: 3.3rem !important;
}
.font-24-36 {
    font-size: 2.4rem !important;
    line-height: 3.6rem !important;
}
.font-24-40 {
    font-size: 2.4rem !important;
    line-height: 4rem !important;
}
.font-30-30 {
    font-size: 3.0rem !important;
    line-height: 3.0rem !important;
}
.font-32-45 {
    font-size: 3.2rem !important;
    line-height: 4.5rem !important;
}
.font-36-50 {
    font-size: 3.6rem !important;
    line-height: 5rem !important;
}
.font-39-50 {
    font-size: 3.9rem !important;
    line-height: 5rem !important;
}

.fw-bold-hover:hover {
    -webkit-text-stroke-width: 0.03rem;
}

.ucfirst :first-child:first-letter {
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .font-md-16-21 {
        font-size: 1.6rem !important;
        line-height: 2.1rem !important;
    }
    .font-md-16-24 {
        font-size: 1.6rem !important;
        line-height: 2.4rem !important;
    }
    .font-md-18-24 {
        font-size: 1.8rem !important;
        line-height: 2.4rem !important;
    }
    .font-md-22-36 {
        font-size: 2.2rem !important;
        line-height: 3.6rem !important;
    }
    .font-md-39-50 {
        font-size: 3.9rem !important;
        line-height: 5rem !important;
    }
}

/**
 * Header EJ
 **/

header {
    min-height: var(--ej-header-height);
}

.ej-img-logo {
    height: 3.2rem;
}

header :not(.dropdown)>.btn {
    --bs-btn-padding-x: 1.9rem;
    --bs-btn-padding-y: .7rem;
    --bs-btn-font-size: 1.4rem;
    --bs-btn-line-height: 1.9rem;
    --bs-btn-border-radius: .5rem;
    --bs-btn-border-width: .1rem;
}

@media (max-width: 767.98px) {
    .ej-img-logo {
        height: 3.5rem;
    }
    .ej-header-login {
        --ej-btn-hover-box-shadow: none;
    }
    .ej-header-login {
        --fa-style: 300;
    }
    .ej-header-login:hover {
        --fa-style: 400;
    }
    .ej-header-login .fa-stack {
        font-size: 1.5rem;
    }
}

/**
 * Banner
 **/

.banner-entreprise {
    --bs-gutter-x: 1rem;
    height: calc(100vw * var(--ej-banner-entreprise-height-ratio));
}

/**
 * Main
 **/

main {
    width: 100%;
    --bs-btn-margin-top: 2rem;
    /*--bs-btn-margin-bottom: 1rem;*/
    padding-bottom: 8rem !important;
}

@media (min-width: 768px) {
    main {
        padding-bottom: 0;
    }
}

/**
 * Titres génériques
 **/

h1 {
    margin: 0;
    padding: 0;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 500;
}

.blog h1 {
    margin-bottom: 2rem;
}

h2 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    margin-top: 2rem;
}

.blog h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: normal;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: normal;
    margin-top: 2rem;
}

.blog h3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.section-title {
    margin: 3rem 0 4rem 0;
}

.section-title .h1-title{
    display: block;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    margin-bottom: 0;
    font: normal normal normal 1.8rem GT Pressura Light;
}

.section-title .h1-subtitle{
    display: block;
    text-align: center;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 500;
    letter-spacing: 0.036rem;
}

.title-underlined {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
}
.title-underlined::after {
    content: '';
    display: block;
    height: 0.3rem;
    width: 4rem;
    border-radius: 0.15rem;
    background-color: var(--ej-btn-active-bg);
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1 !important;
}
    


@media (min-width: 768px) {
    .section-title {
        margin: var(--ej-title-margin-top, 3.1rem) 0 var(--ej-title-margin-bottom, 6rem);
    }
    .section-title .h1-title{
        margin-bottom: 0.6rem;
    }
}

.blog img {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.blog .blockquote {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 300;
    border-left: .3rem solid var(--bs-blue);
    padding-left: 3rem;
    margin: 4rem 0;
}
/*
.blog img + h2,
.blog img + h3,
.blog img + .blockquote {
    margin-top: 0;
}
*/
/**
 * Fil d'ariane
 **/

.breadcrumb {
    --bs-breadcrumb-padding-y: 1rem;
    --bs-breadcrumb-margin-bottom: 0rem;
    --bs-breadcrumb-divider: '>';
    --bs-breadcrumb-item-active-color: var(--bs-primary);
    --bs-breadcrumb-font-size: 1.4rem;
    line-height: 1.9rem;
}
.breadcrumb-item a {
    text-decoration: none;
}
.breadcrumb-item.active {
    font-weight: normal;
}
.breadcrumb-item + .breadcrumb-item::before {
    font-weight: 300;
}
.over-breadcrumb nav ~ div {
    transform: translateY(-3.9rem); /*2*1rem + 1.9rem*/
}
.over-breadcrumb .breadcrumb {
    display: inline-flex;
    margin-top: 1rem;
    margin-bottom: .2rem;
    
    border-radius: calc(var(--ej-tag-small-height) / 2);
    --bs-breadcrumb-padding-y: var(--ej-tag-small-padding-y);
    --bs-breadcrumb-padding-x: var(--ej-tag-small-padding-x);
    background-color: rgba(255,255,255,0.4);
    border: none;
    box-shadow: 0 .1rem .3rem #00123029;
}
@media (min-width: 768px) {
    .breadcrumb {
        --bs-breadcrumb-padding-y: 1rem;
        --bs-breadcrumb-margin-bottom: 0;
    }/*
    .over-breadcrumb {
        transform: translateY(-4.4rem); 
    }*/
}


.row-cover {
    min-height: 29rem; 
    height: calc(100vh - calc(var(--bs-body-line-height) + var(--ej-nav-icon-size) + var(--ej-nav-icon-padding-bottom) + (2 * var(--ej-nav-link-padding-y)) + var(--ej-header-height) )); 
    max-height: 65rem;
}

@media (min-width: 768px) {
    .row-cover {
        height: calc(100vh - calc(var(--bs-body-line-height) + (2 * var(--ej-nav-link-padding-y)) + var(--ej-header-height) )); 
    }
}
@media (max-width: 767.98px) {
    .row-mobile-cover{
        min-height: 29rem; 
        height: calc(100vh - calc(var(--bs-body-line-height) + var(--ej-nav-icon-size) + var(--ej-nav-icon-padding-bottom) + (2 * var(--ej-nav-link-padding-y)) + var(--ej-header-height) )); 
        max-height: 65rem;
        border-radius: 0 !important;
    }
    .mobile-over-breadcrumb nav ~ div {
        transform: translateY(-3.9rem); /*2*1rem + 1.9rem*/
    }
    .mobile-over-breadcrumb .breadcrumb {
        display: inline-flex;
        margin-top: 1rem;
        margin-bottom: .2rem;

        border-radius: calc(var(--ej-tag-small-height) / 2);
        --bs-breadcrumb-padding-y: var(--ej-tag-small-padding-y);
        --bs-breadcrumb-padding-x: var(--ej-tag-small-padding-x);
        background-color: rgba(255,255,255,0.4);
        border: none;
        box-shadow: 0 .1rem .3rem #00123029;
    }
}

/**
 * Section sombre 
 **/

.ej-dark-section {
    --bs-body-color: var(--bs-white);
    --bs-body-color-rgb: var(--bs-white-rgb);
    
    --bs-link-color-rgb: var(--bs-body-color-rgb);
    --bs-link-hover-color-rgb: var(--bs-body-color-rgb);
    
    background-color: var(--bs-primary);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
}
.ej-dark-section a {
    text-decoration: none;
}
.ej-dark-section a:not(.nav-link):not(.dropdown-item):hover {
    text-decoration: underline;
}

.ej-dark-section .dropdown-menu {
    --bs-dropdown-bg: var(--bs-primary);
    --bs-dropdown-color: var(--bs-white);
    --bs-dropdown-link-hover-bg: transparent;
}


.ej-navbar-entreprise,
.ej-navbar-ecole{
    background-color: white;
    border-bottom: 0.1rem solid var(--ej-btn-active-bg);
    top: -1px;
}
.ej-navbar-entreprise .navbar-nav,
.ej-navbar-ecole .navbar-nav {
    padding-left: 0.5rem;
}

.ej-navbar-entreprise:not(.is-pinned) .logo-nav,
.ej-navbar-entreprise:not(.is-pinned) .mode-edition-nav,
.ej-navbar-ecole:not(.is-pinned) .logo-nav,
.ej-navbar-ecole:not(.is-pinned) .mode-edition-nav{
    opacity: 0;
}

.ej-navbar-entreprise .logo-nav {
    height: 4rem;
    width: 9rem;
    text-align: center;  
}
.ej-navbar-ecole .logo-nav {
    height: 4rem;
    width: 13rem;
    text-align: center;
}
.ej-navbar-entreprise.is-pinned .logo-nav,
.ej-navbar-entreprise.is-pinned .mode-edition-nav,
.ej-navbar-ecole.is-pinned .logo-nav,
.ej-navbar-ecole.is-pinned .mode-edition-nav  {
    transition: opacity linear 0.6s;
}

.ej-navbar-entreprise .navbar-nav a,
.ej-navbar-ecole .navbar-nav a {
    text-decoration: none;
}

.ej-navbar-entreprise .nav-item.active a,
.ej-navbar-ecole .nav-item.active a {
    font-weight: 500;
    position: relative;
}

.ej-navbar-entreprise .nav-item.active a::after,
.ej-navbar-ecole .nav-item.active a::after {
    content: '';
    display: block;
    height: 0.5rem;
    width: 6rem;
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: var(--ej-btn-active-bg);
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    transition: translateX 2s ease;
    z-index: 1 !important;
}

@media (min-width: 768px) {
  .ej-navbar-entreprise .navbar-nav,
  .ej-navbar-ecole .navbar-nav {
    --bs-nav-link-font-size: 1.4rem;
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 1.3rem;
  }
}

.ej-bloc-avec-menu {
    --bs-gutter-y: 1.5rem;
}

.ej-bloc-avec-menu .nav {
    --bs-nav-link-padding-y: 1.4rem; 
    --bs-nav-link-padding-x: 0;  
    --bs-nav-pills-link-active-color: var(--bs-body-color); 
    --bs-nav-pills-link-active-bg: transparent;
    --bs-nav-pills-border-radius: 0;
    --bs-nav-link-font-size: 1.6rem;
}

.ej-bloc-avec-menu .nav .nav-link {
    text-align: left;
    line-height: 2.1rem;
}
.ej-bloc-avec-menu .nav .nav-link.active {
    font-weight: normal;
    position: relative;
}

@media (min-width: 768px) {
    .ej-bloc-avec-menu .nav .nav-link.active::before {
        content: '';
        display: block;
        height: 4.9rem;
        width: 0.7rem;
        border-radius: 0 0.6rem 0.6rem 0;
        background-color: var(--ej-btn-active-bg);
        overflow: hidden;
        position: absolute;
        left: -3rem;
        top: 0;
        /*transform: translateX(-50%);
        transition: translateX 2s ease;*/
        z-index: 1 !important;
    }
    .ej-bloc-avec-menu .nav .nav-link:not(:last-of-type){
        border-bottom: 0.05rem solid var(--bs-primary);
    }
}


/**
 * Footer
 **/

footer .container-fluid {
    padding: 3rem 6rem 2rem;
    line-height: 2.4rem;
}

.ej-footer-menu a {
    margin-bottom: 0.5rem;
}

.ej-footer-icon a {
    margin-left: 0.54rem;
    margin-right: 0.54rem;
    font-size: 2rem;
}

.ej-footer-icon a:hover {
    text-decoration: none !important;
}

/**
 * Couleurs par compte
 **/

body:not(.style-ecole):not(.style-entreprise):not(.style-asso):not(.style-jeune) {
    --ej-btn-default-bg: var(--bs-primary);
    --ej-btn-default-color: var(--bs-white);
    --ej-btn-active-bg: var(--bs-primary);
    --ej-btn-active-color: var(--bs-white);
    --ej-form-active-bg: var(--bs-primary);
    --ej-btn-hover-box-shadow: 0 0 0 0.3rem rgba(var(--bs-primary-rgb), .5);
    
    --ej-color-normal: var(--bs-primary);
    --ej-color-light: var(--ej-blue-light);
    --ej-color-medium: var(--bs-secondary-bg);
    --ej-color-dark: var(--bs-primary);
    --ej-color-over-medium: var(--bs-body-color);
    --ej-color-bg: var(--bs-blue);
}
body.style-ecole {
    --ej-btn-default-bg: var(--bs-primary);
    --ej-btn-default-color: var(--bs-white);
    --ej-btn-active-bg: var(--bs-green);
    --ej-btn-active-color: var(--bs-white);
    --ej-form-active-bg: var(--bs-green);
    --ej-btn-hover-box-shadow: none;
    
    --ej-color-normal: var(--bs-green);
    --ej-color-light: var(--ej-green-light);
    --ej-color-medium: var(--ej-green-medium);
    --ej-color-dark: var(--ej-green-dark);
    --ej-color-over-medium: var(--bs-body-color);
    --ej-color-bg: var(--ej-color-dark);
}
body.style-entreprise {
    --ej-btn-default-bg: var(--bs-primary);
    --ej-btn-default-color: var(--bs-white);
    --ej-btn-active-bg: var(--bs-blue);
    --ej-btn-active-color: var(--bs-white);
    --ej-form-active-bg: var(--bs-blue);
    --ej-btn-hover-box-shadow: none;
    
    --ej-color-normal: var(--bs-blue);
    --ej-color-light: var(--ej-blue-light);
    --ej-color-medium: var(--ej-blue-medium);
    --ej-color-dark: var(--ej-blue-dark);
    --ej-color-over-medium: var(--bs-white);
    --ej-color-bg: var(--ej-color-normal);
}
body.style-asso {
    --ej-btn-default-bg: var(--bs-primary);
    --ej-btn-default-color: var(--bs-white);
    --ej-btn-active-bg: var(--bs-orange);
    --ej-btn-active-color: var(--bs-white);
    --ej-form-active-bg: var(--bs-orange);
    --ej-btn-hover-box-shadow: none;
    
    --ej-color-normal: var(--bs-orange);
    --ej-color-light: var(--ej-orange-light);
    --ej-color-medium: var(--ej-orange-medium);
    --ej-color-dark: var(--ej-orange-dark);
    --ej-color-over-medium: var(--bs-body-color);
    --ej-color-bg: var(--ej-color-dark);
}
body.style-jeune {
    --ej-btn-default-bg: var(--bs-primary);
    --ej-btn-default-color: var(--bs-white);
    --ej-btn-active-bg: var(--bs-yellow);
    --ej-btn-active-color: var(--bs-primary);
    --ej-form-active-bg: var(--bs-yellow);
    --ej-btn-hover-box-shadow: none;
    
    --ej-color-normal: var(--bs-yellow);
    --ej-color-light: var(--ej-yellow-light);
    --ej-color-medium: var(--ej-yellow-medium);
    --ej-color-dark: var(--ej-yellow-dark);
    --ej-color-bg: var(--ej-color-dark);
}

/**
 * Backgrounds
 **/

.bg-ej-light {
    background-color: var(--ej-color-light);
}

.bg-ej-medium {
    background-color: var(--ej-color-medium);
}

.bg-ej {
    background-color: var(--ej-color-bg);
}

.bg-ej-dark {
    background-color: var(--ej-color-dark);
}

/**
 * Texte
 **/

.text-ej {
    color: var(--ej-color-normal);
}

.text-ej-dark {
    color: var(--ej-color-dark);
}

.text-ej-over-medium {
    color: var(--ej-color-over-medium);
}


/**
 * Boutons
 **/

.btn {
    --bs-btn-padding-x: 1.9rem;
    --bs-btn-padding-y: .6rem;
    --bs-btn-font-size: 1.6rem;
    --bs-btn-line-height: 2.1rem;
    --bs-btn-border-radius: .5rem;
    --bs-btn-border-width: .2rem;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-active-border-color: transparent;
    
    margin-top: var(--bs-btn-margin-top);
    margin-bottom: var(--bs-btn-margin-bottom);
}
.btn + .btn,
.btn + a {
    margin-left: 1rem;
}
.btn-outline-primary {
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--ej-btn-default-bg);
    --bs-btn-border-color: var(--ej-btn-default-bg);
    --bs-btn-hover-bg: var(--ej-btn-active-bg);
    --bs-btn-hover-border-color: var(--ej-btn-active-bg);
    --bs-btn-hover-color: var(--ej-btn-active-color);
    --bs-btn-active-bg: var(--ej-btn-active-bg);
    --bs-btn-active-border-color: var(--ej-btn-active-bg);
    --bs-btn-active-color: var(--ej-btn-active-color);
    --bs-btn-disabled-border-color: var(--ej-background-color);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-focus-box-shadow: none;
}

.btn-primary {
    --bs-btn-color: var(--ej-btn-default-color);
    --bs-btn-bg: var(--ej-btn-default-bg);
    --bs-btn-border-color: var(--ej-btn-default-bg);
    --bs-btn-hover-bg: var(--ej-btn-active-bg);
    --bs-btn-hover-border-color: var(--ej-btn-active-bg);
    --bs-btn-hover-color: var(--ej-btn-active-color);
    --bs-btn-active-bg: var(--ej-btn-active-bg);
    --bs-btn-active-border-color: var(--ej-btn-active-bg);
    --bs-btn-active-color: var(--ej-btn-active-color);
    --bs-btn-disabled-bg: var(--ej-btn-default-bg);
    --bs-btn-disabled-border-color: var(--ej-btn-default-bg);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-focus-box-shadow: none;
}

.btn-color-normal {
    --bs-btn-color: var(--ej-color-normal);
}

.btn-color-default {
    --bs-btn-color: var(--ej-btn-default-bg);
}

.btn-border-0 {
    --bs-btn-border-width: 0;
}
.btn-border-default {
    --bs-btn-border-width: .2rem;
}

.btn-link {
    --ej-btn-hover-box-shadow: none;
    --bs-btn-padding-x: 0;
}

.btn-light {
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: rgb(246, 247, 248);
    --bs-btn-hover-border-color: rgb(246, 247, 248);
}

.btn-collapse {
    --bs-btn-font-size: 1.4rem;
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-primary);
    --bs-btn-padding-y: 0;
    --bs-btn-padding-x: 1rem;
    --bs-btn-margin-top: 0;
    --bs-btn-margin-bottom: 0;
    --bs-btn-border-width: 0;
    --bs-btn-line-height: 1.9rem;
    --ej-btn-hover-box-shadow: none;
    vertical-align: initial;
    text-decoration: underline;
}
.btn-collapse.collapsed {
    --bs-btn-color: var(--ej-color-normal);
}
.btn-collapse.collapsed:before {
    content: 'Afficher';
}
.btn-collapse:before {
    content: 'Masquer';
}
.btn-collapse.collapsed:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M212.7 363.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 329.4 75.3 180.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z"/></svg>');
}
.btn-collapse:after {
    content: '';
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M212.7 148.7c6.2-6.2 16.4-6.2 22.6 0l160 160c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 182.6 75.3 331.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l160-160z"/></svg>');
    margin-left:1rem;
    vertical-align: baseline;
    background-size: 1.4rem;
    background-position: center;
    height: 1rem;
    width: 1.2rem;
    background-repeat: no-repeat;
}
    
.btn-card-ej,
.btn-card-ej-right,
.btn-card-ej-demi,
.btn-card-ej-demi-right {
    --bs-btn-color: var(--ej-btn-default-bg);
    --bs-btn-bg: var(--bs-gray-100);
    --bs-btn-border-color: transparent;
    --bs-btn-margin-bottom: 0;
    --bs-btn-margin-top: 0;
    --bs-btn-hover-bg: var(--ej-btn-active-bg);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-hover-color: var(--ej-btn-active-color);
    --bs-btn-active-bg: var(--ej-btn-active-bg);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-color: var(--ej-btn-active-color);
    --bs-btn-disabled-bg: var(--ej-btn-default-bg);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-focus-box-shadow: none;
}
.btn-card-ej {
    border-radius: 0 var(--bs-border-radius);
}
.btn-card-ej-right {
    border-radius: var(--bs-border-radius) 0;
}
.btn-card-ej-demi {
    border-radius: 0 0 0 var(--bs-border-radius);
}
.btn-card-ej-demi-right {
    border-radius: 0 0 var(--bs-border-radius) 0;
}
.btn-card-ej-primary {
    --bs-btn-color: var(--ej-btn-default-color);
    --bs-btn-bg: var(--ej-btn-default-bg);
    --bs-btn-border-color: var(--ej-btn-default-bg);
    --bs-btn-hover-bg: var(--ej-btn-active-bg);
    --bs-btn-hover-border-color: var(--ej-btn-active-bg);
    --bs-btn-hover-color: var(--ej-btn-active-color);
    --bs-btn-active-bg: var(--ej-btn-active-bg);
    --bs-btn-active-border-color: var(--ej-btn-active-bg);
    --bs-btn-active-color: var(--ej-btn-active-color);
    --bs-btn-disabled-color: var(--ej-btn-default-color);
    --bs-btn-disabled-bg: var(--ej-btn-default-bg);
    --bs-btn-disabled-border-color: var(--ej-btn-default-bg);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-focus-box-shadow: none;
}
.btn-card-ej-secondary {
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-margin-bottom: 0;
    --bs-btn-margin-top: 0;
    --bs-btn-hover-bg: rgb(246, 247, 248);
    --bs-btn-hover-border-color: rgb(246, 247, 248);
}
.btn-card-ej-primary + .btn-card-ej-secondary, .btn-card-ej-secondary + .btn-card-ej-primary{
    margin-left: 0;
}

.btn-filtre,
.btn-subfiltre {
    --bs-btn-font-size: 1.6rem;
    --bs-btn-line-height: 2.1rem;
    --bs-btn-hover-color: var(--bs-blue);
    --ej-btn-hover-box-shadow: none;
    --bs-btn-margin-top: 0;
    --bs-btn-margin-bottom: 0;
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 2rem;
    --bs-btn-border-width: 0;
    text-align: left;
    position: relative;
}
.btn-subfiltre {
    --bs-btn-margin-top: 0;
    --bs-btn-padding-y: 0;
}
.btn-filtre::after,
.btn-subfiltre::after {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z"/></svg>');
    vertical-align: baseline;
    background-size: 1rem;
    background-position: center;
    height: 1rem;
    width: 1rem;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: calc(50% - .5rem);
}
.btn-subfiltre::after {
    right: 1rem;
}
.btn-subfiltre:hover {
    background-color: var(--bs-gray-200);
}
.btn-subfiltre::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 64C46.3 64 32 78.3 32 96V416c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM208 352V272H128c-8.8 0-16-7.2-16-16s7.2-16 16-16h80V160c0-8.8 7.2-16 16-16s16 7.2 16 16v80h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H240v80c0 8.8-7.2 16-16 16s-16-7.2-16-16z"/></svg>');
}
.btn-subfiltre:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 48C37.5 48 16 69.5 16 96V416c0 26.5 21.5 48 48 48H384c26.5 0 48-21.5 48-48V96c0-26.5-21.5-48-48-48H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM128 248H320c4.4 0 8 3.6 8 8s-3.6 8-8 8H128c-4.4 0-8-3.6-8-8s3.6-8 8-8z"/></svg>');
}

.btn-filtre[aria-expanded="true"] {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
}

@media (min-width: 768px) {
    .col-12:not(:first-of-type) .btn-filtre {
        --bs-btn-margin-top: 1.5rem;
    }
    .btn-filtre,
    .btn-subfiltre {
        --bs-btn-padding-x: 1rem;
        --bs-btn-padding-y: 1.5rem;
    }
    .btn-filtre::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');
    }
    .btn-filtre:hover::after,
    .btn-filtre[aria-expanded="true"]::after {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%230267bf" d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');
    }
    .btn-outline-primary-md {
        --bs-btn-bg: transparent;
        --bs-btn-color: var(--ej-btn-default-bg);
        --bs-btn-border-color: var(--ej-btn-default-bg);
        --bs-btn-hover-bg: var(--ej-btn-active-bg);
        --bs-btn-hover-border-color: var(--ej-btn-active-bg);
        --bs-btn-hover-color: var(--ej-btn-active-color);
        --bs-btn-active-bg: var(--ej-btn-active-bg);
        --bs-btn-active-border-color: var(--ej-btn-active-bg);
        --bs-btn-active-color: var(--ej-btn-active-color);
        --bs-btn-disabled-border-color: var(--ej-background-color);
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-focus-box-shadow: none;
    }
    .btn-primary-md {
        --bs-btn-color: var(--ej-btn-default-color);
        --bs-btn-bg: var(--ej-btn-default-bg);
        --bs-btn-border-color: var(--ej-btn-default-bg);
        --bs-btn-hover-bg: var(--ej-btn-active-bg);
        --bs-btn-hover-border-color: var(--ej-btn-active-bg);
        --bs-btn-hover-color: var(--ej-btn-active-color);
        --bs-btn-active-bg: var(--ej-btn-active-bg);
        --bs-btn-active-border-color: var(--ej-btn-active-bg);
        --bs-btn-active-color: var(--ej-btn-active-color);
        --bs-btn-disabled-bg: var(--ej-btn-default-bg);
        --bs-btn-disabled-border-color: var(--ej-btn-default-bg);
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-focus-box-shadow: none;
    }

    .btn-color-md-normal {
        --bs-btn-color: var(--ej-color-normal);
    }

    .btn-color-md-default {
        --bs-btn-color: var(--ej-btn-default-bg);
    }

    .btn-border-md-0 {
        --bs-btn-border-width: 0;
    }
    .btn-border-md-default {
        --bs-btn-border-width: .2rem;
    }

}

.btn:hover {
    box-shadow: var(--ej-btn-hover-box-shadow);
}
.btn[data-bs-toggle="dropdown"]:hover {
    box-shadow: none;
}
.btn[data-bs-toggle="dropdown"] {
    --bs-btn-border-width: 0;
}


.btn-secondary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: var(--bs-gray-100);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-gray-100);
    --bs-btn-active-bg: var(--bs-gray-100);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-gray-100);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-color: var(--bs-primary);
    --ej-btn-hover-box-shadow: none;
}

.btn-close {
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-focus-shadow: none;
}

.btn-group-lg > .btn, .btn-lg {
    --bs-btn-padding-y: 1.5rem;
    --bs-btn-padding-x: 3rem;
    min-width: 20rem;
}

.btn-text {
    --bs-btn-font-size: 1.4rem;
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    --bs-btn-margin-top: 0;
    --bs-btn-margin-bottom: 0;
    --bs-btn-border-width: 0;
    --bs-btn-line-height: 1.9rem;
}
.btn-text.active {
    -webkit-text-stroke-width: 0.04rem;
}

/**
 * Menu
 **/

body:not(.style-ecole):not(.style-entreprise):not(.style-asso):not(.style-jeune) .navbar {    
    --ej-navbar-nav-link-active-bg: var(--ej-blue-light);
    --bs-navbar-active-color: var(--bs-primary);
}
body.style-ecole .navbar {
    --ej-navbar-nav-link-active-bg: var(--bs-green);
    --bs-navbar-active-color: var(--bs-white);
}
body.style-entreprise .navbar {
    --ej-navbar-nav-link-active-bg: var(--bs-blue);
    --bs-navbar-active-color: var(--bs-white);
}
body.style-asso .navbar {
    --ej-navbar-nav-link-active-bg: var(--ej-orange-light);
    --bs-navbar-active-color: var(--bs-primary);
}
body.style-jeune .navbar {
    --ej-navbar-nav-link-active-bg: var(--ej-yellow-medium);
    --bs-navbar-active-color: var(--bs-primary);
}

nav.navbar {
    --bs-navbar-padding-y: 0;
    --bs-navbar-nav-link-padding-x: 1.3rem;
}

nav.ej-dark-section .navbar-nav {
    --ej-navbar-nav-link-hover-bg: transparent;
    --bs-nav-link-hover-color: var(--bs-white);
    --bs-nav-link-font-weight: 300;
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-link-padding-y: var(--ej-nav-link-padding-y);
    --bs-nav-link-font-size: 1.4rem;
    --bs-nav-link-padding-x: 1rem;
}

nav.bg-white {
   box-shadow: 0 0 .6rem #6F5A2B29;
 
}
nav.bg-white .navbar-nav {
    --ej-navbar-nav-link-hover-bg: transparent;
    --bs-nav-link-hover-color: var(--bs-primary);
    --bs-nav-link-font-weight: 300;
    --bs-nav-link-color: var(--bs-primary);
    --bs-nav-link-padding-y: var(--ej-nav-link-padding-y);
    --bs-nav-link-font-size: 1.4rem;
    --bs-nav-link-padding-x: 1rem;
}
nav .nav-link{
}
nav .nav-link:focus, 
nav .nav-link:hover{
    background-color: var(--ej-navbar-nav-link-hover-bg);
    -webkit-text-stroke-width: 0.04rem;
}

nav .nav-link i{
    font-size: var(--ej-nav-icon-size);
    margin-bottom: var(--ej-nav-icon-padding-bottom);
}

nav .navbar-nav .nav-link.active, 
nav .navbar-nav .show > .nav-link {
    background-color: var(--ej-navbar-nav-link-active-bg);
    -webkit-text-stroke-width: 0.04rem;
}

nav .nav-link:not(.active) {
    --bs-navbar-active-color: var(--bs-white);
}

@media (min-width: 768px) {
    /*nav.navbar {
        --bs-nav-link-padding-x: 1rem;
    }*/
    nav .navbar-nav {
        --bs-nav-link-font-size: 1.6rem;
        --bs-nav-link-padding-x: 1.3rem;
    }
}


/* navbars dropdown */
nav .dropup .dropdown-toggle::after,
nav .dropdown-toggle::after {
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z' fill='%23FFF' /%3E%3C/svg%3E");
    margin-left:1rem;
    vertical-align: baseline;
    background-size: 1rem;
    background-position: center;
    height: 1rem;       
    width: 1rem;
    background-repeat: no-repeat;
}
nav .dropup .dropdown-toggle.show::after,
nav .dropdown-toggle.show::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M363.9 330.7c-6.271 6.918-16.39 6.783-22.62 1.188L192 197.5l-149.3 134.4c-6.594 5.877-16.69 5.361-22.62-1.188C14.2 324.1 14.73 314 21.29 308.1l159.1-144c6.125-5.469 15.31-5.469 21.44 0l159.1 144C369.3 314 369.8 324.1 363.9 330.7z' fill='%23FFF' /%3E%3C/svg%3E");
}

nav .dropup .dropdown-toggle.active::after,
nav .dropdown-toggle.active::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z' fill='%23001230' /%3E%3C/svg%3E");
}
nav .dropup .dropdown-toggle.show.active::after,
nav .dropdown-toggle.show.active::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M363.9 330.7c-6.271 6.918-16.39 6.783-22.62 1.188L192 197.5l-149.3 134.4c-6.594 5.877-16.69 5.361-22.62-1.188C14.2 324.1 14.73 314 21.29 308.1l159.1-144c6.125-5.469 15.31-5.469 21.44 0l159.1 144C369.3 314 369.8 324.1 363.9 330.7z' fill='%23001230' /%3E%3C/svg%3E");
}

nav .dropdown-menu,
#offcanvasMobileBurger .dropdown-menu {
    --bs-dropdown-padding-x: 0.7rem;
    --bs-dropdown-border-radius: 1.8rem;
    --bs-dropdown-border-width: 0;
    
    --bs-dropdown-item-padding-x: 1.3rem;
    --bs-dropdown-item-border-radius: 1.5rem;
}
nav .dropdown-menu {
    --bs-dropdown-font-size: 1.4rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-link-active-bg: var(--bs-dropdown-link-hover-bg);
    --bs-dropdown-link-active-color: var(--bs-dropdown-link-hover-color);
}
nav .dropdown-item {
    font-weight: 300;
}
body:not(.style-ecole):not(.style-entreprise):not(.style-asso):not(.style-jeune) nav .dropdown-menu {    
    --bs-dropdown-link-hover-bg: var(--bs-blue);
    --bs-dropdown-link-hover-color: var(--bs-white);
}
body.style-ecole nav .dropdown-menu {
    --bs-dropdown-link-hover-bg: var(--bs-green);
    --bs-dropdown-link-hover-color: var(--bs-white);
}
body.style-entreprise nav .dropdown-menu {
    --bs-dropdown-link-hover-bg: var(--bs-blue);
    --bs-dropdown-link-hover-color: var(--bs-white);
}
body.style-asso nav .dropdown-menu {
    --bs-dropdown-link-hover-bg: var(--ej-orange-light);
    --bs-dropdown-link-hover-color: var(--bs-primary);
}
body.style-jeune nav .dropdown-menu {
    --bs-dropdown-link-hover-bg: var(--ej-yellow-medium);
    --bs-dropdown-link-hover-color: var(--bs-primary);
}

nav .dropdown-menu li + li {
    margin-top: 0.3rem;
}

@media screen and (max-width: 767.98px) {
    nav .nav-item.dropup {
        height: 4.2rem;
        position: absolute;
        left: calc(50vw - 3.3rem);
        top: -0.8rem;
    }
    nav .dropdown-menu.show {
        --bs-dropdown-spacer: -0.8rem; 
        border-bottom: 0.1rem outset #FFF; 
        left: calc(-50vw + 3.3rem); 
        width: 100vw; 
        display: flex;
        --bs-dropdown-border-radius: none;
    }
    nav .dropup .dropdown-toggle::after,
    nav .dropdown-toggle::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z' fill='%23FFF' /%3E%3C/svg%3E");
        margin-left: 0;
        background-size: 2.6rem;
        background-position: center;
        height: 4.2rem;
        width: 4.6rem;
    }
    nav .dropup .dropdown-toggle.show::after,
    nav .dropdown-toggle.show::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm79 143c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z' fill='%23FFF' /%3E%3C/svg%3E");
    }
    nav.bg-white .dropup .dropdown-toggle::after,
    nav.bg-white .dropdown-toggle::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z' fill='%23001230' /%3E%3C/svg%3E");
    }
    nav.bg-white .dropup .dropdown-toggle.show::after,
    nav.bg-white .dropdown-toggle.show::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm79 143c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z' fill='%23001230' /%3E%3C/svg%3E");
    }

    nav .dropdown-menu li + li {
        margin-top: 0;
    }
    nav .dropdown-menu {
        --bs-dropdown-padding-y: 0;
    }
}

/* navbars offcanvas */

#offcanvasMobileBurger .navbar-nav {
    --fa-li-margin: 2.6rem;
}
#offcanvasMobileBurger .nav-link {
    --bs-nav-link-font-weight: 300;
    --bs-nav-link-padding-y: 1.15rem;
    --bs-nav-link-font-size: 1.8rem;
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-link-hover-color: var(--bs-white);
    --bs-navbar-active-color: var(--bs-white);
}

#offcanvasMobileBurger .dropdown-menu {
    --bs-dropdown-font-size: 1.8rem;
    --bs-dropdown-item-padding-y: 1.15rem;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-link-active-bg: var(--bs-dropdown-link-hover-bg);
    --bs-dropdown-link-active-color: var(--bs-dropdown-link-hover-color);
}
#offcanvasMobileBurger .dropdown-item {
    font-weight: 300;
}

#offcanvasMobileBurger .offcanvas-header {
    min-height: 5rem;
    margin-top: 1rem;
    border-bottom: .1rem solid var(--bs-white);
}

#offcanvasMobileBurger .offcanvas-body {
    margin-top:0.9rem;
}

#offcanvasMobileBurger .fa-li {
    display: none;
}

@media screen and (max-width: 767.98px) {
    #offcanvasMobileBurger .offcanvas-body .container-fluid .row {
        --bs-gutter-y: 2rem;
    }
}

.navbar-toggler {
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-border-width: 0;
    --bs-navbar-toggler-focus-width: 0;
}

nav .navbar-toggler {
    --bs-navbar-color: var(--bs-white);
    font-size: 1.6rem;
    --bs-navbar-toggler-focus-width: 0;
}

nav .offcanvas {
    --bs-offcanvas-width: auto;
    --bs-offcanvas-padding-y: 2rem;
    --bs-offcanvas-padding-x: 6rem;
    --fa-li-margin: 2.4rem;
    --fa-li-width: 3.4rem;
    box-shadow: .5rem 1rem 1.5rem rgba(var(--bs-primary-rgb), 0.16);
}

nav .offcanvas .offcanvas-title {
    text-transform: uppercase;
    --bs-heading-color: var(--bs-primary);
    font: normal normal 500 1.6rem/1.9rem Roboto;    
}

nav .offcanvas .navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 1.5rem;
    --bs-nav-link-color: var(--bs-primary);
    --bs-nav-link-hover-color: var(--bs-primary);
    --ej-navbar-nav-link-active-bg: transparent;
}
nav .offcanvas .nav-link.show {
    --bs-navbar-active-color: var(--bs-primary);
}

nav .offcanvas .nav-link .fa-li {
    line-height: 1.6rem;
}
nav .offcanvas .nav-link i {
    font-size: 1.3rem;
}
nav .offcanvas .dropdown-menu li + li {
    margin-top: 0;
}
nav .offcanvas .dropdown-menu {
    --bs-dropdown-font-size: 1.6rem;
    --bs-dropdown-padding-x: 0.7rem;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: 0;
    
    --bs-dropdown-item-padding-x: 0;
    --bs-dropdown-item-padding-y: 1.5rem;
    --bs-dropdown-item-border-radius: 0;
    
    --bs-dropdown-bg: transparent;
    --bs-dropdown-color: var(--bs-primary);
    --bs-dropdown-link-color: var(--bs-primary);
}
body:not(.style-ecole):not(.style-entreprise):not(.style-asso):not(.style-jeune) nav .offcanvas .dropdown-menu, 
body.style-ecole nav .offcanvas .dropdown-menu, 
body.style-entreprise nav .offcanvas .dropdown-menu, 
body.style-asso nav .offcanvas .dropdown-menu, 
body.style-jeune nav .offcanvas .dropdown-menu {
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-hover-color: var(--bs-primary);
    --bs-dropdown-link-active-bg: var(--bs-dropdown-link-hover-bg);
    --bs-dropdown-link-active-color: var(--bs-dropdown-link-hover-color);
}
nav .offcanvas .dropdown-item {
    
}
nav .offcanvas .dropdown-item:focus, 
nav .offcanvas .dropdown-item:hover{
    -webkit-text-stroke-width: 0.04rem;
}
nav .offcanvas .dropup .dropdown-toggle::after,
nav .offcanvas .dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z' fill='%23001230' /%3E%3C/svg%3E");
}
nav .offcanvas .dropup .dropdown-toggle.show::after,
nav .offcanvas .dropdown-toggle.show::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M363.9 330.7c-6.271 6.918-16.39 6.783-22.62 1.188L192 197.5l-149.3 134.4c-6.594 5.877-16.69 5.361-22.62-1.188C14.2 324.1 14.73 314 21.29 308.1l159.1-144c6.125-5.469 15.31-5.469 21.44 0l159.1 144C369.3 314 369.8 324.1 363.9 330.7z' fill='%23001230' /%3E%3C/svg%3E");
}

/* toggle accès pro */

.ej-acces-pro {
    --bs-nav-link-font-size: 1.4rem; 
    --bs-nav-link-padding-y: 0.65rem;
    --bs-nav-link-padding-x: 2rem;
    --bs-navbar-nav-link-padding-x: 2rem;
    max-width: 20rem;
}

.ej-acces-pro .dropdown-toggle::after {
    margin-left:2rem;
}

.ej-acces-pro .dropdown-menu {
    --bs-dropdown-min-width: 20rem;
    --bs-dropdown-spacer: 1rem;
}

/* toggle menu utilisateur */

.dropdown-menu-user {
    --bs-dropdown-border-radius: 1.8rem;
    --bs-dropdown-min-width: 17rem;
    --bs-dropdown-padding-y: 1.25rem;
    --bs-dropdown-padding-x: 2rem;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-item-padding-y: 0.75rem;
    --bs-dropdown-item-padding-x: 0;
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-divider-margin-y: 0.75rem;
    --bs-dropdown-divider-bg: var(--bs-primary);
    --bs-dropdown-link-active-bg: var(--bs-dropdown-link-hover-bg);
    --bs-dropdown-link-active-color: var(--bs-dropdown-link-hover-color);
    margin-top: 0.7rem !important;
    box-shadow: 0 .3rem .6rem #00000029;
    
}
.dropdown-menu-user .dropdown-item{
    font: normal normal 300 1.4rem/1.9rem Roboto;
}
.dropdown-menu-user .dropdown-item:hover {
    font-weight: 400;
}

/************
     Onglets
*************/

.nav-underline {
    --bs-nav-underline-gap: 1.5rem;
    --bs-nav-underline-border-width: .5rem;
    --bs-nav-link-padding-x: 6.3rem;
    --bs-nav-link-padding-y: 1rem;
}
.nav-underline .nav-link {
    border-bottom-color: rgba(var(--bs-secondary-bg-rgb),0.5);
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
}
.nav-underline .nav-link.active, 
.nav-underline .show > .nav-link {
    font-weight: var(--bs-nav-link-font-weight);
    -webkit-text-stroke-width: 0.03rem;
}
body:not(.style-ecole):not(.style-entreprise):not(.style-asso):not(.style-jeune) .nav-underline .nav-link.active, 
body:not(.style-ecole):not(.style-entreprise):not(.style-asso):not(.style-jeune) .nav-underline .show > .nav-link {    
    border-bottom-color: var(--bs-primary);
}
body.style-ecole .nav-underline .nav-link.active, 
body.style-ecole .nav-underline .show > .nav-link {
    border-bottom-color: var(--bs-green);
}
body.style-entreprise .nav-underline .nav-link.active, 
body.style-entreprise .nav-underline .show > .nav-link {
    border-bottom-color: var(--bs-blue);
}
body.style-asso .nav-underline .nav-link.active, 
body.style-asso .nav-underline .show > .nav-link {
    border-bottom-color: var(--bs-orange);
}
body.style-jeune .nav-underline .nav-link.active, 
body.style-jeune .nav-underline .show > .nav-link {
    border-bottom-color: var(--bs-yellow);
}

/************
     Tooltip
*************/
.popover {
  --bs-popover-max-width: 27.6rem;
  --bs-popover-font-size: 1.2rem;
  --bs-popover-bg: var(--bs-primary);
  --bs-popover-body-color: var(--bs-white);
  --bs-popover-border-radius: 1rem;
  --bs-popover-body-padding-y: 0.75rem;
}
.tooltip {
  --bs-tooltip-max-width: 27.6rem;
  --bs-tooltip-padding-x: 0.8rem;
  --bs-tooltip-padding-y: 0.7rem;
  --bs-tooltip-font-size: 1.4rem;
  --bs-tooltip-bg: var(--bs-primary);
  --bs-tooltip-body-color: var(--bs-white);
  --bs-tooltip-border-radius: 1rem;
  --bs-tooltip-arrow-width:2rem;
  --bs-tooltip-arrow-height:1rem;
}

/************
     Tags
*************/

.tag {
    border-radius: calc(var(--ej-tag-height) / 2);
    padding: var(--ej-tag-padding-y) var(--ej-tag-padding-x);
    font-size: var(--ej-tag-font-size);
    line-height: var(--ej-tag-line-height);
    background-color: white;
    border: none;
    box-shadow: 0 .1rem .3rem #00123029;
    position: relative;
    margin-right: var(--ej-tag-padding-y);
    display: inline-block;
}
.tag-sm {
    --ej-tag-height: var(--ej-tag-small-height);
    --ej-tag-padding-y: var(--ej-tag-small-padding-y);
    --ej-tag-padding-x: var(--ej-tag-small-padding-x);
    --ej-tag-font-size: var(--ej-tag-small-font-size);
    --ej-tag-line-height: var(--ej-tag-small-line-height);
}
.tag-xs {
    --ej-tag-height: 2rem;
    --ej-tag-padding-y: 0.2rem;
    --ej-tag-padding-x: 1rem;
    --ej-tag-font-size: 1.2rem;
    --ej-tag-line-height: 1.6rem;
}

/************
 Autocomplete
*************/

.autocomplete-menu {
    --bs-dropdown-font-size: 1.4rem;
    background-color: var(--bs-gray-200);
    box-shadow: .5rem 1rem 2rem rgba(var(--bs-primary-rgb),.25);
    border-radius: .5rem;
}