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

Version 0.9.6.0
Date 02/01/2015
*/

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


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

/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800);*/
/*@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');*/
/*@import url("https://fonts.googleapis.com/css?family=Lato:300,400,600,900");*/
/*@import url('https://fonts.googleapis.com/css?family=Sen&display=swap');*/
/*
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

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


/*@import url("http://fonts.googleapis.com/css?family=Lato:300,400,900");*/

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


@import "./fonts/bmwtypenexttt.css";

/*
	font-family: 'bmwtypenexttt_boldbold', Arial, sans-serif;
	font-family: 'bmwtypenextttlight', Arial, sans-serif;
	font-family: 'bmwtypenexttt_regularregular', Arial, sans-serif;
	font-family: 'bmwtypenextttthin', Arial, sans-serif;
	
*/


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


	html, body { margin: 0; padding: 0; border: 0;	min-height:100%;  }
	body{
		font-size:16px; background: #000000;
		color: #ffffff;
		/* font-family: 'bmwtypenextttlight', Arial, sans-serif; */
		font-family: 'Titillium Web', Arial, sans-serif;
		/* font-weight: 300; */
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.5em;
		height:100%; 
	}

	body.is-loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	input, select, textarea {
		color: #7c8081;
		font-family: 'Titillium Web', Arial, sans-serif;
		font-size: 15px;
		/*font-weight: 300;*/
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

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

		a:hover {
			border-bottom-color: transparent;
			text-decoration: none;
			/*color: #666; */
		}

		a:active, a:focus { outline:0; }
		a img { border:0; }


	strong, b {
		font-weight: 700;
	}

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

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		/* font-weight: 300; */
		font-weight: 700;
		line-height: 1.2em;
		margin-bottom: 1em;
		text-transform: uppercase;
		font-family: 'Titillium Web', Arial, sans-serif;
	}

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

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

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

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

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

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

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family: 'Quicksand', sans-serif;
		font-size:12px;
	}

	/**
	 * Lists
	 */
	ul { margin:0; padding:0; }
	ul li { list-style-type:none;}
	
	ol, ol li { list-style:decimal; list-style-type:decimal; font-weight:400;  }
	ol { margin: 0 0 2em 1em; }

	dl { margin:0; padding:0; }
	dt {}
	dd {}
	
	
	.clear  { clear:both; float:none; }



/* ################################################################################################################																		     *
														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(255, 255, 255, 0.2);
		color: inherit;
		display: block;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		background: #333333;
		/*border-right-width: 20px;
		border-right-style: solid;*/
	}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

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

	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#ec0001; font-weight:bold; }

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border-color: #000000;
	}


	#field-security { display: none !important; }



	/* 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: solid 1px;
		color: inherit;
		cursor: pointer;
		display: inline-block;
		font-size: 0.9em;
		letter-spacing: 2px;
		min-width: 18em;
		padding: 0.5em 0.75em;
		line-height: 1.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-family: 'Titillium Web', Arial, sans-serif;
	}

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover {
		background: #ffffff;
		border-color: #ff0000;
		color: #ff0000;
	}
			
	form .small { width:130px; }
	form .medium { width:350px; }
	form .long { width:600px; }
	
	form textarea.wide { height:70px;  width:600px; }

	form .formButtons { text-align:center; }
	
	form p { margin:0 0.50% 0.5em 0; width: 49.25%; float:left;  }
	/* form label { font-weight:500; }  */
	

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

	#Content .vcard a { color:#000000; }

/* LANGS */


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

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


	/* Specials */


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

	/**
	 * Away elems
	 */
	.away
	{position: absolute; top: -99999px;}
	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden { display: none; }

	 /**
	 * WRAPPERS 980
	 */
	.focusW
	{ margin:0 auto; width: 1270px; }

	/**
	 * 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;
	}
	
	.centered{ text-align: center;}
	.bolder{ font-weight: 600;}

/* ################################################################################################################																		     *
														PAGES
 *###############################################################################################################*/




 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* HEADER */


	#HeaderW {
		/*position: sticky;
		position: fixed;*/
		position:relative;
		z-index: 1001;
		top: 0.5em;
		/*width: 100%;*/ 
		margin-left:10%;
	}
	#HeaderW.mini { background: rgba(255,255,255,1);  }
	#Header {
		display: flex;
		justify-content: space-between;
		/*justify-content: right;*/
		height: 100%;
		width: 100%;
	}
	#Header .logout {
		padding: 0.8em;
		display: block;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 50%;
		margin: 0 10px 0 0;
		background-color:#000; 
	}

	#Header h1 {
		padding: 0;
		font-weight: 900;
		margin: 0;
		height: 100%;
		/*display : none; */
	}
	#Header h1 a { display: block; vertical-align: top; height: 100%; }
	/*#Header h1 > a > img { width:100%; }*/
	
	#Header #Nav {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#NavIco{ display: none !important;}
	
	#PanierBtn{ display: none; position: fixed; top: 25px; right: 25px; min-width: auto; color: #000; padding: 0.4em 2.5em; }
	#PanierBtn i{ display:block; font-size: 1.4em;}
	.mini #PanierBtn i{ display:inline; font-size: 1.2em;}

/* Footer */

	#Footer {
		background: #fff;
		color: #000;
		padding: 10px 10%; padding: 0;
		text-align: center;
		width:100%; 
		z-index: 10;
	}

	#Footer p {font-size:0.9em; margin: 0; font-weight:600; }

	#Socials{ display: table; width: 100%; text-align:center;}
	#Socials li{ display: inline-block;    margin-right: 7px;  }
	#Socials li a#ContactLink  {  background:#000000; color:#ffffff; display:table-cell; height: 24px; line-height:24px;  padding:0 10px; text-transform:uppercase;  margin-right: 7px; font-size:0.9em; }
	#FacebookLink, #TwitterLink{ border: none; margin-right: 7px; }

	body.confirm div.logoWrapper { display:none; }
	#Header #Nav { display:block;  position:absolute; right:10px; top:10px; }
	#HeaderW { margin-left:0; }
	#Header { justify-content: center; }

