/*
** Réalisation : LaFabrikk
** https://www.lafabrikk.fr
*/

/* --- PAGE D'ACCUEIL --- */
#accueil-top {

}

#accueil-slider {
  flex: 0 0 auto;
  display: flex;
  width: 74.81%;
  aspect-ratio: 1.92;
  overflow: hidden;
}

#accueil-shortcut {
  position: relative;
  flex: 0 0 auto;
  width: 25.19%;
}
#accueil-shortcut .shortcut {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  display: flex;
  align-items: flex-end;
}
#accueil-shortcut .shortcut:nth-child(1) {
  top: 0;
  
}
#accueil-shortcut .shortcut:nth-child(2) {
  bottom: 0;
}
#accueil-shortcut .shortcut-fond {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s;
}
#accueil-shortcut .shortcut-contenu {
  z-index: 3;
  position: relative;
  width: 100%;
  padding: var(--KPM036) var(--KPM039);
}
#accueil-shortcut .shortcut-texte {
  font-size: var(--KPM026);
  font-weight: 300;
  line-height: var(--KPM030);
  color: #fff;
}
#accueil-shortcut .shortcut-lien {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--KPM048);
  font-size: var(--KPM015);
  line-height: var(--KPM013);
  font-weight: 500;
  color: #fff;
}
#accueil-shortcut .shortcut:hover .shortcut-fond {
  z-index: 2;
  top: -2.5%;
  left: -2.5%;
  width: 105%;
  height: 105%;
  /*box-shadow: 0 0 20px rgba(119, 119, 119, 0.16);*/
}
#accueil-shortcut .shortcut svg {
  z-index: 4;
  position: absolute;
  bottom: var(--KPM036);
  right: var(--KPM039);
  fill: #fff;
  width: var(--KPM006);
  transform: rotateZ(180deg);
  transition: all 0.2s;
}
#accueil-shortcut .shortcut:hover svg {
  right: var(--KPM029);
}

body.home h1 {
  text-align: center;
}


#accueil-trainings {
  
}
#accueil-trainings > h2 {
  width: 100%;
  margin-bottom: var(--KPM027);
  text-align: center;
}

#accueil-focus-trainings {
  
}
.focus-training {
  margin-top: var(--KPM100);
  align-items: flex-end;
  justify-content: flex-end;
  gap: var(--KPM025);
}
.focus-training:first-child {
  margin-top: 0;
}
.focus-training-texte {
  width: 41.02%;
}
.focus-training-texte .focus-training-titre {
  margin-bottom: 0;
  font-size: var(--KPM019);
  line-height: var(--KPM023);
}
.focus-training-texte .focus-training-soustitre {
  margin-top: var(--KPM018);
  font-size: var(--KPM044);
  line-height: var(--KPM052);
  font-weight: 300;
  color: var(--KPMcoldarkblue);
}
.focus-training-description {
  margin-top: var(--KPM008);
  font-size: var(--KPM022);
  line-height: var(--KPM029);
}
.focus-training-lien {
  margin-top: var(--KPM040);
}

.focus-training-illustration {
  position: relative;
  width: 49.62%;
  padding-top: var(--KPM094);
}
.focus-training-illustration img {
  position: absolute;
  top: 0;
  right: 0;
  width: 79.63%;
  aspect-ratio: 1.45;
  object-fit: cover;
  object-position: center center;
  border-radius: var(--KPM012);
}
.focus-training-chiffre {
  position: relative;
  width: 50.15%;
  margin-left: 0;
  margin-right: auto;
  padding: var(--KPM062) var(--KPM065);
  background-color: #fff;
  text-align: center;
}
.focus-training-chiffre-chiffre {
  margin-top: var(--KPM015);
  margin-bottom: var(--KPM015);
  font-size: var(--KPM079);
  line-height: var(--KPM071);
  color: var(--KPMcolblue);
}
.focus-training-chiffre-texte {
  font-size: var(--KPM026);
  line-height: var(--KPM028);
  color: var(--KPMcoldarkblue);
}

.focus-training-right {
  justify-content: flex-start;
}
.focus-training-right .focus-training-texte {
  order: 2;
}
.focus-training-right .focus-training-illustration {
  order: 1;
}
.focus-training-right .focus-training-illustration img {
  right: unset;
  left: 0;
}
.focus-training-right .focus-training-illustration .focus-training-chiffre {
  margin-left: auto;
  margin-right: 0;
}

