/** CTA RECRUTEMENT **/
div#teract-cta-recrutement-row-container {
    z-index: 1001;
    cursor: pointer;
    transform: skew(-25deg, 0deg) translate(64%);
    transition: all .5s ease-in-out;
}

div#teract-cta-recrutement-row-container:hover {
    transform: skew(-25deg, 0deg) translate(3%);
}

div.teract-cta-ivr-recrute {
    transform: skew(-25deg, 0deg);
    padding: 10px 0;
}

img.teract-picto-recrutement {
    width: 37px;
    height: auto;
}

div.teract-cta-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.teract-v2-cta-recrutement-img-left-container {
    position: relative;
    width: 24%;
}

div.teract-v2-cta-recrutement-img-left-container img {
    width: 83%;
}

div.teract-v2-cta-recrutement-right-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 70%;
    border-radius: 50px;
}


/** TIMELINE **/
div.mout_timeline_brands_content {
    margin: 0 15px;
}

div.timeline_container {
    display: flex;
    justify-content: center;
}

div.timeline_container ul.timeline_bar,
div.timeline_formation ul.timeline_bar {
    width: 1200px;
    list-style-type: none;
    position: relative;
}

div.timeline_container ul.timeline_bar div.timeline_bar_progress,
div.timeline_container.timeline_formation ul.timeline_bar div.timeline_bar_progress {
    width: 5px;
    position: absolute;
    overflow: hidden;
}

div.timeline_container.teract_v2_rh_acteur_majeur_distribution_timeline ul.timeline_bar div.timeline_bar_progress,
div.timeline_container.timeline_formation ul.timeline_bar div.timeline_bar_progress {
    background: rgb(232,71,129);
    /*background: linear-gradient(-180deg, rgba(232,71,129,1) 0%, rgba(240,149,124,1) 26%, rgba(253,211,66,1) 40%, rgba(200,203,99,1) 60%, rgba(44,176,156,1) 80%, rgba(0,151,211,1) 100%);*/
    background: linear-gradient(-180deg, rgba(0,0,0,1) 0%, rgba(125,226,159,1) 35%, rgba(248,123,110,1) 45%, rgba(255,208,111,1) 72%, rgba(241,242,246,1) 73%, rgba(0,151,211,1) 93%);
}

div.timeline_container ul.timeline_bar div.timeline_bar_progress {
    left: 25px;
    top: 5px;
    height: 100%;
}

div.timeline_container.timeline_formation ul.timeline_bar div.timeline_bar_progress {
    left: 37px;
    top: 16px;
    height: 48%;
}

div.timeline_container ul.timeline_bar li {
    position: relative;
    padding: 0 0 40px 50px;
}

div.timeline_container div.timeline_bullet_point {
    position: absolute;
    left: 0;
    top: 42px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
    transition: 0.4s all;
}

div.timeline_container.timeline_formation div.timeline_bullet_point {
    left: 2px !important;
    top: 12px !important;
}

div.timeline_bullet_point#teract_v2_rh_acteur_majeur_distribution_timeline_bullet_point_1{
    top: 0 !important;
}

div.timeline_bullet_point#teract_v2_rh_acteur_majeur_distribution_timeline_bullet_point_1 {
    background-color: #0A221C;
}

div.timeline_bullet_point#teract_v2_rh_acteur_majeur_distribution_timeline_bullet_point_2 {
    background-color: #0A221C;
}

div.timeline_bullet_point#teract_v2_rh_acteur_majeur_distribution_timeline_bullet_point_3 {
    background-color: #7DE29F;
}

div.timeline_bullet_point#teract_v2_rh_acteur_majeur_distribution_timeline_bullet_point_4 {
    background-color: #F87B6E;
}

div.timeline_bullet_point#teract_v2_rh_acteur_majeur_distribution_timeline_bullet_point_5 {
    background-color: #FFD06F;
}

div.timeline_bullet_point#teract_v2_rh_acteur_majeur_distribution_timeline_bullet_point_6 {
    background-color: #F1F2F6;
}

div.timeline_bullet_point#teract_v2_rh_acteur_majeur_distribution_timeline_bullet_point_7 {
    background-color: #53BAFE;
}

div.teract_v2_rh_brand_grid_container {
    display: flex;
    align-items: center;
}

