/*
Theme Name: Efficom
Theme URI:
Description :Efficom Wordpress theme
Version: 2
Author : Kris
*/

@font-face{
  font-family: 'Magdelin-Bold';
  src: url("fonts/magdelin/MagdelinAlt-Bold.otf");
  src: url("fonts/magdelin/magdelinalt-bold-webfont.woff") format('woff'),
  url("fonts/magdelin/magdelinalt-bold-webfont.woff2") format('woff2'),
  url("fonts/magdelin/MagdelinAlt-Bold.otf") format('opentype');
}

@font-face{
  font-family: 'Magdelin-ExtraBold';
  src: url("fonts/magdelin/MagdelinAlt-ExtraBold.otf");
  src: url("fonts/magdelin/magdelinalt-extrabold-webfont.woff") format('woff'),
  url("fonts/magdelin/magdelinalt-extrabold-webfont.woff2") format('woff2'),
  url("fonts/magdelin/MagdelinAlt-ExtraBold.otf") format('opentype');
}

@font-face{
  font-family: 'Magdelin-Medium';
  src: url("fonts/magdelin/MagdelinAlt-Medium.otf");
  src: url("fonts/magdelin/magdelinalt-medium-webfont.woff") format('woff'),
  url("fonts/magdelin/magdelinalt-medium-webfont.woff2") format('woff2'),
  url("fonts/magdelin/MagdelinAlt-Medium.otf") format('opentype');
}

@font-face{
  font-family: 'Magdelin-Regular';
  src: url("fonts/magdelin/MagdelinAlt-Regular.otf");
  src: url("fonts/magdelin/magdelinalt-regular-webfont.woff") format('woff'),
  url("fonts/magdelin/magdelinalt-regular-webfont.woff2") format('woff2'),
  url("fonts/magdelin/MagdelinAlt-Regular.otf") format('opentype');
}

@font-face{
  font-family: 'Magdelin-SemiBold';
  src: url("fonts/magdelin/MagdelinAlt-SemiBold.otf");
  src: url("fonts/magdelin/magdelinalt-semibold-webfont.woff") format('woff'),
  url("fonts/magdelin/magdelinalt-semibold-webfont.woff2") format('woff2'),
  url("fonts/magdelin/MagdelinAlt-SemiBold.otf") format('opentype');
}

@font-face{
  font-family: 'RNS-Sans-Bold';
  src: url("fonts/rns-sanz/RNSSanz-Bold.eot");
  src: url("fonts/rns-sanz/RNSSanz-Bold.woff") format('woff'),
  url("fonts/rns-sanz/RNSSanz-Bold.woff2") format('woff2'),
  url("fonts/rns-sanz/RNSSanz-Bold.ttf") format('truetype');
}

@font-face{
  font-family: 'RNS-Sans-ExtraBold';
  src: url("fonts/rns-sanz/RNSSanz-ExtraBold.eot");
  src: url("fonts/rns-sanz/RNSSanz-ExtraBold.woff") format('woff'),
  url("fonts/rns-sanz/RNSSanz-ExtraBold.woff2") format('woff2'),
  url("fonts/rns-sanz/RNSSanz-ExtraBold.ttf") format('truetype');
}

@font-face{
  font-family: 'RNS-Sans-Normal';
  src: url("fonts/rns-sanz/RNSSanz-Normal.eot");
  src: url("fonts/rns-sanz/RNSSanz-Normal.woff") format('woff'),
  url("fonts/rns-sanz/RNSSanz-Normal.woff2") format('woff2'),
  url("fonts/rns-sanz/RNSSanz-Normal.ttf") format('truetype');
}

:root{
  --text-regular : "Magdelin-Regular", sans-serif;
  --text-medium : "Magdelin-Medium", sans-serif;
  --text-bold : "Magdelin-Bold";
  --text-extra-bold : "Magdelin-ExtraBold";
  --title-extra-bold: "RNS-Sans-ExtraBold", sans-serif;
  --title-bold: "RNS-Sans-Bold", sans-serif;
  --title-normal: "RNS-Sans-Normal", sans-serif;

  --blue-principale : #2CB9AC;
  --gris : #4D4D4D;
  --business : #2060BC;
  --rh : #35B773;
  --design : #F2BB05;
  --informatique : #66C2F8;
}

/* body{
  background-image: url("../../../images/Trace-blue-claire.png"), url("../../../images/Trace-yellow.png"), url("../../../images/Trace-blue.png"), url("../../../images/Trace-violet.png");
  background-repeat: no-repeat;
  background-position: -253% -40%, 460% -55%, 356% 66%, -51% 101%;
} */

html{
  font-size: 62.5%;
}

body{
  background-color: #F5FBFF;
}

body.rh, body.design, body.informatique, body.business{
  background-color: #FFFFFF;
}

p, a, ul, div{
  font-family: var(--text-medium);
  font-size: 1.6rem;
  line-height: 20px;
}

p b, p strong{
  font-family: var(--text-bold);
}

p a, ul a {
  color: var(--blue-principale);
}

p a:hover, ul a:hover {
  color: var(--gris);
  text-decoration: none;
}

small a{
  font-size: 1.3rem;
}

ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: var(--blue-principale);
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

ul li ol li::before{
  content: none;
}

ul li, ol li{
  margin-bottom: 8px;
}

ul#moduleJPOformulaire-filter li::before{
  content: none;
}

#moduleJPOformulaire .day-po, #moduleJPOformulaire .month-po{
  margin: 10px 0;
}

#moduleJPOformulaire .number-po{
  font-size: 4em !important;
}

#moduleJPOformulaire input:not([type="checkbox"]), 
#moduleJPOformulaire textarea, 
#moduleJPOformulaire select, 
#moduleJPOformulaire select option{
  font-size: inherit !important;
}

#moduleJPOformulaire select, #moduleJPOformulaire select option{
  font-size: inherit;
}

#moduleJPOformulaire .form-info {
  font-size: inherit !important;
}

#moduleJPOformulaire label {
  font-family: var(--text-regular);
}

#moduleJPOformulaire h3.color-1-po.text-center, #moduleJPOformulaire h3.color-3-po.text-center{
  font-family: var(--title-extra-bold);
}

.moduleGESFormulaires.CL-theme button, .moduleGESFormulaires.CL-theme div.btn{
  font-family: var(--text-regular);
}

.progress_text.desktop{
  display: flex;
  justify-content: center;
}

h1{
  font-family : var(--title-bold);
  font-size : 3.5rem;
}

h2{
  font-family: var(--title-extra-bold);
  font-size : 2.5rem;
  color: #000;
}

h2 + p, h2 + ul, h2 + ol{
  margin-top: 30px;
}

p + h2, ul + h2, ol + h2{
  margin-top: 30px;
}

p + h3{
  margin-top: 30px;
}

h2 > span{
  color: var(--blue-principale);
}

h2 + h3{
  margin-top: 10px;
}

h3{
  font-family: var(--title-extra-bold);
  color: var(--blue-principale);
  margin-bottom: 15px;
  font-size: 2.2rem;
}

h4{
  font-family: var(--title-bold);
  color: var(--blue-principale);
  margin-bottom: 12px;
  font-size: 2rem;
}


/*MENU*/
.menu-mob{
  margin-top: 65px;
}

.menu-ligne-droit{
  border-bottom: 3px solid var(--blue-principale);
  width: 80%;
  margin-left: 30%;
  margin-bottom: 10px;
}

.menu-ligne-gauche{
  border-bottom: 3px solid var(--blue-principale);
  width: 80%;
  margin-left: -10%;
  margin-bottom: 12px;
}

.nav.navbar-nav li::before{
  content: none;
}

.nav.navbar-nav.filieres{
  background-color: var(--blue-principale);
  border-radius: 0 0 10px 10px;
}

.page-business .nav.navbar-nav.filieres{
  background-color: var(--business);
}
.page-informatique .nav.navbar-nav.filieres{
  background-color: var(--informatique);
}
.page-rh .nav.navbar-nav.filieres{
  background-color: var(--rh);
}
.page-design .nav.navbar-nav.filieres{
  background-color: var(--design);
}

.nav.navbar-nav.filieres a{
  color: var(--gris);
}

.page-business .nav.navbar-nav.filieres a{
  color: white;
}

.nav.navbar-nav a{
  color: black;
  font-size: 1.5rem;
  padding: 10px;
}

.nav-link{
  padding: 0;
}

.navbar-toggler[aria-expanded="true"]::before{
  content: "Fermer ";
  font-size: 1.4rem;
  color: var(--gris);
}

.navbar-toggler[aria-expanded="true"]{
  border: transparent;
  display: flex;
  align-items: center;
  width: 88px;
  justify-content: space-between;
  color: var(--gris);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
  display: none;
}

.navbar-toggler[aria-expanded="false"] .fa-times{
  display: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(44, 185, 172)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler{
  border: 1px solid var(--blue-principale);
}

.img-menu > img{
  background-color: var(--blue-principale);
  width: 90px;
  padding: 10px 10px 0 10px;
  height: auto;
  border-radius: 10px 10px 0 0;
}

.page-business .img-menu > img{
  background-color: var(--business);
}
.page-informatique .img-menu > img{
  background-color: var(--informatique);
}
.page-rh .img-menu > img{
  background-color: var(--rh);
}
.page-design .img-menu > img{
  background-color: var(--design);
}

.img-menu{
  display: flex;
  flex-direction: column;
  align-items: center;
}

#menu-premiere-partie{
  margin-top: 24px;
}

#navbar{
  margin-bottom: 25px;
  justify-content: center;
  align-items: flex-end;
}

#navbar > ul > li:hover > a{
  color: var(--blue-principale);
}

#navbar ul#menu-filieres-1 li a{
  font-weight: bold;
}

#navbar ul#menu-filieres-1 > li:hover > a{
  color: white !important;
  /* text-decoration: underline !important;
  text-decoration-color: white !important;
  text-underline-offset: 8px !important;
  text-decoration-thickness: 2px !important; */
}

#navbar .nav-item{
  margin: 0 5px;
}

