/*
AXIOME - Blocs & Pages
*/

/********************/
/****** HEADER ******/
/********************/

/*** Header TOUTES PAGES ***/
#header {
    position: relative; /* pour le filtre */
    overflow: hidden;
    padding-top: 30px;
    border-radius: 0 0 20px 20px;
}
/* Couleur */
#header.header_color {
    background-color: var(--bleu);
}
/* Vidéo */
#header .header_background_video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
#header.header_video::after {
    position: absolute;
    content: "";
    display: block;
    inset: 0;
    background: linear-gradient(
        0deg,
        rgba(24, 72, 84, 0.70) 0%,
        rgba(24, 72, 84, 0.70) 100%
    );
    pointer-events: none;
    z-index: 1;
}
/* Image */
#header.header_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header_container {
    position: relative; /* contenu au-dessus du filtre */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 3;
}
#logo {
    position: relative;
    display: block;
    width: 208px;
    height: 50px;
    padding-top: 5px;
    margin-right: 38px;
}
#logo img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#logo a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.header_content {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    gap: 13px;
}
#navtop {
    flex: 1;
}
#navtop ul {
    position: relative; /* pour la position du sous-menu */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 50px;
    background-color: var(--wh);
    border-radius: var(--rad20);
}
#navtop ul li {
    position: static; /* pour que le sous-menu prenne la largeur du ul parent */
    padding: 10px 0 0;
}
#navtop ul li:has(ul) {
    padding-right: 28px;
}
#navtop ul li:hover {
    /*padding-right: 28px;*/
}
#navtop ul li:hover > a {
    font-weight: 600;
}
#navtop ul li a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: 8px 0 18px;
    text-decoration: unset;
    text-align: center;
    color: var(--bleu_f);
    transition: all 0.3s ease;
}
#navtop ul li:has(a:hover) {
    font-weight: 600;
}
#navtop ul li a:hover {
    font-weight: 600;
    padding: 8px 0 18px;
    transition: all 0.3s ease;
}
#navtop ul > li:hover > ul {
    display: block;
}
#navtop ul li:has(ul) a:after {
    position: absolute;
    content: '';
    display: block;
    width: 18px;
    height: 15px;
    top: 8px;
    right: -28px;
    background: url("../img/arrow_v_large.svg") no-repeat center;
}

/* "déco" menu 1er niveau */
#navtop ul li.wpml_btn {
    position: relative; /* pour le :before du wpml_btn */
    padding-left: 15px;
}
#navtop ul li.wpml_btn:before {
    position: absolute;
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url("../img/wpml_picto_world.svg") no-repeat center;
}
#navtop ul li.wpml_btn a {
    padding-right: 11px;
}
#navtop ul li.wpml_btn a:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 5px;
    top: 13px;
    right: 0;
    background: url("../img/arrow_v_small.svg") no-repeat center;
}


/*** SOUS-MENU ***/
#navtop ul ul {
    position: absolute;
    display: none;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 8%;
    box-sizing: border-box;
    padding: 25px 50px;
    top: calc(100% + 7px); /* 7px sous le ul principal */
    left: 0;
    right: 0;
    background-color: var(--wh);
    border-radius: var(--rad20);
    z-index: 100;
}
/* Pont invisible entre le menu et le sous-menu */
#navtop ul ul::before {
    position: absolute;
    content: '';
    display: block;
    top: -7px;
    left: 0;
    right: 0;
    height: 7px;
}
#navtop ul li:hover ul {
    display: grid;
    /*justify-content: flex-start;*/
}
#navtop ul ul li {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 6px;
    break-inside: avoid; /* empêche un item d'être coupé entre deux colonnes */
}
#navtop ul ul li:hover {
  padding-right: 0;
}
#navtop ul ul li a {
    font-family: 'Work', sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 9px;
    margin-bottom: 5px;
    text-align: left;
    color: var(--gris);
}
#navtop ul ul li a:hover {
    padding: 0 0 9px;
    text-decoration: underline;
    color: var(--bleu);
}
#navtop ul ul li a,
#navtop ul ul li:hover > a,
#navtop ul ul li a:hover {
    font-weight: 400;
}
#navtop ul ul li a:after,
#navtop ul ul li.wpml_btn:before,
#navtop ul ul li a.wpml_btn:after {
    display: none;
}

