html,
body {
    width: 100%;
    overflow: auto;
}

input:focus, 
select:focus,
textarea:focus {
    outline: none;
}

.skip-header {
    padding-top: 100px;
}

@media (max-width: 1280px) {
    ._md_show {
        display: initial;
    }

    ._xl_show {
        display: none;
    }
}

@media (min-width: 1281px) {
    ._xl_show {
        display: inline-block;
    }

    ._md_show {
        display: none;
    }
}

@media (min-width: 1200px) {
    ._full_cnt {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    ._custom_container {
        max-width: 1704px !important;
    }

    ._h_custom_container {
        max-width: 1672px !important;
    }

    ._s_cnt {
        padding-right: 112px;
        padding-left: 112px;
        width: 100%;
    }
}


@media (min-width: 1769px) {
    ._custom_container {
        max-width: 1704px !important;
    }

    ._h_custom_container {
        max-width: 1672px !important;
    }
}

@media (max-width: 1768px) {
    ._custom_container {
        max-width: calc(100% - 175px) !important;
    }

    /*._h_custom_container {
        max-width: 1672px !important;
    }*/

    ._s_cnt {
        padding-right: 46px;
        padding-left: 46px;
        width: 100%;
    }
}

@media (max-width: 1545px) {

    ._custom_container {
        max-width: calc(100%) !important;
        font-size: 12px !important;
    }

}

@media (max-width: 1366px) {
    ._custom_container {
        max-width: calc(100% - 175px) !important;
    }

}

/* ALL */

._player_video .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.hasFAIcons::after {
    content: url(../img/_ico/vid_play.svg) !important;
}

._cnt_vcenter {
    height: 100%;
    display: flex;
    position: relative;
}

._cnt_vcenter ._vcenter {
    width: 100%;
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}

._bg_green {
    background-color: #12C890 !important;
}

._bg_white {
    background-color: #fff !important;
}

._bg_blue {
    background-color: #208CED !important;
}

._bg_bright_turquoise {
    background-color: #0DCAD4 !important;
}

._w_100 {
    width: 100%;
}

.col-lg-5._section_desc {
    max-width: 37.667%;
}

.col-lg-7._section_picto {
    flex: 0 0 62.333%;
    max-width: 62.333%;
}

.col-lg-7._section_picto ._vcenter img {
    margin-left: -3%;
    width: 103%;
}

.page-logo {
    width: 5em;
    margin-top: 15px;
}

.btn {
    font-size: 14px;
}

._ico_btn {
    line-height: 0;
}

.v-align-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0px;
    background-color: red;
}

._acenter {
    text-align: center;
}

.btn-newsletter {
    background-color: #12c890 !important;

}

._offer_link a {
    color: #208ced;
}

.slick-slider:not(.burden) .slick-slide img {
    display: block;
    width: calc(100% + 0px);
    position: relative;
}

#_section1 .slick-slide ._s1_picto img {
    left: 0px;
    top: -6px;
}


