body{
  font-family: Sora;
  margin: 0px;
}

.nav_bar{
 width: 100%;
 display: flex;
  flex-wrap: wrap; 
 margin: 0;
 padding: 0;
 box-shadow: 0px 0px 50px rgb(46, 46, 46);
}

.nav_bar_items{
 /* background-color: white; */
 flex:1 1 40%; 
 text-align: center;
 justify-content: space-between;
 align-items: center;
 padding: 5vh 0 5.5vh 0;
 list-style-type: none;
 color: #ffffff;
 font-weight: bold;
 font-size: 25px;  
 margin: 0;
 
}

.li{
 text-decoration: none;
}

.logo{
 position: absolute;
 width: 50px;
 top: 1.8vh;
 left:calc(50% - 25px);
 padding: 0;
}

a.nounderline:link{ 
text-decoration:none;
} 

.partie1_intro{
 width: 100%;
 height: auto;
 display: flex;
 flex-wrap: wrap;
 text-align: center;
 color: rgb(46, 46, 46);
 overflow: hidden;
}

.texte_p1{
 width: 50vw;
 height: auto;
 margin-left: 3vw;
 margin-top: 10vh;
 margin-bottom: 10vh;
}

.titre{
 font-size: 4.5vw;
 font-weight: bolder;
 padding: 2vw;
}

.description{
 padding: 1vw;
}

.etat_projet{
 padding-top: 2vw;
 padding-left: 2vw;
 font-weight: bold;
}

.date_projet{
 padding-left: 2vw;
 font-weight: bold;
}

.image_p1{
 width: 20vw;
 height: auto;
 margin-left: 20px;
 margin-right: 20px;
 margin-top: 10vh;
 margin-bottom: 5vh;
}

 
/* Fading animation */
.fade {
 -webkit-animation-name: fade;
 -webkit-animation-duration: 2.5s;
 animation-name: fade;
 animation-duration: 2.5s;
}
 
@-webkit-keyframes fade {
 from {opacity: 1} 
 to {opacity: .7}
}
 
@keyframes fade {
 from {opacity: .7} 
 to {opacity: 1}
}

.partie2_cv{
  width: 100%;
  height: auto;
}

.image-projet_cv{
  width: 50vw;
  height: auto;
  margin: 0 25% 0 25%;
  box-shadow: 0 0 50px;
}


.conteneur-retour{
 width: 100%;
 height: 30vh;
 background-color: rgb(34, 34, 34);
 padding: 14vh 0 0 0;  
}

.bloc-texte{
 width: 100%;
 color: rgb(46, 46, 46);
 text-align: center;
 z-index: 10;
 text-decoration: none;
 font-size: 18px;
 margin: 10vh 0 0 0;
}

.retour-maison{
 /* margin-bottom: 1vh; */
 font-size: 5vh;
}



/* Sur très petit écran, texte plus petit */
@media screen and (max-width: 900px) {
 .precedent, .suivant, .text {font-size: 11px;}
 .logo{
   position: relative;
   width: 50px;
   top:0 ;
   left:calc(50% - 25px);
   padding: 0;
 }

 .nav_bar{
  width: 100%;
  display: flex;
   flex-wrap: wrap; 
  margin: 0;
  padding: 0;
  background-color: hotpink;
  box-shadow: 0px 0px 0px rgb(46, 46, 46);
 }


 .texte_p1{
   width: auto;
   height: auto;
   margin-left: 8vw;
   margin-right: 8vw;
   margin-top: 10vh;
   margin-bottom: 10vh;
}
 .partie1_intro{
 width: 100%;
 margin: 0;
 padding: 0;
  display: block;
}

.image_p1{
 width: 50%;
 margin: 0 25% 12% 25%;
}

.image_p1 img{
width: 60%;
}



.image-projet_cv{
  width: 80vw;
  height: auto;
  margin: 0 10% 0 10%;
  box-shadow: 0 0 50px;
}
}