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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/


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



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

@font-face {
  font-family: Orgon;
  src: url('font/orgon.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/orgon.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/orgon.ttf')  format('truetype') /* Safari, Android, iOS */
}


/*    font-family: 'Comfortaa', sans-serif;

	font-family: 'Orgon', sans-serif;

    */


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



	html, body { margin: 0; padding: 0; border: 0; overflow-x: hidden;}
	body { 
			font-size:15px;
			font-family: 'Comfortaa', sans-serif;
			font-weight: 400;
			letter-spacing: 0.05em;
			line-height: 1.5em;
			overflow-y: scroll;
			position: relative;
			width: 100vw;
			background: #f5f5f5 url(zims/frontend/main-bg.jpg) no-repeat center;
			background-attachment: fixed; background-size: cover;
			color: #222728;
	}
	#page-gome{ background-image: none; }
		


	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: 'Comfortaa', 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: #d91618;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		/*color: #666; */
	}

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

	a img {
		border: 0;
	}

	strong,
	b {
		font-weight: 600;
	}

	i {
		font-style: italic;
	}

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

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

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

	h2 {
		font-size: 1.5em;

	}

	h3 {
		font-size: 1.15em;
	}

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

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

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

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

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


	/**
		 * Lists
		 */

	ul {
		margin: 0;
		padding: 0;
	}

	li {
		list-style-type: none;
	}

	dl {
		margin: 0;
		padding: 0;
	}

	dt {}

	dd {}


/* ################################################################################################################																		     *                                                                      							
														ELEMENTS
 *###############################################################################################################*/


	/* Table */

	table {
		width: 100%;
	}

	table.default {
		width: 100%;
	}

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

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

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

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


