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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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

@import url('https://fonts.googleapis.com/css?family=Rajdhani:400,600&subset=latin-ext');


/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:14px; background: #fff;
		color: #222;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.5em;
	    overflow-y: hidden !important;
	}
	

	input, select, textarea {
		color: #333;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: 300;
		line-height: 1.5em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		color: #000;
		text-decoration: none;
	}

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

	strong, b {
		font-weight: 600;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 1.5em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Rajdhani', sans-serif;
		color: inherit;
		font-weight: 300;
		line-height: 1.3em;
		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.8em;
		font-weight: 600;
	}

	h3 {
		font-size: 1.5em;
	}

	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 {}
	
	p, li{ line-height: 1.9em;}
	
	sup{ font-size: 0.5em;}
	
	p strong{ font-weight: 600;}
	
	
/* ################################################################################################################																		     *                                                                      							
														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{
		-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: none;
		border: solid 1px rgba(85, 75, 96, 0.7);
		color: 333;
		display: block;
		padding: 0.4em 0.75em;
		text-decoration: none;
		width: 90%;
		outline: 0;
		border-right-width: 20px;
		border-right-style: solid;
		line-height: 1.3em;
	}
	
	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;
		background: none;
		border: solid 1px rgba(85, 75, 96, 0.7);
		color: 333;
		display: block;
		padding: 0.4em 0.75em;
		border-right-width: 1px;
		border-right-style: solid;
		line-height: 1.3em; }

	
	.missingField label, .invalidField label { color:#cc1212; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#cc1212; }
	
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#cc1212; font-weight: 600;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus, select:focus, 
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover, select:hover {
		border-color: #213b95;
	}
	
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	label { color: #333;}
	.textField, .textareaField, p.selectField{ margin: 0 0 10px 0;}
	

/* 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: none;
		border: 1px solid #000;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 300;
		letter-spacing: 0;
		padding: 0.5em 1em;
		line-height: 1.2em;
		text-align: center;
		text-decoration: none;
		width: auto;
		letter-spacing: 1px;
		
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: rgba(0,0,0,0.9);
			border-color: #000;
			color: #fff;
		}


		
	
/* Google Map / Vcard */

/*
	#jGMapW { width:700px; height:400px; margin:10px auto; border:1px solid #ccc; background:#fafafa; }
	#jGMapW .geo{ display:none;}
	#jGMap { width:700px; height:400px; }*/
	
	#Content .vcard p { margin:0; padding:0; font-size:1.2em;}
	#Content .vcard .adr .street-address { display:block; }
	#Content .vcard .tel .type, .vcard .uri { display:none; }	
	
	


