.body_part {
    background: #3f3f42;
}

.color_purple {
    color: #8b5182 !important;
}

.color_yellow {
    color: #f9b100 !important;
}

.color_green {
    color: #009cb7 !important;
}

.nav_desktop {
    background: rgba(255, 255, 255, 0.85);
    padding: 20px 30px;
}


.section_navtop_part {
    background-image: url(../img/bg_part.jpg);
    background-position-y: 84px;
    height: 90vh;
    min-height: 750px;
    background-color: #fff;
}

.burger_menu_responsive input:checked~nav {
    height: 415px !important;
}


/* 
.section_navtop_part nav {
} */
.cta_rdv {
    color: #ffffff !important;
    background: #ed1c24;
    padding: 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.cta_rdv:hover {
    color: #ed1c24 !important;
}

.h1_home_part {
    background: unset;
}

.h1_home_part h1 {
    color: #ffffff;
    text-align: center;
    font-size: 4rem !important;
    margin-top: 180px;
}

.h1_home_part .first_span {
    color: #fff !important;
    text-align: center;
    display: inline-block;
    font-size: 2rem !important;
}

.h1_home_part .last_span {
    color: #e19f34 !important;
    font-size: 8rem !important;
    text-transform: lowercase;
    line-height: 6rem;
}


.footer_part {
    background: #333333;
    padding-top: 25px;
}

.footer_image img {
    /* margin-top: -40px; */
}

.footer_row {
    align-items: flex-end;
    padding-bottom: 25px;
}

.footer_credits {
    margin-top: 0;
}

.footer_credits p {
    color: #fff;
}

.footer_links a {
    background: none;
    margin-right: 8px;
}

.footer_links img {
    height: 30px;
}

div.parrainage {
    height: 220px;
}

.parrainage img {
    top: -150px;
    width: 280px;
    left: calc(50% - 140px);
    right: calc(50% - 140px);
}

.section_comment_ca_marche {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 60px;

}

.section_comment_ca_marche h2 {
    font-weight: bold;
    color: #3f3f42;
}

.section_comment_ca_marche h2 span {
    font-size: 4rem;
    color: #018d99;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-transform: none;
    margin-bottom: 25px;
    display: inline-block;
}

.step_container {
    padding: 50px 0;
    -webkit-box-shadow: 5px 5px 15px 3px rgba(56, 56, 56, 0.55);
    box-shadow: 5px 5px 15px 3px rgba(56, 56, 56, 0.55);
}

.step_number {
    color: #bf9880;
    font-size: 7rem;
}


.step_title {
    color: #3f3f42;
    text-align: center;
}

.step_subtitle {
    color: #3f3f42;
    text-align: center;
}

.step_subtitle a {
    color: #3f3f42;
}

.section_mes_gains {
    background-color: #d9e4eb;
    padding-bottom: 60px;
}

.section_mes_gains h2 {
    color: #3f3f42;
}

.section_mes_gains h2 span {
    color: #8b5182;
    font-size: 3.5rem !important;
    font-weight: 600;
    text-transform: none;
}

.section_mes_gains .gain_total {
    margin-top: 50px;
    margin-left: 50px;
}

.who {
    color: #3f3f42 !important;
}

.who.who-total {
    color: #bf9880 !important;
    font-size: 1.2rem !important;
    font-weight: bold !important;
}

.price {
    color: #009cb7 !important;
    text-wrap: nowrap;
}

.left_content {
    margin-left: 10%;
}

.left_content p {
    color: #3f3f42;
}

.right_content {
    margin-right: 10%;
}

.mid_content {
    width: 25%;
}

.txt_parrain {
    margin-top: 60px;
}

.txt_parrain p {
    color: #3f3f42;
}

.txt_parrain p span i {
    color: #3f3f42 !important;
    font-size: 0.5rem !important;
}

.txt_parrain p a {
    color: #009cb7;
    text-decoration: underline #009cb7;
}

.section_je_parraine {
    padding-top: 30px;
}

.section_je_parraine h2 {
    color: #3f3f42;
}

.section_je_parraine h2 span {
    color: #f9b100;
    font-size: 3.5rem !important;
    text-transform: none;
    font-weight: bold;
}

.section_je_parraine h3 {
    color: #3f3f42;
    margin-top: 0;
}

.button_link {
    background: #db0b14;
}

.fa-chevron-right {
    color: #fff;
}

.img_client {
    width: 160px;
    height: auto;
    margin: 40px auto 0 auto;
}

#parrainage_zone {
    background-color: #fff;
}



#page_cms {
    color: #000;
}

#page_cms h1 {
    color: #f9b100;
}

#page_cms h2 {
    font-size: 2rem;
    color: #000;
}

#page_cms h3 {
    text-align: left;
    color: #000;
}

#page_cms h4 {
    text-align: left;
}

#page_cms p,
#page_cms td,
#page_cms th {
    color: #000;
}

#page_cms a {
    color: #000;
}

#page_cms ul {
    margin-bottom: 40px;
}

#page_cms ul li {
    font-size: 1.1rem;
    margin-left: 15px;
}