#menu-mobile a, .menu-mob-formations{
  text-align: left;
  font-size: 2.5rem;
  font-family: var(--text-medium);
  color: var(--gris);
}

.menu-mob-formations li{
  padding: 10px;
}

#menu-mobile #menu-filieres a{
  font-size: 1.8rem;
  font-family: var(--text-regular);
}

#menu-mobile ul.dropdown-menu.show li a{
  font-size: 1.8rem;
  font-family: var(--text-regular);
}

#menu-mobile ul.dropdown-menu.show{
  border: transparent;
}

.dropdown-menu{
  text-align: center;
  border: 1px solid var(--blue-principale);
}

.dropdown-item:focus, .dropdown-item:hover{
  background-color: #2CB9AC21;
}

.cta-header{
  background-color: var(--blue-principale);
  color: white;
  font-size: 13px;
  padding: 3px 5px;
  border-radius: 5px;
  margin-right: 9px;
}

.cta-header:hover{
  background-color: var(--gris);
  color: white;
  text-decoration: none;
}

@media screen and (max-width: 1200px){
  .navbar-brand img{
    width: 135px;
    height: auto;
  }
}

/*FOOTER*/

footer{
  background-color: #2D2D2D;
  color: white;
  padding-top: 60px;
  margin-top: 50px;
}

footer a{
  color: white;
}

footer a:hover{
  color: var(--blue-principale);
}

.rs-footer{
  background-color: var(--blue-principale);
  height: 25px;
  width: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  border-radius: 5px;
  margin: 5px 3px 40px 5px;
  color: #2D2D2D;
}

.rs-footer:hover{
  color: white;
  text-decoration: none;
}

.titre-rs-footer{
  font-size: 1.3rem;
  text-transform: uppercase;
  font-family: var(--title-bold);
  margin: 40px 0 10px 5px;
}

.titre-footer{
  font-family: var(--title-bold);
  font-size: 2rem;
  margin-bottom: 10px;
}

.logo-footer{
  width: 350px;
  height: auto;
}

.texte-footer{
  font-size: 1.4rem;
}

.img-footer{
  height: auto;
  width: 100px;
  margin: 5px;
}

.footer-menu{
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 50px 0;
  border-top: 1px solid gray;
  padding-top: 50px;
  font-family: var(--text-regular);
  flex-wrap: wrap;
}

.footer-menu a{
  margin: 10px 20px;
}

@media screen and (max-width: 767px){
  .footer-center-mob{
    display: flex;
    align-items: center;
    flex-direction: column;
  }  

  .footer-center-mob > p{
    text-align: center;
  }
}

/*HEADER HOME*/
.img-header-home{
  margin: 20px 0;
}

.header-home-intro > h1{
  font-size: 3.5rem;
  font-family: var(--title-extra-bold);
  color: #000;
}

.header-home-intro > h1 > span {
  color: var(--blue-principale);
}

.header-home-intro{
  max-width: 69rem;
}

.text-header-home > h2{
  font-size: 3.5rem;
  text-align: left !important;
}

.text-header-home > p{
  font-family: var(--text-medium);
  font-size: 1.6rem;
  color: var(--gris);
  line-height: 28px;
}

.text-header-home h2 + p{
  margin-top: 0;
}


/*HOME*/
.atouts{
  border-radius: 41px;
  background-color: white;
  box-shadow: 7px 3px 26px rgba(0, 0, 0, 0.25);
  height: auto;
  padding: 45px 0;
}

.atouts img{
  width: 100px;
  height: auto;
}

.atouts p{
  color: var(--blue-principale);
  font-weight: 600;
  text-align: center;
}

.filieres-home{
  border-radius: 41px;
  height: 355px;
  background-color: white;
  box-shadow: 7px 3px 26px rgba(0, 0, 0, 0.25);
  position: relative;
  margin-top: 70px;
  margin-bottom: 140px;
  display: flex;
}

.filieres-home-mob{
  display: none;
}

.filiere-home{
  position: absolute;
  height: 355px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.filiere-home-ville{
  font-size: 1.4rem;
}

.filiere-home-ville-hover{
  width: 100%;
  margin: 10px;
  font-weight: bold;
}

.filiere-home-img{
  margin-bottom: 20px;
  width: 172px;
  height: auto;
}

.filiere-home-img-hover{
  width: 215px;
  max-width: 100%;
}

.filiere-home-texte{
  margin-top: 20px;
}

.filiere-home-texte-hover{
  margin: 10px;
}

.filiere-home-texte-hover p{
  font-size: 1.5rem;
}

.pin-filiere{
  width: 13px;
  height: auto;
}

.hide{
  display: none;
}

.filiere-home-hover{
  background-color: goldenrod;
  position: absolute;
  height: 464px;
  top: -15%;
  width: 290px;
  border-radius: 27px;
  color: white;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

#hide-business{
  background-color: var(--business);
}
#hide-informatique{
  background-color: var(--informatique);
}
#hide-rh{
  background-color: var(--rh);
}
#hide-design{
  background-color: var(--design);
}

.filiere-home-plus{
  color: white;
  border: 1px solid white;
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
}

.filiere-home-plus:hover{
  background-color: white;
  text-decoration: none;
}

#hide-business .filiere-home-plus:hover{
  color: var(--business);
}
#hide-informatique .filiere-home-plus:hover{
  color: var(--informatique);
}
#hide-rh .filiere-home-plus:hover{
  color: var(--rh);
}
#hide-design .filiere-home-plus:hover{
  color: var(--design);
}

ul.jpo-home li::before{
  content: none;
}

ul.jpo-home li a{
  color: white;
  background-color: var(--gris);
  font-family: var(--title-normal);
  font-size: 1.6rem;
  padding: 5px 10px;
}

.nav-pills.jpo-home .nav-link{
  border-radius: 0;
}

.nav-pills.jpo-home .nav-item:first-child .nav-link{
  border-radius: 10px 0 0 10px;
}

.nav-pills.jpo-home .nav-item:last-child .nav-link{
  border-radius: 0 10px 10px 0;
}

.nav-pills.jpo-home .nav-link.active, .nav-pills.jpo-home .show > .nav-link{
  background-color: var(--blue-principale);
}

.page-business .nav-pills.jpo-home .nav-link.active, .nav-pills.jpo-home .show > .nav-link{
  background-color: var(--business);
}
.page-design .nav-pills.jpo-home .nav-link.active, .nav-pills.jpo-home .show > .nav-link{
  background-color: var(--design);
}
.page-informatique .nav-pills.jpo-home .nav-link.active, .nav-pills.jpo-home .show > .nav-link{
  background-color: var(--informatique);
}
.page-rh .nav-pills.jpo-home .nav-link.active, .nav-pills.jpo-home .show > .nav-link{
  background-color: var(--rh);
}

.tab-content.jpo-home{
  margin-top: 20px;
  padding: 0;
}

.tab-content.jpo-home > div{
  padding: 0;
}

.tab-content.jpo-home .tab-pane.container.active.show{
  animation: slide-in-right 1s ease;
}

@keyframes slide-in-right {
  0% { transform: translateX(100%); }
  100% { transform: translateX(0); }
}

.icon{
  width: 20px;
  height: auto;
  margin-right: 10px;
}

.sepertateur{
  color: var(--blue-principale);
  margin: 0 10px;
}

.block-jpo{
  margin: 20px 0;
}

.block-jpo:hover{
  text-decoration: none;
}

.block-jpo:not(:first-child){
  margin-left: 20px;
}

.block-jpo-evenement{
  background-color: var(--gris);
  color: white;
  border-radius: 7px;
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 116px;
  height: auto;
  padding: 4px;
  line-height: 16px;
  text-align: center;
}

.block-jpo-date{
  background-color: var(--blue-principale);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 116px;
  height: 95px;
  border-radius: 17px;
  font-family: var(--text-regular);
  font-size: 1.6rem;
}

.page-business .block-jpo-date{
  background-color: var(--business);
}
.page-design .block-jpo-date{
  background-color: var(--design);
  color: black;
}
.page-informatique .block-jpo-date{
  background-color: var(--informatique);
}
.page-rh .block-jpo-date{
  background-color: var(--rh);
}

.block-jpo-date span{
  font-size: 3rem;
  font-family: var(--text-bold);
}

.block-jpo-heure{
  background-color: var(--gris);
  color: white;
  border-radius: 7px;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 116px;
  height: 32px;
}

.block-actus{
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #66C2F84A;
  border-radius: 15px;
  width: 100%;
  min-height: 272px;
  padding: 20px;
  margin-bottom: 20px;
}

.block-actu-img{
  border-radius: 13px;
  object-fit: cover;
  height: 125px;
  width: 100%;
}

