/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1759245122
Updated: 2025-09-30 15:12:02

*/


body.error404 main#content {
    color: #ffffff;
    text-align: center;
}

.frm_form_fields .frm_fields_container {
    display: flex;
    flex-direction: column;
}
.frm_style_style-formidable.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {
    border: none !important;
}

/*#frm_field_7_container,*/
/*#frm_field_31_container,*/
/*#frm_field_19_container,*/
/*#frm_field_36_container,*/
/*#frm_field_39_container,*/
/*#frm_field_42_container,*/
/*#frm_field_49_container,*/
/*#frm_field_52_container,*/
/*#frm_field_56_container,*/
/*#frm_field_60_container,*/
/*#frm_field_83_container,*/
/*#frm_field_86_container,*/
/*#frm_field_92_container,*/
/*#frm_field_98_container,*/
/*#frm_field_125_container {*/
/*    display: none;*/
/*}*/

.frm_chat_form.frm_fields_container .frm_rootline_group,
.frm-chat-progress,
.frm_form_field.form-field > h3 {
    display: none;
}

/*.frm_form_fields > fieldset {*/
/*    display: flex;*/
/*}*/

/* Mise en page 3 colonnes (catégories | formulaire | carte d'activité) */
.frm_form_fields.frm-three-col-layout {
	display: grid;
	grid-template-columns: 280px 1fr 300px;
	gap: 20px;
	align-items: start;
}

/* Colonne gauche: catégories (contenu déjà dupliqué dans .categories-meres) */
.frm_form_fields.frm-three-col-layout .categories-meres {
	grid-column: 1;
	position: sticky;
	top: 10px; /* garde visible au scroll */
}

/* Colonne centre: formulaire chat */
.frm_form_fields.frm-three-col-layout .frm_chat_form.frm_fields_container {
	grid-column: 2;
	min-width: 0; /* évite les débordements */
}

/* Colonne droite: carte d'activité (panneau #sections-display) */
.frm_form_fields.frm-three-col-layout #sections-display {
	grid-column: 3;
	position: sticky;
	top: 10px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	max-height: calc(100vh - 20px);
	overflow: auto;
}

/* Colonne gauche: rootline vertical en mode liste */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_page_bar {
	display: flex;
	flex-direction: column;
	gap: 14px;
	position: relative;
	margin: 0;
	padding: 8px 0 8px 36px; /* place pour la ligne/puces */
	list-style: none;
    align-items: stretch;
}

/* Ligne verticale */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_page_bar::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 8px;
	bottom: 8px;
	width: 1px;
	max-height: 280px;
	background: #bfdba0;
}

/* Cartouches d’étape */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_single {
	position: relative;
	list-style: none;
	background: #f6f8f6;
	border: 1px solid #dfe7d6;
	border-radius: 8px;
	padding: 5px 10px 5px 12px;
	color: #2e3a2e;

    display: flex;
	align-items: center;
    text-align: center;
	min-height: 40px;
}

/* Puces vertes */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_single::before {
	content: "";
    position: absolute;
    left: -30px;
    top: 10%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: #3c6022;
    border-radius: 50%;
    border: 1px solid #8bae63;
}

/* Étape active */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_single.frm_current_page {
	background: #3c6022;
	border-color: #3c6022;
	color: #fff;
	font-weight: 700;
}
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_single.frm_current_page .frm_rootline_title {
	color: #fff;
}

/* Désactiver le mode “…” (tout afficher en colonne) */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_show_more_btn,
.frm_rootline.frm_show_lines > .frm_rootline_single:after {
	display: none !important;
}
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_hidden_steps { display: contents; }

/* Nettoyage de styles horizontaux natifs */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_line {
	display: none;
	cursor: pointer;
}

/* Catégories: masquer le bouton interne, toute la carte devient cliquable */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_single input[type="button"] {
	display: none !important;
}

.with_frm_style .frm_scale input[type=radio]:before, .with_frm_style .frm_radio input[type=radio]:before {
	background-color: #3c6022;
}
body.wp-singular .frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked,
body.wp-singular .frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked,
body.wp-singular .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
    border-color: #3c6022 !important;
}
body.wp-singular .with_frm_style input[type=radio]:focus, .with_frm_style input[type=checkbox]:focus {
    box-shadow: 0 0 0 3px rgb(60 96 34 / 40%) !important;
}

.frm_opt_container {
	padding-left: 2px;
}

#frm_form_2_container .frm_continue_chat_wrapper.frm_submit {
	display: none;
}

#frm_form_2_container .frm_chat_arrows {
    max-width: 980px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}
#frm_form_2_container .frm_chat_arrow {
    padding: 8px 16px;
    font-size: 14px;
    background: #43ad64;
    color: #ffffff;
	border: 1px solid #43ad64;
    cursor: pointer;
    border-radius: 8px;
}