/*** NAVTOP BTN ***/
/******************/
#navtop_bt {
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    top: 15px;
    right: 24px;
    cursor: pointer;
    z-index: 888;
}
#navtop_bt.bt_navtop_hover {
    background-color: var(--white);
}
.navtop_bt_span {   /* couleur de mes barres horizontales */
    position: relative;
    display: block;
    width: 15px;
    height: 2px;
    margin: 3px 0;
    background: var(--bleu_tf);
}
.bt_navtop_hover .navtop_bt_span:first-of-type {
    transform: rotate(-45deg);
    top: 3px;
    background-color: var(--bleu_tf) !important;
}
.bt_navtop_hover .navtop_bt_span:nth-child(2) {
    display: none;
}
.bt_navtop_hover .navtop_bt_span:last-of-type {
    transform: rotate(45deg);
    top: -2px;
    background-color: var(--bleu_tf) !important;
}
.bt_navtop_hover .navtop_bt_span {
    background: none;
    transition: all 0.3s;
}
/* Fond rond jaune */
#navtop_bt:before {
    position: absolute;
    content: '';
    display: block;
    width: 55px;
    height: 55px;
    top: -20px;
    left: -19px;
    background-color: var(--jaune);
    border-radius: var(--rad90);
}



/*** Header HOME ***/
/*******************/
.header_home_titles_container {
    position: relative; /* pour passer SUR le filtre */
    display: block;
    margin-top: 150px;
    margin-bottom: 136px;
    z-index: 2;
}
.header_home_titles_container .classic_title_h2_jaune_jaune {
    padding-left: 81px;
    margin-bottom: 10px;
}
.header_title_container {
    position: relative; /* pour passer SUR le filtre */
    display: block;
    margin-top: 134px;
    margin-bottom: 54px;
    z-index: 2;
}
.classic_title_h1_home {
    margin-left: 81px;
    color: var(--wh);
}


/********************/
/****** FOOTER ******/
/********************/
.footer_container {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    column-gap: 20px;
    box-sizing: border-box;
    padding: 48px 94px 48px 115px;
    background-color: var(--bleu);
    border-radius: var(--rad20);
}

/* colonne 01 */
.footer_col_01 {
    position: relative; /* pour la section footer_btn_rs, à ferrer en bas du bloc */
    justify-self: stretch;
    padding-bottom: 48px; /* pour le bloc RS */
}
.footer_logo_rs {
    display: block;
    width: 208px;
    height: 50px;
    margin-bottom: 25px;
}
.footer_logo_rs img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.footer_adress_n_tel {
    display: block;
    margin-bottom: 38px;
}
.footer_adress_container {
    position: relative; /* pour le lien Google Maps */
    width: fit-content;
}
.footer_adress {
    display: block;
    line-height: 23px;
    color: var(--wh);
    transition: all 0.3s ease;
}
.footer_adress_container a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.footer_tel {
    display: block;
    width: fit-content;
}
.footer_tel a {
    line-height: 23px;
    text-decoration: none;
    color: var(--wh);
    transition: all 0.3s ease;
}
.footer_adress_container:hover .footer_adress,
.footer_tel a:hover {
    color: var(--jaune);
    transition: all 0.3s ease;
}
.footer_btn_n_rs {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    bottom: 0;
    left: 0;
}
.footer_contact_btn {
    display: block;
    width: fit-content;
    margin-right: 30px;
}
.footer_rs_link {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border: 1px solid var(--bleu_f);
    border-radius: var(--rad90);
    transition: all 0.3s ease;
}
#footer_link_linkedin {
    background: url('../img/linkedin.svg') no-repeat center, var(--bleu_f);
}
#footer_link_youtube {
    background: url('../img/youtube.svg') no-repeat center, var(--bleu_f);
}
.footer_rs_link:hover {
    border: 1px solid var(--wh);
    transition: all 0.3s ease;
}