.block-actu-auteur{
  background: radial-gradient(closest-side, #2CB9AC, #2FD5C6);
  opacity: 0.9;
  padding: 8px;
  border-radius: 8px;
  display: inline-block;
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: -17px;
  border: 1px solid var(--blue-principale);
}

.block-actu-titre a{
  color: black;
  font-family: var(--text-bold);
}

.block-actu-titre{
  margin: 10px 0 5px 0;
}

.block-actu-text{
  width: 75%;
  margin-left: 15px;
}

.bloc-actu-plus{
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 50%;
}

.page-design .bloc-actu-plus{
  background-color: var(--design);
  border: 1px solid var(--design);
}
.page-business .bloc-actu-plus{
  background-color: var(--business);
  border: 1px solid var(--business);
}
.page-informatique .bloc-actu-plus{
  background-color: var(--informatique);
  border: 1px solid var(--informatique);
}
.page-rh .bloc-actu-plus{
  background-color: var(--rh);
  border: 1px solid var(--rh);
}

.page-design .bloc-actu-plus:hover{
  background-color: #B7DFF6; 
  border: 1px solid var(--design);
}
.page-business .bloc-actu-plus:hover{
  background-color: #B7DFF6;
  border: 1px solid var(--business);
}
.page-informatique .bloc-actu-plus:hover{
  background-color: #B7DFF6;
  border: 1px solid var(--informatique);
}
.page-rh .bloc-actu-plus:hover{
  background-color: #B7DFF6;
  border: 1px solid var(--rh);
}

.block-actu-plus{
  width: 15%;
  position: relative;
}

.block-actu-plus a:hover::before{
  content: "Lire plus";
  color: black;
  font-size: 1.1rem;
  text-decoration: none;
  font-weight: bold;
  position: absolute;
  bottom: 37px;
  width: 45px;
  text-align: center;
  left: 23%;
}

@media screen and (max-width: 1200px){
  .filieres-home{
    display: none;
  }

  .filieres-home-mob{
    display: flex;
  }

  .filiere-home-mob-bloque{
    margin: 10px;
    border-radius: 11px;
    padding: 10px;
  }

  .filiere-home-mob-bloque.business{
    background-color: var(--business);
  }
  .filiere-home-mob-bloque.design{
    background-color: var(--design);
  }
  .filiere-home-mob-bloque.rh{
    background-color: var(--rh);
  }
  .filiere-home-mob-bloque.informatique{
    background-color: var(--informatique);
  }

  .p-0-mob{
    padding: 0;
  }
}

@media screen and (max-width: 767px){
  .nav.nav-pills.jpo-home{
    display: flex;
    justify-content: center;
  }

  .tab-content > .active {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/*PAGES FORMATIONS*/
.formule{
  position: absolute;
  padding: 10px;
  font-size: 2.2rem;
  border-radius: 10px;
  color: white;
  font-family: var(--title-bold);
  top: 84%;
  left: 71%;
  transform: translate(-50%, -50%) rotate(-6deg);
}

.page-business .formule{
  border : 1px solid var(--business);
  background-color: rgb(32, 96, 188, 0.85);
}
.page-design .formule{
  border: 1px solid var(--design);
  background-color: rgb(242, 187, 5, 0.95)
}
.page-informatique .formule{
  background-color: rgb(135, 206, 248, 0.95);
  border: 1px solid var(--informatique);
}
.page-rh .formule{
  border: 1px solid var(--rh);
  background-color: rgb(53, 183, 115, 0.75);
}

.header-formation{
  position: relative;
  display: block;
}

.header-formation > img{
  width: 100%;
  height: auto;
}

.header-formation-title{
  position: absolute;
  max-width: 690px;
  top: 50%;
  left: 50%;
  transform: translate(-80%, -50%);
  text-transform: uppercase;
}

.header-formation-title > h1{
  font-size: 3.9rem;
  font-family: var(--title-normal);
}

.header-formation-title > h1 > div{
  font-size: 2.5rem;
  line-height: 35px;
  margin-top: 15px;
}

.header-formation-title > h1 > b{
  font-family: var(--title-extra-bold);
}

.header-formation-title.business > h1{
  color: var(--business);
}

.header-formation-title.rh > h1{
  color: var(--rh);
}

.header-formation-title.design > h1{
  color: var(--design);
}

.header-formation-title.informatique > h1{
  color: var(--informatique);
}

.infos-diplome-block{
  display: flex;
  flex-direction: column;
  padding: 30px;
  justify-content: center;
  align-items: center;
}

.infos-diplome-block:not(:last-child){
  border-right: 1px solid black;
}

.bg-business .infos-diplome-block:not(:last-child){
  border-right: 1px solid white;
}
.bg-rh .infos-diplome-block:not(:last-child){
  border-right: 1px solid white;
}

.bg-business .infos-diplome-block, .bg-rh .infos-diplome-block{
  color: white;
}

.bg-business .infos-diplome-block a, .bg-rh .infos-diplome-block a{
  color: white;
  text-decoration: underline;
}

.bg-design .infos-diplome-block a, .bg-informatique .infos-diplome-block a{
  color: black;
  text-decoration: underline;
}

.infos-diplome-titre{
  font-family: var(--text-extra-bold);
  font-size: 2rem;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px;
}

.infos-diplome-texte{
  font-family: var(--text-regular);
  font-size: 1.6rem;
}

.card{
  border-radius: 10px;
}

.card-header{
  padding: 3px;
}

.card:first-child .card-header{
  border-radius: 10px 10px 0 0;
}

.card:last-child .card-header{
  border-radius: 0 0 10px 10px;
}

.card:last-child.one-toggle .card-header{
  border-radius: 10px;
}

.card-header.design{
  background-color: var(--design);
}

.card-header.rh{
  background-color: var(--rh);
}

.card-header.informatique{
  background-color: var(--informatique);
}

.card-header.business{
  background-color: var(--business);
}

.card-header button{
  color: white;
  font-family: var(--title-extra-bold);
  text-transform: uppercase;
  font-size: 1.7rem;
  white-space: break-spaces;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

.card-header button:hover{
  color: white;
  text-decoration: none;
}

.card-header:hover{
  background-color: var(--gris);
}

@media screen and (max-width: 767px){
  .infos-diplome-block:not(:last-child){
    border-right: none;
    border-bottom: 1px solid black;
  }

  .bg-business .infos-diplome-block:not(:last-child){
    border-bottom: 1px solid white;
  }
  .bg-rh .infos-diplome-block:not(:last-child){
    border-bottom: 1px solid white;
  }

  .infos-diplome-block{
    align-items: flex-start;
  }

  .accordion-formation .card .card-header{
    background-color: white;
    padding: 10px 0;
  }

  .card, .card-header{
    border: none;
  }

  .accordion-pages .card-header button{
    color: initial;
  }

  .card-header button{
    color: var(--gris);
  }

  .page-design .accordion-formation .card:nth-child(even) button{
    color: var(--design);
  }
  .page-business .accordion-formation .card:nth-child(even) button{
    color: var(--business);
  }
  .page-rh .accordion-formation .card:nth-child(even) button{
    color: var(--rh);
  }
  .page-informatique .accordion-formation .card:nth-child(even) button{
    color: var(--informatique);
  }

  .card-header button:hover{
    color: initial;
  }
}

@media screen and (max-width: 590px){
  .card-header button{
    font-size: 1.6rem;
  }
}

@media screen and (max-width : 1045px){
  .header-formation > img{
    display: none;
  }

  .header-formation-title{
    position: inherit;
    max-width: 100%;
    transform: inherit;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0;
    padding-top: 10px;
  }

  .header-formation-title > h1{
    font-size: 3.2rem;
  }

  .formule{
    top: 0%;
    left: 60%;
    width: 120px;
    text-align: center;
    padding: 4px;
    font-size: 1.3rem;
  }
}

/*PAGE FILIERES*/
.infos-filiere-mob{
  display: none;
}

.jpo-filiere h2::before{
  content: none !important;
}

.bg-brush-small{
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  padding: 20px 0;
  margin-bottom: 25px;
}

.bg-brush-small-design{
  background-image: url("../../../images/brush-bg-small-design.png");
}
.bg-brush-small-business{
  background-image: url("../../../images/brush-bg-small-business.png");
}
.bg-brush-small-informatique{
  background-image: url("../../../images/brush-bg-small-informatique.png");
}
.bg-brush-small-rh{
  background-image: url("../../../images/brush-bg-small-rh.png");
}

.bg-brush-large{
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  padding: 20px 0;
  margin-bottom: 25px;
}

.bg-brush-large-design{
  background-image: url("../../../images/brush-bg-grand-design.png");
}
.bg-brush-large-business{
  background-image: url("../../../images/brush-bg-grand-business.png");
}
.bg-brush-large-informatique{
  background-image: url("../../../images/brush-bg-grand-informatique.png");
}
.bg-brush-large-rh{
  background-image: url("../../../images/brush-bg-grand-rh.png");
}

.page-business h3{
  color: var(--business);
}
.page-design h3{
  color: var(--design);
}
.page-informatique h3{
  color: var(--informatique);
}
.page-rh h3{
  color: var(--rh);
}

.page-business h2::before{
  content: url("../../../images/h2-business.png");
  margin-right: 10px;
}
.page-design h2::before{
  content: url("../../../images/h2-design.png");
  margin-right: 10px;
}
.page-informatique h2::before{
  content: url("../../../images/h2-informatique.png");
  margin-right: 10px;
}
.page-rh h2::before{
  content: url("../../../images/h2-rh.png");
  margin-right: 10px;
}

.filieres-formation-rythmes{
  font-family: var(--text-medium);
  font-size: 1.6rem;
  color: var(--gris);
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.filieres-formation-rythmes b{
  text-transform: uppercase;
}

.page-business .filieres-formation-rythmes b{
  color: var(--business);
}
.page-design .filieres-formation-rythmes b{
  color: var(--design);
}
.page-informatique .filieres-formation-rythmes b{
  color: var(--informatique);
}
.page-rh .filieres-formation-rythmes b{
  color: var(--rh);
}

.filieres-formation-rythmes .block-spe{
  color: white;
  padding: 0 5px;
  margin: 0 5px 0 5px;
  border-radius: 2px;
}

.filieres-formation-rythmes .block-sp + b{
  margin-left: 5px;
}

.page-business .block-spe{
  background-color: var(--business);
}
.page-design .block-spe{
  background-color: var(--design);
}
.page-informatique .block-spe{
  background-color: var(--informatique);
}
.page-rh .block-spe{
  background-color: var(--rh);
}

.filieres-formation-rythmes .block-annee{
  color: white;
  padding: 0 5px;
  background-color: var(--gris);
  margin: 0 5px 0 5px;
  border-radius: 2px;
}

.h2-filiere-titre{
  display: inline;
  color: white;
  font-size: 2.2rem;
  padding: 5px 10px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 2px;
}

.h2-filiere-titre::before{
  content: none !important;
}

.page-business .h2-filiere-titre{
  background-color: var(--business);
}
.page-design .h2-filiere-titre{
  background-color: var(--design);
}
.page-informatique .h2-filiere-titre{
  background-color: var(--informatique);
}
.page-rh .h2-filiere-titre{
  background-color: var(--rh);
}

.filiere-formations-desktop{
  display: block;
}

.filiere-formations-mob{
  display: none;
}

.header-filiere {
  position: relative;
  display: block;
  width: 100%;
}

.header-filiere > img{
  width: 100%;
}

.header-filiere-block{
  position: absolute;
  top: 53%;
  left: 40%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 37px;
  padding: 25px 30px;
  width: 376px;
  display: block;
}

.header-filiere-block-mob{
  display: none;
}

.header-filiere-block h1{
  color: black;
  text-transform: uppercase;
  font-family: var(--title-extra-bold);
  font-size: 4.1rem;
  line-height: 37px;
}

.page-design .header-filiere-block h1 span{
  color: var(--design);
}
.page-business .header-filiere-block h1 span{
  color: var(--business);
}
.page-rh .header-filiere-block h1 span{
  color: var(--rh);
}
.page-informatique .header-filiere-block h1 span{
  color: var(--informatique);
}

.header-filiere-block a, .header-filiere-block-mob a{
  color: black;
}

.header-filiere-block a:hover{
  text-decoration: underline;
}

.page-design .header-filier-block-info:not(:last-child){
  border-bottom: 1px solid var(--design);
}
.page-business .header-filier-block-info:not(:last-child){
  border-bottom: 1px solid var(--business);
}
.page-rh .header-filier-block-info:not(:last-child){
  border-bottom: 1px solid var(--rh);
}
.page-informatique .header-filier-block-info:not(:last-child){
  border-bottom: 1px solid var(--informatique);
}

.header-filier-block-info:not(:last-child) {
  padding: 13px 0;
}

.header-filier-block-info:last-child {
  padding: 13px 0 0 0;
}

.page-design .fa-map-marker-alt{
  color: var(--design);}

.page-business .fa-map-marker-alt{
  color: var(--business);
}
.page-rh .fa-map-marker-alt{
  color: var(--rh);
}
.page-informatique .fa-map-marker-alt{
  color: var(--informatique);
}

.nav.nav-tabs.filieres a{
  font-family: var(--text-bold);
  color: var(--gris);
  font-size: 2rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.nav.nav-tabs.filieres a:hover, .nav.nav-tabs.filieres a:focus{
  border-color: transparent;
}

.page-design .nav.nav-tabs.filieres a.nav-item.nav-link.show.active{
  background-color: transparent;
  color: var(--design);
}
.page-business .nav.nav-tabs.filieres a.nav-item.nav-link.show.active{
  background-color: transparent;
  color: var(--business);
}
.page-informatique .nav.nav-tabs.filieres a.nav-item.nav-link.show.active{
  background-color: transparent;
  color: var(--informatique);
}
.page-rh .nav.nav-tabs.filieres a.nav-item.nav-link.show.active{
  background-color: transparent;
  color: var(--rh);
}

.nav.nav-tabs.filieres a:not(:last-child){
  margin-right: 20px;
  padding-right: 20px;
}

.page-design .nav.nav-tabs.filieres a:not(:last-child){
  border-right: 1px solid var(--design);
}
.page-business .nav.nav-tabs.filieres a:not(:last-child){
  border-right: 1px solid var(--business);
}
.page-rh .nav.nav-tabs.filieres a:not(:last-child){
  border-right: 1px solid var(--rh);
}
.page-informatique .nav.nav-tabs.filieres a:not(:last-child){
  border-right: 1px solid var(--informatique);
}

#filiere-design .nav.nav-tabs.filieres a:not(:last-child){
  border-right: 1px solid var(--design);
}
#filiere-business .nav.nav-tabs.filieres a:not(:last-child){
  border-right: 1px solid var(--business);
}
#filiere-ressources-humaines .nav.nav-tabs.filieres a:not(:last-child){
  border-right: 1px solid var(--rh);
}
#filiere-informatique .nav.nav-tabs.filieres a:not(:last-child){
  border-right: 1px solid var(--informatique);
}

#nav-tab-formations.nav-tabs{
  border-bottom: none;
  justify-content: center;
}

#nav-tab-formations .nav-item.nav-link.active.show{
  border-top-color: transparent;
  border-bottom-color: transparent;
  background-color: transparent;
}

