/* ========================================================================== */
/* MENU */
/* ========================================================================== */
.d-flex {display: flex;}
.align-items-center{align-items: center;}
.justify-content-center{justify-content: center; align-items: center;}

.menu {display: flex; width: 100%; height: 49px; justify-content: center; }
.menu-lang-tel {margin-right: 25px;}

/* PARENT */
.menuPrincipal-container {list-style: none; padding-inline-start: 0px;}
    .itemParent{list-style: none; margin-bottom: 0px; position: relative;}
    .itemParent{margin-left: 13px;}
    .menu-lang-tel .itemParent{margin-left: 13px;}
        .lienParent {font-size: 16px; letter-spacing: -0.5px; color: #234D70; text-decoration: none;}
            .titreParent {display: flex; align-items: center; height: 24px;}
                .titreParent i {margin-left: 10px;}
                .titreParent svg {height: 17px;}
        
    
/* ENFANT */
.sousMenu {border-radius: 10px 10px 10px 10px; visibility: hidden; opacity: 0; position: absolute; padding: 60px 60px 40px 60px; background-color: #FFF; left: 50%; transform: translate(-50%); top: 35px;  box-shadow: 0px 0px 15px 0px #ccd9e4;  transition: top .3s cubic-bezier(.48,.01,.5,.99),opacity .3s cubic-bezier(.48,.01,.5,.99),visibility 1s linear; margin-top: 0.5rem;}
/* .sousMenu.visible { visibility: visible; opacity: 1; top: 120%; pointer-events: auto;} */
.visible { visibility: visible; opacity: 1; top: 120%; pointer-events: auto;}
.menu-lang-tel .sousMenu {padding: 40px 40px 35px 40px;}
.sousMenu.large_sousMenu {width: 440px;}
.sousMenu.small_sousMenu {width: auto;}

    .sousMenu[data-nbCol="2"] {width: 800px;}
        .sousMenu[data-nbCol="2"] .sousMenu-container {display: flex; flex-wrap: wrap;}
            .sousMenu[data-nbCol="2"] .itemEnfant {width: 50%;}
            .sousMenu[data-nbCol="2"] .itemEnfant:nth-child(even) {padding-left: 10px;}
            .sousMenu[data-nbCol="2"] .itemEnfant:nth-child(odd) {padding-right: 10px;}

    .container_arrow {justify-content: center; display: flex; position: absolute; width: 100%; left: 0px; top: -10px;}
        .arrow-up {width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 10px solid white;}
    .sousMenu-container {list-style: none; padding: 0px;}
        .itemEnfant{list-style: none; margin-bottom: 20px;}
        .menu-lang-tel .itemEnfant {margin-bottom: 0px;}
            .contenuEnfant {display: flex; align-items: center;}
                .titreEnfant {color: #234D70;font-family: "Nunito", Sans-serif; font-size: 18px; font-weight: bold;}
                .menu-lang-tel .titreEnfant {min-width: 100px; text-align: center; width: max-content;}
                .menu-lang-tel .itemEnfant:hover .titreEnfant {color: #046499;}
                .imgEnfant, .imgEnfant img {flex: 0 0 67px; margin-right: 20px; height: 67px;}
                    .imgEnfant img {width: 100%;}
                    .itemEnfant .img_hover {display: none;}
                .descEnfant {color: rgb(113, 113, 113); font-size: 14px; line-height: 18px; font-weight: 600;}
                .itemEnfant:hover .descEnfant, .itemEnfant.page_active .descEnfant  {color: #046499;}
                .itemEnfant:hover .titreEnfant, .itemEnfant.page_active .titreEnfant {color: #046499;}
                .itemEnfant:hover .img_base, .itemEnfant.page_active .img_base {display: none;}
                .itemEnfant:hover .img_hover, .itemEnfant.page_active .img_hover {display: block;}

                /* .sousMenu.large_sousMenu{transition: 250ms;} */
                /* .sousMenu.large_sousMenu:hover{transform: translateY(10px) ;} */
                

/* RESPONSIVE */
.menu-bouton-orange a {font-family: "Nunito", Sans-serif; font-weight: 600; text-shadow: 0px 0px 10px rgb(0 0 0 / 30%); color: #FFFFFF; background-color: var( --e-global-color-accent ); border-radius: 10px 10px 10px 10px; padding: 0px 20px 0px 20px; width: max-content; margin: 20px 20px;font-size: 18px;line-height: 2.7em; box-shadow: 0px 0px 20px 0px #ccd9e4;}
    .menu-bouton-orange a:hover {background-color: #F16546 !important; padding: 0px 20px 0px 20px !important; line-height: 2.7em !important;}

.menu-bouton-bleu a {font-family: "Nunito", Sans-serif; font-weight: 600; text-shadow: 0px 0px 10px rgb(0 0 0 / 30%); color: #FFFFFF; background-color: #234D70; border-radius: 10px 10px 10px 10px; padding: 0px 20px 0px 20px; width: max-content; margin: 20px 20px;font-size: 18px; line-height: 2.7em; box-shadow: 0px 0px 20px 0px #ccd9e4;}
    .menu-bouton-bleu a:hover {background-color: #046499 !important; padding: 0px 20px 0px 20px !important; line-height: 2.7em !important;}

.menu-drapeau {display: flex !important; padding: 10px 20px !important; margin-top: 20px !important;}
    .menu-drapeau a {padding: 0px;}
    .menu-drapeau a:hover {padding: 0px !important;}
    .menu-drapeau .drapeau_responsive {width: 50px; margin-right: 20px;}

.menu-responsive nav {padding: 10px; padding-top: 30px;}
    .menu-responsive .elementor-menu-toggle {background-color: white;}
    .menu-responsive .elementor-menu-toggle i {color: #046499; font-size: 30px; margin-right: 10px;}
    .menu-responsive .sub-arrow {margin-left: auto;}
.menu-responsive li.menu-item:not(.menu-bouton-orange):not(.menu-bouton-bleu):not(.menu-drapeau) .elementor-item {justify-content: inherit;background-color:white; font-size: 18px; color: #234D70; line-height: 1.5; margin-bottom: 10px; padding: 10px 30px;}
.menu-responsive li.menu-item:not(.menu-bouton-orange):not(.menu-bouton-bleu) .elementor-item:hover, .menu-responsive li.menu-item:not(.menu-bouton-orange):not(.menu-bouton-bleu) .elementor-item-active {background-color: white;}
    .menu-responsive li.menu-item:not(.menu-bouton-orange):not(.menu-bouton-bleu) .sub-menu {padding-left: 30px;}
        .menu-responsive li.menu-item:not(.menu-bouton-orange):not(.menu-bouton-bleu) .elementor-sub-item {font-size: 18px; color: #234D70; line-height: 1.5; margin-bottom: 10px;}
        .menu-responsive li.menu-item:not(.menu-bouton-orange):not(.menu-bouton-bleu) .elementor-sub-item:hover {background-color: white;}

/* VERSION ARAB */
.menu-arab .titreParent i {margin-right: 10px; margin-left: 0px;}
.menu-arab .menu-lang-tel {margin-left: 25px; margin-right: 0px;}
.menu-arab  .imgEnfant, .menu-arab  .imgEnfant img {flex: 0 0 67px; margin-left: 20px; margin-right: 0px; height: 67px;}

.menu-arab .itemTel {display: none;}

.menu-responsive.menu-arab li.menu-item:not(.menu-bouton-orange):not(.menu-bouton-bleu) .sub-menu {padding-right: 25px; padding-left: 0px;}