/* colonne 02 */
.footer_col_02 {
    border-top: 1px solid #6A9EAC;
}
.footer_col_02 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.footer_col_02 ul li {
    display: block;
    width: 100%;
    padding-bottom: 4px;
}
.footer_col_02 ul li:first-child {
    margin-top: 20px;
}
.footer_col_02 ul li a {
    line-height: 25px;
    text-decoration: none;
    color: var(--bleu_tc);
    transition: all 0.3s ease;
}
.footer_col_02 ul li a:hover {
    color: var(--jaune);
    transition: all 0.3s ease;
}

/* colonne 03 */
.footer_col_03 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-self: stretch;
    gap: 20px;
}
.footer_col_03 a.footer_logo,
.footer_col_03 .footer_logo_pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 188px;
    height: 133px;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #6A9EAC;
    border-radius: var(--rad20);
}
.footer_col_03 a.footer_logo img {
    width: 100%;
    height: 100%;
}
.footer_col_03 .footer_logo_pic {
    object-position: center;
    object-fit: contain;
}
.footer_col_03 a.footer_logo:hover {
    border: 1px solid var(--bleu_tc);
    transition: all 0.3s ease;
}


/*** LEGALS ***/
/**************/
.footer_legals {
    display: block;
    box-sizing: border-box;
    padding: 13px;
    border-radius: var(--rad20);
    background: var(--gris_mc);
}
.footer_legals ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer_legals ul li {
    position: relative; /* pour les :after points séparateurs */
    padding: 0 8px;
}
.footer_legals ul li:after {
    position: absolute;
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: var(--bleu_f);
    border-radius: var(--rad90);
}
.footer_legals ul li:last-of-type::after {
    display: none;
}
.footer_legals ul li a {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}


/******************/
/*** Breadcrumb ***/
/******************/
#breadcrumb {
    margin-bottom: 31px;
}
#breadcrumb_content {
    display: block;
    line-height: 19px;
    padding: 10px 30px;
}
.breadcrumb_item {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
}
.breadcrumb_item a {
    position: relative;
    font-size: 12px;
    line-height: 28px;
    padding-right: 5px;
    text-decoration: none;
    color: var(--bleu);
}
.breadcrumb_item:not(:first-of-type) a {
    padding-left: 5px;
}
.breadcrumb_item:last-of-type {
    font-size: 12px;
    font-weight: 600;
    color: var(--bleu_f);
}
.breadcrumb_item:not(:last-of-type):after {
    content: '';
    display: inline-block;
    width : 11px;
    height : 9px;
    background: url("../img/arrow_simple_breadcrumb.svg") no-repeat center;
}
.breadcrumb_item a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--bleu);
    transform-origin: bottom left;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
.breadcrumb_item a:hover::after {
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.3s ease;
}


/********************/
/******* BLOCS ******/
/********************/

/*** Bloc CTA ***/
.bloc_cta_container {
    display: block;
    box-sizing: border-box;
    padding: 38px 137px 40px;
    background-color: var(--bleu);
    border-radius: var(--rad20);
}

