/* Animation Loader */
/* Animation Loader */
/* Animation Loader */

.lds-roller {
    width: 64px;
    height: 64px;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 32px 32px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            margin: -3px 0 0 -3px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 50px;
                left: 50px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 54px;
                left: 45px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 57px;
                left: 39px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 58px;
                left: 32px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 57px;
                left: 25px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 54px;
                left: 19px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 50px;
                left: 14px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 45px;
                left: 10px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Flex */
/* Flex */
/* Flex */

.flexH {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.flexDecoupage30p > * {
    flex-basis: 30%;
}

.flexDecoupage20p > * {
    flex-basis: 20%;
}

.flexV {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.flexStart {
    justify-content: start !important;
}

.flexEnd {
    justify-content: end !important;
}

.flexAlignStart {
    align-items: start;
}

.flexBetween {
    justify-content: space-between;
}

.flexVCentrer {
    align-items: center;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexNoWrap {
    flex-wrap: nowrap;
}

.flexAjuster {
    flex: 1 1;
}

.flexAjusterEnfants > * {
    flex: 1 1;
}

/* Couleurs fonds */
/* Couleurs fonds */
/* Couleurs fonds */

.fondBlanc {
    background-color: white;
}

.fondBleue {
    background-color: #00aff0;
}

.fondBleueClair {
    background-color: #00aff0;
}

.fondVert {
    background-color: #3abd55;
}

.fondOrange {
    background-color: #fcba03;
}

.fondRouge {
    background-color: #e21b24;
}

.fondRougeHover:hover {
    background-color: #e21b24;
}

.fondRougeFonce {
    background-color: #9c0b11;
}

.fondGris {
    background-color: #a8a8a8;
}

.fondGrisClair {
    background-color: #f0f0f0;
}

.fondGrisTresClair {
    background-color: #f9f9f9;
}

.ddd {
    background-color: #dddddd;
}

.eee {
    background-color: #eeeeee;
}

/* Couleurs bordures */
/* Couleurs bordures */
/* Couleurs bordures */

.rouge_border {
    border-color: #e21b24;
}
.rouge_fonce_border {
    border-color: #9c0b11;
}

.rouge_border_hover:hover {
    border-color: #e21b24;
}
.rouge_fonce_border_hover:hover {
    border-color: #9c0b11;
}

.rouge_border_focus:focus {
    border-color: #e21b24;
}
.rouge_fonce_border_focus:focus {
    border-color: #9c0b11;
}

.gris_border {
    border-color: #8f8f9d;
}

.gris_border_hover:hover {
    border-color: #8f8f9d;
}

.gris_border_focus:focus {
    border-color: #8f8f9d;
}

.gris_clair_border {
    border-color: #d6d4d4;
}

.gris_clair_border_hover:hover {
    border-color: #d6d4d4;
}

.gris_clair_border_focus:focus {
    border-color: #d6d4d4;
}

/* Couleurs souligne */
/* Couleurs souligne */
/* Couleurs souligne */

.rouge_souline {
    text-decoration-color: #e21b24;
}
.rouge_souline:hover {
    text-decoration-color: #e21b24;
}

.rouge_fonce_souligne {
    text-decoration-color: #9c0b11;
}
.rouge_fonce_souligne:hover {
    text-decoration-color: #9c0b11;
}

.gris_souligne {
    text-decoration-color: #8f8f9d;
}
    .gris_souligne:hover {
        text-decoration-color: #8f8f9d;
    }

.gris_clair_souligne {
    text-decoration-color: #d6d4d4;
}
.gris_clair_souligne:hover {
    text-decoration-color: #d6d4d4;
}

/* Couleurs */
/* Couleurs */
/* Couleurs */

.transparent {
    color: transparent;
}

.bleue_clair {
    color: #00aff0;
}
.bleue_clair_fill {
    fill: #00aff0;
}
.bleue {
    color: #0069f0;
}
.bleue_fill {
    fill: #00aff0;
}

.noir {
    color: black;
}
.noir_fill {
    fill: black;
}

.blanc {
    color: white;
}
.blanc_fill {
    fill: white;
}

.vert {
    color: #169704;
}
.vert_fill {
    fill: #169704;
}

.rouge {
    color: #e21b24;
}
.rouge_fonce {
    color: #9c0b11;
}
.rouge_fill {
    fill: #e21b24;
}
.rouge_fonce_fill {
    fill: #9c0b11;
}

.orange {
    color: #ff6c00;
}
.orange_fill {
    fill: #ff6c00;
}

.orange_fonce {
    color: #d76500;
}
.orange_fonce_fill {
    fill: #d76500;
}

.violet {
    color: purple;
}
.violet_fill {
    fill: purple;
}

.marron {
    color: chocolate;
}
.marron_fill {
    fill: chocolate;
}

.gris {
    color: #7a7a7a;
}
.gris_fill {
    fill: #7a7a7a;
}

/* Tailles */
/* Tailles */
/* Tailles */

.w15 {
    width: 15px;
}

.w20 {
    width: 20px;
}

.w25 {
    width: 25px;
}

.w40 {
    width: 40px;
}

.w60 {
    width: 60px;
}

.w75 {
    width: 75px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h25 {
    height: 25px;
}

.h40 {
    height: 40px;
}

.h75 {
    height: 75px;
}

.h100 {
    height: 100px;
}

.hp100 {
    height: 100% !important;
}

.wNone {
    width: unset !important;
}

.wp5 {
    width: 5%;
}

.wp10 {
    width: 10%;
}

.wp15 {
    width: 15%;
}

.wp19 {
    width: 19%;
}

.wp20 {
    width: 20%;
}

.wp25 {
    width: 25%;
}

.wp30 {
    width: 30%;
}

.wp33 {
    width: 33%;
}

.wp40 {
    width: 40%;
}

.wp45 {
    width: 45%;
}

.wp49 {
    width: 49%;
}

.wp49-5 {
    width: 49.5%;
}

.wp50 {
    width: 50%;
}

.wp59 {
    width: 59%;
}

.wp60 {
    width: 60%;
}

.wp70 {
    width: 70%;
}

.wp80 {
    width: 80%;
}

.wp90 {
    width: 90% !important;
}

.wp100 {
    width: 100% !important;
}

/* Tailles bordures */

.b0 {
    border-width: 0;
}

.b0_focus:focus {
    border-width: 0;
}

.b1 {
    border-width: 1px;
    border-style: solid;
}

.b1_focus:focus {
    border-width: 1px;
}

.b2 {
    border-width: 2px;
    border-style: solid;
}

.b2_focus:focus {
    border-width: 2px;
}

.b3 {
    border-width: 3px;
    border-style: solid;
}

.b3_focus:focus {
    border-width: 3px;
}

.b1_bas {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.b2_bas {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.b3_bas {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

/* Font size */
/* Font size */
/* Font size */

.fz9 {
    font-size: 9px;
}

.fz10 {
    font-size: 10px;
}

.fz11 {
    font-size: 11px;
}

.fz12 {
    font-size: 12px;
}

.fz13 {
    font-size: 13px;
}

.fz14 {
    font-size: 14px;
}

.fz15 {
    font-size: 15px;
}

.fz16 {
    font-size: 16px;
}

.fz17 {
    font-size: 17px;
}

.fz18 {
    font-size: 18px;
}

.fz19 {
    font-size: 19px;
}

.fz20 {
    font-size: 20px;
}

/* Margins */
/* Margins */
/* Margins */

.mauto {
    margin: auto;
}

.m0 {
    margin: 0 !important;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.mh5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mh10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mw10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mw5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mleft5 {
    margin-left: 5px;
}

.mleft10 {
    margin-left: 10px;
}

.mright5 {
    margin-right: 5px;
}

.mright10 {
    margin-right: 10px;
}

.mright15 {
    margin-right: 15px;
}

.mright25 {
    margin-right: 25px;
}

.mbas5 {
    margin-bottom: 5px;
}

.mbas10 {
    margin-bottom: 10px;
}

.mbas15 {
    margin-bottom: 15px;
}

.mbas25 {
    margin-bottom: 25px;
}

.mhaut5 {
    margin-top: 5px;
}

.mhaut10 {
    margin-top: 10px;
}

.mhaut15 {
    margin-top: 15px;
}

.mhaut25 {
    margin-top: 25px;
}

/* Paddings */
/* Paddings */
/* Paddings */

.p0 {
    padding: 0 !important;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.ph5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ph10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pw10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pw5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pleft5 {
    padding-left: 5px;
}

.mleft10 {
    padding-left: 10px;
}

.pright5 {
    padding-right: 5px;
}

.pright10 {
    padding-right: 10px;
}

/* Divers */
/* Divers */
/* Divers */

.cadre {
    background-color: white;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    margin-bottom: 1rem;
}

.gauche {
    text-align: left;
}

.centrer {
    text-align: center;
}

.droite {
    text-align: right;
}

.centrerMargin {
    margin: 0 auto;
}

.centrerVertical {
    vertical-align: middle;
}

.hautVertical {
    vertical-align: top;
}

.inline {
    display: inline-block !important;
}

.gras {
    font-weight: bold;
}

.maj {
    text-transform: uppercase;
}

.transition {
    transition: .5s ease all;
}


.separationVertical {
    background-color: #00aff0;
    width: 1px;
}

.separationHorizontal {
    background-color: #00aff0;
    height: 1px;
}

.cacher {
    display: none;
}

.onglet {
    padding: .5rem 0;
    background-color: #eff1f2;
    font-weight: bold;
    font-size: 1rem;
    border-bottom: .2rem solid #eff1f2;
    transition: .5s ease all;
}

.ongletActif {
    border-color: #00aff0;
    background-color: #bfe4f2;
}

.switch {
    position: relative;
    display: inline-block;
    width: 38px !important;
    height: 18px !important;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.pointer {
    cursor: pointer;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .2s;
    transition: .2s;
    background-color: #f38687;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 22px !important;
        width: 22px !important;
        left: 0px;
        bottom: -2px;
        background-color: white;
        -webkit-transition: .2s;
        transition: .2s;
        background-color: #f73939;
    }

input:checked + .slider {
    background-color: #83d194;
}

    input:checked + .slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
        background-color: #3abd55;
    }

input:disabled + .slider {
    background-color: #a8a8a882;
}

    input:disabled + .slider:before {
        background-color: #a8a8a8;
    }

.slider.round {
    border-radius: 12px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.nowrap {
    white-space: nowrap;
}

.brightness2 {
    filter: brightness(2);
}

.souligner {
    text-decoration: underline;
}

.arrondi5 {
    border-radius: 5px;
}

.arrondi10 {
    border-radius: 5px;
}

.arrondi50p {
    border-radius: 50%;
}

.display_initial {
    display: initial;
}

.shadow {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.overflow_auto {
    overflow: auto;
}

.imageAgrandir2x:hover {
    position: relative;
    transform: scale(2);
    z-index: auto;
}

.imageAgrandir4x:hover {
    position: relative;
    transform: scale(4);
    z-index: auto;
}