/*
https://htmlcolorcodes.com
https://www.color-hex.com/color/3343d9

#3343d9
(217,95,37)

*/


/* Style pour les animations */
#cadre_SEL {
    fill: none;
    opacity: 1;
    transition: all 0.2s ease;
}

#cadre_SEL:hover {
    opacity: 1;
}

.trait {
    fill: #F4D03F;
    transition: all 0.4s ease;
}

.trait_1 {

    transition: all 0.4s ease;
}

.trait_2 {

    transition: all 0.4s ease;
}

.trait_3 {

    transition: all 0.4s ease;
}

.trait_1:hover,
.trait_2:hover,
.trait_3:hover {
    opacity: 0.4;

}

.s_Maj,
.e_Maj,
.l_Maj {
    fill: rgba(15, 82, 186, 1);
    opacity: 0.8;
    stroke: darkblue;
    transition: all 0.4s ease;
}

.s_Point,
.e_Point,
.l_Point {
    fill: rgba(15, 82, 186, 0.8);
    transition: all 0.4s ease;

}

.s_Maj:hover,
.e_Maj:hover,
.l_Maj:hover {
    opacity: 1;
}

.s_Point:hover,
.e_Point:hover,
.l_Point:hover {
    opacity: 0.5;

}

.s,
.a,
.u,
.v,
.e,
.g,
.r,
.d,
.l,
.i,
.n,
.m,
.t,
.ee {
    fill: rgba(0, 0, 0, 0.8);
    stroke: rgba(15, 82, 186, 0.8);
    transition: all 0.02s ease;
}

.s:hover,
.a:hover,
.u:hover,
.v:hover,
.e:hover,
.g:hover,
.r:hover,
.d:hover,
.l:hover,
.i:hover,
.n:hover,
.m:hover,
.t:hover,
.ee:hover {
    fill: #939191;
    stroke: #3343d9;
    transition: all 0.2s ease;
}


/* Conteneur du SVG avec fond transparent */
.svg-container {
    fill: none;
}