/* Polices d'écriture */
@font-face{font-family: "SulphurPoint-Light";src: url("../fonts/SulphurPoint-Light.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}
@font-face{font-family: "SulphurPoint-Regular";src: url("../fonts/SulphurPoint-Regular.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}
@font-face{font-family: "SulphurPoint-Bold";src: url("../fonts/SulphurPoint-Bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}

:root {
    --bs-body-font-size: 1.25rem;
  /* Liens */
  --bs-link-color: #000000;
  --bs-link-color-rgb: 0,0,0;
  --bs-link-hover-color: #1d1d1d;
  --bs-link-hover-color-rgb: 29,29,29;

  /* Couleurs de base */
  --bs-body-color: #181818;
  --bs-border-color: #e6e6e6;

  /* Couleurs principales */
  --bs-primary: #000000;
  --bs-primary-rgb: 0,0,0;

  --bs-secondary: #181818;
  --bs-secondary-rgb: 24,24,24;

  /* Déclinaisons */
  --bs-dark: #0f0f0f;
  --bs-dark-rgb: 15,15,15;

  --bs-light: #8D8D8D;
  --bs-light-rgb: 141,141,141;

  /* Autres couleurs utilitaires */
  --bs-success: #00B700;
  --bs-success-rgb: 0,183,0;

  --bs-btn-active-bg:#00B700;
  --bs-btn-active-border-color:#00B700;

  --bs-info: #38799e;
  --bs-info-rgb: 56,121,158;

  --bs-warning: #d99a2b;
  --bs-warning-rgb: 217,154,43;

  --bs-danger: #FF0400;
  --bs-danger-rgb: 255,4,0;

  /* Couleurs des marques */
  --color-portage:#FDEE00;
  --color-portage-rgb:255,240,0;
  --color-formation:#0000FF;
  --color-academie:#FF00D5;
  --color-global:#00B700;
}

.btn.show{--bs-btn-active-bg:#00B700;
  --bs-btn-active-border-color:#00B700;}

*, ::after, ::before {
    box-sizing: border-box;
}

/* Global */
html{height:100%;}
body{font-family: "SulphurPoint-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.z-n1 {z-index: -1!important;}
.z-0 {z-index: 0!important;}
.z-1 {z-index: 1!important;}
.z-2 {z-index: 2!important;}
.z-3 {z-index: 3!important;}
.z-4 {z-index: 4!important;}
.z-5 {z-index: 5!important;}
.container-fluid-xl{max-width: 100%;}
.pevents-none{ pointer-events: none !important; }
.overflow-hidden-x{overflow-x: hidden !important;}
.w-100-mobile{width:100% !important;}
section{width:100%;overflow: hidden;}
.display-1.lh-xs{line-height: 0 !important;}
.ratio11{aspect-ratio: 1/1;}
.ratio11-desktop-only, .ratio11.ratio11-desktop-only{aspect-ratio: unset;}
strong, b, .fw-b{font-weight: normal;font-family: 'SulphurPoint-Bold', sans-serif;}
.lh-lg{line-height: 1.8 !important;}
.lh-xs{line-height: 1 !important;}
.shadow-custom-box{box-shadow: 1px 4px 88px -48px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 4px 88px -48px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 4px 88px -48px rgba(0,0,0,0.5);}
h1{line-height: 1.5;}
.fw-r{font-weight: normal;font-family: 'SulphurPoint-Regular', sans-serif !important;}
.fw-l{font-weight: normal;font-family: 'SulphurPoint-Light', sans-serif;}
.fs-2{font-size: calc(1.375rem + 1.5vw) !important;}
.fs-6{font-size: 1.1rem !important;}
.fs-7{font-size: 0.9rem !important;}
.fs-8{font-size: 0.75rem !important;}
.fs-9{font-size: 0.5rem !important;}
.text-pink{color:var(--color-academie);}
.text-yellow{color:var(--color-portage);}
.text-blue{color:var(--color-formation);}
.text-green{color:var(--color-global);}
.text-red{color:var(--bs-danger);}
.bg-pink{background-color:var(--color-academie);}
.bg-yellow{background-color:var(--color-portage);}
.bg-blue{background-color:var(--color-formation);}
.bg-green{background-color:var(--color-global);}
.bg-red{background-color:var(--bs-danger);}
.letter-spacing-1{letter-spacing: 0.1rem;}
.smooth, a{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.img-nb{filter: grayscale(100%);}
.lead.f-small-mobile{font-size: 1rem;}
/*.fw-i, i{font-weight:normal;font-family: 'SulphurPoint-Italic,', sans-serif;}*/
.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}
.object-position-center{object-position: center;}
.opacity-5{opacity: 0.05;}
.opacity-10{opacity: 0.1;}
.opacity-90{opacity: 0.9;}
.text-break{hyphens: auto;}
.rotate90{transform: rotate(90deg);}
.rotate180{transform: rotate(180deg);}
.custom-shadow{-webkit-box-shadow: 0px 6px 50px -20px rgba(0,0,0,0.15), 0px -6px 50px -20px rgba(0,0,0,0.15); 
box-shadow: 0px 6px 50px -20px rgba(0,0,0,0.15), 0px -6px 50px -20px rgba(0,0,0,0.15);}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}


/* Couleurs des marques ---------*/
/* Sollo portage */
#page.theme-portage {
  --bs-primary: #FDEE00;
  --bs-primary-rgb:255,240,0;
}

#page.theme-portage .btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg:#FDEE00;
  --bs-btn-border-color: #FDEE00;
  --bs-btn-hover-color: #FDEE00;
  --bs-btn-hover-bg: #000;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FDEE00;
  --bs-btn-active-border-color: #FDEE00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FDEE00;
  --bs-btn-disabled-border-color: #FDEE00;
}
.bg-portage{background-color: var(--color-portage);}
/* Sollo formation */
#page.theme-formation {
  --bs-primary: #0000FF;
  --bs-primary-rgb:0,0,255;
}

#page.theme-formation .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg:#0000FF;
  --bs-btn-border-color: #0000FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0000FF;
  --bs-btn-active-border-color: #0000FF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0000FF;
  --bs-btn-disabled-border-color: #0000FF;
}
.bg-formation{background-color: var(--color-formation);}
#page.theme-formation .breadcrumb-item.active, #page.theme-portage-entreprises .breadcrumb-item.active, #page.theme-sombre .breadcrumb-item.active {color: #fff;opacity: 0.5;}
/* Sollo academie */
#page.theme-academie {
  --bs-primary: #FF00D5;
  --bs-primary-rgb:255,0,213;
}

#page.theme-academie .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg:#FF00D5;
  --bs-btn-border-color: #FF00D5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #FF00D5;
  --bs-btn-active-border-color: #FF00D5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FF00D5;
  --bs-btn-disabled-border-color: #FF00D5;
}
.bg-academie{background-color: var(--color-academie);}
#page.theme-academie .breadcrumb-item.active {color: #fff;opacity: 0.5;}


.border-grey{border-color:#4E4E4E !important;}

/* Boutons */
.btn{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;font-weight:normal;font-family: 'SulphurPoint-Bold', sans-serif;padding:0.75rem 2.5rem;font-size:1rem;border-radius: 2rem;display: flex;align-items: center;}
.btn-arrow:active{background-color: inherit !important;}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg:#0000FF;
  --bs-btn-border-color: #0000FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0000FF;
  --bs-btn-hover-border-color: #0000FF;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0000FF;
  --bs-btn-active-border-color: #0000FF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0000FF;
  --bs-btn-disabled-border-color: #0000FF;
}
.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}

.btn-primary-portage {
  --bs-btn-color: #000;
  --bs-btn-bg:var(--color-portage);
  --bs-btn-border-color: var(--color-portage);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--color-portage);
  --bs-btn-hover-border-color: var(--color-portage);
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--color-portage);
  --bs-btn-active-border-color: var(--color-portage);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0000FF;
  --bs-btn-disabled-border-color: #0000FF;
}
.btn-primary-academie {
  --bs-btn-color: #fff;
  --bs-btn-bg:var(--color-academie);
  --bs-btn-border-color: var(--color-academie);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-academie);
  --bs-btn-hover-border-color: var(--color-academie);
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-academie);
  --bs-btn-active-border-color: var(--color-academie);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0000FF;
  --bs-btn-disabled-border-color: #0000FF;
}

.btn-arrow {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #ccbfbf;
}


