/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1736761648
Updated: 2025-01-13 10:47:28

*/


.text-orange{color: #FF772F;}
.text-green{color: #216A61;}
.text-green-bloc{padding: 5px 10px;
  background-color: #216A61;
  color: white;
  border-radius: 10px;}
.text-outline-yellow{color: rgba(236, 184, 65, 0.00);
  -webkit-text-stroke-width: 2;
  -webkit-text-stroke-color: var(--Yellow-Mustard, #ECB841);}

.custom-height .elementor-widget-container {
    display: flex;
  }




/* Animation flottante commune */
.image-container .image-1 {
  animation: float1 infinite ease-in-out;
  animation-duration: 5s; /* Vitesse 1 */
}

.image-container .image-2 {
  animation: float2 infinite ease-in-out;
  animation-duration: 7s; /* Vitesse 2 */
}

.image-container .image-3 {
  animation: float3 infinite ease-in-out;
  animation-duration: 9s; /* Vitesse 3 */
}

/* Définition des animations */
@keyframes float1 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-30px); } /* Amplitude */
  100% { transform: translateY(0); }
}

@keyframes float2 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-40px); }
  100% { transform: translateY(0); }
}

@keyframes float3 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-50px); }
  100% { transform: translateY(0); }
}


 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}