/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* --------------------------------- SECTION A PROPOS : BEFORE ----------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
@keyframes animWidthSpanAPP {
    0% {
        width: 0px;
    }
    100% {
        width: 100%;
    }
}
.spanAPP {
    position: relative;
    color: rgba(0, 0, 0, 0);
    width: 0;
    font-family: "Dancing Regular";
    font-size: 1.4em;
    padding: 5px 0;
    text-align: center;
}
.spanAPP::before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0%;
    height: 100%;
    color: rgb(255, 255, 255) !important;
}

@media screen and (min-width: 480px) and (max-width: 850px) {
    #spanH2APP1,
    #spanH2APP4 {
        padding-left: 5px;
    }
    #span1,
    #span7,
    #span17,
    #span28,
    #span35,
    #span45,
    #span54,
    #span63,
    #spanH2APP1,
    #spanH2APP4 {
        padding-right: 5px;
    }
}
@media screen and (min-width: 851px) and (max-width: 1800px) {
    .spanAPP {
        position: relative;
        color: rgba(0, 0, 0, 0);
        width: 0;
        font-family: "Dancing Regular";
        font-size: 1.4em;
        padding: 5px 0;
        text-align: center;
    }
    .spanAPP::before {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 0%;
        height: 100%;
        color: black !important;
    }
    #spanH2APP1,
    #spanH2APP4 {
        padding-left: 5px;
    }
    #span1,
    #span7,
    #span17,
    #span28,
    #span35,
    #span45,
    #span54,
    #span63,
    #spanH2APP1,
    #spanH2APP4 {
        padding-right: 5px;
    }
    #spanH2APP1::before,
    #spanH2APP2::before,
    #spanH2APP3::before,
    #spanH2APP4::before,
    #spanH2APP5::before,
    #spanH2APP6::before,
    #spanH2APP7::before {
        color: #1e5353 !important;
    }
}

