@charset "UTF-8";
/* CSS Document */

/* FONT */

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular.eot');
    src: url('../fonts/myriadpro-regular.eot') format('embedded-opentype'),
         url('../fonts/myriadpro-regular.woff') format('woff'),
         url('../fonts/myriadpro-regular.ttf') format('truetype'),
         url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}
@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadpro-bold.eot');
    src: url('../fonts/myriadpro-bold.eot') format('embedded-opentype'),
         url('../fonts/myriadpro-bold.woff2') format('woff2'),
         url('../fonts/myriadpro-bold.woff') format('woff'),
         url('../fonts/myriadpro-bold.ttf') format('truetype'),
         url('../fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('../fonts/myriadpro-semibold.eot');
    src: url('../fonts/myriadpro-semibold.eot') format('embedded-opentype'),
         url('../fonts/myriadpro-semibold.woff') format('woff'),
         url('../fonts/myriadpro-semibold.ttf') format('truetype'),
         url('../fonts/myriadpro-semibold.svg#MyriadProSemibold') format('svg');
}
body{background:#FFF;}
#global{ padding:0;}
.top{ margin-top:150px;}
.row{ margin:0;}
#bg-mobile{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/320/Business_Mobility.jpg) no-repeat center center;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#bg{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/320/bg_services.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-about{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/320/bg_about.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
}
#bg-index{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/320/bg_index.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
}
#bg-flotte{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/320/bg_flotte.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-moto{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/320/bg_moto.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
}
#bg-contact{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: #000;
	}
#big-mask {
position: fixed;
top: 0;
left: 0;
z-index: 0;
min-width: 100%;
width: 100%;
min-height: 100%;
height: 100%;
background: url(../images/home-bg.png) repeat;
}

/* HEADER */
header{ background:#101010; height:46px;
-webkit-transition: height .5s ease;
-moz-transition: height .5s ease;
-ms-transition: height .5s ease;
-o-transition: height .5s ease;
transition: height .5s ease;
overflow:hidden;
}
#main-logo.small{ padding-top:8px;}
#mob-logo{ text-align:center; padding-top:10px; padding-bottom:30px;
-webkit-transition: margin-top .5s ease;
-moz-transition: margin-top .5s ease;
-ms-transition: margin-top .5s ease;
-o-transition: margin-top .5s ease;
transition: margin-top .5s ease;
}

/* NAV */
.navbar-header{ padding-top:13px;}
.navbar-toggle{ margin-top:-5px; margin-right:0; margin-bottom:0;}
.navbar-header label{ color:#FFF;font-family: 'MyriadProRegular'; font-size:20px; line-height:29px;}
.navbar-toggle .icon-bar{ background-color: #FFF;}
#phone .tel{font-size:20px; color:#FFF;font-family: 'MyriadProRegular'; float:right; padding-right:10px;padding-top:13px;}
#phone .tel a{ color:#FFF;}
#phone .tel a:hover{ text-decoration:none;}
#nav-mobile{ background:#101010; border:none; margin-top:46px; text-align:center; width:200px;}
#nav-mobile.small{ margin-top:46px;}
#nav-mobile li a{
	  color: #fff;
	  display: block;
	  text-decoration: none;
	  line-height:50px;
	  overflow: hidden;
	  border-bottom: 1px solid #FFF;
	  font-family:"Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	  font-size:14px;
	  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	line-height:65px !important;
	}
#nav-mobile ul li {
	  border-top: 1px solid #FFF;
	   width:100%;
}
#nav-mobile ul li:last-child {
	  border-bottom: 1px solid #FFF;
}
#nav-mobile p{ margin-top:20px;font-size:16px; letter-spacing:1px; font-family:"Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;}
#nav-mobile p a{color:#000; background:#FFF; padding:10px; margin-left:5px; margin-right:5px;-webkit-border-radius: 5px;border-radius: 5px;}
#nav-mobile p a:hover{ text-decoration:none;}

/* HOME BG */
#top {
position: relative;
height: 1050px;
z-index:1;
padding-top: 0;
-webkit-transition: background-color .1s ease;
-moz-transition: background-color .1s ease;
-ms-transition: background-color .1s ease;
-o-transition: background-color .1s ease;
transition: background-color .1s ease;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
width:100%;
text-align:center;
}

.triangle {
position: fixed;
bottom: 5%;
left: 49%;
z-index: 1000000;
display: inline-block;
padding: 20px;
padding-top:23px;
line-height: 0;
text-align: center;
-webkit-transition: opacity 0.25s ease, visibility 0.25s ease;
-moz-transition: opacity 0.25s ease, visibility 0.25s ease;
-ms-transition: opacity 0.25s ease, visibility 0.25s easee;
-o-transition:opacity 0.25s ease, visibility 0.25s ease;
transition: opacity 0.25s ease, visibility 0.25s ease;
background:url(../images/arrow_top.png) no-repeat;
background-size:80px;
cursor:pointer;
text-decoration:none;
color:#222;
opacity:1;
visibility:visible;
}
.triangle.scrolled {opacity: 0; visibility:hidden;}
#top #home-content{
position: relative;
top: 10%;
width: 100%;
z-index: 1000000;
line-height: 0;
text-align: center;
}
#top #home-content h1{font-family: 'MyriadProRegular';font-size:25px; color:#FFF;text-shadow: 2px 2px 1px #000000; margin-top:0;}
#top #home-content h1 span{font-family: 'MyriadProBold';font-size:25px; color:#FFF;}
#top #home-content p{font-family: 'MyriadProRegular';font-size:14px; color:#FFF; width:80%; margin:auto; line-height:16px;text-shadow: 2px 2px 1px #000000; margin-top:20px;}
#top #home-content p a{font-family: 'MyriadProRegular';font-size:14px; color:#FFF; margin:auto; display:block; height:40px; width:230px; background:rgba(0,173,239,0.5); text-align:center; border:1px solid #FFF; line-height:40px; margin-top:20px;-webkit-border-radius: 5px;border-radius: 5px;text-shadow: none;}
#top #home-content p a:hover{ text-decoration:none;}

