/*---NAVBAR---*/
@media screen and (max-width: 945px){
  .navbar-fond {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100vh;
    margin-top: 4.75rem;
    background-color: rgba(0,0,0,.2);
  }
  .navbar-ul{
    display: none;
  }
  .navbar-ul {
    display: none; 
  }
  .icon-ferme {
    display: block; 
  }
  .icon-ouvert {
    display: none; 
  }
  .navbar-ul{
    position: absolute;
    left: 0;
    top: 5.25rem;
    right: 0;
    z-index: 2;
    display: none;
    margin-right: 5%;
    margin-left: 5%;
    padding: 2rem;
    flex-direction: column;
    border: 2px solid #0d0d0d;
    border-radius: 0.25rem;
    background-color: #fff;
  }
  .ulnavactive{
    border-bottom-style: none;
    border-radius: 0.375rem;
    background-color: rgba(0,0,0,.04);
    color: #0d0d0d;
    display: block;
    padding: 0.5rem 1rem;
  }
  .ulnav{
    display: block;
    padding: 0.5rem 1rem;
  }
}
@media screen and (min-width: 946px){
  .navbar-icon{
    display: none;
  }
  .navbar-ul a{
    padding: 4px 0px;
  }
}
@media screen and (max-width: 341px){
  .navbar-img{
    width: 70%;
  }
  .navbar-img img{
    width: 90%;
  }
}

/*---ACCUEIL---*/
@media screen and (max-width: 991px){
  .titre h1{
    font-size: 2.5rem;
  }
  .titre h3{
    font-size: 1.25rem;
  }

}

/*---FOOTER---*/
@media screen and (max-width: 945px){
  .nav-footer {
    flex-direction: column;
    align-items: center;
  }
  .nav-footer-ul{
    z-index: 2;
    margin-right: 5%;
    margin-left: 5%;
    flex-direction: column;
    text-align: center;
  }
  .nav-footer-ul a{
    padding: 8px 16px;
  }
}
@media (max-width: 650px) {
  .off-mobile {
    display: none;
  }
}