/* ON EN PARLE */
/* ------------------------------images SWIP  */
body {
  background-color: #FBEEDC;
  color: #9FD59F;
}

.bar1,
.bar2,
.bar3 {
  background-color: #9FD59F;
}

.burger-links {
  background-color: #FBEEDC;
  color: #9FD59F;
}

.programmebase {
  background-color: #FBEEDC;
  color: #353EFF;
  margin-left: -25px;
  margin-right: -25px;
  padding-left: -25px;
  padding-right: -25px;
  padding: 0;
  /* Supprime les paddings */
}

.swiper-wrapper {
  display: flex;
}

.swiper {
  margin: 0 !important;
  /* Supprime toute marge imposée */
  width: 100%;
  max-width: 350px;
  height: 500px;
  overflow: hidden;
  text-align: left;
}

.swiper-slide {
  display: flex;
  justify-content: flex-start;
  align-items: left;
  height: 100%;
}

.swiper-slide img {
  width: 100%; 
  height: 100%;
  object-fit: cover;
  margin-left: 0;
}

/* -------------------------------FIN SWIPE */

.journee2  {
  font-size: 10.4vw;
  font-family: Expo;
  text-align: left;
}


.prenom {
  background-color: #9FD59F;
  color: #FBEEDC;
  width: 75%;
  padding: 5px 10px;
  left: 0;
  text-align: left;
  font-size: 26px;
}

.prenompetit{
  font-size: 16px;
}
.petittexte{
  color: #353EFF !important;
}

.cercle5 {
  background-color: #9FD59F !important;
}

.cercle5:hover {
  background-color:#353EFF !important;
}

.cercle5:hover a {
  color: #FBEEDC !important;
}

/* MEDIA QUERY TELEPHONE */

@media (max-width: 1200px) {
  .Mcontre{
    padding-top: 15vh;
    padding-bottom: 15vh;
  }

    .swiper {

      max-width: 100%;
      height: 300px;
      overflow: hidden;
      aspect-ratio: 3/4;
      text-align: left;
    }

                .petittexte {
                  font-size: 10px;
                  margin-bottom: 50px;
                }
        
                .prenom {
                  font-size: 18px;
                  width: 100%;
                }
}