#spanH2APP1,
#spanH2APP4 {
    padding-left: 5px;
}
#span1,
#span9,
#span17,
#span24,
#span31,
#span37,
#span44,
#span47,
#span53,
#span58,
#span65,
#span68,
#span75,
#span77,
#span83,
#spanH2APP1,
#spanH2APP4 {
    padding-right: 5px;
}
#spanH2APP1::before {
    content: attr(data-text-h2-1);
    animation-duration: 0.04s;
    animation-name: animWidthSpanAPP;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    color: white;
}
#spanH2APP2::before {
    content: attr(data-text-h2-2);
    animation-duration: 0.16s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.04s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    color: white;
}
#spanH2APP3::before {
    content: attr(data-text-h2-3);
    animation-duration: 0.36s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    color: white;
}
#spanH2APP4::before {
    content: attr(data-text-h2-4);
    animation-duration: 0.08s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.56s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    color: white;
}
#spanH2APP5::before {
    content: attr(data-text-h2-5);
    animation-duration: 0.28s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.62s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    color: white;
}
#spanH2APP6::before {
    content: attr(data-text-h2-6);
    animation-duration: 0.16s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.9s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    color: white;
}
#spanH2APP7::before {
    content: attr(data-text-h2-7);
    animation-duration: 0.32s;
    animation-name: animWidthSpanAPP;
    animation-delay: 1.06s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    color: white;
}
/******/
#span1::before {
    content: attr(data-text-1);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span2::before {
    content: attr(data-text-2);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.15s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span3::before {
    content: attr(data-text-3);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span4::before {
    content: attr(data-text-4);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.45s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span5::before {
    content: attr(data-text-5);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span6::before {
    content: attr(data-text-6);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span7::before {
    content: attr(data-text-7);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 0.9s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span8::before {
    content: attr(data-text-8);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 1.05s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span9::before {
    content: attr(data-text-9);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span10::before {
    content: attr(data-text-10);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 1.35s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span11::before {
    content: attr(data-text-11);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span12::before {
    content: attr(data-text-12);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 1.65s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span13::before {
    content: attr(data-text-13);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span14::before {
    content: attr(data-text-14);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 1.95s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span15::before {
    content: attr(data-text-15);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 2.1s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span16::before {
    content: attr(data-text-16);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 2.25s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span17::before {
    content: attr(data-text-17);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 2.4s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span18::before {
    content: attr(data-text-18);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 2.55s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span19::before {
    content: attr(data-text-19);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 2.7s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span20::before {
    content: attr(data-text-20);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 2.85s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span21::before {
    content: attr(data-text-21);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span22::before {
    content: attr(data-text-22);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 3.15s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span23::before {
    content: attr(data-text-23);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 3.3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span24::before {
    content: attr(data-text-24);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 3.45s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span25::before {
    content: attr(data-text-25);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 3.6s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span26::before {
    content: attr(data-text-26);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 3.75s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span27::before {
    content: attr(data-text-27);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 3.9s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span28::before {
    content: attr(data-text-28);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 4.05s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span29::before {
    content: attr(data-text-29);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 4.2s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span30::before {
    content: attr(data-text-30);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 4.35s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span31::before {
    content: attr(data-text-31);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 4.5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span32::before {
    content: attr(data-text-32);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 4.65s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span33::before {
    content: attr(data-text-33);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 4.8s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span34::before {
    content: attr(data-text-34);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 4.95s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span35::before {
    content: attr(data-text-35);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 5.1s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span36::before {
    content: attr(data-text-36);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 5.25s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span37::before {
    content: attr(data-text-37);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 5.4s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span38::before {
    content: attr(data-text-38);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 5.55s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span39::before {
    content: attr(data-text-39);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 5.7s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span40::before {
    content: attr(data-text-40);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 5.85s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span41::before {
    content: attr(data-text-41);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 6s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span42::before {
    content: attr(data-text-42);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 6.15s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span43::before {
    content: attr(data-text-43);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 6.3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span44::before {
    content: attr(data-text-44);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 6.45s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span45::before {
    content: attr(data-text-45);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 6.6s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span46::before {
    content: attr(data-text-46);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 6.75s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span47::before {
    content: attr(data-text-47);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 6.9s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span48::before {
    content: attr(data-text-48);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 7.05s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span49::before {
    content: attr(data-text-49);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 7.2s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span50::before {
    content: attr(data-text-50);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 7.35s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span51::before {
    content: attr(data-text-51);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 7.5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span52::before {
    content: attr(data-text-52);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 7.65s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span53::before {
    content: attr(data-text-53);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 7.8s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span54::before {
    content: attr(data-text-54);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 7.95s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span55::before {
    content: attr(data-text-55);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 8.1s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span56::before {
    content: attr(data-text-56);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 8.25s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span57::before {
    content: attr(data-text-57);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 8.4s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span58::before {
    content: attr(data-text-58);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 8.55s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span59::before {
    content: attr(data-text-59);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 8.7s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span60::before {
    content: attr(data-text-60);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 8.85s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span61::before {
    content: attr(data-text-61);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 9s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span62::before {
    content: attr(data-text-62);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 9.15s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span63::before {
    content: attr(data-text-63);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 9.3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span64::before {
    content: attr(data-text-64);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 9.45s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
/**/
#span65::before {
    content: attr(data-text-65);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 9.6s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span66::before {
    content: attr(data-text-66);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 9.75s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span67::before {
    content: attr(data-text-67);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 9.9s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span68::before {
    content: attr(data-text-68);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 10.05s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span69::before {
    content: attr(data-text-69);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 10.2s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span70::before {
    content: attr(data-text-70);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 10.35s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span71::before {
    content: attr(data-text-71);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 10.5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span72::before {
    content: attr(data-text-72);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 10.65s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span73::before {
    content: attr(data-text-73);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 10.8s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span74::before {
    content: attr(data-text-74);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 10.95s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span75::before {
    content: attr(data-text-75);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 11.1s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span76::before {
    content: attr(data-text-76);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 11.25s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span77::before {
    content: attr(data-text-77);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 11.4s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span78::before {
    content: attr(data-text-78);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 11.55s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span79::before {
    content: attr(data-text-79);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 11.7s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span80::before {
    content: attr(data-text-80);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 11.85s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span81::before {
    content: attr(data-text-81);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 12s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span82::before {
    content: attr(data-text-82);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 12.15s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span83::before {
    content: attr(data-text-83);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 12.3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span84::before {
    content: attr(data-text-84);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 12.45s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span85::before {
    content: attr(data-text-85);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 12.6s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span86::before {
    content: attr(data-text-86);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 12.6s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
#span87::before {
    content: attr(data-text-87);
    animation-duration: 0.15s;
    animation-name: animWidthSpanAPP;
    animation-delay: 12.75s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}