header img{
    width: 55px;
    height: 55px;
    animation: rotate 3s linear infinite;
}
@keyframes rotate{
    from{
        transform: rotate(0deg);
    }
      to{
        transform: rotate(360deg);
    }
}
.hero{
  background-image: url(image/hero.jpg);
  background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 min-height: 50vh; 
}
.hero1{
  background-image: url(image/guide.jpg);
  background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 min-height: 50vh; 
}
 .image{
    width: 155px;
    height: 155px;
    
}
 .image1{
  width: 100%;
    height: 500px;
    
}
.card {
  height: 400px; /* fixe la hauteur */
}
.card-img-top {
  height: 200px; /* fixe la hauteur de l'image */
  object-fit: cover; /* recadre l'image sans la déformer */
}
.card {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.card:hover {
  transform: scale(1.05); /* zoom léger */
  box-shadow: 0 8px 20px rgba(0,0,0,0.3); /* ombre plus marquée */
}
.hero2{
  background-image: url(image/avion.jpg);
  background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 min-height: 75vh; 
}


.her3:hover {
  transform: scale(1.05); /* zoom léger */
  
}