#page_cms p+ul {
    margin-top: -20px;
}

.bandeau_cookies {
    background-image: url("../img/politique_des_cookies_bg_part.jpg") !important;
}

.conditions {
    background-image: url("../img/mentions_legales_bg_part.jpg") !important;
}

.mentions {
    background-image: url("../img/mentions_bg_part.jpg") !important;
}

.plan {
    background-image: url("../img/plan_du_site_bg_part.jpg") !important;
}

.gray {
    background: #535355 !important;
}


h1.plan-site {
    color: #bf9880;
    font-size: 3.5rem;
}

#plan-site ul {
    column-count: 2;
    column-gap: 75px;
}

#plan-site ul li {
    margin-bottom: 10px;
}

#plan-site ul li a {
    color: #fff;
    font-size: 1.2rem;
    ;

}

#plan-site ul li a:hover {
    color: #626262;
}

#rdv_zone {
    background-color: #fff;
}

#rdv_zone .form h3 {
    margin-top: 0;
}

#rdv_zone .form h4 {
    text-align: left;
    color: #ed1c24;
    width: 100%;
    margin-bottom: 15px;
    font-size: 1.2em;
}

#mes_infos_filleul {
    margin-top: 50px;
}

#rdv_zone p {
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}

.rdv_valider {
    color: #ed1c24;
}

.form_rdv {
    width: 70%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
}

#rdv_part_parrainCiv, #rdv_part_filleulCiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form_rdv .check_conditions {
    margin-top: 15px;
    ;
}

.form_rdv .submit_row {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
}

.form_rdv .submit_row .button {
    color: #fff;
    background-color: #ed1c24;
    padding-left: 50px;
    padding-right: 50px;

}

#rdv_zone p.txt_submit {
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

.form_rdv .notif_erreurs {
    width: 100%;
    text-align: left;
    margin-top: 20px;
    color: #ed1c24;
}

.form_rdv a {
    color: #ed1c24;
    -webkit-text-decoration: underline #ed1c24;
    text-decoration: underline #ed1c24;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.form_rdv a:hover {
    color: #ed1c24;
}


@media screen and (min-width: 1064px) and (max-width: 1400px) and (orientation: landscape) {
    .nav_desktop ul {
        width: 100%;
    }

    .nav_desktop ul li:first-child {
        margin-right: 5%;
    }

    footer {
        padding: 50px 20px;
    }
}

/* TABLETTE PORTRAIT */
@media screen and (min-width : 768px) and (max-width : 1064px) and (orientation : portrait) {
    .section_navtop_part {
        background-image: url(../img/bg_part.jpg);
        background-position-y: 60px;
    }
}

/* TABLETTE LANDSCAPE */
@media screen and (min-width : 768px) and (max-width : 1064px) and (orientation : landscape) {
    .section_navtop_part {
        background-image: url(../img/bg_part.jpg);
        background-position-y: 60px;
    }

    .footer_image {
        display: none;
    }
}

/* MOBILE PORTRAIT */

@media screen and (max-width : 767px) and (orientation : portrait) {
    .section_navtop_part {
        background-image: url(../img/bg_part.jpg);
        background-position-y: 60px;
        height: 65vh;
        min-height: 400px;
        ;
    }

    .parrainage img {
        top: -100px;
        width: 200px;
        left: calc(50% - 100px);
        right: calc(50% - 100px);
    }

    .h1_home_part h1 {
        color: #ffffff;
        text-align: center;
        font-size: 2rem !important;
        margin-top: 40px;
    }

    .h1_home_part .first_span {
        color: #fff !important;
        text-align: center;
        display: inline-block;
        font-size: 1rem !important;
    }

    
    #section_qcm {
        /*margin-top: 0;*/
        padding-top: 0;
    }
    #page_cms{
        padding-top: 0;
    }
    div.parrainage{
        height:150px;
    }

    .h1_home_part .last_span {
        color: #e19f34 !important;
        font-size: 4rem !important;
        text-transform: lowercase;
        line-height: 3rem;
    }

    .section_comment_ca_marche h2 span {
        line-height: 4rem;
        ;
    }

    .section_mes_gains {
        padding-top: 50px;
        margin-top: 20px;
    }

    .section_mes_gains h2 {
        margin-bottom: 0;
    }

    .section_mes_gains .gain_total {
        margin-top: 0;
        margin-left: 0;
    }

    .right_content {
        margin-right: 0;
        margin-left: 10%;
    }

    #plan-site {
        padding: 0 15px;
    }
}

/* MOBILE landscape */

@media screen and (max-width : 767px) and (orientation : landscape) {
    .section_navtop_part {
        background-image: url(../img/bg_part.jpg);
        background-position-y: 60px;
    }

    div.parrainage {
        height: 60px;
    }

    .section_comment_ca_marche h2 {
        margin-top: 20px;
        line-height: 2.3em;
    }
}

@media screen and (max-width : 767px) {
    #page_cms.cookies table {
       /* font-size: 1rem;*/
    }
    #page_cms.cookies table th,
    #page_cms.cookies table td {
        padding: 0.1rem;
        text-align: left;
    }
}