/* SYMBOLE */
.bg-symbol,.home-banner-symbol, .contact-page-symbol, .catalog-training-page-symbol {
    position: relative !important;
}
.home-banner-symbol> *, .contact-page-symbol> * , .catalog-training-page-symbol > *{
    position: relative;
    z-index: 2 !important;
}
.bg-through > *{
    position: relative;
}
.key-figures-attached{
    z-index: 0 !important;
}
.key-figures-attached > *{
    z-index: 2 !important;
}
.bg-symbol > * :not(.key-figures-attached){
    z-index: 3 !important;
}
.bg-symbol::before , .home-banner-symbol::before{
    background-size: 20em;
}
 .bg-symbol::before , .home-banner-symbol::before, .contact-page-symbol::before, .catalog-training-page-symbol::before{
    content: "";
    position: absolute;
     z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     background-repeat: no-repeat;
     pointer-events: none;
 }
.contact-page-symbol::before, .catalog-training-page-symbol::before{
    background-size: 28em;
}
.y-green::before, .contact-page-symbol::before, .catalog-training-page-symbol::before{
    background-image:url('../img/symbole_y_logo_fitzy_vert.png');
    opacity: 0.4;
}
.home-banner-symbol::before {
    background-image:url('../img/symbole_y_logo_fitzy_vert.png');
    opacity: 0.2;
}
.y-white::before {
    background-image:url('../img/symbole_y_logo_fitzy_blanc.png');
    opacity: 0.5;
}
.y-green.light::before  {
    opacity: 0.1 !important;
}
.y-grey::before {
    background-image:url('../img/symbole_y_logo_gris.png');
    opacity: 0.1;
}
.arrow-green::before {
    background-image:url('../img/symbole_fleche_droite.svg');
    opacity: 0.5;
}
@media (min-width: 1201px) {
    .home-banner-symbol::before {
        background-position: 35% 65% !important;
    }
    .symbol-center-center::before {
        background-position: 45% 50%  !important;
    }
    .symbol-bottom-center::before {
        background-position: 35% 165%  !important;
    }
    .symbol-top-left::before {
        background-position: 0 30% !important;
    }
    .symbol-arrow-left::before {
        background-position: 0 50% !important;
    }
    .symbol-bottom-left::before {
        background-position: 0 8em !important;
    }
    .symbol-top-right::before {
        background-position: 105% 30% !important;
    }
    .symbol-center-right::before {
        background-position: 105% 85% !important;
    }
    .symbol-arrow-right::before {
        background-position: 105% 115% !important;
    }
    .contact-page-symbol::before{
        background-position: 105% 80% !important;
        max-width:1600px !important;
        margin: 0 auto !important;
    }
    .catalog-training-page-symbol:before{
        background-position: 105% 80%;
        margin: 0 auto !important;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .home-banner-symbol::before{
        background-position: 35% 45% !important;
    }
    .symbol-center-center::before {
        background-position: 40% 30% !important;
    }
    .symbol-bottom-center::before {
        background-position: 40% 155% !important;
    }
    .symbol-top-left::before {
        background-position: 0 40% !important;
    }
    .symbol-arrow-left::before {
        background-position: 0 50% !important;
    }
    .symbol-bottom-left::before {
        background-position: 0 8em !important;
    }
    .symbol-top-right::before {
        background-position: 110% 40% !important;
    }
    .symbol-center-right::before {
        background-position: 110% 100% !important;
    }
    .symbol-arrow-right::before {
        background-position: 105% 110% !important;
    }
    .contact-page-symbol::before{
        background-position: 100% 80% !important;
    }
    .catalog-training-page-symbol:before{
        background-position: 95% 80% !important;
        max-width:1600px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 1024px) {
    .symbol-top-left::before {
        background-position: 0 10% !important;
    }
    .symbol-arrow-left::before {
        background-image:url('../img/symbole_fleche_avec_rotation.svg')!important;
        opacity: 0.5 !important;
        background-size: 15em !important;
        background-position: -5% 110% !important;
    }
    .symbol-top-right::before {
        background-position: 115% 10% !important;
    }
    .symbol-arrow-right::before {
        background-position: 115% 110% !important;
    }
    .contact-page-symbol::before{
        background-position: 100% 80% !important;
    }
    .catalog-training-page-symbol:before{
        background-position: 95% 100% !important;
        max-width:1600px !important;
        margin: 0 auto !important;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .home-banner-symbol::before {
        background-position: 100% 60% !important;
    }
    .symbol-center-center::before {
        background-position: 100% 42% !important;
    }
    .symbol-bottom-center::before {
        background-position: 100% 138% !important;
    }
    .symbol-bottom-left::before {
        background-position: 0 8em !important;
    }
    .symbol-center-right::before {
        background-position: 115% 110% !important;
    }
}
@media (max-width: 768px) {
    .home-banner-symbol::before{
        background-position: 100% 45% !important;
    }
    .symbol-center-center::before {
        background-position: 150% 30% !important;
    }
    .symbol-bottom-center::before {
        background-position: 100% 132% !important;
    }
    .symbol-bottom-left::before {
        background-position: 0 15em !important;
    }
    .symbol-center-right::before {
        background-position: 130% 160% !important;
    }
}