@media (min-width: 1800px) {
    ._s_cnt {
        padding-bottom: 0px !important;
        min-height: initial !important;
    }

    ._caption,
    .whoarewe .section0 .big_title h1 {
        font-size: 55px !important;
        margin-bottom: 30px;
    }

    #_s2_slick ._s2_content ._s2_title {
        font-size: 61px;
    }

    ._section3 ._cnt_desc *,
    ._cnt_desc {
        font-size: 18px !important;

    }

    ._section_picto ._vcenter ._w_100 {
        width: 115%;
        margin-bottom: -40px;
    }

    ._section3 {
        position: relative;
        z-index: 103;
    }

    ._section4 {
        position: relative;
        z-index: 104;
    }

    ._next_scroll {
        z-index: 200;
    }

    .home_section4 {
        padding-bottom: 110px !important;
    }

    .whoarewe.bg_blue .section0 {
        margin-top: 80px !important;
    }

    .whoarewe p {
        font-size: 18px !important;
    }

    ._section0 ._section_desc.home_section0_desc {
        padding-top: 130px;
        padding-left: 0;
    }

    ._section_picto {
        margin-top: 30px;
    }

    ._section0 ._cnt ._cnt_offer_link {
        padding-top: 30px !important;
    }

    ._section0 ._cnt ._cnt_offer_link ._offer_link li {
        font-size: 18px !important;
    }

    ._section0 ._cnt #_partner_slick ._partner_item {
        height: 120px !important;
    }

    ._section0 ._cnt ._grid ._cnt_grid_img {
        width: 45px !important;
    }

    #_s2_slick {
        margin-top: 50px !important;
    }

    #_s2_slick ._s2_content ._s2_title {
        font-size: 61px !important;
    }

    ._section3 ._section_desc {
        padding-right: 60px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ico {
        width: 128px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ttl ._ttl {
        left: -50px !important;
        top: 3px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ttl ._ttl {
        font-size: 22px !important;
        line-height: 25px !important;
    }

    ._section4 ._bloc2 ._grid_item ._item_ico_ttl ._item_ttl {
        width: 200px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ico img {
        height: 95px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ico {
        text-align: center !important;
        display: block !important;
    }

    ._section4 ._bloc1 ._grid_item ._item_ico_ttl ._item_ttl {
        width: 135px !important;
    }

    ._section4 ._bloc1 ._grid_item ._item_desc {
        padding-right: 30px;
    }

    .how-it-work .section1 img.Artboard-1 {
        width: 110% !important;
        top: -85px !important;
        left: -150px !important;
    }

    .how-it-work .section2 img.analysis {
        bottom: 0px !important;
    }

    .how-it-work .section1 h3,
    .how-it-work .section2 h3,
    .how-it-work .section3 h3,
    .how-it-work .section4 h3 {

        font-size: 130px !important;
    }

    .how-it-work.bg_blue h2 {
        padding-top: 40px !important;
        font-size: 58px !important;
        margin-bottom: 25px !important;

    }

    .how-it-work.bg_green h2 {
        padding-top: 40px !important;
        font-size: 58px !important;
        margin-bottom: 25px !important;

    }

    .how-it-work h3 {
        margin-bottom: -85px;
        position: absolute !important;
        top: 39px;
        left: -7px;
        width: 520px;
    }

    .how-it-work.bg_green h3 {
        margin-bottom: -85px;
        position: absolute !important;
        top: 87px;
        left: 150px;
        width: 520px;
    }

    .how-it-work.bg_blue h3 {
        margin-bottom: -85px;
        position: absolute !important;
        top: 87px;
        left: 150px;
        width: 520px;
    }

    .how-it-work.bg_blue .etape-2 {
        position: relative;
    }

    .how-it-work.bg_green .etape-2 {
        position: relative;
    }

    .how-it-work p {
        font-size: 17px !important;
        margin-bottom: 37px !important;
    }

    .how-it-work .section2 img.analysis {
        bottom: initial !important;
    }

    .how-it-work .cest-parti h6 {
        padding-right: 0 !important;
    }

    .how-it-work .ellipse-12 img {
        padding-top: 0 !important;

    }

    .how-it-work .cest-parti h6 {
        padding: 22px 0 !important;
        font-size: 18px !important;
    }

    .how-it-work .ellipse-12 {
        margin-left: 39px !important;
    }

    .how-it-work .cest-parti {
        padding-left: 41px !important;
    }
}

@media (min-width: 1367px) and (max-width: 1799px) {
    ._section0 ._cnt ._grid ._cnt_grid_img {
        width: 35px !important;
    }

    ._s_cnt {
        padding-bottom: 0px !important;
        min-height: initial !important;
    }

    #_section2 .slick-slide {
        margin-top: 40px !important;
    }

    #_s2_slick ._s2_content ._s2_desc {
        margin-bottom: -10px !important;
        margin-top: 0px !important;
        display: inline-block;
        width: 76%;
    }

    #_s2_slick ._s2_content ._s2_desc,
    #_s2_slick ._s2_content ._s2_desc * {
        font-size: 14px !important;
    }

    #_s2_slick ._s2_content._ltr {
        text-align: left !important;
    }

    #_s2_slick ._s2_content ._s2_title {
        line-height: 50px !important;
    }

    ._next_scroll {
        top: -30px !important;
    }

    ._next_scroll img {
        width: 60px !important;
        height: 60px !important;
    }

    ._section3 ._cnt_desc *,
    ._section5 ._desc p,
    ._cnt_desc {
        font-size: 14px !important;
    }

    ._section_picto ._vcenter ._w_100 {
        width: 115%;
        margin-bottom: -40px;
    }

    ._section3 ._section_desc {
        padding-right: 50px;
    }

    ._section3 ._cnt_grid ._cnt_grid_img img {
        width: 55px;
    }

    #_section3 ._cnt_grid ._grid_item {
        padding-left: 0px;
        padding-right: 0px;
    }

    ._section3 ._cnt_grid ._cnt_grid_desc {
        font-size: 15px !important;
    }

    ._section3 ._cnt_grid {
        margin-top: 30px !important;
    }

    ._section3 ._cnt_grid ._cnt_grid_img img {
        width: 50px !important;
    }

    ._section3 ._cnt_grid ._cnt_grid_desc {
        margin-top: 10px !important;
    }

    ._section3 ._cnt_grid ._cnt_grid_desc {
        line-height: 19px !important;
    }

    ._section3 ._cnt_grid ._cnt_grid_desc p {
        margin-bottom: 0px !important;
    }

    ._section3 ._cnt ._cnt_btn {
        margin-bottom: 40px !important;
        margin-top: 40px !important;
    }

    ._section3 {
        position: relative;
        z-index: 103;
    }

    ._section4 {
        position: relative;
        z-index: 104;
    }

    ._next_scroll {
        z-index: 200;
    }

    .home_section4 {
        padding-bottom: 110px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ico {
        height: 75% !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ttl ._ttl {
        font-size: 16px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ttl ._ttl {
        line-height: 23px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ttl ._ttl {
        left: -43px !important;
        top: -11px !important;
    }

    ._bloc1 ._item_ico img {
        position: relative;
        left: 35px;
        top: 0px;
    }

    /*._section5 {
        padding-bottom: 0 !important;
    }*/

    ._caption {

        font-size: 45px !important;

    }

    .whoarewe.bg_blue .section0 p {
        padding: 25px 50px !important;
    }

    ._section3 ._section_picto {
        margin-top: -27px !important;
    }

    ._section_picto ._vcenter ._w_100 {
        width: 120%;
        margin-left: -23px;
    }

    ._section0 ._section_desc {
        padding-top: 108px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ico {
        width: 128px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ttl ._ttl {
        left: -50px !important;
        top: -8px !important;
    }

    ._section4 ._bloc2 ._grid_item ._item_ico_ttl ._item_ttl {
        width: 138px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ico img {
        height: 77px !important;
    }

    ._section4 ._grid_item ._item_ico_ttl ._item_ico {
        text-align: center !important;
        display: block !important;
    }

    ._section4 ._bloc1 ._grid_item ._item_ico_ttl ._item_ttl {
        width: 106px !important;
    }

    ._section4 ._bloc1 ._grid_item ._item_ico_ttl ._item_ttl ._ttl {
        left: -33px !important;
    }
}

@media only screen and (max-width: 992px) {
}

@media only screen and (min-width: 1799px) {
    .page-logo {
        width: 8em;
    }
}

._cnt {
    width: 100%;
}

@media (min-width: 1367px) and (max-width: 1799px) {
    ._cnt ._cnt_btn ._btn span._txt_btn {
        padding-top: 11px;
    }
}

/*Cookie Consent Begin*/
#cookieConsent,
#gereCookieConsent {
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: Poppins;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    width: 705px;
    height: 558px;
    border-radius: 32px;
    background-color: #ffffff;
    margin: 0 auto;
    top: 25%;
}

#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}

#closeCookieConsent,
#gereCloseCookieConsent {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 1.5;
    cursor: pointer;
}

#closeCookieConsent:hover,
#gereCloseCookieConsent:hover {
    opacity: 1;
    color: #0c4171;
}

#closeCookieConsent:before,
#closeCookieConsent:after,
#gereCloseCookieConsent:before,
#gereCloseCookieConsent:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #0c4171;
    font-family: Poppins;
    color: #0c4171;
}

#closeCookieConsent:before,
#gereCloseCookieConsent:before {
    transform: rotate(45deg);
}

#closeCookieConsent:after,
#gereCloseCookieConsent:after {
    transform: rotate(-45deg);
}

