@import "bootstrap.min.css";

body{max-width:800px; background:#fff; font-family:Raleway, sans-serif;}

label,
input{cursor:pointer; font-weight:500;}

h1,
h2,
h3{margin:0;}

a,
a:visited,
a:focus,
a:hover{color:#d71a22; text-decoration:none;}

colgroup{display:none !important;}

[class*="col-"].no-padding{padding:0;}
[class*="col-"].no-padding-left{padding-left:0 !important;}

.clear{clear:both;}

header {
	position: relative;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

header .dropdown-target, .dropdown-target-result{display:none; position:fixed; top:0; left:-100%; transition: all 0.2s ease-out; bottom: 0; width:50%; width:calc(100% - 60px);  background: #fff; z-index:9999;}
header .dropdown-target.opened, .dropdown-target-result.opened {display: block; left:0; transition: all 0.2s ease-out;}
header .dropdown-target.opened-submenu {left:-40%; transition: all 0.2s ease-out;}
header .dropdown-target a, .dropdown-target-result a{margin:0; padding:13px 15px; color:#000; text-align:left;}
header .dropdown-target li:first-child a{border:none; padding-top:25px;}
.dropdown-target-result a:hover,
header .dropdown-target a:hover,
header .dropdown-target a:focus:not("#main-nav .dropdown-target a, .dropdown-target-result a"){background:rgba(255,255,255,0.1);}

header .dropdown-target-result{display:block;}

select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.navbar{position:relative; margin-bottom:0; padding:14px 20px; background:#fff; border:none; border-radius:0;}
.navbar-nav{margin:0;}
.navbar-toggle{display:block; float:left; margin:0; padding:0; width:30px; height:20px; background-size:contain; border:none; border-radius:0; transition:transform 0.5s;}
.navbar-toggle{display:block; float:right; margin:0; padding:0; width:25px; height:20px; background-size:contain; border:none; border-radius:0; transition:transform 0.5s;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background-color:transparent;}

.logo{position:absolute; top:8px; left:50%; margin-left:-32px; width:100%; max-width:65px; height:auto; border-top:1px solid #fff; z-index:20;}

.footer .list--chevron li{margin-bottom:3px; font-size:13px;}
.footer .list--chevron a{color:#8b8b8b;}
.footer .btn-fb{width:100%; max-width:34px; height:auto; margin-top:4px;}

.booking-progression{padding-top:20px; margin-bottom:15px; background:#dcdcdc;}
.container-no-progression,
.tpl_page.page-espace-client{padding-top:20px;}

/* Templates */
.list--chevron{margin:0; padding:0; list-style:none;}
.list--chevron li:before{content:''; display:inline-block; margin-right:5px; width:5px; height:8px; background:url(img/structure-mobile/chevron.png) no-repeat 0 0; background-size:cover;}

.list--booking-progression{padding:0; margin:0; list-style:none; display:table; width:100%;}
.list--booking-progression li{display:table-cell; padding:10px 3px; text-align:center; font-size:13px; line-height:1.15em; color:#8b8b8b; border-bottom:1px solid #b0b0b0; vertical-align:top;}
.list--booking-progression .number{display:block; height:13px; margin-bottom:10px; font-size:18px;}
.list--booking-progression #nav1 .number,
.list--booking-progression #nav2 .number{padding-top:2px;}/* fix hauteur chiffres */
.list--booking-progression li.current{background:#fff; color:#666; border:1px solid #b0b0b0; border-bottom:none;}
.list--booking-progression li:first-child.current{border-left:none;}
.list--booking-progression li:last-child.current{border-right:none;}
.list--booking-progression .current .number{font-weight:bold; color:#d71921;}
.list--booking-progression a{color:#8b8b8b;}

.list--type-table{display:table; padding:0; width:100%; list-style:none;}
.list--type-table li{display:table-cell;}

.title-like,
#block_recherche_agence h3{padding-bottom:2px; margin-bottom:12px; font-size:16px; font-weight:600; color:#000;}
.title-like.underline,
#block_recherche_agence h3{border-bottom:1px solid #eaeaeb;}
.title-like.subtitle{margin-bottom:0; font-size:14px; font-weight:500; color:#666;}
#rech_agence .title-like.subtitle{font-size:13px;}
.title-like.small-margin{margin-bottom:2px;}
.title-like.no-margin-bottom{margin-bottom:0;}
h2.title-like{
	position: relative;
}
h2.title-like-agence:before{
	content: "";
	top: 7px;
	left: 0;
	background: url(img/picto-loc-fullsize.png) 0 center no-repeat;
	background-size: 100%;
	width: 16px;
	height: 21px;
}
#mes_informations{
	padding-bottom: 10px;
	border-bottom: solid 1px #eaeaeb;
}
#mes_informations .city-block{
	display: flex;
	justify-content: space-between;
}
#mes_informations .btn-submit{
    background: #fff !important;
    font-family: Raleway;
    font-size: 17px;
    font-weight: bold;
    float: right;
    margin-top: 12px;
    color: #df2125 !important;
    border: solid 2px #df2125;
    text-transform: capitalize;
    padding: 5px 20px !important;
}

.cadre_infos .res_opt_prix_promo{
    text-decoration: line-through;
}

.title-like.fullwidth{margin:0 -15px 10px; padding:10px 15px; background:#d71921; color:#fff; font-weight:500; font-size:15px;}
.title-like.fullwidth.bg-grey{background:#666;}

.inline-block{display:inline-block; vertical-align:top;}
.nowrap{white-space:nowrap;}
.semi-bold{font-weight:600;}
.no-margin-bottom{margin-bottom:0;}

.valign-top{vertical-align:top !important; padding-right:5px !important;}

.typo-arial{font-family:arial, roboto, helvetica, sans-serif;}

.row.type-table{margin:0; display:table;}
.row.type-table.fullwidth{width:100%;}
.row.type-table [class*="col-"]{display:table-cell; padding:0; float:none; vertical-align:middle;}

.grey-box{padding:15px; margin-bottom:20px; background:#efefef;}
.red{color:#d71921;}

.hr{margin:15px -15px; height:1px; background:#e2e1e1;}
.hr.red{height:2px; background:#d71921;}

.btn-submit,
#frm_reservation_tarif .default-btn,
.recherche_agence .btn,
.tpl_popin .btn-rouge,
.type-satisfaction .valid input{display:inline-block; background:#d71921; color:#fff !important; text-transform:uppercase; font-weight:600; font-size:21px; border:none; border-radius:3px; transition:background 0.5s;}
.btn-submit.arrow,
#frm_reservation_tarif .default-btn,
.tpl_popin .btn-rouge,
.type-satisfaction .valid input{padding-left:30px; padding-right:30px;}
.btn-submit.arrow:before{content:''; display:inline-block; margin:0 15px 0 0;  width:22px; height:18px; background:url(../skin/mobile/img/white-arrow.png) no-repeat 0 0; background-size:contain; vertical-align:baseline;}
.btn-submit.small,
.recherche_agence .btn,
.tpl_popin .btn-rouge{padding:7px 12px; font-size:14px; font-weight:500;}
.btn-submit.small.long{padding:5px 30px;}


.btn-submit.inverse{background:#fff; color:#d71921 !important; border:1px solid #d71921; font-weight:600;}
.btn-submit.inverse:hover,
.btn-submit.inverse:focus{background-color:#ececec;}

input.btn-submit.arrow,
#frm_reservation_tarif .default-btn,
.type-satisfaction .valid input{padding-left:65px; background:#d71921 url(../skin/mobile/img/white-arrow.png) no-repeat 30px center; background-size:22px auto;}
input.btn-submit.arrow.smaller{width:100%; background-size:14px auto; background-position:10px center; padding:7px 10px 7px 25px;font-size:15px;}

.btn-submit.margin-bottom{margin-bottom:10px;}

.btn-submit.fullwidth{width:100%;}

.btn-submit:hover,
.btn-submit:focus{color:#fff !important; background-color:#b60b12 !important;}

.btn-submit.smaller{font-size:12px;}

.btn.return{padding:0; margin:10px 0 0; width:30px; height:30px;  background:#000; color:#fff; font-size:30px; line-height:26px; text-align:center; border-radius:100%; border:none;}

.recherche_agence .btn{float:right; margin:-35px 0 10px;}

.dropdown-target--margin{margin:20px 0;}

.toggle-bar,
.ui-accordion .ui-accordion-header{display:block; position:relative; padding:10px 15px; margin:0 -15px 2px; background:#666; color:#fff !important; text-transform:uppercase; font-weight:500; font-size:15px;}
.toggle-bar.opened{margin-bottom:0;}
.toggle-bar:after,
.ui-accordion .ui-accordion-header:after{
	content:'\203A'; display:block; position:absolute; top:50%; right:15px; margin-top:-12px; padding-left:2px; width:24px; height:24px; background:#d71921; z-index:2; border-radius:100%; text-align:center; line-height:22px; font-size:20px; transition:0.5s;
}
.toggle-bar.opened:after,
.ui-accordion .ui-accordion-header.ui-state-active:after{-webkit-transform:rotate(180deg); transform:rotate(180deg);transform-origin: 10px 6px;}

.toggle-bar.opened:after,
.agences .ui-accordion .ui-accordion-header.ui-state-active:after{-webkit-transform:rotate(90deg); transform:rotate(90deg);	transform-origin: 12px;}

.toggle-bar.no-background{padding:0 30px 0 0; margin:0 0 10px; background:transparent; color:#000 !important; }
.toggle-bar.no-background:after{right:0; top:7px; color:#fff;}

.toggle-bar.no-background.arrow-left{padding:0 0 0 27px; text-transform:none;}
.toggle-bar.no-background.arrow-left:after{right:auto; left:-5px; top:11px;}

.toggle-bar[data-target="#paiement-1-euro"]{margin-bottom:15px;}
.toggle-bar[data-target="#paiement-1-euro"]:after{top:15px !important;}

.container--toggle-type-select{background:#bbbaba; text-align:center; margin:15px 0;}
.container--toggle-type-select a{font-size:16px; color:#fff;}
.toggle-menu{display:inline-block; padding:8px 25px 2px 0; background:url(../css/img/structure-mobile/picto-ouvrir.png) no-repeat right center;}
.container--toggle-type-select .menu{padding: 0;}
.container--toggle-type-select .menu li{list-style:none; padding:2px 0;}
.container--toggle-type-select .menu .current{color:#d71921;}


.underline{text-decoration:underline;}

.like-12-px{font-size:12px;}
.like-13-px{font-size:13px;}
.like-17-px{font-size:17px;}
.like-20-px{font-size:20px;}

.list-unstyled{padding-bottom:10px;}
.list-unstyled li{margin-bottom:5px;}

.list-justified{display:table; width:100%; padding:0; list-style:none; border-collapse: collapse;}
.list-justified li{display:table-cell; text-align:center; border:1px solid #ececec; font-weight: 500;}

/* btn facebook */
.fb-share-button.right{float:right;}

/* Reprise CSS - pages annexes */

.faq #content,
.contact #content{padding-top:25px;}
.faq .titre-interne,
.faq h2,
.hn{padding-bottom:2px; margin-bottom:12px; font-size:16px; font-weight:600; color:#000; border-bottom:1px solid #060505; background:none !important;}

h1.hn{text-transform:uppercase; font-size:20px; border:none;}
h1.hn + br{display:none;}

/* ajustement pour les pages vehicules */
.vehicules h1:not("#main-nav .dropdown-target h1, .dropdown-target-result h1"){font-size:16px; font-weight:bold; margin:10px 0;}
.vehicules h2{font-size:14px; font-weight:bold;}
.vehicules #content #valid_recherche_agence{position:relative; left: auto; bottom: auto; border: 0;}
.vehicules #content .encart .infos{width:auto;}
.vehicules .recherche_agence .btn{float:none; margin:0;}

.vehicules.utilitaires #content .bloc-vignette,
.vehicules.tourisme #content .bloc-modele .bloc-vignette{width:100%;}
.vehicules.tourisme #content .bloc-modele .bloc-vignette img{}
.vehicules.tourisme .bloc-modele,
.vehicules.utilitaires .encart .infos{padding:10px;}
.vehicules.tourisme .options li,
.vehicules.utilitaires .options li{list-style:none; padding-left:20px;}
.vehicules.tourisme ul.options,
.vehicules.utilitaires ul.options,
.vehicules.tourisme .options ul,
.vehicules.utilitaires .options ul{padding-left:0;}
.vehicules.tourisme .encart a.btn,
.vehicules.utilitaires .encart a.btn{position:relative; right:auto; top:auto; left:50%; margin-left:-85px !important;}
.vehicules.tourisme .encart a.btn{margin-left:10px;}

.vehicules.sans_permis #content #carte_recherche_agence,
.vehicules.deux_roues #content #carte_recherche_agence,
.vehicules.prestige #content #carte_recherche_agence{width:auto !important;}

.vehicules.prestige #content .col-40{width:100%;}
.vehicules.prestige #content .col-60{width:100%;}
.vehicules.prestige #content #results_recherche_agence #liste_recherche_agence{height:auto !important;}

.vehicules #content ul.type-puce{padding-left:0;}
.vehicules #content ul.type-puce li{list-style:none;}

/* ajustement pour les pages offre */
.offre #content #block_recherche_agence p.valid input{position:relative; right:auto; bottom:auto;}
.offre #content #results_recherche_agence #liste_recherche_agence{height:auto !important;}
.offre.malin .recherche_agence .btn{float:none; margin:0;}
.offre.malin #content #carte_recherche_agence,
.offre.trajet_unique #content #carte_recherche_agence{width:auto !important;}
.offre.restopolitan #content ul{padding-left:0;}
.offre.restopolitan #content ul.type-puce li{list-style:none;}

/* ajustement pour les pages demenagement */
.demenagement #content .intro img{display:block; margin:0 auto;}
.demenagement #content .intro p.inblock{width:auto;}
.demenagement #content .choix-demenagement.encart div{display:block; width: auto;}
.demenagement #content .choix-demenagement.encart .visuel{text-align:center;}
.demenagement #content .choix-demenagement.encart .plus{margin-top:15px;}
.demenagement #content #autocomplete input,
.demenagement #content .post-barre.no-toggle .col40,
.demenagement #content .post-barre.no-toggle .col60,
.demenagement #content .post-barre.no-toggle a span.rouge{width:100%;}
.demenagement #content .post-barre.no-toggle .col40,
.demenagement #content .post-barre.no-toggle .col60{margin-top:10px;}
.demenagement .post-barre.no-toggle .col60 label,
.demenagement .post-barre.no-toggle .col40 label{width:35%; text-align:left;}
.demenagement #content form#recherche{overflow:visible!important; padding: 0 4%;}
.demenagement #content #autocomplete #tagbox-lkup{background:#fff; width:auto;}
.demenagement #content #autocomplete #tagbox-lkup ol{padding-left:0 !important;}

/* ajustement pour les conditions */
.conditions h1.hh-toggle, .conditions h1.h1-like{font-size:16px; margin-bottom:10px;}
.conditions .toggle--block h2{font-size:14px; font-weight:600;}
.conditions .toggle--block h3{font-size:14px;}
.conditions .hh-toggle {
	position: relative;
	cursor: pointer;
}

.conditions .hh-toggle:after,
.conditions .hh-toggle:after {
	width: 25px;
	height: 25px;
	content: '';
	background: url(img/structure-2015/icons-type-accordion.png) no-repeat 0 0;
	margin-top: -12px;
	position: absolute;
	right: 0px;
	top: 50%;
}

.conditions .hh-toggle.active:after,
.conditions .hh-toggle.active:after {
	background-position: 0 -200px;
}
/* popin */
.ui-dialog{width:100% !important; height:auto !important; border-radius:0; border-color:#ccc;}
.ui-dialog .ui-widget-header{padding:0; background:none; border:none;}
.ui-dialog .ui-state-default{top:15px; z-index:30;}
.ui-dialog .ui-button-text{padding:0; margin:0;}
.ui-dialog .ui-dialog-content{min-height:auto !important;}

.tpl_popin{font-family:Raleway, sans-serif;}
.tpl_popin p:empty,
.tpl_popin p + br{display:none;}
.tpl_popin .h2-like,
.ui-dialog .ui-dialog-title{padding-bottom:2px; margin-bottom:12px; font-size:16px; font-weight:600; color:#000; text-transform:none;}
.ui-dialog .ui-dialog-title{margin-left:1em;}
.ui-dialog .ui-dialog-title:empty{display:none;}
.tpl_popin .h1-like{font-size:18px; text-transform:uppercase; margin-bottom:20px;}
.tpl_popin .btn-rouge{margin-top:10px;}
.tpl_popin ul{padding:0; list-style:none;}

.tpl_popin .adresse-agence{padding-bottom:10px; border-bottom:1px solid #ccc;}
.tpl_popin .agence--table-horaires{margin-bottom:15px; width:100%;}
.tpl_popin .adresse-agence,
.tpl_popin .agence--table-horaires,
.tpl_popin .avis-agence{font-family:arial, helvetica, roboto, sans-serif;}

.ui-dialog .ui-dialog-buttonset button{padding:10px; margin:0 0 20px 10px; background:#d71921; color:#fff !important; border-radius:3px; transition:background 0.5s; border:none;}
.ui-dialog .ui-dialog-buttonset button:hover,
.ui-dialog .ui-dialog-buttonset button:focus{background:#b60b12;}

.ui-widget-overlay{background:rgba(0,0,0,0.6); opacity:1;}

/* formulaire global */

.form-note,
.option_commenatire_ligne,
.option_accroche{font-size:12px; color:#999;}
.form-note a{color:#999;}
.form-note.black{color:#000; line-height:1.2em;}
.form-note.small-margin-bottom{margin-bottom:4px;}

input[type="text"],
	input[type="number"],input[type="password"],
	select{padding:0 0 0 40px; width:100%; height:45px; background:#fff; border:1px solid #dcdcdc; border-radius:3px;color: #000; font-size: 17px; font-family: Raleway;font-weight: bold;}

	select{padding:0 3px;}
	input[type="radio"]{vertical-align:middle; margin:0 5px 0 0;}

#btn_fb_login{position:relative; margin-bottom:8px; padding:17px 0 17px 35px;  width:100%; border-radius:0; color:#fff;  border:none;
	border-radius: 5px;
text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    background: #395283 url(../skin/mobile/img/fb.png) 12% center no-repeat;
    background-size: 15px;}


#form_espace_client .form-group{
	text-align: left;
}
#form_espace_client .btn-submit{
	width: 100%;
	padding: 15px 0;
	font-size: 18px;
	background: #c63331;
}
.type-recap-client .ou{
	position: relative;
	width: 100%;
	height: 10px;
    margin: 20px 0 30px;
}
.type-recap-client .ou p{
	font-weight: 600;
    background: #000;
    width: 0;
    color: #fff;
    padding: 6px 4px;
    display: inline;
    border-radius: 100%;
    text-transform: uppercase;
    font-size: 12px;
}
.type-recap-client .ou:before{
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #ddd;
	z-index: -1;
}
#form_espace_client .new-customer{
	margin: 8vw 0 5vw;
	font-weight: 900;
	font-size: 20px;
}

#form_espace_client .mdp_oublie{
	margin-bottom: 30px;
}
#form_espace_client .mdp_oublie a{
	text-decoration: underline;
	color: #333;
}
#form_espace_client .obligatoire{
	float: right;
	color: #333;
}

/* satisfaction */

.type-satisfaction{}
.type-satisfaction .questionnaire{}
.type-satisfaction .theme{margin-bottom:20px;}
.type-satisfaction .hn{background:none !important; margin:30px 0 0; font-size:16px; text-transform:none;}

.type-satisfaction .questions-groupe{width:100%;}
.type-satisfaction .questions-groupe tr:first-child {display:none;}
.type-satisfaction .questions-groupe th,
.type-satisfaction .questions-groupe td{display:block;}
.type-satisfaction .questions-groupe td{padding:8px 0; border-bottom :1px solid #ccc;}
.type-satisfaction .questions-groupe th{padding:15px 0 0; font-size:14px; font-weight:600;}
.type-satisfaction .questions-groupe .item:before{content:'Pas du tout satisfait'; width:90%; display:inline-block; }
.type-satisfaction .questions-groupe .item  + .item:before{content:'Pas satisfait';}
.type-satisfaction .questions-groupe .item + .item  + .item:before{content:'Satisfait';}
.type-satisfaction .questions-groupe .item  + .item + .item  + .item:before{content:'Tr�s satisfait';}

.type-satisfaction li.item{list-style:none; margin-top:5px;}
.type-satisfaction li.item label{margin:0; display:inline-block; vertical-align:middle;}
.type-satisfaction ul.question input[type="radio"]{float:none; margin-top:0;}
.type-satisfaction ul.question .item,
.type-satisfaction ul.question .libelle label{width:100%; float:none;}
.type-satisfaction ul.question .item textarea{width:100%;}

.type-satisfaction .valid{text-align:center;}
.type-satisfaction .valid input{float:none !important;}

@media (max-width:320px) {
	.title-like.fullwidth{font-size:14px;}
}

.hamburger {
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  float: right;
}

.hamburger-box {
	width: 23px;
	height: 20px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 23px;
    height: 3px;
    background-color: #000;
    position: absolute;
}

.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -8px;
}

.hamburger-inner::after {
	bottom: -8px;
}

.hamburger .hamburger-inner {
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger .hamburger-inner::before {
	transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}

.hamburger .hamburger-inner::after {
	transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.opened .hamburger .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.opened .hamburger .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}

.opened .hamburger .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.navbar-toggle span{
	color: #fff;
	font-size: 12px;
	font-family: Raleway;
	text-transform: uppercase;
}

body.agences #calendar,
.reservation.index #calendar{
	padding: 5px 0;
}

body.agences #calendar select,
.reservation.index #calendar select{
	padding: 0 40px;
}

body.agences  select,
.reservation.index select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
body.agences.agence .adresse-agence{
	margin-top: 20px;
}
#layer-transparent{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 9999;
}
#layer-transparent.opened{
	display: block;
}

#main-nav,
.dropdown-target-result{
	display: block;
}
#main-nav .nav li,
.dropdown-target-result .nav li{
    border-top: solid 1px #ccc;
}
.dropdown-target-result .nav li{
	position: relative;
	padding: 5px 0;
}
.dropdown-target-result .nav li.current{
	font-weight: bold;
}
.dropdown-target-result .nav li .check{
	display: none;
}
.dropdown-target-result .nav li.current .check{
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	right: 14px;
	width: 20px;
}
.dropdown-target-result .nav li h1{
	font-size: 20px;
    line-height: 44px;
    margin-left: 5px;
    font-weight: bold;
}
#main-nav .nav li.first{
	padding-top: 30px;
}
#main-nav .title-slide-menu,
.dropdown-target-result .title-slide-menu{
	position: relative;
	height: 50px;
}
#main-nav .title-slide-menu h1,
.dropdown-target-result .title-slide-menu h1{
	position: absolute;
	top: 3px;
	left: 10px;
}
#main-nav .title-slide-menu h1 .logo-slide,
.dropdown-target-result .title-slide-menu h1 .logo-slide{
	display: block;
}
#main-nav .title-slide-menu img,
.dropdown-target-result .title-slide-menu img{
	position: absolute;
    right: 17px;
	width: 17px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#main-nav .close-slide,
.dropdown-target-result .close-slide{
	cursor: pointer;
}

#main-nav li.vehicules{
	position: relative;
}
#main-nav li.vehicules .arrow-submenu{
	position: absolute;
	right: 7%;
	width: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#main-nav .dropdown-vehicules-sousmenu{
	position: fixed;
    top: 0;
	bottom: 0;
    left: -100%;
	width: calc(100% - 60px);
	padding: 0;
	transition: all .5s ease;
	z-index: 20;
	background: #fff;
}
#main-nav .dropdown-vehicules-sousmenu.opened-submenu{
	left: 0;
	transition: all .5s ease;
}
#main-nav .dropdown-vehicules-sousmenu li{
	padding: 5% 0;
	list-style: none;
}
#main-nav .dropdown-vehicules-sousmenu li.first-li{
	padding-top: 20%;
}
#main-nav .dropdown-vehicules-sousmenu li.submenu-title{
	position: relative;
	height: 50px;
}
#main-nav .dropdown-vehicules-sousmenu li.submenu-title img{
	position: absolute;
	width: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#main-nav .dropdown-vehicules-sousmenu li.submenu-title img.close-slide{
	width: 20px;
	right: 17px;
}
#main-nav .dropdown-vehicules-sousmenu .close-submenu{
	left: 16px;
    width: 30px;
	cursor: pointer;
}
.ui-widget-overlay{
	height: 100% !important;
	background-position: center center !important;
}

body.agences .banner-top{
    width: 100vw;
	padding: 15px 0;
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    background: #fff;
    color: #bf2f2e;
}
body.agences .banner-top span.agency-title {
	display: block;
	margin: 0 auto;
	max-width: 70%;
}

body.agences .container-fluid {
	padding: 0;
}
body.agences .container-no-progression{
	background: #fff;
    width: 100vw;
    margin: 0 auto!important;
	padding: 10px 20px;
}

body.bikes #recherche,
body.agences #recherche,
.reservation.index #recherche{
	padding: 0 4%;
}
body.agences #recherche{
	background: #fff;
	padding: 0 15px 30px;
	border-radius: 10px;
	margin: 20px;
}
body.agences #recherche .submit-recherche,
.reservation.index #recherche .submit-recherche{
	position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
	background: #fff;
    padding: 10px 0;
	z-index: 99;
}

body.agences #content .bg,
.reservation.index #content .bg{
	background: #fff;
	margin: 30px 0 15px;
	border-radius: 8px;
	overflow: hidden;
}

body.agences .booking-progression,
.reservation.index .booking-progression{
	display: none;
}

body.agences .title-resa-index,
.reservation.index .title-resa-index{
  text-align: center;
  font-family: Raleway;
  color: #000;
  font-weight: bold;
  width: 100%;
  padding: 16px 0 13px;
  font-size: 20px;
  font-weight: 900;
}

body.agences #tagbox-lkup,
.reservation.index #tagbox-lkup {
	padding-top: 0;
}

#menu-autocomplete #tagbox-lkup, #autocomplete #tagbox-lkup {
	position: absolute;
    max-height: 250px;
    margin: 10px 0 0;
    overflow-x: hidden;
	overflow-y: auto;
	z-index: 999;
	background: #fff;;
}

body.bikes #tagbox-lkup ol,
body.agences #tagbox-lkup ol,
.reservation.index #tagbox-lkup ol{
	padding: 0 10px 0 20px;
}

.bikes #autocomplete { position:relative; }
.bikes #autocomplete #tagbox-lkup { position:absolute; top:100%; left:0; width:100%; padding-top:10px;  z-index:20; }
.bikes #autocomplete #tagbox-lkup li { margin-bottom:4px; }
.bikes #autocomplete #tagbox-lkup li { margin-bottom:4px; }
.bikes #autocomplete #tagbox-lkup em { font-style:normal; }
.bikes #autocomplete #tagbox-lkup ol {
	margin-block-start: 0em;
	padding-inline-start: 0px;
	background:#fff;
}

body.agences input#ville,
.reservation.index input#ville{
	padding: 0 10px 0 40px;
    background: #eeeeee url(img/picto-loc-fullsize.png) 3% 11px no-repeat;
    border: none;
    background-size: 6%;
}

body.agences .form-50,
.reservation.index .form-50{
	width: 50%;
	float: left;
}

body.agences .form-50:first-child,
.reservation.index .form-50:first-child{
	padding-right: 2% !important;
}

body.agences .form-50:last-child,
.reservation.index .form-50:last-child{
	padding-left: 2% !important;
}

body.agences .form-50 .row,
.reservation.index .form-50 .row{
	margin: 0 !important;
}

body.agences .form-50 .row .form-group,
.reservation.index .form-50 .row .form-group{
	width: 100% !important;
	padding: 0 !important;
	overflow: hidden;
	border-radius: 3px;
	background: #eee;
}

body.agences .form-50 .row .form-group input,
.reservation.index .form-50 .row .form-group select,
body.agences .form-inline select,
.reservation.index .form-inline select {
	width: 100% !important;
	margin: 0 !important;
	color: #000;
}

body.agences input.hasDatepicker,
.reservation.index input.hasDatepicker{
	background:#eeeeee url(img/picto-calendar-on.png) 8% 12px no-repeat;
	border: none;
	-webkit-text-fill-color: rgba(0, 0, 0, 1);
   	-webkit-opacity: 1;
}
body.agences input.hasDatepicker.reservation-on,
.reservation.index input.hasDatepicker.reservation-on{
	background-image: url(img/picto-calendar-on.png);
	background-color: #eeeeee !important;
	-webkit-text-fill-color: rgba(0, 0, 0, 1);
   	-webkit-opacity: 1;
}

body.agences select#h_depart,
body.agences select#h_retour,
.reservation.index select#h_depart,
.reservation.index select#h_retour{
	background: #eeeeee url(img/picto-heure-on.png) 8% 12px no-repeat;
	border: none;
}
body.agences select#h_depart.reservation-on,
body.agences select#h_retour.reservation-on,
.reservation.index select#h_depart.reservation-on,
.reservation.index select#h_retour.reservation-on{
	background-image: url(img/picto-heure-on.png);
	background-color: #eeeeee !important;
}

body.agences .form-50 .row .form-group select,
.reservation.index .form-50 .row .form-group select{
	width: 100%;
}

body.agences .choice--vehicle > p,
.reservation.index .choice--vehicle > p{
	margin: 10px 0;
	text-align: left;
}

body.agences .choice--vehicle input,
.reservation.index .choice--vehicle input{
	display: none;
}

body.agences .choice--vehicle [class*="choix_"]:before,
.reservation.index .choice--vehicle [class*="choix_"]:before{
	border: none;
	background: transparent url(img/sprite-radio.png) top right no-repeat !important;
	width: 24px;
	height: 23px;
	position: absolute;
	display: block;
	border-radius: 0;
	transition: none;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.choice--vehicle  input[type="radio"]:checked + [class*="choix_"]:before{
	background-position: top left !important;
}

body.agences .choice--vehicle {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

body.bikes .choice--vehicle li,
body.agences .choice--vehicle li,
.reservation.index .choice--vehicle li {
	width: 48%;
	float: left;
	padding: 1%;
}

body.bikes #rech_agence {
	margin-bottom: 5px;
}
body.bikes .ville {
	margin: 0;
}
body.bikes .choice--vehicle li {
	width: 31.33%;
}
body.bikes .choice--vehicle li label {
	display: block;
	padding: 7px 12px;
}
body.bikes .choice--vehicle li:last-child{
	margin-left: 0%;
	margin-bottom: 10px;
}

.reservation.index .choice--vehicle li:last-child{
	margin-left: 4%;
}

body.bikes .choice--vehicle .choix_bc,
body.bikes .choice--vehicle .choix_mb,
body.bikes .choice--vehicle .choix_sc,
body.agences .choice--vehicle .choix_vp,
body.agences .choice--vehicle .choix_vu,
body.agences .choice--vehicle .choix_bc,
body.agences .choice--vehicle .choix_mb,
body.agences .choice--vehicle .choix_sc,
.reservation.index .choice--vehicle .choix_vp,
.reservation.index .choice--vehicle .choix_vu,
.reservation.index .choice--vehicle .choix_bc,
.reservation.index .choice--vehicle .choix_mb,
.reservation.index .choice--vehicle .choix_sc{
    width: 100%;
    height: 100%;
    color: #000;
	padding: 12px 0 8px;
    font-size: 16px;
	background: #eee;
}

body.agences .choice--vehicle .choix_vu,
.reservation.index .choice--vehicle .choix_vu{
	background-position: bottom center;
}

body.agences .choice--vehicle  input[type="radio"] + [class*="choix_"],
.reservation.index .choice--vehicle  input[type="radio"] + [class*="choix_"]{
	transition: all .5s ease;
	color: #000;
}

body.agences .choice--vehicle  input[type="radio"]:checked + [class*="choix_"],
.reservation.index .choice--vehicle  input[type="radio"]:checked + [class*="choix_"]{
	color: #fff;
	background: #bf2f2e;
}

body.agences.agence .btn-submit,
.reservation.index .btn-submit{
	background: #bf2f2e;
	width: 100%;
	font-size: 19px;
	font-family: Raleway;
	font-weight: bold;
	color: #fff;
	padding: 12px 0;
	width: 85%;
}

body.agences .btn-submit:after,
.reservation.index .btn-submit:after{
	background: url(img/picto-search.png) center center no-repeat;
	content: '';
	width: 20px;
	height: 28px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

body.agences,
body.bikes,
.reservation.index {
	background: #ebebeb;
	background: url(img/city.jpg) 36% -365px no-repeat;
}

body.agences .wrapper-block-index,
.reservation.index .wrapper-block-index{
	margin: 80px auto 20px;
}

.bikes.index .bloc-home,
.reservation.index .bloc-home{
	background: #fff;
	width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    display: block;
	min-height: 235px;
    position: relative;
    overflow: hidden;
}

.bikes.index .bloc-home a,
.reservation.index .bloc-home a{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 3px;
	padding: 12px 20px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: Raleway;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	background: #bf2f2e;
	text-align: center;
	z-index: 2;
}

.bikes.index .bloc-home-1,
.reservation.index .bloc-home-1{
	background: #fff url(img/bloc-home-1.png) 20px 18px no-repeat;
    background-size: 35%;
}

.bikes.index .bloc-home-2:after,
.reservation.index .bloc-home-2:after{
	position: absolute;
	width: 245px;
    height: 180px;
	content:'';
	display: block;
	background: url(img/bloc-home-2.png) top left no-repeat;
	background-size: 100%;
	right: -50px;
    top: 45px;
}

.bikes.index .bloc-home-3:before,
.reservation.index .bloc-home-3:before{
	content:'';
	position: absolute;
	width: 285px;
    height: 195px;
	display: block;
	background: url(img/bloc-home-3.png) top left no-repeat;
	background-size: 100%;
    left: -22px;
    top: 54px;
}

.bikes.index .bloc-home-1 span.first-text,
.reservation.index .bloc-home-1 span.first-text{
	font-size: 16px;
    font-weight: 100;
}
.bikes.index .bloc-home .nombre,
.reservation.index .bloc-home .nombre{
	display: block;
    line-height: 35px;
	font-size: 50px;
	font-weight: 900;
	color: #dd252d;
}
.bikes.index .bloc-home-1 span.texte2,
.reservation.index .bloc-home-1 span.texte2{
	margin: 0;
    font-size: 15px;
    color: #000;
    font-weight: 100;
}
.bikes.index .bloc-home .line-hr,
.reservation.index .bloc-home .line-hr{
	position: absolute;
	border-bottom: solid 1px #ddd;
    width: 85%;
    display: flex;
    bottom: 0;
    left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.bikes.index .bloc-home-1 p,
.reservation.index .bloc-home-1 p{
	text-align: center;
	font-family: Raleway;
	color: #000;
	font-size: 15px;
	width: 40%;
	float: right;
    margin: 8% 5% 20%;
}
.bikes.index .bloc-home-2 .line-hr,
.reservation.index .bloc-home-2 .line-hr{
	margin-top: 140px;
}

.bikes.index .bloc-home-2 .title-text,
.reservation.index .bloc-home-2 .title-text,
.reservation.index .bloc-home-3 .title-text{
	color: #000;
    font-weight: 100;
    font-size: 16px;
    text-transform: initial;
}

.bikes.index .bloc-home-2 .block-texte,
.reservation.index .bloc-home-2 .block-texte,
.reservation.index .bloc-home-3 .block-texte{
	text-align: center;
    margin-left: 8%;
    width: 40%;
}
.reservation.index .bloc-home-3{
	min-height: 330px;
}

.reservation.index .bloc-home-3 .block-texte{
    margin-left: 60%;
	top: 75px;
    position: absolute;
}
.reservation.index .bloc-home-3 .nombre sup{
	top: -0.2em;
    font-size: 33px;
}
.reservation.index .bloc-home-3 .nombre span{
	color: #dd252d;
    font-size: 12px;
    right: 40px;
    position: absolute;
    top: 35px;
}
.bikes.index .bloc-home-2 p,
.reservation.index .bloc-home-2 p,
.reservation.index .bloc-home-3 p{
	text-align: center;
	font-family: Raleway;
	color: #000;
	font-size: 16px;
	width: 100%;
	margin: 0 2%;
	padding-top: 16px;
	margin: 8% 5% 20%;
}

.bikes.index .bloc-home-2 p span,
.reservation.index .bloc-home-2 p span,
.reservation.index .bloc-home-3 p span{
	font-size: 11px;
    text-transform: none;
    color: #000;
    font-weight: 100;
}

.bikes.index .bloc-home-2 p span span,
.reservation.index .bloc-home-2 p span span,
.reservation.index .bloc-home-3 p span span{
	font-size: inherit;
    display: block;
}

.bikes.index .bloc-home-2 p .texte3,
.reservation.index .bloc-home-2 p .texte3,
.reservation.index .bloc-home-3 p .texte4{
	font-size: 12px;
}

.bikes.index .bloc-home-2 p span span span,
.reservation.index .bloc-home-2 p span span span {
	font-size: 22px;
}
.reservation.index .bloc-home-4{
	position: relative;
	background: url(../css/img/bg_newsletter.jpg) top left no-repeat;
    background-size: cover;
    margin-bottom: 25px;
	height: 250px;
}
.reservation.index .bloc-home-4 .block-newsletter{
	position: absolute;
    width: 80%;
	height: 80%;
    margin: 0 auto;
	padding: 25px 0 60px;
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border-radius: 40px;
	border-top-right-radius: 0;
    border-bottom-left-radius: 0;
	background: rgba(255,255,255,0.9);
	text-align: center;
}
.reservation.index .bloc-home-4 .block-newsletter strong{
	font-weight: 900;
	font-size: 20px;
}
.reservation.index .bloc-home-4 .block-newsletter .bons-plans{
	font-size: 19px;
    line-height: 1;
}
.reservation.index .bloc-home-4 .block-newsletter .inscrivez-vous{
	margin-top: 27px;
}
.reservation.index .bloc-home-4 form{
	position: absolute;
    bottom: 25px;
    left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%;
}
.reservation.index .bloc-home-4 form input{
	height: 40px;
    padding: 0 55px 0 20px;
	font-size: 12px;
    font-weight: 500;
}
.reservation.index .bloc-home-4 form img{
	position: absolute;
    top: 0;
    right: 0;
    width: 43px;
}

.reservation.options .bloc-home{
	background: #fff;
	width: 100%;
	display: block;
	margin: 10px 0;
	min-height: 214px;
	position: relative;
	border-radius: 6px;
}

.reservation.options .bloc-home a{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	padding: 0 10px;
	min-width: 200px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: Raleway;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: #bf2f2e;
	text-align: center;
}

.reservation.options .bloc-home-1{
	background: #fff url(img/bloc-home-1.png) 20px 10px no-repeat;
}

.reservation.options .bloc-home-2:after{
	position: absolute;
	width: 205px;
	height: 149px;
	content:'';
	display: block;
	background: url(img/bloc-home-2.png) top left no-repeat;
	right: -8px;
	top: 6px;
}

.reservation.options .bloc-home-3:before{
	position: absolute;
	width: 185px;
	height: 124px;
	content:'';
	display: block;
	background: url(img/bloc-home-3.png) top left no-repeat;
	left: -8px;
	top: 20px;
}

.reservation.options .bloc-home-1 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	float: right;
	margin: 10% 6%;
}

.reservation.options .bloc-home-1 p span{
	font-size: 32px;
	font-weight: 900;
	color: #bf2f2e;
}

.reservation.options .bloc-home-2 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: 600;
	font-size: 13px;
	padding-left: 22px;
	background: url(../img/sprite-spec-mobile.png) center left no-repeat;

}

#grille_categorie .vehicle--preview{
	padding-left: 0;
	padding-right: 0;
	height: 100%;
}
#grille_categorie .vehicle--preview .modele-garanti{
	position: absolute;
    top: -22px;
    left: 7px;
    color: #dd252d;
    font-weight: bold;
    font-size: 10px;
}
#grille_categorie .vehicle--preview .ovale{
	position: absolute;
    display: inline-block;
    top: -100px;
    right: -160px;
    width: 210px;
    height: 175px;
    border-radius: 100%;
    background: #dd252d;
}
#grille_categorie .vehicle--preview .cat_img{
	position: relative;
	margin-bottom: 0;
	margin-top: 12px;
}
#grille_categorie .vehicle--preview .vehicule-infos{
	display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    background: #fff;
    padding: 0;
	margin-bottom: 12px;
    height: 30px;
}
#grille_categorie .vehicle--preview .vehicule-infos li{
	display: flex;
    padding: 4px 0;
    position: relative;
    list-style: none;
    width: 20%;
}
#grille_categorie .vehicle--preview .vehicule-infos li.nbr-places{
	margin-left: 4px;
}
#grille_categorie .vehicle--preview .vehicule-infos li img,
#grille_categorie .vehicle--preview .vehicule-infos li p{
	position: absolute;
    display: inline-block;
    font-size: 10px;
	right: -2px;
    width: 65%;
	color: #000;
    font-weight: 600;
}
#grille_categorie .vehicle--preview .vehicule-infos li img{
	width: 27%;
    height: 13px;
    top: 7px;
    left: 0;
}
#grille_categorie .vehicle--preview .vehicule-infos li p{
	padding: 0 4px;
    right: 5px;
	top: 9px;
	line-height: 9px;
}
#grille_categorie .vehicle--preview .vehicule-infos li.nbr-18ans{
	width: 60%;
}
#grille_categorie .vehicle--preview .vehicule-infos li.nbr-18ans img{
	width: 15%;
	left: 0;
}
#grille_categorie .vehicle--preview .vehicule-infos li.nbr-18ans p{
	right: 10px;
}