#top #contact-content{
position: relative;
top: 10%;
width: 100%;
z-index: 1000000;
line-height: 0;
text-align:center
}
#top #contact-content h2{font-family: 'MyriadProRegular';font-size:25px; color:#FFF;text-shadow: 2px 2px 1px #000000; margin-top:0; text-transform:uppercase; border-bottom:10px solid #00adef;}
#top #contact-content h3{font-family: 'MyriadProRegular';font-size:16px; color:#FFF;text-shadow: 2px 2px 1px #000000; margin-top:0; text-transform:uppercase; margin-top:30px;}
#top #contact-content h3 a{ color:#FFF;}
#top #contact-content h3 a:hover{ text-decoration:none;color:#FFF;}
#top #contact-content p{font-family: 'MyriadProRegular';font-size:14px; color:#d4d4d4 !important; width:80%; margin:auto; line-height:16px;text-shadow: 2px 2px 1px #000000; margin-top:10px;}
#top #contact-content p a{color:#d4d4d4 !important;}
.form-contact{ margin-top:30px; margin-bottom:150px; background:rgba(255,255,255,0.3); padding-top:20px; padding-bottom:20px;}
.form-contact .form-group div{ padding:0 !important;}
.form-contact .form-group{ margin-bottom:0;}
.form-contact .date{ margin-bottom:20px;}
.form-contact input[type=text]{
height: 45px;
display: block;
background: rgba(255,255,255,0.2);
border: 1px solid #fff;
color: #fff;
font-size: 14px;
line-height: 16px;
padding: 10px 15px;
overflow: auto;
overflow-x: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'MyriadProRegular';
width: 100%;
-webkit-appearance: none;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}
.form-contact textarea {
height: 120px;
resize: none;
display: block;
background: rgba(255,255,255,0.2);
border: 1px solid #fff;
color: #fff;
font-size: 14px;
line-height: 16px;
font-weight: bold;
padding: 10px 15px;
overflow: auto;
overflow-x: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: initial;
-webkit-appearance: none;
-webkit-border-radius: 5px;
border-radius: 5px;
font-family: 'MyriadProRegular';
margin-bottom: 20px;
width:100%;
}
.form-contact .submitter{ float:right; width:100%;}
.form-contact .submitter input {
border: none;
color: #FFF;
border: 1px solid #FFF;
cursor: pointer;
display: inline-block;
margin: 0 auto;
height: 50px;
font-family: 'MyriadProRegular';
font-size: 18px;
line-height: 48px;
text-align: center;
background: #00adef;
padding-left: 20px;
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
}
::-webkit-input-placeholder { color:#FFF; }
::-moz-placeholder { color:#FFF; } /* firefox 19+ */
:-ms-input-placeholder { color:#FFF; } /* ie */
input:-moz-placeholder { color:#FFF; }
.adresse img{
margin-bottom: 10px;
position: relative;
top: 28px;
}

/* HOME INTRO */
#intro{ background:#000;padding:0; padding-bottom:73px;}
#intro h1{font-family: 'MyriadProRegular';font-size:35px; text-align:center; color:#FFF; padding-top:20px; border-bottom:10px solid #00adef; width:100%; line-height:50px; margin-bottom:40px;}
#intro h1 span{font-family: 'MyriadProSemibold';}
#intro p{font-family: 'MyriadProSemibold';font-size:14px; color:#FFF; line-height:28px; padding-bottom:15px; width:100%;}
#intro p span{font-family: 'MyriadProBold';}
#intro p strong{font-family: 'MyriadProBold'; font-size:22px;}
#intro p a{ color:#FFF; text-decoration:underline;}
#intro p.button{ padding-bottom:100px;}
#intro p.button a{ text-decoration:none;font-family: 'MyriadProRegular';font-size:20px; width:230px;line-height:30px;display:block; height:60px;text-align:center; border:1px solid #FFF;line-height:60px;-webkit-border-radius: 5px;border-radius: 5px;float:right;}

/* SERVICES */
#services{ background:#000;padding:0; text-align:center;}
#services h1{font-family: 'MyriadProRegular';font-size:35px; text-align:center; color:#FFF; padding-top:20px; border-bottom:10px solid #00adef; width:100%; line-height:50px; margin-bottom:40px;}
#services h1 span{font-family: 'MyriadProSemibold';}
#services p{font-family: 'MyriadProSemibold';font-size:14px; color:#FFF; line-height:28px; padding-bottom:15px; width:100%;}
#services p span{font-family: 'MyriadProBold';}
#services p strong{font-family: 'MyriadProBold'; font-size:20px; line-height:25px;}
#services p a{ color:#FFF; text-decoration:underline;}
#services p.button{ padding-bottom:100px;}
#services p.button a{ text-decoration:none;font-family: 'MyriadProRegular';font-size:20px; width:230px;line-height:30px;display:block; height:60px;text-align:center; border:1px solid #FFF;line-height:60px;-webkit-border-radius: 5px;border-radius: 5px; margin:auto;}
#services-liste{ margin-bottom:20px; margin-top:40px; padding:0;}
#services-liste ul{ text-align:left; padding:0;}
#services-liste ul li{ color:#FFF; padding-bottom:20px; min-height:90px;font-family: 'MyriadProSemibold'; font-size:14px;} 
#services-liste ul li:first-child{ min-height:120px;}
#services-liste ul li:nth-child(3){ min-height:100px;}
#services-liste .img{ padding:0;}
#services-liste .txt{ padding:0; padding-left:35px;}
#services-liste .txt-one{ padding-top:18px}
#services-liste .txt-two{ padding-top:0px}

/* ABOUT */
#about{ background-image: url(../images/bg_about.png);
background-color: rgb(249,249,249);
background-repeat: no-repeat;
background-position: bottom;padding-bottom:80px !important;}
#about h1{font-family: 'MyriadProRegular';font-size:30px; text-align:center; color:#393939; padding-top:20px; border-bottom:10px solid #00adef; width:100%; line-height:50px; margin-bottom:40px;}
#about h1 span{font-family: 'MyriadProSemibold';}
#about p{font-family: 'MyriadProSemibold';font-size:14px; color:#7b7b7b; line-height:28px; padding-bottom:15px; width:100%; text-align:center;}
#about p span{font-family: 'MyriadProBold';}
#about img{ margin:auto; margin-bottom:20px;}

/* IRU */
#iru{ 
background: rgb(87,81,81); /* Old browsers */
background: -moz-linear-gradient(left, rgba(87,81,81,1) 0%, rgba(130,129,134,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(87,81,81,1)), color-stop(100%,rgba(130,129,134,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(87,81,81,1) 0%,rgba(130,129,134,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(87,81,81,1) 0%,rgba(130,129,134,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(87,81,81,1) 0%,rgba(130,129,134,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(87,81,81,1) 0%,rgba(130,129,134,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575151', endColorstr='#828186',GradientType=1 ); /* IE6-9 */
padding:0;
}
#iru h1{font-family: 'MyriadProRegular';font-size:35px; text-align:center; color:#FFF; padding-top:20px; border-bottom:10px solid #00adef; width:100%; line-height:50px; margin-bottom:40px;}
#iru h1 span{font-family: 'MyriadProSemibold';}
#iru p{font-family: 'MyriadProSemibold';font-size:14px; color:#FFF; line-height:28px; padding-bottom:15px; width:100%;}
#iru p span{font-family: 'MyriadProBold';}

/* FLOTTE */
.p-flotte{font-family: 'MyriadProBold'; text-transform:uppercase; padding-top:10px;}
#flotte{ background:#f1f1f1;padding:0;padding-bottom: 80px;}
#flotte .col-xs-12{ max-width:1000px; margin:auto; float:none;}
#flotte h1{font-family: 'MyriadProRegular';font-size:30px; text-align:center; color:#393939; padding-top:20px; border-bottom:10px solid #00adef; width:100%; line-height:50px; margin-bottom:40px;}
#flotte h1 span{font-family: 'MyriadProSemibold';}
#flotte p{font-family: 'MyriadProSemibold';font-size:14px; color:#7b7b7b; line-height:28px; padding-bottom:15px; width:100%;}
#flotte p span{font-family: 'MyriadProBold';}
#flotte img{ margin-bottom:20px;margin-top: 20px;}
#flotte .col-sm-4{ text-align:center;}
.flotte-intro{ max-width:700px; margin:auto; }
.flotte-intro-content{ width:77px;display:inline-block;}
.flotte-intro a.flotte{ display:block; width:57px; height:57px; border:2px solid #FFF; margin:auto;}
.flotte-intro a.flotte:hover{ text-decoration:none; background:#00adef;}
.flotte-intro h3{ font-size:11px; color:#FFF;font-family: 'MyriadProBold'; text-align:center; position:relative; top:0px;
text-transform:uppercase;
}
.flotte-intro img{ margin-top:15px; width:100%;}
.main-car{position:relative !important;opacity:1 !important;}
.main-desc{ opacity:1 !important;z-index:1 !important}
.main-img{position:absolute; opacity:0;width:100%;-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease;}

/* FLOTTE MOBILE */
#voiture{ height:auto;background:#000; padding:0;}
#voiture ul { text-align:left;}
.select-car-mobile{ margin-bottom:60px;}
.description-mobile h2{
  margin: 0;
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 24px;
  font-family: 'MyriadProRegular';
  color: #FFF;
  letter-spacing: 1px;
  padding-left:15px;
  padding-right:15px;
}
.description-mobile p{
  font-size: 14px;
  font-family: 'MyriadProRegular';
  line-height: 25px;
  color: #eeeeee;
  padding-left:15px;
  padding-right:15px;
}
.caption-img-mobile img{ width:100%;}
.option-mobile{margin-top:20px;}
.option-mobile li{ display:inline;}
.option-mobile ul li img {
  margin-right: 5px;
  margin-top: -5px;
}

/* MOTO */
#flotte.motodesc h2{font-size:24px;font-family: 'MyriadProRegular';}

/* VOITURE */
#voiture h1{text-align: center;font-family: 'MyriadProRegular';font-size: 30px;color: #FFF; text-transform:uppercase; line-height:75px;}
#voiture h1 span{font-family: 'MyriadProBold';}
#voiture ul li{
font-size: 15px;
color: #FFF;
font-family: 'MyriadProRegular';
padding: 10px 11px !important;
}
#voiture .lavalamp-object{ top:24px !important;}
#slider-voiture{ padding:0;}

/* DEVIS */
#etape{margin-top:50px; margin-bottom:20px;}
#etape p{font-size:24px !important; text-align:center !important;}
#etape p span.number.etape{background:#00adef !important;}
#etape p span.separated.etape{background:#00adef !important;}
#etape p span.number{background:rgba(255,255,255,0.3);-webkit-border-radius: 50px;border-radius: 50px; padding:10px; padding-left:19px; padding-right:19px; padding-top:15px; padding-bottom:9px; text-shadow: 0px 0px 0px #000000; color:#FFF; font-family:'MyriadProBold';}
#etape p span.separated{width:100px; height:2px; background:#FFF; display:inline-block; vertical-align:middle;}
.form-contact h4{ text-align:center; font-size:20px; color:#FFF;text-shadow: 2px 2px 1px #000000; padding-bottom:25px; text-transform:uppercase;}
.form-contact select{
height: 45px;
display: block;
background: rgba(255,255,255,0.2);
border: 1px solid #fff;
color: #fff;
font-size: 16px;
line-height: 16px;
padding: 10px 15px;
overflow: auto;
overflow-x: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'MyriadProRegular';
width: 100%;
-webkit-appearance: none;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}
.form-contact input[type=number]{
height: 45px;
display: block;
background: rgba(255,255,255,0.2);
border: 1px solid #fff;
color: #fff;
font-size: 14px;
line-height: 16px;
padding: 10px 15px;
overflow: auto;
overflow-x: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'MyriadProRegular';
width: 100%;
-webkit-appearance: none;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}
.form-contact label{
	display:inline;
	line-height:35px;
}

/* FOOTER */
#footer{ background:#181818; text-align:center; padding:0;}
#footer h2{font-family: 'MyriadProBold'; color:#FFF; font-size:14px; text-transform:uppercase; padding-top:20px; padding-bottom:10px;}
#footer p{font-family: 'MyriadProRegular'; color:#FFF; font-size:14px;}
#footer a{ color:#FFF;}
#footer a:hover{ text-decoration:none;}
#footer img{ padding-right:15px;}
#copy p{font-family: 'MyriadProRegular'; color:#FFF; font-size:12px; padding-bottom:20px; padding-top:40px;}
#copy p a:hover{ text-decoration:underline;}
#Contact{ display:none;}
#lock{ display:none;}

/* MEDIA QUERY */

@media (max-width: 767px) {
	.flotte-intro h3.moto{ top:5px;}
	.flotte-intro a.moto{ position:relative; top:5px;}
	#top { margin-top:50px !important;}
	#etape p span.separated{width:50px;}
	#etape{ margin-top:100px;}
}
@media (max-width: 420px) {
	#phone{ padding:0;}
	.triangle{left: 43%;}
	#top #home-content h1{ font-size:25px;}
	#top #home-content h1 span{ font-size:23px;}
	#intro h1{ font-size:30px;}
}
@media (max-width: 767px) and (min-width: 480px) and (orientation:landscape) {

/* LOCK LANDSCAPE 
html,body{ width:100%; height:100%;}
#lock{ display: block !important;position: fixed;
z-index: 999999999999;
background-color: rgba(0,0,0,1);
background-image:url(../images/verticale.png);
background-repeat:no-repeat;
background-position:center center;
width: 100%;
height: 100%;
top: 0;
left: 0;}
#lock h1{color:#FFF;font-family: 'MyriadProBold'; font-size:25px; position:relative; top:10%;}
*/
	
#mob-logo{ display:none !important;}
#top #home-content{ top:22%;}
#top #home-content h1{ margin-bottom:0;}
#top #home-content p{ margin-top:0;}
#top #home-content p a{margin-top: 5px; height:30px; line-height:30px;}
.triangle { left:47%; bottom:0%;}
}
@media (max-width: 767px) and (min-width: 480px) {
	#top #home-content h1{ width:60%; margin:auto;}
	#bg-mobile{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/480/Business_Mobility.jpg) no-repeat center center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	}
	#bg{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/480/bg_services.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
	}
	#bg-about{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/480/bg_about.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
	}
	#bg-index{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/480/bg_index.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
	}
	#bg-flotte{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/480/bg_flotte.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
	}
	#bg-moto{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/480/bg_moto.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
}
}
@media (min-width: 992px) {
.form-contact .form-group div{ padding-left:15px !important;}
}
@media (max-width: 991px) and (min-width: 768px) {
	header.small{height:46px; min-height:inherit !important;}
	.video-background{ display:none;}
	#bg-mobile{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/Business_Mobility.jpg) no-repeat center center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	}
	#bg{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/bg_services.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
	}
	#bg-about{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/bg_about.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
	}
	#bg-index{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/bg_index.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
	}
	#bg-flotte{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/bg_flotte.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
	}
	#bg-moto{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/bg_moto.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
}
	#bg-contact{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: #181818;
	}
.top{ margin-top:150px;}
.triangle {
	padding: 30px;
	padding-top:33px;
	background-size:120px;
}
#top #contact-content{ margin-top:15%;}

/* HEADER */
header{height:150px;}
#main-logo{text-align:center; padding-top:31px;
-webkit-transition: padding-top .5s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
}
#main-logo.small{ padding-top:8px;}
#menu-select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid #FFF;
	width:80%;
	padding-left:10px;
	height:30px;
	background:#000;
	color:#FFF;
	font-family: 'MyriadProRegular';
	font-size:16px;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-left:50px;
}
.caret{ color:#FFF; margin-left:-25px;}

/* NAV */
header nav.visible-sm{ border-right:2px solid #303030; padding-top:55px; padding-bottom:55px; border-right:2px solid #303030; padding-top:55px; padding-bottom:64px;
-webkit-transition: padding-top .5s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
}
header nav.small{padding-top:7px;padding-bottom:7px;}
#phone{ padding-left:25px;
-webkit-transition: margin-top .5s ease;
-moz-transition: margin-top .5s ease;
-ms-transition: margin-top .5s ease;
-o-transition: margin-top .5s ease;
transition: margin-top .5s ease;
}
#phone.small{ margin-top:-79px;}
#phone .langue{ padding:5px; background:#00adef; width:100px; text-align:center;font-size:16px; color:#FFF;font-family: 'MyriadProRegular'; padding-bottom:0px; line-height:27px;}
#phone .langue a{font-size:16px; color:#FFF;font-family: 'MyriadProRegular';}
#phone .langue a:hover{ text-decoration:none;}
#phone .contact{ padding-top:18px;font-size:14px; color:#FFF;font-family: 'MyriadProRegular'; margin:0;}
#phone .tel{font-size:20px;-webkit-transition: padding-top .3s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
float:none;
}
#phone .tel.small{ padding-top:10px;}

