* {

  box-sizing: border-box;

}

.header {
  display: flex;
  justify-content: space-between;

  height: 70px;
  padding: 10px;
  background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
  color: #fff;

}

/* CORPS */

.corps {
  margin: 0 auto;
  width: 60%;
  /* largeur relative */
  min-width: 1400px;
  /* largeur minimale */
  padding: 0px;



}

@media screen and (max-width: 1400px) {
  .corps {
    margin: 0 auto;
    width: 100%;
    /* largeur relative */
    min-width: 100%;
    /* largeur minimale */
    padding: 0px;



  }

}




.corps2 {
  margin: 0 auto;
  width: 60%;
  /* largeur relative */
  min-width: 1400px;
  /* largeur minimale */




}

@media screen and (max-width: 1400px) {
  .corps2 {
    margin: 0 auto;
    width: 100%;
    /* largeur relative */
    min-width: 100%;
    /* largeur minimale */



  }

}

/* FIN CORPS */


.logo {

  width: 160px;
  padding: 5px;
}

.logo2 {

  width: 140px;
  padding: 30px;
}




.menu {
  display: flex;
  gap: 20px;
}

/* Image front */

img,
#front {

  width: 100%;


}

.image-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.3s;
}

.image-container:hover img {
  transform: scale(1.3);
}

.imgaccueil .text-center {
  transition: transform 0.5s ease;
}

.imgbefore:hover .text-center {
  transform: perspective(1000px) rotateX(15deg) rotateY(35deg) translateY(-20px);
}

.image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid transparent;
  transition: border-color 0.3s;
}

.image-container:hover::before {
  border-color: #000;
}

/* Photo profil */


.cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;



}


.box {

  padding: 20px;

}




#texteprofil {
  padding: 15px;
  text-align: justify;
}



.d-block {

  border-radius: 20px;
}

/* Slider photo */

#art {
  height: 100px;
  background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
  color: #fff;
  clip-path: polygon(100% 100%, 0% 100%, 0.00% 76.77%, 2.00% 73.81%, 4.00% 70.72%, 6.00% 67.51%, 8.00% 64.20%, 10.00% 60.81%, 12.00% 57.36%, 14.00% 53.87%, 16.00% 50.36%, 18.00% 46.84%, 20.00% 43.34%, 22.00% 39.88%, 24.00% 36.48%, 26.00% 33.15%, 28.00% 29.92%, 30.00% 26.81%, 32.00% 23.82%, 34.00% 20.99%, 36.00% 18.32%, 38.00% 15.83%, 40.00% 13.53%, 42.00% 11.44%, 44.00% 9.57%, 46.00% 7.93%, 48.00% 6.53%, 50.00% 5.37%, 52.00% 4.47%, 54.00% 3.83%, 56.00% 3.45%, 58.00% 3.33%, 60.00% 3.48%, 62.00% 3.90%, 64.00% 4.57%, 66.00% 5.51%, 68.00% 6.69%, 70.00% 8.13%, 72.00% 9.80%, 74.00% 11.70%, 76.00% 13.82%, 78.00% 16.14%, 80.00% 18.65%, 82.00% 21.35%, 84.00% 24.20%, 86.00% 27.20%, 88.00% 30.34%, 90.00% 33.58%, 92.00% 36.92%, 94.00% 40.33%, 96.00% 43.80%, 98.00% 47.30%, 100.00% 50.81%);
  position: relative;
  bottom: -2px;
}

