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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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


/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,700,900,300,200); */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800);

/*font-family: 'Open Sans', Arial, sans-serif;
font-family:Source Sans Pro, Arial, sans-serif;*/


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

	
 
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:14px; 
		background: #aaa;
		color: #222;
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	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;
	}

	input, select, textarea {
		color: #7c8081;
		font-family: 'Open Sans', Arial, 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: #1B79CD;
		text-decoration: none;
	}

		a:hover {
			text-decoration: underline; 
			/*color: #666; */
		}
		
		a:active, a:focus { outline:0; }
		a img { border:0; }
		

	strong, b {
		font-weight: 400;
	}

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

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;
	}

		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 {}
	
	
	
/* ################################################################################################################																		     *                                                                      							
														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 rgba(48, 157, 221, 0.5);
		color: inherit;
		display: block;
		padding: 0.5em 0;
		text-indent: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		border-right-width: 20px;
		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: #8dc11c;
		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: #6b9f08;
		border: solid 1px #6b9f08;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 900;
		letter-spacing: 2px;
		min-width: 15em;
		padding: 0 0.5em;
		line-height: 3.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: #fff;
			border-color: #6b9f08;
			color: #6b9f08;
		}
		
		
	*::-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:900px; height:500px; margin:0; border:0; background:#fafafa; }
	#jGMapW .geo{ display:none;}
	#jGMap { width:900px; height:500px; }
	
	.vcard p { margin:0; padding:0; font-size:1.1em;}
	.vcard p strong{ color: #6b9f08; 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 auto; width: 980px; }
	
	/**
	 * 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;
	}
	
	.mob-only{ display: none; }
		
/* ################################################################################################################																		     *                                                                      							
														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 */


	
	#Header { height: 145px; }
	
	#HomeLinkW { width: 200px; position: relative; z-index: 900;}
	#HomeLinkW a{ display: block; position: absolute; left: -135px; top:0;}
	
	#UpperNav{ display: none;}
	
	#FacebookButton{ position: absolute; top: 0px; left: -337px; z-index: 1000; }
	
	#TopBarW{  position: relative;  }
	#TopBar{  position: absolute; right: 0;   }
	#TopLinks li{ float: left; height: 60px; margin-right: 20px;}
	#TopLinks li a{ 
		display: block; padding: 7px 0 0 50px; height: 100%;
		line-height: 1em; font-size: 1em; font-weight: 500; 
		color: #fff; text-transform: uppercase; background:url(zims/frontend/sprites.png) no-repeat 0 0; }
	#TopLinks li a:hover{  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
		
	#TopLinks li#AvisLink a{ background-position: 0 0; /*width: 200px; */ }
	#TopLinks li#ContactLink a{ background-position: 0 -105px; /*width: 175px; */ }
	#TopLinks li#GlossaireLink a{ background-position: -457px 0; /*width: 175px; */ }
	
	#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;}

	
	#logoHeaderCappa {position: absolute; top: 0; left: -120px; z-index: 1000;}
	#logoHeaderCappa img {max-width: 100px;}
	
	
	

/* MAIN MENU */

	#Nav { float: right; z-index: 1000;   }
	

	#MainMenu{ margin: 40px auto 0; display: inline; float: right;}
	
	#Nav ul li.HTMLMenuW-Level1, #Nav ul li.HTMLMenuItem-Level1 { float: left;  height: 86px; margin-right: 20px; padding-bottom: 5px;  line-height: 1em; }
	#Nav ul li.HTMLMenuW-Level1 > strong, #Nav ul li.HTMLMenuItem-Level1 > a{ 
		display: block; font-size: 1.2em; line-height: 1.5em; color: #fff; text-align:center; 
		font-weight: 500; text-transform: uppercase; line-height: 4.5em;  }

		
		
	#Nav ul li.HTMLMenuW-Level1 { padding-right: 15px; padding-left: 15px; }
	#Nav ul li.HTMLMenuW-Level1:hover > strong, #Nav ul li.HTMLMenuItem-Level1:hover > a {  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);  }
	#Nav ul li.HTMLMenuW-Level1:hover { background: url(zims/frontend/menu-arrow.png) no-repeat center bottom; }
	
	#Nav ul li.HTMLMenuW-Level1 strong{ cursor: pointer;}
	
	#Nav ul li#MainMenu-le-cra-MenuW{ width: 235px; padding-top: 20px; padding-left: 0;}
	#Nav ul li#MainMenu-le-cra-MenuW > a{ line-height: 1em; }
	
	#Nav ul li#MainMenu-familles-MenuW{ width: 225px; padding-top: 20px;}
	#Nav ul li#MainMenu-familles-MenuW > a{ line-height: 1em; }
	
	#Nav ul li#MainMenu-agenda-Item{ margin-right: 0; padding-left: 10px; }
	
	
	/*#Nav ul li#MainMenu-le-cra-MenuW {margin-right: 0px; padding-right: 15px; margin-left: 70px;}
	#Nav ul li#MainMenu-familles-MenuW {padding-right: 15px; margin-right: 0px; padding-left: 0px;}
	#Nav ul li#MainMenu-professionnels-MenuW {padding-right: 30px; margin-right: 0px; padding-left: 0px;}
	#Nav ul li#MainMenu-agenda-Item {padding-left: 0px;}*/
	
	
	/* SUB */
	
	#Nav ul li .subMenuW { 
		position: absolute; width: 100%; left: 0; top: 140px; z-index: 1001; display: none;
		border-top: 1px solid #fff; padding-top: 28px;
		background: url(zims/frontend/menu-top.png) repeat-x center top;}
	#Nav ul li .subMenuBg {  background: #fff;}
	#Nav ul li .subMenu {  min-height:190px; overflow: auto;  }
	#Nav ul li .subMenuBottom{
		height: 28px; border-bottom: 1px solid #fff; 
		background: url(zims/frontend/menu-bottom.png) repeat-x center;
	}  
	
	
	#Nav ul li .subMenu ul{ position: relative; background: none; clear: none; }
	#Nav ul li .subMenu ul li{ 
		font-size: 1.1em; clear: left; line-height: 1.2em;
		 margin-bottom: 5px; padding-bottom: 5px;  }
	#Nav ul li .subMenu ul li:last-child{ border-bottom: none; }
	#Nav ul li .subMenu ul li a{ color: #222; border-bottom: 1px solid #6b9f08; }
	#Nav ul li .subMenu ul li strong{ font-weight: 500; font-size: 1.2em;  } 
	
	.quotedText{ 
		position: relative; float: right; max-width: 40%;
		color: #222; 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; }
	
	/*/ sub colors */
	
	#Nav ul li#MainMenu-familles-MenuW .subMenu ul li a { border-bottom: 1px solid #047AB9; }
	#Nav ul li#MainMenu-familles-MenuW .quotedText{ max-width: 35%; background-image:url(zims/frontend/raquo-big-blue.jpg); }
	#Nav ul li#MainMenu-familles-MenuW .endquote{ background-image:url(zims/frontend/laquo-big-blue.jpg); } 
	
	#Nav ul li#MainMenu-professionnels-MenuW .subMenu ul li a { border-bottom: 1px solid #ED870B; }
	#Nav ul li#MainMenu-professionnels-MenuW .quotedText{ max-width: 35%; background-image:url(zims/frontend/raquo-big-orange.jpg); }
	#Nav ul li#MainMenu-professionnels-MenuW .endquote{ background-image:url(zims/frontend/laquo-big-orange.jpg); } 

		
/* Footer */

	#FooterW {
		background: #303030; width: 100%; height: 62px;
		padding: 15px 0 0 0;
	}
	
	#Footer ul li { float: left; font-size: 0.8em; color: #fff; line-height: 2.8em;}
	#Footer ul li.conception { float: right; font-size: 0.7em;  }
	
	#FacebookLink, #TwitterLink{ border: none; margin-right: 15px;}
	
	#Footer a{ color: #B1D173; }
	
	
	
		