/* HOME BG */

.triangle:hover{background:url(../images/arrow_top.png) no-repeat -62px;}
.triangle:hover{ text-decoration:none;}

#top #home-content{ top:30%;}
#top #home-content h1{font-size:60px;width:90%; margin:auto;}
#top #home-content h1 span{font-size:60px;}
#top #home-content p{font-size:18px; color:#FFF; width:60%; margin:auto; line-height:30px; max-width:900px;}
#top #home-content p a{font-size:20px; height:60px; width:230px; text-align:center; line-height:60px;}
#top #home-content p a:hover{ text-decoration:none; background:rgba(0,173,239,1);}

#top #contact-content{ padding-top:40px; max-width:1000px; margin:auto;
background: url(../images/1024/bg_contact.jpg) no-repeat;
background-size: 100%;
}
#top #contact-content h2{font-size:54px; width:250px; margin:auto; max-width:1000px; border-bottom:10px solid #00adef;}
#top #contact-content h2#cgv{width:600px;}
#top #contact-content h3{font-size:18px; text-align:left;}
#top #contact-content p{font-size:14px; margin:0; width:100%; text-align:left;}
.form-contact .form-group div{ padding-right:4px !important;padding-left:4px !important;}
.form-contact .submitter{width:50%;}
.form-contact .submitter input:hover{ background:#00adef;}
.adresse{ margin-bottom:150px;}
.adresse img{
	float:left;
	margin-right:10px;
	margin-bottom: 50px;
	position: relative;
	top: 28px;
}

/* HOME INTRO */
#img-intro{ 
	background:url(../images/bg_intro.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:cover; 
	min-height:1020px;
	z-index:1;
	padding:0;
}
#img-intro2{ 
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
z-index:2;
min-height:1020px;
}
#intro h1{font-size:48px;padding-top:100px; width:415px; line-height:50px; margin-bottom:40px; text-align:left;}
#intro p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%;}
#intro p strong{font-size:22px;}
#intro p.button{ padding-bottom:100px;}
#intro p.button a{font-size:20px; width:230px;line-height:30px; height:60px;line-height:60px;}
#intro p.button a:hover{ background:#00adef;}

/* SERVICES */
#services{ background:#000 url(../images/1024/bg_services2.jpg) no-repeat; background-size:cover;padding-bottom:73px;}
#services h1{font-size:54px;padding-top:100px; width:222px; line-height:50px; margin:auto; margin-bottom:40px;}
#services p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%; margin:auto; max-width:1000px;}
#services p strong{font-size:22px;}
#services p.button{ padding-bottom:100px;}
#services p.button a{font-size:20px; width:230px;line-height:30px; height:60px;line-height:60px;}
#services p.button a:hover{ background:#00adef;}
#services-liste ul li{ width:50%; float:left; padding-right:15px;min-height:120px;}
#services-liste ul li:first-child{ min-height: inherit;}
#services-liste ul li:nth-child(3){ min-height: inherit;}
.diensten{width: 240px !important;}

/* ABOUT */
#about{ 
	background-image:url(../images/bg_about.png);
	background-color: rgb(249,249,249);
	
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:1;
	padding:0;
	text-align:center;
}
#about h1{font-size:43px;padding-top:100px; width:400px; line-height:50px; margin:auto;margin-bottom:40px;}
#about p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%; margin:auto;}
#about p strong{font-size:22px;}
#about img{ margin:auto; margin-bottom:20px;}
#team-titre{ width:270px !important;}
#team-titre-nl{ width:300px !important;}

/* IRU */
#iru{
	padding-bottom:120px;
}
#img-iru{ 
	background:url(../images/bg_iru.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain; 
	min-height:1163px;
	z-index:1;
	padding:0;
}
#iru h1{font-size:43px;padding-top:100px; width:15%; margin-left:85%; line-height:50px; margin-bottom:40px; text-align:right;}
#iru p{font-size:14px; line-height:28px; padding-bottom:15px; width:100%; padding-left:20%; text-align:right;}
#iru p strong{font-size:22px;}