/* Content */

	
	/*#ContentW { padding-top: 300px;  }
	.chrome #ContentW { padding-top:100px; }*/
	
	#Content { padding: 25px 0;}
	
	#VideoW {
		box-sizing: border-box;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -1;
	}
	
	div#BG, div#mobBG { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;  }
	div#BG img { display:none; position:absolute; z-index:0; }
	div#mobBG { display:none; }
	
	#page-pre-inscription  #Footer, #page-home  #Footer, .logged #Footer, #Footer { height:auto; background:rgba(255,255,255,0.6);   position:fixed; top:auto;   right:0; bottom:0;  z-index:100;  }
	#page-pre-inscription  #FooterCopyrights p, #page-home #FooterCopyrights p, .logged #FooterCopyrights p,#FooterCopyrights p  { text-align:left; text-indent:10px; font-size:1.1em; font-weight:600; }
	


 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#page-home{}
	
	
	.loginZone { background:rgba(255,255,255,0.9);  padding:0; position:fixed;  color:#000000; /*z-index:10000;*/ }
	.loginZone a { color:#666666; display:inline-block;   width:49.22%; background:rgba(0,0,0,0.1);} 
	.loginZone a.active { background:none; color:#000000; }
	.loginZone a h3 { font-size: 0.8em; padding:0.5em 0; margin:0; text-transform:none; width:100%; text-align:center; } 

	.loginZone .loginContent { }
	.loginZone .loginContent .formW  { padding:1em;  }
	
	.loginZone .loginContent .formIntro {  width:280px; text-align:center; font-size:1em;  margin:0.8em 0; }
	.loginZone .loginContent .formIntro em { font-size:0.8em; font-style:italic; } 
	
	#LoginForm, #SignIn { width:280px; }
	#LoginForm label, #SignIn label { display:none; } 
	#SignIn #field-cvg label { display:inline; font-size:0.8em;   }  
	#SignIn #field-cvg label a { background:none; text-decoration:underline; display:inline; color:#000000;} 
	#LoginForm fieldset, #SignIn fieldset { border:none; }
	#LoginForm p, #SignIn p { margin-bottom:0.5em; width:100%;  }
	
	#LoginForm a.helpLink, #SignIn a.helpLink { font-size:0.8em; width:100%; background:none; margin:0 0 1em 0; text-align:center; color:#000000; }
	#LoginOr{ display: none; }


	#page-home #PanierBtn{ display: block;}
	
	#page-home #ContentW { padding-top: 12%; background: none; padding-bottom: 6%;  }
	#page-home #Content { padding: 0; background: none;}
	
	
	#HomeContentW { position:relative; width:980px; margin:0 auto; /*margin-top:15%; */  }
	
	#HomeContentW .leftW { position:relative; float:right;  margin:0; top:0; right:0; padding:0; width:312px; }
	
	#HomeContentW .loginZone { position:relative; /*float:right; */ margin:0; top:0; right:0;  padding:0; background:rgba(0,0,0,0.7);  color:#ffffff; } 
	
	#HomeContentW .vMomentW  { position:relative; display:block; width:312px; margin-top:1em; } 
	#HomeContentW .vMomentW a {  position:relative; display:block; width:312px; height:312px; overflow:hidden; }
	#HomeContentW .vMomentW a span.title { position:absolute; top:0; left:0;  font-size:2em; line-height:1.4em;text-transform:uppercase; text-align:center;  display:block; width:100%; text-shadow: 0 0 6px #000000;  color:#ffffff;  } 
	#HomeContentW .vMomentW a span.callToAction { position:absolute; bottom:1em; left:20%; width:60%;  text-transform:uppercase;  display:block; text-align:center; font-weight:bold;padding:0.5em 0 0.5em 0;
		background:rgba(255,0,0,0.8);
	}

	#HomeContentW .loginZone input { color:#000000; } 
	#HomeContentW .loginZone a {  background:rgba(255,0,0,0.8); color:#ffffff; } 
	#HomeContentW .loginZone a.active { background:none; color:#ffffff; }
	#HomeContentW .loginZone a h3 { color:#ffffff; font-family: 'Titillium Web', Arial, sans-serif; } 
	#HomeContentW .loginZone a.active h3 {   }
	#HomeContentW #LoginForm a.helpLink, #HomeContentW  #SignIn a.helpLink { font-size:0.8em; width:100%; background:none; margin:0 0 1em 0; text-align:center; color:#ffffff; font-weight:normal;   }
	#HomeContentW .loginZone .formButtons .submitButton { background:rgba(255,0,0,0.8); color:#ffffff; border-color:#ff0000;  }
	
	
	#HomeContentW #SignIn #field-cvg label a { color:#ffffff; } 
	
	.promosZone { background:rgba(255,255,255,0.9);  padding:1em; width:620px; position: relative;}
	.promosZone.red { background:rgba(216,13,13,1); color: #fff; }
	.promosZone h2 { text-align:left; letter-spacing:1px;  font-weight:bold; line-height:1; font-size:1.4em;  }
	.promosZone ul { overflow:auto; } 
	.promosZone ul li {/* font-weight:bold;  */}
	.promosZone ul li svg, .promosZone ul li span { color:#ff0000; }
	
	.promosZone .fa-clock{ font-size: 2.5em;}
	
	
	#Covid{ background: rgba(255,255,255,0.9);
		border: 2px solid #ff0000;
		padding: 0.5em 1em; margin-top: 70px;
		position: relative; }
	#Covid h2{ font-size: 1.2em; }
	#Covid ul { overflow: auto; }
	#Covid ul li { display: inline; float: left; margin-right: 4%; width: 48%; font-size: 0.9em; }
	#Covid ul li:nth-child(even){  margin-right: 0;}
	#Covid ul li svg{ color: #ff0000; }
	
	#Covid.leftOnly { width:620px;  padding-bottom:1em; }
	#Covid.leftOnly ul li { display:block; width:100%; font-size:1em; padding:0.2em;  } 
	#Covid.leftOnly ul li svg { margin-right:4px; }
	
	#VideoLink { position:absolute; bottom:-55px; left:0;  background:rgba(255,0,0,0.8); color:#ffffff;  display:block; width:100%; padding:8px 0; text-align:center; font-weight:bold; width:620px; text-transform: uppercase; }
	
	
	#page-home #MainTitle{ opacity: 0; position: relative;}
	
	p.extra {  font-size:1.6em; text-align:center; font-family: 'rockestar_personal_useregular';  text-shadow: 0 0 5px #FFFFFF; margin: 0 0 1.5em 0; }
	
	#PageHome{ padding-top: 50%;}
	#MainTitle{ font-weight: 800; font-size: 4em; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); font-style:italic; color: #fff; text-align: center; margin-top: -200px; line-height: 1em;}
	
	
	
	#EventWW{ background: url(zims/frontend/overlay-border-b.png) no-repeat left top; padding-top: 106px;}
	#EventW{ background: url(zims/frontend/overlay-b.png); }
	
	#Event { padding: 20px 3% 100px; }
	#Event *{ color: #000;  }
	
	h2, h3, #Event h4{ text-align: center; }
	#Event h3{ font-size: 1.5em; }
	#Event h4{ font-size: 1.4em; margin-bottom: 40px; }
	
	#OptionList{ display: table; width: 100%; text-align: center;}
	#OptionList li{ display: inline-block; width: 31%; margin-right: 1.4%; vertical-align: top; background: #fff; padding-bottom: 10px; min-height: 427px;  margin-bottom: 10px; }
	#OptionList li.wide {
		width: 48%; min-height: 530px;
		margin-bottom: 25px; 
	}
	
	
	#OptionList li:last-child, #OptionList li:nth-child(2), #OptionList li:nth-child(5) { margin-right: 0;}
	#OptionList li img { display: block; width: 100%;}
	#OptionList li p { font-weight: 600; line-height: 1.2em; font-size: 0.9em;text-align: center; padding: 10px; margin: 0; }
	#OptionList li p.opt-txt{ min-height: 140px; }
	#OptionList li p span.price{ display: block; text-align: center; margin: 15px 0 0 0; font-size: 1.5em; font-weight: 800;  color: #FF0000;  }
	#OptionList li p .button{ margin: 0 auto; }
	
	#OptionList li p.centered{ text-align: center;}
	
	
	
	#PanierAddMsgW {  position:fixed;  height:100%; width:100%;  background:rgba(0,0,0,0.7); z-index:2000;   }
	#PanierAddMsg { position:absolute; top:50%; left:50%; background:#ffffff; width:450px; font-size:1.4em; text-align:center; margin-left:-225px; margin-top:-75px;  height:150px; line-height:40px; padding:30px; border:1px solid #000000; }
	
	#PanierAddMsg  span  { position:absolute; right:0; top:0;   background:#FF0000; color:#ffffff;  font-size:1.2em; display:block; padding:4px 6px; cursor:pointer; }
	
	#PanierAddMsg  a { font-size:0.6em; }
	
	p.customerMsg { text-align:center;  font-style:italic; }
	
	
	/* * * * * * * * * * * * * * * * * * * * LE BUTTON PELRAS * * * * * * * * * * * * * * * * * * * * */
	#DemandeForm {}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande {
		padding: 0 20px;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande legend {
		display: none;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes {
		display: flex;
		justify-content: center;
		align-content: center;
		flex-direction: column;
		gap: 40px;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes .fieldsListTitle {
		display: flex;
		justify-content: left;
		align-items: center;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes .fields {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 20px;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes .fields .radio-field {
		width: 100%;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes .fields .radio-field label {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border: 1px solid #ccc;
		background-color: #fff;
		color: #000;
		border-radius: 10px;
		font-weight: 600;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes .fields .radio-field label.checked {
		background-color: #fff;
		color: #000;
		border: 2px solid #e51b20;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes .fields .radio-field label:hover {
		background-color: #c7c7c7;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes .fields .radio-field label .icon_container {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		flex-shrink: 0;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-demandes .fields .radio-field .radioField {
		display: none;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-offres,
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #field-demande_autre_text,
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-clientVehicules {
		display: none;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-offres.showed,
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #field-demande_autre_text.showed,
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-clientVehicules.showed {
		/*font-size: 12px;*/
		font-weight:normal;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: -10px 0 15px;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-offres,
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-clientVehicules {
		align-items: normal;
		/* width: 80%; */
		/* margin: 0 0 0 auto; */
		gap: 5px;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-offres .fieldsListTitle,
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-clientVehicules .fieldsListTitle {
		/*color: #444;*/
		font-weight: 500;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-offres .fields,
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #fieldsList-clientVehicules .fields {
		gap: 10px;
		flex: 1;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #field-demande_autre_text {
		flex-direction: column;
		width: 100%;
		margin: 0;
	}
	#DemandeForm #DemandeFormWrapper #fieldset-infoDemande #field-demande_autre_text label {
		display: none;
	}
	#DemandeForm #DemandeFormWrapper #DemandeFormButtons {
		padding: 25px 25px 0;
	}
	#DemandeForm #DemandeFormWrapper #DemandeFormButtons #DemandeFormSubmit {
		width: 100%;
		background-color: #f00;
		border: 1px solid #f00;
		color: #fff;
	}
	#DemandeForm #DemandeFormWrapper #DemandeFormButtons #DemandeFormSubmit:hover {
		background-color: #fff;
		color: #f00;
	}
	
	/* * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * */
	
	#ContactForm #field-objet, #ContactForm #field-message { width:100%; }
	#ContactForm #field-message textarea { height:100px; } 
	
	div.concession { width:100%; position:relative; margin-top:1em;background:#ffffff;  padding:1em; padding-left:32%; overflow:hidden; }
	div.concession img { position:absolute; top:14px; left:2%; margin-right:1em; width:28%;  }
	
	#page-contact  #Content .vcard { line-height:1.1; font-size: 1em; }
	#page-contact  #Content .vcard .tel .value, #page-contact  #Content .vcard .email a { font-family: 'Titillium Web', Arial, sans-serif; font-weight: 700;} 
	
	/* * * * * * * * * * * * * * * * * * * * PANIER * * * * * * * * * * * * * * * * * * * * */	

	
	#Panier { clear: both; padding: 20px 0; color: #000;  width:90%; margin:0 auto; position:relative; }
	
	#Panier table{ }
	#Panier table th { background:#35383D; color:#ffffff; border:1px solid #ffffff;   vertical-align:middle;  padding:5px;  }
	#Panier table td.paxNum{ width: 6%; background: #FF0000; padding: 6px; color: #fff; font-size: 1.1em; text-align: center; font-weight: 700; vertical-align:middle; border-bottom: 2px solid #FF0000;  }
	#Panier table td.col-label { width: 60%; border-bottom: 2px solid #FF0000; padding: 6px; }
	#Panier table td.col-quantity { width: 14%; text-align: center;  vertical-align:middle; border-bottom: 2px solid #FF0000;  }
	#Panier table td.col-price { border-bottom: 2px solid #FF0000;  vertical-align:middle; text-align:center;  } 
	#Panier table td:last-child { text-align:right; }
	
	#Panier table td.col-quantity a { background:#FF0000;  font-size:1.2em;  display:inline-block; width:30px;  } 
	#Panier table td.col-quantity span  { font-size:1.2em;  display:inline-block; width:30px;   }
	
	#Panier table td.spacer{ height: 20px;}
	
	#Panier table td.total-facture{ padding: 3px 0 3px 10px; color: #35383D; font-size: 1.2em;  font-weight: 600; text-align:right; }
	#Panier table td.total{ text-align: right; background: #FF0000; padding: 3px 10px 3px 0; color: #fff; font-size: 1.5em;  font-weight: 600;}
	
	#Panier table td.emptyCart { text-align:center; font-style:italic;  padding-bottom:20px; }
	
	#OrderNav { width:100%; margin:0 auto; position:relative;  padding-bottom:10px; }
	#OrderNav  li { width:50%; margin:0; float:left;  }
	#OrderNav  li:last-child  { text-align:right; }
	
	#OrderNav  li a {  background:#FF0000; color:#ffffff; padding:6px 10px; text-transform:uppercase;  }
	
	p.erroMSG { color:#ff0000;  margin: 0 0 0.5em 0;  font-size:1.1em;  text-align:center; }
	#OrderNav  li a.nokNext { font-style:italic;  background:#333333; color:#cccccc; }

	
	.stepBtn{ display: inline-block;}
	#BackStep{ float: left;}
	#NextStep{ float: right;}
	
	#PanierW  p > a { color:#FF0000; }
	
	
	/* * * * * * * * * * * * * * * * *  CONCEPT  * * * * * * * * * * * * * * * * * * * */
	
	.special #Content p, .logged #Content p { font-family: 'Titillium Web', Arial, sans-serif; font-weight: 400; }
	
	#Content div.specialOffre { border:1px solid #000000; padding:2em; margin :2em; font-weight:bold;  background:#ffffff; }
	#Content div.specialOffre h4 { font-weight:bold;  } 

	
	.bigTextW{ padding: 20px 5% 20px 5%;}
	.bigTextW h2 { font-size: 2.5em; letter-spacing:4px; vertical-align: top; display:none; }
	.bigTextW h2 span.bouton { 
		display:inline-block; height:35px; width:1em; 
		background-image:url(zims/frontend/palras-lebouton-light2.png);  
		background-size: contain;background-repeat: no-repeat;
		overflow:hidden; text-indent:1000px; 
		background-position :bottom center;  margin-bottom: -3px;
	} 
	
	.mobile .bigTextW h2 span.bouton { height:25px;  }
	
	.bigTextW h2 span.subtitle { font-size:0.7em; color:rgba(229, 27, 32, 1); }
	
	.bigTextW p{ line-height: 1.4em;}
	.bigTextW p em{ font-style: italic;}
	.bigTextW p strong, .bigTextW h3 { color: #ff0000; display: inline-block; padding-bottom: 8px; border-bottom: 1px solid #ff0000; margin-bottom: 15px; text-align:left; font-weight: 700;}
	.bigTextW h3 { line-height: 1.3em;}
	.bigTextW p i, .bigTextW p svg{ color: #ff0000; font-size: 1.5em; }
	.bigTextW p .red{ color: #ff0000; font-size: 1.1em; font-weight: 600;}
	
	.bigTextW a{ color: #000; /*text-decoration: underline; */} 
	
	#page-concept #Covid {background: none; margin-bottom: 20px;}
	
	/* * * * * * * * * * * * * * * * * * * * CHARTE et CVG * * * * * * * * * * * * * * * * * */	
	
	p strong { font-family: 'Titillium Web', Arial, sans-serif; font-size:1.2em;  }
	
	
	#PlusList { width:85%; margin:0 auto; position:relative; font-family: 'Titillium Web', Arial, sans-serif; }
	#PlusList li { text-align:center; margin :0.5em;  }
	#PlusList li a { display:block; border:1px solid #000000; color:#000000; padding:1em; font-size:1.1em;  } 
	#PlusList li a:hover {  color:#ffffff;  background:#000000; } 
	
	#page-plus-infos #Covid { background: none; }
	
		
	/* * * * * * * * * * * * * * * * * * * * COMMANDE * * * * * * * * * * * * * * * * * * * */	
	
	
	/*#field-accept_cvg label a { background:#FF0000; line-height:1.2em; padding:3px;  }*/
	#field-accept_cvg label a { color:#FF0000; text-decoration: underline;  }

	
	#Cform .uniqueCheckBoxField { width:100%; clear:both; }
	#Cform fieldset { border:none; }
	
	#Cform select { padding:0.5em;  color:#000000; }
	#Cform #field-date_retrait, #Cform #field-mode_retrait { width:100%; display:block;  }
	#Cform span.retrait_magasin {  display:block; margin-top: 8px; }
	#Cform #field-date_retrait label, #Cform #field-mode_retrait label { float:left;  margin-right :0.5em;  } 
	
	#Cform .radio-field { background:#fff;padding:0.5em; margin:0.5em 0;  }
	#Cform #fieldsList-financement { display:none; }
 	
	#Cform #fieldset-livraison { border-bottom: 1px solid #000000; }
	
	
	#VehiculeResume { position:fixed;  left:0; top:20%; background:#000000; color:#ffffff;  padding:1em; width:350px; }
	#VehiculeResume h4 { text-transform: uppercase; font-weight:bold; font-size:1.4em; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); margin-bottom:8px; letter-spacing: 1px;}
	#Content #VehiculeResume p { font-weight:500; font-size:0.9em; }
	#VehiculeResume span.imgW { display:block; position:relative;  }
	#VehiculeResume span.imgW img { width:100%; } 
	#VehiculeResume span.imgW a { position:absolute; top:0; right:0;  padding:10px 6px;  background:#ffffff;  color:#ff0000; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
	#VehiculeResume span.imgW a.mlike { background:#ff0000;  color:#ffffff;  }
 	
	#VehiculeResume li {font-size:0.8em;} 
	#VehiculeResume li.vppprice { font-weight:bold; font-size:1em;  }
	
	#VehiculeResume p.garanties {  margin-top:1em; border-top:1px solid #ffffff; }

	
	
	.breadcrumb { text-align:center; display:table; margin-bottom:1em;  width:100%;  }
	.breadcrumb span { background:none; display:inline-block; color:#000000; padding:0 6px;  font-weight:bold; }
	.breadcrumb span.active {  background:#ff0000; color:#ffffff; }
	
	#page-commander #Content  p.prochainement, #page-plus-infos #Content p.prochainement { text-align:center; line-height:150px; font-style:italic; font-size:1.6em; font-weight:normal;  }
	
	#page-commander #Content .blockRecap { width:100%; float:none; margin:1em 0 0 0; }
	#page-commander #Content .blockRecap h4 { border-bottom:1px solid  #000000; }
	#page-commander #Content .blockRecap p { width:100%;  }
	
	form label a { color:#000000; }
	form label a:hover { text-decoration:underline; } 
	
	#Content p.expertNote { line-height: 1.1em; font-weight:500; }
	
	.ui-datepicker-header.ui-widget-header {background: #ddd; border: 1px solid #ddd; color: #000}
	/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #FF0000; border: 1px solid rgba(255,0,0,0.5);}
	
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {color: #ffffff; border: 1px solid #ffffff; background: #ff0000;}
	.ui-state-hover span {background: url(jquery/images/ui-icons_d8e7f3_256x240.png) !important; 
    background-position: -48px -192px !important;}
	*/

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * LISTING VPP * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	
	#page-showroom{}
	#page-showroom #ContentW, #page-vehicules #ContentW, #page-les-experts #ContentW {
		margin-top: 100px; overflow: hidden; padding: 0; position: fixed;
		background: none;
		padding: 0;
		height: 100%;
		min-height: 100%;
		overflow-y: auto;
		width: 100%;}
	

	
	#page-showroom #Content, #page-vehicules #Content, #page-les-experts #Content {
		float: right;
		width: 70%;
		min-height: 100%;
		height: 100%;
		background: none;
		padding: 30px 5% 0 0;
		position: relative;
		overflow: auto;
	}
	
	
	#Content  h2#ListTitle{
		color: #fff; text-align: right;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
		font-size: 1.6em;
	}
	
	#page-showroom #Content p.noItems {  text-align:center; background:rgba(255,255,255,0.7); padding:2em;  font-size:1.2em; font-style:italic; }
	
	
	
	
	/*
	#ProchaineVente{ background: rgba(255, 255, 255, 0.85); margin: 100px auto; width: 600px; padding: 30px 30px; text-align: center;}
	*/
	
	
	#WaitingMsg {  background:rgba(255,255,255,0.7) url(./zims/loader/24.gif) 50% 50% no-repeat; width:100%; height:600px; border:1px solid green;  }
	
	#Vcount{ display: none;}
	
	#VPPList{ overflow: auto; padding-bottom:120px; }
	#VPPList > li{ width: 24%; margin-left: 1%; display: inline; float: left; margin-bottom: 30px;}
	#VPPList > li:nth-child(4n+1){ clear: left;}
	
	
	#page-les-experts #VPPList > li,#page-commander #VPPList > li  { width: 32%; }
	#page-les-experts #VPPList > li:nth-child(4n+1), #page-commander #VPPList > li:nth-child(4n+1){ clear: none;}
	#page-les-experts  #VPPList > li:nth-child(3n+1), #page-commander  #VPPList > li:nth-child(3n+1) { clear: left;}
	
	
	/* Prévoir petites résos ICI */
	@media (max-width: 1650px){
		#VPPList > li{ width: 32%; }
		#page-les-experts #VPPList > li, #page-commander #VPPList > li  { width: 49%; }
		
		#VPPList > li:nth-child(4n+1){ clear: none;}
		#VPPList > li:nth-child(3n+1){ clear: left;}
		
		#page-les-experts #VPPList > li:nth-child(3n+1), #page-commander #VPPList > li:nth-child(3n+1){ clear: none;}
		#page-les-experts #VPPList > li:nth-child(2n+1), #page-commander #VPPList > li:nth-child(2n+1){ clear: left;}
	}

	
	#VPPList > li .couvW{ display: block; width: 100%; overflow: hidden; position: relative; z-index: 100; /*min-height: 190px;*/}
	.homeVMoment .couvW { display: block; width: 100%; overflow: hidden; position: relative;  /*min-height: 190px;*/}
	
	
	#VPPList > li .couvW img, #CommandeList > li .couvW img { display: block; width: 100%;}

	#VPPList > li .couvW .triangle, #CommandeList > li .couvW .triangle, .homeVMoment .couvW .triangle { display: block; width: 60px; height: 60px; background: #ff0000; position: absolute; top: -30px; left: -30px; transform: rotate(45deg);}
	#VPPList > li .couvW .like {  
		display: block;  position: absolute; top: 5px; right: 5px;  background:#ffffff; padding:10px 5px; color:#ff0000;
		-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
	#VPPList > li .couvW .like.mlike { color:#ffffff; background:#ff0000; font-weight: bold;}

	
	#VPPList > li .details{ 
		display: block; margin: -25px 10px 0; padding: 10px; background: rgba(0, 0, 0, 0.75); position: relative; z-index: 101; color:#ffffff; 
	}
	#VPPList > li .details{ height:175px;  height:200px; } 
	#page-les-experts  #VPPList > li .details { height:180px; }
	#page-commander #VPPList > li .details{ height:auto; min-height: 180px; } 
	
	
	#VPPList > li .details h3{ text-align:  left; margin-bottom: 3px;}
	#VPPList > li .details p.cardesc { font-size: 0.8em; line-height: 1em; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;}
	#page-les-experts  #VPPList > li .details p.cardesc, #page-commander #VPPList > li .details p.cardesc {  font-size:1em; color:#ff0000; }
	
	#VPPList > li .details p.description { padding-top:0.5em; font-size: 1em; line-height: 1em; font-style:italic;  font-weight:normal;  }
	
	#VPPList > li .details ul.prices{ margin-bottom: 10px;}
	#VPPList > li .details ul.prices li{ font-size: 0.8em; line-height: 1em; font-weight: 600; text-transform: uppercase; margin-bottom: 3px;}
	#VPPList > li .details ul.prices li.vppprice{ font-size: 1em; color: #ff0000;  }
	
	#VPPList > li .carlinks{ margin: 0; }
	#page-commander #VPPList > li .carlinks{ margin: 0; position: absolute; bottom: -10px; width: 100%; right: 15px; }
	#VPPList > li .carlinks a.more, #VPPList > li .carlinks a.like{ font-size: 0.85em; color: #ff0000; font-weight: bold;}
	#VPPList > li .carlinks a.more{ margin-right: 10px; }
	#VPPList > li .carlinks a.more svg{ font-size: 1.3em;}
	#VPPList > li .carlinks a.like{ display: block;}
	#VPPList > li .carlinks a.resa{ display: inline; float: right; background: #000; min-width: auto; padding: 5px 10px; color: #fff; border: none;}
	#VPPList > li .carlinks a.resa:hover{ background: #ff0000;}
	
	#FilterW { position:fixed;  left:0; top:20%; background:#ff0000; color:#ffffff; padding:1em; width:310px; }
	#FilterW h4 { text-transform: uppercase;  font-size:1.1em; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	#FilterBar{	display: none; }
	#FilterForm { margin:0; padding:0; width:100%;  }
	#FilterForm  fieldset { margin:0; padding:0; }
	#FilterForm  fieldset legend { text-transform:none; font-size:1em;  margin:0; padding:0; font-weight:bold;  }
	#FilterForm  #fieldset-sujet label, #FilterForm #fieldset-tri label { display:none; }
	#FilterForm #field-favoris {display: flex;}
	#FilterForm #field-favoris input {order: 1; width: auto;}
	#FilterForm #field-favoris label {display: block !important;}
	#FilterForm  #fieldset-sujet p, #FilterForm #fieldset-tri p {width:90%; }
	#FilterForm  #fieldset-sujet select, #FilterForm #fieldset-tri select { background:#000000; color:#ffffff; font-size:1em; border:none; padding:2px;  width:100%;  }
	#FilterForm  label, #FilterForm  span  { float:left; font-size:0.9em; line-height:1.1em; padding-right:5px; } 
	#FilterForm  input { padding:0; background:#ff0000; width:50%; float:left;  border:none; color:#ff; font-size:0.9em; border-bottom:1px solid #ffffff; font-weight:bold;  }
	#FilterForm  #FilterFormSubmit { background: #000000; 	width: auto; border: none;	float: none; 	min-width: 40px;  }
	
	
	#field-budget_max, #field-km_max {  }
	div#SliderBudget, #SliderKm { display:block; clear:both; margin:40px 0 20px 0; }
		

	#MobDeploy{ display: none;}
	
	#page-vehicule{}
	#page-vehicule #ContentW{
		margin-top: 90px;  margin-top: 110px;  overflow: hidden; padding: 0; position: fixed;
		background: none;
		padding: 0;
		height: 100%;
		min-height: 100%;
		overflow-y: auto;
		width: 100%;  }	
	
	#page-vehicule #Content {
		float: right;
		width: 70%;
		min-height: 100%;
		height: 100%;
		padding: 0 5% 0 2.5%;
		position: relative;
		overflow: auto;
	}
	
	
	#MobBacktoList{ display: none; position: fixed; top: 36px; left: 455px;
		height: 33px; width: 33px; text-indent: -999px; overflow:hidden;
		background: url(zims/buttons/back-arrow.png) no-repeat center top; border: none;}
	#page-vehicules #MobBacktoList, #page-vehicule #MobBacktoList{ display: block;}
	
	
	
	p#BackList{ font-size: 1.1em; margin: 15px 0; color: #000; text-align: right;}
	p#BackList a{  color: #000; }
	
	#VehiculeFiche{ /*background: rgba(255, 255, 255, 0.85); padding: 25px 0;*/  overflow: auto; display: block;
	padding: 25px 0 130px 0; }
	
	#VehiculeFiche .leftContent, #VehiculeFiche .rightContent { display: inline; float: left;}
	#VehiculeFiche .leftContent{ width: 50%; margin-right: 5%;}
	#VehiculeFiche .rightContent{ width: 45%}
	
	
	#VehiculeFiche h2{ font-size: 3.5em; text-align: left; margin: 0 5% 10px 0; line-height: 1em; letter-spacing: 0; }
	#VehiculeFiche h3{ font-size: 1.5em; text-align: left; margin-bottom: 0 5% 15px 0; line-height: 1.2em; margin-bottom: 0em; }
	
	#VehiculeFiche div.vTitleW { margin-bottom:1em; }
	#VehiculeFiche  .avantages { background: #000000; color:#ffffff;  text-transform:uppercase; display:block; width :100%; text-indent:0.5em; padding:4px 0; font-size:1.2em; }
	
	
	#VehiculeFiche .details{}
	#VehiculeFiche .details > li{ margin-bottom: 3px; overflow: auto;}
	#VehiculeFiche .details > li span{ display: block; float: left; width: 43%; margin-right: 1%; padding: 3px 3%; }
	#VehiculeFiche .details > li span.label{ background: #ff0000; color: #fff;}
	#VehiculeFiche .details > li span.value{ background: #fff; color: #000;}
		
	#VehiculeFiche .equipement{ margin: 30px 0;}
	#VehiculeFiche .equipement *{ width: auto !important; float: none !important; overflow: visisble !important;  }
	
	
	#VehiculeFiche .prices{ display: block; background: #ff0000; width: 80%; padding:15px 5%; float: right;  }
	#VehiculeFiche .prices li{ color: #000; text-align: right; font-weight: bold;}
	#VehiculeFiche .prices li span{ font-size: 1.6em;	}
	#VehiculeFiche .prices li span.lineThrough, .prices li span.lineThrough{ text-decoration: line-through;	}
	#VehiculeFiche .prices li.vppprice { font-size: 1.1em; color: #fff;   }
	
	#VehiculeFiche .prices li a.moreLink { background:#000000; padding:0 4px; font-weight:500; }
	
	#VehiculeFiche .likesLink{ color: #ff0000; font-size: 1.8em; display:inline-block;  background:#ffffff;  
		padding:16px 5px;
		-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
	#VehiculeFiche .likesLink.mlike { background: #ff0000; color:#ffffff;  } 
	
	
	/*#VehiculeGalerieCouv{ display: block; width: 100%; overflow: hidden; position: relative; padding-top: 30px; }
	#VehiculeGalerieCouv img{ display: block; width: 100%;}
	#VehiculeGalerieCouv .triangle{ display: block; width: 60px; height: 60px; background: #ff0000; position: absolute; bottom: -30px; right: -30px; transform: rotate(45deg);} */
	
	#VehiculeGalerieW { width: 100%; position: relative;}
	#VehiculeGalerie { width: 100%;  }
	#VehiculeGalerie .item  { float: left;  }
	#VehiculeGalerie .item  img{ display: block; width: 100%; }
	
	#VehiculeGalerieThumbs { width: 90%;  margin:0 auto; padding-top:1em;  }
	#VehiculeGalerieThumbs .item { margin: 5px; }
	#VehiculeGalerieThumbs .item  img{ display: block; width: 100%; }
	
 	#VehiculeGalerieW .galArrow{ font-size: 4em; color: #ff0000; position: absolute; top: 15px;}
 	#VehiculeGalerieW #GalArrow-prev{ left: -40px;}
 	#VehiculeGalerieW #GalArrow-next{ right: -40px;}
	
	#VehiculeFiche  p.vehiculeAction { text-align:right;  padding-top:1em; }
	#VehiculeFiche  p.vehiculeAction  a.button.resa {  background: #000; color: #fff }
	
	#InfoForm {}
	#InfoForm .textareaField  { width:100%; float:none; clear:both; }
	#InfoForm .textareaField textarea  { height:120px;  }

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

	#page-contact{}
	#page-contact #Covid {margin-top: 30px; margin-bottom: 50px;}
	
	#page-contact #Content  div.vcard p { font-weight:normal;  font-size:1em; }
	

	p#Confirmation{
		font-size: 1.4em; font-style:italic; font-weight: 300; line-height:40px; margin: 80px 0 0 25px;
	}
	
	 /* * * * * * * * * * * * * * * * *  ESPACE MEMBRE    * * * * * * * * * * * * * * * * * * * */
	

	/*#page-espace-membre #ContentW { padding-top: 300px; background: url(../media/images/head_user.jpg) no-repeat center top; /*background-size: cover;*/   }*/
	
	p.confirmationMsg  {  font-size:2em; text-align:center;  }
	
	
	#EmailLinkForm {  position:relative; margin:0 auto; width:350px;  }
	#EmailLinkForm p { width:100%;  }
	
	#MyAccountForm { padding-bottom:120px; }	
	#MyAccountForm fieldset { margin-bottom:2em; padding-top:1em;  }
	#MyAccountForm #fieldset-sujet legend {  font-size:2.2em; text-align:center;  border:none; color:#000000;  background:none; border-bottom:none;  }
	#MyAccountForm #fieldset-sujet { border:none; }
	#MyAccountForm #fieldset-sujet .fieldsListTitle { text-align:center; } 
	#MyAccountForm textarea { height:220px ; }
	
	#MyAccountForm h3 { margin-top:1.5em; color:#000000; text-align:left;  font-size:1.4em; border-bottom:1px solid #000000;  }
	#MyAccountForm h4 { text-align:left; clear:both; }
	
	
	#MyAccountForm  .fieldsListTitle { text-align:left; 
		font-size: 18px;
		font-weight: 400;
		line-height: 1.5em;
		font-family: 'Quicksand', sans-serif;
	}
	
	
	#MyAccountForm  .fieldsList {  width:100%; margin-bottom: 0;   }
	#MyAccountForm  .fieldsList .fields > div { background:#ffffff; color:#000000;  display:block;    overflow: auto;  margin:0.5em 0.5em 0.5em 0em;  padding:0.5em;  width :49.25%;  float:none;   }
	.mobile #MyAccountForm  .fieldsList .fields > div {  width :98%; text-align:left; }
	#MyAccountForm .fieldsList .fields > div label { cursor:pointer; }
	
	
	#MyAccountForm #fieldsList-options { position:relative; width :500px;  margin:0 auto; }
	#MyAccountForm #fieldsList-options .fields > div { background:#ffffff; color:#000000;  display:block;  overflow: auto;padding:0.5em; margin:0.5em;  clear:both; float:none;  width:100%; border: 1px solid #ccc;   }
	#MyAccountForm #fieldsList-options .fields > div.selected {  background:#ff0000; color:#ffffff; }  
	
	#fieldsList-civilite { }
	#MyAccountForm .fieldsList .fields > div.radio-field { display:inline-block; width:auto;  }
	
	#MyAccountForm #field-pwd { position:relative;}
	#MyAccountForm #field-pwd .infoPwd { top:-110px; left :0;  }
	#MyAccountForm #field-pwd .infoPwd svg  {  position: absolute; right: 125px; bottom: -14px; }

	#MyAccountForm #fieldset-update_account, #MyAccountForm #fieldset-update_password, #MyAccountForm .formButtons { display:none;  }

	
	 /* * * * * * * * * * * * * * * * *  PRE-INSCRIPTION   * * * * * * * * * * * * * * * * * * * */
	 
	
	div.specialMessage { position:fixed; top:14%; left:50%; width:460px; min-height:30px; line-height:30px; font-size:1.8em; margin: -15px 0 0 -300px; text-align:center; background: rgba(255,255,255,0.7); overflow:auto;  }
	div.specialMessage a.button { background:#3BB5BA; color:#ffffff; width:38%; position:relative; margin:0 auto;  text-align: left; margin-top:6px;  }
	div.specialMessage a.button:hover { background:#43ced3;   }
	div.specialMessage a>svg { font-size:0.9em;   }
	
	div.specialMessage.underMaintenance {  width:580px;  text-align:left; padding:1em; margin: -15px 0 0 -300px; }
	
	
	img#SpecialMessage {
		position:fixed;  top:2%; left:2%; width:450px ; 
		animation: SpecialMessageAnnim 1s ease-out;  
	}

	@keyframes SpecialMessageAnnim {
		 from { opacity:0; top:-2%;  visibility:hidden;   } 
		 20%  {  }
		 to   { top:2%; opacity:100%; visibility:visible;  }
	}
	
	
	.portrait img#SpecialMessage, .mobile img#SpecialMessage { 
		width:90%;  left:5%; bottom:15%;  top:auto; 
		animation: SpecialMessageAnnimPortrait 1s ease-out;  
		z-index:10;  background: rgba(0,0,0,0.9);  padding:3%; 
	}
	
	@keyframes SpecialMessageAnnimPortrait {
		 from { opacity:0; bottom:0;  visibility:hidden;   } 
		 20%  {  }
		 to   { bottom:15%; opacity:100%; visibility:visible;  }
	}
	
	.fancybox-overlay { z-index:10000; }
	
	
	/**
	 * Auth
	 */
	 
	#page-pre-inscription h1 { position:relative; text-align:center;  font-size: 2.2em; padding :0; margin:0 0 0.5em 0; color:#000000; width:auto;  font-weight:500;  border-bottom:4px solid #FF0000; }
	#page-pre-inscription h1.small { margin:0 0 0em 0; font-size:1.5em; cursor:pointer; }
	
	#page-pre-inscription span.formShow { display:block; text-align:center; color:#ff0000; width:100%; padding:0 0; margin-top:1em;  margin-bottom:-2em; cursor:pointer;   }
	
	#page-pre-inscription  #MainW { min-height:auto; width:400px; background:none; margin:0;  position:fixed; top:1em; right:1em;  /*padding-left:70px;*/ }
	#page-pre-inscription  #MainW, #page-pre-inscription  #Main, #page-pre-inscription  #Header, #Footer {  -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;  border:none; }
	#page-pre-inscription  #ContentW  { padding:0 2em 2em 2em;   position:fixed; width:400px;   background: rgba(255,255,255,0.9); }
	#page-pre-inscription  #Content  { background:none; padding:0;  }
	/*#page-pre-inscription  #Header { background:none; height:auto; width:90px;  position:absolute; top :20px; left:25px;  z-index: 110; } */
	#page-pre-inscription  #Header h1 { overflow:visible; height:auto; width:auto;  } 
	#page-pre-inscription  #Header #HomeLink { overflow:visible; text-indent:0;    }
	
	#page-pre-inscription #Content form fieldset { border-top:none; padding:0;  }
	#page-pre-inscription #Content form label { display :none; } 
	#page-pre-inscription #Content form input { background:#ffffff; }
	#page-pre-inscription #Content p {  margin:0.8em; }
	
	
	.infoPwd {
		position:absolute; top:-50px; background:#ffffff; left:-245px; width:250px; color:#000000; text-align:left; 
		padding-left:0.5em; border:2px solid #ff0000; font-weight:500; 
	}
	.infoPwd svg { position:absolute; right:-8px; color:#ff0000; bottom:50px; } 

	
	
	#LoginFormZone {   }
	#LoginFormZone.bigSize { min-height:120px;}
	
	#LoginFormZone p { font-size:1em; color:#000000; text-align:center;  position:relative;  }
	.portrait  #LoginFormZone p { text-align:left; } 
	/*#LoginFormZone > p { display:none;  }*/
	/*#LoginFormZone > p.pwdChangeConfirmMessage, #LoginFormZone > p.keyMessage{ display:block; width:100%; min-height:30px; margin-left:2% !important;  line-height:20px !important;  font-size:1.5em !important; } */
	
	
	#AuthForm #AuthFormMainFieldset, #uPassword #uPasswordMainFieldset { border:none;  }
	 
	#AuthForm #AuthFormMainFieldset p > label, #uPassword #uPasswordMainFieldset p > label { width:70px;  float:none;  display:inline-block;  } 
	.fancybox-inner #uPassword #uPasswordMainFieldset p > label {  display:block; width:100%; }
	
	#AuthForm #AuthFormMainFieldset p > input, #uPassword #uPasswordMainFieldset p > input { width:150px; background:#ffffff;  border:1px solid #10059f; color:#10059f; }
	#AuthForm #AuthFormMainFieldset #AuthFormButtons, #uPassword #uPasswordMainFieldset #uPasswordButtons  { padding:10px 0 5px 10px; }
	#AuthForm #AuthFormMainFieldset #AuthFormButtons #AuthFormSubmit, #uPassword #uPasswordMainFieldset #uPasswordButtons #uPasswordSubmit { text-transform:uppercase; background:#10059f; color:#ffffff; border:none;  font-weight:bold; letter-spacing:2px; padding:5px 0; width:152px; /*margin-left:76px;*/ margin:0 auto;  display:block; } 
	#uPassword #uPasswordMainFieldset #uPasswordButtons #uPasswordSubmit {  width:172px; } 
	
	#AuthForm #AuthFormMainFieldset #AuthFormButtons #AuthFormSubmit:hover, 
	#uPassword #uPasswordMainFieldset #uPasswordButtons #uPasswordSubmit:hover 	{ background:#32afb9; } 
	
	#page-home .loginZone ul.formErrors a.errorLink { width:100%; color:#ff0000; font-weight:500; }
	

	#page-auth  #Content { padding:10px; }
	 
	#WarningText { display:none; }

	 
	 /****** WISHES ********/
	 
	 /*#page-auth #MainW {  background:#fff url(zims/frontend/ban-2017.jpg) 50% 370px no-repeat; }
	 #page-auth #AuthForm { margin :0 auto 186px !important;  } 
	 
	 #page-auth #MainW {  background:#fff url(zims/frontend/maintenance-message-2017.jpg) 50% 370px no-repeat; }
	 #page-auth #AuthForm { margin :0 auto 186px !important;  } */
	 
	 #page-auth #Content p.warning { /*background:url(zims/icons/locked.jpg) 8px 50% no-repeat;*/  font-size:1.2em; line-height:22px; font-style:italic; text-align:left; /*padding:8px;  */
	 position:relative; margin:10px auto 0 auto;  line-height:16px ;   }
	 #page-auth #Content p.warning strong { /*display:block;*/ }
	 #page-auth #Content p.warning  i {  font-size:2.8em;  position:absolute; left:5px; top:20px; }
	 
	 
	 
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * USER ZONE * * * * * * * * * * * * * * * * * * * * * * * * */
 
	
	/* .logged #HeaderW, #HeaderW  { height: 110px;   } */
	.logged #Header, #Header { height:100%; /*background:rgba(255,255,255,0.8); */}
	.logged #HomeLinkW, #HomeLinkW { height:59px; height:75px; margin:16px 16px;  }
	.logged #HomeLinkW > a > img, #HomeLinkW > a > img { /*height:100%; width:auto;*/ width:250px;  }
	
	
	/* #Nav {  float:right;  display:inline-block; color:#000000;  margin-right:1em; } */
	#Nav ul { position: relative; display:flex;  margin: 0; overflow: visible; z-index: 500; 
	height: 110px; width: 100%; text-align :center;  }
	#Nav ul li { position: relative;  text-transform: uppercase;text-align: left; cursor: pointer; display: inline-block; width: 105px;  /*font-size:0.9em;*/ font-size: 1em; }
	#Nav ul li:hover { background :#ffffff; }
	#Nav ul li a { display: flex; flex-direction: column; justify-content: center; height: 110px; 
	text-align: center; width: 100%; color:#000000; /* letter-spacing:0; font-weight:600;   */ 
	font-family: 'Titillium Web', Arial, sans-serif; font-weight:bold;
	}
	#Nav ul li a:hover { color:#FF0000; } 
	#Nav ul li a svg { clear: both !important; margin-bottom: 2px; } 
	#Nav ul li a span { display: block;} 
	
	/*#UpperNav{ display: none;}*/
	
	#MainMenu-qui-Item span { /*line-height:1.2em;*/ }
	
	#page-espace-membre #ContentW { padding-top:300px; }
	#page-espace-membre p.confirmationMsg { text-align:center; }
	
	.logged #ContentW,
	.special #ContentW,
	#page-espace-membre.logged #ContentW,
	#page-qui-sommes-nous #ContentW,
	#page-contact #ContentW  { 
		background:none;  
		padding:0; 
		min-height:100%; 
		width:100%;
	}
	
	#page-espace-membre.logged #ContentW { overflow-y:scroll; }

	.logged #Content, .special #Content{  width:90%; min-height:100%; /*background:rgba(255,255,255,0.8); */ padding:1em 1em 150px 1em; position:relative; margin:0 auto; } 
	
	

	.logged div.specialMessage { position:fixed; top:14%; left:50%; width:460px; min-height:30px; line-height:30px; font-size:1.8em; margin: -15px 0 0 -300px; text-align:center; background: rgba(255,255,255,0.7); overflow:auto;  }
	.logged div.specialMessage a.button { background:#3BB5BA; color:#ffffff; width:38%; position:relative; margin:0 auto;  text-align: left; margin-top:6px;  }
	.logged div.specialMessage a.button:hover { background:#43ced3;   }
	.logged div.specialMessage a > svg { font-size:0.9em;   }
	
	.logged div.specialMessage.underMaintenance {  width:580px;  text-align:left; padding:1em; margin: -15px 0 0 -300px; }
	
	.logged #Footer { background:rgba(0,0,0,1); color:#ffffff; } 
	
	
	.logged div.specialAnnonce { position:fixed; bottom:14%; left:50%; width:980px; font-size:1em; margin: -15px 0 0 -490px; text-align:center; background: rgba(255,255,255,0.7); padding:1em;  }
	.logged div.specialAnnonce h2  { font-family: 'Quicksand', sans-serif; font-weight:800; margin-bottom:0.5em;   font-size:2.2em;  } 
	.logged div.specialAnnonce .chronos  { font-size:1.8em;   }
	.logged div.specialAnnonce .chronos span { font-size:1.2em; font-weight:600;  }
	
	

	
	
	.vente { margin-bottom: 30px;}
	.showroomTitle{ margin: 70px 5%; text-align: right;}
	.vente a.mainLink, .vente span.mainLink  { display: block !important; /*background: #none !important;*/ padding: 0 !important;  margin: 0 !important; vertical-align:top; position:relative;  }
	
	
	.vente img{ display: block; width: 100%; position: relative; z-index: 10;}
	.vente .vInfos{ display: none; position: absolute; width: 100%; height: 92%; background: #fff; padding: 15px; z-index: 12; top: 0; left: 0; }
	.vente .vInfos .vTitle { letter-spacing:0; font-size:1.4em; font-family: 'Quicksand', sans-serif; padding-top: 60px; }
	.vente .vTitle { background:#ffffff; padding:0.5em 10px 0; margin: 0;  font-size:1.2em; }
	.vente .vTitle .nomob { font-size:0.8em; font-weight:500; } 
	
	.vente .vInfoLink, .vente .vGoLink{ 
		position:absolute; top:15px; right:15px; padding:14px 26px; z-index: 11;
		display: block; text-indent: -999px; overflow:hidden;
		background: #fff url(zims/buttons/showroom-btns.png) no-repeat center 10px; border: none;
		-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
	.vente .vGoLink{ top:76px; background-position: center -57px; }
		
	.vente .vInfoCloser{ position:absolute; top:10px; right:20px; color:#000; background: none;  z-index: 12; }
	



	.vente .vText { position: relative; z-index: 13; color: #000;}
	.vente p{ background: #fff; margin: 0; padding: 10px 5px;}
	
	.vente .vAccess{  display:inline-block; position: absolute; top: -40px; right: 0; background:#ff0000; padding:0.5em 1em; text-transform :uppercase; font-weight:bold;  margin-left:12px; }
	
	.vente span.vAccess {  position:absolute; top: auto; bottom:0; right:0; z-index:500; }
	
	.vente .chronos { background:#ffffff;  font-size:2.2em; line-height:2.2em; margin:0; color: #000;}


	#ProchaineVente {
		margin: 50px 5%;
	}
	
	#ProchaineVente ul {}
	
	#ProchaineVente ul li {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#ProchaineVente ul li.concession {
		width: 100%; 
		font-size:1.2em;
		margin-bottom: 0;
	}
	
	#ProchaineVente ul li.concession div {
		width:45%;
		float:left;
		background:#000000;
		color:#ffffff;
		text-align:left;
	}
	#ProchaineVente ul li.concession div.more {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 45%;
		text-transform: uppercase;
	}
	#ProchaineVente ul li.concession.vente div.more img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#ProchaineVente ul li.concession div.more a { display:block; padding:1.2em;  background:#E5181D;  text-align:center;  font-size: 1.1em; font-weight:400;  } 
	
	#ProchaineVente ul li.concession h3 { margin:0.6em 0.6em 30px 0.4em; text-align:left; font-size:1.6em; } 
	#ProchaineVente ul li.concession p { background:#000000; color:#ffffff;  padding:0.6em }
	#ProchaineVente ul li.concession p strong { color:#E5181D; font-size:0.9em; } 
	#ProchaineVente ul li.concession p.linkW { background:#E5181D; padding:9px; }
	#ProchaineVente ul li.concession p.linkW a { display:block; background:#E5181D; font-size:1.2em; text-align:center; padding:0.7em; text-transform:uppercase; }


	#VehiculeResume .infotarif { clear: both; font-size: 0.7em; line-height: 1.2em;}
	#VehiculeFiche .infotarif { clear: both; font-size: 0.8em; text-align: right; line-height: 1em; padding-top: 10px;}
	
	#CommandeList { }
	#CommandeList li {   }
	#CommandeList li .commandeW {  }
	#CommandeList li h4 { background:#E51C21; color:#ffffff; text-indent:0.5em; }
	#CommandeList li h4 span { float:right;  margin-right:0.5em; }
	#CommandeList li .fieldset { background:#ffffff; overflow:auto;  margin-bottom:1em; padding:1em;  font-size: 0.8em; clear:both; }
	#CommandeList li .fieldset p { margin-bottom:0.5em; line-height:1.2em; }
	#CommandeList > li .couvW { display: block; overflow: hidden; position: relative; z-index: 100; float:left; margin-right:1em; }
	/*#CommandeList li .fieldset .couvW {   } */
	#CommandeList li .fieldset h5 { font-size: 1.15em; letter-spacing: 0.025em; margin-bottom:3px; } 

	#Content p.noItems { text-align:center; font-weight:bold; font-style:italic; }
	#Content p.noItems em { display: inline-block; padding: 3px 6px; background: #fff; }
	

	
	
	
	/* #ContactForm #field-experts {display: none;} */
	#ContactForm select, #InfoForm select {height: 40px;}
	#ContactForm #ContactFormButtons {clear: both;}
	#InfoForm #field-nom {clear: both;}
	
	
	.mobile .loginZone {background-color: rgba(0,0,0,0.5) !important; padding: 10px 20px !important;}
	
	
	
	
	#ConfirmBox{ background: rgba(255,255,255,0.85); 
	margin: 200px 30%;
    padding: 25px 50px;}
	
	
	
	
	
	
	.specialContent{ background: rgba(255,255,255,0.8); padding: 40px 25%; margin-top: 50px; }
	
	
	
	
	
	/********************* MEDIA QUERIES *******************/
	
	@media(max-width:1280px) {
		
		/*.logged #HomeLinkW > a > img, #HomeLinkW > a > img { width:80%; height:auto; }  */
		
		.focusW{ width: 980px;}
		#OptionList li{ width: 48%; margin-bottom: 25px;}
		#OptionList li, #OptionList li.wide { margin-right: 0 !important; }
		
		#Nav ul li { width: 83px; font-size: 0.8em; }
		
		
		.specialContent{ padding: 40px 15%; }
	}

	
	@media all and (min-width: 1024px) and (max-width: 1400px){
		#page-home #ContentW { padding: 20% 0 100px;}
		/*.logged #Content, .special #Content, #page-qui-sommes-nous #Content, #page-contact #Content {padding: 12% 1em 150px 1em;}*/
		
	}
	
	@media(max-width:1023px) {
		
		.focusW{ width: 95%; margin: 0 2.5%;}
		.nomob{ display: none !important;}
		
		div#mobBG { display: block; background: #fff; background-attachment: fixed; background-size: cover;  }
		div#mobBG div { width: 100%; height: 100%; background: url(zims/frontend/mobile-bg-gradient.png) repeat-x center top; }
		
		input[type="button"], input[type="submit"], input[type="reset"], .button { min-width: 5em; padding: 0.5em 2em; margin-top: 10px;}
		
		/* #Footer, .logged #Footer{ position: static; } */
		#Footer p {  font-size: 0.7em; }
		
	
		h2, h3, #Event h4 {  text-align: left; }
		h2 { line-height: 1.3em; }
		
		form .small{ width: 200px;}
		
		
		.specialContent{ padding: 40px 5%; }
		
		
		/* HEADER */
		#HeaderW {
			/* position: relative; */
			width: 100%;
			margin-left:0;
		}

		#HomeLinkW { height: auto;}
		#HomeLinkW,
		#Header h1 {
			padding: 0;
			margin: 0;
			height: 100%;
		}
		
		#HomeLink{ width: 100%; }
		
		#HeaderW  {
			/* height: 85px; */
			/* background: #fff; */
		}
		.logged #HeaderW { height: 73px;   }
		#Header{
			width: 100%;
			height: 85px;
			display: flex;
			/*justify-content: space-between;*/
			justify-content: right;
			align-items: center;
		}
		.logged #Header{ height: 73px;}
		
		/* .logged #Header, #Header, #HeaderW.mini{  background:none; } */
		
		.logged #HomeLinkW { /*width: 55%;*/ width:auto; height: 80%; max-height:58px; margin: 8px 8px; }
		.logged #HomeLinkW > a > img, #HomeLinkW > a > img { /*width:auto; height:100%;*/  width: 80%; }  
		
		#HeaderBand { 
			position:fixed; z-index: 1; /* background: #fff; */ 
			height: 85px; width: 100%; opacity: 0;
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: color  opacity 0.2s ease-in-out;
		}
		
		.logged #HeaderBand{ height: 73px;  }
		
		/*.scrolled #HeaderBand, .skined #HeaderBand{ opacity: 1;}*/
		#HeaderBand{ opacity: 1;}
		#Header.open{  height: 100%;}
		
		
		
		/* MENU BURGER */
		#Nav li { float: left; text-transform: uppercase; margin-left: 50px; text-align:left; }
		#Nav li a{ border: none; color: #222; font-weight: 400; font-size: 1.3em; position:relative;  }
		#Nav li a:hover{ color: #c40d10; }
		#Nav ul li a {height: auto;}

		
		#Nav{ 
			/* position: absolute;  */
			/* top: 0;  */
			/* width: 100%;  */
			/* height: 100%;  */
			/* z-index: 10000; */
			/* float: none;  */
			/* display: table;  */
			/* margin: auto; */
		}
		
		/*.logged #Nav ul {display: inline-table;}
		.logged #Nav ul li a {}*/
		
		
		#NavIco{ 
			display: block;  height: 33px; width: 33px; text-indent: -999px; overflow:hidden;
			background: url(zims/buttons/minimenu-r.png) no-repeat center top; border: none;}
		.open #NavIco{ background-position: center bottom; }
		
		#UpperNav{ display: block; position: absolute; right: 5%; top: 15px; z-index: 10001; }
	
		
		/*.idle #NavIco {bottom: -145px;}*/
		
		#Menu{ 
			position: absolute; right: -100%; top: 0; width: 65%; height: 100%;
			opacity: 0; 
			padding: 80px 5% 0; 	}
			
		#Nav .HTMLMenu{ height: auto; padding: 0; margin: 0;  display: inline-block;}
		#Nav .HTMLMenu li{ 
			height: auto; display: block; float: none!important; width: 100%; margin: 0 !important; border-bottom: 1px solid #aaa;}
		#Nav .HTMLMenu li a{ display: block; padding: 12px 15px; text-align: left; }

		#Nav ul li a svg { margin-right: 15px;  }
		#Nav ul li a span { display: inline;  }
		
		#MainMenu-logout-Item span, #MainMenu-home-Item span {font-size: 12px;}
		
		#Nav ul li:last-child { border-bottom: none;}
	
	
		/* GENERAL CONTENT */
		
		/*ContentW*/
		
		#ContentW,
		#page-showroom #ContentW, 
		#page-vehicules #ContentW, 
		#page-les-experts #ContentW ,
		.logged #ContentW, 
		.special #ContentW, 
		#page-espace-membre #ContentW, 
		#page-espace-membre.logged #ContentW, 
		#page-qui-sommes-nous #ContentW, 
		#page-contact #ContentW, 
		#page-vehicule #ContentW { 
			position: relative;
			height: auto; 
			min-height: auto; 
			overflow: visible; 
			z-index: 1; 
			padding-top: 0;
		}
		
		#page-showroom #ContentW{ margin-top: 25px;}
		#page-home #ContentW{ margin-top: 50px;}
		#page-vehicules #ContentW{ margin-top: 160px;}
		
		#page-showroom #ContentW, #page-vehicules #ContentW{ min-height: 550px; }
		
		/* Content */
		#page-showroom #Content, #page-vehicules #Content, #page-les-experts #Content { 
			float: none; padding-top: 0; 
			width: 100%; min-height: auto;
			padding: 20px 2.5% 80px;
			overflow: visible; 
		}
		
		.logged #Content, .special #Content, #page-qui-sommes-nous #Content, #page-contact #Content, #page-vehicule #Content {    
			float: none;
			width: 100%; min-height: auto;
			padding: 5px 2.5% 80px;
			overflow: visible;
		}
		

		/* Children */
		
		.special #Content h2, #page-qui-sommes-nous #Content h2, #page-contact #Content h2, #Content h2#ListTitle, #Content .bigTextW h2:first-child, .vTitleW h2, #Content h2:first-child:not(.nomove) { 
			width: 100%;  padding: 0.5em 5%; 
			line-height: 1em; margin: 0; color: #fff; text-shadow: none; 
		}
		/*#Content h2.nomove{ position: static; }*/
		
		#Content h2, .bigTextW h2 {font-size: 1.8em;}
		h2#ListTitle  { 
		    text-shadow: none;
			font-size: 1.8em;
			text-align : right;
		}
		
		

		.bigTextW{ padding: 80px 0 0 0 ;}
		
		.logged div.specialAnnonce h2 {font-size: 1.8em;}
		.logged div.specialAnnonce .chronos {font-size: 1.5em;}
		
		#ContentW, #Content{ position: relative; }
		
		
		
		/******************/
		
		
		
		/* HOME */
		
		#page-home #ContentW{ padding-top: 0; }
		
		#LoginForm, #SignIn, .loginZone .loginContent .formIntro {margin: auto;}
		
		#HomeContentW, .promosZone {width: auto;}
		.promosZone{ padding: 20px 5%;  clear: both;  }
		.promosZone ul li { line-height: 1.2em; margin-bottom: 15px;}
		#HomeContentW .leftW { position: static;  padding-bottom:30px; } 
		#HomeContentW .loginZone {
			width: 100%; 
			position: relative;
			/*float: right;*/
			padding: 0px 2.5% 0 0;
			background: none;
			margin-bottom: 40px;
		}
		
		#HomeContentW .loginZone a{  background: none; color: #ffffff; }
		#HomeContentW .loginZone a.active { background: rgba(255,0,0,0.8); color: #ffffff; }
		#HomeContentW .loginZone a h3{ color: #fff; font-size: 1.1em; }
		#HomeContentW .loginZone a.active h3 { color: #fff;}
		
		#HomeContentW .loginZone, #HomeContentW #SignIn #field-cvg label a {color: #fff; line-height: 1em;  }
		#HomeContentW .loginZone a { width: 100%; float: none;}
		
		#HomeContentW #LoginForm a.helpLink, #HomeContentW #SignIn a.helpLink { color: #fff; }
		
		.loginZone .loginContent .formW {  padding: 20px 0 0 0; }
		#LoginForm, #SignIn {width: auto;		}
		
		#LoginOr{ display: block; text-align: center; margin: 5px 0;}
		
		#WhatisVPP{ }
		
		
		/* OTHERS */
		
		
		
		
		/*.logged #ContentW, .special #ContentW, #page-espace-membre.logged #ContentW, #page-qui-sommes-nous #ContentW, #page-contact #ContentW {overflow-y: inherit;}*/