.vehicle--preview .spec.places{background-position: left 0px;}
.vehicle--preview .spec.portes{background-position: left -60px;}
.vehicle--preview .spec.valises{background-position: left -80px;}
.vehicle--preview .spec.sacs{background-position: left -20px;}
.vehicle--preview .spec.age{background-position: left -40px;}
.vehicle--preview .spec.dimensions{background-position: left -120px;}
.vehicle--preview .spec.charge{background-position: left -100px;}

.vehicle--preview .spec:nth-child(even){
	float: right;
}

.vehicle--preview .price{
	font-size: 28px !important;
	font-weight: 800 !important;
	color: #bf2f2e !important;
	text-align: center !important;
}

.vehicle--preview .price span{
	font-size: 20px;
}

.reservation.options .bloc-home-2 p span span{
	font-size: 32px;
}

.reservation.options .bloc-home-2 p span span span{
	font-size: 22px;
}


.reservation.options .bloc-home-3 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 45%;
	margin: 0 4%;
	padding-top: 30px;
	float: right;
}

.reservation.options .bloc-home-3 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.options .bloc-home-3 p span span{
	font-size: 32px;
}

.reservation.options .bloc-home-3 p span span span {
	font-size: 22px;
}

.reservation.vehicule {
	background: #fff;
}