#accueil-processcom {
  align-items: flex-end;
  justify-content: space-between;
  padding: var(--KPM095) var(--KPM090);
  background-color: var(--KPMcoldarkblue);
}
.accueil-processcom-contenu {
  width: 59.59%;
}
.accueil-processcom-contenu-surtitre {
    position: relative;
    display: inline-block;
    margin-top: var(--KPM004);
    padding: var(--KPM002) var(--KPM005);
    background-color: #fff;
    font-size: var(--KPM014);
    line-height: var(--KPM017);
    color: var(--KPMcoldarkblue);
    text-transform: uppercase;
}
.accueil-processcom-contenu-titre {
  margin-top: var(--KPM012);
  color: #fff;
}
.accueil-processcom-contenu-texte {
  margin-top: var(--KPM010);
}
.accueil-processcom-contenu-texte p {
  font-size: var(--KPM018);
  line-height: var(--KPM024);
  font-weight: 500;
  color: #fff;
}
.accueil-processcom-pointsforts {
  width: 32.89%;
  margin-bottom: var(--KPM010);
}
.accueil-processcom-pointfort {
  align-items: center;
  justify-content: space-between;
  margin-top: var(--KPM039);
}
.accueil-processcom-pointfort svg {
  width: var(--KPM028);
  height: auto;
}
.accueil-processcom-pointfort p {
  width: 80.4%;
  color: var(--KPMcolblue);
  font-size: var(--KPM018);
  line-height: var(--KPM022);
}

#accueil-bloc2 {
  align-items: center;
  justify-content: space-between;
}
.accueil-bloc2-projets {
  position: relative;
  align-items: flex-end;
  width: 50.96%;
  aspect-ratio: 1.32;
  padding: var(--KPM042) var(--KPM047);
  border-radius: var(--KPM012);
  overflow: hidden;
}
.accueil-bloc2-projets > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.2s;
}
.accueil-bloc2-projets:hover > img {
  scale: 1.05;
}
.accueil-bloc2-projets .fond-dg {
  border-radius: var(--KPM012);
}
.accueil-bloc2-projets-titre {
  position: relative;
  width: 100%;
  margin-bottom: var(--KPM023);
  color: #fff;
}
.accueil-bloc2-points {
  width: 40.53%;
}
.accueil-bloc2-point {
  display: flex;
  align-items: center;
  gap: var(--KPM049);
  margin-top: var(--KPM035);
}
.accueil-bloc2-point-picto {
  width: var(--KPM046);
  text-align: center;
}
.accueil-bloc2-catalogue {
  width: 50.96%;
  aspect-ratio: 2.28;
  margin-top: var(--KPM050);
  padding: var(--KPM048) var(--KPM084);
  background-color: #83BA23;
}
.accueil-bloc2-catalogue h2 {
  margin-bottom: var(--KPM018);
  font-size: var(--KPM036);
  line-height: var(--KPM044);
  color: #fff;
  text-align: center;
}
.accueil-bloc2-catalogue .btn.btn-dl > div {
  border-radius: 10rem;
  border: var(--KPM001) solid #83BA23;
}

.accueil-bloc2-formations {
  width: 44.85%;
  position: relative;
  align-items: flex-end;
  aspect-ratio: 2;
  margin-top: var(--KPM050);
  padding: var(--KPM040) var(--KPM047);
  border-radius: var(--KPM012);
  overflow: hidden;
}
.accueil-bloc2-formations> img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: var(--KPM012);
  transition: all 0.2s;
}
.accueil-bloc2-formations:hover > img {
  scale: 1.05;
}
.accueil-bloc2-formations .fond-dg {
  border-radius: var(--KPM012);
}
.accueil-bloc2-formations-texte {
  width: 100%;
  position: relative;
  align-items: flex-end;
  justify-content: space-between;
}
.accueil-bloc2-formations-texte h2 {
  width: 50%;
  margin-bottom: 0;
  font-size: var(--KPM036);
  line-height: var(--KPM044);
  color: #fff;
}

#accueil-roue {
  background-color: #fff;
}