*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family:sans-serif;
   
}
    
nav{
    
    text-decoration:none;
    list-style:none;
    
    
}
.navbarre{
    background-image:url("baniere.jpg");
    background-size:cover;
    height:200px;
    
}
main{
    display:flex;
    flex-wrap:wrap;
    
}
section{
    flex-basis: calc(100% / 3 - 20px);
    margin:10px;
}
li{ 
    font-size:2em;
    justify-content:center;
     margin-top:80px;
     
}
   
nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
   
   
    font-size: 1em;
    
}
ul{
    display:flex;
    justify-content:center;
    
    
}

nav ul li{
    
   
}

nav li{
    margin-right: 0.5rem;
    /*position: relative;*/
    /* text-align:center;*/
}
li a{
     list-style:none;
    text-decoration:none;
    font-size:1em;
    color:white;
    
}

.total-articles{
    display:flex;
    background-color:background: rgb(34,108,195);
background: linear-gradient(0deg, rgba(34,108,195,0.7204131652661064) 49%, rgba(45,252,253,1) 100%);;
    
}
.img1{
    background-image:url("maillot_real.jpg");
    background-size:cover;
    height:300px;
    
}
.img2{
    background-image:url("maillot_real.jpg");
    background-size:cover;
    height:300px;
}
.img3{
    background-image:url("maillot_real.jpg");
    background-size:cover;
    height:300px;
}
h3{
    text-align:center;
    color:white;
    font-size:1.8em;
}
@media screen and (max-width: 768px) {
  /* styles pour les écrans de 768 pixels ou moins */
  section{
    flex-basis: calc(100% / 1 - 20px);
    margin:10px;
    display:block;
  }
}
  
  
  
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* styles pour les écrans entre 769 et 1024 pixels */
   section{
    flex-basis: calc(50% / 2 - 30px);
    margin:10px;
    display:flex;
  }
  
}




@media screen and (min-width: 1025px) {
  /* styles pour les écrans de 1025 pixels ou plus */
}