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

Version 0.9.6.0
Date 02/01/2015
*/

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


@import 'https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i';
@import url('https://fonts.googleapis.com/css?family=Questrial');



/* 	
	font-family: 'Roboto', sans-serif; 
	font-family: 'Questrial', sans-serif;

 */


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


	html, body { margin: 0; padding: 0; border: 0; }
	body {
		font-size:15px;
    background: #0a1034;
		color: #ffffff;
		font-family: 'Questrial', sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	.mobile body {	font-size:18px; }

	body.is-loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	input, select, textarea {
		color: #7c8081;
		font-size: 15px;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: #dcb651;
		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: 400;
	}

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

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		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;
		letter-spacing: 0.1em;
	}

	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"],
	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(255, 255, 255, 0.8);
		color: inherit;
		display: block;
		padding: 1.5em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		/*border-right-width: 20px;*/
		border-right-style: solid;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	.missingField label, .invalidField label { color:#ec0001; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }

	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#ec0001;}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border-color: #3498db;
	}

	#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: none;
		border: solid 1px;
		color: inherit;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		letter-spacing: 2px;
		padding: 0 0.75em;
		line-height: 3.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background-color: rgba(29, 161, 242, 0.15);
			border-color: inherit;
		}

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

			input[type="button"].special:hover,
			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			.button.special:hover {
				background-color: #96dad1 !important;
				border-color: #96dad1 !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;
		}



/* RESPONSIVE Layers */

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

		/*#topButton .toggle:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}*/

		#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 {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}*/

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

	#topPanel,
	#sidePanel {
		background: #1c2021;
		color: white;
		font-size: 0.8em;
		letter-spacing: 0.075em;
		text-transform: uppercase;
	}

		#topPanel #Footer,
		#sidePanel #Footer {
			padding: 0.25em 0.5em 1em 0.5em;
		}

		#topPanel .link,
		#sidePanel .link {
			border: 0;
			border-top: solid 1px rgba(255, 255, 255, 0.1);
			color: inherit;
			display: block;
			height: 3em;
			line-height: 3em;
			opacity: 0.75;
			text-decoration: none;
			padding: 0 5%;
		}
		#topPanel .link:hover,
		#sidePanel .link:hover {

			color: #fff;
			opacity: 1;

		}

			#topPanel .link.depth-0,
			#sidePanel .link.depth-0 {
				font-weight: 900;
			}

			#topPanel .link:first-child,
			#sidePanel .link:first-child {
				border-top: 0;
			}

		#topPanel .indent-1,
		#sidePanel .indent-1 {
			display: inline-block;
			width: 1em;
		}

		#topPanel .indent-2,
		#sidePanel .indent-2 {
			display: inline-block;
			width: 2em;
		}

		#topPanel .indent-3,
		#sidePanel .indent-3 {
			display: inline-block;
			width: 3em;
		}

		#topPanel .indent-4,
		#sidePanel .indent-4 {
			display: inline-block;
			width: 4em;
		}

		#topPanel .indent-5,
		#sidePanel .indent-5 {
			display: inline-block;
			width: 5em;
		}



/* 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;  width:830px;  }

	.lt-1280 .focus, .mobile .focus { width:95%;  overflow:hidden; }

	/**
	 * 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 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* HEADER */

	@-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 {
		z-index: 10000;
		width: 100%;
	}

		#Header h1 {
			font-weight: 900;
			margin: 0;
		}


		#Header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-o-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#Header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-o-animation: none;
			-ms-animation: none;
			animation: none;
			background: transparent;
			box-shadow: none;
			color: white;
			padding: 2em 2.5em;
			position: absolute;
		}

	#LogoW { position:absolute; left:0; top:0; }
	#Footer { background:#0a1034; width:100%; text-align:center; color:#ffffff; padding:26px 0;  }

	#LogoLink { position:fixed; left:0; bottom:-10px;  }


