@charset "UTF-8";
/***** responsive styles ***/


@media (min-width: 320px) {
    body {
        font-size: 17px!important;
    }

  
	.contact-form input {
   height: 45px;
}
    .contact-form input,
	textarea.form-control {
    margin-bottom: 10px;
    font-size: 16px;
}
	
	.contact-form.form2 input {
   height: 43px;
}
    .contact-form.form2 input,
	.contact-form.form2 textarea.form-control {
    margin-bottom: 6px;
    font-size: 16px;
}
		.title-news {
    font-size: 18px;
}
	.brevo-popup-content {
    padding: 10px 15px;
}
}

@media (min-width: 768px) {
	.title-news {
    font-size: 30px;
}
	.brevo-popup-content {
    padding: 25px 30px;
}
	
	 .contact-form input {
   height: 55px;
}
    .contact-form input,
	textarea.form-control {
    font-size: 18px;
}
		
	 .contact-form.form2 input {
   height: 45px;
}
	
	 .ec-stack-row { grid-template-columns: 1fr; gap: 12px; padding: 16px 18px; }
    .ec .ec-map th, .ec .ec-map td { display: block; width: 100%; padding: 10px 16px; }
    .ec .ec-map thead { display: none; }
    .ec .ec-map td:first-child { width: 100%; border-bottom: 0; padding-bottom: 0; }
   
}

@media (min-width: 981px) {
    body {
        font-size: 18px!important;
    }

}

@media (min-width: 1200px) {
	 body {
        font-size: 20px!important;
    }
}

@media (min-width: 1400px) {
}

@media (min-width: 1600px) {
}

@media (max-width: 1200px) {
    /* En-tête : 2 colonnes (logo | ☰), boutons dans le menu */
    .ec-head-btns-col { display: none !important; }
    .ec-head-menu { display: flex !important; flex: 1 1 auto !important; width: auto !important; max-width: none !important; justify-content: flex-end; }
    .ec-head-menu .et_pb_menu { margin-left: auto !important; margin-right: 0 !important; }
    .ec-head-menu .et_pb_menu__menu { display: none !important; }
    .ec-head-menu .et_mobile_nav_menu { display: flex !important; float: none; align-items: center; margin-left: auto; }
    .ec-head-menu .et_pb_menu, .ec-head-menu .et_pb_menu_inner_container, .ec-head-menu .et_pb_menu__wrap { justify-content: flex-end !important; text-align: right; }

    /* Menu ☰ ouvert : toute la largeur de l'en-tête */
    .ec-head-menu, .ec-head-menu .et_pb_menu, .ec-head-menu .et_pb_menu_inner_container,
    .ec-head-menu .et_pb_menu__wrap, .ec-head-menu .et_mobile_nav_menu, .ec-head-menu .mobile_nav { position: static !important; }
    .ec-head-menu .et_mobile_menu { top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; }

    /* Menu ☰ ouvert : texte à gauche, sans puces, place pour la flèche */
    .ec-head-menu .et_mobile_menu, .ec-head-menu .et_mobile_menu li { text-align: left; list-style: none; }
    .ec-head-menu .et_mobile_menu .menu-item-has-children > a { padding-right: 50px; }
}

@media (max-width: 981px) {
    .badge { 
		font-size: 16px;
        transform: scale(0.85);
    }
    .badge-migration { left: 10px; }
    .badge-audit { left: -10px; }
    .badge-tma { right: -10px; }
    .badge-reprise { right: -10px; }
}

/* REFONTE 2026 — composants ec- (voir base.css) */
@media (max-width: 980px) {
    .ec-hero-visual .badge { display: none; }
    .ec-float { left: 12px; bottom: -24px; }
    .ec-sticky { position: static; }
    .ec-method-box { min-height: 0; }
    .ec-reverse { display: flex; flex-direction: column-reverse; }
    .ec-statbar, .ec ol.ec-timeline { grid-template-columns: 1fr 1fr; }
    .ec-footer-grid { grid-template-columns: 1fr 1fr; }
    .ec-header .ec-head-logo img { height: 36px; }
}

@media (max-width: 767px) {
    .ec-statbar, .ec ol.ec-timeline, .ec-values { grid-template-columns: 1fr; }
    .ec-form-card { padding: 26px 20px; }
    .ec-compare { grid-template-columns: 1fr; }
    .ec-compare > div + div { border-left: 0; border-top: 4px solid var(--color-secondary); }
	 .ec-footer-grid { grid-template-columns: 1fr; gap: 28px; }
}