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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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

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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500;700&display=swap');


/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; height: 100%;}
	body { 
		font-size:14px; background-color: #eef3f6;
		color: #05172e;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
		overflow-y: scroll;
	}


	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: #aaa;
		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: #000;
		text-decoration: none;
	}

	a img { border:0; }

	strong, b {font-weight: 500;	}
	.chrome strong, b {font-weight: 600;	}

	p, ol, dl, table, blockquote {
		margin: 0 0 2em 0; margin: 0 1em 2em 0; 
		line-height: 1.4em; font-family: 'Montserrat', sans-serif;
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1em;
		margin-bottom: 1em;
	}
	
	.hlt-800 h2, .lt-1250 h2{ margin-bottom: 0.5em; }

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

	h1{
		font-size: 3.5em;
	}
	
	h2 {
		font-size: 1.5em;
		text-transform:uppercase; 
	}

	h3 {
		font-size: 1.2em;
	}

	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 strong{ font-family: 'Montserrat', sans-serif; font-size: 1.5em;}*/
	
	
	
/* ################################################################################################################																		     *                                                                      							
														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"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	input[type="datetime"],
	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: none;
		color: #222;
		display: block;
		padding: 0.4em 0 0.4em 0.75em ;
		text-decoration: none;
		outline: 0;
		line-height: 1.5em;
		
		width: 90%;
		margin: 0px;
		font-size: 0.9em;
		border-bottom: 1px solid #05172e;
		letter-spacing: 2px;
		margin: 26px 10px;
	}
	

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	input[type="datetime"] {
		line-height: 1.2em;
	}
	
	label { color:#05172e; font-size: 1em;  text-transform:uppercase; line-height: 1em; text-align: left;}
	
	.missingField label, .invalidField label { color:#ec0001; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }
	
	.formErrors { margin:0; padding:10px 0 10px 0; text-align:center;}
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#ec0001; font-weight: 600;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="number"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	textarea:focus {
		border-color: #555555;
	}
	
	fieldset{ border: none; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	.textField, .emailField, .telField, .numberField, .dateField, .datetimeField, .textareaField  { margin: 0 0 10px 0; /*text-align: left;*/display:inline-block;}
	

/* Button */

	.buttonW{}
	.buttonW.centered{ text-align:center;}
	
	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: 2px;
		padding: 0.2em 2em;
		line-height: 1.5em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: auto;
		margin-bottom: 8px;
		
		
	}

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover {
		background: #fff;
		color: #000;
		
	}
	
	
	form select {
		
		padding: 4px;
		margin: 26px 10px;
		background: transparent;
		border: unset;
			border-bottom-color: unset;
			border-bottom-style: unset;
			border-bottom-width: unset;
		font-size: 0.9em;
		color: #05172e;
		letter-spacing: 2px;
		border-bottom: 1px solid #000000;
		text-transform: uppercase;
		
	}

		
	
/* Google Map / Vcard */




/* Specials */


	 /**
	 * Floating elems
	 */
	.float	{display:inline; float:left;}
	.floatR	{float:right;}
	/**
	 * Away elems
	 */

	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	 /**
	 * WRAPPERS 70%
	 */
	.focus
	{  margin:0 auto; width: 80%; }
	
	/**
	 * 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;
	}
	
	.overText{text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
	
	.centered{ text-align: center;}
	
	.clear{ clear: both;}
	
	
	@-webkit-keyframes arrow-jump{0%{opacity:1}50%{opacity:1;-webkit-transform:translateY(111px);-moz-transform:translateY(111px);-0-transform:translateY(111px);transform:translateY(111px)}100%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-0-transform:translateY(0px);transform:translateY(0px)}}
	@-webkit-keyframes arrow-jump-line{0%{opacity:1;height:0}50%{opacity:1;height:111px}100%{opacity:1;height:0}}
	
	.scroll-section {
		position: absolute;
		z-index: 50;
		text-align: center;
		bottom: 150px;
		left: 20px;
		width: 30px;
	}   
	
	.scroll-section a {transition: all ease .5s; }
	.scroll-section a:after {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 7px;
		height: 7px;
		background: #fff;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		content: "";
		-webkit-animation: arrow-jump 5s infinite;
		-moz-animation: arrow-jump 5s infinite;
		-o-animation: arrow-jump 5s infinite;
		animation: arrow-jump 5s infinite;
		top: 100%;
	}
	.relative-block {	position: relative;}
	.scroll-section span {
		writing-mode: tb-rl;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 3px;
		color: #fff;
		text-transform: uppercase;
	}
	.scroll-section a:after, .scroll-section:after {left: 1px;}

	.scroll-section a:after {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 7px;
		height: 7px;
		background: #fff;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		content: "";
		-webkit-animation: arrow-jump 5s infinite;
		-moz-animation: arrow-jump 5s infinite;
		-o-animation: arrow-jump 5s infinite;
		animation: arrow-jump 5s infinite;
		top: 100%;
	}

	.scroll-section:after {
		-webkit-animation: arrow-jump-line 5s infinite;
		-moz-animation: arrow-jump-line 5s infinite;
		-o-animation: arrow-jump-line 5s infinite;
		animation: arrow-jump-line 5s infinite;
	}
	.scroll-section:after {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 1px;
		height: 111px;
		background: #fff;
		content: "";
		top: 100%;
	}
	
	.white .scroll-section a:after, .white .scroll-section span, .white .scroll-section:after{ background: #000;}
	
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/

	.sfont {   }
	
	
	.vcard p { margin:0; padding:0; }
	.vcard .tel .type, .vcard .geo, .vcard .uri { display:none; }	
	
	.colzim{ display: block; width: 100%;}
	
	a.specialAnnounce { display:none !important;  } 
	
	
	.away{ position: relative; opacity: 0;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}


	.big{ font-size: 1.5em !important }
	.super { font-size: 2em !important }
	.mega { font-size: 2.8em !important }
	.ultra { font-size: 4em !important }
	
	
	.centeredlist{  
		display: table; width: 100%;/* text-align: center; */clear: both; 
		margin-left: 0%!important; margin-right: 0%!important; 
		width: 100%; padding-top: 20px;}
	.centeredlist:first-child{ padding-top: 0;}	
	
		
	.centeredlist75{  margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%}

	.centeredlist > li{ display: inline-block; vertical-align: top; position: relative;}
	.centeredlist > li{ width: 45.5%; }
	
	.centeredlist > li.col30{ width:30%; margin: 0 1.5% 20px; }
	

	.bigmargin { margin: 50px 0; }
	.megamargin { margin: 100px 0; }

	.nomargintop{ margin-top: 0; padding-top: 0;}
	.titlepadding{ padding-top: 95px;}
	.titlepaddingmini{ padding-top: 45px;}
	.titlepaddingmadium{ padding-top: 150px;}
	.titlepaddingbig{ padding-top: 200px;}
	
	#OverlayLoad{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #f2f2f2 url(zims/loader/loader.gif) no-repeat center 49%; }
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
	
    /* HEADER */

	
	#Header { position: fixed; top: 0; width: 100%; z-index: 1000; height: 110px;  overflow: hidden; }
	#HeaderBg { position: absolute; width: 100%; height: 80px; top: 0; left: 0; opacity: 0; transition: all 0.3s; background: #fff; }
	.scrolled #HeaderBg{ opacity: 1;  }
	
	#page-home #Header { background: url(zims/frontend/header-repeat.png) repeat-x center top;  }
	#page-home #HeaderBg { display: none !important; }

	
	/*.scrolled .headerBG { background: #fff; border-bottom: 1px solid #000; }*/

	#Header.deploy  { height: 100%;} 
	.deploy .headerBG { background: none; } 
	
	#HomeLinkW { 
		position: relative; z-index: 1001; margin: 0; text-align: center; position: absolute; 
		height: 1px; top: 0; left: 0; width: 100%; padding-top: 15px;}
	#HomeLinkW a{ display: inline-block; }
	
	#HomeLinkW a img{ width: 242px; 
		-moz-transition: width 0.2s ease-in-out;
		-webkit-transition: width 0.2s ease-in-out;
		-o-transition: width 0.2s ease-in-out;
		-ms-transition: width 0.2s ease-in-out;
		transition: width 0.2s ease-in-out;
		image-rendering:   -o-crisp-edges;         /* Opera */
		image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */		}
		
	/*.scrolled #HomeLinkW a img {width: 72px; }*/	
	.scrolled #HomeLinkW a img{ width: 150px; }
	
	
	#LOGO{ display: none;}
	#page-home #LOGOB{ display: none;}
	#page-home #LOGO{ display: block;}
	
	.deploy #LOGOB{ display: block !important;}
	.deploy #LOGO{ display: none !important;}
	
	#page-home #LOGO{ /*display: none;*/}
	

