@charset "UTF-8";
body {
  margin: auto;
  width: 100%;
  max-width: 3000px;
  height: 100%;
  background-color: #17181C;
  font-family: "Inter", sans-serif;
  color: white;
  overflow-x: hidden;
}

.Corps_de_page {
  width: 75%;
  margin: auto;
}
.Corps_de_page .Haut_de_page {
  width: 500px;
  margin-left: 10%;
  margin-top: 95px;
}
.Corps_de_page .Haut_de_page h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Haut_de_page p {
  font-size: 20px;
  opacity: 0.6;
}
.Corps_de_page .Haut_de_page .Liste_btn_projets_container .Liste_btn_projets {
  display: flex;
  margin-top: 50px;
}
.Corps_de_page .Haut_de_page .Liste_btn_projets_container .Liste_btn_projets a {
  font-size: 15px;
  font-weight: 600;
  color: white;
  text-decoration: none;
  margin-left: 15px;
  background-color: rgba(255, 255, 255, 0.03);
  box-shadow: 2px 2px 7px rgb(0, 0, 1);
  cursor: pointer;
  padding: 5px;
  border-radius: 25px;
  transition: 0.4s;
  width: 79px;
  text-align: center;
}
.Corps_de_page .Haut_de_page .Liste_btn_projets_container .Liste_btn_projets a:hover {
  color: #FFC312;
  box-shadow: 8px 8px 14px black;
  scale: 1.1;
}
.Corps_de_page .Haut_de_page .Liste_btn_projets_container .Liste_btn_projets a:nth-child(1) {
  margin-left: -15px;
}
.Corps_de_page .Haut_de_page .Liste_btn_projets_container .Liste_btn_projets .currentBtnPojet {
  box-shadow: 2px 2px 4px #FFC312;
  color: #FFC312;
}
.Corps_de_page .Haut_de_page .Liste_btn_projets_container .Liste_btn_projets .currentBtnPojet:hover {
  box-shadow: 2px 2px 4px #FFC312;
  scale: 1;
  cursor: default;
}
.Corps_de_page .carte_1 {
  background-color: rgba(255, 255, 255, 0.03);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  width: 90%;
  height: 600px;
  border-radius: 20px;
  padding: 5px;
  margin: auto;
  margin-top: 90px;
}
.Corps_de_page .carte_1 .background_Carte_1 {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.Corps_de_page .carte_1 .background_Carte_1 h1 {
  font-size: 80px;
  font-weight: 900;
}
.Corps_de_page .carte_1 .background_Carte_1 p {
  font-size: 32px;
  font-weight: 600;
  opacity: 0.6;
}
.Corps_de_page .Projet1 .carte_1 .background_Carte_1 {
  background: linear-gradient(221deg, rgb(0, 25, 59) 0%, rgb(9, 58, 126) 12%, rgb(141, 179, 242) 39%, rgb(9, 58, 126) 84%, rgb(20, 40, 69) 100%), linear-gradient(354deg, rgb(0, 25, 59) 0%, rgb(206, 30, 170) 24%, rgb(132, 152, 185) 39%, rgb(19, 71, 143) 67%, rgb(9, 58, 126) 83%, rgb(20, 40, 69) 100%), linear-gradient(146deg, rgb(212, 206, 255) 0%, rgb(101, 80, 255) 11%, rgb(101, 80, 255) 39%, rgb(177, 99, 205) 78%, rgb(220, 128, 178) 83%, rgb(183, 92, 92) 88%, rgb(238, 132, 217) 100%), linear-gradient(30deg, rgb(212, 206, 255) 0%, rgb(101, 80, 255) 11%, rgb(101, 80, 255) 39%, rgb(177, 99, 205) 53%, rgb(157, 94, 129) 66%, rgb(255, 95, 118) 80%, rgb(233, 75, 255) 91%, rgb(234, 202, 190) 100%);
  background-blend-mode: overlay; /* Mode de fusion */
}
.Corps_de_page .Projet1 .partie2 {
  display: flex;
  margin-top: 110px;
}
.Corps_de_page .Projet1 .partie2 .gauche {
  display: flex;
}
.Corps_de_page .Projet1 .partie2 .gauche div {
  background-color: rgba(255, 255, 255, 0.1);
  width: 350px;
  height: 650px;
  border-radius: 20px;
  position: relative;
}
.Corps_de_page .Projet1 .partie2 .gauche div:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: -58px;
  right: -34px;
  width: 200px;
  height: 550px;
  background: linear-gradient(to bottom right, rgba(17, 17, 17, 0), rgb(23, 24, 28));
  filter: blur(20px);
  z-index: 1;
  border-radius: 0 0 20px 0;
}
.Corps_de_page .Projet1 .partie2 .gauche div:nth-child(2) {
  z-index: 2;
  position: absolute;
  margin-left: 154px;
  margin-top: 106px;
}
.Corps_de_page .Projet1 .partie2 .gauche div:nth-child(2):after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 200px;
  height: 550px;
  background: linear-gradient(to top right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5));
  filter: blur(6.2px);
  z-index: 1;
  border-radius: 20px 0 20px 0;
}
.Corps_de_page .Projet1 .partie2 .droite {
  width: 505px;
  margin-top: 106px;
  margin-left: 300px;
}
.Corps_de_page .Projet1 .partie2 .droite h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet1 .partie2 .droite h2 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 25px;
  opacity: 0.8;
}
.Corps_de_page .Projet1 .partie2 .droite p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet1 .partie2 .droite a {
  text-decoration: none;
  color: white;
}
.Corps_de_page .Projet1 .partie3 {
  margin-top: 200px;
}
.Corps_de_page .Projet1 .partie3 .fondPartie3 {
  position: absolute;
  margin-left: -30px;
  background-color: rgb(29, 44, 51);
  border-radius: 30px;
  width: 80%;
  height: 800px;
  transform: skewY(-8deg);
  z-index: -1;
  opacity: 0.8;
  margin-top: -100px;
}
.Corps_de_page .Projet1 .partie3 .TextPartie3 {
  text-align: center;
  margin-top: 250px;
}
.Corps_de_page .Projet1 .partie3 .TextPartie3 h1 {
  font-size: 48px;
  font-weight: 600;
  margin: auto;
}
.Corps_de_page .Projet1 .partie3 .TextPartie3 h1:nth-child(2) {
  opacity: 0.6;
}
.Corps_de_page .Projet1 .partie3 .TextPartie3 p {
  font-size: 24px;
  font-weight: 400;
  width: 90%;
  margin: auto;
  margin-top: 35px;
  text-align: justify;
  opacity: 0.8;
}
.Corps_de_page .Projet1 .partie3 .CartePartie3 {
  width: 90%;
  margin: auto;
  margin-top: 100px;
  background-color: rgb(23, 24, 28);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  border-radius: 20px;
  padding: 10px;
}
.Corps_de_page .Projet1 .partie3 .CartePartie3 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet1 .partie3 .CartePartie3 .BasCartePartie3 {
  display: flex;
  padding: 20px;
  align-items: center;
}
.Corps_de_page .Projet1 .partie3 .CartePartie3 .BasCartePartie3 img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin-left: 20px;
}
.Corps_de_page .Projet1 .partie3 .CartePartie3 .BasCartePartie3 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 40px;
}
.Corps_de_page .Projet1 .partie4 {
  margin-top: 200px;
}
.Corps_de_page .Projet1 .partie4 .fondPartie4 {
  position: absolute;
  right: 0;
  background: radial-gradient(circle at calc(100% - 350px) -50px, rgb(145, 60, 60) 0%, rgba(20, 40, 69, 0.1037348045) 40%, rgba(20, 40, 69, 0) 60%);
  width: 1335px;
  height: 800px;
  transform: skewY(-8deg);
  z-index: -1;
  opacity: 0.8;
  margin-top: -100px;
}
.Corps_de_page .Projet1 .partie4 .TextPartie4 {
  text-align: end;
  margin-top: 250px;
}
.Corps_de_page .Projet1 .partie4 .TextPartie4 h1 {
  font-size: 48px;
  font-weight: 600;
  margin: auto;
}
.Corps_de_page .Projet1 .partie4 .TextPartie4 h1:nth-child(2) {
  opacity: 0.6;
}
.Corps_de_page .Projet1 .partie4 .TextPartie4 p {
  font-size: 24px;
  font-weight: 400;
  margin-left: 20%;
  margin-top: 35px;
  width: 80%;
  opacity: 0.8;
}
.Corps_de_page .Projet1 .partie4 .ImagesPartie4 img {
  border-radius: 10px;
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  margin-top: 50px;
  opacity: 1;
}
.Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(1) {
  width: 33%;
  margin-top: -160px;
  margin-left: 10px;
}
.Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(2) {
  width: 340px;
  margin-top: 250px;
  margin-left: 60px;
}
.Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(3) {
  width: 28%;
  margin-top: -220px;
  margin-left: 40px;
}
.Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 {
  overflow-x: hidden;
  display: flex;
  margin-top: -1000px;
  left: -50px;
  width: 1100px;
  align-items: center;
  position: absolute;
  transform: rotate(144deg);
  z-index: -1;
}
.Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 .CarteBackgroundImagesPartie4 {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 8px -8px 12px rgb(0, 0, 1);
  width: 200px;
  height: 380px;
  margin-right: 20px;
  margin-top: 20px;
  border-radius: 15px;
}
.Corps_de_page .Projet1 .partie5 {
  width: 90%;
  text-align: center;
  margin: auto;
  margin-top: 200px;
}
.Corps_de_page .Projet1 .partie5 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet1 .partie5 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
}
.Corps_de_page .Projet1 .partie5 .CartePartie5 {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 10px;
  margin-top: 50px;
}
.Corps_de_page .Projet1 .partie5 .CartePartie5 img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* L'image remplit la div sans être rognée */
  border-radius: 20px;
}
.Corps_de_page .Projet1 .partie6 {
  margin: auto;
  margin-top: 200px;
  width: 950px;
}
.Corps_de_page .Projet1 .partie6 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet1 .partie6 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
}
.Corps_de_page .Projet1 .partie6 button {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: transparent;
  border: 2px solid #FFC312;
  color: #FFC312;
  font-size: 24px;
  font-weight: 400;
  transition: 0.4s;
  text-decoration: none;
  box-shadow: 8px 8px 12px black;
}
.Corps_de_page .Projet1 .partie6 button img {
  width: 30px;
}
.Corps_de_page .Projet1 .partie6 button img:nth-child(1) {
  display: block;
}
.Corps_de_page .Projet1 .partie6 button img:nth-child(2) {
  display: none;
}
.Corps_de_page .Projet1 .partie6 button:hover {
  background-color: #FFC312;
  color: #1d242c;
  box-shadow: 12px 12px 20px black;
}
.Corps_de_page .Projet1 .partie6 button:hover img:nth-child(1) {
  display: none;
}
.Corps_de_page .Projet1 .partie6 button:hover img:nth-child(2) {
  display: block;
}
.Corps_de_page .Projet1 .partie6 .fondPartie6 {
  position: absolute;
  margin-left: -189px;
  border-radius: 30px;
  width: 1335px;
  height: 800px;
  transform: skewY(8deg);
  z-index: -1;
  margin-top: -642px;
  background: linear-gradient(20deg, rgba(4, 7, 80, 0.669561135) 0%, rgba(80, 37, 201, 0.4034546924) 9%, rgba(114, 52, 65, 0) 31%), radial-gradient(circle at bottom right, rgb(60, 83, 145) 1%, rgba(55, 137, 255, 0.913258614) 8%, rgba(11, 65, 142, 0.7479925075) 15%, rgba(30, 95, 188, 0.7479925075) 23%, rgba(30, 95, 188, 0) 47%);
}
.Corps_de_page .Projet1 .pre-footer {
  width: 100%;
  height: 1px;
  margin-top: 250px;
}
.Corps_de_page .Projet2 .carte_1 .background_Carte_1 {
  background: linear-gradient(176deg, rgb(212, 206, 255) 0%, rgb(101, 80, 255) 11%, rgb(101, 80, 255) 39%, rgb(177, 99, 205) 78%, rgb(220, 128, 178) 83%, rgb(252, 176, 69) 88%, rgb(216, 92, 42) 100%), linear-gradient(221deg, rgb(212, 206, 255) 0%, rgb(101, 80, 255) 11%, rgb(101, 80, 255) 39%, rgb(177, 99, 205) 53%, rgb(220, 128, 178) 66%, rgb(252, 176, 69) 80%, rgb(226, 114, 49) 91%, rgb(216, 92, 42) 100%);
  background-blend-mode: overlay; /* Mélange des arrière-plans */
}
.Corps_de_page .Projet2 .partie2 {
  display: flex;
  margin-top: 200px;
  justify-content: space-evenly;
  align-items: center;
  margin-left: -100px;
}
.Corps_de_page .Projet2 .partie2 .gauche {
  background-color: rgba(255, 255, 255, 0.1);
  width: 45%;
  height: 600px;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.Corps_de_page .Projet2 .partie2 .gauche img {
  width: 300px;
  height: 300px;
  margin: auto;
}
.Corps_de_page .Projet2 .partie2 .droite {
  width: 505px;
}
.Corps_de_page .Projet2 .partie2 .droite h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet2 .partie2 .droite h2 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 25px;
  opacity: 0.8;
}
.Corps_de_page .Projet2 .partie2 .droite p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet2 .partie2 .droite a {
  text-decoration: none;
  color: white;
}
.Corps_de_page .Projet2 .partie3 {
  margin-top: 200px;
}
.Corps_de_page .Projet2 .partie3 .TextPartie3 {
  text-align: center;
  margin: auto;
  width: 90%;
}
.Corps_de_page .Projet2 .partie3 .TextPartie3 h1 {
  font-size: 48px;
  font-weight: 600;
  margin: auto;
}
.Corps_de_page .Projet2 .partie3 .TextPartie3 h1:nth-child(2) {
  opacity: 0.6;
}
.Corps_de_page .Projet2 .partie3 .TextPartie3 p {
  font-size: 24px;
  font-weight: 400;
  width: 90%;
  margin: auto;
  margin-top: 35px;
  opacity: 0.8;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3 {
  width: 90%;
  margin: auto;
  margin-top: 100px;
  background-color: rgb(23, 24, 28);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  border-radius: 20px;
  padding: 10px 2% 10px 2%;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3 .BasCartePartie3 {
  display: flex;
  padding: 20px;
  align-items: center;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3 .BasCartePartie3 img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin-left: 20px;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3 .BasCartePartie3 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 40px;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3_2 {
  margin-top: -40%;
  width: 20%;
  padding: 5px;
  position: absolute;
  opacity: 0.8;
  margin-left: 40%;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3_2 .BasCartePartie3 {
  padding: 5px 0px 0px 0px;
  align-items: flex-start;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3_2 .BasCartePartie3 img {
  width: 20px;
  height: 20px;
}
.Corps_de_page .Projet2 .partie3 .CartePartie3_2 .BasCartePartie3 h3 {
  font-size: 13px;
  font-weight: 600;
  margin-left: 30px;
}
.Corps_de_page .Projet2 .partie3 .fondPartie3 {
  position: absolute;
  background-color: rgb(141, 77, 253);
  border-radius: 30px;
  width: 95%;
  height: 850px;
  transform: skewY(4deg);
  z-index: -1;
  opacity: 0.1;
  margin-top: 5%;
  left: 2.5%;
}
.Corps_de_page .Projet2 .partie4 {
  display: flex;
  margin-top: 150px;
  justify-content: space-evenly;
  align-items: center;
}
.Corps_de_page .Projet2 .partie4 .gauche {
  width: 510px;
}
.Corps_de_page .Projet2 .partie4 .gauche h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet2 .partie4 .gauche p {
  font-size: 24px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet2 .partie4 .droite {
  background-color: rgba(255, 255, 255, 0.1);
  width: 45%;
  height: 600px;
  border-radius: 20px;
}
.Corps_de_page .Projet2 .partie5 {
  margin: auto;
  margin-top: 200px;
  width: 950px;
}
.Corps_de_page .Projet2 .partie5 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet2 .partie5 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
}
.Corps_de_page .Projet2 .partie5 button {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: transparent;
  border: 2px solid #FFC312;
  color: #FFC312;
  font-size: 24px;
  font-weight: 400;
  transition: 0.4s;
  text-decoration: none;
  box-shadow: 8px 8px 12px black;
}
.Corps_de_page .Projet2 .partie5 button img {
  width: 30px;
}
.Corps_de_page .Projet2 .partie5 button img:nth-child(1) {
  display: block;
}
.Corps_de_page .Projet2 .partie5 button img:nth-child(2) {
  display: none;
}
.Corps_de_page .Projet2 .partie5 button:hover {
  background-color: #FFC312;
  color: #1d242c;
  box-shadow: 12px 12px 20px black;
}
.Corps_de_page .Projet2 .partie5 button:hover img:nth-child(1) {
  display: none;
}
.Corps_de_page .Projet2 .partie5 button:hover img:nth-child(2) {
  display: block;
}
.Corps_de_page .Projet2 .partie5 .backgroundPartie5 {
  position: absolute;
  background-color: rgb(132, 118, 3);
  border-radius: 30px;
  width: 95%;
  height: 600px;
  transform: skewY(-6deg);
  z-index: -1;
  opacity: 0.1;
  left: 2.5%;
  margin-top: -6%;
}
.Corps_de_page .Projet3 .carte_1 .background_Carte_1 {
  background: radial-gradient(ellipse at 50% 50%, rgb(0, 25, 59) 10%, rgb(9, 58, 126) 40%, rgb(141, 179, 242) 80%), linear-gradient(300deg, rgb(24, 91, 185) 10%, rgb(20, 40, 69) 100%), radial-gradient(circle at 40% -10%, rgba(101, 80, 255, 0) 0%, rgba(177, 99, 205, 0.6) 50%, rgba(252, 176, 69, 0.5) 70%, rgba(255, 0, 143, 0.5) 100%);
  background-blend-mode: overlay;
}
.Corps_de_page .Projet3 .partie2 {
  display: flex;
  margin-top: 200px;
  justify-content: space-evenly;
  align-items: center;
  margin-left: -100px;
}
.Corps_de_page .Projet3 .partie2 .gauche {
  width: 505px;
}
.Corps_de_page .Projet3 .partie2 .gauche h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet3 .partie2 .gauche h2 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 25px;
  opacity: 0.8;
}
.Corps_de_page .Projet3 .partie2 .gauche p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet3 .partie2 .gauche a {
  font-size: 15px;
  font-weight: 400;
  color: white;
  opacity: 0.6;
  margin-bottom: 15px;
}
.Corps_de_page .Projet3 .partie2 .gauche a:hover {
  color: #FFC312;
  opacity: 1;
}
.Corps_de_page .Projet3 .partie2 .droite {
  background-color: rgba(255, 255, 255, 0.1);
  width: 45%;
  height: 510px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  rotate: 60deg;
}
.Corps_de_page .Projet3 .partie2 .droite img {
  width: 320px;
  height: 320px;
  margin: auto;
  border-radius: 100%;
  rotate: -60deg;
}
.Corps_de_page .Projet3 .partie3 {
  margin-top: 200px;
}
.Corps_de_page .Projet3 .partie3 .fondPartie3 {
  position: absolute;
  margin-left: -30px;
  background-color: rgba(112, 119, 60, 0.48);
  border-radius: 30px;
  width: 80%;
  height: 800px;
  transform: skewY(-10deg);
  z-index: -1;
  opacity: 0.8;
  margin-top: -100px;
}
.Corps_de_page .Projet3 .partie3 .TextPartie3 {
  text-align: center;
  margin-top: 250px;
}
.Corps_de_page .Projet3 .partie3 .TextPartie3 h1 {
  font-size: 48px;
  font-weight: 600;
  margin: auto;
}
.Corps_de_page .Projet3 .partie3 .TextPartie3 h1:nth-child(2) {
  opacity: 0.6;
}
.Corps_de_page .Projet3 .partie3 .TextPartie3 p {
  font-size: 24px;
  font-weight: 400;
  width: 90%;
  margin: auto;
  margin-top: 35px;
  text-align: justify;
  opacity: 0.8;
}
.Corps_de_page .Projet3 .partie3 .CartePartie3 {
  width: 90%;
  margin: auto;
  margin-top: 100px;
  background-color: rgb(23, 24, 28);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  border-radius: 20px;
  padding: 10px;
}
.Corps_de_page .Projet3 .partie3 .CartePartie3 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet3 .partie3 .CartePartie3 .BasCartePartie3 {
  display: flex;
  padding: 20px;
  align-items: center;
}
.Corps_de_page .Projet3 .partie3 .CartePartie3 .BasCartePartie3 img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin-left: 20px;
}
.Corps_de_page .Projet3 .partie3 .CartePartie3 .BasCartePartie3 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 40px;
}
.Corps_de_page .Projet3 .partie4 {
  margin-top: 100px;
}
.Corps_de_page .Projet3 .partie4 .CartePartie4 {
  width: 40%;
  margin-top: 25px;
  background-color: rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  padding: 10px;
}
.Corps_de_page .Projet3 .partie4 .CartePartie4:nth-child(2) {
  margin-left: 30%;
}
.Corps_de_page .Projet3 .partie4 .CartePartie4:nth-child(3) {
  margin-left: 50%;
}
.Corps_de_page .Projet3 .partie4 .CartePartie4 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet3 .partie4 .CartePartie4 .BasCartePartie4 {
  display: flex;
  padding: 10px;
  align-items: center;
}
.Corps_de_page .Projet3 .partie4 .CartePartie4 .BasCartePartie4 img {
  width: 20px;
  height: 20px;
  opacity: 0.6;
  margin-left: 20px;
}
.Corps_de_page .Projet3 .partie4 .CartePartie4 .BasCartePartie4 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 40px;
}
.Corps_de_page .Projet3 .partie4 .fondPartie4 {
  position: absolute;
  background: radial-gradient(circle at 70% 20%, rgb(60, 121, 145) 0%, rgba(20, 40, 69, 0.1037348045) 40%, rgba(20, 40, 69, 0) 60%);
  width: 60%;
  height: 800px;
  transform: skewY(12deg);
  z-index: -1;
  opacity: 0.8;
  margin-top: -867px;
  right: 0;
}
.Corps_de_page .Projet3 .partie5 {
  width: 90%;
  text-align: center;
  margin: auto;
  margin-top: 200px;
}
.Corps_de_page .Projet3 .partie5 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet3 .partie5 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur {
  display: flex;
  width: 75%;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  margin: auto;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .btnSliderNext, .Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .btnSliderPrev {
  width: 40px;
  height: 40px;
  text-align: center;
  opacity: 0.7;
  position: absolute;
  z-index: 2;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .btnSliderNext:hover, .Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .btnSliderPrev:hover {
  cursor: pointer;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .btnSliderNext {
  margin-left: 39%;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .btnSliderPrev {
  margin-left: -40%;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .CartePartie5CarrouselConteneur {
  margin-top: 50px;
  display: flex;
  align-items: center;
  position: relative;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .CartePartie5CarrouselConteneur .CartePartie5 {
  margin-right: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 10px;
  width: 100%;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .CartePartie5CarrouselConteneur .CartePartie5 .HautCartePartie5 img {
  object-fit: cover; /* L'image remplit la div sans être rognée */
  border-radius: 20px;
  width: 100%;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .CartePartie5CarrouselConteneur .CartePartie5 .BasCartePartie5 {
  display: flex;
  padding: 20px;
  align-items: center;
  height: 100px;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .CartePartie5CarrouselConteneur .CartePartie5 .BasCartePartie5 img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin-left: 20px;
}
.Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .CartePartie5CarrouselConteneur .CartePartie5 .BasCartePartie5 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 40px;
}
.Corps_de_page .Projet3 .partie6 {
  display: flex;
  margin-top: 150px;
  justify-content: space-evenly;
  align-items: center;
}
.Corps_de_page .Projet3 .partie6 .droite {
  width: 510px;
}
.Corps_de_page .Projet3 .partie6 .droite h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet3 .partie6 .droite p {
  font-size: 24px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet3 .partie6 .gauche {
  background-color: rgba(255, 255, 255, 0.1);
  width: 45%;
  height: 750px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.Corps_de_page .Projet3 .partie6 .gauche img {
  width: 90%;
  max-width: 482px;
  margin: auto;
}
.Corps_de_page .Projet3 .partie7 {
  margin-top: 200px;
  position: relative;
}
.Corps_de_page .Projet3 .partie7 .fondPartie7 {
  position: absolute;
  background: radial-gradient(circle at 50% 95%, rgb(60, 145, 69) 0%, rgba(20, 40, 69, 0.1037348045) 40%, rgba(20, 40, 69, 0) 60%);
  width: 100%;
  height: 800px;
  z-index: -1;
  opacity: 0.8;
  margin-top: -467px;
}
.Corps_de_page .Projet3 .partie7 h1 {
  font-size: 40px;
  font-weight: 600;
}
.Corps_de_page .Projet3 .partie7 p {
  font-size: 24px;
  opacity: 0.8;
}
.Corps_de_page .Projet3 .partie7 a {
  font-size: 15px;
  font-weight: 400;
  color: white;
  opacity: 0.6;
}
.Corps_de_page .Projet3 .partie7 a:hover {
  color: #FFC312;
  opacity: 1;
}
.Corps_de_page .Projet3 .partie7 .a2 {
  margin-left: 25px;
}
.Corps_de_page .Projet4 .carte_1 .background_Carte_1 {
  background: linear-gradient(180deg, rgb(212, 206, 255) 0%, rgb(101, 80, 255) 20%, rgb(177, 99, 205) 60%, rgb(220, 128, 178) 80%, rgb(216, 92, 42) 100%), radial-gradient(circle at 80% 20%, rgb(252, 176, 69) 30%, rgb(101, 80, 255) 70%);
  background-blend-mode: overlay;
}
.Corps_de_page .Projet4 .partie2 {
  display: flex;
  margin-top: 200px;
  justify-content: space-evenly;
  align-items: center;
  margin-left: -100px;
}
.Corps_de_page .Projet4 .partie2 .gauche {
  background-color: rgba(255, 255, 255, 0.1);
  width: 45%;
  height: 600px;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.Corps_de_page .Projet4 .partie2 .gauche img {
  width: 60%;
  margin: auto;
}
.Corps_de_page .Projet4 .partie2 .droite {
  width: 505px;
}
.Corps_de_page .Projet4 .partie2 .droite h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet4 .partie2 .droite h2 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 25px;
  opacity: 0.8;
}
.Corps_de_page .Projet4 .partie2 .droite p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet4 .partie3 {
  margin-top: 200px;
}
.Corps_de_page .Projet4 .partie3 .fondPartie3 {
  position: absolute;
  margin-left: -30px;
  background-color: rgb(104, 76, 76);
  border-radius: 30px;
  width: 80%;
  height: 1250px;
  transform: skewY(4deg);
  z-index: -1;
  opacity: 0.3;
  margin-top: -100px;
}
.Corps_de_page .Projet4 .partie3 .TextPartie3 {
  text-align: center;
  margin-top: 250px;
}
.Corps_de_page .Projet4 .partie3 .TextPartie3 h1 {
  font-size: 48px;
  font-weight: 600;
  margin: auto;
}
.Corps_de_page .Projet4 .partie3 .TextPartie3 h1:nth-child(2) {
  opacity: 0.6;
}
.Corps_de_page .Projet4 .partie3 .TextPartie3 p {
  font-size: 24px;
  font-weight: 400;
  width: 90%;
  margin: auto;
  margin-top: 35px;
  text-align: justify;
  opacity: 0.8;
}
.Corps_de_page .Projet4 .partie3 .CartePartie3 {
  width: 90%;
  margin: auto;
  margin-top: 50px;
  background-color: rgb(23, 24, 28);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  border-radius: 95px;
  padding: 10px;
}
.Corps_de_page .Projet4 .partie3 .CartePartie3 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet4 .partie3 .CartePartie3 .BasCartePartie3 {
  display: flex;
  padding: 20px;
  align-items: center;
}
.Corps_de_page .Projet4 .partie3 .CartePartie3 .BasCartePartie3 img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin-left: 20px;
}
.Corps_de_page .Projet4 .partie3 .CartePartie3 .BasCartePartie3 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 40px;
}
.Corps_de_page .Projet4 .partie4 {
  margin-top: 200px;
}
.Corps_de_page .Projet4 .partie4 .backgroundImagesPartie4 {
  overflow-x: hidden;
  display: flex;
  margin-top: -125px;
  left: 5%;
  width: 765px;
  align-items: center;
  position: absolute;
  transform: rotate(146deg);
  z-index: -1;
}
.Corps_de_page .Projet4 .partie4 .backgroundImagesPartie4 .CarteBackgroundImagesPartie4 {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 8px -8px 12px rgb(0, 0, 1);
  width: 170px;
  height: 350px;
  margin-right: 20px;
  margin-top: 20px;
  border-radius: 15px;
}
.Corps_de_page .Projet4 .partie4 img {
  border-radius: 20px;
  box-shadow: -2px 11px 12px rgb(0, 0, 1);
  margin-top: 130px;
  opacity: 1;
  width: 60%;
  margin-left: 15%;
}
.Corps_de_page .Projet4 .partie4 .TextPartie4 {
  text-align: end;
  width: 70%;
  margin-left: 30%;
  margin-top: 55px;
}
.Corps_de_page .Projet4 .partie4 .TextPartie4 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet4 .partie4 .TextPartie4 p {
  font-size: 24px;
  font-weight: 400;
  opacity: 0.8;
}
.Corps_de_page .Projet4 .partie5 {
  margin-top: 200px;
}
.Corps_de_page .Projet4 .partie5 .fondPartie5 {
  position: absolute;
  background: radial-gradient(circle at 30% 50px, rgb(145, 60, 60) 0%, rgba(20, 40, 69, 0.1037348045) 40%, rgba(20, 40, 69, 0) 60%);
  width: 1335px;
  height: 800px;
  transform: skewY(4deg);
  z-index: -1;
  opacity: 0.8;
  margin-top: -80px;
  left: 0;
}
.Corps_de_page .Projet4 .partie5 .TextPartie5 {
  text-align: start;
  margin-top: 250px;
  max-width: 2100px;
}
.Corps_de_page .Projet4 .partie5 .TextPartie5 h1 {
  font-size: 48px;
  font-weight: 600;
  width: 80%;
}
.Corps_de_page .Projet4 .partie5 .TextPartie5 p {
  font-size: 24px;
  font-weight: 400;
  margin-top: 35px;
  width: 80%;
  opacity: 0.8;
}
.Corps_de_page .Projet4 .partie5 .CartePartie5 {
  width: 90%;
  margin: auto;
  margin-top: 50px;
  background-color: rgb(23, 24, 28);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  border-radius: 20px;
  padding: 10px;
}
.Corps_de_page .Projet4 .partie5 .CartePartie5 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet4 .partie5 .CartePartie5 .BasCartePartie5 {
  display: flex;
  padding: 20px;
  align-items: center;
}
.Corps_de_page .Projet4 .partie5 .CartePartie5 .BasCartePartie5 img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin-left: 20px;
}
.Corps_de_page .Projet4 .partie5 .CartePartie5 .BasCartePartie5 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 40px;
}
.Corps_de_page .Projet4 .partie6 .TextePartie6 {
  text-align: center;
  margin-top: 200px;
}
.Corps_de_page .Projet4 .partie6 .TextePartie6 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet4 .partie6 .TextePartie6 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
}
.Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis {
  display: flex;
  margin-top: 100px;
  justify-content: space-evenly;
}
.Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div {
  width: 30%;
  max-width: 665px;
  border-radius: 20px;
  position: relative;
}
.Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div:nth-child(2) {
  margin-top: 70px;
}
.Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div:nth-child(3) {
  margin-top: 140px;
}
.Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div div {
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 800px;
  display: flex;
}
.Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div div img {
  width: 95%;
  height: auto;
  margin: auto;
}
.Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div h1 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
}
.Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div p {
  font-size: 16px;
  opacity: 0.8;
}
.Corps_de_page .Projet4 .partie6 .fondPartie6 {
  position: absolute;
  background-color: rgb(132, 118, 3);
  border-radius: 30px 0px 0px 30px;
  width: 77%;
  height: 1101px;
  transform: skewY(8deg);
  z-index: -1;
  margin-top: -1000px;
  right: 0px;
  opacity: 0.1;
}
.Corps_de_page .Projet4 .partie7 {
  width: 90%;
  text-align: start;
  margin: auto;
  margin-top: 200px;
}
.Corps_de_page .Projet4 .partie7 div {
  display: flex;
  justify-content: space-between;
}
.Corps_de_page .Projet4 .partie7 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet4 .partie7 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
}
.Corps_de_page .Projet4 .partie7 button {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: transparent;
  border: 2px solid #FFC312;
  color: #FFC312;
  font-size: 24px;
  font-weight: 400;
  transition: 0.4s;
  text-decoration: none;
  box-shadow: 8px 8px 12px black;
  height: 68px;
}
.Corps_de_page .Projet4 .partie7 button img {
  width: 30px;
}
.Corps_de_page .Projet4 .partie7 button img:nth-child(1) {
  display: block;
}
.Corps_de_page .Projet4 .partie7 button img:nth-child(2) {
  display: none;
}
.Corps_de_page .Projet4 .partie7 button:hover {
  background-color: #FFC312;
  color: #1d242c;
  box-shadow: 12px 12px 20px black;
}
.Corps_de_page .Projet4 .partie7 button:hover img:nth-child(1) {
  display: none;
}
.Corps_de_page .Projet4 .partie7 button:hover img:nth-child(2) {
  display: block;
}
.Corps_de_page .Projet5 .carte_1 .background_Carte_1 {
  background: linear-gradient(90deg, rgb(212, 206, 255) 10%, rgb(101, 80, 255) 40%, rgb(177, 99, 205) 60%, rgb(220, 128, 178) 80%, rgb(252, 176, 69) 100%), radial-gradient(circle at 20% 50%, rgb(216, 92, 42) 30%, rgb(101, 80, 255) 70%);
  background-blend-mode: overlay;
}
.Corps_de_page .Projet5 .partie2 {
  display: flex;
  margin-top: 200px;
  justify-content: space-evenly;
  align-items: center;
}
.Corps_de_page .Projet5 .partie2 .gauche {
  width: 55%;
  max-width: 550px;
}
.Corps_de_page .Projet5 .partie2 .gauche h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet5 .partie2 .gauche h2 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 25px;
  opacity: 0.8;
}
.Corps_de_page .Projet5 .partie2 .gauche p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet5 .partie2 .gauche p a {
  text-decoration: none;
  position: relative;
  color: white;
}
.Corps_de_page .Projet5 .partie2 .gauche p a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: white;
  opacity: 0.8;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
.Corps_de_page .Projet5 .partie2 .gauche p a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}
.Corps_de_page .Projet5 .partie2 .droite {
  width: 33%;
  display: flex;
  justify-content: center;
}
.Corps_de_page .Projet5 .partie2 .droite img {
  width: 100%;
}
.Corps_de_page .Projet5 .partie3 {
  margin-top: 150px;
  display: flex;
  justify-content: space-between;
}
.Corps_de_page .Projet5 .partie3 .CartePartie3 {
  width: 35%;
  margin: auto;
  background-color: rgb(23, 24, 28);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  border-radius: 20px;
  padding: 10px;
}
.Corps_de_page .Projet5 .partie3 .CartePartie3 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet5 .partie3 .CartePartie3 .BasCartePartie3 {
  display: flex;
  padding-top: 10px;
  padding-left: 10px;
  align-items: center;
}
.Corps_de_page .Projet5 .partie3 .CartePartie3 .BasCartePartie3 img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin-left: 20px;
}
.Corps_de_page .Projet5 .partie3 .CartePartie3 .BasCartePartie3 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 15px;
  margin-top: 5px;
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 {
  width: 50%;
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 p {
  font-size: 24px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table {
  width: 310px;
  margin: 20px 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  display: table;
  margin: auto;
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table .table-row {
  display: table-row;
  width: 100%;
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table .table-row.header {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.9);
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table .table-row .table-cell {
  display: table-cell;
  padding: 10px 20px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table .table-row .table-cell.score {
  text-align: center;
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table .table-row .table-cell:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}
.Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table .table-row:last-child .table-cell {
  border-bottom: none;
}
.Corps_de_page .Projet5 .partie4 {
  margin-top: 150px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.Corps_de_page .Projet5 .partie4 .TextPartie4 {
  width: 55%;
}
.Corps_de_page .Projet5 .partie4 .TextPartie4 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet5 .partie4 .TextPartie4 p {
  font-size: 24px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet5 .partie4 img {
  width: 40%;
}
.Corps_de_page .Projet5 .partie5 {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.Corps_de_page .Projet5 .partie5 .TextPartie5 {
  width: 660px;
}
.Corps_de_page .Projet5 .partie5 .TextPartie5 h1 {
  font-size: 35px;
  font-weight: 600;
}
.Corps_de_page .Projet5 .partie5 .TextPartie5 p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet5 .partie5 .TextPartie5 p button {
  text-decoration: none;
  position: relative;
  color: white;
  background: none;
  border: none;
  padding: 0;
  display: none;
}
.Corps_de_page .Projet5 .partie5 .TextPartie5 p button a {
  text-decoration-line: underline;
  text-decoration-color: #FFC312;
}
.Corps_de_page .Projet5 .partie5 .TextPartie5 p button a:hover {
  color: #FFC312;
  text-decoration-line: none;
}
.Corps_de_page .Projet5 .partie5 .CartePartie5 {
  width: 50%;
  height: 250px;
  background-color: rgb(23, 24, 28);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  border-radius: 20px;
  padding: 10px;
  position: relative;
}
.Corps_de_page .Projet5 .partie5 .CartePartie5 .json-example {
  width: 100%;
  height: 80%;
  background-color: #1e1e1e; /* Fond type éditeur */
  color: #dcdcdc; /* Couleur du texte type code */
  padding: 20px;
  border-radius: 8px;
  overflow-x: auto;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.Corps_de_page .Projet5 .partie5 .CartePartie5 .json-example pre {
  margin: 0;
  font-family: "Courier New", Courier, monospace;
  font-size: 0.9rem;
}
.Corps_de_page .Projet5 .partie5 .CartePartie5 .json-example .json {
  line-height: 1.5;
  color: white;
}
.Corps_de_page .Projet5 .partie5 .CartePartie5 .BasCartePartie5 {
  display: flex;
  width: 100%;
  height: 20%;
  padding-top: 10px;
  padding-left: 10px;
  align-items: center;
}
.Corps_de_page .Projet5 .partie5 .CartePartie5 .BasCartePartie5 img {
  width: 35px;
  opacity: 0.6;
}
.Corps_de_page .Projet5 .partie5 .CartePartie5 .BasCartePartie5 h3 {
  font-size: 15px;
  font-weight: 600;
  margin-left: 15px;
  margin-top: 5px;
}
.Corps_de_page .Projet5 .partie5 .exempleJsonPopOver {
  width: 70%;
  height: 60%;
  background-color: rgb(23, 24, 28);
  padding: 0;
  border-radius: 20px;
  border: 0;
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
}
.Corps_de_page .Projet5 .partie5 .exempleJsonPopOver .CartePartie5 {
  width: 100%;
  height: 100%;
  box-shadow: none;
}
.Corps_de_page .Projet5 .partie5 .exempleJsonPopOver .CartePartie5 h3 {
  color: white;
}
.Corps_de_page .Projet5 .partie6 {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.Corps_de_page .Projet5 .partie6 .TextPartie6 h1 {
  font-size: 35px;
  font-weight: 600;
}
.Corps_de_page .Projet5 .partie6 .TextPartie6 p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet5 .partie7 {
  max-width: 1500px;
  margin: auto;
  margin-top: 100px;
}
.Corps_de_page .Projet5 .partie7 h1 {
  font-size: 48px;
  font-weight: 600;
  text-align: center;
}
.Corps_de_page .Projet5 .partie7 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
  text-align: center;
}
.Corps_de_page .Projet5 .partie7 .carteVideo {
  background-color: rgba(255, 255, 255, 0.03);
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5);
  width: 90%;
  margin: auto;
  border-radius: 20px;
  padding: 10px;
  position: relative;
  overflow: hidden;
  /* Ajouter le ratio d'aspect pour 16:9 */
  padding-bottom: calc(56.25% + 10px); /* Compense le padding ajouté */
}
.Corps_de_page .Projet5 .partie7 .carteVideo iframe {
  border-radius: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px); /* Compense le padding */
  height: calc(100% - 20px); /* Compense le padding */
}
.Corps_de_page .Projet5 .partie8 {
  margin-top: 100px;
  position: relative;
}
.Corps_de_page .Projet5 .partie8 .fondPartie8 {
  position: absolute;
  background: radial-gradient(circle at 50% -5%, rgb(145, 111, 60) 0%, rgba(69, 52, 20, 0.104) 40%, rgba(69, 52, 20, 0) 60%);
  width: 100%;
  height: 545px;
  z-index: -1;
  opacity: 0.8;
  margin-top: -100px;
}
.Corps_de_page .Projet5 .partie8 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet5 .partie8 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
  margin-left: 15px;
}
.Corps_de_page .Projet5 .partie8 .ListeAxeAmelioration div {
  display: flex;
  margin-top: 5px;
  align-items: baseline;
}
.Corps_de_page .Projet5 .partie8 .ListeAxeAmelioration div img {
  opacity: 0.6;
  margin-left: 20px;
  width: 15px;
}
.Corps_de_page .Projet5 .partie8 .ListeAxeAmelioration div p {
  font-size: 18px;
  opacity: 0.6;
  margin-top: 0;
  margin-left: 5px;
  margin-bottom: 0;
}
.Corps_de_page .Projet6 .carte_1 .background_Carte_1 {
  background: radial-gradient(circle at 20% 30%, rgb(140, 50, 170) 20%, rgb(80, 40, 140) 50%, rgb(9, 58, 126) 70%, rgb(20, 40, 69) 100%), linear-gradient(120deg, rgb(177, 99, 205) 40%, rgb(120, 70, 160) 70%, rgb(0, 25, 59) 100%);
  background-blend-mode: overlay;
}
.Corps_de_page .Projet6 .partie2 {
  display: flex;
  margin-top: 200px;
  justify-content: space-evenly;
  align-items: center;
  margin-left: -100px;
}
.Corps_de_page .Projet6 .partie2 .gauche {
  width: 50%;
  max-width: 700px;
}
.Corps_de_page .Projet6 .partie2 .gauche h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet6 .partie2 .gauche h2 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 25px;
  opacity: 0.8;
}
.Corps_de_page .Projet6 .partie2 .gauche p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
}
.Corps_de_page .Projet6 .partie2 .droite {
  background-color: rgba(255, 255, 255, 0.1);
  width: 230px;
  height: 230px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 20px 50px rgba(255, 255, 255, 0.1);
  margin-right: -100px;
}
.Corps_de_page .Projet6 .partie2 .droite img {
  width: 220px;
  margin: auto;
}
.Corps_de_page .Projet6 .partie3 {
  margin-top: 200px;
  align-items: center;
}
.Corps_de_page .Projet6 .partie3 .TextPartie3 {
  text-align: center;
}
.Corps_de_page .Projet6 .partie3 .TextPartie3 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet6 .partie3 .TextPartie3 p {
  font-size: 24px;
  font-weight: 400;
  margin: auto;
  width: 90%;
  opacity: 0.8;
}
.Corps_de_page .Projet6 .partie3 .TextPartie3 p :nth-child(1) {
  margin-top: 35px;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas {
  display: flex;
  justify-content: space-evenly;
  margin-top: 50px;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona {
  width: 30%;
  height: 100%;
  max-width: 600px;
  border-radius: 20px;
  padding: 20px;
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.1);
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona:hover {
  transform: translateY(-10px);
  box-shadow: 0px 0px 30px 10px rgba(255, 255, 255, 0.2);
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona:hover .textePersona p.hidden {
  display: block;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona:hover .textePersona p.visible {
  display: none;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut {
  display: flex;
  align-items: flex-start;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut svg {
  width: 12%;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut h3 {
  height: 70px;
  text-align: center;
  width: 100%;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona .textePersonaHaut {
  display: flex;
  align-items: flex-start;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona .textePersonaHaut img {
  width: 25px;
  opacity: 0.8;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona .textePersonaHaut h5 {
  opacity: 0.8;
  margin-left: 5px;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona p {
  opacity: 0.6;
  margin-left: 40px;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona p.hidden {
  display: none;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona1 {
  background: linear-gradient(120deg, rgb(177, 99, 205) 40%, rgb(120, 70, 160) 70%, rgb(0, 25, 59) 100%);
  background-blend-mode: overlay;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona2 {
  background: linear-gradient(-120deg, rgb(113, 1, 249) 0%, rgb(177, 99, 205) 30%, rgb(120, 70, 160) 70%, rgb(0, 25, 59) 100%);
  background-blend-mode: overlay;
}
.Corps_de_page .Projet6 .partie3 .ListePersonas .Persona3 {
  background: linear-gradient(-60deg, rgb(177, 99, 205) 40%, rgb(120, 70, 160) 70%, rgb(113, 1, 249) 100%);
  background-blend-mode: overlay;
}
.Corps_de_page .Projet6 .partie4 {
  margin-top: 200px;
  text-align: center;
}
.Corps_de_page .Projet6 .partie4 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet6 .partie4 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
}
.Corps_de_page .Projet6 .partie4 img {
  opacity: 0.5;
  width: 100px;
  position: absolute;
}
.Corps_de_page .Projet6 .partie4 .LogoAzure {
  margin-top: -75px;
  margin-left: -370px;
}
.Corps_de_page .Projet6 .partie4 .LogoSymfony {
  margin-top: -95px;
  margin-left: 300px;
}
.Corps_de_page .Projet6 .partie4 .LogoGit {
  margin-top: -50px;
  rotate: 10deg;
  margin-left: 190px;
}
.Corps_de_page .Projet6 .partie5 {
  margin-top: 150px;
}
.Corps_de_page .Projet6 .partie5 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil {
  display: flex;
  justify-content: space-evenly;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil p {
  font-size: 18px;
  opacity: 0.8;
  text-align: center;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteAdresse {
  width: 300px;
  position: absolute;
  margin-top: 25px;
  margin-left: -5%;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
  width: 300px;
  position: absolute;
  margin-top: 340px;
  margin-left: -10%;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche4 {
  width: 150px;
  position: absolute;
  margin-top: 130px;
  margin-left: 6%;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
  width: 150px;
  position: absolute;
  margin-top: 370px;
  margin-left: 5%;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .CartePartie5 {
  background-color: rgba(255, 255, 255, 0.03);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  width: 60%;
  max-width: 950px;
  border-radius: 20px;
  padding: 10px;
  margin: auto;
  margin-top: 90px;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .CartePartie5 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePetitPlan {
  width: 190px;
  position: absolute;
  margin-top: 150px;
  margin-left: -5%;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche3 {
  width: 150px;
  position: absolute;
  margin-top: 60px;
  margin-left: -15%;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
  width: 17%;
  position: absolute;
  margin-top: 330px;
  margin-left: -7%;
}
.Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
  width: 110px;
  position: absolute;
  transform: scaleX(-1);
  rotate: 80deg;
  margin-top: 375px;
  margin-left: -14%;
}
.Corps_de_page .Projet6 .partie6 {
  margin-top: 150px;
}
.Corps_de_page .Projet6 .partie6 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole {
  display: flex;
  justify-content: space-evenly;
  margin-top: 70px;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche {
  width: 40%;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteHaut {
  display: flex;
  align-items: center;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteHaut img {
  width: 35px;
  height: 35px;
  margin-left: -70px;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteHaut h5 {
  font-size: 22px;
  font-weight: 600;
  margin-left: 15px;
  margin-bottom: 0px;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 5px;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi {
  margin-top: 0px;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi {
  margin-top: 20px;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment {
  margin-top: 20px;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .CartePartie6 {
  background-color: rgba(255, 255, 255, 0.03);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  width: 60%;
  height: 100%;
  max-width: 950px;
  border-radius: 20px;
  padding: 10px;
  margin-left: 10px;
}
.Corps_de_page .Projet6 .partie6 .explicationEcole .CartePartie6 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet6 .partie7 {
  margin-top: 100px;
}
.Corps_de_page .Projet6 .partie7 h1 {
  font-size: 48px;
  font-weight: 600;
  text-align: center;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan .CartePartie7 {
  background-color: rgba(255, 255, 255, 0.03);
  box-shadow: 4px 4px 12px rgb(0, 0, 1);
  width: 58%;
  max-width: 950px;
  border-radius: 20px;
  padding: 10px;
  height: 100%;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan .CartePartie7 img {
  width: 100%;
  border-radius: 20px;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan .TexteDroite {
  width: 40%;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan .TexteDroite .haut {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan .TexteDroite .haut img {
  width: 35px;
  height: 35px;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan .TexteDroite .haut h3 {
  font-size: 24px;
  font-weight: 550;
  margin: 0;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan .TexteDroite p {
  font-size: 18px;
  opacity: 0.8;
  margin-top: 10px;
  margin-left: 5px;
}
.Corps_de_page .Projet6 .partie7 .explicationPlan .fondPartie7 {
  position: absolute;
  background: radial-gradient(circle at 20% 30%, rgb(140, 50, 170) 20%, rgb(80, 40, 140) 50%, rgb(9, 58, 126) 70%, rgb(20, 40, 69) 100%), linear-gradient(120deg, rgb(177, 99, 205) 40%, rgb(120, 70, 160) 70%, rgb(0, 25, 59) 100%);
  background-blend-mode: overlay;
  border-radius: 30px 0px 0px 30px;
  width: 43%;
  height: 400px;
  transform: skewY(6deg);
  z-index: -1;
  margin-top: 30px;
  right: 0px;
  opacity: 0.2;
}
.Corps_de_page .Projet6 .partie8 {
  max-width: 1500px;
  margin: auto;
  margin-top: 100px;
}
.Corps_de_page .Projet6 .partie8 h1 {
  font-size: 48px;
  font-weight: 600;
  text-align: center;
}
.Corps_de_page .Projet6 .partie8 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
  text-align: center;
}
.Corps_de_page .Projet6 .partie8 .carteVideo {
  background-color: rgba(255, 255, 255, 0.03);
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5);
  width: 90%;
  margin: auto;
  border-radius: 20px;
  padding: 10px;
  position: relative;
  overflow: hidden;
  /* Ajouter le ratio d'aspect pour 16:9 */
  padding-bottom: calc(56.25% + 10px); /* Compense le padding ajouté */
}
.Corps_de_page .Projet6 .partie8 .carteVideo iframe {
  border-radius: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px); /* Compense le padding */
  height: calc(100% - 20px); /* Compense le padding */
}
.Corps_de_page .Projet6 .partie9 {
  margin-top: 100px;
  position: relative;
}
.Corps_de_page .Projet6 .partie9 .fondPartie9 {
  position: absolute;
  background: radial-gradient(circle at 50% -5%, rgb(60, 77, 145) 0%, rgba(20, 40, 69, 0.1037348045) 40%, rgba(20, 40, 69, 0) 60%);
  width: 100%;
  height: 545px;
  z-index: -1;
  opacity: 0.8;
  margin-top: -100px;
}
.Corps_de_page .Projet6 .partie9 h1 {
  font-size: 48px;
  font-weight: 600;
}
.Corps_de_page .Projet6 .partie9 p {
  font-size: 24px;
  margin-top: 20px;
  opacity: 0.8;
  margin-left: 15px;
}
.Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration {
  display: flex;
  justify-content: space-evenly;
}
.Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .gauche, .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .droite {
  width: 45%;
}
.Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .gauche div, .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .droite div {
  display: flex;
  margin-top: 5px;
  align-items: baseline;
}
.Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .gauche div img, .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .droite div img {
  opacity: 0.6;
  margin-left: 20px;
  width: 15px;
}
.Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .gauche div p, .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .droite div p {
  font-size: 18px;
  opacity: 0.6;
  margin-top: 0;
  margin-left: 5px;
  margin-bottom: 0;
}

@media (min-width: 2600px) {
  .Corps_de_page .Projet1 .partie2 {
    justify-content: space-evenly;
  }
  .Corps_de_page .Projet1 .partie4 .TextPartie4 {
    width: 2000px;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(2) {
    margin-top: 25%;
  }
  .Corps_de_page .Projet4 .partie2 .gauche img {
    width: auto;
    height: 580px;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .fondPartie7 {
    width: 50%;
    height: 500px;
    margin-top: 160px;
  }
}
@media (min-width: 2000px) {
  .Corps_de_page .Projet4 .partie6 .fondPartie6 {
    margin-top: -1000px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil {
    justify-content: initial;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteAdresse {
    margin-left: 0px;
    margin-top: 115px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche4 {
    width: 220px;
    margin-top: 215px;
    margin-left: 130px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
    width: 230px;
    margin-left: 90px;
    margin-top: 430px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
    margin-top: 420px;
    margin-left: -135px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .CartePartie5 {
    margin-left: 340px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite {
    margin-left: 1580px;
    margin-top: 80px;
    position: absolute;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche3 {
    width: 200px;
    margin-top: 15px;
    margin-left: -300px;
    rotate: -5deg;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePetitPlan {
    margin-left: -100px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
    width: 150px;
    margin-left: -275px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
    margin-left: -150px;
    width: 350px;
  }
}
@media (max-width: 1500px) {
  .Corps_de_page .Projet1 .partie2 .droite {
    margin-left: 175px;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(2) {
    margin-left: 150px;
  }
  .Corps_de_page .Projet1 .partie6 .fondPartie6 {
    width: 90%;
    margin-left: auto;
    left: 5%;
  }
  .Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div div {
    height: 750px;
  }
  .Corps_de_page .Projet4 .partie6 .fondPartie6 {
    height: 930px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment p {
    width: 500px;
  }
}
@media (max-width: 1400px) {
  .Corps_de_page .Projet5 .partie3 .CartePartie3 {
    margin: 0;
    height: 100%;
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 {
    width: 60%;
  }
}
@media (max-width: 1350px) {
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteAdresse {
    margin-left: -10%;
    margin-top: 75px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche4 {
    margin-left: 0px;
    margin-top: 180px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
    width: 210px;
    margin-top: 300px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
    margin-top: 360px;
    margin-left: 0%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .CartePartie5 {
    width: 65%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
    margin-top: 275px;
    width: 220px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
    margin-top: 355px;
    margin-left: -12%;
  }
}
@media (max-width: 1300px) {
  .Corps_de_page .Projet1 .partie4 .fondPartie4 {
    width: 95%;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img {
    margin-top: 30px;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(1) {
    width: 325px;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(2) {
    width: 340px;
    margin-top: 15px;
    margin-left: 15px;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(3) {
    width: 300px;
  }
  .Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 {
    width: 1000px;
  }
  .Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 .CarteBackgroundImagesPartie4 {
    width: 160px;
    height: 310px;
  }
  .Corps_de_page .Projet1 .partie5 {
    margin-top: 100px;
  }
  .Corps_de_page .Projet3 .partie6 .droite {
    margin-left: 10px;
  }
  .Corps_de_page .Projet3 .partie6 .gauche {
    height: 590px;
  }
  .Corps_de_page .Projet4 .partie2 .gauche img {
    width: 85%;
  }
  .Corps_de_page .Projet4 .partie3 .fondPartie3 {
    height: 1200px;
  }
  .Corps_de_page .Projet4 .partie3 .CartePartie3 {
    border-radius: 55px;
  }
  .Corps_de_page .Projet4 .partie3 .CartePartie3 .BasCartePartie3 {
    padding: 5px;
  }
  .Corps_de_page .Projet4 .partie3 .CartePartie3 .BasCartePartie3 h3 {
    margin-bottom: 0px;
  }
  .Corps_de_page .Projet4 .partie3 .CartePartie3 .BasCartePartie3 img {
    margin-left: 55px;
  }
  .Corps_de_page .Projet4 .partie5 .fondPartie5 {
    width: 100%;
    height: 600px;
  }
  .Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div div {
    height: 560px;
  }
  .Corps_de_page .Projet4 .partie6 .fondPartie6 {
    height: 850px;
    margin-top: -800px;
  }
  .Corps_de_page .Projet5 .partie3 {
    flex-direction: column-reverse;
  }
  .Corps_de_page .Projet5 .partie3 .CartePartie3 {
    margin: auto;
    margin-top: 25px;
    width: 50%;
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 h1 {
    width: 100%;
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 p {
    width: 57%;
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table {
    padding: 16px;
  }
  .Corps_de_page .Projet6 .partie6 {
    margin-top: 200px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole {
    flex-direction: column-reverse;
    margin-top: 30px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment {
    width: 30%;
    margin-top: 20px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi p, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi p, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment p {
    width: 100%;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi .TexteHaut img, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi .TexteHaut img, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment .TexteHaut img {
    margin-left: -50px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi .TexteHaut h5, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi .TexteHaut h5, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment .TexteHaut h5 {
    margin-left: 10px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .CartePartie6 {
    width: 80%;
    margin: auto;
  }
  .Corps_de_page .Projet6 .partie7 {
    margin-top: 60px;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan {
    flex-direction: column;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .CartePartie7 {
    width: 80%;
    margin: auto;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .TexteDroite {
    width: 80%;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .fondPartie7 {
    width: 90%;
    height: 500px;
    margin-top: 200px;
    transform: skewY(-4deg);
  }
}
@media (max-width: 1200px) {
  .Corps_de_page .Projet1 .partie2 .gauche div:nth-child(2) {
    display: none;
  }
  .Corps_de_page .Projet1 .partie2 .droite {
    margin-left: 10px;
  }
  .Corps_de_page .Projet1 .partie3 .TextPartie3 {
    margin-top: auto;
  }
  .Corps_de_page .Projet1 .partie6 {
    width: auto;
    margin-top: 50px;
  }
  .Corps_de_page .Projet2 .partie5 {
    width: 100%;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona {
    width: 31%;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut h3 {
    font-size: 24px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteAdresse {
    margin-top: 55px;
    margin-left: 8%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche4 {
    margin-left: 10px;
    width: 220px;
    rotate: 55deg;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
    width: 275px;
    margin-top: 710px;
    margin-left: 55px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
    margin-top: 625px;
    margin-left: 100px;
    rotate: -70deg;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .CartePartie5 {
    width: 90%;
    margin-top: 200px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePetitPlan {
    margin-top: 110px;
    margin-left: -25%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche3 {
    margin-top: 124px;
    rotate: -83deg;
    margin-left: -35%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
    margin-top: 680px;
    margin-left: -20%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
    margin-top: 550px;
    width: 150px;
    rotate: -188deg;
    margin-left: -30%;
  }
}
@media (max-width: 1090px) {
  .Corps_de_page .Projet1 .partie2 .gauche {
    display: none;
  }
  .Corps_de_page .Projet1 .partie2 .droite {
    margin-top: 0px;
    margin-left: 10%;
  }
  .Corps_de_page .Projet1 .partie3 .CartePartie3 {
    margin-top: 30px;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(1) {
    display: none;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(2) {
    margin-left: 0px;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(3) {
    margin-left: 5px;
  }
  .Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 {
    width: 600px;
    margin-top: -580px;
    left: 280px;
  }
  .Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 .CarteBackgroundImagesPartie4 {
    width: 100px;
    height: 220px;
  }
  .Corps_de_page .Projet1 .pre-footer {
    margin-top: 225px;
  }
  .Corps_de_page .Projet2 .partie2 {
    margin-top: 80px;
  }
  .Corps_de_page .Projet2 .partie2 .droite {
    margin-left: 5px;
    width: 300px;
  }
  .Corps_de_page .Projet2 .partie3 .fondPartie3 {
    height: 600px;
  }
  .Corps_de_page .Projet4 .partie4 .backgroundImagesPartie4 {
    width: 620px;
  }
  .Corps_de_page .Projet4 .partie4 .backgroundImagesPartie4 .CarteBackgroundImagesPartie4 {
    width: 130px;
    height: 300px;
  }
  .Corps_de_page .Projet4 .partie6 .TextePartie6 {
    margin-top: 100px;
  }
  .Corps_de_page .Projet4 .partie6 .TextePartie6 p {
    text-align: justify;
  }
  .Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis {
    margin-top: 50px;
  }
  .Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div div {
    height: 390px;
  }
  .Corps_de_page .Projet4 .partie6 .fondPartie6 {
    height: 640px;
    margin-top: -630px;
    transform: skewY(13deg);
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 p {
    width: 90%;
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 .scoring-table {
    margin-top: 15px;
  }
}
@media (max-width: 1000px) {
  .Corps_de_page .Projet1 .partie4 .fondPartie4 {
    width: 100%;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(2) {
    display: none;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(3) {
    margin-top: 0px;
    margin-left: 130px;
  }
  .Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 {
    width: 500px;
    margin-top: -580px;
    left: 250px;
  }
  .Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 .CarteBackgroundImagesPartie4 {
    width: 100px;
    height: 220px;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3 {
    margin-top: 50px;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3 .BasCartePartie3 h3 {
    margin-left: 10px;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3_2 {
    width: 25%;
    margin-left: 55%;
    margin-top: -40%;
  }
  .Corps_de_page .Projet3 .partie4 .CartePartie4 {
    width: 60%;
  }
  .Corps_de_page .Projet3 .partie4 .CartePartie4:nth-child(2) {
    margin-left: 15%;
  }
  .Corps_de_page .Projet3 .partie4 .CartePartie4:nth-child(3) {
    margin-left: 30%;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona {
    width: 30%;
    padding: 15px;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut svg {
    width: 18%;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut h3 {
    font-size: 20px;
    height: 50px;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona .textePersonaHaut h5 {
    font-size: 17px;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona .textePersonaHaut p {
    font-size: 15px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
    margin-top: 635px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
    margin-top: 550px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
    margin-top: 590px;
    margin-left: -22%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
    margin-top: 490px;
    width: 120px;
    rotate: -180deg;
  }
}
@media (max-width: 900px) {
  .Corps_de_page {
    width: 95%;
  }
  .Corps_de_page .carte_1 {
    height: 333px;
  }
  .Corps_de_page .Projet1 .partie3 .fondPartie3 {
    width: 95%;
    margin-left: auto;
  }
  .Corps_de_page .Projet1 .partie4 .backgroundImagesPartie4 {
    display: none;
  }
  .Corps_de_page .Projet1 .partie6 .fondPartie6 {
    width: 100%;
    left: 0%;
  }
  .Corps_de_page .Projet2 .partie2 {
    margin-left: 0px;
  }
  .Corps_de_page .Projet3 .partie2 {
    margin-left: 0;
  }
  .Corps_de_page .Projet3 .partie2 .gauche {
    width: 50%;
  }
  .Corps_de_page .Projet3 .partie2 .droite img {
    width: 280px;
    height: 280px;
  }
  .Corps_de_page .Projet3 .partie3 .fondPartie3 {
    width: 95%;
    margin-left: auto;
    height: 900px;
  }
  .Corps_de_page .Projet4 .partie2 {
    margin-top: 100px;
  }
  .Corps_de_page .Projet4 .partie3 .fondPartie3 {
    width: 95%;
    margin-left: auto;
    margin-top: -100px;
  }
  .Corps_de_page .Projet4 .partie4 img {
    margin-top: 0px;
  }
  .Corps_de_page .Projet4 .partie4 .backgroundImagesPartie4 {
    width: 415px;
  }
  .Corps_de_page .Projet4 .partie4 .backgroundImagesPartie4 .CarteBackgroundImagesPartie4 {
    width: 90px;
    height: 180px;
    margin-right: 10px;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas {
    flex-direction: column;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona {
    margin: auto;
    margin-top: 20px;
    width: 80%;
    justify-content: center;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut {
    justify-content: center;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut h3 {
    text-align: initial;
    width: auto;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut svg {
    width: auto;
    margin-right: 20px;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .bas {
    display: flex;
    justify-content: space-evenly;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .bas .textePersona {
    width: 50%;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .bas .textePersona .textePersonaHaut {
    width: 100%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
    margin-top: 670px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
    margin-top: 590px;
    rotate: -60deg;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
    margin-top: 640px;
    margin-left: -30%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
    margin-top: 530px;
    margin-left: -40%;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi {
    width: 31%;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi .TexteHaut img, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment .TexteHaut img, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi .TexteHaut img {
    margin-left: 0px;
    opacity: 0.9;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi .TexteHaut h5, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment .TexteHaut h5, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi .TexteHaut h5 {
    opacity: 0.9;
    font-weight: 500;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi p, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment p, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi p {
    text-align: justify;
  }
}
@media (max-width: 730px) {
  .Corps_de_page .carte_1 {
    height: 280px;
  }
  .Corps_de_page .carte_1 .background_Carte_1 h1 {
    font-size: 45px;
  }
  .Corps_de_page .carte_1 .background_Carte_1 p {
    font-size: 25px;
  }
  .Corps_de_page .Projet2 .partie2 {
    margin-left: 0px;
  }
  .Corps_de_page .Projet2 .partie2 .gauche {
    width: 25%;
  }
  .Corps_de_page .Projet2 .partie2 .gauche img {
    display: none;
  }
  .Corps_de_page .Projet3 .partie6 {
    flex-direction: column;
  }
  .Corps_de_page .Projet3 .partie6 .droite {
    margin-left: 0px;
    margin-top: 10px;
    width: 95%;
  }
  .Corps_de_page .Projet3 .partie6 .gauche {
    width: 80%;
    height: auto;
  }
  .Corps_de_page .Projet4 .partie2 .gauche img {
    display: none;
  }
  .Corps_de_page .Projet5 .partie2 {
    position: relative;
  }
  .Corps_de_page .Projet5 .partie2 .gauche {
    width: 100%;
  }
  .Corps_de_page .Projet5 .partie2 .droite {
    position: absolute;
    top: 0; /* Définit le point de départ du positionnement par rapport au haut */
    margin-left: 230px;
    transform: translateY(-140px);
    width: 230px;
    z-index: -1;
  }
  .Corps_de_page .Projet5 .partie5 {
    flex-direction: column;
  }
  .Corps_de_page .Projet5 .partie5 .TextPartie5 {
    width: 90%;
  }
  .Corps_de_page .Projet5 .partie5 .CartePartie5 {
    width: 90%;
  }
  .Corps_de_page .Projet5 .partie6 .TextPartie6 {
    width: 90%;
    margin: auto;
  }
  .Corps_de_page .Projet6 .partie2 .gauche {
    width: 70%;
    box-shadow: 0px 0px 20px 50px rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
  }
  .Corps_de_page .Projet6 .partie2 .droite {
    display: none;
  }
  .Corps_de_page .Projet6 .partie4 .LogoAzure {
    margin-top: -110px;
    margin-left: -330px;
  }
  .Corps_de_page .Projet6 .partie4 .LogoSymfony {
    margin-top: -60px;
    margin-left: 240px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
    margin-top: 590px;
    margin-left: 0px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
    margin-top: 510px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePetitPlan {
    margin-left: -35%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche3 {
    width: 140px;
    margin-left: -45%;
    margin-top: 150px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
    width: 290px;
    margin-left: -45%;
    margin-top: 565px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
    transform: scaleX(1);
    margin-top: 450px;
    margin-left: -30%;
    rotate: 165deg;
  }
}
@media (max-width: 600px) {
  .Corps_de_page .Haut_de_page {
    width: auto;
  }
  .Corps_de_page .Projet1 .partie2 .droite h1 {
    font-size: 35px;
  }
  .Corps_de_page .Projet1 .partie3 .TextPartie3 h1 {
    font-size: 35px;
  }
  .Corps_de_page .Projet1 .partie4 .ImagesPartie4 img:nth-child(3) {
    margin-left: 0px;
    left: 30px;
    position: relative;
  }
  .Corps_de_page .Projet1 .partie5 h1 {
    font-size: 35px;
  }
  .Corps_de_page .Projet1 .partie6 h1 {
    font-size: 35px;
  }
  .Corps_de_page .Projet2 .partie3 .TextPartie3 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet2 .partie3 .TextPartie3 p {
    font-size: 20px;
    text-align: justify;
  }
  .Corps_de_page .Projet2 .partie3 .fondPartie3 {
    height: 380px;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3 .BasCartePartie3 {
    padding: 2px;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3 .BasCartePartie3 img {
    width: 30px;
    height: 30px;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3 .BasCartePartie3 h3 {
    font-size: 15px;
    margin-left: 5px;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3_2 {
    width: 30%;
    margin-left: 60%;
    margin-top: -50%;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3_2 .BasCartePartie3 img {
    width: 20px;
    height: 20px;
  }
  .Corps_de_page .Projet2 .partie3 .CartePartie3_2 .BasCartePartie3 h3 {
    font-size: 10px;
    margin-left: 5px;
  }
  .Corps_de_page .Projet2 .partie4 .gauche h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet2 .partie4 .gauche p {
    font-size: 20px;
  }
  .Corps_de_page .Projet2 .partie5 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet2 .partie5 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet3 .partie2 {
    margin-top: 100px;
  }
  .Corps_de_page .Projet3 .partie2 .gauche {
    width: 100%;
  }
  .Corps_de_page .Projet3 .partie2 .gauche h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet3 .partie2 .gauche h2 {
    font-size: 23px;
    text-align: justify;
  }
  .Corps_de_page .Projet3 .partie2 .gauche p {
    font-size: 18px;
    text-align: justify;
  }
  .Corps_de_page .Projet3 .partie2 .droite {
    height: 400px;
    position: absolute;
    z-index: -1;
    opacity: 0.2;
  }
  .Corps_de_page .Projet3 .partie2 .droite img {
    width: 90%;
    height: auto;
  }
  .Corps_de_page .Projet3 .partie4 .CartePartie4 {
    width: 80%;
  }
  .Corps_de_page .Projet3 .partie4 .CartePartie4:nth-child(2) {
    margin-left: 7%;
  }
  .Corps_de_page .Projet3 .partie4 .CartePartie4:nth-child(3) {
    margin-left: 14%;
  }
  .Corps_de_page .Projet3 .partie4 .CartePartie4 .BasCartePartie4 h3 {
    font-size: 15px;
  }
  .Corps_de_page .Projet3 .partie5 h1 {
    font-size: 35px;
  }
  .Corps_de_page .Projet3 .partie5 p {
    font-size: 20px;
    text-align: justify;
  }
  .Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .CartePartie5CarrouselConteneur .CartePartie5 .BasCartePartie5 h3 {
    font-size: 15px;
  }
  .Corps_de_page .Projet3 .partie5 .Carousel-Conteneur .CartePartie5CarrouselConteneur .CartePartie5 .BasCartePartie5 img {
    width: 30px;
    height: 30px;
  }
  .Corps_de_page .Projet3 .partie6 .droite h1 {
    font-size: 35px;
  }
  .Corps_de_page .Projet3 .partie6 .droite p {
    font-size: 20px;
  }
  .Corps_de_page .Projet4 .partie3 .TextPartie3 {
    margin-top: -50px;
  }
  .Corps_de_page .Projet4 .partie3 .TextPartie3 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet4 .partie3 .TextPartie3 p {
    font-size: 20px;
    text-align: justify;
  }
  .Corps_de_page .Projet4 .partie3 .fondPartie3 {
    height: 1000px;
  }
  .Corps_de_page .Projet4 .partie3 .CartePartie3 {
    border-radius: 40px;
  }
  .Corps_de_page .Projet4 .partie3 .CartePartie3 .BasCartePartie3 h3 {
    margin-left: 25px;
    font-size: 17px;
  }
  .Corps_de_page .Projet4 .partie3 .CartePartie3 .BasCartePartie3 img {
    margin-left: 20px;
  }
  .Corps_de_page .Projet4 .partie4 {
    margin-top: 120px;
  }
  .Corps_de_page .Projet4 .partie4 img {
    width: 70%;
  }
  .Corps_de_page .Projet4 .partie4 .backgroundImagesPartie4 {
    width: 290px;
    margin-top: 70px;
    opacity: 0.4;
    left: -5px;
  }
  .Corps_de_page .Projet4 .partie4 .backgroundImagesPartie4 .CarteBackgroundImagesPartie4 {
    width: 60px;
    height: 100px;
    margin-right: 10px;
  }
  .Corps_de_page .Projet4 .partie4 .TextPartie4 {
    width: 95%;
    margin: auto;
    margin-top: 15px;
  }
  .Corps_de_page .Projet4 .partie4 .TextPartie4 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet4 .partie4 .TextPartie4 p {
    text-align: justify;
    font-size: 20px;
  }
  .Corps_de_page .Projet4 .partie5 .TextPartie5 {
    margin-top: 0px;
  }
  .Corps_de_page .Projet4 .partie5 .TextPartie5 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet4 .partie5 .TextPartie5 p {
    font-size: 20px;
    text-align: justify;
    width: 100%;
  }
  .Corps_de_page .Projet4 .partie5 .CartePartie5 {
    width: 95%;
    margin: auto;
    margin-top: 50px;
  }
  .Corps_de_page .Projet4 .partie5 .CartePartie5 .BasCartePartie5 {
    padding: 10px;
  }
  .Corps_de_page .Projet4 .partie5 .CartePartie5 .BasCartePartie5 h3 {
    font-size: 17px;
    margin-left: 15px;
  }
  .Corps_de_page .Projet4 .partie5 .CartePartie5 .BasCartePartie5 img {
    width: 40px;
    height: 40px;
    margin-left: 0px;
  }
  .Corps_de_page .Projet4 .partie6 .TextePartie6 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet4 .partie6 .TextePartie6 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis {
    margin-top: 50px;
  }
  .Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div div {
    height: 290px;
  }
  .Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div h1 {
    font-size: 20px;
  }
  .Corps_de_page .Projet4 .partie6 .ImagesDesTroisEnnemis div p {
    font-size: 15px;
    text-align: justify;
  }
  .Corps_de_page .Projet4 .partie6 .fondPartie6 {
    height: 572px;
    margin-top: -593px;
    transform: skewY(19deg);
    width: 85%;
  }
  .Corps_de_page .Projet4 .partie7 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet4 .partie7 p {
    font-size: 20px;
    text-align: justify;
  }
  .Corps_de_page .Projet5 .partie2 .gauche h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet5 .partie3 {
    margin-top: 80px;
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet5 .partie3 .TextPartie3 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet5 .partie3 .CartePartie3 {
    width: 90%;
  }
  .Corps_de_page .Projet5 .partie4 {
    flex-direction: column;
    position: relative;
  }
  .Corps_de_page .Projet5 .partie4 .TextPartie4 {
    width: 90%;
  }
  .Corps_de_page .Projet5 .partie4 .TextPartie4 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet5 .partie4 .TextPartie4 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet5 .partie4 img {
    position: absolute;
    z-index: -1;
    width: 30%;
    top: -90px;
    right: 0;
  }
  .Corps_de_page .Projet5 .partie5 .TextPartie5 h1 {
    font-size: 26px;
  }
  .Corps_de_page .Projet5 .partie5 .TextPartie5 p {
    font-size: 16px;
  }
  .Corps_de_page .Projet5 .partie5 .TextPartie5 p button {
    display: contents;
  }
  .Corps_de_page .Projet5 .partie5 .CartePartie5A {
    display: none;
  }
  .Corps_de_page .Projet5 .partie6 .TextPartie6 h1 {
    font-size: 26px;
  }
  .Corps_de_page .Projet5 .partie6 .TextPartie6 p {
    font-size: 16px;
  }
  .Corps_de_page .Projet5 .partie7 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet5 .partie7 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet5 .partie8 .fondPartie8 {
    background: radial-gradient(circle at 50% -5%, rgb(145, 111, 60) 0%, rgba(69, 52, 20, 0.104) 25%, rgba(69, 52, 20, 0) 40%);
  }
  .Corps_de_page .Projet5 .partie8 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet5 .partie8 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet5 .partie8 .ListeAxeAmelioration {
    width: 95%;
  }
  .Corps_de_page .Projet5 .partie8 .ListeAxeAmelioration div p {
    font-size: 16px;
  }
  .Corps_de_page .Projet6 .partie2 {
    margin-left: -50px;
    text-align: center;
  }
  .Corps_de_page .Projet6 .partie2 .gauche h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet6 .partie2 .gauche h2 {
    font-size: 23px;
  }
  .Corps_de_page .Projet6 .partie2 .gauche p {
    font-size: 18px;
  }
  .Corps_de_page .Projet6 .partie3 .TextPartie3 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet6 .partie3 .TextPartie3 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona {
    padding: 10px;
    width: 100%;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .haut h3 {
    font-size: 18px;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona .textePersonaHaut h5 {
    font-size: 17px;
  }
  .Corps_de_page .Projet6 .partie3 .ListePersonas .Persona .textePersona p {
    margin-left: 35px;
    font-size: 15px;
  }
  .Corps_de_page .Projet6 .partie4 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet6 .partie4 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet6 .partie4 .LogoAzure {
    margin-top: 190px;
    margin-left: -200px;
  }
  .Corps_de_page .Projet6 .partie4 .LogoSymfony {
    margin-top: 220px;
    margin-left: 100px;
  }
  .Corps_de_page .Projet6 .partie4 .LogoGit {
    margin-left: -130px;
  }
  .Corps_de_page .Projet6 .partie5 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil p {
    font-size: 15px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteAdresse {
    width: 200px;
    margin-left: 20px;
    margin-top: 38px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche4 {
    margin-top: 160px;
    width: 150px;
    margin-left: 0px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
    width: 150px;
    margin-top: 510px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
    width: 120px;
    margin-top: 450px;
    margin-left: 65px;
    rotate: -40deg;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .CartePartie5 {
    margin-top: 190px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche3 {
    margin-left: -40%;
    rotate: -95deg;
    margin-top: 155px;
    width: 85px;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePetitPlan {
    width: 125px;
    margin-top: 90px;
    margin-left: -35%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
    width: 100px;
    margin-top: 400px;
    margin-left: -32%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
    width: 180px;
    margin-top: 495px;
    margin-left: -50%;
  }
  .Corps_de_page .Projet6 .partie6 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .CartePartie6 {
    width: 90%;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche {
    flex-direction: column;
    margin-top: 20px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi {
    width: 90%;
    margin: auto;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi .TexteHaut, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment .TexteHaut, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi .TexteHaut {
    margin-left: 25px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi .TexteHaut img, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment .TexteHaut img, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi .TexteHaut img {
    width: 30px;
    height: 30px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi .TexteHaut h5, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment .TexteHaut h5, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi .TexteHaut h5 {
    font-size: 21px;
  }
  .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteQuoi p, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TexteComment p, .Corps_de_page .Projet6 .partie6 .explicationEcole .TexteGauche .TextePourquoi p {
    font-size: 16px;
  }
  .Corps_de_page .Projet6 .partie7 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .CartePartie7 {
    width: 100%;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .CartePartie7 h3 {
    font-size: 21px;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .TexteDroite {
    width: 95%;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .TexteDroite p {
    font-size: 16px;
    margin-top: 0px;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .fondPartie7 {
    width: 98%;
    height: 300px;
    margin-top: 54%;
  }
  .Corps_de_page .Projet6 .partie8 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet6 .partie8 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet6 .partie9 .fondPartie9 {
    background: radial-gradient(circle at 50% -5%, rgb(60, 77, 145) 0%, rgba(20, 40, 69, 0.1037348045) 25%, rgba(20, 40, 69, 0) 40%);
  }
  .Corps_de_page .Projet6 .partie9 h1 {
    font-size: 40px;
  }
  .Corps_de_page .Projet6 .partie9 p {
    font-size: 20px;
  }
  .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration {
    flex-direction: column;
  }
  .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .droite, .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .gauche {
    width: 95%;
  }
  .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .droite div p, .Corps_de_page .Projet6 .partie9 .ListeAxeAmelioration .gauche div p {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .TexteEcoles {
    width: 150px;
    margin-top: 104%;
    margin-left: -10px;
    z-index: 1;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteGauche .Fleche1 {
    width: 100px;
    margin-top: 94%;
    margin-left: 10px;
    rotate: -40deg;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .Fleche6 {
    width: 70px;
    margin-top: 88%;
  }
  .Corps_de_page .Projet6 .partie5 .explicationAccueil .TexteDroite .TextePlanGoogle {
    margin-top: 104%;
    z-index: 1;
  }
  .Corps_de_page .Projet6 .partie7 .explicationPlan .fondPartie7 {
    height: 50%;
  }
}
@media (max-width: 535px) {
  .Corps_de_page .Haut_de_page {
    width: 75%;
    margin: auto;
  }
  .Corps_de_page .Haut_de_page .Liste_btn_projets_container {
    overflow-x: auto;
    padding: 20px;
  }
  .Corps_de_page .Haut_de_page .Liste_btn_projets_container .Liste_btn_projets {
    width: 530px;
  }
  .Corps_de_page .Haut_de_page .Liste_btn_projets_container .Liste_btn_projets a:last-child {
    margin-right: 10px;
  }
  .Corps_de_page .Projet5 .partie2 {
    margin-top: 100px;
  }
  .Corps_de_page .Projet5 .partie2 .droite {
    left: -5px;
    transform: translateY(-84px);
    width: 150px;
  }
}

/*# sourceMappingURL=Projets.css.map */
