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

footer img{
  width: 50px;
  height: auto;
}
footer li {
  list-style-type:none;
}

.sidebar_left {
  background-color: pink;
}
.tableau_engagements {
  background-color: green;
}
.tableau_engagements div{
    background-color: red;
}

/* .tableau_engagements >  div{
    display: inline-block;
} */
.legendes{
  background-color: pink;
  position : absolute;
  bottom: 100px;
}


/* START KEVIN */
  header{
    z-index: 9999;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
  .hero{
    width: 100%;
    height: 100vh;
    position: relative;
  }
  .hero .slide{
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .hero .slide .image{
    width: 100%;
    height: 100vh;
  }
  .hero .slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero .slide .flickity-page-dots{
    bottom: 20px;
  }
  .hero .slide .flickity-page-dots li{
    background: white;
  }
  .hero .__head{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 60px;
    color: white;
  }

  .wrapper  section{
    margin: 150px 0;
  }

  .tpsF .img{
    width: 100%;
    height: 400px;
  }
  .tpsF .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .projet .img{
    height: 300px;
  }
  .projet .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tableau_engagements .engagement{
    width: 50%;
  }

  .prive .images{
    width: 100%;
    height: 600px;
  }
  .prive .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


/* END KEVIN */