/* ####### GLOBAL COLORS SLUGS
--e-global-color-primary
--e-global-color-secondary
--e-global-color-text
--e-global-color-accent
--e-global-color-81ea427 (texte accentué)
--e-global-color-d551786 (background)
--e-global-color-85e9dcb (background light)
--e-global-color-224df5a (background white)
    --e-global-typography-primary-font-family
    --e-global-typography-primary-font-size
    --e-global-typography-primary-font-weight
    --e-global-typography-primary-text-transform
    --e-global-typography-secondary-font-family
    --e-global-typography-secondary-font-size
    --e-global-typography-secondary-font-weight
    --e-global-typography-secondary-text-transform
    --e-global-typography-text-font-family
    --e-global-typography-text-font-size
    --e-global-typography-text-font-weight
    --e-global-typography-accent-font-family
    --e-global-typography-accent-font-size
    --e-global-typography-accent-font-weight
*/

/*
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
0 : décalage horizontal de l'ombre (0 pour centrer l'ombre).
4px : décalage vertical de l'ombre (distance sous le bouton).
8px : rayon de flou (plus la valeur est élevée, plus l'ombre est floue).
rgba(0, 0, 0, 0.2) : couleur de l'ombre (noir avec une opacité de 0.2).
 */

/* ##########################
 *      EXAMPLES - Début
 * ########################## */

/* ######### SELECTORS #######
1) .myclass1 : selects any element that has the class myclass1
2) .myclass1 .myclass2 (note the space) : descendant combinator. Selects any element with myclass2 that is inside (at any depth) an element with myclass1
3) .myclass1.myclass2 (no space) – compound selector. Selects a single element that has both classes simultaneously
*/

/* Flex container example */
.flex-container-example {
  display: flex;
  flex-direction: row; /* row, column, row-reverse, column-reverse (row = items are laid in a row creating a columns layout / columns = items are a laid on a column creating a rows layout) */
  flex-wrap: nowrap; /* nowrap, wrap, wrap-reverse */
  justify-content: center; /* center, flex-start, flex-end, space-around, space-between, space-evenly */
  align-items: center; /* The align-items property is used to align the flex items when they do not use all available space on the cross-axis (vertically). Values : center, flex-start, flex-end, stretch, baseline, normal */
  align-content: center; /* The align-content property is similar to align-items, but instead of aligning flex items, it aligns the flex lines. Values : center, stretch, flex-start, flex-end, space-around, space-between, space-evenly */
	column-gap: 20px; /* Set the space between the columns */
		flex-grow: 0 !important; /* This item will not grow to take extra space, even if there’s room.*/
		flex-shrink: 0 !important; /* This item will not shrink smaller than its base size, even if there isn’t enough space. */
		flex-basis: 70% !important; /* Its base size inside the flex container should be 70% of the container’s width (when flex-direction is row). */	
}


/* ###########################
 * CONSTANTS JFD - Début
 * #########################*/
:root {
  --text_mobile_size: 18px;
	--text_size_posts_titles: 35px;
	--text_size_h1_pages: 30px;
	--text_size_h2_pages: 26px;
	--text_size_h3_pages: 20px;
	--text_size_h4_pages: 17px;
	--text_size_content: 14px;
	--text_color_a_links: #CC3366;
	--buttons_text_size: 20px;
	--buttons_text_weight: 600;
	--buttons_text_align: center;
	--buttons_text_color: white;
	--buttons_padding_left_right: 20px;
	--buttons_padding_top_bottom: 15px;
	--buttons_justify_content: center;
	--buttons_box_shadow_hover: 0 4px 8px rgba(0, 0, 0, 0.2);
	--buttons_border_radius: 10px;
	--buttons_border_radius_hover: 15px;
	--buttons_text_shadow_hover: 4px 4px 3px rgba(0, 0, 0, 1.0);
	/* Shadow properties 
	 * text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
	 * Horizontal Offset (3px) → Moves the shadow 3 pixels to the right.
	 * Vertical Offset (4px) → Moves the shadow 4 pixels down.
	 * Blur Radius (5px) → Defines the blur intensity. A higher value makes the shadow softer and more spread out.
	 * Shadow Color (rgba(0, 0, 0, 0.5)) → Specifies the shadow color:
0, 0, 0 → Black color.
	0.5 → 50% opacity (semi-transparent).
	 * */	
	
} 

/* Actual binding to Elementor kit 
 * if done above in "root", the scope is not the same and does not work */
body[class*="elementor-kit-"] {
  --buttons_background_color: var(--e-global-color-primary);
}


/* ###########################
 * CONSTANTS JFD - Fin
 * #########################*/

picture img:not(#id_jfd_hero_img) {
	border-style: solid !important;
	border-width: 5px !important;
	border-color: transparent !important;
	border-radius: 15px !important;
	overflow: hidden !important;
}




/* ################################
################################
 *       FOR ALL - START        ################################
#################################*/

body {
	background-color: white !important;
}

.elementor-posts img, .cmplz-logo img, .c_jfd_post_img_and_text img, .jfd_post_img_all img {
	/* 16.03.25 : I do not use LazyLoad from WP Rocket because it's a mess to handle everything correctly. i did all image manually i htnl with fetching, loading and decoding
	 * 14.03.25 jfd : WP Rocket LazyLoad settings hide images in Elementor Posts widgets and in the Complianz banner. The trick below shows the images properly. */
    /*opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
	 display:none !important;*/
}

.c_jfd_script {
    display: none;
    height: 0;
    overflow: hidden;	
}

	/* ###########################
	 *      BOUTONS - BUTTONS
	 *         Début
	 * #########################*/

.elementor-button .elementor-button-text, a.elementor-button, .wp-element-button, a.wp-element-button, button.cl_jfd_button_post {
	font-weight: var(--buttons_text_weight) !important;
	font-size: var(--buttons_text_size) !important;
	color: var(--buttons_text_color) !important;
	white-space: nowrap;
}


.cl_jfd_button_contact, .elementor-button, .elementor-button-wrapper, .wp-block-button, button.cl_jfd_button_post {
	display: inline-block !important; /* Allows horizontal alignment with other elements */
	margin: 0 auto !important;
}

.cl_jfd_button_contact .elementor-button, .wp-element-button, cl_jfd_button_post {
	padding-top: var(--buttons_padding_top_bottom);
	padding-bottom: var(--buttons_padding_top_bottom);
	padding-left: var(--buttons_padding_left_right);
	padding-right: var(--buttons_padding_left_right);
}

.wp-element-button {
	/* Dans les posts, il faut ajouter un peu d'espace sous le bouton */
	margin-top: 20px;
	margin-bottom: 30px;
}

.elementor-button, .wp-element-button, button.cl_jfd_button_post {
	justify-content: var(--buttons_justify_content); /* Center text horizontally */
	border-radius: var(--buttons_border_radius) !important;
	color: var(--buttons_text_color) !important; /* text */

	background: linear-gradient(
		180deg,
		#ff8077 0%,
		#ff6a60 22%,
		var(--buttons_background_color) 60%,
		#d63a2f 100%
	) !important;
	border: 1px solid #d63a2f !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.58),
		inset 0 12px 16px rgba(255,255,255,.18) !important;
	
}

.jfd_cl_button_post {
	/* Cette classe utilisée dans le widget utilisée dans le widget global "Global_Bouton_Contact_For_Posts" [elementor-template id="32007"] permet de centrer les boutons de contact dans les articles. */
	text-align: center !important;
	margin-bottom: 30px;
}

.c_jfd_post_btn_less_marging_top {
	/* Boutons Wordpress dans les posts. Seulement les boutons qui doivent être remontés un peu ... */
	margin-top: -25px;
}

#id_jfd_lateral_bar_cta .elementor-cta__button-wrapper {
	/* Wrapper du Bouton "Commencer" dans la barre latérale */
}

#id_jfd_lateral_bar_cta .elementor-cta__button {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	white-space: normal;
	text-align: center;
	line-height: 1.5;
}

#id_jfd_lateral_bar_cta 
.elementor-widget-container 
.elementor-cta 
.elementor-cta__button-wrapper a {
	/* Si on ne met pas toute la structure ci-dessou, l'application de la taille ne fonctionne pas ! */
  font-size: 13px !important;
}

#id_jfd_posts_loadmore_button {
	/*width: 350px !important;*/
	width: auto !important;
	/* code ci-dessous supprimé le 4.11.24 car en fait cela faisait simplement que les boutons à certains endroits étaient trop longs */
	/*display: block;    Make the image a block element */
	/*margin: 0 auto;   Center it horizontally */	
}

.elementor-button:hover, .wp-element-button:hover, button.cl_jfd_button_post:hover {
	color: var(--buttons_text_color) !important;
	border-radius: var(--buttons_border_radius_hover) !important;
	box-shadow: var(--buttons_box_shadow_hover);
	text-shadow: var(--buttons_text_shadow_hover);

}	

/* Gestion du bouton de Complianz qui se minimise. Il était devenu hyper large suite à une autre modif CSS inconnue. */
#cmplz-manage-consent button.cmplz-btn.cmplz-manage-consent {
	font-size: 14px;
	font-weight: 600;
	background: var(--e-global-color-secondary);
	color: var(--e-global-color-text);
}	

.cl_jfd_button_post_container {
	text-align: center !important;
}

.c_jfd_button_all_posts_container {
	/* bouton "Tous les articles au bs des cartes du widget "Posts" */
		padding-top: 10px !important;
		text-align: center !important;
	}

.c_jfd_button_all_posts_guides_tag {
	/* Bouton "TOus les artciles de chaque groupe "tag" dans la page des guides */
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 25px !important;
	text-align: center !important;
}

#id_jfd_btn_all_posts_widget {
	/* Ce bouton existe dans la home page */
	/*background-color : blue !important;*/
	margin: 0 !important;
	padding: 0 !important;
	padding-top: 2% !important;
}

#id_jfd_btn_all_posts_widget .elementor-widget-container {
	/*background-color : grey !important;*/
	margin: 0 !important;
	padding: 0!important;
}

/* simulateur */
.cff-form-buttons-container .pbSubmit {
	color: red !important;
  /*display: block !important; Si cela est activé, le code jaasvript pour afficher/masquer le bouton ne fonctonne plus ... 
  margin: 0 auto !important; */
  text-align: center !important; 
	width: 100px;
	padding-left: 15px !important;
	padding-right: 15px!important;
	margin-left: 30% !important;
	margin-bottom: 20px !important;
}

	
	/* ###########################
	 *      BOUTONS - BUTTONS
	 *         Fin
	 * #########################*/





	/* ###########################
	 *      IMAGES - IMG
	 *         Début
	 * #########################*/


.c_jfd_figure {
	
}

.c_jfd_figure picture,
.c_jfd_figure img {
  display: block !important;
}

.c_jfd_post_img {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

.c_jfd_figure_caption {
	padding-left: 15%;
	font-style: italic;
	font-size: 15px;
}

	/* ###########################
	 *      IMAGES - IMG
	 *         Fin
	 * #########################*/




	/* ###########################
	 *  CARTE ENTIEREMENT CLICKABLE
	 *         Début
	 * #########################
	 * La classe "c_jfd_card_wrap" est définie dans le code javascript dans le fichier "/assets/js/jfd-single-card-link.js"
	 */
	/* Rend toute la carte cliquable via le wrapper "a" ajouté par le script */
	.elementor-posts .c_jfd_card_wrap {
		display: block;
		text-decoration: none;
		color: inherit;
	}

	/* Anneau de focus clavier sur la carte entière (a11y) */
	.elementor-posts .c_jfd_card_wrap:focus-visible {
		outline: 2px solid rgba(0,0,0,.15);
		outline-offset: 3px;
		border-radius: inherit;
	}

	/* (Optionnel) survol visuel de la carte */
	.elementor-posts .c_jfd_card_wrap:hover {
		outline: 2px solid rgba(0,0,0,.08);
		outline-offset: 3px;
	}	
	
	.elementor-posts .elementor-post__card { position: relative; }
	.elementor-posts .elementor-post__card a.c_jfd_card_link {
		position: absolute; inset: 0; z-index: 5;
		text-indent: -9999px; color: transparent; /* a11y-safe invisible link */
	}	
	/* ###########################
	 *  CARTE ENTIEREMENT CLICKABLE
	 *         Fin
	 * #########################*/	



	/* ###########################
	 *  Pages spécifiques
	 *         Début
	 * #########################*/	

/* ### Pages "Courtiers" ### */
.page-id-44011, .page-id-43991, .page-id-44003, .page-id-43957 {
	background-color: var(--e-global-color-85e9dcb) !important;
}

/* ### Post Taux actuels ### */

/* --- START Hide iFrame date 
 * Il y a une date qui apparaît au début du tableau iFrame (01.04.2025) = pas bien, alors on la masque
 * */
/* Masquage robuste du bandeau haut (sans dépendre de la hauteur iframe) */
.c_jfd_dw_crop{
  --mask: 40px;                 /* hauteur à masquer */
  position: relative !important;
  overflow: hidden !important;
  line-height: 0 !important;    /* évite un petit gap sous l’iframe */
}
.c_jfd_dw_crop > iframe#datawrapper-chart-pzT3D{
  display: block !important;
}
/* Masque visuel du haut */
.c_jfd_dw_crop::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--mask);
  background: #fff;             /* mettez la couleur du fond de votre page/section */
  z-index: 10;
  pointer-events: none;
}
/* --- END Hide iFrame date */


	/* ###########################
	 *  Pages spécifiques
	 *         Fin
	 * #########################*/	


/* ################################
################################
 *       FOR ALL - END        ################################
#################################*/




/* ################################
 * ################################
 *       For Desktop only  
 *             START        
  * ################################
 * #################################*/

