@font-face {
  font-family:Satoshi-Medium;
  

       src: url('fonts/Satoshi-Medium.woff2') format('woff2'),
       url('fonts/Satoshi-Medium.otf') format('otf');


     }



body{ 
background: #e1e1e1 ;
font-family:Satoshi-Medium;
margin: 0;
padding: 0;
border: 0;
gap: 0;

}




a {color:black; 
text-decoration: none ; 
}

h1 { 

  color:black;
  text-align:justify;

  }


h2 {color:white;
margin: 10px;
margin-bottom: 10px;
padding: 5px;

}

h3 {
  color:black;
  text-decoration:without;}

  .images_item
  {
  color:black;
  text-decoration: normal;}




img{ 
  width: 100%;
  height: auto;
  border: none;



 }


video{ 
  width: 100%;
  height: auto;
 }





p{font-size: 20px; 
text-align: justify;
line-height: 1.1;
color: white;

margin: 10px;
margin-bottom: 10px;
padding: 10px;
}


header{background: #e1e1e1; 
font-family:Satoshi-Medium;
font-size: 10px; 
color: eee3d3; 
margin: 1PX 1px 1px 33%;
padding:10px 30px 10px 30px ;

position: fixed; }




.texte_right{ text-align: right; }

.titre_item {
  border: solid 2px whitesmoke;
}

.images_item{
  border: solid 0px black;

}
.container_feed{ 
 display: grid;
 grid-template-columns:  1fr;
 gap: 0px;
 }



.container_projet{ 
 
 display: grid;
 grid-template-columns: 1fr ;
 gap: 0px;

 }

.container_video{ 
 
 display: grid;
 grid-template-columns: 1fr ;
 gap: 0px;

 }



.container_header{
  display: grid;
   grid-template-columns:  4fr 4fr 1fr;}



 @media only screen and (min-width: 1000px)
 {


      .container_projet{ 

      grid-template-columns: 1fr 1fr ;
      gap: 0px; }



     .container_header{
      display: grid;
      grid-template-columns: 4fr 4fr 1fr auto;}



   .container_feed{ 
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 0px;
 }


}