/*#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
}
#closeCookieConsent:hover {
    color: #FFF;
}

#closeCookieConsent::before {
  content: 'x';
  color: #fff;
  font-weight: 300;
  font-family: Poppins;
}*/

#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}

#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}

/*#closeCookieConsent{
    width: 19.9px;
    height: 22.3px;
    margin: 31px 42px 0px 0px;
    font-size: 49px;
    color: #ccc;
    font-family: Poppins;
}*/

#cookieConsent .title_cookies {
    width: 803px;
    height: 71px;
    font-family: Poppins;
    font-size: 54px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
    margin-top: 19px;
}

#cookieConsent .text_cookies {
    width: 644px;
    height: 171px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
    margin-top: 23px;
}

#cookieConsent .text_cookies p {
    margin-bottom: 0rem;
}

.btn-cookie {
    padding-top: 32px;
    margin-left: 25%;
    margin-right: 18%;
    padding-bottom: 30px;
}

.accepte-cookie {
    padding-left: 28px;
    display: inline-flex;
    border-radius: 42px;
    border: solid 2px #0c4171;
    width: 302px;
    height: 66px;
    background-color: #0c4171;
}

/*.accepte-cookie h6{
    padding: 16px 0;
    padding-right: 0px;
    padding-left: 0px;
    color: #fff;
    padding-left: 0px;
    padding-right: 17px;
    font-weight: 600;
    font-size: 16px;
}*/


