/*
 _______  ______   _______  _______  ______   _______    _______  ______   _______  _______  _______  _  _  _  _______  ______   _     _ 
(_______)(_____ \ (_______)(_______)(_____ \ (_______)  (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_)   | |
 _        _____) ) _____    _______   ____) ) _____      _____    _____) ) _______  _  _  _  _____    _  _  _  _     _  _____) ) _____| |
| |      |  __  / |  ___)  |  ___  | / ____/ |  ___)    |  ___)  |  __  / |  ___  || ||_|| ||  ___)  | || || || |   | ||  __  / |  _   _)
| |_____ | |  \ \ | |_____ | |   | || (_____ | |        | |      | |  \ \ | |   | || |   | || |_____ | || || || |___| || |  \ \ | |  \ \ 
 \______)|_|   |_||_______)|_|   |_||_______)|_|        |_|      |_|   |_||_|   |_||_|   |_||_______) \_____/  \_____/ |_|   |_||_|   \_)

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

/* ################################################################################################################																		     *                                                                      							
														IMPORTS
 *###############################################################################################################*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

/*    font-family: "Poppins", sans-serif;

    font-family: "Poppins", sans-serif;
	
*/

:root {
  --rouge: #b71739;
  --rougeclair: #bd6b7c;
  
}


/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 

	
	body{}
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:14px; 
		background: #EDEDED;
		color: #000;
		font-family: "Poppins", sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}
	/*body.affix{ overflow: hidden }*/
	

	body.is-loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}
	
	#MainW { z-index:200; }

	textarea{}
	input, select, textarea {
		color: #7c8081;
		font-family: "Poppins", sans-serif;
		font-size: 15px;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: var(--rouge);
		text-decoration: none;
	}

		a:hover {
			text-decoration: underline; 
			/*color: #666; */
		}
		
		a:active, a:focus { outline:0; }
		a img { border:0; }
		
		
		
			
	/*.DocumentLink, .ImageLink:not([class=widthThumb])  { background:#ffffff; padding :7px 40px 5px 6px; height:30px; line-height:30px; } */
	.ImageLink.widthThumb  {  padding :0; background:none; }
	
	.buttonLink {  padding:6px 12px; color:#ffffff; background:var(--rouge); font-size: 1.1em;  display: inline-block; }
	.buttonLink i { margin-right:8px;  }  
	.buttonLink:hover { color:#ffffff; background:#333;   } 
	
	.buttonLink.upper { text-transform:uppercase;  }
	.buttonLink.bold { font-weight:bold; } 
	
	
		

	strong, b {
		font-weight: 600;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0; /*text-align:justify;*/
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;
		font-family: "Poppins", sans-serif;
		font-weight: 700;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h2 {
		font-size: 1.5em;
		letter-spacing: 0.1em;
	}

	h3 {
		font-size: 1.15em;
		letter-spacing: 0.025em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}
	
	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
		font-size:12px;
	}
	
	/**
	 * Lists
	 */
	ul { margin:0; padding:0; }
	li { list-style-type:none;}
	
	dl { margin:0; padding:0; }
	dt {}
	dd {}
	
	i, em {font-style: italic;}
	
	
/* ################################################################################################################																		     *                                                                      							
														ELEMENTS
 *###############################################################################################################*/
	
/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}




/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		/*-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;*/
		background: rgba(255, 255, 255, 0.5);
		border: solid 1px var(--rouge);
		color: inherit;
		display: block;
		padding: 0.5em 0;
		text-indent: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		border-right-style: solid;
	}


	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}
	
	.missingField label, .invalidField label { color:#ec0001; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }
	
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#ec0001;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus, select:focus {
		border-color: var(--rouge);
		background: #fff;
	}
	
	
	form label { font-size: 1.1em; display: block;}
	select{ margin-left: 0;}
	

	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	
	
	#fieldsList{ }
	

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: var(--rouge);
		border: solid 1px var(--rouge);
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 900;
		letter-spacing: 2px;
		min-width: 15em;
		padding: 0 1em;
		line-height: 3.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.button.mini {
		min-width: unset;
		padding: 8px 15px;
		line-height: 1.5em;
		letter-spacing: 1px;
		font-size: 0.9em;
		
	}
	

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: #fff;
			border-color: var(--rouge);
			color: var(--rouge);
		}
		
		
	*::-webkit-input-placeholder {
		color: #fff !important;
	}
	*:-moz-placeholder {
		/* FF 4-18 */
		color: #fff !important;
	}
	*::-moz-placeholder {
		/* FF 19+ */
		color: #fff !important;
	}
	*:-ms-input-placeholder {
		/* IE 10+ */
		color: #fff !important;
	}

		

			
	
/* Google Map / Vcard */


	#jGMapW { width:100%x; height:550px; margin:0; border:0; background:#fafafa; }
	#jGMapW .geo{ display:none;}
	#jGMap { width:100%; height:550px; }
	
	.vcard p { margin:0; padding:0; font-size:1.1em;}
	.vcard p strong{ color: var(--rouge); font-size:1.3em;}
	.vcard .adr .street-address { display:block; }
	.vcard .tel .type, .vcard .uri { display:none; }	
	
	
	
/* LANGS */


	#LangLinks{ z-index:1000; position:absolute; right:10px; top: 3px; }
	#LangLinks li { width: 24px; height: 18px; float: left; margin-right: 8px;}
	#LangLinks li.last{ margin: 0;} 
	#LangLinks li a { display: block; height: 100%; background-image: url(zims/buttons/flags.png); border: none; }

	#LangLinks li a.disabled{ background-image: url(zims/buttons/flags-disabled.png); }
	#LangLinks li a:hover{
		background-image: url(zims/buttons/flags.png);
		box-shadow: 0px 0px 3px #ffffff;
	}
	.hiddenData, #ConceptionCredit span, #LangLinks li a span
	{display: none;}
	#FrLink{ background-position: -24px top; } #EnLink{ background-position: 0 top; }
	#EsLink{ background-position: -48px top; } #CaLink{ background-position: -192px top; }
	#DeLink{ background-position: -72px top; }




/* Specials */


	 /**
	 * Floating elems
	 */
	.float
	{display:inline; float:left;}
	
	/**
	 * Away elems
	 */
	.away
	{position: absolute; top: -99999px;}
	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	 /**
	 * WRAPPERS 980
	 */
	.focusW
	{ margin:0 5%; width: 90%; }
	
	
	.clear{ clear: both; min-height: 1px;}
	.bigclear{ clear: both; height: 80px;}
	
	/**
	 * Overlays
	 */
	/* WHITE*/
	.overlay-w { background:rgba(255,255,255,0.7); }
	.lt-ie9 .overlay-w{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
		zoom: 1;
	}
	
	/* BLACK*/
	.overlay-b{ background:rgba(0,0,0,0.7); }
	.lt-ie9 .overlay-b{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
		zoom: 1;
	}
	
	
	span.triangle-bottomright { display:inline-block; width: 0; height: 0; border-bottom: 20px solid var(--rouge); border-left:20px solid transparent; } 
	span.triangle-bottomleft { display:inline-block; width: 0; height: 0;  border-bottom: 20px solid var(--rouge); border-right: 20px solid transparent; } 
	
	.centered{ text-align: center;}
	
	
	
		
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/
 	
	/* COMMON COLOR 
	
		- VERT #6b9f08
		- BLEU #047ab9
		- ORANGE #fa9820;

	*/
 
 
 	/* .overtext{ text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }  */
	
	.hiddenh2{ height: 100px;}
	.hiddenh2 span{ display: none;}
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
/* HEADER */

	#HeaderWW{ background: #EDEDED; width: 100%; top: 0; left: 0;  position: fixed; z-index: 1000;}
	/*.affix #HeaderWW { padding-right: 17px; height: 100vh;    }*/

	#HeaderW {background: #fff; border-bottom: 1px solid #999; width: 100%;  }
	
	#HeaderWW.headscrolled {  }
	
	
	#Header { height: 120px; 
		-moz-transition: height 0.3s ease-in-out;
		-webkit-transition: height 0.3s ease-in-out;
		-o-transition: height 0.3s ease-in-out;
		-ms-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;   }
	.headscrolled #Header { height: 85px;}
	
	#HomeLinkW { margin: 0; padding-top: 10px;
		-moz-transition: padding-top 0.3s ease-in-out;
		-webkit-transition: padding-top 0.3s ease-in-out;
		-o-transition: padding-top 0.3s ease-in-out;
		-ms-transition: padding-top 0.3s ease-in-out;
		transition: padding-top 0.3s ease-in-out; }
	.headscrolled #HomeLinkW { padding-top: 4px;}
		
	#HomeLinkW img { width: 102px; vertical-align: top;
		-moz-transition: width 0.3s ease-in-out;
		-webkit-transition: width 0.3s ease-in-out;
		-o-transition: width 0.3s ease-in-out;
		-ms-transition: width 0.3s ease-in-out;
		transition: width 0.3s ease-in-out; }
	.headscrolled #HomeLinkW img { width: 78px;}
	
	
	#TopBarW {background: #222;   }
	#TopBar { height: 32px; padding-top: 4px; }
	
	
	#SearchW{ display: inline-block; float: right; margin-right: 40px; }
	
	#SearchForm label, #SearchForm .formButtons{ display: none;}
	#SearchForm p#field-need{ display: inline-block; float: left; margin: 0; }
	#SearchForm input{ background: none; border: none;  padding: 0 0 3px 0; color:#fff; }
	#SearchGo{ color: #fff; display: inline-block; float: left; cursor: pointer; font-size: 1.2em; margin-left: 10px; }
	
	
	#ContactLink{display: inline-block; float: right; color: #fff; text-transform: uppercase; letter-spacing: 1px; 
	margin-right: 40px; font-size: 0.9em; font-weight: 500;}
	
	#FbLink{display: inline-block; float: right; color: #fff;	margin-right: 30px; font-size: 1.1em; }
	
	
	#ToulouseMetroLink{  display: inline-block; float: right; padding: 8px 5px 3px; background: #fff; box-shadow: 0px 5px 5px rgba(0,0,0,0.4);}
	#ToulouseMetroLink img{ width: 80px; vertical-align: top; }
	