.reservation.vehicule .wrapper-block-index{
	margin: 80px auto 20px;
}

.reservation.vehicule .bloc-home{
	background: #fff;
	width: 100%;
	display: block;
	margin: 10px 0;
	min-height: 214px;
	position: relative;
	border-radius: 6px;
}

.reservation.vehicule .bloc-home a{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	padding: 0 10px;
	min-width: 200px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: Raleway;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: #bf2f2e;
	text-align: center;
}

.reservation.vehicule .bloc-home-1{
	background: #fff url(img/bloc-home-1.png) 20px 10px no-repeat;
}

.reservation.vehicule .bloc-home-2:after{
	position: absolute;
	width: 205px;
	height: 149px;
	content:'';
	display: block;
	background: url(img/bloc-home-2.png) top left no-repeat;
	right: -8px;
	top: 6px;
}

.reservation.vehicule .bloc-home-3:before{
	position: absolute;
	width: 185px;
	height: 124px;
	content:'';
	display: block;
	background: url(img/bloc-home-3.png) top left no-repeat;
	left: -8px;
	top: 20px;
}

.reservation.vehicule .bloc-home-1 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	float: right;
	margin: 10% 6%;
}

.reservation.vehicule .bloc-home-1 p span{
	font-size: 32px;
	font-weight: 900;
	color: #bf2f2e;
}