.accepte-cookie h6 {
    padding: 16px 0;
    padding-right: 0px;
    padding-left: 0px;
    width: 193px;
    height: 28px;
    font-family: SegoeUI;
    font-size: 21px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.gere-cookie {
    padding-left: 51px;
    display: inline-flex;
    border-radius: 42px;
    border: solid 2px #0c4171;
    width: 302px;
    height: 66px;
    background-color: #ffff;
}

.gere-cookie h6 {
    padding: 16px 0;
    padding-right: 0px;
    padding-left: 0px;
    width: 161px;
    height: 28px;
    font-family: SegoeUI;
    font-size: 21px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
}

.ellipse-cookie {
    border-radius: 50%;
    width: 65px;
    height: 66px;
    opacity: 0.8;
    background-color: #3e678d;
    /*margin-left: 4px;*/
    float: right;
    right: -13px;
    position: relative;
    bottom: 2px;
}

.ellipse-cookie img {
    margin-top: 18px;
    margin-left: 18px;
    width: 29px;
    height: 29px;
    object-fit: contain;
}

.ellipse-gerecookie {
    border-radius: 50%;
    width: 65px;
    height: 66px;
    opacity: 0.2;
    background-color: #3d678d;
    /*margin-left: 4px;*/
    float: right;
    right: -21px;
    position: relative;
    bottom: 2px;
}

.ellipse-gerecookie img {
    margin-top: 18px;
    margin-left: 18px;
    width: 29px;
    height: 29px;
    object-fit: contain;
}

.btn-cookie a.lien-gerecookie {
    top: 36px;
    position: relative;
}

/*Cookie Consent End*/

/* Gerer cookies */
#gereCookieConsent {
    width: 1049px;
    height: 933px;
    border-radius: 32px;
    background-color: #ffffff;
    padding-left: 47px;
    top: 11%;
}