.btn-dark-arrow {
  --bs-btn-color: #000;
  --bs-btn-hover-color: #242424;
}
.btn-arrow{position:relative;display:flex;align-items:center;padding:0;border:0;text-decoration:none;background:none;}
.btn-arrow:after{content:"";display:inline-block;width:1.5rem;height:1.5rem;margin-left:1rem;background-repeat:no-repeat;background-position:center;background-size:contain;transition:all 0.1s ease;}
.btn-arrow:hover:after{margin-left:1.25rem;}
.btn-arrow.btn-arrow-agence:after{width:1.25rem;height:1.25rem;}
.btn-arrow.btn-arrow-down:after{transform:rotate(90deg);}
.btn-arrow.btn-arrow-back{flex-direction:row-reverse;}
.btn-arrow.btn-arrow-back:after{transform:rotate(180deg);margin-left:0;margin-right:1rem;}
.btn-arrow.btn-arrow-back:hover:after{margin-left:0;margin-right:1.25rem;}
.btn-arrow:after{background-image:url(../images/arrow-right.svg);}
.btn-dark-arrow:after{background-image:url(../images/right-arrow.svg) !important;}
.btn-yellow-arrow:after{background-image:url(../images/right-arrow-yellow.svg) !important;}
.btn-blue-arrow:after{background-image:url(../images/right-arrow-blue.svg) !important;}
.btn-green-arrow:after{background-image:url(../images/right-arrow-green.svg) !important;}
.btn-pink-arrow:after{background-image:url(../images/right-arrow-pink.svg) !important;}
.btn-fs{font-size: calc(1.275rem + .3vw)!important;}

/* ===== Scrollbar CSS ===== */
 /* Taille de la scrollbar */
::-webkit-scrollbar {
  width: 10px;        /* vertical */
  height: 10px;       /* horizontal */
}

/* Fond de la scrollbar */
::-webkit-scrollbar-track {
  background: #111;   /* couleur du fond de la piste */
}

/* Curseur (le "thumb") */
::-webkit-scrollbar-thumb {
  background: #ffffff;     /* couleur principale */
  border-radius: 10px;     /* coins arrondis */
}

/* Au survol */
::-webkit-scrollbar-thumb:hover {
  background: #ff4ee9;
}
::selection {background: var(--bs-primary);color: #fff;}
::-moz-selection {background: var(--bs-primary);color: #fff;}

/* Return to top et simuler flottant mobile */
#btnReturnToTop {-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
    opacity:0;
    transform:translateX(300px) rotate(-180deg);
    position: fixed;
    bottom: 20px;
    right: 20px;
    width:3rem;height:3rem;
    z-index: 5;
}
#btnReturnToTop:hover{background: #000;border-color: #000;}
#btnReturnToTop:after{content:"";background-image:url('../images/chevron-down.svg');width:3rem;height:3rem;background-position: center;background-repeat: no-repeat;}

#btnReturnToTop.show {
    opacity:1;
    transform:translateX(0px) rotate(-180deg);
}

.float-form{will-change:transform;transition:transform .2s ease-out;position: absolute;z-index: 1;display: none !important;}
.custom-form-position{left:0;bottom:-5rem;}
.custom-form-position-2{right:0;bottom:-5rem;}
.custom-form-position-3{right:5rem;bottom:-5rem;}