.reservation.vehicule .bloc-home-2 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	margin: 0 2%;
	padding-top: 16px;
}

.reservation.vehicule .bloc-home-2 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.vehicule .bloc-home-2 p span span{
	font-size: 32px;
}

.reservation.vehicule .bloc-home-2 p span span span{
	font-size: 22px;
}


.reservation.vehicule .bloc-home-3 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 45%;
	margin: 0 4%;
	padding-top: 30px;
	float: right;
}

.reservation.vehicule .bloc-home-3 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.vehicule .bloc-home-3 p span span{
	font-size: 32px;
}

.reservation.vehicule .bloc-home-3 p span span span {
	font-size: 22px;
}

.reservation.resultat {
	background: #ebebeb;
}

.reservation.resultat .wrapper-block-index{
	margin: 80px auto 20px;
}

.reservation.resultat .bloc-home{
	background: #fff;
	width: 100%;
	display: block;
	margin: 10px 0;
	min-height: 214px;
	position: relative;
	border-radius: 6px;
}

.reservation.resultat .bloc-home a{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	padding: 0 10px;
	min-width: 200px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: Raleway;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: #bf2f2e;
	text-align: center;
}

.reservation.resultat .bloc-home-1{
	background: #fff url(img/bloc-home-1.png) 20px 10px no-repeat;
}

.reservation.resultat .bloc-home-2:after{
	position: absolute;
	width: 205px;
	height: 149px;
	content:'';
	display: block;
	background: url(img/bloc-home-2.png) top left no-repeat;
	right: -8px;
	top: 6px;
}

.reservation.resultat .bloc-home-3:before{
	position: absolute;
	width: 185px;
	height: 124px;
	content:'';
	display: block;
	background: url(img/bloc-home-3.png) top left no-repeat;
	left: -8px;
	top: 20px;
}

.reservation.resultat .bloc-home-1 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	float: right;
	margin: 10% 6%;
}

.reservation.resultat .bloc-home-1 p span{
	font-size: 32px;
	font-weight: 900;
	color: #bf2f2e;
}

.reservation.resultat .bloc-home-2 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	margin: 0 2%;
	padding-top: 16px;
}

.reservation.resultat .bloc-home-2 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.resultat .bloc-home-2 p span span{
	font-size: 32px;
}

.reservation.resultat .bloc-home-2 p span span span{
	font-size: 22px;
}


.reservation.resultat .bloc-home-3 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 45%;
	margin: 0 4%;
	padding-top: 30px;
	float: right;
}

.reservation.resultat .bloc-home-3 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.resultat .bloc-home-3 p span span{
	font-size: 32px;
}

.reservation.resultat .bloc-home-3 p span span span {
	font-size: 22px;
}

.reservation.inscription {
	background: #ebebeb;
}

.reservation.inscription .wrapper-block-index{
	margin: 80px auto 20px;
}

.reservation.inscription .bloc-home{
	background: #fff;
	width: 100%;
	display: block;
	margin: 10px 0;
	min-height: 214px;
	position: relative;
	border-radius: 6px;
}

.reservation.inscription .bloc-home a{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	padding: 0 10px;
	min-width: 200px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: Raleway;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: #bf2f2e;
	text-align: center;
}

.reservation.inscription .bloc-home-1{
	background: #fff url(img/bloc-home-1.png) 20px 10px no-repeat;
}

.reservation.inscription .bloc-home-2:after{
	position: absolute;
	width: 205px;
	height: 149px;
	content:'';
	display: block;
	background: url(img/bloc-home-2.png) top left no-repeat;
	right: -8px;
	top: 6px;
}

.reservation.inscription .bloc-home-3:before{
	position: absolute;
	width: 185px;
	height: 124px;
	content:'';
	display: block;
	background: url(img/bloc-home-3.png) top left no-repeat;
	left: -8px;
	top: 20px;
}

.reservation.inscription .bloc-home-1 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	float: right;
	margin: 10% 6%;
}

.reservation.inscription .bloc-home-1 p span{
	font-size: 32px;
	font-weight: 900;
	color: #bf2f2e;
}

.reservation.inscription .bloc-home-2 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	margin: 0 2%;
	padding-top: 16px;
}

.reservation.inscription .bloc-home-2 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.inscription .bloc-home-2 p span span{
	font-size: 32px;
}

.reservation.inscription .bloc-home-2 p span span span{
	font-size: 22px;
}


.reservation.inscription .bloc-home-3 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 45%;
	margin: 0 4%;
	padding-top: 30px;
	float: right;
}

.reservation.inscription .bloc-home-3 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.inscription .bloc-home-3 p span span{
	font-size: 32px;
}

.reservation.inscription .bloc-home-3 p span span span {
	font-size: 22px;
}

.reservation.paiement {
	background: #ebebeb;
}

.reservation.paiement .wrapper-block-index{
	margin: 80px auto 20px;
}

.reservation.paiement .bloc-home{
	background: #fff;
	width: 100%;
	display: block;
	margin: 10px 0;
	min-height: 214px;
	position: relative;
	border-radius: 6px;
}

.reservation.paiement .bloc-home a{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	padding: 0 10px;
	min-width: 200px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: Raleway;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: #bf2f2e;
	text-align: center;
}

.reservation.paiement .bloc-home-1{
	background: #fff url(img/bloc-home-1.png) 20px 10px no-repeat;
}

.reservation.paiement .bloc-home-2:after{
	position: absolute;
	width: 205px;
	height: 149px;
	content:'';
	display: block;
	background: url(img/bloc-home-2.png) top left no-repeat;
	right: -8px;
	top: 6px;
}

.reservation.paiement .bloc-home-3:before{
	position: absolute;
	width: 185px;
	height: 124px;
	content:'';
	display: block;
	background: url(img/bloc-home-3.png) top left no-repeat;
	left: -8px;
	top: 20px;
}

.reservation.paiement .bloc-home-1 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	float: right;
	margin: 10% 6%;
}

.reservation.paiement .bloc-home-1 p span{
	font-size: 32px;
	font-weight: 900;
	color: #bf2f2e;
}

.reservation.paiement .bloc-home-2 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 40%;
	margin: 0 2%;
	padding-top: 16px;
}

.reservation.paiement .bloc-home-2 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.paiement .bloc-home-2 p span span{
	font-size: 32px;
}

.reservation.paiement .bloc-home-2 p span span span{
	font-size: 22px;
}


.reservation.paiement .bloc-home-3 p{
	text-align: center;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	width: 45%;
	margin: 0 4%;
	padding-top: 30px;
	float: right;
}

.reservation.paiement .bloc-home-3 p span{
	font-size: 12px;
	text-transform: none;
	color: #bf2f2e;
}

.reservation.paiement .bloc-home-3 p span span{
	font-size: 32px;
}

.reservation.paiement .bloc-home-3 p span span span {
	font-size: 22px;
}

#form_reservation{
	margin: 0 -15px;
	padding: 0 15px;
}

/*
*	POPINS
*	*/
.reservation.index .bloc {
	border-radius: 5px;
	background: #fff;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #a59d97;
	margin-top: 25px;
	font-family: 'Raleway', sans-serif;
	position: relative;
}

.reservation.index .bloc:before {
	content: ' ';
	display: block;
	position: absolute;
	top: -20px;
	left: 10%;
	width: 20px;
	height: 20px;
	background: url(../../../css/img/structure-2015/arrow_bloc_home_resa.png) no-repeat top left;
}

/*
*		POPIN RECHERCHE AGENCE
*/
/* *************************************************************************************** */

.reservation.index #agence_info {
	margin-bottom: 25px;
	border: none;
	z-index: 9999;
}

.reservation.index #agence_info .popin-agence-block {
	padding: 0 25px 30px;
}

.reservation.index #agence_info:before {
	display: none;
}

.reservation.index #agence_info .h2{
	font-size: 25px;
	font-weight: 500;
}

.reservation.index #agence_info .hr-line{
	display: block;
	border-bottom: solid 2px #d71921;
	width: 11%;
	margin-bottom: 20px;
}

.reservation.index #agence_info .agence--table-horaires th{
	font-size: 16px;
	font-family: raleway;
	line-height: 30px;
}

.reservation.index #agence_info .agence--table-horaires .fake-table .closed{
	font-style: italic;
}

.reservation.index #agence_info #popin-agence .tabs li{
	position: relative;
	display: block;
}

.reservation.index #agence_info .carte_google{
	margin-top: 40px;
}

.reservation.index #agence_info .carte_google #map_agence{
	min-height: 350px;
}

.row.type-table.fullwidth {
	background: #ffffff;
	border-radius: 6px;
}

/* Popin APP-Store / GooglePlay */
.layer{
	position: fixed;
	display: none;
	width: 100%;
	z-index: 998;
	opacity: 0;
	height: 100%;
	background: #000;
}

.acces_libre{
	position: relative;
	margin-top: 6px;
	padding: 10px 10px;
	background: #fff;
}

.acces_libre img{
	float: left;
	margin-right: 7px;
}

.acces_libre .acces_libre-text{
	color: #000;
	font-size: 17px;
	font-family: raleway;
	font-weight: 500;
}

.acces_libre .acces_libre-info{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 8px;
	margin-top: -10px;
	cursor: pointer;
}
.popin_libreservice{
	position: fixed;
	display: none;
	width: 330px !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	opacity: 0;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
}

.popin_libreservice .popin_libreservice-header{
	position: relative;
	display: block;
	padding: 15px 35px;
	background: #d41217;
}

.popin_libreservice .popin_libreservice-header .popin_libreservice-header-img{
	left: 35px;
}

.popin_libreservice .popin_libreservice-header .popin_libreservice-header-text{
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size:	22px;
}

.popin_libreservice .popin_libreservice-header .popin_libreservice-header-close{
	position: absolute;
	right: 35px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

.popin_libreservice .popin_libreservice-content{
	padding: 50px 50px;
	background: #fff;
}

.popin_libreservice .popin_libreservice-content .popin_libreservice-content-text{
	color: #000;
	font-family: raleway;
	font-size:	13px;
}

/* **************************************************************************************** */
.layer{
	position: fixed;
	display: none;
	width: 100%;
	z-index: 998;
	opacity: .3;
	height: 100%;
	background: #000;
}

.reservation.validation .layer,
.reservation.validation .popin_paiement{
	display: block;
}

.popin_paiement{
	position: fixed;
	display: none;
	width: 80%;
	top: 50%;
	left: 50%;
	padding: 8% 0 11%;
	text-align: center;
	transform: translate(-50%, -50%);
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	opacity: 1;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
	background: #fff;
}

.popin_paiement .popin_paiement-logo{
	width: 40%;
}

.popin_paiement .popin_paiement-text{
	position: relative;
	width: 85%;
	margin: 10% auto 15% auto;
	color: #000;
	font-size:	5vw;
	line-height: 8vw;
	font-family: raleway;
}

.popin_paiement .popin_paiement-bloc_download a{
	display: block;
	font-size: 0;
}

.popin_paiement .popin_paiement-bloc_download a img{
	width: 65%;
}

.popin_paiement .popin_paiement-appstore{
	margin-bottom: 20px;
}

.popin_paiement .popin_paiement-close{
	position: absolute;
	top: 35px;
	right: 35px;
	cursor: pointer;
}

@media screen and (min-width: 500px){

	.popin_paiement .popin_paiement-logo{
		max-width: 150px;
	}

	.popin_paiement .popin_paiement-text{
		font-size: 20px;
		line-height: 32px;
	}

	.popin_paiement .popin_paiement-bloc_download a img{
		width: 320px;
	}
}

/* banner select YES/NO */
/* **************************************************************************************** */
#calendar .layer_unselect{
	position: absolute;
	display: block;
	top: 15px;
	left: -4px;
	width: 103%;
	height: 90%;
	z-index: 999;
	background: #000;
	opacity: 0.3;
	border-radius: 8px;
}

