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

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: #000;
	background: #e9e9e9;
	display: block;
	padding: 12px;
	text-decoration: none;
	width: calc(100% - 20px);
	outline: 0;
	line-height: 1.3em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

textarea {}

select {
	-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	background: #e9e9e9;
	border: none;
	color: #000;
	display: block;
	padding: 0.6em 0.75em;
	line-height: 1.3em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



select option {
	color: #000;
}

legend {
	display: block;
	margin-bottom: 20px;
	position: relative;
	top: 0;
	background: #d91618;
	padding: 10px 20px;
	color: #fff;
	font-size: 1.2em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

fieldset {
	border: none;
	padding: 0;
}


.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;
	width: 100%;
}

.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 {}


#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;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

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

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

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

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

*:-ms-input-placeholder {
	/* IE 10+ */
	color: #ccc !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;
}


.littleup {
	font-size: 1.2em !important
}

.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: 100% 95%;
	background-size: 300px;
	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-decoration: 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: 150px;
}

#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(80vh - 34px); position: relative;  }*/

#HomeTitleScreen {
	background: #1e1e1e url(zims/frontend/bgzim-1.jpg) no-repeat center;
	background-size: cover;
	height: calc(80vh - 34px);
	position: relative;
}

#HomeTitleScreen.bgzim-2 {
	background-image: url(zims/frontend/bgzim-2.jpg);
}

#HomeTitleScreen.bgzim-3 {
	background-image: url(zims/frontend/bgzim-3.jpg);
}

#HomeTitleScreen.bgbase {
	background-image: url(zims/frontend/bg-abstract.jpg);
}


#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;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.85);
}

.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: block;
	font-size: 1.2em;
	color: #fff;
	margin-top: 25px;
}

.bigTel a {
	color: #fff;
	display: inline-block;
	background: #d91618;
	padding: 8px 20px 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.bigTel svg {
	position: relative;
	top: 5px;
	left: 5px;
	font-size: 1.5em;
}


.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.2em;
	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;
	line-height: 1.2em;
}

.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: 200px;
}




.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: #d91618;
	padding: 6px 15px;
	color: #fff;
	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;
}



.agenceList {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 100px;
}

.agencesThumb {
	background: #efefef;
	border-radius: 10px;
	width: calc(33.33% - 30px);
	overflow: hidden;
}

.agencesThumb .imageW {
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.agencesThumb img {
	display: block;
	width: 100%;
  height: 100%;
  object-fit: cover; /* ou contain selon le comportement souhaité */
	position: relative;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.agencesThumb:hover img {
	width: 105%;
	height: 105%;
	margin-left: -2.5%;
}

.agencesThumb .textW {
	display: block;
	padding: 20px;
}

.agencesThumb .textW span {
	color: #d91618;
	line-height: 1em;
}

.agencesThumb .textW span svg {
	color: #000;
}


.agenceDetail {
	display: flex;
	gap: 50px;
}

.agenceDetail li {
	flex: 1;
	position: relative;
}

.agenceDetail li img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 5;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

.agenceDetail svg {
	color: #d91618;
}

.agenceDetail li .deco {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	background: #d91618;
	width: 100%;
	height: 90%;
	z-index: 0;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}


.backTo {
	position: absolute;
	top: 200px;
	right: 10%;
}












#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: 10px 2.5% 10px 2.5%;
	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: 8px 20px;
	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 {
	float: right;
	margin-top: 8px;
	width: auto !important;
}



.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,
#ContactVenteForm {
	margin: 25px 0;
	padding: 0 0 0 0%;
}





#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,
#ContactVenteForm {
	margin: 0;
}


#ContactFormWrapper,
#ContactVenteFormWrapper {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}

#ContactFormWrapper fieldset,
#ContactVenteFormWrapper fieldset {
	width: calc(50% - 50px);
	border-top: 2px solid #d91618;
}

#ContactVenteForm #fieldset-vehicule {
	width:100% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;;
}

#ContactVenteForm p#field-marque{
	margin:0;
}

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

#ContactForm fieldset p,
#ContactVenteForm fieldset p {
	width: 45%;
	display: inline;
	float: left;
}

#ContactVenteForm #fieldset-vehicule p {
	width: 50% !important;
}

#ContactVenteForm input[type="text"] {
	width: 90%;
	margin: 0;
}


#ContactForm fieldset p#field-nom,
#ContactForm fieldset p#field-email,
#ContactVenteForm fieldset p#field-nom,
#ContactVenteForm fieldset p#field-email {
	margin-right: 10%;
}

#ContactForm fieldset p#field-objet,
#ContactForm fieldset p#field-societe,
#ContactForm fieldset p#field-message,
#ContactVenteForm fieldset p#field-objet,
#ContactVenteForm fieldset p#field-societe,
#ContactVenteForm fieldset p#field-message {
	width: 100%;
}