#art2 {
  height: 100px;
  background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
  color: #fff;


  clip-path: polygon(100% 0%, 0% 0%, 0.00% 23.83%, 1.33% 22.82%, 2.67% 21.83%, 4.00% 20.87%, 5.33% 19.94%, 6.67% 19.04%, 8.00% 18.18%, 9.33% 17.35%, 10.67% 16.55%, 12.00% 15.80%, 13.33% 15.08%, 14.67% 14.40%, 16.00% 13.76%, 17.33% 13.17%, 18.67% 12.62%, 20.00% 12.12%, 21.33% 11.66%, 22.67% 11.24%, 24.00% 10.88%, 25.33% 10.56%, 26.67% 10.29%, 28.00% 10.06%, 29.33% 9.89%, 30.67% 9.77%, 32.00% 9.69%, 33.33% 9.67%, 34.67% 9.69%, 36.00% 9.77%, 37.33% 9.89%, 38.67% 10.06%, 40.00% 10.29%, 41.33% 10.56%, 42.67% 10.88%, 44.00% 11.24%, 45.33% 11.66%, 46.67% 12.12%, 48.00% 12.62%, 49.33% 13.17%, 50.67% 13.76%, 52.00% 14.40%, 53.33% 15.08%, 54.67% 15.80%, 56.00% 16.55%, 57.33% 17.35%, 58.67% 18.18%, 60.00% 19.04%, 61.33% 19.94%, 62.67% 20.87%, 64.00% 21.83%, 65.33% 22.82%, 66.67% 23.83%, 68.00% 24.87%, 69.33% 25.94%, 70.67% 27.02%, 72.00% 28.12%, 73.33% 29.24%, 74.67% 30.38%, 76.00% 31.53%, 77.33% 32.69%, 78.67% 33.86%, 80.00% 35.04%, 81.33% 36.22%, 82.67% 37.41%, 84.00% 38.59%, 85.33% 39.78%, 86.67% 40.96%, 88.00% 42.14%, 89.33% 43.31%, 90.67% 44.47%, 92.00% 45.62%, 93.33% 46.76%, 94.67% 47.88%, 96.00% 48.98%, 97.33% 50.06%, 98.67% 51.13%, 100.00% 52.17%);


  position: relative;
  bottom: 2px;
}

#art3 {
  height: 100px;
  background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
  color: #fff;
  clip-path: polygon(100% 0%, 0% 0%, 0.00% 45.35%, 2.00% 45.58%, 4.00% 45.41%, 6.00% 44.84%, 8.00% 43.89%, 10.00% 42.60%, 12.00% 40.98%, 14.00% 39.08%, 16.00% 36.97%, 18.00% 34.68%, 20.00% 32.28%, 22.00% 29.84%, 24.00% 27.42%, 26.00% 25.08%, 28.00% 22.90%, 30.00% 20.91%, 32.00% 19.19%, 34.00% 17.77%, 36.00% 16.69%, 38.00% 15.98%, 40.00% 15.66%, 42.00% 15.74%, 44.00% 16.22%, 46.00% 17.08%, 48.00% 18.30%, 50.00% 19.85%, 52.00% 21.68%, 54.00% 23.75%, 56.00% 26.01%, 58.00% 28.38%, 60.00% 30.82%, 62.00% 33.25%, 64.00% 35.61%, 66.00% 37.84%, 68.00% 39.88%, 70.00% 41.66%, 72.00% 43.16%, 74.00% 44.32%, 76.00% 45.11%, 78.00% 45.52%, 80.00% 45.53%, 82.00% 45.15%, 84.00% 44.38%, 86.00% 43.24%, 88.00% 41.76%, 90.00% 39.99%, 92.00% 37.97%, 94.00% 35.75%, 96.00% 33.40%, 98.00% 30.97%, 100.00% 28.53%);

  position: relative;
  bottom: 2px;
}

#art4 {
  height: 100px;
  background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
  color: #fff;


  clip-path: polygon(100% 0%, 0% 0%, 0.00% 23.83%, 1.33% 22.82%, 2.67% 21.83%, 4.00% 20.87%, 5.33% 19.94%, 6.67% 19.04%, 8.00% 18.18%, 9.33% 17.35%, 10.67% 16.55%, 12.00% 15.80%, 13.33% 15.08%, 14.67% 14.40%, 16.00% 13.76%, 17.33% 13.17%, 18.67% 12.62%, 20.00% 12.12%, 21.33% 11.66%, 22.67% 11.24%, 24.00% 10.88%, 25.33% 10.56%, 26.67% 10.29%, 28.00% 10.06%, 29.33% 9.89%, 30.67% 9.77%, 32.00% 9.69%, 33.33% 9.67%, 34.67% 9.69%, 36.00% 9.77%, 37.33% 9.89%, 38.67% 10.06%, 40.00% 10.29%, 41.33% 10.56%, 42.67% 10.88%, 44.00% 11.24%, 45.33% 11.66%, 46.67% 12.12%, 48.00% 12.62%, 49.33% 13.17%, 50.67% 13.76%, 52.00% 14.40%, 53.33% 15.08%, 54.67% 15.80%, 56.00% 16.55%, 57.33% 17.35%, 58.67% 18.18%, 60.00% 19.04%, 61.33% 19.94%, 62.67% 20.87%, 64.00% 21.83%, 65.33% 22.82%, 66.67% 23.83%, 68.00% 24.87%, 69.33% 25.94%, 70.67% 27.02%, 72.00% 28.12%, 73.33% 29.24%, 74.67% 30.38%, 76.00% 31.53%, 77.33% 32.69%, 78.67% 33.86%, 80.00% 35.04%, 81.33% 36.22%, 82.67% 37.41%, 84.00% 38.59%, 85.33% 39.78%, 86.67% 40.96%, 88.00% 42.14%, 89.33% 43.31%, 90.67% 44.47%, 92.00% 45.62%, 93.33% 46.76%, 94.67% 47.88%, 96.00% 48.98%, 97.33% 50.06%, 98.67% 51.13%, 100.00% 52.17%);


  position: relative;
  bottom: 0px;
}