@media only screen and (min-width: 769px) {
	
	.c_jfd_only_for_mobile {
		display: none !important;
	}
	
	html {
		/* Lors de l'utilisation de listes HTML de type "OL" ou "UL", il faut décaler l'affichage à cause de la bande du menu en haut de page qui est "sticky" et qui couvre le texte */
		/* scroll-padding-top: 175px; */ 
		scroll-padding-top: 115px;/* Adjust based on your sticky header height */
	}	
	
	h1 {
	text-align: center;
	font-size: var(--text_size_h1_pages) !important;
	}

	h2 {
		text-align: center;
		/*color: var(--e-global-color-secondary) !important;*/
		font-size: var(--text_size_h2_pages) !important;
		font-weight: 800;
		text-transform: uppercase !important;
	}
	
	h2.c_jfd_background_dark, .c_jfd_background_dark h2,  {
		/* To target 'h2 class="c_jfd_background_dark"' and 'h2 contained in this class' */
		color: var(--e-global-color-d551786) !important;
	}	

	h2.c_jfd_background_light, .c_jfd_background_light h2 {
		/* To target h2 contained in this class */
	}

	.c_jfd_home_text_container h2 {
		padding-top: 2%;/*
		padding-bottom: 0px !important;
		padding-top: 30px;*/
	}

	h3 {
		text-align: center;
		color: var(--e-global-color-81ea427) !important;
		font-size: var(--text_size_h3_pages) !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;	
	}

	h3.c_jfd_background_dark, .c_jfd_background_dark h3 {
		/* To target 'h3 class="c_jfd_background_dark"' and 'h3 contained in this class' */
		color: var(--e-global-color-d551786) !important;
	}

	h3.c_jfd_background_light, .c_jfd_background_light h3 {
		/* To target h3 contained in this class */

	}

	.home h3 {
		/* Shadow properties */ 
		/*text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); */
		/* text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); jfd 09.02.25 : supprimé sur demade d'Eskinoz*/
		}

	.c_jfd_home_text_container h3 {
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.cl_jfd_taux h3 {
		/*color: yellow !important;*/
		padding-top: 25px;
	}

	h4 {
		margin-top: 20px;
		text-align: left;
		font-size: 24px !important;
	}

	.elementor-toggle h4 {
		/* Widget utilisé dans la FAQ par exemple */
		text-align: left;
	}

	h5 {
		text-align: left;
	}


	p {
		text-align: justify;
		color: var(--e-global-color-81ea427);
		font-size: var(--text_size_content) !important;
	}

	.c_jfd_background_dark, p.c_jfd_background_dark, .c_jfd_background_dark p, div.c_jfd_background_dark, .c_jfd_background_dark div,  {
		color: var(--e-global-color-d551786) !important;
	}
	
	.c_jfd_background_light, p.c_jfd_background_light, .c_jfd_background_light p, div.c_jfd_background_light, .c_jfd_background_light div  {
	
	}	

	ul, ol {
			color: var(--e-global-color-81ea427); /* (texte accentué) */
		padding-bottom: 20px;
	}
	
	li {
		font-size: var(--text_size_content) !important;
	}

	/* I don't remember what it 's been for ... and it was changing the main menu appearance, so deactivated it
	.home ul, .home ol {
		color: var(--e-global-color-81ea427);
		padding-bottom: 20px;
	}
	*/

	table {
			color: var(--e-global-color-secondary);
	}

	/* 05.12.24 jfd : enlevé pour avoir tous les liens en rougeâtre pas soulignés, je trouve mieux ...
	p a {
		color: inherit;
		text-decoration: underline !important;
	}
	*/
	
	a, .c_jfd_link {
		color: var(--text_color_a_links) !important;
		font-size: var(--text_size_content) !important;
	}

	a:hover, .c_jfd_link:hover {
		font-style: normal;
		/* font-weight: bold; fait bouger le reste du texte ... */
		color: var(--e-global-color-accent) !important;
		text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); /* Shadow properties */
		/*font-size: calc(1em + 2px) !important;*/
	}	

	/*
	.elementor-element-1623981 {
		padding-top: 30px;
	}
	*/


	a.elementor-toggle-title:hover {
		/* Titres de la FAQ */	
	}


	.c_jfd_container_rounded {
	  border-style: solid !important;
		border-width: 5px !important;
		border-color: white !important;
		border-radius: 30px !important;
		overflow: hidden !important; /* Masque tout ce qui dépasse les bords arrondis */
		background: white !important;
	}

	.jfd_cl_text_shadow {
			/*text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);*/ /* Shadow properties */
	}

	.c_jfd_strong {
		/* Classe pour gérer le texte à mettre en gras dans les textes  */
		font-weight: 900;
		font-size: 105%;
	}

	.c_jfd_formula {
		/* Classe pour les formules de mathématique */
		display: inline-block; /* Change the span to block-like behavior */
		font-style: italic;
		text-indent: 20px !important;
	}
	
	.c_jfd_pic_caption {
		font-style: italic;
		font-size: 12px;
		text-align: left;
		padding-top: 0 !important;
		margin-top: -20px !important;
	}

	/* ###########################
	 *      HEADER - Début
	 * #########################*/

	#id_jfd_header_container {
		background-color: white !important;
		
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		align-items: center !important;
		
		padding-top: 0.5%;
		padding-bottom: 0%;
		padding-right: 0;
	}

	#id_jfd_logo_container {
		/*background: blue;*/
		padding-top: 2px;
		padding-bottom: 0px;
		padding-left: 3%;
		/*width: 35% !important;*/
	}

	#id_jfd_logo_container img {
		/* the dimensions below are the original ones set in Elementor
		width: 190px;
		height: auto */
	}
	
	/* ### MENU ### */	

	
	
	#id_jfd_menu_home {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	  margin-bottom: 0 !important;
		z-index: 9999 !important; /* ##0001jfd## Important for all menu and dropdowns to display on the top of all other elements (didn't work on the lateral bar without this because it's sticky) */
	}

	#id_jfd_menu_home a {
		font-size: 14px;
		color: var(--e-global-color-secondary) !important;
	}
	
	#id_jfd_menu_home .elementor-nav-menu--main .elementor-item {
    line-height: 0; /* réduit l’interligne dans le menu quand on diminue la taille de l'écran et que les menus passent sur deux lignes */
    padding-top: 0px; 
    padding-bottom: 10px;
}

	#id_jfd_menu_home a:hover {
		font-size: 18px;
		color: var(--e-global-color-accent) !important;
	}
	
	#id_jfd_menu_home .elementor-nav-menu .elementor-item.elementor-item-active {
		color: var(--e-global-color-accent) !important;
	}	
	
	#id_jfd_menu_home .elementor-nav-menu--dropdown {
		/* sous-menu */
    background-color: var(--e-global-color-d551786) !important;
		/* Add border and padding to the submenu */
			border: 2px solid #ccc !important;
		border-color: var(--e-global-color-secondary) !important;
		padding: 10px 0 !important;		
		z-index: 10000 !important; /* ##0001jfd## Important for all menu and dropdowns to display on the top of all other elements (didn't work on the lateral bar without this because it's sticky) */
}
	
	/* Change background color of active submenu items */
		#id_jfd_menu_home .elementor-nav-menu .sub-menu .current-menu-item > a {
			background-color: transparent;
	}	

	/* Ensure the parent menu item text color is the same as the active submenu item */
	#id_jfd_menu_home .elementor-nav-menu .menu-item-has-children.current-menu-ancestor > a,
	#id_jfd_menu_home .elementor-nav-menu .menu-item-has-children.current-menu-parent > a {
			color: var(--e-global-color-accent) !important;  /* Change text color of the parent */
	}	

	#id_jfd_menu_home .elementor-nav-menu--dropdown .elementor-sub-item {
		font-size: 12px !important;	
	}
	
	#id_jfd_menu_home .elementor-nav-menu--dropdown .elementor-sub-item:hover {
		/* Change submenu text color */
		background-color: var(--e-global-color-d551786) !important;
		font-style: normal;
		/* font-weight: bold; fait bouger le reste du texte ... */
		font-size: 13px !important;
		text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Shadow properties */		
	}	
	
	/* jfd 21.07.25 to check menu display */
	#id_jfd_menu_home .elementor-nav-menu--dropdown::before {
			content: "";
			position: absolute;
			top: -10px; 
			left: 50%;
			transform: translateX(-50%);
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 10px solid var(--e-global-color-secondary) !important;
	}
	
	
	.menu-item-39615 {
		/* Menu des langues pour mobile */
		/*display: none !important;*/
	}
	
	/* Logo du menu "Langues" */
	.c_jfd_img_menu_lang {
		width:30px;
		height: 30px;
	}
	
  /* ### BREADCRUMBS ### */
	
	#id_jfd_menu_breadcrums_container {
		/*background:green;*/
		gap: 0px !important;
		padding-top: 0.4%;
	}
	
	#id_jfd_breadcrums_mobile_container {
		display: none;
	}	

	.c_jfd_breadcrumbs {
		font-style: italic;
	}

	#id_jfd_breadcrumbs_header_desktop {
		padding-left: 2.3% !important;
	  margin-top: 0 !important;
	  position: relative;
	  top: -0px; /* Ajustez cette valeur selon vos besoins */	
	}

	#id_jfd_breadcrumbs_header_desktop p { 
		margin: 0 !important;
		font-size: 12px;
	}

	#id_jfd_breadcrumbs_header_desktop a {
		color: var(--e-global-color-secondary) !important;
	}

	#id_jfd_breadcrumbs_header_desktop a:hover {
		color: var(--e-global-color-81ea427) !important;
		text-shadow: none;
		font-style: italic;
	}

	.home #id_jfd_breadcrumbs_header_desktop {
		/* On masque le fil d'Ariane sur la home page */
		/*display: none;*/
	}
	
	#id_jfd_menu_lang {
		/* 14.12.2025 jfd : No clue where this is used ...
		padding-right: 10px !important; */
	}
	
	#id_jfd_header_separator {
		background-color: var(--e-global-color-secondary) !important;
		/*margin-bottom: -8px;*/
		--spacer-size: 1px !important;
	}


	/* ###########################
	 *      HEADER - Fin
	 * #########################*/
	
		/* ###########################
	 * ACCUEIL - HOME - Début
	 * #########################*/
	
	/* Ensure the parent container takes the full width */
	#id_jfd_hero_img_container {		
		
			position: relative;
			width: 100% !important;     /* Full width of the container */
			height: auto !important;               /* Let the height adjust based on content */
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			overflow: hidden !important;
			padding: 0 !important;         /* Remove padding from the container */
			margin: 0 !important;          /* Remove margin from the container */	
	}

		/* Image styling to ensure it covers the entire container width */
	#id_jfd_hero_img {
			display: block !important;    /* Ensures the image behaves like a block element */
			width: 100% !important;       /* Make the image fill the container width */
			height: auto !important;      /* Let the height adjust proportionally */
			object-fit: cover !important; /* Ensures the image covers the container */
			z-index: 0 !important;        /* Keeps it behind any other content in the container */	
		
	}
	
	#id_jfd_hero_titles_container {
		position: absolute !important;
		top: 160px !important;
		padding-left: 50px !important;	
		max-width: 500px !important;
	}	
	
	#id_jfd_hero_titles {
		/*position: absolute !important;
		top: -500px !important;
		left: 3% !important;
		max-width: 600px !important;	*/		
	}
	
	#id_jfd_hero_title_1 {
		text-align: left !important;
		color: var(--e-global-color-81ea427);
	}	
	
	#id_jfd_hero_title_2 {
		text-align: left !important;
	}
	.home h2 {
		font-size: 30px !important;
	}	
	
	#id_jfd_section_intro {
		background-color: transparent !important;
		padding-bottom: 2% !important;
	}
	
	#id_jfd_section_intro_left {
		padding-left: 3%;
	}
	
#id_jfd_homepage_firstvisibletitle {
		color: var(--e-global-color-81ea427);
	}	

	.c_jfd_home_text_container {
		padding-bottom: 1.5% !important;
	}
	
	.c_jfd_intro_vos_questions {

	}
	
	#id_jfd_intro_choices_title_1 h2 {
		padding-top: 0 !important;
	}
	
	#id_jfd_intro_choices_title_2 h3 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	#id_jfd_section_financer_votre_bien_btn {
		padding-top: 30px !important;
	}
	
	#id_jfd_section_avantages {
		background-color: transparent !important;
		padding-top: 2%;
		padding-bottom: 20px !important;
		margin-bottom: 0 !important;
	}
	
	#id_jfd_section_avantages_col_titles {
		
	}
	
	#id_jfd_section_avantages_col_titles_t1 {
		margin-top: 5% !important;
	}
	
	#id_jfd_section_avantages_col_texts {
		padding-left: 3%;
	}

	.cl_jfd_avantages_box {
		padding-left: 10px;
		padding-right: 10px;
	}

	.cl_jfd_avantages_box p {
		color: var(--e-global-color-81ea427);
		font-size: var(--e-global-typography-accent-font-size);
	}

	#id_jfd_section_3_quotes_home {
		background-color: transparent !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	
	#id_jfd_3_quotes_container {
		background: var(--e-global-color-85e9dcb)  !important;
		margin-bottom: 0 !important;
		/* outline: 2px solid yellow !important; */
	}
	
	#id_jfd_section_taux_container {
		background: transparent !important;
		padding-bottom: 2%;
	}
	
	#id_jfd_section_taux h2 {
		margin-top: 0;
		margin-bottom: 0;
	}	
	
	#id_jfd_section_taux {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;        /* Pour que ça passe en colonne sur mobile */
		justify-content: space-between !important; /* Ou space-evenly/center selon ton design */
		gap: 30px !important;              /* Optionnel : espace entre les blocs */		
			max-width: 100% !important;
	width: 100% !important;
		align-items: stretch !important;
	}

	.cl_jfd_taux_img {
		flex: 0 0 calc(30% - 20px) !important;  /* 3 colonnes avec marge */
		max-width: calc(33.333% - 20px) !important;
		box-sizing: border-box !important;
		text-align: center !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		height: 100% !important;
	}

	/* Les images à l’intérieur */
	.cl_jfd_taux_img picture,
	.cl_jfd_taux_img img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		display: block !important;
	}	

	#id_jfd_taux_img_left {

	}
	
	##id_jfd_taux_img_middle {

	}
	
	##id_jfd_taux_img_right {

	}
	
	.cl_jfd_taux_titre {
		text-align: center !important;
		margin-top: 5% !important;
		margin-bottom: 0;
	}
	
	.cl_jfd_taux_texte {
		margin-top: 5% !important;
	}	
	
	#id_jfd_btn002_container {
		margin-top: 30px !important;	
	}
	
	#id_jfd_btn_home_002 {

	}	
	
	#id_jfd_taux_interets_hypo {
		padding-top: 40px !important;
	}	
	
	#id_jfd_section_martin_luther_king {
		background-color: transparent !important;
	}
	
	#id_jfd_believers {
		padding-top: 2% !important;
		padding-left: 0 !important;
	}
	
	.c_jfd_believe_txt p {
		text-align: center !important;
		font-weight: inherit !important;
	}	
	
	.c_jfd_believe_titles {
		padding-top: 2% !important;
		text-transform: uppercase;
	}
	
	#id_jfd_believe_title_1 {
		font-size: 17px !important;
		font-weight: 900 !important;
	}
	
	#id_jfd_believe_title_2 {
		font-size: 21px !important;
		font-weight: 600 !important;
		padding-bottom: 5% !important;
	}	

	#id_jfd_believe_name {
		font-size: 17px !important;
	}

	#id_jfd_believe_leader {
		font-size: 13px;
		font-style: italic;
		font-family: "Arial", sans-serif; /* Try a font that supports thin weights */
		font-weight: 300 !important;
		line-height: 1;
	}	
	
	#id_jfd_section_condition_pour_obtenir {
		background: transparent !important;
	}
	
	#id_jfd_btn_home_003 {
		padding-top: 3% !important;
	}
	
	#id_jfd_section_frais_hypotheque {
		background: transparent !important;
	}	
	#id_jfd_section_frais_hypotheque_part1 {
		
	}
	
	#id_jfd_section_frais_hypotheque_part1 {
		padding-top: 0 !important;
	}		
	
	#id_jfd_frais_hypotheque {
		
	}

	#id_jfd_capacite_emprunt {
		padding-top: 1% !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	#id_jfd_btn_home_004 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	#id_jfd_description_simulateur {
		padding-top: 3% !important;
	}

	#id_jfd_obtenez_votre_hypotheque {
		padding-top: 0% !important;
  	display: flex;
  	flex-direction: column;
  	gap: 20px; /* espace entre le titre et les deux colonnes */		
	}
	
  #id_jfd_obtenez_votre_hypotheque_row {
    padding-top: 1% !important;
		display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
  }	
	
  #id_jfd_obtenez_votre_hypotheque_img {
    flex: 0 1 50%;
  }

  #id_jfd_obtenez_votre_hypotheque_txt {
    flex: 1;
		padding-left: 2%;
  }	
	
	#id_jfd_btn_home_005 {
		padding-top: 5% !important;
	}

	#id_jfd_acceder_taux_avantageux {
		padding-top: 2% !important;
	}
	
	#id_jfd_section_testimonials {
		background-color: transparent !important;
		padding-top: 1.5% !important;
		padding-bottom: 2.5% !important;
	}
	
	#id_jfd_section_testimonials h3 {
		padding-top: 2% !important;
	}	
	
	#id_jfd_section_testimonials .c_jfd_testimonials_table {
		margin-top: 1% !important;
	}
	
	#id_jfd_section_stats {
		padding-bottom: 1.5% !important;
	}
	
	.cl_jfd_box_stat_text .elementor-icon-box-title {
		text-align: center;
		color: white !important;
	}

	.cl_jfd_box_stat_text .elementor-icon-box-description {
		text-align: center;
		color: white !important;
	}
	
	#id_jfd_stats_text_container {
		padding-left: 3% !important;
		padding-right: 3% !important;
	}	
	
	#id_jfd_stats_text {
		color: var(--e-global-color-accent) !important;
		padding-left: 3%;
		padding-right: 3%;
		padding-bottom: 1.5%;
	}
	
	#id_page28845_id_jfd_btn_home_006 {
		padding-top: 3%;
	}
	
	#id_jfd_section_villes {
		background-color: transparent !important;
		padding-top: 1% !important;
		padding-bottom: 5% !important;
	}
	
	#id_jfd_section_villes h2 {
		padding-top: 2% !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	
	#id_jfd_container_villes {
		padding-left: 3% !important;
		padding-right: 3% !important;
		padding-top: 2% !important;
		padding-bottom: 1% !important;
	}
	
	#id_jfd_section_faq {
		margin-top: 0 !important;
		padding-top: 0 !important;
		background: transparent !important;
	}	
	

	/* ###########################
	 * ACCUEIL - Fin
	 * #########################*/	
	
	
	/* ###########################
	 *      SECTION "Prêt immo"
	 *            Début
	 * Elel comprend la partie gauche et droite pour la barre latérale
	 *   commune à plusieurs pages
	 * - home page
	 * - guides
	 * - courtiers
	 * - auteur
	 * #########################*/		
	
	
		.c_jfd_section_pretimmo {
		/* Section identifiées dans d'autres pages également */	
		background-color : var(--e-global-color-85e9dcb) !important;	
		margin: 0 !important;
		padding: 0 !important;
		padding-top: 1.5% !important;
		padding-left: 4% !important;
		display: flex !important;
		flex-direction: row !important; /* row, column, row-reverse, column-reverse */
		flex-direction: row !important; /* row, column, row-reverse, column-reverse */
		flex-wrap: nowrap; /*nowrap, wrap, wrap-reverse */
		/*justify-content: center;  center, flex-start, flex-end, space-around, space-between, space-evenly */
		/*align-items: center;  The align-items property is used to align the flex items when they do not use all available space on the cross-axis (vertically). Values : center, flex-start, flex-end, stretch, baseline, normal */
		/*align-content: center; The align-content property is similar to align-items, but instead of aligning flex items, it aligns the flex lines. Values : center, stretch, flex-start, flex-end, space-around, space-between, space-evenly */
		/*column-gap: 20px;  Set the space between the columns */		
		/*gap: 40px !important;	*/		
	}
	
	.c_jfd_section_pretimmo_leftcol {
		/*background-color : lightgreen; var(--e-global-color-85e9dcb) !important;*/		
		margin: 0 !important;
		padding: 0 !important;		
		display: flex !important;
		flex-direction: column !important; /* row, column, row-reverse, column-reverse */
		flex-wrap: wrap !important; /*nowrap, wrap, wrap-reverse */
		/*justify-content: center; center, flex-start, flex-end, space-around, space-between, space-evenly */
		/*align-items: center !important;  The align-items property is used to align the flex items when they do not use all available space on the cross-axis (vertically). Values : center, flex-start, flex-end, stretch, baseline, normal */
		/*align-content: center !important; The align-content property is similar to align-items, but instead of aligning flex items, it aligns the flex lines. Values : center, stretch, flex-start, flex-end, space-around, space-between, space-evenly */
		/*column-gap: 0 !important;  Set the space between the columns */		
		gap: 0 !important;
		flex-grow: 0 !important; /* This item will not grow to take extra space, even if there’s room.*/
		flex-shrink: 0 !important; /* This item will not shrink smaller than its base size, even if there isn’t enough space. */
		flex-basis: 70% !important; /* Its base size inside the flex container should be 70% of the container’s width (when flex-direction is row). */
		max-width: 70% !important;		
	}
	.c_jfd_section_pretimmo_leftcol.c_jfd_container_rounded {
		padding-top: 20px !important;
		padding-left: 30px !important;
		padding-right: 30px !important; 
		padding-bottom: 20px !important;
	}
	
	.c_jfd_section_pretimmo_titre {
		/*background-color : pink; var(--e-global-color-85e9dcb) !important;*/		
		margin: 0 !important;
		padding: 0 !important;			
	}	
	
	.c_jfd_section_pretimmo_descr {
		
	}
	
	.c_jfd_section_pretimmo_cards {
		/*background-color : yellow; var(--e-global-color-85e9dcb) !important;*/		
		margin: 0 !important;
		padding: 0 !important;
		padding-top: 1.5% !important;
	}
		
	.c_jfd_section_pretimmo.c_jfd_title_descr {
	  color : var(--e-global-color-81ea427) !important;
		text-align: center;
		font-size: var(--text_size_h3_pages) !important;
		text-transform: uppercase;
		font-weight: 700 !important;
	}
	
	/* ###########################
	 *      SECTION "ARTICLES"
	 *            Fin
	 * #########################*/	


	/* ###########################
	 *      LATERAL BAR - Début
	 * #########################*/

	#id_jfd_lateral_bar_container {
		min-width: 300px !important;
	}
	