/* MAIN MENU */

	.narrower #Nav { display: none;  }

	.lt-1280 #Nav, .mobile #Nav  { position: fixed; top: 0; width: 100%; z-index: 10000; height:auto;   }
	.lt-1280 #NavIco, .mobile #NavIco  {
			display: block; position: absolute; bottom: -50px; width: 100%; z-index: 10001; height: 50px; width: 70px;
			text-indent: -999px; overflow:hidden;
			background: rgba(52,152,219,0.8) url(zims/buttons/minimenu-w.png) no-repeat center;}
	.lt-1280 #NavIco.left, .mobile #NavIco.left  { left: 0;
			-webkit-border-bottom-right-radius: 10px;
			-moz-border-radius-bottomright: 10px;
			border-bottom-right-radius: 10px;}

	.lt-1280 #NavIco.right, .mobile #NavIco.right { right: 0;
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-radius-bottomleft: 10px;
			border-bottom-left-radius: 10px; }


	#Nav { width: 210px; top: 100px;  z-index: 9999; background:rgba(10, 16, 52,0.6);
  position: fixed; right: 0; left: 0;}

  #Nav > li {
      position: relative;
      display: block;
  }

  .HTMLMenu > li > a {
      padding: 5px 15px;
      font-weight: 400;
      border:none;
      color:#ffffff;
  }
	#Nav .HTMLMenu > li > a {
		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-ms-transition: all .25s;
		-o-transition: all .25s;
		transition: all .25s;
	}

	#Nav .HTMLMenu > li > a:hover {
			margin-left: 15px;
     	transition: margin-left 0.2s ease;
			color:#E0C053;
	}

  #Nav .HTMLMenu > .active > a::after, #Nav .HTMLMenu > .HTMLMenuItemLink-Current > a::after {
    content: "\2192";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-left: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    color:#ffffff;
}


::-moz-selection { /*@bugfix mozilla*/
    background: #0a1034; /* REMPLACER PAR LA COULEUR DÉSIRÉE*/
    color: #dcb651
}
::selection { /* effet souris  */
    background: #0a1034; /* REMPLACER PAR LA COULEUR DÉSIRÉE*/
    color: #dcb651
}


	#ResaNav { width: 100%;  top: 0;  z-index: 9999;  position: fixed;  right: 0; padding-top:0.5em;   }
	a#BigTel { display :block;  position:absolute; right:0;   width:400px; font-size:3em; background:#1d2663 url(../source_files/tel.png) 10px 50%  no-repeat; font-weight:600; 
		text-align:right; height:60px; color:#ffffff;  line-height:55px; padding-right:15px; font-family: Arial, Helvetica, sans-serif; border-bottom:6px dotted #dcb651; 
		padding-bottom:10px;  