#gereCookieConsent .title_gerecookies {
    width: 567px;
    height: 71px;
    font-family: 'Poppins Bold';
    font-size: 54px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
    margin-top: 19px;
}

.light-title {
    font-weight: normal;
    font-family: Poppins;
}

#gereCookieConsent .suivi {
    width: 872px;
    height: 29px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
}

#cookie_pg h6,
#gere_content h6 {
    font-size: 24px;
    font-weight: bold;
    color: #0c4171;
}

#cookie_pg input.c_marketing,
#cookie_pg input.c_fonctionnel,
#cookie_pg input.c_requis,
#gere_content #c_marketing,
#gere_content #c_fonctionnel,
#gere_content #c_requis {
    width: 38px;
    height: 38px;
    border: solid 2px #0c4171;
    background-color: #ffffff;
}

#cookie_pg input,
#gere_content input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#cookie_pg .checkmark,
#gere_content .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    left: 18px;
    border: solid 2px #0c4171;
    background-color: #ffffff;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color 
#gereCookieConsent:hover input ~ .checkmark {
  background-color: #ccc;
}*/

/* When the checkbox is checked, add a blue background 
#gereCookieConsent input:checked ~ .checkmark {
  background-color: #2196F3;
}*/

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#cookie_pg input:checked~.checkmark:after,
#gere_content input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#cookie_pg .checkmark:after,
#gere_content .checkmark:after {
    left: 7px;
    bottom: 16px;
    width: 32.7px;
    height: 20.8px;
    border: solid 2px #0c4171;
    border-width: 2px 2px 0px 0px;
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(45deg);
    transform: rotate(130deg);
}

.pt_fonctionnel {
    padding-top: 144px;
}

.pt_requis {
    padding-top: 98px;
}

/*.btn_save {
    padding-top: 120px;
    margin-left: 33%;
    margin-right: 18%;
    padding-bottom: 30px;
}*/

.save-cookie {
    padding-left: 28px;
    display: inline-flex;
    border-radius: 42px;
    border: solid 2px #0c4171;
    width: 302px;
    height: 66px;
    background-color: #0c4171;
}

.save-cookie h6 {
    width: 103px;
    height: 28px;
    font-family: SegoeUI;
    font-size: 21px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 16px 45px 16px 45px;
}

.save-cookie .ellipse-cookie {
    border-radius: 50%;
    width: 65px;
    height: 66px;
    opacity: 0.8;
    background-color: #3e678d;
    /* margin-left: 4px; */
    position: relative;
    bottom: 2px;
    float: right;
    right: -103px;
}

.save-cookie .ellipse-cookie img {
    margin-top: 18px;
    margin-left: 18px;
    width: 29px;
    height: 29px;
    object-fit: contain;
}

.pt_bt {
    padding-top: 14px;
}

#cookie_pg,
#gere_content {
    padding-top: 30px;
}

/* End gerer cookies */