#message {
	height: 100px;
}

.formButtons {
	display: inline;
	float: left;
	width: 95%;
	text-align: center;
}

.fancybox-inner #ContactForm *,
.fancybox-inner #ContactVenteForm * {
	color: #000;
}

.fancybox-inner #ContactFormSubmit,
.fancybox-inner #ContactVenteFormSubmit {
	border-color: #000;
}

.fancybox-inner #ContactFormSubmit:hover,
.fancybox-inner #ContactVenteFormSubmit:hover {
	color: #fff;
}

.fancybox-inner #ContactForm input,
.fancybox-inner #ContactForm textarea,
.fancybox-inner #ContactVenteForm input,
.fancybox-inner #ContactVenteForm 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: 85vw;
		padding-top: 35px;
	}

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

	.superplus {
		font-size: 1.7em !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;
	}


	#ContactW {
		width: 90%;
		margin: 0 5%;
	}

	#FormW,
	#CoordsW {
		display: block;
		float: none;
	}

	#FormW {
		width: 100%;
		margin-right: 0;
	}

	#CoordsW {
		width: 100%;
	}



	#ContactForm fieldset p,
	#ContactVenteForm fieldset p {
		width: 94%;
		display: block;
		float: none;
	}

	#ContactForm fieldset p#field-objet,
	#ContactForm fieldset p#field-societe,
	#ContactForm fieldset p#field-message,
	#ContactVenteForm fieldset p#field-objet,
	#ContactVenteForm fieldset p#field-societe,
	#ContactVenteForm 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;
	}

	#Content {
		padding-top: 220px;
	}

	.agencesThumb {
		width: calc(100%);
	}

	.backTo {
		display: none;
	}

	#page-agences h2 .super {
		font-size: 1.3em !important;
	}

	.agenceDetail {
		flex-direction: column;
	}

	#ContactFormWrapper fieldset,
	#ContactVenteFormWrapper fieldset {
		width: calc(100%);
	}


}

@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,
	#ContactVenteFormW {
		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(60vh - 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: 200px;
		text-align: left;
	}


	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: 20px 2.5% 15px 2.5%;
	}

	.sliderW {
		width: calc(100% - 100px);
		padding-left: 70px;
		margin-right: 0;
	}

	.sliderW .sliderLegend {
		top: -5px;
	}

	#field-marque {
		width: 100%
	}

	#field-marque select {
		margin: 0 auto;
	}

	#FilterFormButtons {
		display: block;
		margin-top: 20px;
		width: 100% !important;
		text-align: center;
		clear: both;
	}

}

@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: 75% 0px;
		background-size: auto 100%;
	}

	#HomeTitleScreen.bgzim-2 {
		background-position: 40% 0px;
	}

	#HomeTitleScreen.bgzim-3 {
		background-position: 55% 0px;
	}

	#HomeTitleScreen.bgbase {
		background-position: 35% -90px;
	}

	.flexi .col30 {
		width: calc(100%);
	}


	.decoBlock {

		padding: 20px 0 0;

	}

	.service {
		padding-top: 20px;
	}

	.service>img {
		display: block;
		width: 100%;
	}



	#ModeDetailsForm a.button {
		width: 78%;
	}

	.servicesList {
		flex-direction: column;
		gap: 30px;
	}
	
	#FilterWW .filterSection {
		flex-direction: column;
	}
	






}


@media(max-width:480px) {



	#Header {
		background-size: auto 100%;
	}



}


@media(max-width:375px) {


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




}


/* PAGE OCCASIONS LISTING DES VOITURES */
.vo-grille {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 24px;
	padding: 40px;
}

.vo-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	background: #1e1e1e;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}

.vo-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
}

.vo-card-img {
	position: relative;
	height: 200px;
	overflow: hidden;
	background: #2a2a2a;
}

.vo-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.vo-card:hover .vo-card-img img {
	transform: scale(1.04);
}

.vo-card-nophoto {
	width: 100%;
	height: 100%;
	background: #2a2a2a;
}

.vo-card-nophoto.noPhoto {
	background-color: #f0f0f0;
}

.vo-card-nophoto .logoNoPhoto {
	display: block;
	position: static;
	left: auto;
	top: auto;
	margin: 0 auto;
	opacity: 50%;
	width: 45% !important;
	max-width: 120px;
	height: auto !important;
	object-fit: contain;
}

.vo-card-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #cc0000;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 10px;
}

.vo-card-body {
	padding: 16px 18px 18px;
	display: flex;
	flex-direction: column;
	flex: 1;
	border-top: 2px solid #cc0000;
}

.vo-card-titre {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: 10px;
	color: #ffffff;
}

.vo-card-specs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 14px;
}