#id_jfd_lateral_bar_container.elementor-sticky {
  z-index: 10 !important; /* ##0001jfd## Important for all menu and dropdowns to display on the top of all other elements (didn't work on the lateral bar without this because it's sticky) */
}	
	
	#id_jfd_lateral_bar_cta .elementor-widget-container .elementor-cta, #id_jfd_lateral_bar_courtier .elementor-widget-container .elementor-cta {
		border-radius: 15px;
		border-style: solid;
		border-width: 1px;
		border-color: var(--e-global-color-accent);
	}


	/* Height of the image - START
	 * Le but est de diminuer la hauteur de l'image, mais je n'ai pas réussi à modifier la hauteur de "elementor-cta__bg-wrapper"
	 *  */
	#id_jfd_lateral_bar_cta .elementor-cta__bg {
		height: 100px;
		}

		#id_jfd_lateral_bar_cta .elementor-cta__content {
			margin-top: -100px;
		}
	
	#id_jfd_lateral_bar_cta .elementor-cta__description {
		padding-top: 0 !important;
		margin-top: -15px !important;
	}
	/* Height of the image - END */

	
	
	
	#id_jfd_latbar_searchform .elementor-search-form {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	
	#id_jfd_latbar_bouton {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.c_jfd_padding_for_lateralbar_r {
		/* Padding nécessaire à droite pour afficher la barre latérale */
		padding-right: 28% !important;
	}

	.c_jfd_padding_for_lateralbar_l {
		/* Padding à gauche lié à l'espace nécessaire à droite pour afficher la barre latérale */
		padding-left: 4% !important;
	}
	
	#id_jfd_btn_contact_latbar:hover {
		/* Ce bouton est activé par javascript (sa propriété "href"est vide. Il faut donc changer le curseur on hover*/
		cursor: pointer;
	}

	/* ###########################
	 *      LATERAL BAR - Fin
	 * #########################*/
	 
	
		
	/* #########################
	 *     TOOLTIPS (HINTS)
	 * ########################*/
	/* Utilisé par exemple dans les libellés des champs du formulaire de contact */

	.tooltip-icon {
		/*color: #0073e6 !important;  Blue color for the icon 
		font-weight: bold !important;
		margin-left: 5px !important;*/
		cursor: help !important;
	}

	/* Hide the tooltip text by default */
	.tooltip-icon[data-tooltip]:hover::after {
		content: attr(data-tooltip) !important;
		position: absolute !important;
		background-color: rgba(0, 0, 0, 0.7) !important;
		color: white !important;
		padding: 5px !important;
		border-radius: 5px !important;
		font-size: 12px !important;
		top: -35px !important; /* Adjust positioning */
		left: 50% !important;
		transform: translateX(-50%) !important;
		white-space: nowrap !important;
		z-index: 999 !important;
		opacity: 0 !important;
		transition: opacity 0.3s ease !important;
	}

	/* Show the tooltip text when hovering */
	.tooltip-icon[data-tooltip]:hover::after {
		opacity: 1 !important;
	}

	/* #########################
	 *     MODÈLE TESTIMONIALS
	 *         Début
	 * ########################*/
	
	.c_jfd_testimonials_wrapper {
			padding-right: 1%; /* Used to see the shadow */
			display: flex;
			flex-wrap: nowrap; /* ⛔ no wrapping */
			gap: 2%;
			 /*overflow-x: auto; ✅ enable horizontal scroll if too wide */
			align-items: stretch; /* Make all items the same height as the tallest one */
	}

	.c_jfd_testimonial_card {
			margin-top: 1%; /* Used to see the shadow */
		/*
		 --e-global-color-d551786 (background)
--e-global-color-85e9dcb (background light)
		*/
		background: var(--e-global-color-85e9dcb) !important;
			flex-grow: 1; /* → the item can grow to fill available space */
			flex-shrink: 1; /* → the item can shrink if there's not enough space */
			flex-basis: 300px; /* → the starting/default size is 300px */
			padding: 2%;
			border-radius: 10px;
			border-style: solid;
			border-width: 1px;
			box-shadow:
					4px 0 6px rgba(0, 0, 0, 0.15),
					0 -4px 6px rgba(0, 0, 0, 0.1);
			display: flex;
			flex-direction: column;
			justify-content: flex-start; /* Align items at the top */
			align-items: flex-start; /* Align items horizontally to the left */
	}

	.c_jfd_stars {
			font-size: 25px;
			color: var(--e-global-color-primary);
			align-self: center; /* Center stars horizontally */
	}

	.c_jfd_text {
		padding-top: 4%;
		font-family: var(--e-global-typography-accent-font-family);
		font-size: 15px;
		align-self: flex-start; /* Ensure the text aligns with the start of the card */
		text-align: justify;
	}

	.c_jfd_name {
		padding-top: 7%;
		font-weight: bold;
		font-size: 16px;
		align-self: flex-start; /* Ensure the name aligns with the start of the card */
	}

	.c_jfd_city {
		font-size: 15px;
		font-style: italic;
	}
	
	
	/* #########################
	 *     MODÈLE TESTIMONIALS
	 *         Fin
	 * ########################*/	
	
	
	/* ###########################
	 * MODÈLE "Carte_Suisse_Hypotheques"
	 *       Début
	 * #########################*/		
	
	/* On gère les padding et margin dans la section qui contient le modèe comme dans la page "Contact" par exemple */
	
	#id_jfd_carte_suisse_container_global {
		margin-top: 0 !important;
		margin-bottom: -15% !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;		
	}
	
	#id_jfd_carte_suisse_html_container {
		margin-top: -50px !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;				
	}
	
	#id_jfd_carte_suisse_html {
		/* Important : ne pas toucher car sinon les zones de la carte en highlight ne couvrent plus correctement la zone intiale (translation) */
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		position: relative; /* Pour que le zoom sur les cantons fonctionne */
	}	
	
	#id_jfd_carte_suisse_mobile_info {
		display: none;
	}
	
	#id_jfd_carte_suisse_tooltip {
		display: none; /* bien caché */
		position: absolute;
		background: #7D7A7A; /*#6A8E3E rgba(50, 50, 50, 0.95);*/
		border-style: solid;
		border-width: 2;
		border-color: white;
		color: white;
		padding: 6px 10px;
		font-size: 14px;
		font-weight: bold;
		border-radius: 6px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.3);
		position: absolute;
		z-index: 9999;
		pointer-events: none;
		white-space: nowrap;		
	}
	
	/* ###########################
	 * MODÈLE "Carte_Suisse_Hypotheques"
	 *       Fin
	 * #########################*/	
	
	
	/* ###########################
	 * MODÈLE "Courtiers Villes"
	 *       Début
	 * #########################*/		
	
	.c_jfd_tableau_courtier_villes table {
		/* Adjust the thickness, style, and color of the external border of the table */
		/*border: 2px solid red; 
		border-collapse: collapse; */ 
		/* Ensures that borders between cells are collapsed into a single border */
	}

	.c_jfd_tableau_courtier_villes a {
		/* Lien dans le tableau */
	}

	.c_jfd_tableau_courtier_villes td {
		/* Texte des cellules dans le tableau et bord des cellules */
		/*border: 2px solid red !important;*/
	}
	
	.c_jfd_courtier_item_section {
		/* Pour gérer les interlignes */
		align-items: stretch !important;
    row-gap: 8px !important;
    grid-row-gap: 8px !important; /* fallback for older browsers */		
	}
	
	.c_jfd_courtier_item_container {
		border-style: solid !important;
		border-width: 1px !important;
		border-color:  var(--e-global-color-secondary) !important;
		margin-top: 0 !important; 
		margin-bottom: 0 !important; /* Espacement entre chaque ligne */
		padding-top: 0 !important;
		padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important; /* vertical centering */	
		justify-content: center !important;
		text-align: center !important;
		/*padding: 1rem !important;   optional spacing */
		 /* height: 100% !important;       ensure they stretch equally */
		box-sizing: border-box !important;		
		/*min-height: 80px !important;*/
	}
	
	.c_jfd_courtier_item_container .elementor-widget-container {
		/*height: 100% !important;*/
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0.9 !important;		
	}	
	
	.c_jfd_courtier_item_container_even {
		background: whitesmoke;  /* #F5F5FA; whitesmoke #E9F3F1; */
	}
	
	.c_jfd_courtier_item_container_odd {
		background: #E9F3F1; /*var(--e-global-color-d551786); */
	}	
	
	.c_jfd_courtier_item { 
		/* span */
		color: var(--e-global-color-81ea427);	
	}
	
	/* ###########################
	 * MODÈLE "Courtiers Villes"
	 *       Fin
	 * #########################*/	


	/* #########################
	 *     COMPTEURS
	 * ########################*/	
	.elementor-counter-title {
		text-align: center;
	}

	
	/* ###########################
	 * ARTICLES - FR, DE, IT et EN
	 *      Début
	 * #########################*/	


	/* ###########################
	 * ARTICLES - FR, DE, IT et EN
	 *      Fin
	 * #########################*/	
	 
	/* ###########################
	 * ARTICLES - ARCHIVES
	 *      Début
	 * #########################*/

	
	/*  Classes pour les cartes des publications 
	elementor-post__card
	elementor-post__badge
	elementor-post__title
	elementor-post__text
	elementor-post__excerpt
	*/
	
	 /* Adjust to match image height */
	/*.elementor-post__thumbnail {
    min-height: 86px !important;
	}*/
	
	#id_jfd_archives_section_top {
		padding-top 0 !important;
		margin-top: 0 !important;
		padding-bottom: 25px !important;
	}	

	.elementor-post__card {
		border-color: white !important;
		border-width: 2px !important;
		border-radius: 20px !important;
		margin-bottom: 0 !important;
    padding-bottom: 0 !important		
	}

	.elementor-post__badge {
		border-style: solid !important;
		border-color: white !important;
		border-width: 2px !important;
		text-align: center;
		line-height: 1 !important;
		font-size: 10px !important;
		margin-top: 2% !important;		
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
	
	.elementor-post__text {
		margin-left: 0 !important;	
		margin-right: 0 !important;
		padding-left: 10px !important;	
		padding-right: 10px !important;		
	}

	.elementor-post__title {
		/* Titre sur les cartes */
		font-size: 14px !important;
		color: var(--e-global-color-accent) !important;		
		/* This below is useful for German
		 * Words are often too long to be
		 * dispalyed completely in the 
		 * width of the card.*/
		hyphens: auto;
		overflow-wrap: break-word;
		word-break: break-word;	
		margin-left: 0 !important;	
		margin-right: 0 !important;
		padding-left: 0 !important;	
		padding-right: 0 !important;
	}
	
	.elementor-post__excerpt p {
		font-size: 13px !important;
	}
	
	#id_jfd_posts_search_results {
		/* Widget publications dans la page "SearchResults" */
	}
	
	.c_jfd_no_post {
		text-align: center;
		color: var(--e-global-color-accent);
		font-size: 20px;
	}	

	/* ###########################
	 * ARTICLES - ARCHIVES
	 *      Fin
	 * #########################*/

	/* ###########################
	 * ARTICLES - SINGLE POST
	 *      Début
	 * IDs : FR = 35591, DE = 41256, IT = 41258, EN = 41259
	 * #########################*/

	#id_jfd_singlepost_section_top {
		background-color : var(--e-global-color-85e9dcb) !important;
		margin: 0 !important;		
		padding: 0 !important;
		padding-left: 40px !important;
		padding-top: 40px !important;
	}	
	
	.jfd_post_widget {
		margin: 0 !important;		
		padding: 0 !important;		
	}
	
	.jfd_post_widget h1 {
		/*background-color: yellow;*/
		margin: 0 !important;
		padding-top: 0% !important;
		padding-bottom: 3% !important;
	}

	.jfd_post_widget h2 {
		padding-top: 4%;
		padding-bottom: 0%;
	}

	.jfd_post_widget h3 {
		text-align: left;
		color: var(--e-global-color-81ea427) !important;		
		padding-top: 3%;
		padding-bottom: 0%;
	}

	.jfd_post_widget h4 {
		padding-top: 2%;
		padding-bottom: 0%;
	}

	.jfd_post_widget p {
	  /* Texte général dans les articles */

	}

	.jfd_post_widget a {
	  /* Texte général dans les articles */

	}
	
	.c_jfd_post_img_and_toc {
		display: flex; /* Enables flex layout */
		flex-direction: row !important;
		gap: 20px; /* Adds space between the figure and the paragraph */
		align-items: center; /* Ensures the image and text are aligned to the top */
	}
	
	.c_jfd_img_post_first_container {
		width: 50% !important;
	}
	
	.c_jfd_img_post_second_container {
		width: 50% !important;
	}

	.jfd_post_img_featured img {
		width: 400px !important;
		height: auto;
	}

	p.c_jfd_post_first_p {
		/*margin-left: 0% !important;*/
	}

	.c_jfd_post_p_more_marging_top {
		/* Paragraphs Wordpress dans les posts. Seulement les paragraphs qui doivent être descendus un peu ... */
		margin-top: 20px !important;
	}
	
	.c_jfd_post_p_more_marging_top .cl_jfd_button_post {
		margin-top: 20px !important;
	}
	
	.c_jfd_less_marging_top {
		/* Paragraphs Wordpress dans les posts. Seulement les paragraphs qui doivent être remontés un peu ... */
		margin-top: -40px !important;
	}


	.jfd_post_widget_container {
		/* Bloc Elementor qui contient le widget "post" */  
		padding-left: 5%;
	}

	.jfd_post_widget .elementor-widget-container {
		padding-left: 5% !important;
		padding-right: 5% !important;
		padding-top: 3% !important;
		padding-bottom: 3% !important;
		/*
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		flex-wrap: wrap; 	
		*/
	}
	
	.c_jfd_post_img_container {
   		 display: flex;
    	justify-content: center; /* Centers horizontally */
		padding-top: 2%;
		padding-bottom: 3%;
	}
	
	.c_jfd_post_img {
	  margin: 0; /* Make sure no external margin is interfering */
	}

	.jfd_post_img_all img {
		width: 30%;
	  max-width: 100% !important; /* Ensure the image scales responsively */
	  height: auto !important; /* Maintain aspect ratio */
	  margin: 0; /* Make sure no external margin is interfering */
	}

	.jfd_post_img_left {
			/* Image à l'intérieur d'un article qui doit être à gauche */
		/* float: left !important;*/
		justify-content: left !important;
		margin-left: 5%;	
		/*padding-right: 20px; */
	}
	.jfd_post_img_right {
			/* Image à l'intérieur d'un article qui doit être à droite */
		/* float: right;*/
		justify-content: right !important;
		/*padding-left: 20px;*/
	}
	
	.c_jfd_border_for_post {
		/* Border of sepcial paragraphs with examples */
	  border-style: solid !important;
		border-width: 2px !important;
		border-color: var(--e-global-color-secondary) !important;
		border-radius: 30px !important;
		overflow: hidden !important; /* Masque tout ce qui dépasse les bords arrondis */
		background: white !important;
		padding-left: 4% !important;
		padding-right: 4% !important;
		padding-top: 3% !important;
		padding-bottom: 3% !important;
	}

	.c_jfd_post_table {
		/* Tableaux des articles */
		/* Exemple dans "https://pretimmobilier.ch/comparaison-des-taux-hypothecaires/" */
	}

	.c_jfd_post_table thead {
	  font-weight: bold;
	}

	.c_jfd_post_table tr {
		text-align: center;
	}
	
	.jfd_post_widget .c_jfd_text {
		color: var(--e-global-color-accent) !important;
	}

	.jfd_post_widget .c_jfd_name {
		color: var(--e-global-color-accent) !important;
	}

	.jfd_post_widget .c_jfd_city {
		color: var(--e-global-color-accent) !important;
	}	

	.elementor-pagination {
		padding-top: 20px;
	}
	
	/* Gestion des boutons avec des libellés trop longs pour mobile */
	.cl_jfd_button_post.cl_jfd_button_post_mobile, .cl_jfd_button_post_mobile {
		display: none !important;
	}	
	