@media (max-width: 1799px) {
    #cookieConsent .title_cookies {
        width: 600px;
        height: 53px;
        font-size: 40px;
    }

    #cookieConsent {
        width: 529px;
        height: 419px;
        top: 19%;
    }

    #cookieConsent .text_cookies {
        width: 483px;
        height: 128px;
        font-size: 14px;
    }

    .btn-cookie {
        padding-top: 30px;
        margin-left: 21%;
        margin-right: 14%;
        padding-bottom: 23px;
    }

    .accepte-cookie {
        padding-left: 21px;
        width: 227px;
        height: 50px;
    }

    .accepte-cookie h6 {
        width: 145px;
        height: 21px;
        font-size: 16px;
        padding: 12px 0;
    }

    .ellipse-cookie {
        width: 49px;
        height: 50px;
        right: -9px;
    }

    .ellipse-cookie img {
        margin-top: 14px;
        margin-left: 14px;
        width: 22px;
        height: 22px;
    }

    .gere-cookie {
        padding-left: 38px;
        width: 227px;
        height: 50px;
    }

    .gere-cookie h6 {
        width: 121px;
        height: 21px;
        font-size: 16px;
        padding: 12px 0;
    }

    .ellipse-gerecookie {
        width: 49px;
        height: 50px;
        right: -15px;
    }

    .ellipse-gerecookie img {
        margin-top: 14px;
        margin-left: 14px;
        width: 22px;
        height: 22px;
    }

    #gereCookieConsent {
        width: 787px;
        height: 700px;
        padding-left: 35px;
    }

    #gereCookieConsent .title_gerecookies {
        width: 425px;
        height: 53px;
        font-size: 40px;
    }

    #gereCookieConsent .suivi {
        width: 654px;
        height: 22px;
        font-size: 14px;
    }

    .pt_fonctionnel {
        padding-top: 108px;
    }

    #cookie_pg input.c_marketing,
    #cookie_pg input.c_fonctionnel,
    #cookie_pg input.c_requis,
    #gere_content #c_marketing,
    #gere_content #c_fonctionnel,
    #gere_content #c_requis {
        width: 29px;
        height: 29px;
    }

    #cookie_pg .checkmark,
    #gere_content .checkmark {
        width: 29px;
        height: 29px;
    }

    #cookie_pg h6,
    #gere_content h6 {
        font-size: 18px;
    }

    .pt_requis {
        padding-top: 74px;
    }

    #cookie_pg .checkmark::after,
    #gere_content .checkmark::after {
        width: 24px;
        height: 16px;
        left: 5px;
        bottom: 12px;
    }

    .pt_bt {
        padding-top: 7px;
    }

    #closeCookieConsent,
    #gereCloseCookieConsent {
        width: 24px;
        height: 24px;
    }

    .save-cookie {
        padding-left: 21px;
        width: 227px;
        height: 50px;
    }

    .save-cookie h6 {
        width: 177px;
        height: 21px;
        font-size: 16px;
        padding: 12px 34px 12px 34px;
    }

    .save-cookie .ellipse-cookie img {
        margin-top: 14px;
        margin-left: 14px;
        width: 22px;
        height: 22px;
    }

    .save-cookie .ellipse-cookie {
        width: 64px;
        height: 50px;
        right: -1px;
    }

    #cookie_pg,
    #gere_content {
        padding-top: 15px;
    }
}


/* Modal bootstrap cookie*/
/*#basicCookie {
    padding-top: 12vh;
}*/

#basicCookie .modal-dialog {
    max-width: 700px;
}

#basicCookie .modal-header,
#basicCookie .modal-body {
    margin-left: 15px;
    margin-right: 15px;
}


#basicCookie .modal-header {
    margin-top: 10px;
}

#basicCookie #closeCookieConsent {
    position: absolute;
    right: 40px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 1.5;
    cursor: pointer;
}

#basicCookie .title_cookies {
    width: 228px;
    height: 71px;
    font-family: Poppins Bold;
    font-size: 54px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
}

#basicCookie .text_cookies p {
    font-family: Poppins Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
}

#basicCookie .text_cookies p.s_p {
    top: -14px;
    position: relative;
}

#basicCookie .modal-content {
    background-clip: initial;
    border: 1px solid #fff;
    border-radius: 32px;
}

#basicCookie .modal-footer {
    border-top: none;
    top: -40px;
    position: relative;
    margin: 0 auto;
}

#basicCookie .modal-header {
    border-bottom: none;
}

/* Modal bootstrap cookie*/

/* Modal bootstrap gere cookie*/
/*#gereBasicCookie {
    top: 10%;
}*/

#gereBasicCookie #gereCloseCookieConsent {
    position: absolute;
    right: 40px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 1.5;
    cursor: pointer;
}

#gereBasicCookie .modal-dialog {
    max-width: 1049px;
}