/* FLOTTE */
#flotte h1{font-size:54px;padding-top:100px; line-height:50px;max-width:640px; margin:auto; margin-bottom:40px; text-align:center;}
#flotte p{font-size:14px; line-height:28px; padding-bottom:15px;margin:auto; max-width:750px; text-align:center}
#flotte p strong{font-size:22px;}
.flotte-intro{ max-width:700px; margin:auto; }
.flotte-intro-content{ width:140px;}
.flotte-intro a.flotte{ width:110px; height:110px;}
.flotte-intro h3{ font-size:21px; position:relative; top:20px; opacity:0;
text-transform:uppercase;
-webkit-transition: opacity 1s ease,top 1s ease;
-moz-transition: opacity 1s ease,top 1s ease;
-ms-transition: opacity 1s ease,top 1s ease;
-o-transition: opacity 1s ease,top 1s ease;
transition: opacity 1s ease,top 1s ease;
text-shadow: 1px 1px 1px #000000;
}
.flotte-intro h3.show{ opacity:1; top:0px;}
.flotte-intro img{ margin-top:35px; width:auto;}
#flotte-choose{ width:450px !important;}
#flotte-kiezen{ width:710px !important;max-width: none !important;}

/* MOTO */
#flotte.motodesc h1{max-width:390px !important;}
#flotte.motodesc h2{font-size:30px;font-family: 'MyriadProRegular';}

/* VOITURE */
#voiture h1{font-size: 54px;}
#slider-voiture{ padding:0; }
#sliders-flottes{margin-bottom:82px;}

/* FOOTER */
#footer a:hover{ text-decoration:none;}
#footer img{ padding-right:12px;}
#copy p{ padding-top:40px;}	
.Contact--unfolded, .Contact--fullyopened {
height: 8.75em !important;
}
#Contact {
display:block;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
height: 3.4375em;
-webkit-transition: height 0.5s ease-out,bottom 0.5s ease;
transition: height 0.5s ease-out,bottom 0.5s ease;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
text-align:left;
}
#Contact.bottom{ bottom:-48px;}

#Contact-onglet {
font-size: 16px !important;
position: relative;
z-index: 1;
left: 78%;
display: inline-block;
margin: 0 0 0 -29em;
line-height: 2.5em;
color: #fff;
font-weight: normal;
text-transform: uppercase;
cursor: pointer;
pointer-events: auto;
margin: 0 0 0 -36.5em;
}
.Contact--fullyopened #Contact-onglet{
	cursor:auto;
}
.Contact-onglet-sub {
display: inline-block;
padding-right: 1.875em;
background-position: 100% -5em;
}
.Contact--unfolded .Contact-onglet-sub {
background-position: 100% -25em;
}
.Contact-onglet-sub, .Contact-onglet-subsub {
height: 2.5em;
background-image: url("../images/contact-onglet.svg");
background-repeat: no-repeat;
}
.Contact-onglet-subsub {
display: block;
padding-left: 1.875em;
background-position: 0 0;
}
.Contact--unfolded .Contact-onglet-subsub {
background-position: 0 -20em;
}
.Contact-onglet-text {
font-size: 16px;
font-family: 'MyriadProSemibold';
letter-spacing:1px;
}
.Icon {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Contact-onglet-icon {
font-size: 16px;;
margin-left: 1em;
}
.Contact-onglet-icon.glyphicon-remove {
display: none;
}
.Contact-lists {
overflow: hidden;
padding-top: 1.25em;
color: #fff;
pointer-events: auto;
}
.Contact-lists {
background-color: rgba(6,6,6,0.75);
}
.Contact--unfolded .Contact-lists{
background-color: #00adef;
}
.Contact-lists-contentParent a {
text-decoration: none;
color: #fff;
line-height: 1.7;
}
.Contact--fullyopened .Contact-lists-contentParent a:hover {
color: #00adef !important;
}
.Contact--unfolded .Contact-lists-contentParent a:hover {
color: #333 !important;
}
.Contact-lists-contentParent {
margin-bottom: 1.375em;
border-bottom: 1px solid #989898;
height: 3.625em;
max-width:1170px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
float:none;
}
.Contact--unfolded .Contact-lists-contentParent{
border-color: #25c3ff;
}
.Contact--fullyopened .Contact-lists-contentParent{
border-color: #989898;
}
.Contact-listInhouse-item {
display: inline-block;
margin: 0 1.25em;
}
.Contact-listInhouse-item:first-child {
margin-left: 0;
}
.Contact-listInHouse-icon {
font-size: 36px;
margin-right:10px;
}
.Contact-contact-listInhouse-textTwoLines {
display: inline-block;
line-height: 3;
vertical-align: middle;
}
.Contact-contact-listInhouse-textLine1of2 {
margin-bottom: 0.2em;
font-size: 14px;
font-family: 'MyriadProRegular';
display: block;
line-height: 1;
}
.Contact-contact-listInhouse-textLine2of2, .Contact-contact-listInhouse-textLine1of1 {
font-size: 20px;
font-family: 'MyriadProRegular';
text-transform: uppercase;
display: block;
line-height: 1;
}
.Contact--fullyopened {
position: relative !important;
margin-top: -8.75em;
}
.Contact--fullyopened .Contact-lists {
background-color: #181818;
border-top:10px solid #00adef;
}
.Contact--fullyopened .Contact-lists ul{
	max-width:1170px;
	margin:auto;
}
.Contact--fullyopened .Contact-onglet-subsub {
background-position: 0 -10em;
}
.Contact--fullyopened .Contact-onglet-sub {
background-position: 100% -15em;
}
}
@media (max-width: 1024px) and (min-width: 992px) {
header.small{height:46px; min-height:inherit !important;}
.top{ margin-top:150px;}
.video-background{ display:none;}
#bg-mobile{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/Business_Mobility.jpg) no-repeat center center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	display:block !important;
}
.triangle {
	padding: 30px;
	padding-top:33px;
	background-size:120px;
}
#bg{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_services.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-about{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_about.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-index{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_index.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-flotte{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_flotte.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-moto{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/bg_moto.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
}
#bg-contact{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: #181818;
}
	
/* HEADER */
header{height:150px;}
#main-logo{text-align:center; padding-top:31px;
-webkit-transition: padding-top .5s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
}
#main-logo.small{ padding-top:8px;}
#devis{ position:fixed; right:0; top:30%; z-index:1000000;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;transition: transform 0.5s; display:block;}
#devis-txt{width:55px; height: 170px; float:left;background:#00adef;text-align:center;-webkit-box-shadow: 1px 1px 5px 0px #000000;box-shadow: 1px 1px 5px 0px #000000;cursor:pointer;}
#devis h1{color:#FFF;-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top:78px;
	font-family: 'MyriadProRegular';
	font-size:20px;
	margin-left:-30px;
	width:120px;
}
#devis.hidden3{
	-moz-transform: translateX(65px);
	-webkit-transform: translateX(65px);
	-o-transform: translateX(65px);
	-ms-transform: translateX(65px);
	transform: translateX(65px);
}
#devis-toggle{ float:left; background:rgba(0,0,0,0.9); display:none; width:500px; height:700px;-webkit-box-shadow: 1px 1px 6px 0px #000000;
box-shadow: 1px 1px 6px 0px #000000;}