/*** Bloc ONGLETS ***/
.bloc_onglets_content {
    width: 100%;
    margin: 0 !important;
    max-width: unset;
}
.bloc_onglets_intro {
    max-width: 710px;
    margin-left: 0 !important;
}
.bloc_onglets_intro p {
    margin-left: 86px !important;
}
.bloc_onglets .wp-block-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 33px 123px;
}
.bloc_onglets .wp-block-tab-list {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--bleu_tc);
    border-radius: var(--rad20);
    overflow: hidden;
}
.bloc_onglets .wp-block-tab-list button {
    position: relative;
    display: block;
    font-size: 20px;
    width: 100%;
    padding: 27px 29px;
    text-align: left;
    color: var(--bleu_f);
    border-bottom: 1px solid var(--bleu_tc);
    transition: all 0.3s ease;
}
.bloc_onglets .wp-block-tab-list button[aria-selected="true"] {
    background-color: var(--jaune);
}
.bloc_onglets .wp-block-tab-list button:before {
    display: none;
}
.bloc_onglets .wp-block-tab-panels {
    display: block;
    width: 396px;
}
/* Spécificités pour la page Home (front-page.php) : */
.home .bloc_onglets .space.space_45_70{
    display: none;
}
.home .bloc_onglets .bloc_onglets_content {
    background-color: unset !important;
}
.home .bloc_onglets .wp-block-tab-list button[aria-selected="true"] {
    background-color: var(--jaune_c);
}
.home .bloc_onglets .wp-block-tab-list button:hover {
    background-color: var(--jaune);
}


/*** Bloc IMAGE SEULE ***/
.bloc_image_seule img {
    max-height: 400px;
    object-position: center;
    object-fit: cover;
}

/*** Bloc AVANTAGES ***/
.single_avantage {
    margin-block-start: 0;
    border-bottom: 1px solid var(--bleu_tc);
}
.single_avantage:last-child {
    border-bottom: none;
}
.bloc_avantages_pic {
    margin-left: 28px !important;
}
.bloc_avantages_pic figure {
    height: 100%;
}
.bloc_avantages_pic img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--rad20);
}

/*** Bloc REMONTÉE SECTEURS ***/
.bloc_remontee_secteurs {
    border-radius: 0 0 var(--rad20) var(--rad20);
}
.bloc_marches_intro p {
    margin-left: 84px !important;
}

/*** Bloc ACCOMPAGNEMENT ***/
.bloc_accomp {
    position: relative; /* pour le before gradient */
    box-sizing: border-box;
    padding: 0 94px 0 74px;
}
.bloc_accomp:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(24, 72, 84, 0.70);
    border-radius: var(--rad20);
    z-index: 1;
}
.bloc_accomp_intro,
.bloc_accomp_grille {
    position: relative;
    z-index: 2;
}
.bloc_accomp_intro p {
    margin-left: 84px !important;
}
.bloc_accomp_grille {
    gap: 20px;
}
.single_accomp {
    min-height: 144px;
    box-sizing: border-box;
    padding: 30px 30px 23px;
}
.bloc_accomp .classic_btn {
    position: relative;
    z-index: 2;
}

/*** Bloc FAQ ***/
.bloc_faq .wp-block-accordion-item {
    margin-top: 0 !important;
}
.bloc_faq .wp-block-accordion-item .wp-block-accordion-heading__toggle {
    padding-top: 19px;
    border-bottom: 1px solid var(--bleu_tc);
}
.bloc_faq .wp-block-accordion-item:first-child .wp-block-accordion-heading__toggle {
    padding-top: 0;
}
.bloc_faq .wp-block-accordion-item:last-child .wp-block-accordion-heading__toggle {
    border-bottom: none;
}
.bloc_faq .wp-block-accordion-item .wp-block-accordion-heading__toggle-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition: all 0.3s;
}
.bloc_faq .wp-block-accordion-item:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
    color: var(--bleu);
    transition: all 0.3s;
}
.bloc_faq .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon {
    font-size: 0;
    width: 15px;
    height: 15px;
    margin-left: 25px;
}
.bloc_faq .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 9px;
    background: url("../img/arrow_simple_breadcrumb.svg") no-repeat center;
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}
.bloc_faq .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease;
}

/*** Bloc TITRE FLECHE & SOUS-TITRE ***/
.pattern_titre_fleche_sous_titre p {
    margin-left: 84px !important;
}


