/* Logo Animation CSS - Styles pour l'animation du logo D3RF */

/* Styles pour les cercles */
#Groupe_rond circle {
    fill: white;
    stroke: black;
    stroke-width: 5;
    opacity: 0;
    transition: none;
}

/* Styles pour les lignes */
#Segments line,
#D3RF path {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    transition: none;
}

#D3RF path {
    fill: none;
    stroke: #000000;
    stroke-width: 1.5;
}

/* Classes d'état pour l'animation */
.logo-animating #Segments line {
    transition: stroke-dashoffset 0.5s ease-out;
}

.logo-animating #Groupe_rond circle {
    transition: opacity 0.15s ease-out;
}

.logo-animating #D3RF path {
    transition: stroke-dashoffset 0.7s ease-out, fill 0.25s ease-out;
}

/* État final du logo */
.logo-complete #Groupe_rond circle {
    opacity: 1;
}

.logo-complete #Segments line {
    stroke-dashoffset: 0;
}

.logo-complete #D3RF path {
    stroke-dashoffset: 0;
    fill: #000000;
    stroke: none;
}