/* NAV */
header nav{ border-right:2px solid #303030; padding-top:55px; padding-bottom:44px; border-right:2px solid #303030; padding-top:55px; padding-bottom:55px;
-webkit-transition: padding-top .5s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
}
header nav.small{padding-top:0px;padding-bottom:6px;}
header nav ul li a{ font-size:14px; color:#FFF;font-family: 'MyriadProRegular'; padding:10px 10px !important;}
#phone{
-webkit-transition: margin-top .5s ease;
-moz-transition: margin-top .5s ease;
-ms-transition: margin-top .5s ease;
-o-transition: margin-top .5s ease;
transition: margin-top .5s ease;
}
#phone.small{ margin-top:-79px;}
#phone .langue{ padding:5px; background:#00adef; width:100px; text-align:center;font-size:16px; color:#FFF;font-family: 'MyriadProRegular'; padding-bottom:0px; line-height:27px;}
#phone .langue a{font-size:16px; color:#FFF;font-family: 'MyriadProRegular';}
#phone .langue a:hover{ text-decoration:none;}
#phone .contact{ padding-top:18px;font-size:14px; color:#FFF;font-family: 'MyriadProRegular'; margin:0;}
#phone .tel{font-size:19px;-webkit-transition: padding-top .3s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
float:none;
padding-right:0;
}
#phone .tel.small{ padding-top:10px;}
.lavalamp-object {
    background-color:#00adef;
	height:5px !important;
	top:35px !important;
}
.navbar-nav>li>a:hover{ background:none; color:#FFF;}

/* HOME BG */

.triangle:hover{background:url(../images/arrow_top.png) no-repeat -62px;}
.triangle:hover{ text-decoration:none;}

#top #home-content{ top:30%;}
#top #home-content h1{font-size:60px;width:80%; margin:auto;}
#top #home-content h1 span{font-size:60px;}
#top #home-content p{font-size:18px; color:#FFF; width:60%; margin:auto; line-height:30px; max-width:900px;}
#top #home-content p a{font-size:20px; height:60px; width:230px; text-align:center; line-height:60px;}
#top #home-content p a:hover{ text-decoration:none; background:rgba(0,173,239,1);}

#top #contact-content{ padding-top:40px; max-width:1000px; margin:auto;
background: url(../images/1024/bg_contact.jpg) no-repeat;
background-size: 100%;
}
#top #contact-content h2{font-size:54px; width:250px; margin:auto; max-width:1000px; border-bottom:10px solid #00adef;}
#top #contact-content h2#cgv{width:600px;}
#top #contact-content h3{font-size:18px; text-align:left;}
#top #contact-content p{font-size:14px; margin:0; width:100%; text-align:left;}
.form-contact .form-group div{ padding-right:15px !important;}
.form-contact .submitter{width:50%;}
.form-contact .submitter input:hover{ background:#00adef;}
.adresse{ margin-bottom:150px;}
.adresse img{
	float:left;
	margin-right:10px;
	margin-bottom: 50px;
	position: relative;
	top: 28px;
}

/* HOME INTRO */
#img-intro{ 
	background:url(../images/bg_intro.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:cover; 
	min-height:1020px;
	z-index:1;
	padding:0;
}
#img-intro2{ 
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
z-index:2;
min-height:1020px;
}
#intro h1{font-size:54px;padding-top:100px; width:460px; line-height:50px; margin-bottom:40px; text-align:left;}
#intro p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%;}
#intro p strong{font-size:22px;}
#intro p.button{ padding-bottom:100px;}
#intro p.button a{font-size:20px; width:230px;line-height:30px; height:60px;line-height:60px;}
#intro p.button a:hover{ background:#00adef;}

/* ABOUT */
#about{ 
	background-image:url(../images/bg_about.png);
	background-color: rgb(249,249,249);
	
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:1;
	padding:0;
	text-align:center;
}

#about h1{font-size:54px;padding-top:100px; width:500px; line-height:50px; margin:auto; margin-bottom:40px;}
#about p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%; margin:auto;}
#about p strong{font-size:22px;}
#about img{ margin:auto; margin-bottom:20px;}
#team-titre{ width:270px !important;}
#team-titre-nl{ width:300px !important;}

/* IRU */
#iru{
	padding-bottom:150px;
}
#img-iru{ 
	background:url(../images/bg_iru.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain; 
	min-height:939px;
	z-index:1;
	padding:0;
}

#iru h1{font-size:54px;padding-top:100px; width:15%; margin-left:85%; line-height:50px; margin-bottom:40px; text-align:right;}
#iru p{font-size:14px; line-height:28px; padding-bottom:15px; width:100%; padding-left:20%; text-align:right}
#iru p strong{font-size:22px;}

/* SERVICES */
#services{ background:#000 url(../images/1024/bg_services2.jpg) no-repeat; background-size:cover;padding-bottom:73px;}
#services h1{font-size:54px;padding-top:100px; width:222px; line-height:50px; margin:auto; margin-bottom:40px;}
#services p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%; margin:auto; max-width:1000px;}
#services p strong{font-size:22px;}
#services p.button{ padding-bottom:100px;}
#services p.button a{font-size:20px; width:230px;line-height:30px; height:60px;line-height:60px;}
#services p.button a:hover{ background:#00adef;}
#services-liste ul li{ width:50%; float:left; padding-right:15px;min-height:120px;}
#services-liste ul li:first-child{ min-height: inherit;}
#services-liste ul li:nth-child(3){ min-height: inherit;}
.diensten{width: 240px !important;}

/* FLOTTE */
#flotte h1{font-size:54px;padding-top:100px; line-height:50px;max-width:640px; margin:auto; margin-bottom:40px; text-align:center;}
#flotte p{font-size:14px; line-height:28px; padding-bottom:15px;margin:auto; max-width:850px; text-align:center}
#flotte p strong{font-size:22px;}
.flotte-intro{ max-width:700px; margin:auto; }
.flotte-intro-content{ width:140px;}
.flotte-intro a.flotte{ width:110px; height:110px;}
.flotte-intro h3{ font-size:21px; position:relative; top:20px; opacity:0;
text-transform:uppercase;
-webkit-transition: opacity 1s ease,top 1s ease;
-moz-transition: opacity 1s ease,top 1s ease;
-ms-transition: opacity 1s ease,top 1s ease;
-o-transition: opacity 1s ease,top 1s ease;
transition: opacity 1s ease,top 1s ease;
text-shadow: 1px 1px 1px #000000;
}
.flotte-intro h3.show{ opacity:1; top:0px;}
.flotte-intro img{ margin-top:35px; width:auto;}
#flotte-choose{ width:450px !important;}
#flotte-kiezen{ width:710px !important;max-width: none !important;}

/* MOTO */
#flotte.motodesc h1{max-width:390px !important;}
#flotte.motodesc h2{font-size:30px;font-family: 'MyriadProRegular';}

/* VOITURE */
#voiture{  height:150px;}
#voiture ul{ text-align:center;}
#voiture h1{font-size: 54px;}
#slider-voiture{ padding:0; }
#sliders-flottes{margin-bottom:82px;}

/* FOOTER */
#footer a:hover{ text-decoration:none;}
#footer img{ padding-right:15px;}
#copy p{ padding-top:40px;}
.Contact--unfolded, .Contact--fullyopened {
height: 8.75em !important;
}
#Contact {
display:block;	
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
height: 3.4375em;
-webkit-transition: height 0.5s ease-out,bottom 0.5s ease;
transition: height 0.5s ease-out,bottom 0.5s ease;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
text-align:left;
}
#Contact.bottom{ bottom:-48px;}

#Contact-onglet {
font-size: 16px !important;
position: relative;
z-index: 1;
left: 60%;
display: inline-block;
margin: 0 0 0 -29em;
line-height: 2.5em;
color: #fff;
font-weight: normal;
text-transform: uppercase;
cursor: pointer;
pointer-events: auto;
margin: 0 0 0 -36.5em;
}
.Contact--fullyopened #Contact-onglet{
	cursor:auto;
}
.Contact-onglet-sub {
display: inline-block;
padding-right: 1.875em;
background-position: 100% -5em;
}
.Contact--unfolded .Contact-onglet-sub {
background-position: 100% -25em;
}
.Contact-onglet-sub, .Contact-onglet-subsub {
height: 2.5em;
background-image: url("../images/contact-onglet.svg");
background-repeat: no-repeat;
}
.Contact-onglet-subsub {
display: block;
padding-left: 1.875em;
background-position: 0 0;
}
.Contact--unfolded .Contact-onglet-subsub {
background-position: 0 -20em;
}
.Contact-onglet-text {
font-size: 16px;
font-family: 'MyriadProSemibold';
letter-spacing:1px;
}
.Icon {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Contact-onglet-icon {
font-size: 16px;;
margin-left: 1em;
}
.Contact-onglet-icon.glyphicon-remove {
display: none;
}
.Contact-lists {
overflow: hidden;
padding-top: 1.25em;
color: #fff;
pointer-events: auto;
}
.Contact-lists {
background-color: rgba(6,6,6,0.75);
}
.Contact--unfolded .Contact-lists{
background-color: #00adef;
}
.Contact-lists-contentParent a {
text-decoration: none;
color: #fff;
line-height: 1.7;
}
.Contact--fullyopened .Contact-lists-contentParent a:hover {
color: #00adef !important;
}
.Contact--unfolded .Contact-lists-contentParent a:hover {
color: #333 !important;
}
.Contact-lists-contentParent {
margin-bottom: 1.375em;
border-bottom: 1px solid #989898;
height: 3.625em;
max-width:1170px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
float:none;
}
.Contact--unfolded .Contact-lists-contentParent{
border-color: #25c3ff;
}
.Contact--fullyopened .Contact-lists-contentParent{
border-color: #989898;
}
.Contact-listInhouse-item {
display: inline-block;
margin: 0 1.25em;
}
.Contact-listInhouse-item:first-child {
margin-left: 0;
}
.Contact-listInHouse-icon {
font-size: 36px;
margin-right:10px;
}
.Contact-contact-listInhouse-textTwoLines {
display: inline-block;
line-height: 3;
vertical-align: middle;
}
.Contact-contact-listInhouse-textLine1of2 {
margin-bottom: 0.2em;
font-size: 14px;
font-family: 'MyriadProRegular';
display: block;
line-height: 1;
}
.Contact-contact-listInhouse-textLine2of2, .Contact-contact-listInhouse-textLine1of1 {
font-size: 20px;
font-family: 'MyriadProRegular';
text-transform: uppercase;
display: block;
line-height: 1;
}
.Contact--fullyopened {
position: relative !important;
margin-top: -8.75em;
}
.Contact--fullyopened .Contact-lists {
background-color: #181818;
border-top:10px solid #00adef;
}
.Contact--fullyopened .Contact-lists ul{
	max-width:1170px;
	margin:auto;
}
.Contact--fullyopened .Contact-onglet-subsub {
background-position: 0 -10em;
}
.Contact--fullyopened .Contact-onglet-sub {
background-position: 100% -15em;
}
}
@media (max-width: 1200px) and (min-width: 1025px) {
header.small{height:46px; min-height:inherit !important;}
.top{ margin-top:150px;}
.triangle {
	padding: 30px;
	padding-top:33px;
	background-size:120px;
}
#bg{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_services.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:right 46px;
}
#bg-about{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_about.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:right 46px;
}
#bg-index{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_index.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-flotte{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_flotte.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-moto{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/bg_moto.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
}
#bg-contact{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: #181818;
}