#id_jfd_btn_contact_from_single_post_template:hover {
	/* Ce bouton est activé par javascript (sa propriété "href"est vide. Il faut donc changer le curseur on hover*/
		cursor: pointer;
	}	
	
	/* 1) Make the parent a flex row again */
	#id_jfd_post_auteur_img_html {
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
  	flex-direction: row !important;
  	align-items: center !important;      /* vertical centering of children */
  	gap: 12px;
  	width: 300px !important;
 	  height: 70px !important; 	
	}
	
	/* 2) Ensure each widget aligns in the middle (Elementor wrappers can interfere) */
	#id_jfd_post_auteur_img_html > .elementor-element,
	#id_jfd_post_auteur_img_html > .elementor-element > .elementor-widget-container {
		display: flex !important;
		align-items: center !important;
	}

	/* 3) Make the image block-level so it doesn’t sit on the baseline */
	#id_jfd_post_auteur_img_html img {
		display: block;
	}	
	
	#id_jfd_post_auteur_html .elementor-widget-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		line-height: 0.8 !important;
	}	
	
	.c_jfd_post_author_image {
		margin: 0 !important;
		padding: 0 !important;
		width: 60px !important;
		height: auto !important;
	}		
	
	.postid-35591 .c_jfd_section_pretimmo, .postid-41256 .c_jfd_section_pretimmo, .postid-41258 .c_jfd_section_pretimmo, .postid-41259 .c_jfd_section_pretimmo {
		/* 13.11.25 jfd : La page "Courtier Professinnel" devient la page "mère" des articles  de type "Courtier". Dans la publication "Courtier professionnel" (dans toutes les langues), on masque la sectino "Artciles similaires" car on ajoute le "hub" des courtiers par région (Elementor posts widget) */
		display : none !important;
	}
	
	
	.jfd_post_widget .c_jfd_section_pretimmo_leftcol {
		flex-grow: 0 !important; /* This item will not grow to take extra space, even if there’s room.*/
		flex-shrink: 0 !important; /* This item will not shrink smaller than its base size, even if there isn’t enough space. */
		flex-basis: 100% !important; /* Its base size inside the flex container should be 70% of the container’s width (when flex-direction is row). */
		max-width: 100% !important;		
	}
		

	/* ###########################
	 * ARTICLES - SINGLE POST
	 *      Fin
	 * #########################*/

	/* ###########################
	 * CALCULATEUR - Début
	 * CSS manual : https://cff.dwbooster.com/faq#q82
	 * #########################*/

	#fbuilder label .r {
		/* L'astérisque des champs obligatores */
		color: var(--e-global-color-accent) !important;
	}

	#fbuilder .fform {
		margin-top: 0px;
	}

	/* "form title" and "header description" */
	#fbuilder .fform h2 {
		font-size:24px;
		color: var(--e-global-color-81ea427);
	}
	#fbuilder .fform span {
		font-size:16px;
	}

	/* Labels */
	#fbuilder, #fbuilder label,
	#fbuilder span {
		color: var(--e-global-color-81ea427);
		font-weight: bold;
	}

	/* "asterisk" in required fields */
	#fbuilder label .r {
		color: var(--e-global-color-text);
	}

	/* input, textarea and select fields*/
	/*
	#fbuilder input[type=text],
	#fbuilder textarea,
	#fbuilder select {
		border: 5px solid var(--e-global-color-primary) !important;
	}
	*/

	/* Champ de saisie par l'utilisateur */
	.cl_jfd_calculator_open .field,
	#fbuilder select {
		border: 1px solid var(--e-global-color-secondary) !important;
	}

	/* Champ de saisie par l'utilisateur */
	.cl_jfd_calculator_open .field {
		background: white;
	}

	/* Champ calculés en lecture seule */
	.cl_jfd_calculator_readonly .field{
		background: var(--e-global-color-d551786);
	}

	.cff-checkbox-field {
		
	}

	#field_1-1 {
		/* Checkbox du calculateur pour générer les résultats */
		margin-left: 15% !important; /* Pour "centrer" le tout. Impossible autrement la checkbox ne se centre pas. */
		padding-top: 30px !important;
		padding-bottom: 20px !important;
	}

	#field_1-1 label span {
		/* Checkbox "Cocher/Décocher" */
		text-transform: uppercase;
		color: red !important;
		font-size: 16px;
	}

	/* Supposed to access the toggle checkbox but does not work 
	.cff-checkbox-field input[type="checkbox"] {
	  accent-color: red !important;
	}
	*/

	/* submit button */
	/* Je n'utilise pas
	#fbuilder .pbSubmit { color: #00f !important; font-weight: bold !important; }
	*/

	/* "Section Break" field */
	/* Je n'utilise pas
	#fbuilder .section_breaks .section_break { border:0px; }
	#fbuilder .section_breaks label { font-size:18px; }
	#fbuilder .section_breaks span { font-size:14px; }
	*/

	/* "Instructions Text" field  */
	#fbuilder .comment_area label {
		font-size:18px; }
	#fbuilder .comment_area span {
		font-size:14px; }
	

	/* ### ### #### in the phone field */
	/* Je n'utilise pas
	.uh_phone .l {display:none;}
	*/

	/* Date Format label in the date field */
	/* Je n'utilise pas
	#fbuilder .dformat {display:none;}
	*/

	/* color of the "Instructions for Users" text in the fields */
	#fbuilder .uh {
		color: var(--e-global-color-secondary);
		font-style: italic;
		font-weight: normal;
	}

	/* If the "Instructions for Users" are configured as tooltips, the class applied would be: .uh-tooltip */
	/* Je n'utilise pas
	.uh-tooltip {color:#2196f3;}
	*/
	
	.c_jfd_cff_simulator_results fieldset {
		/* Classe pour accéder à la zone de résultats  */
		border-width: 2px !important;
		border-color: var(--e-global-color-secondary) !important;
	}
	
	.c_jfd_cff_simulator_results fieldset > legend {
		border-width: 2px !important;
		border-color: var(--e-global-color-secondary) !important;
		margin-bottom: 10px !important;
	}

	
	#fieldname34_2 {
		/* Capacité d'emprunt */
		
	}

	/* ###########################
	 * CALCULATEUR - Fin
	 * #########################*/
	
	
	
	
	/* ###########################
	 * PAGE "Guides"
	 *       Début
	 * #########################*/	
	
	/* [class*="paged-"] permet de masquer les sections lorsque l'on va sur une page 2, 3 ou plus loin dans les articles du bas de la page. Exemple : https://pretimmobilier.ch/guides/3/*/
	/*body.page-id-40005[class*="paged-"] #id_jfd_guides_mostread_titre2, body.page-id-40005[class*="paged-"] #id_jfd_guides_mostread_cards, body.page-id-40005[class*="paged-"] #id_jfd_internallinks2_container, body.page-id-40005[class*="paged-"] #id_jfd_guides_devenirproprio, body.page-id-40005[class*="paged-"] #id_jfd_guides_tauxhypo, body.page-id-40005[class*="paged-"] #id_jfd_guides_typespretshypo, body.page-id-40005[class*="paged-"] #id_jfd_guides_hypoparregion, body.page-id-40005[class*="paged-"] #id_jfd_guides_invlocatif, body.page-id-40005[class*="paged-"] #id_jfd_guides_actuimmo {
		display: none !important;
	}*/
	
	body[class*="paged-"] .c_jfd_hide_paginated{
  		display: none !important;
	}
	
	/* On remonte la section de "Tous les articles" (mais pas trop haut au cas où le titre H1 prend 2 ou 3 lignes)*/
	/*body.page-id-40005[class*="paged-"] #id_jfd_guides_tous {
		margin-top: -440px !important;
	}*/
	body[class*="paged-"] #id_jfd_guides_tous{
	  /* On remonte la section de "Tous les articles" (mais pas trop haut au cas où le titre H1 prend 2 ou 3 lignes) */
	  margin-top: -440px !important;
	}
	
	/*
	.page-id-40005 .c_jfd_section_pretimmo_leftcol.c_jfd_container_rounded,
	.page-id-39982 .c_jfd_section_pretimmo_leftcol.c_jfd_container_rounded,
	.page-id-40041 .c_jfd_section_pretimmo_leftcol.c_jfd_container_rounded,
	.page-id-40039 .c_jfd_section_pretimmo_leftcol.c_jfd_container_rounded {
		margin-top: 30px !important;
	}

	#id_jfd_internallinks2_container {
		padding-top: 5% !important;
	}
	*/
	
	#id_jfd_internallinks2_container {
		/* background-color: yellow !important; */
		margin-top: 45px !important;	
		padding: 20px !important;
	}

	#id_jfd_guides_devenirproprio,
	#id_jfd_guides_tauxhypo,
	#id_jfd_guides_typespretshypo,
	#id_jfd_guides_hypoparregion,
	#id_jfd_guides_invlocatif {
		padding-top: 45px !important;
	}
	
	#id_jfd_internallinks2_container .elementor-widget-container {
	  display: flex !important;
	  flex-wrap: wrap !important;              /* saute à la ligne automatiquement */
	  justify-content: space-around !important; /* center, flex-start, flex-end, space-around, space-between, space-evenly */
	  align-items: center !important; /* alignement vertical */
	  row-gap: 20px ;
	  column-gap: 40px;
	}

	#id_jfd_internallinks2_container .elementor-widget-container > a {
	  display: inline-flex;         /* garde un bon comportement et permet padding */
	  white-space: nowrap;          /* évite de casser le texte d’un lien */
	  /* optionnel: style "badge" 
	  padding: 6px 10px;
	  border-radius: 999px;*/
	}	
	
	#id_jfd_internallinks2_container a {
		/* formattage texte */
		text-transform: uppercase;
		font-weight: bold;
	}

	.c_jfd_tags_swissmap {
		display: flex !important;
		justify-content: center !important;
		padding-top: 40px !important;
		padding-bottom: 80px !important;		
	}
	
	/* ###########################
	 * PAGE "Guides"
	 *       Fin
	 * #########################*/	
	
	
	/* ###########################
	 * PAGE "Glossaire"
	 *       Début
	 * #########################*/	
	#id_jfd_glossary_content {
		/*background-color: yellow !important;*/
		margin-top: 10px !important;
		padding : 20px;
	}
	
	.c_jfd_glossary_list {
		/*background-color: pink;*/
	}
	
	.c_jfd_glossary_index {
		/*background-color: lightblue;*/
		display:flex;
		flex-direction: row;
		justify-content: center;
		column-gap: 20px;
		text-align: center !important;
		font-size: 18px;
		font-weight: bold;
	}	

	.c_jfd_glossary_dl {
		/*display: grid;
		grid-template-columns: 1fr;
		row-gap: 1 rem;*/
	}

	.c_jfd_glossary_term {
		font-weight: 600;
	}

	.c_jfd_glossary_term a {
		
	}

	.c_jfd_glossary_def {
		padding-bottom: 15px;
	}
	
	/* ###########################
	 * PAGE "Glossaire"
	 *       Fin
	 * #########################*/

	
	
	/* ###########################
	 * PAGE "FAQ"
	 *       Début
	 * #########################*/
	
	.c_jfd_rm_faq_title {
		/* On masque le titre de la FAQ Rankmath car on utilise le H1 de la page */
		display: none;
	}	
	
	#id_jf_section_faq {
		background-color: transparent !important;
		padding-bottom: 20px !important;
	}
	
	#id_jfd_faq_img_container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#id_jfd_faq_internallinks_container {
		padding-top: 2%;
		padding-bottom: 4%;
	}
	
	#id_jfd_faq_internallinks_container {
		padding-top:
	}
	
	#id_jfd_faq_internallinks_container .elementor-widget-container {
	  display: flex !important;
	  flex-wrap: wrap !important;              /* saute à la ligne automatiquement */
	  justify-content: space-evenly !important; /* center, flex-start, flex-end, space-around, space-between, space-evenly */
	  align-items: center !important; /* alignement vertical */
	  row-gap: 10px ;
	  column-gap: 30px;
	}

	#id_jfd_faq_internallinks_container .elementor-widget-container > a {
	  display: inline-flex;         /* garde un bon comportement et permet padding */
	  white-space: nowrap;          /* évite de casser le texte d’un lien */
	  /* optionnel: style "badge" 
	  padding: 6px 10px;
	}	
	
	#id_jfd_faq_internallinks_container a {
		/* formattage texte */
		text-transform: uppercase;
		font-weight: bold;
	}
	
	#id_jfd_faq_quick {
		padding-top: 20px !important;
	}
	
	#id_jfd_faq_quick .e-n-accordion-item-title {
		/* color:black; */
	}

	#id_jfd_faq_quick .e-n-accordion-item-title-icon svg path {
		fill: var(--e-global-color-secondary) !important;
	}	
	
	#id_jfd_faq_title_details {
		padding-top: 30px;
	}

	#id_jfd_faq_publications {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
		/* ###########################
	 * PAGE "FAQ"
	 *       Fin
	 * #########################*/
	
	

	/* ###########################
	 * PAGE "Contact"
	 *       Début
	 * #########################*/

	/* class ID = page-id-28862 */
	/* Check contact form further below on its own section */ 

	.page-id-28862 #id_jfd_latbar_bouton, .page-id-39445 #id_jfd_latbar_bouton, .page-id-39686 #id_jfd_latbar_bouton, .page-id-39695 #id_jfd_latbar_bouton {
		/* On masque le bouton "Contactez-nous" quand on est sur la page de contact (dans les 4 langues) */
		display: none;
	} 
	
	.page-id-28862 #id_jfd_btn_rdv_latbar, .page-id-39445 #id_jfd_btn_rdv_latbar, .page-id-39686 #id_jfd_btn_rdv_latbar, .page-id-39695 #id_jfd_btn_rdv_latbar {
		/* On masque le bouton "Prendre RDV" quand on est sur la page de contact (dans les 4 langues) */
		display: none !important;
	}	
	
	#id_jfd_contact_section_titles {
		
	}
	
	#id_jfd_contact_info {

	}	
	
	#id_jfd_contact_content  #id_jfd_form_main {

	}

	/* ###########################
	 * PAGE "Contact"
	 *       Fin
	 * #########################*/
	
	
	/* ###########################
	 * PAGE "Simulateur - Calculatrice"
	 *       Début
	 *    .post-37510, .post-39806, .post-40964, .post-40966 
	 * #########################*/	
	
	.post-37510 h2 {
		padding-bottom: 15px;
	}
	
	#id_jfd_unlock_with_email_top_container {
		/* background-color: green !important; */
		margin: 0 !important;
		padding: 0px !important;
	}

	#id_jfd_form_unlock_title {
		/* background-color: orange !important; */
		margin: 0 !important;
		padding: 0 !important;
		padding-top: 10px !important;
		font-style: italic;
		font-weight: bold;
		text-align: center !important;
	}
	#id_jfd_form_unlock_with_email_container {
		/* background-color: red !important; */
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Je spécifie ci-dessous les pages pour lesquelles la margin-top doit être appliqué sinon a le fait aussi dans l'éditeur Elementor et le formulaire part se cacher en haut */
.post-37510 #id_jfd_form_unlock_with_email_container, .post-39806 #id_jfd_form_unlock_with_email_container, .post-40964 #id_jfd_form_unlock_with_email_container, .post-40966 #id_jfd_form_unlock_with_email_container {
    margin-top: 0px !important;
}	
	
	#id_jfd_form_unlock_with_email {
		/* elementor widget form */
		margin: 0 !important;
		padding: 0 !important;		
	}
	
	#id_jfd_form_unlock_with_email_internal {
		/* Internal fomr ID used in javascript */
		margin: 0 !important;
		padding: 0 !important;		
	}
	
	.elementor-element-2ebcaae {
		/* Elément qui contient le script de traduction des conditions juridiques de la form unlock */
		display:none !important;
	}
	#id_jfd_simulator_all_top_container {
		/* It contains all the elements about the simulator and we can therefore hide/display all at once */
	}
	#id_jfd_calculated_fields_top_container {
		
	}
	
	#cp_calculatedfieldsf_pform_2 {
		/* On cache le simulateur (calculatrice) au départ et il s'affichera avec Javascript lorsque l'utilsiateur a fourni son adresse email 
			display: none !important;*/
	}	
	
	.cl_jfd_simulation_info {

	}
	
	#id_jfd_simulation_info_top_container {
		
	}
	
	#id_jfd_form_calculation_results_top_container {
	}
	#id_jfd_form_calculation_results {
		
	}
	
	#id_jfd_fonctionnement_top_container {
		
	}
	
	#id_jfd_3_propositions_top_container {
		padding-top: 20px;
	}
	