.block-filieres-formations{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.filiere-formation{
  border-radius: 21px;
  width: 309px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px 20px 0;
  text-align: center;
  font-family: var(--title-extra-bold);
  font-size: 1.9rem;
  text-transform: uppercase;
  padding: 15px;
  flex-direction: column;
}

.filiere-formation span{
  color: black;
  font-family: var(--title-normal);
}

.filiere-formation div{
  font-size: 1.5rem;
  line-height: 16px;
  margin-top: 5px;
}

#nav-tab-formationsContent{
  position: relative;
}

.btnPrevious, .btnNext{
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;

  text-align: center;
  background-color: white;
  border-radius: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.page-design .btnPrevious i, .page-design .btnNext i{
  color: var(--design);
}
.page-rh .btnPrevious i, .page-rh .btnNext i{
  color: var(--rh);
}
.page-business .btnPrevious i, .page-business .btnNext i{
  color: var(--business);
}
.page-informatique .btnPrevious i, .page-informatique .btnNext i{
  color: var(--informatique);
}

.btnPrevious:hover, .btnNext:hover{
  cursor: pointer;
}

.btnPrevious{
  left: 0;
}

.btnNext{
  right: 0;
}

.page-design .filiere-formation{
  border: 2px solid var(--design);
  color: var(--design);
}
.page-rh .filiere-formation{
  border: 2px solid var(--rh);
  color: var(--rh);
}
.page-business .filiere-formation{
  border: 2px solid var(--business);
  color: var(--business);
}
.page-informatique .filiere-formation{
  border: 2px solid var(--informatique);
  color: var(--informatique);
}

.filieres-metiers-desktop{
  display: block;
}

.filieres-metiers-mob{
  display: none;
}

.block-metier{
  height: auto;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 25px 25px 40px 25px;
  margin-bottom: 65px;
}

.page-design .block-metier{
  background: transparent linear-gradient(180deg, #F2C942ED 84%, #F2C942 100%);
}
.page-informatique .block-metier{
  background: transparent linear-gradient(180deg, #66C2F8ED 84%, #66C2F8 100%);
}
.page-rh .block-metier{
  background: #66EDA6;
}
.page-business .block-metier{
  background: #7E97BC;
}

.page-design .metiers > div:nth-child(2) > .block-metier{
  background: transparent linear-gradient(180deg, #F2D77EED 84%, #F2D77E 100%);
}
.page-design .metiers > div:nth-child(3) > .block-metier{
  background: transparent linear-gradient(180deg, #F2BB05ED 84%, #F2BB05 100%);
}

.page-informatique .metiers > div:nth-child(2) > .block-metier{
  background: transparent linear-gradient(180deg, #A4D9F8ED 84%, #A4D9F8 100%);
}
.page-informatique .metiers > div:nth-child(3) > .block-metier{
  background: transparent linear-gradient(180deg, #039DF8ED 84%, #039DF8 100%);
}

.page-rh .metiers > div:nth-child(2) > .block-metier{
  background: #57D794;
}
.page-rh .metiers > div:nth-child(3) > .block-metier{
  background: #35B773;
}

.page-business .metiers > div:nth-child(2) > .block-metier{
  background: transparent linear-gradient(180deg, #2060BCED 84%, #2060BC 100%);
}
.page-business .metiers > div:nth-child(3) > .block-metier{
  background: transparent linear-gradient(180deg, #4F7CBCED 84%, #4F7CBC 100%);
}

.block-metier-titre{
  font-size: 1.6rem;
  font-family: var(--text-bold);
  text-transform: uppercase;
  margin-bottom: 15px;
  text-align: center;
}
  
.block-metier .toggle_btn_metier{
  cursor: pointer;
  font-size: 3rem;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -32px;
  border: 1px solid white;
  background-color: white;
  box-shadow: 0px 3px 6px #00000029;
}

.page-design .block-metier .toggle_btn_metier{
  color: var(--design);
}
.page-business .block-metier .toggle_btn_metier{
  color: var(--business);
}
.page-rh .block-metier .toggle_btn_metier{
  color: var(--rh);
}
.page-informatique .block-metier .toggle_btn_metier{
  color: var(--informatique);
}

.block-metier .toggle_btn_metier:hover{
  color: white;
}

.page-design .block-metier .toggle_btn_metier:hover{
  background-color: var(--design);
}
.page-business .block-metier .toggle_btn_metier:hover{
  background-color: var(--business);
}
.page-rh .block-metier .toggle_btn_metier:hover{
  background-color: var(--rh);
}
.page-informatique .block-metier .toggle_btn_metier:hover{
  background-color: var(--informatique);
}

.block-metier .toggle_btn_metier.active .fas{
  transform: rotate(135deg);
}

.block-metier .block-metier-info.collapse:not(.show) {
  display: block;
  height: 3rem;
  overflow: hidden;
}

.block-metier .block-metier-info.collapsing {
  height: 3rem;
}

.block-metier a:not(.collapsed) .fas{
  transform: rotate(135deg);
}

.block-metier ul{
  padding-left: 0;
}

.page-design .block-metier ul li::before, .page-rh .block-metier ul li::before, .page-informatique .block-metier ul li::before{
  margin-left: 0;
  color: black;
}

.page-business .block-metier ul li::before, .page-rh .block-metier ul li::before{
  color: white;
  margin-left: 0;
}
.page-business .block-metier, .page-rh .block-metier{
  color: white;
}

.page-business .block-metier a, .page-rh .block-metier a{
  color: white;
  text-decoration: underline;
}
.page-design .block-metier a, .page-informatique .block-metier a{
  color: black;
  text-decoration: underline;
}
.page-business .block-metier a:hover, .page-rh .block-metier a:hover{
  color: black;
  text-decoration: underline;
}
.page-design .block-metier a:hover{
  color: var(--blue-principale);
  text-decoration: underline;
}
.page-informatique .block-metier a:hover{
  color: white;
}


.page-design .block-actu-auteur{
  border: 1px solid #D2D2D2;
  background: var(--design);
}
.page-informatique .block-actu-auteur{
  border: 1px solid #D2D2D2;
  background: var(--informatique);
}
.page-rh .block-actu-auteur{
  border: 1px solid #D2D2D2;
  background: var(--rh);
}
.page-business .block-actu-auteur{
  border: 1px solid #D2D2D2;
  background: var(--business);
}

.header-filier-block-info a:not(:last-child):after{
  content: ', ';
}

@media screen and (max-width: 1290px){
  .header-filier-block-info {
    padding: 0;
  }

  .filier-block-info-mob{
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 7px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  .filier-block-info-mob p{
    font-size: 1.3rem;
    text-align: center;
  }

  .filier-block-info-mob p strong, .filier-block-info-mob p b{
    font-family: var(--text-medium);
  } 

  .page-business .filier-block-info-mob:not(:last-child){
    border-right: 1px solid var(--business);
  }
  .page-design .filier-block-info-mob:not(:last-child){
    border-right: 1px solid var(--design);
  }
  .page-rh .filier-block-info-mob:not(:last-child){
    border-right: 1px solid var(--rh);
  }
  .page-informatique .filier-block-info-mob:not(:last-child){
    border-right: 1px solid var(--informatique);
  }

  .header-filiere-block{
    display: none;
  }

  .header-filiere img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 372px;
  }

  .header-filiere-block-mob{
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 37px;
    padding: 25px;
    min-width: 230px;
    display: block;
  }

  .header-filiere-block-mob h1 {
    color: black;
    text-transform: uppercase;
    font-family: var(--title-extra-bold);
    font-size: 2.2rem;
    line-height: 20px;
  }

  .header-filiere-block-mob h1 span{
    font-size: 16px;
  }

  .page-design .header-filiere-block-mob h1 span {
    color: var(--design);
  }
  .page-business .header-filiere-block-mob h1 span {
    color: var(--business);
  }
  .page-rh .header-filiere-block-mob h1 span {
    color: var(--rh);
  }
  .page-informatique .header-filiere-block-mob h1 span {
    color: var(--informatique);
  }

  .infos-filiere-mob{
    display: block;
  }

  .bg-brush-large, .bg-brush-small{
    background-size: cover;
  }
}

@media screen and (max-width: 768px){
  .block-filieres-formations{
    justify-content: center;
  }

  .filiere-formation{
    margin: 0 0 20px 0;
  }

  .filiere-formations-desktop{
    display: none;
  }

  .filiere-formations-mob{
    display: block;
  }

  #carouselFiliereFormations .carousel-inner{
    border-radius: 18px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }

  .filiere-niveau-mob{
    font-size: 2rem;
    color : var(--gris);
    font-family: var(--text-bold);
    text-transform: uppercase;
    text-align: center;
    margin: 30px 10px 20px 10px;
  }

  .carousel-item .filieres-formation-rythmes{
    margin: 0 15px;
    margin-bottom: 20px;
  }

  .filiere-formation-mob{
    color: white;
    text-transform: uppercase;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .filiere-formation-mob div{
    font-family: var(--title-bold);
  }

  .page-business .filiere-formation-mob{
    background-color: var(--business);
  }
  .page-rh .filiere-formation-mob{
    background-color: var(--rh);
  }
  .page-design .filiere-formation-mob{
    background-color: var(--design);
  }
  .page-informatique .filiere-formation-mob{
    background-color: var(--informatique);
  }

  .carousel-control-formations{
    background-color: white;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }

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

  .page-business .carousel-control-formations i{
    color: var(--business);
  }
  .page-design .carousel-control-formations i{
    color: var(--design);
  }
  .page-informatique .carousel-control-formations i{
    color: var(--informatique);
  }
  .page-rh .carousel-control-formations i{
    color: var(--rh);
  }
}

@media screen and (max-width: 575px){
  .bg-brush-small, .bg-brush-large{
    padding: 20px 15px;
  }

  .header-filiere img{
    height: 275px;
  }
}



/*CAMPUS*/

.header-campus{
  position: relative;
  margin-bottom: 66px;
}

.header-campus-title{
  position: absolute;
  opacity: 0.99;
  top: 98%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  justify-content: center;
}

.header-campus-title h1{
  color: white;
  font-family: var(--text-medium);
  font-size: 36px;
  margin-bottom: 0;
  text-align: center;
  background: transparent radial-gradient(closest-side at 76% 25%, var(--blue-principale) 0%, #2FD5C6 100%) 0% 0% no-repeat padding-box;
  border: 1px solid var(--blue-principale);
  border-radius: 7px;
  padding: 0 10px;
  display: inline-block;
}

.header-campus.no-header{
  position: initial;
  margin: 40px 0 60px 0;
}

.header-campus.no-header .header-campus-title{
  position: initial;
  transform: none;
}

.bg-chiffres{
  background: transparent radial-gradient(closest-side at 76% 25%, var(--blue-principale) 0%, #2FD5C6 100%) 0% 0% no-repeat padding-box;
  border: 1px solid var(--blue-principale);
  opacity: 0.99;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  min-height: 143px;
  display: flex;
  align-items: center;
  padding: 35px 0 30px 0;
}

.chiffre{
  font-family: var(--text-regular);
  font-size: 16px;
  color: white;
  text-align: center;
}

.chiffre span{
  font-family: var(--text-bold);
  font-size: 40px;
  color: white;
  text-align: center;
  margin-bottom: 20px;
}

.ressources-humaines-bouton svg{
  fill: var(--rh);
}
.informatique-bouton svg{
  fill: var(--informatique);
}
.design-bouton svg{
  fill: var(--design);
}
.business-bouton svg{
  fill: var(--business);
}

.ressources-humaines-bouton:hover, .ressources-humaines-bouton.active.show{
  background-color: var(--rh);
}
.informatique-bouton:hover, .informatique-bouton.active.show{
  background-color: var(--informatique);
}
.design-bouton:hover, .design-bouton.active.show{
  background-color: var(--design);
}
.business-bouton:hover, .business-bouton.active.show{
  background-color: var(--business);
}

.ressources-humaines-bouton:hover svg, .ressources-humaines-bouton.active.show svg{
  fill: white;
}
.informatique-bouton:hover svg, .informatique-bouton.active.show svg{
  fill: white;
}
.design-bouton:hover svg, .design-bouton.active.show svg{
  fill: white;
}
.business-bouton:hover svg, .business-bouton.active.show svg{
  fill: white;
}

.bouton-campus-filiere{
  width: 105px;
}

.bouton-campus-filiere:hover, .bouton-campus-filiere.active.show{
  border-radius: 0;
}

li:first-child:hover .bouton-campus-filiere, li:first-child .bouton-campus-filiere.active.show{
  border-radius: 15px 0 0 15px;
}

li:last-child:hover .bouton-campus-filiere, li:last-child .bouton-campus-filiere.active.show{
  border-radius: 0 15px 15px 0;
}

ul#filieres{
  display: flex;
  justify-content: space-around;
  border: 0;
  box-shadow: 0px 3px 6px #00000029;
  height: 62px;
  align-items: center;
  border-radius: 15px;
  margin: 20px 0;
  max-width: 100%;
}

ul#filieres li{
  height: 62px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

ul#filieres li:first-child{
  border-radius: 15px 0 0 15px;
}

ul#filieres li:last-child{
  border-radius: 0 15px 15px 0;
}

ul#filieres li::before{
  content: none;
}

ul#filieres li a{
  border-color: transparent;
  width: 100%;
  padding: 0 70px 0 70px;
  height: 100%;
  display: flex;
  align-items: center;
}

#filieresContent{
  width: 100%;
  margin-bottom: 50px;
}

.block-campus-formation{
  position: relative;
  display: flex;
  justify-content: center;
}

.nav-item.nav-item-business.nav-link.sub-nav.show.active{
  color: var(--business);
}
.nav-item.nav-item-ressources-humaines.nav-link.sub-nav.show.active{
  color: var(--rh);
}
.nav-item.nav-item-design.nav-link.sub-nav.show.active{
  color: var(--design);
}
.nav-item.nav-item-informatique.nav-link.sub-nav.show.active{
  color: var(--informatique);
}

.campus-formation-img{
  width: 280px;
  border-radius: 15px;
  margin: 20px 0;
}

.campus-formation-titre{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 7px;
  border-radius: 15px;
  text-align: center;
  color: white;
  font-size: 16px;
  font-family: var(--text-bold);
  height: 115px;
  width: 195px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: width 0.5s, height 0.5s;

}

.campus-formation-titre small{
  line-height: 14px;
  margin-top: 4px;
}

.campus-formation-titre.business{
  background-color: rgb(32, 96, 188, 0.75);
  border: 1px solid #66C2F8;
}
.campus-formation-titre.design{
  background-color: rgb(242, 187, 5, 0.75);
  border: 1px solid var(--design);
}
.campus-formation-titre.informatique{
  background-color:rgb(102, 194, 248, 0.75);
  border: 1px solid var(--informatique);
}
.campus-formation-titre.ressources-humaines{
  background-color: rgb(53, 183, 115, 0.75);
  border: 1px solid var(--rh);
}

.campus-formation-titre:hover{
  height: 144px;
  width: 280px;
  padding : 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-decoration: none;
}

.campus-programmes{
  display: flex;
  justify-content: space-around;
  height: auto;
}

.block-campus-programmes{
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 15px;
  padding: 30px;
  max-width: 650px;
  margin: 20px 0;
  box-sizing: border-box;
  flex-basis: 48%;
  position: relative;
  padding: 45px 30px 30px 30px;
  background-color: white;
}

.titre-campus-programmes{
  position: absolute;
  background: transparent radial-gradient(closest-side at 76% 25%, var(--blue-principale) 0%, #2FD5C6 100%) 0% 0% no-repeat padding-box;
  border: 1px solid var(--blue-principale);
  border-radius: 7px;
  opacity: 0.99;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  padding: 7px 18px;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 26px;
  color: white;
  font-family: var(--text-bold);
  text-align: center;
  line-height: 25px;
}

.campus-info{
  background: transparent radial-gradient(closest-side at 76% 25%, var(--blue-principale) 0%, #2FD5C6 100%) 0% 0% no-repeat padding-box;
  border: 1px solid var(--blue-principale);
  border-radius: 7px;
  opacity: 0.99;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  padding-right: 30px;
  color: white;
  font-size: 16px;
  font-family: var(--text-medium);
  margin: 0 15px;
  display: flex;
  align-items: center;
  word-break: break-all;
}

.campus-icon{
  width: 70px;
  height: 70px;
}

.campus-formations-desktop{
  display: block;
}

.campus-formations-mob{
  display: none;
}

@media only screen and (max-width: 1200px){
  .campus-formations-desktop{
    display: none;
  }

  .campus-formations-mob{
    display: block;
  }

  .card.campus{
    border: none;
    border-radius: 15px;
    display: flex;
    align-items: center;
    margin: 40px 0;
    background: transparent;
  }

  .card:first-child .card-header, .card:last-child .card-header{
    border-radius: 10px;
  }

  .accordion-pages .card:first-child .card-header, .card:last-child .card-header{
    border-radius: 10px;
  }

  .card-header.campus{
    border: none;
    width: 145px;
    border-radius: 10px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .card-header.campus.ressources-humaines{
    background-color: var(--rh);
  }
  .card-header.campus.design{
    background-color: var(--design);
  }
  .card-header.campus.business{
    background-color: var(--business);
  }
  .card-header.campus.informatique{
    background-color: var(--informatique);
  }

  .card-header.campus button svg{
    width: 105px;
    height: auto;
    fill: white;
  }

  .campus-filiere-title-mob{
    font-family: var(--text-medium);
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 20px;
  }

  .campus-filiere-title-mob::before{
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 9px;
    content: "";
    background-repeat: no-repeat;
    margin-right: 9px;
  }

  .campus-filiere-title-mob.business::before{
    background-image: url("../../../images/h2-business-mob.png");
  }
  .campus-filiere-title-mob.design::before{
    background-image: url("../../../images/h2-design-mob.png");
  }
  .campus-filiere-title-mob.informatique::before{
    background-image: url("../../../images/h2-informatique-mob.png");
  }
  .campus-filiere-title-mob.ressources-humaines::before{
    background-image: url("../../../images/h2-rh-mob.png");
  }

  .campus-filiere-formation-mob{
    display: flex;
    justify-content: space-between;
    font-family: var(--text-regular);
    font-size: 16px;
    color: #000;
    margin: 10px 0;
    align-items: center;
  }

  .campus-filiere-formation-mob.business .fa-chevron-right{
    color: var(--business);
  }
  .campus-filiere-formation-mob.design .fa-chevron-right{
    color: var(--design);
  }
  .campus-filiere-formation-mob.informatique .fa-chevron-right{
    color: var(--informatique);
  }
  .campus-filiere-formation-mob.ressources-humaines .fa-chevron-right{
    color: var(--rh);
  }

  .voir-fermer{
    font-family: var(--text-regular);
    font-size: 13px;
    position: absolute;
    top: 52px;
    border-radius: 4px;
    background-color: white;
    padding: 0px 5px;
    box-shadow: 0 3px 6px 0px #00000029;
  }

  .card-header.campus button.collapsed + div::after{
    content: 'Voir les formations';
  }

  .card-header.campus button:not(.collapsed) + div::after{
    content: 'Fermer';
  }
}

@media only screen and (max-width: 992px){
  .header-campus-title h1{
    font-size: 25px;

  }

  .block-campus-programmes{
    min-height: auto;
    flex-basis: 100%;
  }

  .filieres-metiers-desktop{
    display: none;
  }

  .filieres-metiers-mob{
    display: block;
  }

  .filieres-metiers-mob div .carousel-inner{
    overflow: initial;
  }

  .campus-info{
    width: 100%;
    max-width: initial;
    margin: 5px 15px;
  }
}


@media screen and (max-width: 767px){
  .chiffre{
    margin-top: 20px;
  }

  .bg-chiffres{
    padding: 30px 0;
  }

  .bouton-campus-filiere {
    width: 84px;
  }
}

@media screen and (max-width: 547px){
  .bouton-campus-filiere {
    width: 50px;
  }
}

@media only screen and (max-width: 480px){
  .header-campus-title h1{
    font-size: 18px;
  }
}


/*ACTUS*/
.header-lesActus{
  position: relative;
}

.header-lesActus-titre{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-lesActus-titre h1{
  color: white;
  font-family: var(--text-bold);
  font-size: 41px;
}

ul.page-actualite#filieres li a{
  padding: 0 40px 0 40px;
}

.tout-bouton svg{
  fill: var(--gris);
}
.tout-bouton:hover, .tout-bouton.active.show {
  background-color: var(--blue-principale);
}
.tout-bouton:hover svg, .tout-bouton.active.show svg {
  fill: white;
}

.img-page-actu{
  height: 238px;
  width: 350px;
  border-radius: 15px;
  object-fit: cover;
}

.titre-page-actu{
  font-family: var(--title-extra-bold);
  color: var(--blue-principale);
  font-size: 22px;
  margin-bottom: 7px;
}

.titre-page-actu:hover{
  text-decoration: none;
}

.info-page-actu{
  font-family: var(--text-regular);
  font-size: 16px;
  padding: 10px 40px 15px 0;
  border-bottom: 1px solid #DFDFDF;
  margin-bottom: 15px;
}

.info-page-actu-titre{  
  color: var(--blue-principale);  
}

.info-page-actu-texte{
  font-size: 16px;
  font-family: var(--text-regular);
}

.savoir-plus{
  color: white;
  font-family: var(--text-medium);
  font-size: 17px;
  background-color: var(--blue-principale);
  border-radius: 40px;
  padding: 10px 0;
  box-shadow: 0 0 8px #66C2F8;
  width: 202px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.savoir-plus:hover{
  background-color: var(--gris);
  color: white;
  text-decoration: none;
}

.header-actu-title{
  position: absolute;
  background: transparent radial-gradient(closest-side at 76% 25%, var(--blue-principale) 0%, #2FD5C6 100%) 0% 0% no-repeat padding-box;
  border: 1px solid var(--blue-principale);
  border-radius: 7px;
  opacity: 0.99;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  padding: 7px 18px;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  text-align: center;
}

@media only screen and (max-width: 1200px){
  .p-0-mob{
    padding: 0;
  }

  ul#filieres{
    border-radius: 0;
    margin-bottom: 30px;
    box-shadow: none;
  }

  ul#filieres li:first-child {
    border-radius: 0;
  }

  ul#filieres li{
    height: auto;
  }

  li:first-child:hover .bouton-campus-filiere, li:first-child .bouton-campus-filiere.active.show, li:last-child:hover .bouton-campus-filiere, li:last-child .bouton-campus-filiere.active.show{
    border-radius: 0;
  }

  .nav-tabs {
    border-bottom: 0;
  }

  ul.page-actualite#filieres li a {
    padding: 5px 40px 5px 40px;
  }
}

@media only screen and (max-width: 991px){
  ul.page-actualite#filieres li a {
    padding: 5px 10px 5px 10px;
  }

  .info-page-actu, .info-page-actu-titre{
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px){
  .actus-centre-block{
    display: flex;
    justify-content: center;
  }

  .savoir-plus{
    margin-left: auto;
    margin-right: auto;
  }

  .info-page-actu{
    padding: 5px 20px 10px 0;
  }
}

@media screen and (max-width: 369px){
  ul.page-actualite#filieres li a {
    padding: 5px;
  }
}

/*METIERS*/
.row-block-formation{
  display: flex;
  justify-content: space-around;
  height: auto;
  margin: 80px 0 50px 0;
  flex-wrap: wrap;
}

.block-formation{
  background-color: var(--blue-principale);
  color: white;
  box-sizing: border-box;
  flex-basis: 24%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 20px;
  text-align: center;
  margin: 0 5px 70px 5px;
  border-radius: 15px;
  min-width: 310px;
  position: relative;
}

.block-formation__img{
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  top: -45px;
  background-size: cover;
}

.block-formation a h3{
  color: white;
  margin-top: 20px;
  font-size: 2rem;
}

.block-formation a:hover h3{
  text-decoration: underline;
  color: white;
}

.row-blocks-noms{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  height: 360px;
}

.block-nom{
  width: 200px;
  height: 200px;
  background-size: cover;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  margin: 15px 0;
}

.block-nom__nom, .block-nom__texte{
  display: none;
  z-index: 2;
}

.block-nom:hover{
  width: 300px;
  height: 300px;
  position: relative;
}

.block-nom:hover::after {
  content: "";
  background: rgba(44, 185, 172, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: auto;
  height: auto;
  border-radius: 15px
}

.block-nom:hover .block-nom__nom{
  display: block;
  color: white;
  text-align: center;
  font-size: 2rem;
  font-family: var(--title-extra-bold);
  margin-bottom: 15px;
}

.block-nom:hover .block-nom__texte{
  display: block;
  color: white;
  text-align: center;
}

@media only screen and (max-width: 1200px){
  .row-blocks-noms{
    height: auto;
  }

  .block-nom{
    width: 300px;
    height: 300px;
    position: relative;
    margin: 15px;
  }
  
  .block-nom::after {
    content: "";
    background: rgba(44, 185, 172, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: auto;
    height: auto;
    border-radius: 15px
  }
  
  .block-nom .block-nom__nom{
    display: block;
    color: white;
    text-align: center;
    font-size: 2rem;
    font-family: var(--title-extra-bold);
    margin-bottom: 15px;
  }
  
  .block-nom .block-nom__texte{
    display: block;
    color: white;
    text-align: center;
  }
  
}

/*PAGES*/
table{
  border: 1px solid var(--gris);
  width: 100%;
  text-align: center;
}

th, td{
  border: 1px solid var(--gris);
  padding: 5px;
  background-color: white;
}

.no-border-left{
  border-left: 1px solid transparent;
}

.no-border-top{
  border-top: 1px solid transparent;
}

.no-border-bottom{
  border-bottom: 1px solid transparent;
}

.no-bg{
  background-color: transparent;
}

.bg-table{
  background-color: rgba(128, 128, 128, 0.1);
}

#carouselPage{
  margin: 50px 0;
}

.row-blocs-icons{
  display: flex;
  justify-content: space-around;
  height: auto;
  margin-bottom: 50px;
}

.bloc-icon{
  background-color: var(--blue-principale);
  color: white;
  box-sizing: border-box;
  flex-basis: 24%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 20px;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 15px;
}

.bloc-icon i{
  font-size: 30px;
  margin-bottom: 20px;
}

.mb-100{
  margin-bottom: 100px;
}

.mb-50{
  margin-bottom: 50px;
}

.page-design ul li::before{
  color: var(--design);
}
.page-informatique ul li::before{
  color: var(--informatique);
}
.page-rh ul li::before{
  color: var(--rh);
}
.page-business ul li::before{
  color: var(--business);
}

.bg-design{
  background-color: var(--design);
}
.bg-informatique{
  background-color: var(--informatique);
}
.bg-rh{
  background-color: var(--rh);
}
.bg-business{
  background-color: var(--business);
}

.cta-desktop{
  display: block;
}

.cta-mob{
  display: none;
}

.lien-bouton-cta{
  position: fixed;
  right: 0;
  z-index: 10000;
  display: block;
}

#po{
  top: 0%;
}

#doc{
  top: 69px;
}

#candidature{
  top: 138px;
}

.boutons-cta{
  background-color: var(--gris);
  height: 65px;
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0 0 10px;
  position: relative;
  transition: width 1s;
}

.boutons-cta:hover{
  width: 160px;
  background-color: var(--blue-principale);
}

.icon-cta{
  width: 30px;
  height: 30px;
}

.text-cta{
  color: white;
  font-family : var(--title-bold);
  font-size: 20px;
}

.boutons-cta .icon-cta, .boutons-cta .text-cta {
  transition: opacity 0.2s ease-in-out;
}

.boutons-cta .text-cta {
  position: absolute;
  top: 49%;
  opacity: 0;
  font-size: 16px;
  transform: translateY(-50%);
  text-align: center;
}

.boutons-cta:hover .icon-cta {
  opacity:0;
}

.boutons-cta:hover .text-cta {
  opacity:1;
}

.bouton{
  background: var(--blue-principale);
  box-shadow: 0px 0px 16px #66C2F880;
  border-radius: 39px;
  padding: 10px 40px;
  display: inline-block;
  min-width: 210px;
  text-align: center;
  color: white;
  text-decoration: none;
}

.bouton a{
  color: white;
}

.bouton a:hover{
  text-decoration: none;
}

.bouton:hover{
  background-color: var(--gris);
  color: white;
  text-decoration: none;
}

.btn:not(:disabled):not(.disabled){
  text-decoration: none;
}

.accordion-pages{
  margin: 20px 0 30px 0;
}

.accordion-pages .card-header{
  background-color: var(--blue-principale);
}

.accordion-pages .card-header:hover{
  background-color: var(--gris);
}

.savoir-plus.page{
  width: 100%;
  padding: 10px;
  margin: 20px 0;
  text-align: center;
}

.slider-logos{
  width: 150px;
}

.chiffre-icon{
  color: var(--blue-principale);
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
}

.chiffres-pages{
  text-transform: uppercase;
  font-size: 25px;
  line-height: 30px;
  color: black;
  text-align: center;
  font-family: var(--title-bold);
  margin-bottom: 10px;
}

.chiffre-object{
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  color: var(--gris);
  text-align: center;
  font-family: var(--text-medium);
  margin-bottom: 30px;
}

@media only screen and (max-width: 1200px){
  .lien-bouton-cta{
    display: none;
  }

  .cta-desktop{
    display: none;
  }
  
  .cta-mob{
    display: flex;
    background-color: var(--gris);
    position: fixed;
    top: 0;
    height: 60px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    width: 100%;
    z-index: 10000;
    justify-content: space-evenly;
    align-items: center;
  }

  .lien-bouton-cta-mob{
    background-color: var(--blue-principale);
    color: white;
    font-family: var(--text-bold);
    font-size: 13px;
    border-radius: 4px;
    padding: 5px 14px;
  }
}

@media only screen and (max-width: 992px){
  .bloc-icon{
    min-height: auto;
    flex-basis: 100%;
    width: 100%;
  }

  .row-blocs-icons{
    flex-direction: column;
    align-items: center;
  }

  .accordion-pages .card-header button{
    font-size: 15px;
  }
}

@media screen and (max-width: 767px){
  .accordion-pages .card-header button {
    color: white;
  }

  .accordion-pages .card-header{
    margin-bottom: 2px;
  }

  .accordion-pages .card:first-child .card-header {
    border-radius: 10px 10px 0 0;
  }

  .accordion-pages .card:last-child .card-header {
    border-radius: 0 0 10px 10px;
  }
}


@media screen and (max-width: 670px){
  .boutons-cta{
    height: 50px;
    width: 50px;
  }

  #doc {
    top: 59px;
  }

  #candidature {
    top: 119px;
  }
}

/*SLIDERS*/
@media (min-width: 768px) {

  /* show 3 items */
  #carouselPage .carousel-inner .active,
  #carouselPage .carousel-inner .active + .carousel-item,
  #carouselPage .carousel-inner .active + .carousel-item + .carousel-item {
      display: block;
  }
  
  #carouselPage .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #carouselPage .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  #carouselPage .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
      transition: none;
      margin-right: initial;
  }
  
  #carouselPage .carousel-inner .carousel-item-next,
  #carouselPage .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  
  #carouselPage .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -33.3333%;
      z-index: -1;
      display: block;
      visibility: visible;
  }
  
  /* left or forward direction */
  #carouselPage .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #carouselPage .carousel-item-next.carousel-item-left + .carousel-item,
  #carouselPage .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  #carouselPage .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
  
  /* farthest right hidden item must be abso position for animations */
  #carouselPage .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
  }
  
  /* right or prev direction */
  #carouselPage .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #carouselPage .carousel-item-prev.carousel-item-right + .carousel-item,
  #carouselPage .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  #carouselPage .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
  }

}