/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea{
		-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: #fff;
		background: #222728;
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		width: calc(100% - 20px);
		outline: 0;
		line-height: 1.3em;
	}
	textarea{
		border: solid 1px rgba(0, 0, 0, 0.85);
	}
	
	select{ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		background: none;
		border: solid 1px rgba(0, 0, 0, 0.85);
		color: #000;
		display: block;
		padding: 0.4em 0.75em;
		line-height: 1.3em; }
		
	select option{ color: #000;}
	
	::placeholder{ color: #999;		}
	

	
	.missingField label, .invalidField label { color:#EE2E24 !important; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#EE2E24 !important; }
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#EE2E24 !important; font-weight: 600;}
	
	.fancybox-inner .missingField label, .fancybox-inner .invalidField label { color:#000; }
	.fancybox-inner .missingField input, .fancybox-inner .missingField textarea, .fancybox-inner .missingField select, .fancybox-inner .invalidField input, .fancybox-inner .invalidField textarea, .fancybox-inner .invalidField select { color:#000; }
	.fancybox-inner .formErrors li {  color:#000;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus, select:focus, 
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover, select:hover {
		/*border-color: rgba(0, 161, 222, 0.7);*/
		border-color: #999;
	}
	
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	label { color: #111;}
	.textField, .textareaField, p.selectField{ margin: 0 0 25px 0;}
	


	/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		color: #d91618;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		letter-spacing: 1px;
		padding: 0.5em 1.5em;
		line-height: 1.2em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border: 1px solid #d91618;
		width: auto;
	}

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover {
		background: #d91618;
		color: #fff;
	}

	*::-webkit-input-placeholder {
		color: #222728 !important;
	}

	*:-moz-placeholder {
		/* FF 4-18 */
		color: #222728 !important;
	}

	*::-moz-placeholder {
		/* FF 19+ */
		color: #222728 !important;
	}

	*:-ms-input-placeholder {
		/* IE 10+ */
		color: #222728 !important;
	}



/* 

	dark Blue : #222728
	ORANGE : #d91618


*/

/* Specials */

	.sfont{ font-family: 'Orgon', sans-serif; text-transform: none;}
	/**
		 * Floating elems
		 */

	.float {
		display: inline;
		float: left;
	}


/**
	 * Away elems
	 */

	.hidden {
		display: none;
	}

	.away{ position: relative; opacity: 0;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}


	.big{ font-size: 1.6em !important }
	.super { font-size: 2.2em !important }
	.superplus { font-size: 2.6em !important }
	.mega { font-size: 3.2em !important }
	.ultra { font-size: 4.2em !important }
	
	
	
	.justified *, .justified { text-align: justify }
	p.justified, .justified p{ line-height: 1.5em; }
	.centered *, .centered, .centeredlist > li p.centered{ text-align: center; }
	.righted *, .righted, .centeredlist > li p.righted{ text-align: right; }
	.lefted *, .lefted, .centeredlist > li p.lefted{ text-align: left; }
	.bigmargin{ margin-top: 50px!important; margin-bottom: 50px !important;}
	.supermargin{ margin-top: 80px!important; margin-bottom: 80px !important;}
	.megamargin{ margin-top: 150px!important; margin-bottom: 150px !important;}
	.notitle{ margin: 50px 0 0 0;}	
	.fontplus{ font-size: 1.15em;}
	
	.bottomAlign{ vertical-align: bottom !important }
	.middleAlign{ vertical-align: middle !important }
	
	.titlepadding{ padding-top: 95px;}
	.titlepaddingmini{ padding-top: 50px;}
	.titlepaddingmadium{ padding-top: 150px;}
	.titlepaddingbig{ padding-top: 200px;}
	
	.nomargintop{ margin-top: 0 !important;}
	.nomarginbottom{ margin-bottom: 0 !important;}
	
	.sidepadding{ padding: 0 25px; width: auto !important;}
	
	.flexi{ display: flex; flex-wrap: wrap; gap: 30px;}
	.flexi .col30{ width: calc(33.33% - 20px);  }
	
	
	.centeredlist{  display: table; width: 100%; text-align: center;}
	.centeredlist90{  margin-left: 5%!important; margin-right: 5%!important; width: 90%}
	.centeredlist85{  margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%}
	.centeredlist80{  margin-left: 10%!important; margin-right: 10%!important; width: 80%}
	.centeredlist75{ margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%}
	.centeredlist70{ margin-left: 15%!important; margin-right: 15%!important; width: 70%}
	.centeredlist60{ margin-left: 20%!important; margin-right: 20%!important; width: 60%}
	.centeredlist50{ margin-left: 25%!important; margin-right: 25%!important; width: 50%}
	.centeredlist40{ margin-left: 30%!important; margin-right: 30%!important; width: 40%}

	
	.centeredlist > li, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: inline-block; vertical-align: top; position: relative;}
	.centeredlist > li.over{ z-index: 15}
	.centeredlist > li{ width: 45.5%; }
	.centeredlist > li div.cellW{ height: 100%; }
	.centeredlist > li:nth-child(odd){ }
	.centeredlist > li:nth-child(even){ }
	
	.centeredlist > li.col25{ width: 22.5%; margin: 0 1%; }
	.centeredlist > li.col25.colbigspace{ width: 23%; margin: 0 5%; }
	.centeredlist > li.col30{ width: 30%; margin: 0 1.5%; }
	.centeredlist > li.col33{ width: 32%; margin: 0 0.5%; }
	.centeredlist > li.col40{ width: 37%; margin: 0 1.5%; }
	.centeredlist > li.col45{ width: 43%; margin: 0 1.5%;}
	.centeredlist > li.col50{ width: 47%; margin: 0 1.5%; }
	.centeredlist > li.col60{ width: 57%; margin: 0 1.5%;}
	.centeredlist > li.col100{ width: 100%; }
	
	.centeredlist > li.decalleft{ margin-left: 19%}
	.centeredlist > li.decalleftmini{ margin-left: 9%}
	.centeredlist > li.decalright{ margin-right: 19%}
	.centeredlist > li.decalrightmini{ margin-right: 9%}
	
	
	.colZim{ display: block; width: 100%; margin: 0 auto;}
	

	.swingDecoW{ position: relative; z-index: -1; }
	.swingDeco{ 
		width: 100%; 
		background: #dedede;  transform: rotate(6deg); 
		position: absolute; z-index: 1;}
	/*.swingDeco.rev{ transform: rotate(-6deg); z-index: 0; }*/
	.swingDeco.orange{ background: #d91618; }
	
	
	.swingsection{ position: relative; z-index: 150;  }
	
	.swingsectionBGW{ position: absolute; z-index: -1; height: 100%; width: 100%; top: 0;}
	.swingsectionBG{ width: 110%; height: 100%;
		background: #dedede;  transform: rotate(6deg); 
		position: absolute; z-index: 1; left: -5%; } 
		
	/*.norot .swingsectionBG, #page-home .swingsectionBG{ transform: rotate(0deg); } */
	.limit .swingsectionBG{ overflow: hidden; } 
		
	.swingsectionBG.gradgrey{ 
		background: rgb(215,215,215);
		background: linear-gradient(90deg, rgba(215,215,215,1) 0%, rgba(245,245,245,1) 100%);
	}	
	.swingsectionBG.blue{ 
		background: #222728;
	}	
	.swingsectionBG.red{
		background: #d91618;
	}	
	
	.centered{ text-align: center !important;}
	.lefted{ text-align: left !important;}
	.righted{ text-align: right  !important;}

	

	.overtext {
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	}
	
	.simplelink{ text-transform: uppercase; letter-spacing: 2px; color: #222728; }

	.orangeColor{ color: #d91618; }
	
	
	
	.contactBlock{ display: inherit;}
	.contactBlock li{ vertical-align: top; }
	.contactBlock strong{ font-weight: 600;}
	.contactBlock p{ margin-bottom: 10px;}
	.contactBlock p svg, .contactBlock p svg{ display: block; float: left; font-size: 1.5em;}
	.contactBlock p span.line{ display: block; padding: 0 0 10px 40px; text-align: left;}

	.contactBlockLinks{ display: inline-block; float: right;}



	#SpecialAnnounce, .specialAnnounce{ display: none;}
	#PopupContent{ height: 650px; width: auto;  }
	@media(max-width:650px) {  #PopupContent{ height: auto; width: 100%;  }	}
	#PopupContent img{ display: block; height: 100%; } 
	
	.soulign{  }
	.soulign:after{ content: ""; display: block; width: 120px; height: 2px; margin: 20px auto 0; background: #b50023;   }
	
	
	#SoonPopupW{ display: none; }
	#SoonPopup{ padding: 100px 150px; color: #000; background: #f9f9f9; margin: 0;}
	
	
	h2.sfont{ margin-top: 0;}
	
	.mainpagesubtitle { line-height: 1.1em; margin: 10px 0;}
	

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


/* COMMON COLOR 
	

		dark blue : 222728
		orange : d91618
		

	*/


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



	/* HEADER */

	
	#UpHeader{ background: linear-gradient(90deg, rgba(215,215,215,1) 0%, rgba(245,245,245,1) 100%);
	height: 20px; padding: 5px 3% 10px; position: relative; z-index: 1001; width: 94%; }
	#UpHeader p{  letter-spacing: 1px; text-transform: uppercase; font-size: 11px; margin: 0; display: inline-block; color: #222728;}
	#UpHeader p a, #UpHeader p *{  color: #222728; text-decoration: none;}
	#UpHeader p#Socials{ float: right;}
	#UpHeader p#Socials{ }
	#UpHeader p#Socials a{ margin-left: 10px; border-right: 1px solid #222728; padding-right: 10px; font-weight: 600;}
	#UpHeader p#Socials a:last-child{ border-right: none; padding-right: 0;}
	#UpHeader p#Socials a svg{ font-size: 16px;}
	#UpHeader p#Socials a svg.fa-instagram{ font-size: 19px; position:relative; top: 1px;}
	
	
	
	#Header { top: 0; width: 100%; z-index: 1000; height: 85px; position: absolute;  }
		
	/*.headerBG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom: none;
		-moz-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
	}
	
	
	.scrolled .headerBG { background: #f2f2f2; border-bottom: 1px solid #ccc; }*/

	/*#Header.deploy  { height: 100% !important;} 
	.deploy .headerBG { background: none; border-bottom: none;  } */
	
	#HomeLinkW { 
		position: relative; z-index: 0; margin: 0; text-align: center; position: absolute; 
		height: 1px; top: 60px; left: 4.5%;  padding-top: 5px;}
	#HomeLinkW a{ display: inline-block; }
	#HomeLinkW a img{  
		width: 350px;
		-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;  }
		
		
	/*.scrolled #HomeLinkW a img {width: 185px; }	*/
	
	#HomeLinkW a img#LOGOW{ display: none; }
	#page-home #HomeLinkW a img#LOGOW{ display: inline; }
	#page-home #HomeLinkW a img#LOGO{ display: none; }
	
	.black #HomeLinkW a img#LOGO{  }
	.black #HomeLinkW a img#LOGOB{ display: none;}*/
	
	
	/*
	#Socials{ padding-left:45px; margin-top: 40px; }
	#Socials a{ font-size: 1.5em; color: #fff; margin-right: 30px;}
	#Socials a:hover{ color: #fff; }*/
	

	

/* MAIN MENU */

	#Nav{ position: fixed; top: 0; width: 100%; height: auto; z-index: 1000;}
	#Nav.open{ height: 100%; }
	/*#UpperNav{ position: absolute; z-index: 5010; height: 70px; width: 100%; }*/
	
	

	#MainMenu > li > a::before {

		border-bottom-color: #960c0c;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		
		
	}
	#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 li a:hover { text-decoration: none;  }
	
	
 /* ANIMATED MENU ICO */
	 
	 #NavIcoW {
		position: fixed; z-index: 5001;
		right: 3%; top: 60px;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	
	.scrolled #NavIcoW { top: 25px  }
	
	#NavIco {
		display: block; z-index: 5001; height: 25px; width: 32px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	
	#NavIcoW strong{
		position: absolute; font-size: 14px; 
		text-transform: uppercase; font-weight: 400;
		left: -60px; top: -1px; color: #fff;
		
	}
	
	
	#NavIco span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

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

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

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

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

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

	/*-#NavIco strong {
		position: absolute;
		left: 55px; font-size: 1.1em;
		line-height: 1em;
		top: 10px; color: #fff;
		text-transform: uppercase;
		font-weight: normal;
	}*/
	
	#NavBg{ 
		position: fixed;
		height: 120px;
		right: -200px;
		top: -60px;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.scrolled #NavBg { top: -100px;  }
	

	
	
	#MenuW{ overflow: visible; width: 100%;  position: absolute; z-index: 1001; height: 0;	}
	.open #MenuW{height: 100vh; position: fixed; 	}
	
	#MenuOverlay{ 
		background: rgba(217,17,21, 0.85);
		height: 100%; width: 100%; top: 0; left: 0;
		position: absolute; z-index: 900; 
	}
	#Menu{ 
		background-color: #222728;
		background-image: url(zims/frontend/logotype-w-30p.svg); background-position: 95% 95%; background-size: 200px; background-repeat: no-repeat;
		position: absolute; z-index: 1000; opacity: 0; overflow: visible;
		height: 100%;width: 25%;
	}
	

	#MainMenuW{ padding-top: 115px; }

	#MainMenu > li{ position: relative;  }
	#MainMenu > li::before{ 
		content: "";
		display: block; 
		width: 30px; 
		height: 1px;
		background: #fff;
		position: absolute; left:0; top: 24px;
	}


	#MainMenu > li > a, #MainMenu > li > strong{ 
		display: block; position:relative; 
		padding: 8px 15px 8px 45px; text-transform: uppercase; 
		font-weight: 400; color: #fff; font-size: 1.1em; cursor: pointer; text-align: left; 
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out; }
		
	#MainMenu > li > a span, #MainMenu > li > strong span{ width: 100%; display: inline-block; }
	#MainMenu > li > a  i, #MainMenu > li > strong  i { font-size: 1.3em;}
	#MainMenu > li > a  i.fa-caret-down, #MainMenu > li > a  i.fa-caret-up, #MainMenu > li > strong  i.fa-caret-down, #MainMenu > li > strong  i.fa-caret-up { display: none;}

	
	
	#MainMenu > li ul{ padding-left: 45px; margin-bottom: 20px; }
	#MainMenu > li ul > li{  position:relative;  }
	#MainMenu > li ul > li a{ 
		display: block;
		padding: 5px 15px 5px 32px;  text-transform: uppercase; line-height: 1.2em;
		font-weight: 400; color: #fff; font-size: 0.9em; cursor: pointer; text-align: left; 
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out; }
	#MainMenu > li ul > li::before{ 
		content: "";
		display: block; 
		width: 20px; 
		height: 1px;
		background: #fff;
		position: absolute; left:0; top: 17px;
	} 
	
	#MainMenu > li a:hover, #MainMenu > li strong:hover{ color: #d91618; text-docation: none; }

	/*#MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong{  text-decoration : none; letter-spacing: 4px; border-color: #a41313; }*/



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

	#BandeauCookies {background: rgba(0, 0, 0, 0.8); position: fixed; bottom: 0; left: 50%; transform: translate(-50%); width: 101%; z-index: 100000; text-align: center;}
	#TextCookies{color: #fff; padding: 5px 20px !important;}
	#CookieFormSubmit{color: #fff; background-color: #d91618; padding: 5px 10px; display: inline-block; border: #d91618;}
	#CookieFormSubmit:hover{text-decoration: none;}




