body{
    background-color: #87F8E5 !important;
}


.navbar{
    background-color: #06A0FF;

}

.logo{
    height: 60px !important;
    width: auto !important;
}


.s_i{
    background-color: #38D2C5 !important; 
    color:black
}

.hi{
    background-image: url(../../static/img/divertir.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}



.esp{
    margin-left: 1300px !important;
    color: #FFFF;
    background-color: #38D2C5;
    
}


.s_i{
    margin-left: 1100px !important;
    color: #FFFF;
    background-color: #38D2C5;
}


.bc{
    margin-left: 1150px !important;
    color: #FFFF;
    background-color: #38D2C5;

}


.c1{
    margin-left: 1000px !important;
}


/* carousel */
.carousel {
  overflow: hidden;
  width: 100%;
  max-width: 800px; 
  margin: 0 auto;
  position: relative;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide {
  min-width: 100%;
  box-sizing: border-box;
}

.carousel-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.arte{
    margin-left: 110px;
}

.actu{
    margin-left: 125px;
    margin-top: 23px;
}

.lc{
    background-image: url(../img/hero__lc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ci{
    background-image: url(../img/hero_cinema.jpg);
    background-size: cover;

}

.te{
    background-image: url(../img/hero_techno.jpeg);

}

.sp{
    background-image: url(../img/hero_sport.webp);
    background-position: center;
}


.sc{
    background-image: url(../img/hero_science.jpg);
}


.ar{
    background-image: url(../img/hero.arts.jpg);
    background-position: center;
}

.mu{
    background-image: url(../img/hero_musique.jpg);
    background-position: center;
    background-size: cover;
    
}

.ac{
    background-image: url(../img/actualite.bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.card:hover {
  filter: brightness(0.8);
  transition: filter 0.3s ease;
}

.cps{
    margin-bottom: 70px;
}

.hn{
    background-image: url(../img/hero_nature.jpg)
}

.hj{
    background-image: url(../img/hero_jeux.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hindex{
    background: url(../img/hero_Index.png);
    background-position: center;
}

.wow{
    background-color: #38D2C5;
}