h1 {
  text-align: center;
  font-size: 4vw;
  margin-top: 50px;
  margin-bottom: 50px;
  color: var(--txt-titre);

}

section{
  max-width: 65%;
}

.ligne {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10%;

}

.projet {
  height: 500px;
  margin-top: 40px;
  margin-bottom: 40px;
  }


h2{
  color: white;
  font-size: 40px;
  padding: 10px;
  padding-left: 20px;
  background-color:  #11111166;
}


.role{
  margin-top: auto;
  margin-right: auto;

  color: white;
  padding: 15px;
  font-size: 20px;

}

.logo {
  margin-top: auto;
  margin-bottom: auto;
  width: 40px;
  height: 40px;
  margin-right: 15px;

}



.infos{
  margin-top: auto;
  display:flex;
  background-color: #111111aa;
}

.projetImage {
  position: relative; /* Permet d'ajuster le pseudo-élément à l'intérieur */
  height: 500px;
  width: 100%;
  overflow: hidden; /* Assure que le pseudo-élément ne dépasse pas le conteneur */


  background-position: center;
  background-size: cover;

transition: transform 0.5s ease;
display:flex;
flex-direction: column;
border-radius: 25px;
}



a:hover .projetImage{
  transform: scale(1.042);
}


#RS .projetImage{
  background-image: url("../images/RobotSky1.webp");
}

#SB .projetImage{
  background-image: url("../images/SubBase1.webp");
}

#PCP .projetImage{
  background-image: url("../images/PCPortal.webp");
}
#A .projetImage{
  background-image: url("../images/Atlas1.webp");
}

#XW .projetImage{
  background-image: url("../images/XWings1.webp");
}

#B .projetImage{
  background-image: url("../images/Arm1.webp");}

  #C .projetImage{
    background-image: url("../images/Chalet1.webp");
}

#M .projetImage{
  background-image: url("../images/Moon.webp");
}

#I .projetImage{
  background-image: url("../images/Inktober20245.webp");
}

#N .projetImage{
  background-image: url("../images/Nobis1.webp");
}




@media screen and (max-width: 1020px){
  #sideMenu {
    display: none;
  }

  .ligne {
    display: block;
  }
}