/* Animation d'apparition des éléments */
        .fade-in {
            animation: fadeIn 1s ease-out;
        }
        .logo{
            width: 100px;
            height: auto;
        }

        .nav{
            padding: 0 1rem;
        }


        @media (max-width: 1188px) {
        #bar_rech {
            display: none;
        }
        }
        @keyframes fadeIn {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Animation de zoom */
        .zoom-in {
            animation: zoomIn 1s ease-in-out;
        }

        @keyframes zoomIn {
            0% {
                transform: scale(0.95);
                opacity: 0;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        /* Animation de défilement */
        .scroll-in {
            animation: scrollIn 1s ease-out;
        }

        @keyframes scrollIn {
            0% {
                opacity: 0;
                transform: translateY(50px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }