a{
  color: black;
}

/* .corps{
  background: linear-gradient(to right, #16001E, #EAD7D7);
} */

/* .corps{
  background: linear-gradient(to right, #192338, #16001E);
} */

.corps{
  /* background-color:#688b73 ; */
  background-color: rgb(255, 255, 255);
  /* background-image: url("../Images/fond-hexagonal-fonce-degrade-couleur_79603-140.jpg"); */
}



.conteneura{
  height: 300px;
  width:fit;
  position: relative; 
}
.conteneura:before{
  content: '';
  background: url('../Images/Accueil.png');
  border-radius: 2%;
  background-size : cover;
  background-position : 50% 100%;
  transition: 0.5s;
  display:inline-block;
  height: 100%;
  width:100%;
  position:relative;
  z-index:1; 
}
.txtcontenu {
  position: absolute;
  left: 0;top:0;
  opacity: 0;
  transition: 0.5s;
  z-index:2;
  margin: 20px;
  overflow-y: scroll;
  max-height: 250px;
}
.conteneura:hover:before{
  opacity: 0.2;
}
.conteneura:hover .txtcontenu {
  opacity: 1;
}


.nav-item:hover{
  background-color:#b7b7b777; ;

}

.text-pres{
  font-size: 18px;
  text-align: justify;
}

.nav-item{
  transition: 0.5s;
}

.nav-link{
  color: black;
}
.nav-link:hover{
  color: black;
}

a{
  text-decoration: none;
}

.nav-pills{
  color: black;
}


/* projets */


.comp{
  display: flex;
  flex-direction: column;

}

@media screen and (max-width: 768px) {
  .comp{
    flex-direction: row;
  }

  .pres{
    flex-direction: column;
    font-size: small;
  }
}

.line{
  background-color:#000000; 
  font-size: 1px;
  align-items: center;
  width: 200px;
  margin: 0 auto;
}

.abc{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.espace{
  padding-left: 20px;
  padding-right: 20px;
}

.oui{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.card-bg{
  background-color: #1c283e;
}

.comp-bg{
  background-color: #1c283e;
}

.bouton-bg{
  background-color: #1E0029;
  /* background : linear-gradient(to right, #16001E,  #EAD7D7); */
}

.bg-title{
  background-color: #F1E4E4;
}

.list-comp{
  background-color: #1c283e;
}

@media screen and (max-width: 600px)
{
    .media-q{
      display: flex;
      flex-direction: column;
    }

}


.moi{
  border-radius: 30%;
  border: white;
  border-style: solid;
  box-shadow: 5px 5px 10px #4f4f4f;
}

.title1{
  margin-top: 100px;
  margin-bottom: 100px;
}

.logo{
  margin-left: 10px;
  width: 50px;
  height: 50px;
}

.technodev{
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgb(255, 255, 0);
  border-radius: 30px;
  color: #000000;
  font-weight: bold;
  font-size: 11px;
  width: fit-content;
  margin:2px
}

.techno{
  display: flex;
}

.technodesign{
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgb(0, 229, 255);
  border-radius: 30px;
  color: #000000;
  font-weight: bold;
  font-size: 11px;
  width: fit-content;
  margin:2px

}

.technoframework{
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgb(123, 0, 148);
  border-radius: 30px;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  width: fit-content;
  margin: 2px

}

.technoautre{
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgb(134, 0, 0);
  border-radius: 30px;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  width: fit-content;
  margin:2px

}

.taille-btn{
  width: 140%;
}