#calendar .form-inline{
	position: relative;
	display: inline-block;
}

.agence_info-header{
	position: relative;
	display: block; /* version ada express */
	/* display: none; Version ada normal */
	padding: 0 10px;
	background: #d41217;
}

.agence_info-header .agence_info-header-img{
	display: inline-block;
	width: 20%;
	margin: 17% 0;
}

.agence_info-header .agence_info-header-img img{
	position: absolute;
	top: 50%;
	width: 16%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.agence_info-header .agence_info-header-content{
	position: absolute;
	display: inline-block;
	width: 78%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}

.agence_info-header .agence_info-header-content .agence_info-header-radios{
	line-height: 0;
}

.agence_info-header .agence_info-header-content .radios_yesno{
	position: relative;
	display: inline-block;
	width: 30%;
}

.agence_info-header .agence_info-header-content .radio-yes{
	margin-right: 30px;
}

.agence_info-header .agence_info-header-content [type="radio"] {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 10;
}

.agence_info-header .agence_info-header-content .radios_yesno-radio{
	position: absolute;
	display: block;
	top: -6px;
	left: 0;
	width: 35%;
	height: 200%;
	background-size: 100%;
}

.agence_info-header .agence_info-header-content [type="radio"] + .radios_yesno-img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.agence_info-header .agence_info-header-content [type="radio"]:checked + .radios_yesno-img {
	background-image: url("../img/radio_on.png");
}

.agence_info-header .agence_info-header-content [type="radio"]:not(:checked) + .radios_yesno-img {
	background-image: url("../img/radio_off.png");
}

.agence_info-header .agence_info-header-text,
.agence_info-header .agence_info-header-content .radios_yesno label{
	margin: 0;
	font: 500 3.4vw raleway;
	line-height: 4vw;
}

.agence_info-header .agence_info-header-content .radios_yesno label{
	margin-left: 50%;
}

.agence_info-header .agence_info-header-text{
	width: 95%;
	margin-bottom: 15px;
}

@media screen and (min-width: 380px){

	.agence_info-header .agence_info-header-content .radios_yesno-radio{
		max-width: 23px;
	}
}

@media screen and (min-width: 550px){

	.agence_info-header .agence_info-header-content .radios_yesno-radio{
		max-width: 29px;
		width: 30%;
	}

	.agence_info-header .agence_info-header-img{
		margin: 55px 0;
		max-width: 130px;
	}

	.agence_info-header .agence_info-header-content .radios_yesno{
		width: 85px;
	}

	.agence_info-header .agence_info-header-img img{
		max-width: 49px;
		left: 6%;
	}

	.agence_info-header .agence_info-header-text,
	.agence_info-header .agence_info-header-content .radios_yesno label{
		font: 500 16px raleway;
	}

	.agence_info-header .agence_info-header-content .radios_yesno label{
		margin-left: 45px;
	}
}

/* banner 24h si click sur Yes */
/* **************************************************************************************** */
.bloctext24h{
	position: relative;
	display: none;
	margin: 5% 0;
	padding: 8% 4%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: #bf2f2e;
}

.bloctext24h.libre-service.is-libre-service{
	display: block;
}

.bloctext24h .bloctext24h-img{
	display: inline-block;
	width: 16%;
	margin-right: 3%;
}

.bloctext24h .bloctext24h__content{
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 75%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	font-family: raleway;
}

.bloctext24h .bloctext24h__content p{
	margin: 0;
	font-size: 2.7vw;
}

.bloctext24h .bloctext24h__content .bloctext24h__content-title{
	margin-bottom: 2%;
	width: 88%;
	font-size: 3.5vw;
	font-weight: bold;
}

@media screen and (min-width: 370px){

	.bloctext24h .bloctext24h-img{
		width: 49px;
	}
}

@media screen and (min-width: 450px){

	.bloctext24h{
		padding: 40px 4%;
	}

	.bloctext24h .bloctext24h__content .bloctext24h__content-title{
		font-size: 16px;
	}

	.bloctext24h .bloctext24h__content p{
		font-size: 13px;
	}
}

/* *************************************************************************************** */
#page-up{
	position: fixed;
	display: block;
	opacity: 0;
    bottom: 8px;
    right: 6px;
	width: 60px;
    height: 60px;
    border-radius: 100%;
    background: rgba(192,191,191,0.9);
    text-align: center;
	transition: opacity .3s ease-in-out;
	z-index: 999;
}
#page-up.show{
	opacity: 1;
	transition: opacity .3s ease-in-out;
}
#page-up img{
	position: absolute;
	top: 45%;
	left: 50%;
	width: 45%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.list--vehicle .grille > .grille-categorie {
	position: relative;
    border-bottom: 1px solid #dcdcdc;
    padding: 30px 0;
    overflow: hidden;
    border: solid 3px #dedede !important;
    background: #fff;
    min-height: 265px;
    text-align: center;
}
.list--vehicle .grille > .grille-categorie{
	padding-bottom: 0 !important;
}

.list--vehicle .grille > .grille-categorie .main-title{
	font-family: Raleway;
	font-weight: 800;
	font-size: 16px;
	margin-top: 0;
    margin-bottom: 0;
	display: block;
}

.list--vehicle#grille_categorie{
	padding-top: 15px;
}
.list--vehicle#grille_categorie .grille{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list--vehicle#grille_categorie .grille .grille-categorie{
	width: 48%;
	margin-bottom: 15px;
}
#grille_categorie .grille:before{
	display: none;
}
#grille_categorie .description{
	font-size: 13px;
}
#grille_categorie .block-bottom{
	display: flex;
	justify-content: space-between;
	position: absolute;
    width: 100%;
    bottom: -12px;
}
#grille_categorie .price{
	width: 45%;
	margin: 0;
	line-height: 32px;
    font-family: raleway;
}
#grille_categorie .block-bottom-button{
	width: 65%;
}
#grille_categorie .btn-submit{
	height: auto;
	padding: 7px 16px;
    font-size: 14px;
    text-transform: capitalize;
	background: #dd252d;
}

.result-list .cat_img.indispo{
	width: 90%;
    margin-top: 25px;
}
.vehicle-indispo-text{
	position: absolute;
    top: 24%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    width: 100%;
}
.vehicle-indispo-bloctext{
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
	background: #fff;
}
.vehicle-indispo-bloctext p{
	font-size: 12px;
    line-height: 15px;
}
.vehicle-indispo-bloctext .vehicle-indispo-btn,
.reservation.index input[type=button].vehicle-choose-btn{
	position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    margin-top: 25px;
    padding: 5px 0;
    border: solid 3px #dd252d;
    border-radius: 4px;
    color: #dd252d;
    font-weight: bold;
    font-size: 16px;
    background: #fff;
    cursor: pointer;
}
.vehicle-indispo{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
}

.vehicle--preview .cat_img + p{
	font-family: Raleway;
	font-size: 15px;
	font-weight: 600;
}

.vehicle--preview .list-unstyled{
	overflow: hidden;
}

.vehicle--preview .spec{
	width: 48%;
	float: left;
	text-align: left;
	font-family: Raleway;
	font-weight: 600;
	font-size: 13px;
	padding-left: 22px;
	background: url(../img/sprite-spec-mobile.png) center left no-repeat;
}

.vehicle--preview .spec.places{background-position: left 0px;}
.vehicle--preview .spec.portes{background-position: left -60px;}
.vehicle--preview .spec.valises{background-position: left -80px;}
.vehicle--preview .spec.sacs{background-position: left -20px;}
.vehicle--preview .spec.age{background-position: left -40px;}
.vehicle--preview .spec.dimensions{background-position: left -120px;}
.vehicle--preview .spec.charge{background-position: left -100px;}

.vehicle--preview .spec:nth-child(even){
	float: right;
}

.vehicle--preview .price{
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #bf2f2e !important;
	text-align: center !important;
}

.vehicle--preview .price span{
	font-size: 24px;
}

.vehicle--preview .btn-submit{
	height: 45px;
	background: #bf2f2e;
	font-family: Raleway;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}

.booking-progression{
	background: #ffffff;
	text-align: center;
	padding-top: 25px;
}

#nav-resa{
	position: relative;
	display: inline-block;
	width: 100%;
    margin-top: 15px;
	padding: 0;
	overflow: hidden;
	text-align: center;
}

#nav-resa:after{
	content:'';
	height: 1px;
	width: calc(100% - 80px);
	background: #e6e6e6;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.item-chemin-resa{
	height: 34px;
	width: 34px;
	background: #bfbfbf;
	padding: 0 !important;
	line-height: 35px !important;
	color: #ffffff !important;
	border-radius: 50%;
	border: none;
	display: inline-block !important;
	font-family: Arial, sans-serif;
	font-weight: 800;
	margin: 0 30px !important;
	z-index: 2;
	position: relative;
}
.item-chemin-resa.current{
	border: none !important;
	background: #bf2f2e !important;
}

.item-chemin-resa.current .number{
	color: #fff !important;
	font-weight: 800;
}

.item-chemin-resa .number{
	padding-top: 0 !important;
}

h1.title-resa {
	font-family: Raleway;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 10px;
}

.title-like.underline{
	color: #7c7c7c;
	font-family: Raleway;
	font-size: 15px;
	text-decoration: none;
	padding: 10px 0;
}
body.agences .title-like{
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 15px;
	border: none;
}
body.agences.agence .title-like.underline{
	margin: 10px 0 0;
	padding: 0;
}
body.agences .title-like.subtitle,
.reservation.index .title-like.subtitle{
	font-size: 15px !important;
	font-family: Raleway;
	text-transform: none;
	color: #000;
	font-weight: normal;
	margin-bottom: 6px;
	text-align: left;
}
body.agences.agence .title-like.times{
	text-align: left;
    border-bottom: solid 1px #ccc;
	width: 93%;
    margin: 0 0 10px 0;
	padding: 10px 0;
}
body.agences .fb-share-button{
	display: none;
}
body.agences.agence .agence--table-horaires{
	margin-top: 0;
}

h2.title-like{
	padding-top: 7px;
	padding-left: 10px;
	line-height: 24px;
	font-family: Raleway;
	font-weight: bold;
	font-size: 22px;
}

.debut-resa,
.fin-resa{
	position: relative;
	display: flex;
    justify-content: space-between;
	font-family: Raleway;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	width: 85%;
	height: 20px;
	color: #000;
	padding-left: 20px;
	margin: 4px 0;
}
.debut-resa:before,
.fin-resa:before{
	content: "";
	position: absolute;
	top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
	background: url(img/picto-calendar-on.png) 0 center no-repeat;
	background-size: 100%;
}

.debut-resa span,
.fin-resa span{
	position: relative;
	padding-left: 10vw;
}
.debut-resa span:before,
.fin-resa span:before{
	content: "";
	position: absolute;
	top: 2px;
    right: 49px;
    width: 18px;
    height: 18px;
	background: url(img/picto-heure-on.png) 0 center no-repeat;
	background-size: 100%;
}

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

@media only screen
and (min-device-width : 375px)
and (orientation : portrait) {
	.debut-resa span,
	.fin-resa span{
		margin-left: 10%;
	}
}

#form_modif_reservation .btn-default{
	height: 34px;
	background: #bf2f2e;
	font-family: Raleway;
	font-size: 14px;
	font-weight: bold;
	float: right;
	margin-top: 12px;
}

#form_modif_reservation .form-inline.kilometers{
	border: none !important;
	margin-bottom: 0;
}

#form_modif_reservation .form-inline select{
	margin: 0;
}

.container-select-km{
	width: 100%;
	border: 1px solid #dedede;
	border-radius: 4px;
	height: 35px;
	position: relative;
}

.container-select-km:after{
	content: '';
    width: 20px;
    padding: 0 20px;
    height: 100%;
    background: url(img/arrow-select.png) center center no-repeat;
	background-size: 40%;
    border-left: 2px solid #dedede;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.container-select-km select{
	position: relative;
	background: transparent;
	border: none;
	max-width: inherit !important;
	height: 33px;
	padding-left: 10px;
	z-index: 2;
	font-family: Raleway;
	font-weight: bold;
	font-size: 14px;
	color: #000 !important;
}

.tpl_reservation input[name="filtres_choix"]{
	display: none;
}

.tpl_reservation label[for="rad_cat"],
.tpl_reservation label[for="rad_bag"],
.tpl_reservation label[for="rad_pie"],
.tpl_reservation label[for="rad_pla"]{
	display: inline-block;
	width: 70px;
	height: 40px;
	vertical-align: top;
	font-family: Raleway;
	font-weight: bold;
	font-size: 9px;
	text-align: center;
	position: relative;
	margin: 0 10px 10px;
}

.tpl_reservation label[for="rad_cat"]{
	background: url(../img/vehicules.png) no-repeat;
	background-size:contain;
	width:40px;
	height:40px;
}
.tpl_reservation label[for="rad_bag"]{
	background: url(../img/bagages.png) no-repeat;
	background-size:contain;
	width:40px;
	height:40px;
}
.tpl_reservation label[for="rad_pla"]{
	background: url(../img/sieges.png) no-repeat;
	background-size:contain;
	width:40px;
	height:40px;
}

.tpl_reservation label[for="rad_pie"]{
	background: url(../img/pieces.png) no-repeat;
	background-size:contain;
	width:80px;
	height:40px;
	background-position: 20px !important;
}

.tpl_reservation label[for="rad_cat"] span,
.tpl_reservation label[for="rad_bag"] span,
.tpl_reservation label[for="rad_pie"] span,
.tpl_reservation label[for="rad_pla"] span{
	display: inline-block !important;
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
	width: 115%;
}

.tpl_reservation label[for="rad_cat"]{ background-position: 0 10px; }
.tpl_reservation label[for="rad_bag"]{ background-position: 0 0; }
.tpl_reservation label[for="rad_pie"]{ background-position: 0 0px; }
.tpl_reservation label[for="rad_pla"]{ background-position: 0 10px; }

#filtres{
	position: relative;
	border: solid 3px #dedede;
    padding: 5px 0;
    margin-top: 25px;
	margin-bottom: 10px;
	border-radius: 4px;
	text-align: center;
}
.filtres-text{
	margin: 0;
    color: #000;
    font-weight: bold;
    font-size: 17px;
    white-space: nowrap;
    position: relative;
    display: inline-block;
}
.filtres-text:after{
	content: "";
    position: absolute;
    right: -16px;
    width: 7px;
    height: 100%;
    background: transparent url(img/arrow-right.png) center center no-repeat;
    background-size: 100%;
}

