/* COLORS */

	
	
		:root {
			--white : #FFFFFF;
--black : #000000;
--gris1 : #3f3b39;
--gris2 : #e5e0e0;
--beige1 : #f5f3c5;
--beige2 : #d9c5a1;
--vert1 : #335645;
--vert2 : #e3fda7;
--orange1 : #dc7744;
--orange2 : #843012;
--orange3 : #fae0bb;
--orange4 : #f09c38;
--ardoise : #3f3b39;

		}
		
		.acf-block-body {
			--white : #FFFFFF!important;
--black : #000000!important;
--gris1 : #3f3b39!important;
--gris2 : #e5e0e0!important;
--beige1 : #f5f3c5!important;
--beige2 : #d9c5a1!important;
--vert1 : #335645!important;
--vert2 : #e3fda7!important;
--orange1 : #dc7744!important;
--orange2 : #843012!important;
--orange3 : #fae0bb!important;
--orange4 : #f09c38!important;
--ardoise : #3f3b39!important;

		}	
	
	
		.white { color: #FFFFFF!important; }
		.bg-white { background-color: #FFFFFF!important; }
		.border-white { border-color: #FFFFFF!important; }
		.black { color: #000000!important; }
		.bg-black { background-color: #000000!important; }
		.border-black { border-color: #000000!important; }
	.gris1 { color: #3f3b39!important; }
			  .bg-gris1 { background-color: #3f3b39!important; }
		      .border-gris1 { border-color: #3f3b39!important; }
		.gris2 { color: #e5e0e0!important; }
			  .bg-gris2 { background-color: #e5e0e0!important; }
		      .border-gris2 { border-color: #e5e0e0!important; }
		.beige1 { color: #f5f3c5!important; }
			  .bg-beige1 { background-color: #f5f3c5!important; }
		      .border-beige1 { border-color: #f5f3c5!important; }
		.beige2 { color: #d9c5a1!important; }
			  .bg-beige2 { background-color: #d9c5a1!important; }
		      .border-beige2 { border-color: #d9c5a1!important; }
		.vert1 { color: #335645!important; }
			  .bg-vert1 { background-color: #335645!important; }
		      .border-vert1 { border-color: #335645!important; }
		.vert2 { color: #e3fda7!important; }
			  .bg-vert2 { background-color: #e3fda7!important; }
		      .border-vert2 { border-color: #e3fda7!important; }
		.orange1 { color: #dc7744!important; }
			  .bg-orange1 { background-color: #dc7744!important; }
		      .border-orange1 { border-color: #dc7744!important; }
		.orange2 { color: #843012!important; }
			  .bg-orange2 { background-color: #843012!important; }
		      .border-orange2 { border-color: #843012!important; }
		.orange3 { color: #fae0bb!important; }
			  .bg-orange3 { background-color: #fae0bb!important; }
		      .border-orange3 { border-color: #fae0bb!important; }
		.orange4 { color: #f09c38!important; }
			  .bg-orange4 { background-color: #f09c38!important; }
		      .border-orange4 { border-color: #f09c38!important; }
		.ardoise { color: #3f3b39!important; }
			  .bg-ardoise { background-color: #3f3b39!important; }
		      .border-ardoise { border-color: #3f3b39!important; }
		
 /* TYPOS  */

	body {
				font-family: 'Host Grotesk', serif;
				color: #3f3b39;
				line-height: 1.5;
				font-size: 1.1rem;
				font-weight: 300;
				background-color: #FFFFFF;
				
			}

			h1, h2 {
				font-family: 'Host Grotesk', serif;
				color: #3f3b39;
				font-weight: 600;
				
			}
			h3, h4, h5, h6 {
				font-family: 'Host Grotesk', serif;
				color: #335645;
				font-weight: 500;
				
			}
			

			.instrumentfull {
				font-family: 'Instrument Serif', serif;
				color: ;
				font-weight: 300;
				
			}

			h1 { line-height: 1.2; font-size: 3.5rem; margin-bottom: 0.5rem; }
		
		a, a:visited { color: #843012; text-decoration: none; transition: all 0.5s ease;  }
	a:hover { color: #335645; } 	
	h2.flexible_section_title { font-size: 3rem; color: #3f3b39; text-align: text-left; text-transform: inherit; }
	
	

		@media (max-width: 768px) { 
			body { font-size: 0.9rem; }
			body h1 { font-size: 2rem; }
			body h2 { font-size: 1.5rem; }
			body h3 { font-size: 1.4rem; }
			body h4 { font-size: 1.1rem; }
			body h5 { font-size: 1.1rem; }
		}
		
		/* HEADER */
	
	body { padding-top: 130px; }
	
	
	#main_header_logo { height: 120px; }
	@media (max-width: 578px) { 
		#main_header_logo { height: 80px; }
	}
	
	header#masthead { position: fixed; z-index: 10000; top: 0; background-color: #ffffff; color: #335645; padding-top: 0px; padding-bottom: 0px; }
		header#masthead { color: #335645; }
		header#masthead .navbar-nav > li > a { display: inline-block; padding: 0 0.4em; color: #335645!important; transition: all 0.5s ease; }
		header#masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a { color: #843012!important; }
		header#masthead .navbar-collapse { flex-basis: 50%!important; }
		
		#logo_desktop { display: block; }
	#logo_mobile { display: none; }#sidebarCollapse { cursor: pointer; margin-bottom: 0; padding-top: 0px; padding-left: 15px; color: #335645!important; font-size: 32px; }
#sidebarCollapse .fas { font-size: 32px; }
#sidebarCollapse:hover .fas { color: #843012!important; }
#masthead { border-bottom: 1px solid var(--vert1); }
#masthead .input-group .button_blanc { border: 1px solid var(--vert1)!important; padding: 6px 20px; height: 38px; }
#masthead .input-group .button_blanc svg { width 16px; height: 16px; fill: var(--vert1)!important; }
#masthead .input-group .button_blanc:hover svg { fill: var(--white)!important; }
#masthead .input-group .button_vert1 { padding: 6px 20px; height: 38px; }
.slogan { font-weight: 500; }

#searchModal .modal-header { padding: 0; border-bottom: none; }
#searchform input[type="text"] { border: 1px solid var(--vert1); background: #FFFFFF; border-radius: 20px 0 0 20px; padding: 9px 16px; width: 380px; transition: all 0.5s ease; }
#searchform input[type="text"]:focus { background: #EFEFEF; }
#searchform button { border: 1p solid var(--vert1); color: #FFFFFF; background: var(--vert1); margin-left: -4px; margin-top: 2px; padding: 10px 16px 8px 10px; border-radius: 0 20px 20px 0; }

#headerrs li a { display: inline-block; padding: 6px; border-radius: 50%; background: var(--vert1); width: 38px; text-align: center; color: #FFFFFF!important; border: 1px solid var(--vert1); transition: all 0.5s ease; }
#headerrs li a:hover { color: var(--vert1)!important; background: #FFFFFF; }
 
#masthead #menu-main li a { font-size: 1.1rem; font-weight: 500; text-transform: uppercase;  }


		
		/* RESPONSIVE MENU & SIDEBAR */
		
		#sidebarCollapse { display: none; }

		#sidebar { display: none; width: 300px; max-width: 90%; height: 100vh; position: fixed; top: 0; left: -300px; z-index: 999999; background: #335645; transition: all 0.3s ease; }
		#sidebar.active { left: 0; }
		.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(255,255,255,0.6); z-index: 999998; opacity: 0; transition: all 0.5s ease-in-out; top: 0; }
		.overlay.active { display: block; opacity: 1; }
		#dismiss { width: 35px; height: 35px; position: absolute; top: 10px; right: 10px; }
		#sidebar .dropdown-menu.show { position: relative!important; top: auto!important; left: auto!important; transform: none!important; }
		header#masthead #sidebar, header#masthead #sidebar .navbar-nav li a { color: #ffffff!important; }
		header#masthead #sidebar .navbar-nav li a:hover { color: #f5f3c5!important; }
		#sidebar .dropdown-menu { position: relative; top: auto; left: auto; z-index: 1; background: none!important; float: none; min-width: inherit; padding: 0.5rem 0; margin: 0; font-size: 0.9rem; color: #ffffff; text-align: left; list-style: none; background-color: none; border: none; border-radius: 0; }
		#sidebar .dropdown-menu li a { font-weight: normal!important; white-space: normal; overflow-wrap: break-word; font-size: 0.85rem; }
		#sidebar .dropdown-menu li, #sidebar .dropdown-menu li:hover { background: none!important; }
		#sidebar .dropdown-menu li .dropdown-menu li:hover, #sidebar .dropdown-menu li .dropdown-menu a:hover, #sidebar .dropdown-item:hover { background: none!important; background-color: none!important; }

		@media (max-width: 768px) { 
			body { padding-top: 110px; }
			#sidebarCollapse { display: block; }
			.navbar-collapse { display: none; }
			#sidebar { display: block; }
			#logo_desktop { display: none; }
			#logo_mobile { display: block; }
			header#masthead { padding-top: 10px; padding-bottom: 10px; }
		}

		#mobile-nav ul li { margin-bottom: 10px; }
		
		/* PREFOOTER */

	#prefooter { padding: 40px 0 0px 0; background: ; color:  }
	#prefooter { overflow-x: hidden; }
.prefooter_call_rdv { display: inline-block; padding: 15px 100px 15px 50px; color: var(--vert1)!important; font-weight: bold; font-size: 1.6rem; border: 1px solid var(--vert1); background: var(--white) url('https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/bg-nl.png') no-repeat 95% 50%; background-size: auto 70%; border-radius: 20px; transition: all 0.5s ease; }
.prefooter_call_rdv:hover { color: #FFFFFF!important; background: var(--vert1) url('https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/bg-nl.png') no-repeat 98% 50%; background-size: auto 70%; }

#prefooter input[type="email"], #prefooter input[type="text"], #prefooter input[type="email"]:focus, #prefooter input[type="text"]:focus { border-radius: 8px; border: 1px solid var(--vert1); padding: 4px; color: var(--vert1); font-size: 0.95rem; }
#prefooter input[type="submit"] { border-radius: 8px; border: 1px solid var(--vert1); padding: 4px 20px; color: #FFFFFF; background: var(--vert1); font-size: 0.95rem; transition: all 0.5s ease; }
#prefooter input[type="submit"]:hover, #prefooter input[type="submit"]:focus { color: var(--vert1); background: #FFFFFF; }
	
	/* FOOTER */
		
	#footer { overflow-x: hidden; background-color: #3f3b39; color: #FFFFFF; padding-top: 40px; padding-bottom: 40px; }
	#footer * { color: #FFFFFF; }
	
	.footer_row_1_col_2_content_1.menu ul li { padding: 5px 0px; }
.footer_row_1_col_2_content_1.menu ul li:last-child { padding-right: 0!important; }
.footer_row_1_col_2_content_1.menu ul li:first-child { padding-left: 0!important; }
.footer_row_1_col_2_content_1.menu ul li a { display: inline-block; font-size: 1rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; }
.footer_row_1_col_2_content_1.menu ul li a:hover { color: #f5f3c5!important; }
.footer_row_1_col_2_content_1.menu ul li .nav-link { padding: 0!important; }
.footer_row_1_col_3_content_1.menu ul li { padding: 5px 0px; }
.footer_row_1_col_3_content_1.menu ul li:last-child { padding-right: 0!important; }
.footer_row_1_col_3_content_1.menu ul li:first-child { padding-left: 0!important; }
.footer_row_1_col_3_content_1.menu ul li a { display: inline-block; font-size: 1rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; }
.footer_row_1_col_3_content_1.menu ul li a:hover { color: #f5f3c5!important; }
.footer_row_1_col_3_content_1.menu ul li .nav-link { padding: 0!important; }
.footer_row_1_col_4_content_1.rsbar li a { display: flex!important; align-items: center!important; justify-content: center!important; aspect-ratio: 1 / 1; position: relative; font-size: 1rem; color: #335645!important; background: #f5f3c5; border-radius: 50%; width : calc(1rem + 1.5rem); transition: all 0.5s ease; }
.footer_row_1_col_4_content_1.rsbar li a:hover { color: #335645!important; background: #d9c5a1; }
.footer_row_1_col_4_content_1.rsbar li a i { display: inline-block; color: #335645!important; transition: all 0.5s ease; }
.footer_row_1_col_4_content_1.rsbar li a:hover i { color: #335645!important; }
.footer_row_1_col_4_content_3.logo img { filter: brightness(0) invert(1); }
.footer_row_2_col_2_content_1.menu ul li { padding: 5px 15px; }
.footer_row_2_col_2_content_1.menu ul li:last-child { padding-right: 0!important; }
.footer_row_2_col_2_content_1.menu ul li:first-child { padding-left: 0!important; }
.footer_row_2_col_2_content_1.menu ul li a { display: inline-block; font-size: 1rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; }
.footer_row_2_col_2_content_1.menu ul li a:hover { color: #e5e0e0!important; }
.footer_row_2_col_2_content_1.menu ul li .nav-link { padding: 0!important; }
#footer { background: var(--gris1) url('https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/HIBOU.svg') no-repeat 99% 96%; background-size: 80px auto; }

#footer .credits { padding-left: 15px; }
#footer .footer_row_1_col_4_content_3.logo img { height: 80px; } 
#footer .footer_row_1_col_4_content_2 { margin-top: 20px; padding-left: 15px; }@media (max-width: 568px) { 
			#footer { background: var(--gris1); }
.footer_row_2_col_2_content_1.menu ul li:first-child { padding-left: 15px!important; } 
		}
	
	/* 404 PAGE */
	
	.error404 { }
.error404_inner { }
.error404_content { }
	
	
	
	/* SEARCH PAGE */
	
	.search-result h2 { font-size: 1.2rem; }