#id_jfd_mecanismes_top_container {
		
	}	
	
#id_jfd_calculinterets_top_container {
		
	}
	
#id_jfd_types_taux_descr_top_container {
		
	}
	
#id_jfd_types_taux_def_top_container {
		
	}
	
#id_jfd_methodologie_top_container {
		
	}
	
#id_jfd_optimisez_top_container {
		
	}
	
#id_jfd_conseils_top_container {
		
	}

	
	/* ###########################
	 * PAGE "Simulateur - Calculatrice"
	 *       Fin
	 * #########################*/		

	
	
	/* ###########################
	 * PAGE "Courtier en hypothèque"
	 *       Début
	 *    post-35591
	 * #########################*/

	#id_courtiers_cities_title {
		margin-top: 0 !important;
		padding-top: 4% !important;
	}
	
	/* ###########################
	 * PAGE "Courtier en hypothèque"
	 *       Fin
	 * #########################*/
	

	/* ###########################
	 *     FORMULAIRE CONTACT
	 *           Début
	 * #########################*/

	/* Texte des informations juridiques  */
	.jfd_inf_jur {
		color: var(--e-global-color-81ea427);
		text-align: justify;
		font-size: 0.75em;
		font-style: italic;
		line-height: 0.9;
		margin-bottom: -5px;
		margin: 0; /* Pour afficher le texte à droite de la checkbox (avec d'autres settings) */
	}

	.cl_jfd_cgu_link {

	}

	.jfd_inf_jur a:hover {

	}

	.cl_jfd_form .elementor-field-type-submit {
		margin-top: 15px;
	}

	.cl_jfd_form {
		
	}

	/*#frm_jfd_homepage*/ .elementor-message-danger {
		color: red;
	}

	/*#frm_jfd_homepage*/ .elementor-message-success {
		background: var(--e-global-color-background);
		font-size: 20px !important;
		line-height: 20px !important;
		color: var(--e-global-color-accent) !important;
		margin-top: 30px;
		padding: 10px 10px 10px 10px !important;
		border-radius: 10px;
		border-style: solid;
		border-color: var(--e-global-color-secondary);
		border-width: 2px;
	}
	
.elementor-field-option {
/* Pour afficher le texte à droite de la checkbox (avec d'autres settings) */	
    display: flex;
    align-items: center;
}

.elementor-field-option input[type="checkbox"] {
/* Pour afficher le texte à droite de la checkbox (avec d'autres settings) */	
    margin-right: 10px; /* Adds space between the checkbox and the text */
}	

	/* ###########################
	 *     FORMULAIRE CONTACT
	 *           Fin
	 * #########################*/
	
	/* ###########################
	 *     FORMULAIRE 3 QUOTES
	 *           Début
	 * #########################*/	
	
	.c_jfd_container_rounded
	#id_jfd_3_quotes_container, #id_jfd_3_quotes_container.c_jfd_container_rounded {
		border-color: var(--e-global-color-secondary) !important;
		border-width: 2px !important;
	}
	
	#id_jfd_3_quotes_container {
		background-color: var(--e-global-color-85e9dcb) !important;
		padding-top: 1.5% !important;
		padding-bottom: 2% !important;
		padding-left: 4% !important; 
		padding-right: 4% !important;
		margin-bottom: 0 !important;
	}
	
	.single-post #id_jfd_3_quotes_container {
			/* Pour les articles */
		background-color: var(--e-global-color-d551786) !important;	
		margin-bottom: 0%;
	}	
	
	.single-post #id_jfd_3_quotes_container .elementor-widget-container {
		padding: 0 !important;
		margin: 0 !important;
		/*background-color: yellow;*/
	}	
	
	.c_jfd_demandeoffre_t1_container {
    display: flex;
    justify-content: center; /* Centers content horizontally */
	}	
	
	.c_jfd_demandeoffre_t2_container {
    display: flex;
    justify-content: center; /* Centers content horizontally */				
	}	
	
	.c_jfd_demandeoffre_t2 {
		color: var(--e-global-color-accent);
		font-size: 25px;
		font-weight: 800;		
	}	

	#id_jfd_form_3_quotes .elementor-button {
		margin-top: 1% !important;
	}	
	
	/* ###########################
	 *     FORMULAIRE 3 QUOTES
	 *           Fin
	 * #########################*/		

/* ###########################
 * PAGE "Plan du site"
 *       Début
 *    post-32745
 * #########################*/

	.post-32745 h1 {
		padding-bottom: 0px !important;
	}

	.post-32745 h2 {

	}

	.elementor-sitemap-title {
			display: block; /* Ensures it behaves like a block-level element. */
			width: 100vw; /* Makes the h2 span the full viewport width. */
			max-width: 100vw; /* Prevents constraints from Elementor. */
			margin-left: calc(-50vw + 50%); /* Centers the title across the full width of the viewport. */
	}

	.elementor-sitemap-section {

	}

	.elementor-sitemap-section h2 {
		background: var(--e-global-color-d551786);
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
.c_jfd_sitemap_html {
  padding-left: 5% !important;
	width: 100% !important;
}

/* ###########################
 * PAGE "Plan du site"
 *       Fin
 * #########################*/


	/* ###########################
	 * PAGES CG, Confidentialité, Cookies
	 *       Début
	 * #########################*/
	/* CG : ID = post-28848
	 * Confidentialité : ID = post-28856
	 * Cookies : ID = post-28858 
	 * */

	.jfd_cl_cg #cmplz-document{
		padding-left: 5%;
		padding-top: 3%;
		padding-bottom: 3%;
	}

	.jfd_cl_cg p {
		color: black;
	}

	.post-28848 h1, .post-28856 h1, .post-28858 h1 {
		/*  */ 
		text-align: left;
	}

	.post-28848 h2 {
		font-size: 18px !important;
	}


	/* ###########################
	 * PAGES CG, Confidentialité, Cookies
	 *       Fin
	 * #########################*/
	
	
	
	/* ###########################
	 *       PAGE Auteur
	 *          Début
	 * #########################*/	
	
	#id_jfd_auteur_section {
		background-color: white !important;
	}
	
	.c_jfd_auteur_container  {
		/* HTML div */
		width: 100%;
  display: flex !important;
  flex-direction: row !important; /* row, column, row-reverse, column-reverse */
  flex-wrap: nowrap !important; /* nowrap, wrap, wrap-reverse */
  justify-content: flex-start !important; /* center, flex-start, flex-end, space-around, space-between, space-evenly */
  align-items: center; /* The align-items property is used to align the flex items when they do not use all available space on the cross-axis (vertically). Values : center, flex-start, flex-end, stretch, baseline, normal */
  align-content: center; /* The align-content property is similar to align-items, but instead of aligning flex items, it aligns the flex lines. Values : center, stretch, flex-start, flex-end, space-around, space-between, space-evenly */
	column-gap: 20px; /* Set the space between the columns */
}
	
	.c_jfd_auteur_expertise_liste {
		/* liste ul avec ses li */
	}
	
	.c_jfd_auteur_expertise_liste li {
		font-style: italic !important;
	}
	
	#id_jfd_auteur_intro_container .e-con-inner {
		display: flex !important;
		flex-direction: row;
		justify-content: center !important;
			align-items: center !important; /* Aligns items vertically */
			gap: 20px !important; /* Adjusts spacing between elements */
	}

	#id_jfd_auteur_portrait_container {
			/* width: 30%; 
			min-width: 300px !important;*/ /* Ensures the image doesn't shrink too much */
    /*flex-grow: 0 !important;    The element will NOT grow even if there is extra space */
    /*flex-shrink: 0 !important;  The element will NOT shrink even if there is not enough space */
    /*flex-basis: 300px !important;  The initial size of the element before applying grow/shrink */
	}
	
	#id_jfd_auteur_portrait {
		width: 250px;
	}

	#id_jfd_auteur_text_container {
		/*flex: 1 !important;  Takes remaining space */	
		/* max-width: 60% !important; */
		width: 600px;
	}
	
	#id_jfd_auteur_quote {
		background-color: var(--e-global-color-85e9dcb) !important;
		padding: 20px;
		font-style: italic;
		border-radius: 15px;
	}
	
	#id_jfd_auteur_form_section {
		background-color: white !important;
	}
		
	
	/* ###########################
	 *       PAGE Auteur
	 *          Fin
	 * #########################*/
	
	

	/* ###########################
	 *       PAGE 404
	 *          Début
	 * #########################*/	
	
	.c_jfd_page_not_found_titles {
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.c_jfd_404_descr {
		font-size: 15px;
	}
	
	/* ###########################
	 *       PAGE 404
	 *          Fin
	 * #########################*/		
	
	
	

	/* ###########################
	 *      Footer
	 *       Début
	 * #########################*/	
	
	.c_jfd_footer_section {
		background-color: var(--e-global-color-85e9dcb) !important;
		padding-top: 10px !important;
	}
	
	#id_jfd_footer_lang_links_html {
		padding-right:70px;
	}	
	
	#id_jfd_footer_lang_links_html .elementor-widget-container {
	/* Aligner l’icône + les liens sur une même ligne, centrés verticalement */
	}	
	
	#id_jfd_footer_lang_links {
		/* targets the "img" and the 3 "span" */
  display: inline-flex;
  align-items: center;  /* aligne verticalement l'image et les textes */
  gap: 3px;            /* espace entre l'image et le premier lien */		
	}
	
	#id_jfd_footer_lang_img {
		display: block; /* évite les effets de baseline */
		width: 22px;
		height: auto;
		margin-right: 6px;
	}
	
	.c_jfd_lang_link {
		/* targets all "a" elements (all languages) */
	}
	
	.c_jfd_lang-fr {
		/* targets FR "a" element
		 * see "c_jfd_lang_link" above */
	}
	
	.c_jfd_lang-de {
		/* targets DE "a" element
		 * see "c_jfd_lang_link" above */
	}
	
	.c_jfd_lang-it {
		/* targets IT "a" element
		 * see "c_jfd_lang_link" above */
	}
	
	.c_jfd_lang-en {
		/* targets EN "a" element
		 * see "c_jfd_lang_link" above */
	}
	
	.c_jfd_lang_label {
		/* targets the label in the "a" element (it's a "span") */
		font-weight: bold !important;
	}
	
	.c_jfd_lang_sep {
		/* targets the separator between the language labels */	
		color: var(--text_color_a_links) !important;
		margin-left: 3px;
		margin-right: 3px;
	}
	
	.c_jfd_footer_links a {
		font-style: italic;
		font-size: 13px !important;
	}

	#id_jfd_footer_links_business {

	}

	#id_jfd_footer_types_hypo {

	}

	#id_jfd_footer_links_official {

	}

	#id_jfd_footer_links_support {

	}	
	
	/* ###########################
	 *      Footer
	 *       Fin
	 * #########################*/		
	
}

/* ################################
 * ################################
 *       For Desktop only  
 *             END        
  * ################################
 * #################################*/


/* ################################
 * ################################
 *       For Mobile only  
 *             START        
  * ################################
 * #################################*/


