/* GENERIC */
    .page_ergonomie p {
        margin-bottom: 0!important;
    }

    .page_ergonomie hr {
        display: block;
        width: 50%;
        height: 1px;
        background: #efefef;
        margin: 0 auto;
        border: none;
    }

    .page_ergonomie .text_align_left {
        text-align: left;
    }

/* COLORS */
    .page_ergonomie.ergo_01 .ergo_main_title .ubtn_filled,
    .cloud_words,
    .important_quote,
    .important_quote a {
        color: #ff0844;
    }

    .page_ergonomie.ergo_02 .ergo_main_title .ubtn_filled {
        color: #43e97b;
    }

    .page_ergonomie.ergo_03 .ergo_main_title .ubtn_filled {
        color: #408dff;
    }

    .staff_tile,
    .legislation_title.europe::after,
    .page_ergonomie.ergo_01,
    .legislation_zone .source.code::before,
    .legislation_title.code::after {
        background: #ff0844;
        background: linear-gradient(90deg, rgba(255,8,68,1) 0%, rgba(255,117,139,1) 100%);
    }

    .legislation_title.europe::after,
    .page_ergonomie.ergo_02,
    .legislation_zone .source.europe::before,
    .ergo_02 .dashed_line ul.dashed_line_list li::before,
    .ergo_02 .dashed_line_title span {
        background: #43e97b;
        background: linear-gradient(90deg, rgba(56,248,214,1) 0%, rgba(67,232,123,1) 100%);
    }

    .page_ergonomie.ergo_03,
    .ergo_03 .dashed_line ul.dashed_line_list li::before,
    .dashed_line ul li.dashed_line_list_bullet::before,
    .ergo_03 .dashed_line_title span,
    .dashed_line .solution span,
    .dashed_line ul li.solution::before {
        background: #408dff;
        background: linear-gradient(90deg, rgba(0,221,255,1) 0%, rgba(64,141,255,1) 100%);
    }