​		
		#fieldsList-options {width: 100% !important;}
		#MyAccountForm #fieldsList-options .fields > div {margin-left: 0 !important;}
		
		
		
		h2.showroomTitle{ 
			text-align: right; padding: 0 5%; display: block !important;
			line-height: 0.9em; margin: 0 0 50px 0; color: #fff;}

		
		#ProchaineVente{ 
			position: relative;
			bottom: 0;
			left: 0;
			width: auto;
			margin: 0;
			background: none;
			padding: 0;
			margin: 0 5%;}
		
		
		.vente{ margin-bottom: 50px; border-bottom: 0;}
		
		#ProchaineVente ul {display: block; padding-bottom:20px;	}
		
		/* #ProchaineVente ul li { display: block; width: 100%; margin-right: 0; color #fff; } */
		
		
		.logged div#ProchaineVente h2.vTitle { font-size: 1.4em;}
		.vente .vTitle { 
			font-size: 1.2em; line-height: 1.1em; margin: 0; position: relative; z-index: 11;
			/*background: url(zims/frontend/showroomlist-thumb-deco.png) no-repeat left top; padding-top: 56px;*/
		}
		.vente .vTitle span { 
			display: block; padding: 8px 15px; background: #fff;
			
		}
		.vInfoCloser{ font-size: 1.5em;)}
		.vente p { padding: 4px 15px; position: relative; font-size: 0.9em;	}		
		.vente p  span{ display: block;	}
		.vente p a { position: absolute; bottom: -20px; right: 15px;	}	
		
		.vente a.vAccess {
			
		}
		
	
		
		
		
		#MobBacktoList{ top: 15px; right: 80px; left: auto;}
		
		
		
		#Vcount{ display: block; text-align: right; font-weight: bold; margin: 10px 2.5%; color: #fff;}
		
		
		#VPPList { padding: 0 0 40px 0; margin: 0 2.5%;}
		#VPPList > li {
			width: 320px;
			margin: 0 auto;
			display: block;
			float: none; 
			margin-bottom: 50px;
		}
		
		
		
		#VPPList > li .details { background: rgba(255, 255, 255, 1); height: auto; }
		#VPPList > li .carlinks a.more, #VPPList > li .carlinks a.like{  font-size: 1em; color: #ff0000; }
		#VPPList > li .carlinks a.more svg{ font-size: 1.5em; vertical-align: middle }
		
		#page-commander #VPPList > li .details{ min-height: 100px; } 
		
		.multi #VPPList > li { width: 48.5%; margin-right: 3%; float: left; margin-bottom: 30px;}
		#VPPList > li:nth-child(3n+1) {  clear: none; }
		.multi #VPPList > li:nth-child(even) { margin-right: 0; }
		.multi #VPPList > li:nth-child(odd) { clear: left; }
		
		.multi #VPPList > li .couvW { min-height: auto; }
		.multi #VPPList > li .details { margin: 0;}
		.multi #VPPList > li .details p.cardesc, .multi  #VPPList> li .details .carkm, .multi #VPPList > li .details  .carlinks .more
		{ display: none;}
		.multi #VPPList > li .carlinks a.resa{ margin-top: -2px;}
		
		p#BackList {  font-size:1.1em; }
		
		
		#page-concept #Covid {margin-top: 0;}
		#page-concept #Covid h2, #page-plus-infos #Covid h2, #page-contact #Covid h2{position: initial; color: #000000; text-align: center !important; margin-bottom: 20px;}
		
		
		
		
		
		/* FILTERS */
		
		#FilterW{ position: absolute; top: -120px; background: none; padding: 0; width: 100%;  overflow: hidden;  }
		#FilterBar{ 
			display: block;
			position: fixed; background: none; color: #fff; padding: 8px 2.5%; 
			width: 100%; right: 0; top: 73px;  z-index:1000; }
		#FilterBar a, #FilterBar svg{ color: #fff; 	}
		.scrolled #FilterBar, .skined #FilterBar{  background: #ff0000; color: #fff;	 }
		.scrolled #FilterBar a, .scrolled #FilterBar svg, .skined #FilterBar a, .skined #FilterBar svg{ color: #fff; }
		#FilterBar svg{ font-size: 1.2em; position: relative; top: 3px;}
		
		#FilterW h4 { ont-size: 1.2em; text-shadow: none; margin-bottom: 0;}
		#FilterForm #FilterFormSubmit{ min-width: 100px; padding: 8px 15px;}
		
		#MobDeploy{ display: block; float: right; font-size: 1.2em; color: #000;}
		
		.listAspect{ margin: 0 5px; }
		.listAspect.active svg{ color : #ff0000 !important;}
		.scrolled .listAspect.active svg, .skined .listAspect.active svg{ color : #000000 !important;}
		
		#Filters { width:100%; position: absolute; right: -110%; top: 0; z-index:900; background: #ff0000; padding: 30px 5% 50px;}
		#FilterForm fieldset p{ display: block; clear: left;}
		#FilterForm fieldset p.textField{ margin-bottom: 10px; overflow:auto;}
		
		div#SliderBudget, #SliderKm{ margin-right: 5%;}
		#FilterForm #field-favoris{ margin: 10px 0 15px;}
		#FilterForm fieldset{ margin-bottom: 15px;}
		
		#page-vehicules h2#ListTitle  { font-size: 1.5em;	}
		
		#Content p.noItems{ margin: 50px 2.5%; text-align: right;}
		
		/* */
		
		#VehiculeFiche{ padding: 25px 0 75px;}
		#VehiculeFiche h2{ font-size: 2.5em; }
		#VehiculeFiche .leftContent, #VehiculeFiche .rightContent{ display: block; float: none; width: 100%; }
		#VehiculeFiche .details > li span { line-height: 1.2em; }
		#VehiculeFiche .details > li span.label { width: 45%; }
		#VehiculeFiche .details > li span.value { width: 53%; }
		
		#VehiculeGalerieCouv{ padding-top: 0;}
		#VehiculeGalerie li{ width: 30%; max-width: 270px; margin: 0 1.5% 5px;}
		
		#VehiculeGalerieW{ margin-bottom: 30px;}
		#VehiculeGalerieThumbs { width: 85%;}
		.slick-prev, .slick-next{ top: 56%;}
		.vehiculeAction a.button{ margin-bottom: 10px;}
		
		
		
		
		#VehiculeFiche .likesLink{ position: absolute; top: -25px; }
		
		
		

		#VehiculeResume{ position: static; margin: 20px auto;}
		#Cform{ padding-bottom: 20px;}
		
		.breadcrumb{ display: none; }
		

		#page-les-experts #VPPList > li, #page-commander #VPPList > li{ width: 100% }
		#page-commander #VPPList #noExpertChoice .description {margin: 0 !important;}
		#ListTitle{ font-size: 1.4em; margin: 0 2.5% 1em;}

		#VehiculeFiche .equipement ul {padding: 5px !important;}

		
		/* ACCOUNT */
		
		#MyAccountForm {	padding-bottom: 40px;	}
		

		
		.formErrors li {background: rgba(255,255,255, 0.6); padding: 5px;}
		
		form p {width: 100%; float: none;}
		
		#VideoLink {width: 100%; position: inherit; margin: 20px 0; padding: 10px 20px; bottom: 0;}
		
		#Covid ul li {
			float: none;
			margin-right: 0;
			width: 100%;
			line-height: 1.2em; display: block; margin-bottom: 10px;
		}
		
		
		#OptionList li, #OptionList li.wide { width: 100%; margin-right: 0; }
		#OptionList li, #OptionList li.wide { margin-right: 1% !important; }
		
		
		#PageHome { padding-top: 500px;}
		#Event h3{ font-size: 1.3em; line-height: 1em;}
		
		
		#PanierBtn{ top: 15px; z-index: 1000;}
		#MainTitle{ font-size: 3.2em; }
		
		#page-pre-inscription h1 { font-size:1.7em; } 
		#page-pre-inscription #MainW { display:block; position: relative; width:100%; margin:0 auto;  top:auto; right:auto; }
		#page-pre-inscription #ContentW { position: relative; width:100%; margin:0 auto; padding:1em;  }
		
		
		.infoPwd {
			top: -140px;
			left: 28px;
		}
		
		.infoPwd svg {
			position: absolute;
			right: 122px;
			bottom: -15px;
			transform: rotate(90deg);
		}
		

		#MyAccountForm #fieldsList-options {width: 100% !important;}
		
		#ConfirmBox{    
			margin: 100px 5%;
			padding: 5px 25px;
		}
		
		
		
		#ProchaineVente ul li.concession div p.linkW a { position:relative; bottom:auto; right:auto; }
		
	}
	
	@media all and (max-width:690px){
		
		div#BG {display: none;}
		
		#VPPList > li {width: 100%;	}
		
		
		#page-home #Covid {margin-bottom: 50px; width: 95%; margin-left: auto; margin-right: auto;}
		
		#ProchaineVente ul li.concession div, #ProchaineVente ul li.concession div.more { 
			width:100%; 
			float:none;
			margin:0; 
		}
		#ProchaineVente ul li.concession div.more { margin-top:1.2em; }
		#ProchaineVente ul li.concession div p.linkW a { position:relative; bottom:auto; right:auto; }
	
		/* #Header {z-index: 1;} */
		/* #HomeLinkW, #Header h1 {z-index: 2;} */
	
		#HomeContentW .leftW {margin: auto; float: none;}
		/* #HeaderW, #HeaderBand {height: 130px;} */
		
		#HomeContentW .loginZone {margin-bottom: 0;}
		/* #HomeContentW .leftW {padding-top: 30px;} */
		
		.vente span.vAccess {
			bottom: -35px;
		}
		
		.vente .chronos { padding-top:50px; line-height:1.6em; } 
		
	
	}
	
	
	
	

	.slide-top {
		-webkit-animation: slide-top 0.5s infinite alternate backwards;
				animation: slide-top 0.5s infinite alternate backwards;
		display:block; 
	}
		
		/* ----------------------------------------------
	 * Generated by Animista on 2020-3-27 17:12:1
	 * Licensed under FreeBSD License.
	 * See http://animista.net/license for more info. 
	 * w: http://animista.net, t: @cssanimista
	 * ---------------------------------------------- */

	/**
	 * ----------------------------------------
	 * animation slide-top
	 * ----------------------------------------
	 */
	/* ----------------------------------------------
	 * Generated by Animista on 2020-3-27 17:16:40
	 * Licensed under FreeBSD License.
	 * See http://animista.net/license for more info. 
	 * w: http://animista.net, t: @cssanimista
	 * ---------------------------------------------- */

	/**
	 * ----------------------------------------
	 * animation slide-top
	 * ----------------------------------------
	 */
	@-webkit-keyframes slide-top {
	  0% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
	  }
	  100% {
		-webkit-transform: translateY(-16px);
				transform: translateY(-16px);
	  }
	}
	@keyframes slide-top {
	  0% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
	  }
	  100% {
		-webkit-transform: translateY(-16px);
				transform: translateY(-16px);
	  }
	}
	
	
	
	/********************* LOADER ***********************/
	
	div.waitingLoaderW {  width:100%;  height:100%; position:absolute; top:100px; left :0; text-align:center; /*background:rgba(0,0,0,0.2); */ /* background:rgba(0, 73, 143, 0.9); */ z-index:1000;  /*display:none; */ }
	div.waitingLoaderW p { text-transform:uppercase;  font-size:2em; text-align:center; padding-top:15px; color:#1007A0;  color:#ffffff; font-weight:700;  font-family: 'Montserrat', sans-serif;  }  
	
	.fancybox-inner div.waitingLoaderW { position: absolute; top: 0; left: 0; display:none;  }
	.fancybox-inner div.waitingLoaderW p { font-size: 1.2em; } 
	
	.waitingLoader {  margin:20% auto 0 auto;  }
	
	.waitingLoader,
	.dot-loader {
	  position: relative;
	  width: 100px;
	  height: 100px;
	}

	.waitingLoader {
	  transform-origin: center;
	  animation: anirotate 10s linear infinite;
	}

	.dot-loader {
	  position: absolute;
	  border: 0px solid #1007A0;
	  border: 0px solid #ffffff;
	  border-radius: 50px;
	}
	.dot-loader:nth-child(2) {
	  transform: rotate(40deg);
	}
	.dot-loader:nth-child(2) .dot {
	  animation-delay: -0.5s;
	}
	.dot-loader:nth-child(3) {
	  transform: rotate(80deg);
	}
	.dot-loader:nth-child(3) .dot {
	  animation-delay: -1s;
	}

	.dot {
	  position: absolute;
	  height: 10px;
	  width: 10px;
	  background: #1007A0;  background: #ffffff;
	  border-radius: 5px;
	  transform: translate(0, 0);
	}
	.dot:nth-child(1) {
	  top: 0;
	  left: calc(50% - 5px);
	  animation: ani1 2s infinite;
	}
	.dot:nth-child(2) {
	  bottom: calc(28% - 5px);
	  left: calc(11% - 5px);
	  animation: ani2 2s infinite;
	}
	.dot:nth-child(3) {
	  bottom: calc(28% - 5px);
	  right: calc(11% - 5px);
	  animation: ani3 2s infinite;
	}

	[hidden] {
	  display: none;
	}

	@keyframes anirotate {
	  0% {
		transform: rotate(0deg);
	  }
	  100% {
		transform: rotate(-359deg);
	  }
	}
	@keyframes ani1 {
	  0% {
		transform: translate(0, 0);
	  }
	  100% {
		transform: translate(-40px, 67px);
	  }
	}
	@keyframes ani2 {
	  0% {
		transform: translate(0, 0);
	  }
	  100% {
		transform: translate(77px, 0);
	  }
	}
	@keyframes ani3 {
	  0% {
		transform: translate(0, 0);
	  }
	  100% {
		transform: translate(-39px, -67px);
	  }
	}