/* COLORS */

	
	
		:root {
			--white : #FFFFFF;
--black : #000000;
--blue : #041e42;
--lightblue : #c7e5f6;
--orange : #fbad51;
--green : #087564;
--darkblue : #011839;
--red : #ef3e33;
--rose : #f9b2ac;
--jeunesse1 : #ef3e33;
--jeunesse2 : #f08372;
--jeunesse3 : #f5a595;
--solidarites1 : #087564;
--solidarites2 : #559787;
--solidarites3 : #8ab1a2;
--sante1 : #003b60;
--sante2 : #536f98;
--sante3 : #8398b9;
--seniors1 : #5500bf;
--seniors2 : #7f6fb0;
--seniors3 : #9c91c5;
--culture1 : #ff0000;
--culture2 : #00ff00;
--culture3 : #0000ff;

		}
		
		.acf-block-body {
			--white : #FFFFFF!important;
--black : #000000!important;
--blue : #041e42!important;
--lightblue : #c7e5f6!important;
--orange : #fbad51!important;
--green : #087564!important;
--darkblue : #011839!important;
--red : #ef3e33!important;
--rose : #f9b2ac!important;
--jeunesse1 : #ef3e33!important;
--jeunesse2 : #f08372!important;
--jeunesse3 : #f5a595!important;
--solidarites1 : #087564!important;
--solidarites2 : #559787!important;
--solidarites3 : #8ab1a2!important;
--sante1 : #003b60!important;
--sante2 : #536f98!important;
--sante3 : #8398b9!important;
--seniors1 : #5500bf!important;
--seniors2 : #7f6fb0!important;
--seniors3 : #9c91c5!important;
--culture1 : #ff0000!important;
--culture2 : #00ff00!important;
--culture3 : #0000ff!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; }
	.blue { color: #041e42!important; }
			  .bg-blue { background-color: #041e42!important; }
		      .border-blue { border-color: #041e42!important; }
		.lightblue { color: #c7e5f6!important; }
			  .bg-lightblue { background-color: #c7e5f6!important; }
		      .border-lightblue { border-color: #c7e5f6!important; }
		.orange { color: #fbad51!important; }
			  .bg-orange { background-color: #fbad51!important; }
		      .border-orange { border-color: #fbad51!important; }
		.green { color: #087564!important; }
			  .bg-green { background-color: #087564!important; }
		      .border-green { border-color: #087564!important; }
		.darkblue { color: #011839!important; }
			  .bg-darkblue { background-color: #011839!important; }
		      .border-darkblue { border-color: #011839!important; }
		.red { color: #ef3e33!important; }
			  .bg-red { background-color: #ef3e33!important; }
		      .border-red { border-color: #ef3e33!important; }
		.rose { color: #f9b2ac!important; }
			  .bg-rose { background-color: #f9b2ac!important; }
		      .border-rose { border-color: #f9b2ac!important; }
		.jeunesse1 { color: #ef3e33!important; }
			  .bg-jeunesse1 { background-color: #ef3e33!important; }
		      .border-jeunesse1 { border-color: #ef3e33!important; }
		.jeunesse2 { color: #f08372!important; }
			  .bg-jeunesse2 { background-color: #f08372!important; }
		      .border-jeunesse2 { border-color: #f08372!important; }
		.jeunesse3 { color: #f5a595!important; }
			  .bg-jeunesse3 { background-color: #f5a595!important; }
		      .border-jeunesse3 { border-color: #f5a595!important; }
		.solidarites1 { color: #087564!important; }
			  .bg-solidarites1 { background-color: #087564!important; }
		      .border-solidarites1 { border-color: #087564!important; }
		.solidarites2 { color: #559787!important; }
			  .bg-solidarites2 { background-color: #559787!important; }
		      .border-solidarites2 { border-color: #559787!important; }
		.solidarites3 { color: #8ab1a2!important; }
			  .bg-solidarites3 { background-color: #8ab1a2!important; }
		      .border-solidarites3 { border-color: #8ab1a2!important; }
		.sante1 { color: #003b60!important; }
			  .bg-sante1 { background-color: #003b60!important; }
		      .border-sante1 { border-color: #003b60!important; }
		.sante2 { color: #536f98!important; }
			  .bg-sante2 { background-color: #536f98!important; }
		      .border-sante2 { border-color: #536f98!important; }
		.sante3 { color: #8398b9!important; }
			  .bg-sante3 { background-color: #8398b9!important; }
		      .border-sante3 { border-color: #8398b9!important; }
		.seniors1 { color: #5500bf!important; }
			  .bg-seniors1 { background-color: #5500bf!important; }
		      .border-seniors1 { border-color: #5500bf!important; }
		.seniors2 { color: #7f6fb0!important; }
			  .bg-seniors2 { background-color: #7f6fb0!important; }
		      .border-seniors2 { border-color: #7f6fb0!important; }
		.seniors3 { color: #9c91c5!important; }
			  .bg-seniors3 { background-color: #9c91c5!important; }
		      .border-seniors3 { border-color: #9c91c5!important; }
		.culture1 { color: #ff0000!important; }
			  .bg-culture1 { background-color: #ff0000!important; }
		      .border-culture1 { border-color: #ff0000!important; }
		.culture2 { color: #00ff00!important; }
			  .bg-culture2 { background-color: #00ff00!important; }
		      .border-culture2 { border-color: #00ff00!important; }
		.culture3 { color: #0000ff!important; }
			  .bg-culture3 { background-color: #0000ff!important; }
		      .border-culture3 { border-color: #0000ff!important; }
		

	
	#primary { animation: bodyfadeInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards; }
	@keyframes bodyfadeInAnimation {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}

	 /* TYPOS  */

	body {
				font-family: 'Be Vietnam Pro', sans-serif;
				color: #041e42;
				line-height: 1.5;
				font-size: 1rem;
				font-weight: 300;
				background-color: #FFFFFF;
				
			}

			h1, h2 {
				font-family: 'Roboto', sans-serif;
				color: #041e42;
				font-weight: 700;
				
			}
			h3, h4, h5, h6 {
				font-family: 'Roboto', sans-serif;
				color: #041e42;
				font-weight: 500;
				
			}
			a, a:visited { color: #087564; text-decoration: none; transition: all 0.5s ease;  }
	a:hover { color: #fbad51; } 	
	h2.flexible_section_title { font-size: 2.5rem; color: #041e42; text-align: 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.2rem; }
			body h4 { font-size: 1rem; }
			body h5 { font-size: 1rem; }
		}
		
		/* HEADER */
	
	body { padding-top: 114px; }
	header#masthead { position: fixed; z-index: 10000; top: 0; background-color: #ffffff; color: #041e42; padding-top: 0px; padding-bottom: 0px; }
		header#masthead { color: #041e42; }
		body:not(.theme-preset-active) #masthead .navbar-nav > li > a { display: inline-block; padding: 0 0.4em; color: #041e42!important; transition: all 0.5s ease; }
		body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a { color: #fbad51!important; }
		#masthead .navbar-collapse { flex-basis: 50%!important; }
		
		#sidebarCollapse { cursor: pointer; margin-bottom: 0; padding-top: 20px; color: ; font-size: 32px; }
#sidebarCollapse .fas { font-size: 32px; }
#sidebarCollapse:hover { color: ; }
#logo_desktop { display: block; }
	#logo_mobile { display: none; }#logo_desktop { height: 100px; }
#headerrs li a { width: 28px; height: 28px; border: 1px solid #041e42; display: inline-block; text-align: center; border-radius: 50%; padding-top: 1px; color: #041e42; background: #FFFFFF; transition: all 0.5s ease; }  
#headerrs li a:hover { color: #FFFFFF; background: #041e42; } 
.wpml-ls-legacy-list-horizontal { padding: 0; margin-left: 20px; padding-right: 15px; }
.wpml-ls-legacy-list-horizontal ul li a { width: 28px; height: 28px; border: 1px solid #fbad51; display: inline-block; text-align: center; border-radius: 50%; color: #fbad51; background: #FFFFFF; transition: all 0.5s ease; }
.wpml-ls-legacy-list-horizontal ul li a:hover, .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a { color: #FFFFFF; background: #fbad51; }
.wpml-ls-legacy-list-horizontal a { padding: 5px 0 0 0; font-size: 0.8rem; } 

#main-nav ul li { padding: 4px 10px 0 10px; }
#masthead .dropdown-menu li { padding: 4px 0 0 0; }
#masthead .dropdown-menu a { color: var(--blue); font-size: 0.95rem; transition: all 0.5s ease; }
#masthead .dropdown-menu a:hover { color: var(--orange); }
#masthead #menu-item-164790 .dropdown-menu { left: -100px!important; }

#masthead .dropdown-menu li .dropdown-menu { left: 60px; background: none; padding-left: 20px; border: none; top: 20px; }
#masthead .dropdown-menu li .dropdown-menu li { background: #EFEFEF; border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15); }
#masthead .dropdown-menu li .dropdown-menu li:first-child { border-top: 1px solid rgba(0,0,0,.15); }
#masthead .dropdown-menu li .dropdown-menu li:last-child { border-bottom: 1px solid rgba(0,0,0,.15); }
#masthead .dropdown-menu li .dropdown-menu a { font-size: 0.85rem; }

#gsossearchform { border-radius: 14px; background: #fbad51; padding: 4px 10px; margin-left: 20px; height: 32px; }
#searchform input[type="text"] { border: none; color: #FFFFFF; background: #fbad51; outline: none; max-width: 150px; }
::placeholder { color: #FFFFFF; opacity: 1; }
::-webkit-input-placeholder { color: #FFFFFF; opacity: 1; }
::-ms-input-placeholder { color: #FFFFFF; }
#searchform button { background-color: #fbad51; border: none; color: #FFFFFF; padding: 0; }
.wpml-ls-legacy-list-horizontal ul li:last-child { margin-left: 6px; }

#sidebarCollapse { padding-top: 0!important; }


		
		/* 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: #041e42; 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; }
		#sidebar, #sidebar a { color: #ffffff; }
		#sidebar a:hover { color: #c7e5f6; }

		@media (max-width: 1000px) { 
			body { padding-top: 80px; }
			#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; }
		}

		#logo_mobile { max-width: 240px; }
#sidebar-logo, #mobile-nav { margin-top: 15px; }
#mobile-nav a { color: #FFFFFF!important; }
body:not(.theme-preset-active) #masthead #mobile-nav .navbar-nav > li > a { padding: 0 0 10px 0; color: #FFFFFF!important; }
#mobile-nav .dropdown-menu { background: none!important; border-radius: 0!important; font-size: 0.9rem; min-width: auto!important; color: #FFFFFF!important; margin-top: 0; margin-bottom: 20px; border: none; }
#mobile-nav li a { font-size: 1rem!important; }
#mobile-nav .dropdown-menu li, #mobile-nav .dropdown-menu li:hover { background: none!important; }
#mobile-nav .dropdown-menu li a { font-weight: normal!important; font-size: 0.9rem!important; }
#mobile-nav .dropdown-menu .dropdown-item { padding: 0!important; }
#masthead #mobile-nav .dropdown-menu li .dropdown-menu { left: 0; background-color: none; }
#masthead #mobile-nav .dropdown-menu li .dropdown-menu li:hover, #masthead #mobile-nav .dropdown-menu li .dropdown-menu a:hover, #mobile-nav .dropdown-item:hover { background: none!important; background-color: none!important; }
#masthead #mobile-nav .dropdown-menu li a { white-space: normal; overflow-wrap: break-word; }
		
		/* PREFOOTER */

	#prefooter { padding: 20px 0 20px 0; background: #c7e5f6; color:  }
	
	
	/* FOOTER */
		
	#footer { overflow-x: hidden; background-color: #041e42; color: #FFFFFF; padding-top: 30px; padding-bottom: 0px; }
	#footer * { color: #FFFFFF; }
	
	.footer_row_1 { background-color: #041e42; }
.footer_row_1_col_2_content_1.menu ul li { padding: 2px 0px; }
.footer_row_1_col_2_content_1.menu ul li a { display: inline-block; font-size: 0.9rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; }
.footer_row_1_col_2_content_1.menu ul li a:hover { color: #c7e5f6!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: 2px 0px; }
.footer_row_1_col_3_content_1.menu ul li a { display: inline-block; font-size: 0.9rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; }
.footer_row_1_col_3_content_1.menu ul li a:hover { color: #c7e5f6!important; }
.footer_row_1_col_3_content_1.menu ul li .nav-link { padding: 0!important; }
.footer_row_1_col_4_content_1.menu ul li { padding: 2px 0px; }
.footer_row_1_col_4_content_1.menu ul li a { display: inline-block; font-size: 0.9rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; }
.footer_row_1_col_4_content_1.menu ul li a:hover { color: #c7e5f6!important; }
.footer_row_1_col_4_content_1.menu ul li .nav-link { padding: 0!important; }
.footer_row_1_col_4_content_2.rsbar li a { display: inline-block; position: relative; font-size: 1.4rem; color: #ffffff!important; transition: all 0.5s ease; }
.footer_row_1_col_4_content_2.rsbar li a:hover { color: #c7e5f6!important; }
.footer_row_1_col_4_content_2.rsbar li a i { display: inline-block; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: #ffffff!important; transition: all 0.5s ease; }
.footer_row_1_col_4_content_2.rsbar li a:hover i { color: #c7e5f6!important; }
.footer_row_2 { background-color: #000921; }
.footer_row_2_col_1_content_2.menu ul li { padding: 0px 20px; }
.footer_row_2_col_1_content_2.menu ul li a { display: inline-block; font-size: 1rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; }
.footer_row_2_col_1_content_2.menu ul li a:hover { color: #c7e5f6!important; }
.footer_row_2_col_1_content_2.menu ul li .nav-link { padding: 0!important; }
.otgs-development-site-front-end { display: none; }
#footer .rs_bar li a { min-width: 30px; }@media (max-width: 568px) { 
			.menu-footer-1-container, .menu-footer-2-container, .menu-footer-3-container { margin-top: 15px; }
.menu-footer-1-container a, .menu-footer-2-container a, .menu-footer-3-container a { font-size: 0.8rem!important; }
.credits { text-align: left!importnt; font-size: 0.8rem; }
#menu-legal-menu a { display: inline-block; font-size: 0.8rem!important; padding : 10px 10px 0 0!important; }
#menu-legal-menu.navbar-nav { flex-direction: row!important; }
#menu-legal-menu.navbar-nav li { padding: 0!important; }
#menu-footer-2.navbar-nav { flex-direction: row; }
#menu-footer-2 li { display: inline-block; width: auto; padding-right: 15px; } 
		}
	
	/* 404 PAGE */
	
	.error404 { min-height: 80vh; }
.error404_content { text-align: center; }
.error404_content h2 { font-size: 5rem; text-align: center; color: var(--orange); }
.error404_content a { display: inline-block; color: #FFFFFF; background: var(--blue); border: 1px solid var(--blue); padding: 5px 20px; border-radius: 3px; transition: all 0.5s ease; }
.error404_content a:hover { background: #FFFFFF; color: var(--blue); }
	
	
	
	/* SEARCH PAGE */
	
	.search-result h2 { font-size: 1.2rem; }
.number_results { display: inline-block; padding: 4px 10px; border-radius: 4px; background: var(--lightblue); }
.number_results span { font-weight: bold; }
#search-results-list { margin-top: 40px; }
.search-result { margin: 10px 0; padding: 15px; border: 1px solid var(--lightblue); }
.search-result .darkbluebutton { padding: 2px 10px!important; float: right; margin-top: 15px; }
	
	
		
			/* Scroll to top module */
			
			#stt_outer { display: block; position: fixed; z-index: 999999999; top: 90%; left: 95%; text-align: center; background: #011839; padding: 10px 15px; border: 0px solid #041e42; border-radius: 50%; transition: all 0.5s ease; cursor: pointer; }
			#stt_outer a { color: #c7e5f6; font-size: 1.5rem; transition: all 0.5s ease; }
			#stt_outer:hover { background: #041e42; border: 0px solid #041e42; }
			#stt_outer:hover a { color: #f9b2ac; }