/*
	#HeaderW {background: url(zims/frontend/header-shadow.png) no-repeat center top;}
	
	#Header { height: 145px;   }
	
	#HomeLinkW { position: relative; z-index: 900;}
	#HomeLinkW a{ display: block; position: absolute;  top:0; padding:0 50px 0 50px; }
	#HomeLinkW a span.triangle-topright { width: 0; height: 0; border-top: 100px solid #ffffff; border-left: 50px solid transparent; position:absolute; left:0; top:0; 	}
	#HomeLinkW a span.triangle-topleft { width: 0; height: 0; border-top: 100px solid #ffffff; border-right: 50px solid transparent; position:absolute; right:0; top:0;  }
	#HomeLinkW a span.img { display:inline-block; float:left;  width:200px; overflow:hidden; text-align:center;  height:100px;  } 
	#HomeLinkW a span.img img { margin-left:-38px; margin-top:-10px;  }
	#HomeLinkW a span {  }
	
	
	#FacebookButton{ position: absolute; top: 20px; left: -185px; left: -105px;  z-index: 1000; }
	
	#TopBar{  float: right;  height: 65px; position:relative;   z-index:10; }
	#TopBar ul li{ float: left; height: 60px; }
	#TopBar ul li a{ 
		display: block; padding: 7px 0 0 10px; height: 100%;
		line-height: 1em; font-size: 1em; font-weight: 500; 
		color: #fff; text-transform: uppercase;  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
	#TopBar ul li a:hover{  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
		
	#TopBar ul li#AvisLink a{ background-position: 0 0; }
	#TopBar ul li#ContactLink a{ background-position: 0 -105px; }
	#TopBar ul li#GlossaireLink a{ background-position: -457px 0; }
	
	#TopBar ul li a {display: flex;}
	#TopBar ul li div.fontAw {width:30px; height: 30px; background-color: #fff; border-radius: 50%; display: flex; float:left; margin: auto;}
	#TopBar svg {display: flex; color: #0A40AD; font-size: 1.3em; margin: auto;}
	#TopBar ul li div:nth-child(2){float: right; margin: auto; padding-left:10px;}
	
	#SearchBox{ margin: 0 !important;}
	#SearchBox form{}
	#SearchBox form fieldset p { margin: 0;  display: inline; float: left;}
	#SearchBox form fieldset p label{ display: none; }
	#SearchBox form fieldset p input{ border: 1px solid #fff; color: #fff; text-align:center; width: 195px; background: none!important; line-height: 1.5em; }
	#SearchFormButtons{ display: inline; float: left; }
	#SearchFormButtons input{ 
		text-indent: -999px; overflow: hidden; background: #fff url(zims/frontend/sprites.png) no-repeat -2px -208px;
		width: 36px; border-color: #fff; min-width: auto; line-height: 1em; height: 40px; min-width: 0 !important;}
	#SearchFormButtons input:hover{ background-position: -2px -207px;}
	
	.chrome #SearchBox form fieldset p input { padding: 0.5em; !important}
	.chrome #SearchFormButtons input{ height: 39px; }
	.ie #SearchBox form fieldset p input { padding: 0.6em; !important}

	*/
	
	
	/********* BANDEAU COOKIES **********/

	#BandeauCookies {background: rgba(0, 0, 0, 0.8); position: fixed; bottom: 0; left: 50%; transform: translate(-50%); width: 101%; z-index: 100000; text-align: center;}
	#TextCookies{color: #fff; padding: 5px 20px !important; line-height: 1.5em;}

	.buttonsCookies {display: flex; justify-content: space-evenly;}
	
	#CookieFormSubmit, #PersonnaliserButton{color: #fff; background-color: var(--rouge); display: inline-block; border: var(--rouge); line-height: 2.5em; margin-top: 10px;}
	#CookieFormSubmit:hover, #PersonnaliserButton:hover{text-decoration: none; background-color: #fff; color: rgba(0, 0, 0, 0.8);}

	.mobile .buttonsCookies {display: initial;}
	
	
	/* MAIN MENU */


	#Nav { float: right; /*position: relative; top:0;*/ z-index: 10; clear: right; max-width: 85%}
	
	#NavIco {
		display: block; position: fixed; z-index: 5001; height: 25px; width: 32px;
		right: 5%; top: 86px; display: none;
		/*-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);*/
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		cursor: pointer;
	}
	.scrolled #NavIco { top: 71px;  }
	.open #NavIco { top: 20px;  }
	
	
	#NavIco span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: var(--rouge);
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#NavIco span:nth-child(1) { top: 0px; 	}
	#NavIco span:nth-child(2),#NavIco span:nth-child(3) {  top: 9px;	}
	#NavIco span:nth-child(4) { top: 18px; }

	#NavIco.active span { background: #fff; }
	#NavIco.active span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#NavIco.active span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#NavIco.active span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#NavIco.active span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#NavIco strong {
		position: absolute;
		left: 55px; font-size: 1.1em;
		line-height: 1em;
		top: 10px; color: #fff;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	
	
	
	#MenuW{ overflow: visible; width: 100%; height: 100%; z-index: 1001; 
	}
	
	#MenuOverlay{ 
		background: rgba(41,83,116,0.4);
		height: 100%; width: 100%; top: 0; left: 0;
		position: absolute; z-index: 900; 
	}
	
	#NavIco, #MenuOverlay{ display: none; } 
	
	/*#Menu{ overflow: visible;
		background: #fff;
		height: 100%;
		position: absolute; z-index: 1000; opacity: 0; overflow: visible;
		height: 100%;width: 35%;
	}*/
	
	
	
	
	
	
	
	
	
	/*#MainMenu{ margin: 0 auto; width: 800px; display: inline; float: right; padding-top: 7px; }*/
	
	#MainMenu { margin: 0 auto; display: inline-flex; float: right; padding-top: 30px; gap: 20px;
		-moz-transition: padding-top 0.3s ease-in-out;
		-webkit-transition: padding-top 0.3s ease-in-out;
		-o-transition: padding-top 0.3s ease-in-out;
		-ms-transition: padding-top 0.3s ease-in-out;
		transition: padding-top 0.3s ease-in-out;
	}
	.headscrolled #MainMenu  { padding-top: 15px; }
	
	#Nav ul li.HTMLMenuW-Level1, #Nav ul li.HTMLMenuItem-Level1 {   line-height: 1em; padding: 0; display: flex; align-items: center;}
	#Nav ul li.HTMLMenuW-Level1:last-child, #Nav ul li.HTMLMenuItem-Level1:last-child { margin-right: 0;  }
	
	#Nav ul li.HTMLMenuW-Level1 > strong, #Nav ul li.HTMLMenuItem-Level1 > a{ 
		display: block; font-size: 1em; line-height: 1.4em; color: #444; text-align:center; 
		font-weight: 600; text-transform: uppercase; line-height: 1.2em; font-family: "Poppins", sans-serif; }

	#Nav ul li.HTMLMenuW-Level1 > strong span, #Nav ul li.HTMLMenuItem-Level1 > a span{ 
		display: inline-block; padding-bottom: 7px; border-bottom: 3px solid #fff;
		-moz-transition: border-color 0.3s ease-in-out;
		-webkit-transition: border-color 0.3s ease-in-out;
		-o-transition: border-color 0.3s ease-in-out;
		-ms-transition: border-color 0.3s ease-in-out;
		transition:  border-color 0.3s ease-in-out;		
		
	}
		
		
	#Nav ul li.HTMLMenuW-Level1:hover > strong, #Nav ul li.HTMLMenuItem-Level1:hover > a {  color: var(--rouge); }
	#Nav ul li.HTMLMenuW-Level1:hover > strong span, #Nav ul li.HTMLMenuItem-Level1:hover > a span {  border-color: var(--rouge); }
	
	
	/*#Nav ul li.HTMLMenuW-Level1:hover { background: url(zims/frontend/menu-arrow-w16.png) no-repeat center bottom;   }*/
	
	/*#Nav ul li.HTMLMenuW-Level1 strong { cursor: pointer;}*/
	
	
	/*#Nav ul li#MainMenu-la-mairie-MenuW a { width: 80px; margin:0 auto; }
	#Nav ul li#MainMenu-vie-pratique-MenuW a { width: 100px;  margin:0 auto;  }*/
	
	
	
	/* SUB */
	
	#Nav ul li .subMenuW { 
		position: absolute; width: 100%; /*height: calc(100vh - 152px);*/ left: 0; top: 152px; z-index: 1001; display: none;
		border-top: 3px solid var(--rouge); 
		background: #fff;}
	.headscrolled #Nav ul li .subMenuW { /*height: calc(100vh - 120px);*/ top: 117px;}
	/*.affix #Nav ul li .subMenuW {	width: calc(100% - 17px); }*/
		
	#Nav ul li#MainMenu-infos-pratiques-MenuW .subMenuW, #Nav ul li#MainMenu-retraites-MenuW .subMenuW{ top: 82px; }
	
	#Nav ul li .subMenuBg { margin-top: 40px; position: relative; z-index: 10; margin-bottom: 40px;}
	#Nav ul li .subMenu {  min-height:80px;  padding: 0; }
	#Nav ul li .subMenuBottom{
		position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
		background: url(../media/images/forme-o-15.svg) no-repeat right -135px; background-size: 50%; 
		border-bottom: 1px solid #aaa;
	}  
	#Nav ul li .subMenuBottom .closer{
		position: absolute; top: 15px; right: 15px; color: #222; font-size: 1.5em;
	} 
	
	#Nav ul li .subMenu > ul{ position: relative; background: none; clear: none; display: flex; width: 100%; gap: 20px; flex-wrap: wrap; }
	#Nav ul li .subMenu > ul > li{ 
		font-size: 1.1em; width: calc(33.33% - 15px); line-height: 1.2em;
		margin-bottom: 20px; text-align: left;   }
	#Nav ul li .subMenu > ul > li:nth-child(odd){ 
		clear: left;  }


	#Nav ul li .subMenu > ul  > li > a, #Nav ul li .subMenu ul li > strong{ color: var(--rouge); font-family: "Poppins", sans-serif; text-transform: uppercase; text-align: left; font-size: 1.2em; cursor: pointer; }

	#Nav ul li .subMenu ul > li > a:hover { color: #444;  }
	/*#Nav ul li .subMenu ul li strong{ font-weight: 500;  } */
	
	.subMenu2{ display: none;}
	
	#Nav .subMenu2 svg {
		display: none;
	}
	#Nav .subMenu2 ul li{
		margin-top: 3px;
	}
	#Nav .subMenu2 ul li a{
		font-size: 0.9em; 
	}
	
	
	
	
	#MainMenu-vie-pratique-MenuW{ display: none;}
	#MainMenu-contactDirect-Item{ display: none !important}
	
	
	
	.quotedText{ 
		position: relative; float: right; max-width: 40%;
		color: #0037A8; background:url(zims/frontend/raquo-big.jpg) no-repeat left top; padding: 45px 0 0 0;
		margin: 0 0 0 60px; font-weight: 300; text-transform: none; font-size: 1.4em;line-height: 1.2em;
	}
	.endquote{ 
		position: absolute; bottom: -42px; right: 0;
		display: block; width: 46px; height: 38px; background:url(zims/frontend/laquo-big.jpg) no-repeat center;}
		
	
	.submenuContactLink{position: relative; height: 250px; float: right; margin: 0; padding-top: 55px; }
	.submenuContactLink a{ background: #cb1a2b url(zims/frontend/sprites.png) no-repeat 12px -269px; padding-left: 55px;  vertical-align:middle; }
		
		
		
	/* Footer */

	#FooterW {
		width: 100%; min-height: 300px; height: auto; 
		padding: 20px 0 20px 0; background: var(--rouge) url(../media/images/forme-w-o-15.svg) no-repeat; background-position: 175% center; background-size: auto 130%;  
		overflow: hidden;
		position: relative;
		z-index: 10;
	}
	
	
	
	#FooterCols{
		display: flex; gap: 50px; flex-wrap: wrap;
	}
	
	.footerCoords{ width: 24%; font-size: 0.9em; line-height: 1.4em;}
	.footerMenuW{ width: 70%; }
	.footerservicesW{ margin-bottom: 30px; font-size; 1.3em; }
	
	.footerCoords *{ color: #fff;}
	.footerCoords svg { font-size: 1.3em; margin-right: 6px;}
	
	#Socials a svg{ font-size: 2.5em; margin-right: 15px;}
	
	
	/*
	
	/*#Footer ul { float: left; width:23%; text-align:left;   }*/
	
	#FooterMenu li { text-align:left; }
	#FooterMenu li { float: left; font-size: 0.8em; color: #fff; line-height: 1.4em;}
	#FooterMenu ul li.conception { float: right; font-size: 0.7em;  } */
	
	#FacebookLink, #TwitterLink{ border: none; margin-right: 15px;}
	
	
	
	#Footer a {  }
	
	.familleMenuFooter {display: block;}
	
	#Footer #FooterMenu { width:100%;  overflow: visible;  text-transform:uppercase; display: flex; gap:  20px; flex-wrap: wrap; }
	#Footer #FooterMenu  .focusW { width:100%; }
	#Footer #FooterMenu  a, #Footer #ServicesList a { color:#ffffff;  font-weight:bold; }
	#Footer #FooterMenu li { display: block; width:100%; padding-bottom:4px;  }
	#Footer #FooterMenu > li { width:calc(33.33% - 15px); margin-top: 10px; }
	#Footer #FooterMenu > li ul { width:100%; display:inline-block; }
	#Footer #FooterMenu > li ul > li { display:block; list-style-type:square; list-style:square;display: list-item; color:var(--rougeclair); list-style-position:inside; padding-top:4px; min-height:16px;  text-align:left; font-size:1em; }
	
	#Footer #FooterMenu  .subMenu.focusW { margin: 0 0 0 10px; }
	#Footer #FooterMenu  .subMenuBottom{ display: none;  }
	
	#Footer #FooterMenu .HTMLMenuItemLink-Level2 strong { font-weight:500;  }
	#Footer #FooterMenu .HTMLMenuTitle-Level-1  { font-size:1.1em;  }
	
	
	
	#FooterMentions{ border-top: 1px solid #fff; padding-top: 20px; }
	#FooterMentions ul{ display: flex; gap: 0 20px;}
	#FooterMentions *{ color: #fff;}
	#FooterMentions li{ font-size: 0.8em; line-height: 1.2em;}
	
	
	
	

	/*#Footer #ServicesList { width:20%; text-transform:uppercase; margin-right:3%;  }
	#Footer #ServicesList li { width:100%; padding-bottom:4px; }
	
	#Footer ul li.copyright {  font-size:0.8em; font-weight:600;  letter-spacing:0;  }
	#Footer ul li.medias-sesam, #Footer ul li.conception { margin-top:30px;  width:66%; float :left; height :40px; display:block; text-align:left; }
	#Footer ul li.medias-sesam img { width:90px; }
	#Footer ul li.conception {  width:33% }
	#Footer ul li.conception a { display:block; padding-top:5px; }
	*/
	
	

	
	/* Content */

	#ContentWW { padding-top: 155px; background: var(--rouge); }
	#page-home #ContentWW {padding: initial;}
	#ContentWW h2{ 
		font-size: 3em; line-height:1.8em; text-transform: uppercase; color: #fff;  height: 82px; /*text-shadow: 3px 3px 10px #000000; */font-weight: 700; text-align: right; letter-spacing: 0;
		background:  url(../media/images/forme-w-o-15.svg) no-repeat left center; background-size: 300px auto;}

	#ContentW { clear: both;}
	#Content { min-height: 300px; padding-bottom: 25px; position: relative; background:#EDEDED /*url(zims/frontend/content-bg.jpg) no-repeat 100% bottom*/; overflow: visible hidden; z-index: 2;}
	
	#LeftCol, #LeftCol2 { width: 300px;  float:left; clear: left; padding-top: 7px;}
	.paragraphW { padding:1em 0 1em 370px;   }
	
	
	#Titlebar{ background: #fff; padding-bottom: 15px; padding-top: 15px;}
	#Titlebar h3{ text-align: right; font-size: 2em; color: #222; text-transform:none; line-height:1.4em;}

	#Titlebar.paragraphTitle h3{ padding-left: 100px; text-transform: uppercase; }
	#Titlebar.paragraphTitle svg{ font-size: 3em; color: var(--rouge); float: left; padding-left: 5%; }





	#page-vie-pratique #Titlebar{ display: none;}
	
	#page-contact #LeftCol{ width: 47%;  float:left;   }
	#page-contact .paragraphW {padding:1em 0 1em 0px;   }
	#page-contact #DiagRequest {display: flex; justify-content: space-between;background-color: #fff; padding-top: 20px;}
	#page-contact #DiagRequest #RightCol{width: 47%;}
	
	
	#page-cartes #Titlebar h3{ font-size:2.3em;  }
	
	/* LEFT MENU */

	#LeftMenuW > ul { width: 100%; }
	
	#LeftMenuW > ul li { text-align:left; }
	
	/* LVL 2 */
	#LeftMenuW > ul li.categ-lvl2 { 
		width: 100%; min-height: 46px; 
		border-bottom: 3px solid #EDEDED;
		background-color: var(--rouge);
		color: #fff;
		border-bottom: 1px solid #ccc;
	}
	
	#LeftMenuW > ul li.categ-lvl2:last-child {border-bottom: none;}
	
	#LeftMenuW > ul li.categ-lvl2.closed {background-color: #EDEDED;}
	
	#LeftMenuW > ul li.categ-lvl2 a.categ-lvl2-Link{ 
		color: #15367d; background: #b7d67d; /*border-bottom: 3px solid #EDEDED;*/
		display: block; height: 100%; padding: 9px 10px; font-size: 1.3em; font-weight: 600; line-height: 1.1em;
	}

	#LeftMenuW > ul li a span { display: block; height: 100% }
	
	#LeftMenuW > ul li.closed a span { display: block; height: 100%; color: var(--rouge);}
	#LeftMenuW > ul li a span { display: block; height: 100%; color: #fff;}
	
	/* LVL 3 */
	
	#LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3{ 
		width: 100%; /*min-height: 46px;*/ 
		/* border-bottom: 3px solid #EDEDED; */
	}
		
	#LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link {
		color: #222; /*border-bottom: 1px solid #EDEDED;*/
		display: block; height: 100%; padding: 9px 10px 9px 30px; font-size: 1.1em; font-weight: 400; line-height: 1.1em;
	}
	
	#LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3 span {
		color: #fff;
	}
	
	/* LVL 4 */
	#LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3 ul{}
	
	#LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4{
		width: 100%; min-height: 30px; 
		/*border-bottom: 1px solid #EDEDED;*/}
		
	#LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4 a.categ-lvl4-Link{
		color: #222; /*background: #f3fde0 url(zims/frontend/submenu-icon-lvl4.png) no-repeat 20px center;*/
		display: block; height: 100%; padding: 6px 8px 6px 38px; font-size: 1em; font-weight: 400; line-height: 1.1em;
	}
	
	#LeftMenuW > ul li a:hover{ background-color: var(--rouge) !important; /*position: relative; left: 3px;*/}
	#LeftMenuW > ul li a:hover span{color: #fff; text-decoration: underline; background-size: 10px;}
	#LeftMenuW > ul a.active{color: #fff !important; background-color: var(--rouge) !important; text-decoration: underline;}
	#LeftMenuW > ul a.active span{/*background: url(zims/frontend/submenu-arrow.png) no-repeat 98% center;*/ padding-right: 28px !important; font-weight: bold;}
	#LeftMenuW > ul li.categ-lvl2 a.categ-lvl2-Link span {background: url(zims/frontend/chevron-down-solid-white.png) no-repeat 98% center; background-size: 10px; padding-right: 15px;}
	#LeftMenuW > ul li.categ-lvl2.closed a.categ-lvl2-Link span {background: url(zims/frontend/plus-solid.png) no-repeat 98% center; background-size: 10px; padding-right: 15px;}
	#LeftMenuW > ul li.categ-lvl2.closed a.categ-lvl2-Link:hover span {background: url(zims/frontend/plus-solid-white.png) no-repeat 98% center; background-size: 10px;}
	
	.blue #LeftMenuW > ul li.categ-lvl2 a.categ-lvl2-Link{ color: var(--rouge); background: none ;  }
	/* .blue #LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link, .blue #LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4 a.categ-lvl4-Link { background-color: #D4DAE8;  } */
	/* .blue #LeftMenuW > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link{ background-image:url(zims/frontend/dot-blue.png);} */
	/* .blue #LeftMenuW > ul a:hover, .blue #LeftMenuW > ul a.active{ } */
	
	
	
	#MenuContactLink{ padding: 8px 15px; font-size: 1.2em; color: #fff; background:var(--rouge); margin-top: 10px; font-weight: 600; }
	#MenuContactLink a{color: #fff; }
	

	/* LEFT LIVRET */
	
	#LeftLivret{ width: 100%; margin: 10px 0; padding-top: 10px; border-top: 5px solid #fff; }
	#LeftLivret h3{ text-transform:uppercase; text-align: center; color: var(--rouge); font-size: 1.3em; line-height: 1em; font-weight:600; margin: 0;  }
	
	#LeftLivret a{ display: block; text-align:center; padding-top:10px;  }
	#LeftLivret a span{ 
		display: inline-block;  margin: 0 auto; text-align: center; background: var(--rouge); 
		padding: 7px 20px;
		color: #fff; font-size: 1.1em;  font-weight: 600; line-height: 1.1em;}
	#LeftLivret a img  { height:180px;  -webkit-box-shadow: 0 0 6px 0 #222; box-shadow: 0 0 6px 0 #222; display: block; margin: 0 auto 10px; }
		

	#LeftAgenda { width: 100%; margin: 20px 0; padding-top: 20px; border-top: 5px solid #fff; text-align:center;  }
	#LeftAgenda h3 { background:var(--rouge); color:#fff; padding:6px;  font-weight:600;  font-size:1.4em; } 
	#Content #LeftAgenda p { line-height:1.1em; text-align: center;  color:#464646; }
	#Content #LeftAgenda a:hover { text-decoration:none; }
	#LeftAgenda a span { display: inline-block;  margin: 0 auto; text-align: center; background: var(--rouge); 
		padding: 7px 20px; display: block;     margin: 0 auto;
		color: #fff; font-size: 1.1em; font-weight: 600; line-height: 1.1em;}
	
	
	#LeftGlossaire{ width: 100%; margin: 10px 0; padding-top: 20px; border-top: 5px solid #fff; text-align:center;  }
	#LeftGlossaire h3 { background:#D4DAE8; color:var(--rouge); padding:6px;  font-weight:600; font-size:1.4em;  } 
	#Content #LeftGlossaire p { line-height:1.1em; text-align: center;  color:#464646; }
	#Content #LeftGlossaire a:hover { text-decoration:none; }
	#LeftGlossaire a span { display: inline-block;  margin: 0 auto; text-align: center; background: var(--rouge); 
		padding: 7px 20px;
		color: #fff; font-size: 1.1em; font-weight: 600; line-height: 1.1em;}
	
	
	
	#ReturnTop{ position: absolute; bottom: 10px; right: 10px; width: 37px; height: 37px; display: block; background: url(zims/frontend/sprites.png) no-repeat right -409px; }
	#ReturnTop:hover{ bottom: 12px;}
	
	.legend{ display: block;  font-size: 0.9em; line-height: 1.3em;}
	
	.soon{ cursor:pointer;}
	.soonpage{ text-align:center; padding: 25px; font-size: 1.5em; font-style: italic; color: var(--rouge); margin: 0;}
	
	
	
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 
	#page-home #ContentWW{background: none; }
	#page-actualite #ContentWW {background: none; padding-top: 170px;}
	#page-home #ContentW, #page-actualite #ContentW{ position:relative; background: #ededed; padding-top: 50px; }
	
	
	#page-home #Content{ }
	
	#MainAccrocheW{ margin-top: 115px; height: calc(80vh - 115px); background-position: center; background-size: 100% auto; background-repeat: no-repeat; }
	#MainAccrocheMobW{ display: none; }
	
	
	#MainAccroche{ }
	#MainAccroche h2{ text-align: left; line-height: 1em; margin: 0}
	#MainAccroche h2 span{ display: block; font-size: 0.5em;}
	
	#HomeBandW{ }
	#HomeBand{ position:relative }
	
	#HomeIntro{ padding: 15px 0 25px; text-align:center; width: 650px; margin: 0;}
	#HomeIntro strong{}
	
	
	
	/*#HomeLivret{ 
		width: 296px; height: 296px; padding-top: 32px; text-align: center; background:url(zims/frontend/2019-home-livret.png) no-repeat center; position: absolute; top: -150px;  right: -40px; z-index: 15;}
	#HomeLivret h3{ text-transform:uppercase; text-align: center; color: var(--rouge); font-size: 1.3em; line-height: 1em; font-weight: 700; margin: 0; padding: 40px 55px; }
	#HomeLivret a{ display: block; text-align:center; margin-top: 85px; position:relative;  z-index:1000; }
	#HomeLivret a span{
		display: inline-block;  margin: 0 auto; text-align: center; background: var(--rouge); 
		padding: 6px 15px;
		color: #fff; font-size: 1em; font-weight: 600; line-height: 1.1em;}
	#HomeLivret .bulleJournal { color: var(--rouge);  width:75px; float:left;   position:absolute; top:115px; left:60px;  }
	#HomeLivret .miniatureJournal { width: 75px; display: block; position:absolute; top:100px; right:70px;}
	#HomeLivret .miniatureJournal img { width:100%; }
	
	*/
	
	
	#HomeLivret{ 
		width: 30%;
		padding: 25px 20px; background: var(--rouge);
		position: absolute; top: -85px; right: 0; z-index: 15;
		color: #fff;
		
	}
	#HomeLivret h3{ font-size: 2em; line-height: 1em; font-family: "Poppins", sans-serif; margin-bottom: 15px;}
	.miniatureJournal{ display: inline-block; float: right; max-width: 25%; }
	.miniatureJournal img{ width: 100%; vertical-align: top; }
	
	#HomeLivret p{ font-size: 1.3em; text-align: left; margin: 0; line-height: 1.2em;  }
	#HomeLivret a{ display: inline-block; border: 1px solid #fff; padding: 2px 15px; color: #fff; }
	
	
	
	
	
	#HomeLivret2 {
    width: 287px;
    height: 160px;
    /* padding-top: 32px; */
    text-align: center;
    background: url(zims/frontend/point_actu2.png) no-repeat center;
    background-size: 58%;
    position: absolute;
    top: -78px;
    /* right: 0; */
    right: 26%;
    z-index: 15;
	}

	#HomeLivret2 h3 {
		text-transform: uppercase;
		text-align: center;
		color: var(--rouge);
		font-size: 1.1em;
		font-size: 1.em;
		height: 1em;
		font-weight: 700;
		/* display: none; */
		letter-spacing: 1px;
		line-height: 17px;
		/* margin: 0; */
		margin-top: 78px;
		/* margin-top: 57px; */
	}
	#HomeLivret2 a {
		display: inline-block;
		/* text-align: center; */
		/* margin-top: 99px; */
		width: 57%;
		position: relative;
		z-index: 1000;
		letter-spacing: 2px;
		margin: 0;
		margin-top: 6px;
		/* width: 62px; */
	}
	#HomeLivret2 a span {
		display: inline-block;
		margin: 0 auto;
		text-align: center;
		background: var(--rouge);
		padding: 6px 2px;
		color: #fff;
		font-size: 0.9em;
		font-weight: 600;
		line-height: 0.8em;
	}
			
	#HomeLivret2 .bulleJournal {
		color: var(--rouge);
		width: 171px;
		float: left;
		position: absolute;
		top: 69px;
		left: 51px;
	}
	#HomeLivret2 .miniatureJournal { width: 75px; display: block; position:absolute; top:100px; right:70px;}
	#HomeLivret2 .miniatureJournal img { width:100%; }
	
	
	
	#HomeContentW{ display: flex; gap: 50px; }
	#HomeActuW{ width: 65vw;  }
	#PanneauW{ padding-top: 40px;  }
	
	
	
		
	#page-home #Content{ padding-bottom: 0; z-index: 1;}
		
		
		
	#HomeZoom { font-size: 3em; color: var(--rouge); padding-right: 32%; line-height: 1.2em; }
	#HomeZoom.mini { font-size: 3em;}
		
	/* .titleZoomAlert{display: flex;} */
		
	/*#HomeZoomW{ }
	
	#HomeZoom { font-size: 1.8em; line-height: 50px; height:50px; color: var(--rouge); padding-top: 5px; font-weight: 600; height: 0;}
	#HomeZoom span.content,#HomeZoom span.h50  { float:left; margin:0; }
	#HomeZoom span.content {background:#EDEDED; height :80px; line-height:60px; padding:0 10px 0 10px;}
	
	#HomeZoom span.triangle-bottomright.h50 { display:inline-block; width: 0; height: 0; border-bottom:100px solid #EDEDED; border-left:50px solid transparent;   } 
	span.triangle-bottomleft.h50  { height:50px;  display:inline-block; width: 0; height: 0;  border-bottom: 100px solid #EDEDED; border-right: 50px solid transparent;  } 
*/





	/* .titleZoomAlert{display: flex; flex-wrap: nowrap;} */
	.mobile #HomeAlertW{position: absolute; top: -65px; /*left: 220px;*/ left: 170px; /*width: 100%;*/ width: auto; padding-left: 0%; z-index: 1;}
	.mobile .homeAlertW:nth-child(3) {width: 100% !important; z-index: 0 !important;}
	#HomeAlertW{position: absolute; top: -64px; width: auto; padding-left: 4%; z-index: 1;}
	#HomeAlert{ font-size: 1.8em; line-height: 50px; height:50px;  color: #ffffff; padding-top: 5px; font-weight: 600; width: 100%;  }
	#HomeAlert span.content,#HomeAlert span.h50  { float:left; margin:0; }
	#HomeAlert span.content {background:var(--rouge); height :59px; line-height:60px; padding:0 10px 0 10px;}
	
	#HomeAlert span.triangle-bottomright.h50 { display:inline-block; width: 0; height: 0; border-bottom:60px solid var(--rouge); border-left:50px solid transparent;   } 
	#HomeAlert span.triangle-bottomleft.h50  { height:50px;  display:inline-block; width: 0; height: 0;  border-bottom: 60px solid var(--rouge); border-right: 50px solid transparent;  } 
	
	.alert svg, #HomeAlert .content svg{-webkit-animation: blink 2s ease 0s infinite normal backwards; animation: blink 2s ease 0s infinite normal backwards;}
	@-webkit-keyframes blink {
	  0%{opacity: 1;}
	  25%{opacity: 0;}
	  50%{opacity: 1;}
	  75%{opacity: 0;}
	  100%{opacity: 1;}
	}
	@keyframes blink {
	  0%{opacity: 1;}
	  25%{opacity: 0;}
	  50%{opacity: 1;}
	  75%{opacity: 0;}
	  100%{opacity: 1;}
	}

	.lt-1240 #HomeAlertW {padding-left: 27%;}

	#ActuPageLink { border-top:4px solid red;  width:100%;}
	#ActuPageLink a {  font-size:1.2em;}
	
	a.supersizedLink  { display: block; width: 100%; height:410px !important; position: fixed;  top:120px; left:0;  z-index: 1; /*background:#ffcc00;  opacity:0.2;*/}
	.mobile a.supersizedLink {height: 350px !important;}
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * NEWS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
	/* .centeredlist{  margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%; } */
	/* .centeredlist85{  margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%} */
	/* .centeredlist60{ margin-left: 20%!important; margin-right: 20%!important; width: 60%} */
	
	ul#FilterNews { width:100%; display:table; text-align:center; margin: 40px 0; }
	#page-home ul#FilterNews { margin-top: -19px; }
	
	ul#FilterNews li { display:inline-block; border: 2px solid var(--rouge); /*border-left: 1px solid var(--rouge);  border-bottom: 1px solid var(--rouge); */text-align :center; margin:0; padding:0; text-transform: uppercase; margin: 0 8px; background: #EDEDED    }
	/*ul#FilterNews li:last-child {  border-right: 1px solid var(--rouge);   }*/
	
		ul#FilterNews li a { display:block;  width:100%; height:100%; padding:3px 12px; margin:0; font-weight: 600; }
		ul#FilterNews li a:hover { background: var(--rouge); color:#ffffff;  }
		
		#page-actualite ul#FilterNews li a.current {  background:var(--rouge); color:#ffffff; }
	
	.centeredlist.col2 > li, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: inline;	float: left;}
	.centeredlist.col2 > li{ width: 49%; margin-right: 1%; margin-bottom: 25px;}
	.centeredlist.col2 > li:nth-child(odd){ clear: left;}
	.centeredlist.col2 > li:nth-child(even){ margin-right:0; margin-left: 1%;}
	.bigpadding.col2 > li:nth-child(odd){ padding-right: 2%; width: 47%;}
	.bigpadding.col2 > li:nth-child(even){ padding-left: 2%; width: 47%;}
	
	
	.centeredlist.col3 > li{ width: 32%; margin-right: 2%}
	.centeredlist.col3 > li:nth-child(3n){ margin-right: 0; }
	
	.centeredlist.col4 > li{ width: 23%; margin-right: 2.5%}
	.centeredlist.col4 > li:nth-child(4n){ margin-right: 0; }
	
	.centeredlist > li.fullwidth{ width: 100%; margin: 0;}
	
	
	.colZim{ width: 100%}
	.voidList{ overflow: auto;}
	
	
	.autocenterlist{ margin: 0 12.5%; width: 75%; display: table; text-align: center;}
	.autocenterlist> li{ margin-bottom: 25px; display: inline-block}
	
	.autocenterlist.col2 > li{ width: 49%; margin-right: 1%; }
	.autocenterlist.col2 > li:nth-child(odd){ clear: left;}
	.autocenterlist.col2 > li:nth-child(even){ margin-right:0; margin-left: 1%;}
	
	.autocenterlist.col3 > li{ width: 32%; margin-right: 2%}
	.autocenterlist.col3 > li:nth-child(3n){ margin-right: 0; }
	
	.autocenterlist.col4 > li{ width: 23%; margin-right: 2.25%}
	.autocenterlist.col4 > li:nth-child(4n){ margin-right: 0; }
	
	
	
	
	#ActusList{/* margin: 20px auto 40px auto;*/ overflow:auto; display: flex; flex-wrap: wrap; gap: 15px; }
	#ActusList li{ width: calc(25% - 12px); margin: 0;  }
	
	#page-home #ActusList{display: block; overflow:hidden;  }
	#page-home #ActusList li{ width: 19%; float: left; display: inline-block; margin: 0 7px; }
	
	#ActuPageLink { border-top:4px solid #ffffff;  width:100%;  position:relative;  height:50px; padding-top:0;   }
	/*#ActuPageLink a { position:absolute; font-size:1.2em; right:0;   top:-20px; display:block; }*/
	
	
	.mainactuArrowW{ display: block; position: relative; }
	.mainactuArrowW .actuArrow{ 
		display: block; position: absolute; bottom: 140px; color: #111;
		margin: 0; font-size: 4em; z-index: 10;  cursor: pointer; }
	.mainactuArrowW #Mainup{ left: -40px; }
	.mainactuArrowW #Maindown{ right: -40px;  }
	
	
	.actu{ position: relative; margin-bottom: 10px;}
	.actu h3{ margin: 0; height: 100%; position: relative; overflow: hidden;}
	.actu a { display: block; vertical-align: top;}
	.actu a img{ width: 101%;}
	
	
	.actu-listItemOverlay {
		position: absolute; top: 0; left: 0;
		display: table;
		height: 92%;
		width: 92%;
		vertical-align: middle;
		padding: 4%;
		background: rgba(20,20,20,0.4);
	}
	
	.actu-listItemTitle{
		
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 0; color: #fff;
		height: 100%;
		width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: bottom;
		padding: 10px;
		border: 1px solid #fff;
		/* padding-bottom: 40px; */
		/* text-transform: uppercase; */
	}
	
	.actu-listItemTitle strong {text-transform: uppercase; display: inline-block; line-height: 1.2em;}
	.actu-listItemTitle span {text-transform: initial;}
	
	.actu-listItemOverlay {width: 100.25%; height: 100%;}
	
	.actu a:hover .actu-listItemTitle { border: 1px solid #333;}	
	
	.actu-listItemSubtitle{ 
		font-size: 0.7em;
		display: inline-block; 
		/*margin-top: 20px; border-top: 1px solid #fff;*/
		line-height: 1.2em; padding-top: 10px;
	}
	
	.backLink{  margin-top: 5px; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0;}
	
	
	.actuSubtitle{ background: var(--rouge); text-align: center; color: #fff; padding: 0.6em 10px; margin-top: 0;}
	.actuFlyerW{}
	.actuFlyerW img, .actuHeaderW img, .actuFooterW img{ display: block; width: 100%;}
	
	.actuHeaderW{ margin-bottom: 40px; margin-top: 40px;} 
	.actuFooterW { margin-top: 20px;}
	
	.newsGalPagi{  position: relative; margin-top: 5px;}
	.newsGalArrow{ position:absolute; font-size: 1.8em; color: var(--rouge); top: 0; }
	.newsGalArrow.carousel-prev{  }	
	.newsGalArrow.carousel-next{ right: 0; left: auto;}	
	.newsGalCounter{ width: 100%; display: block; text-align: center; line-height: 1.8em; color: var(--rouge); }
	
	
	.cote {display: block; background-color: #fff; color: #000; /*transform: rotate(-30deg);*/ position: absolute; top: 12px; right: 0; font-weight: 600; color: var(--rouge); padding: 10px 20px; height: 50px;}
	.grandBandeau { /*position: relative; bottom: 300px; right: 150px;*/ font-size: 0.8em; line-height: 15px; }
	
	#HomeActuW {  padding: 50px 0; }
	h3#ArticleTitle{ color:var(--rouge);  text-align:center; font-weight:bold; border-bottom:2px solid var(--rouge); font-size:2.5em; line-height: 1.2em; padding-bottom: 10px; }
	/*h3.ultra { color:var(--rouge);  text-align:center; font-weight:bold; border-bottom:2px solid var(--rouge); font-size:1.4em;  }*/
	#HomeActuW .sidepadding { padding:1em; background:#ffffff; padding-bottom:30px;   }
	#HomeActuW h4.actuSubtitle {  background:var(--rouge); text-transform:none;  font-weight:bold;   padding-bottom: 12px; }
	
	
	
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * AGENDA * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#page-agenda #Content{ padding-bottom: 0; min-height:0;  }
	
	#page-agenda #ContentW div.agendaTitle h3 {  background:url(zims/frontend/agenda.png) 0 0 no-repeat; text-indent:45px;  text-align:left;  }
	
	#AgendaFiltersW{ /*height: 80px;*/ background: #8dc11c}
	#AgendaFilters{ height: 100%; background: url(zims/frontend/agenda-event-repeat-left.png) repeat-y left top;}
	
	#AgendaFilters form {  height:150px;   height:85px;  } 
	#AgendaFilters form  p { width:30%; float:left; margin-left:3%;  }
	#AgendaFilters form  p label { color:#fff;  }
	#AgendaFilters form  p select { background:#fff; border:none; border:4px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; line-height:12px; }
	#AgendaFilters form  p select  option { text-indent:10px; } 
	
	#AgendaFilters form .formButtons { display:none; }
	
	#AgendaFilters a.FilterReseter { background:#fff; color:#8DC11C; margin-left:3%; padding:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
	
	#Agenda{}
	
	#Agenda > li.eventW{ background:url(zims/frontend/agenda-event-repeat-left.png) repeat-y left top;  position:relative; }
	#Agenda > li.eventW:nth-child(even){ background:url(zims/frontend/agenda-event-repeat-right.png) repeat-y right top;}
	#Agenda li .eventBg{ background:url(zims/frontend/agenda-event-bg-left.png) no-repeat left top; padding: 30px 0 25px 40px;}
	#Agenda li:nth-child(even) .eventBg{ background:url(zims/frontend/agenda-event-bg-right.png) no-repeat left top; padding: 30px 40px 25px 0;}
	#Agenda li .event{ background: #fff; width: 940px; overflow: auto;}
	#Agenda li:first-child .eventBg{ background-position:left -6px; }
	
	#Agenda li p.noactu {  text-align:center; font-size:1.5em;  line-height:50px; padding-top:30px;  font-style:italic;  } 
	
	
	#Agenda li .eventZimW{ float: left; display: table; width: 320px; margin: 0; height: 100%; border-right: 10px solid #309ddd;}
	#Agenda li:nth-child(even) .eventZimW{ float: right; border-left: 10px solid #309ddd; border-right: 0;}
	#Agenda li .eventZimW span{ display: table-cell; vertical-align:middle; height: 100%;}
	#Agenda li .eventZimW span img{ vertical-align: middle; }
								
	#Agenda li .eventContent{ margin-left: 320px; width: 620px; border-left: 10px solid #309ddd;}
	#Agenda li .noimage .eventContent{ margin-left: 0; padding-top: 10px; padding-bottom: 10px; width: 925px;}
	#Agenda li:nth-child(even) .eventContent{  border-right: 10px solid #309ddd; border-left: 0; margin-right: 320px; margin-left: 0;}
	#Agenda li:nth-child(even) .noimage .eventContent{ width: 940px; margin-right: 0;}
	
	#Agenda li .eventContent .eventDateW{ overflow:auto; padding-right: 20px;}
	#Agenda li .eventContent .eventDate{ 
		display: inline-block; 
		font-weight: 600; font-size: 1.2em; color: #fff; background: #309ddd; 
		margin: 15px 0 0 0; padding: 6px 10px 6px 20px; text-transform:uppercase;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px; }
	#Agenda li:nth-child(even) .eventContent .eventDateW{ padding-right: 0; padding-left: 20px;}
	#Agenda li:nth-child(even) .eventContent .eventDate{
		padding: 6px 20px 6px 10px; float: right;
		-webkit-border-radius: 10px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius: 10px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-radius: 10px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
		
	#Agenda li .eventContent h3{ padding: 0 20px; margin: 20px 0; font-size: 1.5em; line-height: 1em; font-weight: 600; letter-spacing: 0;  text-align:left;  }
	#Agenda li .eventContent h3 span{ font-size: 0.8em; text-transform:none;  }
	
	#Agenda li .eventContent h4{ font-weight: 600; font-size: 1.3em; color: #E08011;  }
	
	#Agenda li .eventContent .eventText{ padding: 0 20px;}
	#Agenda li .eventContent .eventText p{ line-height: 1.3em; margin: 15px 0;}
	#Agenda li .eventContent .eventText p strong{ font-weight: 600;}
	
	#Agenda li .eventContent .eventText p.maxiText{ padding: 10px; font-size: 1.7em; color: #fff; font-weight: 700; text-transform:uppercase; text-align:center; background: #f7921c;}
	
	#Agenda li .eventContent .eventText ul{ margin: 15px 0; padding-left: 20px;}
	#Agenda li .eventContent .eventText ul li{ list-style-image:url(zims/frontend/agenda-list-type.gif); line-height: 1.3em; margin-bottom: 5px;}
	
	#Agenda li .eventContent .eventText .biglink a { 
		display: inline-block; font-weight: 600; letter-spacing: 0;
		color: #D37808;
		padding: 5px 12px 5px 45px; background:#ffd29e url(zims/frontend/sprites.png) no-repeat 12px -548px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	} 
	#Agenda li .eventContent .eventText .biglink a:hover{ color: #fff !important; background-color: #fa9820 !important;}
	
	
	
	#Agenda li .eventContent .eventLinks{ overflow:auto;}
	#Agenda li .eventContent .eventLinks ul{
		background: linear-gradient(135deg, transparent 20px, #309ddd 0) top left;
		width: 450px; float: right; padding: 10px 20px 5px;}
	#Agenda li:nth-child(even) .eventLinks ul{
		background: linear-gradient(225deg, transparent 20px, #309ddd 0) top right;
		padding: 10px 20px 15px; float: left;
	}
	.lt-ie9 #Agenda li .eventContent .eventLinks ul{ background: #309ddd; }
	#Agenda li .eventContent .eventLinks ul li{  }
	#Agenda li .eventContent .eventLinks ul li a{ 
		display: block; background: url(zims/frontend/agenda-link.gif) no-repeat left top; 
		color: #fff; font-size: 1.1em; padding-left: 48px; min-height: 33px; line-height: 1em; 
	}
		
	#Agenda li p.interface { text-align:right; padding-right:10px;  }
	#Agenda li:nth-child(even) p.interface { text-align:left;  padding-left:20px; } 
	#Agenda li p.interface span { display:inline-block; background:#309DDD; color:#ffffff;  font-size:1.2em; padding:6px; 
	 -webkit-border-radius: 6px; border-radius: 6px;  cursor:pointer;  }
	 
	 #Agenda li.closed .eventContent .eventText, #Agenda li.closed .eventContent .eventLinks { display:none; } 
	 
	 #Agenda li.closed .eventZimW { display :none; }
	 #Agenda li.closed .event .eventContent { width:940px; margin-left:0;  margin-right:0; } 
	 
	 #Agenda li.closed span.toClosed { display:none; }
	 #Agenda li span.toClosed { font-weight:800;  background:#309DDD; color :#fff; display :block; position:absolute;  width:24px; top :20px; right :0px;  padding:0px 7px  ;  
	  	-webkit-border-radius: 18px; border-radius: 18px; cursor:pointer; 
	 }
	 
	 #Agenda li:nth-child(even) span.toClosed { right:auto; left:0px; } 
			
		
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PARAGRAPHES * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
	.withCouv img { width: 100%;}
 
	.hiddenParagraph {display: none;}
	.whiteBackgroundTitle {background-color: #fff; padding: 10px 30px 10px 20px;}

 	.paragraphW{ }
	.paragraphW > h4 { text-align: left; margin: 10px 0 30px 0; }
	.paragraphW > h4 span{font-size:1.8em; color:var(--rouge); text-transform:none; font-weight:600; line-height: 1em;  }
 	.paragraphW > h4.withCouv { position:relative; margin-bottom:20px; }
 	.paragraphW > h4.withCouv span { position:absolute; bottom:1em; left:1em; font-size:3em; color:#ffffff; text-transform:none; text-shadow: 2px 2px 2px #000000;  font-weight:600; line-height: 1em; }
	
	
	.paragraphe{ background: #fff; padding: 20px 0; margin-bottom: 20px;  }
	
	.paragraphe.paraBox{ background: var(--rouge); } 
	.paragraphe.paraBox h4, .paragraphe.paraBox p, .paragraphe.paraBox .pg-textW { color: #fff;} 
	.paragraphe.paraBox *{ text-align: center; } 
	/*.paragraphe.paraBox .linkParagraphe a{ padding: 0 10px;}*/
	.paragraphe.paraBox .linkParagraphe a{ color: #fff !important; background: none !important;}
	
	
	
	.pg-textW{ overflow: auto; }
	
	.paragraphe p, .paragraphe div div { padding: 0 25px; margin-bottom: 15px; }
	.paragraphe div div#cke_pastebin { margin-bottom: 5px; }
	.paragraphe p strong{ font-weight: 600;}
 	.imageFloat p.pg-Image{ display: inline; float: right; margin: 0 25px 20px 20px; padding: 0;}
	.imageFloat p.pg-Image img { max-height:230px; }
	
	.paragraphe p.warning { color:#ff0000; }  
	
	
	.paragraphe a{ color: var(--rouge) !important;}
	.paragraphe a svg{ color: var(--rouge) !important;}

	.paragraphe .biglink a, .paragraphe .formlink a, .paragraphe .cartelink a, .gm-style-iw a.doclink { 
		display: inline-block; font-weight: 600; letter-spacing: 0;
		padding: 5px 12px 5px 45px; color: #15367d; background:#b7d67d url(zims/frontend/sprites.png) no-repeat 12px -546px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	} 

	.paragraphe .formlink a{ background-position: 12px -603px;}
	.paragraphe .cartelink a{ background-position: 12px -667px;}
	.paragraphe .biglink a:hover, .paragraphe .formlink a:hover, .paragraphe .cartelink a:hover{ background-color: #6b9f08 !important; color: #fff !important; }


	span.surligner { background:#FACA28; color:#000000; padding: 3px 15px; display: inline-block; margin: 5px 0;}	
	span.bigTexte { padding: 0 5px; font-size: 1.4em; font-weight: 600; line-height: 1em; text-transform:none;  }
	
	
 	.paragraphe h4{  padding: 0 25px; font-size: 1.6em; font-weight: 600; color: var(--rouge); line-height: 1em; text-transform:none; }

	
	
	#page-mentions-legales .paragraphe h3{  padding: 0 25px; font-size: 1.1em; font-weight: 600; color: #222; line-height: 1em; text-transform:none; margin:16px 0 0 0;}
	#page-mentions-legales .paragraphe h4{font-size:1.4em; color:#222;}
	#page-mentions-legales .paragraphe .adresse{line-height:20px;}
	#page-mentions-legales .paragraphe .listM{line-height:20px; padding-left:45px;}
	
	.paragraphe ul, #HomeActuW .sidepadding ul{ padding: 0 25px 0 35px; margin-bottom: 15px;}
	.paragraphe ul.questionlist{ padding: 0 25px;}
 	.paragraphe ul li, #HomeActuW .sidepadding ul li { list-style-image:url(zims/frontend/paragraph-list.gif); margin: 15px 0 5px; }
	.paragraphe ul.questionlist li { list-style-image:none; padding: 6px 0 0 45px; background:url(zims/frontend/question-green.jpg) no-repeat left top; min-height: 35px;}

	.documentListW{ background:url(zims/frontend/docs-arrow-blue.png) no-repeat 20px top; padding-top: 26px; margin: -30px 0 30px 0; }

 	.documentList { 
		background:var(--rouge) url(zims/frontend/sprites.png) no-repeat 25px -946px; min-height: 63px;
		padding: 20px 70px 10px 90px;
		-webkit-border-bottom-right-radius: 80px;
		-moz-border-radius-bottomright: 80px;
		border-bottom-right-radius: 80px;
	}
	
	
 	.documentList li { }
 	.documentList li a { display: block; color: #fff; font-weight: 600; font-size: 1.1em; line-height: 1.2em; margin-bottom: 10px }
	
	
	
	.paragraphList { padding: 0 !important; margin: 0 !important; display: flex; justify-content:  center; width: 100%; flex-wrap: wrap; }
	.paragraphList li { display: inline-block; width: 30%; margin: 0 1.5% 30px; vertical-align: top;}
	.paragraphList.col-1 li { width: 100%; margin: 0 0 30px0;}
	.paragraphList.col-2 li { width: 47%; margin: 0 1.5% 30px;}
	.paragraphList.col-3 li { width: 30%; margin: 0 1.5% 30px;}
	.paragraphList.col-4 li { width: 23%; margin: 0 1% 30px;}
	.paragraphList.col-5 li { width: 18%; margin: 0 1% 30px;}
	
	.paragraphList li img { display: block; width: 100%;}
	
	.paragraphList li .listItemTitle { margin: 15px 0; text-align: center; color: #111; font-size: 1.3em; font-weight: 700;}
	.paragraphList li .listItemText { }
	.paragraphList li .listItemText p { margin: 10px 0; line-height: 1.3em; text-align: center;}
	.paragraphList li .listItemLink { text-align: center;}
	.paragraphList li .listLinkedin { text-align: center;}
	.paragraphList li .listLinkedin i{ font-size: 1.7em; color: #999;}
	
	
	.galleryList{ display: flex; flex-wrap: wrap; gap: 15px; justify-content:center; width: 100%; margin-bottom: 25px;   border-bottom: 5px solid var(--rouge);}
	.galleryList li{ width: calc(33.33% - 10px); text-align:center;  }
	.galleryList li img{ vertical-align:middle; max-width: 100%;
		-moz-transition: opacity 0.3s ease-in-out;
		-webkit-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}
	.galleryList li:hover img{ opacity: .8; }
	
	
	.paragraphe p.contactblock{ background:url(zims/frontend/contactblock.jpg) no-repeat left center; padding-left: 80px; margin-left: 25px}
	.paragraphe p.horaireblock{ background:url(zims/frontend/horaireblock.jpg) no-repeat left center; padding-left: 80px;  margin-left: 25px}
	


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FILTRE PARAGRAPHES * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	/*ul#FilterParagraphs {width:100%; display:table; text-align:center; margin-bottom: 20px;}
	ul#FilterParagraphs li { display: inline-block; border: 1px solid var(--rouge); text-align: center; margin: 0 0 3px -1px; padding: 0;}
	ul#FilterParagraphs li a {display: block; width: 100%; height: 100%; padding: 5px 8px; margin: 0;}
	
	.mobile ul#FilterParagraphs {width: 99%; display: flex; flex-flow: row wrap; justify-content: center; margin-left: 2px;}
	.mobile ul#FilterParagraphs li {flex: 1 1 auto;}*/
	
	
	ul#FilterParagraphs { width:100%; display:flex; text-align:center; margin-bottom: 20px; flex-wrap: wrap; gap: 0 2%;}
	ul#FilterParagraphs li { 
		display:inline-block; border: 2px solid var(--rouge);  width: 49%; flex-grow: 0;
		text-align:center; margin:0; padding:0; text-transform: uppercase; margin: 0 0 8px; line-height: 1em; }
	ul#FilterParagraphs li a { display:block;  width:100%; height:100%; padding:6px 12px; margin:0; font-weight: 600;}
	ul#FilterParagraphs li a.active { background: var(--rougeclair); color:#ffffff; }
	ul#FilterParagraphs li a:hover { background: var(--rouge); color:#ffffff;  }
	
	
	
	#LeftSommaire{ width: 300px; float: left;     clear: left;     padding-top: 7px }
	#LeftSommaire.sommairescrolled{ position: fixed; top: 140px;}
	#LeftSommaire h4{ font-size: 1.3em; color: #fff; background: var(--rouge); padding: 4px 8px; margin-bottom: 0; }
	
	#LeftSommaire ul#FilterParagraphs { flex-direction: column; gap: 0;}
	#LeftSommaire ul#FilterParagraphs li { 
		border: none; border-bottom: 1px solid #acb4c5; width: 100%; 
		text-align:left; margin:0 0 0 0; padding: 0 0 0 0;  }
	
		
		
		
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PAGES * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	#page-familles #ContentWW h2, #page-formulaire #ContentWW h2 { font-size: 3em;}
	#page-le-cra #ContentWW h2 { font-size: 2.3em;}
	
	#le-cra-le-cra-presentation h2, #familles-presentation h2, #professionnels-professionnels-1 h2{ display: none;}
	#le-cra-le-cra-presentation, #familles-presentation, #professionnels-professionnels-1 { padding-top: 85px;}
 
 
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#PlanAccesLink a img{ vertical-align:top; }
 	#PlanAccesLink a span, #PlanAccesDL a{ display: block; background: var(--rouge) url(zims/frontend/sprites.png) no-repeat 8px -661px; color: #fff; font-size: 1.3em; line-height: 1em; font-weight: 600; padding: 6px 15px 6px 40px; text-align:left;  }
	#PlanAccesDL a{ background-position: 8px -715px; font-size: 1.2em;}
	#PlanAccesLink a:hover span{ text-decoration:underline;}
	
	#FormLink a{ display: block; background: #FEC726 url(zims/frontend/sprites.png) no-repeat 14px -763px; color: #fff; font-size: 1.3em; line-height: 1em; font-weight: 600; padding: 10px 15px 10px 63px;  text-align:left;    }
 
	a.carteLink{ 
		display: inline-block; font-weight: 600; letter-spacing: 0; line-height: 1.2em; margin-top: 10px;
		padding: 10px 12px 8px 45px; color: #0a507a; background: #a0d1f0 url(zims/frontend/sprites.png) no-repeat 12px -667px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px; }
	a.carteLink:hover{ background-color: #047ab9; color: #fff;}
	
	.orange .carteLink { background-color:#ffd29e;color:#d37808;  }
	.orange .carteLink:hover { background-color:#ef890c;  color: #fff; }
	 
	 #FancyContactBox{ width: 600px; }
	 #FancyContactBox h2{ 
	 	background: url(zims/frontend/form-h2.jpg) no-repeat center top; padding: 15px 0 15px 25px;
	 	font-size: 2.5em; line-height:1.8em; text-transform: uppercase; color: #fff; 
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); font-weight: 700; letter-spacing: 0;  }
	 
	 #ContactForm{ margin: 0; padding: 0 0 25px 25px; }
	 #FancyContactBox #ContactForm{ padding-right: 25px;}
	 
	 #ContactForm input{ width: 100%; margin: 0;}
	 
	 #ContactForm fieldset p{  width: 45%; display: inline; float: left; margin-bottom: 15px;}
	 #ContactForm #field-subject {width: 100%;}
	 #ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-loc{ margin-right: 10%; }
	 #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{  width: 100%; }
	 #message{  height: 100px; }
	 
	#ContactForm .formButtons { display: inline; float: left; text-align: center; width: 100%;}
	#ContactForm .formButtons input{ padding: 0.5em 2em; line-height: 2em;  width: auto;}
 
	 p#Confirmation{
		font-size: 1.2em; font-style:italic; text-align:center; font-weight: 400; line-height:1em; margin: 100px 25px;
	}
	
	

	/* #page-contact h3 {font-weight: 600; font-size: 1.4em; color: var(--rouge);} */
	#page-contact #LeftCol h3, #page-contact #LeftCol p.intro {padding-left: 30px;}
	#page-contact #RightCol h3 {padding:0;}
	#page-contact h4.centerer {font-size: 1em !important; margin-top: 2.2em; margin-bottom: 0;} 
	#page-contact .rgpd {padding-left: 25px; font-size: 0.9em; line-height: 1.3em; letter-spacing: 0.005em; font-style: italic;}
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PAGE COOKIE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	#page-utilisation-cookies .hiddenh4, #page-accessibilite .hiddenh4, #page-mentions-legales .hiddenh4{ min-height: 30px;}
	#page-utilisation-cookies .paragraphW, #page-accessibilite .paragraphW, #page-mentions-legales .paragraphW{padding: 1em 0 1em 0;}
	#page-utilisation-cookies .paragraphW #UtilisationCookies, #page-accessibilite .paragraphW #UtilisationCookies, #page-mentions-legales .paragraphW #UtilisationCookies {background-color: #fff; padding: 25px 45px;}
	#page-utilisation-cookies h3, #page-accessibilite #ContentW h3, #page-mentions-legales #ContentW h3 {font-weight: 600; font-size: 2em; color: var(--rouge); margin-bottom:  0px !important; text-align: left; text-transform: uppercase;}
	#page-utilisation-cookies h4, #page-accessibilite #Content h4, #page-mentions-legales #Content h4 { font-size: 1.3em; color: var(--rouge);}
	#page-utilisation-cookies ol, #page-accessibilite #Content ul{list-style: initial; margin: 1em 0 1em 0;}
	#page-utilisation-cookies ol span, #page-accessibilite #Content ul span{color: var(--rouge); font-weight: bold;}
	#page-utilisation-cookies ol li {list-style-type: decimal; margin-left: 20px;}
	#page-accessibilite #Content ul li{list-style-type: circle; margin-left: 20px;}
	
	#page-accessibilite #Content h4, #page-mentions-legales #Content h4  { margin-bottom: 10px; margin-top: 25px; border-top: 5px solid #EDEDED; padding-top: 10px;}
	#page-accessibilite #Content h3 {  margin-top: 40px;}
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * AVIS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	#page-votre-avis #Content { padding-top: 20px;  }
	
	#BoiteIdeeW{ width: 35%; margin-right: 10%;   }
	#QuestionnaireListW{ width: 55%; }
	
	#BoiteIdeeW h3, #QuestionnaireListW h3{ text-align: center; color: #6B9F08; font-size:2em; line-height: 1em; background:url(zims/frontend/avis-bg1.png) no-repeat top center; padding-top: 160px; height: 210px;  }
	#QuestionnaireListW h3{ color: #1E8BD3; background:url(zims/frontend/avis-bg2.png) no-repeat top center; }

	#BoiteIdeeW .intro, #QuestionnaireListW .intro{ background: #fff; padding: 10px 15px; margin-bottom: 20px;  }
	
	
	#IdeeForm #field-message label{ display: none;}
	#IdeeForm fieldset p{  margin-bottom: 15px; }
	#IdeeForm legend { display: block; text-transform:uppercase; font-weight: 400; margin-bottom: 10px; border-bottom: 1px solid #999; }
	#IdeeForm #field-nom, #IdeeForm #field-prenom { width: 45%; display: inline; float: left; }
	#IdeeForm #field-nom{ margin-right: 10%;}
	#IdeeForm input, #IdeeForm textarea { border-color: rgba(107, 159, 8, 0.5); }
	#IdeeForm input:focus, #IdeeForm textarea:focus { border-color: rgba(107, 159, 8, 1); }
	#BoiteIdeeW p#Confirmation{ font-size: 1.2em;}
	
	
	#QuestionnaireListW{ }
	#QuestionnaireListW h4{ line-height: 1.2em; margin-bottom: 10px;}
	#QuestionnaireListW ul{ }
	#QuestionnaireListW ul li{ margin-bottom: 30px; }
	#QuestionnaireListW ul li a{ 
		display: inline-block; font-weight: 600; letter-spacing: 0; line-height: 1.2em;
		padding: 10px 12px 8px 45px; color: #0a507a; background: #a0d1f0 url(zims/frontend/sprites.png) no-repeat 12px -603px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px; }
	#QuestionnaireListW ul li a:hover{ background-color: #047ab9 !important; color: #fff;}
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FORMS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	#FormulaireW{ }
	#FormulaireW h4{ font-size: 1.8em; margin-bottom: 10px; }
	#FormulaireW fieldset div.fieldsList, #FormulaireW fieldset p.rangeField  { border-top : 4px solid #fff; margin-bottom: 25px; padding-top: 25px;}
	#FormulaireW fieldset p.rangeField select{ margin-left: 0; }
	#FormulaireW .fieldsListTitle, #FormulaireW p.rangeField label { font-size: 1.15em; margin-bottom: 5px;}
	
	#FormulaireW fieldset p.rangeField  select { display:none; }
	#FormulaireW fieldset p.annotation { font-style:italic; }
	
	#EnqueteformCancel{   min-width: 10em; padding: 0 0.5em; line-height: 3em; font-size: 1em; opacity: 0.8;}
	
	#FormulaireW textarea{ height: 80px; }
	.annotation{ text-align: center; margin: 0;}
	
	#ConfirmBlock{ background:url(zims/frontend/check.png) no-repeat left top; padding: 20px 0 0 140px; min-height: 122px; margin-left: 75px; }
 	
	#FormulaireW form p.selectField { padding:0.4em 0 0.8em 0; }
	#FormulaireW form select { margin-left:0.6em;  color:#000;  font-size:0.9em; font-weight:500;  }
	form .ui-slider { margin-top:1em;  }
	form .ui-slider-horizontal .ui-slider-handle { background:#0064B3;  width: 1.4em;  height: 1.4em;  /* -webkit-border-radius: 0.7em; border-radius: 0.7em;*/ border-color:#0064B3;  } 	
	form .ui-slider-horizontal .ui-slider-handle { -webkit-box-shadow: 2px 2px 2px 0px #737373; box-shadow: 2px 2px 2px 0px #737373; }
	form .ui-slider-horizontal .ui-slider-handle:hover { cursor:pointer; }
	form .ui-slider-label  { font-size:0.8em; }
	#CoordsBox {padding-right: 25px; }
	
	#Enqueteform { }
	#Enqueteform fieldset { padding:8px; } 
	#Enqueteform fieldset legend { width:100%; background:#047AB9; color:#fff;  padding:6px; text-align:center;  text-transform:uppercase; font-weight:600; }
	
	#Enqueteform fieldset div.fieldsList { border:none; }
	
	div.confirmW { background:url(zims/icons/check100.png) 60px 50% no-repeat;  height:100px;  padding-left:210px; padding-top:10px; font-size:1.3em;  }
	div.confirmW h4, div.confirmW p { color:#699F0D;  }
	
	.questionnaire-de-satisfaction-mission-formation-sensibilisation-section #Enqueteform fieldset #Q_5-field-1, .questionnaire-de-satisfaction-mission-formation-sensibilisation-section #Enqueteform fieldset #Q_7-field-1{display:none;}
	
	
			
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CARTES * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	

	#page-cartes #ContentWW{ padding-top: 23px; }
	#page-cartes #Content{ padding-bottom: 0; }
	
	#jGMapInteractif { height:800px; width:100%; }
	#ListeAdresses { display:none; }
	.gm-style-iw { -webkit-border-radius: 8px; border-radius: 8px; max-width: 400px;  }
	#ListeAdresses li strong.name, .gm-style-iw strong.name { font-size:1.3em; color :#047AB9;   } 
	#ListeAdresses li strong.name img, .gm-style-iw strong.name img { display: block; float: right; margin: 0 0 10px 15px;   } 
	#ListeAdresses li span.addr, .gm-style-iw span.addr { display:none; }
	#ListeAdresses li span.addrPostale { display:block;  }
	#ListeAdresses li span.horaires, .gm-style-iw span.horaires { display:block; -webkit-border-radius: 3px; border-radius: 3px;  background :#047AB9; color:#fff;  width:auto; padding:3px 10px;  text-align:center;  }
	
	.gm-style-iw a.doclink:hover  { color:#fff !important; }
	
	#CarteAssos {  float:right;  }
	#CarteAssos .maparea { position:relative; height:500px; width :500px; }
	#CarteAssos .maparea .map {  width:400px;  margin:10px auto;  position:relative; }
	#CarteAssos .maparea div.zoomIn, #CarteAssos .maparea div.zoomOut {  background:#fff; width:22px; height:22px; border:1px solid #333;  line-height:22px; cursor:pointer; text-align:center; font-size:1.6em; 
	-webkit-border-radius: 6px; border-radius: 6px; position:absolute; top:6px;  left:6px;  }
	#CarteAssos .maparea div.zoomOut {  top:35px; }
	#CarteAssos .maparea .map svg { /*border :1px solid #464646;*/  } 
	
	#CarteAssos .maparea .areaLegend { border :1px solid #464646;   display:none; } 
	.maparea .mapTooltip { position:fixed; background-color : #fff; moz-opacity:0.70; opacity: 0.70; filter:alpha(opacity=70); border-radius:10px; padding : 10px; z-index: 1000; max-width: 200px; display:none; color:#343434; }
	
	h3.departementTitle { font-size:1.5em; color:#000; text-transform:uppercase;  text-align:center; font-weight:600;  }
	
	#ListeCentresW { /*border:1px solid #25A2DD;*/ width:470px; }
	#ListeCentresW p.infoBox { font-size:1.4em; font-weight:500; padding: 140px 70px;  background:url(zims/icons/search.png) 0 136px no-repeat; text-align:left ;  }
	#ListeCentresW p.nodata { font-size:1.2em; font-weight:500; padding: 140px 70px; text-align:center; background:url(zims/icons/no-data.png) center 30px no-repeat; color:#A5A5A5;   }
	#ListeCentres { } 
	#ListeCentres li { background:#fff;  margin-bottom: 20px; padding: 20px 10px 10px; }
	
	#ListeCentres li .org  { text-align:left; font-weight:600;   }
	#ListeCentres li .fn  img { float:right; } 
	#ListeCentres li .properties  { font-style:italic; } 
	#ListeCentres li .links li  { padding: 10px; margin:0;  }
	#ListeCentres li .links li.docLink a {  background : #309ddd url("zims/frontend/agenda-link.gif") no-repeat scroll 10px 8px;
    color: #fff; display: block; font-size: 1.1em; line-height: 1em; min-height: 40px; padding: 15px 15px 15px 54px; width: 400px; }
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PLAN SITE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	#page-plan-du-site #ContentWW{ padding-top: 23px; }
	#page-plan-du-site #Content h4{ font-size: 1.3em; border-top: 1px solid #bbb; padding-top: 15px;}
	#page-plan-du-site #Content h4:first-child{ border:none; padding-top: 0;}
	
	
	#SearchResults { }
	
	#SearchResults li { background:#fff; margin:10px; position:relative;  }
	#SearchResults li.familles { background:#ffffff;   } 
	#SearchResults li.professionnels { background:#ffffff; }
	#SearchResults li a { display:block; height:100%; width:100%; position :relative;  padding:20px; 

	}
	#SearchResults li a:hover { text-decoration:none; background: #f9f9f9; }
	#SearchResults li a svg{ display: block; float: right; font-size: 5em; margin: 0 0 0 30px}
	#SearchResults li a:hover svg { color: #333 }
	#SearchResults li a h3 { color:var(--rouge); font-weight:600; font-size:1.4em;  margin-bottom:2px; line-height:20px; text-align:left;  }
	#SearchResults li a p { color:#000; } 
	
	#SearchResults li.noresults { text-align:center; line-height:100px; font-style:italic;  background-image:none; } 
	
	abbr { cursor:pointer; font-weight:600;  }
	abbr:hover  { /*background:#ccc;*/ }
	
	.ui-tooltip {
		padding: 5px 10px;
		color: #464646;
		border-radius: 4px;
		font-family: "Poppins", sans-serif;
		box-shadow: 0 0 3px #464646;
		border-color:#ffffff; 
	}
	
	#page-professionnels .ui-tooltip { background:#ffd29e; }
	#page-familles .ui-tooltip { background:#a0d1f0; }
	#page-le-cra .ui-tooltip { background:#b7d67d; }
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GLOSSAIRE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	#GlossaireFilter { height:30px ;  display:table;  text-align :center; width:730px;  margin-bottom:20px;  }
	#GlossaireFilter li { width:30px ;  display:inline-block;  background:#666666;  height:30px;  line-height:30px;  }
	#GlossaireFilter li.active {  background:var(--rouge); }
	#GlossaireFilter li a { color:#ffffff; font-size:1.2em; width:30px ;  display:block;  height:30px;  font-weight:bold;  }
	
	
	#GlossaireFilter li.allLetters  {  width:70px;   }
	#GlossaireFilter li.allLetters.active { background:#FACB25;  } 
	#GlossaireFilter li.allLetters a { text-align:center;  width:70px; }
	
	
	#GlossaireResults { float:none;  }
	#GlossaireResults li { background:#ffffff; margin-bottom:5px;  width:100%; display:table; }
	#GlossaireResults li span.sigle {  display:table-cell;  height:100%; width:120px; text-align:center;  background:var(--rouge);  color:#ffffff;  font-weight:bold;  padding:8px;  margin-right:6px; } 
	#GlossaireResults li span.definition {  font-size:0.9em;  line-height:16px; display:table-cell;  padding:8px; }
	
	h3.glossaireTitle { /*background:url(zims/frontend/glossaire.png) 0 50% no-repeat;*/ text-align:left !important; /*text-indent:60px;*/ }
	

	
	
	/* * * * * * * PARAGRAPH TABLE * * * * * * */
	 
	.TableCaption {margin-bottom: 0px; margin-top: 50px; color: var(--rouge); font-size: 1.2em; font-weight: bold;}
	 
	.paragrapheTableW table {  
		 border-collapse: collapse;
		 width: 100%; margin: 15px 0;
	}
	
	.paragrapheTableW table thead th {
		background: var(--rougeclair);
		color: #fff;
		font-size: 1.1em;
		font-weight: 600;
		padding: 10px;
	}
	
	
	/*.paragrapheTableW table thead th:first-child{
		-webkit-border-top-left-radius: 12px;
		-moz-border-radius-topleft: 12px;
		border-top-left-radius: 12px;
	}*/
	.paragrapheTableW table thead th:first-child{
		-webkit-border-top-left-radius: 12px;
		-moz-border-radius-topleft: 12px;
		border-top-left-radius: 12px;
	}
	.paragrapheTableW table thead th:last-child{
		-webkit-border-top-right-radius: 12px;
		-moz-border-radius-topright: 12px;
		border-top-right-radius: 12px;
	}
	
	
	/*.paragrapheTableW table tr:last-child td:first-child{
		-webkit-border-bottom-left-radius: 12px;
		-moz-border-radius-bottomleft: 12px;
		border-bottom-left-radius: 12px;
	}*/
	.paragrapheTableW table tr:last-child td:first-child{
		-webkit-border-bottom-left-radius: 12px;
		-moz-border-radius-bottomleft: 12px;
		border-bottom-left-radius: 12px;
	}
	.paragrapheTableW table tr:last-child td:last-child{
		-webkit-border-bottom-right-radius: 12px;
		-moz-border-radius-bottomright: 12px;
		border-bottom-right-radius: 12px;
	}
	
/*	.paragrapheTableW table tr td:first-child{
		border-right: 2px solid #8DA0CA;
	}
	*/
	.paragrapheTableW table th, .paragrapheTableW table td{ border: none; text-align: center;}
	
	.paragrapheTableW table th span{display: block; font-size: 0.8em;}
	
	.paragrapheTableW table td {
		background: #fff;
		border-bottom: 1px solid #8DA0CA;
		color: #000;
		padding: 8px;
		vertical-align: middle;
	}
	
	.paragrapheTableW table th, .paragrapheTableW table td p  {text-align: center;}
	
	.paragrapheTableW table td.col-titre {text-align: left; padding-left: 10px;}
	
	.paragrapheTableW table td p { margin: 0; line-height: 1.2em;}
	
	.lastRow td {border-bottom: none !important;}
	
	.paragraphe .pg-textW div h5, .paragraphe .pg-textW .blueSpan {color: var(--rouge) !important; font-weight: bold !important;}
	
	/* .linkParagraphe {text-align: center;} */
	
	#page-vie-pratique td.lastCell {white-space: nowrap;}
	
	
	
	.compteurPlantations p {text-align: center;}
	#CompteurArbres {font-size: 20px; color: #25bc10; font-weight: bold; margin-bottom: 50px;}
	#CompteurArbres span {font-size: 1.8em;}
	/**/
	
	.plantationsArbres .actu-listItemTitle {    vertical-align: middle;
    position: absolute;
    border: none;
    display: inline-block;
    height: auto;
    background: rgba(0,0,0,0.7);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
	.plantationsArbres .actu-listItemOverlay {padding: 0; background: none;}
	.plantationsArbres #CompteurPlantations {font-weight: 600; font-size: initial;}
	.plantationsArbres #CompteurPlantations span {font-size: 25px;}
	/* .a-la-une-section .plantationsArbres {display: none !important;} */
	.plantationsArbres img {width: 100%;}
	
	
	
	
	/* FancyNews */
	
	.fancyNews{ width: 600px; padding: 25px;}
	.fancyNews h2{ color: var(--rouge); }
	
	
	
	/* */
	
		
	.portail_citoyen_btn {
	  animation-duration: 2s;
	  animation-name: pulse;
	  animation-iteration-count: infinite;
	  font-weight: bold;
	}
	#paragraphe-495 {
	  border : solid 4px var(--rouge);
	  border-radius: 10px;
	  text-align: center;
	}
	
	@keyframes pulse {
	  from {
		transform: scale3d(1, 1, 1);
	  }

	  50% {
		transform: scale3d(1.03, 1.03, 1.03);
	  }

	  to {
		transform: scale3d(1, 1, 1);
	  }
	}
	
	.shake { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
		transform: translate3d(0, 0, 0);
		backface-visibility: hidden;
		/*perspective: 1000px;*/
	}
	
	@keyframes shake {
	  10%, 90% {
		transform: translate3d(-1px, 0, 0);
	  }
	  
	  20%, 80% {
		transform: translate3d(2px, 0, 0);
	  }

	  30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	  }

	  40%, 60% {
		transform: translate3d(4px, 0, 0);
	  }
	}
	
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * **  ** ALERTES * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
	.alerteArticle{display: flex; flex-wrap: wrap;}
	.alerteParagraphe img {width: 49%; float: right;}
	.alerteParagraphe p, .alerteParagraphe ul {width: 49% ; /*padding-right: 10px;*/}
	.sansImg .alerteParagraphe p, .sansImg .alerteParagraphe ul {width: 100% ; /*padding-right: 10px;*/}
	.titleAlert, .dates {width: 49% !important;}
	.titleAlert, .dates {width: 49% !important;}
	.sansImg .titleAlert, .sansImg .dates {width: 100% !important;}
	#Alerte{padding: 30px 20px 30px 20px; width: 900px;}
	#Alerte h3{font-size: 3em; color: var(--rouge); border-bottom: var(--rouge) 2px solid;}
	
	.titleAlert {background: var(--rouge); text-transform: none; font-weight: bold; padding: 12px; text-align: center; font-size: 1.5em; color: #fff !important;}
	
	
	.linkAlert {display: inline-block; margin-bottom: 5px;}
	.linkAlert p{display:inline;}
	/*.linkParagraphe,*/ .linkAlert a { text-align: center !important; }
	.linkAlert, .linkAlert a{color:#C90C0C; /*background-color : #C90C0C; padding: 5px;*/}
	
	.homeAlertW:nth-child(3) {padding-left: 47% !important; /*width: 100% !important;*/ z-index: 0 !important;}
	/* #page-actualite #ContentW div:nth-child(3) {padding-left: 47% !important; z-index: 0 !important;} */
	
	
	
	.listingMobileMSG { display: none;}
	
	

	

	/* ################################################################################################################
														SURCHARGE MOBILE
	###################################################################################################################*/

	
	
	
	
	.mobonly { display: none;}
	
	

	
	@media(max-width:1280px) {
		
		#Nav ul li.HTMLMenuW-Level1, #Nav ul li.HTMLMenuItem-Level1 {   }
		#Nav ul li.HTMLMenuW-Level1 > strong, #Nav ul li.HTMLMenuItem-Level1 > a {font-size: 1em;		}
		
		#ActusList li {
			width: 33%;
		}
		
		.headscrolled #MainMenu{
			padding-top: 10px;
		}
		
		#MainMenu { }
		
		/*#MainAccrocheW{ margin-top: 115px; height: calc(80vh - 115px);  }*/
		
		
		
	}
	
	
	@media(max-width:1025px) {
		.focusW {
			margin: 0 2.5%;
			width: 95%;
		}
		
		.paragraphW {
			padding: 1em 0 1em 250px;
		}
		
		#LeftCol, #LeftCol2, #LeftSommaire {
			width: 230px;
		}
		
		#MainAccrocheW{ margin-top: 140px;
        height: calc(70vh - 130px);
        background-size: 120% auto; }
		
		#HomeActuW {
			width: 60vw;
		}
		
	}
	
	@media(max-width:1023px) {
		
		.mobonly { display: block;}
		.listingMobileMSG { display: block;}
		
		
		
		.centeredlist{ display: block; }
		.centeredlist90, .centeredlist85, .centeredlist80, .centeredlist75, .centeredlist70, .centeredlist60, .centeredlist50,
		.centeredlist40
		{ margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95% !important}

		.centeredlist > li, .centeredlist.col2 > li, .centeredlist.col3 > li{width: 100%; }

		.centeredlist > li.col25,	.centeredlist > li.col25.colbigspace, .centeredlist > li.col30, .centeredlist > li.col33, .centeredlist > li.col40, .centeredlist > li.col45, .centeredlist > li.col50,	.centeredlist > li.col60,	.centeredlist > li.col100,
		.centeredlist.col3 > li, .centeredlist.col4 > li
		{ width: 100% !important; margin: 0; }

		#FacebookButton{ display: none;}
		#ToulouseMetroLink img {
			width: 80px;
		   
		}
		#TopBar #ContactLink{ display: none;}
		
		#HomeLinkW img {
			width: 100px;
		}
		
		#Nav {
			float: none;
			z-index: 1000;
			position: absolute;
			width: 100%;
			left: 0;
			top: 0;
		}
		
		
		
		#Menu{ background: var(--rouge); position: absolute; width: 100vw; top: 0; left: 0;}
		
		
		
		#NavIco{ display: block;}
		#MainMenu{ 
			float: none;
			margin: 0 auto;
			display: block;
			padding: 50px 2.5%;
			width: 95%;
		}
		
		#Nav ul li.HTMLMenuW-Level1, #Nav ul li.HTMLMenuItem-Level1 {
			float: none;
			display: block;
			margin: 15px 0;
			line-height: 1.2em;
			text-align: center;
		}
		#Nav ul li.HTMLMenuW-Level1 > strong, #Nav ul li.HTMLMenuItem-Level1 > a {
			display: inline;
			color: #fff;
			font-size: 1.8em;
		}
		#Nav ul li.HTMLMenuW-Level1 > strong span, #Nav ul li.HTMLMenuItem-Level1 > a span {
			display: inline-block;
			padding-bottom: 0;
			border-bottom: none;
		}
		#Nav ul li.HTMLMenuW-Level1:hover > strong, #Nav ul li.HTMLMenuItem-Level1:hover > a {
			color: #fff;
		}
		
		#Nav ul li .subMenuW {
			position: static;
			width: 100%;
			height: auto !important;
			display: block;
			border-top: none;
			background: none;
		}
		#Nav ul li .subMenuBg {
			margin-top: 0;
		}
		
		#Nav ul li .subMenu {
			min-height: unset;
			overflow: hidden;
		}
		
		#Nav ul li .subMenu > ul {
			display: block; 
			padding: 15px 0;
		}

		#Nav ul li .subMenu > ul > li {
			font-size: 1em;
			width: 100%;
			float: none;
			text-align: center;
			margin-bottom: 15px;
		}
		
		#Nav ul li .subMenu > ul  > li > a, #Nav ul li .subMenu ul li > strong {
			color: #fff;
			text-align: center;
			font-size: 1.2em;
			padding: 7px 0;
		}
		#Nav ul li .subMenu ul > li > a:hover {
			color: #fff;
		}
		
		
		#Nav .subMenu2 {
			height: 0; padding-top: 5px;
			
		}
		#Nav .subMenu2 > ul {
			position: absolute; top: 0; background: #fff; width: 100%; display: none;
			padding: 15px 35px 13px;
		}
		#Nav .subMenu2 > ul li {
			margin-bottom: 13px;
		}
		
		#Nav .subMenu2 li a {
			color: var(--rouge); text-align: center;
			display: block; padding: 3px 0;
			font-size: 1.2em !important;
		}
		
		#Nav .subMenu2 > ul li.subcloser{
			position: absolute;
			top: 6px;
			right: 9px;
			color: var(--rouge);
			font-size: 1.7em;
			z-index: 100;
		} 
		#Nav .subMenu2 svg {
			display: block;
		}
		
		#Nav ul li .subMenuBg {
			margin-top: 5px;
			margin-bottom: 5px;
		}
			
		#MainMenu-vie-pratique-MenuW{ display: block;}
		
		
		#Nav ul li .subMenuBottom {
			display: none;
		}
						
						
		#FooterCols {
			flex-direction: column;
		}
		
		.footerCoords, .footerMenuW, .footerservicesW {
			width: 100%;
			margin-right: 0;
		}
		
		#Footer #FooterMenu > li {
			width: 100%;
			margin-top: 10px;
		}
		#Footer #FooterMenu .HTMLMenuTitle-Level-1 {
			font-size: 1.4em;
		}
		#Footer #FooterMenu  a, #Footer #ServicesList a {
			font-size: 1.2em;
		}
				
		#FooterMentions ul {
			flex-direction: column;
		}
		
		#FooterMentions li { margin-bottom: 20px;	}
		
		#ServicesList li{ margin-bottom: 10px;}
			
						
						
						
					
		/* ---- HOME */
		
		
		
		
		#HomeZoom {
			font-size: 1.5em;			
			padding-right: 10%;

		}		

		#HomeLivret {
			width: 100%;
			padding: 15px 15px;
			position: relative;
			top: 5px;
		}	

		#HomeActuW {
			padding: 20px 0;
		}		
		
		#ActusList li{ min-height: 300px;}
		
		.mainactuArrowW {
			display: none;
		}
		
		#ActuPageLink {
			height: auto;
		}
		ul#FilterNews li {
			display: block;
			margin: 0 8px 5px;
		}
				
		

		
		#ActusList li {
			width:50%;
		}


		#HomeZoom.mini {
			font-size: 2em;
		}


		h3#ArticleTitle {
		
			font-size: 2.2em;

		}



				
		/*				
		
		.listingMobileMSG { display: block;}
	
		
		#HomeAlertW{padding-left: 24%; width: 60%;}
		

		#HomeLivret2 .bulleJournal{display:block !important;}
		#HomeLivret2 {
		width: 271px;
		height: 160px;
	
		text-align: center;
		background: url(zims/frontend/point_actu2.png) no-repeat center;
		background-size: 58%;
		position: absolute;
		top: -188px;
		
		right: 173px;
		z-index: 15;
		
		}
		#HomeLivret2 a {
			display: inline-block;
			
			width: 57%;
			position: relative;
			z-index: 1000;
			letter-spacing: 2px;
			margin: 0;
			margin-top: 0px;
			
		}
		a.noBackground { background:none !important;  }
		a.noBackground svg { display:none; }
		
		*/
		
		.fancyNews {
			width: 100%;
			padding: 15px;
		}
		
		
		#Alerte{ width: 100%;}
		
	}
	
	
	
	@media(max-width:850px) {
		
		
		#MainMenu-contactDirect-Item{ display: block !important;}
		
		#Content {
			overflow: visible;
			overflow-x: hidden;
		}
		
		#FooterW {
			background-position: bottom center;
			background-size: auto 350px;
		
		}
		
		p, ul, ol, dl, table, blockquote {
			text-align: left;
		}
		
		
		#ContentWW h2 {
			font-size: 2.2em;
			line-height: 1em;
			min-height: 60px;
			height: auto;
			padding: 15px 0;
			
		}
		
		#Titlebar h3 {
			font-size: 1.5em;
			line-height: 1em;
			min-height: 45px;
			padding-left: 85px;
		}
		
		#LeftCol, #LeftCol2 {
			display: none;
		}
		
		#HomeContentW {
			flex-direction: column;
			gap: 20px;
		}
		
		#HomeActuW {
			width: 95vw;
		}
		
		#MainAccrocheW{ margin-top: 145px;
        height: calc(40vh - 130px);
        background-size: 115% auto; }
		
		
		/*#MainAccrocheW {
			padding-top: calc(45vh + 100px);
		}*/
		
		
		.paragraphW {
			padding: 1em 0;
		}
		
		.paragraphW > h4.withCouv span {

			right: 15px;
			font-size: 2em;
		
		}
		
		
		.paragraphe h4 {
			padding: 0 10px;
		}
		.pg-textW {
			padding-left: 0;
		}
		.imageFloat p.pg-Image {
			display: block;
			float: none;
			margin: 0 10px 20px 10px;
			padding: 0;
		}
		.paragraphe p, .paragraphe div div {
			padding: 0 10px; text-align: left;
			margin-bottom: 15px;
		}
		
		.documentList {
			padding: 65px 15px 10px 15px;
			-webkit-border-bottom-right-radius: 60px;
			-moz-border-radius-bottomright: 60px;
			border-bottom-right-radius: 60px;
		}
		.documentList li {	text-align: left;}
		.documentList li a {
			font-size: 1em;
		}
		
		.paragraphList.col-1 li, .paragraphList.col-3 li, .paragraphList.col-4 li, .paragraphList.col-5 li {
			width: 100%;
			margin: 0 0 30px 0;
		}
		
		.paragraphList.col-2 li {
			width: 47%;
			margin: 0 1.5% 30px;
		}
		
		.paragraphe iframe{ max-width: 100%; width: 100%;}
		
		.galleryList li {

			width: calc(50% - 10px);

		}
		
		#ActusList li {
			width: 100%;
		}
		
		#page-actualite #HomeBandW{ display: none;}
		#page-actualite #ContentWW {
			background: none;
			padding-top: 275px;
		}
		
		.paragraphW{ width: 95vw; overflow-x: hidden;}
		.paragrapheTableW{ overflow-x: scroll; padding-right: 20px; }
		
		#page-contact #DiagRequest {
			flex-direction: column;
			padding: 15px;
		}
		#page-contact #DiagRequest #RightCol {
			width: 100%;
		}
		#page-contact #LeftCol {
			display: block;
			width: 100%;
		}
		
		#page-contact #LeftCol h3, #ContactForm {
			padding-left: 0;
		}
		#page-contact form label {
			font-size:0.9em;
		}
		#page-contact .rgpd {
			padding: 25px 0 !important;
		}
		
		#PanneauW iframe{ width: auto; margin: 0 auto; display: block; height: 700px;}
		
		
		
	}
	
	@media(max-width:797px) {
		
		#MainAccrocheW{ display: none;}
		#MainAccrocheMobW{ display: block; margin-top:130px; height: calc(80vh - 130px); background-position: center; background-size: auto 100%; background-repeat: no-repeat; }
		
		#FbLink {
			margin-right: 20px;
		}
		
		
		
	}
	
	
	@media(max-width:460px) {
		
		#MainAccrocheMobW{ margin-top:130px; height: calc(100vw);  }
		
		/*#SearchW {
			display: none;
		}*/
		
		
	}
	
	@media(max-width:450px) {
		
		.imageFloat p.pg-Image img {
			width: 100%;
			max-height: unset;
		}
		
		#ToulouseMetroLink {
			padding: 8px 2px 3px;
		}

		#SearchW {
			float: none; margin: 0;
		}
		#SearchForm input {
			width: 160px;
		}

		#TopBar #ContactLink, #TopBar #FbLink{
			display: none;
		}

		
		
	}
	
	@media(max-width:390px) {
		
		
		
		#MainAccrocheMobW{ margin-top:130px; height: calc(100vw);  }
		
		
		
	}