.vo-card-specs span {
	background: #2a2a2a;
	color: #bbb;
	font-size: 12px;
	padding: 3px 8px;
}

.vo-card-specs span:empty {
	display: none;
}

.vo-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid #333;
}

.vo-card-prix {
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
}

.vo-card-garantie {
	font-size: 12px;
	color: #aaaaaa;
	text-align: right;
}

.vo-card-parc {
	font-size: 11px;
	color: #aaa;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 8px;
}

@media (max-width: 600px) {
	.vo-grille {
		grid-template-columns: 1fr;
		padding: 16px;
		gap: 16px;
	}
}

/* Filtre page occasions */

#FilterWW .filtersHeader {
	width: 100%;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #111111;
}

#FilterWW #FilterForm {
	
}
#FilterWW .filterSection{
	display: flex;
}


#FilterWW .filterZoneWW {
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	margin: 0 0 10px 0; gap: 15px;
}

#FilterWW .filterLabel {
	width: 150px;
	min-width: 150px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #111111;
}

#FilterWW .filterZoneW {
	flex: 1;
	position: relative;
}

#FilterWW .filterRangeW {
	padding-top: 25px;
	min-height: 20px;
	min-width: 85%;
}

#FilterWW .sliderW {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	min-height: 0;
}

#FilterWW #field-prixstart,
#FilterWW #field-prixend,
#FilterWW #field-anneestart,
#FilterWW #field-anneeend,
#FilterWW #field-kmstart,
#FilterWW #field-kmend {
	display: none;
}

#FilterWW #field-prixmin,
#FilterWW #field-prixmax,
#FilterWW #field-anneemin,
#FilterWW #field-anneemax,
#FilterWW #field-kmmin,
#FilterWW #field-kmmax {
	position: absolute;
	top: -8px;
	margin: 0;
	width: auto;
	color: #111111;
	font-size: 12px;
}

#FilterWW #field-prixmin,
#FilterWW #field-anneemin,
#FilterWW #field-kmmin {
	left: 0;
}

#FilterWW #field-prixmax,
#FilterWW #field-anneemax,
#FilterWW #field-kmmax {
	right: 0;
	left: auto;
	text-align: right;
}

#FilterWW #field-prixmin input,
#FilterWW #field-prixmax input,
#FilterWW #field-anneemin input,
#FilterWW #field-anneemax input,
#FilterWW #field-kmmin input,
#FilterWW #field-kmmax input {
	width: 96px;
	min-width: 96px;
	padding: 4px 6px;
	border: 1px solid #cfcfcf;
	background: #ffffff;
	color: #111111;
	font-size: 12px;
	line-height: 1.2;
}

#FilterWW #field-prixmax input,
#FilterWW #field-anneemax input,
#FilterWW #field-kmmax input {
	text-align: right;
}

#FilterWW .filterMarqueW .filterZoneW {
	min-height: 0;
	padding-top: 0;
}

#FilterWW #field-marque {
	float: none;
	width: 100%;
	margin: 0;
}

#FilterWW #field-marque select {
	width: 320px;
	max-width: 100%;
	margin: 0;
	text-align: left;
	background-color: #f6f6f6;
	border: 1px solid #d7d7d7;
	color: #111111;
	font-weight: 600;
}

#FilterWW #FilterFormButtons {
	float: none;
	width: 100% !important;
	margin-top: 8px;
	text-align: right;
	clear: both;
}

#FilterWW #FilterFormButtons a,
#FilterWW #FilterFormSubmit {
	display: inline-block;
	left: auto;
}

#FilterWW .filterTextW {
	position: relative;
	width: auto;
	top: 0;
}

@media(max-width:767px) {
	#FilterWW .filterZoneWW {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	#FilterWW .filterLabel {
		width: 100%;
		min-width: 0;
		padding-top: 0;
	}

	#FilterWW .filterRangeW {
		padding-top: 0;
		min-height: 0;
		min-width: 95%;
	
	}

	#FilterWW #field-prixmin,
	#FilterWW #field-prixmax,
	#FilterWW #field-anneemin,
	#FilterWW #field-anneemax,
	#FilterWW #field-kmmin,
	#FilterWW #field-kmmax {
		position: static;
		display: inline-block;
		margin: 0 8px 8px 0;
	}

	#FilterWW .sliderW {
		margin-top: 8px;
	}

	#FilterWW #FilterFormButtons {
		text-align: left;
	}
}

/* NO PHOTO STYLE */
/* NO PHOTO STYLE */
.colMainZimW.noPhoto,
#RowOneLeft.noPhoto {
	background-color: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
}

.colZimW.noPhotoContent{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

#logoNoPhoto{
	display: block;
	left:0px !important;
	top:0px !important;
	margin: 0 auto;
	opacity: 50%;
	max-width: 15vw;
	width: 15vw !important;
	height: auto !important;
}