.vehicules .container-fluid{
	padding: 0;
}

.vehicules .intro{
	border: none !important;
	padding: 25px !important;
}

.vehicules .intro h1{
	font-size: 22px !important;
	text-transform: uppercase;
	font-weight: bold !important;
	color: #0c0c0c;
}

.vehicules .intro p{
	font-size: 15px;
	color: #0c0c0c;
	font-weight: 600;
	font-family: Raleway;
	text-align: justify;
}

.container-vehicules{
	padding: 15px;
	background: #ebebeb;
}

.container-vehicules .encart{
	background: #fff !important;
	border-radius: 6px;
	padding: 0 0 20px 0 !important;
}

.container-vehicules .encart h2{
	background: transparent !important;
	color: #000 !important;
	text-align: center;
	padding: 20px 15px 10px !important;
}

.container-vehicules .encart .infos{
	text-align: center;
	width: 100% !important;
	margin: 20px 0 0;
}

.container-vehicules .encart .infos strong{
	font-family: Raleway;
	font-size: 16px;
	font-weight: 500;
}

.container-vehicules .encart .bloc-vignette{
	position: relative;
}

.container-vehicules .encart .bloc-vignette img{
	z-index: 1;
	position: relative;
}

.container-vehicules .encart .premier-prix .bloc-vignette img{
	left: 16%;
	width: 80%;
}

.container-vehicules .encart .bloc-vignette .round-red-price{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #bf2f2e;
	position: absolute;
	top: -10px;
	left: -2%;
	z-index: 0;
}

.container-vehicules .encart .bloc-vignette .round-red-price p{
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: Raleway;
	font-size: 45px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	margin-top: 30px;
}

.container-vehicules .encart .bloc-vignette .round-red-price p span{
	font-size: 26px;
}

.container-vehicules .encart .bloc-vignette .round-red-price p span span{
	font-size: 18px;
	font-weight: normal;
}

.vehicules .filters{
	text-align: center;
	border-top: 1px solid #ebebeb;
	font-family: Raleway;
	font-size: 0px;
	text-transform: uppercase;
	color: #7d7d7d;
	padding-top: 10px;
}

.vehicules .filters p{
	font-size: 14px;
}

.vehicules .filters div{
	display: inline-block;
	height: 70px;
	border-radius: 4px;
	background: transparent url(../img/sprite-filters-label.png) top left no-repeat;
	background-size: 300px;
	width: 100px;
	font-family: Raleway;
	text-align: center;
	font-weight: 600;
	font-size: 10px;
	color: #000;
	padding-top: 50px;
	text-transform: none;
	cursor: pointer;
	transition: background-color .25s ease, color .25s ease;
}

.vehicules .filters div:nth-child(2){background-position: top left;}
.vehicules .filters div:nth-child(3){background-position: top center;}
.vehicules .filters div:nth-child(4){background-position: top right;}


.vehicules .filters div.active {
	background-color: #bf2f2e;
	color: #fff;
}

.vehicules .filters div:nth-child(2).active{ background-position: bottom left; }
.vehicules .filters div:nth-child(3).active{ background-position: bottom center; }
.vehicules .filters div:nth-child(4).active{ background-position: bottom right; }

.vehicules .container-select-filters{
	width: 300px;
	margin: -4px auto 10px;
	background: #bf2f2e;
	border-radius: 4px;
	padding: 10px;
	box-sizing: border-box;
	display: none;
}

.vehicules .container-select-filters .stylizer-select{
	width: 100%;
	height: 36px;
	background: #fff url(../img/arrow-select-filters.png) top right no-repeat;
	background-size: 48px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #ebebeb;
}

.vehicules .container-select-filters .stylizer-select select{
	background: none;
	width: 120%;
	height: 36px;
	border: none;
	font-family: Raleway;
	font-weight: 600;
	font-size: 17px;
	outline: none;
}

.vehicules .display-mobile{ display: block; }
.vehicules .display-desktop{ display: none; }

@media (min-width: 768px){
	.navbar-header,
	.navbar-nav {
		float: none;
	}
}

@media screen and (max-width: 320px){
	.reservation.index .bloc-home-2:after {
		right: -32px;
	}
	.reservation.index .bloc-home-3 p span,.reservation.index .bloc-home-2 p span {
		font-size: 11px;
	}
	.reservation.index .bloc-home-3:before {
		left: -19px;
	}
	.reservation.index .bloc-home-3 p span span, .reservation.index .bloc-home-2 p span span {
		font-size: 25px;
	}
}

.logo{
	float: left;
	position: absolute;
	margin: 0;
	width: 85px;
	height: 64px;
	left: inherit;
	top: 0;
	background: url(../img/logo-mobile.png) top left no-repeat;
	background-size: 100%;
	max-width: inherit;
	left: 4.8vw;
}

@media screen and (max-width: 320px){
	.reservation.index .bloc-home-2:after {
		right: -32px;
	}
	.reservation.index .bloc-home-3 p span,.reservation.index .bloc-home-2 p span {
		font-size: 11px;
	}
	.reservation.index .bloc-home-3:before {
		left: -19px;
	}
	.reservation.index .bloc-home-3 p span span, .reservation.index .bloc-home-2 p span span {
		font-size: 25px;
	}
}

.profil{
	position: absolute;
    top: 3px;
    right: 70px;
    width: 22px;
    height: 40px;
    background: url(../img/profil-black.png) center no-repeat;
    background-size: 100%;
}
.profil.opened{
    background-image: url(../img/profil-red.png);
}

.logo{
	float: left;
	position: absolute;
	margin: 0;
	width: 85px;
	left: inherit;
	top: 0;
	max-width: inherit;
}

.article {
	padding: 10px;
	margin-top: 15px;
	background: #b9b8b8;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px;
	max-width: 25em;
}

.type-recap-client{
	text-align: center;
}
.type-recap-client .title-like{
	border: none;
}
.client .type-recap-client .title-like{
    font-weight: 900;
    font-size: 20px;
	color: #333;
}

.img-vehicle-24h {
	overflow: hidden;
    position: absolute;
    top: -5px;
    right: 5px;
    width: 18%;
}

.img-vehicle-24h-block{
   /* top: -77px;
    left: 60px;*/
    top: -100px;
    left: 20px;
    position: absolute;
    width: 12%;
    z-index: 999;
}

.ui-datepicker {
	z-index: 100 !important;
}

.agences .container-no-progression .dropdown-trigger span{
	width: 90%;
	display: inline-block;
}

@media only screen and (max-width: 345px){
	.reservation.index .container-fluid {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
	.reservation.index .bloc-home-3::before {
		left: -10px !important;
	}
	.reservation.index .bloc-home-2::after {
		right: -25px !important;
	}
}

/* Formulaire compte */
.create-account	form input,
.create-account	form select{
	margin-top: 15px;
}
.create-account	form input[type="text"],
.create-account	form input[type="number"],
.create-account	form input[type="password"],
.create-account	form select {
    padding: 0 0 0 10px;
}
.create-account	form input[type="text"].error,
.create-account	form input[type="number"].error,
.create-account	form input[type="password"].error,
.create-account	form select.error {
	border: 1px solid #ff0000;
}
.create-account	form select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(/css/img/arrow-select.png) 95% center no-repeat;
    background-size: 5%;
}
.create-account	form select {
	color: #000;
}
.create-account	form .message-error{
	display: none;
	margin: 5px 2px 5px 0;
    font-style: italic;
    text-align: right;
	color: #f00;
}
.create-account	form .message-error-display{
	margin: 5px 2px 5px 0;
    font-style: italic;
	color: #f00;
}
.create-account	.title-like.underline{
	margin: 0;
	padding: 0;
	text-align: center;
	border: none;
}
.create-account	h1.title-like.underline{
	margin-top: 20px;
}
.create-account	h2.title-like.underline{
	margin-bottom: 20px;
}
.create-account	h2.title-like.underline{
	font-size: 13px;
    font-weight: 100;
}
.create-account	.block-date-naissance{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
       -moz-justify-content: space-between;
        -ms-justify-content: space-between;
            justify-content: space-between;
              -ms-flex-pack: space-between;
	-webkit-flex-direction: row;
       -moz-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}
.create-account	.block-date-naissance .date-naissance{
	margin-left: 2%;
}
.create-account	.block-date-naissance .date-naissance:first-child{
	margin-left: 0;
}
.create-account	.new-adress-block{
	display: none;
}
.create-account	.row{
	border-bottom: solid 1px #ccc;
    margin: 30px 0;
}
.create-account	.form-text{
    font-size: 16px;
}
.create-account	#newsletter{
	position: absolute;
    margin-top: 0;
	width: 25px;
    height: 25px;
	opacity: 0;
}
.create-account	.radio-new-adress{
	position: relative;
	top: -5px;
	width: 25px;
	height: 25px;
	opacity: 0;
}
.create-account	#non.radio-new-adress{
	margin-left: 25px;
}
.create-account .text-form{
	margin: 15px 0 5px;
}
.create-account .text-minimum-caract{
	margin: 5px 0 0;
	font-style: italic;
	font-size: 13px;
}
.create-account .date-naissance{
	margin-top: 0;
}
.create-account	.radio-new-adress + label{
	position: relative;
	vertical-align: bottom;
}
.create-account	.radio-new-adress + label:before{
	content: "";
	position: absolute;
	display: inline-block;
	top: -5px;
	left: -35px;
	width: 25px;
	height: 25px;
	background: url("../img/radio-off.png") center no-repeat;
	background-size: 100%;
}
.create-account	.radio-new-adress:checked + label:before{
	background: url("../img/radio-on.png");
	background-size: 100%;
}
.create-account	#non.radio-new-adress:not(:checked) + label + .new-adress-block{
	display: block;
}
.create-account	#newsletter + label{
    position: relative;
	margin-left: 35px;
}
.create-account	#newsletter +label:before{
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: -35px;
	width: 25px;
	height: 25px;
	background: url("../img/select-off.png") center no-repeat;
	background-size: 100%;
}
.create-account	#newsletter:checked + label:before{
	background: url("../img/select-on.png");
	background-size: 100%;
}

.create-account	.block-password{
	position: relative;
}
.create-account	.block-password .eye-open{
	position: absolute;
	display: block;
    top: 8px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(/css/img/eye-open.png) center no-repeat;
    background-size: 100%;
}
.create-account	#password{
	margin-top: 0;
    padding: 0 60px 0 10px;
}

.create-account	.btn-submit{
	width: 100%;
	padding: 15px 0;
}

.create-account	.form-text.infos-loi{
	position: relative;
    width: 100vw;
    left: 50%;
	margin-top: 40px;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
    font-size: 11px;
    font-style: italic;
    text-align: center;
    padding: 20px 0;
    background: #eee;
    color: #000;
}

.bg.homepage-banner {
	position: relative;
	border-radius: 8px !important;
	padding: 0.2em 2em !important;
	margin-top: 10px !important;
	margin-bottom: -5px !important;
	cursor: pointer;
}