#fondart {
  background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
  color: #fff;


}

/* Bouton Bootstraps */

.button {

  background-color: #EBA16C;
  border-color: #EBA16C;

}

.card {

  border: 0px;
  min-height: 400px;
}


/* GOOGLE MAP */

.googlemap {
  width: 100%;
  height: 350px;
  border-radius: 50px;
}


/* MvnuArt CV */

.fondbleu {
  padding: 10px;
  background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
  color: #fff;
}

.annee {



  text-align: right;

  font-size: 14px;

}

h3,
h4 {

  color: #EBA16C;
}




/* CV  */

.art3 {
  height: 100px;
  clip-path: polygon(100% 100%, 0% 100%, 0.00% 86.33%, 2.00% 86.29%, 4.00% 86.15%, 6.00% 85.92%, 8.00% 85.60%, 10.00% 85.19%, 12.00% 84.69%, 14.00% 84.11%, 16.00% 83.44%, 18.00% 82.68%, 20.00% 81.84%, 22.00% 80.92%, 24.00% 79.92%, 26.00% 78.85%, 28.00% 77.70%, 30.00% 76.49%, 32.00% 75.20%, 34.00% 73.86%, 36.00% 72.45%, 38.00% 70.99%, 40.00% 69.47%, 42.00% 67.90%, 44.00% 66.29%, 46.00% 64.64%, 48.00% 62.95%, 50.00% 61.23%, 52.00% 59.48%, 54.00% 57.70%, 56.00% 55.91%, 58.00% 54.10%, 60.00% 52.28%, 62.00% 50.46%, 64.00% 48.63%, 66.00% 46.81%, 68.00% 44.99%, 70.00% 43.19%, 72.00% 41.41%, 74.00% 39.64%, 76.00% 37.91%, 78.00% 36.20%, 80.00% 34.53%, 82.00% 32.90%, 84.00% 31.31%, 86.00% 29.77%, 88.00% 28.28%, 90.00% 26.84%, 92.00% 25.46%, 94.00% 24.15%, 96.00% 22.90%, 98.00% 21.72%, 100.00% 20.61%);

  background: linear-gradient(230deg, rgba(235, 161, 108, 1), rgba(255, 253, 191, 0.98));
  position: relative;
  display: flex;
  bottom: -2px;
}


.art5 {
  height: 100px;
  clip-path: polygon(100% 100%, 0% 100%, 0.00% 86.33%, 2.00% 86.29%, 4.00% 86.15%, 6.00% 85.92%, 8.00% 85.60%, 10.00% 85.19%, 12.00% 84.69%, 14.00% 84.11%, 16.00% 83.44%, 18.00% 82.68%, 20.00% 81.84%, 22.00% 80.92%, 24.00% 79.92%, 26.00% 78.85%, 28.00% 77.70%, 30.00% 76.49%, 32.00% 75.20%, 34.00% 73.86%, 36.00% 72.45%, 38.00% 70.99%, 40.00% 69.47%, 42.00% 67.90%, 44.00% 66.29%, 46.00% 64.64%, 48.00% 62.95%, 50.00% 61.23%, 52.00% 59.48%, 54.00% 57.70%, 56.00% 55.91%, 58.00% 54.10%, 60.00% 52.28%, 62.00% 50.46%, 64.00% 48.63%, 66.00% 46.81%, 68.00% 44.99%, 70.00% 43.19%, 72.00% 41.41%, 74.00% 39.64%, 76.00% 37.91%, 78.00% 36.20%, 80.00% 34.53%, 82.00% 32.90%, 84.00% 31.31%, 86.00% 29.77%, 88.00% 28.28%, 90.00% 26.84%, 92.00% 25.46%, 94.00% 24.15%, 96.00% 22.90%, 98.00% 21.72%, 100.00% 20.61%);

  background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
  color: #fff;
  position: relative;
  bottom: -2px;
}

.imgcv {
  display: grid;
  grid-template-columns: auto 1fr;


}

.imgcv img {

  width: 100px;
  padding-right: 30px;
}

/* Contact  */

