body{
	padding-bottom:0px;
	margin-bottom:0px;
	background-color:#000;
}
@font-face {
    font-family: 'lane';
    src: url('Font/lanenar_lane-webfont.eot');
    src: url('Font/lanenar_lane-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/lanenar_lane-webfont.woff2') format('woff2'),
         url('Font/lanenar_lane-webfont.woff') format('woff'),
         url('Font/lanenar_lane-webfont.ttf') format('truetype'),
         url('Font/lanenar_lane-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.btn:focus, .btn-default:focus, .btn:active, .btn-default:active {
     outline: 0 none !important;
	 border:none !important;
	  -webkit-box-shadow: none;
	  box-shadow: none;
}

.bg{background: url('../images/bg.jpg') no-repeat center center / cover transparent;}
#myCarousel .item{background:none;}
#myCarousel .item > img{max-width:381px; min-width:0; right:20%; left:auto}
.carousel-caption h1{font-family:"lane"; font-size:50px; color:#fff}
.carousel-caption .btn {background-color: #FDD94E; border-color:#FDD94E; color:#050708; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; width:90%; text-align:center;}
.carousel-caption{left:5%; width:40%; text-align:left; top:15%; bottom:auto}
.carousel-control {width:5%;}
.carousel-control.right, .carousel-control.left{background:none}

.navbar-wrapper{margin-top:0px; position:relative; margin-bottom:100px}
.row {margin-right:0; margin-left:0}
.row-top{border-bottom:solid 1px #fff}
.navbar-wrapper .container{padding-left:0; padding-right:0}
.container-fluid{padding-left:0; padding-right:0}
.navbar-collapse{padding-left:0; padding-right:0}

.header-top-left{min-height:70px; line-height:35px; padding-left:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff}
.header-top-left img{margin-right:7px}
.header-top-left a{color:#fff; text-decoration:none;}
.btn.call{white-space:normal}
.header-top-right{height:70px; line-height:70px; padding:0; text-align:right !important}
.header-top-right img{margin-right:7px}

#cities_dropdown select{max-width:100%}
.logo-wrapper{width:100%; text-align:center}
.logo-wrapper a{position:relative; z-index:10000}
.logo{margin: 0 auto; margin-top:-61px; max-width:123px;}

.navbar-nav.social{margin-top:22px}
.navbar-nav.social li{max-width:120px}
.navbar-default{background:none; border:none; margin-top:-61px}
.nav > li > a {margin:22px 0px; padding:0 7px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; border-right:solid 1px; line-height:9px}
.footer .nav > li > a {margin:20px 0px 11px; }
.navbar-default .navbar-nav > li > a {color:#fff}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {background:none; text-decoration:none; color:#FDD94E}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {background:none; text-decoration:none; color:#FDD94E}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {background:none; text-decoration:none; color:#FDD94E}
.nav > li > a:hover,
.nav > li > a:focus {background:none; text-decoration:none; color:#FDD94E}
.nav > li.active a{background:none; text-decoration:none; color:#FDD94E}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background:none; border:none; border-right: 1px solid}
.navbar-nav.navbar-right:last-child {margin-right:0px;}
.nav li:last-child a {border:none}
.navbar-nav {margin:0}
.collapse.in{background-color:black}
ul.dropdown-menu{background:none; border:none; box-shadow:none; top:60%; min-width:130px;}
.dropdown-menu > li > a {color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.dropdown-menu > li > a:hover {color:#FDD94E; background:none}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color:#FDD94E; background:none}

.carousel{margin-bottom:0px}
#myCarousel2 .carousel-inner, #myCarousel3 .carousel-inner{width:1036px; max-width:100%; margin:0 auto}
#myCarousel2 .item, #myCarousel3 .item{background:none; height:550px}
#myCarousel2 .carousel-inner > .item > img, #myCarousel3 .carousel-inner > .item > img {height:auto; width:23%; position:relative; top:auto; left:auto; float:left; margin-right:2%; background-color:#d4d4d4; padding:8px; min-width:20%; border-radius:8px;}
#myCarousel2 .carousel-inner .item img:last-child, #myCarousel3 .carousel-inner .item img:last-child{margin-right:0px}
#myCarousel2 .carousel-indicators .active, #myCarousel3 .carousel-indicators .active{ background-color:#FDD94E; border:none}
#myCarousel2 .carousel-indicators li, #myCarousel3 .carousel-indicators li{ background-color:#0f5e8a; border:none}
.carousel-indicators{bottom:-50px !important}

.hideme{opacity:0;}
.black-bg{width:100%; padding:100px 0px; background-color:black}
.white-bg{width:100%; padding:100px 0px; background-color:#fff}
.white-bg2{width:100%; padding:100px 0px; background-color:#fff; background-image:url(../images/app-pour-tous.png); background-position:bottom center; background-size:100%; min-height:695px; background-repeat:no-repeat}
.blue-bg{width:100%; padding:60px 0px; background-color:#168FFD; text-align:center}
.road-bg{width:100%; padding:100px 0px; background-color:#fff; /*background-image:url(../images/road.png); background-position:top center; background-size:100%; background-repeat:no-repeat*/ background: url('../images/road.jpg') no-repeat center center / cover transparent;}

.app-simple{font-family:"lane"; font-size:50px;text-align:center; color:#fff; margin-bottom:36px;}
.simplicite{font-family:"lane"; font-size:50px;text-align:center; color:#999999; margin-bottom:36px;}
.app span{float:right; text-align:right; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:1.2 /*width:80%;*/}
.app2 span{float:left; text-align:left; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:1.2 /*width:80%;*/}
.app img{float:right;/* margin-left:19px;*/}
.app2 img{float:left;}
.app .row, .app2 .row{margin-top:38px}
.app .row .col-sm-2, .app2 .row .col-sm-2{padding:0 !important}
.app .row .col-sm-2 img, .app2 .row .col-sm-2 img{max-width:100%}
.app .row .col-sm-10, .app2 .row .col-sm-10{padding:0 !important}
.app-image{text-align:center}
.app-image img{max-width:100%; margin:0 auto;}

.home-video{padding-left:10%; padding-right:10%}
.home-video p{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999999; margin-bottom:19px; padding:0; margin-top:0px;}
.home-video .app-simple{margin-bottom:5px; text-align:left;}
.home-video .col-sm-6{padding:0}

.appli p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999; padding:0; margin:0; margin-bottom:20px; text-align:center}
.souscrire{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#fff; margin-bottom:15px; text-align:center}
.subscribe-form{  width:60%; text-align:center; margin:0 auto; margin-bottom:48px;}
.subscribe-form div{padding:0; margin-bottom:5px}
.subscribe input{background-color:#fff; color:#999999; font-size:22px; text-align:center; font-family:Arial, Helvetica, sans-serif; border-radius:5px; line-height:63px;/* padding-left:21%; padding-right:21%; */border:none; height:63px; width:95%; margin-bottom:5px}
.subscribe input[type="submit"]{background-color:#FDD94E; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000; text-align:center; line-height:63px; border:none; border-radius:5px; padding-left:68px; padding-right:68px; width:auto;}

.footer{width:100%; margin:0 auto;}
.footer a img{max-width:123px;}
.simply-image img{margin:10px auto 29px}
.footer-social{width:101px; margin:0 auto; overflow:hidden}
.footer-social a{margin-right:3px; margin-left:3px;float:left;}
div.footer-social a:last-child{margin-right:0 !important}
.footer-menu{width:100%; text-align:center; margin:0 auto;}
.footer-menu ul.nav{display:inline-block; margin:0 auto; float:none; text-align:center}
.footer-text{font-size:12px; color:#8ec3e6; font-family:Arial, Helvetica, sans-serif; width:90%; text-align:center; margin:0 auto}
.footer-text a{text-decoration:underline; color: #8ec3e6}

/*************** inner pages ******************/
.bg-inner{background: url('../images/bg-inner.jpg') no-repeat center center / cover transparent;}
.bg-inner2{background: url('../images/bg-inner2.jpg') no-repeat center center / cover transparent;}
.bg-inner3{background: url('../images/bg-inner3.jpg') no-repeat center center / cover transparent;}
.bg-inner4{background: url('../images/bg-inner4.jpg') no-repeat center center / cover transparent;}
.bg-inner .navbar-wrapper, .bg-inner2 .navbar-wrapper, .bg-inner3 .navbar-wrapper, .bg-inner4 .navbar-wrapper{margin-bottom:0px}
.inner-title{font-family:"lane"; font-size:50px;text-align:center; color:#fff; margin-bottom:100px; margin-top:100px;}
.phone-bg{width:100%; padding:100px 0px 40px; background-color:#fff; /*background-image:url(../images/road.png); background-position:top center; background-size:100%; background-repeat:no-repeat*/ background: url('../images/phone-bg.png') no-repeat top center #fff;}
.interface p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; padding:0; margin:0; margin-bottom:20px; text-align:center}
.facil{font-family:"lane"; font-size:50px;text-align:center; color:#555555; margin-bottom:50px;}
.grey-bg{width:100%; padding:100px 0px; background-color:#efefef}
.client-app span{float:left; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#555555; line-height:1.2 ; margin-bottom:50px;/*width:80%;*/}
.client-app p{float:left; text-align:left; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#555555; line-height:1.2; padding:0; margin:0; font-weight:bold; margin-bottom:10px}
.client-app img{margin-top:5px}
.grey-bg .col-sm-2{padding:0; text-align:center}
.grey-bg .col-sm-4{padding-left:7px; padding-right:7px}
.grey-bg .col-sm-10{padding:0}
.phone-bg2{width:100%; padding:45px 0px 60px; background-color:#000; /*background-image:url(../images/road.png); background-position:top center; background-size:100%; background-repeat:no-repeat*/ /*background: url('../images/phone-bg2.png') no-repeat top center #fff;*/ margin-bottom:60px;}
.nouvelle p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; padding:0; margin:0; margin-bottom:20px; text-align:left; line-height:1.2}
.nouvelle .app-simple{text-align:left; margin-bottom:15px;}
.nouvelle-phone, .systeme-phone{text-align:right}
.nouvelle-phone img{margin-top:-100px; max-width:100%;}
.reception{padding-left:10%}
.reception .simplicite, .systeme .simplicite{text-align:left;}
.reception-phone img{max-width:100%;}
.systeme-phone img{max-width:100%;}
.grey-bg2{width:100%; padding:63px 0px 0px; background-color:#efefef}
.bg-inner3 .inner-title, .bg-inner4 .inner-title{font-family:"lane"; font-size:50px;text-align:center; color:#fff; margin-bottom:35px; margin-top:100px;}
.bg-inner3 .inner-subtitle, .bg-inner4 .inner-subtitle{font-family:Arial, Helvetica, sans-serif; font-size:14px;text-align:center; color:#fff; margin-bottom:75px; text-align:center}
.bg-inner3 .inner-subtitle p{width:80%; margin:0 auto;}
.grey-bronze{width:100%; padding:95px 0px 112px; background-color:#efefef; background-image:url(../images/bronze.png); background-position:bottom center; background-repeat:no-repeat}
.grey-silver{width:100%;  padding:95px 0px 112px; background-color:#fff; background-image:url(../images/silver.png); background-position:bottom center; background-repeat:no-repeat}
.grey-gold{width:100%;  padding:95px 0px 112px; background-color:#efefef; background-image:url(../images/gold.png); background-position:bottom center; background-repeat:no-repeat}
.bronze-title1{font-family:"lane";font-size:50px; color:#168FFD; margin-bottom:20px; margin-top:-20px}
.bronze-title2{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; font-weight:bold; color:#555555; margin-bottom:10px;}
.bronze p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555}
.bronze a{background-color:#FDD94E; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; height:51px; line-height:51px; border-radius:5px; padding-left:30px; padding-right:30px; display:inline-block}

.question-row{margin-bottom:30px}
.question h2{font-family:"lane"; font-size:35px; color:#333333; padding:0; margin:0; padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #cdcdcd; background-image:url(../images/plus.png); background-position:left top; background-repeat:no-repeat; padding-left:50px}
.question h2.expanded{background-image:url(../images/minus.png);}
.question img{vertical-align:top; margin-right:5px}
.answer{display:none}
.answer p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999;}

.row.contact{margin-left:15%; }
.row.contact h2{color:white;}
.contact input{height:50px; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999999; line-height:50px; border-radius:5px; width:100%; border:none; margin-bottom:18px}
.contact input[type="checkbox"], .contact input[type="radio"]{height:20px; padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999999; line-height:20px; border-radius:5px; width:20px; border:none; margin-bottom:18px}
.contact label{color:white}
.contact textarea{height:170px; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999999; line-height:50px; border-radius:5px; width:100%; border:none; margin-bottom:18px}
.contact input[type="submit"], button, a.button{width:60%; margin:0 auto; text-align:center; background-color:#FDD94E; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#050708; text-transform:uppercase; border:none; margin-bottom:130px}
button.navbar-toggle{width:auto}
.col-sm-5{text-align:right; padding-right:7px}
button, a.button{height: 50px; line-height: 50px; border-radius:5px;}
a.button{display: inline-block; margin-bottom: 0px}


/* carousel top right corner */
#slides {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 20px;
  margin-top:20px;
}

#slides ul {
  list-style: none;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  position: relative;
      font: 14px/14px Arial,Helvetica,sans-serif; text-align:right;
}

#slides li {
  width: 100%;
  height: 50px;
  float: left;
  text-align: right;
  position: relative;
      font: 14px/14px Arial,Helvetica,sans-serif; text-shadow:none; color:white; 
}

#slides li span {
    color: #fff;
    text-shadow: none;
    font-size: 14px;
}
.btn-bar {
  width: 60%;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 40px;
}

#buttons {
  padding: 0 0 5px 0;
  float: right;
}

#buttons a {
  text-align: center;
  display: block;
  font-size: 50px;
  float: left;
  outline: 0;
  margin: 0 60px;
  color: #b14943;
  text-decoration: none;
  display: block;
  padding: 9px;
  width: 35px;
}

a#prev:hover,
a#next:hover {
  color: #FFF;
  text-shadow: .5px 0px #b14943;
}

.info-line .selectWrapper{float:left;width:30px;height:30px;overflow:hidden;margin-top:8px;margin-right:5px;}
.info-line select{width:46px;float:left;line-height:30px;height:30px;font-size:16px;color:#004F87;text-align:center;border:0;background-color:#fff;}
.info-line span{font-size:16px;text-transform:uppercase;text-align:left;float:left;width:50%; margin-top:10px;color:white}

.bootstrap-filestyle .form-control{display: none}
.inputWrapper .inputText {
  font-size: 14px;
line-height: 15px;
letter-spacing: -0.02em;
color: #004A78;
  height: 45px;
	padding-left:5px;background: #fff;
 position: relative !important; border-radius:5px; margin-bottom:18px;
width:100%; 
}
.floating-label{color:white;}

.bootstrap-filestyle{float:right; height: 100%; width:100%; background:transparent !important;}
.bootstrap-filestyle .form-control, .icon-span-filestyle:hover, .input-group-btn:last-child > .btn:hover{background:transparent !important}
.group-span-filestyle{width:50px}
.group-span-filestyle label, .group-span-filestyle label:hover{position: absolute !important; right:10px; top:0px; left:0; text-align: right; background:transparent; border:none; bottom:0; /*width:98%; text-align: right*/}
.group-span-filestyle:focus{border:red !important; box-shadow:none !important}
.icon-span-filestyle{font-size:18px; color:#004A78; position: absolute; right: 10px; top:10px;}
.input-group .form-control{border:none; box-shadow: none}

@media (min-width:1200px) {
	.phone-bg2{max-height:400px;}
	.bronze{margin-left:5%}
}

@media (max-width:1200px) {
	#myCarousel2, #myCarousel3{height:350px}
	#myCarousel2 .item, #myCarousel3 .item{height:300px}
	.carousel-caption h1{font-size:40px}
	.subscribe-form{width:100%}
	.header-top-left{font-size:12px}
	.col-sm-4, .col-xs-7, .col-sm-9, .col-sm-3{padding:0}
}
@media (max-width:1024px) {
	.header-top-left{font-size:9px}
	.col-sm-4, .col-xs-7, .col-sm-9, .col-sm-3{padding:0}
}

@media (max-width: 767px) {
	#myCarousel2, #myCarousel3{height:350px}
	#myCarousel2 .item, #myCarousel3 .item{height:300px}
	.carousel-caption h1{font-size:40px}
	.subscribe-form{width:100%}
	.nouvelle-phone{text-align:left}
	.phone-bg2{max-height:auto}
	.row.contact{margin-left:0;}
	.carousel-caption h1{/*color:#000*/}
	.header-top-right{/*display:none*/}
	#myCarousel img{/*display:none*/}
	#myCarousel{height:810px}
	#myCarousel .item{height:810px}
	#myCarousel .carousel-caption{margin-top:340px; width:100%}
	.grey-bronze, .grey-silver{min-height:520px;}
	.grey-gold{min-height:650px;}
	.phone-bg{background-size:100%; background-position:center}
	.header-top-left{font-size:12px; text-align:center; padding-left:15px}
	.header-top-left .col-xs-7, .header-top-left .col-xs-5, .header-top-left .col-sm-4, .header-top-left .col-sm-12{padding:0}
	.header-top-left .col-xs-7 img{max-width:10% !important; margin-right:0}
	.header-top-left .col-xs-5{text-align:center}
	.header-top-left .contact{text-align:left !important}
	.curse{/*margin-top:-39px;*/ margin-bottom:18px}
	.col-sm-5{text-align:left}
	.call select{font-size:12px}
	.call h3{margin:0; padding:0; margin-top:5px; font-size:14px;}
}

@media (max-width: 480px) {
	.header-top-left{height:120px;line-height:20px; margin-top:10px; padding-left:15px; font-size:10px;}
	.header-top-left img{margin-right:0px}
	.row-top .col-xs-5{padding:0; text-align:center}
	.phone-bg{background-size:100%; background-position:center}
	ul.social{display:none}
	.carousel-caption{width:100%;}
	#myCarousel .item > img{right:5%;}
	.carousel-caption h1{font-size:40px}
	.home-video{padding-left:3%; padding-right:3%}
	#myCarousel2, #myCarousel3{height:200px}
	#myCarousel2 .item, #myCarousel3 .item{height:150px}
	.subscribe-form{width:100%}
	.subscribe input[type="text"]{padding:0}
	.grey-bronze, .grey-silver{min-height:600px;}
	.grey-gold{min-height:750px;}
	.curse{/*margin-top:-63px*/margin-bottom:0}
}