div.teract_v2_rh_brand_grid_container a {
    position: relative;
    text-align: center;
}

/** 2nde timeline TIMELINE FORMATION **/
div.timeline_formation {

}

div.timeline_formation ul.sub_ul_timeline_formation li {
    padding: inherit !important;
}

div.timeline_bullet_point#ivr_timeline_bullet_point_2021 {
    background-color: #E84781;
}

div.timeline_bullet_point#ivr_timeline_bullet_point_2022 {
    background-color: #009ACB;
}

H4.timeline_title {
    margin: 0;
    line-height: 1.2em;
}

p.timeline_text {
    font-family: "Euclid Flex Regular", sans-serif;
}

@media all and (max-width: 980px) {
    div.timeline_container.timeline_formation ul.timeline_bar div.timeline_bar_progress {
        left: 32px;
    }
}

@media all and (max-width: 1023px) {
    h4.timeline_title {
        font-size: 20px;
    }
    p.timeline_text {
        font-size: 16px;
    }

    div.teract_v2_rh_brand_grid_container {
        display: grid;
        grid-template-rows: repeat(3, 80px);
        grid-template-columns: repeat(3, 80px);
        grid-gap: 15px;
    }

    div.teract_v2_rh_brand_grid_container div.mout_timeline_brands_content {
        position: relative;
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.teract_cta_lancement_campus {
        width: auto !important;
    }

    div.teract_v2_rse_list {
        font-size: 16px;
        margin-bottom: 20px !important;
        line-height: 1.5em;
    }

    div.teract_v2_rse_list_m_b_2 {
        margin-bottom: 3em !important;
    }
}

@media all and (min-width: 1024px) {
    h4.timeline_title {
        font-size: 30px;
    }
    p.timeline_text {
        font-size: 25px;
    }

    div.et_pb_accordion.et_pb_accordion_0.pa-add-accordion-icon.teract_accordion.teract_v2_accordion_rh h5.et_pb_toggle_title {
        padding: 0 0 0 35px !important;
    }
}


div.timeline_container ul.timeline_bar li::before {
    content: "";
    position: absolute;
    height: 100%;
    z-index: 0;
}

div.timeline_container ul.timeline_bar li:last-child::before  {
    width: 20px;
    left: 0;
    background-color: #fff;
    top: 56px;
}


/** ACCORDION RH **/
div.et_pb_accordion.et_pb_accordion_0.pa-add-accordion-icon.teract_accordion.teract_v2_accordion_rh h5.et_pb_toggle_title {
    padding: 0 0 0 50px;
}

div.teract_v2_accordion_rh.et_pb_accordion_0 .et_pb_accordion_item .et_pb_toggle_title:before {
    left: -15px !important;
    font-size: 25px !important;
}

div.teract_v2_accordion_rh.et_pb_accordion_0 .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
    left: -15px !important;
    content: "\4f" !important;
}

div.teract_v2_accordion_rse_content {
    margin-bottom: 1em;
}

div.teract_v2_accordion_rse_content img {
    margin-right: 15px;
}

div.teract_cta_lancement_campus {
    margin: 0 auto;
    width: 40%;
    display: flex;
    justify-content: center;
    background: #FFD06F;
    border-radius: 25px;
    padding: 0.5rem 0.75rem;
    font-weight: 200;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

/** 2ND TIMELINE **/
div.teract_v2_rse_numbers_container {
    display: flex;
}

div.teract_v2_rse_numbers_content {
    position: relative;
}

div.teract_v2_rse_numbers_content::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0px;
    width: 8px;
    height: 100%;
    background: rgb(232,71,129);
    background: linear-gradient(-180deg, rgba(0,0,0,1) 0%, rgba(125,226,159,1) 35%, rgba(248,123,110,1) 50%, rgba(255,208,111,1) 72%, rgba(241,242,246,1) 73%, rgba(0,151,211,1) 100%);
}

div.teract_v2_rse_numbers_container h6 {
    margin-left: 40px;
}

div.teract_v2_rse_list {
    display: flex;
    align-items: center;
}

div.teract_v2_rse_list img {
    margin: 0 15px 0 30px;
}

div.teract_v2_rse_list_m_b_2 {
    margin-bottom: 2em;
}