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

/* --- PAGE PROGRAMME --- */
.bloc-entete-bl {
  z-index: 2;
  position: absolute;
  top: var(--KPM021);
  right: var(--KPM021);
  display: flex;
  align-items: center;
  gap: var(--KPM007);
  font-size: var(--KPM014);
  line-height: var(--KPM017);
  color: #fff;
  text-transform: uppercase;
}
.bloc-entete-bl div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--KPM032);
  height: var(--KPM032);
  border-radius: 10rem;
  background-color: #fff;
}
#programme-contenu {
  align-items: flex-start;
  justify-content: space-between;
  font-size: var(--KPM018);
}
#programme-contenu .bloc-entete {
  margin-bottom: var(--KPM060);
}
.programme-intro {
  width: 71.08%;
}
.programme-intro h2 {

}
.programme-deroule {
  margin-top: var(--KPM020);
  padding: var(--KPM039) var(--KPM041);
  background-color: #fff;
}
.programme-deroule-entete {
  display: flex;
  gap: var(--KPM047);
  border-bottom: var(--KPM001) solid #EAEAEA;
}
.programme-deroule-entete button {
  position: relative;
  padding-bottom: var(--KPM005);
  font-size: var(--KPM014);
  text-transform: uppercase;
  color: #AFAFAF;
  transition: all 0.2s;
}
.programme-deroule-entete button:hover {
  color: var(--KPMcolgreen);
}
.programme-deroule-entete button:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: var(--KPM004);
  background-color: transparent;
  transition: all 0.2s;
}
.programme-deroule-entete button.active {
  color: var(--KPMcolgreen);
}
.programme-deroule-entete button.active:after {
  background-color: var(--KPMcolgreen);
}

.programme-deroule-jour {
  display: none;
  padding-top: var(--KPM018);
}
.programme-deroule-jour.active {
  display: block;
}
.programme-deroule-jour-titre {
  margin-bottom: var(--KPM013);
  font-size: var(--KPM026);
  font-weight: 400;
  color: var(--KPMcoldarkblue);
}

.programme-info {
  position: relative;
  width: 23.54%;
  padding: var(--KPM030) var(--KPM040);
  background-color: #004C98;
  font-size: var(--KPM014);
  color: #fff;
}
b {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  color: #4CA8ED;
}
.info-titre {
  margin-top: var(--KPM005);
  margin-bottom: var(--KPM025);
  font-size: var(--KPM022);
}
.info-session,
.info-cible {
  margin-top: var(--KPM021);
}
.info-prix {
  margin-top: var(--KPM026);
  margin-bottom: var(--KPM008);
  color: rgba(255, 255, 255, 0.5);
}
.info-prix span {
  font-size: var(--KPM028);
  color: rgba(255, 255, 255, 1);
}
.programme-info > .btn {
  width: 100%;
  margin-top: var(--KPM010);
  padding-left: var(--KPM010);
  padding-right: var(--KPM010);
}

#programme-interlude {
  position: relative;
  /*align-items: center;*/
  justify-content: space-between;
  margin-top: var(--KPM030);
}
#programme-interlude:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 58%;
  background-color: #fff;
}
#programme-interlude .accueil-bloc2-catalogue,
#programme-interlude .accueil-bloc2-formations {
  position: relative;
  width: 49.03%;
  aspect-ratio: 2.48;
  margin-top: 0;
}

