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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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


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


/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800); 
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/ 


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



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

/*
@font-face {
	font-family: 'BMW Type Global Bold';
	src: url('font/bmwglobal/bmwglobal_bold.ttf');
}
*/



/*
@font-face {
	font-family: 'BMW Type Global Bold';
	src: url('font/bmwglobal/bmwglobal_bold.ttf');
	src: url('font/bmwglobal/bmwglobal_bold.otf');
	/* src: url('font/bmwglobal/bmwglobal_bold.eot'); 
}

@font-face {
	font-family: 'BMW Type Global Light';
	src: url('font/bmwglobal/bmwglobal_light.ttf');
}

@font-face {
	font-family: 'BMW Type Global Regular';
	src: url('font/bmwglobal/bmwglobal_reg.ttf');
}
*/

/*
@font-face {
	font-family: 'Mini Regular';
	src: url('font/mini/MINISerif-Regular.ttf');
}

@font-face {
	font-family: 'Mini Medium';
	src: url('font/mini/MINISerif-Medium.otf');
}

@font-face {
	font-family: 'Mini Bold';
	src: url('font/mini/MINISerif-Bold.ttf');
}


*/



/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 	html { border:3px solid blue; scroll-behavior: smooth; } 
	html, body { margin: 0; padding: 0; border: 0; }
	body {overflow-x: hidden;}
	body, #skel-layers-wrapper { 
		font-size:14px; 
		color: #ffffff;
		font-family:Source Sans Pro, Arial, sans-serif;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.75em;
		font-weight: 700;
		background: black;
		
	}

	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, label, option {
		color: #7c8081 !important;
		font-family:Source Sans Pro, Arial, sans-serif;
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}
	
	#marque_modele_annee_vehicule {
		display: none;
	}

	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: #FED611; font-weight:bold; 
		text-decoration: none;
		
	}

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

	strong, b {
		font-weight: 900;
	}

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

    .mobile p { margin:0 0 0.5em 0;  }


	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		line-height: 1.75em;
		/*margin-bottom: 1em;
		 text-transform: uppercase; */
	}

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

		h1 span {
			font-size: 5em;
			font-family:Source Sans Pro, Arial, sans-serif; 
			/* font-family: "Mini Regular", sans-serif; */
			color: #000000 !important;
			font-weight: normal;
			/* text-shadow: 0 0 6px #000000; */
			line-height: 50px; 
			padding: 0 40px;
		}
	
		h1 span.subtitle {font-size: 2em; line-height: 25px;}
		
		span.logo { position:absolute; top:4em; right:4em;  padding:0;}
		span.logo img { width:350px; } 

	h2 {
		font-size: 3em; 
		padding:0.1em 0 ;  
		margin:0 0 0.5em 0em ; 
		/* background:#000000;   */
		font-weight: 100;
		color:#000000; 
		line-height:50px; 
		text-align:left; 
		font-family:Source Sans Pro, Arial, sans-serif; font-weight:700;
		text-transform: uppercase;
		/* font-family: "Mini Bold", sans-serif; */
	}
	
	h2 span.blue:first-child {text-transform: initial !important;}
	.blue {color: #0064b4 !important;}
	.white {color: #ffffff !important;}
	h2 span.little {font-size: 0.5em;}
	h3.big { font-weight: 900; text-align: center; font-size: 1.4em;}
	
	
	#HomeW p { text-align: left;   font-family:Source Sans Pro, Arial, sans-serif;  font-size:1.2em; letter-spacing:0; font-weight:400; }
	#HomeW p strong { font-family:Source Sans Pro, Arial, sans-serif; font-weight:700; font-size:1em;  } 
	
	
	ul.puce li { font-family:Source Sans Pro, Arial, sans-serif;  } 
	
	
	h3 {
		color: #0064b4; 
		/*text-transform: uppercase; */
		font-family:Source Sans Pro, Arial, sans-serif; font-weight:700;
		line-height: initial; 
		font-size: 1.5em; 
		margin-bottom: 16px;
		margin-top:26px; 
	}

	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 {}
	
	#Header h2 { text-align: center !important; color: #ffffff !important; font-size: 4em;
    padding-top: 20px; }
	

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

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

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

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

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

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




/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"], 
	input[type="tel"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		/* border: solid 1px rgba(0, 0, 0, 0.6); */
		border: solid 1px #ccc;
		color: #fff;
		display: block;
		padding: 0.4em 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		line-height: 1.7em;
		font-weight: 600;
		/*border-right-width: 20px;
		border-right-style: solid;*/
	}
	
	select { 
		border: solid 1px rgba(0, 0, 0, 0.6);
		color: inherit;
		display: block;
		text-decoration: none;
		outline: 0;
		background: none;
		border-right-style: solid;
		width:300px; 
		padding:0.5em 1em;
		-webkit-border-radius: 8px; border-radius: 8px;
		font-weight: 600;
		margin: 20px 0;
	}
	
	.ui-datepicker-title select { -webkit-border-radius: 0; border-radius: 0;  border: none;  padding:0; font-weight: 500; }
	
	.mobile select, .webkit select { background: #fff !important; color: #111; }

	input[type="text"],
	input[type="password"],
	input[type="email"],
	/*input[type="tel"] {
		-webkit-border-radius: 8px; border-radius: 8px;

	}*/
	
	.missingField label, .invalidField label { color:#E55750; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#E55750 ; }
	
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#E55750;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	textarea:focus {
		border-color: #000000;
	}
	
	label
	{
		font-weight: 600;
	}
	
	
	fieldset {margin-top: 30px; /*border-bottom: 1px solid #174C9A; padding-bottom: 40px; margin-bottom: 10px;*/}
	fieldset legend {color: #0064b4; font-size: 1.2em; text-align: left; margin-bottom: 20px; border-bottom: #0064b4 1px solid; width: 100%; text-transform: uppercase; font-weight: 700;}
	

	textarea {   
		/*-webkit-border-radius: 8px;
		border-radius: 8px;*/
		height: 100px;
	}

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

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		
		
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: #000000;
		border: solid 1px;
		color: inherit;
		cursor: pointer;
		display: inline-block;
		font-size: 1.2em;
		font-weight: 900;
		letter-spacing: 1px;
		min-width: 13em;
		padding: 0.7em 0.75em;
		line-height: 1.2em;
		text-align: center;
		text-decoration: none;
		/*-webkit-border-radius: 8px;
		border-radius: 8px;*/
		color:#111; 
		text-transform: uppercase;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: #757575;
			border-color: none; 
		}

		input[type="button"].special,
		input[type="submit"].special,
		input[type="reset"].special,
		.button.special {
			background: #36A6DA;
			border-color: #36A6DA;
			color: white !important;
		}

			input[type="button"].special:hover,
			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			.button.special:hover {
				background: #36A6DA !important;
				border-color: #36A6DA !important;
			}

		input[type="button"].fit,
		input[type="submit"].fit,
		input[type="reset"].fit,
		.button.fit {
			width: 100%;
		}

		input[type="button"].small,
		input[type="submit"].small,
		input[type="reset"].small,
		.button.small {
			font-size: 0.7em;
			min-width: 14em;
			padding: 0.5em 0;
		}
		
	#VoteFormSubmit {color: white !important; font-family: 'PT Sans', sans-serif;  letter-spacing: initial; background: #0064b4 !important; letter-spacing: 1px;}
	#VoteFormSubmit:hover {background: #ccc !important; color: #0064b4 !important; border-color: #ccc;}
	
	.ui-datepicker-month, .ui-datepicker-year {width: 50% !important; color: #fff !important; float: left !important;}
	.ui-widget-header{border: 1px solid #0073B9 !important; background: none !important; background-color: #0073B9 !important;}
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fff !important; background:none !important; background-color: #fff !important;}
	.ui-state-hover, .ui-widget-content .ui-state-hover{background: none !important; background-color: #fff !important; border: none !important;}
	.mobile select, .webkit select {background: none !important;}
	
	form p {text-align: left;}
	
	
	
			
/* RESPONSIVE Layers */

	#topButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}

		#topButton .toggle:before {
			color: white;
			font-size: 0.75em;
			height: 40px;
			left: 0;
			line-height: 30px;
			opacity: 0.5;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

		#topButton .toggle:after {
			background: rgba(63, 177, 163, 0.75) url(zims/buttons/minimenu-w.png) no-repeat center;
			border-radius: 0 0 4px 4px;
			content: '';
			height: 40px;
			left: 50%;
			margin-left: -40px;
			position: absolute;
			top: 0;
			width: 80px;
		}

	#sideButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}


		#sideButton .toggle:before {
			color: white;
			font-size: 1em;
			height: 40px;
			left: 10px;
			line-height: 40px;
			opacity: 0.5;
			position: absolute;
			top: 11px;
			width: 60px;
			z-index: 1;
		}

		#sideButton .toggle:after {
			background: rgba(63, 177, 163, 0.75) url(zims/buttons/minimenu-w.png) no-repeat center;
			border-radius: 2px;
			content: '';
			height: 40px;
			left: 10px;
			position: absolute;
			top: 10px;
			width: 60px;
		}
	
	
/* LANGS */

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

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


/* Specials */


	 /**
	 * Floating elems
	 */
	.float
	{display:inline; float:left;}
	
	/**
	 * Away elems
	 */
	.away
	{position: absolute; top: -99999px;}
	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }
	
	/**
	 * Overlays
	 */
	/* WHITE*/
	.overlay-w { background:rgba(255,255,255,0.7); }
	.lt-ie9 .overlay-w{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
		zoom: 1;
	}
	/* BLACK*/
	.overlay-b{ background:rgba(0,0,0,0.7); }
	.lt-ie9 .overlay-b{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
		zoom: 1;
	}
		
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/
 
 
 
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	div#BG { position:fixed; top:0; left:0; width:100%; height:100%; z-index:0 !important;  }
	div#BG img { display:none; position:absolute; z-index:0  !important; }
	
	#MainW { width:100%; height:auto;  position:relative;  z-index:3000; /*border-top: 8px solid #ffffff; */background: #fff; color: #000;} 
	
	#Main {  /*width:740px;*/ margin:0 auto; min-height:600px; /*-webkit-box-shadow: 6px 6px 6px 1px #666666; box-shadow: 6px 6px 6px 1px #666666; */ z-index:3000; position:relative;} 
	
	#Header, #Footer { z-index:3000; position:relative;  }
	#ContentW { padding-top:20px; padding-bottom:20px;  /*width:740px;*/ width: 1200px;  position:relative; margin:0 auto; z-index: 2000;  }
	
	/*#Content > img { position:absolute; left:285px; bottom:10px; }
	#page-home #Content > img { position:absolute; left:85px; bottom:10px; }*/
	
	#Header {
		z-index: 1000;
		background: url(zims/frontend/pneumatiques-v2.jpg?c=777) no-repeat;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		height: 680px;
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
	}
	h3.light {
		font-weight: 500;
	}
	
	.strong { font-weight: 600; }
	a { color: #0064b4 !important; }
	
	/*.mobile #Header { height:90px;  padding:20px 0 0 0;  text-align:center; }*/

	@-moz-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-webkit-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-o-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-ms-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }

		#Header h1 {
			font-weight: 900; margin: 0; 
		}
		#Header h1 { margin:0; padding:0; width:100%; height: 112px;   }
		#Header h1 img { vertical-align:middle;  margin-left:20px; }
		#Header h1 a {  display: block; height: 100% }
		#Header h1 a span {  font-size:2.8em; height:106px; line-height:106px;  letter-spacing:1px; }
		
		/*.mobile #Header h1 img, .portrait #Header h1 img, .mobile #HomeW img, .portrait #HomeW img  { width:80%;  margin:0 auto;  position:relative;  } */
		
		
	#CatalogueLink{ position: absolute; bottom: 15px; right: 0; display: none;}
	
	.mini {font-size: 0.8em; line-height: initial;}	
		
		