-webkit-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;	
	}
	
	#MenuResa { position:absolute; right:0; display:block;  width:370px;  display:none;   }
	#MenuResa li {  margin-left:1em;  display: inline-block;   }
	#MenuResa li a { background:#2600B2;  background:#ffffff;   color:#000000; font-style:normal;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:0.9em;
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	}
	#MenuResa li a:hover { background:#EFEFEF;  }


	#MenuResa #MenuResa-connexion-Item a { background:#2600B2;  color:#ffffff; }
	#MenuResa #MenuResa-inscription-Item a { background:#73D0FF;  color:#ffffff; }

	#MenuResa #MenuResa-connexion-Item a:hover { background:#2600B2; color:#EFEFEF;  }
	#MenuResa #MenuResa-inscription-Item a:hover { background:#5CA6CC; color:#EFEFEF;  }



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



  .section {  width:100%; height:auto;  background:url(./bg/cominsoon.jpg) 50% 100% no-repeat;  min-height:500px; text-align:center; }
  #page-vehicules { background-image: none; }
  #page-register { background-image: url(./bg/register.jpg); }
  #page-register { background-image: url(./bg/register.jpg); }
  #page-contact { background-image: url(./bg/contact.jpg); background:url(./bg/cominsoon.jpg) 50% 100% no-repeat;  }

  #page-top { background:url(./bg/home.jpg) 50% 100% no-repeat; height:100%; background-size:cover;  }

  .pattern { /*background:rgba(0,0,0,.5) url(.//pattern.png);*/  height:100%; width:100%; padding-top: 80px; min-height:500px; }
	
   #page-top .pattern,  #page-contact .pattern,  #page-reservation .pattern, .pattern { background:rgba(0,0,0,.5) url(.//pattern2.png); }
   #page-top .pattern { padding-top: 0; }


	#page-vehicules .pattern, #page-top .pattern { background:none;  }


	.next-section {
      text-align: center;
  }

  .next-section a {
    cursor: pointer;
    display: inline-block;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(0,0,0,.2);
    box-shadow: 0 0 1px rgba(255,255,255,.2);
    margin: 70px;
    padding-top: 45px;
    position: relative;
    cursor: pointer;
  }


  .next-section a span {
      display: inline-block;
      width: 50px;
      height: 50px;
      border: 2px solid #fff;
      border-left-color: transparent;
      border-top-color: transparent;
      position: absolute;
      top: 20px;
      left: 35px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: .4;
      -webkit-transition: all .25s;
      -moz-transition: all .25s;
      -ms-transition: all .25s;
      -o-transition: all .25s;
      transition: all .25s;
      cursor: pointer;
  }

  .next-section a:hover span { opacity: 1; }

	#page-top  .next-section {  bottom:0; }

  #page-contact .next-section a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }


  h1 { margin:0; padding:0; text-align :center;  font-size:2.6em;  color:#dcb651;  line-height:0.9em; }
  h1 strong { font-weight:700; font-size:1.2em;  } 
  h1 img { margin-top:-70px;  }

  h1::after {
    content: "";
    width: 100px;
    height: 60px;
    left: 50%;
    margin-left: -50px;
    border-bottom: 4px double #fff;
    position: absolute;
	margin-top:10px;
  }

  h3 { font-size: 1.5em; font-weight:500;  text-align:center; padding-top:1em; display:inline-block; color:#ffffff;  }
  #page-about h3, #page-contact h3, #page-reservation h3  {  border-bottom: 4px double #ffffff;  }
  h2 { font-size: 2.4em;  font-weight:500;  text-align:center;  line-height:1em;  display:block;  margin:0 auto;  }
  #page-top h2 {  margin:50px auto 40px auto;  padding:8px;   color:#ffffff;  width:65%;  text-transform:none;  letter-spacing:1px;  }
  
  #page-top h3 {  display:block;  height:110px;  line-height:110px; text-align:left;  width:80%; margin:0 auto;  float:none;  padding-top:0;   font-size:3em; border-top:6px dotted #dcb651;  }
  #page-top h3  span { color:#dcb651; } 
  #page-top h3  quote  { display:block; float:right; line-height:30px;  padding:0.9em 0; font-size:0.5em; text-transform:none; } 
  
  
  

  #page-vehicules  h2::after { content: "";
    width: 100px;
    height: 75px;
    left: 50%;
    margin-left: -50px;
    border-bottom: 4px double #0a1034;
    position: absolute; }
  h4 { text-align: left; color: rgb(222, 225, 36); text-transform: uppercase; font-weight: 700; }

	.lt-1024 h2, .mobile h2 { 	font-size: 2.5em; font-weight:400; }

  .section p { margin:0; font-weight:400; font-size:0.9em;  }
  .section p.description { text-align:left; }

  ul.infoItems { padding-left:2.5em;  text-align:left; list-style-type: disc !important; }
  ul.infoItems li { list-style-type: disc !important; font-size:0.9em; font-weight:400; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * TIMER * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.time-count-container { min-height: 300px; margin-top: 50px; }

.col-sm-3 { width: 25%; float: left; position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}

.lt-1024 .col-sm-3, .mobile .col-sm-3 { width: 70%; float: none; margin :0 auto;  }

.time-box {
    width: 150px;
    height: 150px;
    display: table;
    border: 1px solid #fff;
    margin: 50px auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


.time-box-inner {
    width: 150px;
    height: 150px;
    display: table;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.time-number {
    font-size: 65px;
    width: 100%;
    display: inline-block;
    font-weight: 300;
    padding-top: 15%;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.time-number .digit {
    line-height: 60px;
    display: inline-block;
    overflow: hidden;
    font-weight:400;
}

.time-name {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.time-until { text-align:center;  }
.time-until a {  color:#0a1034; font-size:1.4em; text-transform:uppercase; padding:1em 1.5em; background: #dcb651; display:inline-block;  width:auto;  }
.time-until a:hover { background:#fff; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * VEHICULES * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#page-vehicules { background:#ffffff; color:#0a1034; padding-bottom:80px; }
#page-vehicules h2 { color:#0a1034; }

#NosVehicules { width:600px; width:783px; position:relative; margin :0 auto;  }
#NosVehicules > li { clear:both;  height: 240px; }
#NosVehicules > li > img  { float:right;   height: 230px; }

ul.vehiculeDetails {   width:180px;   padding-top:40px;  }
ul.vehiculeDetails li { background:#0a1034; border:2px solid #ffffff;  padding:8px;  color:#ffffff;  }
ul.vehiculeDetails li.name {  font-size:1.3em;  text-transform:uppercase; font-style:italic;  }
ul.vehiculeDetails li.bagages img, ul.vehiculeDetails li.paf  img  { display:inline-block; line-height:30px; 	vertical-align: middle; }
ul.vehiculeDetails li.paf span {  }

ul.services {  width:200px; display:block; float:right;    padding-top:40px; }
ul.services > li { text-align:left; background: #0a1034 url(../source_files/icons/checked.png) 8px 50% no-repeat; text-indent:24px;  color:#ffffff; border:2px solid #ffffff;  padding:8px;  }

#page-reservation { background-image:url(./bg/reserver.jpg);  background-size:cover;  background-position:50% 0; }

#page-reservation  p, #page-about p, #page-services p { font-size:1.1em; line-height:1.4em;  padding-bottom: 1em;  }
#page-reservation  a#GoResa { display:block; background:#0a1034; padding : 10px; text-transform:uppercase;  color:#ffffff;  width: 200px; font-size:1.1em;   position:relative; margin:30px auto 0 auto; }

#page-reservation  a#GoResa:hover { background:#2600B2; }

#page-reservation ul { }
#page-reservation ul li { text-align:left; font-size:1em; line-height:1.4em;  padding-bottom: 1em; background: rgba(10, 16, 52,0.8);  padding:1em; margin:1em; }

#page-reservation ul li strong { font-weight:700; color:#dcb651; font-size:1.4em; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * About * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#page-about { background-image:url(./bg/contact.jpg);  background-position:cover; }

div.text-wrapper, li.text-wrapper { padding:1.2em; background: rgba(10, 16, 52,0.6);}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * SIMPLE ET RAPIDE  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#page-avantages {} 
#page-avantages  h3 { font-size:2.4em;  background:url(../source_files/icons/check-sign.png) 0 60% no-repeat; padding-left:80px; padding-top:0.2em; margin-left:-30px;  }
#page-avantages h3 span  { font-size:0.6em;  text-transform:none; display:block; line-height:22px;   } 
#page-avantages ul li  {border-bottom: 6px dotted #dcb651; width:70%; margin:0 auto 24px auto; } 
#page-avantages ul li > h4 { color:#dcb651;  font-size:1.6em;  text-align:center; display:block;   height:40px; line-height:42px !important;  }
#page-avantages ul li > h4 img { vertical-align:middle; } 
#page-avantages ul li > p { font-size:1.3em; } 
#page-avantages ul li.dispo > p {  font-size:2em;}
#page-avantages ul li > p  span  { color:#dcb651; }
#page-avantages ul li > p  img { margin-top:12px; } 



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  #ContactForm .textField label, #ContactForm .textareaField label { display:none ; }
  form { position:relative; width:600px; margin:0 auto; }
	.mobile form { width:90%; padding:0; }
  textarea { width: 70%; height:120px; }

	form .submitButton { position:absolute; right:0; bottom:1px; width:30%; height:120px;  background:url(.//sent-mail.png) 50% 50% no-repeat;  overflow:hidden;  text-indent: -5000px; }

	#page-register {}
	#page-register h4, #page-register p, #page-register ul { width:600px;  margin:0 auto; }
	.mobile	#page-register h4, .mobile	 #page-register p.description, .mobile	#page-register ul { width:90%; }
	.mobile	 #page-register p { width:100%; }

  #RegisterForm { text-align:left; padding-top:15px;  }
	#RegisterForm p { padding-top:1em; }
	#RegisterForm .textField  label, #RegisterForm .fieldsListTitle  { text-align: left; color: rgb(222, 225, 36); text-transform: uppercase; font-weight: 700; }
	#RegisterForm .textField  label span, 	#RegisterForm .fieldsListTitle span { color:#ffffff; font-size:0.8em;  }

	#RegisterForm { padding-bottom:50px; }
	#RegisterForm #RegisterFormSubmit { height:80px; width:80px;  }

	#RegisterForm .fields .radio-field {  display:inline;  padding-right:15px; }
	#RegisterForm #fieldsList-paiement_method .fields .radio-field, 	#RegisterForm #fieldsList-register_for .fields .radio-field  { display:block; }

  #page-contact{}

	.social-btn-container {
	     text-align: center;
	     margin: 50px auto 0 auto;
	 }

	 .social-btn-box, .social-btn-box a {
		    -webkit-transition: all .25s;
		    -moz-transition: all .25s;
		    -ms-transition: all .25s;
		    -o-transition: all .25s;
		    transition: all .25s;
		}

	 .social-btn-container .social-btn-box {
	    display: inline-block;
	    width: 60px;
	    height: 60px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	    border: 1px solid #fff;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	    -o-border-radius: 5px;
	    border-radius: 5px;
	    margin: 15px;
	    position: relative;
	    overflow: hidden;
	}


.social-btn-container .social-btn-box a {
    color: #fff;
    font-size: 26px;
    line-height: 80px;
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -10px;
    left: -10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.social-btn-box, .social-btn-box a {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.social-btn-box .facebook-btn:hover {
    background: #3B5998;
    color: #fff;
}

.social-btn-box .twitter-btn:hover {
		background : #1DA1F2;
		color: #fff ;
}


.fa {
	    display: inline-block;
	    font-style: normal;
	    font-weight: normal;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
			vertical-align:middle;
			text-align:center;
	}


	 p.confirm { font-weight: 400; line-height:40px; text-align:center; }


 #VideoW {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}


#Footer { overflow:auto; }
#Footer .copyright { width:615px; margin:0 auto; position:relative;  }

#DownloadApp { float:right; display:block; padding-right:6px; }
#DownloadApp h5 { font-size:0.9em; margin-bottom: 4px; }
#DownloadApp ul { }
#DownloadApp ul li { margin-bottom:4px; }
#DownloadApp ul li a { position:relative; margin :0 auto; }
#DownloadApp ul li.appStore a { background:url(.//app-store-100.png) 0 0 no-repeat; display:block; width :100px; height:31px; overflow:hidden; text-indent:-1000px; }
#DownloadApp ul li.googlePlay a { background:url(.//google-play-100.png) 0 0 no-repeat; display:block; width :100px; height:31px; overflow:hidden; text-indent:-1000px; }


@media(max-width:580px) {
		
		#LogoLink { position:fixed; left:0.8em; top:0.8em; bottom: auto; display:none; }
		.section { -webkit-background-size: cover;   background-size: cover;  }
		#page-top {  }
		#page-top  h1 img { height:300px; }
		#page-top  h1::after { display:none; }
		#page-top  h2 {  margin:30px auto 30px auto;      font-size: 2em; }
		#page-top  h3 { font-size:2.2em;  height: 60px;
		line-height: 25px; text-align:center;  margin-bottom:20px ; }
		
		#page-top h3 quote  { float:none;  }

		#NosVehicules { width:100%; position:relative; }
		#NosVehicules > li { height:400px; position:relative;  }
		#NosVehicules > li > img {  width:55%; height:auto; padding-top :40px; }

		ul.services {  position:absolute; top:60px; width:100%; margin-top:120px;   }

		#ResaNav { position:fixed; bottom:0; left:0;  width:100%; top:auto;  overflow:visible; }
		#ResaNav  a#BigTel { position:fixed !important; bottom:0; left:0;  width:100%; top:auto; -webkit-border-radius: 0;
border-radius:0;}  
		/*#ResaNav  #MenuResa { position:relative; width:100%; display:table; text-align:center;   }
		#ResaNav  #MenuResa li { display:table-cell; }*/

		
		#Nav .HTMLMenu > li > a { font-size:1.2em; line-height:1.4em;  }
		#Footer { padding-bottom:60px; }
		
		#page-avantages  h3 { font-size:2.2em; } 
		#page-avantages ul li  { width:90%; }
		#page-avantages ul li > p  img { width:100%; } 
		
		
}