#programme-video {
  align-items: center;
  justify-content: center;
  padding-top: var(--KPM100);
  padding-bottom: 11.8125rem;
  background-color: #fff;
}
.programme-video-iframe {
  width: 49.03%;
}
.programme-video-iframe-iframe {
  position: relative;
  aspect-ratio: 16/9;
}
.programme-video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.programme-video-iframe-author {
  padding: var(--KPM010) var(--KPM016);
  background-color: var(--KPMcolcyan);
  color: #fff;
}
.programme-video-quote {
  position: relative;
  width: 40.53%;
  box-shadow: 0 0 var(--KPM030) rgba(0, 0, 0, 0.06);
  padding: var(--KPM041) var(--KPM049);
  font-size: var(--KPM022);
  color: #021629;
}
.programme-video-quote span {
  color: var(--KPMcolblue);
}
.programme-video-quote:before,
.programme-video-quote:after {
  content: '';
  position: absolute;
  width: var(--KPM025);
  height: var(--KPM018);
  background-image: url(../img/kpm-quote.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.programme-video-quote:before {
  top: -0.5625rem;
  left: var(--KPM039);
}
.programme-video-quote:after {
  bottom: -0.5625rem;
  right: var(--KPM061);
  transform: rotateZ(180deg)
}

#programme-chiffres {
  align-items: center;
  justify-content: center;
  gap: var(--KPM026);
  padding-top: var(--KPM100);
  padding-bottom: var(--KPM100);
  background-color: var(--KPMcolcyan);
}
.programme-chiffres-texte {
  width: 50.89%;
  color: #fff;
}
.programme-chiffres-texte h2 {
  margin-bottom: var(--KPM030);
  color: #fff;
}
.programme-chiffres-chiffres {
  position: relative;
  width: 32.04%;
}
.programme-chiffre {
  position: absolute;
  width: 19.75rem;
  padding: var(--KPM059) var(--KPM034);
  border-radius: var(--KPM012);
  background-color: #fff;
  box-shadow: 0 0 var(--KPM030) rgba(0, 0, 0, 0.06);
  color: var(--KPMcolcyan);
}
.programme-chiffre div {
  font-size: var(--KPM097);
  font-weight: 300;
  text-align: center;
}
.programme-chiffre p {
  font-size: var(--KPM016);
  font-weight: 500;
  text-align: center;
}
.programme-chiffre:nth-child(1) {
  bottom: var(--KPM012);
  right: 0;

}.programme-chiffre:nth-child(2) {
  top: var(--KPM012);
  left: 0;
}

#programme-moments {
  justify-content: space-between;
  padding-top: 7.25rem;
  padding-bottom: var(--KPM059);
  background-color: var(--KPMcoldarkblue);
}
.moment-carre {
  position: relative;
  width: 9.875rem;
  height: 9.5rem;
  display: flex;
  align-items: flex-end;
  padding: var(--KPM020);
  border-radius: var(--KPM012);
  background-color: var(--KPMcolblue);
  font-size: var(--KPM018);
  color: #fff;
  text-transform: uppercase;
}
.programme-moment-col1 {
  width: 23.54%;
  display: flex;
  flex-direction: column;
  gap: 16.25rem;
}
.programme-moment-col1-top {
  position: relative;
}
.programme-moment-col1-top img {
  position: absolute;
  top: 50%;
  right: var(--KPM088);
  width: calc(100% - var(--KPM088));
  border-radius: var(--KPM012);
  aspect-ratio: 1.04;
  object-fit: cover;
  object-position: center center;
}
.programme-moment-col1-top .moment-carre {
  margin-right: 0;
  margin-left: auto;
}
.programme-moment-col1-bot .moment-carre {
  background-color: #fff;
  color: var(--KPMcolgreen);
}
.programme-moment-col2 {
  width: 47.24%;
  margin-top: var(--KPM054);
}
.programme-moment-col2 h2 {
  font-size: var(--KPM044);
  color: var(--KPMcolgreen);
  text-align: center;
}
.programme-moment-col2 ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.programme-moment-col2 ul li {
  font-size: var(--KPM026);
  font-weight: 400;
  color: #fff;
}
.programme-moment-col3 {
  width: 23.39%;
  display: flex;
  flex-direction: column;
  gap: 18.3125rem;
  margin-top: var(--KPM043);
}
.programme-moment-col3-top .moment-carre {
  margin-right: var(--KPM044);
  margin-left: auto;
  background-color: var(--KPMcolgreen);
}
.programme-moment-col3-bot {
  position: relative;
}
.programme-moment-col3-bot img {
  position: absolute;
  bottom: var(--KPM038);
  left: 7rem;
  width: calc(100% - var(--KPM088));
  aspect-ratio: 1.04;
  border-radius: var(--KPM012);
  object-fit: cover;
  object-position: center center;
}
.programme-moment-col3-bot .moment-carre {
  background-color: #fff;
  color: var(--KPMcolblue);
}

#programme-fondements {
  position: relative;
}
#programme-fondements:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: var(--KPMcoldarkblue);
}#programme-fondements:after {
  z-index: 1;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
}
.programme-fondements-inner {
  z-index: 2;
  position: relative;
  width: 100%;
  padding: var(--KPM051) 8.3125rem;
  background-color: var(--KPMcolgreen);
  color: #fff;
  text-align: center;
}
.programme-fondements-inner h2 {
  margin-bottom: var(--KPM010);
  color: #fff;
  text-align: center;
}