/* HEADER */
header{height:150px;}
#main-logo{text-align:center; padding-top:31px;
-webkit-transition: padding-top .5s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
}
#main-logo.small{ padding-top:8px;}
#devis{ position:fixed; right:0; top:30%; z-index:1000000;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;transition: transform 0.5s; display:block;}
#devis-txt{width:55px; height: 170px; float:left;background:#00adef;text-align:center;-webkit-box-shadow: 1px 1px 5px 0px #000000;box-shadow: 1px 1px 5px 0px #000000;cursor:pointer;}
#devis h1{color:#FFF;-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top:78px;
	font-family: 'MyriadProRegular';
	font-size:20px;
	margin-left:-30px;
	width:120px;
}
#devis.hidden3{
	-moz-transform: translateX(65px);
	-webkit-transform: translateX(65px);
	-o-transform: translateX(65px);
	-ms-transform: translateX(65px);
	transform: translateX(65px);
}
#devis-toggle{ float:left; background:rgba(0,0,0,0.9); display:none; width:500px; height:700px;-webkit-box-shadow: 1px 1px 6px 0px #000000;
box-shadow: 1px 1px 6px 0px #000000;}

/* NAV */
header nav{ border-right:2px solid #303030; padding-top:55px; padding-bottom:44px; border-right:2px solid #303030; padding-top:55px; padding-bottom:55px;
-webkit-transition: padding-top .5s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
}
header nav.small{padding-top:0px;padding-bottom:6px;}
header nav ul li a{ font-size:15px; color:#FFF;font-family: 'MyriadProRegular'; padding:10px 10px !important;}
#phone{
-webkit-transition: margin-top .5s ease;
-moz-transition: margin-top .5s ease;
-ms-transition: margin-top .5s ease;
-o-transition: margin-top .5s ease;
transition: margin-top .5s ease;
}
#phone.small{ margin-top:-79px;}
#phone .langue{ padding:5px; background:#00adef; width:100px; text-align:center;font-size:16px; color:#FFF;font-family: 'MyriadProRegular'; padding-bottom:0px; line-height:27px;}
#phone .langue a{font-size:16px; color:#FFF;font-family: 'MyriadProRegular';}
#phone .langue a:hover{ text-decoration:none;}
#phone .contact{ padding-top:18px;font-size:14px; color:#FFF;font-family: 'MyriadProRegular'; margin:0;}
#phone .tel{font-size:20px;-webkit-transition: padding-top .3s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
float:none;
padding-right:0;
}
#phone .tel.small{ padding-top:10px;}
.lavalamp-object {
    background-color:#00adef;
	height:5px !important;
	top:35px !important;
}
.navbar-nav>li>a:hover{ background:none; color:#FFF;}

/* HOME BG */

.triangle:hover{background:url(../images/arrow_top.png) no-repeat -62px;}
.triangle:hover{ text-decoration:none;}

#top #home-content{ 
top:40%;
-webkit-transition: opacity 1s ease,padding-top 1s ease;
-moz-transition: opacity 1s ease,padding-top 1s ease;
-ms-transition: opacity 1s ease,padding-top 1s ease;
-o-transition: opacity 1s ease,padding-top 1s ease;
transition: opacity 1s ease,padding-top 1s ease;
}
.hidden2{ opacity:0; padding-top:40px;}
#top #home-content h1{font-size:70px;width:80%; margin:auto;}
#top #home-content h1 span{font-size:70px;}
#top #home-content p{font-size:18px; color:#FFF; width:60%; margin:auto; line-height:30px; max-width:900px;}
#top #home-content p a{font-size:20px; height:60px; width:230px; text-align:center; line-height:60px;}
#top #home-content p a:hover{ text-decoration:none; background:rgba(0,173,239,1);}

#top #contact-content{ padding-top:40px; max-width:1000px; margin:auto;
background: url(../images/1024/bg_contact.jpg) no-repeat;
background-size: 100%;
}
#top #contact-content h2{font-size:54px; width:250px; margin:auto; max-width:1000px; border-bottom:10px solid #00adef;}
#top #contact-content h2#cgv{width:600px;}
#top #contact-content h3{font-size:18px; text-align:left;}
#top #contact-content p{font-size:14px; margin:0; width:100%; text-align:left;}
.form-contact .form-group div{ padding-right:15px !important;}
.form-contact .submitter{width:50%;}
.form-contact .submitter input:hover{ background:#00adef;}
.adresse{ margin-bottom:150px;}
.adresse img{
	float:left;
	margin-right:10px;
	margin-bottom: 50px;
	position: relative;
	top: 28px;
}

/* HOME INTRO */
#img-intro{ 
	background:url(../images/bg_intro.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:cover; 
	min-height:1020px;
	z-index:1;
	padding:0;
}
#img-intro2{ 
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
z-index:2;
min-height:1020px;
}
#intro h1{font-size:54px;padding-top:100px; width:460px; line-height:50px; margin-bottom:40px; text-align:left;}
#intro p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%;}
#intro p strong{font-size:22px;}
#intro p.button{ padding-bottom:100px;}
#intro p.button a{font-size:20px; width:230px;line-height:30px; height:60px;line-height:60px;}
#intro p.button a:hover{ background:#00adef;}

/* ABOUT */
#about{ 
	background-image:url(../images/bg_about.png);
	background-color: rgb(249,249,249);
	
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:1;
	padding:0;
	text-align:center;
}

#about h1{font-size:54px;padding-top:100px; width:520px; line-height:50px; margin:auto; margin-bottom:40px;}
#about p{font-size:14px; line-height:28px; padding-bottom:15px; width:60%; margin:auto}
#about p strong{font-size:22px;}
#about img{ margin:auto; margin-bottom:20px;}
#team-titre{ width:270px !important;}
#team-titre-nl{ width:300px !important;}

/* IRU */
#iru{
	padding-bottom:120px;
}
#img-iru{ 
	background:url(../images/bg_iru.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain; 
	min-height:911px;
	z-index:1;
	padding:0;
}

#iru h1{font-size:54px;padding-top:100px; width:15%; margin-left:85%; line-height:50px; max-width:85px; margin-bottom:40px; text-align:right;}
#iru p{font-size:14px; line-height:28px; padding-bottom:15px; width:100%; padding-left:20%;text-align:right;}
#iru p strong{font-size:22px;}

/* FLOTTE */
#flotte h1{font-size:54px;padding-top:100px; line-height:50px;max-width:640px; margin:auto; margin-bottom:40px; text-align:center;}
#flotte p{font-size:14px; line-height:28px; padding-bottom:15px;margin:auto; max-width:900px; text-align:center}
#flotte p strong{font-size:22px;}
.flotte-intro{ max-width:700px; margin:auto; }
.flotte-intro-content{ width:140px;}
.flotte-intro a.flotte{ width:110px; height:110px;}
.flotte-intro h3{ font-size:21px; position:relative; top:20px; opacity:0;
text-transform:uppercase;
-webkit-transition: opacity 1s ease,top 1s ease;
-moz-transition: opacity 1s ease,top 1s ease;
-ms-transition: opacity 1s ease,top 1s ease;
-o-transition: opacity 1s ease,top 1s ease;
transition: opacity 1s ease,top 1s ease;
text-shadow: 1px 1px 1px #000000;
}
.flotte-intro h3.show{ opacity:1; top:0px;}
.flotte-intro img{ margin-top:35px; width:auto;}
#flotte-choose{ width:450px !important;}
#flotte-kiezen{ width:710px !important;max-width: none !important;}

/* VOITURE */
#voiture{  height:150px;}
#voiture ul{ text-align:center;}
#voiture h1{font-size: 54px;}
#slider-voiture{ padding:0; }
#sliders-flottes{margin-bottom:82px;}

/* SERVICES */
#services{ background:#000 url(../images/1024/bg_services2.jpg) no-repeat; background-size:cover;padding-bottom:73px;}
#services h1{font-size:54px;padding-top:100px; width:222px; line-height:50px; margin:auto; margin-bottom:40px;}
#services p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%; margin:auto; max-width:1000px;}
#services p strong{font-size:22px;}
#services p.button{ padding-bottom:100px;}
#services p.button a{font-size:20px; width:230px;line-height:30px; height:60px;line-height:60px;}
#services p.button a:hover{ background:#00adef;}
#services-liste ul li{ width:50%; float:left; padding-right:15px;min-height:120px;}
#services-liste ul li:first-child{ min-height: inherit;}
#services-liste ul li:nth-child(3){ min-height: inherit;}
.diensten{width: 240px !important;}

