main{
    overflow-x: hidden;
}

.page-content{
    padding-bottom: 0;
}

.illustration-1{
    right: -2rem;
    top: 1rem;
}

.illustration-2{
    left: -1.5rem;
    top: 12rem;
}

@media screen and (max-width:960px) {
    .illustration-1{
        right: -2rem;
        top: 1rem;
    }

    .illustration-1 svg{
        max-width: 5rem;
    }
    
    .illustration-2{
        left: auto;
        top: 12rem;
        right: -2rem;
    }

    .illustration-2 svg{
        max-width: 3rem;
    }
}

h1{
    background-color: var(--green-50);
    width: auto;
    display: inline-flex;
    margin-left: -1rem;
    font-size: 1rem;
    font-weight: normal;
    padding: 0.5rem;
    margin-bottom: 0;
    transform: rotate(-2deg);
}

.title-paragraphe{
    font-size: 3rem;
    color: var(--green-800);
    font-weight: bold;
    line-height: 1.1;
    margin-top: 0.5rem;
}

@media screen and (max-width:960px) {
    .title-paragraphe {
        font-size: 2rem;
        line-height: 1.2;
    }
}


/*Historique*/

.historique{
    background: var(--blue-50);
    background: -moz-linear-gradient(180deg, var(--blue-50) 0%, var(--blue-50) 60%, rgba(164,221,244,0) 60%);
    background: -webkit-linear-gradient(180deg, var(--blue-50) 0%, var(--blue-50) 60%, rgba(164,221,244,0) 60%);
    background: linear-gradient(180deg, var(--blue-50) 0%, var(--blue-50) 60%, rgba(164,221,244,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4ddf4",endColorstr="#a4ddf4",GradientType=1);
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
    z-index: 1;
}

.historique .uk-container::before{
    content: '';
    background-image: url(https://asld41.com/wp-content/uploads/2024/12/illustration-historique.png);
    background-size: 564px;
    background-position: 95% 2%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 0;
}

@media screen and (max-width:960px){
    .historique::before{
        display: none;
    }

    .historique .uk-container::before{
        content: '';
        background-image: url(https://asld41.com/wp-content/uploads/2024/12/illustration-historique.png);
        background-size: 340px;
        background-position: 200% 24%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        z-index: 0;
    }
}

.historique .slider-itms{
    z-index: 12;
}

.historique .date span{
    background-color: var(--green-100);
    color: var(--green-900);
    padding: 0.25rem;
    transform: rotate(-1deg);
    display: inline-block;
    top: 1rem;
    position: relative;
    z-index: 12;
    left: 2rem;
    
}

.historique h2{
    color: var(--blue-900);
    margin-bottom: 2rem;
    z-index: 12;
    position: relative;
}

.historique .item-historique a{
    color: var(--white);
    text-decoration: underline;
}

.item-historique{
    background-color: var(--blue-700);;
    overflow: initial;   
}

.item-historique .uk-padding{
    padding: 2rem;
}


.item-historique h3, .item-historique p{
    color: var(--white);
}

.item-historique p{
    margin-bottom: 0;
}

/*Portfolio*/

.portfolio{
    padding-top: 2rem;
    padding-bottom: 4rem;
}

.portfolio h2{
    
    font-size: 1.25rem;
}

.item-portfolio h3{
    color: var(--green-800);
    margin-top: 1rem;
    margin-bottom: 0.25rem;
}


.item-portfolio p{
    margin-top: 0;
    margin-bottom: 0;
}

/*Others items*/

.other-item{
    padding-top: 2rem;
}

.other-item .uk-card{
background: transparent;
box-shadow: none;
padding-bottom: 1rem;
border-bottom: solid 1px var(--green-300);
}

.other-item .child-card:last-of-type .uk-card{
    border-bottom: none;
}

.other-item .uk-card h3{
    color: var(--green-800);
}


/* Style du bandeau défilant comme un ruban */
.animation {
    background-color: var(--blue-600);
    font-size: 1.2rem;
    padding: 1rem 2rem;
    z-index: 10; /* Assure que le bandeau soit au-dessus du slider */
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: bottom right; /* Point d'origine de la rotation */
    /* Ajuste la rotation ici */
    transform: rotate(-2deg);
    width: 100%; /* Étend le bandeau pour couvrir toute la largeur souhaitée */
    white-space: nowrap; /* Empêche le texte de se découper en plusieurs lignes */
    overflow: hidden; /* Cache le texte qui déborde */
    margin-bottom: 2rem;
}

/* Animation de défilement du texte */
.animation p {
    margin: 0;
    color: var(--white);
    white-space: nowrap; /* Empêche le texte de se couper */
    animation: animation 30s linear infinite; /* Animation de défilement */
    font-size: 2rem;
    text-transform: uppercase;
    font-family: var(--font-primary);
    font-weight: bold;
}

/* Dupliquer le texte pour créer un effet de boucle infinie */
.animation p::after {
    content: attr(data-text); /* Duplique le texte */
    margin-left: 2rem; /* Ajoute un espace entre les deux parties du texte */
}

/* Animation de défilement du texte */
@keyframes animation {
    0% {
        transform: translateX(50%); /* Débute à droite */
    }
    100% {
        transform: translateX(-50%); /* Finit à gauche */
    }
}

.overflow{
    overflow: hidden;
}


.organigramme{
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: var(--orange-50);
}

.organigramme .item-texte::before{
    content: '';
    background-image: url(https://asld41.com/wp-content/uploads/2024/11/eclats-droite.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 84px;
    height: 145px;
    position: absolute;
    top: -60px;
    right: -48px;
}

.child-card .radius{
    border-radius: var(--radius-m);
}

@media screen and (max-width:960px){
    .child-card .uk-card-body{
        padding-inline: 0;
    }
}