#masthead{
  position:relative;
  width: 100%;
  height:100%;
  padding-bottom: 5%;
  margin-top: 3%;
}

.last_new_sep{
  background-color: #DA6416;
  width: 0%;
  height:2px;
  margin-top: -0.5%;
  transition: width 1s ease;
}


.new_titre{
  display: flex;
  align-items: center;
  height:2.8vh;
}
.info_container{
  overflow: hidden;
  margin-left: 1%;
}
.fit{
  width: fit-content;
}
.barre{
  position: relative;
  width: 0.5%; /* Largeur de la ligne */
  height: 0; /* Taille initiale */
  background: #DA6416;
  margin-left: 1.5%;
  margin-top:0.8%;
  align-self: flex-start;
}
.moveDown{
  animation: moveDown 0.5s linear forwards;
}

@keyframes moveDown {
  0% {
      height: 0;
  }
  100% {
      height: 2.4vh;
  }
}
.infos{
  transform: translateX(-100%);
  transition: transform 0.5s ease;
  margin-left: 1.5%;
  width: 105%;
}
#titre_sep_ban{
  position: relative;
  width: 50%;
  overflow: hidden;
}
#last_nex_text_ban{
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}




#ban2{
  object-position: 0% 75%;
}
.container_ban{
  position:relative;
  width: 100%;
  height:100%;
}
.on_ban{
  position: absolute;
  top:60%;
  left:10%;
  width:30%;
}
#sep_ban{
  background-color: #DA6416;
  height:3px;
  margin-top: 1%;
  margin-bottom: 1%;
  margin-top: 1%;
  width: 0%;
  background-color: #DA6416;
  transition: width 0.5s ease;
}
#text_ban_under{
  position: relative;
  overflow: hidden;
}
#in_text_aban_under{
  transform: translateY(100%);
  transition: transform 0.5s ease;
}


#news_container{
  color:black;
}
#in_news{
  position:relative;
  width: 90%;
  height:100%;
  text-align: left;
}
#news_{
  color:black;
  margin-top: 5%;
}



.container_news{
  margin-top: 3%;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 5% 5%;
}
.news{
  flex: 1 1 calc(30%);
  max-width: calc(30%); 
  min-width: calc(30%); 
  margin-bottom: 2.5%;
}
.line_new{
  padding-bottom: 5%;
}
.in_new_line{
  width: 90%;
  margin-top: 0.5%;
}
.container_news2{
  margin-top: 3%;
  width: 100%;
  height: 100%;
  position: relative;
}
.news2{
  flex: 1 1 calc(30%);
  max-width: calc(30%); 
  min-width: calc(30%); 
  margin-bottom: 2.5%;
}
.resum{
  margin-top: 2%;
}
.resum2{
  margin-top: 2%;
  width:250%;
}



.height_sep_resp{
  height:10vh;
  display: none;
}
@media (max-width: 768px) {
  #masthead{
    margin-top: 0;
  }
  .container_news{
    flex-direction: row;
  }
  .news{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-top: 2%;
  }
  .banniere{
    object-fit: contain;
  }
  #ban2{
    object-position:center;
  }
  .on_ban {
    width: 70%;
    top:65%;
  }
  #last_nex_text_ban{
    width: 100%;
  }
  #titre_sep_ban{
    width: 60%;
    color:white!important;
  }
  #in_text_aban_under{
    color:white!important;
  }
  .news2{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .resum2{
    width: 100%;
  }
  .last {
    order: 0; /* Place cet élément avant les autres */
  }
  .height_sep_resp{
    display: block;
  }
  #news_{
    margin-top: 10%;
  }
}