/*** Bloc RÉASSURANCE ***/
.bloc_reassurance .reassur_col_left figure,
.bloc_reassurance .reassur_col_left figure img {
    height: 100%;
}
.bloc_reassurance .reassur_col_right {
    box-sizing: border-box;
    padding: 0 52px 0 83px;
    margin-top: 135px;
}
.bloc_reassurance .single_reassur {
    align-items: baseline;
}
.single_reassur .reassur_title {
    font-size: 16px;
    letter-spacing: 1.6px;
}

/*** Bloc PARTENAIRES - Slider ***/
.bloc_partenaires.has-background {
    box-sizing: border-box;
    padding: 60px 41px;
}
.bloc_partenaires .bloc_partenaires_galerie {
    box-sizing: border-box;
    padding: 0 52px;
}
/* Une seule ligne horizontale */
.myPartnerSlider .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap !important;
}

/*** Si j'ai plus de 5 logos : Slider */
/* Défilement linéaire, sans accélération */
.myPartnerSlider:not(.slider_static) .swiper-wrapper {
    transition-timing-function: linear !important;
}
.bloc_partenaires .single_logo {
    width: 188px;
    height: 133px;
    box-sizing: border-box;
    padding: 24px;
    flex-shrink: 0; /* Chaque logo reste dans sa slide */
    border: 1px solid var(--bleu_tc);
    border-radius: var(--rad20);
}
/* Neutraliser les largeurs natives de Gutenberg */
.myPartnerSlider .single_logo.wp-block-image {
    margin: 0 !important;
}
.bloc_partenaires .single_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center;
}

/*** Bloc APPLICATIONS ***/
.bloc_applications .applications_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.bloc_applications .single_application {
    box-sizing: border-box;
    padding: 0 80px;
}

/*** Bloc ATOUTS ***/
.bloc_atouts .bloc_atouts_content .single_atout {
    box-sizing: border-box;
    padding: 0 30px 0 26px;
}


/*** Page BLOG ***/
/*****************/
/*** SINGLE ACTU CARD ***/
#bloc_single_actu_cards {
    display: block;
    margin-bottom: 100px;
}
#bloc_single_actu_cards ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 54px 20px;
}
#bloc_single_actu_cards ul li {
    position: relative; /* pour le lien <a> */
    width: auto;
    height: auto;
    z-index: 1;
}
#bloc_single_actu_cards ul li .single_actu_pic,
#bloc_single_actu_cards ul li .single_actu_nopic {
    position: relative; /* pour la flèche jaune */
    display: block;
    width: auto;
    aspect-ratio: 1;
    margin-bottom: 20px;
}
#bloc_single_actu_cards ul li .single_actu_nopic {
    background-color: var(--bleu_c);
    border-radius: var(--rad20);
}
#bloc_single_actu_cards ul li .single_actu_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--rad20);
}
#bloc_single_actu_cards ul li .single_actu_pic .classic_btn_yellow_arrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
#bloc_single_actu_cards ul li:hover .single_actu_pic .classic_btn_yellow_arrow {
    background: var(--bleu) url('../../assets/img/arrow_fleche_jaune_c.svg') no-repeat center center;
    transition: all 0.3s ease;
}
#bloc_single_actu_cards ul li a {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

/* PAGINATION */
.blog_pagination {
    margin: 80px 0 100px;
    text-align: center;
}
.blog_pagination .page-numbers {
    position: relative; /* pour le :after underscore */
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    text-decoration: unset;
    padding: 0 8px 0 9px;
    margin: 0 8px;
    border-radius: var(--rad90);
    color: var(--bleu);
}
.blog_pagination .page-numbers.current {
    font-weight: 600;
    color: var(--bleu_f);
}
.blog_pagination .page-numbers:after {
    position: absolute;
    content: '';
    display: block;
    width: 17px;
    height: 1px;
    bottom: 6px;
    right: -17px;
    background-color: var(--bleu);
}
.blog_pagination .page-numbers:last-child::after,
.blog_pagination .page-numbers:has(+ .next)::after,
.blog_pagination .page-numbers.prev,
.blog_pagination .page-numbers.next {
    display: none;
}