#programme-contact {
  justify-content: space-between;
  padding-top: var(--KPM100);
  padding-bottom: var(--KPM100);
  background-color: #fff;
}
.programme-contact-left {
  position: relative;
  width: 49.03%;
  display: flex;
  align-items: flex-end;
}
.programme-contact-left img {
  position: absolute;
  top: 0;
  left: 0;
  width: 79.75%;
  aspect-ratio: 1.45;
  object-fit: cover;
  object-position: center center;
}
.programme-contact-left-picto {
  position: relative;
  margin-left: auto;
  margin-right: 0;
  padding: var(--KPM074) var(--KPM080);
  background-color: var(--KPMcolblue);
}
.programme-contact-right {
  width: 43.07%;
  margin-top: var(--KPM097);
  margin-bottom: var(--KPM097);
}
.programme-contact-right h2 {
  margin-bottom: var(--KPM010);
}
.programme-contact-right p {
  margin-bottom: var(--KPM029);
}

#programme-temoignages {
  overflow: hidden;
  padding-bottom: var(--KPM100);
  background-color: #fff;
  text-align: center;
}
#programme-temoignages > .libelle {
  margin-bottom: var(--KPM020);
}
#programme-temoignages h2 {
  max-width: 37.875rem;
  margin: auto;
  margin-bottom: var(--KPM044);
  text-align: center;
}
#slider-temoignages {
  flex-wrap: nowrap;
}
.slide-temoignage {
  position: relative;
  width: 62%;
  height: 16.6875rem;
  margin-left: 19%;
  margin-right: 19%;
  box-shadow: 0 0 var(--KPM030) rgba(0, 0, 0, 0.06);
  padding: var(--KPM076) var(--KPM098) var(--KPM040);
  font-size: var(--KPM018);
  color: #021629;
}
.slide-temoignage:before,
.slide-temoignage:after {
    content: '';
    position: absolute;
    width: var(--KPM025);
    height: var(--KPM018);
    background-image: url(../img/kpm-g-quote.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.slide-temoignage:before {
    top: -0.5625rem;
    left: var(--KPM044);
}
.slide-temoignage:after {
    bottom: -0.5625rem;
    right: var(--KPM044);
    transform: rotateZ(180deg);
}
.slide-temoignage p {
  margin-bottom: 0;
}
.temoignage-meta {
  text-align: right;
}
.temoignage-meta .libelle {
  margin-top: 0;
  margin-bottom: var(--KPM004);
  background-color: var(--KPMcolblue);
}

/* --- SESSION --- */
.programme-session {
  gap: var(--KPM014);
  align-items: center;
  color: var(--KPMcolgreen);
  font-size: var(--KPM014);
  line-height: var(--KPM024);
}
.programme-session span {
  font-size: var(--KPM028);
  line-height: var(--KPM025);
}
.programme-info.session {
  margin-bottom: 6.875rem;
}
.programme-info-session {
  margin-bottom: var(--KPM018);
}
.programme-info-session-animation {
  margin-top: var(--KPM020);
}
.programme-info-session-option {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: var(--KPM016);
  padding-bottom: var(--KPM016);
  background-color: #FF7907;
  border-bottom-left-radius: var(--KPM012);
  border-bottom-right-radius: var(--KPM012);
  font-size: var(--KPM019);
  line-height: var(--KPM027);
  color: #fff;
  transition: all 0.2s;
}
.programme-info-session-option:hover {
  background-color: var(--KPMcollightblue);
}
.programme-session-dates {
  gap: var(--KPM004);
  margin-top: var(--KPM030);
}
.programme-session-dates-titre {
  width: 100%;
  margin-bottom: var(--KPM020);
  font-size: var(--KPM026);
  line-height: var(--KPM028);
  color: var(--KPMcoldarkblue);
}
.programme-session-date {
  width: calc(25% - var(--KPM003));
  padding: var(--KPM030) var(--KPM020);
  background-color: var(--KPMcoldarkblue);
}
.programme-session-date .libelle {
  background-color: var(--KPMcolgreen);
  color: var(--KPMcoldarkblue);
}
.programme-session-date-date {
  margin-top: var(--KPM004);
  font-size: var(--KPM028);
  line-height: var(--KPM037);
  color: var(--KPMcolgreen);
}
.programme-session-date-contenu {
  font-size: var(--KPM014);
  line-height: var(--KPM018);
  color: #fff;
}
.programme-session-date-animateur {
  margin-top: var(--KPM019);
  font-size: var(--KPM014);
  line-height: var(--KPM024);
}