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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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



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

@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 BMW*/
@font-face {
	font-family: 'BMW Type Global Bold';
	src: url('font/bmwglobal/bmwglobal_bold.ttf');
}



/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 	html { border:3px solid blue;  } 
	html, body { margin: 0; padding: 0; border: 0; }
	body, #skel-layers-wrapper { 
		font-size:14px; 
		color: #ffffff;
		font-family: 'Open Sans', Arial, 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;
	}

	.intro, input, select, textarea, label, option, .fieldsListTitle {
		color: #7c8081 !important;
		font-family: 'Lato', 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: 600;
	}

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

	h2 {
		font-size: 1.5em;
		 padding:0.1em 0.5em ;  margin:0.5em 0em ; 
		background:#174C9A; color:#fff;  line-height:1.3em;  text-align:center; 
	}

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

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

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

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

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}
	
	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family: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"], 
	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);
		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;
		width: 100%;
		outline: 0;
		background: none;
		border-right-style: solid;
		width:110px; 
		padding:0.5em 1em;
		-webkit-border-radius: 8px; border-radius: 8px;
		font-weight: 600;
	}
	
	.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 !important ; }
	
	.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: #003A55;
	}
	
	label, .fieldsListTitle
	{
		font-weight: 600;
	}
	
	
	fieldset:first-child {margin-top: 40px; margin-bottom: 10px;}

	fieldset legend{
    font-size: 1.5em;
    padding: 0.1em 0.5em;
    margin: 0.5em 0em;
    background: #174C9A;
    color: #fff;
    line-height: 1.3em;
    text-align: center;
	width: 100%;
}

	#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: #174C9A;
		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;}
	
	.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;}
	
	
	/* #fieldsList-accompagne {margin-bottom: 10px;} */
	#fieldsList-accompagne .fields {display: flex;}
	/* #field-societeAccompagnant, #field-nomAccompagnant, #field-prenomAccompagnant, #field-telAccompagnant, #field-emailAccompagnant{display: none;} */
	#fieldset-accompagnant {display: none;}
	
			
/* 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 #174C9A; 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;  position:relative; margin:0 auto;  }
	
	/*#Content > img { position:absolute; left:285px; bottom:10px; }
	#page-home #Content > img { position:absolute; left:85px; bottom:10px; }*/
	
	#Header { z-index: 10000; background: url(zims/frontend/header.jpg?c=777) no-repeat top center;  width:100%;  padding:0; margin: 0 auto; text-align:center; height: 640px; position: relative; background-size: cover; background-repeat: no-repeat; 
	background-position-x: center; background-position-y: center;
	
	}
	
	
	
	#TitlePart1 {color: #000; padding: 50px; font-weight: 700; text-align: center; line-height: 1em;}
	#TitlePart1 {padding-top: 40px !important; font-size: 2.8em;}
	#page-home a:hover{text-decoration: none !important;}
	/* #TitlePart2 {position: absolute; bottom: -1%; left: 50%; transform: translate(-50%, -50%); padding-bottom: 0;} */
	
	
	
	.strong {font-weight: 800;}
	/* a {color: #43BAE7 !important;} */
	a {color: #174C9A !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;*/ font-weight: 700; margin: auto 50px; font-family: 'BMW Type Global Bold', 'Open Sans' ;
	} 
	#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 span, #Header h1 div { background: rgba(255, 255, 255, 0.5); padding: 20px } */
	#Header h1 div { margin: 0 50px;}
	#Header h1 span{ white-space: nowrap !important;}
	#Header h1, #Header h1 span {text-shadow: 0 0 20px #fff;}
	
	
	/*	#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;}
	
		
/* 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/logo-pelras-bmw.png) no-repeat ; background-position: left; background-size: 31%;
		width:740px;  position:relative; margin:0 auto;
	}
	
	.portrait #Footer, .mobile #Footer { height :auto; overflow: auto;     padding-top: 80px; text-align: center;      background-position: top;     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{}
	
	.intro{text-align: center;}
	
	#HomeW {  overflow:auto;    } 
	#HomeW h2 {margin-bottom: 20px;}
	#HomeW h3 {text-align: center; text-transform: none; color: #7c8081 !important; font-weight: 700;}
	#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%;  } 
	
	#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; }
	
	#Speech{text-align: center; margin: 30px 0 50px 0;}
	#Speech p{margin-bottom: 30px;}
	
	
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * VOTE FORM  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  
  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%; }
   
  #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;}

 /*#VoteForm p  select  { width:250px;  }*/
  #VoteForm p.textField label { display: none;}
  
  fieldset:first-child {padding-bottom: 30px;}
   
  #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-nomAccompagnant, #field-prenomAccompagnant, #field-telAccompagnant { width: 47.5%; float: left;}
  #field-tel, #field-prenom ,  #field-taille_veste, #field-date , #field-horaire   { width: 47.5%; }
  #field-nom, #field-ladate, #field-dob, #field-tel, #field-nomAccompagnant , #field-telAccompagnant,#field-date  { margin-right: 5%;}
  
  
  #VoteForm select { width: 100%;     border: solid 1px rgba(0, 0, 0, 0.6); background:none; }
  
  
  #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: 50px 0;
	font-weight: 400;
	font-size:1.4em; 
  }
  
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 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(max-width:769px) and (min-width:730px){
		#Header { background: url(zims/frontend/header-tab.jpg) no-repeat center;     height: 280px; width: 110%; margin-left:-5%; background-size: cover;
		}
		#TitlePart1{padding-top: 30px !important;}
		#TitlePart2 {position: absolute;  bottom: -2%; left: 50%; transform: translate(-50%, -50%);}
		
	}
	
	
	@media(max-width:729px) {
	
		#Main {  width:340px; }
		#Header { background: url(zims/frontend/header-mobile.jpg) no-repeat center;     height: 280px; width: 110%; margin-left:-5%; background-size: cover;
		}
		
		#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{ width: 100%; }
		#field-nom, #field-ladate{ margin-right: 0;}
		
		#VoteForm #VoteFormButtons {  margin-top:20px; }
	
		#TitlePart1{font-size: 1.8em; padding-top: 20px !important;}
		#TitlePart2{/*bottom: -2%;*/ bottom: -2%;}
	}
	
	
	@media(max-width:320px) {
		#Main {  width:320px; }
		#TitlePart1{font-size: 1.4em; padding-top: 20px !important;}
		#TitlePart2{bottom: 0;}
		
	}