.bg.homepage-banner .close-banner {
	position: absolute;
    right: 7px;
    width: 6%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.bg.homepage-banner p {
	color: white !important;
	line-height: 1.25em !important;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mobile-visuels .bloc-home.bloc-home-1 {
	background: #fff !important;
}

.mobile-visuels .bloc-home.bloc-home-2::after {
	background: none !important;
}

.mobile-visuels .bloc-home.bloc-home-1 img {
	position: absolute;
	width: 185px;
	height: 124px;
	display: block;
	left: -8px;
	top: 20px;
}

.mobile-visuels .bloc-home.bloc-home-2 img {
	position: absolute;
	width: 205px;
	height: 149px;
	display: block;
	right: 0px;
	top: 6px;
}

.navbar .nav #main-nav .nav,
.dropdown-target-result .nav {
	font-size: 14px !important;
}

/* refonte 2018 */
.reservation.resultat{
	background: #fff;
}
.clear.bottom_tpl_reservation{
	position: absolute;
	bottom: 0;
}
.reservation.resultat .tpl_reservation .header{
	text-align: center;
}
.reservation.resultat .tpl_reservation #nav-resa{
	padding: 0;
}
.reservation.resultat .booking-progression{
	padding: 0;
	margin: 20px 0 0 0;
}
.cadre_infos{
	position: relative;
    display: inline-block;
    margin-top: 100px;
	left: 50%;
    width: 100%;
    height: auto;
	padding: 22vw 20px 70px;
	box-sizing: border-box;
    border: solid 2px #d0d0d0;
	border-bottom: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-family: raleway;
}
.cadre_infos .visu{
	position: absolute;
	top: -110px;
	width: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cadre_infos .h3{
	font-size: 12px;
	margin: 0;
}

.cadre_infos .recap{
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: left;
}
.cadre_infos #title-agence{
	font-size: 15px;
}
.cadre_infos #title-agence:after{
	content: "";
    position: absolute;
    right: 0;
    width: 19px;
	margin-top: 0;
    background: url(img/arrow-down-red.png) 0 0 no-repeat;
}
.cadre_infos .total-price{
	position: absolute;
    display: flex;
    justify-content: space-between;
    left: 50%;
    bottom: 0;
    width: calc(100% + 4px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 20px;
    font-family: raleway;
    font-weight: bold;
    padding: 10px;
}
.cadre_infos .total-price .label{
	line-height: inherit;
    padding: 5px;
    text-transform: initial;
    font-size: 18px;
}
.cadre_infos .total-price .digit-2{
	line-height: 35px;
	font-size: 30px;
}
.cadre_infos .total-price .digit-2 .text_promo{
	font-size: 15px;
    vertical-align: middle;
}
.cadre_infos .total-price .devis{
	position: absolute;
    bottom: -20px;
    right: 0;
	text-transform: initial;
    text-decoration: underline;
	color: #000;
    font-size: 12px;
    font-weight: 100;
}
.bloc_infos-options{
    list-style-type: none;
    width: 100%;
	padding: 0;
}
.bloc_infos-options .option-item{
	position: relative;
    width: 100%;
    margin-top: 0;
    padding: 0 20px;
    background: #fff;
    border: solid 2px #ddd;
    border-radius: 5px;
}
.bloc_infos-options .option-set{
    width: 100%;
    overflow: hidden;
}
.bloc_infos-options .option-set label .popup{
	display: inline-block;
	top: inherit;
    font-size: 13px;
    width: 95%;
    line-height: 15px;
}
.bloc_infos-options .option-item label{
	margin: 0;
}
.bloc_infos-options .option-item input{
    position: absolute;
    left: 15px;
    width: auto;
    opacity: 0;
}
.bloc_infos-options .option-item input + label{
    padding: 8px 0 6px 25px;
    width: 76%;
    z-index: 99;
    font-family: raleway;
    font-weight: 100;
    font-size: 14px;
}
.bloc_infos-options .option-item input[type="checkbox"] + label:before,
.bloc_infos-options .option-item input[type="radio"] + label:before{
    content: "";
    position: absolute;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 14px;
    width: 19px;
    height: 15px;
    background: url(img/coche-off.jpg);
    margin-top: 10px;
	mix-blend-mode: multiply;
}
.bloc_infos-options .option-item .option-set input[type="checkbox"] + label:before,
.bloc_infos-options .option-item .option-set input[type="radio"] + label:before {
    top: 50%;
    margin-top: 0;
}
.bloc_infos-options .option-item input:checked + label:before{
    background: url(img/coche-on.jpg);
}
.bloc_infos-options .option-item .option-text{
    position: absolute;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: raleway;
    font-size: 14px;
}
.bloc_infos-options .option-item .option-text .prix{
    font-weight: bold;
    font-size: 17px;
}
.bloc_infos-options-alert label sup{
    position: absolute;
    margin: 20px 0 0 5px;
}
.bloc_infos-options-alert .options-alert-message{
    position: fixed;
    display: none;
    width: 93%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    padding: 10px;
    text-align: center;
    background: #fff;
    line-height: 18px;
    z-index: 999;
    padding: 35px 20px;
    border-radius: 5px;
}
.bloc_infos-options-alert .options-alert-message .h3{
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
}
.bloc_infos-options-alert .options-alert-message .h3 img{
    width: 40px;
    float: left;
    margin-right: 15px;
}
.bloc_infos-options-alert .options-alert-message p{
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
}
#form_resume .alert-choice{
    width: calc(100% - 4px);
    border: solid 2px #da1f23;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    padding: 4px 0;
    margin-top: 20px;
    color: #da1f23;
}
#form_resume .alert-choice.info_vls {
    border: solid 2px #55bc62;
    color: #55bc62;
	font-weight: 500;
}
.bloc_infos-options-alert .alert_close{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.reservation.resultat .h4{
	margin: 25px 0;
	font-size: 28px;
    font-weight: bold;
    text-align: center;
}
.reservation.resultat .h5{
	text-align: center;
    font-weight: 100;
}
.reservation.resultat .h4.assurances{
	margin-bottom: 10px;
}
.reservation.resultat .h5.assurances{
	margin-bottom: 0;
}


.green{
	color: #55bc62;
}
.orange{
	color: #f19241;
}
.block-packs{
	display: flex;
	justify-content: stretch;
	align-items: flex-end;
	margin: 0 auto 25px;
}
.block-packs-item{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-right: 2%;
    text-align: center;
}
.block-packs-item .h3{
	font-size: 16px;
}
.block-packs-item sup{
	position: absolute;
    display: inline-block;
    top: 14px;
    right: -1px;
    width: 14px;
    height: 16px;
    cursor: pointer;
    background: url(../../../css/img/info.png) 0 0 no-repeat;
    background-size: 100%;
}
.block-packs-item:last-child{
    margin-right: 0;
}

.block-packs-item .options li{
	position: relative;
	list-style: none;
}
.block-packs-item .options li:before{
	content: "";
	position: absolute;
	display: inline-block;
	top: 4px;
    left: -14px;
    width: 10px;
	height: 9px;
    background: url(../../../css/img/coche.jpg) 0 0 no-repeat;
	background-size: 100%;
}

.block-packs-item .block-packs-top{
    color: #fff;
	padding: 10px 5px 0;
    text-transform: uppercase;
	font-size: 10px;
    font-weight: 600;
    line-height: 11px;
}
.block-packs-item .block-packs-top .text{
	margin-bottom: 0;
}
.block-packs-item .block-packs-top .text2{
	font-size: 7px;
}
.block-packs-item .block-packs-top .price{
    font-weight: 600;
    font-size: 16px;
	margin: 8px 0 0;
    padding-bottom: 12px;
}

.block-packs-item.block-packs-zen .block-packs-top{
    background: #55bc62;
}
.block-packs-item.block-packs-basic .block-packs-top{
    background: #f19241;
}
.block-packs-item.block-packs-mini .block-packs-top{
    background: #de3a40;
}

.block-packs-item .block-packs-middle{
    position: relative;
    text-align: left;
    border: solid 2px #e0e0e0;
    border-top: none;
    background: #fff;
}
.block-packs-item.block-packs-zen .block-packs-middle{
    height: 130px;
}
.block-packs-item.block-packs-basic .block-packs-middle{
    height: 115px;
}
.block-packs-item.block-packs-mini .block-packs-middle{
    height: 75px;
}
.block-packs-item.block-packs-basic .block-packs-middle li{
	margin-top: 30px;
}
.block-packs-item.block-packs-mini .block-packs-middle li{
	margin-top: 13px 0 0 10px;
}
.block-packs-item .block-packs-middle .options{
	padding: 10px 0 0 20px;
    line-height: 15px;
    font-size: 10px;
}

.block-packs-item .block-packs-bottom{
    position: relative;
    margin-top: 10px;
    border: solid 2px #e0e0e0;
    z-index: 1;
}
.block-packs-item .block-packs-bottom input{
    position: absolute;
    left: 8%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	opacity: 0;
}
.block-packs-item .block-packs-bottom input[type="radio"]:checked + label:before{
    background: url(../../../css/img/select-on.png) 0 0 no-repeat;
	background-size: 100%;
}
.block-packs-item .block-packs-bottom input[type="radio"] + label:before{
    content: "";
    position: absolute;
    display: inline-block;
    top: 57.3%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10.5%;
	width: 12px;
    height: 17px;
    z-index: 99999;
    background: url(../../../css/img/select-off.png) 0 0 no-repeat;
    background-size: 100%;
}
.block-packs-item .block-packs-bottom label{
    display: inline-block;
    float: inherit !important;
    width: 88% !important;
	padding: 6px 0;
    font-size: 11px;
    margin: 0;
}

.block-stars{
    text-align: center;
}
.block-stars img{
    vertical-align: sub;
}
.block-stars .text{
    display: inline-block;
    margin: 0 5px 0 10px;
    font-size: 13px;
}
.block-stars strong{
    font-size: 17px;
}

.block-stars .block-text-hidden {
    height: 33px;
}
.block-stars-hidden{
	display: none;
}
.alerte{
	margin: 30px 0;
    border: solid 2px #f4bcbd;
    padding: 17px;
    color: #da1f23;
    font-weight: 600;
    line-height: 17px;
    text-align: center;
}

.alerte.info_vls{
    border: solid 2px #55bc62;
    color: #55bc62;
}
/*
*	BLOC PROPOSITION AUTRE VEHICULE
*	*/
#offre_categories {
    font-family: 'Raleway', sans-serif;
    margin: 40px 0;
    width: 100%;
    border-top: 1px solid #d5d5d5;
    clear: both;
}

#offre_categories h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: 20px 0px;
    text-align: center;
}

#offre_categories h3.msg-indispo {
    font-size: 16px;
    font-weight: 700;
}

#offre_categories .famille-categorie {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
    clear: both;
    background: #f2f2f2;
    border: solid 2px #ddd;
    cursor: default;
}

#offre_categories .famille-categorie * {
    clear: both;
}

#offre_categories p span.prix_total {
    position: absolute;
    top: 100px;
    right: 0;
    font-family: 'Raleway', Arial;
    font-size: 13px;
    color: #d71921;
    width: 130px;
    height: auto;
}
#offre_categories p span.prix_total .little-text{
    position: absolute;
	top: -5px;
	left: 0;
}
#offre_categories p span.prix_total .end-text{
    position: absolute;
	top: 51px;
    left: 30px;
}
#offre_categories p span.prix_total .cross-selling-price{
	position: relative;
    left: 0;
    top: 0px;
    font-size: 40px;
    font-family: raleway;
    font-weight: 900;
}
#offre_categories p span.prix_total .cross-selling-price sup{
	position: absolute;
    top: 25px;
    font-size: 30px;
}
#offre_categories .categorie_nom {
    position: absolute;
    left: 10px;
    top: 15px;
    text-align: left;
}

#offre_categories .categorie_nom strong {
    font-size: 22px;
}

#offre_categories .categorie_nom span {
	display: block;
    font-size: 15px;
    line-height: 10px;
}

#offre_categories .visu_prix {
    text-align: center;
}

#offre_categories .visu_prix img {
    float: none;
	width: 50%;
    margin: 70px 0 0 -130px;
}

#offre_categories .visu_prix p.btn-choisir {
	position: relative;
    display: block;
    padding: 8px 30px;
    margin: 20px auto;
    width: fit-content;
	background: #d71921;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    transition: background-color .3s ease-in-out;
	cursor: pointer;
}
#offre_categories .visu_prix p.btn-choisir:hover{
    background: #ff4d55;
    transition: background-color .3s ease-in-out;
}

#offre_categories .current .visu_prix {
    background: none;
    text-align: center;
}

/* *************************************************** */
/* FOOTER */
.footer-sub{
	margin-top: 20px;
	padding: 30px 20px 5px;
	background: #eee;
}
.content--baseline{
    padding: 20px 10px 10px;
	background: #eee;
}

.footer-sub ul li .title-baseline,
.content--baseline .title-baseline h1{
	display: inline-block;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.content--baseline .title-baseline h1{
	width: 85%;
	margin-bottom: 12px;
	font-size: 16px;
}
.content--baseline .title-baseline h2 {
	display: inline-block;
	color: #000;
	width: 85%;
	margin-bottom: 12px;
	font-size: 16px;
}
.content--baseline .block-slide{
	text-align: justify;
}
.content--baseline .block-slide a{
	color: #000;
	font-weight: 600;
}

.footer-sub ul li ul{
	margin-top: 10px;
}
.footer-sub ul li ul li a{
	font-size: 13px;
	font-weight: 100;
	color: #000;
}
.footer-sub ul li img,
.content--baseline .content--baseline-block img{
	float: right;
    width: 15px;
    margin-top: 10px;
	transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.footer-sub ul li.slide-open img,
.content--baseline .content--baseline-block.slide-open img{
	transform: translateY(-50%) rotate(-180deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.content_bottom-icones{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 30px 20px;
	background: white;
}
.content_bottom-icones-block{
	display: inline-block;
    width: 50%;
    text-align: center;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
}
.content_bottom-icones-block img{
    width: 50%;
}
.content_bottom-icones-four img{
	width: 33%;
}
.content_bottom-icones-one,
.content_bottom-icones-three{
	 border-left: none;
}
.content_bottom-icones-three,
.content_bottom-icones-four{
	border-bottom: none;
	padding-top: 20px;
}
.content_bottom-icones-block p{
	font-size: 14px;
    margin-top: 18px;
    font-family: raleway;
    font-weight: 700;
    line-height: 17px;
}
.content_bottom-icones-three p,
.content_bottom-icones-four p{
	margin-bottom: 0;
}
.footer{
}
.footer .table{
	margin-bottom: 0;
}
.footer ul{
	padding-left: 0;
}
.footer ul li{
	line-height: 20px;
	list-style: none;
}
.footer li a{
	color: #333;
	font-weight: 100;
	font-size: 13px;
}
.footer ul li .title-list{
	position: relative;
	font-weight: bold;
    font-size: 18px;
}
.footer ul li .title-list:after{
	content: "";
	position: absolute;
	display: inline-block;
	top: 12px;
    right: 0;
    width: 15px;
    height: 16px;
	z-index: 99999;
	background: url(../../../css/img/arrow-select.png) 0 0 no-repeat;
	background-size: 100%;
	transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.footer ul li .title-list.rotate-arrow:after{
	transform: translateY(-50%) rotate(-180deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.footer ul li .block-slide,
.content--baseline .block-slide{
	display: none;
}
.footer .type--mode-paiement p{
	padding-top: 15px;
	border-top: solid 1px #ddd;
}
.footer .type--mode-paiement img{
	margin-bottom: 15px;
}
.footer-sup{
	background: #2a2a2a;
    padding: 20px;
    width: 100vw;
    box-sizing: border-box;
}
.footer-sup .table-left-text{
	display: inline-block;
	margin-left: 15px;
	line-height: 18px;
	color: #fff;
	vertical-align: middle;
}
.footer-sup .table-left-text .table-right-brand{
	display: block;
	font-weight: bold;
}
.table-right{
	display: block;
	padding: 10px 0;
	color: #fff;
}
.table-right .table-right-text{
	display: inline-block;
    width: 33%;
    line-height: 17px;
}
.table-right img{
	width: 65%;
    float: right;
	margin: 3px 0;
}
.continue_button{
	position: relative;
	display: flex;
	justify-content: space-between;
	background: #fff;
    width: 100vw;
    margin-left: -15px;
    padding: 10px 0;
}
.continue_button p{
	color: #da1f23;
    font-weight: bold;
    font-size: 30px;
	margin: auto 0 auto 15%;
}
.continue_button #prix_total{
    font-size: 45px;
}

#frm_reservation_tarif input[name="desired_km"] {

	margin: 0;
}

.continue_button button,
input[name="desired_km"] {
	background: #da1f23;
    border: none;
	height: 100%;
    padding: 15px 30px;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    font-size: 17px;
    margin: auto 9%;
}
.bloc_infos-formule{
    display: flex;
    justify-content: space-between;
	margin-top: 20px;
	padding-left: 0;
}
.bloc_infos-formule li{
	list-style: none;
}
.block-formule{
    position: relative;
    width: 48%;
    margin-top: 20px;
    background: #fff;
    border: solid 2px #ddd;
    border-radius: 5px;
    transition: border-color .3s ease-in-out;
    cursor: pointer;
}
.block-formule{
    margin-top: 0;
    text-align: center;
}
.block-formule input{
    position: absolute;
    opacity: 0;
}
.block-formule label{
    width: 100%;
    padding: 90px 0;
}
.block-formule input + label:after{
	content: "";
    position: absolute;
    display: inline-block;
    bottom: 15px;
    left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 17px;
    height: 16px;
	background: url(img/picto-radio-off.png) 0 0 no-repeat;
}
.block-formule input:checked + label:after{
    background-image: url(img/picto-radio-on.png);
}
.block-formule label .label-content{
    position: absolute;
    top: 15px;
    left: 50%;
	width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.block-formule .label-content p{
    font-family: raleway;
    font-weight: 100;
    font-size: 15px;
    margin: 15px 0 0 0;
}
.block-formule .label-content .formule-prix{
    margin-top: 0;
}
#form_resume .option-item.option-list-item{
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
}
#form_resume .option-list-item .option-list-content{
    display: none;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: #f2f2f2;
    cursor: default;
}
#form_resume .option-list-content tbody{
    display: block;
}
#form_resume .option-list-content tr{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
#form_resume .option-list-content td{
    position: relative;
}
#form_resume .option-list-content td.list-content-img{
	width: 14%;
}
#form_resume .option-list-content td.list-content-img img{
	width: 100px;
	position: relative;
	left: -35px;
}
#form_resume .option-list-content td.list-content-libelle{
    width: 60%;
}
#form_resume .option-list-content td.list-content-libelle p{
    padding: 0 0 0 10px;
    font-style: italic;
    font-size: 11px;
}
#form_resume .option-list-content td.list-content-libelle strong{
    display: block;
    font-style: initial;
    font-size: 13px;
}
#form_resume .option-list-content td.list-content-prix{
	width: 24%;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