/* Homepage ----------------- */
.homepage{background-color: #000;overflow: hidden;}
.full-screen{width:100%;min-height:100svh;}
.uppercase-gradient{color:var(--bs-primary);letter-spacing:.25rem;text-transform:uppercase;font-weight:normal;font-family:'SulphurPoint-Bold',sans-serif;background:linear-gradient(90deg,#ff0400,#ff00d5,#0000ff,#fff000,#00B700,#ff0400,#ff00d5,#0000ff,#fff000,#00B700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:230% 150%;animation:gradientMove 10s linear infinite;}
@keyframes gradientMove{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.visuel-hero{position: absolute;right:0;bottom:0;z-index:0;padding:0;height: 100%;}
.visuel-hero .mask-hero-formes{position:absolute;z-index:1;mask-image:url('../images/mask-sollo.svg');-webkit-mask-image:url('../images/mask-sollo.svg');mask-size:30%;-webkit-mask-size:30%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;will-change:mask-position;}
.visuel-hero .mask-hero{position: relative;mask-size:cover;mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left;}
.visuel-hero .mask-hero:before{content: "";mix-blend-mode: exclusion;position: absolute;inset: 0;background: url("../images/bg-gradient-hero.svg") no-repeat top;background-size: cover;mix-blend-mode: exclusion;pointer-events: none;z-index: 0;top:0;}
.visuel-hero .mask-hero-formes img{width:100%;height:100%;object-fit: cover;position:relative;}
.visuel-hero .mask-hero img{opacity:0.25;width:100%;height:100%;object-fit: cover;position:relative;transform: none !important;transition: none !important;}
.btn-rdv-home{position: absolute;bottom:0;z-index: 1;}
.bottom-hero{background:linear-gradient(to top,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%);padding-top:5rem;padding-bottom:3rem;}
.list-with-arrow{list-style:none;padding-left:0;}
.list-with-arrow li{padding-left:3rem;margin-bottom:1rem;position:relative;color:#8D8D8D;}
.list-with-arrow li strong{color:#fff;}
.list-with-arrow li::before{content:"";display:block;background-image:url('../images/right-arrow-w.svg');background-size:25px 19px;background-repeat:no-repeat;position:absolute;left:0;top:0.5rem;width:25px;height:19px;}
.titre-trait{position: relative;}
.titre-trait:after{content:'';display: inline-block;height:1px;background-color: #4E4E4E;flex-grow: 1;margin-left:3rem;}
/* Card solutions */
.card-solutions{background-color:#000;position:relative;aspect-ratio:1/1;border:1px solid #4E4E4E;border-radius:1rem;padding:2rem;display:flex;flex-direction:column;align-items:start;text-decoration:none;overflow:hidden;color:#fff;transition:transform .3s ease,background-color .3s ease;}
.border-custom{border:1px solid #4E4E4E;}
.card-solutions h3, .card-solutions h2{padding-right:2.5rem;position:absolute;bottom:2rem;left:2rem;right:2rem;margin:0;transition:all .9s cubic-bezier(.25,1,.5,1);}
.card-solutions .card-solutions-logo{max-width:70%;position:absolute;bottom:2rem;left:2rem;transform:translateY(5rem);opacity:0;visibility:hidden;transition:transform .9s cubic-bezier(.25,1,.5,1),opacity .8s ease;transition-delay:.3s;}
.card-solutions>img:first-child{max-width:30%;height:auto;transition:transform .9s cubic-bezier(.25,1,.5,1),opacity .6s ease;transform:translateX(0);}
.card-solutions:hover h3, .card-solutions:hover h2{bottom:auto;top:2rem;}
.card-solutions:hover .card-solutions-logo{transform:translateY(0);opacity:1;visibility:visible;transition-delay:.2s;}
.card-solutions:hover>img:first-child{transform:translateX(-150%);opacity:0;transition-delay:0s;}
.card-solutions svg{flex-shrink:0;max-width: 30%;}
/**/
.card-solutions.card-portage svg line, .card-solutions.card-portage svg path {stroke: var(--color-portage);}
.card-solutions.card-portage:hover{background-color: var(--color-portage);}
.card-solutions.card-portage:hover{color:#000000;}
.card-solutions.card-portage:hover svg line, .card-solutions.card-portage:hover svg path {stroke: #000000;}
/**/
.card-solutions.card-formation svg line, .card-solutions.card-formation svg path {stroke: var(--color-formation);}
.card-solutions.card-formation:hover{background-color: var(--color-formation);}
.card-solutions.card-formation:hover{color:#ffffff;}
.card-solutions.card-formation:hover svg line, .card-solutions.card-formation:hover svg path {stroke: #ffffff;}
/**/
.card-solutions.card-academie svg line, .card-solutions.card-academie svg path {stroke: var(--color-academie);}
.card-solutions.card-academie:hover{background-color: var(--color-academie);}
.card-solutions.card-academie:hover{color:#ffffff;}
.card-solutions.card-academie:hover svg line, .card-solutions.card-academie:hover svg path {stroke: #ffffff;}
/* Card photos */
.section-home-card .card-photo{aspect-ratio: 1/1;min-height: unset;}
.card-photo{/*aspect-ratio:3/4;*/display:flex;position:relative;overflow:hidden;border-radius:1rem;min-height: 450px;align-items: end;text-decoration: none;}
.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;position: absolute;z-index: 0;}
.card-photo:hover img{transform:scale(1.05);}
.card-photo .card-content{position:relative;bottom:0;width:100%;padding:10rem 2rem 3rem 2rem;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0) 100%);color:#fff;display:flex;flex-direction:column;gap:0.5rem;z-index: 1;}
.card-photo.card-photo-equipe .card-content{padding:10rem 1.5rem 1.5rem 1.5rem;}
.card-photo.card-photo-equipe .card-photo-equipe-content-sup{padding:1.5rem;}
.card-photo .cartouche{align-self:start;font-weight: normal;font-family: 'SulphurPoint-Bold', sans-serif;letter-spacing: 0.25rem;text-transform: uppercase;color:var(--color-portage)}
.card-photo h3{font-size:1.25rem;margin:0;}
.card-photo svg{margin-top:auto;}
.card-photo .card-photo-logo{width:3rem;height:3rem;object-fit: contain; position: absolute;z-index: 2;top:2rem;left:2rem;}
.card-photo.ratio11{min-height: unset;}
.card-photo.h-unset{min-height: unset;}
/* Card formations */
.card-specifique-formation{background-color: var(--color-academie);aspect-ratio: 3/4;padding:2rem 2rem;text-decoration: none;overflow: hidden;}
.card-specifique-formation .cartouche-main{font-weight: normal;font-family: 'SulphurPoint-Bold', sans-serif;font-size:1rem;background-color: #000;border-radius: 1rem;padding:0.1rem 1rem;color: white;}
.card-specifique-formation .cartouche{font-weight: normal;font-family: 'SulphurPoint-Light', sans-serif;letter-spacing: 0.15rem;text-transform: uppercase;font-size: 0.85rem;}
.card-specifique-formation .img-cover{position: absolute;width:100%;height: 100%;object-fit: cover;left:0;top:0;opacity: 0.1;}
.card-specifique-formation::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:70%;pointer-events:none;display:block;z-index:0;background:linear-gradient(to top,rgba(255,0,213,1) 0%,rgba(255,0,213,0) 100%)}
.card-specifique-formation p{margin:0;}
.swiper-specifique-formation .swiper-slide {
  transition: opacity .35s ease;
}
.swiper-formations .swiper-slide-next, .swiper-formations .swiper-slide-prev {
  opacity: .5;
}
.swiper-formations{width:100%;}
.swiper-button-lock{display: none !important;}
/* Bloc CTA portage accueil */
.bloc-cta .mask-bloc-cta-portage{border-bottom-left-radius: 1rem;border-top-left-radius: 1rem;overflow: hidden;}
.bloc-cta .mask-bloc-cta-portage-formes{position: absolute;z-index:1;mask-image:url('../images/mask-sollo-portage.svg');-webkit-mask-image:url('../images/mask-sollo-portage.svg');mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:top;-webkit-mask-position:top;mask-size: 230px;-webkit-mask-size: 230px;top:-3rem;}
.bloc-cta .mask-bloc-cta-portage{position: absolute;mask-image:url('../images/mask-left.svg');-webkit-mask-image:url('../images/mask-left.svg');mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left}
.bloc-cta .mask-bloc-cta-portage:before{content: "";mix-blend-mode: exclusion;position: absolute;inset: 0;background:var(--color-portage);background-size: cover;mix-blend-mode: exclusion;pointer-events: none;z-index: 0;top:0;}
.bloc-cta .mask-bloc-cta-portage-formes img{width:100%;height:130%;object-fit: cover;position:relative;}
.bloc-cta .mask-bloc-cta-portage img{opacity:0.2;width:100%;height:130%;object-fit: cover;position:relative;transform: translateY(-3rem);}
/* Bloc CTA bas de page */
.bloc-cta .mask-bloc-cta{border-bottom-right-radius: 1rem;border-top-right-radius: 1rem;overflow: hidden;}
.bloc-cta .mask-bloc-cta-formes{position: absolute;z-index:1;mask-image:url('../images/mask-sollo.svg');-webkit-mask-image:url('../images/mask-sollo.svg');mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:top;-webkit-mask-position:top;mask-size: 230px;-webkit-mask-size: 230px;top:-3rem;height:80%;}
.bloc-cta .mask-bloc-cta{position: absolute;mask-image:url('../images/mask.svg');-webkit-mask-image:url('../images/mask.svg');mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left}
.bloc-cta .mask-bloc-cta:before{content: "";mix-blend-mode: exclusion;position: absolute;inset: 0;background:url("../images/bg-gradient-hero.svg") no-repeat top;background-size: cover;mix-blend-mode: exclusion;pointer-events: none;z-index: 0;top:0;}
.bloc-cta .mask-bloc-cta-formes img{width:100%;height:130%;object-fit: cover;position:relative;}
.bloc-cta .mask-bloc-cta img{opacity:0.2;width:100%;height:130%;object-fit: cover;position:relative;transform: translateY(-3rem);}
.homepage .bloc-cta .mask-bloc-cta img{opacity: 0.1;height:150%;}
.homepage .bloc-cta .mask-bloc-cta-formes img{height:100%;}
.bg-gradient-top{position: relative;}
.bg-gradient-top:before{content: "";mix-blend-mode: exclusion;position: absolute;inset: 0;background: url("../images/bg-gradient-top.svg") right top;background-size: contain;mix-blend-mode: exclusion;pointer-events: none;z-index: 0;top:0;background-repeat: no-repeat;}
.bg-gradient-top.bg-gradient-top-double:before{content: "0";mix-blend-mode: exclusion;position: absolute;inset: 0;background: url("../images/bg-gradient-top.svg") right top;background-size: contain;mix-blend-mode: exclusion;pointer-events: none;z-index: 0;top:0;background-repeat: no-repeat;}
.bg-gradient-top.bg-gradient-top-double:after{content: "";mix-blend-mode: exclusion;position: absolute;inset: 0;background: url("../images/bg-gradient-top.svg") right top;background-size: contain;mix-blend-mode: exclusion;pointer-events: none;z-index: 0;top:0;background-repeat: no-repeat;}
.bg-gradient-top.bg-gradient-top-double.bg-gradient-full-w:after{background-size: cover;}
.bg-gradient-bottom-yellow{background-image: radial-gradient(70% 70% at 0% 100%, rgba(255, 240, 0, 0.25) 0%, rgba(255, 240, 0, 0) 100%);}
.bg-gradient-bottom-blue{background-image: radial-gradient(70% 70% at 0% 100%, rgba(0, 0, 255, 0.25) 0%, rgba(0, 0, 255, 0) 100%);}
.bg-gradient-bottom-black {background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%); }
.bg-grey{background-color:#F8F8F8;}
.bg-gradient-top-grey { background: linear-gradient(to bottom, #F6F6F6 0%, #FFFFFF 20%, #FFFFFF 100%) no-repeat; }
.bg-gradient-bottom-grey { background: linear-gradient(to top, #F6F6F6 0%, #FFFFFF 20%, #FFFFFF 100%) no-repeat; }
/* Animation logo */
#form-animation{will-change: transform;backface-visibility: hidden;}
.svg-shape{position: absolute;position: absolute;left: 50%;}
#f-logo{transform: scale(0.8);}
.f-logo-parent {
    will-change: transform;
    transition: transform 0.1s linear;
}
#promesse-animation{transform:translateY(-12rem);}
/* Témoignages */
.card-temoin, .padding-card{padding:3rem 2rem;}
.card-temoin .cartouche{font-weight: normal;font-family: 'SulphurPoint-Light', sans-serif;letter-spacing: 0.15rem;text-transform: uppercase;font-size: 0.85rem;}
.card-temoin .lh-lg{line-height: 1.4 !important;}
.swiper-button img{width:2rem;}
.swiper-prev img{transform: rotate(180deg);}
.swiper-button-disabled{opacity: 0;cursor: default;}
.star{width:1.75rem;height:1.5rem;}
/* Header et menu */
header {position: fixed;z-index: 10;width:100%;transition: all 0.2s ease;}
header.active{background-color: #000;height:100%;position: fixed;}
.logo-principal{height:35px;}
.logo-principal .sollo-presta-clair{display: none !important;}
.main-header{background-color:rgba(0, 0, 0, 1);z-index: 10;position: relative;height:4rem;}
.submenu{position: initial;left:unset;top:unset;width:100%;border-bottom-width:0 !important;}
.submenu ul li .acces{min-height: 115px;overflow: hidden;}
.submenu ul li .acces.acces-classique{min-height: auto;}
.submenu ul li .acces.acces-classique, .submenu ul li .acces.acces-classique:hover{border:0 !important;background-color: transparent !important;}
.submenu ul li .acces img:last-of-type{display: none;}
.submenu ul li .acces:hover img:last-of-type{display: block;}
.submenu ul li .acces:hover img:first-of-type{display: none;}
.submenu ul li .acces.acces-portage:hover{border:1px solid #4E4E4E;border-color: var(--color-portage) !important;background-color: var(--color-portage) !important;color:#000 !important;}
.submenu ul li .acces.acces-formation:hover{border:1px solid #4E4E4E;border-color: var(--color-formation) !important;background-color: var(--color-formation) !important;color:#fff !important;}
.submenu ul li .acces.acces-academie:hover{border:1px solid #4E4E4E;border-color: var(--color-academie) !important;background-color: var(--color-academie) !important;color:#fff !important;}
.submenu ul li .acces.acces-entreprise:hover{border:1px solid #4E4E4E;border-color: var(--bs-secondary) !important;background-color: var(--bs-secondary) !important;}
.submenu ul li img{max-width: 80%;height: auto;}
.submenu ul li .acces.acces-classique::before{content:'';display:inline-block;width:16px;height:16px;margin-right:8px;background:url('../images/arrow-right.svg') no-repeat center/contain;vertical-align:middle;}
.submenu .mini-img-menu{display: none !important;}
.has-submenu>a{position: relative;}
.has-submenu>a:after{position:absolute;content:url(../images/chevron-down.svg);right:-1rem;bottom:-0.15rem;}
.has-submenu.open > a::after {transform: rotate(180deg);bottom:-0.5rem;}
.has-submenu .submenu {display: none;}
header #main-menu-parent{transform: translateX(-200%);}
header.active #main-menu-parent{transform: translateX(0%);}
#main-menu-parent{padding-top:4rem;overflow:auto;position: fixed;width:100%;height:100%;background-color: #000000;left:0;top:0;    -webkit-transition: transform 0.4s .3s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.4s ease-out;transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.4s ease-out;}
#main-menu-parent {overflow-y: auto;-ms-overflow-style: none;scrollbar-width: none;}
#main-menu-parent::-webkit-scrollbar {display: none;}
#menu-close{width:1.5rem;height: 1.5rem;}
#menu-close img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
/*#main-menu{position: fixed;top:0;left:-100%;}
#main-menu.visible{left:0;}*/
.burger{z-index: 15;}
.burger>div{width:30px;height:26px;position:relative;cursor:pointer;display:inline-block}
.burger span{background-color:#fff;position:absolute;transition:.3s cubic-bezier(.8,.5,.2,1.4)}
.burger span:nth-child(1){width:100%;height:2px;display:block;top:0;left:0}
.burger span:nth-child(2){width:100%;height:2px;display:block;top:12px;left:0}
.burger span:nth-child(3){width:100%;height:2px;display:block;bottom:0;left:0}
.burger.on{z-index:5 !important}
.burger.on span{background-color:#fff}
.burger.on span:nth-child(1){width:100%;height:2px;display:block;top:50%;left:0;transform:translateY(-50%) rotate(45deg)}
.burger.on span:nth-child(2){width:100%;height:2px;display:block;top:50%;left:0;transform:translateY(-50%) rotate(-45deg)}
.burger.on span:nth-child(3){width:0;height:0;opacity:0}
#main-menu li.has-submenu > a {transition: opacity 0.3s ease;}
#main-menu li.has-submenu:hover > a, #main-menu li.has-submenu:has(.submenu:hover) > a {opacity:0.5;}
/* Header clair */
.logo-principal .sollo-presta-clair{display: none !important;}
#page.clair .logo-principal .sollo-presta-fonce{display: block !important;}
#page.clair .logo-principal .sollo-presta-clair{display: none !important;}
#page.clair header.active .logo-principal .sollo-presta-fonce{display: block !important;}
#page.clair header.active .logo-principal .sollo-presta-clair{display: none !important;}
#page.clair header #main-menu>li>a{color:#000 !important;}
#page.clair header.active #main-menu>li>a{color:#fff !important;}
#page.clair header .has-submenu>a:after{position:absolute;content:url(../images/chevron-down-black.svg);right:-1rem;bottom:-0.15rem;}
#page.clair header.active .has-submenu>a:after{content:url(../images/chevron-down.svg);}
#page.clair header .btn-espace{background:rgba(0, 0, 0, 0.1);color:#000;}
#page.clair header .btn-espace:hover{background:rgba(255, 255, 255, 0.25);}
#page.clair header.active .btn-espace{background:rgba(255, 255, 255, 0.1);color:#fff;}
#page.clair header.active .btn-espace:hover{background:rgba(255, 255, 255, 0.25);color:#fff;}

.btn-contact{background-color: #fff;text-decoration: none;color:#000;padding:0.25rem 1.5rem; border-radius: 2rem;}
.btn-contact:hover{background-color: #000;color:#fff;}
.btn-espace{background:rgba(255, 255, 255, 0.1);text-decoration: none;color:#fff;padding:0.25rem 1.5rem; border-radius: 2rem;}
.btn-espace:hover{background:rgba(255, 255, 255, 0.25);}
/* Footer */
.footer-rs{width:3rem;height:3rem;padding:0.5rem;display: flex;align-items: center;justify-content: center;}
/* Emqu S */
footer .footer-bas a img{margin-right:5px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a:hover img{transform: scale(0.8);}
footer .footer-bas a{color:#fff;}
footer .footer-bas a:hover{color:#890C25;}
footer .footer-bas a u{text-decoration: none;position: relative;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a u:after{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: absolute;content: '';width: 100%;left: 0px;bottom: -10px;height: 0px;background: linear-gradient(90deg, rgba(177,27,58,1) 0%, rgba(137,12,37,1) 50%);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
footer .footer-bas a:hover u:after{height:8px;}
.footer-cop a:hover{opacity: 0.5;}
#tarteaucitronIcon{opacity: 0.5;transform:translateX(300px);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
#tarteaucitronIcon:hover{opacity: 1;}
#tarteaucitronIcon #tarteaucitronManager{padding:0 !important;}
.tarteaucitronIconBottomRight{right: 5rem !important;bottom: 11px !important;}
#tarteaucitronIcon.show {transform:translateX(0px);}
#tarteaucitronManager { width: 3rem; height: 3rem;padding: 0; border: none; background-color: #fff !important; background-image: url("../images/picto-cookies.svg") !important; background-size: 1rem 1rem !important; background-repeat: no-repeat !important; background-position: center !important; display: flex; align-items: center; justify-content: center;border-radius:50% !important; }
#tarteaucitronManager img { display: none !important; }
div#tarteaucitronAlertBig:before { content: '' !important; display: inline-block; width: 35px; height: 35px; background-image: url("../images/picto-cookies.svg") !important; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; margin-right: 0px; }
#tarteaucitronRoot #tarteaucitronAlertBig{background-color: #000 !important;}
.tarteaucitronCTAButton, #tarteaucitronCloseAlert{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;font-weight:normal !important;font-family: 'SulphurPoint-Bold', sans-serif !important;padding:0.75rem 2.5rem !important;font-size:1rem !important;border-radius: 2rem !important;display: inline-flex !important;align-items: center !important;}
.tarteaucitronCTAButton.tarteaucitronAllow{background-color: var(--color-global) !important;}
.tarteaucitronCTAButton.tarteaucitronDeny{background-color: var(--bs-danger) !important;}
#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine{background-color: #000 !important;}
.tarteaucitronLine{background-color: #fff !important;}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"]{background-color: rgba(51, 51, 51, 1) !important;color: #fff !important;}
div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{background-color: rgba(0, 0, 0, 0.8) !important;}

/* Type */
.btn-accordeon{text-decoration: none;padding:1rem 2rem;border-radius: 0.25rem;width: 100%;display: flex;justify-content: space-between;margin:0;align-items: center;}
.btn-accordeon.btn-accordeon-light{background-color:#FBFBFB;}
.btn-accordeon.btn-accordeon-big{padding:2rem 0;}
.btn-accordeon:after{width:1.75rem;height:1.75rem;content:"";display:inline-flex;background-image:url(../images/right-arrow.svg);background-repeat:no-repeat;background-position:center;background-size:contain;transform:rotate(90deg);-webkit-transition:all 0.05s ease-out;transition:all 0.05s ease-out;flex-shrink:0;}
.btn-accordeon.btn-accordeon-big:after{width:4rem;height:4rem;border-radius:50%;border:1px solid var(--bs-light);background-size:1.5rem;}
.btn-accordeon.btn-accordeon-small:after{width:3rem;height:3rem;border-radius:50%;border:1px solid var(--bs-light);background-size:1rem;}
.content-sup {max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;}
.content-sup.content-sup-light{background-color: #FBFBFB;}
.content-sup.open { max-height: unset; opacity: 1;padding:2rem;padding-top:0;}
.content-sup .content-sup-big{transform: translateY(20rem);max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;transform: translateY(20rem);}
.content-sup .content-sup-big.open{transform: translateY(0rem);}
.btn-accordeon { cursor: pointer; transition: color 0.3s; }
.theme-formation .btn-accordeon:after{background-image:url(../images/right-arrow-blue.svg);}
.btn-accordeon.open:after{transform: rotate(-90deg);}
.cartouche-mini{align-self:start;font-weight: normal;font-family: 'SulphurPoint-Bold', sans-serif;letter-spacing: 0.25rem;text-transform: uppercase;color:var(--color-portage)}
.custom-list, .programme-formation ul, .section-article ul{ list-style: none; padding-left: 0; }
.custom-list li, .programme-formation ul li, .section-article ul li { position: relative; padding-left: 3rem; margin:1.5rem 0; }
.custom-list li:last-of-type, .programme-formation ul li:last-of-type {margin-bottom:0; }
.custom-list li::before, .programme-formation ul li::before, .section-article ul li::before { content: ""; position: absolute; left: 0; top: 0rem; width: 1.75rem; height: 1.75rem; background: url('../images/right-arrow.svg') no-repeat center / contain; }
.theme-portage .section-article ul li::before {width: 1.75rem; height: 1.75rem; background: url('../images/right-arrow-yellow.svg') no-repeat center / contain; }
.custom-check-list { list-style: none; padding-left: 0; }
.custom-check-list li { position: relative; padding-left: 3rem; margin:1.5rem 0; }
.custom-check-list li:last-of-type {margin-bottom:0; }
.custom-check-list li::before { content: ""; position: absolute; left: 0; top: 0rem; width: 1.75rem; height: 1.75rem; background: url('../images/check.svg') no-repeat center / contain; }
.custom-check-list.custom-check-list-white li::before {background: url('../images/check-white.svg') no-repeat center / contain; }
.theme-academie .custom-check-list li::before{background: url('../images/check-academie.svg') no-repeat center / contain;}
.theme-academie .custom-check-list.custom-check-list-arrow li::before{background: url('../images/right-arrow-pink.svg') no-repeat center / contain;}
.custom-check-list.custom-check-wait li::before { content: ""; position: absolute; left: 0; top: 0rem; width: 1.75rem; height: 1.75rem; background: url('../images/clock.svg') no-repeat center / contain; }
.card-photo.card-photo-entreprises{border: 1px solid #4E4E4E;min-height: unset;}
.card-photo.card-photo-entreprises .card-content{background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.96) 30%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0) 100%);}
.card-photo.card-photo-equipe{min-height: 400px;}
.card-photo .card-photo-equipe-content-sup img{width:40% ;height:auto;object-fit:cover;transition:transform .6s ease;position: initial;z-index: 0;}
.card-photo.card-photo-equipe:hover img{transform:none;}
.col-date{width:50%;position: relative;padding:1rem;}
.col-date:after{position: absolute;right:0;top:50%;height:5rem;content:"";width:1px;background-color: #E5E5E5;transform: translateY(-50%);}
.col-date:nth-child(2n)::after{display: none;}
.col-date:last-of-type{width: 100%;}
.col-date:last-of-type::after{display: none;}

/* État initial : caché */
.card-photo-equipe-content-sup {
    opacity: 0;
    visibility: hidden; /* Empêche de cliquer sur les éléments cachés */
    transition: opacity 0.4s ease, visibility 0.4s;
    pointer-events: none; /* Évite les clignotements si on survole le contenu interne */
}

/* État au survol du parent */
.card-photo-equipe:hover .card-photo-equipe-content-sup {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/* Formulaires */
.form-control, .form-select{border-radius: 2rem;padding:1rem;}

/* Animations */
@keyframes bounce {
  0%, 100% { transform: translateY(0) rotate(90deg); }
  50%      { transform: translateY(-15px) rotate(90deg); }
}
@-webkit-keyframes logo-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes logo-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

@-webkit-keyframes fade {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@keyframes fade {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes toleft {
  from {
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@keyframes toleft {
  from {
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@-webkit-keyframes toright {
  from {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@keyframes toright {
  from {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@-webkit-keyframes totop {
  from {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@keyframes totop {
  from {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@-webkit-keyframes tobottom {
  from {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@keyframes tobottom {
  from {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}

@-webkit-keyframes toscalein {
  from {
      -webkit-transform: scale(2);
              transform: scale(2);
  }
  to {
      -webkit-transform: scale(1);
              transform: scale(1);
  }
}
@keyframes toscalein {
  from {
      -webkit-transform: scale(2);
              transform: scale(2);
  }
  to {
      -webkit-transform: scale(1);
              transform: scale(1);
  }
}


.fadein-scroll {
  opacity:0;
}
.toleft-scroll {
  opacity:0;
  -webkit-transform: translateX(200px);
      -ms-transform: translateX(200px);
          transform: translateX(200px);
}
.toright-scroll {
  opacity:0;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
}
.totop-scroll {
  opacity:0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
}
.tobottom-scroll {
  opacity:0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
}

.toscalein-scroll {
  opacity:0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
}

.fadein, .fadein-scroll.on {
  opacity:0;
  -webkit-animation: fade 1s ease;
          animation: fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.toleft, .toleft-scroll.on {
  opacity:0;
  -webkit-transform: translateX(200px);
      -ms-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-animation: toleft 1s ease, fade 1s ease;
          animation: toleft 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.toright, .toright-scroll.on {
  opacity:0;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-animation: toright 1s ease, fade 1s ease;
          animation: toright 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.totop, .totop-scroll.on {
  opacity:0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
  -webkit-animation: totop 1s ease, fade 1s ease;
          animation: totop 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.tobottom, .tobottom-scroll.on {
  opacity:0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
  -webkit-animation: tobottom 1s ease, fade 1s ease;
          animation: tobottom 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.toscalein, .toscalein-scroll.on {
  opacity:0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-animation: toscalein 1s ease, fade 1s ease;
          animation: toscalein 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay1{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay2{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay3{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay4{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay5{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay6{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay7{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay8{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}

/*
X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1380px

/ Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/

/* Fonds de section */
.degrade-gris-bas { position: relative; }
.degrade-gris-bas::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%); pointer-events: none; }

/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before { content: none !important; }
.breadcrumb-item:not(:last-child)::after { content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 0.5rem; background: url('../images/chevron-right.svg') no-repeat center; background-size: contain; vertical-align: middle;}
.breadcrumb-item { display: flex; align-items: center; font-size: 0.9rem; }
.breadcrumb-item a { text-decoration: none; color: #fff; transition: color 0.2s;font-weight: normal;font-family: 'SulphurPoint-Bold', sans-serif;}
.breadcrumb-item a:hover { color: #fff; text-decoration: underline; }
.breadcrumb-item+.breadcrumb-item{padding-left:0;}
#page.clair .breadcrumb-item a{color:#000;}
#page.clair .breadcrumb-item a:hover { color: #000; text-decoration: underline; }
#page.clair .breadcrumb-item:not(:last-child)::after {background: url('../images/chevron-right-black.svg') no-repeat center;}

/* Sollo Portage et Entreprises ------- */
.theme-portage .submenu.border-light{border-color: var(--bs-primary) !important;}
.hero-prestation .hero-prestation-content{padding-top:5rem;padding-bottom:5rem;min-height: 100svh;}
.hero-prestation p{margin:0;}
.hero-prestation ul:not(.custom-list) { list-style: none; padding-left: 2.5rem;font-weight: normal;font-family: 'SulphurPoint-Bold', sans-serif;}
.hero-prestation ul:not(.custom-list) li { position: relative; margin: 1.5rem 0rem; }
.hero-prestation ul:not(.custom-list) li:first-of-type{margin-top:0;}
.hero-prestation ul:not(.custom-list) li::before { content: ""; position: absolute; left: -2.5rem; top: 50%; transform: translateY(-50%); width: 1.75rem; height: 1.75rem; background: url('../images/check-white.svg') no-repeat center; background-size: contain; }
.theme-portage-entreprises .hero-prestation ul:not(.custom-list) li::before { background: url('../images/check-yellow.svg') no-repeat center;}
.theme-portage .visuel-hero{width:100%;height:100%;position: absolute;mask-size:cover;mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left;opacity: 0.3;}
.theme-portage .visuel-hero img{object-fit: cover;width:100%;height: 100%;}
.theme-portage .visuel-hero-form{height:100%;mask-image:url('../images/mask-sollo-portage.svg');-webkit-mask-image:url('../images/mask-sollo-portage.svg');mask-size:30%;-webkit-mask-size:30%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;will-change:mask-position;mask-size:contain;-webkit-mask-size:contain;}
.theme-portage.theme-portage-entreprises .visuel-hero-form{height:100%;mask-image:url('../images/mask-sollo-entreprises.svg');-webkit-mask-image:url('../images/mask-sollo-entreprises.svg');mask-size:30%;-webkit-mask-size:30%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;will-change:mask-position;mask-size:contain;-webkit-mask-size:contain;}
.theme-portage .visuel-hero-form img{width: 100%;height: 100%;object-fit: cover;}
.theme-portage .card-list .card{border-radius: 1rem;border:1px solid #E6E6E6;}
.theme-portage .card-list .card p{margin:0;}
.theme-portage .card-list .card .text-light{color:#484848 !important;}
.theme-portage .card-list > div:nth-child(4n+1) .card, 
.theme-portage .card-list > div:nth-child(4n) .card { 
    background-color: var(--color-portage); 
    border-color: var(--color-portage); 
}
.schema-wrapper{max-height: 35svh;}
#svg-mask{width:25%;height:50%;}
.rounded-number{width:2rem;height: 2rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.picto-card{height: 3rem;width: auto;}
.swiper-formations-prev.swiper-button-disabled, .swiper-formations-next.swiper-button-disabled{opacity: 0.25;}
/* Bloc CTA bas de page */
.theme-portage .bloc-cta .mask-bloc-cta-formes{mask-image:url('../images/mask-sollo-portage.svg');-webkit-mask-image:url('../images/mask-sollo-portage.svg');mask-size:contain;-webkit-mask-size:contain;height:80%;}
.theme-portage .bloc-cta .mask-bloc-cta:before{background:var(--color-portage);}
/* Card formations */
.theme-portage .card-specifique-formation{background-color:var(--bs-primary);color:#000;aspect-ratio: unset;}
.theme-portage .card-specifique-formation::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:70%;pointer-events:none;display:block;z-index:0;background:linear-gradient(to top,rgba(255,240,0,1) 0%,rgba(255,240,0,0) 100%)}
/* Sollo Portage - le portage */
.definition-portage .custom-check-list li{margin:0.5rem 0;}
.sommaire-list{list-style: none;margin:0;padding:0;font-size: 1rem;}
.sommaire-list li.on{color:#000;padding-left:0.5rem;border-left:4px solid yellow;border-color: var(--bs-primary);}
.section-article {scroll-margin-top: 100px;}
.sommaire-list li {cursor: pointer;margin:0.75rem 0;color:var(--bs-light);font-family: 'SulphurPoint-Bold', sans-serif;}
.sommaire-list li a {text-decoration: none; color: inherit;display: block;}
.section-article>div p:last-child{margin-bottom: 0;}
.section-article{display: flex;flex-direction: column;align-items: flex-start;}
.theme-portage .section-article ul strong{background-color: var(--bs-primary);}
.sommaire{-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);}
.sommaire.on{-webkit-box-shadow: 0px 6px 50px -20px rgba(0,0,0,0.15), 0px -6px 50px -20px rgba(0,0,0,0.15); box-shadow: 0px 6px 50px -20px rgba(0,0,0,0.15), 0px -6px 50px -20px rgba(0,0,0,0.15);}
.sommaire-list{display: none;}
.sommaire-list.visible{display:block;}
.view-sommaire{position:relative;display: flex;align-items: center;padding:0;border:0;text-decoration: none;justify-content: space-between;}
.view-sommaire:after{content:'';background-image:url('../images/right-arrow.svg');width:1rem;height:1rem;background-size:contain;background-position: center;background-repeat: no-repeat;transform: rotate(90deg);}
.view-sommaire.on:after{transform: rotate(-90deg);}
.definition-portage .table-responsive{filter:drop-shadow(0px 10px 20px rgba(0,0,0,0.08));overflow:visible;background:transparent;}
.definition-portage .table{border-collapse:separate;border-spacing:0;border:none !important;width:100%;}
.definition-portage .table td,.definition-portage .table th{border:1px solid #F1F1F1 !important;background-color:#ffffff;padding:0.5rem 1rem;overflow:hidden;}
.definition-portage .table thead th:first-child{background:transparent !important;border:none !important;}
.definition-portage .table td:first-child,.definition-portage .table th:first-child{border-left:none !important;}
.definition-portage .table td:last-child,.table th:last-child{border-right:none !important;}
.definition-portage .table thead tr:first-child th{border-top:none !important;}
.definition-portage .table tbody tr:last-child td{border-bottom:none !important;}
.definition-portage .table thead th:nth-child(2){border-top-left-radius:1rem;}
.definition-portage .table thead th:last-child{border-top-right-radius:1rem;}
.definition-portage .table tbody tr:first-child td:first-child{border-top-left-radius:1rem;}
.definition-portage .table tbody tr:last-child td:first-child{border-bottom-left-radius:1rem;}
.definition-portage .table tbody tr:last-child td:last-child{border-bottom-right-radius:1rem;}
.square-black{width:30px;height:30px;background-color:#000;border-radius:0px;margin:auto;}
.square-yellow{width:30px;height:30px;background-color:#FFF200;border-radius:0px;margin:auto;}
/* Sollo formation ------- */
.step-item {
    transition: none; /* On laisse GSAP gérer */
}

.step-item:not(.step-1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.theme-formation .submenu.border-light{border-color: var(--bs-primary) !important;}
.theme-formation .visuel-hero, .theme-sombre .visuel-hero{width:100%;height:100%;position: absolute;mask-size:cover;mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left;opacity: 0.3;}
.theme-formation .visuel-hero img, .theme-sombre .visuel-hero img{object-fit: cover;width:100%;height: 100%;}
.theme-formation .visuel-hero-form{height:100%;mask-image:url('../images/mask-sollo-formation.svg');-webkit-mask-image:url('../images/mask-sollo-formation.svg');mask-size:30%;-webkit-mask-size:30%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;will-change:mask-position;mask-size:contain;-webkit-mask-size:contain;}
.theme-formation .visuel-hero-form img{width: 100%;height: 100%;object-fit: cover;}
.theme-formation .card-list .card{border-radius: 1rem;border:1px solid #E6E6E6;}
.theme-formation .card-list .card p{margin:0;}
.theme-formation .card-list .card .text-light{color:#b4b4b4 !important;}
.theme-formation .card-list > div:nth-child(4n+1) .card, 
.theme-formation .card-list > div:nth-child(4n) .card { 
    background-color: var(--color-formation); 
    border-color: var(--color-formation); 
}
/* Bloc CTA bas de page */
.theme-portage .bloc-cta .mask-bloc-cta-formes{mask-image:url('../images/mask-sollo-portage.svg');-webkit-mask-image:url('../images/mask-sollo-portage.svg');mask-size:contain;-webkit-mask-size:contain;height:80%;}
.theme-portage .bloc-cta .mask-bloc-cta:before{background:var(--color-portage);}

.theme-formation .card-list .card h3{color:#000 !important;}
.theme-formation .card-list > div:nth-child(4n+1) .card h3, .theme-formation .card-list > div:nth-child(4n) .card h3 { color:#fff !important;}
/* Bloc CTA bas de page */
.theme-formation .bloc-cta .mask-bloc-cta-formes{mask-image:url('../images/mask-sollo-formation.svg');-webkit-mask-image:url('../images/mask-sollo-formation.svg');mask-size:contain;-webkit-mask-size:contain;height:80%;}
.theme-formation .bloc-cta .mask-bloc-cta:before{background:var(--color-formation);}
/* Card formations */
.theme-formation .card-specifique-formation{background-color:var(--bs-primary);color:#000;aspect-ratio: unset;}
.theme-formation .card-specifique-formation::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:70%;pointer-events:none;display:block;z-index:0;background:linear-gradient(to top,rgba(255,240,0,1) 0%,rgba(255,240,0,0) 100%)}
/* Défilement */
.steps-section { /*height: 100vh;*/ overflow: hidden; }
.progress-vertical-container {width: 4px; background: #fff; height: 100%; border-radius: 10px; position: absolute; overflow: hidden; top: 0; left:0rem;}
.progress-bar-fill { position: relative; width: 100%; height: 0%; background: #000; transition: height 0.1s linear; }
.theme-formation .progress-bar-fill{background:var(--bs-primary) ;}
.theme-academie .progress-bar-fill{background:var(--bs-primary) ;}
.etapes-stack { position: relative; }


/* Sollo académie ------- */
.theme-academie .submenu.border-light{border-color: var(--bs-primary) !important;}
.theme-academie .visuel-hero{width:100%;height:100%;position: absolute;mask-size:cover;mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left;opacity: 0.3;}
.theme-academie .visuel-hero img{object-fit: cover;width:100%;height: 100%;}
.theme-academie .visuel-hero-form{height:100%;mask-image:url('../images/mask-sollo-academie.svg');-webkit-mask-image:url('../images/mask-sollo-academie.svg');mask-size:30%;-webkit-mask-size:30%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;will-change:mask-position;mask-size:contain;-webkit-mask-size:contain;}
.theme-academie .visuel-hero-form img{width: 100%;height: 100%;object-fit: cover;}
.theme-academie .card-list .card{border-radius: 1rem;border:1px solid #E6E6E6;}
.theme-academie .card-list .card p{margin:0;}
.theme-academie .card-list .card .text-light{color:#b4b4b4 !important;}
.theme-academie .card-list > div:nth-child(4n+1) .card, 
.theme-academie .card-list > div:nth-child(4n) .card { 
    background-color: var(--color-academie); 
    border-color: var(--color-academie); 
}
.theme-academie .card-list .card h3{color:#000 !important;}
.theme-academie .card-list > div:nth-child(4n+1) .card h3, .theme-academie .card-list > div:nth-child(4n) .card h3 { color:#fff !important;}
/* Bloc CTA bas de page */
.theme-academie .bloc-cta .mask-bloc-cta-formes{mask-image:url('../images/mask-sollo-academie.svg');-webkit-mask-image:url('../images/mask-sollo-academie.svg');mask-size:contain;-webkit-mask-size:contain;height:80%;}
.theme-academie .bloc-cta .mask-bloc-cta:before{background:var(--color-academie);}
/* Card formations */
.theme-academie .card-specifique-academie{background-color:var(--bs-primary);color:#000;aspect-ratio: unset;}
.theme-academie .card-specifique-academie::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:70%;pointer-events:none;display:block;z-index:0;background:linear-gradient(to top,rgba(255,240,0,1) 0%,rgba(255,240,0,0) 100%)}

 .hero-academie-animate .col-float-academie{transform: translate(0rem, -6rem);}

/* Sollo académie - page formation */
.picto-academie-hero{filter: grayscale();opacity: 0.05;height:100%;width: auto;top:0;right: 0;padding-right:0;}
.no-border-end-formation{border-right: 0 !important;}
.programme-formation .btn-accordeon{border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;border-radius: 1rem;}
.programme-formation .content-sup>:last-of-type{margin-bottom:0;padding-bottom:0;}
.programme-formation .content-sup.open{margin-bottom:2rem !important;}
.programme-formation ul li::before, .custom-list-pink li::before { content: ""; position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; background: url('../images/right-arrow-pink.svg') no-repeat center / contain; }
.btn-fixed-formation{position: fixed;bottom:20px;left:20px;width: auto;padding:0.77rem 1rem;z-index: 2;}
.btn-fixed-formation{-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;opacity:0;transform:translateX(-300px);}
.btn-fixed-formation.show {opacity:1;transform:translateX(0px);}

/* Type */
.hero-type .hero-type-content{padding-top:5rem;padding-bottom:5rem;}

/* Contact */
.card-agence-header{border-top-left-radius: 1rem;border-top-right-radius: 1rem;position: relative;min-height: unset;display: flex;align-items: stretch;}
.card-agence-header-content{width:100%;background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.4) 100%);}
.card-agence-header-content .cartouche{margin-top:auto;align-self:start;font-weight: normal;font-family: 'SulphurPoint-Bold', sans-serif;letter-spacing: 0.25rem;text-transform: uppercase;opacity: 0.7;}
.card-agence-content{border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}
.card-agence-header .col-1{width:12%;height:7rem;object-fit: contain;object-position: left;}
.form-contact{min-height: 650px;}
.btn-outline-custom {height:100%;border: 2px solid #eee; background: #fff; border-radius: 12px; transition: all 0.05s; color: #000;}
.btn-outline-custom:hover {border-color: #d8d8d8 !important; background: #fafafa;}
.btn-check:checked + .btn-outline-custom, .form-control-focus.custom-input:focus, .form-control-focus.custom-input.full{border-color: var(--bs-success) !important; border-width: 2px; background: #fff; color: #000;}
.btn-check:checked + .btn-outline-custom:hover, .form-control-focus:hover{border-color: var(--bs-success) !important;}
.custom-input.active{border-color: var(--bs-success) !important;}
.custom-input {border-radius:1rem;border: 2px solid #eee !important;background-color:#fff;}
.custom-input::placeholder {color:#000 !important;opacity:1;}
.custom-input:focus {box-shadow:none;border-color:#ccc !important;}
.custom-check:checked {background-color:#000;border-color:#000;}
.btn-outline-custom {border: 2px solid #eee; transition: all 0.2s; color: #000;}
.btn-check:checked + .btn-outline-custom {border-color: #000; background: #fafafa;}
.custom-check{width:1.5rem;height:1.5rem;background-color:#fff;border:2px solid #eee;cursor:pointer;}
.custom-check:checked{background-color:#000;border-color:#000;}
/* Contact popup */
.modal-body {-ms-overflow-style: none;scrollbar-width: none;}
.modal-body::-webkit-scrollbar {display: none;}
.modal-backdrop {
    --bs-backdrop-opacity: 0.8;}

/* Agences */
.picto-agence{width:6rem;height:auto;object-fit: contain;object-position: center;}
.picto-agence-contact{width:auto;height:3rem;}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down,
    .modal-fullscreen-sm-down .modal-content,
    .modal-fullscreen-sm-down .modal-body {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .modal-fullscreen-sm-down::-webkit-scrollbar,
    .modal-fullscreen-sm-down .modal-content::-webkit-scrollbar,
    .modal-fullscreen-sm-down .modal-body::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 576px) {
  .submenu ul li img{max-width: 90%;height: auto;}
  .submenu ul li .acces{min-height: 165px;}
  .logo-principal{height:100%;}
  .btn{font-size:1.5rem;}
  #f-logo{transform: scale(1);}
  .swiper-formations{width:70%;}
  .card-temoin .lh-lg{line-height: 1.8 !important;}
  .auto-cols-3{column-count:2;column-gap:3rem;}
  .modal-content{border-radius: 1rem;}
  .schema-wrapper{max-height: 50svh;}
}


@media (min-width: 768px) {
  header {position: absolute;}
  .submenu .mini-img-menu{position: absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;z-index: 0;opacity: 0.15;max-width: 100%;display: block !important;}
  /*header.fixed{position: fixed;z-index: 10;background-color:var(--bs-primary);}
  .theme-portage-entreprises header.fixed, .equipe header.fixed{background-color: #000;}
  .formation header.fixed{position: absolute;}*/
  #page.clair .burger span{background-color:#000}
  #page.clair .burger.on span{background-color:#fff}
  #page.clair .logo-principal .sollo-presta-fonce{display: none !important;}
  #page.clair .logo-principal .sollo-presta-clair{display: block !important;}
  .theme-formation .logo-principal .sollo-presta-fonce{content: url("../images/Sollo-Presta-Logo-Formation.svg");}
  .theme-formation header.active .logo-principal .sollo-presta-fonce{content: url("../images/Sollo-Presta-Logo-Blanc.svg");}
  .theme-academie .logo-principal .sollo-presta-fonce{content: url("../images/Sollo-Presta-Logo-Academie.svg");}
  .theme-academie header.active .logo-principal .sollo-presta-fonce{content: url("../images/Sollo-Presta-Logo-Blanc.svg");}
  .submenu ul li .acces.acces-classique{min-height: 165px;}
  .hidden-lg{visibility: hidden;}
  .submenu ul li .acces.acces-classique{border:1px solid #8D8D8D !important;border-color: var(--bs-secondary) !important;background-color: var(--bs-secondary) !important;}
  .submenu ul li .acces.acces-classique:hover{border:1px solid #8D8D8D !important;background-color:transparent !important;}
  .submenu ul li .acces.acces-classique::before{display: none;}
  .main-header{height:auto;background-color: transparent;}
  #main-menu-parent{padding-top:5rem;}
  .visuel-hero{height: 100%;bottom:unset;top:0;}
  .visuel-hero .mask-hero{mask-image:url('../images/mask.svg');-webkit-mask-image:url('../images/mask.svg');}
  .visuel-hero .mask-hero img{opacity:0.2;}
  .btn-rdv-home{position: relative;bottom:unset;right:unset;}
  .btn-arrow:after{margin-bottom:0.25rem;}
  .hero-prestation .hero-prestation-content{min-height: unset;}
  .swiper-formations{width:60%;}
  .section-home-card .card-photo{aspect-ratio: unset;min-height: 600px;}
  .card-photo{min-height: 600px;}
  .card-photo.card-photo-nouveau-depart{min-height: unset;}
  .card-agence-header{min-height: 270px;}
  .lead.f-small-mobile{font-size: 1.25rem;}
}

@media (min-width: 992px) {
  header.active{background-color: #000;height:auto;}
  header #main-menu-parent{display: block;transform: none !important;}
  #main-menu-parent{padding-top:0;position:initial;width:auto;height:auto;background-color:transparent;left:unset;top:unset;}
  .submenu{position: absolute;left:0;top:100%;width:100%;}
  .page-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.8);z-index: 5;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
  .page-overlay.active {opacity: 1;pointer-events: auto;}
  .submenu ul li img{max-width: 70%;}
  #f-logo{transform: scale(1) translateX(50%);}
  .theme-portage .visuel-hero{opacity:0.1;z-index:-1;position:absolute;width:50%;height:100%;right:0;top:0;mask-image: url(../images/mask.svg);-webkit-mask-image: url(../images/mask.svg);mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left;}
  .hero-prestation .hero-prestation-content{padding-top:10rem;padding-bottom:6rem;}
  .hero-type .hero-type-content{padding-top:10rem;padding-bottom:6rem;}
  .swiper-formations{width:85%;}
  .theme-portage .card-list > div:nth-child(4n+1) .card, .theme-portage .card-list > div:nth-child(4n) .card{background-color: transparent;border-color:#E6E6E6;}
  .theme-portage .card-list>div:nth-of-type(odd) .card{background-color:var(--color-portage);border-color:var(--color-portage);}
  .theme-formation .visuel-hero, .theme-sombre .visuel-hero{opacity:0.1;z-index:-1;position:absolute;width:50%;height:100%;right:0;top:0;mask-image: url(../images/mask.svg);-webkit-mask-image: url(../images/mask.svg);mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left;}
  .visuel-hero.visuel-visible{opacity:0.5 !important;}
  .theme-formation .card-list > div:nth-child(4n+1) .card, .theme-formation .card-list > div:nth-child(4n) .card{background-color: transparent;border-color:#E6E6E6;}
  .theme-formation .card-list>div:nth-of-type(odd) .card{background-color:var(--color-formation);border-color:var(--color-formation);}
  .theme-formation .card-list > div:nth-child(4n+1) .card h3, .theme-formation .card-list > div:nth-child(4n) .card h3{color:#000 !important;}
  .theme-formation .card-list>div:nth-of-type(odd) .card h3{color:#fff !important;}
  .theme-academie .visuel-hero{opacity:0.1;z-index:-1;position:absolute;width:50%;height:100%;right:0;top:0;mask-image: url(../images/mask.svg);-webkit-mask-image: url(../images/mask.svg);mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:left;-webkit-mask-position:left;}
  .position-sticky-desktop{position: sticky;position: -webkit-sticky;}
  .col-date{width:33%;position: relative;padding:1rem;}
  .col-date:nth-child(2n)::after{display: block;}
  .col-date:nth-child(3n)::after{display: none;}
  .col-date:last-of-type{width: 33%;}
  .col-date:last-of-type::after{display: none;}
  .auto-cols-3{column-count:3;column-gap:3rem;}
  .ratio11-desktop-only, .ratio11.ratio11-desktop-only{aspect-ratio: 1/1;}
  .etape-item { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transform: translateY(20px); transition: none; }
  .etape-item.active { position: relative; opacity: 1; visibility: visible; transform: translateY(0); }
  .hero-academie-animate .col-float-academie{transform: translate(0rem, 0rem);transition: all 0.6s ease-out 0.15s;opacity: 0;z-index: 0;}
  .hero-academie-animate .hero-cta {transition: all 0.6s ease-in-out;margin-left: 0;transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);position: relative;z-index: 1;}
  .hero-academie-animate.animate  .col-float-academie{transform: translate(0rem, -10rem);opacity: 1;z-index: 1;}
  .hero-academie-animate.animate .hero-cta {z-index: 0;margin-left: 58.33%;padding-left:3rem;}
  .col-float-academie{position: absolute;top:0;left:0;}
  .col-etapes-left{position: absolute;left:0;top:0;}
  .col-etapes-right{position: absolute;right:0;top:0;}
}



@media (min-width: 1200px) {
  .delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
  .delay1{-webkit-animation-delay: 0.2s !important;animation-delay: 0.2s !important;}
  .delay2{-webkit-animation-delay: 0.3s !important;animation-delay: 0.3s !important;}
  .delay3{-webkit-animation-delay: 0.4s !important;animation-delay: 0.4s !important;}
  .delay4{-webkit-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
  .delay5{-webkit-animation-delay: 0.6s !important;animation-delay: 0.6s !important;}
  .delay6{-webkit-animation-delay: 0.7s !important;animation-delay: 0.7s !important;}  
  .delay7{-webkit-animation-delay: 0.8s !important;animation-delay: 0.8s !important;}  
  .delay8{-webkit-animation-delay: 0.9s !important;animation-delay: 0.9s !important;}  
  .display-3{font-size: 3.75rem;}  
  .btn-fs{font-size:1.5rem !important;}
  #main-menu{position: unset;top:unset;left:unset;}
  .submenu{border-bottom-width:5px !important;}
  .swiper-formations{width:70%;}
  .col-date{width:20%;position: relative;padding:0 2rem;}
  .col-date:nth-child(2n)::after{display: block;}
  .col-date:nth-child(3n)::after{display: block;}
  .col-date:last-of-type::after{display: none;}
  .col-date:last-of-type{width: 20%;}
  .sticky-formation{position: sticky;position: -webkit-sticky;transform: translateY(-3.5rem);top:4.5rem;}
  .sticky-definition-portage{position: sticky;position: -webkit-sticky;top:38rem;transform: translateY(-37rem);}
  .sommaire-list{display: block;}
  .sommaire-list.visible{display:block;}
  .view-sommaire:after{display:none;}
  .sommaire, .sommaire.on{-webkit-box-shadow: 0px 6px 50px -20px rgba(0,0,0,0.15), 0px -6px 50px -20px rgba(0,0,0,0.15); box-shadow: 0px 6px 50px -20px rgba(0,0,0,0.15), 0px -6px 50px -20px rgba(0,0,0,0.15);}
  .w-xl-100{width: 100%;}

}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid-xl{max-width: 1400px;}
  .swiper-formations{width:58%;}
  .no-border-end-formation.border-end {border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
  .card-agence-header{min-height: 305px;}
  .sticky-definition-portage{position: sticky;position: -webkit-sticky;top:30rem;transform: translateY(-29rem);}
}


@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid-xl{max-width: 1600px;}
  header .container-md{max-width:1800px;}
  .swiper-formations{width:50%;}
  .card-agence-header{min-height: 270px;}
  .sticky-definition-portage{position: sticky;position: -webkit-sticky;top:28rem;transform: translateY(-27rem);}
}