/******************* Page CANDIDATURE EN LIGNE GES - CONFIRMATION *****************************/
.baniere-confirmation-cl{
  background-image: url("img/vae.jpg") !important;
  text-align: center;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: auto;
  text-transform: uppercase;
}

#loader {
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: center;
        justify-content: center;
        }

lds-roller {
            display: block;
            position: relative;
            width: 64px !important;
            height: 64px !important;
        }
        .lds-roller div {
            animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            transform-origin: 32px 32px;
        }
        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #000;
            margin: -3px 0 0 -3px;
        }
        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
            display: block;
        }
        .lds-roller div:nth-child(1):after {
            top: 50px;
            left: 50px;
            display: block;
        }
        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
            display: block;
        }
        .lds-roller div:nth-child(2):after {
            top: 54px;
            left: 45px;
            display: block;
        }
        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
            display: block;
        }
        .lds-roller div:nth-child(3):after {
            top: 57px;
            left: 39px;
            display: block;
        }
        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
            display: block;
        }
        .lds-roller div:nth-child(4):after {
            top: 58px;
            left: 32px;
            display: block;
        }
        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
            display: block;
        }
        .lds-roller div:nth-child(5):after {
            top: 57px;
            left: 25px;
            display: block;
        }
        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
            display: block;
        }
        .lds-roller div:nth-child(6):after {
            top: 54px;
            left: 19px;
            display: block;
        }
        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
            display: block;
        }
        .lds-roller div:nth-child(7):after {
            top: 50px;
            left: 14px;
            display: block;
        }
        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
            display: block;
        }
        .lds-roller div:nth-child(8):after {
            top: 45px;
            left: 10px;
            display: block;
        }
        @keyframes lds-roller {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

optgroup[label ="TECH SCHOOL"]{
  background-color: #01babd;
  color: white;
}
optgroup[label ="TECH SCHOOL"] > option{
  background-color: white!important;
}

optgroup[label ="BUSINESS SCHOOL"]{
  background-color: #903f97;
  color: white;
}
optgroup[label ="BUSINESS SCHOOL"] > option{
  background-color: white!important;
}
optgroup[label ="DIGITAL SCHOOL"] {
  background-color: #f1592a;
  color: white;
}
optgroup[label ="DIGITAL SCHOOL"] > option{
  background-color: white!important;
}
optgroup[label ="DESIGN SCHOOL"]{
  background-color:  #ffd402;
  color: white;
}
optgroup[label ="DESIGN SCHOOL"] > option{
  background-color:  white!important;;
}
select option.suboption {
  background-color: #D8D8D8!important;
  cursor: not-allowed;
}

.btn_documentation{
  background-color: #01b5b9;
  font-weight: 700;
  color:black;
  margin-bottom: 20px;
  padding: 6px 10px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 30px;
}
.btn_documentation:hover{
  background-color: #03a2a4;
}
.inner-documentation{
  padding-left: 20px;
  margin-top: 50px;
}
@media (max-width: 768px) {
.inner-documentation{
  padding-left: 15px;
  padding-right: 15px;
  }
}
.loi-documentation{
  padding-left: 35px;
  padding-right: 15px;
  margin-top:20px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .loi-documentation{
    padding-right: 30px!important;
    }
}
.padding-titre{
  padding-left: 15px;
  padding-right: 15px;
}

/*TABLEAUX RYTHMES*/

.tableau-annee{
  /* margin: 40px 0; */
}

.mois{
  display: flex;
  justify-content: center;
}

.mois > div{
  font-family: var(--text-regular);
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
  text-align: center;
  padding: 0;
}

.page-business .mois > div:not(:last-child){
  border-right: 1px solid var(--business);
}

.page-rh .mois > div:not(:last-child){
  border-right: 1px solid var(--rh);
}

.page-design .mois > div:not(:last-child){
  border-right: 1px solid var(--design);
}

.page-informatique .mois > div:not(:last-child){
  border-right: 1px solid var(--informatique);
}

.mois-text{
  text-align: center;
  text-transform: uppercase;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0px;
  font-size: 13px;
}

.page-business .mois-text{
  background-color: #903f9726;
}

.page-rh .mois-text{
  background-color: var(--rh);
  color: white;
}

.page-rh .mois-text.stage{
  color: black;
}

.page-design .mois-text{
  background-color: var(--design);
}

.page-informatique .mois-text{
  background-color: var(--informatique);
  color: white;
}

.mois-text.bts1, .mois-text.init1{
  width: 108%;
}

.mois-text.init4{
  width: 134%;
}

.page-business .mois-text.stage{
  background-color: #903f97c7;
  color: white;
}

.page-rh .mois-text.stage{
  background-color: #f1592a66;
}

.page-design .mois-text.stage{
  background-color: #ffd4025c;
}

.page-informatique .mois-text.stage{
  background-color: #01babd5c;
  color: #666;
}

.mois-text.stage.bts1, .mois-text.stage.init1{
  margin-left: 12%;
  width: 88%;
}

.mois-text.stage.bts2{
  width: 19%;
  margin-left: 20%;
}

.mois-text.stage.init4{
  width: 34%;
  margin-left: 66%;
}

.mois-text.stage.init4 > div{
  padding: 3px;
}

.mois-text.rien{
  background-color: transparent;
}

.page-business .mois-bloc-right{
  border-right: 1px solid var(--business);
}

.page-rh .mois-bloc-right{
  border-right: 1px solid var(--rh);
}

.page-design .mois-bloc-right{
  border-right: 1px solid var(--design);
}

.page-informatique .mois-bloc-right{
  border-right: 1px solid var(--informatique);
}


@media all and (max-width: 991px){

  .mois.entier{
  flex-wrap: wrap;
  }

  .mois.entier > div{
  width: 25%;
  }

  .mois-text.rien{
    display: none;
  }

  .mois.entier > div:last-child{
    border:none;
  }

  .mois.entier > div.col{
    flex-basis: auto;     
    flex-grow: unset;
  }

  .mois-bloc-right{
    border: none;
  }
}

.nav.nav-tabs.tabs-annees{
  border-bottom: none;
}

.nav-tabs.tabs-annees > li > a.active, .nav-tabs.tabs-annees > li > a.active:focus, .nav-tabs.tabs-annees > li.active > a.active:hover{
  color: white;
  cursor: default;
  text-transform: uppercase;
  font-size: 16px;
}

.page-business .nav-tabs.tabs-annees > li > a.active,
.page-business .nav-tabs.tabs-annees > li > a.active:focus, 
.page-business .nav-tabs.tabs-annees > li.active > a.active:hover{
  border: 1px solid var(--business);
  background-color: var(--business);
  color: white;
}

.page-rh .nav-tabs.tabs-annees > li > a.active,
.page-rh .nav-tabs.tabs-annees > li > a.active:focus, 
.page-rh .nav-tabs.tabs-annees > li.active > a.active:hover{
  border: 1px solid var(--rh);
  background-color: var(--rh);
  color: white;
}

.page-design .nav-tabs.tabs-annees > li > a.active,
.page-design .nav-tabs.tabs-annees > li > a.active:focus, 
.page-design.nav-tabs.tabs-annees > li.active > a.active:hover{
  border: 1px solid var(--design);
  background-color: var(--design);
  color: white;
}

.page-informatique .nav-tabs.tabs-annees > li > a.active,
.page-informatique .nav-tabs.tabs-annees > li > a.active:focus, 
.page-informatique .nav-tabs.tabs-annees > li.active > a.active:hover{
  border: 1px solid var(--informatique);
  background-color: var(--informatique);
  color: white;
}

.page-business .tab-content.tabs-annees{
  border: 1px solid var(--business);
  padding: 10px 0;
}

.page-rh .tab-content.tabs-annees{
  border: 1px solid var(--rh);
  padding: 10px 0;
}

.page-design .tab-content.tabs-annees{
  border: 1px solid var(--design);
  padding: 10px 0;
}

.page-informatique .tab-content.tabs-annees{
  border: 1px solid var(--informatique);
  padding: 10px 0;
}

.nav.nav-tabs.tabs-annees > li{
  padding: 0;
}

.nav-tabs.tabs-annees > li > a {
  border-bottom: transparent;
  border-radius: 4px 4px 0 0;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px;
}

.page-business .nav-tabs.tabs-annees > li > a{
  border: 1px solid var(--business);
  color: var(--business);
}

.page-rh .nav-tabs.tabs-annees > li > a{
  border: 1px solid var(--rh);
  color: var(--rh);
}

.page-design .nav-tabs.tabs-annees > li > a{
  border: 1px solid var(--design);
  color: var(--design);
}

.page-informatique .nav-tabs.tabs-annees > li > a{
  border: 1px solid var(--informatique);
  color: var(--informatique);
}

.nav-tabs.tabs-annees > li > a:hover{
  background-color: transparent;
}

.page-business .nav-tabs.tabs-annees > li > a:hover{
  border: 1px solid var(--business);
  background-color: transparent;
  color: var(--business);
}

.page-rh .nav-tabs.tabs-annees > li > a:hover{
  border: 1px solid var(--rh);
  background-color: transparent;
  color: var(--rh);
}

.page-design .nav-tabs.tabs-annees > li > a:hover{
  border: 1px solid var(--design);
  background-color: transparent;
  color: var(--design);
}

.page-informatique .nav-tabs.tabs-annees > li > a:hover{
  border: 1px solid var(--informatique);
  background-color: transparent;
  color: var(--informatique);
}

.nav.nav-tabs.tabs-annees li::before{
  content: none;
}

.nav.nav-tabs.tabs-annees li a{
  text-decoration: none;
}

.nav.nav-tabs.tabs-annees li{
  margin-bottom: 0;
  display: flex;
}

.desktop{
  display: flex;
}

.mob{
  display: none;
}


@media all and (max-width: 991px){
  .desktop{
    display: none;
  }
  
  .mob{
    display: block;
  }

  .mois-text.bts1, .mois-text.init1, .mois-text.init4{
    width: 100%;
  }

  .mois-text.stage.bts1, .mois-text.stage.init1, .mois-text.stage.init4{
    width: 100%;
    margin-left: 0;
  }
}

/*CHIFFRES ET DETAILS*/
.chiffresDetails{
  background-color: var(--blue-principale);
  color: white;
  margin-bottom: 20px;
  border-radius: 15px;
  padding: 20px;
}

.chiffresDetails__chiffre{
  text-transform: uppercase;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  font-family: var(--title-bold);
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.chiffresDetails__chiffre > span{
  font-family: var(--text-medium);
  font-size: 14px;
  font-weight: 400;
}

.chiffresDetails__detail{
  display: flex;
  justify-content: center;
}

.chiffresDetails__detail ul li::before{
  color: white;
}

/*RESEAU ECOLES*/
.moduleEcolesSkolae.desktop{
  display: block;
}

.moduleEcolesSkolae.mob{
  display: none;
}

.moduleEcolesSkolae{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  margin: auto;
  padding-bottom: 110px;
}

.moduleEcolesSkolae__container{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
}

.moduleEcolesSkolae__container__ecoles{
  width: 67.11%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
}

.moduleEcolesSkolae__container__ecoles li{
  margin-bottom: 1px;
}

ul.moduleEcolesSkolae__container__ecoles li::before{
  content: none;
}

.moduleEcolesSkolae__container__ecoles--logo{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 130px;
  height: 130px;
  background-color: white;
  border: 2px solid var(--blue-principale);
  margin: 0 2px 2px 0;
}

.moduleEcolesSkolae__container__ecoles--logo.nav-link{
  border-radius: 15px;
}

.moduleEcolesSkolae__container__ecoles--logo:hover{
  background-color: var(--blue-principale);
}

.moduleEcolesSkolae__container__ecoles--logo.nav-link.active{
  background-color: var(--blue-principale);
}

.moduleEcolesSkolae__container__ecoles--logo img{
  width: auto;
  height: auto;
  display: block;
  max-width: 85px;
  max-height: 60px;
}

.moduleEcolesSkolae__container__content{
  width: 32.89%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 500px;
}

.moduleEcolesSkolae__container__content--info{
  display: none;
}

.moduleEcolesSkolae__container__content--info.active.show{
  width: auto;
  height: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 0;
  
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 15px;
  background-color: white;
}

.EcolesSkolae__img{
  max-width: 105px;
  width: 100%;
  border-radius: 0;
  margin-bottom: 25px;
  object-fit: contain;
}

.EcolesSkolae__texte {
  text-align: center;
  max-width: 90%;
}

.moduleEcolesSkolae__container__content--info > .suite-actu.page-actu{
  position: initial;
}

.moduleEcolesSkolae.mob .suite-actu.page-actu{
  margin-top: 25px;
  font-size: 13px;
}

.moduleEcolesSkolae.mob .carousel-control-next, 
.moduleEcolesSkolae.mob .carousel-control-prev{
  color: var(--blue-principale);
}

.moduleEcolesSkolae.mob .carousel-control-prev {
  left: -30px;
}

.moduleEcolesSkolae.mob .carousel-control-next {
  right: -30px;
}


@media all and (max-width: 991px){
  .moduleEcolesSkolae.desktop{
    display: none;
  }

  .moduleEcolesSkolae.mob{
    display: block;
  }

  .moduleEcolesSkolae__container{
    justify-content: space-between;
  }

  .moduleEcolesSkolae__container__ecoles{
    width: 20%;
  }

  .moduleEcolesSkolae__container__content{
    width: 73%;
    min-height: 710px;
  }

  .moduleEcolesSkolae__container__ecoles--logo{
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .moduleEcolesSkolae__container__ecoles--logo img{
    max-width: 65px;
    max-height: 65px;
    margin-bottom: 0;
  }

  .moduleEcolesSkolae__container__content--info.active.show{
    padding: 20px;
  }

  .moduleEcolesSkolae__container__content--info.active.show > div > .savoir-plus{
    width: auto;
    padding: 10px 20px;
  }
}