/* MOTO */
#flotte.motodesc h1{max-width:390px !important;}
#flotte.motodesc h2{font-size:30px;font-family: 'MyriadProRegular';}

/* FOOTER */
#footer a:hover{ text-decoration:none;}
#footer img{ padding-right:15px;}
#copy p{ padding-top:40px;}	
.Contact--unfolded, .Contact--fullyopened {
height: 8.75em !important;
}
#Contact {
display:block;	
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
height: 3.4375em;
-webkit-transition: height 0.5s ease-out,bottom 0.5s ease;
transition: height 0.5s ease-out,bottom 0.5s ease;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
text-align:left;
}
#Contact.bottom{ bottom:-48px;}

#Contact-onglet {
font-size: 16px !important;
position: relative;
z-index: 1;
left: 58%;
display: inline-block;
margin: 0 0 0 -29em;
line-height: 2.5em;
color: #fff;
font-weight: normal;
text-transform: uppercase;
cursor: pointer;
pointer-events: auto;
margin: 0 0 0 -36.5em;
}
.Contact--fullyopened #Contact-onglet{
	cursor:auto;
}
.Contact-onglet-sub {
display: inline-block;
padding-right: 1.875em;
background-position: 100% -5em;
}
.Contact--unfolded .Contact-onglet-sub {
background-position: 100% -25em;
}
.Contact-onglet-sub, .Contact-onglet-subsub {
height: 2.5em;
background-image: url("../images/contact-onglet.svg");
background-repeat: no-repeat;
}
.Contact-onglet-subsub {
display: block;
padding-left: 1.875em;
background-position: 0 0;
}
.Contact--unfolded .Contact-onglet-subsub {
background-position: 0 -20em;
}
.Contact-onglet-text {
font-size: 16px;
font-family: 'MyriadProSemibold';
letter-spacing:1px;
}
.Icon {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Contact-onglet-icon {
font-size: 16px;;
margin-left: 1em;
}
.Contact-onglet-icon.glyphicon-remove {
display: none;
}
.Contact-lists {
overflow: hidden;
padding-top: 1.25em;
color: #fff;
pointer-events: auto;
}
.Contact-lists {
background-color: rgba(6,6,6,0.75);
}
.Contact--unfolded .Contact-lists{
background-color: #00adef;
}
.Contact-lists-contentParent a {
text-decoration: none;
color: #fff;
line-height: 1.7;
}
.Contact--fullyopened .Contact-lists-contentParent a:hover {
color: #00adef !important;
}
.Contact--unfolded .Contact-lists-contentParent a:hover {
color: #333 !important;
}
.Contact-lists-contentParent {
margin-bottom: 1.375em;
border-bottom: 1px solid #989898;
height: 3.625em;
max-width:1170px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
float:none;
}
.Contact--unfolded .Contact-lists-contentParent{
border-color: #25c3ff;
}
.Contact--fullyopened .Contact-lists-contentParent{
border-color: #989898;
}
.Contact-listInhouse-item {
display: inline-block;
margin: 0 1.25em;
}
.Contact-listInhouse-item:first-child {
margin-left: 0;
}
.Contact-listInHouse-icon {
font-size: 36px;
margin-right:10px;
}
.Contact-contact-listInhouse-textTwoLines {
display: inline-block;
line-height: 3;
vertical-align: middle;
}
.Contact-contact-listInhouse-textLine1of2 {
margin-bottom: 0.2em;
font-size: 14px;
font-family: 'MyriadProRegular';
display: block;
line-height: 1;
}
.Contact-contact-listInhouse-textLine2of2, .Contact-contact-listInhouse-textLine1of1 {
font-size: 20px;
font-family: 'MyriadProRegular';
text-transform: uppercase;
display: block;
line-height: 1;
}
.Contact--fullyopened {
position: relative !important;
margin-top: -8.75em;
}
.Contact--fullyopened .Contact-lists {
background-color: #181818;
border-top:10px solid #00adef;
}
.Contact--fullyopened .Contact-lists ul{
	max-width:1170px;
	margin:auto;
}
.Contact--fullyopened .Contact-onglet-subsub {
background-position: 0 -10em;
}
.Contact--fullyopened .Contact-onglet-sub {
background-position: 100% -15em;
}
}
@media (min-width: 1201px) {
header.small{height:46px; min-height:inherit !important;}	
.top{ margin-top:150px;}
.triangle {
	padding: 30px;
	padding-top:33px;
	background-size:120px;
}
#bg{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_services.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:right 46px;
}
#bg-about{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_about.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:right 46px;
}
#bg-index{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_index.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-flotte{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: url(../images/1024/bg_flotte.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position:center 46px;
}
#bg-moto{
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	z-index: -1;
	position:fixed;
	background: url(../images/1024/bg_moto.jpg) no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position:center 46px;
}
#bg-contact{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: -1;
position:fixed;
background: #181818;
}

/* HEADER */
header{height:150px;}
#main-logo{text-align:center; padding-top:31px;
-webkit-transition: padding-top .5s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
}
#main-logo.small{ padding-top:8px;}
#devis{ position:fixed; right:0; top:30%; z-index:1000000;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;transition: transform 0.5s; display:block;}
#devis-txt{width:55px; height: 170px; float:left;background:#00adef;text-align:center;-webkit-box-shadow: 1px 1px 5px 0px #000000;box-shadow: 1px 1px 5px 0px #000000;cursor:pointer;}
#devis h1{color:#FFF;-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top:78px;
	font-family: 'MyriadProRegular';
	font-size:20px;
	margin-left:-30px;
	width:120px;
}
#devis.hidden3{
	-moz-transform: translateX(65px);
	-webkit-transform: translateX(65px);
	-o-transform: translateX(65px);
	-ms-transform: translateX(65px);
	transform: translateX(65px);
}
#devis-toggle{ float:left; background:rgba(0,0,0,0.9); display:none; width:500px; height:700px;-webkit-box-shadow: 1px 1px 6px 0px #000000;
box-shadow: 1px 1px 6px 0px #000000;}

/* NAV */
header nav{ border-right:2px solid #303030; padding-top:55px; padding-bottom:44px; border-right:2px solid #303030; padding-top:55px; padding-bottom:55px;
-webkit-transition: padding-top .5s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
}
header nav.small{padding-top:0px;padding-bottom:6px;}
header nav ul li a{ font-size:15px; color:#FFF;font-family: 'MyriadProRegular'; padding:10px 10px !important;}
#phone{ padding-left:25px;
-webkit-transition: margin-top .5s ease;
-moz-transition: margin-top .5s ease;
-ms-transition: margin-top .5s ease;
-o-transition: margin-top .5s ease;
transition: margin-top .5s ease;
}
#phone.small{ margin-top:-79px;}
#phone .langue{ padding:5px; background:#00adef; width:100px; text-align:center;font-size:16px; color:#FFF;font-family: 'MyriadProRegular'; padding-bottom:0px; line-height:27px;}
#phone .langue a{font-size:16px; color:#FFF;font-family: 'MyriadProRegular';}
#phone .langue a:hover{ text-decoration:none;}
#phone .contact{ padding-top:18px;font-size:14px; color:#FFF;font-family: 'MyriadProRegular'; margin:0;}
#phone .tel{font-size:20px;-webkit-transition: padding-top .3s ease;
-moz-transition: padding-top .5s ease;
-ms-transition: padding-top .5s ease;
-o-transition: padding-top .5s ease;
transition: padding-top .5s ease;
float:none;
}
#phone .tel.small{ padding-top:10px;}
.lavalamp-object {
    background-color:#00adef;
	height:5px !important;
	top:35px !important;
}
.navbar-nav>li>a:hover{ background:none; color:#FFF;}

/* HOME BG */

.triangle:hover{background:url(../images/arrow_top.png) no-repeat -62px;}
.triangle:hover{ text-decoration:none;}

#top #home-content{ 
top:40%;
-webkit-transition: opacity 1s ease,padding-top 1s ease;
-moz-transition: opacity 1s ease,padding-top 1s ease;
-ms-transition: opacity 1s ease,padding-top 1s ease;
-o-transition: opacity 1s ease,padding-top 1s ease;
transition: opacity 1s ease,padding-top 1s ease;
}
.hidden2{ opacity:0; padding-top:40px;}
#top #home-content h1{font-size:70px; width:80%; margin:auto; max-width:1000px;}
#top #home-content h1 span{font-size:70px;}
#top #home-content p{font-size:18px; color:#FFF; width:60%; margin:auto; line-height:30px; max-width:900px;}
#top #home-content p a{font-size:20px; height:60px; width:230px; text-align:center; line-height:60px;}
#top #home-content p a:hover{ text-decoration:none; background:rgba(0,173,239,1);}