/* Footer */

	#Footer {
		color: #757575;
		height:auto; 
		width:100%; 
		text-transform:uppercase;
		padding-bottom:20px;  
		position:relative; 
		margin: 0 auto;
		padding-top: 5px;
		border-top: 1px solid #5a5a5a;
		text-align: right;
		background: url(zims/frontend/pelras-new-logo.png) no-repeat ; background-position: left; background-size: 31%;
		/*width:740px;*/ width: 1200px;  position:relative; margin:0 auto;
	}
	
	.portrait #Footer, .mobile #Footer { height :auto; overflow: auto;     padding-top: 80px; text-align: center;      background-position: top 20px center;     background-size: 56%;}
	
	#Footer a { color:#333333; border:none;  }
	#Footer ul {  }
	#Footer ul li { display:inline-block; height:30px; line-height:30px; font-size:0.8em;   } 
	
	#Footer ul li#PartageFB { /*border:1px solid #000;*/ font-style:italic;  height:30px; padding-left:2%;    }
	#PartageFB a { display:inline-block; background:#ed207f url(zims/frontend/facebook.png) 50% 50% no-repeat;  margin:6px; width:90px; height:30px; text-indent:-5000px;   }
	
	
	
	#Footer ul li#PupranLogo { width:200px; float:right; margin-top:-60px;  } 
	#Footer ul li#NosPartenaires {  padding-top:10px; text-align:right; float:right;  margin-right:220px; }
	
	/*.mobile #Footer ul li#PupranLogo, .portrait #Footer ul li#PupranLogo  { position:absolute;  top:30px;  right:0;  width:48%; }
	.portrait #Footer ul li#PupranLogo img, .mobile #Footer ul li#PupranLogo img { width:48%; }*/
	
	
	#Footer ul li#MenuW  ul {  margin:0 auto; width :auto;    } 
	#Footer ul li#MenuW  ul li a {  border-left:2px solid #ed207f; padding:0 10px; font-weight:600; color:#000000;  font-size:1.1em; }
	#Footer ul li#MenuW  ul li:first-child a {  border:none;   }

	/*.mobile #Footer ul li, .portrait #Footer ul li { width:100% !important; display:block;  height:auto;  overflow:auto; } 
	
	.mobile #Footer ul li#PupranLogo, .portrait #Footer ul li#PupranLogo { float:none; overflow:auto; margin-top:0;  text-align:center;  }
	.mobile #Footer ul li#PartageFB , .portrait #Footer ul li#PartageFB  { height:50px;  text-align:right;  line-height:50px; overflow:hidden; }
	.mobile #Footer ul li#PartageFB a, .portrait #Footer ul li#PartageFB a {  display:block;  line-height:12px;  float:right;   text-indent:5000px;  overflow:hidden;   }
	.mobile #Footer ul li#NosPartenaires, .portrait #Footer ul li#NosPartenaires  { float:none;  width:100%;  text-align:center; padding-top:30px;  }
	.mobile #Footer ul li#NosPartenaires img, .portrait #Footer ul li#NosPartenaires img {  width:95% !important; margin:0 auto;  }
	
	.mobile #Footer ul li#MenuW  ul, .portrait #Footer ul li#MenuW  ul { width:100%;   } 
	.mobile #Footer ul li#MenuW  ul li, .portrait #Footer ul li#MenuW ul li  { width:33% !important;  margin:0;  display :block; float:left;   } 
	.mobile #Footer ul li#MenuW  ul li a, .portrait #Footer ul li#MenuW ul li a {  width:100% !important;  margin:0;  display :block;  text-align:center; }
	*/
	/*.mobile #Footer ul li#MenuW { display:none; }*/
		