/*** Page CONTACT ***/
/********************/
@scope (.bloc_contact) {
    .bloc_contact_infos {
        flex: 0 0 400px !important;
        width: 400px !important;
        height: fit-content;
        box-sizing: border-box;
        padding: 0 65px 0 40px;
    }
    .bloc_contact_infos .bloc_contact_adress {
        display: flex;
        flex-direction: column;
        line-height: 22px;
        text-decoration: unset;
    }
    .bloc_contact_infos .bloc_contact_adress,
    .bloc_contact_infos .bloc_contact_tel {
        line-height: 22px;
        text-decoration: unset;
    }
    .bloc_contact_infos .bloc_contact_adress:hover,
    .bloc_contact_infos .bloc_contact_tel:hover {
        color: var(--bleu);
    }
    .bloc_contact_infos .bloc_contact_adress,
    .bloc_contact_infos .bloc_contact_tel,
    .bloc_contact_infos .kalelia-title-h2-icon,
    .bloc_contact_infos .bloc_rs {
        margin-top: 0;
    }
    .bloc_contact_infos .bloc_rs {
        gap: 10px;
    }
}

.bloc_contact .bloc_contact_form {
    flex: 1 1 0 !important;
    min-width: 0;
    box-sizing: border-box;
    padding: 39px 24px 26px 24px;
    border: 1px solid var(--bleu_c);
    border-radius: 20px;
}
@scope (.bloc_contact .bloc_contact_form) {
    .kalelia-title-h2-icon {
        padding-left: 16px;
    }
    .gform_wrapper .gform_heading {
        display: none;
    }
    @scope(form) {
        .gform_body .gform_fields {
            gap: 20px !important;
        }
        .gform_body .gform_fields .gfield--input-type-name .ginput_container_name {
            gap: 9px !important;
        }
        .gform_body .gfield:not(.gfield--type-consent) .ginput_container input,
        .gform_body .gfield .ginput_container textarea,
        .gform_body .gfield .ginput_container select {
            border-radius: 5px;
            background: var(--bleu_tc);
            border: unset;
            box-shadow: none;
        }
        .gform_body .gfield.gfield--type-submit {
            justify-content: flex-end;
        }
        .gform_body .gfield.gfield--type-submit button {
            position: relative;
            display: block !important;
            font-size: 12px !important;
            font-style: normal !important;
            font-weight: 400 !important;
            line-height: 20px !important;
            letter-spacing: 1.2px !important;
            width: fit-content;
            padding: 18px 25px 17px 42px !important;
            text-transform: uppercase !important;
            color: var(--bleu_tf) !important;
            background-color: var(--jaune) !important;
            border-radius: 90px !important;
            transition: background-color .3s ease !important;
        }
        .gform_body .gfield.gfield--type-submit button:before {
            position: absolute !important;
            content: "" !important;
            display: block !important;
            width: 10px !important;
            height: 1px !important;
            top: 28px !important;
            left: 25px !important;
            background-color: var(--bleu_f) !important;
        }
        .gform_body .gfield.gfield--type-submit button:hover {
            background-color: var(--jaune_f) !important;
            transition: background-color .3s ease !important;
        }

        .gform-footer {
            display: none;
        }
    }
}










/*** 404 ***/
/***********/
#page_404{
display: flex;
flex-wrap: wrap;
padding: 94px 0 94px;
}
#page_404_ill_block{
width: 36.5%;
margin: 0 9.8% 0 0;
}
#page_404_ill_block object{
width: 100%;
max-width: 511px;
height: auto;
margin: auto;
}
#page_404_ill_main{
flex: 1;
padding-top: 53px;
}