@media only screen and (max-width: 768px) {
	
	html {
		/* Lors de l'utilisation de listes HTML de type "OL" ou "UL", il faut décaler l'affichage à cause de la bande du menu en haut de page qui est "sticky" et qui couvre le texte */
		/* scroll-padding-top: 175px; */ 
		scroll-padding-top: 160px;/* Adjust based on your sticky header height */
	}	

	h1 {
	text-align: center;
	font-size: var(--text_size_h1_pages) !important;
	}

	h2 {
		text-align: center;
		/*color: var(--e-global-color-secondary) !important;*/
		font-size: var(--text_size_h2_pages) !important;
		font-weight: 800;
		text-transform: uppercase !important;
	}


	h2.c_jfd_background_dark, .c_jfd_background_dark h2 {
		/* To target h2 contained in this class */
		color: var(--e-global-color-d551786) !important;
	}

	.c_jfd_background_light h2 {
		/* To target h2 contained in this class */
	}

	.c_jfd_home_text_container h2 {
		padding-top: 2%;/*
		padding-bottom: 0px !important;
		padding-top: 30px;*/
	}

	h3 {
		text-align: center;
		color: var(--e-global-color-81ea427) !important;
		font-size: var(--text_size_h3_pages) !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;	
	}

	h3.c_jfd_background_dark, .c_jfd_background_dark h3 {
		/* To target 'h3 class="c_jfd_background_dark"' and 'h3 contained in this class' */
	color: var(--e-global-color-d551786) !important;
	}
	
	h3.c_jfd_background_light, .c_jfd_background_light h3 {
		/* To target 'h3 class="c_jfd_background_dark"' and 'h3 contained in this class' */

	}	

	.home h3 {
		/* Shadow properties */ 
		/*text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); */
		/* text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); jfd 09.02.25 : supprimé sur demade d'Eskinoz*/
		}

	.c_jfd_home_text_container h3 {
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.jfd_post_widget h3 {
		text-align: left;
		color: var(--e-global-color-81ea427) !important;	
	}

	.cl_jfd_taux h3 {
		/*color: yellow !important;*/
		padding-top: 25px;
	}

	h4 {
		margin-top: 20px;
		text-align: left;
		font-size: 24px !important;
	}

	.elementor-toggle h4 {
		/* Widget utilisé dans la FAQ par exemple */
		text-align: left;
	}

	h5 {
		text-align: left;
		font-size: 21px !important;
	}


	p {
		text-align: justify;
		color: var(--e-global-color-81ea427);
		font-size: var(--text_mobile_size);
	}
	
	p.c_jfd_background_dark, .c_jfd_background_dark p, div.c_jfd_background_dark, .c_jfd_background_dark div,  {
		color: var(--e-global-color-d551786) !important;
	}	
	
	.c_jfd_background_light, p.c_jfd_background_light, .c_jfd_background_light p, div.c_jfd_background_light, .c_jfd_background_light div  {
		font-size: var(--text_mobile_size) !important;
	}		

	ul, ol {
			color: var(--e-global-color-81ea427); /* (texte accentué) */
		padding-bottom: 20px;
		font-size: var(--text_mobile_size) !important;
	}

	/* I don't remember what it 's been for ... and it was changing the main menu appearance, so deactivated it
	.home ul, .home ol {
		color: var(--e-global-color-81ea427);
		padding-bottom: 20px;
	}
	*/

	table {
			color: var(--e-global-color-secondary);
	}

	/* 05.12.24 jfd : enlevé pour avoir tous les liens en rougeâtre pas soulignés, je trouve mieux ...
	p a {
		color: inherit;
		text-decoration: underline !important;
	}
	*/
	
	a, .c_jfd_link {
		color: var(--text_color_a_links) !important;
	}	

	a:hover, .c_jfd_link:hover {
		font-style: normal;
		/* font-weight: bold; fait bouger le reste du texte ... */
		color: black !important;
		text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); /* Shadow properties */
		/*font-size: calc(1em + 2px) !important;*/
	}	

	/*
	.elementor-element-1623981 {
		padding-top: 30px;
	}
	*/


	a.elementor-toggle-title:hover {
		/* Titres de la FAQ */	
	}


	.c_jfd_container_rounded {
	  border-style: solid !important;
		border-width: 5px !important;
		border-color: white !important;
		border-radius: 30px !important;
		overflow: hidden !important; /* Masque tout ce qui dépasse les bords arrondis */
		background: white !important;
		padding-top:1% !important;
	}

	.jfd_cl_text_shadow {
			/*text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);*/ /* Shadow properties */
	}

	.c_jfd_strong {
		/* Classe pour gérer le texte à mettre en gras dans les textes  */
		font-weight: 900;
		font-size: 105%;
	}

	.c_jfd_formula {
		/* Classe pour les formules de mathématique */
		display: inline-block; /* Change the span to block-like behavior */
		font-style: italic;
		text-indent: 20px !important;
	}
	
	
	/* ###########################
	 *      BOUTONS - BUTTONS
	 *           Début
	 * #########################*/
	.c_jfd_button_all_posts_container {
	/* bouton "Tous les articles au bs des cartes du widget "Posts" */
		margin-top: -30px !important;
		padding-top: 0 !important;
		padding-bottom: 20px !important;
	}
	
	.elementor-element-4b1286d1.c_jfd_button_all_posts_container {
	/* bouton "Tous les articles au bs des cartes du widget "Posts" */
		margin-top: 0 !important;
		padding-top: 30px !important;
		padding-bottom: 20px !important;
	}	
	
	
	/* ###########################
	 *      BOUTONS - BUTTONS
	 *           FIN
	 * #########################*/	

	/* ###########################
	 *      HEADER - Début
	 * #########################*/

	#id_jfd_header_container {
		background-color: white !important;
		padding-top: 2% !important;
		padding-bottom: 2% !important;;
		padding-left: 4%;
		margin-bottom: 0 !important;
	}

	#id_jfd_logo_container {
		/*background: blue;*/
		width:50% !important;
		padding-top: 2px;
		padding-bottom: 0px;
		/*width: 35% !important*/
	}

	#id_jfd_logo_container a img {
		/* the dimensions below are the original ones set in Elementor
		width: 190px;
		height: auto */
	}
	
	/* ### MENU ### */	
	
	#id_jfd_menu_home {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	  margin-bottom: 0 !important;	
	}

	#id_jfd_menu_home a {
		font-size: 22px;
		color: var(--e-global-color-secondary) !important;
	}

	#id_jfd_menu_home a:hover {
		font-size: 28px;
		color: var(--e-global-color-accent) !important;
	}
	
	#id_jfd_menu_home .elementor-nav-menu .elementor-item.elementor-item-active {
		color: var(--e-global-color-accent) !important;
	}	
	
	/* Sur mobile, on ne voyait pas le menu hamburger car il était transparent */
	.elementor-menu-toggle { background-color: white !important;
	}	
	
    .elementor-nav-menu--dropdown .elementor-item {
			/* Elementor adds its own background color so we remove it */
			background: none !important; /* Ensure no default Elementor background */
    }	
	
    /* Change background color for active menu item */
    .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
    .elementor-nav-menu--dropdown .elementor-item.current-menu-item, 
    .elementor-nav-menu--dropdown .elementor-item.current_page_item, .current-menu-item > a {
        background-color: transparent !important;
    }	
	
	/* Change background color on hover */
    .elementor-nav-menu--dropdown .elementor-item:hover, .current-menu-item:hover, .elementor-sub-item:hover {
        background-color: transparent !important; 
    }
	
	.elementor-nav-menu--dropdown-mobile .elementor-nav-menu__container ul {
        /*display: inline-block;  Ensure it only takes necessary width * Align text within the "ul" */		
		padding-top: 1%;
		padding-bottom: 1%;		
		background-color: var(--e-global-color-d551786);
	}
	
    #id_jfd_menu_home .elementor-nav-menu__container {
			border-color: var(--e-global-color-secondary);
			border-width: 3px;
			border-style: solid;
	}
		
	.elementor-nav-menu__container {
			overflow: visible !important;
	}		
	
	/* jfd 21.07.25 to check menu display
	 * Dessine la flèche en dessus du menu */
 .elementor-nav-menu__container::before {
    content: "" !important;
    position: absolute !important;
    top: -19px !important; 
    right: 1% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
    border-bottom: 20px solid var(--e-global-color-secondary) !important; 
    z-index: 999 !important;
}	
	
	
	/* Ensure the parent menu item text color is the same as the active submenu item */
	#id_jfd_menu_home .elementor-nav-menu .menu-item-has-children.current-menu-ancestor > a,
	#id_jfd_menu_home .elementor-nav-menu .menu-item-has-children.current-menu-parent > a {
			color: var(--e-global-color-accent) !important;  /* Change text color of the parent */
	}		


	/* ### BREADCRUMBS ### */

	#id_jfd_menu_breadcrums_container {
		/*background:green;*/
		gap: 0px !important;
		padding-top: 2%;
		padding-bottom: 0 !important;
		width: 30%;
	}
	
	#id_jfd_breadcrums_mobile_container {
		padding-top: 0 !important;
		padding-left: 2% !important;
		padding-right: 5% !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;	
	}

	.c_jfd_breadcrumbs {
		font-style: italic;
	}
	
	#id_jfd_breadcrumbs_mobile {
		display: none !important;
	}
	#id_jfd_breadcrumbs_header_desktop {
		display: none;
	}
	
	
	/*  ### MENU LANGUES ### */
	#id_jfd_menu_lang {
		
	}	
	
	/* ###########################
	 *      MOBILE Search Form
	 * #########################*/	
	#id_jfd_search_form_mobile {
		margin: 0 !important;
		padding: 0 !important;
		padding-top: 2% !important;
	}
	

	/* ###########################
	 *      HEADER - Fin
	 * #########################*/
	
		/* ###########################
	 * ACCUEIL - HOME - Début
	 * #########################*/

	.home h1 {
		font-size: 30px !important;
	}
	
	.home h2 {
		font-size: 30px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}	
	
	#id_jfd_hero_img_container {
	padding: 0 !important;         
	}

	#id_jfd_hero_img {

	}		
	
	#id_jfd_hero_titles_container {
		background: var(--e-global-color-85e9dcb);
		margin-top: 0 !important;
		padding-top: 0 !important;
		margin-left: 15px !important;
		padding-left: 0 !important;
	  max-width: 250px !important;
	}	
	
	#id_jfd_hero_titles {
		margin-top: 0 !important;
		padding-top: 0 !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	#id_jfd_hero_title_1 {
		margin-top: 0 !important;
		padding-top: 0 !important;
		margin-left: 0 !important;
		padding-left: 0 !important;	
		text-align: left !important;
	}
	
	#id_jfd_hero_title_2 {
		margin-top: 0 !important;
		padding-top: 0 !important;
		margin-left: 0 !important;
		padding-left: 0 !important;	
	  text-align: left !important;
	}	

	#id_jfd_section_intro {
		background-color: transparent !important;
		padding-top: 4% !important;
		padding-left: 7% !important;
	  padding-right: 7% !important;
		padding-bottom: 10% !important;
	}	
	
	#id_jfd_section_intro_left {

	}
	
	#id_jfd_homepage_firstvisibletitle {
		color: var(--e-global-color-81ea427);
	}
	
	#id_jfd_section_intro_shortcuts {
		/*background: var(--e-global-color-224df5a) !important;*/
		display:none !important;
	}
	
	.c_jfd_intro_vos_questions {

	}	
	
	.c_jfd_intro_vos_questions h2 {
		margin-top: 6% !important;
		padding-left: 0% !important;
		padding-right: 0% !important;
		font-size: 23px !important;
	}
	
	.cl_jfd_text_mobile {
	font-size: var(--text_mobile_size);
	}

	.c_jfd_home_text_container {
		padding-bottom: 1.5% !important;
	}
	
	#id_jfd_intro_choices_title_1 h2 {
		padding-top: 0 !important;
	}
	
	#id_jfd_intro_choices_title_2 h3 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}	
	
	#id_jfd_section_financer_votre_bien {
		background-color: yellow !important;
	}
	
	#id_jfd_section_avantages {
		background-color: transparent !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}	
	
	#id_jfd_section_avantages_col_titles {
		padding-top: 0 !important;
		margin-top: 0 !important;		
		padding-bottom: 0 !important;
	}
	#id_jfd_section_avantages_col_titles_t1, #id_jfd_section_avantages_col_titles_t2 {
		display: none !important;
	}	
		
	
	#id_jfd_section_avantages_col_texts {
		padding-top: 30px !important;
		margin-top: 0 !important;
	}	

	.cl_jfd_avantages_box {
		padding-left: 10px;
		padding-right: 10px;
	}

	.cl_jfd_avantages_box p {
		color: var(--e-global-color-81ea427);
		font-size: var(--e-global-typography-accent-font-size);
	}
	
	#id_jfd_section_3_quotes_home {
		background-color: transparent !important;
		padding-bottom: 8% !important;
	}
	
	#id_jfd_3_quotes_container {
		background: var(--e-global-color-85e9dcb) !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	
	#id_jfd_section_taux_container {
		background: transparent !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-left: 10% !important;
		padding-right: 10% !important;		
	}	
	
	#id_jfd_section_taux_container h2 {
		margin-top: 0 !important;
	  padding-top: 0 !important;
	}	
	
	#id_jfd_section_taux {
		
	}
	
	#id_jfd_section_taux h2 {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}		
	
	#id_jfd_section_taux h3 {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 4% !important;
		padding-bottom: 0 !important;
	}	
	
	#id_jfd_section_taux {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}	
	
	.cl_jfd_taux {
	
	}
	
	.cl_jfd_taux_img {
		display: block;   /* Make the image a block element */
		margin: 0 auto;  /* Center it horizontally */	
		padding-top: 0 !important;
		margin-top: 0 !important;		
	}	
	
	#id_jfd_taux_img_left {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	
	#id_jfd_taux_img_middle {

	}
	
	#id_jfd_taux_img_right {

	}	
	
	.cl_jfd_taux_titre {
		text-align: center !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		font-size: 35px !important;
	}	
	
	.cl_jfd_taux_texte {
		margin-top: 5% !important;
	}		
	
	#id_jfd_btn002_container {
		padding-top: 2rem;
	}
	
	#id_jfd_btn_home_002 {
		margin-top: 0 !important;
	}
	
	#id_jfd_taux_interets_hypo {
		padding-top: 3rem;
	}
	
		#id_jfd_section_martin_luther_king {
			background-color: transparent !important;
			margin-top: 0 !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
			display: flex;
			flex-direction: column;
			align-items: center !important;
		}

	#id_jfd_section_martin_luther_king,
	#id_jfd_believers {
		/* debug */
		/*outline: 2px solid red !important;*/
	}	

	#id_jfd_section_martin_luther_king .elementor-element-07a9f2a .elementor-widget-container {
			margin: 0 !important;
			padding: 0 !important;		
		}	
	
	#id_jfd_believers {
		margin-top: 30px !important;
	}
		#id_jfd_section_martin_luther_king * {
			/* Remove margins from all children 
				margin-top: 0 !important;
				margin-bottom: 0 !important;
				padding-top: 0 !important;
				padding-bottom: 0 !important;	*/
		}	
	

 
	
	
	
	.c_jfd_believe_txt {
		margin-top: -30px !important;
		padding-top: 0 !important;
	}	
	
	.c_jfd_believe_txt p {
		text-align: center !important;
		font-weight: inherit !important;
	}	
	
	.c_jfd_believe_titles {	
		text-transform: uppercase;
	}
	
	#id_jfd_believe_title_1 {
		font-size: 21px !important;
		font-weight: 500 !important;
		line-height: 0.9 !important;
	}
	
	#id_jfd_believe_title_2 {
		font-size: 30px !important;
		font-weight: 600 !important;
		line-height: 0.95 !important;
	}	

	#id_jfd_believe_name {
		font-size: 22px;
	}

	#id_jfd_believe_leader {
		font-size: 18px !important;
		font-style: italic;
		font-family: "Arial", sans-serif; /* Try a font that supports thin weights */
		font-weight: 300 !important;
		line-height: 1 !important;
	}			

	#id_jfd_section_condition_pour_obtenir {
		padding-top: 7% !important;
		background: transparent !important;
	}
	
	#id_jfd_btn_home_003 {
		padding-top: 2rem !important;
	}
	
	#id_jfd_section_frais_hypotheque {
		background: transparent !important;
	}	
	
	#id_jfd_section_frais_hypotheque_part1 {
		
	}
	
	#id_jfd_section_frais_hypotheque_part1 {
		padding-top: 0 !important;
	}		
	
	#id_jfd_frais_hypotheque {
		padding-top: 7% !important;
	}

	#id_jfd_capacite_emprunt {
		padding-top: 1% !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	#id_jfd_btn_home_004 {
		margin-top: 0 !important;
		padding-top: 1% !important;
	}

	#id_jfd_description_simulateur {
		padding-top: 7% !important;
	}

	#id_jfd_obtenez_votre_hypotheque {
		padding-top: 1% !important;
	}
	
	#id_jfd_obtenez_votre_hypotheque_txt {
		padding-top: 20px !important;
	}
	
	#id_jfd_btn_home_005 {
		padding-top: 6% !important;
	}

	#id_jfd_acceder_taux_avantageux {
		padding-top: 2% !important;
	}	

	#id_jfd_section_testimonials {
		background-color: transparent !important;
		margin-top: 0 !important;
		padding-top: 5% !important;
	}
	
	#id_jfd_section_testimonials h3 {
		padding-top: 8% !important;
	}		
	
	#id_jfd_section_stats {
		padding-bottom: 5% !important;
		margin-bottom: 0 !important;
	}
	
	.cl_jfd_box_stat_text .elementor-icon-box-title {
		text-align: center;
		color: white !important;
	}

	.cl_jfd_box_stat_text .elementor-icon-box-description {
		text-align: center;
		color: white !important;
	}	
	
	#id_jfd_stats_text_container {
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
	
	#id_jfd_stats_text {
		color: var(--e-global-color-accent) !important;
		padding-left: 6% !important;
		padding-right: 6% !important;
		padding-top: 4% !important;
		padding-bottom: 4% !important;
	}	
	