/* Content */

	#Content { padding: 0;}

	
		
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#page-home{}
	
	#HomeLink {
		font-size: 100px;
		top: 224px;
		position: relative;
		z-index: 99999;
		color: #0064b4!important;
		/*left: 467px;*/
	}
	svg.svg-inline--fa.fa-exclamation-triangle.fa-w-18 {
		font-size: 1.5em;
	}
	 
	  #HomeLinkW {
		height:0!important;
		margin-bottom:0!important;
		text-shadow: #000000 10px 10px 10px;
	 }
	 	 
	 #Departements {
		 width:300px;
	 }

	 #Tarnetgaronne, #Tarn, #Hautespyrenees, #Gers, #Hautegaronne, #Aude, #Ariege{
		 display: none;
	 }
	
	
	#HomeW {  /*overflow:auto;*/ margin-top: 40px;} 
	#HomeW h2 {margin-bottom: 10px;}
	#HomeW h2:nth-of-type(2) { margin-top: 100px; margin-top: 20px; }
	
	#HomeW #titleW {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; 
    margin-bottom: 20px;}
	#HomeW #titleW h3 {margin-bottom: 0; margin-right: 50px;}
	#HomeW #titleW img {display: inline-block; max-width: 300px;}
	
	
	
	#HomeW ul li svg {color: #0064b4;}
	
	#HomeW ul.puce > li { font-family: 'PT Sans', sans-serif;  }
	
	
	
	#ensembleRectangles {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; margin: 30px auto;}
	#ensembleRectangles .rectangle { width: 31%; margin-right: 3.5%; background: #0064b4; padding: 20px;  min-height:240px; }
	#ensembleRectangles .rectangle p, #ensembleRectangles .rectangle ul li { color: #ffffff; font-family: 'PT Sans', sans-serif;  }
	#ensembleRectangles .rectangle ul li { font-size:0.9em; }
	#ensembleRectangles .rectangle ul li svg {color: #000000;}
	#ensembleRectangles .rectangle .strong {color: #ffffff; font-family: 'PT Sans', sans-serif; font-weight:600; text-transform: uppercase; font-size: 1.8em; text-align: center;}
	#ensembleRectangles .rectangle:last-child {margin-right: 0;}
	
	img#infoBatteries {max-width: 500px; display: block; margin: auto auto 50px;}
	
	p.title {text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight:700; font-size: 1.7em;  margin-bottom: 0;}
	
	#HomeW img { width: 100%;}
	
	div.btnW {text-align: center; margin: 70px auto;}
	a.btnCTA {background: #0064b4; color: #ffffff !important; padding: 10px 30px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight:600; font-size: 1.5em;}
	
	ul.rechargeW li, ul.puces li { margin-left: 20px; font-size:1.2em; letter-spacing:0;  font-weight: 400;}
	ul li { font-size:1.2em; letter-spacing:0; }
	
	div#imgW {display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline;}
	div#imgW img { max-width: 800px; }
	
	ul.rechargeW {margin: auto 20px;}
	ul.rechargeW li {margin-top: 10px;}
	ul.rechargeW li strong {font-size: 1.2em;}
	
	p.exemple strong { font-weight: bold; font-family: 'PT Sans', sans-serif; font-weight:700; font-size: 1.1em;}
	
	.lt-1280 #HomeW img { float:left;  width:40%;} 
	.mobile #HomeW img, .portrait #HomeW img { float:none;  position:relative; margin:0 auto; display: block; width:100%;  } 
	
	#GoGalerie { text-transform:uppercase; font-size:1.4em;  background:#ed207f; color:#ffffff; padding:0.4em 1em; position:absolute; right:15px; bottom :13px;  border:none;  }
	#GoGalerie img { vertical-align:middle; }
	
	#container_like, #container_notlike { display:none; }
	
	#Title {background: #ffffff; margin: auto; text-align: center;/* padding: 15px 20px 0px;*/}

	.FAQ {margin: 10px auto; }
	.FAQ .question { color:#0064b4; font-size:1.1em; letter-spacing:1px; }
	.FAQ .reponse {  font-size:1.1em; letter-spacing:1px; }

	#Signalisation {
		max-width: 50%;
	}
	
	#Offre{
		margin: 50px 0;
	}

	.red{
		color:red
	}

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * VOTE FORM  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  
  
  #Precommande { border-top: 7px solid #0064b4; padding-top:30px; }
  
  #Form { padding-top: 0; /* border-top: 7px solid #0064b4; */ margin: 10px auto;}
  #Form h3 { text-transform: uppercase; font-size: 2em; letter-spacing: 0; text-align: center; }
  
  p.commentaire { background:#ed207f; color:#fff; padding:8px;  line-height:1.1em;  text-align:center;  margin-bottom:6px;  }
  .petitesLignes {font-size:0.7em;} 
 
  #VoteForm { margin:2%; width:100%; margin:0 auto;   } 
  
  .mobile #VoteForm { width:100%; }
   #NewOffer{color:red;}
   #OldOffer{text-decoration:line-through;}
  #VoteForm p {  }
 
  #VoteForm #VoteFormButtons  { width:100%; float:none;  clear:both; text-align: center; margin-top: 30px; }
  #VoteFormButtons {margin-bottom: 25px;}
  
.mobile #VoteForm #VoteFormButtons { margin-top: 20px;}


/* #fieldset-coords input{margin-bottom:5%;} */
 /*#VoteForm p  select  { width:250px;  }*/
  #VoteForm p.textField label { /*display: none;*/}
   
  #fieldsList-navette   { border-top:1px solid #354052;  }
   
  #fieldsList-participe div.fields { margin-left:25%; }
  #fieldsList-participe div.fields > div { display:inline-block; width:auto;  margin-left:1em;  } 
  #fieldsList-participe div.fields label {  display:inline-block; width:auto; padding:5px 16px 5px 10px; -webkit-border-radius: 8px; border-radius: 8px;  background:#36A6DA;  color:#fff;  }

  #fieldsList-navette div.fieldsListTitle { width:25%; float:left;   }
  #fieldsList-navette div.fields { width:73%; float:left;   } 
  #fieldsList-navette div.fields label { font-size:0.8em; font-weight:600; } 

  p.comment { font-weight:600; font-style:italic; margin-left:0; font-size:0.7em;  color:#6A7991; line-height:1.1em;  padding:2em 0 2em 0 !important;  clear:both;  }
  
  #field-nom, #field-prenom, #field-ladate, #field-horaire, #field-dob, #field-dobville, #field-tel, #field-date,#field-societe, #field-email, #field-heure { width: 47.5%; float: left;}
  #field-tel, #field-prenom ,  #field-taille_veste, #field-date { width: 47.5%; }
  #field-nom, #field-ladate, #field-dob, #field-tel, #field-date { margin-right: 5%;}
  #field-societe {width: 100%;}
  #field-societe {float: none;}
  #VoteForm p.textField label, #VoteForm p.telField label, #VoteForm p.emailField label {display: none;}
  
  
  #ui-datepicker-div { z-index: 6000 !important; }
	
  #field-heure, #field-date{display:none;}
  
  #VoteForm select { width: 100%; border :1px solid #ccc; /*background:#02050B;*/ }
  
  
  #ConfirmW { background:url(zims/frontend/vote-ok.png) 5%  50% no-repeat;  height:350px;  }
  #ConfirmW p { font-size:2em;  font-style:italic; line-height:50px;  padding-left:280px;  padding-top :100px; } 
  #ConfirmW p span { font-size:2.2em;  } 
  
  #CompleteMSG {
	color:#000; 
	text-align: center;
    padding: 100px 0 50px 0 !important;
	font-weight: 400;
	font-size:1.4em; 
  }
  
  #HomeW .wrapper {margin: 50px auto;font-family: 'PT Sans', sans-serif; }
  #HomeW .wrapper span{font-family: 'PT Sans', sans-serif; font-weight:700;}
 /* #HomeW .wrapper span:last-child{ font-family:"BMWType V2 Bold";}*/
 /* #HomeW .wrapper span:last-child{ font-family:"BMWType V2 Bold";}*/
  #HomeW .wrapper img {width: 100%;margin-bottom: 50px;  margin-top: 20px;}
  
  #fieldsList-date, #field-creneau {width: 47.5%; float: left; text-align: left !important;}
  #fieldsList-date {width: 47.5%; margin-right: 5%; float: left;}
  
  #fieldsList-date .fieldsListTitle {color: #7c8081; font-size: 18px; font-family: "Lato", sans-serif;}
  .radio-field span {font-family: 'Open Sans', Arial, sans-serif; color: #000000; font-size: 0.8em; letter-spacing: normal;}
  
  input#date{ border: solid 1px #ccc;border-radius: 8px;padding: 0.4em 0.75em;line-height: 1.7em;font-weight: 600;width:100%;}
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CREDITS  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  
  
  #CreditsList { padding-left:20px; }
  #CreditsList li { margin-bottom:35px; }
  
  
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
	#page-contact{}
 
	p.completeMSG{ 
		font-size: 1.5em; font-style:italic; font-weight: 300; line-height:40px; margin: 20% 0 0 0%;
		line-height: 2em; text-align: center;
	}
	p.completeMSG strong { font-size:2em; display:block;  } 
	.mobile p.completeMSG , .portrait p.completeMSG {   width:96%; display:block; text-align:center;  margin:10% 2% 2% 2%; } 
	
	
	@media all and (max-width: 1399px){
		
		#ContentW, #Footer {width: 80%;}
		#infoBatteries {float: none !important;}
		div#imgW img {width: 100% !important;}
		
		
	}
	
	
	@media (max-width: 350px){
		
		#HomeLink{
			font-size: 30px !important;
			top: 50px !important;
			left:unset;
		}
	}
	
	
	@media all and (min-width: 730px) and (max-width: 1024px) {
		
		h1 span {text-align: center; padding: 0;}
		.portrait #Footer, .mobile #Footer {background-size: 31%;}
		
		#ensembleRectangles .rectangle {width: 100%; margin-bottom: 20px; margin-right: 0;}
		img#infoBatteries {width: 100% !important; margin-bottom: 40px !important;}
		
		#HomeW #titleW h3 {margin-right: 0;}
		#HomeW #titleW img {margin-top: 20px;}
		
		#CompleteMSG {padding: 50px 0 !important;}
		
		#Header{
			width: 100%;
			background-size: contain;
			margin-top: -200px;
			margin-bottom: -250px;
		}
		
		#HomeLink{
			font-size: 50px !important;
			top: 50px !important;
			left:unset;
		}
	}
	
	
	
	@media(max-width:729px) {
	
		#Main {  width: /*340px*/ 100%; }
		
		#Title {padding-left: 20px; padding-right: 20px;}
		#Header { background: #000000 url(zims/frontend/pneumatiques-v2.jpg?c=33) no-repeat center bottom; 
		height: /*443px*/ 300px; width: 100%; background-size: contain;  height: 280px; }
		
		h1 span {position: relative; top: /*-60px*/ 0; padding: 0; font-size: 3em;}
		
		#ContentW{padding: 20px;}
		#ContentW , #Footer { width:100%; }
		#CatalogueLink{ position: absolute; bottom: 60px; width: 100%;}
		
		#field-nom, #field-prenom, #field-ladate, #field-horaire{ width: 100%; float: none;}
		#field-tel, #field-prenom, #field-date, #field-email, #field-heure { width: 100%; }
		#field-nom, #field-ladate{ margin-right: 0;}
		
		#VoteForm #VoteFormButtons {  margin-top:20px; }
		#fieldsList-date, #field-creneau,#field-societe {width: 100%; margin-right: 0;}
		/* #field-creneau,#field-date {margin-top: 20px;} */
		
		#Header h2 {font-size: 2em; padding-top: 0;}
		h2 {font-size: 2em;}
		h2 span { word-break : break-all; }
		h3 {word-break: break-word; font-size: 1.8em;}
		
		#HomeW {margin-top: 0;}
		#HomeW .wrapper {margin: 30px auto;}
		#HomeW #titleW h3 {margin-right: 0;}
		#HomeW #titleW img {width: 100%; margin-top: 10px;}
		
		#ensembleRectangles .rectangle {width: 100%; margin-bottom: 20px; margin-right: 0;}
		img#infoBatteries {width: 100% !important; margin-bottom: 40px !important;}
		
		div.btnW {margin: 30px auto;}
		a.btnCTA {display: inline-block;}
		
		#HomeW h2:nth-of-type(2) {margin-top: 50px; margin-top: 0;  line-height: 27px; }
		ul.puces li {margin-left: 20px;}
		div#imgW img {width: 100% !important; margin-bottom: 20px;}
		div#imgW img:nth-of-type(2) {margin-bottom: 40px;}
		
		#CompleteMSG {padding: 50px 0 !important;}
		
		#HomeLink{
			font-size: 30px !important;
			top: 120px !important; 
			left:unset;
		}
		#Signalisation {
			max-width: 100%;
		}
		
		span.logo { position:absolute; top:1em; right:10%;  padding:0;}
		span.logo img { width:80%; } 
		
		
	}