.imgcontact {

  display: flex;
  width: 100px;
  padding: 10px;
  margin: 20px;
}

.imgcontact img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s, scale 0.5s;
}

.imgcontact:hover img {
  transform: rotate(45deg) scale(1.1);
}

.contact {
  text-decoration: none;
  color: #fff;

}




.lien {

  padding: 10px;
}


.btn {

  background-color: #EBA16C;
  border: 0px;
}

.btn:hover {

  background-color: #245C6F;
  border: 0px;
}




/* Presta */

.presta {

  justify-content: center;
  text-align: center;
  width: 300px;
  padding: 20px;

}

.prestaimg {
  margin: auto;
  text-align: center;
  width: 60%;
}


/* Footer */

.footer {
  display: flex;
  justify-content: center;
  height: 70px;
  align-items: center;
  background: linear-gradient(230deg, rgba(235, 161, 108, 1), rgba(255, 253, 191, 0.98));
  color: #1E4E64;
}



/* Scroll button */

#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
z-index: 9999;
  font-size: 22px;
  padding: 10px;
  background-color: #EBA16C;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#scrollToTopBtn:hover {
  background-color: #b79882;
}


/* PAREALAX */



.parralax {

  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 460px;
  background-position: center;
  background-image: url("../assets/img/fondsynthwavenew.png");


}


@media screen and (max-width: 1200px) {
  .parralax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: Opx;
    height: 0px;
    background-position: center;
    background-image: url("../assets/img/fondsynthwavenew.png");


  }

}


.otherimg {
  margin: auto;
  width: 60%;

}

h1 {
  color: #245C6F;
  margin: 10px;

}

hr {
  border: 1px solid #14495b;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.borderadius {

  border-radius: 8px;
}

/* PAGE accueil */

.last {

  max-width: 35%;
}

@media screen and (max-width: 500px) {
  .last {

    max-width: 90%;
  }
}



/* Flèche gauche */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232F7987' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5z'/%3e%3c/svg%3e");
}

/* Flèche droite */
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232F7987' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4z'/%3e%3c/svg%3e");
}

.titlepage {

  text-align: center;
  font-size: 27px;
  color: #1E4E64;
}


    body {
      font-family: 'Montserrat';
    }

    /* ===== FOOTER MVNU ===== */
    .mvnu-footer {
      background: linear-gradient(90deg, rgba(62, 157, 165, 1) 0%, rgba(29, 76, 98, 1) 100%);
      color: #e2e8f0;
      padding: 24px 0 10px;
    }

    .mvnu-footer-inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 32px;
    }

    .mvnu-footer-left {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .mvnu-footer-logo img {
      display: block;
      max-width: 150px;
      height: auto;
      filter: drop-shadow(0 6px 16px rgba(0,0,0,0.55));
    }

    .mvnu-footer-baseline {
      margin: 0;
      font-size: 0.72rem;
      letter-spacing: 0.30em;
      text-transform: uppercase;
      color: #dfdfdf;
      white-space: nowrap;
    }

    .mvnu-footer-right {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      justify-content: flex-end;
    }

    .mvnu-footer-col {
      min-width: 150px;
      font-size: 0.85rem;
    }

    .mvnu-footer-title {
      display: block;
      font-size: 0.78rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #cbd5f5;
      margin-bottom: 6px;
    }

    .mvnu-footer-col a {
      display: block;
      color: #e2e8f0;
      text-decoration: none;
      font-size: 0.85rem;
      margin-bottom: 4px;
    }

    .mvnu-footer-col a:hover {
      color: #ffb363;
    }

    .mvnu-footer-social {
      display: flex;
      gap: 10px;
      margin-top: 2px;
    }

    .mvnu-footer-social a {
      width: 32px;
      height: 32px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(148, 163, 184, 0.15);
      color: #e2e8f0;
      text-decoration: none;
      font-size: 1rem;
      transition: 0.2s ease;
    }

    .mvnu-footer-social a:hover {
      background: #ffb363;
      color: #0f172a;
      transform: translateY(-1px);
    }

    .mvnu-footer-bottom {
      max-width: 1100px;
      margin: 12px auto 0;
      padding: 8px 20px 4px;
      border-top: 1px solid rgba(148, 163, 184, 0.3);
      font-size: 0.78rem;
      color: #dfdfdf;
      text-align: center;
    }

    @media (max-width: 768px) {
      .mvnu-footer-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
      }
      .mvnu-footer-baseline {
        white-space: normal;
      }
      .mvnu-footer-right {
        justify-content: flex-start;
      }
    }