#navbar .e-con-inner,
#navbar .elementor-widget-theme-site-logo,
#navbar,
body a{transition: all 300ms ease;}
body{padding-top: 132px;}
body.elementor-maintenance-mode{padding-top: 0;}
body.elementor-editor-active{padding-top: 0;}
body.show-menu-header{overflow: hidden;}
body.elementor-editor-active #navbar.visible,
body.elementor-editor-active #navbar,
body.elementor-editor-active #navbar.normal{position:relative;}
#navbar{
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
position: absolute;
top: 0;
min-height: 132px;
}
.admin-bar #navbar.visible,
.admin-bar #navbar.normal,
.admin-bar #navbar{top: 32px;}
#navbar:hover{background-color: #FFF;}
#navbar.normal {
position: absolute;
top: 0;
opacity: 1;
}
#navbar.hidden {
position: absolute;
top: -150px;
left: 0;
opacity: 0;
}
#navbar.visible {
position: fixed;
top: 0;
left: 0;
min-height: 105px;
opacity: 1;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
#navbar.visible .e-con-inner{padding-top: 10px; padding-bottom: 10px;}
#navbar.visible .elementor-widget-theme-site-logo{transform: scale(0.8);}
header .menu-top .elementor-nav-menu .menu-item a{background-color: #F6C817;}
header .menu-top .elementor-nav-menu .menu-item a:hover{background-color: #001D92;}
header .menu-top .elementor-nav-menu .menu-item a.elementor-item-active{background-color: #001D92;}
header .menu-principal .elementor-nav-menu .menu-item a:hover{color: #F6C817;}
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item a{border-left: none; padding: 14px 30px 14px 24px;}
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item a{border-radius: 0;}
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item:first-child a{border-radius: 10px 10px 0 0;}
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item:last-child a{border-radius: 0 0 10px 10px;}
header .menu-principal  .elementor-menu-toggle{transition: all 300ms ease; padding: 6px 14px;}
.elementor .e-heading-link-base{transition: all 300ms ease;}
.elementor-social-icons-wrapper .elementor-icon:hover{opacity: 1;}
.icon-cat .elementor-icon-wrapper{
display: flex;
justify-content: center;
align-items: center;
width: 41px;
height: 40px;
}
.icon-cat-detail.icon-cat .elementor-icon-wrapper{width: 51px;	height: 50px;}
.icon-cat.icon-metro .elementor-icon-wrapper .elementor-icon{padding-top: 2px;}
.e--selected .icon-cat .elementor-icon-wrapper svg{fill:#000;}
.vignette-detail-formation .liste-dates .elementor-widget-shortcode .elementor-shortcode,
.vignette-detail-formation .liste-dates .dates-de-la-formation,
.vignette-detail-formation .liste-dates{height: 100%;}
.vignette-detail-formation .liste-dates .elementor-widget-shortcode{flex-grow: 1;}
.vignette-detail-formation .liste-dates .dates-de-la-formation{display: flex; flex-direction: column;}
.dates-de-la-formation .dates-mois-buttons{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.dates-mois-buttons .dates-toggle{
padding: 4px 12px;
border-radius: 18px;
font-size: 15px;
font-weight: 500;
border: 1px solid #65B5D4;
color: #000;
}
.dates-mois-buttons .dates-toggle:hover,
.dates-mois-buttons .dates-toggle.is-active{
background-color: #9AE1FD;
border: 1px solid #9AE1FD;
}
.dates-mois-contenus{
position: relative;
display: flex;
flex-direction: column;
margin-top: 15px;
flex-grow: 1;
}
.dates-panel {
background-color: #E0F3FE;
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
display: flex;
flex-direction: column;
gap: 5px;
padding: 20px 25px;
border-radius: 10px;
transform: translateY(10px);
transition: all 300ms ease;
pointer-events: none;
font-weight: 500;
list-style: none;
}
.dates-panel.is-active {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
position: relative;
flex-grow: 1;
}
.dates-mois-contenus .dates-panel li{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
border-bottom: 1px solid #B6DCEC;
padding-bottom: 5px;
color: #777;
letter-spacing: 0.02em;
}
.dates-mois-contenus .dates-panel li:last-child{border-bottom: none; padding-bottom: 0;}
.dates-mois-contenus .dates-panel li.date-disponible{color:#000;}
.dates-panel li > div strong:first-child{
background-color: #FF0000;
display: inline-block;
width: 8px;
height: 8px;
margin-top: 4px;
border-radius: 4px;
}
.dates-panel  li > div {display: flex; align-items: center; gap: 10px;}
.dates-panel  li.date-disponible > div strong:first-child{background-color: #6FCC0B;}
.dates-panel li > strong:last-child{font-weight: 500;}
.dates-panel li.date-disponible > strong:last-child{font-weight: 700;}
.liste-dates .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item:nth-child(2){margin-left: 0; margin-right: 20px;}
.DUP_autres-formations .e-atomic-element .DUP_vignette-sous-menu,
.autres-formations .e-atomic-element .vignette-sous-menu{transition: all 300ms ease;}
.DUP_autres-formations .e-atomic-element .DUP_vignette-sous-menu:hover,
.DUP_autres-formations .e-atomic-element .DUP_vignette-sous-menu:focus,
.autres-formations .e-atomic-element .vignette-sous-menu:hover,
.autres-formations .e-atomic-element .vignette-sous-menu:focus{transform: scale(1.1);}
.elementor-popup-modal .dialog-widget-content .dialog-close-button:hover svg{fill: #F6C817  !important;}
.elementor-location-popup .section-popup-formation-title{
padding: 25px 40px;
flex-direction: column;
background-color: #001d92;
border-radius: 19px 19px 0 0;
}
.elementor-location-popup .section-popup-formation-title .popup-formation-title{
margin: 5px 0 0;
color: #FFF;
font-size: 26px;
font-weight: 700;
}
.elementor-location-popup .section-popup-formation-form{padding: 30px 40px 40px;}
.form-contact-formation .gform-theme .gform_heading,
.elementor-location-popup .section-popup-formation-form .gform-theme .gform_heading{display: none;}
.form-contact-formation .gform-theme .gfield{position: relative;}
.form-contact-formation .gform-theme .gform_fields{gap: 28px 20px;}
.form-contact-formation .gform-theme .gfield .ginput_container input,
.form-contact-formation .gform-theme .gfield .ginput_container textarea{
background-color: transparent;
border: 1px solid #001D92;
border-radius: 5px;
color: #000;
}
.form-contact-formation .gform-theme .gfield .ginput_container input{padding: 0 18px; height: 42px;}
.form-contact-formation .gform-theme .gfield .ginput_container textarea:focus,
.form-contact-formation .gform-theme .gfield .ginput_container input:focus{background-color: #FFF; outline:none;}
.form-contact-formation .gform-theme .gfield.gfield--type-choice .ginput_container{cursor: pointer;}
.form-contact-formation .gform-theme .gfield.gfield--type-choice .ginput_container input{background-color: #FFF; width: 24px; height: 24px; padding: 0;}
.form-contact-formation .gform-theme .gfield.gfield--type-choice .ginput_container input:checked{background-color: #001D92;}
.form-contact-formation .gform-theme .gfield.gfield--type-choice .ginput_container input::before{color: #FFF;}
.form-contact-formation .gform-theme .gfield.gfield--type-choice .ginput_container .gform-field-label{
color: #011154;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.form-contact-formation .gform-theme .gfield .gfield_label{
transition: all 300ms ease;
position: absolute;
top: 10px;
left: 20px;
margin-bottom: 0;
color: #011154;
font-size: 15px;
font-weight: 400;
}
.form-contact-formation .gform-theme .gfield.gfield--type-date .gfield_label,
.form-contact-formation .gform-theme .gfield.gfield--type-select .gfield_label,
.form-contact-formation .gform-theme .gfield.gfield--type-textarea .gfield_label,
.form-contact-formation .gform-theme .gfield .gfield_label.formTop{
font-size: 12px;
padding: 0;
top: -18px;
left: 10px;
color: #74789c
}
.form-contact-formation .gform-theme #gform_1 .gform-footer{justify-content: flex-end;}
.form-contact-formation .gform-theme #gform_1 .gform-footer .gform_button{
background-color: #F6C817;
width: 180px;
height: 40px;
border-radius: 6px;
border: none;
font-size: 18px;
color: #001D92;
font-weight: 700;
text-transform: uppercase;
transition: all 300ms ease;
}
.form-contact-formation .gform-theme #gform_1 .gform-footer .gform_button:hover{
background-color: #001D92;
color: #FFF;
}
.txt-chiffres-cles .elementor-counter-title{text-align: center;}
.menu-footer .elementor-nav-menu--main .menu-item a{display: inline-flex;}
.temoignages-clients .swiper-slide .elementor-testimonial .elementor-testimonial__content{border-radius: 10px;}
@media screen and (max-width: 767px){
#navbar,
#navbar.normal{width: 100vw;}
#navbar.visible .e-con-inner{margin: 0;}
.titre-points-separation .elementor-heading-title span{display:none;}
.dates-mois-contenus .dates-panel li{line-height: 18px; letter-spacing: 0;}
.dates-panel{padding: 15px;}
}
@media screen and (max-width: 1180px){
#navbar .menu-principal .menu-accueil{display: block;}
body #navbar .menu-principal .menu-item a{margin: 0;}
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item{border-color: #E0E1EA;}
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item a{background-color: #eceef6;}
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item a:hover,
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item a:focus{background-color:#001d92;}
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item:first-child a,
header .menu-principal .elementor-nav-menu .sub-menu .menu-item-has-children .sub-menu .menu-item:last-child a{border-radius: 0;}
header .menu-principal .elementor-nav-menu .menu-item a .sub-arrow{padding: 10px 30px;}
header .menu-principal .elementor-nav-menu .menu-item a.highlighted .sub-arrow svg,
header .menu-principal .elementor-nav-menu .menu-item a:hover .sub-arrow svg,
header .menu-principal .elementor-nav-menu .menu-item a:focus .sub-arrow svg{fill:#FFF;}
#navbar .menu-principal .elementor-nav-menu--dropdown{overflow: scroll; height: calc(100vh - 120px);}
#navbar .menu-principal .sub-menu.elementor-nav-menu--dropdown{height: auto;}
#navbar .menu-principal .elementor-nav-menu--dropdown .elementor-nav-menu{display: flex; flex-direction: column; justify-content: flex-start;}
}
@media screen and (max-width: 1380px){
header .menu-principal .menu-accueil{display:none;}
#navbar .menu-principal .menu-item a{font-size: 16px; margin: 0 12px;}
#navbar .menu-principal .sub-menu .menu-item a{margin:0;}
#navbar .menu-principal .menu-item:last-child a{margin-right:0;}
}