/* Footer */

	#FooterW { padding: 120px 0 40px; overflow: hidden; margin-top: -100px;}
	#Footer .swingsectionBGW{ height: 175%;}
	#page-home #Footer{ padding-top: 30px;}
	
	#Footer * { color: #fff; }
	
	
	#FootSocials{ font-size: 1.1em; border-bottom: 1px solid #fff; padding: 0 45px 20px 0; text-transform: uppercase; display: inline-block;  }
	#FootSocials a{ color: #fff; margin-right: 20px; }
	#FootSocials svg{ font-size: 1.2em; }
	#FootSocials svg.fa-linkedin-in{ font-size: 1.3em; position:relative; top: 3px;}
	
	.footerCenterSection{ display: flex; width: 100%;}
	
	.footerMenuW{ display: flex; width: 75%;}
	.footerMenuW ul{ margin-right: 40px;}
	.footerMenuW ul li{ display: inline-block; float: left; margin-right: 30px;}
	.footerMenuW ul li a{ color: #222728;text-transform: uppercase;  font-weight: 600;  }
	
	
	
	.footerLabels{ width: 25%;}
	.footerLabels p{ display: flex; font-weight: 600; line-height: 0.8em; }
	.footerLabels p img{ width: 220px; }
	.footerLabels p span{ margin-right: 15px;}

		
	#FootCredits{ font-size: 0.8em; margin: 0; }
	#FootCredits a{ color: #fff;  }
	
	



	/* Content */
	
	
	
	#Content{ padding-top: 180px;}
	#page-home #Content{ padding-top: 0;}




/* 

	dark Blue : #222728
	RED : #d91618


*/


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


	#HomeTitleScreen{ background: #222728 url(zims/frontend/bg-abstract.jpg) no-repeat center; background-size: cover; height: calc(71vh - 34px); position: relative;  }

	#HomeTitleW{
		position: absolute; top: 20vh; left: 5%;
		width: 50%; z-index: 200;
		color: #fff;
	}
	.homeTitle{ text-align: left;   }
	.homeTitle h2{ display: inline-block; line-height: 1.3em; font-weight: 500; margin: 0; font-size: 1.7em; }
	.homeTitle .simplelink{ color: #fff; !important; text-align: right; }
	
	.homeTitle h2 strong{ display: inline-block; font-size: 3.5em; line-height: 1.1em; padding: 0; margin: 0;  }
	
	.homeTitle .separator { display: inline-block; height: 1px; background: #d91618; width: 140%; float: left; margin: 15px 0; }
	
	
	
	#HomeSculptW{
		position: absolute; bottom:0; right:0;
		width: 50%; height: 100%; z-index: 180; text-align: right;
	}
	#HomeSculptW img{  display: inline-block; max-width: 340px; position: relative; opacity: 0; bottom: -50px; right: -75px }
	
	
	
	.bigTel{ display: inline-block; background: #d91618; padding: 8px 20px; font-size: 1.2em; color: #fff; margin-top: 25px; }
	.bigTel a{  color: #fff; }
	.bigTel svg{  position: relative; top: -2px; }
	
	
	.swingup{ position: relative; top: -40px;}
	.swingdown{ position: relative; top: 40px;}
	
	
	
	
	
	
	#HomeIntro{ padding: 75px 0; margin: -100px 0 0 0;}
	#HomeIntro .swingsectionBGZim { 
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		/*background-image: url(zims/frontend/forme-40p.svg); background-position: center; background-size: 400px; background-repeat: no-repeat*/  }
		
	
	#HomeIntro .swingsectionBG {
		overflow: hidden;
	}
	
	.swingsectionTriangle {
		 background: #d91618;
		width: 665px;
		height: 552px;
		transform: rotate(35deg);
		position: absolute;
		left: 8%;
		bottom: -350px;
		overflow: hidden;
		-webkit-box-shadow: 8px -5px 12px 4px rgba(0,0,0,0.26); 
		box-shadow: 8px -5px 12px 4px rgba(0,0,0,0.26);
	}
	.swingsectionTriangle div {
		background-image: url(../media/images/home/trame-intro.jpg);    
		background-position: center;
		background-size: auto 400px;
		background-repeat: no-repeat;
		transform: rotate(-40deg);
		position: absolute;
		left: -37%;
		top: -48%;
		width: 130%;
		height: 126%;
	}
	
	
	
	.newformaAccr{ position: relative; }
	.newformaAccr h3{ font-size: 1.4em;  text-align: left; line-height: 1.2em; margin: 0;  }
	.newformaAccr h3 strong { font-size:2.5em;  line-height: 1.1em; }
	
	.newformaAccr .discover{ margin: 25px 0; text-transform: uppercase; text-align: left;}
	.newformaAccr .discover .line{ display: inline-block; height: 1px; background: #222728; width: 50%; margin-right: 15px; position: relative; top: -3px;}
	.newformaAccr svg{ position: absolute; bottom: 60px; right: -40px; font-size: 5em; }
	
	
	
	
	
	
	
	
	
	.blocksW{ display: flex; flex-wrap: wrap;}
	
	.decoBlockW{ position: relative; width: 45%; margin: 0 2.5%;  } 
	.decoBlock{  background: #fff; position: relative; z-index: 10; padding: 20px 20px 0; height: 100%;  } 
	.decoBlock h4{ font-size: 1.8em; font-weight: 600;  } 
	.decoBlock p{   margin: 25px 0 0 0; } 
	.decoBlock p:first-child{   margin: 0; } 
	.decoBlock p.zimW{  margin: 0; } 
	.decoBlock p img{ display: block; width: 100%} 
	
	.decoSquare{ 
		position: absolute;
		z-index: 1;
		background: #b50023;
		width: 150px; height: 150px;
	}
	.decoleft{ top: -20px; left: -20px;}
	.decoright{ bottom: -40px; right: -20px;}
	
	
	
	.bgImgW{ min-height: 60vh; position: relative; overflow: hidden;}
	.bgImg{ position: absolute; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
	
	.overlayContentW{ text-align: center; position: relative;  z-index: 10; padding: 10% 10% 10% 65%; }
	.overlayContent{ display: inline-block; background: rgba(255,255,255,0.8); padding: 40px;}
	.overlayContent p{  margin: 25px 0 0 0; } 
	.overlayContent h3{  line-height: 1.2em; } 
	
	
	.icoforme {
		width: 50px;
	}
	
	
	
	
	.partnersW{ margin-bottom: 60px;}
	.partnersW h3{ text-align: center; }
	.partnersW h3 span{ display: inline-block; border-bottom: 2px solid #b50023; padding-bottom: 10px; }
	
	.partnerList{ display: flex; flex-wrap: wrap; justify-content: center;}
	.partnerList > li{ 
		width: calc(30% - 40px); margin: 0 10px 10px; display: table; padding: 20px; background: #fff; 
		min-height: 140px;}
	.partnerList > li p{ display: table-cell; vertical-align: middle; text-align: center; margin: 0; color: #000;}
	.partnerList > li p a{  color: #000; font-size: 1.3em;}
	.partnerList > li p img{ display: inline-block; max-width: 100%; max-height: 120px; position: relative;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out; 
		opacity: 0;		
	}
	.partnerList > li p img:hover { opacity: 0.85; padding: 3px;}
	
	
	
	
	
	
	
	
	
	
	
	
	#page-qui-sommes-nous #FooterW {
		margin-top: -240px;
	}
	
	
	
	.mainpagetitle{ margin-bottom: 0;}
	/*#page-nos-services #Content {
		padding-top: 120px;
	}*/
	
	
	.service{ padding: 100px 0 30px; margin: 0 0 0 0;}
	.service-stretch{ padding:  30px 0 100px; }
	
	
	
	.serviceZimW{ 
		position: absolute; top: -12%; left: 0; 
		width: 43%; height: 130%;
		overflow: hidden;
		background: #999;
		transform: rotate(6deg);
	}
	
		
	.serviceZimW img{ 
		display: block; position: absolute;
		transform: rotate(-12deg);
		top: 0; left: 5%; 
		height: auto;
		width: 105%;
		
	}
	
	.service .separator { display: inline-block; height: 1px; background: #d91618; width: 100%; margin: 15px 0; }
	

	.serviceText{ width: 50%; padding: 30px 0 20px 0; margin: 0 0 0 50%; }
	.serviceText h2{ margin-bottom: 15px; line-height: 1.1em;  }
	.serviceText h3 {line-height: 1em;  }

	.textIco{ display: block; max-width: 200px; max-height: 140px; float: right; margin: 0 0 20px 20px; }
	
	

	.textL .serviceText{  margin: 0 50% 0 0; }
	
	.textL .serviceZimW{ 
		top: -12%; left: auto; right: 0; 
		width: 43%; height: 130%
	}
	.textL .serviceZimW img{ 
		top: -5%; left: -5%; 
		height: auto;
		width: 105%;
	}
	
	.blueBg .serviceText *, .redBg .serviceText{ color: #fff;  }
	.service.redBg  .separator { background: #222728; }
	
	.redBg .serviceText .button{ color: #fff; border-color: #fff;  }
	.redBg .serviceText .button:hover{ color: #000; background-color: #fff;  }
	
	
	#page-occasion #FooterW {
		margin-top: -25px;
	}
	
	#VehiculeList {}

	#VehiculeList ul li { 
		
		vertical-align: top;
		-webkit-border-bottom-right-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}


	#VehiculeList ul li .slider {
		width: 100%;
		overflow: hidden;
		border-top: 3px solid #d91618;
	}

	#VehiculeList ul.stretch li .slider {
		height: 250px;

	}

	#VehiculeList ul li .slider img {
		position: relative; width: 100%; display: block;
	}

	#VehiculeList ul li .infoVehicW {
		padding: 12px;
	}

	#VehiculeList ul li .infoVehic {
		color: #000;
		text-align: left;
		min-height: 120px;
		position: relative;
		padding-bottom: 5px;
		
	}

	#VehiculeList ul li:hover {
		background: #e7e7e7;
	}

	.rightBtns {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	.rightBtns svg {
		font-size: 2.5em;
	}
	
	#VehiculeList ul li p {}

	#VehiculeList ul li p.title,
	#VehiculeList ul li p.subtitle {
		margin-bottom: 10px;
		letter-spacing: 1px;
		font-size: 1.2em;
	}

	#VehiculeList ul li p.subtitle {
		color: #777;
		font-size: 0.9em;
	}

	#VehiculeList ul li .bottomInfos {
		/*position: absolute; bottom: 15px; width: 100%; */
		padding-bottom: 5px;
	}

	#VehiculeList ul li .bottomInfos p {
		display: inline;
		float: left;
		margin: 0;
	}

	#VehiculeList ul li .bottomInfos p.price {
		float: right;
		font-size: 1.4em;
		text-align: right;
		line-height: 1em;
	}

	#VehiculeList ul li .bottomInfos p.price span {
		font-size: 0.7em;
	}
	
	
	/* */

	#page-vehicules #Content,
	#page-vehicules_location #Content {
		position: relative;
		padding-top: 130px;
		width: 80%;
		margin: auto;
	}

	@media screen and (max-width: 1300px) {

		#page-vehicules #Content,
		#page-vehicules_location #Content {
			position: relative;
			padding-top: 130px;
			width: 90%;
			margin: auto
		}
	}

	@media screen and (max-width: 1100px) {
		#page-vehicules_location .fields {
			display: flex;
			flex-direction: column;
		}
	}

	#TempForm {
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		padding: 20px 0;
		text-align: center;
		margin: 40px 0;
	}

	#TempForm img {
		width: 100%;
		max-width: 1298px;
	}





	/* DETAILS ANNONCE */


	.colZimW {
		overflow: hidden;
		width: 100%;
		height: 427px;
		vertical-align: top;
	}

	.colZimW img,
	.colMainZimW img {
		position: relative;
		vertical-align: top;
		height: auto;
		width: 100%;
		position: relative
	}

	.colZimW.first {
		margin-bottom: 17px;
	}

	#RowOne {
		position: relative;
	}

	#RowOneLeft img {
		height: auto;
		width: 100%;
	}

	#RowOneLeft i {
		position: absolute;
		top: 46%;
		font-size: 4em;
		display: block;
		z-index: 100;
		color: #d91618
	}

	#RowOneLeft i.arrowLeft {
		left: -20px;
	}

	#RowOneLeft i.arrowRight {
		right: -20px;
	}


	.PicsNb {
		position: absolute;
		left: 0;
		top: 0;
		padding: 8px 15px;
		background: #d91618;
		z-index: 100;
		color: #fff;
	}

	.PicsNb i {
		font-size: 1.3em;
	}

	.PicsNb span {
		font-size: 1.4em;
		font-weight: 300;
	}

	div#ImmoDetail {
		display: flex;
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
		padding-top: 15px;
		margin-bottom: 50px;
	}

	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;
		padding-top: 20px;
	}

	div#RowTwoLeft {
		width: 65%;
		margin-right: 3%;
		padding-right: 2%;
		border-right: 1px solid #000;
	}

	div#RowTwoRight {
		position: relative;
		width: 32%;
		/* border-left: 1px solid #111; */
		padding-top: 20px;
	}

	div#RowTwoRight a.nphotos {
		position: absolute;
		top: 0;
		right: 0;
		color: #111;
		display: block;
	}


	#Backtolist {
		width: 90%;
		margin: 0 auto;
		position: absolute;
		top: 140px;
		right: 5%;
		text-align: right;
	}

	#Backtolist a.button {
		margin: 0;
		font-size: 0.8em;
		padding: 0.4em 1em;
	}

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

	}

	div#TitleAnnonce .price {
		font-size: 3em;
		line-height: 0.6em;
		text-align: right;
	}

	div#TitleAnnonce .price span {
		font-size: 0.6em
	}

	div#TitleAnnonce .garantie {
		background: #efdf00;
		padding: 6px 15px;
		color: #000;
		font-size: 0.7em;
	}


	#ImmoIcon {
		display: flex;
		justify-content: space-around;
		text-transform: uppercase;
		font-size: 2.2em;
		padding: 20px 0px 20px 0px;
		margin: 0;
		border-bottom: 1px solid #000;
	}

	#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.5em;
		margin: 0 0 25px 0px;
	}

	#ImmoInfos h2 {
		margin: 0 0 10px 0;
		letter-spacing: 3px;
	}

	#ImmoInfos p {
		margin: 0;
		font-weight: 300;
		font-size: 1em;
		letter-spacing: 5px;
		color: #000;
	}

	i.far.fa-calendar-plus {
		color: #ffffff;
	}

	#ImmoInfos p:last-child {
		font-size: 1.1em;
	}

	#Back p a {
		display: inline-block;
		font-size: 1em;
		border: 1px solid #fff;
		color: #fff;
		margin: 0 auto;
		text-align: center;
		padding: 7px 20px;
		font-weight: 300;
		letter-spacing: 2px;

	}

	#Back p a:hover {
		color: #fff;
		background: #1065b9;
		border-color: #1065b9;
	}

	#Back {
		margin: 0 0px 10px 50px;
	}

	ul#ImmoIcon li i {
		display: block;
		text-align: center;
		color: #1065b9;
	}

	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: #111;
		font-weight: 700;
		margin: 10px 0px;
	}

	#RowTwoRight h2>em {
		font-style: normal;
		font-size: 0.7em;
	}

	#RowTwoRight .tarif {
		text-align: right;
		margin-right: 0;
	}

	#ContactIcon {
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-top: 32px;
		height: 50px;
		padding-bottom: 40px;
	}

	#ContactIcon li {
		display: block;
		float: right;
		margin-left: 30px;
	}

	#ContactIcon li a {
		display: block;
		color: #1065b9;
		height: 50px;
		text-transform: uppercase;
		text-align: center;
		width: 100%;
		line-height: 21px;
		margin: 0 auto;
		padding-top: 10px;
		font-size: 0.85em;
		font-weight: 500;
	}

	#ContactIcon li a i {
		font-size: 2.5em;
	}

	#ContactIcon li.bigButton a {
		line-height: 37px;
	}

	#ContactIcon li.bigButton a>i {
		float: right;
		line-height: 40px;
		color: #1065b9;
		margin-left: 10px;
		font-weight: 500;
		font-size: 2.8em
	}

	#ContactIcon li.pictoOnly a {
		line-height: 30px;
		color: #1065b9;
	}

	#ContactIcon li.pictoOnly a:hover {
		color: #000;
	}

	#ContactIcon li.bigButton a:hover {
		color: #000;
	}




	#RowTwoLeft h2 {
		color: #111;
		text-align: left;
		letter-spacing: 2px;
		font-size: 2em;
		font-weight: 800;
	}

	#Desc {
		color: #111;
		font-size: 1.1em;
		font-weight: 300;
		line-height: 1.5em;
		padding-top: 25px;
	}

	#page-detail #Ref {
		padding: 5px;
		border: 1px solid #111;
		background-color: #f8f5f2;
		opacity: 0.8;
		color: #111;
		font-size: 0.5em;
		font-weight: bolder;
	}

	#FraisInfos ul {
		margin-left: 15px;
	}

	i.fas.fa-print,
	i.fas.fa-paper-plane {}


	#ModeDetailsForm {}

	#ModeDetailsForm h3 strong {
		display: block;
	}

	#ModeDetailsForm a.button {
		display: inline-block;
		font-size: 1em;
		padding: 0.3em 2em;
		margin: 0 auto 1.5em auto;
		width: 46%;
	}

	#ModeDetailsForm a:last-child {
		background-color: #d91618;
		color: #ffffff;
		border: 1px solid #d91618;
	}

	#page-vehicules #Share_btn:hover {
		background-color: #ffffff;
		color: #000000;
		border: 1px solid #000000;
	}
	
	/* TEMP STYLE */


	#OptionsW {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.listWrapper {
		flex-basis: 50%;
		margin-bottom: 40px;
	}

	.listWrapper:nth-child(odd) {}


	.list-title {
		font-size: 1.4em;
	}

	.listWrapper .list--bulleted .list-item::before {
		font-size: 20px;
		color: #ccc;
		content: '\2022';
		padding-right: 4px;
	}

	#InfosW {
		padding-top: 40px;
	}

	#InfosW li {
		border-bottom: 1px solid #999;
		padding: 5px 0;
	}

	#InfosW li span {
		display: inline !important;
	}

	#InfosW li span.optionLabel button {
		font-weight: bold;
		color: #000;
	}

	#InfosW .cbm-helpLinkTxt {
		font-size: 1em;
	}

	.optionLabel button {
		border: none;
		background: none;
		color: #fff;
		font-size: 1.2em;
		padding: 0;
	}

	.equipements-container li {
		padding: 10px;
		text-align: justify;
	}

	
	
	
	.servicesList{ display: flex; justify-content: center; gap: 0 50px; padding: 50px 0; }
	.servicesList li{ text-align: center; }
	.servicesList li svg { color: #d91618; font-size: 2.5em; margin-bottom: 10px;  }
	
	
	
	
	
	#HomeButtons{ margin: -50px 4% 150px; position: relative; z-index : 200;}
	
	
	.programmeW {
		height: 20vh;
		color: #fff;
		background-image: url(../media/images/services/caros.jpg);
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 100%;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 20px;
		padding-left: 2rem;
		padding-right: 2rem;
		transition: all .6s;
		display: flex;
		position: relative;
		-webkit-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.75);
		box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.75);
		
	}
	
	
	.programmeW.skin-revis{ background-image: url(../media/images/services/revis.jpg);}
	.programmeW.skin-diag{ background-image: url(../media/images/services/diag.jpg);}
	.programmeW.skin-pneu{ background-image: url(../media/images/services/pneu.jpg);}
	.programmeW.skin-clim{ background-image: url(../media/images/services/clim.jpg);}
	.programmeW.skin-geo{ background-image: url(../media/images/services/geo.jpg);}
	.programmeW.skin-distri{ background-image: url(../media/images/services/distri.jpg);}
	.programmeW.skin-caros{ background-image: url(../media/images/services/caros.jpg);}
	.programmeW.skin-carte{background-image: url(../media/images/services/carte.jpg);}
	.programmeW.skin-pare{background-image: url(../media/images/services/pare.jpg);}
	.programmeW.skin-vo{background-image: url(../media/images/services/vo.jpg);}
	
	.programmeW:hover {
		background-size: 108%;
		text-decoration: none;
	}
	
	.programmeOverlay {
		display: block;
		z-index: 1;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(rgba(0,0,0,.3),rgba(217,22,24,.6));
		position: absolute;
		top: 0%;
		bottom: 0%;
		left: 0%;
		right: 0%;
	}
	.programmeText {
		display: block;
		z-index: 2;
		position: relative;
		text-align: left;
	}
	.programmeText h4 {
		display: block;
		color: #fff;
		font-size: 1.2em;
		font-weight: 400;
		line-height: 1.2rem;
	}
	.programmeText span.link {
		display: block;
		color: #fff;
		align-items: center;
		margin-top: 1rem;
		font-size: 1em;
		font-weight: 500;
		line-height: 1.25rem;
		font-weight: 600;
	}
	

	
	
	/* FILTERS */


	/* #FilterWW{border-top: 2px solid #000;border-bottom: 2px solid #000;padding: 30px 5%;display: flex;flex-direction: column;margin: 5px;}0 */
	#FilterWW {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 5px 10% 15px 10%;
		display: flex;
		flex-direction: column;
		margin: 10px 0 40px
	}

	/* #FilterWW h3{ color: #000; display: inline; float: left; font-weight: 300; margin-right: 50px; letter-spacing: 1px; } */
	#FilterWW h3 {
		color: #000;
		display: inline;
		float: left;
		font-weight: 300;
		margin-right: 50px;
		letter-spacing: 1px;
	}

	#FilterForm {}

	#FilterForm select#marque {
		
		color: #000;
	}

	#FilterForm label {
		display: none;
		text-transform: uppercase;
	}

	#field-marque {
		display: inline-block;
		width: 40%;
		float: left;
		margin: 12px 0 0 0;
	}

	#field-marque select {
		text-align: left;
		padding: 12px; border: 1px solid #000; margin-bottom: 10px;
		text-transform: uppercase;
	}

	#field-marque select option {
		color: #000;
		text-transform: uppercase;
	}


	#FilterFormButtons a {
		background: #fff;
		color: #000;
		display: inline-block;
		clear: both;
		margin-top: 5px;
	}

	#page-vehicules_location #FilterReseter  {
		background: #fff;
		color: #000;
		display: inline-block;
		clear: both;
		margin-top: 5px;
	}

	#FilterFormButtons {
		text-align: left;
	}



	.sliderW {
		display: inline-block;
		position: relative;
		width: calc(30% - 90px);
		float: left;
		padding-left: 70px;
		margin-right: 5%;
		min-height: 40px;
		padding-top: 25px;
	}

	.sliderW p.textField {
		display: inline;
		border: none;
		color: #000;
		text-align: right;
		position: absolute;
		top: 30px;
		margin: 0;
	}

	.sliderW p.textField input {
		display: inline;
		border: none;
		color: #000;
		background: none;
		font-size: 0.8em;
		padding: 0 5px 0 0;
		width: 50px;
		min-width: unset;
		text-align: right
	}

	.sliderW .sliderLegend {
		display: block;
		position: absolute;
		left: 2px;
		top: 0;
		text-transform: uppercase;
	}

	p#field-prixmin,
	p#field-anneemin,
	p#field-kmmin {
		left: 30px;
	}

	p#field-prixmax,
	p#field-anneemax,
	p#field-kmmax {
		right: -20px;
	}



	.sliderNoUI {}

	.noUi-horizontal {
		height: 1px;
	}

	.noUi-horizontal .noUi-handle {
		width: 11px;
		height: 11px;
		right: -5px;
		top: -5px;
	}

	.noUi-connect {
		background: #000;
	}

	.noUi-handle {
		border: 1px solid #111;
		border-radius: 3px;
		border-radius: 50%;
		background: #000;
		cursor: default;
		box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #222, 0 3px 6px -3px #222;
		cursor: pointer;
	}
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
 

	
	/* CONTACT */
	#ContactW{ width: 80%; margin: 0 10%; overflow: auto;}
	
	#FormW, #CoordsW{ display: inline; float: left;}
	#FormW{ width: 60%; margin-right: 5%; }
	#CoordsW{ width: 35%; }
	
	#ContactW h3{  
		 text-transform: uppercase; font-weight: 900; font-size: 2em; 
	}
	
	#jGMapW { height:600px; margin:0; border:none;  clear: both; }
	#jGMapW .vcard{ }
	#jGMap { width:100%; height:100%; }
	
	
	.vcard p { margin:0 0 15px 0; padding:0; font-size:1.1em;}
	.vcard .tel .type, .vcard .uri, .vcard .geo  { display:none; }	
	
	
	
	
	
	#ContactBlock{ display: flex; padding-top:0 ; margin: 80px 0; align-items: stretch;  }
	#ContactBlock p{ flex: 1; margin: 0 25px; padding: 35px 25px; font-weight: 400; color: #fff; position: relative;
		background: #222728;
	}
	#ContactBlock p a{ color: #fff;}
	#ContactBlock p:last-child{ border: none; }
	
	
	#ContactBlock .icoW { font-size: 1.5em; 
		display: block; text-align: center;
		background: #d91618; width: 60px; height: 60px;
		position: absolute; top: -20px; left: -20px;
		transform: rotate(45deg);
	}
	#ContactBlock .icoW svg{ font-size: 1.3em; color: #fff; position: relative; top: 15px; transform: rotate(-45deg);}
	
	
	#ContactFormWW{ padding-bottom: 100px;}
	

	#ContactForm{ margin: 25px 0; padding: 0 0 0 0%;}
	#ContactForm fieldset p{  width: 45%; display: inline; float: left;}




	#message{  height: 100px; }

	#date, #heure, #nbpers{  width: 90px; }


	#ReservLegend{ padding: 0 15px 10px 25px; margin: 10px 180px 10px 0; text-align: left; border-bottom: 1px solid #222; }

	.legend {
		font-size: 0.85em;
		color: #999;
		text-align: left;
		margin: 25px 0;
	}

	
	.fancybox-inner  p#Confirmation{ padding: 50px 15px; margin: 0;}

	
	#FancyContactBox{ width: 600px; background: #fff;  }
	#FancyContact{ padding: 0 25px 25px; }
	#FancyContact h2{ color: #000; font-size: 2.5em; font-weight: 900; letter-spacing:normal;text-transform: uppercase; margin: 0 0 15px 0; text-align:left; padding-top: 15px;}

	#ContactForm{ margin: 0;}
	

	input{ width: 90%; margin: 0;}

	#ContactForm fieldset p{  width: 45%; display: inline; float: left;}
	#ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email{ margin-right: 10%; }
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-societe, #ContactForm fieldset p#field-message{  width: 100%; }
	#message{  height: 100px; }

	.formButtons { display: inline; float: left; width: 95%; text-align: center;}
	
	.fancybox-inner  #ContactForm *{ color: #000;}
	.fancybox-inner  #ContactFormSubmit { border-color: #000;}
	.fancybox-inner  #ContactFormSubmit:hover { color: #fff;}
	.fancybox-inner  #ContactForm input, .fancybox-inner  #ContactForm textarea { border-bottom: solid 1px rgba(0, 0, 0, 0.85); }

	 
 
	 p#Confirmation{
		font-size: 1.2em; font-weight: 300; margin: 100px 5%; text-align:center; line-height: 1.5em;
	}
	
	


	
	.mobonly{ display: none;}



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



	/* ----------------- RESPONSIVE ------------------------------*/

	
	
	@media(max-width:1600px) { 
	
	
		.serviceZimW img{ 
			top: -5%; left: 0; 
			height: 95%;
			width: auto;
		}
		
		.textL .serviceZimW img {
			top: 0;
			left: -10%;
			height: 95%; width: auto;
		}
	}
	
	
	@media(max-width:1440px) {
	
		#MainResaLink{ right: 15px; padding: 7px 20px; }
		.carteCategTitle{ font-size: 3em;}
		.carteCategTitle.longtitle{ font-size: 2.6em; }
		
		
		#LangLinks li { margin-right: 8px; }
		.homeSectionW {  padding-bottom: 100px; }
		#page-home .homeSectionW {  padding-bottom: 10px; }


		#FooterNews #field-email{  width: 34% }
		
		#CarouselArrows a{ width: 20px;  }
		
		#Services li.col30 { width: 47%;}
	
	}
	
	@media(max-width:1350px) {
		
		#MainMenuW{ padding-top: 80px;     margin-bottom: 20px;}
		#Menu {    width: 28%;}
		#MainMenu > li > a, #MainMenu > li > strong{ padding: 7px 0 7px 40px; }
		
		#UpperMenu ul li a{ font-size: 0.9em; }
		
		#CovidBanner p {  font-size: 0.95em; }
	
		#page-home .zimBlocsList li .itemTitle strong {
			font-size:1.2em;
		}
		
		.centeredlist50 {
			margin-left: 15%!important;
			margin-right: 15%!important;
			width: 70%;
		}
		
		.scaleSelector li h3 {
			height: 400px
		}
	
		
		
		.zimBlocsList li .itemTitle{ font-size: 0.8em !important;}
		.zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup{ font-size: 0.6em;}
		
		.rseBlock.centeredlist > li.col25 {
			width: 30.5%;
			margin: 0 1%;
		}			
		
		.tabsContent .centeredlist > li.col60, .tabsContent .centeredlist > li.col50, .tabsContent .centeredlist > li.col40, .tabsContent .centeredlist > li.col30 {    width: 48%; margin: 0 1%; }
		
		
		#EventSpacesMenu {
			margin: 60px 3.5% 0;
			width: 92%;
		}
		
		.centeredlist90 {
			margin-left: 2.5%!important;
			margin-right: 2.5%!important;
			width: 95%;
		}
		
		.bigmargin {
			margin-top: 30px!important;
			margin-bottom: 30px !important;
		}
		
		.prestationListW { 
			margin-left: 2.5%!important;
			margin-right: 2.5%!important;
			width: 95%;
		}
		
		#Services {   min-height: 380px;}
		
		.contactBlock li {    padding: 0 50px;}



		
		
		
		
	}
	
	
	@media(max-width:1280px) {
		
		.serviceZimW img{ 
			left: -25%; 
		}
		
		#Services-1 .serviceZimW img{ 
			left: -90% !important ;
		}
		
		#Services-3 .serviceZimW img{ 
			left: -50% !important ;
		}
		
	}
		
		
		
	
	@media(max-width:1024px) {
			
		body { font-size:17px; }
		input, select, textarea { font-size: 17px; }
		
		.nomob{display: none; }
		.mobonly{ display: inline;}

			
			
		

	
		#UpperMenu{ display: none;}
		
		#MainSelector, .covidbanner #MainSelector  { top: 16px; right: 2%; }
		#MainSelector .resaLegend {
			padding: 6px 12px;
			font-size: 1.1em;
			letter-spacing: 0.5px;
		}
		/*#MainSelector .resaLegend {   padding: 11px 9px 0 7px;  color: #000;}
		#MainSelector p a.gotoRooms, #MainSelector p a.gotoRooms:hover{ background-position: -82px 8px; }
		#MainSelector p a.gotoResto, #MainSelector p a.gotoResto:hover{  background-position: -82px -53px;}
		#MainSelector p a {  width: 45px; }*/


		#HomeLinkW {   margin: 0 0 0 2.5%; }
		#HomeLinkW a img {  width: 220px; padding-top: 10px; }
		.scrolled #HomeLinkW a img, .forcedHeader #HomeLinkW a img {  width: 160px; }
	
		#LangsW {
			left: 65px;
			top: 24px;
			width: 62px;
			display: none;
		}
		.open #LangsW { display: block;}
		
		#NavIco{  display: block; top: 23px; }

	
		

	
	
		#Menu{ width: 100%; }
		
		#MainMenuW {
			padding-top: 100px;
			margin-bottom: 15px;
		}
		#MainMenu > li > a, #MainMenu > li > strong {   
			padding: 5px 0 4px 45px; 
			-moz-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-webkit-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-o-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-ms-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			transition: background-color 0s ease-in-out, color 0s ease-in-out;
		}
		
		#MainMenu li{ font-size: 0.95em; padding: 7px 0; }
		#MainMenu > li{ position: relative; }
		
		#MainMenu li .submenu {
			width: 100%; 
			position: static;
			background: #fff;
			padding: 8px 0;
			height: auto;
			display: none;
		}
		#MainMenu li ul > li { padding: 0}
		#MainMenu li ul > li a { padding: 5px 10px 5px 15px; font-size: 1.2em;  }
		#MainMenu li ul > li > ul{ opacity: 1;}
		#MainMenu li ul > li > ul li a {  font-size: 1.1em; padding: 3px 0 3px 15px;  }
		#MainMenu li ul > li:first-child{ padding-top: 0;}
		
		#MainMenu > li > a:hover, #MainMenu > li > strong:hover {
			color: #fff;
			background-color: unset;
			
		}
		#MainMenu > li.actived > a, #MainMenu > li.actived > strong {
			color: #000;
			background-color: #fff;
		}
		#MainMenu li ul > li a:hover{ background: unset; color: #000; }
		#MainMenu li ul > li.HTMLMenuW-Level2:hover > a{ background: unset; color: #000; }

		#MainMenu-room-presentation-Item, #MainMenu-event-presentation-Item{ display: block;}
		
		
		#MainMenu > li > a span, #MainMenu > li > strong { display: block; width: 100%; padding-right: 5%; }
		#MainMenu > li > a  svg , #MainMenu > li > strong  svg { font-size: 1.3em; }
		
		#MainMenu > li > a  svg.fa-caret-up, #MainMenu > li > strong  svg.fa-caret-up, #MainMenu > li > a  svg.fa-caret-right, #MainMenu > li > strong  svg.fa-caret-right { display: none;}
		#MainMenu > li > a  svg.fa-caret-down, #MainMenu > li > strong  svg.fa-caret-down {display: block; color: #fff; margin-right: 0 }

		#MainMenu > li.actived > a  svg.fa-caret-up, #MainMenu > li.actived > strong  svg.fa-caret-up { display: block; color: #000; margin-right: 0 }
		#MainMenu > li.actived > a  svg.fa-caret-down, #MainMenu > li.actived > strong  svg.fa-caret-down { display: none; }
		
		
		#MainMenu-room-bestfor{ display: none;}
		



		
		#SecondaryMenu > li > a, #SecondaryMenu > li > strong {  padding: 2px 0 2px 15px; }
	
		#Copyrights {  font-size: 0.6em; margin: 0 0 10px 0; padding: 0 15px }
		
		
		#FooterMenu, #FooterNews, #FooterAddr{  display: block; float: none; width: 100%; margin-bottom: 40px; }
		#FooterMenu{  margin-bottom: 40px; }
		
		
		#FooterMenu li{  text-align: center; font-size: 1.4em; display: block;}
		#FooterAddr{  text-align: center;}
		#FooterAddr #Gmap{ margin-bottom: 20px;}
		
		#FooterNews #field-valid label{ font-size: 0.75em;}
		#FooterNews .textField{   isplay: block; float: none;  width: 100% !important; }
		
		#FooterNews #field-valid{ position: static; }
		
		#FooterNews .formButtons {
			width: auto; margin-top: 20px;
			float: none !important;
			display: block;
			position: static;
		}
		#FootNewsCheck {   bottom: -15px;  left: 45%; }
		#Credits {float: none;  text-align: center; margin-top: 0; }
		
		

		
		h2{ width: 95%; margin: 0 2.5%; font-size: 2em; line-height: 1em; margin-bottom: 40px;}
		h3{ margin-top: 30px;}
		.bigmargin > h3{ margin-top: 0;}
		#ZoomHalfBanner h2{ font-size: 2.5em;    line-height: 1em }
		
		p {   font-size: 1em; }
		
		input[type="button"], input[type="submit"], input[type="reset"], .button {
			padding: 0.7em 1.5em;
			line-height: 1.2em;
			transition: color 0s ease-in-out, border-color 0s ease-in-out, background-color 0s ease-in-out;
			margin-bottom: 15px;
		}
		
		input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover, .zimBlocsList li .itemTitle span.popup .button, .secondLink .button,.zimBlocsList li a:hover .itemTitle span.popup .button, .scaleSelector li a:hover .button {
			background: none;
		}.button:hover svg {}

		
		.forcedHeader #Content {   padding-top: 100px; }
		
		
		.scroll-section {  top: 60%; bottom: auto; display: none; }
		
		/***/
		
		.littleup{ font-size: 1em !important; line-height: 1.3em;}
		.ffat{ font-size: 1em !important; line-height: 1.4em;}
		.big{ font-size: 1.3em !important; line-height: 1.2em; }
		.super { font-size: 1.5em !important; line-height: 1em; }
		.mega { font-size: 2em !important; line-height: 1em; }
		.ultra { font-size: 2.8em !important; line-height: 1em;}
		
		.minimob{ font-size: 0.7em;}
		
	
		.little{ font-size: 1.1em !important }
		
		.fontreset{ font-size: 1em !important }
		.mini{ font-size: 0.8em !important; line-height: 1em; display: inline-block; }
		.tiny{ font-size: 0.7em !important; line-height: 1em; display: inline-block; }
		.micro{ font-size: 0.7em !important; line-height: 1em; display: inline-block; }
		
		.maj{ text-transform: uppercase; }

		
		p.justified, .justified p{ line-height: 1.5em; }
		.bigmargin{ margin-top: 40px!important; margin-bottom: 40px !important;}
		.supermargin{ margin-top: 60px!important; margin-bottom: 60px !important;}
		.megamargin{ margin-top: 120px!important; margin-bottom: 120px !important;}
		.notitle{ margin: 40px 0 0 0;}	
		
		.lefted, .lefted *, .centeredlist > li p.lefted { text-align: center;}
		
		
		
		.titlepadding{ padding-top: 40px;}
		.titlepaddingmini{ padding-top: 25px;}
		.titlepaddingmadium{ padding-top: 60px;}
		.titlepaddingbig{ padding-top: 85px;}

		
	
		.centeredlist{ display: block; }
		.centeredlist90, .centeredlist85, .centeredlist80, .centeredlist75, .centeredlist70, .centeredlist60, .centeredlist50,
		.centeredlist40, #GalleryW 
		{ margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95% !important}

		.centeredlist > li{ width: 100%; }

		
		.centeredlist > li.col25,	.centeredlist > li.col25.colbigspace, .centeredlist > li.col30, .centeredlist > li.col33, .centeredlist > li.col40,
		.centeredlist > li.col45, .centeredlist > li.col50,	.centeredlist > li.col60,	.centeredlist > li.col100
		{ width: 100% !important; margin: 0; }
		
		.centeredlist > li.decalleft{ margin-left: 19%}
		.centeredlist > li.decalleftmini{ margin-left: 9%}
		.centeredlist > li.decalright{ margin-right: 19%}
		.centeredlist > li.decalrightmini{ margin-right: 9%}
		
		
		.itemBG { width: 100%; }
		.zimBlocsList .itemBG { width: 115%; }
		.tabsContent li .itemBG{ width: 100%; }
		
		.scaleSelector { display: block; }
		.scaleSelector li{ width: 100%; overflow: hidden; margin-bottom: 20px !important; }
		.scaleSelector li.col25{ width: 100%; margin: 0 0 20px 0;}
		.scaleSelector li .videoW{ display: none;}
		.scaleSelector li .itemBG{ left: -20% }
		
		
		.scaleSelector li h3 {  height: 300px; }
			
			
		.zimBlocsList li .itemTitle {  font-size: 0.8em; }
		.zimBlocsList li a .itemTitle, .zimBlocsList li a:hover .itemTitle {  top: 15%; }
		.scaleSelector li .itemTitle {  top: 10%; }
		.zimBlocsList li .itemTitle.alone, .zimBlocsList li .itemTitle.mini, .scaleSelector li .itemTitle.alone {  top: 15%; }
		.zimBlocsList li a .itemTitle span.popup, .scaleSelector li .itemTitle span.popup { opacity: 1;    padding: 12px 15px; font-size: 0.5em; }
		.zimBlocsList li h3, .scaleSelector li h3 {   min-height: 240px; overflow: hidden; }
		.zimBlocsList li a:hover .itemTitle.alone, .zimBlocsList li a:hover .itemTitle.mini {   top: 30%;  }
		
		.scaleSelector li .itemTitle strong {  font-size: 1.2em; }
		.zimBlocsList li .itemTitle strong{ font-size: 0.8em; }
		.zimBlocsList.reduct li .itemTitle strong {  font-size: 1.4em; }
		
		.zimBlocsList li .itemTitle .titleintro, .scaleSelector li .itemTitle .titleintro { font-size: 0.65em;}
		.titleintro sup { font-size: 0.5em;}

		
		.scaleSelector li .links {   bottom: 2%; }

		
		.zimBlocsList li.col25, .zimBlocsList li.col30, .zimBlocsList li.col50, .zimBlocsList li.col100 
		{ margin: 0 0 20px 0 !important; width: 100% !important; }
		
		.zimBlocsList li.col100 { overflow: hidden;}
		.zimBlocsList li.col100 .itemBG { width: 250%; }
		.zimBlocsList li.col50 .itemBG { width: 150%; }
		
		
		.zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup {  font-size: 0.6em; }
		
		.zimBlocsList li .links .button, .scaleSelector li .links .button, .secondLink .button { margin: 2px 30%; padding: 4px 15px !important}
		.secondLink {bottom: 50px;}
		.zimBlocsList li .itemTitle span.popup .button, .secondLink .button {  font-size: 1em;  margin-top: 10px;}
		
		

		.scaleSelector li .itemTitle strong img {
			width: 55%;
			max-width: 250px;
		}
		
		.tabsContent li .itemBg{ width: 100%; }
		
		
		
		/* HOME */
		
		#HomeZimW-Mob img{ position: absolute; }
		#HomeTitleW{    bottom: 12%; }
		/* #HomeTitleW h2 strong {   font-size: 5em; line-height: 0.9em;} */
		#HomeTitleW h2 strong {   }

		
		.homeSectionW {   padding-bottom: 0px; }
		#page-home .zimBlocsList li .itemTitle strong { font-size: 0.9em; }
		/*#page-home .scroll-section {  top: 80%; }*/
		
		#HomeTitleW h2 em {  }
		
		
		#CovidBanner {
			top: auto;
			bottom: 0;
		}
		#CovidBanner p {
			margin: 5px 2.5%;
			line-height: 1.2em;
			font-size: 0.85em;
			padding-right: 25px;;
		}

		
		
		

	
		
		/* FORMS */
		
		#EventForm fieldset p, #PostuleForm fieldset p {
		width: 100%;
		display: block;
		float: none; }
		
		#EventForm fieldset p#field-datesevent, #EventForm fieldset p#field-budget	{ margin-right: 0; width: 100%;  } 
		#EventForm fieldset p#field-datesflex, #EventForm fieldset p#field-budgetflex, #EventForm fieldset p#field-tel { margin-right:0; width: 100%;} 
		#EventForm select{ max-width: 97%;}
		.uniqueCheckBoxField label{ font-size: 0.8em;}
		
		
		/* CONTACT */
		
		#FancyContactBox{ width: auto; }
		
		#page-contact #Content{ padding-top: 160px; }
		#ContactW{ width: 90%; margin: 0 5%;}
		#FormW, #CoordsW{ display: block; float: none;}
		#FormW{ width: 100%; margin-right: 0; }
		#CoordsW{ width: 100%; }
		
		
		
		#ContactForm fieldset p{ width: 94%; display: block; float: none;}
		#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-societe, #ContactForm fieldset p#field-message, .formButtons { width: 94%;}
		#message {height: 200px;		}
		
		#jGMapW {	width:100%; height:500px;  }

	
		
		#GalleryW{display: block; }
		#mosaic .mosaic-item{ opacity: 1; margin: 0; max-width: unset; margin-bottom: 15px;}
		#mosaic .mosaic-item img{  width: 100%; }
		
		.fancybox-nav span{ visibility: visible !important;}
		
		
		
		.blocksW {
			flex-direction: column;	
		}
		.decoBlockW {
			width: 95%;
			margin-bottom: 30px;
		}
		
		.partnerList > li {
			width: calc(26% - 40px);
			padding: 10px;
		}
		
		
		.bigZimW {
			min-height: 40vh;
		}
		.bigZimW h2 {
			padding-top: 20%;
		}
		

		.photoList li {
			margin-bottom: 30px;
		}
		
		.descriptionOverlay {
			position: static;
			height: auto;
			background: rgba(255,255,255,1);
			padding: 15px;
			opacity: 1;	
			display: block;
		}
		
		
		.swingsectionTriangle {
			display: none;
		}
		.homeTitle h2 {
			font-size: 1.4em;
		}
		
		
	}
	
	
	
	

	@media(max-width:1023px) { 
	
		.bigZimW {
			min-height: 40vh;
		}
		
		.newformaAccr svg {
			bottom: -5px;
			right: 0px;
		}
				
	}
	
	@media(max-width:768px) { 
	
	
	
	
	
	
		#VideoW {
			height: 45vh;	
		}
		#FormeW img {
			width: 200px;
			left: -50px;
			bottom: -50px;
		}


		#NavBg {
			width: 120%;
			height: 160px;
			right: -20px;
			top: -80px;
			
		}
		
		#HomeLinkW {
			margin: 20px 0 0 2.5%;
		}

		#HomeTitleW {
			width: 90%;
		}
		#HomeTitleW h2 {    font-size: 1em; }
		
		.homeTitle h2 strong {
			font-size: 2.5em;
			
		}
		.homeTitle .separator {
			width: 100%;
		}
		
		.homeTitle .simplelink {
			text-align: left; width: 50%; display: block;
		}
		
		.bigTel {
			padding: 8px 10px;
			font-size: 0.8em;
			margin-top: 20px;
		}
						
		
		
		#HomeSculptW {
		    right: 8%;
			width: 65%;
			height: 47%;

		}


		.swingsectionBG {
			width: 150%;
			left: -25%;
		}
		
		
		
		#HomeIntro {
			padding: 0 0 80px 0;
			margin: -100px 0 0 0;
		}
		
		.swingsectionTriangle {
			display :none;
		}
		
		.newformaAccr h3 {
			font-size: 1em;
		
		}
		.newformaAccr h3 strong {
		font-size: 2em;

		}
		.newformaAccr .discover .line {
			width: 20%;
		}



		#Footer{ padding-top: 50px;}
		
		
		.footerMenuW, .footerCenterSection {

			flex-direction : column;
			width: 100%;
		}
		.footerLabels {
			width: 100%;
		}
		.footerMenuW ul li {
			display: block;
			float: none;
			margin-right: 0;
			margin-bottom: 7px;
			text-align: left;
		}
	
		
		#FooterAddr, #Mentions{ font-size: 0.85em;}
		#AllLink{ font-size: 1.2em;}
		
		#FooterMenu li a { font-size: 0.7em; }
		#FooterSocials span{ display: inline-block; margin-bottom: 10px }
		#FooterAddr .socialLink {
			font-size: 2.5em;
			margin: 0 15px;
		}
		
		#CookiesBanner p{ margin: 10px 2.5%; text-align: center;}
		#CookiesBanner p a{ float: none; }
		#CookiesBanner p a:hover{ background: none !important;}



		input[type="text"], input[type="password"], input[type="email"], textarea{ width: 100%}
		
		#page-rooms-selector #ContentW {
			background-size: cover;
		}
		
		.prestationList .lefted{ text-align: left !important;}
		
		
		#MentionsW h2, #MentionsW  h3{ font-size: 1.5em; line-height: 1.1em;}
		
		
		.zimBlocsList li.col100 .itemBG {  left: -80%; }
		
		
		/* resurcharge 1024 */
		
		
		#CarouselArrows a{ width: 20px;  }
		.zimBlocsList.reduct li .itemTitle strong {  font-size: 1.2em; }
		.zimBlocsList li a:hover .itemTitle strong { padding: 0; }
		#page-home .zimBlocsList li a:hover .itemTitle strong { padding: 0 15px; }
		
		
		.offersList{ width: 90%; margin: 0 5%;}
		.offersList li div.actuW {
			flex-direction: column;
			
			padding: 20px;

		
		}
		.offersList li img {
			height: auto; width: 100%;
			margin: 0 0 25px 0;
		}
		
		#SubMenuW ul.submenu li {
			display: block;
		}
		#RealList {
			flex-direction: column;
		}
		#RealList > li {
			width: 95%; 
			margin: 0 2.5% 30px;
		}
		
		.partnerList > li {
			width: calc(50% - 40px);
			padding: 10px;
		}
		
		#ContactBlock {
			flex-direction: column;
			margin: 80px 0 0 0 ;
			
		}
		#ContactBlock p {
			margin: 0 20px 50px;
			padding: 55px 20px 30px;
		}
		
		#ContactFormW{ width: 90%; margin: 0 5%}
		
		
		#page-produits #Content {
			padding-top: 65px;
		}

		
		.photoList li {
			width: 50%; 
			
		}
		
		/*.decoleft {
			left: -10px;
		}
		.decoright {
			right: -10px;
		}*/
		
		.bigZimW h2 {
			font-size: 1.8em !important;
		}
		
		
		.bgImgW {
			min-height: 40vh;
		}
		
		
		.overlayContent {
			display: inline-block;
			padding: 25px;
		}
		.overlayContentW {
			text-align: center;
			position: relative;
			z-index: 10;
			padding: 25px 2.5% 50px 2.5%;
		}
		
		#page-qui-sommes-nous #FooterW {
			margin-top: -200px;
		}
		
		
		
		.mainpagesubtitle {
			margin-bottom: 50px;
		}
		

	
		#Services-1 .serviceZimW img{ 
			left: -125% !important ;
		}
		
		#Services-3 .serviceZimW img{ 
			left: -75% !important ;
		}
		
		#page-nos-services #Content {
			padding-top: 180px; 
		}
		
		#HomeTitleScreen {
			height: calc(75vh - 34px);
		}
		
		
		
		#FootSocials {
			margin: 0 auto 25px; text-align: center;
			padding-right: 0;
			display: block; 
		}
		
		.footerLabels p{ justify-content: center;}
		
		#FootCredits {
			text-align: center;

		}
		
		
		
		
		#Backtolist {
			top: 160px;
		}
		
		
		div#TitleAnnonce {
			width: 100%;
			flex-direction: column;
			align-items: flex-start;
		}
		
		div#TitleAnnonce .price {
			font-size: 2em;
			line-height: 0.8em;
			text-align: left;
		}
		
		
		
		
		div#RowOneLeft {
			display: block;
			float: none;
			width: 100%;
			margin-right: 0;
			height: auto;
		}
		div#RowOneRight {
			display: block;
			float: none;
			width: 100%;
			overflow: hidden;
			height: auto;
		}
		.colZimW {
			height: auto;
		}
		.colZimW.first {
			margin-bottom: 0;
		}
		
		div#RowTwo {
			flex-direction: column;
		}
		div#RowTwoLeft {
			width: 100%;
			margin-right: 0;
			padding-right: 0;
			border-right: none;
		}
		div#RowTwoRight {

			width: 100%;
			padding-top: 20px;
		}
					
				

		#FilterWW {
			padding: 5px 2.5% 15px 2.5%;
		}
		.sliderW {
			width: calc(100% - 100px);
			padding-left: 70px;
			margin-right: 0;
		}
		.sliderW .sliderLegend {
			top: -5px;
		}
				
	
		
		
	}
	
	@media(max-width:767px) {
		
		#SoonPopup {
			padding: 70px 20px;
		  
		}
		
		h1, h2, h3, h4, h5, h6 {
    
			line-height: 1.2em;

		}
		
		.photoList {
			flex-direction: column;
		}
		.photoList li {
			width: 100%; 
			
		}
		
		#HomeSculptW {
			right: 0;
			width: 50%;
			height: 70%;

		}
		#HomeSculptW img {
			max-width: 200px;
		}
		
		
		.serviceText, .textL .serviceText {
			margin: 0 0 0 0;
			width: 100%;
		}
		
		
		.serviceZimW{ display: none;}
		
		#Services-2{ padding-top: 30px;}
		
		.textIco {
			max-width: 160px;
			max-height: 100px;
		}
		
		#HomeTitleScreen {
			
					
			background-position: 30% 0px;
			background-size: auto 100%;
		
			
		}
		
		.flexi .col30 {
			width: calc(100%);
		}
		
		
		.decoBlock {

			padding: 20px 0 0;
			
		}
		
		.service > img{ display: block; width: 100%;}
	
				
		
		#ModeDetailsForm a.button {
			width: 78%;
		}
		
		.servicesList {
			flex-direction: column; gap: 30px;
		}
			
		
		
	}
	
	
	@media(max-width:480px) {
		
		
		
		#Header { background-size: auto 100%;  }


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

		input, select, textarea { font-size: 15px; }
		
		
		
		
	}