#form_resume .option-list-content td select{
	width: 70px;
    height: 30px;
	margin: 10px 0 0 10px;
    padding-left: 12px;
    font-size: 14px;
	background: #fff url(img/arrow-down-grey.png) 50px center no-repeat;
    font-weight: 500;
    background-size: 20%;
}
#form_resume .option-list-content td select option{
    font-size: 15px;
}

#form_resume .option-item.option-list-item .option-list{
	width: 100%;
    display: inline-block;
    position: relative;
    border: solid 2px #ddd;
    border-radius: 5px;
}
#form_resume .option-item.option-list-item .option-list:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 19px;
    height: 11px;
    background: url(img/arrow-down-red.png) 0 0 no-repeat;
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#form_resume .option-item.option-list-item .option-list.rotate-arrow:after{
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#form_resume .option-item.option-list-item p{
    font-family: raleway;
    font-weight: 100;
    font-size: 15px;
    padding: 10px 15px;
    margin: 0;
}
#frm_reservation_tarif .option-list p{
	margin: 0;
	padding: 10px 0;
}
#frm_reservation_tarif .option-list-content tbody{
    width: 100%;
	display: inline-block;
}
#frm_reservation_tarif .option-list-content tr{
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
}
#frm_reservation_tarif .option-list-content tr:last-child{
    border-bottom: none;
}
#frm_reservation_tarif .option-list-content .list-content-img,
#frm_reservation_tarif .option-list-content .list-content-prix{
	display: flex;
}
#frm_reservation_tarif .option-list-content .list-content-prix{
	display: initial;
}
#frm_reservation_tarif #list-kits + .option-list-content .list-content-prix p{
    margin: 0 auto;
	padding: 0 5px;
}
#frm_reservation_tarif .option-list-content .list-content-prix p,
#frm_reservation_tarif .option-list-content .list-content-img img{
	align-self: center;
}
#frm_reservation_tarif #list-kits + .option-list-content .list-content-img img{
	margin-left: -65px;
}
#frm_reservation_tarif .option-list-content .list-content-prix p{
	white-space: nowrap;
	padding: 0 5px;
}
#frm_reservation_tarif .option-list-content .list-content-img{
	width: 32%;
}
#frm_reservation_tarif .option-list-content .list-content-libelle{
    width: 50%;
}
#frm_reservation_tarif .option-list-content .list-content-select select{
	padding-left: 20px;
	background: #fff url(img/arrow-down-grey.png) 80% center no-repeat;
}
#frm_reservation_tarif .option-item{
	margin-bottom: 10px;
}
#frm_reservation_tarif .option-list p {
    margin: 0;
	padding: 10px 0;
	width: 90%;
}
#frm_reservation_tarif .option-list:after{
    content: "";
    position: absolute;
    top: 21px;
    right: 17px;
    width: 19px;
    height: 11px;
    background: url(img/arrow-down-red.png) 0 0 no-repeat;
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#frm_reservation_tarif .option-list.rotate-arrow:after{
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#frm_reservation_tarif #list-oneway + .option-list-content td {
	width: auto;
	position: relative;
}

#frm_reservation_tarif #list-oneway + .option-list-content td p {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#frm_reservation_tarif #list-oneway + .option-list-content .list-content-libelle {
	width: 100%;
}
#frm_reservation_tarif #list-oneway + .option-list-content .list-content-libelle p {
	width: 100%;
	margin-bottom: 0;
	padding: 8px 0 6px 50px;
}

#frm_reservation_tarif #list-oneway + .option-list-content .list-content-libelle p label {
	width: 100%;
	padding: 0;
}

.kit_block{
	margin: 20px 0 0 20px;
}
.kit_block .kit_block-title{
	margin-bottom: 5px;
	font-weight: bold;
}
.kit_block .kit_block-list{
	padding-left: 17px;
}
.kit_block .kit_block-list li{
	line-height: 25px;
}
#popin_prvu,#popin_pack{
	display: none;
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	padding: 10px;
    z-index: 999999;
	background: rgba(0,0,0,.5);
}

#popin_prvu .popin_pack-content
,#popin_pack .popin_pack-content{
	display: inline-block;
	width: 100%;
    height: 100%;
    overflow-y: auto;
	background: #fff;
}
#popin_prvu .popin_prvu-close,
#popin_pack .popin_pack-close{
	position: absolute;
    right: 25px;
    top: 25px;
}
#popin_prvu .popin_pack-logo,
#popin_pack .popin_pack-logo{
	position: relative;
    margin-top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#popin_pack .popin_pack-title{
	margin-top: 45px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
#popin_pack .popin_pack-24h .popin_pack-title{
	margin-top: 15px;
}
#popin_prvu .popin_pack-text,
#popin_pack .popin_pack-text{
	margin: 40px auto 0;
	width: 85%;
}
#popin_pack .popin-newsletter{
	position: relative;
    width: 85%;
    margin: 25px auto;
}
#popin_pack .popin-newsletter input{
	padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
}
#popin_pack .popin-newsletter img{
	position: absolute;
    top: 0;
    right: 0;
    width: 48px;
}

#popin_pack .popin-choix p strong{
    font-size: 20px;
}

#prvu-no, #prvu-yes,
#popin_pack .popin-choix .button{
    display: inline-block;
    border: none;
    text-transform: uppercase;
    color: #fff;
    margin-top: 30px;
    padding: 6px 24px;
    font-size: 18px;
    border-radius: 50px;
    border: solid 3px #df2125;
    cursor: pointer;
}
#popin_pack .popin-choix .button:hover{
    box-shadow: 0 0 10px rgba(255, 0, 0, 1);
}

#prvu-yes,
#popin_pack .popin-choix .button.button-yes{
    background: #df2125;
    margin-right: 30px;
    color: #fff;
}

#prvu-no,
#popin_pack .popin-choix .button.button-no{
    background: #fff;
    margin-right: 0;
	margin-bottom: 40px;
    color: #df2125;
}

#popin_prvu .popin-choix.popin_pack-content,
#popin_pack .popin-choix.popin_pack-content{
	position: absolute;
	top: 50%;
	width: 95%;
	height: initial;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
    border-radius: 7px;
}

#popin_prvu .popin-assurance .popin-assurance-close,
#popin_pack .popin-assurance .popin-assurance-close{
    position: absolute;
    display: block;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
#popin_pack .popin-assurance .title {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.d-none {
	display: none;
}
span.rouge {
    color: #d71921;
    font-size: 12px;
}

.arrow-prvu{
	font-size: 1.5em;
	color: #df2125;
}

#prvu_text
{
	text-align: left;
}
/* Iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait){

	.cadre_infos{
		padding: 15vw 20px 70px;
	}

	#form_modif_reservation h2.title-like,
	#form_modif_reservation .container-select-km select{
		font-size: 12px;
	}
	#form_modif_reservation h2.title-like{
		padding-left: 10px;
	}
	#form_modif_reservation #t_distance{
		max-width: 100%;
	}
	#form_modif_reservation .container-select-km:after{
	    padding: 0 14px;
	}
	.vehicle--preview .price{
		font-size: 17px !important;
	}
	.grille .row .block-bottom .price sup{
		left: -1px;
	}
	#grille_categorie .price {
    	width: 50%;
	}
	#grille_categorie .btn-submit {
	    padding: 7px 9px;
	    font-size: 12px;
	}
	ul.option_theme_liste li label .option_franchise_edito .option_franchise_accroche{
		font-size: 12px !important;
	}
	#grille_categorie .vehicle--preview .vehicule-infos li img{
		left: 0 !important;
	}
	#grille_categorie .vehicle--preview .vehicule-infos li p {
	    right: 3px !important;
	}
	.agences .container-no-progression .dropdown-trigger,
	.tpl_reservation .dropdown-trigger{
		font-size: 13px;
	}
}

/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.cadre_infos{
		padding: 40vw 20px 70px;
	}
}

/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.cadre_infos{
		padding: 40vw 20px 70px;
	}
}

.popin-promo-special {
	display: block;
	opacity: 1;
	border-radius: 0;
	width: 400px !important;
}

.popin-promo-special .popin_libreservice-content {
	background-color: #444444;
	text-align: center;
	margin: auto;
}

.popin-promo-special .popin_libreservice-content .popin_libreservice-content-text {
	color: white;
}

.popin-promo-special .popin_libreservice-content .popin_libreservice-content-text.popin_libreservice-content-error {
	color: red;
}

.popin-promo-special .popin_libreservice-content form input {
	width: 100%;
	margin-bottom: 1em;
}

.reservation #overlay-home{
	background:rgba(0,0,0,0.5) no-repeat 0 0;
	width:100%;
	height:100%;
	position:fixed;
	overflow:hidden;
	top:0px;
	z-index:7;
	display:none;
}

.promo-special-code-input {
	margin-top: 0.75em !important;
	border-radius: 0 !important;
	padding: 0 10px 0 40px !important;
	background: #eeeeee 11px no-repeat !important;
	background-size: auto auto !important;
	border: none !important;
	background-size: 6% !important;
}

/* plan du site mobile */
.site #content {
  padding:0;
}
.site #content .h1 {
    position:relative;
}
.site #content .h1 , .site #content .h1 a {
 text-align: center;
 font-size: 25px;
 line-height: 25px;
 margin: 40px 0;
 color:#000;

}
.site #content .h1 .arrow-back {
    background: url(img/arrow-return.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 25px;
    top: 6px;
    background-size: 25px;
}
.siteplan  {
    border-bottom: solid 1px #ccc;
    margin: 0 0 20px;
}
.siteplan ul {
    list-style: none;
    padding:0;
    margin:0;
}
.siteplan ul img {
    float: right;
    width: 15px;
    margin:10px 25px 0 0;
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.siteplan ul img.open {
    transform: translateY(-50%) rotate(-180deg);
}

.siteplan > ul > li {
  border-top: solid 1px #ccc;
  padding: 20px 0;
}
.siteplan > ul > li > a , .siteplan > ul > li > .arrow-wrapper > a {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 0 25px;
    width: 86%;
    display: inline-block;
}
.siteplan ul li ul {
    margin: 20px 0 0 0;
    border-top: solid 1px #ccc;
    padding:10px 0 0 0;
}
.siteplan ul li ul li {
 margin: 5px 0;
 padding:5px 40px;
}
.siteplan ul li ul li a {
    font-size:15px;
}
.siteplan ul li a {
    color: #000;
}

.sitemap-title {
    display: inline-block;
    vertical-align: top;
    margin-left: 54px;
    text-align: left;
    margin-right: 15px;
    padding-left: 10px;
}
.overlap-info {
	display: none;
}

/** Page 4xx **/
.page-4xx {
	display: block;
	position: relative;
	width: 100%;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
	font-family: 'Raleway', Arial;
	font-size: 14px;
}
.page-4xx .p-image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 300px;
	margin : 30px auto;
}
.page-4xx .p-image img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin : 0 auto;
}
.page-4xx .p-text {
	text-align: center;
	color: #000;
	font-weight: 500;
	font-size: 16px;
	margin: 10px auto;
}
.page-4xx .p-text p {
	margin-bottom: 2px;
}
.page-4xx .p-text .t-big {
	font-size: 3rem;
	font-weight: 700;
}
.page-4xx .p-text .t-medium {
	font-size: 1.5rem;
	font-weight: 700;
}
.page-4xx .p-text .t-red {
	color : #dd252d;
}
.page-4xx .p-button {
	display: block;
	position: relative;
	text-align: center;
	margin: 30px auto;
}
.page-4xx .p-button .go-home {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	background: #dd252d;
	padding: 9px 26px;
	border-radius: 26px;
}
.page-4xx .p-link {
	text-align: center;
	padding: 10px 0 30px;
}
.page-4xx .p-link ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
}
.page-4xx .p-link li {
	display: block;
	margin: 5px auto;
}
.page-4xx .p-link li a {

}

.mt-30 {
	margin-top: 30px;
}

li.nbr-18ans.ajax-list {
	/*padding: 0 !important;*/
}
.driver-age-category-licence {
	display: inline-grid !important;
	text-align: left;
	margin-top: -4px;
	width: 75% !important;
}

div#ad-4-screen {
    width: 100% !important;
    margin-top: 20px;
}

div#ad-4-screen img {
    width: 100% !important;
}