#gereBasicCookie .modal-header {
    margin-left: 22px;
    margin-right: 22px;
    margin-top: 10px;
}

#gereBasicCookie .modal-content {
    background-clip: initial;
    border: 1px solid #ffffff;
    border-radius: 32px;
}

#gereBasicCookie .title_gere {
    width: 567px;
    height: 71px;
    font-family: Poppins Regular;
    font-size: 54px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
}

#gereBasicCookie .title_gere strong {
    font-family: Poppins Bold;
}

#gereBasicCookie .modal-footer {
    border-top: none;
    top: -40px;
    position: relative;
    bottom: 10px;
}

#gereBasicCookie .modal-header {
    border-bottom: none;
}

#gereBasicCookie .pt_fonctionnel {
    padding-top: 24px;
    padding-bottom: 24px;
}

#gereBasicCookie .suivi {
    font-family: Poppins;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0c4171;
}


#gereBasicCookie .modal-header {
    margin-left: 22px;
}

#gereBasicCookie .modal-body {
    margin-left: 22px;
    margin-right: 30px;
}

#gereBasicCookie .btn_save {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 35px;
}

#gereBasicCookie .souhait {
    top: -10px;
    position: relative;
}

.modal {
    overflow-y: scroll;
}

/* Modal bootstrap gere cookie*/

#special-cookies.hidden-element {
    display: none;
}

#special-cookies.hidden-element {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(12, 65, 113, 0.2);
}

#s2_slick .slick-list {
    margin-top: 393px;
}

.specs_proprieties .save-ps {
    width: 257px;
    margin-left: 40px;
}

.specs_permanant .save-ps {
    width: 257px;
    margin-left: 40px;
}

.specs_proprieties .save-ps {
    height: 66px;
    border-radius: 42px;
    background-color: #0c4171;
    border: solid 2px #0c4171;

}

.slick-slide .specs_proprieties img,
.slick-slide .specs_permanant img {

    display: block;
    position: relative;
    top: 18px;
    left: 18px;
    width: 29px;

}

.permanant p:not(.btn_private_space) {
    text-align: center;
}

div.permanant._section2_admin_form {
    background-color: initial;
}

body._no_overflow {
    overflow: hidden !important;
}

form#_form_subscribe {
    z-index: 10;
    position: relative;
}

@media screen and (max-width: 1367px) {

    #_s2_slick ._s2_content ._s2_desc,
    #_s2_slick ._s2_content ._s2_desc * {
        font-size: 14px !important;
    }

    #_s2_slick ._s2_content h1._s2_title {
        line-height: 40px;
    }
}

nav.navbar>._s_cnt {
    padding-right: 0px;
}

nav.navbar li.nav-item,
nav.navbar li.nav-item a {
    display: flex;
    align-items: center;
    justify-content: center;
}

#principale_load {
  background-color: #fff !important;
}


#overlay {
    position: fixed;
    top: 0;
    z-index: 999999999;
    display: none;
    background: #fff;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#overlay img {
    width: 150px;
    position: fixed;
    top: 45%;
    left: calc(50% - 75px);
}

.loader_container {
    height: 40px;
}

.balio-loader {
    width: 140px;
    position: relative;
    top: -50px;
    left: calc(50% - 75px);
}

.documents-finals {
    position: relative;
    min-height: 50px;
}

.documents-finals-loader {
    width: 100px;
    position: absolute;
    top: -40px;
    left: calc(50% - 50px);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 60px;
    height: 60px;
    border: .25em solid currentColor;
    border-right-color: transparent;
    color: #28a745;
    border-radius: 50%;
    animation: sp_anime 0.8s infinite linear;
}

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

.is-hide {
    display: none;
}

._search_address {
    width: 70ch !important;
}

/*Disabling element*/
.disabled-element {
    filter: grayscale(80%) opacity(0.5);
    cursor: not-allowed;
}

/* ======= FLOATING PREGRESSION ========= */

.progress-floating ._row_percent {}