#id_page28845_id_jfd_btn_home_006 {
		padding-top: 10%;
	}	
	
	#id_jfd_section_faq {
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 5% !important;
		background: transparent !important;
	}		
	
	#id_jfd_section_villes {
		background-color: transparent !important;
		padding-top: 5% !important;
		padding-bottom: 5% !important;
		padding-left: 10% !important;
		padding-right: 10% !important;		
	}
	
	#id_jfd_container_villes {
		padding-left: 7% !important;
		padding-right: 7% !important;
		padding-top: 7% !important;
		padding-bottom: 3% !important;
	}	
	
	.c_jfd_section_pretimmo {
		/* Section identifiées dans d'autres pages également */
		background-color : var(--e-global-color-85e9dcb) !important;
		padding-top: 8% !important;
		padding-left: 10% !important;	
		padding-right: 10% !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	.c_jfd_section_pretimmo_titre {
		
	}
	
	.c_jfd_section_pretimmo h2 {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}		
	
	.c_jfd_section_pretimmo .c_jfd_title_descr {
	  color : var(--e-global-color-81ea427) !important;
		text-align: center;
		font-size: var(--text_size_h3_pages) !important;
		text-transform: uppercase;
		font-weight: 700 !important;
	}	
	
	#id_jfd_btn_all_posts_widget {
		/*background-color : red !important;*/
		margin: 0 !important;
		padding: 0 !important;
		/*padding-bottom: 20px !important;*/
	}

	#id_jfd_btn_all_posts_widget .elementor-widget-container {
		/*background-color : yellow !important;*/
		margin: 0 !important;
		padding: 0!important;
		/*padding-bottom: 20px !important;*/
	}
	

	/* ###########################
	 * ACCUEIL - Fin
	 * #########################*/


	/* ###########################
	 *      LATERAL BAR - Début
	 * #########################*/

	#id_jfd_lateral_bar_cta .elementor-widget-container .elementor-cta {
		border-radius: 15px;
		border-style: solid;
		border-width: 1px;
		border-color: var(--e-global-color-accent);
	}

	.c_jfd_padding_for_lateralbar_r {
		/* Padding nécessaire à droite pour afficher la barre latérale */
		padding-right: 5% !important;
	}

	.c_jfd_padding_for_lateralbar_l {
		/* Padding à gauche lié à l'espace nécessaire à droite pour afficher la barre latérale */
		padding-left: 5% !important;
	}
	
	#id_jfd_lateral_bar_container_on_page, 	#id_jfd_lateral_bar_container {
		display:none;
	}

	/* ###########################
	 *      LATERAL BAR - Fin
	 * #########################*/

	

	
	/* #########################
	 *     TOOLTIPS (HINTS)
	 * ########################*/
	/* Utilisé par exemple dans les libellés des champs du formulaire de contact */

	.tooltip-icon {
		/*color: #0073e6 !important;  Blue color for the icon 
		font-weight: bold !important;
		margin-left: 5px !important;*/
		cursor: help !important;
	}

	/* Hide the tooltip text by default */
	.tooltip-icon[data-tooltip]:hover::after {
		content: attr(data-tooltip) !important;
		position: absolute !important;
		background-color: rgba(0, 0, 0, 0.7) !important;
		color: white !important;
		padding: 5px !important;
		border-radius: 5px !important;
		font-size: 12px !important;
		top: -35px !important; /* Adjust positioning */
		left: 50% !important;
		transform: translateX(-50%) !important;
		white-space: nowrap !important;
		z-index: 999 !important;
		opacity: 0 !important;
		transition: opacity 0.3s ease !important;
	}

	/* Show the tooltip text when hovering */
	.tooltip-icon[data-tooltip]:hover::after {
		opacity: 1 !important;
	}

	/* #########################
	 *     MODÈLE TESTIMONIALS
	 *          Début
	 * ########################*/

  .c_jfd_testimonials_wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
		padding-top: 1rem;
		padding-bottom:10%;
		padding-left: 1rem; 
		padding-right: 1rem;
  }

  .c_jfd_testimonial_card {
    margin-top: 1%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    background: var(--e-global-color-85e9dcb);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 10px;
    border: 1px solid;
    box-shadow:
      4px 0 6px rgba(0, 0, 0, 0.15),
      0 -4px 6px rgba(0, 0, 0, 0.1);
  }

  .c_jfd_stars {
    font-size: 25px;
    color: var(--e-global-color-primary);
    align-self: center;
  }

  .c_jfd_text {
    margin-top: 4%;
    font-family: var(--e-global-typography-accent-font-family);
    font-size: 15px;
    text-align: justify;
  }

  .c_jfd_name {
    margin-top: 3%;
    font-weight: bold;
    font-size: 18px;
  }

  .c_jfd_city {
    font-size: 15px;
    font-style: italic;
  }
	
	/* #########################
	 *     MODÈLE TESTIMONIALS
	 *          Fin
	 * ########################*/	
	
	
	/* ###########################
	 * MODÈLE "Carte_Suisse_Hypotheques"
	 *       Début
	 * #########################*/		
	
	/* On gère les padding et margin dans la section qui contient le modèe comme dans la page "Contact" par exemple */
	
	#id_jfd_carte_suisse_container_global {
		margin-top: 0 !important;
		margin-bottom: -15% !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;		
	}
	
	#id_jfd_carte_suisse_html_container {
		margin-top: -50px !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;				
	}
	
	#id_jfd_carte_suisse_html {
		/* Important : ne pas toucher car sinon les zones de la carte en highlight ne couvrent plus correctement la zone intiale (translation) */
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		position: relative; /* Pour que le zoom sur les cantons fonctionne */
	}	
	
	#id_jfd_carte_suisse_mobile_info {
		/* A afficher sur mobile */
		margin-top: 30px !important;
		text-align: center;
		color: var(--e-global-color-81ea427);
	}
	
	#id_jfd_carte_suisse_tooltip {
		display: none; /* bien caché */		
	}
	
	/* ###########################
	 * MODÈLE "Carte_Suisse_Hypotheques"
	 *       Fin
	 * #########################*/	
	
	
	/* ###########################
	 * MODÈLE "Courtiers Villes"
	 *       Début
	 * #########################*/
	
	.c_jfd_tableau_courtier_villes table {
		/* Adjust the thickness, style, and color of the external border of the table */
		/*border: 2px solid red; 
		border-collapse: collapse; */ 
		/* Ensures that borders between cells are collapsed into a single border */
	}

	.c_jfd_tableau_courtier_villes a {
		/* Lien dans le tableau */
	}

	.c_jfd_tableau_courtier_villes td {
		/* Texte des cellules dans le tableau et bord des cellules */
		/*border: 2px solid red !important;*/
	}
	
	.c_jfd_courtier_item_section {
		padding-top: 0 !important;
		align-items: stretch !important;
	}
	
	.c_jfd_courtier_item_container {
		border-style: solid !important;
		border-width: 1px !important;
		border-color: var(--e-global-color-accent) !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important; 
		height: 100% !important;         /*ensure they stretch equally 
		/*box-sizing: border-box !important;		
		min-height: 80px !important;*/
		
	}
	
	.c_jfd_courtier_item_container .elementor-widget-container {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}	
	
	.c_jfd_courtier_item_container_even {
		background:  var(--e-global-color-85e9dcb);
	}
	
	.c_jfd_courtier_item_container_odd {
		background: var(--e-global-color-224df5a);
	}	
	
	.c_jfd_courtier_item { 
		/* span */
		color: var(--e-global-color-81ea427);
		font-size: var(--text_mobile_size);
	}
	
	/* ###########################
	 * MODÈLE "Courtiers Villes"
	 *       Fin
	 * #########################*/		
	
	/* #########################
	 *     COMPTEURS
	 * ########################*/	
	.elementor-counter-title {
		text-align: center;
	}	

	
	/* ###########################
	 * ARTICLES - FR, DE, IT et EN
	 *      Début
	 * #########################*/	
	.c_jfd_no_post {
		text-align: center;
		color: var(--e-global-color-accent);
		font-size: 20px;
	}

	/* ###########################
	 * ARTICLES - FR, DE, IT et EN
	 *      Fin
	 * #########################*/		
	

	/* ###########################
	 * ARTICLES - ARCHIVES
	 *      Début
	 * #########################*/

	/*  Classes pour les cartes des publications 
	elementor-post__card
	elementor-post__badge
	elementor-post__title
	elementor-post__text
	elementor-post__excerpt
	*/

	#id_jfd_archives_section_top {
		padding-top: 0 !important;
		padding-bottom: 1% !important;
		margin-top: -12px !important;
	}
	 
	.elementor-post__thumbnail {
		/* Si cela n'est pas fait, sur mobile, il y a un rectangle gris qui s'affiche sous l'image puis disparaîtquand on bouge le curseur ou on touche l'écran */
    max-height: 150px !important;
	}	
	
	.elementor-post__card {
		border-color: white !important;
		border-width: 2px !important;
		border-radius: 20px !important;
	}

	.elementor-post__badge {
		border-style: solid !important;
		border-color: white !important;
		border-width: 1px !important;
		text-align: center;
		line-height: 1.2 !important;
		font-size: 12px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	
	.elementor-post__text {
		margin-left: 0 !important;	
		margin-right: 0 !important;
		padding-left: 15px !important;	
		padding-right: 15px !important;		
	}

	.elementor-post__title {
		/* This below is useful for German
		 * Words are often too long to be
		 * dispalyed completely in the 
		 * width of the card.*/
		hyphens: auto;
		overflow-wrap: break-word;
		word-break: break-word;	
		margin-left: 0 !important;	
		margin-right: 0 !important;
		padding-left: 0 !important;	
		padding-right: 0 !important;
	}	

	.elementor-post__title a {
		/* Titre sur les cartes */
		font-size: 21px !important;
		color: var(--e-global-color-accent) !important;
	}

	.elementor-post__excerpt p {
		font-size: var(--text_mobile_size) !important;
	}

	/* ###########################
	 * ARTICLES - ARCHIVES
	 *      Fin
	 * #########################*/

	/* ###########################
	 * ARTICLES - SINGLE POST
	 *      Début
	 * ID = 28834
	 * #########################*/

	.jfd_post_widget {
		padding-bottom: 0 !important;
	}
	
	.jfd_post_widget h1 {
		padding-top: 0% !important;
		padding-bottom: 3% !important;
	}

	.jfd_post_widget h2 {
		padding-top: 4%;
		padding-bottom: 0%;
		margin-top: 40px !important;
	}

	.jfd_post_widget h3 {
		padding-top: 3%;
		padding-bottom: 0%;
	}

	.jfd_post_widget h4 {
		padding-top: 2%;
		padding-bottom: 0%;
	}

	.jfd_post_widget p {
		/* Texte général dans les articles */
		font-size: var(--text_mobile_size);
	}

	.jfd_post_widget a {
	  /* Texte général dans les articles */
	}
	
	#id_jfd_singlepost_section_top {
		background-color : var(--e-global-color-85e9dcb) !important;
		margin-top: 0 !important;
		padding-top: 5% !important;
		padding-bottom: 5% !important;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}	
	
	.c_jfd_img_post_first_container {
		padding-bottom: 5% !important;
	}	

	.c_jfd_post_img_and_text {
		display: flex; /* Enables flex layout */
		flex-direction: row !important;
		
		gap: 20px; /* Adds space between the figure and the paragraph */
		align-items: center; /* Ensures the image and text are aligned to the top */
	}
	.c_jfd_post_img_and_text figure {
		margin: 0; /* Remove any default margins */
		flex: 0 0 auto; /* Prevent the figure from shrinking */
	}
	.c_jfd_post_img_and_text p {
		margin: 0; /* Remove default margins */
		padding-left: 10px; /* Add padding to the left if you want space between the image and text */
	}

	.jfd_post_img_featured {

	}

	.jfd_post_img_featured img {
		width: 400px !important;
		height: auto;
	}

	p.c_jfd_post_first_p {
		/*margin-left: 0% !important;*/
	}

	.c_jfd_post_p_more_marging_top {
		/* Paragraphs Wordpress dans les posts. Seulement les paragraphs qui doivent être descendus un peu ... */
		margin-top: 20px !important;
	}
	
	.c_jfd_post_p_more_marging_top .cl_jfd_button_post {
		margin-top: 5% !important;
	}	


	.jfd_post_widget_container {
		/* Bloc Elementor qui contient le widget "post" */  
		padding-left: 5%;
	}

	.jfd_post_widget .elementor-widget-container {
		padding-left: 5% !important;
		padding-right: 5% !important;
		padding-top: 3% !important;
		padding-bottom: 3% !important;
		/*
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		flex-wrap: wrap; 	
		*/
	}

	.jfd_post_img_all {
		/* Toutes les images des articles */
		display: flex !important;
		justify-content: center !important;
		align-items: center !important; /* Optional: vertically centers if the figure has a height */
		width: 100% !important; /* Ensure the figure takes up full width if not set */
		height: auto !important; /* Ensure the height adjusts to content, but you can set a specific height if required */
	}

	.jfd_post_img_all img {
		width: 75%;
		max-width: 100% !important; /* Ensure the image scales responsively */
		height: auto !important; /* Maintain aspect ratio */
		margin: 0; /* Make sure no external margin is interfering */
	}

	.jfd_post_img_left {
			/* Image à l'intérieur d'un article qui doit être à gauche */
		/* float: left !important;*/
		justify-content: left !important;
		margin-left: 5%;	
		/*padding-right: 20px; */
	}
	.jfd_post_img_right {
			/* Image à l'intérieur d'un article qui doit être à droite */
		/* float: right;*/
		justify-content: right !important;
		/*padding-left: 20px;*/
	}

	.c_jfd_post_table {
		/* Tableaux des articles */
		/* Exemple dans "https://pretimmobilier.ch/comparaison-des-taux-hypothecaires/" */
	}

	.c_jfd_post_table thead {
	  font-weight: bold;
	}

	.c_jfd_post_table tr {
		text-align: center;
	}
	
	.jfd_post_widget .c_jfd_text {
		color: var(--e-global-color-accent) !important;
	}

	.jfd_post_widget .c_jfd_name {
		color: var(--e-global-color-accent) !important;
	}

	.jfd_post_widget .c_jfd_city {
		color: var(--e-global-color-accent) !important;
	}		

	.elementor-pagination {
		padding-top: 20px;
	}
	
	/* Gestion des boutons avec des libellés trop longs pour mobile */
	.cl_jfd_button_post.cl_jfd_button_post_desktop, .cl_jfd_button_post_desktop {
		display: none !important;
	}
	
	#id_jfd_btn_contact_from_single_post_template {
		/* Bouton de contact en fin d'article */
		padding-bottom: 15%;
	}
	
	#id_jfd_singlepost_section_similar_art { 
		gap: 0px !important;
	}

	/* ###########################
	 * ARTICLES - SINGLE POST
	 *      Fin
	 * #########################*/
 
 	/* ###########################
	 * CALCULATEUR - Début
	 * CSS manual : https://cff.dwbooster.com/faq#q82
	 * #########################*/

	#fbuilder label .r {
		/* L'astérisque des champs obligatores */
		color: var(--e-global-color-accent) !important;
	}

	#fbuilder .fform {
		margin-top: 0px;
	}

	/* "form title" and "header description" */
	#fbuilder .fform h2 {
		font-size:24px;
		color: var(--e-global-color-81ea427);
	}
	#fbuilder .fform span {
		font-size:16px;
	}

	/* Labels */
	#fbuilder, #fbuilder label,
	#fbuilder span {
		color: var(--e-global-color-81ea427);
		font-weight: bold;
	}

	/* "asterisk" in required fields */
	#fbuilder label .r {
		color: var(--e-global-color-text);
	}

	/* input, textarea and select fields*/
	/*
	#fbuilder input[type=text],
	#fbuilder textarea,
	#fbuilder select {
		border: 5px solid var(--e-global-color-primary) !important;
	}
	*/

	/* Champ de saisie par l'utilisateur */
	.cl_jfd_calculator_open .field,
	#fbuilder select {
		border: 1px solid var(--e-global-color-secondary) !important;
	}

	/* Champ de saisie par l'utilisateur */
	.cl_jfd_calculator_open .field {
		background: white;
	}

	/* Champ calculés en lecture seule */
	.cl_jfd_calculator_readonly .field{
		background: var(--e-global-color-d551786);
	}

	.cff-checkbox-field {
		
	}

	#field_1-1 {
		/* Checkbox du calculateur pour générer les résultats */
		margin-left: 15% !important; /* Pour "centrer" le tout. Impossible autrement la checkbox ne se centre pas. */
		padding-top: 30px !important;
		padding-bottom: 20px !important;
	}

	#field_1-1 label span {
		/* Checkbox "Cocher/Décocher" */
		text-transform: uppercase;
		color: red !important;
		font-size: 16px;
	}

	/* Supposed to access the toggle checkbox but does not work 
	.cff-checkbox-field input[type="checkbox"] {
	  accent-color: red !important;
	}
	*/

	/* submit button */
	/* Je n'utilise pas
	#fbuilder .pbSubmit { color: #00f !important; font-weight: bold !important; }
	*/

	/* "Section Break" field */
	/* Je n'utilise pas
	#fbuilder .section_breaks .section_break { border:0px; }
	#fbuilder .section_breaks label { font-size:18px; }
	#fbuilder .section_breaks span { font-size:14px; }
	*/

	/* "Instructions Text" field  */
	/* Je n'utilise pas
	#fbuilder .comment_area label {
		font-size:18px; }
	#fbuilder .comment_area span {
		font-size:14px; }
	*/

	/* ### ### #### in the phone field */
	/* Je n'utilise pas
	.uh_phone .l {display:none;}
	*/

	/* Date Format label in the date field */
	/* Je n'utilise pas
	#fbuilder .dformat {display:none;}
	*/

	/* color of the "Instructions for Users" text in the fields */
	#fbuilder .uh {
		color: var(--e-global-color-secondary);
		font-style: italic;
		font-weight: normal;
	}

	/* If the "Instructions for Users" are configured as tooltips, the class applied would be: .uh-tooltip */
	/* Je n'utilise pas
	.uh-tooltip {color:#2196f3;}
	*/

	/* ###########################
	 * CALCULATEUR - Fin
	 * #########################*/

	/* ###########################
	 * PAGE "Contact"
	 *       Début
	 * #########################*/

	/* class ID = page-id-28862 */
	/* Check contact form further below on its own section */ 

	.page-id-28862 #id_jfd_latbar_bouton {
		/* On masque le bouton "Contactez-nous" quand on est sur la page de contact */
		display: none;
	} 
	
	#id_jfd_contact_section_titles {
		padding-top: 5%;
		padding-bottom: 5%;
		padding-left: 5%;
		padding-right: 5%;
	}	
	
	#id_jfd_contact_info {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	
	.elementor-element-d47d870 * {
		/* Impossible de trouver l'élémetn qui sur mobile fait qu'il y a un espace en bas de la section après l'adresse */
			margin-bottom: 0 !important;	
	}

	.elementor-element-1fe83e0 {
		/* Script de récupération des paramètres de l'URL */
		display: none !important;
	}	
	
	.elementor-element-13f329c {
		/* Zone detexte avec les horaires d'ouverture */
		padding-top: 20px !important;
	}
	
	.page-id-28862 .elementor-testimonial-name, .page-id-28862 .elementor-testimonial-job {
		/* Nom et ville des testimoniaux */
		font-size: 25px !important;
	}
	
	.page-id-28862 .elementor-testimonial-content {
		font-size: 20px !important;
	}
	
	#id_jfd_contact_content  #id_jfd_form_main {
		padding-bottom: 40px !important;
	}	

	/* ###########################
	 * PAGE "Contact"
	 *       Fin
	 * #########################*/
	
	/* ###########################
	 * PAGE "Simulateur - Calculatrice"
	 *       Début
	 *    .post-37510, .post-39806, .post-40964, .post-40966 
	 * #########################*/	
	
	.post-37510 h2 {
		padding-bottom: 15px;
	}
	
	#id_jfd_unlock_with_email_top_container {
		/* background-color: green !important; */
		margin: 0 !important;
		padding: 0px !important;
	}

	#id_jfd_form_unlock_title {
		/* background-color: orange !important; */
		margin: 0 !important;
		padding: 0 !important;
		padding-top: 15px !important;
		font-style: italic;
		font-weight: bold;
		text-align: center !important;
	}
	#id_jfd_form_unlock_with_email_container {
		/* background-color: red !important; */
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Je spécifie ci-dessous les pages pour lesquelles la margin-top doit être appliqué sinon a le fait aussi dans l'éditeur Elementor et le formulaire part se cacher en haut */
.post-37510 #id_jfd_form_unlock_with_email_container, .post-39806 #id_jfd_form_unlock_with_email_container, .post-40964 #id_jfd_form_unlock_with_email_container, .post-40966 #id_jfd_form_unlock_with_email_container {
    margin-top: 0px !important;
}	
	
	#id_jfd_form_unlock_with_email {
		/* elementor widget form */
		margin: 0 !important;
		padding: 0 !important;		
	}
	
	#id_jfd_form_unlock_with_email_internal {
		/* Internal fomr ID used in javascript */
		margin: 0 !important;
		padding: 0 !important;		
	}
	
	.elementor-element-2ebcaae {
		/* Elément qui contient le script de traduction des conditions juridiques de la form unlock */
		display:none !important;
	}
	#id_jfd_simulator_all_top_container {
		/* It contains all the elements about the simulator and we can therefore hide/display all at once */
	}
	#id_jfd_calculated_fields_top_container {
		
	}
	
	#cp_calculatedfieldsf_pform_2 {
		/* On cache le simulateur (calculatrice) au départ et il s'affichera avec Javascript lorsque l'utilsiateur a fourni son adresse email 
			display: none !important;*/
	}	
	
	.cl_jfd_simulation_info {

	}
	
	#id_jfd_simulation_info_top_container {
		
	}
	
	#id_jfd_form_calculation_results_top_container {
	}
	#id_jfd_form_calculation_results {
		
	}
	
	#id_jfd_fonctionnement_top_container {
		
	}
	
	#id_jfd_3_propositions_top_container {
		padding-top: 20px;
	}
	