/* Specials */


	 /**
	 * Floating elems
	 */
	.float, .floatL
	{display:inline; float:left;}
	.floatR
	{display:inline; float:right;}
	
	img.floatL, img.floatR{ display:block; }
	img.floatL{ margin: 0 20px 20px 0; }
	img.floatR{ margin: 0 0 20px 20px;  }
	
	
	/**
	 * Away elems
	 */
	.away
	{position: absolute; top: -99999px;}
	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }
	
	.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;
	}
	
	.sfont { font-family: 'Rajdhani', sans-serif;}
	
	.shadow{ text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	.shadow-w{ text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }
	
	.clearblue{ color: #60B0E3 }
	
	
	
	
		
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/
 	
	
	
	/* 
	
	BLEU : #213b95
	
	*/
	
	
	/*html{ overflow-y: scroll;}*/
	
	
	#Main{ width: 100%; height: 100%;}

	
	.page{ width: 100%; overflow: hidden; position: relative;}
	.simpleformPage{ width: 100%; height: 100%; overflow: hidden; position: relative;}

	
	.screensW{ width: 100%; height: 100%; }
	.screen{ width: 100%; height: 100%; position:relative; overflow: hidden; }

	
	.screenZimW, .screenCarouselW, .screenCarouselZoomW{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
	.screenZim, .carouselZim, .carouselZoomZim, .carouselZoomZimW{ display: block; position: absolute; }
	.screenZim{ display: none;}
	.screenCarouselW{ display: none;}
	.carouselZim, .carouselZoomZimW{ opacity: 0;}
	
	/*.screenCarouselZoomW.half{ height: 50%;}*/
	.screenCarouselZoom{ height: 100%; width: 100%; background: #f7f7f7 url(zims/loader/ajax-loader.gif) no-repeat center;}
	.darkPanel .screenCarouselZoom{ background: #111 url(zims/loader/ajax-loader-black.gif) no-repeat center;}

	
	.carouselZoomZim {
		
		 /* image à l'échelle 1 au départ */
	   -webkit-transform: scale(1);
	   -moz-transform: scale(1);
	   -o-transform: scale(1);
	   -ms-transform: scale(1);
	   
	   transform: scale(1);
	}
   
	.carouselZoomZim.scale{
		 /* propriétés de transition */
	   -moz-transition:all 11s ease-out;
	   -webkit-transition:all 11s ease-out;
	   -o-transition:all 11s ease-out;
		transition:all 11s ease-out;
		
		transform: translate3d(0px, 0px, 0px) scale(1.10);
	}
	
	
	#TextureOCTO{ 
		width: 100%; height: 100%; 
		position: absolute; top: 0; left: 0;
		z-index: 1000;
		background: url(zims/frontend/texture.png) no-repeat top center; }
	
	#page-home #TextureOCTO{ background: url(zims/frontend/texture-home.png) no-repeat top center; }
	
	
	
	#ZoomHalfBanner{ height: 340px; position: relative; overflow: hidden;}
	#ZoomHalfBanner.darkPanel{ }
	#ZoomHalfBanner h2{ position: absolute; z-index: 1000; font-size: 3.8em; bottom: 25px; right: 4%; margin: 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0, 1);}

	.paddingupdown { padding: 20px 0; }
	
	.screenPanelW{ width: 100%; height: 100%;  position: absolute;}
	.screenPanel{ position: absolute;}

	
	.halfPanel{ width: 46%; height: 100%; background: #222; padding: 8% 2% 0; background-image: url(zims/frontend/bg-vitrail-w.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
	.halfPanelR{right: 0; }
	.halfPanelL{left: 0}
	
	
	
	
	
	
	
	
	
	
	h2.pageTitle{ font-size: 3em; margin: 0; }
	h2.pageTitle span{ }
	
	
	.super { font-size: 1.8em !important }
	.mega { font-size: 2.8em !important }
	.ultra { font-size: 3.8em !important }
	
	
	
	.mainTextW{
		padding: 30px 0 0 30px; border-left: 1px solid #fff;
	}
	.mainTextW *:first-child{  margin-top: 0;}
	.justified *, .justified { text-align: justify }
	.centered *, .centered{ text-align: center; }
	.bigmargin{ margin-top: 50px!important; margin-bottom: 50px !important;}
	.notitle{ margin: 50px 0 0 0;}	
	
	.sidepadding{ padding: 0 25px; width: auto !important;}
	
	
	
	.next-section  { 
		position: absolute; bottom: 0; z-index: 4000; width:100%; left:0; 
	}
	.arrowNext{
		position: relative; bottom: 20px;
		display: block; width: 120px; height: 31px;  background: url(zims/frontend/arrow2.png) no-repeat center bottom; 
		opacity: 0; margin:0 auto;
		text-align: center; font-weight: 500; text-transform: uppercase; line-height: 1em; color: #fff; font-size: 0.75em;
		padding-top: 18px;
	}
	
	
	

	
	.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%}
	
	.centeredlist.col2 > li, .centeredlist.col3 > li, .centeredlist.col4 > li, .centeredlist.col6 > 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.col6 > li{ width: 14%; margin-right: 3%}
	.centeredlist.col6 > li:nth-child(6n){ margin-right: 0; }
	.centeredlist.col6 > li:nth-child(6n+1){ clear: left;}
	
	.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; }
	
	.autocenterlist.col6 > li{ width: 15%; margin-right: 1.5%}
	.autocenterlist.col6 > li:nth-child(6n){ margin-right: 0; }
	.autocenterlist.col6 > li:nth-child(6n+1){ clear: left; }
	
	

	
	.linedLink{ 
		display: inline-block; margin: 0 auto; color: #213b95; font-size: 1.3em; letter-spacing: 0.5em; padding: 10px 0; 
		text-transform: uppercase; border-top: 1px solid #213b95; border-bottom: 1px solid #213b95; margin-bottom: 15px; }
	.linedLink:hover{ text-decoration: underline; }
	.linedLink.mini{ font-size: 1.1em; letter-spacing: 0.2em;}
	
	.hoverlink{ 
		display: block; position: absolute; top: 30px; left: 7.5%; text-transform: uppercase;
		text-align: center; padding: 25px 30px 60px 30px; color: #fff;
		background: #213b95 url(zims/frontend/biglink-bg.png) no-repeat  center 80%;}
	.hoverlink:hover{ text-decoration: underline; }
	.hoverlink.right{ left: auto; right: 7.5%;  }
	
	.rooftop .hoverlink{ background-color: #66b99b; }
	.rooftop .hoverlink:hover{ color: #ccede1; }
	
	.legend { font-style: italic; color: #777; font-size: 0.9em;}
	
	
	
	
	.paralaxW{
		background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; 
		min-height: 200px; width: 100%; margin: 30px 0;}
	
	
	.contactBlockW{ margin: 50px 0;}

	.contactBlock{}
	.contactBlock.push{ padding: 70px 0 0 25px; }
	.contactBlock p{ /*background: url(zims/frontend/sprite-icons.png) no-repeat left top; padding-left: 50px;*/}
	.contactBlock p i{ display: block; float: left; font-size: 1.5em;}
	.contactBlock p.acces{}
	.contactBlock p.horaires{ background-position: left -145px;}
	.contactBlock p.coords{ background-position: left -292px;}
	.contactBlock p span.line{ display: block; border-bottom: 1px solid #000; padding: 0 0 20px 40px;}
	

	
	/* Special*/
	
	.incrNum, .incrNumAdd{ display: none; font-size: 3em; color: #213b95; font-weight: 600; position: relative; top: 4px;}
	.incrNumAdd{display: inline }
	
	
	
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
/* HEADER */

	#HeaderW { 	
		z-index: 5000;
		width: 100%; height: 200px;
		background: url(zims/frontend/header-overlay-w.png) no-repeat center top;
		position: absolute;
	}
	#HeaderW.dark { 	background: none}
	
	#Header {
		position: relative;
		margin: 0 auto;
	}

	#Header h1 {
		margin: 0; width: 100%;
		position: absolute; top: 10px; left: 0; z-index: 5000;
	}
	#Header h1 a {display: block; margin: 0 auto; width: 280px; position: relative;}
	#page-home #Header h1 a {width: 324px; }
	#Header h1 a img{ width: 100%; position: absolute; z-index: 1000; }
		

		
	#Nav{ position: fixed; top: 0; right: 0; width: 250px; height: 80px; z-index: 5001;}
	#Nav.open{ width: 25%; height: 100%; z-index: 5001;}
	
	#UpperNav{ position: absolute; z-index: 5001}
	
	#NavIco{ 
		display: block; position: absolute; z-index: 5001; height: 70px; width: 70px; right: 0;
		background: rgba(33,59,149, 0.9) url(zims/buttons/minimenu-w.png) no-repeat center; border: none;
	}
	#NavIco span{ position: absolute; right: 80px; line-height: 1em; top: 22px; text-transform: uppercase; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); text-align: right; }
	#NavIco.active{ background: rgba(255,255,255, 0.9) url(zims/buttons/minimenu-ico.png) no-repeat center;  }
	

	
	
	#Menu{ position: absolute; z-index: 5000; display: none;
		background: rgba(33,59,149,0.8) url(zims/frontend/texture-menu.png) no-repeat top right;  width: 100%; height: 100%;
	}

	#MenuLogo{ position: absolute; top: 42%; left: 10px;}
	
	#MainMenu{ width: 100%;  padding-top: 100px; }
	#MainMenu > li{ font-size: 1.3em; margin-bottom: 5px; letter-spacing: 0; text-align: left;  margin-bottom: 20px; line-height: 0 !important; }
	#MainMenu > li a{ text-transform: uppercase; font-family: 'Rajdhani', sans-serif; color: #fff; background: url(zims/frontend/main-menu-line.png) no-repeat left 10px; padding-left: 62px; display: inline-block; line-height: 1em;    }

	
	#MainMenu a:hover{ text-decoration: underline;  }
	
	
	
	

	
	
	#SubMenuW{ margin-bottom: 50px; position: relative; z-index: 100; top: -2px; }
	#SubMenuW.nomargin{margin-bottom: 0; }
	#SubMenuW ul.submenu{  background: #f3f3f3; width: 100%; display: table; text-align: center; /*border-bottom: 1px solid #666;*/ }
	#SubMenuW.colormenu ul.submenu{  background: #213b95; }
	#SubMenuW ul.submenu li{ display: inline-block; padding: 0 30px; border-right: 1px solid #333; }
	#SubMenuW ul.submenu li a { display: block; padding: 10px 0; color: #000; text-transform: uppercase; font-family: 'Rajdhani', sans-serif; font-size: 1.2em; }
	#SubMenuW ul.submenu li:last-child{ border-right:none }
	#SubMenuW ul.submenu li.current{ background: #fff;  }
	#SubMenuW ul.submenu li.current a{  color: #000; }
	
	#SubMenuW ul.submenu li.logoutBTN { padding: 0 15px; background:#000000; margin-left:-3px; }
	#SubMenuW ul.submenu li.logoutBTN a {  }
	#SubMenuW ul.submenu li.logoutBTN a i { font-size:1.5em;  }

	#SubMenuW ul.subsubmenu{  background: #fff; width: 100%; display: table; text-align: center; }
	#SubMenuW ul.subsubmenu li{ display: inline-block; margin-right: 30px;  padding: 10px 0; }
	#SubMenuW ul.subsubmenu li:last-child{ margin-right: 0; }
	#SubMenuW ul.subsubmenu li a { display: block;  color: #000; text-transform: uppercase; border-right: 1px solid #666; padding-right: 30px;}
	#SubMenuW ul.subsubmenu li:last-child a{  padding-right: 0; border-right:none }
	#SubMenuW ul.subsubmenu li a:hover, #SubMenuW ul.subsubmenu li a.current{ text-decoration: underline; }
	
	
	
	
	@media(max-width:1320px) {
		
		
	}
	
	
	
	#Footer{ background: #f3f3f3; clear: both; width: 100%; padding: 0 2.5% 6px; overflow: auto; }
	#page-home #Footer{ position: absolute !important; bottom: 0 ; z-index: 5002; bottom: -2px; }


	#FooterLinks{ padding-top: 15px; margin: 0;}
	#FooterLinks a{ text-transform: uppercase; margin-right: 20px;}
			
	
	#LangLinks{ height: 30px;float: left; display: inline; padding-top: 18px;}
	#LangLinks li{ height: 20px; float: left; margin-right: 5px;} 
	#LangLinks li a{ display: block; height: 100%; background-position: left center; background-repeat:no-repeat; padding: 0 0 0 30px; text-indent: -999px; overflow: hidden;  }
	/*#LangLinks li.active { display: none;}*/
	#LangLinks li a:hover{ border: none; }
	#FrLink{ background-image: url(zims/frontend/fr.jpg); } 
	#EnLink{ background-image: url(zims/frontend/en.jpg); }
	
	
	
	#Socials{ margin: 0 25px 0 25%; padding-top: 15px;}
	#Socials li{display: inline-block; margin-right: 8px;}
	#Socials li a{line-height: 1em;}
	#Socials li a i{ font-size: 1.8em;}
	#Socials a#YoutubeLink i{ color: #e12b26; font-size:2.3em; position: relative; top: -4px; }
	#Socials a#LinkedInLink i{ color: #0177b5; position: relative; top: -6px;}
	
	
	#Credits{  font-size: 0.8em; color: #666; line-height: 1.4em; letter-spacing: 0; padding-top: 20px }
	#Credits a{  color: #777;}

	#ISO{ float: right; display: block; }
	
	
	
	#FooterMenu{ clear: both; padding-top: 5px; }
	#FooterMenu li { display: inline; float: left; margin-right: 10px; }
	#FooterMenu li  a{ font-size: 1em; font-family: 'Rajdhani', sans-serif; border-right: 1px solid #666; padding-right: 10px;}
	#FooterMenu li:last-child  a{ border-right: none; padding-right: 10px;}
	
	
	/*
	
	#ContactLink{ text-transform: uppercase; font-family: 'Rajdhani', sans-serif; font-size: 1em; color: #666; float: left; display: inline; }

	
	#Links{ width: 100%; display: table; text-align: center;  }
	#Links li{ display: inline-block; margin: 0 4%; }

	

	
	
	*/
		
		
		
		
		
		
		
/* Content */

	#ContentW, #Content { min-height: 800px;}
	#Content { }
	#Content { padding: 0; /*background: url(zims/frontend/bg-vitrail.png) no-repeat center; background-attachment: fixed; background-size:cover;*/}
	#Content h2:first-child { margin-top: 0;}
	
	#SpecialAnnounce{ display: none;}
	
	#VideoW {
		box-sizing: border-box;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -1;
		background: #efefef;
	}
	.video-js, video{ background: #efefef; }
	
	
	#page-about #Content{ padding-bottom: 50px;}
 	

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	/*#page-home{ overflow: scroll; }*/
 	#page-home{ overflow: hidden; }
	#page-home #HeaderW { 	
		position: fixed;
	}
	#page-home #ContentW, #page-home  #Content { height: 100.05%}
	
	
	#HomeLogo{ width: 100%; top: 20%; opacity: 0;}
	#HomeLogo h2{ text-align: center; font-size: 2em; }
	#HomeLogo h2 img{ position: relative; left: -30px;}
	
	
	#HomeNewsLink{
		-moz-transition: margin-right 0.2s ease-in-out;
		-webkit-transition: margin-right 0.2s ease-in-out;
		-o-transition: margin-right 0.2s ease-in-out;
		-ms-transition: margin-right 0.2s ease-in-out;
		transition: margin-right 0.2s ease-in-out;
		margin-right: -6px;
		width: 130px; height: 255px; background: url(zims/frontend/homenews.png) no-repeat right top;
		position: absolute; z-index: 1000; right: -200px; top: 28%; }
	#HomeNewsLink:hover{ margin-right: 0;}
		
	#HomeNewsLink a{ 
		display: block; width: 100%; height: 135px; font-family: 'Rajdhani', sans-serif; color: #000; text-align: center;
		padding: 115px 0 0 10px; font-size: 1.5em; line-height: 1.1em;}
	#HomeNewsLink a strong{ font-size: 1.3em; position: relative; top: 3px; color: #000; }
	
	
	#BigLauchButton{ display: block; position: absolute; height: 100%; width: 100%; text-align: center; padding-top: 18%; z-index: 200; }
	#BigLauchButton a{ 
		display: inline-block; width: 90px; height: 90px; color: #fff; text-align: center;  font-size: 3em; cursor: pointer;
		border: 2px solid #fff;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;}
	#BigLauchButton a i{ margin: 22px 0 0 7px; }
	
	/*
	OLD Home
	
	
	#page-home .halfPanelR h2 { text-align: right;}
	
	.miniZimLinkW{text-align: center; width: 100%; padding-top: 2%; }
	.miniZimLinkW.singlerow{ padding-top: 10%;}
	.miniZimLinkW li{ display: inline; float: left; width: 30%; margin-right: 5% }
	.miniZimLinkW li:nth-child(3), .miniZimLinkW li:nth-child(6){  margin-right: 0;}
	
	
	.miniZimLinkW.singlerow li:nth-child(2){ margin-top: 12%;}
	.miniZimLinkW.singlerow li:nth-child(3){ margin-top: 24%;}
	
	.miniZimLink{ display: inline-block; font-size: 1.3em; text-transform: uppercase; width: 100%;}
	.miniZimLink img{ 
		display: block; vertical-align: top; margin: 0;  width: 100%;
		border: 3px solid rgba(255,255,255,0);
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition:  border-color 0.2s ease-in-out;
		-o-transition:  border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;		
	}
		
	.miniZimLink span{ 
		display: inline-block; width: 100%; 
		margin: 15px 0;
		border-top: 1px solid #fff; padding: 15px 0; text-align: center;}
	
	.miniZimLink:hover img { border-color: rgba(255,255,255,1); }
	
	
	
	
	
	#MolitorPanel, .molitorColor{ background-color: #3a4382;}
	
	#HotelPanel{ background-color: #583c37; }
	
	#RestoPanel{ background-color: #621d1a; }
	
	#BienetrePanel{ background-color: #213b95; }
	
	#ReunionPanel{ background-color: #584b49; }
	
	#ArtPanel{ background-color: #ffc010; background-image: url(zims/frontend/bg-vitrail-w-clear.png)}
	
	#PortraitPanel{ background-color: #a1ad44;}
	#PortraitPanel p{ font-size: 0.9em;}
	
	@media(max-height:800px) {
		#PortraitPanel p{ line-height: 1.3em;}
	}*/
	
	#SAContent { width: 500px; height: 500px; display: none; min-width: 500px; margin: 0; overflow: hidden;}
	
	
	.fancyList{ padding: 20px; border-bottom: 15px solid  #213b95; }
	.fancyList h3{ font-size: 2.5em; color: #213b95; font-weight: 600; text-align: center; }
	.fancyList li{ margin-bottom: 15px; text-align: center;}
	.fancyList li a{font-size: 1.5em;}
	
	
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * WORLDMAP * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	#WorldMapW{ width: 1197px; margin: 0 auto; position: relative; min-height: 600px}
	@media(max-width:1120px) {
		#WorldMapW{ left: -100px;}
	}
	
	#WorldMap area, #Markers{ position: relative; }
	#WorldMap area{ z-index: 100; }
	#Markers{ z-index: 0;}

	
	.mapMarker{ position: absolute; display: block;  z-index: 1; opacity: 0;}
	#Marker-region-nam{ top: 200px; left: 220px;}
	#Marker-region-sam{ top: 365px; left: 365px;}
	#Marker-region-eur{ top: 170px; left: 600px;}
	#Marker-region-afr{ top: 295px; left: 610px;}
	#Marker-region-mid{ top: 230px; left: 690px;}
	#Marker-region-asi{ top: 230px; left: 900px;}
	#Marker-region-aus{ top: 445px; left: 1000px;}
	
	
	#RegionsW{ min-height: 200px;}
	#RegionW{display: none;}
	
	.region{ clear: both; /*display: none;*/ margin-bottom: 50px;}
	.region li{ margin-bottom: 30px; min-height: 150px;  }
	.region li p.zimW{ min-height: 150px; position: relative }
	.region li p.zimW .zimWW{ display: block; margin: 0 auto; width: 100%; position: absolute; bottom: 0; text-align: center;}
	.region li p.zimW .zimWW img{  }
	.region h4{ text-align: center; margin: 0; font-size: 1.2em; font-weight: 600; line-height: 1.2em; border-top: 1px solid #213b95; padding-top: 8px;}
	.region p{ text-align: center; line-height: 1.2em; font-size: 0.9em;}
	
	.region .autocenterlist { width: 80%; margin: 0 auto; }
	.region .autocenterlist > li{ width: 15%; margin-right: 1.5%}
	.region .autocenterlist > li:nth-child(6n){ margin-right: 0; }
	.region .autocenterlist > li:nth-child(6n+1){ clear: left; }
	.region li img.colZim{display: block; max-width: 70%; margin: 0 auto; max-height: 150px; width: auto;}
	
	@media(max-width:1650px) {
		.region .autocenterlist { width: 85%; }
		.region .autocenterlist > li{ width: 18%; margin-right: 1.5%}
	}
	
	@media(max-width:1400px) {
		.region .autocenterlist { width: 95%; }
		.region .autocenterlist > li{ width: 23%; margin-right: 1.5%}
	}
	@media(max-width:1023px) {
		.region .autocenterlist { width: 95%; }
		.region .autocenterlist > li{ width: 31%; margin-right: 1.5%}
	}
	@media(max-width:750px) {
		.region .autocenterlist > li{ width: 48%; margin-right: 1.5%}
	}
	
	
	.teamLegend{ display: block; text-align: center; font-style: italic; color: #213b95;}
	
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * SEGMENTATION * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	

	.benefits{ }
	.benefits li{font-size: 1.2em; line-height: 1.2em; margin-bottom: 15px; }
	.benefits li .bull i{font-size: 1.2em; color: #213b95; }
	
	
	#Products{}
	#Products li{}
	#Products li h3{ font-weight: 600; color: #213b95; font-size: 2.2em; margin-bottom: 10px; line-height: 1em;}
	#Products li h4{ font-size: 1.5em;}
	
	
	#Clients{ }
	#Clients li{ margin-bottom: 30px;}
	#Clients h3{ text-align: center; margin: 0; font-size: 1.2em; font-weight: 600; line-height: 1.2em; border-top: 1px solid #213b95; padding-top: 8px;}
	#Clients p{ text-align: center; line-height: 1.4em;}
	
	
	
	#ClubBtns{}
	#ClubBtns li a { display: block; position: relative; text-align:center; }
	#ClubBtns li a span.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
	#ClubBtns li a span.vcenterer{ display: table; height: 100%; width: 100%; }
	#ClubBtns li a span.vcenterer span{ display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 2em; text-transform: uppercase; line-height: 1.1em;}
	#ClubBtns li a:hover span.vcenterer span{ text-decoration: underline;}
	
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * NEWS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
	#ActusList{ margin: 40px auto;}
	
	#ActusList li:nth-child(3n+1){ clear: left; }
	
	
	.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: 100%;}
	
	
	.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);
		
		
	}
	.chrome .actu-listItemOverlay { width: 93%; height: 100%;}
	/*.actu a:hover .actu-listItemOverlay { padding: 0; width: 100%; height: 100%}*/
	
	.actu-listItemTitle{
		
		font-size: 1.3em;
		line-height: 1.4em;
		margin: 0; color: #fff;
		height: 100%;
		width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		padding: 10px;
		border: 1px solid #000;
		
	}
	.actu a:hover .actu-listItemTitle { border: 1px solid #fff;}	
	
	.actu-listItemSubtitle{ 
		font-size: 0.5em;
		display: inline-block; 
		margin-top: 20px; border-top: 1px solid #fff;
		line-height: 1.2em; padding-top: 10px;
	}
	
	
	
	/* LISTE AVEC EFFETS */
	/*
	.actu{ position: relative; margin-bottom: 10px;}
	.actu h3{ margin: 0; height: 100%; position: relative;}
	.actu a { display: block; vertical-align: top;}
	.actu a img{ 
		width: 100%;
		-moz-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
		-webkit-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
		-o-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
		-ms-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
		transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
	}
	.actu a:hover img { padding: 4%; width: 92%}
	
	
	.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.6);
		-moz-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		-webkit-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		-o-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		-ms-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		
	}
	.chrome .actu-listItemOverlay { width: 93%; height: 100%;}
	.actu a:hover .actu-listItemOverlay { padding: 0; width: 100%; height: 100%}
	
	.actu-listItemTitle{
		border: 1px solid #fff;
		font-size: 1.3em;
		line-height: 1.4em;
		margin: 0; color: #fff;
		height: 100%;
		width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		padding: 10px;
		-moz-transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		-webkit-transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		-o-transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		-ms-transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		
	}
	.actu a:hover .actu-listItemTitle { border-width: 13px; border-color: #ccc;}	
	
	.actu-listItemSubtitle{ 
		font-size: 0.5em;
		display: inline-block; 
		margin-top: 20px; border-top: 1px solid #fff;
		line-height: 1.2em; padding-top: 10px;
	}*/
	
	
	
	
	.backLink{ display: block; margin-top: 15px; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0;}
	
	
	.actuSubtitle{ background: #213b95; 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;} 
	.actuFooterW { margin-top: 20px;}
	

	
	.newsGalPagi{  position: relative; margin-top: 5px;}
	.newsGalArrow{ position:absolute; font-size: 1.8em; color: #213b95; 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: #213b95 }
	/*.newsGalW.carousel-prev{ left: 10px; }	
	.newsGalW.carousel-next{ right: 10px; background-position: right center;}	*/
	
	
	/*#FilterNews { padding-top:1.5em;  }
	#FilterNews  li  { display:inline-block; margin-bottom:0.5em; margin-right:0.4em;   }
	#FilterNews  li a  { background:#000000; color:#ffffff; text-transform:uppercase; padding:0.5em 1em;  display:block;  }
	#FilterNews  li a.current { background:#cccccc; color:#000000; }*/
	
	.linkedin{ background: #0073B1; color: #fff;}


	
	
	
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  CARRIERE * * * * * * * * * * * * * * * * * * * * * * * */
	
	#page-espace-candidats #ContentW {
	    clear: both;
	}

	#page-espace-candidats #OffresListLink, #page-espace-candidats #CVLink {
		font-size: 1.2em;
		background: #002D5D;
		border-color: #002D5D;
	}
	
	#candidateLinks {display: flex; justify-content: space-between;  padding: 0 25px;}
	
	#page-espace-candidats .button{
		color: #fff;
		cursor: pointer;
		font-weight: 600;
		letter-spacing: 1px;
		padding: 0.5em 1.2em;
		line-height: 1.5em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		background: #A70E2E;
		border: solid 1px #A70E2E;
	}
	
	#page-espace-candidats .button:hover {
		background-color: #fff;
		color: #000 !important;
	}

	#page-espace-candidats #EspaceContact a {
		display: inline-block;
		font-size: 1.4em;
	}
	
	#page-espace-candidats #EspaceLinks {
		display: flex;
		justify-content: space-around;
		font-size: 0.8em;
	}

	#page-espace-candidats #ZoomHalfBanner h2{ margin-top: 50px !important;}

	#page-espace-candidats .paragraphPageW{text-align: center;}
		
	#OffresListLink:hover, #CVLink:hover{ background-color: #fff !important; color: #000;}
	#OffresListLink:hover {color: #354D9E !important;}
	#CVLink:hover{color: #36A7E8 !important;}
	#ListeOffresE { overflow:auto; }
	#ListeOffresE li { border-top: 1px solid #aaa;  line-height:70px;  clear:both; padding-bottom:20px; }
	#ListeOffresE li:first-child { border:none; }
	#ListeOffresE li img {  float:left;  line-height:70px; margin-right:26px;  }
	#ListeOffresE li h4 { width:75% !important; font-size:1.2em;  height:70px; width:auto; color:#000000; display:block;  float:left;  padding-top:10px; margin: 0; }
	#ListeOffresE li h4 strong {  font-weight:700; color:#002D5D; font-size:1.2em;  }
	#ListeOffresE li h4 span  { font-style:italic; display: block;  }
	#ListeOffresE li a {  background: #002D5D; color:#ffffff;  padding:8px; }

	p.offreDate { margin-top:-18px; text-align:center; font-style:italic;  font-size:0.9em; }

	.bordersepar { border-top: 1px solid #aaa; padding-top: 20px; margin-top: 20px;}
	p.backLinkW { text-align:right; }
	.backLink:hover {color: #002D5D;}
	h3.intitulePoste { text-align:center; background: #002D5D; font-weight:600; color:#ffffff; font-size:1.8em; margin-top:1.2em;  }
	.offreEmploi .paragraphe h3 {  color: #002D5D; }
	.paragraphe p img.logoEntreprise { float:left; margin-right:26px; height:50px; }

	#page-espace-candidats .content-page-offres {

		text-align: justify;
		margin: 0 auto;
		min-height: 300px;
		padding: 20px 0;
		position: relative;
		overflow: auto;}

	#page-espace-candidats .sidemargin {margin-left: 25%; margin-right: 25%;}

	#page-espace-candidats .offreEmploi {text-align: justify;}

	#page-espace-candidats .paragraphe {
		background: #F3F3F3;
		padding: 20px 10px 10px;
		margin-top: 20px;
	}

	#page-espace-candidats .paragraphe h3{margin-top: 0; font-weight: 600; padding: 0 25px;}
	
	#page-espace-candidats .submitButtonApply {text-align: center;}
	
	#page-espace-candidats input {margin: auto;}
	
	#LoiCV {font-size: 0.9em; font-style: italic; margin-top: 50px; margin-bottom: 50px; text-align: justify;}
	
	#page-espace-candidats input[type="text"],
	#page-espace-candidats input[type="password"],
	#page-espace-candidats input[type="email"],
	#page-espace-candidats textarea,
	#page-espace-candidats 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 rgb(0, 45, 93);
		color: inherit;
		display: block;
		padding: 0.5em 0;
		text-indent: 0.25em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		border-right-width: 20px;
		border-right-style: solid;
	}


	#page-espace-candidats input[type="text"],
	#page-espace-candidats input[type="password"],
	#page-espace-candidats input[type="email"] {
		line-height: 1.6em;
	}

	#page-espace-candidats .missingField label, #page-espace-candidats .invalidField label { color:#ec0001; }
	#page-espace-candidats .missingField input, #page-espace-candidats .missingField textarea, #page-espace-candidats .missingField select, #page-espace-candidats .invalidField input, #page-espace-candidats .invalidField textarea, #page-espace-candidats .invalidField select { border-color:#ec0001; }

	#page-espace-candidats .formErrors { margin:0; padding:10px 0 10px 0; }
	#page-espace-candidats .formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#ec0001;}

	#page-espace-candidats input[type="text"]:focus,
	#page-espace-candidats input[type="password"]:focus,
	#page-espace-candidatsinput[type="email"]:focus,
	#page-espace-candidats textarea:focus, select:focus {
		border-color: #A70E2E;
		background: #fff;
	}

	#page-espace-candidats form label { font-size: 1.1em; display: block;}
	#page-espace-candidats select{ margin-left: 0;}

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

	#page-espace-candidats input[type="button"],
	#page-espace-candidats input[type="submit"],
	#page-espace-candidats input[type="reset"],
	#page-espace-candidats .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: #002D5D;
		border: solid 1px #002D5D;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 0.9em;
		font-weight: 600;
		letter-spacing: 1px;
		padding: 0.5em 1.2em;
		line-height: 1.5em;
		font-size: 1.3em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		margin-top: 15px;
	}

	#page-espace-candidats input[type="button"]:hover,
	#page-espace-candidats input[type="submit"]:hover,
	#page-espace-candidats input[type="reset"]:hover,
	#page-espace-candidats .button:hover {
		background: #fff;
		border-color: #002D5D;
		color: #002D5D;
	}
	
	#page-espace-candidats .minibutton {
		display: inline-block;
		font-size: 0.7em;
		font-weight: 600;
		padding: 0.2em 0.8em;
		line-height: 1em;
		margin-top: 0;
	}

	#page-espace-candidats #PostuleFormWrapper fieldset, #page-espace-candidats #FilterFormMainFieldset{width: 100%;}
	#page-espace-candidats #fieldset-LeftCol, #page-espace-candidats #fieldset-MidCol, #page-espace-candidats #fieldset-OffreEmploi, {width: 97.7% ;}
	#page-espace-candidats  #field-prenom, #page-espace-candidats  #field-tel, #page-espace-candidats  #field-secteur {float: right !important;}
	#page-espace-candidats #fieldsList-contrat .fieldsListTitle {margin-top: 10px; margin-bottom: 10px;}
	#page-espace-candidats  #field-motivation {width: 100%;}
	#page-espace-candidats #field-poste {width: 100%;}
	#page-espace-candidats fieldset select {width: 105%;}
	
	#candidatesArea-title, #candidatesArea-offers-title, #candidatesArea-noOffers-title, #candidatesArea-Offers2-title, #candidatesArea-CV-title, #candidatesArea-confirm-title {margin-top: 45px !important;}
	
	#PostuleForm fieldset p, #FilterFormMainFieldset p{  width: 45%; display: inline; float: left; margin-right: 4.5%;}
	#PostuleForm fieldset #field-prenom, #PostuleForm fieldset #field-tel, #PostuleForm fieldset #field-secteur, #PostuleForm fieldset p {margin-right: 0%;}
	
	#PostuleForm fieldset p#field-nom, #PostuleForm fieldset p#field-email, #PostuleForm fieldset p#field-site, #PostuleForm #fieldsList-contrat { margin-right: 0; }
	#PostuleForm #fieldsList-contrat  {width: 45% !important; margin-bottom: 10px;}
	#PostuleForm fieldset p#field-cv, #PostuleForm fieldset p#field-lettre-motiv{  width: 100%; }
	
	#page-espace-candidats #titreRechercheOffres {text-align: left;}
	#FilterFormMainFieldset {margin: auto; text-align: left;}
	#FilterFormMainFieldset p {width: 45%; margin-bottom: 5px;}
	#FilterFormWrapper { margin: 0 auto 30px;}
	#page-espace-candidats #FilterFormMainFieldset #FilterFormSubmit {float: left; font-size: 1em; margin-top: 0px;}
	#page-espace-candidats .FilterReseter { font-size: 1em !important; margin-top: -42px !important; margin-right: 30px; float: right !important;}
	
	#page-espace-candidats .focusW div {margin-bottom: 30px;}
	
	.introCareer {margin-bottom: 50px;}
	
	.noOffre {text-align:center;}
	
	#FilterFormMainFieldset label {display: none !important;}
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	
	#page-contact{}
	
	.g-recaptcha{  display: inline; float: left; }

	/*#FormW{ width: 44%; margin: 0 2% 0 5%}
	#MapW{ width: 44%; margin-right: 5%;}*/
	

	/*.fancyContent{padding: 10px 30px; width: 500px; background-attachment:fixed; }*/

	.fancyContactBox{ width: 800px; }
	.fancyContactBox h2{
	background: #554b60 url(zims/frontend/star-mini.png) no-repeat 97% center; padding: 15px 25px; overflow: hidden; /*text-indent: 2em;*/
	font-size: 3em; line-height: 1.2em; color: #fff; margin: 0; }

	.fancyFormW{ padding: 20px 260px 10px 20px; background : url(zims/frontend/form-deco.jpg) no-repeat right center;  }

	#NewsletterBox{ width: 670px; }

	#ContactForm{ margin: 0; width: 100% }
	#ContactForm fieldset p{  width: 45%; display: inline; float: left; margin-right: 4.5%;}
	
	#ContactForm fieldset  p#field-nom{ clear: left;}
	#ContactForm fieldset p#field-prenom, #ContactForm fieldset p#field-tel
	{ margin-right: 0; }
	
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{  width: 100%; }
	
	#ContactFormButtons{ clear: both;}
/*
	.fieldW{ display: block;}
	
	#NewsletterForm fieldset p{ width: 90% }
	
	#ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-date,
	#ReservForm fieldset p#field-nom, #ReservForm fieldset p#field-email
	{ margin-right: 10%; }
	
	
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ReservForm fieldset p#field-message
	{ width: 90%; }
	
	
	#ReservForm fieldset p#field-repas{ width: 21%; }
	#ReservForm fieldset p#field-arrivee{ width: 25%; }
	#ReservForm fieldset p#field-nbpers{ width: 37%; }

	#ReservForm fieldset p#field-repas{ margin-right: 2%; }
	#ReservForm fieldset p#field-arrivee{ margin-right: 5%; }
	#ReservForm fieldset p#field-arrivee *{ float: right;}
	
	
	#ReservForm fieldset p#field-email{ clear: left;}*/
	
	
	
	
	
	/* #ContactForm fieldset p#field-date,  #ContactForm fieldset p#field-heure, #ContactForm fieldset p#field-nbpers{ width: 30%;}*/

	#message{  height: 100px; }

	/*#date, #heure, #nbpers{  width: 150px; }*/

	/*.formButtons { display: inline; float: left; width: 100%; texta-lign: center;}
	.formButtons input{ padding: 0.5em 2em; line-height: 2em; border-color: #222; color: #222;}
	.formButtons input:hover{ color: #666;}*/

	.legendform { margin: 15px 0;}
	
	
	
	
	
	
	
	
	
	
	


	p#Confirmation{
		font-size: 1.4em; font-style:italic; font-weight: 300; color: #222; line-height:40px; padding: 0 25px; margin: 50px 0 50px; text-align:center;
	}