/* Content */

	#ContentWW { }
	#ContentWW h2{ 
		font-size: 3.5em; line-height:1.8em; text-transform: uppercase; color: #fff;  height: 90px;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); font-weight: 700; text-align:right; letter-spacing: 0;  }

	#ContentW { clear: both; background: url(zims/frontend/content-bar.png) repeat-x center top; padding: 20px 0 0 0;}
	#Content { min-height: 300px; padding-bottom: 25px; position: relative; background:#EDEDED url(zims/frontend/content-bg.jpg) no-repeat 100% bottom; overflow:auto; }
	
	#Titlebar{ background: #fff; padding-bottom: 15px;}
	#Titlebar h3{ text-align: right; font-size: 2.5em; color: #6b9f08; text-transform:none; line-height:1.2em;}
	.blue #Titlebar h3{ color: #047ab9; }
	.orange #Titlebar h3{ color: #E5840D; }
	
	#Titlebar.paragraphTitle h3{ background: url(zims/frontend/menu-green.jpg) no-repeat left center; padding-left: 100px; }
	.blue #Titlebar.paragraphTitle h3{ background-image: url(zims/frontend/menu-blue.jpg); }
	.orange #Titlebar.paragraphTitle h3{ background-image: url(zims/frontend/menu-orange.jpg); }
	

	#LeftCol{ width: 220px;  float:left;   }
	.paragraphW { padding:1em 0 1em 240px;   }
	
	
	#page-cartes #Titlebar h3{ font-size:2em;  }
	
	
	
	/* LEFT MENU */

	#LeftMenu > ul { width: 100%; }
	
	#LeftMenu > ul li { text-align:left; }
	
	/* LVL 2 */
	#LeftMenu > ul li.categ-lvl2 { 
		width: 100%; min-height: 46px; 
		border-bottom: 3px solid #EDEDED;
	}
	#LeftMenu > ul li.categ-lvl2.active{ }
	
	#LeftMenu > ul li.categ-lvl2 a.categ-lvl2-Link{ 
		color: #4f700f; 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; }
	#LeftMenu > ul li a span { display: block; height: 100% }
	
	/* LVL 3 */
	#LeftMenu > ul li.categ-lvl2 ul{ }
	
	#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3{ 
		width: 100%; min-height: 46px; 
		border-bottom: 3px solid #EDEDED;}
		
	#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link {
		color: #222; background: #f3fde0 url(zims/frontend/dot-green.png) no-repeat 8px center; 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;
	}
	
	/* LVL 4 */
	#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul{}
	
	#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4{
		width: 100%; min-height: 30px; 
		border-bottom: 1px solid #EDEDED;}
		
	#LeftMenu > 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;
	}
	
	#LeftMenu > ul a:hover{ background-color: #6b9f08 !important; color: #fff !important; position: relative; left: 3px;}
	#LeftMenu > ul a.active{color: #fff !important; background-color: #6b9f08 !important;  }
	#LeftMenu > ul a.active span{ background: url(zims/frontend/submenu-arrow.png) no-repeat 98% center; padding-right: 28px !important; }

	.blue #LeftMenu > ul li.categ-lvl2 a.categ-lvl2-Link{ color: #0a507a; background: #a0d1f0 ;  }
	.blue #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link, .blue #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4 a.categ-lvl4-Link { background-color: #ecf7fe;  }
	.blue #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link{ background-image:url(zims/frontend/dot-blue.png);}
	.blue #LeftMenu > ul a:hover, .blue #LeftMenu > ul a.active{ background-color: #047ab9 !important;}
	
	.orange #LeftMenu > ul li.categ-lvl2 a.categ-lvl2-Link { color: #894d00; background: #ffd29e ;  }
	.orange #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link, .orange #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4 a.categ-lvl4-Link{ background-color: #fff7e8;  }
	.orange #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link { background-image:url(zims/frontend/dot-orange.png);}
	.orange #LeftMenu > ul a:hover, .orange #LeftMenu > ul a.active{ background-color: #fa9820 !important;}
	

	/* LEFT LIVRET */
	
	#LeftLivret{ width: 100%; margin: 20px 0; padding-top: 20px; border-top: 5px solid #fff; }
	#LeftLivret h3{ text-transform:uppercase; text-align: center; color: #6b9f08; font-size: 1.5em; line-height: 1em; font-weight: 500; margin: 0;  }
	#LeftLivret a{ display: block; text-align:center; }
	#LeftLivret a span{ 
		display: inline-block;  margin: 0 auto; text-align: center; background: #047ab9; 
		padding: 7px 20px;
		color: #fff; font-size: 1.4em; font-weight: 600; line-height: 1.1em;}
		
	#LeftAgenda { width: 100%; margin: 20px 0; padding-top: 20px; border-top: 5px solid #fff; text-align:center;  }
	#LeftAgenda h3 { background:#047AB9 url(zims/icons/agenda-w.png) 8px 50% no-repeat; color:#fff; padding:6px 6px 6px 40px;  font-weight:600; } 
	#LeftAgenda p { line-height:1.1em; text-align:left;  color:#464646 !important; }
	#LeftAgenda a:hover { text-decoration:none !important; }
	#LeftAgenda a span { display: inline-block;  margin: 0 auto; text-align: center; background: #047ab9; 
		padding: 7px 20px;
		color: #fff; font-size: 1.4em; 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:#6B9F08 url(zims/icons/glossaire-w.png) 8px 50% no-repeat; color:#fff; padding:6px 6px 6px 40px;  font-weight:600; } 
	#LeftGlossaire p { line-height:1.1em; text-align:left;  color:#464646 !important; }
	#LeftGlossaire a:hover { text-decoration:none !important; }
	#LeftGlossaire a span { display: inline-block;  margin: 0 auto; text-align: center; background: #047ab9; 
		padding: 7px 20px;
		color: #fff; font-size: 1.4em; 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: #047ab9; margin: 0;}
	
	
	#SpecialAnnounce, .specialAnnounce, #SAContent{ display: none;}
	#SAContent{ width: 650px; height: 650px; margin: 0; overflow: hidden; position: relative; }
	#SAContent a{  vertical-align: top; }
	#SAContent a img{ display: block; width: 100%; vertical-align: top;}
	
	
	#CookiesBanner{ background: rgba(255,255,255,0.9); width: 100%; position: fixed; z-index: 1000; bottom: 0; left: 0; display: none;}
	#CookiesBanner p{ margin: 10px 15%; line-height: 1.2em; font-size: 0.8em;}
	#CookiesBanner p a{ display: block; float: right; min-width: 8em; padding: 0 0.5em; line-height: 2em; margin: 0 10px; }
	#CookiesBanner p a#CookiesMore{ background: #fff; color: #6b9f08;  }
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#page-home{}
	#page-home #ContentW{ position:relative;}
	#page-home #Content{ background-position: center bottom;}
	
	#MainAccrocheW{ height: 315px; padding-top: 135px}
	#MainAccroche{ }
	#MainAccroche h2{ text-align: left; line-height: 1em; margin: 0}
	#MainAccroche h2 span{ display: block; font-size: 0.5em;}
	
	#HomeBandW{ background: #fff; margin-bottom: 70px; }
	#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;
		background:url(zims/frontend/2021-home-livret.png) no-repeat center; position: absolute; top: -70px; right: 0;}
	#HomeLivret h3{ text-transform:uppercase; text-align: center; color: #047ab9; font-size: 1.3em; line-height: 1em; font-weight: 500; margin: 0; padding: 0 55px; }
	#HomeLivret a{ display: block; text-align:center; margin-top: 125px; position:relative;  z-index:1000; }
	#HomeLivret a span{
		display: inline-block;  margin: 0 auto; text-align: center; background: #047ab9; 
		padding: 6px 15px;
		color: #fff; font-size: 1.3em; font-weight: 600; line-height: 1.1em;}
		
		
		
	#page-home #Content{ padding-bottom: 0; }
		
		
	#HomeZoomW{ position: absolute; top: -65px; width: 100%}
	#HomeZoom{ font-size: 2.2em; line-height: 2em; font-weight: 400; letter-spacing: 1px; color: #fff; background:url(zims/frontend/sprites.png) no-repeat left -292px;  padding-left: 40px;}
	
	
	#HomeActuW{ background:url(zims/frontend/homeactus-div-top.gif) no-repeat center top; padding-top: 20px;}
	#HomeActuList{ background:url(zims/frontend/homeactus-ul-bar.gif) repeat-y center top; overflow:auto; padding-bottom: 40px;}
	
	#HomeActuList li.actuW{ 
		background:url(zims/frontend/homeactus-li-bar.gif) repeat-x right center; width: 490px;
		float: left; padding: 0 40px 0 0; margin: 0 0 20px 0;}
		
	#HomeActuList li:nth-child(2){  margin-top: 40px;  }
	#HomeActuList li:nth-child(even){ padding: 0 0 0 40px; margin-right: 8px;  width: 482px; }
	.lt-ie9 #HomeActuList li.even{ padding: 0 0 0 40px; margin-right: 8px;  width: 482px; }
	#HomeActuList li:nth-child(odd){  clear: left;  }
	.lt-ie9 #HomeActuList li.odd{  clear: left;  }
	
	#HomeActuList li.actuW div.actu{ background: #fff; padding: 15px; position:relative;}
	
	#HomeActuList li h4{ font-weight: 600; line-height: 1.1em; text-transform:none; text-align:left;}
	#HomeActuList li p{ font-size: 0.9em; line-height: 1em; margin: 0; padding-right: 60px;}
	#HomeActuList li p a.plusLink{
		display: block; width: 70px; height: 70px;
		position: absolute; right: -8px; bottom: 12px;
		text-indent: -999px; overflow:hidden;
		background: #b3cb03 url(zims/frontend/sprites.png) no-repeat 15px -391px;
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
	
	
	#ActuLinkW{ 
		display: inline-block; float: left; background:url(zims/frontend/homeactus-li-bar.gif) repeat-x right center;
		width: 355px; margin: 0 0 0 136px; padding: 0 40px 0 0; position: relative; top: 15px; }
	#HomeActuList li#ActuLinkW:nth-child(even){ padding: 0 0 0 40px; margin: 100px 0 0 0; width: 355px; }
	
	
	#ActuLink{ 	text-align: center;font-size: 1.2em; font-weight: 600; line-height: 1.1em; }
	#ActuLink a{ display: block; color: #fff;  background: #047ab9; padding: 6px 15px; }
	
	
	
	
	
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 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 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 

 	.paragraphW{ }
	.paragraphe{ background: #fff; padding: 20px 0 10px 15px; margin-bottom: 20px;  }
	.pg-textW{ overflow: auto;}
	
	.paragraphe p { padding: 0 25px; margin-bottom: 15px; }
	.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 { width:220px; }
	
	.paragraphe p.warning { color:#ff0000; }  
	
	.paragraphe a{ color: #4f700f; }
	.blue .paragraphe a{ color: #0a507a; }
	.orange .paragraphe a{ color: #D37808; }
	
	.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: #4f700f; background:#b7d67d url(zims/frontend/sprites.png) no-repeat 12px -546px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	} 
	.blue .paragraphe .biglink a, .blue .paragraphe .formlink a, .blue .paragraphe .cartelink a, .gm-style-iw a.doclink { color: #0a507a; background-color: #a0d1f0 ;}
	.orange .paragraphe .biglink a, .orange .paragraphe .formlink a, .orange .paragraphe .cartelink a{ color: #D37808; background-color: #ffd29e; }
	
	.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; }
	.blue .paragraphe .biglink a:hover, .blue .paragraphe .formlink a:hover, .blue .paragraphe .cartelink a:hover, .gm-style-iw a.doclink:hover  { background-color: #047ab9 !important;}
	.orange .paragraphe .biglink a:hover, .orange .paragraphe .formlink a:hover, .orange .paragraphe .cartelink a:hover{ background-color: #fa9820 !important;}
	
	.paragraphe span.surligner {    background:#6B9F08;   color:#ffffff; }
	.blue .paragraphe span.surligner { background:#047AB9; color:#ffffff; }
	.orange .paragraphe span.surligner { background:#F79928; color:#ffffff; }
	
	.paragraphe 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.4em; font-weight: 600; color: #6b9f08; line-height: 1em; text-transform:none; }
	.blue .paragraphe h4{ color: #047ab9; }
	.orange .paragraphe h4{ color: #E5840D; }
	
	
	#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{ padding: 0 25px 0 35px; margin-bottom: 15px;}
	.paragraphe ul.questionlist{ padding: 0 25px;}
 	.paragraphe ul li{ list-style-image:url(zims/frontend/paragraph-list.gif); margin-bottom: 8px; }
	.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;}
	.blue .paragraphe ul.questionlist li { background-image:url(zims/frontend/question-blue.jpg);}
	.orange .paragraphe ul.questionlist li { background-image:url(zims/frontend/question-orange.jpg);}
	
	.documentListW{ background:url(zims/frontend/docs-arrow-green.png) no-repeat 20px top; padding-top: 27px; margin: -30px 0 30px 0; }
	.blue .documentListW { background-image:url(zims/frontend/docs-arrow-blue.png);  }
	.orange .documentListW { background-image:url(zims/frontend/docs-arrow-orange.png); }
 	.documentList { 
		background:#6b9f08 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;
	}
	.blue .documentList { background-color:#047AB9;  }
	.orange .documentList { background-color:#ef890c;  }
	
 	.documentList li { }
 	.documentList li a { display: block; color: #fff; font-weight: 600; font-size: 1.1em; line-height: 1.2em; margin-bottom: 10px }
	
	
	.galleryList{ display: table; text-align:center; width: 100%; margin-bottom: 25px; border-left: 4px solid #047AB9;  border-right: 4px solid #6b9f08;}
	.blue .galleryList{ border-color: #047AB9; }
	.orange .galleryList{ border-color: #fa9820; }
	.galleryList li{ display: inline-block; text-align:center; width: 33.33%; text-align:center; }
	.galleryList li img{ vertical-align:middle;}
	
	
	.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}

	
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 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: #047ab9 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: #6b9f08 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; margin-bottom: 20px; }
	 
	 #ContactForm{ margin: 0; padding: 0 0 25px 25px; }
	 #FancyContactBox #ContactForm{ padding-right: 25px;}
	 
	 #ContactForm input{ /*width: 90%;*/ width: 100%; margin: 0;}
	 #ContactForm fieldset legend {color: #047AB9; font-weight: 600; text-transform: uppercase; font-size: 1.3em; padding-top: 10px; border-bottom: 1px solid #047AB9; width: 100%; margin-bottom: 10px;}
	 #ContactForm fieldset p{  width: 45%; display: inline; float: left; margin-bottom: 15px; /*margin-right: 5%;*/}
	 #ContactForm fieldset p#field-nom,#ContactForm fieldset p#field-d_nom, #ContactForm fieldset p#field-d_email, #ContactForm fieldset p#field-dob, #ContactForm fieldset p#field-loc{ margin-right: 7%; }
	 #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.5em; font-style:italic; text-align:center; font-weight: 400; line-height:1em; margin: 100px 25px;
	}
	
	#page-contact #Content{ overflow: visible; padding-bottom: 80px;}
	
	.g-recaptcha{ clear: left;  margin: 10px 0 20px;}
	
	.uniqueCheckBoxField{ width: 100%; }
	.uniqueCheckBoxField input{ width: auto !important; float: left;margin-right: 10px !important; }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 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; }
	
	#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; 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; background:#ffffff url(zims/frontend/search-bg2.png) right top no-repeat;    }
	#SearchResults li.familles { background:#ffffff url(zims/frontend/search-bg3.png) right top no-repeat;   } 
	#SearchResults li.professionnels { background:#ffffff url(zims/frontend/search-bg1.png) right top no-repeat; }
	#SearchResults li a { display:block; height:100%; width:100%; position :relative;  padding:10px 130px 10px 10px;   
	  background: url("zims/frontend/submenu-arrow.png") no-repeat  92% center rgba(0, 0, 0, 0);

	}
	#SearchResults li a:hover { text-decoration:none; }
	#SearchResults li a h3 { color:#6B9F08; font-weight:600; font-size:1.4em;  margin-bottom:2px; line-height:20px; text-align:left;  }
	#SearchResults li.familles a h3 { color:#047ab9; } 
	#SearchResults li.professionnels a h3 { color:#FA9820; } 
	#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: 'Open Sans', Arial, 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:#6B9F08; }
	#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:#F69A15;  } 
	#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:#6B9F08;  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; }
	
	
	
	
	
	/* ################################################################################################################
												SURCHARGE MOBILE
	###################################################################################################################*/
	
	@media(max-height:800px) {  
	
		.bannerTxtW{ top:46%; } 
		#MainMenu > li {
			background-position: left 10px;
			min-height: 25px;
			margin-bottom: 5px;
		}
		#MainMenu > li > a, #MainMenu > li > strong {   font-size: 1.4em; }
		#MainMenu li ul > li {    min-height: 10px;    margin-bottom: 2px; }
		#MainMenuW {    padding-top: 85px; }
		#Copyrights{ font-size: 0.75em; line-height: 1.1em; }
		#Copyrights img.mutlogo{ width: 100px; }

	}
	
	
	@media(max-width:1280px) { 
	
	
	}
	

	@media(max-width:1024px) {
		
		body{  min-width: auto;  }
		
		p, ul, ol, dl, table, blockquote{ text-align: left;}
		
		#ContentWW { padding-top: 80px;}
		#ContentWW h2 { font-size: 2em; line-height: 1em;  }
		#Content { width:100%; }
		

		p {  margin:0 0 10px 0;   }
		.focus, .focusW  { width : 90%; }

		#Header { height: 140px; }
		#HomeLinkW img{ width: 200px;}
		#HomeLinkW a{ left: -15px;}

		#Social { display:none; }
		#HeaderCoords { width:100%; position:relative; padding-left:4%; }

		#HeaderTel, #HeaderContact  { display:inline-block; clear:none; width:50%; float:left;   }
		#HeaderEmploi { bottom:-35px; right:0; padding:  }

		#LangLinks { bottom: 63px; }

		


		#NavIco span { display: none;}
		/*#NavIco {
			display: block; position: absolute; bottom: -50px; width: 100%; z-index: 10001; height: 50px; width: 70px;
			text-indent: -999px; overflow:hidden;
			background: rgba(0,106,109,0.8) url(zims/buttons/minimenu-w.png) no-repeat center;}
		#NavIco.left { left: 0;
			-webkit-border-bottom-right-radius: 10px;
			-moz-border-radius-bottomright: 10px;
			border-bottom-right-radius: 10px;}

		#NavIco.right { right: 0;
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-radius-bottomleft: 10px;
			border-bottom-left-radius: 10px; }*/
			
		
		




		form { width:100%;  }
		form p { width:100%; float:none; clear:both; }
		form p textarea { width:100% !important; }
		
		
		

		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

		#ActuRightW, #HomeEngagementsW, #ZoomSurW, #TemoignagesW { width: 100%; float:none !important;  clear:both; display:block;   }


		#page-home #ContentWW { padding-top:240px;  }

		#HomeMutInfo { width: 100%; position: static;}
		
		#HomeBandW{ height: auto; }
		#HomeIntroW{ width: 100%; padding: 20px 3% 0; min-height: 300px; height: auto; overflow: visible;}
		
		#HomeIntro{ width: 100%;}
		#HomeIntro  img { display: block; width: 100% }
		#HomeLivret {
			width: auto; height: auto;
			padding: 40px 0;
			position: static
		}
		
		
		/**/
		
		#BannerDefault { background-position: right 110px;  }
		#BannerDefault h3{ margin-bottom: 60px;}
		#BannerDefault h3 span{ line-height: 1.1em; display: inline-block;}
		.homedefaultLink { background: #CF1C1D; padding: 8px 20px !important; display: block; margin: 0 auto 10px; }
		
		
		#BannerAmeli *{ font-size: 1.2em;}
		
		
		#BannerPSM p{ margin-left: 0; line-height: 1.1em;}
		#BannerPSM .button{ position: static; display: inline-block; margin-top: 10px;}
		
		
		
		/**/
		
		
		
		#HomeZoom{  font-size: 1.8em; line-height: 1em; padding: 20px 0 10px 40px;}
		
		#HomeActuList{ overflow: hidden;}
		#HomeActuList li.actuW{ width: 100%; background: none; }
		#HomeActuList li.odd{ padding-left: 3%;}
		#HomeActuList li.even{ padding-right: 3%;}
		
		#HomeActuList li:nth-child(2){ margin-top: 0;}
		
		#HomeActuList li h4{ font-size: 1.2em;}
		
		#ActuLinkW{ display: block !important;  width: auto !important;  margin: 0 0 0 3% !important; padding: 0 !important; background: none; }
		
		

		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ACTUALITE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

		.fancybox-inner #EspritW {    }

		#ActuList li.actu { padding-top:30px; }
		#ActuList li.actu .plusLink { top:43px; right:6px;  }
		#ActuList li.actu .actuDate { font-size:1em;  padding:6px 8px;  position:absolute ; top:0; left:0; }

		.fb-share-button { left:106px; }
		.twitter-share-button { left:188px;  }
		.IN-widget  { left:269px;  }

		.actuTitle { font-size:1.6em !important;  margin:15px;  padding-right:16px; }
		.actuText { margin:0 8px; }

		.actuZim {  width:100%; float:none; clear:both; margin:0; height:160px; overflow:hidden; display:none; }

		div.fancybox-inner #EnBox {  width:100%;  padding:20px 20px 200px 20px;  background-position:center bottom; }


		
		



		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CMS CONTENT * * * * * * * * * * * * * * * * * * * * * * * * * * * */

			
		#Titlebar h3, #Titlebar.paragraphTitle h3 { background: none; padding: 6px 3%; line-height: 1em; font-size: 2em;}
			
		 #Titlebar.paragraphTitle h3 {  background:  none !important; }
			
			
			
		#LeftCol { width:100%; float:none; }
		#LeftCol #MutInfoBox, #LeftCol #InfoBox { display:none; }
		

		#LeftMenuW > ul a.active span { background-image:none;  }
		.paragraphW { padding: 0 0 1em 0; }
		.imageFloat p.pg-Image { padding: 0 3%; margin: 0 0 20px 0; display: block; float: none; text-align: center;}
		.imageFloat p.pg-Image img{ max-width: 100%}
		
		.pageTitle{ padding-left: 180px; font-size: 3.5em;}
		.paragraphe h4, .paragraphe h3 { padding: 0 2.5%;}
		.paragraphe p{ margin-left: 0; margin-right: 0;}
		


		.documentList { padding: 20px 20px 10px 90px;  }
		.documentList li a { text-align:left; }

		.squareLink { font-size:1.3em !important; }
		
		
		.paragraphe ul{ }
		.paragraphe ul li h3, .paragraphe ul li h4{ padding: 0;}
		
		
		.paragrapheTableW table thead th{ font-size: 1em !important; line-height: 1.2em; padding: 1em 0.1em;}
		.paragrapheTableW table td{ font-size: 0.85em !important; padding: 1em 0.1em; }
		
		
		.galleryList li{ width: auto;}

		/* SPECIFIC */
		
		#page-telechargements .documentsList{ left: 0}
		#page-telechargements .annotation{ padding: 10px 3% 10px 25%;}
		
		
		
		#SearchResults li{ background: none; }
		
		

		
		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

		/*#Content h2, #page-contact #Content h2 { text-align:center; margin-bottom:20px;  padding:0 5%;  font-size:2.1em; }
		#page-contact  #ContactLink { width:320px; position:relative; margin:0 auto 20px auto;  right:auto ; top:auto; }
		#ContactTrombi, #TeamList { width:320px;  margin:0 auto; }
		 #TeamList li .overlay { left: -10px; }
		.vcard p { margin:0;  }

		#ContactPage  {  padding-top: 0; }
		.pageW { padding-top: 0; }*/
		
		
		#ContactForm{ padding: 0 3%;}
		#ContactForm fieldset p{ width: 100%; margin-right: 0; }
		#ContactForm input { width: 95%;}
		
		*::-webkit-input-placeholder {
			color: #666 !important;
		}
		*:-moz-placeholder {
			/* FF 4-18 */
			color: #666 !important;
		}
		*::-moz-placeholder {
			/* FF 19+ */
			color: #666 !important;
		}
		*:-ms-input-placeholder {
			/* IE 10+ */
			color: #666 !important;
		}
		
		
	}
	
	
	
	
	@media(max-width:767px) {
		
		.mob-only{ display: block; }
		.focus, .focusW {
			width: 95% !important; margin: 0 2.5%;
		}
		.no-mob{display:none !important;}
		.mob-only{display:block !important; }

		#HomeLinkW a img{ width:200px;}
		#Header { height: auto; }
		#FooterW{ height: auto; overflow: auto; }
		#Footer ul#Credits { } 
		#Footer ul#Credits li{line-height: 1.5em;} 
		
		#CookiesBanner p{ margin: 10px 2.5%}


		#Nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; height:auto; }
		#Nav ul li{ width: 100% !important;}
		#UpperNav{ display: block; }
		
		#NavIco{ 
			display: block; position: fixed; z-index: 1001; height: 70px; width: 70px;
			right: 0; top: 0; 
			background: #309ddd url(zims/buttons/minimenu-w.png) no-repeat center; border: none;	
			transition: none;
		}
		#NavIco.active{ background: #fff url(zims/buttons/minimenu-ico.png) no-repeat center;  }
		#NavIco span {
			display: none;
		}

		.paragraphe { padding-left: 12px;  }


		#Menu {  
			width: 100%; position: absolute; 
			padding:  0 0 0 0; border-bottom: 3px solid #309ddd;
			height: auto; left: 0; background: rgba(255,255,255,0.95);}
		
		#MainMenu{ width: 100%; float: none; display: block;}
		
		#MainMenu > li {
			background: none;
			height: auto;
			display: block;
			width: 100%;
			line-height: 2em;
			border-bottom: 1px solid #aaa;
			color: #000;
			padding: 8px 0; text-align: center;
		}
		#Nav ul li.HTMLMenuW-Level1 > strong, #Nav ul li.HTMLMenuItem-Level1 > a{ color: #0a507a; font-weight: bold; line-height: 1.5em; font-size: 1.4em;}
		#Nav ul li.HTMLMenuW-Level1, #Nav ul li.HTMLMenuItem-Level1 { height: auto; padding: 10px 2.5%;}
		
		#MainMenu-actu-Item, #MainMenu-fb-Item{ display: block;}
		
		#FacebookButton {
			top: 65px;
			left: 0;
		}
		#logoHeaderCappa {
			bottom: 5px;
			right: 5px;
			left: auto;
			top: auto;
		}
		
		#SearchBox {
			position: absolute;
			top: 10px;	
		}
		#SearchBox form fieldset p  {
			width: auto;
		}
		#SearchBox form fieldset p input {
			border: 1px solid #309ddd;
			color: #333;
			
			background: none!important;
			line-height: 1.5em;
			float: left; width: 100%;
		}
		#MainMenu {  margin: 100px auto 0; }
		
		#Copyrights {  position: static;}
		
		#TopBarW { position: static; }
		#TopBar {
			float: left;
			width: auto;
			padding-top: 20px;
			position: static;
		}
		#TopLinks > li {  margin-left: 15px; }
		/*#TopBar #ContactLink { display: none;}*/
		
		#MainMenu-contact-Item{ display: block; } 
		
		#TopLinks{ }
		#TopLinks li a { color: #000 }
		
		
		#AgendaFilters form p {
			width: 88%;
			margin-left: 10%;
		}
		#Titlebar {  padding-bottom: 25px; }
		
		#CarteAssos .maparea {   width: 100%;    height: 411px; }
		#CarteAssos .maparea .map {  width: 85%; }
		
		#ListeCentresW p.infoBox { background-position: 0 80px; }
		#ListeCentresW { width: auto; }
		#ListeCentres li .links li.docLink a {   width: auto }

			

		/*#Nav .HTMLMenu{ height: auto; padding: 0; margin: 0; background: #fff;}
		#Nav .HTMLMenu li, #Nav ul li.HTMLMenuW-Level1, #Nav ul li.HTMLMenuItem-Level1{
			height: auto; display: block; float: none!important; width: 100%!important; margin: 0 !important;
			line-height: 15px; border-bottom: 1px solid #aaa; color: #000;}
		#Nav ul li.HTMLMenuW-Level1 > strong, #Nav ul li.HTMLMenuItem-Level1 > a{ 
			display: block; padding: 8px 5%; color: #000; width: 100% !important; 
			background: none; font-size: 1.1em !important; text-align: center !important; }
		#Nav ul li.HTMLMenuW-Level1 > strong:hover, #Nav ul li.HTMLMenuW-Level1 > strong:focus, #Nav ul li.HTMLMenuItem-Level1 > a:hover{ text-shadow: none !important; }

		#Nav ul li .subMenuW{ position: fixed; top: 0; width: 100%; z-index: 10002; height:auto !important; top: auto !important; background: #0a507a ; padding: 0; top: auto;}
		#Nav ul li .subMenuBg{ background: 0; }
		#Nav ul li .subMenu{ padding: 0; min-height: 0;}
		
		#Nav ul li .subMenu ul li { display: block; float: none; border-bottom: 1px solid #ccc; width: 100%; text-align: center; font-size: 1em; padding: 0;}
		#Nav ul li .subMenu ul li a{ color: #fff; padding: 6px 0; display: block; }
		#Nav ul li .subMenu ul li strong{ font-size: 1.1em; letter-spacing: 0;}
		#Nav ul li .subMenuBottom{ display: none;}*/
		
	
		#HomeInfography p{ margin: 0 2.5%; width: 95%;}
		#HomeInfography p img{ display: block;}
		
		
		
		#ContentWW{ padding-top: 150px;}
		#ContentW{ padding-top: 30px;}
		#ContentWW h2 {   font-size: 2.8em; }
		#Content {  padding-bottom: 50px !important; }
		
		
		
		.pageTitle {   padding-left: 0; font-size: 2.8em; padding-right: 5%; text-align: center; }
		
		#Titlebar h2 span { display: none;  }
		
		.paragraphW { padding-top: 50px;}
		
		/* LEFT MENU */
		#LeftMenuW { position: absolute; top: 0; left: 0; width: 100% }
		/*#LeftMenuW.scrolled { position: fixed; top: 0;  }*/
		
		
		#LeftMenuBtn{ position: absolute; top: 0px; left: 0; cursor: pointer;
			background: #309ddd ; padding: 0 20px 0 0; min-width: 125px;  }
		#LeftMenuBtn a { display: inline-block;
			color: #fff; text-transform: uppercase; line-height: 1.2em; font-size: 1.2em; padding: 15px 5px 15px 25px; }
		#LeftMenuBtn a svg{ display: block; float: left; font-size: 2.4em; margin: 0 10px 0 0; }
		.scrolled #LeftMenuBtn{  position: fixed; top: 0;  }
		
		
		#LeftMenu { background: rgba(10,80,122,0.9);  padding: 75px 0 10px; display: none; }

		#LeftMenu > ul { width: 100%; }
		
		#LeftMenu > ul li { text-align:left; }
		
		/* LVL 2 */
		#LeftMenu > ul li.categ-lvl2 { 
			width: 100%; border: none;
			border-bottom: 3px solid #EDEDED;
		}
		#LeftMenu > ul li.categ-lvl2.active{ }
		
		#LeftMenu > ul li.categ-lvl2 a.categ-lvl2-Link, .blue #LeftMenu > ul li.categ-lvl2 a.categ-lvl2-Link{ 
			color: #fff; background: none; border-bottom: 0;   display: block;
			display: block; height: 100%; padding: 9px 10px; font-size: 1.2em;  line-height: 1.1em; }
		#LeftMenu > ul li a span { display: block; height: 100% }
		/*.blue #LeftMenu > ul li a span { color: #000; }*/
		
		/* LVL 3 */
		#LeftMenu > ul li.categ-lvl2 ul{ }
		
		#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3{ 
			width: 100%; min-height: auto !important;
			border-bottom: none;}
			
		#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link {
			color: #fff; background: rgba(85,140,179,0.5); border-bottom: none; 
			display: block; height: 100%; padding: 9px 10px 9px 30px; font-size: 1.1em; font-weight: 400; line-height: 1.1em;
		}
		.blue #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link, .blue #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link{ background: rgba(85,140,179,0.5); }
		
		.blue #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link, .blue #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4 a.categ-lvl4-Link{ background: rgba(128,172,203,0.5); }
		.blue #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link{ background: rgba(81,129,163,0.5); }
		
		.orange #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link { background-image:none;}
		.orange #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 a.categ-lvl3-Link, .orange #LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4 a.categ-lvl4-Link {background: none; }
		
		/* LVL 4 */
		#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul{}
		
		#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4{
			width: 100%; min-height: auto !important; 
			border-bottom: none;}
			
		#LeftMenu > ul li.categ-lvl2 ul li.categ-lvl3 ul li.categ-lvl4 a.categ-lvl4-Link{
			color: #fff; background: rgba(85,140,179,0.5) url(zims/frontend/submenu-icon-lvl4-mob.png) no-repeat 20px center;
			display: block; height: 100%; padding: 6px 8px 6px 38px; font-size: 1em; font-weight: 400; line-height: 1.1em;
		}
		
		#LeftMenu > ul a:hover{ background-color: #0a507a !important; color: #fff !important;}
		/*#LeftMenu > ul a.active{color: #0a507a !important; background-color: #fff !important;  }*/
		
		#LeftMenu > ul li.categ-lvl2 a.categ-lvl2-Link.active, .blue #LeftMenu > ul li.categ-lvl2 a.categ-lvl2-Link.active{
			background: #047ab9 url(zims/frontend/submenu-arrow.png) no-repeat 98% center; padding-right: 28px !important; 
			color: #fff; 
		}
		#LeftMenu > ul a.active{ background-color: #047ab9 !important; }
		
		#LeftMenu > ul a.active span{ background: none;  }
		/*.blue #LeftMenu > ul a.active span{ color: #fff; }*/
		
		
		
		
		
		#ClientsList li.clientRow{  height: auto;  }

		#ClientsList li.clientRow ul { height: auto}
		
		#ClientsList li.clientRow ul li{	width: 100%;  display: block; float: none;  left: 150px; height: auto}
		#ClientsList li.clientRow ul li a {display: block; text-align: center;width: 100%; }
		
		
		
		#Agenda > li.eventW {
			background: none;
		}
		#Agenda li .eventBg {
			background: none;
			padding: 30px 0 0 0;
		}
		#Agenda li .event, #Agenda li .eventContent, #Agenda li.closed .event .eventContent{ width: auto; }
		
		#Agenda li:nth-child(even) .eventBg {   padding: 30px 0 25px 0; }

		#Agenda li .eventBg {  padding: 0 0 0 0; }
		#Agenda li .eventContent { margin-left: 0; }
		#Agenda li .eventZimW{ float: none; display: block;}
		
				
		.centeredlist {
			margin-left: 0!important;
			margin-right: 0!important;
			width: 100%;
		}
		.centeredlist.col2 > li, .centeredlist.col3 > li{ width: 100%; margin-right: 0;}
		
		.actu-listItemOverlay {     height: 100%;}
		
		
		#page-home #ContentW {     padding-top: 30px } 
		#HomeZoom {  font-size: 1.6em; }
		
		#HomeInfography img{ width: 100%}
		#HomeActuLinkW img{ width: 260px; }
		#page-home #FooterW { position: relative; }
		
		#page-home #ContentWW {  padding-top: 70px;}
		#HomeActuLinkW {    bottom: 144px; }
		
		#HomeActuList li.actuW , #HomeActuList li:nth-child(even) { padding: 0 10px 0 0;}

		
		#MainAccroche h2{     font-size: 2em; line-height: 1.2em}
		
		#HomeBand ul li {
			display: block;
			float: none;
			width: 100%;
			padding: 20px 2.5%;
			margin: 0;
			height: auto; 
			background: none; text-align: center !important
		}
		#HomeBand ul li *{text-align: center!important }
		#HomeBand ul li.agirBtn a strong {   font-size: 1.2em; }
		
		.bannerTxtW { padding: 0 2.5%; top: auto; bottom: 16%; }
		.bannerTxt h3 {  font-size: 1.5em; }
		.bannerTxt p {  font-size: 2em; }
		
		#page-home #MutInfoW {
		
			margin-top: 50px;
			width: 255px;
			padding-left: 14px;
			background-position: 186px top;
		}
		
		#FooterLogos { width: 100%; }
		
		.paragraphe .pg-textW p, .paragraphe .pg-textW div{ padding: 0 0 0 10px;}
		.paragraphe ul{ padding: 0; }
		.paragraphe h4, .paragraphe h3 { padding: 0;}
		
		
		#ActusList{ padding: 0 2.5%; width: 95%;}
		#ActusList .actu a img {  width: 105%; }
		
		#ContactForm fieldset{ margin: 0;     width: 100%;   display: block;   float: none ;  }

		#ContactForm fieldset p.textField input {
			width: 100%;
		}
		
		.fancyContactBox{ width: auto; }
		
		.paragraphe ul.questionlist { padding: 0 15px; }
		
		#GlossaireFilter { width: auto;}
		#GlossaireFilter li {    width: 44px;    height: 39px;    line-height: 41px; text-align: center; }
		
		
		#BoiteIdeeW, #QuestionnaireListW { width: 100%; margin-bottom: 40px;}
		
		#page-familles #ContentWW h2, #page-formulaire #ContentWW h2 {  font-size: 2.2em; }
		
		
		
		#PlanAccesLink a span, #PlanAccesDL a{ padding: 16px 15px 16px 40px;  }

		#FormLink a{  padding: 15px 15px 15px 63px;   }
		
		
		
		
		
		
		
	}