#id_jfd_mecanismes_top_container {
		
	}	
	
#id_jfd_calculinterets_top_container {
		
	}
	
#id_jfd_types_taux_descr_top_container {
		
	}
	
#id_jfd_types_taux_def_top_container {
		
	}
	
#id_jfd_methodologie_top_container {
		
	}
	
#id_jfd_optimisez_top_container {
		
	}
	
#id_jfd_conseils_top_container {
		
	}

	
	/* ###########################
	 * PAGE "Simulateur - Calculatrice"
	 *       Fin
	 * #########################*/		
	

	/* ###########################
	 * PAGE "Courtier en hypothèque"
	 *       Début
	 *    post-35591
	 * #########################*/

	#id_courtiers_cities_title {
		margin-top: 0 !important;
		padding-top: 2% !important;
	}

	/* ###########################
	 * PAGE "Courtier en hypothèque"
	 *       Fin
	 * #########################*/

	/* ###########################
	 *    FORMULAIRE CONTACT
	 *          Début
	 * #########################*/

	/* Texte des informations juridiques  */
	.jfd_inf_jur {
		color: var(--e-global-color-81ea427);
		text-align: justify;
		font-size: 0.95em;
		font-style: italic;
		line-height: 0.9;
		margin-bottom: -5px;
		margin: 0; /* Pour afficher le texte à droite de la checkbox (avec d'autres settings) */
	}
	
	.elementor-field-group-frm_jur {
		/* Acceptation */
		padding-top: 10px;
	}
	
	.elementor-field-option {
	/* Pour afficher le texte à droite de la checkbox (avec d'autres settings) */	
			display: flex;
			align-items: center;
	}

	.elementor-field-option input[type="checkbox"] {
	/* Pour afficher le texte à droite de la checkbox (avec d'autres settings) */	    margin-right: 10px; /* Adds space between the checkbox and the text */
}	


	.cl_jfd_cgu_link {

	}

	.jfd_inf_jur a:hover {

	}

	.cl_jfd_form .elementor-field-type-submit {
		margin-top: 15px;
	}

	.cl_jfd_form {
		
	}

	/*#frm_jfd_homepage*/ .elementor-message-danger {
		color: red;
	}

	/*#frm_jfd_homepage*/ .elementor-message-success {
		background: var(--e-global-color-background);
		font-size: 20px !important;
		line-height: 20px !important;
		color: var(--e-global-color-secondary) !important;
		margin-top: 30px;
		padding: 10px 10px 10px 10px !important;
		border-radius: 10px;
		border-style: solid;
		border-color: var(--e-global-color-primary);
		border-width: 2px;
	}
	
	#id_jfd_form_main .elementor-field-label {
		/* Sur mobile, il n'y avait pas d'espace entre le libellé et le champ au-dessus  */
    margin-top: 10px; /* Adjust value as needed */
    display: block; /* Ensures label is on its own line */
}

	/* ###########################
	 *     FORMULAIRE CONTACT
	 *         Fin
	 * #########################*/
	 
	
	/* ###########################
	 *     FORMULAIRE 3 QUOTES
	 *           Début
	 * #########################*/	
	
	.c_jfd_container_rounded
		#id_jfd_3_quotes_container, #id_jfd_3_quotes_container.c_jfd_container_rounded {
		border-color: var(--e-global-color-secondary) !important;
		border-width: 3px !important;
	}	
	
	#id_jfd_3_quotes_container {
		padding-top: 8% !important;
		padding-bottom: 9% !important;
		padding-left: 7% !important; 
		padding-right: 7% !important;
		margin-top: 0% !important;
		margin-bottom: 8% !important;
	}
	
	.single-post #id_jfd_3_quotes_container {
			/* Pour les articles */
		background-color: var(--e-global-color-d551786) !important;			
	}	
	
	.single-post #id_jfd_3_quotes_container .elementor-widget-container {
		padding: 0 !important;
		margin: 0 !important;
		/*background-color: yellow;*/
	}		
	
	.c_jfd_demandeoffre_t1_container {
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    width: 100%; /* Ensures the container takes full width */
	}	
	
	.c_jfd_demandeoffre_t2_container {
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    width: 100%; /* Ensures the container takes full width */	
	}	
	
	.c_jfd_demandeoffre_t2 {
		color: var(--e-global-color-secondary);
		font-size: 20px;
		font-weight: 800;
    text-align: center;
    width: 100%; /* Ensures the text block spans the available width */	
	}	
	
	#id_jfd_form_3_quotes .elementor-button {
		margin-top: 4% !important;
	}
	
	/* ###########################
	 *     FORMULAIRE 3 QUOTES
	 *           Fin
	 * #########################*/	
	
	 
	/* ###########################
	 * PAGE "Plan du site"
	 *       Début
	 *    post-32745
	 * #########################*/

	.post-32745 h1 {
		padding-bottom: 0px !important;
	}

	.post-32745 h2 {

	}

	.elementor-sitemap-title {
		display: block; /* Ensures it behaves like a block-level element. */
		width: 100vw; /* Makes the h2 span the full viewport width. */
		max-width: 100vw; /* Prevents constraints from Elementor. */
		margin-left: calc(-50vw + 50%); /* Centers the title across the full width of the viewport. */
	}

	.elementor-sitemap-section {
		
	}

	.elementor-sitemap-section h2 {
		background: var(--e-global-color-d551786);
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.c_jfd_sitemap_html {
		padding-left: 1% !important;
		padding-right: 1% !important;
		width: 100% !important;
	}	

	/* ###########################
	 * PAGE "Plan du site"
	 *       Fin
	 * #########################*/

	/* ###########################
	 * PAGES CG, Confidentialité, Cookies
	 *       Début
	 * #########################*/
	/* CG : ID = post-28848
	 * Confidentialité : ID = post-28856
	 * Cookies : ID = post-28858 
	 * */

	.jfd_cl_cg #cmplz-document{
		padding-left: 5%;
		padding-top: 3%;
		padding-bottom: 3%;
	}

	.jfd_cl_cg p {
		color: black;
	}

	.post-28848 h1, .post-28856 h1, .post-28858 h1 {
		/*  */ 
		text-align: left;
	}

	.post-28848 h2 {
		font-size: 18px !important;
	}


	/* ###########################
	 * PAGES CG, Confidentialité, Cookies
	 *       Fin
	 * #########################*/
	
		/* ###########################
	 *       PAGE Auteur
	 *          Début
	 * #########################*/	
	
	#id_jfd_auteur_intro_container .e-con-inner {
			display: flex !important;
		flex-direction: row;
		justify-content: center !important;
			align-items: center !important; /* Aligns items vertically */
			gap: 20px !important; /* Adjusts spacing between elements */
	}

	#id_jfd_auteur_portrait_container {
			/* width: 30%; 
			min-width: 300px !important;*/ /* Ensures the image doesn't shrink too much */
    /*flex-grow: 0 !important;    The element will NOT grow even if there is extra space */
    /*flex-shrink: 0 !important;  The element will NOT shrink even if there is not enough space */
    /*flex-basis: 300px !important;  The initial size of the element before applying grow/shrink */
	}
	
	#id_jfd_auteur_portrait {
		padding-top: 10% !important;
		width: 180px;
	}

	#id_jfd_auteur_text_container {
		/*flex: 1 !important;  Takes remaining space */	
		/* max-width: 60% !important; */
		/*width: 600px;*/
	}
	
	.jfd_posts_title_author {
	  color : var(--e-global-color-81ea427);
		text-align: center;
		font-size: var(--text_size_posts_titles);
		text-transform: uppercase;
		font-weight: 600;
		padding-top: 3% !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
		
	
	/* ###########################
	 *       PAGE Auteur
	 *          Fin
	 * #########################*/
	
	
	/* ###########################
	 *      Footer
	 *       Début
	 * #########################*/	
	
	.c_jfd_footer_section {
		background-color: var(--e-global-color-85e9dcb) !important;
	}		
		padding-top: 1% !important;
		padding-bottom: 0 !important;
	}	
	
	.c_jfd_footer_links_container span {
		font-size: 12px !important;
		line-height: 1.5;
	}
	
	/* ###########################
	 *      Footer
	 *       Fin
	 * #########################*/
	
}  
/* ################################
 * ################################
 *       For Mobile only  
 *             END        
  * ################################
 * #################################*/
/*
@media (max-width: 349px) {
	#id_jfd_hero_img_container {
		height: 60% !important;
		border-width: 5px !important;
		border-style: solid;
		border-color: yellow;
	}
}

@media (min-width: 350px) and (max-width: 364px) {
	#id_jfd_hero_img_container {
		height: 45% !important;
		border-width: 5px !important;
		border-style: solid;
		border-color: red;
	}
}

@media (min-width: 365px) and (max-width: 394px) {
	#id_jfd_hero_img_container {
		height: 50% !important;
	}
}

@media (min-width: 395px) and (max-width: 480px) {
	#id_jfd_hero_img_container {
		height: 55% !important;
	}
}

@media (min-width: 481px) and (max-width: 569px) {
	#id_jfd_hero_img_container {
		height: 70% !important;
	}
}

@media (min-width: 570px) and (max-width: 650px) {
	#id_jfd_hero_img_container {
		height: 85% !important;
	}
}
*/
/* Small Mobile Devices (portrait) */
@media (max-width: 349px) { 
	#id_jfd_hero_titles_container {
		/*background: orange;*/
		top: -170px !important;
	}		
	#id_jfd_hero_titles {

	}
	#id_jfd_hero_title_1 {
		font-size: 18px !important;	
	}
	#id_jfd_hero_title_2 {
		font-size: 12px !important;
	}		
	#id_jfd_section_intro {
		margin-top: -100px !important;
	}			
}
@media (min-width: 350px) and (max-width: 480px) {
	#id_jfd_hero_titles_container {
		/*background: yellow;*/
		top: -200px !important;
		padding-top: 5px !important;
		padding-left: 5px !important;
	}		
	#id_jfd_hero_titles {

	}
	#id_jfd_hero_title_1 {
		font-size: 20px !important;	
	}
	#id_jfd_hero_title_2 {
		font-size: 14px !important;
	}		
	#id_jfd_section_intro {
		margin-top: -110px !important;
	}		
}

/* Mobile Devices (landscape) */
@media (min-width: 481px) and (max-width: 767px) { 
	#id_jfd_hero_titles_container {
		/*background: red;*/
		top: -280px !important;
	}		
	#id_jfd_hero_titles {

	}
	#id_jfd_hero_title_1 {
		font-size: 25px !important;	
	}
	#id_jfd_hero_title_2 {
		font-size: 20px !important;
	}		
	#id_jfd_section_intro {
		margin-top: -170px !important;
	}	
}

/* Small Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1023px) {
	#id_jfd_hero_titles_container {
		/*background: blue;*/
	}		
	#id_jfd_hero_titles {

	}	
	#id_jfd_hero_title_1 {
		font-size: 26px !important;
	}		
	#id_jfd_hero_titles_container {
		/*margin-top: -140px !important;*/
		padding-bottom: 0px !important;
	}	
}

/* Tablets (landscape) */ 
@media (min-width: 1024px) and (max-width: 1279px) { 
	#id_jfd_hero_titles_container {
		/*background: violet;*/
	}		
	#id_jfd_hero_titles {

	}		
	#id_jfd_hero_title_1 {
		font-size: 33px !important;	
	}
	#id_jfd_hero_titles_container {
		/*margin-top: -180px !important;
		padding-bottom: 20px !important;*/
	}	
}

/*  Small Laptops */
@media (min-width: 1280px) and (max-width: 1365px) {
	#id_jfd_hero_titles_container {
		/*background: lightgreen;*/
	}		
	#id_jfd_hero_titles {

	}		
	#id_jfd_hero_title_1 {
		font-size: 38px !important;	
	}		
	#id_jfd_hero_titles_container {
		/*margin-top: -220px !important;*/
		padding-bottom: 25px !important;
	}	
}

/* Larger Laptops/Desktops */
@media (min-width: 1366px) and (max-width: 1919px) {
	#id_jfd_hero_titles_container {
		/*background: lightblue;*/
	}		
	#id_jfd_hero_titles {

	}	
	#id_jfd_hero_title_1 {
		font-size: 45px !important;	
	}	
	#id_jfd_hero_titles_container {
		/*margin-top: -250px !important;*/
		padding-bottom: 25px !important;
	}	
}

/* Large Desktop Monitors */
@media (min-width: 1920px) {
	#id_jfd_hero_titles_container {
		/*background: pink;*/
	}		
	#id_jfd_hero_titles {

	}		
	#id_jfd_hero_title_1 {
		font-size: 45px !important;
	}
	#id_jfd_hero_titles_container {
		/*margin-top: -250px !important;*/
		padding-bottom: 25px !important;
	}	
}


	/* ###########################
	 *      DEBUG
	 * #########################*/

/* Display/Hide debug info on the header */
.elementor-element-1c4da54, .elementor-element-439a4454, .elementor-element-1c41c85, .elementor-element-3d42e643 {
	padding-top: 10px !important;
	display: none
}

#id_jfd_page_id_debug {
	/* Affiche l'id de la page dans le header */
	font-size: 12px;
	color: red; 
	background: yellow;
	margin-top: 10px !important;
	padding: 5px;
}

#id_jfd_form_main .elementor-field-group-frm_info, #id_jfd_form_main .elementor-field-group-frm_source {
	/* Contact form : Champs contenant des infos pour l'admin */
	display: none;
}

/* Formulaire résultat simulation
 * CHamps contenant les valeurs */
.elementor-field-group-frm_result {
	display: none !important;
}

.menu-item-36694 {
	/* Renouvellement (à venir) 
	display: none !important;*/
}

.menu-item-36693 {
	/* Construction/Rénovation (à venir) 
	display: none !important;*/
}

.menu-item-36698 {
	/* Qui sommes-nous (à venir) 
	display: none !important; */
}


/*.elementor-post__thumbnail__link,*/ /*.elementor-post__thumbnail {
    
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
   	 margin: 0 !important;
}*/

/*display: inline-block !important;*/

/* 23.6.25 jfd : je ne sais plus à quoi correspond la classe ".elementor-38607" */	
.jfd_post_widget .elementor-38607 {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}