/* MAIN MENU */

	#Nav{ position: absolute; top: 0; width: 100%; height: auto; z-index: 1000;}
	.deploy  #Nav{ height: 100%;} 
	/*#UpperNav{ position: absolute; z-index: 5010; height: 70px; width: 100%; }*/
	
	#UpperMenu{ width: 100%;  display: flex;  flex-direction: column;  flex-wrap: wrap; position: relative; z-index: 101; }
	#UpperMenu ul{ width: 40%; height: 40px; position: absolute; top: 0; margin-top: 17px;  }
	#UpperMenu ul#LeftUpperMenu{ left: 0; padding-left: 5%;	}
	#UpperMenu ul#RightUpperMenu{ right: 0; padding-right: 11%;	}

	#UpperMenu ul li{ display: inline-block; float: left; margin: -25px 0 0 0; padding-top: 20px;}
	
	#FacebookLink i, #InstaLink i, #LinkedinLink i{ font-size: 1.8em; color: #05172e; }
	#page-home #FacebookLink i, #page-home #InstaLink i, #page-home #LinkedinLink i{ color: #fff }
	.deploy #FacebookLink i, .deploy #InstaLink i, .deploy #LinkedinLink i { color: #05172e !important; }
	
	#UpperMenu ul li a {
		padding: 12px 20px;
		text-align: center;
		cursor: pointer;
		transition: all 0.4s;
		position: relative;
		color: #05172e; text-transform: uppercase; font-size: 1.1em; 
		display: block; 
		font-weight: 400;
	}
	
	#page-home  #UpperMenu ul li a { color: #fff;}
	.deploy #UpperMenu ul li a { color: #05172e !important; }
	
	#UpperMenu ul li a span {transition: all 0.3s;}
		
	#UpperMenu ul li a::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0;
		transition: all 0.3s;
		transform: scale(0.1, 1);
		
	}
	#UpperMenu ul li a::before {border-top-width: 1px;	border-top-style: solid;border-top-color: #05172e;}
	
	#page-home #UpperMenu ul li a::before {border-top-color: #fff;}
		
	#MainMenu > li > a::before {
		border-bottom-color: #05172e;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	
	#page-home #MainMenu > li > a::before {	border-bottom-color: #05172e;}
	
	#UpperMenu ul li a:hover span {	letter-spacing: 2px;}
	
	#UpperMenu ul li a:hover::before {opacity: 1; transform: scale(1, 1); }
	
	#UpperMenu ul li a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		transition: all 0.3s;
	}
	#UpperMenu ul li a:hover::after {opacity: 0; transform: scale(0.1, 1);}
		
	#UpperMenu ul#RightUpperMenu li{ float: right;}
	#UpperMenu ul#RightUpperMenu li#FacebookLink{ margin-top: -30px;}
	#UpperMenu ul#RightUpperMenu li#InstaLink{ margin-top: -30px;}

	#NavAnimW{ 
		background: rgba(255,255,255,0.95); 
		width: 400%; height: 300%; position: absolute; top: -300%; left: -200%;
		transition: transform 1000ms ease-in-out;
	}
	#NavAnimW.deploy{ transform: rotate(-90deg) translate(0, 40%);} 
	#Menu .menuBgZim{ position: absolute; right: 0; top: 0; height: 100%; display: block; opacity: 0;}
	
	#NavIco{ 
		display: block; position: fixed; z-index: 5001; height: 70px; width: 70px;
		right: 0; top: 0; 
		background: url(zims/buttons/minimenu.png) no-repeat center; border: none;	
		transition: none;
	}
	#page-home #NavIco{ 	background-image: url(zims/buttons/minimenu-w.png);	}
	#NavIco.active{ background-image: url(zims/buttons/minimenu-ico.png) !important;  }
	
	#NavIco span {
		position: absolute;
		right: 72px; font-size: 0.8em;
		line-height: 1em;
		top: 30px; color: #05172e;
		text-transform: uppercase;
	}
	#page-home  #NavIco span { color: #fff;}
	.deploy #NavIco span { color: #05172e !important; }
	
	#Menu{ position: fixed; z-index: 100; opacity: 0; overflow: hidden;height: 100%;width: 100%;}
	#MainMenuW{ position: relative; z-index: 10; overflow: auto; padding-top: 150px; margin-bottom: 30px; }
	#MainMenu > li{ text-align: center; margin-bottom: 35px;max-height: 40px;}
		
	#MainMenu > li > a, #MainMenu > li > strong{ 
		font-weight: 300; color: #05172e; font-size: 2.5em; cursor: pointer; text-align: left; 
		display: inline-block; position: relative; padding: 10px 7px; letter-spacing: 4px;
		text-transform: uppercase; transition: all 0.8s;
	}
	
	#MainMenu > li > a:hover{letter-spacing: 6px;  font-size: 3em;}
	#MainMenu-resa-Item, #MainMenu-fb-Item, #MainMenu-insta-Item, #MainMenu-youtube-Item{ display: none;}
	
	#Copyrights{ padding: 0; font-size: 0.8em; line-height: 1.2em; position: absolute; bottom: 0; color: #05172e; z-index: 100; width: 100%; text-align: center; }
	#Copyrights img.mutlogo{ display: block; float: right; margin: 0 0 0 20px; }
	
	#Socials{ padding-left: 7%; margin-top: 40px; }
	#Socials a{ font-size: 2em; color: #fff; margin-right: 30px;}
	
	/* */
	
	#LangsW{ position: absolute; left: 10%; top: 23px; width: 48px; z-index: 5010; padding: 0 7px 20px 7px; }
	#LangsW #LangOpen{ display: block; float: left;  color: #fff; font-size: 1.4em; }
	#LangLinks{ float: right;  }
	#LangLinks li{ text-align: right } 
	#LangLinks li a{ display: inline-block;  width: 22px} 
	#LangLinks li a span{ opacity: 0;} 
	#LangLinks li.disabled{ display: none;} 
	
	#LangLinks li a#FrLink{ background: url(zims/frontend/fr.jpg) no-repeat center;}
	#LangLinks li a#EnLink{ background: url(zims/frontend/en.jpg) no-repeat center;}
	
	.black #LangsW #LangOpen{ color: #000;  }
		
		
		
	/* Content */
	
	/**HOME**/
	
	/**FORM**/
	
	div#HomeSearchW {position: absolute;  top: 68.5%; left: 9%; width: 80%;}
	div#HomeSearchW form select {margin: 33px 10px;}
	div#HomeSearchW form select#type {margin: 26px 10px;}
	div#HomeSearchW form #budget_to {margin: 33px 10px;}
    
	div#SearchFormWrapper { display: flex; justify-content: flex-start; margin: 0 auto;height:100px;}
	
	#page-home div#SearchFormWrapper { width: 90%; }
   
	fieldset#SearchFormMainFieldset {
		display: flex;
		background-color: red;
		width: 100%;
		margin: 0 auto;
		color: #ffffff;
		padding: 31px;
		align-items: center;
		justify-content: space-around;
		background: rgba(255,255,255,0.5);
	}
	fieldset#SearchFormMainFieldset p {margin: 0px;}
	
	#field-security {display: none !important;}
	#SearchFormWrapper fieldset p input {border: unset;padding: 4px;}
	
	#SearchFormWrapper fieldset p select, #SearchFormWrapper fieldset p input {
		padding: 4px;
		background: transparent;
		color: #05172e;
	}
	
	#page-home #SearchFormWrapper fieldset p select, #page-home #SearchFormWrapper fieldset p input { border: unset; }

	#page-home form#SearchForm {
		width: 90%;
		background: rgba(255,255,255,0.8);
		margin: 0 auto;
		padding: 4px 0px;
	}
	#page-home input#budget_to {
		font-size: 1em;
		letter-spacing: 3px;
	}
	#SearchFormWrapper fieldset p input {padding: 4px;width: 88%;border-bottom: 1px solid #05172e;}

	#AnnonceFilter #SearchForm #SearchFormWrapper #SearchFormButtons input{ display:inline-block;padding:8px 40px;width:100%; }

	#page-home #SearchFormWrapper fieldset {
		border-right:1px solid #05172e;
		margin: 0;
		margin: 4px 0px;
		width: 100%;
	}
	
	select#localite {width: 70%;}
	#page-home input#budget_to { text-align: center;}
	#page-home #SearchFormWrapper select#type {margin-right: 45px;font-size: 1.5em;font-weight: 700; }
	#page-home #SearchFormWrapper select#type option {font-size: 0.65em; }
    #page-home #SearchFormButtons{margin: 33px -9px 0px 39px;}
	
	img.plus {
		width: 35%; display: inline !important;)
		vertical-align: sub;
		padding-left: 10px;
	}
	
	.arrowCarousel { position: absolute; top: 32%;  z-index: 1000; text-indent: -999px; overflow: hidden;
		background: url(zims/frontend/pagination-arrows-b.png) no-repeat left center; width: 25px; height: 113px}
	#ListingImmoUnePrev.arrowCarousel { left: -4%; }
	#ListingImmoUneNext.arrowCarousel { right: -4%; background-position: right center; }

	select#type {font-size: 1.8em;letter-spacing: 5px;}
	
	select#type_bien, select#localite, select#budget{/*font-size:1em;letter-spacing:3px;*/}

	#page-annonce .formButtons {text-align: center;width: auto;margin: 40px 0px 30px 50px;}
		
	#page-annonce input#SearchFormSubmit {background:#05172e;color: #ffffff;border:1px solid #05172e;padding: 5px 16px;}
	#page-home input#SearchFormSubmit {background:transparent;color:#05172e;border:1px solid #05172e;padding: 5px 16px;}
	#page-home input#SearchFormSubmit:hover {background:#05172e;color:#ffffff;}
		
	#EstimationFormButtons{margin:10px 0px;}

	input#SearchFormSubmit:hover {color: #ffffff;border:1px solid #05172e;background:#05172e;}
	
	#budget_to::placeholder{color:#05172e;}
	#page-home input#budget_to {text-align:center;border-bottom: none;}
		
	div#EstimationForm, div#EstimationFormW, div#RDVForm, div#RDVFormW {width: 57%; margin: 0 auto; height: auto; }

	#EstimationFormWrapper fieldset p select {
		padding: 4px;
		margin: 26px 10px;
		background: transparent;
		border: unset;
		font-size: 0.9em;
		color: #05172e;
		letter-spacing: 2px;
		border-bottom:1px solid #000000; 
		text-transform:uppercase;
	}
	
	#EstimationFormWrapper fieldset p select > option { text-transform:uppercase; }
	#EstimationFormWrapper fieldset p.missingField select, #EstimationFormWrapper fieldset p.missingField input  { border-bottom:1px solid #ff0000; } 
	
	#BienAlaUne h3{ text-align:center; }
	
	#EstimationFormMainFieldset { margin-top:5px; }
	#EstimationFormMainFieldset p input{ border: none; }

	p#field-adresse { width: 100%; }
	#EstimationFormMainFieldset label{ float: left; }
	#EstimationFormMainFieldset p#field-type_bien, p#field-prenom,p#field-nom{width:25%;display:inline-block;}
	#EstimationFormMainFieldset p#field-tel, p#field-cp {width:25%;}
	#EstimationFormMainFieldset p#field-email {width:69%;}

	#EstimationFormMainFieldset p#field-ville, p#field-email { width:69%; }
	#page-home #EstimationFormButtons{ text-align:right; }

	#EstimationFormMainFieldset p { margin:26px 10px; }
	

	input#EstimationFormSubmit {
		background: #05172e;
		color: #ffffff;
		padding: 8px 66px;
		margin-right: 9%;
	}
	
	p#field-prenom, p#field-nom { width:31%; }
	

	div#EstimationForm, div#EstimationFormW, #RDVForm, div#RDVFormW {
		display: flex;
		flex-direction: row;
		background:#ffffff;
		margin: 48px auto 20px;
		width:75%;
	}

	#EstimationFormW h2, #RDVFormW h2 {
		color: #05172e;
		font-size: 2em;
		letter-spacing: 4px;
		line-height: 46px;
		margin: 60px 5% 0 20px;
		display: block;
		font-weight: 300;
		text-align: left;
		width: 27%; 
	}
	#RdvFormSubmit:hover{color:#fff;background:#05172e;}
	
	div#EstimationFormW::before, div#RDVFormW::before {
		bottom: 0;
		content: "";
		background-color: #05172e;
		width: 7%;
		left: 22%;
		margin-left: -2%;
		margin-top: 3%;
		margin-bottom: 3%;
		z-index: -2;
	}
	
	#EstimationForm p input::placeholder { color:#05172e; }
	#EstimationFormSubmit:hover{background:#ffffff;color:#05172e;}
	div#EstimationForm div:first-child{width:30%;}
	div#EstimationForm div:last-child{width:100%;}
	fieldset#EstimationFormMainFieldset p input {
		width: 90%;
		margin: 0px;
		font-size: 0.9em;
		border-bottom: 1px solid #05172e;
		letter-spacing: 2px;
	}
	
	#RdvForm { padding:40px 0; width:70%; }
	#RdvForm fieldset {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 13px 0;
	}
	
	#RdvForm p { display:block; float:left; padding:1em; }
	#RdvForm p#field-tel{ float:left;width:25%; }
	#RdvFormButtons { clear:both; }
	#RdvForm p#field-date {width:19%;}
	
	div#BlueBlock {
		width: 7%;
		background: #05172e;
		position: absolute;
		height: 400px;
		top: 1;
		left: 250px;
		top: 30px;
		z-index: -5;
	}
	
	div#DemoHome {position: relative;}	
	div#BienAlaUne {margin-top: 5%;position: relative; }
	div#BienAlaUne h3{font-size: 2em;}
	
	
	
	/*************************Bien a la une*************************/
	
	
	#page-home .LiAnnonce:hover{background:#ffffff;}
	ul#UlAnnonce {display: table; text-align: center; width: 100%; align-items: center;justify-content: space-around;}
		
	div#ListingImmoUne {width: 100%;margin: 0 auto;}
	
	
	li.LiAnnonce {margin: 0 1% 20px; width: 31%; display: inline-block; vertical-align: top; }

	#UlAnnonce li .imageCache {
		height: 329px;
		overflow: hidden;
		max-width: 630px;
		background:#333333;
	}
	#UlAnnonce li a {padding: 0;}
	
	#UlAnnonce li .imageCache span {
		display: inline-block;
		height: 223px;
		line-height: 196px;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		width:100%;
	}
	#UlAnnonce li .imageCache span img {
		margin: -100% 0;
		min-height: 100%;
		min-width: 100%;
		vertical-align: middle;
		width: 300px !important;
	}

	#page-home #ListingImmoUne {display: block; text-align: center; width: auto; 
	position: relative; padding-top: 15px; overflow: hidden;}
	
	#page-home ul#UlAnnonce{display: block;  align-items: unset;justify-content: unset; clear: both; 
	padding-top: 15px; overflow: hidden; width: 100%; clear: both;}
	
	#page-home ul#UlAnnonce li{ display: block;  margin-bottom:0; width: 300px;}
	#page-home li.LiAnnonce { margin: 0; width: auto; padding: 10px;}
	#page-home li.LiAnnonce .City {    display: inline-block; }
	
	
	
	
	
	#page-annonce .slider {width:45%; overflow: hidden; height: 360px;display:inline-block;position:relative;}
	#page-home .slider {width:100%; overflow: hidden; height: 320px;}
	
	@media(max-width:1600px) { 
		.slider {height: 260px;}
	}
	
	.slider img { position: relative;}
	.InfoImmo a p:firstchild {display: inline-block;}
	.Price{display:block; text-align: left; clear: left;}
	
	.infoImmoPlus{ display:block; position: absolute; right: 100px; top: 100px; opacity: 0; }
	
	.City {
		display: block;
		margin-bottom: 10px;
		font-size: 1.5em;
		font-weight: 600;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.PicsNb{display:inline-block;margin-bottom:0px;float:right;}
	p.PicsNb i {margin: 7px 0px 7px 7px;font-size: 1.2em; }
	
	#page-annonce div.InfoImmo {
		color: #05172e;
		padding: 0 0 0 25px;
		margin-left: 50px;
		width: 52%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0; right: 0;
		background: #fff;
	}
	#page-home div.InfoImmo {color: #05172e; padding:12px; text-align: left;}
	#page-annonce div.InfoImmo .City { padding-top: 40px;}
	
	.infosBien {
		margin-bottom: 4px;
		font-size: 1.1em;
		font-weight: 500;
		letter-spacing: 1px;
		text-transform:uppercase;
		clear: both;
	}

	p#ToutLesBiens a {
		display: inline-block;
		font-size: 1.2em;
		border: 1px solid #05172e;
		color: #05172e;
		margin: 0 auto;
		text-align: center;
		padding: 10px 39px;
		font-weight: 400;
	}
	p.PicsNb span {font-size: 1.1em;font-weight: 500;}
	
	#page-annonce #Ref {
		padding: 5px;
		background-color: #eef3f6;
		color: rgba(0, 0, 0, 0.25);
		position: absolute;
		font-size: 0.7em;
		font-weight: 900;
		right: 0;
		top: 0;
	}

	p#ToutLesBiens {text-align: center; margin: 55px 0px;}
	#PicsNb i:last-child {font-size: 1.8em;vertical-align: sub;}

	#Content { padding-top:120px;}
	#page-le-restaurant #Content, #page-notre-histoire #Content { padding-top: 0;}
	
	
	/**************************INSTAGRAM*********************************/
	
	div#Insta {width: 80%;margin: 0 auto;}

	/***********************ANNONCES**************************/
	#page-annonce div#SearchFormWrapper {
		display: flex;
		justify-content: flex-start;
		margin: 0 auto;
		height: 170px;
	}

	div#AnnoncePagination {
		text-align: center;
		margin-bottom: 35px;
	}

	#AnnoncePagination a.CurrentPage {color: #05172e;}
	#AnnoncePagination a {
		font-size: 1.5em;
		margin: 0 5px 10px;
		color: #9E9E9E;
		font-weight: 500;
	}

	fieldset#fieldset-Tris {display: none;}
	a#FilterReset {
		text-transform: uppercase;
		color: #05172e;
		padding: 8px 40px;
		background: #ffffff;
		font-size: 0.9em;
		display: table;
		font-weight: 300;
		letter-spacing: 2px;
		font-family: 'Montserrat';
		border:1px solid #05172e;
	}
	span#FilterAnnonceListing select {
		border: none;
		background: transparent;
		color: #05172e;
		font-size: 1em;
		font-family: 'Montserrat';
		font-weight: 600;
		width: auto;
		float: right;
	}

	#page-annonce fieldset#fieldset-type,fieldset#fieldset-Tris{display:none;}

	#page-annonce h2#HomeTitle{
		font-size: 3.2em;
		letter-spacing: 10px;
		color: #05172e;
		text-align:left;
		font-weight:900; text-transform:uppercase; 
		text-indent:1%;
		margin-bottom:25px;
	}
	
	#page-annonce h2#HomeTitle strong { font-weight:700; }
	#page-annonce #LiAnnonceAll:hover{background:#ffffff;}
	div#AnnonceFilter { background: #ffffff; }
	
	.hiddenDiv{display:none;}
	
	li.LiAnnonceAll {
		width: 100%;
		margin: 20px 5px;
		/*display:flex;*/
		background-color: #ffffff;
		position: relative;
	}
	li.LiAnnonceAll a{display: block; padding: 0;}
	li.LiAnnonceAll .slider a{display: inline; }
	li.LiAnnonce p{text-align: left;}
	
	ul#UlAnnonceFilter {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		clear:both;
		width: 100%;
		margin: 0 auto;
	}
	
	#UlAnnonceFilter li .imageCache {
		height: 329px;
		overflow: hidden;
		max-width: 630px;
		background: #333333;
	}
	#UlAnnonceFilter li .imageCache span {
		height: 242px;
		line-height: 196px;
		text-align: center;
		white-space: nowrap;
		width: 100%;
	}
	p.exclu {
		position: absolute;
		left: 10px;
		top: 10px;
		background: #fff;
		display: inline-block;
		text-transform: uppercase;
		padding: 7px;
	}
	#UlAnnonceFilter li .imageCache span img {width: 100%;}
	#page-annonce .InfoImmo{margin:0;}
	#page-annonce .Price { 
		font-size: 1.1em;
		display: block;
		font-weight: 500;
		letter-spacing: 3px;
		border-bottom: 2px solid #eef3f6;
		padding-bottom: 45px;
	}
	.InfoImmo .Price { 
		border-bottom: none !important;
	}
		
	fieldset#fieldset-vente {  display: none;}
	#SearchFormWrapper fieldset p{display:block;}

	#page-annonce input#budget_to{}
	input#budget_from::placeholder{color:#05172e;}
	#page-annonce #fieldset-surface p{margin: 26px 0px 14px 0px!important;}
	#page-annonce #fieldset-npieces p{margin: 26px 0px 14px 0px!important;}
	#page-annonce #SearchFormWrapper fieldset {
		border: none;
		margin: 0;
		padding: 12px 0;
		margin: 4px 10px 4px 0;
		width: 30%;
		border-right: 1px solid #05172e !important;
	}
	
	#page-annonce #fieldset-localite p, #fieldset-type_bien p, #fieldset-type p {border-right: none!important;}
	
	#page-annonce #SearchFormWrapper fieldset p { margin:0; }
	#page-annonce #SearchFormWrapper fieldset p select {
		padding: 4px;
		width: 88%;
		margin: 26px 0 14px 0; 
	}
	
	#page-annonce form#SearchForm{padding:0px;}
	#page-annonce #SearchFormButtons{width:auto;}
	#page-annonce #SearchFormWrapper fieldset p input{text-align:center;}
	#page-annonce #SearchFormWrapper fieldset p input::placeholder{color: #05172e;text-align:center;}
	#page-annonce #SearchFormWrapper fieldset p select::placeholder{color: #05172e;text-align:center;}
	#page-annonce #SearchForm #type_bien{ margin-top: 13px !important}
		
	#ToutLesBiens a:hover{color:#ffffff;background:#05172e;}
	a.decouvrir {
		text-transform: uppercase;
		background: #000000;
		color: #fff;
		font-weight: 500;
		display: block;
		text-align: center;
		margin-top: 43px;
		padding: 8px!important;
		width: 20%;
	}
	a.decouvrir:hover {
		
		background: #05172e;
		
	}
	
	/* LEQUIPE */
	
	div#ListAgents { width: 75%;margin: 0 auto;}
	div#ListAgents ul {
		margin: 0;
		padding: 0;
		flex-wrap: wrap;
		display: flex;
	}
	#ListAgents li {
		list-style-type: none;
		width: 46%;
		background: #ffffff;
		display: flex;
		justify-content: space-around;
		flex-direction: row;
		align-items: center;
		margin:20px 2%;
		height:150px; padding: 15px 0;
	}
	.photoAgent {width: 31%;margin-left: 15px;text-align: center;}
	.photoAgent img {display: -webkit-box;width: 90%;clip-path:ellipse(50% 50%);
		image-rendering:   -o-crisp-edges;         /* Opera */
		image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
	.infoAgent p{margin:0px 0px 0px 14px;font-size:0.8em;margin: 3px 0px 0px 14px;}
	p.agentLikdn {text-align: left; margin-top: 10px;}
	.infoAgent {width: 66%;}

	i.fab.fa-linkedin-in, i.fas.fa-phone-alt, i.fas.fa-envelope{font-size: 1.5em;}
	p.posteAgent {text-transform: uppercase;}
	p.phoneAgent {margin-top: 10px;font-weight: 400;}
	p.nomAgent {text-transform: uppercase;font-weight: 900;font-size: 1.3em;}
	p.nomAgent, p.posteAgent{}
	p.mailAgent{font-weight:400; margin-top: 10px;}

	#page-equipe h2{    
		display: block;
		font-weight: 500;
		text-align: center;
		font-size: 2em;
		letter-spacing: 2px;
	}
	i.fab.fa-linkedin-in {
		font-size: 1.3em;
		clip-path: ellipse(50% 50%);
		color: #ffffff;
		padding: 7px;
		margin-top: 2px;
		background: #05172e;
	}

	/* Footer */
	
	#Footer{ background: url(zims/frontend/footer-bg.png) no-repeat center top; height: 20px; }
	#FooterW i.fas.fa-paper-plane {color: #05172e;} 
  
	div#FooterW #FooterService ul, div#FooterW #FooterPropos ul {border-left: 1px solid black;padding-left: 20px;}
	div#FooterW ul li{text-align:justify; font-size: 0.9em;font-weight:400;}
	div#FooterW #FooterService h4, div#FooterW #FooterPropos h4{text-align:left;font-weight: 600;}
	div#FooterW {
		display: flex;
		justify-content: space-evenly;
		text-align: center;
		align-items: flex-end;
		font-size: 1.3em;
		background: #ffffff;
		padding: 28px 0px 28px 0px;
		margin-top: 3%;
	}
	div#FooterW  p { margin-right: 0; }
	#FLogo{  padding-top: 15px;}
	.SepareLine {border-bottom: 1px solid;width: 10%;margin: 0px 45px 80px 45px;}
		
	div#FooterContact p {
		margin-bottom: 7px;
		text-align: left;
		font-size: 0.9em;
		font-weight: 400;
		display: flex;
		align-items: center;
	}
	#FooterContact .fas.fa-phone-alt{font-size:unset;}	
		
	.animbtn {
		width: 180px;
		height: 26px;
		padding: 5px 0 !important;
		cursor: pointer;
		background: transparent;
		border: 1px solid rgba(255,255,255,0.6);
		outline: none;
		transition: 1s ease-in-out;
		font-size: 0.9em !important; letter-spacing: 2px;
	}

	.animbtn svg {
	    position: absolute;
	    left: 0;
	    top: 0;
	    fill: none;
	    stroke: #fff;
	    stroke-dasharray: 150 480;
	    stroke-dashoffset: 150;
	    transition: 1s ease-in-out;
	}

	.animbtn:hover {transition: 1s ease-in-out;background: rgba(0,0,0,0.5);}
	.animbtn:hover svg {stroke-dashoffset: -480;}
	
	#CountResults {
		text-align: center;
		display: inline-block;
		font-size: 2em;
		font-weight: 400;
		margin: 0 auto;
		width: 100%;
		text-transform:uppercase; letter-spacing:6px;
	}
	#FilterAnnonceListing {
		float: right;
		font-weight: 600;
		display: block;
		font-size: 1em;
		letter-spacing: 3px;
	}
	div#ListingImmoAnnonce { padding-top: 60px;}
	.noAnnonce{ font-size: 1.2em; text-align: center; margin: 100px 0 200px }
	#FooterService h4{margin-top:0px;}


   /* DETAILS ANNONCE */

	
   .colZimW { overflow: hidden; width: 100%;  height: 427px; vertical-align: top;}
   .colZimW img{ position: relative; vertical-align: top; }
   .colZimW.first{ margin-bottom: 17px; }
   
   div#ImmoDetail {
		display: flex;
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
		padding-top: 15px;
	}
	#ImmoDetail img { width: 100%;}
   
	div#RowOneLeft {
		display: inline;
		float: left;
		width: 65%;
		margin-right: 1%;
		overflow: hidden;
		height: 900px;
	}
	
	div#RowOneRight {
		display: inline;
		float: left;
		width: 34%;
		overflow: hidden;
		height: 900px;
	}
	
	div#RowTwo {
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: center;
	}
	
	div#RowTwoLeft {width: 50%;}
	div#RowTwoRight { position:relative; width: 50%;/* border-left: 1px solid #05172E; */ padding-top: 40px; width: 49%;}
	div#RowTwoRight a.nphotos { position:absolute; top:0; right:0; color:#05172e;  display:block; } 
	

	div#TitleAnnonce {
		width: 90%;
		display: flex;
		margin: 0 auto!important;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 0px;
		padding: 0 5%;
		border-bottom: 1px solid #fff;
		background: #ffffff;
	}
	#page-detail #DetailsFormButtons{margin:0;}
	
	#ImmoIcon {
		display: flex;
		justify-content: space-around;
		text-transform: uppercase;
		font-size: 1.8em;
		padding: 20px 0px 20px 0px;
		margin: 0;
		border-bottom: 1px solid #05172E;
	}
	#FraisInfos ul li{list-style-type:square;}
	h2.annoncePriceTitle {font-size: 0.8em;}
	
	#SendMail {
		background: white;
		color: #000000;
		text-align: center;
		display: block;
		width: 85%;
		margin: 0 0 0 15%;
		padding: 10px 0;
		font-size: 1.3em;
		letter-spacing: 5px;
		margin-top: 16px;
		text-decoration: none;
		border: 1px solid #ffffff;
	}
	#ImmoInfos {text-transform: uppercase;font-size: 1.8em;margin: 40px 0px;}
	
	#ImmoInfos p {
		margin: 0;
		font-weight: 500;
		font-size: 1.1em;
		letter-spacing: 4px;
		color: #05172e;
	}
	
	i.far.fa-calendar-plus{color:#ffffff;}
	#ImmoInfos p:last-child{font-size:1.1em;}
	#Back p a {padding: 10px 25px;color: #ffffff;letter-spacing: 3px;background: #05172e; display: block;}
	div#Back {margin: 40px 0px 15px 0px; min-width: 290px;}
	ul#ImmoIcon li i {display: block;text-align: center;color: #05172e;}
	ul#ImmoIcon li span {
		margin-top: 12px;
		text-align: center;
		display: block;
		font-size: 0.6em;
	}
	
	#RowTwoRight span, h2 {display: block;}
	#RowTwoRight h2 {font-size: 3em;color: #05172e;font-weight: 700;margin: 10px 0px;}
	#RowTwoRight h2 > em { font-style:normal; font-size:0.7em; }
	
	#ContactIcon {
		display:block;
		width: 100%;
		margin: 0 auto;
		margin-top: 32px;
		height:50px; 
		padding-bottom: 40px;
	}
	
	#ContactIcon li { width: 14%; display:block; float:left; margin-left:3%; background:#05172e; }
	#ContactIcon li:first-child { margin-left:13%; }
	#ContactIcon li a { display:block; color: #ffffff; height:50px; text-transform:uppercase; text-align:center; width:100%; line-height:21px; width:90%; margin:0 auto; padding-top:10px; font-size: 0.85em;}
	#ContactIcon li.bigButton {  width: 25%;  }
	#ContactIcon li.bigButton a > i { float:right; line-height:40px; }
	#ContactIcon li.pictoOnly a {   line-height:50px; }
	
	#ModeDetailsForm  h3 strong{display: block; }
	
	#RowTwoLeft h2 {
		color: #05172e;
		text-align: left;
		letter-spacing: 2px;
		font-size: 2em;
		font-weight: 800;
	}

	#Desc {color: #05172e;font-size: 1.1em; font-weight: 500;line-height: 28px;}
	#page-detail #Ref{
		padding: 5px;
		border: 1px solid #05172e;
		background-color: #eef3f6;
		opacity: 0.8;
		color: #05172e;
		font-size: 0.5em;
		font-weight: bolder;
	}
	#FraisInfos ul{margin-left:15px;}
	i.fas.fa-print,i.fas.fa-paper-plane {color: #ffffff;}
	div#ModeDetailsForm {}
	
	div#DescriptionInfos, div#FraisInfos {border-bottom: 1px solid #05172E;}
	div#FraisInfos{padding-bottom:2em;}




	#AnnonceGalW{ position: relative; padding-top: 15px;}
	#AnnonceGalW ul{ width: 100%; clear: both; }
	#AnnonceGalW ul li{ display: block;  margin-bottom:0;  padding: 0 5px; }
	#AnnonceGalW ul li img{ display: block; width: 100%;}
	
	#AnnonceGalW .arrowCarousel { top: 45%;  }
	#AnnonceGalPrev.arrowCarousel { left: -3%; }
	#AnnonceGalNext.arrowCarousel { right: -3%; background-position: right center; }





	/*********MORE DETAILS FORM **********/

	#DetailsFormMainFieldset p{
		width:100%;
		margin: 11px 0px;
		font-size: 1em;
		letter-spacing: 2px;
		font-weight: 600;	
	}
	#DetailsFormMainFieldset p input {
		border: none;
		font-weight: 600;
		border-bottom: 1px solid #05172e;
		font-size: 0.9em;
		letter-spacing: 2px;
		width: 100%;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	#DetailsFormMainFieldset p textarea{  border: none;
		font-weight: 600;
		border: 1px solid #05172e;
		font-size: 1em;
		letter-spacing: 2px;
		width:100%;
	}
	#DetailsFormMainFieldset p input::placeholder{color:#05172e;}
	#DetailsFormMainFieldset p textarea::placeholder{color:#05172e;}
	
	div#ModeDetailsForm p.confirmHome { text-align:center; padding:40px 0 40px 0; }
	div#ModeDetailsForm h3 { text-align:center; font-size:2.2em; }
	div#ModeDetailsForm form  { background:none; width:80%; margin:0 auto; }
	div#ModeDetailsForm form p { padding: 0 0 10px 0; }
	div#ModeDetailsForm form p, div#ModeDetailsForm form label, div#ModeDetailsForm form textarea { text-align:left;  width:100%;  } 
	div#ModeDetailsForm form p.textareaField  label { padding-bottom:16px; display:block;  }
	div#ModeDetailsForm form textarea { height:100px;   }
	
	#DetailsFormButtons { text-align:right; width:102%;  }
	#DetailsFormButtons > input { display:inline-block;  padding:0.5em 1em;  } 
	
	
	/********* EOF MORE DETAILS FORM **********/
	
	#page-detail #SearchFormWrapper .formButtons{ text-align: right; width: auto;margin: 15px 0px 0px 0px!important;}
	#page-detail input#DetailsFormSubmit:hover{color:#ffffff;background:#05172e;}

	/* HOME */
	
	#page-home {  }
	#page-home #Content {  background: none; padding: 0; }
	#page-home #ContentW, #page-home  #Content { }
	#page-home #Footer{ position: fixed; width: 100%; bottom: 0; left: 0; }
	
	#MainVideoW{ width: 100%; min-height: 520px; }
	
	#VideoW {
		box-sizing: border-box;
		height: 100.1%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1;
		overflow: hidden;
	}
	#VideoW video{ position: absolute; z-index: 1;}
	#VideoW * {display: none; }
	#VideoW video, #VideoW .video-js{display: block; }
	
	#VideoOverlay{ width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left; 0;}
	
	#HomeTitleW{ position: absolute; top: 32%; left: 5%   }
	#HomeTitleW h2{ font-size: 2.3em; color: #fff; opacity: 0;  margin: 0; text-transform: uppercase; position: relative; text-shadow: 0px 2px 1px rgba(0,0,0,0.85); letter-spacing: 1px; font-weight: 400; transition: all 2.5s; line-height: 1.6em;}
	
	#HomeTitleW h2 span{ font-size: 1.3em; }
	#HomeTitleW h2 em{ font-family: 'Cardo', serif; font-size: 1.6em; font-style: normal }

	#HomeTitleW h3{ font-size: 1.3em; color: #fff; opacity: 0; margin: 15px 0 0 0; text-transform: uppercase; text-align: left; position: relative; text-shadow: 0px 2px 1px rgba(0,0,0,0.85); letter-spacing: 2px;}
	.homeSectionW{ }
	#HomeSearchW{ position: absolute; bottom: 8%; width: 100%; text-align: center; }
	#page-demo-list{ background: #fff url(zims/frontend/demo-list.jpg) no-repeat center top; min-height:1860px  }
	#page-demo-list #ContentW, #page-demo-list #Content{ height: 100%; }
	#page-demo-list #Footer{ display: none; }

	#page-demo-fiche{ background: #fff url(zims/frontend/demo-fiche.jpg) no-repeat center top; min-height:1845px  }
	#page-demo-fiche #ContentW, #page-demo-fiche #Content{ height: 100%; }
	#page-demo-fiche #Footer{ display: none; }
	
	#ListClicker{ display: block; width: 100%; height: 100%; position: relative; z-index: 1;}
	#SearchClicker{ display: block; width: 300px; height: 40px; position: absolute; top: 292px; right: 0; z-index: 5;}

	/***************ESTIMATION CONFIRM***********************/
	
	p.mailConfirmationEstimation {
		margin: 15% 0;
		text-align: center;
		font-size: 2em;
	}
	
	p.mailConfirmationEstimation a {background:#05172e;color: #ffffff;}
	p.mailConfirmationEstimation a:hover{color:#05172e;background:#ffffff;text-decoration:none;}
	
	
	.halfsectionW { display: flex; overflow: hidden;}
	.halfsectionW.white { background: #fff}
	.halfsectionW.white * { color: #000}
	.halfsectionW.white .button { border-color: #000}
	.halfsectionW.thefirst{ min-height: 700px;}
	.halfsectionW.thefirstmini{ min-height: 550px;}
	.halfsectionW .half { width: 50%; float: left; flex: initial; position: relative;}
	.halfsectionW .halfover { z-index: 100;}
	.halfsectionW .halfabove { z-index: 90;}
	
	
	.artisticIntro{ padding: 80px 50px 50px;}
	.thefirst .artisticIntro{ padding: 0 50px 50px;}
	.artisticIntro.mini{ padding: 50px 50px 50px;}
	.artisticIntro.alone{ padding: 200px 50px 50px;}

	
	.introZim{ display: block; height: 100%;}
	.bullet{ color: #b61f2e; font-size: 2em; position: relative; top: 3px;}
	
	.linedP{ 
		position: absolute; 
		bottom: 0;
		margin: 0 0 0 20%;
		border-left: 
		1px solid #fff;
		padding: 50px 100px 30% 100px;
	}
	.linedP.reduct{ padding: 50px 100px 20% 100px;}

	.leftV .universSelector { padding: 200px 0 0 40%; }
	.leftV .universSelector *{ text-align: left; }
	
	.profW{ position: relative; min-height: 550px;border-bottom:1px solid #ffffff;}
	.profZim{ overflow: hidden; }
	
	.artisticIntro p{font-size: 1.2em;}
	
	.redSeparLine{ display: block; width: 50%; height: 1px; background: #05172e; margin: 25px 0; position: relative; }
	.redSeparLine.separL{ left: -30%; }
	.redSeparLine.separL.separMini{ left: -20%; }
	.redSeparLine.separR{ right: -60%; }
	.redSeparLine.separR.separMini{ right: -50%; }
	.redSeparLine.separMini{ width: 30%; }

	.finishLineW { position: relative; }
	.finishLineW.decal { left: 50px;     margin-top: 15px;   display: inline-block;}
	.finishLineW.big { line-height: 1.1em; }
	.finishLine { display: block; width: 100%; height: 1px; background: #05172e; margin: 0; position: absolute; bottom: 45px; right: -115%; }

	.teamZim{ background: #a1a9b6;  }
	.teamZim img{ width: auto }
	
	.artisticIntro h3{ line-height: 1.2em;}
	.artisticIntro h3 span.big{   margin-top: 15px;   display: inline-block;}
	
	
	/* CONTACT */
	
	#page-contact span.bigTramedTitleW.leftV {display: none;}
	
	#page-contact input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], input[type="datetime"], textarea{
	   padding: 0.4em 0 0.4em 0.75em;
	   width: 90%;
	   border-right-width: 1px;
	   margin: 10px 0;
	}
	
	#ContactBlock h2{text-align:center;}
	p.centered.away.awayleft.visible {color:#05172e;}
	p.centered.away.awayleft.visible a {color:#05172e;}
	#page-contact #Content{ padding-top: 200px; position: relative;}
	#page-contact #Content .bigTramedTitle{ top: 150px; left: -4%; font-size: 15em;}
	#page-contact .formButtons { width: auto; margin:0 auto;}
 
	#page-contact #ContactFormMainFieldset p label {
		text-align: unset;
		color: #05172e;
		font-size: 1.1em;
		font-weight: 400;
		margin: 0px;
	}
	#ContactFormW h3.big{text-align:center;}
	#ContactBlock{padding: 0 40px 0;  }
	#ContactBlock i{ font-size: 2em; color:#05172e;padding:8px;}
	#Coords .fn{ font-size: 1.5em; margin-bottom: 20px;}

	#Content .vcard  .type, .vcard .uri, .vcard .geo{ display:none; }	
	#ContactFormWW{  position: relative; padding-bottom: 15px;  }
	#ContactFormW{  background: #ffffff; padding: 25px; position: relative; z-index: 10; }
	#ContactFormW h3{  color: #052C3D; }
	#ContactForm{ margin: 0;  }
	
	#ContactFormWW .deco2{ position: absolute;  z-index : 1; background:#05172e; opacity: 0; }
	#ContactDeco1{ bottom: -15px; left: -15px; width: 30%; height: 20%; }
	#ContactDeco2{ top: -15px; right: -15px; width: 30%; height: 20%; }
	
	#ContactForm fieldset p, #ReservForm fieldset  p{  width: 45%; display: inline; float: left;}
	.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: 9%; }
	
	#ContactForm fieldset p#field-societe{ margin-right: 50%; }
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ReservForm fieldset p#field-message{ width: 100%; }
	#ContactForm fieldset p#field-message textarea, #ContactForm fieldset p#field-objet input{ width: 95%; }
	#ContactFormButtons{ clear: both;}
	#ContactFormButtons input{ border-color: #000; color: #000;}
	#ContactFormButtons input:hover{ background: #05172e;color:#ffffff;}
	
	#message{  height: 100px; }
	.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;
	}
	
	/******************** VENDRE*****************/
	
	#page-vendre #Content { padding-top: 30px;padding-bottom: 100px;}
	#page-vendre div#EstimationForm {margin-top: 10%;}
	#page-vendre div#BlueBlock{
		width: 7%;
		background: #05172e;
		position: absolute;
		height: 400px;
		top: 1;
		left: 15%;
		top: 30px;
		z-index: -5;
	}
	#page-vendre .formButtons {text-align: right;}
	p.mailConfirmationDetails {
		color: black;
		font-size: 2em;
		letter-spacing: 1px;
		text-align: center;
	}
	
	/****************FORM A UN AMI *********************/
	
	p.mailConfirmation {color: black;font-size: 2em;letter-spacing: 1px;}
	#EnvoyerForm .formErrors { width: 50%; margin: 0 auto; }
	ul#BackMenu li a {text-decoration: none;}
	#fieldset#EnvoyerFormMainFieldset p input, #fieldset#DetailsFormMainFieldset p input, #DetailsFormMainFieldset .fieldsListTitle {color:#000000 !important;}
	
	#EnvoyerFormMainFieldset p, #DetailsFormMainFieldset p  {
		margin: 0 0 10px 0;
		text-align: center;
		width: 75%;
		margin: 0 auto;
		padding: 20px;
	}
	#DetailsFormMainFieldset .fieldsList  {
		margin: 0 0 10px 0;
		width: 50%;
		margin: 0 auto;
		padding: 20px;
	}
	p.confirmVendre {
		text-align: center;
		font-size: 1.5em;
		margin: 13% 0%;
		font-weight: 400;
	}
	p.confirmHome {
		text-align: center;
		font-size: 1.5em;
		margin: 5% 0%;
		font-weight: 400;
	}

	#EnvoyerFormSubmit { background:#05172e;color:#ffffff; }
	fieldset#EnvoyerFormMainFieldset p input, fieldset#EnvoyerFormMainFieldset p textarea {color: #05172e;}
	.sendAnnonce a {text-align: center;display: inline-block;height: 50px; /*line-height: 0.9em;*/}
	
	#ContactIcon li:last-child i {display: inline-block;}
	div#Mailami {
		width: 50%;
		margin: 0 auto;
		text-align: center;
		color: #ffffff;
		height: 178px;
		padding: 15% 6%;
	}
	div#Recap {
		text-align: center;
		font-size: 1.5em;
		letter-spacing: 4px;
		line-height: 35px;
	}
	#Recap h2 {
		text-align: center;
		margin: 0px;
		font-size: 1.4em;
		font-weight: 900;
	}
	#page-detail #Recap h2{margin-top:25px;}
	#Recap p {
		margin: 10px 0px;
		font-size: 1em;
		letter-spacing: 5px;
	}
	#BackMenu {
		display: table;
		width: 100%;
		text-align: center;
		margin: 15px 0px;
	}
	#BackMenu li{ display: inline-block; margin: 0 15px;width:75%;}
	form#EnvoyerForm { padding-bottom: 50px;}
	fieldset#EnvoyerFormMainFieldset {
		width:50%;
		background: #ffffff;
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
	}
	
	select#heure {	display: block;width: auto;margin: 27px auto 0;}
	#EnvoyerFormSubmit{text-align:unset!important;}
	#EnvoyerFormMainFieldset #EnvoyerFormButtons{text-align: center; margin: 0;width: auto;}
	#EnvoyerFormMainFieldset p label { font-size: 1.2em; font-weight: 500;}
   	#BackAd a{background:#05172e;color:#ffffff;}
	#BackLinsting a{background:#05172e;color:#ffffff;}
	#BackAd a:hover, #BackLinsting a:hover {color:#05172e; background:#ffffff;}
	#EnvoyerFormSubmit:hover{color:#05172e; background:#ffffff;}

	#jGMapW {
		width:100%; 
		height:600px;
		margin:50px 0 0 0;
		border:none;
		padding: 0;
	}
	#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; }
	.gm-style{ color: #052C3D; }
	
	/* RESA */
	
	#ResaBox { width: 1200px; margin: 0 auto; }
	#ResaBox h2 { text-align: center; padding: 15px; margin: 0 0 20px 0; }
	.alert{ border: 2px dashed #d92222; padding: 15px; color: #d92222;}
	vjs-seeking .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner::after { display: none; }
	.vjs-loading-spinner {  text-align: center; }
	
	/* - -------------------------- - */
	@media(min-width:1024px) {
	
	}
	@media(min-width:768px) {


	}
	@media(min-width:420px) {
		
		
	}	
	
	
	@media(max-width:1560px) {
		.leftTitle {	padding: 0 0 0 3%; top: 30px;}
		.teamZim img{ height: auto; width: 140%; }
	}
	
	@media(max-width:1440px) {
		div#HomeSearchW { width: 90%; left: 5%;}
		#page-home div#SearchFormWrapper {   width: 95%; }
		#page-home form#SearchForm {   width: 100%; }
		#page-home #SearchFormWrapper select#type {   margin-right: 0px; }
		select#localite { width: 75%; }
	}
	
	@media(max-width:1280px) {
		
		#HomeTitleW {  }
		#HomeTitleW h2{  }
		.pagetitle {font-size: 4em; }
		#UpperMenu ul li a {  padding: 12px 10px; }
		#AnnonceFilter #SearchForm #SearchFormWrapper #SearchFormButtons input {
			display: inline-block;
			padding: 8px 40px;
			width: auto;
		}
		
		.focus { width: 90%; }
		
		div#ListAgents { width: 80%;}
		
	}
	
	
	@media(max-width:1024px) {
		
		.focus { width: 95%; }
		.centeredlist, .centeredlist80, .centeredlist75, .centeredlist50, .centeredlist30{ 	margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%; padding-top: 20px; }
		.centeredlist > li{ width: 100%; }
		
		#page-home input#budget_to { font-size: 1em; letter-spacing: 3px; margin-left: 0px!important;width:100%;}
   
		#MainMenu > li {background: none;margin-bottom: 0;}

		.big{ font-size: 1.4em !important }
		.super { font-size: 1.8em !important }
		.mega { font-size: 2.7em !important }
		.ultra { font-size: 3.5em !important }
		#ResaBox { width: 1000px; }
		.halfsectionW { display: block;}
		.halfsectionW .half{ flex: none; width: 100%;}
		.bigTramedTitle {  z-index: -1 }
		.pagetitle{ font-size: 4em;}
		.pagetitle span, #page-artistic-pole .pagetitle span { padding-left: 80px; }
		.rightTitle {text-align: left;padding: 0 0 0 2.5%;}
		.artisticIntro{padding-top: 50px;}
		.artisticIntro, .artisticIntro.mini{ padding-left: 2.5%; padding-right: 2.5%;}
		.introZim { display: block; width: 150%; height: auto; }
		.profZim {max-height: 400px; }
		
		/* PAGES */
		
		#VideoOverlay{ background: url(../media/images/deco/mobile.jpg) no-repeat center top; background-size: cover; }
		#VideoOverlay.type2{ background: url(../media/images/deco/mobile2.jpg) no-repeat center top; background-size: cover; }
		#VideoOverlay.type3{ background: url(../media/images/deco/mobile3.jpg) no-repeat center top; background-size: cover; }
		
		#VideoOverlay{ background: url(../media/images/deco/mobile.jpg) no-repeat center top; background-size: cover; }
		#page-tarifs {background-size: 135% auto;}
		#TarifsW ul { margin: 0; display: block; width:100%}
		#TarifsW ul li { width: 100%;  flex: none; }
		#TarifsW { padding-top: 50px; }
		
		#ContactBlock { padding: 0; }
		#page-contact #Content {  padding-top: 100px; }
		#ContactForm fieldset p, #ReservForm fieldset p{ width: 100%}
		#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ReservForm fieldset p#field-message {  width: 95%; }
		#page-contact #Content .bigTramedTitle {  font-size: 5em; line-height: 1em; }
		
		 /* cours */
		
		
		#CoursSelector{ height: auto !important;}
		#CoursSelector li {
			display: block;
			float: none;
			width: 100%;
			height: 350px;
			margin-right: 0%;
		}
		#CoursSelector li img { top: -185px;left: 0;width: 100%;}
		
		.coursText{ padding: 70px 2.5% 20px; width: 95% !important; }
		#page-cours #Content .poledance .pagetitle { font-size: 4em; }
		#page-cours #Content .yoga .pagetitle {  padding: 0 0 0 60% !important; }
		
		#Back {right: auto;top: 20px;}
		.coursText .arrow img{ width: 50px; }
		.coursText .arrow {   margin: 0 0 20px 40px; }
		
		#page-cours .bigTramedTitle{ display: none;}
		#page-cours .halfsectionW .half { min-height: 400px;}
		.coursW .zimW img {width: 130%;	position: relative;left: -20%; }
		.maingalleryW {  min-height: 150px; }
		.maingalleryArrowW .galleryArrow {   top: 36%; }
		
		#CentreSelector li { display: block; float: none; margin-bottom: 10px;     margin-right: 0;}
		#CentreSelector li a {  padding: 8px 10px; font-size: 1em; text-align: center; display: block; }
	
		.planning ul.jours > li {margin: 0 ;border-bottom: none;padding: 0;}
			
		.planning ul.jours > li h3 {
			display: block;
			float: none;
			margin: 20px 0;
			width:100%;
			text-align: center;
			font-size: 1.5em;
			position: static;
		}
		.planning ul.heures li span.horaire {
			float: none;
			display: block;
			margin-right: 0;
			font-size: 1.2em;
			min-width: auto;
			width: 100%;
			text-align: center;
		}
		#UlAnnonce li .imageCache {
			height: 329px;
			overflow: hidden;
			max-width: 546px;
			background: #333333;
			max-height: 253px;
		}
		
		#MiniAgenda{}
		#MiniAgenda .planning ul.heures li span.horaire {margin: 0;padding: 5px 0;}
		#MiniAgenda .planning ul.heures { padding-left: 0;}
		#MiniAgenda .planning ul.heures li span.horaire span.heure {   float: left;  margin: 4px 25px; }
		#MiniAgenda .planning ul.heures li span.horaire span.label { margin-top: 0; }
		
		#DecoAgenda{ display: none;}
		#Agenda { width: 100%; margin-left: 0; }
		
		#CentreSelector{ position: static;}
		#Agenda .legend{ display: none;}
		#Agenda .planning ul.heures li.empty {  display: none;  }
		#Agenda .planning ul.heures li {float: none;width: 100%;margin-right: 0;}
		#Agenda .planning ul.heures li span.horaire {  padding: 5px 0; }
		
		
		
		/* coachs */
		
		.profW {}
		.profW .profZim{ max-height: unset !important;}
		.profW .halfsectionW .half{ float: none;}
		.thefirst .contentProfW { padding-top: 20px; }
		.contentProfW .arbo, .contentProfW .contentProf{ display: block;}
		.contentProfW {
			background: none;
			position: static;
			padding: 20px 2.5%;
			opacity: 1;
			width: 95%;
		}
		.mobileCoach{ height:400px; }
		.mobileCoach img{ height: 100%; display: block;  }
		
		#ProfsSection{ padding-top: 250px;}
		.profZim{ background: none; padding-top: 30px;}
		.profTitle {
			position: static;
			z-index: 100;
			width: 95%;
			margin: 0 2.5% 20px;
		}
		.leftV .profTitle h4{ margin-left: 0; float: none;}
		.profTitle h3, .profTitle h4{ text-align: left;}
		.profW  .hoverzim, .closer, .profW .bigTramedTitle, .profZimLink, .profTitle .arrow{ display: none !important;}
		.rightV .mobileCoach img{ float: right;}
		.video-coachW, .videoPopup, .videoPopupSepar{  display: none; }
		
		/*********************************************************************************/
		/**********************************************************************************/
		
		
		/*HOME*/
		
		p#ToutLesBiens {margin: unset;}
   
    
		#div#ListingImmoUne{ width: 100%;}

		
		input#EstimationFormSubmit {
			margin-right: unset; 
		}
		#page-home #EstimationFormButtons {
			text-align: center;
		}
		
		#EstimationFormWrapper fieldset p select {margin: unset;}
			
		div#EstimationFormW {
			display: flex;
			flex-direction: column;
			background: #ffffff;
			margin-top: 3%;
			margin-bottom: 3%;
			width: 85%;
		}
		
		#EstimationFormW h2 {
			color: #05172e;
			font-size: 2em;
			letter-spacing: 4px;
			line-height: 46px;
			margin-left: unset;
			margin-top: 25px;
			display: block;
			font-weight: 300;
			text-align: center;
			width: 100%;
		}
		
		#HomeTitleW h2 {  font-size: 2em; line-height: 1.2em; }
		#HomeTitleW h2 em {  position: relative; top: 15px;}
		#HomeTitleW h3{ text-align: center; width: 80%; margin: 40px 10%}
		
		
		#HomeTitleW {
			position: absolute;
			bottom: 10%;
			left: 5%; width: 90%;
		}
		div#EstimationForm::before {
			bottom: -2px;
			display: block;
			content: ".";
			background-color: #05172e;
			width: 90%;
			left: 1%;
			margin-left: 5%;
			margin-top: -4%;
			z-index: -2;
		}
		
		#page-home div#SearchFormWrapper {
			display: flex;
			justify-content: flex-start;
			width: 90%;
			flex-direction: column;
			margin: 0 auto;
			height: auto;
		}
		
		#EstimationForm h2 {
			margin-left: 0px; 
			margin-top: 0px!important;
			display: block;
			text-align: center;
			width: 100%;
			margin-bottom: 0px;
		}
		div#EstimationForm {
			display: flex;
			flex-direction: column;
			background: #ffffff;
			margin-top: 16%;
			width: 90%;
		}
		#page-home #SearchFormButtons {
			margin: 10px 0px 10px 0px; 
		}
		div#EstimationForm div:first-child {width: 100%;}
		#EstimationForm div h2 {
			color: #05172e;
			font-size: 2.5em;
			letter-spacing: 4px;
			line-height: 46px;
			margin-left: 0px;
			margin-top: 0px;
			width: 100%;
			text-align: center;
		}
		#EstimationFormMainFieldset > p#field-type_bien, p#field-prenom, p#field-nom {  width: 75%;}
		div#HomeSearchW {position: inherit;width: 90%;}
		
		#page-annonce div#SearchFormWrapper {
			display: flex;
			width: 90%;
			align-items: center;
			flex-direction: column;
			margin: 0 auto;
			height:auto;
		}
		
		#page-home div#HomeSearchW {
			position: unset;
			margin: 0 auto;
			margin-top: 30px;
		}
		div#HomeSearchW form select, div#HomeSearchW form #budget_to {   margin: 5px 0; }
		div#HomeSearchW form #budget_to { border-bottom: 1px solid #05172e !important; }
		
		#VideoOverlay {
			width: 100%;
			height: 100%;
			overflow: hidden;

			top: 0;
			left: ;

		}
		
		#page-home #SearchFormWrapper fieldset {border-right: unset; }
		.formButtons { margin:0px;width: 100%;}
		#page-home #SearchFormWrapper select#type {margin-right: unset;}	
		#fieldset-budget p, #fieldset-localite p, #fieldset-type_bien p, #fieldset-type p {margin:0px;}
	
		div#BlueBlock {
			width: 70%;
			background: #05172e;
			position: absolute;
			height: 105px;
			top: 1;
			left: 15%;
			top: -33px;
			z-index: -5;
		}
			
		fieldset#EstimationFormMainFieldset {margin: 0px; }	
		#EstimationFormMainFieldset p {width: 100%!important;}
		div#EstimationForm {width: 90%;height: auto;margin: 0 auto;}
		#EstimationFormMainFieldset p#field-type_bien{text-align:center;}
		div#DemoHome {margin-top: 14%;}
		
		div#BienAlaUne {margin-top: 15%;}	
		
		ul#UlAnnonce {
			display: block;
			align-items: center;
			flex-direction: column;
			justify-content: space-around;
		}
		li.LiAnnonce{ width: 100%; margin: 0 0 30px 0}

		div#FooterW {
			display: flex;
			flex-direction: column;
			font-size: 1.5em;
			background: #ffffff;
			align-items: center;
			padding:unset;
			margin-top: 5%;
		}
		div#FooterW #FooterService ul, div#FooterW #FooterPropos ul {
			border-left: unset;
			padding-left: 0px;
		}
		div#FooterW ul li {
			text-align: center;
			font-size: 0.9em;
			font-weight: 400;
		}
		div#FooterW h4 {
			text-align: center;
			font-weight: 600;
		}
		div#FooterW #FooterService h4, div#FooterW #FooterPropos h4 {
			text-align: center; 
			font-weight: 600;
		}
		div#FooterContact p {
			margin-bottom: 7px;
			text-align: center;
			font-size: 0.8em;
			font-weight: 400;
			justify-content: center;
			display: flex;
			align-items: center;
		}
		#FooterW h4{margin-top:0px;}
		li#LiAnnonce {margin-bottom: 30px;width: 100%;}
		.SepareLine {
			border-bottom: 4px solid;
			width: 90%;
			margin: 5% 5%;
			height: 0px;
			display:none;
		}
		div#FooterW div {margin: 4% 0%;}
		div#FooterW div p {display: flex;flex-direction: column;margin-bottom: 10px;}
		
		/*********************MENU***********************************/
		
		li#MainMenu-insta-Item, li#MainMenu-fb-Item {width: 100%;margin: 0 auto;}
		
		/*****************************DETAIL*****************************************/
		div#TitleAnnonce {flex-direction: column;}
		#ImmoInfos {text-transform: uppercase;font-size: 1em;text-align: center;}
		div#RowOneLeft { height: auto; width:100%;}
		div#RowOneRight { height: auto; width:100%;}
		.colZimW {overflow: hidden;width: 100%;height: auto;vertical-align: top;}
		
		#ImmoIcon {
			display: flex;
			text-transform: uppercase;
			font-size: 1.8em;
			flex-wrap: wrap;
			align-items: center;
			width: 100%;
			flex-direction: row;
			padding-bottom: 50px;
			justify-content: center;
		}
		div#RowTwoLeft { width: 100%; }	
		div#RowTwo {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: stretch;
			justify-content: center;
		}	
		div#RowTwoRight {width: 100%; border-left:unset;}	
		#RowTwoRight span, h2 {display: block;text-align: center;}
	
		#ContactIcon {
			display: table;
			width: 100%; text-align: center;
			flex-direction: row;
			margin: 0;
			margin-top: 32px;
			padding-bottom: 20px;
		}
		
		fieldset#RdvFormMainFieldset p {
			width: 90%;
			text-align: center;
			display: block;
			margin: 0 auto;
			padding: 13px;
		}
		
		#ContactIcon li {
			width: 45% !important;
			border: 1px solid #05172e;
			background: #05172e;
			margin: 0 0 10px 10px !important;
			display: inline-block; 
			
		}

		fieldset#EnvoyerFormMainFieldset, fieldset#DetailsFormMainFieldset {
			width: 80%;
			background: #ffffff;
			margin: 0 auto;
			padding: 10%;
			text-align: center;
		}	
		
		#DetailsFormMainFieldset #field-nom{}
		#ImmoIcon li {margin: 15px;width:135px;}
		#DetailsFormMainFieldset p textarea{ margin-left: 0;}
		

		div#ModeDetailsForm form{ width: 100%}
		
		
		#page-annonce #fieldset-budget p { margin: 26px 0px 14px 0px!important; }
		
		/*********ANNONCE ***************************/
		
		
		.hiddenDiv{display:none;}
		#page-annonce #Price {
			margin-top: 9px;
			font-size: unset;
		}
		#UlAnnonceFilter li .imageCache {
			height: 246px;
			overflow: hidden;
			max-width: 630px;
			background: #333333;
		}
		div.InfoImmo {
   			padding: 10px 0; 
		}
		
		
		
		
		
		.LiAnnonce:hover{ background: none !important;}
		.PicsNb{ margin-right: 0;}
		
		#page-home #SearchFormWrapper #fieldset-localite #field-localite #localite{

			width: 42%!important;
		}
		
		#page-annonce input#budget_to {
			margin-left: auto; 
		}
		#page-annonce #SearchFormWrapper fieldset {
			border: none;
			margin: 0;
			padding:0 ;
			margin: 4px 10px;
			width: 100%;
			border-right: unset !important;
		}
		#AnnonceFilter #SearchForm #SearchFormWrapper #SearchFormButtons input {
			display: inline-block;
			padding: 8px 40px;
			width: 90%;
		}
		#page-annonce #SearchFormWrapper fieldset p select {  width: 100%; }
		#SearchFormWrapper fieldset p input {
			padding: 4px;
			width: 88%;
			margin:0 auto;
		}
		#FilterAnnonceListing {
			float: none;
			margin-right: 4%;
			font-weight: 600;
			text-align: center;
			font-size: 1em;
			letter-spacing: 3px;
			display: block;
			margin-top: 5%;
		}
		li.LiAnnonceAll {    
		    width: 100%;
			-ms-flex-direction: column;
			flex-direction: column;
			-ms-flex-align: center;
			align-items: self-start;
			display: flex;
			padding:10px;
		}
		#page-annonce .slider {
			width: 100%;
			overflow: hidden;
			height: 360px;
			display: inline-block;
			position: relative;
		}
		#page-annonce div.InfoImmo {
			color: #05172e;
			padding: 0 0px 15px 0px;
			margin-left: unset;
			width: 100%;
			display: inline-block;
			position: relative;
			height: auto;
		}
		a.decouvrir {
			text-transform: uppercase;
			background: #000000;
			color: #fff;
			font-weight: 500;
			display: block;
			text-align: center;
			margin-top: 15px;
			padding: 8px!important;
			width: auto;
		}
		
		h2.annoncePriceTitle, #page-detail #Ref{ font-size: 1.1em; }
		
		#AnnonceGalW .arrowCarousel{ top:  23%;}
		
		#page-annonce .Price {
			font-size: 1.1em;
			display: block;
			font-weight: 500;
			letter-spacing: 3px;
			border-bottom: 2px solid #eef3f6;
			padding-bottom: 15px;
		}
		
		ul#UlAnnonceFilter {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			width: 90%;
			clear: both;
			margin: 0 auto;
		}
		#UlAnnonceFilter li .imageCache {
		    
			overflow: hidden;
			max-width: 546px;
			background: #000000;
		}
		#FilterAnnonceListing {
			float: none;
			margin-right: 0;
			font-weight: 600;
			text-align: center;
			font-size: 1em;
			letter-spacing: 3px;
			display: block;
			margin: 5% 0px;
		}
		#AnnonceFilter #SearchForm #SearchFormWrapper #SearchFormButtons input {
			display: inline-block;
			padding: 8px 40px;
			width: auto;
		}

		div#AnnonceFilter {background: #ffffff;width: 90%;margin: 0 auto;}
		#page-annonce #SearchFormWrapper{width:100%;}
		#page-annonce #SearchFormButtons {width: auto;margin:0px 0px 10px 0px;}
		#page-annonce h2#HomeTitle {
			margin: 15px 0;
			width: 100%;
			font-size: 2.7em;
			letter-spacing: 12px;
			color: #05172e;
			text-align: center;
			text-indent: unset;
		}
		/*************PAGE EQUIPE *******************************/
		
		div#ListAgents {
			width: 100%;
			margin: 0 auto;
		}
		#ListAgents li {
			list-style-type: none;
			width: 100%;
			background: #ffffff;
			display: flex;
			justify-content: space-around;
			flex-direction: row;
			align-items: center;
			margin: 20px;
			height: auto;
		}
		p.nomAgent {
			text-transform: uppercase;
			font-weight: 900;
			font-size: 1.3em;
		}
		.infoAgent p {    font-size: 1em; }
		
		
		
		/**************PAGE VENDRE ******************************/
		#page-vendre div#BlueBlock {
			width: 80%;
			background: #05172e;
			position: absolute;
			height: 105px;
			top: 1;
			left: 57px;
			top: -33px;
			z-index: -5;
		}
		
		#page-vendre #EstimationFormWrapper fieldset p select {
			padding: 4px;
			background: transparent;
			border: unset;
			font-size: 1.5em;
			color: #05172e;
			letter-spacing: 2px;
		}
		#page-vendre #EstimationFormButtons {text-align:center;}
		#page-vendre input#EstimationFormSubmit {margin-right:0px;}
		
		div#ModeDetailsForm {
			border-top: 1px solid #D3D3D3;
			padding: 0px;
			padding-top: 30px;
			margin-bottom: 30px;
		}
		
		#ContactFormW h3.big{ margin-bottom: 40px;}
		
		div#ListAgents { width: 90%;}
		
	}
	
	
	@media(max-width:1023px) {
		
		#Content { overflow-x: hidden; }	
		
		
		#HomeLinkW{ text-align: left; padding-left: 3%}
		#HomeLinkW a img{ width: 180px;}

		#MainMenu > li, #MainMenu > li > strong { margin: 7% 0; }
		#MainMenu > li > a, #MainMenu > li > strong { padding: 0;}
		#MainMenu-resa-Link span{ background: #fca408!important; color: #000!important; padding: 5px 15px!important;}
		#UpperMenu{ display: none;}
		#MainMenu-Zims{ display: none;}
		#MainMenu-resa-Item, #MainMenu-fb-Item, #MainMenu-insta-Item, #MainMenu-youtube-Item,
		#MainMenu-fb-Item, #MainMenu-insta-Item, #MainMenu-youtube-Item{ display: block;}
		
		
		
		#NavIco  span{display: none; }
		
		#LangsW {top: 20px;left: 20%;}	
		#NavAnimW {
			width: 325%;
			height: 180%;
			top: -200%;
			left: -185%;
			transition: transform 1200ms ease-in-out;
		}
		#NavAnimW.deploy {transform: rotate(-90deg) translate(-50%, 50%);}
		#Copyrights { padding: 0 5%; width: 90%}
		#MainMenu > li > a, #MainMenu > li > strong {  line-height: 0.9em; font-size: 1.7em;}
		
		.thefirst .artisticIntro{ padding-left: 2.5%;    padding-right: 2.5%; padding-bottom: 0;} 
		.finishLineW.decal{ left: 0;}
		
		span#FilterAnnonceListing select{ float: none;}
		#ImmoInfos{ margin: 20px 0; }
		#ImmoInfos p {    font-size: 1.5em; }
		
		#page-home ul#UlAnnonce li{ width: auto;}

	}
	
	
	
	@media(max-width:767px) {
	
		body {   line-height: 1.5em; }
		#MainMenuW { padding-top: 100px; }
		#NavAnimW {
			width: 350%;
			height: 180%;
			top: -185%;
			left: -220%;
		}
		#NavAnimW.deploy {transform: rotate(-90deg) translate(-50%, 20%);}
		#ResaBox { width: 100%; }
		#CoursSelector li { height: 285px; }
		#CoursSelector li img { top: 0px; top: -100px; }
		
		div#ListAgents { width: 100%;}
	}

	@media(max-width:420px) {
		
		#NavAnimW {
			width: 250%;
			height: 180%;
			top: -190%;
			left: -125%;
		}
		#NavAnimW.deploy {transform: rotate(-90deg) translate(-110%, 20%);}
		
		/*#ContactIcon {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			flex-direction: row;
			margin: 0;
			margin-top: 32px;
			padding-bottom: 20px;
		}*/
		
	}
	
	@media(max-width:340px) {
		
		
	}