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

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/css2?family=Montserrat:wght@300;400&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');*/

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


@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');
}


@font-face {
	font-family: 'BMW Motorrad Bold';
	src: url('font/bmwmotorrad/BMWMotorrad-Bold.otf');
}

@font-face {
	font-family: 'BMW Motorrad BoldItalic';
	src: url('font/bmwmotorrad/BMWMotorrad-BoldItalic.otf');
}

@font-face {
	font-family: 'BMW Motorrad Italic';
	src: url('font/bmwmotorrad/BMWMotorrad-Italic.otf');
}

@font-face {
	font-family: 'BMW Motorrad Light';
	src: url('font/bmwmotorrad/BMWMotorrad-Light.otf');
}

@font-face {
	font-family: 'BMW Motorrad Regular';
	src: url('font/bmwmotorrad/BMWMotorrad-Regular.otf');
}






/* ################################################################################################################																		     *                                                                      							
														BASICS
														
	Utiliser font-family: "Open Sans", sans-serif; pour les formulaire BMW 
 *###############################################################################################################*/
 
 	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: "Open Sans", sans-serif;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.75em;
		font-weight: 600;
		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 {
		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;
		text-decoration: none;
		color: #000;
		
	}
	.blue {
		
		color: #FED611; font-weight:bold; 

		
	}

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

	strong, b {
		font-weight: 700;
		
	}
	
	span.gras{
		text-transform:uppercase;
	}

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

    .mobile p { margin:0 0 2em 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.subtitle {font-size: 2em; line-height: 25px;}
	
	/*h2 {
		font-size: 4em; 
		padding:0.1em 0 ;  
		margin:0 0 0.5em -400px; 
		font-weight: 100;
		color:#ffffff; 
		line-height:50px; 
		text-align:left; 
		font-family: 'BMW Motorrad BoldItalic', 'Open Sans', sans-serif;
		text-transform: uppercase;
		position:absolute; bottom:10%; left:50%;
		text-shadow: 6px 6px 0 #0000000;
	}*/
	
	h2 {
		font-size: 3em; 
		line-height: 1.2em;
		padding:0.1em 0 ;  
		margin:20px 0;
		font-weight: 700;
		color:#000;  
		text-align:center; 
		font-family: "Mini Regular";
		text-transform: uppercase;
	}
	
	
	h3 {
		color: #ffffff;
		background:#0164B4; 
		text-transform: uppercase; 
		line-height: initial;
		font-size: 1.6em;
		margin-bottom: 1.5em;
		text-align:center; 
		padding:0.3em 1em;
		font-family: "Mini Regular";
		font-weight:400;
	}
	
	h4 { text-align:left; font-size: 2em; /*border:1px solid #0164B4; */ border-bottom:1px solid #000000; margin-bottom: 1.5em;}
	
	
	.blue {color: #0064b4 !important;}
	.white {color: #ffffff !important;}
	
	h2 span.little, h2 span { font-size: 0.5em; font-family: 'Open Sans', Arial, sans-serif; line-height: 30px;  display:block; }
	
	h3.big {font-weight: 600; text-align: center; font-size: 1.4em; text-transform:uppercase; }
	
	body *.center { text-align:center; }
	
	
	
	#Content p { font-size:1.1em; letter-spacing:0; font-weight: normal; line-height: 1.7em; }
	#Content p strong {  /*font-size:1.2em; */  } 
	
	#Content p.special { margin:2.6em 0 2.6em 0; }
	#Content p.special::before, #Content p.special::after {
		position: absolute;	
		content: '';
		background-color: #0164B4;
		border: none;
		width: 20%;
		height: 2px;
		margin:0;
		display: block;
		left:50%; 
		transform: translate(-50%, -1.3em);

	}
	
	#Content p.special::after {
		
		transform: translate(-50%, 1em);

	}
	
	#Content ul.puce li {   } 


	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; }
	ul.re {
		display:table;
		text-align:center;
		width:100%;
	}
	ul.re li {
		display:inline-block; 
		width:49%; 
		margin:0.5em 0 1em 0;
		background:#000000; 
		padding-bottom:1em;

	}
	ul.re li:nth-child(even) { margin-left:0.5%;  }
	ul.re li:nth-child(odd) { margin-right:0.5%;  }

	
	
	ul.re li img { width:100%; }
	ul.re li p { margin : 1em ; font-size :1em; text-align : left; color:#ffffff; }
	
	ul.charge {
		display:table;
		text-align:center;
		width:100%;
		margin-top:2em;
	}
	ul.charge li {
		display: inline-block;
		width:48%; 
		margin:0.5%;
		background:#F1F1F1;
		 float: left; 
	}
	#HomeW  ul.charge li img{
		width: 40%; float:left;  padding:1.5em; 
	}
	ul.charge li p { font-size :1em; text-align : left; width: 60%; margin: 1em auto; }

	
	ul.minicharging {
		display:table;
		text-align:center;
		width:100%;
	}
	ul.minicharging li {
		display:inline-block; 
		width:45%; 
		margin:0.5%;
		margin-right : 10px;
	}
	
	ul.camden {
		display:table;
		text-align:center;
		width:100%;
	}
	
	ul.camden li {
		display:inline-block; 
		width:48%; 
		margin:0.5%;
	}
	
	ul.camden li img {  width:100%; }
	ul.camden li p { font-size :1em; text-align : center; }
	
	#HomeW  div.zleftwrapper { clear:both; margin-bottom:3em; border-left: 10px solid #0164B4;
padding-left: 20px; }
	#HomeW  div.zleftwrapper > img { float:left; width:100px; margin-right:20px; }
	

	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; }*/
	
	/*#Header h1#HomeLinkW  { background:url(./zims/frontend/ombre.png) 0 50% no-repeat; height:233px; }*/
	
	.promosW { position:absolute; bottom:0; right:0; padding:2em; background:rgba(0,0,0,0.5);  }
	
	.promos { border-left:10px solid #DBC509;  text-align:left; padding-left:20px; font-size:2em; /*position:absolute; bottom:30px; right:0; */  color:#ffffff; line-height:35px; padding-bottom:3px;}
	.promos h2 { color:#ffffff; font-size:1.6em;  text-align:left; margin:0;  line-height:35px; font-weight:500; text-transform:none; }
	.promos span { background:#DBC509; color:#000000; padding:2px 6px; } 
	

	
/* ################################################################################################################																		     *                                                                      							
														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 #ccc;
		color: #000000;
		display: block;
		padding: 0.4em 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		line-height: 1.5em;
		border-left: 10px solid #9B122C
		
	}
	
	select { 
		border: solid 1px rgba(0, 0, 0, 0.6);
		color: inherit;
		display: block;
		text-decoration: none;
		width: 100%;
		outline: 0;
		background: none;
		border-right-style: solid;
		width:110px; 
		padding:0.5em 1em;
		font-weight: 600;
		border-left: 10px solid #C3B008;
	}
	
	.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"] {
		 

	}
	
	.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; font-weight: 500;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="text"].readonly,
	textarea:focus {
		border-color: #000000;
	}
	
	input[type="text"].readonly { background:#efefef; }
	input[type="text"].small { width:20%; }
	
	label, .fieldsListTitle { font-weight: 500; font-size:18px; }
	
	#fieldsList-accompagne {
		display: flex;
		flex-direction: column;
	}
	#fieldsList-accompagne .fields {
		display: flex;
		flex-direction: column;
	}
	#fieldsList-accompagne .fields label {
		display: flex;
	}
	#fieldsList-accompagne .fields label input {
		margin: 4px 8px 4px 4px;
	}

	fieldset {margin-top: 30px; /*border-bottom: 1px solid #174C9A; padding-bottom: 40px; margin-bottom: 10px;*/}
	fieldset legend {color: #000000; font-size: 1.4em; text-align: left; padding-bottom:10px; margin-bottom: 20px; border-bottom: #000000 1px solid; width: 100%; text-transform: uppercase; }
	

	textarea {   
		
		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: #ffffff;
		border: solid 1px;
		color: inherit;
		cursor: pointer;
		display: inline-block;
		font-size: 1.2em;
		letter-spacing: 1px;
		min-width: 13em;
		padding: 0.7em 0.75em;
		line-height: 1.2em;
		text-align: center;
		text-decoration: none;
		color:#000; 
		text-transform: uppercase;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: #000000;
			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;
		}
		
	/*#ParticipeBMWXMSubmit {color: #000000 !important; font-family: "BMW Type Global Light", sans-serif; letter-spacing: initial; background: #0164B4 !important; letter-spacing: 1px;}
	#ParticipeBMWXMSubmit:hover {background: #000000 !important; color: #0164B4 !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 #0164B4 !important; background: none !important; background-color: #0164B4 !important;}
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #000000 !important; background:none !important; background-color: #000000 !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
 *###############################################################################################################*/
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FORMULAIRE AVANT PREMIERE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */*

	/* body[id="page-home"] #MainW{ */
		/* background-color: #000; */
	/* } */
	body[id="page-home"] #HomeW > * {
		color: #000;
		font-family: 'Mini Regular';
	}
	body[id="page-home"] #HomeW h2 {
		font-size: 30px;
		font-family: 'Mini Bold';
		margin: 0;
		padding: 0;
		line-height: 30px;
	}
	body[id="page-home"] #HomeW h3 {
		color:#fff;
		background-color: #000;	
	}
	body[id="page-home"] #HomeW h4 {
		font-family: 'Mini Regular';
	}
	body[id="page-home"] #HomeW .centered_text {
		text-align: center;
		font-family: 'Mini Regular';
		margin: 1em 0 1em;
		line-height: 20px;
	}
	body[id="page-home"] #HomeW .custom_margin {
		margin: 40px 0;
	}
	body[id="page-home"] #HomeW .centered_text.custom_margin {
		margin: 2em 0;
	}
	body[id="page-home"] #HomeW .centered_text.no_margin {
		margin: 0;
	}
	body[id="page-home"] #HomeW .centered_text.no_margin:nth-of-type(2) {
		margin: 0 0 2em 0;
	}
	body[id="page-home"] #HomeW .text_conditions {
		font-size: 13px;
		font-family: 'Mini Regular';
	}
	body[id="page-home"] #HomeW .text_conditions .link_reglement{
		text-decoration: underline;
	}
	body[id="page-home"] #HomeW .bandeau_photos {
		width: 100%;
		display: flex;
		justify-content:center;
		align-items: center;
		height: 200px;
		overflow: hidden;
		position: relative;
	}
	body[id="page-home"] #HomeW .bandeau_photos .beandeauPhotos_photo {
		width: 25%;
		height: auto;
	}
	body[id="page-home"] #HomeW .bandeau_photos .beandeauPhotos_titre {
		position: absolute;
		top: 50%;
		left: 15%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #fff;
		text-transform: uppercase;
		background-color: transparent;
		font-size: 46px;
		font-family: 'Mini Bold';
	}
	body[id="page-home"] #HomeW .bandeau_photos .beandeauPhotos_logo {
		height: 60%;
		width: auto;
		position: absolute;
		right: 1%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		
	}
	body[id="page-home"] #HomeW .showroomLink_container {
		padding: 40px 0;
		font-family: 'Mini Regular';
	}
	body[id="page-home"] #HomeW .showroomLink_container a {
		cursor: pointer;
		display: block;
		font-size: 1.2em;
		min-width: 13em;
		padding: 0.7em 0.75em;
		line-height: 1.2em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		color: #A078F2;
		border: 4px solid #A078F2;
		letter-spacing: 2px;
		font-family: 'Mini Regular';
		background-color: transparent;
		margin: 0 auto;
		width: fit-content;
	}
	body[id="page-home"] #HomeW .showroomLink_container a:hover {
		background-color: #A078F2;
		color: #fff;
	}
	
	body[id="page-home"] #HomeW #ParticipeBMWXM legend {
		color: #000;
		border-bottom-color: #000;
		font-family: "Mini Regular";
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM #fieldsList-accompagne {
		display: flex;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM #fieldsList-accompagne .fields {
		display: flex;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM #fieldsList-accompagne .fields .radio-field {
		margin: 0 1.5rem;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM #fieldsList-accompagne .radio-field span {
		color: #000;
		font-size: 0.8em;
		letter-spacing: normal;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p[id^="field-"] .readonly {
		color: #bdbdbd;
		background-color: #5a5a5a;
		border: solid 1px #ccc;
		border-left: 10px solid #0164B4;	
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p[id^="field-"] .readonly:hover {
		cursor: not-allowed;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p[id^="field-"] {
		width: 47.5%;
		color: #fff;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p#field-commentaire {
		width: 100%;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p[id^="field-"] input,
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p[id^="field-"] textarea	{
		color: #000;
		font-family: 'Mini Regular';
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p[id^="field-"] input:focus,
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p[id^="field-"] textarea:focus	{
		border: solid 1px #ccc;
		border-left: 10px solid #000;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p#field-societe,
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p#field-plage_horaire,
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p#fieldsList-accompagne,
	body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] #fieldsList-accompagne{
		width: 100%;
	}
	body[id="page-home"] #HomeW #ParticipeBMWXM #ParticipeBMWXMSubmit {
		color: #9B122C;
		border: 4px solid #9B122C;
		letter-spacing: 2px;
		font-family: 'Mini Regular';
		background-color: transparent;
	} 
	body[id="page-home"] #HomeW #ParticipeBMWXM #ParticipeBMWXMSubmit:hover {
		background-color: #9B122C;
		color: #ffffff;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 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;
		width: 100%;
		padding:0;
		margin: 0 auto;
		text-align:center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 9%;
	}
	#Header .logos_container {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#Header .logos_container .logo_main {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#Header .logos_container .img_title,
	#Header .logos_container .img_logos {
		position: absolute;
		width: 370px;
	}
	#Header .logos_container .img_title {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#Header .logos_container .img_logos {
		top: 15%;
		left: 15%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#Header .logos_container .titre_container {
		width: 16%;
		position: absolute;
		top: 10%;
		right: 5%;
		font-size: 60px;
		text-transform: uppercase;
		line-height: normal;
		border-left: 4px solid #000;
		padding-left: 15px;
	}
	#Header .logos_container .titre_container .titre {
		font-family: 'Mini Bold';
		font-size: 33px;
		text-align: left;
		line-height: inherit;
	}
	#Header .logos_container .titre_container .text {
		font-family: 'Mini Regular'; 
		margin: 0;
		font-size: 21px;
		text-align: left;
	}
	#Header .logos_container .logo_main .logo_content {
		width: 100%;
	}
	#Header .textOffre_container {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		color: #fff;
		border: 2px solid #C3B008;
		padding: 2%;
		box-sizing: border-box;
		font-family: 'Montserrat', sans-serif;
		font-weight: normal;
	}
	#Header .textOffre_container .text_offre {
		margin: 0 0 30px;
		font-size: 22px;
		text-align: left;
	}
	#Header .textOffre_container .text_offre span.jaune {
		color: #C3B008;
		font-weight: bold;
	}
	#Header .textOffre_container .liste_offre {
		margin: 0 0 30px 17px;
		padding: 0;
		text-align: left;
	}
	#Header .textOffre_container .liste_offre li{
		list-style: disc;
		text-align: left;
		font-size: 15px;
		letter-spacing: initial;
	}
	#Header .textOffre_container .text_contiditons {
		margin: 0;
		font-size: 10px;
		text-align: left;
		width: 100%;
	}
	.mobile #ScrollLink {
		display: none;
	}
	#ScrollLink {
		position:absolute;
		width:100%;
		height:120px;
		bottom:0;
		left:0;
	}
	#ScrollLink svg {
		color: #fff !important;
		animation: bounce 1s ease infinite;
	}
	#ScrollLink svg:hover {
		color: #0066b1;
	}
	.mobile #ScrollLink {
		height: 60px;
	}
	.mobile #ScrollLink svg {
		font-size:4em;
	}

	@keyframes bounce{
		 from {transform: translateY(0);}
		 50% {transform: translateY(-20px);}
		 to {transform: translateY(0px);}
	}
	
	
	/*a {color: #0164B4 !important; font-family: "BMW Motorrad Regular", sans-serif; font-weight:500; }*/
	
	/*.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; }
		#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: #000;
		height: auto; 
		text-transform:uppercase;
		padding-bottom:20px;  
		margin: 0 auto;
		padding-top: 5px;
		border-top: 1px solid #000;
		text-align: right;
		background: url(zims/frontend/pleras-mini.png) no-repeat;
		background-position: left;
		background-size: 31%;
		width: 1200px;
		position:relative;
		margin:0 auto;
		font-weight: 500;
		font-family: 'Mini Regular';
	}
	
	.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; }
	
	
	#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;   }


		
/* Content */

	#Content { padding: 0;}

	
		
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#page-home{}
	
	#HomeW h2 {margin-bottom: 30px;}
	#HomeW img { float:left; }
	.lt-1280 #HomeW img { float:left;  width:40%;} 
	.mobile #HomeW img, .portrait #HomeW img { float:none;  position:relative; margin:0 auto; display: block; width:60%;  } 
	


	
	#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: #0164B4;}
	
	#HomeW ul.puce > li { font-family: 'Mini Medium', 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: 'Mini Medium'; }
	#ensembleRectangles .rectangle ul li { font-size:0.9em; }
	#ensembleRectangles .rectangle ul li svg {color: #000000;}
	#ensembleRectangles .rectangle .strong {color: #ffffff; font-family: 'Mini Regular'; 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: 'Mini Regular'; font-size: 1.7em;  margin-bottom: 0;}
	
	#HomeW img { /*width: 100%; max-width: 800px; */ margin: auto; display: block;}
	#HomeW img.reImage { float:left; width:37%; padding-right:2em; }
	
	div.btnW {text-align: center; margin: 70px auto;}
	a.btnCTA {background: #0164B4; color: #ffffff !important; padding: 10px 30px; text-transform: uppercase; font-family: 'Mini Regular'; font-size: 1.5em;}
	
	ul.rechargeW li, ul.puces li {margin-left: 20px; font-size:1.1em; letter-spacing:1px; }
	ul li { font-size:1.1em; letter-spacing:1px; }
	
	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: 'Mini Regular'; 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; }
	
	#Questions{width: 80%; margin: auto;}
	#Questions .question {background: #edebeb; padding: 15px; margin: 8px 0;}
	#Questions .question .questionTitre {font-size: 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; line-height: 1;}
	#Questions .question .questionTitre:hover {cursor: pointer; }
	#Questions .question .questionDetail {display: none; margin-bottom: 0; font-size: 1.3em; font-weight: 400; line-height: 1; margin-top: 20px; }
	

  /* * * * * * * * * * * * * * * * * * * *  VOTE FORM  * * * * * * * * * * * * * * * * * * */
  
  #Form { margin: 20px auto; }
  
  p.commentaire { background:#ed207f; color:#fff; padding:8px;  line-height:1.1em;  text-align:center;  margin-bottom:6px;  }
  .petitesLignes {font-size:0.7em;} 
 
  #ParticipeBMWXM { margin:2%; width:100%; margin:0 auto;   } 
  
  .mobile #ParticipeBMWXM { width:100%; }
   
  #ParticipeBMWXM p {  }
 
  #ParticipeBMWXM #ParticipeBMWXMButtons  { width:100%; float:none;  clear:both; text-align: center; margin-top: 30px; }
  #ParticipeBMWXMButtons {margin-bottom: 25px;}
  
.mobile #ParticipeBMWXM #ParticipeBMWXMButtons { margin-top: 20px;}


/* #fieldset-coords input{margin-bottom:5%;} */
 /*#ParticipeBMWXM p  select  { width:250px;  }*/
  #ParticipeBMWXM 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-horaire_essai, */
	/* #field-dob, */
	/* #field-dobville, */
	/* #field-tel, */
	/* #field-date, */
	/* #field-societe, */
	/* #field-email, */
	/* #field-heure, */
	/* #field-n_pax { */
	  /* 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;} */
  
  #fieldsList-accompagne { width: 100%; float:none; clear:both;   }
  
  #ParticipeBMWXM p label {display: none;}

  #ui-datepicker-div { z-index: 6000 !important; } 
  
  #field-heure, #field-date { display:none; }
  
  #ParticipeBMWXM select { width: 100%; border :1px solid #ccc; background:#000; border-left: 10px solid #C3B008;    }
  #ParticipeBMWXM select option { font-family: "Mini Regular", sans-serif;  }
  
  
  #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: 'Mini Regular', sans-serif;}
  #HomeW .wrapper span{ }
 /* #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; }
  .radio-field span { 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 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;}
		
	}
	
	
	
	@media(max-width:729px) {

		
		#Main {  width:  100%; }
		
		#Title {padding-left: 20px; padding-right: 20px;}
		
		#Header  {
			gap: unset;
			justify-content: space-evenly;
		}
		#Header .logos_container .img_title,
		#Header .logos_container .img_logos {
			width: 90px;
		}
		#Header .logos_container .img_logos { 
			right: 15%;
		}
		#Header .logos_container .titre {
			font-size: 20px;
		}
		
		body[id="page-home"] #HomeW h2 {
			font-size: 25px;
		}
		body[id="page-home"] #HomeW .bandeau_photos {
			height: auto;
			flex-wrap: wrap;
		}
		body[id="page-home"] #HomeW .bandeau_photos .beandeauPhotos_photo {
			width: 50%;
			height: 125px;
		}
		body[id="page-home"] #HomeW .bandeau_photos .beandeauPhotos_titre {
			position: absolute;
			top: 30%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			color: #fff;
			text-transform: uppercase;
			background-color: transparent;
			font-size: 25px;
			font-family: 'Mini Bold';
			margin: 0;
			padding: 0;
		}
		body[id="page-home"] #HomeW .bandeau_photos .beandeauPhotos_logo {
			height: 30%;
			width: auto;
			position: absolute;
			right: 50%;
			top: 76%;
			-webkit-transform: translate(50%,-50%);
			-moz-transform: translate(50%,-50%);
			-ms-transform: translate(50%,-50%);
			-o-transform: translate(50%,-50%);
			transform: translate(50%,-50%);
		}
		#Header .logos_container .titre_container {
			width: 25%;
		}
		#Header .logos_container .titre_container .titre {
			font-size: 12px;
		}
		#Header .logos_container .titre_container .text {
			font-size: 10px;
		}
		body[id="page-home"] #HomeW #ParticipeBMWXM fieldset[id^="fieldset-"] p[id^="field-"] {
			width: 100%;
		}
		
		#VideoLink { z-index:1000;}
		
		#ContentW { padding: 20px; }
		#ContentW #Form {
			padding: 0;
			margin: 0;
		}
		#ContentW , #Footer { width:100%; }
		
		#field-nom, #field-prenom, #field-ladate, #field-horaire_essai { width: 100%; float: none;}
		#field-tel, #field-prenom, #field-date, #field-email, #field-n_pax { width: 100%; }
		#field-n_pax { padding-top:1.2em; }
		
		#field-nom, #field-ladate { margin-right: 0;}
		
		#ParticipeBMWXM #ParticipeBMWXMButtons {  margin-top:20px; }
		#fieldsList-date, #field-creneau {width: 100%; margin-right: 0;}
		#field-creneau {margin-top: 20px;}
		
		#Header h2 {font-size: 3em; top:auto; bottom:0; margin:0; left: 5%; }
		
		h3 { font-size: 1.4em; }
		
		#HomeW .wrapper {margin: 20px auto;}
		
		#Header #VideoLink {margin-top: 0;}
		
		.fieldsListTitle { clear:both;  width:100%; }
		#fieldsList-permis .fieldsListTitle, #fieldsList-demande .radio-field , .radio-field {  width:100%; }
		#fieldsList-civ .radio-field { width:49%; }
		
		p.uniqueCheckBoxField { height: 150px; }
  

	}
	
	
	
	
	