#top #contact-content{ padding-top:40px; max-width:1000px; margin:auto;
background: url(../images/1024/bg_contact.jpg) no-repeat;
background-size: 100%;
}
#top #contact-content h2{font-size:54px; width:250px; margin:auto; max-width:1000px; border-bottom:10px solid #00adef;}
#top #contact-content h2#cgv{width:600px;}
#top #contact-content h3{font-size:18px; text-align:left;}
#top #contact-content p{font-size:14px; margin:0; width:100%; text-align:left;}
.form-contact .form-group div{ padding-right:15px !important;}
.form-contact .submitter{width:50%;}
.form-contact .submitter input:hover{ background:#00adef;}
.adresse{ margin-bottom:150px;}
.adresse img{
	float:left;
	margin-right:10px;
	margin-bottom: 50px;
	position: relative;
	top: 28px;
}


/* HOME INTRO */
#img-intro{ 
	background:url(../images/bg_intro.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:cover; 
	min-height:1020px;
	z-index:1;
	padding:0;
}
#img-intro2{ 
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
z-index:2;
min-height:1020px;
}
#intro h1{font-size:54px;padding-top:100px; width:460px; line-height:50px; margin-bottom:40px; text-align:left;}
#intro p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%;}
#intro p strong{font-size:22px;}
#intro p.button{ padding-bottom:100px;}
#intro p.button a{font-size:20px; width:230px;line-height:30px; height:60px;line-height:60px;}
#intro p.button a:hover{ background:#00adef;}

/* ABOUT */
#about{ 
	background-image:url(../images/bg_about.png);
	background-color: rgb(249,249,249);
	
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:1;
	padding:0;
	text-align:center;
}
#about h1{font-size:54px;padding-top:100px; width:500px; line-height:50px; margin:auto;margin-bottom:40px;}
#about p{font-size:14px; line-height:28px; padding-bottom:15px; width:60%; margin:auto;}
#about p strong{font-size:22px;}
#about img{ margin:auto; margin-bottom:20px;}
#team-titre{ width:270px !important;}
#team-titre-nl{ width:300px !important;}

/* IRU */
#iru{
	padding-bottom:120px;
}
#img-iru{ 
	background:url(../images/bg_iru.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain; 
	min-height:855px;
	z-index:1;
	padding:0;
}
#iru h1{font-size:54px;padding-top:100px; width:15%; margin-left:85%; line-height:50px; max-width:85px; margin-bottom:40px; text-align:right;}
#iru p{font-size:14px; line-height:28px; padding-bottom:15px; width:100%; padding-left:20%;text-align:right;}
#iru p strong{font-size:22px;}

/* SERVICES */
#services{ background:#000 url(../images/1024/bg_services2.jpg) no-repeat; background-size:cover; padding-bottom:73px;}
#services h1{font-size:54px;padding-top:100px; width:222px; line-height:50px; margin:auto; margin-bottom:40px;}
#services p{font-size:14px; line-height:28px; padding-bottom:15px; width:80%; margin:auto; max-width:1000px;}
#services p strong{font-size:22px;}
#services p.button{ padding-bottom:100px;}
#services p.button a{font-size:20px; width:230px;line-height:30px; height:60px;line-height:60px;}
#services p.button a:hover{ background:#00adef;}
#services-liste ul li{ width:50%; float:left; padding-right:15px;min-height:120px;}
#services-liste ul li:first-child{ min-height: inherit;}
#services-liste ul li:nth-child(3){ min-height: inherit;}
.diensten{width: 240px !important;}

/* FLOTTE */
#flotte h1{font-size:54px;padding-top:100px; line-height:50px;max-width:640px; margin:auto; margin-bottom:40px; text-align:center;}
#flotte p{font-size:14px; line-height:28px; padding-bottom:15px;margin:auto; max-width:900px; text-align:center}
#flotte p strong{font-size:22px;}
.flotte-intro-content{ width:140px;}
.flotte-intro a.flotte{ width:110px; height:110px;}
.flotte-intro h3{ font-size:21px; position:relative; top:20px; opacity:0;
text-transform:uppercase;
-webkit-transition: opacity 1s ease,top 1s ease;
-moz-transition: opacity 1s ease,top 1s ease;
-ms-transition: opacity 1s ease,top 1s ease;
-o-transition: opacity 1s ease,top 1s ease;
transition: opacity 1s ease,top 1s ease;
text-shadow: 1px 1px 1px #000000;
}
.flotte-intro h3.show{ opacity:1; top:0px;}
.flotte-intro img{ margin-top:35px; width:auto;}
#flotte-choose{ width:450px !important;}
#flotte-kiezen{ width:710px !important;max-width: none !important;}

/* MOTO */
#flotte.motodesc h1{max-width:390px !important;}
#flotte.motodesc h2{font-size:30px;font-family: 'MyriadProRegular';}

/* VOITURE */
#voiture{  height:150px;}
#voiture ul{ text-align:center;}
#voiture h1{font-size: 54px;}
#slider-voiture{ padding:0; }
#sliders-flottes{margin-bottom:82px;}

/* FOOTER */
#footer a:hover{ text-decoration:none;}
#footer img{ padding-right:15px;}
#copy p{ padding-top:40px;}
.Contact--unfolded, .Contact--fullyopened {
height: 8.75em !important;
}
#Contact {
display:block;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
height: 3.4375em;
-webkit-transition: height 0.5s ease-out,bottom 0.5s ease;
transition: height 0.5s ease-out,bottom 0.5s ease;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
text-align:left;
}
#Contact.bottom{ bottom:-48px;}

#Contact-onglet {
font-size: 16px !important;
position: relative;
z-index: 1;
left: 50%;
display: inline-block;
margin: 0 0 0 -29em;
line-height: 2.5em;
color: #fff;
font-weight: normal;
text-transform: uppercase;
cursor: pointer;
pointer-events: auto;
margin: 0 0 0 -36.5em;
}
.Contact--fullyopened #Contact-onglet{
	cursor:auto;
}
.Contact-onglet-sub {
display: inline-block;
padding-right: 1.875em;
background-position: 100% -5em;
}
.Contact--unfolded .Contact-onglet-sub {
background-position: 100% -25em;
}
.Contact-onglet-sub, .Contact-onglet-subsub {
height: 2.5em;
background-image: url("../images/contact-onglet.svg");
background-repeat: no-repeat;
}
.Contact-onglet-subsub {
display: block;
padding-left: 1.875em;
background-position: 0 0;
}
.Contact--unfolded .Contact-onglet-subsub {
background-position: 0 -20em;
}
.Contact-onglet-text {
font-size: 16px;
font-family: 'MyriadProSemibold';
letter-spacing:1px;
}
.Icon {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Contact-onglet-icon {
font-size: 16px;;
margin-left: 1em;
}
.Contact-onglet-icon.glyphicon-remove {
display: none;
}
.Contact-lists {
overflow: hidden;
padding-top: 1.25em;
color: #fff;
pointer-events: auto;
}
.Contact-lists {
background-color: rgba(6,6,6,0.75);
}
.Contact--unfolded .Contact-lists{
background-color: #00adef;
}
.Contact-lists-contentParent a {
text-decoration: none;
color: #fff;
line-height: 1.7;
}
.Contact--fullyopened .Contact-lists-contentParent a:hover {
color: #00adef !important;
}
.Contact--unfolded .Contact-lists-contentParent a:hover {
color: #333 !important;
}
.Contact-lists-contentParent {
margin-bottom: 1.375em;
border-bottom: 1px solid #989898;
height: 3.625em;
max-width:1170px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
float:none;
}
.Contact--unfolded .Contact-lists-contentParent{
border-color: #25c3ff;
}
.Contact--fullyopened .Contact-lists-contentParent{
border-color: #989898;
}
.Contact-listInhouse-item {
display: inline-block;
margin: 0 1.25em;
}
.Contact-listInhouse-item:first-child {
margin-left: 0;
}
.Contact-listInHouse-icon {
font-size: 36px;
margin-right:10px;
}
.Contact-contact-listInhouse-textTwoLines {
display: inline-block;
line-height: 3;
vertical-align: middle;
}
.Contact-contact-listInhouse-textLine1of2 {
margin-bottom: 0.2em;
font-size: 14px;
font-family: 'MyriadProRegular';
display: block;
line-height: 1;
}
.Contact-contact-listInhouse-textLine2of2, .Contact-contact-listInhouse-textLine1of1 {
font-size: 20px;
font-family: 'MyriadProRegular';
text-transform: uppercase;
display: block;
line-height: 1;
}
.Contact--fullyopened {
position: relative !important;
margin-top: -8.75em;
}
.Contact--fullyopened .Contact-lists {
background-color: #181818;
border-top:10px solid #00adef;
}
.Contact--fullyopened .Contact-lists ul{
	max-width:1170px;
	margin:auto;
}
.Contact--fullyopened .Contact-onglet-subsub {
background-position: 0 -10em;
}
.Contact--fullyopened .Contact-onglet-sub {
background-position: 100% -15em;
}
}