/*!* Compact preview pour fichiers (remplace Dropzone quand un ID est présent) *!*/
/*.frm-file-compact-wrap {*/
/*    margin-top: 6px;*/
/*    display: flex;*/
/*    gap: 8px;*/
/*    flex-wrap: wrap;*/
/*    align-items: center;*/
/*}*/
/*.frm-file-compact {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*    padding: 6px 10px;*/
/*    background: #eef6ed; !* vert très clair *!*/
/*    border: 2px solid #8bae63; !* vert bordure *!*/
/*    border-radius: 6px;*/
/*}*/
/*.frm-file-compact .frm-file-link {*/
/*    color: #2d6a4f;*/
/*    text-decoration: none;*/
/*    font-weight: 600;*/
/*}*/
/*.frm-file-compact .frm-file-link:hover { text-decoration: underline; }*/
/*.frm-file-compact .frm-file-remove {*/
/*    background: #4db06c;*/
/*    border: 1px solid #3a8e56;*/
/*    color: #fff;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    line-height: 22px;*/
/*    text-align: center;*/
/*    border-radius: 4px;*/
/*    cursor: pointer;*/
/*    padding: 0;*/
/*}*/
/*.frm-file-compact .frm-file-remove:hover { filter: brightness(0.95); }*/
.frm-key-instructions {
	display: none;
}
.frm_dropzone { display: block !important; }

/* Responsive: repasser en 1 colonne */
@media (max-width: 1100px) {
	.frm_form_fields.frm-three-col-layout {
		grid-template-columns: 1fr;
	}
	.frm_form_fields.frm-three-col-layout .categories-meres,
	.frm_form_fields.frm-three-col-layout #sections-display {
		position: static;
		top: auto;
		max-height: none;
	}
}


label[for="field_idvt2-0"] {
    display: flex !important;
    align-items: center;
    gap: 5px;
}
#frm_error_field_idvt2,
#frm_error_field_idvt2-0 {
    color: #ff0000 !important;
}










.frm_form_fields .frm_fields_container {
    display: flex;
    flex-direction: column;
}
.frm_style_style-formidable.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {
    border: none !important;
}

/*#frm_field_7_container,*/
/*#frm_field_31_container,*/
/*#frm_field_19_container,*/
/*#frm_field_36_container,*/
/*#frm_field_39_container,*/
/*#frm_field_42_container,*/
/*#frm_field_49_container,*/
/*#frm_field_52_container,*/
/*#frm_field_56_container,*/
/*#frm_field_60_container,*/
/*#frm_field_83_container,*/
/*#frm_field_86_container,*/
/*#frm_field_92_container,*/
/*#frm_field_98_container,*/
/*#frm_field_125_container {*/
/*    display: none;*/
/*}*/

/* Compact preview pour fichiers (remplace Dropzone quand un ID est présent) */
.frm-file-compact-wrap {
    margin-top: 6px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}
.frm-file-compact {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: #eef6ed; /* vert très clair */
    border: 2px solid #8bae63; /* vert bordure */
    border-radius: 6px;
}
.frm-file-compact .frm-file-link {
    color: #2d6a4f;
    text-decoration: none;
    font-weight: 600;
}
.frm-file-compact .frm-file-link:hover { text-decoration: underline; }
.frm-file-compact .frm-file-remove {
    background: #4db06c;
    border: 1px solid #3a8e56;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    padding: 0;
}
.frm-file-compact .frm-file-remove:hover { filter: brightness(0.95); }

/* Loader sur le fieldset au chargement */
.frm-fieldset-loader {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
}
.frm-fieldset-loader .spinner {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 3px solid #d6ead7;
    border-top-color: #4db06c;
    animation: frmspin 0.8s linear infinite;
}
@keyframes frmspin { to { transform: rotate(360deg); } }

/* === Mise en page demandée ===
   - .categories-meres en bandeau full width au-dessus
   - #sections-display à gauche
   - zone de champs (fieldset) à droite
   On force une grille à 2 colonnes et on place les zones via grid-areas. */
.frm_form_fields.frm-three-col-layout {
    grid-template-columns: 280px 1fr !important;
    grid-template-areas:
        "cats cats"
        "left main" !important;
}
.frm_form_fields.frm-three-col-layout > .categories-meres {
    grid-area: cats;
}
.frm_form_fields.frm-three-col-layout > #sections-display {
    grid-area: left;
}
.frm_form_fields.frm-three-col-layout > fieldset {
    grid-area: main;
}

/* Bandeau catégories: affichage horizontal harmonieux */
.frm_form_fields.frm-three-col-layout > .categories-meres {
    width: 100%;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-bottom: 12px;
	/* override ancien sticky */
	position: static !important;
	top: auto !important;
}
.frm_form_fields.frm-three-col-layout > .categories-meres > * {
    /* éléments cliquables/étiquettes: apparence douce */
    padding: 6px 10px;
    background: #f6f8fa;
    border-radius: 6px;
}

/* Responsive: repasse en une colonne si étroit */
@media (max-width: 920px) {
    .frm_form_fields.frm-three-col-layout {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "cats"
            "left"
            "main" !important;
    }
}

/* Overrides: affichage horizontal (pas de liste verticale ni puces/ligne) */
.frm_form_fields.frm-three-col-layout .categories-meres .frm_page_bar {
	display: flex !important;
	flex-direction: row !important;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.frm_form_fields.frm-three-col-layout .categories-meres .frm_page_bar::before {
	content: none !important;
	display: none !important;
}
.frm_form_fields.frm-three-col-layout .categories-meres .frm_rootline_single::before {
	content: none !important;
	display: none !important;
}