/* -------------- */
/* FONT FAMILY */
    .page_ergonomie .ergo_main_title .main_title_ergo,
    .page_ergonomie .font_extra_bold,
    .page_ergonomie .massive_data,
    .page_ergonomie .massive_data_info,
    .page_ergonomie .ergo_quote,
    .page_ergonomie .cloud_words,
    .page_ergonomie .cloud_word_zone_right,
    .page_ergonomie .body_pain ul li,
    .page_ergonomie .ergo_text p,
    .page_ergonomie .important_quote,
    .page_ergonomie .staff_job,
    .page_ergonomie .legislation_zone,
    .page_ergonomie .redirection_zone,
    .page_ergonomie .explanation,
    .page_ergonomie .schema_zone {
        font-family: 'Raleway', sans-serif;
    }

    /* Dégradé texte rouge */
    .ergo_01 .massive_data,
    .ergo_01 .massive_data_info,
    .medium_data,
    .tiny_data,
    .legislation_title.code {
        color: #ff0844;
        background: -webkit-linear-gradient(#ff0844, #ff758B);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .ergo_02 .massive_data,
    .ergo_02 .massive_data_info,
    .legislation_title.europe,
    .ergo_02 .ergo_quote {
        color: #43e97b;
        background: -webkit-linear-gradient(90deg, rgba(56,248,214,1) 0%, rgba(67,232,123,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .ergo_03 .massive_data,
    .ergo_03 .massive_data_info,
    .ergo_03 .ergo_quote,
    .page_ergonomie .solution p {
        color: #408dff;
        background: -webkit-linear-gradient(90deg, rgba(0,221,255,1) 0%, rgba(64,141,255,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


    .massive_data_info strong,
    .main_title_ergo strong,
    .important_quote strong,
    .staff_job,
    .legislation_title,
    .link_minimalist,
    .redirection_zone h4,
    .dashed_line_title,
    .page_ergonomie .solution p {
        font-weight: 800;
    }


.page_ergonomie {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* COMMON TO ALL PAGES */
    .cloud_word_zone,
    .legislation_zone.left {
        position: relative;
        width: 100%;
        background: #f8f8f8;
        border-radius: 5px;
    }

.ergo_main_container {
    position: relative;
    display: table;
    width: 100%;
    height: 320px;

    background-image: url(/images/media-wp/noeuds/conso/ergonomie/desk_banner.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.ergo_main_container::before {
    bottom: -50px;
    right: 80px;
    width: 130px;
    height: 130px;
    background: url(/images/media-wp/noeuds/conso/ergonomie/ball_green.svg);
}

.ergo_main_container::after {
    bottom: 80px;
    right: 70px;
    width: 60px;
    height: 60px;
    background: url(/images/media-wp/noeuds/conso/ergonomie/ball_green.svg);
}

.flying_element_red_1::after {
    top: -110px;
    left: 50px;
    width: 63px;
    height: 60px;
    background: url(/images/media-wp/noeuds/conso/ergonomie/snake_blue.svg);
    background-repeat: no-repeat;
}

.flying_element_red_2::before,
.flying_element_green_2::before {
    top: 10px;
    left: -45px;
    width: 63px;
    height: 60px;
    background: url(/images/media-wp/noeuds/conso/ergonomie/triangle_red.svg);
    background-repeat: no-repeat;
    background-size: 80%;
}

.flying_element_red_2::after,
.flying_element_green_2::after {
    top: 30px;
    right: 10px;
    width: 63px;
    height: 60px;
}
.flying_element_red_2::after {
    background: url(/images/media-wp/noeuds/conso/ergonomie/snake_red.svg);
    background-repeat: no-repeat;
    background-size: 80%;
}
.flying_element_green_2::after {
    background: url(/images/media-wp/noeuds/conso/ergonomie/snake_green.svg);
    background-repeat: no-repeat;
    background-size: 80%;
}

.flying_element_red_3::after,
.flying_element_green_3::after {
    top: -70px;
    right: calc(50% - 30px);
    width: 60px;
    height: 60px;
}
.flying_element_red_3::after {
    background: url(/images/media-wp/noeuds/conso/ergonomie/snake_green.svg);
    background-repeat: no-repeat;
    background-size: 90%;
}
.flying_element_green_3::after {
    background: url(/images/media-wp/noeuds/conso/ergonomie/snake_red.svg);
    background-repeat: no-repeat;
    background-size: 80%;
}


.ergo_main_content .data_zone {
    background-image: url(/images/media-wp/noeuds/conso/ergonomie/working_man_neutral.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.ergo_main_content {
    position: relative;
    border:none;
    box-sizing:border-box;

    background: #ffffff;
}

.ergo_main_content:before {
    width: 100%;
    height: 120px;
    top: -118px;
    background-image: url(/images/media-wp/noeuds/conso/ergonomie/top_border_content.svg);
    background-repeat: no-repeat;
    background-position-y: 100%;
}

.ergo_main_title {
    display: table-cell;
    vertical-align: middle;
}

.page_ergonomie .text25 { font-size:25px; font-size:2.5rem; line-height:29px}
.page_ergonomie .text28 { font-size:28px; font-size:2.8rem; line-height:28px}
.page_ergonomie .font_extra_bold { font-weight:800; }
.page_ergonomie .font_semi_bold { font-weight:600; }
.page_ergonomie .font_light { font-weight:300; }

/* VARIOUS */
    .ergo_main_content:before,
    .ergo_quote::before,
    .cloud_word_zone::before,
    .cloud_words::after,
    .body_pain_paragraph::before,
    .staff_job::before,
    .staff_job::after,
    .legislation_title::before,
    .legislation_title::after,
    .legislation_zone .source::before,
    .link_minimalist::before,
    .dashed_line ul.dashed_line_list li::before,
    .dashed_line ul.dashed_line_list li::after,
    .dashed_line ul li.dashed_line_list_bullet::before,
    .dashed_line ul li.dashed_line_list_bullet::after,
    .dashed_line_sub_list li::before,
    .dashed_line ul li.solution::before,
    .flying_element_green_2::before,
    .ergo_main_container::before,
    .ergo_main_container::after,
    .flying_element_red_1::after,
    .flying_element_red_2::before,
    .flying_element_green_2::before,
    .flying_element_red_2::after,
    .flying_element_green_2::after,
    .flying_element_red_3::after,
    .flying_element_green_3::after {
        content: '';
        position: absolute;
    }

/* MAIN BUTTON */
    .page_ergonomie .ergo_main_title .ubtn_filled {
        background: #ffffff;
        border: 1px solid #ffffff;
    }
    .page_ergonomie .ergo_main_title .ubtn_filled:hover {
        background: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
    }

/* ******************************************** */
/* ZONE 1 */
.massive_data {
    font-size: 150px;
    font-size: 15rem;
    font-weight: 100;
    line-height: 140px;
    letter-spacing: -15px;
    padding-right: 15px; /* FIX : Une partie du dégradé n'est pas présent sur la totalité du text */
}

.massive_data_info {
    display: block;
}

.ergo_main_title .main_title_ergo {
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 36px;
    color: #ffffff;
}

.ergo_01 .ergo_quote {
    position: relative;
    z-index: 1;
}

.ergo_01 .ergo_quote::before {
    top: -5px;
    width: 29px;
    height: 19px;
    margin-right: 50px;
    background: url(/images/media-wp/noeuds/conso/ergonomie/quote.svg);
    z-index: -1;
}

/* ZONE 2 */
.cloud_word_zone::before {
    top: -20px;
    left: calc(50% - 22px);
    width: 45px;
    height: 54px;
    background: url(/images/media-wp/noeuds/conso/ergonomie/down_arrow.svg);
    animation: MoveUpDown 2s linear infinite;
}
.cloud_word_zone_left  { width: 30%; }
.cloud_word_zone_right { width: 70%; }

.cloud_words {
    position: relative;
    text-align: right;
}
.cloud_words::after {
    top: calc(50% - 40px);
    right: -25px;

    width: 1px;
    height: 80px;
    background: #c4c4c4;
}

.medium_data {
    font-size: 6rem;
    font-size: 60px;
    font-weight: 100;
    letter-spacing: -5px;
    padding-right: 5px;
    vertical-align: middle;
}

.cloud_word_zone_right > .first_medium_data {
    margin-bottom: -15px!important;
}

.tiny_data {
    letter-spacing: 0;
    padding-right: 0;
}

/* --------------------------------------- */
/* ZONE 3 */
    .body_pain {
        position: relative;
    }

    .body_pain img {
        max-height: 365px;
    }

    /* -------------- */
    /* TEXT STYLE NUMBER PAIN */
        .body_pain ul li {
            position: absolute;

            font-weight: 900;
            color: #333333;
            line-height: 16px;
        }

        .body_pain_number {
            letter-spacing: -1px;
        }

        .body_pain .body_pain_sub_number {
            font-weight: 700;
            font-style: italic;
            color: #b9b9b9;
        }

        /* -------------- */
        /* WRIST */
            .body_pain .body_pain_wrist {
                top: 50px;
                right: 28px;
            }
            .body_pain .body_pain_wrist .body_pain_number {
                font-size: 4rem;
                font-size: 40px;
                line-height: 40px;
            }

        /* -------------- */
        /* SHOULDER */
            .body_pain .body_pain_shoulder {
                top: 40px;
                left: 33px;
            }
            .body_pain .body_pain_shoulder .body_pain_number {
                font-size: 3.7rem;
                font-size: 37px;
                line-height: 37px;
            }

        /* -------------- */
        /* ELBOW */
            .body_pain .body_pain_elbow {
                top: 113px;
                left: 60px;
            }
            .body_pain .body_pain_elbow .body_pain_number {
                font-size: 2.5rem;
                font-size: 25px;
                line-height: 25px;
            }

        /* -------------- */
        /* KNEE */
            .body_pain .body_pain_knee {
                top: 235px;
                right: 108px;
            }
            .body_pain .body_pain_knee .body_pain_number {
                line-height: 20px;
            }

    /* -------------- */
    /* TEXT STYLE NUMBER PAIN */
        .page_ergonomie .ergo_text p strong,
        .page_ergonomie .important_quote,
        .page_ergonomie .explanation strong,
        .page_ergonomie .schema_zone strong {
            font-weight: 600;
        }

        .body_pain .important_quote {
            border-left: 3px solid #ff0844;
        }

        .ergo_text a,
        .important_quote a {
            text-decoration: underline;
        }

        .body_pain_paragraph {
            z-index: 2;
        }

        .body_pain_paragraph::before {
            top: 70px;
            right: 70px;
            width: 250px;
            height: 310px;
            background: url(/images/media-wp/noeuds/conso/ergonomie/back_circle.svg);
            background-repeat: no-repeat;
            opacity: .7;
            z-index: -1;
        }

/* --------------------------------------- */
/* ZONE 4 */
    /* -------------- */
    /* TUILES DES INTERVENANTS */
        .staff_tile {
            position: relative;
            height: 85px;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;

            border-radius: 5px;
        }

        .staff_job {
            margin-left: 75px;
            color: #ffffff;
        }

        .staff_job::before {
            top: 32px;
            left: 25px;
            width: 15px;
            height: 18px;
            background: url(/images/media-wp/noeuds/conso/ergonomie/staff.svg);
        }

        .staff_job::after {
            top: 28px;
            left: 55px;
            width: 1px;
            height: 30px;
            background: #ffffff;
            opacity: .5;
        }


/* --------------------------------------- */
/* ZONE 5 */
    /* -------------- */
    /* LESGISLATION */
        .legislation_zone {
            position: relative;
            height: 170px;
        }

        .legislation_title {
            position: relative;
            margin-top: 50px;
        }

        .legislation_title::before {
            top: -50px;
            left: calc(50% - 10px);
            margin-top: 10px;

            width: 20px;
            height: 20px;

            background-repeat: no-repeat;
            background-position: center;

            z-index: 2;
        }

        .legislation_title::after {
            top: -50px;
            left: calc(50% - 30px);

            width: 60px;
            height: 40px;

            border-radius: 5px;
            z-index: 1;
        }

        /* Petite ligne décorative avant la source */
        .legislation_zone .source {
            position: relative;
            display: block;
        }

        .legislation_zone .source::before {
            width: 30px;
            height: 1px;
        }

        /* EUROPE */
            .legislation_title.europe::before {
                background-image: url(/images/media-wp/noeuds/conso/ergonomie/europe.svg);
            }

            .legislation_zone .source.europe::before,
            .legislation_zone .source.health::before {
                top: 50%;
                left: -40px; /* Lié au margin-left de la classe mère ".source" */
            }

            .legislation_zone .source.europe,
            .legislation_zone .source.health {
                margin-left: 40px;
            }


        /* CODE TRAVAIL */
            .legislation_title.code::before {
                background-image: url(/images/media-wp/noeuds/conso/ergonomie/code_book.svg);
            }

            .legislation_zone .source.code::before {
                top: 50%;
                right: -40px;
            }

            .legislation_zone .source.code {
                margin-right: 40px;
            }

        /* HEALTHCARE */
            .legislation_title.health::before {
                background-image: url(/images/media-wp/noeuds/conso/ergonomie/health.svg);
            }

            .legislation_zone .source.health::before {
                background: #333333;
            }

            .legislation_title.health::after {
                background: #333333;
            }

        /* BOUTONS MINIMALIST */
            .link_minimalist {
                position: relative;
                display: block;
                left: 25px;
            }

            .link_minimalist::before {
                display: block;
                top: 5px;
                left: -25px;
                width: 19px;
                height: 5px;

                -o-transition: .4s;
                -ms-transition: .4s;
                -moz-transition: .4s;
                -webkit-transition: .4s;
                transition: .4s;
            }
            .legislation_zone .link_minimalist::before {
                background: url(/images/media-wp/noeuds/conso/ergonomie/arrow_black.svg);
            }
            .redirection_zone .link_minimalist::before {
                background: url(/images/media-wp/noeuds/conso/ergonomie/arrow_white.svg);
            }

            .link_minimalist:hover::before {
                left: -30px;
            }

            .redirection_zone {
                width: 100%;
                border-radius: 5px;
            }
            .redirection_zone.page_01 {
                background: url(/images/media-wp/noeuds/conso/ergonomie/red_back.jpg);
                background-size: 474px;
            }
            .redirection_zone.page_02 {
                background: url(/images/media-wp/noeuds/conso/ergonomie/green_back.jpg);
                background-size: 474px;
            }
            .redirection_zone.page_03 {
                background: url(/images/media-wp/noeuds/conso/ergonomie/blue_back.jpg);
                background-size: 474px;
            }

            .redirection_zone a {
                display: table;
                width: 100%;
                height: 95px;
                margin-left: 50px;
                color: #ffffff;
            }

            /* ANIMATIONS */
            @keyframes movingBackground {
                0%   {background-size: 474px;}
                50%  {background-size: 600px;}
                100% {background-size: 474px;}
            }

            .dashed_line .solution span:hover {
                background: #408dff;
                background: linear-gradient(90deg, rgba(64,141,255,1) 0%, rgba(0,221,255,1) 100%);
            }

            .redirection_zone:hover {
                animation: movingBackground 3s linear;
            }

            .redirection_zone_content {
                /* margin-left: 60px; */
                display: table-cell;
                vertical-align: middle;
            }

            @keyframes MoveUpDown {
                0%, 100%
                {
                    top: -25px;
                }
                50%
                {
                    top: -10px;
                }
            }


/* PAGE 02 */
.ergo_02 .ergo_quote {
    width: 47%;
    margin: auto;
}

/* ZONE SCHEMA */
    .ergo_02 .worker {
        width: 340px;
    }

    .left_dashed,
    .right_dashed {
        width: 50%;
    }

    .right_dashed {
        vertical-align: middle;
    }

    .dashed_line {
        position: relative;
        min-width: 480px;
        height: 100%;
        background-image: url(/images/media-wp/noeuds/conso/ergonomie/dot.svg);
        background-position: left;
        background-repeat: repeat-y;
        background-size: 3px;
    }

    .dashed_line ul {
        margin-left: 25px;
        margin-right: 25px;
    }

    /* NUMERO DEVANT L'INTITULE DE LA ZONE */
    .dashed_line_title span {
        margin-left: -25px;
        padding: 15px;
        color: #ffffff;
        border-radius: 50%;
    }

    .dashed_line ul li {
        position: relative;
    }

    .dashed_line ul.dashed_line_list li {
        margin-top: 10px;
    }

    .dashed_line ul.dashed_line_list li::before,
    .dashed_line ul li.dashed_line_list_bullet::before,
    .dashed_line ul li.solution::before {
        left: -30px;
        width: 14px;
        height: 14px;
        border-radius: 100%;
    }

    .dashed_line ul.dashed_line_list li:not(.solution)::after,
    .dashed_line ul li.dashed_line_list_bullet::after {
        top: 2px;
        left: -28px;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: white;
    }

    .dashed_line .solution span {
        display: inline-block;
        margin-top: 5px;
        padding: 3px 8px;
        border-radius: 3px;

        /* background-size: cover;
        background-position: center;
        background-attachment: fixed; */
    }

    .dashed_line .solution span a {
        color: #ffffff;
    }

    .dashed_line_sub_list li::before {
        top: calc(50% - 1px);
        left: -10px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #666666;
    }