
	/* COLORS */

	
	
		:root {
			--white : #FFFFFF;
--black : #000000;
--bleu1 : #003e60;
--bleu2 : #59c1d4;
--bleu3 : #1a8b9c;
--orange : #e7573e;
--jaune : #ebb656;

		}
		
		.acf-block-body {
			--white : #FFFFFF!important;
--black : #000000!important;
--bleu1 : #003e60!important;
--bleu2 : #59c1d4!important;
--bleu3 : #1a8b9c!important;
--orange : #e7573e!important;
--jaune : #ebb656!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; }
	.bleu1 { color: #003e60!important; }
			  .bg-bleu1 { background-color: #003e60!important; }
		      .border-bleu1 { border-color: #003e60!important; }
		.bleu2 { color: #59c1d4!important; }
			  .bg-bleu2 { background-color: #59c1d4!important; }
		      .border-bleu2 { border-color: #59c1d4!important; }
		.bleu3 { color: #1a8b9c!important; }
			  .bg-bleu3 { background-color: #1a8b9c!important; }
		      .border-bleu3 { border-color: #1a8b9c!important; }
		.orange { color: #e7573e!important; }
			  .bg-orange { background-color: #e7573e!important; }
		      .border-orange { border-color: #e7573e!important; }
		.jaune { color: #ebb656!important; }
			  .bg-jaune { background-color: #ebb656!important; }
		      .border-jaune { border-color: #ebb656!important; }
		
 /* TYPOS  */

	body {
				font-family: 'Arial', serif;
				color: rgb(0,62,96);
				line-height: 1.5;
				font-size: 1rem;
				font-weight: 300;
				background-color: #FFFFFF;
				
			}

			h1, h2 {
				font-family: 'Open Sans', serif;
				color: rgb(0,62,96);
				font-weight: 500;
				
			}
			h3, h4, h5, h6 {
				font-family: 'Open Sans', serif;
				color: rgb(0,62,96);
				font-weight: 500;
				
			}
			a, a:visited { color: rgb(231,87,62); text-decoration: none; transition: all 0.5s ease;  }
	a:hover { color: #939393; } 	
	h2.flexible_section_title { font-size: 2rem; color: rgb(0,62,96); text-align: text-left; text-transform: inherit; }
	
	/* HEADER */
	
	body:not(.block-editor-iframe__body):not(.wp-admin) { padding-top: 110px; }
	
	
	#main_header_logo { height: 80px; }
	@media (max-width: 578px) { 
		#main_header_logo { height: 60px; }
	}
	
	header#masthead { position: fixed; z-index: 10000; top: 0; background-color: #003e60; color: #ffffff; padding-top: 10px; padding-bottom: 10px; }
		header#masthead { color: #ffffff; }
		header#masthead .navbar-nav > li > a { display: inline-block; padding: 0 0.4em; color: #ffffff!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: #ebb656!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: rgb(255,255,255)!important; font-size: 48px; }
#sidebarCollapse .fas { font-size: 48px; }
#sidebarCollapse:hover .fas { color: rgb(89,193,212)!important; }
#masthead .navbar-brand { padding-left: 1rem; }
#headerrs { padding-bottom: 1rem; }
#headerrs li a { width: 28px; height: 28px; border: 1px solid var(--bleu1); display: inline-block; text-align: center; border-radius: 50%; padding-top: 1px; color: var(--bleu1); background: #FFFFFF; transition: all 0.5s ease; }  
#headerrs li a:hover { border: 1px solid #FFFFFF; color: #FFFFFF; background: var(--bleu1); } 
#masthead #menu-main li { padding: 0 10px; }
#masthead #menu-main li:last-child { padding: 0 0 0 10px; }
#masthead #menu-main li a { text-transform: uppercase; font-size: 1.1rem; }
#masthead #menu-main .dropdown-menu li a { font-size: 1rem; }
#masthead #menu-main .dropdown-menu li { padding: 0; }
#masthead .button_bleu2 { text-transform: uppercase; }


		
		/* RESPONSIVE MENU & SIDEBAR */
		
		#sidebarCollapse { display: none; }

		#sidebar { display: none; width: 300px; max-width: 90%; height: 100vh; position: fixed; top: 0px; left: -300px; z-index: 999999; background: rgb(0,62,96); 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: rgb(255,255,255)!important; }
		header#masthead #sidebar .navbar-nav li a:hover { color: rgb(89,193,212)!important; }
		#sidebar  ul.navbar-nav li { padding-bottom: 5px; }
		#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: rgb(255,255,255); 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; padding-bottom: 2px; }
		#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; }
		#sidebar #sidebar-logo { max-width: 80%; }

		@media (max-width: 768px) { 
			body:not(.block-editor-iframe__body):not(.wp-admin) { padding-top: 90px; }
			#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; }
		}

		
		
		
	
	/* FOOTER */
		
	#footer { overflow-x: hidden; background-color: rgb(242,242,242); color: rgb(255,255,255); padding-top: 40px; padding-bottom: 0px; }
	#footer * { color: rgb(255,255,255); }
	
	.footer_row_1_col_1_content_3.rsbar li a { display: flex!important; align-items: center!important; justify-content: center!important; aspect-ratio: 1 / 1; position: relative; font-size: 1rem; color: rgb(0,62,96)!important; background: rgb(26,139,156); border-radius: 50%; width : calc(1rem + 1.5rem); transition: all 0.5s ease; }
.footer_row_1_col_1_content_3.rsbar li a:hover { color: rgb(89,193,212)!important; background: rgb(26,139,156); }
.footer_row_1_col_1_content_3.rsbar li a i { display: inline-block; color: rgb(0,62,96)!important; transition: all 0.5s ease; }
.footer_row_1_col_1_content_3.rsbar li a:hover i { color: rgb(89,193,212)!important; }
.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: rgb(0,62,96); transition: all 0.5s ease; }
.footer_row_1_col_2_content_1.menu ul li a:hover { color: rgb(89,193,212)!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: rgb(0,62,96); transition: all 0.5s ease; }
.footer_row_1_col_3_content_1.menu ul li a:hover { color: rgb(89,193,212)!important; }
.footer_row_1_col_3_content_1.menu ul li .nav-link { padding: 0!important; }
.footer_row_1_col_1_content_1.logo img { height: 80px; }
.footer_row_1_col_4_content_2.logo img { height: 80px; }
.footer_row_1 * { color: var(--bleu1)!important; }
	
	/* 404 PAGE */
	
	.error404 { }
.error404_inner { }
.error404_content { }
	
	
	
	/* SEARCH PAGE */
	
	.search-result h2 { font-size: 1.2rem; }
	
	