/***************************************************************************************************************************|
                                                             Actualites                                                   **|
****************************************************************************************************************************/

/*@import url('style.css');*/


/**************************************************************************************************************************|
                                                            Banniere                                                     **|
***************************************************************************************************************************/


section.wrapper-banniere {
    background-image: url(../images/bg/bg-banner.png);
    background-position: 53% 9px;
    background-repeat: no-repeat;
    background-size: auto;padding: 40px 0 0;
}

.banniere {}


.wrap-banner.row-container > * {}

.wrap-banner.row-container {justify-content: space-between;}

.card_left {
    width: 50%;
}

.card_right {
    width: 50%;
}

h2.banner-title {
    color: #1C2654;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.texte-banner {
    color: #1c2654;
    font-size: 23px;
    line-height: 1.5em;
    display: block;
    margin-bottom: 40px;
width: 500px;}

.banner-button-wrapper {
    display: flex;
    align-items: center;
}

a.banner-button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #01B88E;
    border: 2px solid #01b88e;
    border-radius: 50px 50px 50px 50px;
    padding: 20px 40px;
    line-height: 1;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

a.banner-button.style1 {}

a.banner-button.style2 {
    fill: #01a876;
    color: #01a876;
    background-color: rgba(255,255,255,0);
    border-color: #01b88e;
}

a.banner-button.style1:hover {
    background-color: #1C2654;
    border-color: #1C2654;
}

a.banner-button.style2:hover {
    background-color: #01B88E;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #01b88e;
    border-radius: 50px 50px 50px 50px;
    padding: 20px 40px;
    line-height: 1;
    color: #fff;
}



/**************************************************************************************************************************|
                                                         A Propos                                                        **|
***************************************************************************************************************************/






/**************************************************************************************************************************|
                                                         Chiffres Cles                                                   **|
***************************************************************************************************************************/



/* CHOFRES CLES style 1*/

/*.wrapper-chiffres-cles {
    padding: 80px 0px 80px;
}

.wrap-chiffres-cles {
    justify-content: space-between;
}

.item-chiffre {
    width: 25%;
    padding: 0 15px;
}

.wrap-item-chiffre {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 25px 35px 40px 35px;
    background: #fa360a0f;
    clip-path: polygon(15% 0%, 100% 0, 100% 20%, 100% 74%, 85% 100%, 0 100%, 0% 80%, 0% 25%);
}

.icon-chiffre {
    width: 100%;
    margin-right: 25px;
    display: flex;
    display: none;
    justify-content: center;
}

.icon-chiffre {}

.content-chiffre {}

.titre-chiffre {
    margin: 10px 0;
    line-height: 45px;
    font-weight: 700;
    font-size: 42px;
    color: #1e1e22;
    font-weight: 700;}

.subtitle-chiffre {
    color: #717178;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    line-height: 1.5;
}*/



/* CHOFRES CLES style 2*/

.wrapper-chiffres-cles {
    padding: 80px 0px 40px;
    overflow: hidden;
}

.wrap-chiffres-cles {
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
    border: 1px solid #e4e4ea;
    padding: 46px 0 46px;
    border-radius: 10px;position: relative;overflow: hidden;
}

.item-chiffre {
    width: 25%;
    padding: 0 15px;
    position: relative;
}