.progress-floating ._row_percent ._percent {
    width: 350.6px;
    height: 82.3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    display: flex;
    right: unset;
    border-radius: 14px;
    position: relative !important;
    margin-left: auto;
    margin-right: 0 !important;
    padding: 0 25px;
}

.progress-floating ._row_percent ._percent ._progress_bg,
.progress-floating ._row_percent ._percent ._progress_gris {
    height: 24px;
    border-radius: 50px;
    background-color: #EBEBEB;
    display: flex;
    top: 0;
    position: relative;
    left: 0;
    max-width: unset;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
}

.progress-floating ._row_percent ._percent ._progress_bg ._progress_fg,
.progress-floating ._row_percent ._percent ._progress_gris ._progress {
    width: 0%;
    height: 24px;
    border-radius: 50px;
    background-color: #12c890;
    display: flex;
    position: absolute;
}

.progress-floating ._row_percent ._percent ._progress_val,
.progress-floating ._row_percent ._percent ._number_cent {
    width: 106px;
    height: auto;
    font-family: Poppins Bold;
    font-size: 33px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: unset;
    letter-spacing: normal;
    text-align: center;
    color: #12c890;
    display: inline-block;
    right: 0;
    position: relative;
    top: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 8px;
}

.progress-floating ._row_tab_contents {}

.progress-floating ._row_tab_contents ._tab_contents {
    position: relative;
    top: unset;
    width: 350px;
    min-height: 210px;
    z-index: 100;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffff;
    display: inline-block;
    border-radius: 14px;
    right: unset;
    margin-left: auto;
    margin-right: 0 !important;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
    padding: 20px 0;
}

.progress-floating ._row_btn_pause_progress {
    margin-top: unset;
    margin-bottom: unset;
    padding-bottom: 20px;
}

.progress-floating ._row_btn_pause_progress ._col_btn_pause_progress {
    margin: auto;
    position: relative;
    display: block;
}

.progress-floating ._row_btn_pause_progress ._col_btn_pause_progress .btn_pause_progress {
    font-family: Poppins;
    line-height: 27px;
    font-size: 16px;
    border: solid 2px #12C890;
    border-radius: 30px;
    padding: 5px 27px 5px;
    display: block;
    cursor: pointer;
    width: 100%;
    min-width: 200px;
    color: #fff;
    text-align: center;
    background-color: #12C890;
}

.progress-floating ._row_btn_pause_progress ._col_btn_pause_progress .btn_pause_progress:hover {
    font-family: Poppins;
    border: solid 2px #0c4171;
    color: #0b3d6b;
    background-color: #fff;
}

/* ======= FLOATING PREGRESSION ========= */

/* ====== Standard class ============= */
._dsp_flex {
    display: flex;
}

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

/* ====== Standard class ============= */

._alert {
    color: red !important;
}

/*css input number*/

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button {
    -o-appearance: none;
    margin:0
}

@media (min-width: 1367px) {
    .col-lg-2 {
        -ms-flex: 0 0 11.666667%;
        flex: 0 0 11.666667%;
    }
}

.position-rel{
    position: relative !important;
}

.height-0 {
    height: 0px;
}

.body-container {
    min-height: calc(100vh - 358px);
}

@media (min-width: 1700px) {
    .body-container {
        min-height: calc(100vh - 355px);
    }
}

@media (max-width: 1200px) {
    .body-container {
        min-height: calc(100vh - 310px);
    }
}

.body-container  {
    display: relative;
}

/**
 * navbar nav-item.warning
 */
nav.navbar li.nav-item.warning a::after {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    background-position: center 5px;
    background-repeat: no-repeat;
    background-color: #fc0;
    background-size: 16px auto;
    background-image: url("/assets/svg/62d02e60c2d92.svg");
}

@media (max-width: 1500px) {
    nav.navbar li.nav-item.warning a::after {
        width: 22px;
        height: 22px;
        background-position: center 5px;
        background-size: 12px auto;
    }
}
/**
 * navbar nav-item.warning
 */