/*
 Theme Name:   Divi Child
 Theme URI:    https://alpevent.swisswebcreation.ch/
 Description:  Un thème enfant pour personnaliser Divi en toute sécurité.
 Author:       guiz00s
 Author URI:   https://votre-site.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         divi, personnalisé, responsive
 Text Domain:  divi-child
*/

/* Style de la bande bleue avec inclinaison */
.header-band {
    background-color: #0056b3; /* Bleu */
    width: 100vw; /* Utilise toute la largeur de la fenêtre */
    height: 150px; /* Hauteur de la bande */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0; /* Collé en haut */
    left: 0; /* Aligné à gauche */
    margin: 0; /* Supprime toutes les marges */
    padding: 0; /* Supprime tous les paddings */
    box-sizing: border-box; /* Inclut padding et bordures dans la largeur */
    transform: translateX(calc((100% - 100vw) / 2)); /* Centre la bande par rapport à l'écran */
    overflow: hidden;
}

/* Créer l'inclinaison vers le bas à droite avec transparence */
.header-band::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top right, transparent 50%, #0056b3 50%); /* Inclinaison transparente vers la droite */
    pointer-events: none; /* Assure que l'inclinaison n'interfère pas avec les clics */
}

/* Style de l'image centrée */
.header-image {
    width: 8%; /* Taille de l'image à 8% */
    height: auto;
    position: relative;
    z-index: 1; /* Assure que l'image est au-dessus de l'inclinaison */
}

/* Animation de glissement vers le bas */
@keyframes slideDown {
    0% {
        transform: translateY(-100%); /* Début hors de l'écran en haut */
    }
    100% {
        transform: translateY(0); /* Fin à la position normale */
    }
}
.full-width-section {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    position: relative;
    left: 0;
}