.wrap-item-chiffre {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.icon-chiffre {
    width: 100%;
    /* margin-right: 25px; */
    display: flex;
    justify-content: center;
}

.icon-chiffre img {
    width: 55px;
    height: 55px;
}

.content-chiffre {}

.titre-chiffre {
    margin: 10px 0;
    line-height: 40px;
    font-size: 23px;
    color: #1e1e22;
    font-weight: 700;
    
    margin-top: 7px;text-align: center;}

.subtitle-chiffre {
    color: #717178;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    line-height: 1.5;
}

.item-chiffre:not(:first-child)::before {
    position: absolute;
    top: 1px;
    left: 0;
    bottom: 11px;
    content: "";
    width: 1px;
    background-color: #e4e4ea;
}

.wrap-chiffres-cles:after {
    content: "";
    position: absolute;
    bottom: -124px;
    left: -55px;
    height: 185px;
    width: 185px;
    background-color: #01b88e;
    border-radius: 50%;z-index: 0;
}



/**************************************************************************************************************************|
                                                         Bloc apropos                                                        **|
***************************************************************************************************************************/


.wrapper-bloc-bas-apropos {
    padding: 30px 0 50px;
}

.wrap-apropos {justify-content: center;}

.left-bas-apropos {
    width: 45%;
    padding: 0 15px;
}

.wrap-left-bas-apropos {
    display: block;
}

.right-bas-apropos {
    width: 47%;
    padding: 0 15px;
}

.image-right {
    padding: 30px;
}

.image-right img {}

h4.subtitle.style1 {
    display: inline-flex;
    align-items: center;
    color: #01b88e;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

span.title-bar1 {
    width: 15px;
    height: 4px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 12px;
    border-radius: 10px;
}

span.title-bar2 {
    width: 34px;
    height: 4px;
    display: inline-block;
    border-radius: 10px;
}

.title-bloc {
    margin-bottom: 10px;
    color: #1c2654;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3em;
}

.section-content {
    font-weight: 400;
    color: #515a83;
    font-size: 17px;
    /* line-height: 1.4em; */
line-height: 1.5;}



/***************************************************************************************************************************|
                                                             Bloc formulaire                                                   **|
****************************************************************************************************************************/


.wrap-bloc-form.row-container {
    align-items: unset;
}

.content-bloc-form {
    width: 70%;
    padding: 0 15px 0 0;
}

.right-page {
    width: 100%;
    position: sticky;
    top: 20px;
    border: 1px solid #efefef;
}

.wrap-right-page {
    box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 7%);
    padding: 20px; 
}

.scroll {
    overflow-y: hidden;
}

.content_field_input {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.content_field_input .inputfield {
    width: 100%;
    position: relative;
    margin-bottom: 11px;
}

select.class_in.select {
    color: #222222;
    padding-left: 20px !important;
    font-size: 16px;
    line-height: 28px;
    width: 100%;
    background: #fff;
    padding: 17px 30px 17px 27px;
    border-radius: 10px;
    border: 1px solid #e4ebf0;
    /*font-family: 'Comfortaa', cursive;*/
}

.doble-fields {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.doble-fields .inputfield.civilite {
    width: 65%;
}

.doble-fields .inputfield {
    width: 30%;
}

.search_btn {
    background-color: #00c99c;
    color: #ffffff;
    /*font-family: 'Comfortaa', cursive;*/
    height: 56px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.2s ease;
    cursor: pointer;
    border: none;
    position: relative;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.search_btn:hover {
    background: #1d2755;
}

span.iconbtn_search {
    display: flex;
    height: 100%;
    align-items: center;
    transition: 0.2s ease;
}

span.iconbtn_search svg {
    stroke: #ffffff;
    width: 24px;
}

input.class_in {
    padding-left: 20px !important;
    color: #222222;
    font-size: 16px;
    width: 100%;
    background: #fff;
    padding: 17px 30px 17px 27px;
    border-radius: 10px;
    border: 1px solid #e4ebf0;
    font-family: 'Comfortaa', cursive;
    padding: 17px 30px 17px 27px;
}

span.textbutton {
    display: none;
}



/* ***************************************************************************** */


section.main_section {
    width: 100%;
    padding: 45px 0 40px;
}

.row_section {}

.content_section {
    position: relative;
    display: none;
    box-shadow: rgb(0 0 0 / 16%) 0px 0px 6px;
    padding: 20px 20px;
    justify-content: space-between;
}

.content_flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.bloc_left {
    width: 100%;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
}

.bloc_right {
    width: 30%;
    position: relative;
    padding: 26px 0 0 15px;
}

.card_graphe {
    width: 100%;
}

.container_resultat_top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2em;
}

.container_other_form_search {
    position: relative;
    width: 100%;
}

.container_select_filter {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    width: 48.5%;
    flex-direction: column;
}

.filter_select {
    height: 40px;
    padding: 0 30px 0 15px;
    color: #000;
    border-radius: 10px;
    border: 1px solid #e4ebf0;
    position: relative;
    margin-left: 0;
    margin-top: 5px;
    width: 100%;
}

[aria-label][data-balloon-pos]:after {
    /*font-family: 'Comfortaa', cursive !important;*/
}

.contentelement_tabs .content_section:nth-child(1) {
    display: flex;
}


.contentbtn_tabs {
    width: 100%;
    max-width: 85%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.btntabs {
    border: none;
    padding: 5px 18px;
    margin-right: 5px;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
    cursor: pointer;
    background: #f2f2f2;
}

.btntabs.active {
    background: #1d2755;
    color: #fff;
}


.contentelement_tabs {
    /* width: 70%; */
    /* padding: 0 15px 0 0; */
}

/**************************************************************************************************************************|
                                                         Process                                                         **|
***************************************************************************************************************************/



/**************************************************************************************************************************|
                                                      Partenaires                                                        **|
***************************************************************************************************************************/


.conteneur-partenaire {
    padding: 30px 0 30px;
    position: relative;
    display: block;
    background: #f6f9fb;
}

.partenaire {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.wrap-partenaire {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:  15px;
    margin: 15px auto;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    background-color: #ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    box-sizing: border-box;
    max-width: 100%;
    width: 85%;
}

.wrap-partenaire img {
    filter: grayscale(1);
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    max-height: 65px;
}

.partenaire .nav-btn {
    background: #00c99c;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.partenaire .nav-btn:hover {
    background: #1d2755;
}

.partenaire .nav-btn.next-slide {
    right: -55px;
}

.partenaire .nav-btn.prev-slide {
    left: -55px;
}