.logo{
    width: 5em;
    height: 8em;
}
.accueil{
   height: 25em;
    width: 100%;
   /*  background-color:#689df2;*/
    background-image: url("../img/barrage3.jpg"); 
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;
    /*border-radius: 0% 0% 10% 10% / 100% 0% 50% 50% ;
     0% 68% 32% 100%   100% 0% 100% 0%*/
} 
.icon-box {
   transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 .icon-box:hover {
   transform: translateY(-5px);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

  .navbar-nav .nav-link:hover {
        color: #28a745;
        transform: scale(1.05);
    }

    .navbar-nav .nav-link:hover::after {
        width: 100%;
    }

    .navbar-nav .nav-item {
        margin-right: 10px;
    }

    .form-control:focus {
        box-shadow: 0 0 5px rgba(40, 167, 69, 0.5);
    }

    .btn-success {
        transition: background-color 0.3s ease, transform 0.3s ease;
    }

    .btn-success:hover {
        background-color: #218838;
        transform: scale(1.05);
    }