/*


	#Coords, #Map{ height: 100%; }
	#Coords{  padding: 2% 5%; }


	#Coords p, #Coords h3{  text-align: center; }
	#Coords h2, #Coords h3{  margin-top: 20px; }


	#Map{ width: 100%; height: 100%;}
*/

	#jGMapW {
		width:100%; height:700px; margin:0; border:none;
		background:#fff url(zims/loader/map-loader.gif) no-repeat center;
		padding: 0;
		/*-webkit-perspective: 1000;*/ }
	#jGMapW .geo{ display:none;}
	#jGMap { width:100%; height:100%; }
	
	
	.vcard .tel .type, .vcard .uri { display:none; }
	#jGMap .vcard .hor{ display:none; }
	
	#jGMap .vcard{  padding: 10px 10px 0 10px;  }
	#jGMap .vcard p{ color: #111; line-height: 1.3em; margin: 5px 0; font-size: 1.1em; font-family: 'Open Sans', sans-serif;  }
	#jGMap .vcard p.fn{ 
		margin: 0; 
		border-bottom: 1px solid #333; padding-bottom: 10px; margin: 0 0 10px 0;}
		
	#jGMap .vcard .tel .value{  font-size: 1.1em; }
	
	
	
	/* RESA */
	
	#FancyResaW{ display: none;}
	#FancyResa{ min-height: 450px;}
	#FancyResa h2{ 
	 	background: #222 url(zims/frontend/lafourchette.png) no-repeat 95% center; padding: 25px;
	 	font-size: 2em; color: #fff; margin: 0; text-align:left;}
	#ModuleW{ padding: 25px;}
	

	
	p#BookingErrorW { color:#ff0000; }
	#ResaForm p.textField  { width:25%;  float:left; margin-right:1%; }
	#ResaForm p.selectField  { width:16%;  float:left; margin-right:1%;  }
	#ResaForm p.selectField  select  { width:100%;  }  
	
	#ResaForm  #fieldset-sejour p.textField  { width:140px; }
	#ResaForm  #fieldset-sejour p#field-departure_date { width:280px; }
	#ResaForm p.textField  input.maskedDateField { width:100px; } 
	
	
	#ResaForm  #fieldset-sejour p#field-departure_date span#nightMsgW , #ResaForm  #fieldset-sejour p#field-departure_date input { float:left; }
	#ResaForm  #fieldset-sejour p#field-departure_date label { display:block; float:none; clear:both; width:100%; } 
	#ResaForm  #fieldset-sejour p#field-departure_date span#nightMsgW  {line-height:33px; height:33px; text-indent:8px; }
	
	
	#VisiteCabineForm { padding-bottom:1em; }
	#VisiteCabineForm  p { width:100%; float:none;  }
	#VisiteCabineForm  #VisiteCabineFormButtons { text-align :center; } 
	#VisiteCabineForm  #VisiteCabineFormButtons  input { margin:0 auto;  position:relative;   }
	
	
	#VisiteCabineForm  #fieldsList-visite   { padding-bottom:10px; }
	#VisiteCabineForm  #fieldsList-visite  .fieldsListTitle  { margin-bottom:10px; }
	#VisiteCabineForm  #fieldsList-visite  .fields  { padding-left:20px; }
	#VisiteCabineForm  #fieldsList-visite  .fields .radio-field label { padding-bottom:6px; margin-bottom:6px; border-bottom:1px solid #000000; display:block;  width:90%; }
	#VisiteCabineForm  #fieldsList-visite  .fields .radio-field:last-child label { border:none; }

	
	@media(max-width:1440px) {
		body { font-size: 13px;}
		#MainResaLink{ right: 15px; padding: 7px 20px; }
		.carteCategTitle{ font-size: 3em;}
		.carteCategTitle.longtitle{ font-size: 2.6em; }
		body { font-size: 13px;}
		
	}
	
	@media(max-width:1280px) {
	
		#NavIco span{ opacity: 0; top: -100px; }
		
		
		
	}
	

	
	
	@media(max-width:1024px) {
			
			
		body {  background-position: center 25%; font-size: 15px;}
		.arrowNext, .nomobile{ display: none }
		
		#HeaderW{ height: 130px; background-image: url(zims/frontend/header-overlay-w-mobile.png?c=77);}
		#HeaderW, #Nav{ position: absolute;}
		#Header h1 a{ width: 110px; margin: 0 0 0 10px;}
		
		#page-home #Header h1 a {
			width: 220px;
		}
		
		#Nav{ position: fixed; top: 0; right: 0; width: 50%; height: 80px; z-index: 5001;}
		#Nav.open{ width: 100%; height: 100%; z-index: 5001;}
		

		#Menu{ padding-right: 20px;	}

		
		#SAContent { width: 320px; height: 320px; display: none; min-width: 300px; margin: 0; overflow: hidden;}
		#SAContent img { display: block; width: 100%; }
		
		
	
		#ContentW, #Content {  height: 100%; overflow: auto;}
		
		#FooterLinks a { font-size:  1em; }
		#Socials{ float: right; margin-right: 0;}
		#Credits{ clear: both}
		#FooterMenu{ display: none;}
		
		/*#page-home #Footer {    bottom: -125px; }*/
		
		


		h2.pageTitle{ font-size: 2.4em;}
		h3{ font-size: 1.4em; text-align: left !important;}
		
		.screenZimW{ position: static; height: 300px;}
		.screenZim{ display: block; position: static; width: 100%;}
		
		.screenPanelW, .screenPanel{ position: static;}
		.halfPanel{ width: 100%; padding-top: 20px;  height: auto; background-image: none; }
		.mainTextW{ width: 83%; padding: 20px 0 30px 20px; }
		
		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus, select:focus {
			border-color: #6c5953;
		}
		
		
		#ZoomHalfBanner{ height: 30%;}
		
		
		/* COMMON */
		
		#ZoomHalfBanner h2{ left: 0; right: 0; font-size: 2.3em; text-align: center; bottom: 5px;}
		.ultra { font-size: 3em !important; line-height: 1.1em;}
		
		.centeredlist, .centeredlist85, .centeredlist60, .autocenterlist{ margin-left: 2.5% !important; margin-right: 2.5% !important; width: 95%; }
		
		.centeredlist.col2 > li, .centeredlist.col3 > li, .centeredlist.col4 > li, 
		.autocenterlist.col2 > li, .autocenterlist.col3 > li, .autocenterlist.col4 > li
		{ display: block;	float: none; width: 100% !important; margin: 20px 0 !important;}
		
		.sidepadding{ padding: 0 2.5%;}

		.scrollAppear{ position: relative;}
		.styledMiniList{ padding-left: 5%}
		
		.hoverlink{
			position: static;
			padding: 10px 28px 46px 30px;
			font-size: 1.2em;
		}
		
		img.floatL, img.floatR{ width: 100%;}

		
	
		#SubMenuW ul.submenu li{ border: none}
		#SubMenuW ul.subsubmenu li{ margin-right: 10px; }
		#SubMenuW ul.subsubmenu li a{ padding-right: 12px;}
		
		#SubMenuW ul.submenu li a { font-size: 1.4em; }

		/* HOME */
		
		#page-home #PagesW, .pagehome{ width: 100%; height: 100%;}
		#page-home .screenPanelW, #page-home .screenPanel{ position: absolute;}
		#HomeLogo { z-index: 500; width: 100%;}
		#HomeLogo h2 { width: 90%; margin: 0 5%; text-align: center;}
		#HomeLogo h2 img { width: 100%; left: 0;}
		#page-home { overflow: visible;}
		#page-home #HeaderW{ position: absolute;}
		#page-home #Content {height: 95%}
		#HomePage-1{ position: fixed;}
		
		#page-home #HomeNewsLink{ top: 28% }
		
		#page-home #Content{ background: #ddd url(../media/images/home-mobile.jpg) no-repeat center top; background-size: 100%;}
		
		
	
		
		/* PAGES */
		
		#WorldMapW{ left: 0; width: 750px; min-height: auto;}
		#WorldMapW img{ display: block; width: 100%;}
		#RegionW{ display: block;}
		.region li p.zimW, .region li { min-height: 120px; }
		#RegionW h3{ margin-left: 2.5%; }
		.mapMarker{ opacity: 1;}
		
		#Marker-region-nam{ top: 120px; left: 150px;}
		#Marker-region-sam{ top: 235px; left: 235px;}
		#Marker-region-eur{ top: 90px; left: 350px;}
		#Marker-region-afr{ top: 175px; left: 380px;}
		#Marker-region-mid{ top: 130px; left: 425px;}
		#Marker-region-asi{ top: 130px; left: 550px;}
		#Marker-region-aus{ top: 250px; left: 625px;}
		
		
		#page-products .centeredlist li.scrollAppear, #page-airport .centeredlist li.scrollAppear{ margin-bottom: 50px; border-bottom: 4px solid #bbb;}
		#page-products .centeredlist li.scrollAppear:last-child, #page-airport .centeredlist li.scrollAppear:last-child{ margin-bottom: 30px; border-bottom: none;}
		
		
		
		.bigItemList{ padding-bottom: 15px;}
		
		.chambre-couvLink{ height: 300px;}
		.chambre-details{ width: 90%;}
		.chambre-detailPrestations{ padding-left: 10px; margin-bottom: 10px;}
		.chambre-detailPrestations li{ width: 100%; height: auto; margin-bottom: 8px; float: none;}
		.chambre-detailTitre a.closer{ margin-left: 0;}
		
		.miniGalArrow{ width: 25px; top: 24%; }
		
		.chambre-detailTitre a.button{ margin-left: 0; top: 5px; float: none; }
		
		
		
		#SoinList img.floatL, img.floatR{ width: 40%;}
		
		.heures{ clear: both;}
		.tarifsW{ width: 100%; margin: 0;}
		
		
		#ProfsList li {border-bottom: 5px solid #d9d9d9; }
		
		.paratitleW h3 {
			font-size: 1.7em;		
			padding: 22px 0 22px 90px;
		}
		.activitelist li *{ margin-right: 0; margin-left: 0; }

		.actuSubtitle{ padding: 10px 20px;}
		.actuHeaderW img, .actuFooterW img{ width: 200%; position: relative;  left: -50%; }

		
		#ContactForm fieldset p, #ReservForm fieldset p  { width: 97% !important; margin-right: 0;}
		#ReservForm fieldset p#field-arrivee *{ float: none;}
		
		
		#NewsletterBox{ width: 100%; background: #fff;}
		#NewsletterBox .fancyFormW{ padding: 20px 3%; background: none;}
		#NewsletterBox .fancyFormW form{ width: 95%;}
		
		#jGMapW {
		width:100%; height:400px;  }
		
		#loginBox{ padding: 0; width: 230px}
		#loginBox h2{font-size: 1.7em;}
		#AuthFormW{ width: 100%}
		
		
		.carteCategTitle{  padding: 0 5%; width: 90%;}
		.bigpriceDrink li { width: 100%; margin-right: 0;}
		.carte ul.bigpriceDrink li span.carteItemText{ width: 100%; float: none;}
		
	}
	
	
	
	@media (max-width: 1100px){
		#page-espace-candidats .content-page-offres, #FilterFormWrapper {width: auto;}
	}
	
	@media(max-width:750px) {
		#page-home #Content{ background: #ddd url(../media/images/home-mobile.jpg) no-repeat center top; background-size: auto 80%;}
		
		#WorldMapW{ left: 0; width: 100%; min-height: auto;}
		#WorldMapW #ImageMap, #WorldMapW #ImageMap area, #WorldMapW #Markers{ display: none;}
		#WorldMapW img{ display: block; width: 100%;}
		#RegionW{ display: block;}
		.region li p.zimW, .region li { min-height: 120px; }
		#RegionW h3{ margin-left: 2.5%; }
	}
	
	@media(max-width:500px) {
		#page-espace-candidats #candidateLinks a {font-size: 0.7em; padding-left: 10px; padding-right: 10px;}
		#PostuleForm fieldset p, #FilterFormMainFieldset p {width: 95% !important; margin-right: 0px;}
		#page-espace-candidats #field-prenom, #page-espace-candidats #field-tel, #page-espace-candidats #field-secteur {float: none !important;}
		#PostuleForm fieldset p, #FilterFormMainFieldset p {display: inherit;}
		#PostuleForm {margin: auto;}
		#page-espace-candidats .sidemargin {margin: 20px;}
		#page-espace-candidats #FilterFormMainFieldset #FilterFormSubmit  {font-size: 0.8em ; margin: auto; clear: left; margin-bottom: 5px;}
		#ListeOffresE li a {margin-right: -10px;}
		#ListeOffresE li h4 { width: 70% !important; text-align: left; font-size: 1.1em;}
		#page-espace-candidats .FilterReseter {
			position: initial !important;
			font-size: 0.8em !important;
			margin-top: -37px !important;
		}
		#page-espace-candidats .focusW div {margin-bottom: 30px;}
		.intitulePoste { text-align:center !important; padding: 10px;}
		#page-espace-candidats #EspaceLinks {display: initial; text-align:center;}
		#page-espace-candidats #EspaceLinks a{ width: 89%;}
	}