@import "v3-popin.css";
@import "jquery-ui.ada.1.11.css";

/*
	Reset (héritage refonte 2012) - remplacer par vrai reset prochaine refonte
*/
body{ margin:0; font:normal 12px arial; color:#000; background:transparent url(img/body_bg.gif) repeat-y center 0; }
*{ outline:none; }
img{ border:0; }
h1, h2, h3, h4, div, p, form, ul, ol, li{ margin:0; padding:0; }
h1, h2, h3, h4{ display:block; font:bold 16px Arial; background-position:0 0; background-repeat:no-repeat; }
.hn{ text-indent:-10000px; font-size:18px;}
.tpl_page h1+h1, .tpl_page h2+h2{ margin:-6px 0 6px; }
h4 span{ font:bold 10px Arial; }
ol{margin:0 0 0 20px;}
ul{ list-style-type:none; }
a{ text-decoration:none; color:#525252; }
a:hover{ text-decoration:underline; color:#000; }
hr{ display:block; margin:0; padding:0; font-size:1px; height:1px; background:#CCC; border:0; }
input[type="text"], select{
	border: 1px solid #dcdcdc;
    border-radius: 3px;
}

/*
	Classes réutilisables
*/
.underline{text-decoration:underline;}
.noir{color:#000;}
.rouge{ color:#d71921; }
.vert{color:#339933; }
.gris{color:#999; }
.gras{font-weight:bold;}
.left{ display:block; float:left; }
.right{ display:block; float:right; }

.text-align--left{text-align:left;}
.text-align--right{text-align:right;}
.text-align--center{text-align:center;}
.hidden{display:none;}
.inblock{display:inline-block; vertical-align:middle;}

.box-sizing{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* Clearfix moderne \o/ */
.clearfix{*zoom:1;}
.clearfix:after{content: ""; display:table; clear:both;}
.clear{ clear:both; }

.mentions{ font-size:10px; }
.accroche{ margin:0 0 20px; }
.fleche, #footer ul a, #footer .baseline li{ display:block; padding-left:8px; background:transparent url(img/puce_fleche.gif) no-repeat 0 3px; }

/* bouton */
.btn-type-2015{display:inline-block; height:25px; line-height:25px; font-family: "Raleway",sans-serif,Arial; padding:5px 25px; text-transform:uppercase; color:#fff; background:#d71921; border-radius:4px; border:none; font-size:16px; font-weight: 500; cursor:pointer; text-align:center;}
	.btn-type-2015:hover{color:#FFF;}

.btn{ display:inline-block; position:relative; padding:2px 35px 0 12px; margin-bottom:25px; height:18px; font-weight:bold; font-size:11px; color:#FFF; background:transparent url(img/btn_noir.gif) no-repeat 0 0; }
	.btn:hover{ text-decoration:none; color:#FFF; background:transparent url(img/btn.gif) no-repeat 0 0; }
	.btn .end{ display:block; position:absolute; right:0; _right:-1px; top:0; width:35px; height:20px; background:transparent url(img/btn_noir.gif) no-repeat -365px 0; }
	.btn:hover .end{ text-decoration:none; color:#FFF; background:transparent url(img/btn.gif) no-repeat -365px 0; }
	.btn.right{ float:right; }
	.btn.center{ float:none; margin:0 auto; }
	.btn.haut .end{background-image:url(img/btn_haut_noir.gif); }
	.btn.haut:hover .end{background-image:url(img/btn_haut.gif); }

/* toggle */
.hh-toggle{position:relative; cursor:pointer;}
	.hh-toggle:after,
	.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%;}
		.hh-toggle.active:after,
		.hh-toggle.active:after{background-position:0 -200px;}
.pointer{cursor:pointer;}

.lien.haut{position:relative; margin:30px 50px 0 0; color:#111;}
	.lien.haut:after{content:url(img/structure-2015/picto-haut.png); position:absolute; right:-50px; bottom:0;}
	
	.type-title-grey{margin-bottom:6px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:18px; font-weight:bold;color:#7f7f7f;}
	
	.agglos_block{margin-top:20px;}
	.dept.agglos_liste{list-style: none outside none; margin: 10px 0 30px; overflow: hidden;}
		.dept.agglos_liste li{float: left; font: 13px arial; width: 50%;}
			.dept.agglos_liste li a{color:#CC0000;}
	
	strong em{ font:normal 12px Arial; font-style:italic; }
	.saviez-vous{ margin:0 20px; padding:20px 20px 0; width:477px; background:#FFF url(img/saviez_vous_bg.png) no-repeat 0 0; }
		.saviez-vous .bottom{ margin:0 -20px; width:517px; height:20px; background:#FFF url(img/saviez_vous_bg.png) no-repeat 0 -380px; }
	#page ul{}
		#page li{ margin-bottom:3px; }
			#page ul.question li.item{margin-bottom:8px;}
		#page li.last{ margin-bottom:20px; }
	ul.circle{}
		ul.circle li{ padding-left:8px; background:transparent url(img/puce_circle.gif) no-repeat 0 7px; }
	ul.options{}
		ul.options li{ padding-left:20px;}
		ul.options .personne{ background:transparent url(img/options_pictos.gif) no-repeat 0 0; }
		ul.options .places{ background:transparent url(img/options_pictos.gif) no-repeat 0 -50px; }
		ul.options .dimensions{ background:transparent url(img/options_pictos.gif) no-repeat 0 -100px; }
		ul.options .essence_ou_diesel, ul.options .essence{ background:transparent url(img/options_pictos.gif) no-repeat 0 -150px; }
		ul.options .diesel{ background:transparent url(img/options_pictos.gif) no-repeat 0 -200px; }
		ul.options .portes, ul.options .charge{ background:transparent url(img/options_pictos.gif) no-repeat 0 -250px; }
		ul.options .valises{ background:transparent url(img/options_pictos.gif) no-repeat 0 -300px; }
		ul.options .sacs{ background:transparent url(img/options_pictos.gif) no-repeat 0 -350px; }
		ul.options .age{ background:transparent url(img/options_pictos.gif) no-repeat 0 -400px; }
		ul.options .permis{ background:transparent url(img/options_pictos.gif) no-repeat 0 -450px; }
	ul.tiret, dl.tiret{}
		ul.tiret li, dl.tiret dd{ padding-left:10px; padding-bottom: 10px; background:transparent url(img/tiret.gif) no-repeat 0 7px;}
	table.border{ margin:0 -10px; width:597px; }
		table.border th, table.border td{width:150px; padding:5px; text-align:center; color:#7f7f7f; border:1px solid #ccc;}
		table.border th{color:#000; }
		
	.brand-font{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;}	
	.h4.gris{
		color:#7f7f7f;
	}
	
	/*barre*/
	.barre{ position:relative; padding:6px 0 0 20px; height:21px; color:#FFF; background-image:url(img/barres.png); }
		.barre .end{ display:block; position:absolute; top:0; right:-20px; width:20px; height:27px; background:transparent url(img/barres.png) no-repeat -580px 0; }
	.barre.noire{ color:#FFF; background-position:0 -27px; }
		.barre.noire .end{ background-position:-580px -27px; }
	/* vignette en absolue */
	.vignette-top{position:absolute; right:20px; top:-55px; z-index:200;}
	.vignette-top.loisirs{top:-27px; }
	/* encart (exemple:demenagement/index */
	.encart{margin-bottom:10px; padding:20px; width:530px; background:url(img/encart.gif) repeat-y left bottom; }
		.encart .top{margin:-20px -20px 0; width:570px; height:20px; background:url(img/encart.gif) no-repeat 0 0; }
		.encart .details{margin:2px 10px 0 0; color:#7f7f7f; }
		.encart .infos{float:left; width:364px;}
		#page .encart ul.options li{ float:left; margin:0 15px 0 0; height:22px;}
		#page .encart ul.options li.dimensions{ clear:left; height:auto;}

/*templates*/
.tpl_page{ min-height:400px; }
	.tpl_page h1, .tpl_page h2{ margin:0 0 6px; }
	.tpl_page p{ margin:0 0 30px; }
	.tpl_page .saviez-vous p{ margin:0; }
	.tpl_page ul.circle{ margin:0 0 30px; }
	.tpl_page ul.tiret{ margin:0 0 30px; }
	.tpl_page ol{ margin:0 20px 30px; }
	#page .tpl_page ol li{ margin:0 0 10px; }
	.tpl_page img.left{ margin:0 20px 20px 0; }
		.tpl_page .encart img.left{margin-top:20px; }
		.tpl_page .encart p{margin-bottom:10px; }
		.tpl_page .encart .btn.right{margin-bottom:0; }
	.tpl_page img.right{ margin:0 0 20px 20px; }
	.tpl_page img.center{ display:block; margin:20px auto; }
	.tpl_page .btn{}
	.tpl_page form p{margin:0 0 8px; }
	.tpl_page table tr td{border-bottom:solid 1px #bfbfbf; }
	.tpl_page .saviez-vous{ margin:-20px 20px 30px; }
	.tpl_page table.border{ margin-bottom:30px; }
	.tpl_page form .precisions{position:relative; top:-7px; font-size:11px; font-style:italic; color:#666;}
.tpl_page.simple {padding:15px 50px 0 50px;}

#content .content.tpl_reservation{ background:darkorangew;}
.reservation.paiement #content .content.tpl_reservation{ min-height:300px; }
	.tpl_reservation #col{ padding:20px 15px 0; width:272px; }
	.tpl_reservation #col .barre{ width:232px; }
	.tpl_reservation .barre{ margin:0 0 10px; }
	.tpl_reservation #page .barre{ width:537px; }
	
.tpl_popup{ padding:20px;}
	.tpl_popup h1{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #7F7F7F; }
	.tpl_popup h2{ margin:0 0 4px; }
	.tpl_popup p{ margin:0 0 20px;}
	.tpl_popup ul.tiret{ margin:0 0 20px;}
	.tpl_popup ul.options{ margin:20px 0; height:30px;}
	.tpl_popup ul.options li{ float:left; margin-right:15px;}
	
/* overlay mobile */
.overlay-mobile{
	background:rgba(0,0,0,0.5) no-repeat 0 0;
	width:100%;
	height:100%;
	position:fixed;
	overflow:hidden;
	top:0px;
	z-index:8;
	display:none;
}
.overlay-mobile ul{
	margin-top:80px;
}
.overlay-mobile ul li{
	height:150px;
	line-height:150px;
	background:#f5f5f5;
	font-family:'Raleway', Arial;
	font-size:40px;
	color:#000;
	font-weight:bold;
}
.overlay-mobile ul li:hover{
	background:#b9b9b9;
}
.overlay-mobile ul li a{
	color:#000;
}
.overlay-mobile ul li img,
.overlay-mobile ul li span{	
	display:inline-block;
	vertical-align:middle
}
.overlay-mobile ul li span.picto{
	width:12%;
}
.overlay-mobile ul li img{
	margin:0 30px;
}
.overlay-mobile ul li span{
	width:75%;
}
.overlay-mobile ul li img.right{
	display:inline-block;
	margin-top:65px;
}
	
/* 
*		refonte home 2014
*	*/
.type--table-cell{display:table-cell; vertical-align:middle;}
	.inner--header{position:relative; width:964px; min-height:125px; margin:0 auto; z-index:9;}
	/* menu principal */
	.menu--header{display:table; table-layout: fixed; width:100%; border-right:1px solid #fff;}
        .menu--header .container--logo {width:19%}
			.menu--header li.last{border-right:none;}
			.menu--header .container--logo {border:0; vertical-align:top;}
				.menu--header .container--logo .inner--container--logo{position:relative; padding:0; width:79px; min-height:5px;}
			/*.menu--header .logo, 
			.menu--header .logo:hover{ position:absolute; top:-1px; left:-12px; display:block; padding:0; width:180px; height:130px; background:none; z-index:10;}
	*//* sous-menu franchisé & espace client */
		
[id="header"] a[class*="picto--"]{text-transform:uppercase; background:url(img/structure-2014/sprite-picto-header.png) no-repeat 0 0;}	
	[id="header"] a.picto--franchise{background-position:6px 6px; background-color:#757678; color:#fff;}	
		.type--table{display:table;}
		form[id="login-form--header"] label{float:none;width:auto;}
		form[id="login-form--header"] input[type="text"],
		form[id="login-form--header"] input[type="password"]{width:90%; height:18px; border:none; border-radius:0;}
		form[id="login-form--header"] button[type="submit"]{background:#000; border:none; color:#fff; padding:4px 5px; border-radius:3px; font-size:11px; cursor:pointer;}
		form[id="login-form--header"] .intitule{display:block; position:absolute; left:-9999px; overflow:hidden;}
		
	.connected--header .type--table-cell{vertical-align:top;}	
	.connected--header .type--table-cell + .type--table-cell{text-align:right; white-space:normal;}
	.uppercase{text-transform:uppercase;}
/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
*		REFONTE HOME 2015/04/20
*
*	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
	Reset (héritage refonte 2014) - remplacer par vrai reset prochaine refonte
*/
body{ margin:0; font:normal 12px arial; color:#000; background:none; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
			MONTAGE PRINCIPAL
* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - 
		HEADER
* - - - - - - - - - - - - - - - - */
[id="header"]{
	background:url(img/structure-2014/bg-header.png) repeat-x 0 -41px; 
	font-family: 'Raleway', sans-serif;
	font-weight:400;
}
/* - - - - - - - - - - -
	MENU
* - - - - - - - - - - */
/* 
*		refonte home 2015-04-20 
*	*/
body{/*background:url(img/structure-2014/bg-body.png);*/}
.inner--header{
	position:relative; 
	width:964px; 
	min-height:96px; 
	margin:0 auto;
}
.menu--header, .menu--header li{
	height:70px;
	line-height:70px;
	border: none;
}
.menu--header li{
	display:inline-block; 
	vertical-align:middle;
	text-align:center; 
	width:auto;
	margin:0px 14px;
}
.menu--header li:first-child{
	margin-right:80px;
}
.menu--header li:last-child{
	margin-right:0px;
	margin-left:14px;
}
.menu--header li a{
	padding:10px 0; 
	font-size:14px; 
	color:#fff; 
	transition:0.3s;
	height:70px;
	padding:0px;
	line-height:70px;
	text-transform:uppercase;
	color:#b1b1b1;
}
.menu--header a:hover{
	text-decoration:none; 
	color:#fff;
}
.menu--header a.active{
	color:#fff;
}
/*logo*/
.menu--header .logo img {
	width:108px;
	height:82px;
}
.menu--header .logo, 
.menu--header .logo:hover{ 
	position:absolute; 
	top:-1px; 
	left:-19px; 
	display:inline-block; 
	padding:0; 
	width:108px; 
	height:82px; 
	background-size:108px 82px;
	z-index:10;
}
/*espace client*/
[id="header"] a.picto--esp-client{
	background:none;
	background-color:#d71921; 
	color:#fff;
	height:30px;
	line-height:70px;
	border-radius:5px;
	padding:6px 12px;
}
/* - - - - - - - - - - - - - - -
	SOUS MENU
* - - - - - - - - - - - - - - -*/	
.smenu--header{
	position:absolute; 
	top:70px; 
	right:0; 
	width:251px; 
	height:83px; 
	z-index:3; 
	text-align:right;
}
.smenu--header li{
	display:inline-block;
}
.smenu--header a{
	display:block; 
	margin-left:-4px; 
	padding:8px 10px 7px 35px;
}
.smenu--header a:hover{
	text-decoration:none;
}
/* - - - - - - - - - - - - - - - - - -
	DROP DOWN MENU
* - - - - - - - - - - - - - - - - - -*/	
.container--dropdown-menu--header{
	display:none; 
	position:absolute; 
	width:100%; 
	height:190px; 
	overflow:hidden; 
	background:rgba(0,0,0,0.9); 
	z-index:9; 
	color:#fff;
	top:70px;
}	
.dropdown-menu--header{display:none; height:inherit;}	
.dropdown-menu--header ul{
	display:table; 
	table-layout:fixed; 
	width:100%; 
	height:inherit
}	
.dropdown-menu--header li{
	display: block;
	height: 30px;
}	
.dropdown-menu--header a{
	display:block;
	height:130px;
	overflow:hidden; 
	text-align:center; 
	font-size:12px; 
	color:#aaa;
	transition:0.3s;
	text-transform:uppercase;
}
.dropdown-menu--header li:first-child a{background:none;}
.dropdown-menu--header a:hover{text-decoration:none; color:#fff;}
.dropdown-menu--header img{margin:5px 0 10px;}
.smenu--espace-client {
	position: absolute;
	padding: 10px;
	top: 0px;
	right: 0;
	width:260px;
	background: #d8d8d8;
	text-align: left;
}
.smenu--espace-client .type--table.connected--header .type--table-cell:first-child{
	background:url(img/structure-2015/picto-espace-client.png) no-repeat 0px 6px;
	padding-left:25px;
}
.smenu--espace-client li{display:block;}
.smenu--espace-client a {
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-top:10px;
  height: auto;
}
/* - - - - - - - - - - -
	FOOTER
* - - - - - - - - - - */
a.type--button{display:inline-block; padding:5px; margin-bottom:5px; background:#000; color:#fff; text-transform:uppercase; font-size:11px; border-radius:3px; transition:1s;}
	a.type--button:before{content:'> '; color:#cc0000; font-weight:bold;}
	a.type--button:hover{background:#666;}
	
.footer{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; clear:both;}
	div[class*="inner--footer-"]{width:964px; margin:0 auto;}
	.footer-sup{background:#000;}
	.footer-sub{background:#d5d5d5;}

	.footer .table{display:table; width:100%;}
		.footer-sup .table li{display:table-cell; padding:17px 10px; color:#fff; vertical-align:middle;}
		.footer-sup .table a{display:block; text-align:center; color:#fff; font-size:14px; transition:1s;}
			.footer-sup .table a:hover{text-decoration:none; color:#666;}
		
	.type-img-footer{margin-right:10px;}
	
	.inner--footer-sub{display:table; table-layout:fixed;}
		.col-1-5{display:table-cell; padding:17px 0 17px 10px;}
		.footer-sub li{margin-bottom:10px;}
		.footer-sub li,
		.footer-sub a{font-size:13px; color:#000; vertical-align:top; transition:1s;}
			.footer-sub a:hover{text-decoration:none; color:#cc0000;}
			.footer-sub li li{margin:0;}
				.footer-sub li li a{display:inline-block; padding-left:5px; color:#424242; font-size:11px;}
				
	.type--mode-paiement{position:relative; padding:60px 0 25px;}
		.type--mode-paiement img{position:absolute;}

.content--baseline{background:#ebebeb;}
	.content--baseline .baseline{padding:17px 0; width:944px; margin:0 auto; font-size:11px; color:#999; -moz-columns:2; -webkit-columns:2; columns:2;
	-moz-column-gap:10px; -webkit-column-gap:10px; column-gap:10px;}
		.content--baseline .baseline li{margin-bottom:7px;}
		.content--baseline .baseline a{ display:inline; text-decoration:underline; padding:0; background:none; color:#8b8b8b;}
				
					
		.css_img_home_news{ position:absolute; left:0; top:120px; width:950px; height:180px; }
	#content{margin:0 auto;}
		#content .bg{width:940px; background:transparent url(img/content_bg.png) repeat-y -940px 0; margin:0 auto; padding:0 5px;}
		#content .header{ padding:25px 0 0 23px; width:917px; height:40px; background:transparent url(img/content_bg.png) no-repeat 0 0; }
			.univers_titre{ color:#000; font-weight:bold; font-size:25px;}
		#content .content{ background:transparent url(img/content_bg.png) repeat-y -2840px 0; *overflow:hidden;}
		.content_bottom{ margin:0 auto 40px; width:950px; height:66px; background:transparent url(img/content_bg.png) no-repeat -1890px 0; }
			#col{ float:left; padding:20px 0 0 15px; width:297px; min-height:150px; background:transparent url(img/col_bg.png) no-repeat 0 0; }
				#col .menu{}
				#col .menu li{ margin:0 0 5px; height:27px; }
					#col .menu a{display:block; width:287px; cursor:pointer; height:27px; padding:0 10px; font-size:13px; color:#000; text-decoration:none; font-weight:bold; font-family: Tahoma, Geneva, Kalimati, sans-serif; line-height:25px;}
						#col .menu a:hover, #col .menu a.current{color:#fff;}
						#col .menu a:hover{ background:transparent url(img/col_menu_bg.gif) no-repeat 0 -27px; }
						#col .menu a:active{ background:transparent url(img/col_menu_bg.gif) no-repeat 0 -54px; }
						#col .menu a.current{ background:transparent url(img/col_menu_bg.gif) no-repeat 0 0; }
						#col .sous-menu{padding-left:15px; margin:5px 0 15px;}
							#col .sous-menu li{margin:0;}
							#col .sous-menu a{margin-bottom:2px; padding:0; height:auto; font-weight:bold;}
			#page{ position:relative; float:left; padding:25px 30px 0 21px; width:577px; }
	#footer{ padding:0 0 50px; width:100%; font-size:11px; background:#dd1600 url(img/footer_bg.png) no-repeat center 0; }
		#footer .content{ margin:0 auto; padding:0 1px; width:960px; background:transparent url(img/footer_content_bg.jpg) no-repeat 0 0; }
		#footer .bottom{ margin:0 -1px; width:962px; height:20px; background:transparent url(img/footer_content_bg.jpg) no-repeat 0 -1380px; }
			#footer .actu{ padding:20px 0 0; height:151px; }
				#footer .actu a{ display:block; float:left; margin:0 10px; }
				#footer .banniere-bottom{ float:left; margin:0 0 0 16px; width:220px; overflow:hidden; }
				#footer .banniere-bottom *{ margin-left:-8px; }
			#footer .ad{ margin:25px 0; }
				#footer .ad .content{ margin:0 auto; padding:23px 0 0 21px; width:854px; height:118px; background:transparent url(img/ad_bg.gif) no-repeat 0 0; }
			#footer .links{ height:79px; background:transparent url(img/footer_links.gif) repeat-x 0 0; }
				#footer .links li{ float:left; margin-right:20px; line-height:79px; }
				#footer .links li.last{ margin:0; }
				#footer .links li.g7{ padding:24px 0 0 139px; height:48px; line-height:13px; background:transparent url(img/logo.png) no-repeat 0 -219px; }
				#footer .links li a{ background-position:0 36px; }
			#footer .map{ padding:1px 0; height:169px; background:transparent url(img/map_bg.gif) repeat-x 0 0; }
				#footer .map ul{ float:left; padding:15px 10px 0; width:140px; height:154px; background:transparent url(img/map_ul_bg.gif) repeat-y 0 0; }
				#footer .map ul li{ margin:0 0 4px; }
	
	/* 16 09 2015 : pour les pages avec nouveau gabarit */
	/* Taille du div page plus grand */
	.bg-new, .bg-new #page{
		width:964px; background:#FFF; margin:0 auto; padding:0px; font-family:'Raleway', Arial; font-size:14px;
	}
	/* creation de l'id rubrique, remplacant l'id col */
	#rubrique{background:#bbbaba; overflow:hidden;}
		#rubrique ul.menu{display:table; width:100%;}
			#rubrique li{display:table-cell; vertical-align:middle; text-align:center; background:url(../skin/v3/img/bordure.gif) no-repeat left center;}
			#rubrique .menu.type-li-5 li{width:20%;}
			#rubrique .menu.type-li-4 li{width:25%;}
			#rubrique .menu.type-li-3 li{width:33.333%;}
			#rubrique .menu.type-li-2 li{width:50%;}
			#rubrique .menu.type-li-1 li{width:100%;}
				#rubrique li a{display:block; font-family:'Raleway', Arial; font-size:14px; color:#FFF; font-weight:500; padding:12px 0px;}
				#rubrique .menu li:first-child, #rubrique .menu li.current + li{background:#bbbaba;}
					#rubrique .menu li.current, #rubrique .menu li:hover, #rubrique .menu li.current + li:hover, #rubrique .menu a:hover, #rubrique .menu a:active, #rubrique .menu a.current{background:#d71921;}

/* - - - - - - - - - - - - - - - - - - - - - - - - -
	FORMULAIRE RESERVATION
* - - - - - - - - - - - - - - - - - - - - - - - - */
form{ 
	width:100%; 
	/*background:Lavenderw;*/ 
}
	form p{ margin:0 0 0px 0; background:Darkorangew; }
		label{ float:left; display:block; width:200px; height:25px; font:bold 12px Arial; line-height:25px; background:LightBluew; cursor:pointer; }
		.reservation.index input, textarea{ margin:0; *margin:-1px 0; _margin-left:-3px; padding:2px 3px 0px 3px; width:300px; }
			.chk input, .rad input{ padding:0; width:13px; height:13px; border:0; }
		.reservation.index select{ margin:0; _margin-left:-3px; height:24px; padding:0;}
		textarea{ height:60px; }
		form em{ font:italic 11px Arial; color:#999; }
	p.chk{}
		.chk input{ float:left; margin:3px 0 0 0; }
		.chk label{ float:none; padding:0 0 0 18px; width:auto; color:#1b1b1f; }
		.chk label a{ color:#c00; }
	p.rad{}
		.rad span{ display:block; }
		.rad input{ float:left; margin:3px 0 0 0; padding:0; width:13px; height:13px; }
		input[type="radio"]{ padding:0; width:13px; height:13px; }
		.rad label{ float:none; padding:0 0 0 18px; width:auto; }
	p.sel{}
		.sel label{}
	p.mess{}
		.mess label{ height:62px; }
	p.valid{ margin:0; padding:0; }
	.valid input{ margin:0; padding:0; width:87px; height:17px; cursor:pointer; border:none; font-size:0px; line-height:1000px; background-image:url(img/btn_validez.gif); }
	.valid input:hover{ background-position:0 -17px; }
	.fc_error{ display:none; padding:4px 0 0 204px; font-size:11px; color:#C00;}	
	table.captcha_table{ margin:0 0 8px;}
	table.captcha_table tr td{ border:0; }
	form input.error, form select.error { color:#C00; border:1px solid #C00 !important; }
	form label.error{display:none !important;}
/*
*	REFONTE 2015
* */
.reservation.index .red{
	color:#d71921;
}
.reservation.index .h4{
	font-size:21px; 
	font-weight:600; 
	margin-bottom:3px;
	font-family: 'Raleway', sans-serif;
}
.reservation.index input, .reservation.index select, .reservation.index textarea{
	font-family:'Raleway', Arial;
	font-size:13px;
	font-weight:normal;
	height:19px; 
	color:#333; 
	border-radius:3px;
	border:1px solid #dcdcdc; 
	background:#f5f5f5;
}
.reservation.index input[type=button]{
	font-family: 'Raleway', sans-serif, Arial;
	font-size:13px;
	font-weight:500;
	background:none;
	width:40%;
	margin:auto;
	padding:0px;
	height:25px;
	background-color: #d71921;
	text-transform:uppercase;
	border:none;
	border-radius:4px;
	text-align:center;
	color:#fff;
}
/* loisirs/deux_roues */
.loisirs.deux_roues .stitre{margin:5px 0 0 0;width:356px; height:55px;text-indent:-9999px;background:url(img/stitre_deux_roues.gif) no-repeat 0 0; }
img.lien-holiday-bikes{display:block; margin:0 auto 20px auto; width:440px; }
	/* Exception menu */
	.loisirs.deux_roues #col .menu a.current{background-position:0 -81px; }
/*loisirs/fun*/
	.loisirs .picto{position:absolute; width:108px; height:108px; right:33px; top:-56px; padding:0; background:url(../css/img/fun_top.png) no-repeat; }

/*loisirs/index*/
.loisirs.index{}
	.loisirs.index .encart .barre{ margin:0 0 8px; width:490px;}
	.loisirs.index .encart .barre h2{ margin:0;}
	.encart p.famille_desc{ margin:0 0 20px;}
	.block-famille .btn.right{ margin:0;}
	.loisirs.fun .tpl_page .bloc-modele .description{text-align:left; margin-left:30px; }
/* - - - - - - - - - - - - - - -
	RESERVATION
* - - - - - - - - - - - - - - */
/* 
*		refonte home 2014
*	*/
.reservation{}
.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;
}
	.reservation.index #content{position:relative; width:1366px; margin:auto; margin-top: 60px;}
	.reservation.index #content .header{ padding:15px 0 0; width:940px; height:35px; }
		.reservation.index #content .header .univers_titre, .agences.malin #content .header .univers_titre{ margin:0 auto; width:411px;}
			.reservation.index #content .header .univers_titre{background:none; width:449px;}
	.reservation .content_bottom{ display:none;}
	.reservation .content_bottom .btn{ display:none; }
			/* autocomplete */
			#autocomplete{ position:relative; z-index:1000;margin:0 0 8px;}
				#autocomplete #tagbox-lkup{ position:absolute; z-index:10000; top:21px; left:0; width:278px; background:#FFF; border:0 solid #ccc; border-width:0 1px 1px 1px; }
				.agences #autocomplete #tagbox-lkup{ width:251px; }
				#autocomplete ol{ margin:0; list-style:none; }
				#autocomplete ol li em{ font:bold 12px 'Raleway'; color:#C00; }
				#autocomplete ol li a{ display:block; padding:4px; width:270px; text-decoration:none; color:#1e1e1e; border-top:1px solid #CCC; }
				#autocomplete ol li a:hover, #autocomplete ol li.hl{ background:#CCC; }
				/*#autocomplete ol li a em{ color:#CCC; }*/
					#ville_ko{ display:none; width:275px;}
			#span_ml_retour{ display:block; float:left; padding:0 0 0 5px; width:113px; line-height:25px; }
			.resultat #span_ml_retour{ width:143px; }
			#agence_bal{margin:0 0 0 -28px; padding-right:3px;}
				.reservation.index #agence_bal{margin:-4px 0 0 4px;}
				.agence_infos #agence_bal{position:absolute; top:-9px; left:4px;}
				.agence_bal{padding:15px 0;}	
			/* nav carrousel => refonte 2014-07-23 */
			[id="recherche"] .nav, 
			[id="form_moyenne_duree"] .nav{display:block !important; position:absolute; top:50%; margin-top:-166px; width:48px; height:333px; background:url(img/structure-2014/sprite-nav-categories.png); z-index:100;}	
				[id="recherche"] .nav.prev,
				[id="form_moyenne_duree"] .nav.prev{left:0;}
				[id="recherche"] .nav.next,
				[id="form_moyenne_duree"] .nav.next{right:0; background-position:0 -333px;}
					
				[id="recherche"] .nav span, 
				[id="form_moyenne_duree"] .nav span{position:absolute; top:133px; width:9px; height:28px; background:url(img/structure-2014/sprite-nav-arrow-categories.png) no-repeat; overflow:hidden; text-indent:-9999px;}
					[id="recherche"] .nav.prev span, 
					[id="form_moyenne_duree"] .nav.prev span{left:5px; background-position:0 -28px;}
						[id="recherche"] .nav.prev.inactive span, 
						[id="form_moyenne_duree"] .nav.prev.inactive span{background-position:0 0;}
					[id="recherche"] .nav.next span, 
					[id="form_moyenne_duree"] .nav.next span{right:5px; background-position:0 -84px;}
						[id="recherche"] .nav.next.inactive span, 
						[id="form_moyenne_duree"] .nav.next.inactive span{background-position:0 -56px;}
				
			#recherche .carrousel ul { display: none; }
			#recherche ul.carrousel-band, #form_moyenne_duree .carrousel-band{ display: block; position:relative; left:0; width:10000px; height:300px;}
			
			.carrousel-band li{position:relative; display:block; float:left;  width:270px; height:325px; cursor:pointer; background:#fff; text-align:center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;}
				.carrousel-band .container--slide-carrousel{padding:45px 18px 0;}
				.carrousel-band li.current{background:#fff url(img/structure-2014/bg-slide-vehicule.png) no-repeat center center;}
			.carrousel-band p{padding-top:7px; text-align:left; font-size:12px; color:#cc0000; font-size:13px;}
			.carrousel-band img[src*="med"],
			.carrousel-band img[src*="big"]{/* temp => taille img big*/max-width:100%; width:170px; height:auto; transition:0.5s;}
				.carrousel-band .current img[src*="med"],
				.carrousel-band .current img[src*="big"]{/* temp => taille img big*/width:220px;}
			.carrousel-band strong{display:block; font-weight:normal; font-size:16px; transition:0.5s;}
				.carrousel-band .current strong{font-size:18px; font-weight:bold;}
			.carrousel-band .help{ position:absolute; top:0; right:0;}
		 		.carrousel-band .help img{ margin:0; }	

	[id="recherche"] .options{position:relative; margin:20px 0;}
		#error_codepromo{display:none;}
		.ruban-home{position:absolute; left:18px; top:-10px;}
		[id="recherche"] .avantages{padding:6px 30px 6px 70px; background:#bebebe;}
			[id="recherche"] .avantages label,
			[id="recherche"] .avantages .intitule,
			[id="recherche"] .avantages input{width:auto; display:inline-block;}
				[id="recherche"] .avantages label{padding-top:2px;}
				[id="recherche"] .avantages .intitule{font-size:14px; font-weight:normal; font-style:italic;}
		[id="recherche"] .code-entreprise{padding:6px 30px 6px 70px; background:#ebebeb; font-size:14px;}
			[id="recherche"] .code-entreprise p{margin:0;}
/* 
*		refonte home 2015-04-20 
*	*/
.reservation.index #recherche{
	border-radius:5px;
	margin-top:-250px;
}
.reservation.index #recherche .bg{ 
	padding:0; 
}
.reservation.index #content .bg{
	position:relative; 
	margin:0px auto; 
	padding:0; 
	width:924px; 
	z-index:7;
}
.reservation.index #recherche .informations{ 
	padding:15px 0 0 9px; 
	width:100%; 
}
.reservation.index #recherche .informations > *{ 
	float:left;
}
.reservation.index #recherche .informations .h4 {
  font-size:15px;
  color:#5d4a4a;
  font-weight: 400;
  margin-bottom: 3px;
  font-family: 'Raleway', sans-serif;
}
/*
*	Choisissez votre agence
* */
.reservation.index  #rech_agence{ 
	margin:0 0 25px; 
	position:relative;
}
.reservation.index #rech_agence h3{ margin:0; }
.reservation.index #rech_agence label{ 
	display:none; 
	float:none; 
	width:100%; 
}
.reservation.index #rech_agence input{ width:270px; }
.reservation.index #autocomplete input{ 
	padding:2px 3px 0; 
	width:272px;
}
.reservation.index #trouvez_agence{ 
	font-weight:bold; 
	color:#000; 
}
.reservation.index #trouvez_agence:hover span{ 
	text-decoration:underline; 
}
.reservation.index #ville_ok{ 
	color:#C00; 
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	/*refonte 2015*/
	padding-right:25px;
	background:transparent url("img/structure-2015/recherche_agence.png") no-repeat right center; 
	position:absolute;
	top:1px;
	right:-15px;
}

/*
*	Période de location
* */
.reservation.index #calendar{ 
	width: 300px;
	margin-left:25px;
}
.reservation.index #calendar h4{ margin:0 0 8px; }
.reservation.index #calendar p{ 
	text-align:right;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	color: #5d4a4a;
}
.reservation.index #calendar #depart, .reservation.index #calendar #retour{ 
	width:99%; 
}
.reservation.index #calendar div.sel{ 
	margin:0px 12px; 
	padding:0px 12px;
	width:100px;
	height:auto;
	float:left;
}
.reservation.index #calendar div.sel >*{ 
	display:block;
	width:100%;
	clear:both;
}
.reservation.index #calendar .btn_cal{ 
	float:left; 
	margin:2px 10px 0; 
}
.reservation.index #calendar .duree_a{ padding:3px 6px 0 0; }
.reservation.index #calendar #h_retour, .reservation.index #calendar #h_depart{ width:64px; }
.reservation.index #calendar #span_h_depart, .reservation.index #calendar #span_h_retour{ 
	margin-top:10px;
	margin-left:8px;
}
.reservation.index #calendar #span_h_depart select, .reservation.index #calendar #span_h_retour select{ 
	width: 84px;
}
/*
*	TYPE DE VEHICULE
* */
.menu_reservation{
	width: 250px;
	margin-left:10px;
}
.menu_reservation li{
	float:left; 
	width:50%; 
	text-align:center; 
}
.menu_reservation li:first-child {
	border-left:none;
}
.menu_reservation h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-size:14px;
}
.menu_reservation label{
	position:relative; 
	padding:10px 0; 
	float:none; 
	height:40px; 
	width:auto; 
	transition:0.5s;
}
.menu_reservation label:after{
	/*content:url(img/structure-2014/red-arrow.png); 
	position:absolute; 
	top:100%; 
	left:50%; 
	margin-left:-9px; 
	opacity:0; 
	transition:0.5s;*/
	content:"";
	position:absolute; 
	top:100%; 
	left:50%; 
	margin-left:-9px; 
	width:12px;
	height:12px;
	border-radius:90px;
	border:1px solid #aaaaaa;
	background-color:#fff;
}
.menu_reservation label.current:after {
	background-color:#d71921;
}
.menu_reservation label.choix_vu {
	background:transparent url(img/structure-2015/choix_vu.png) no-repeat top center;
}
.menu_reservation label.choix_vp {
	background:transparent url(img/structure-2015/choix_vp.png) no-repeat top center;
}
.menu_reservation input{ display:none; }
.container--informations-categories{
	/*background:#fff url(img/structure-2014/bg-form-reservation.png) repeat-x left bottom;*/
	font-family:'Raleway', Arial;
	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;
}
.container--informations-categories.fixNavigation {
    position: fixed;
    top: 0px;
    z-index: 9999;
	width:925px;
}
.btn-type-2014{
	display:inline-block; 
	/*margin-bottom:20px;*/ 
	padding:5px 50px 5px 14px; 
	text-transform:uppercase; 
	color:#fff; 
	background:#000 url(img/structure-2014/bg--btn-type-2014.png) no-repeat 95% center; 
	border-radius:3px; 
	border:none; 
	font-size:16px; 
	cursor:pointer;
}
[id="recherche"] .btn-type-2014{
	/*margin-right:20px;*/
}

/* - - - - - - - - - - - - - - -
	OFFRE
* - - - - - - - - - - - - - - */
	.reservation.resultat .offre_bg{ border-top:0; }
	.offre_bg{ background:#FFF url(img/offre_col_bg.gif) repeat-y 0 0; border-top:1px solid #d2d1d1; }
	.resultat .content_bottom{ background:transparent url(img/content_bg_hm.png) no-repeat -3780px -46px;}
	.resultat #col{ padding:15px 0 0 15px; width:385px; background:none; }
	.resultat #page{ padding:15px 30px 0 20px; width:489px; }
	.resultat #page h2{ margin:0 0 10px; }
	.resultat #mes_informations{ margin:0 0 20px -10px; height:167px;}
		.resultat #mes_informations h2.hn{ margin:0; height:32px;}
	.code_invalide{ margin:0 0 20px; font-weight:bold; color:#C00;}
	.back_home{ display:block; float:right; margin:0 -17px 0 0; padding-right:22px; height:18px; text-align:right; font-size:11px; line-height:18px; background:transparent url(img/picto_back_home.gif) no-repeat right 0; }
	.reservation.resultat .agence, .reservation.resultat .agence_infos{ float:left; width:250px; position:relative;}
	.reservation.resultat .agence_infos{ margin:0; height:100px; font-size:11px; line-height:15px; }
	.reservation.resultat .agence{ padding:0 10px; width:225px; }
	.reservation.resultat .vos_informations{ padding:90px 0 0;}
	.reservation.resultat .votre_voiture{ display:none; padding:4px 0 0 18px; height:24px; background:#FFF url(img/offre_categories_bg.png) no-repeat 0 bottom; }
		.reservation.resultat .votre_voiture h2.hn{ line-height:auto; }
	.reservation.resultat .age_annee{ clear:both; margin:0 -30px 10px -20px; width:547px; height:33px; line-height:33px; border:1px solid #c1c0c0; border-width:1px; background:#FFF url(img/offre_bg.gif) repeat-x 0 -400px; }
		.reservation.resultat .age_annee strong{ padding-left:29px; }
		.reservation.resultat .age_annee .back_home{ margin:7px 12px 0 0; }
	.resultat #page .notre_proposition h2{ margin:0 0 10px -10px;}
	.promo_infos{ margin:0 0 10px; padding-left:110px; width:280px; *width:270px; min-height:36px; font:bold 16px Arial; color:#7e7e7e; background:transparent url(img/promo_exclusivite_web.png) no-repeat 0 0; }
	.promo_prix{ float:right; width:100px; text-align:right; font-size:11px; }
	.promo_prix *{ display:block; }
		.promo_prix img{ display:block; float:right; }
	.promo_prix a{ color:#000; background:transparent url(img/picto_details.gif) no-repeat 56px 3px; }
		#forfait_t_prix{ font:bold 33px Arial; color:#cc0000; }
		#forfait_prix{ font-weight:bold; white-space:nowrap;}
		#forfait_prix span{ display:inline; padding:0 4px; font-size:13px; background:transparent url(img/offre_prix_barre.gif) no-repeat center center;}
		#forfait_kmsup{ color:#8d8d8f; }
	.fam_cat{ margin:0; height:40px; background:#FFF url(img/offre_bg.gif) repeat-x 0 bottom; }
		.fam_cat h2{ float:left; margin:0; padding:0 10px 0 0; font-size:18px;}
	.fam_cat_infos{ float:right; width:158px; }
		#forfait_duree, #forfait_km{ position:relative; margin:0 0 8px; padding-left:10px; height:20px; text-transform:uppercase; font-size:11px; line-height:20px; background:#FFF url(img/offre_forfait_bg.gif) no-repeat 0 0; }
		#forfait_duree{ margin-top:20px; }
		#forfait_duree span, #forfait_km span{ position:absolute; top:0; right:11px; width:63px; text-align:center; text-transform:none; font-weight:bold; }
		#forfait_categorie_commentaire, #forfait_categorie_description{ padding-left:10px; }
		#forfait_categorie_commentaire{ display:none; }
		#forfait_categorie_description{ margin:4px 0 0; }
		#forfait_categorie_description span{ font-weight:bold; color:#c00; }
	#forfait_categorie_img{ display:block; float:left; margin:0 0 10px 40px; width:220px;}
	#forfait_categorie_specs{ margin:0 0 20px; clear:both; }
		#forfait_categorie_specs .options{ height:30px; text-align:center; *text-align:left;}
		#forfait_categorie_specs .options li{padding-left:18px; display:inline-block; vertical-align:top; margin-right:8px; *float:left; *margin-right:15px; *padding-left:20px; }
	#forfait_surcharge{ clear:left; margin:0 0 20px; padding:0 0 10px; font:bold 11px Arial; color:#9c9c9c; background:#FFF url(img/offre_bg.gif) repeat-x 0 bottom; }
	.reservation_impossible{ margin:0 0 20px; padding:0 0 2px; background:#FFF url(img/offre_bg.gif) repeat-x 0 bottom; }
		.reservation_impossible p{ margin:0 0 8px; }
	#frm_reservation_tarif{}
		#frm_reservation_tarif input{ width:13px; height:13px; }
		#frm_reservation_tarif label, #frm_reservation_tarif tr.surcharge span{ float:right; width:auto; height:auto; line-height:15px; color:#000; }
		#frm_reservation_tarif .option_ensavoirplus{ display:block; clear:both; font-size:11px; }
		#frm_reservation_tarif table{ margin:0 0 15px; width:484px; background:#FFF url(img/offre_bg.gif) repeat-x 0 0; }
		#frm_reservation_tarif tr{ height:32px; background:transparent url(img/table_td_border.gif) no-repeat 0 0; }
		#frm_reservation_tarif tr.first{ background:#FFF; }
		#frm_reservation_tarif tr.last{ background:none; }
		#frm_reservation_tarif tr.surcharge{ font-weight:bold; background:transparent url(img/table_td_border.gif) no-repeat -484px 0; }
			#frm_reservation_tarif tr.surcharge span{ font-weight:bold;}
		#frm_reservation_tarif td{ padding:0; text-align:center; }
		#frm_reservation_tarif .option_titre, #frm_reservation_tarif .option_label, #frm_reservation_tarif .option_livraison{ text-align:right; }
		#frm_reservation_tarif .option_titre, #frm_reservation_tarif .option_livraison{ font:bold 14px Arial; color:#c00; }
		#frm_reservation_tarif .option_titre span{ font:normal 11px Arial; color:#525252; }
		#frm_reservation_tarif .option_prix{ text-align:right; font-weight:bold; }
		#frm_reservation_tarif .option_choice input{ border:0; background:none;}
	.offre_total{ float:right; position:relative; margin:0 16px 0 0; line-height:32px; text-align:right; }
		.offre_total *{ display:block; float:left; }
		.offre_total p{ float:right; margin:0; height:32px; color:#FFF; background:transparent url(img/offre_total.png) no-repeat 0 0; }
		.offre_total .total{ width:82px; text-align:center; }
		.offre_total .prix_total{ padding:0 4px 0 8px; font-size:26px; font-weight:bold; font-family:Arial; line-height:44px;}
		.offre_total .euro{ font-size:22px; font-weight:bold; font-family:Arial; line-height:44px;}
		.offre_total .end{ position:absolute; right:-10px; width:10px; height:32px; background:transparent url(img/offre_total.png) no-repeat -240px 0; }
		.offre_total .paiement_immediat{ display:block; float:none; clear:both; margin-right:-12px; padding:2px 3px 10px 0; line-height:15px; text-align:right; }
	.un_euro{ float:right; margin:0 0 10px; width:180px; text-align:center;}
	#col .un_euro{ width:190px; }
	#frm_reservation_tarif .valid{ clear:right; float:right; margin:0 -41px 0 0; *margin:0 -21px 0 0; padding:0; }
		#frm_reservation_tarif .valid input, .default-btn{ width:255px; height:50px; background:transparent url(img/btn_confirmez.png) no-repeat -10px 0;}
			.default-btn{padding:0 0 16px 50px !important; background-image:url(img/default-btn.png) !important; font-size:18px !important; color:#fff; line-height:normal !important; text-align:left !important; text-transform:uppercase;}
		#frm_reservation_tarif .valid input:hover, .default-btn:hover{ background-position:-10px -50px; }
	#reservation_impossible{ margin:0 0 0 -10px;}
		strong.num_vp, strong.num_vu, strong.num_sp, strong.num_ml { display:block; padding:8px 0 6px; font:bold 14px Arial; color:#97959C; }
		strong.num_vu { padding-left:36px; background-image:url(img/picto_num.png); background-repeat:no-repeat; }
		strong.num_1{ background-position:0 0; }
		strong.num_2{ background-position:0 -150px; }
		strong.num_3{ line-height:auto; background-position:0 -300px; }
		.contactez{ padding-left:0; }
		.num_vu + .contactez{ padding-left:36px; }
		.vous_trouverez{ display:block; padding-top:6px; font:normal 12px Arial; color:#000; }
		#frm_tel{ margin:10px 0 0; min-height:200px;}
		#frm_tel .tiret{ margin:3px 0 0;}
	.reservation_cartouche{ margin:0 0 20px; padding:15px 20px 0 33px; width:354px; height:56px; font:bold 14px Arial; color:#c00; background:#FFF url(img/reservation_cartouche_bg.png) no-repeat 0 0;}
	/*col*/
	#offre_categories{ margin:-1px 0 0 -15px; width:400px; border-top:1px solid #d5d5d5; }
	#offre_categories h2{ line-height:28px; }
		#offre_categories .offre_categorie{ cursor:pointer; }
		#offre_categories .famille{ padding-left:28px; height:28px; color:#787878; background:#FFF url(img/offre_categories_bg.png) no-repeat 0 0; }
		#offre_categories .famille.open{ color:#000; background-position:0 -28px; }
	 	#offre_categories .famille-categorie{ height:46px; background:#FFF url(img/offre_categories_bg.png) no-repeat 0 -56px; }
	 	#offre_categories .famille-categorie.cat-indispo{ opacity:0.3; -moz-opacity:0.3; -ms-filter:"alpha(opacity=30)"; /* IE 8 */ filter:alpha(opacity=30); /* IE < 8 */ cursor:default; }
	 	#offre_categories .famille-categorie.cat-indispo.current{ opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; /* IE 8 */ filter:alpha(opacity=100); /* IE < 8 */ }
	 	#offre_categories .famille-categorie.cat-indispo.current .categorie_nom, #offre_categories .famille-categorie.cat-indispo.current .visu_prix *{ opacity:0.3; -moz-opacity:0.3; -ms-filter:"alpha(opacity=30)"; /* IE 8 */ filter:alpha(opacity=30); /* IE < 8 */ }
			#offre_categories .categorie_nom{ float:left; width:192px; padding:2px 5px 0 20px; text-align:right; }
			#offre_categories .categorie_nom strong{ display:block; }
			#offre_categories .categorie_nom span{ font-size:11px; color:#787878; }
			#offre_categories .visu_prix, #offre_categories .cat-indispo.current .visu_prix{padding-right:15px; font:bold 18px Arial; line-height:46px; color:#000; text-align:right; overflow:hidden;}
				#offre_categories .visu_prix span, #offre_categories .cat-indispo.current .visu_prix span{display:inline-block; vertical-align:top;}
			#offre_categories .current .visu_prix{padding-right:25px; color:#FFF; background:transparent url(img/categorie_current.gif) no-repeat top right; text-align:right;}
			#offre_categories .cat-indispo.current .visu_prix{ background:transparent url(img/categorie_current.gif) no-repeat 0 -46px; }
			#offre_categories .visu_prix img{float:left;}
			
			/* ajustements - prix par jour - 2014-06-23 */
			#forfait_t_prix{position:relative;}
			.intitule--prix-par-jour{position:absolute; right:101%; white-space:nowrap; top:20px; font-size:12px; color:#000;}
			.promo_prix{margin-top:3px;}
			
	#form_modif_reservation{ margin:0 0 0 -15px; padding:0 0 0 29px; width:360px; height:166px; background:#FFF url(img/form_modif_reservation_bg.png) repeat-x 0 0; border-bottom:1px solid #c1c0c0; overflow:hidden; }
		#form_modif_reservation h1{ margin:0 0 10px -10px; }
		#form_modif_reservation h2{ margin:0 0 0 -10px; }
		#form_modif_reservation #calendar{ margin:0 0 8px; }
		#form_modif_reservation #calendar label{ width:60px; }
		#form_modif_reservation #calendar input{ width:92px;}
		#form_modif_reservation #calendar select{ width:100px;}
		#form_modif_reservation #calendar .btn_cal{ margin:2px 10px 0 18px;}
		#form_modif_reservation #calendar .duree_a{ padding-right:14px; }
		#form_modif_reservation #kilometrage label{ float:none; }
		#form_modif_reservation #distance{ clear:left; margin-right:4px; width:233px; }
		#form_modif_reservation .valid{ margin:0; }
		#kilometrage{ float:left; clear:both; margin:0 8px 0 0; padding:8px 0 0; width:232px; height:21px; text-align:center; background:transparent url(img/kilometrage.png) no-repeat 0 0;}
			#kilometrage li{ display:inline; }
			#kilometrage li span{ padding:8px 16px; color:#000; cursor:pointer; }
			#kilometrage li.current span{ color:#FFF; background:transparent url(img/kilometrage.png) no-repeat center -29px; }
			#form_modif_reservation{ position:relative; }
			#form_modif_reservation #l_distance{ float:left; margin:1px 5px 0 0; width:121px; }
			#form_modif_reservation #t_distance{ margin:1px 0 0; width:100px; height:18px; }
			#form_modif_reservation .valid{ position:absolute; bottom:22px; *bottom:18px; right:28px; padding-left:0; }
		#form_modif_reservation .valid input, input.modifiez { width:92px; background-image:url(img/btn_modifiez.gif); }
	#frm_offre_calendar{ margin:0 0 0 -15px; padding:10px 0 0; width:390px; background:#FFF url(img/form_modif_reservation_bg.png) repeat-x 0 -250px; }
		#frm_offre_calendar h2{ margin:0 0 0 29px; height:20px; }


		
/*réservation>téléphone*/
.reservation.telephone{}
	.reservation.telephone .content_bottom, .reservation.appel .content_bottom{ background-image:url(img/content_bg.png);}
	.reservation.telephone #page, .reservation.appel #page{ padding-top:15px; }
	.reservation.appel #page{ min-height:400px; }
	.reservation.telephone #page h1, .reservation.appel #page h1{ margin-bottom:20px;}
	.reservation.telephone #contact{ margin:20px 0 0;}
		.reservation.telephone #contact .valid{ padding:0 0 0 200px;}
		
/*réservation>paiement*/
.reservation.paiement .content_bottom{ background-image:url(img/content_bg.png);}
.reservation #col .logo{ margin:10px 0 0; padding:20px 0 0; background:transparent url(img/paiement_logo_bg.png) no-repeat 0 0;}
	.reservation #col .logo a{ display:block; float:right; clear:right; margin:0 0 10px;}
.reservation.paiement #page{ padding-top:20px; _padding-right:10px;}
.reservation.paiement #page h1{ margin-bottom:20px;}
	.reservation.paiement .offre_total p{ margin:0;}
	.reservation.paiement .offre_total .paiement_immediat{ padding-bottom:0;}
	.infos_agence{ font:italic 11px Arial; color:#7b7b7b;}
	.agence_infos{ margin:0 0 40px; line-height:18px;}
		.res_option_titre{ display:block; margin:0 0 4px; font:italic 12px Arial; color:#c00; }
		.res_opt_detail{ margin-left:10px; padding-left:20px; background:transparent url(img/picto_options.gif) no-repeat 0 1px; }
		.res_opt_nom{ font-weight:bold; }
	.mode_paiement{ margin:0 0 20px; }
	.par_cb{ clear:left; margin:0 -40px 0 -20px; padding:10px 40px 20px 20px; font-weight:bold; background:transparent url(img/paiement_mode.png) repeat-x 0 0; border-bottom:1px solid #d8d8d8; }
		.par_cb h2{ display:block; margin:0 0 10px; padding-left:25px; line-height:41px; background:transparent url(img/paiement_picto.png) no-repeat 0 10px; }
		.par_cb h2.current{ background-position:0 -40px; }
		.par_cb a{ color:#c00;}
		.par_cb .cb_acceptees{ display:block; margin:8px 0;}
		.par_cb .attention{ font:italic 11px Arial; color:#7B7B7B;}
		#form_carte #mois{ margin-right:8px; }
		#form_carte .valid{ margin:12px 0 20px; padding-left:200px; }
			#frm_cvv input{ margin-right:8px; width:82px;}
	.par_1euro{ margin:-1px -40px 0 -20px; padding:10px 40px 20px 20px; background:transparent url(img/paiement_mode.png) repeat-x 0 0; border-bottom:1px solid #d8d8d8; overflow:hidden;}
		.par_1euro img{float:right;}
		.par_1euro h2{ display:block; padding-left:25px; line-height:46px; background:transparent url(img/paiement_picto.png) no-repeat 0 13px;}
		.par_1euro h2.current{ background-position:0 -37px; }
		.par_1euro .valid input{ float:right; width:158px; background-image:url(img/btn_1euro.gif); }
		
		.par_1euro h2, 
		.par_cb h2{cursor:pointer;}

/*réservation>validation*/			
.reservation.validation .content_bottom{ background-image:url(img/content_bg.png);}
	.reservation.validation #page{ padding-top:20px;}
	.reservation.validation #page h1{ margin-bottom:20px;}
	.reservation.validation .offre_total, .reservation.validation .offre_total p{ margin:0;}
	.reservation.validation .offre_total .paiement_immediat{ padding-bottom:0;}
	.message_validation{ margin:0 0 20px;}
	.reservation.validation .btn.right{ margin:20px 0 0;}

/*déménagement/mémo*/
	.demenagement.memo .picto{position:absolute; width:145px; height:109px; margin:-75px 0 0 448px; padding:0; background-image:url(../css/img/memo_top.png); background-repeat:no-repeat; }
	#menu_memo{ margin:0 -10px 20px; }
		#menu_memo a{ display:block; float:left; margin:0 3px 6px 3px; width:193px; height:165px; text-indent:-10000px; background-image:url(../css/img/menu_memo.png); background-repeat:no-repeat; }
		#menu_memo a#memo1{ background-position:0 0 }
		#menu_memo a#memo2{ background-position:-193px 0; }
		#menu_memo a#memo3{ background-position:-386px 0; }
		#menu_memo a#memo4{ background-position:-579px 0; }
		#menu_memo a#memo5{ background-position:-772px 0; }
		#menu_memo a#memo6{ background-position:-965px 0; }
			#menu_memo a:hover#memo1, #menu_memo a.current#memo1{ background-position:0 -165px }
			#menu_memo a:hover#memo2, #menu_memo a.current#memo2{ background-position:-193px -165px; }
			#menu_memo a:hover#memo3, #menu_memo a.current#memo3{ background-position:-386px -165px; }
			#menu_memo a:hover#memo4, #menu_memo a.current#memo4{ background-position:-579px -165px; }
			#menu_memo a:hover#memo5, #menu_memo a.current#memo5{ background-position:-772px -165px; }
			#menu_memo a:hover#memo6, #menu_memo a.current#memo6{ background-position:-965px -165px; }
	.page_memo{ display:none; margin:0 auto; padding:0 50px; width:500px; background:transparent url(img/page_memo_bg.png) no-repeat 0 bottom;}
	.page_memo .top{ margin:0 -50px; padding:20px 0 0 50px; height:40px; background:transparent url(img/page_memo_bg.png) no-repeat 0 0;}
		.page_memo p, .page_memo div { margin:0 0 12px; padding:0 0 0 20px;}
		.page_memo ul { margin:6px 0 0 -20px; }
			#page .page_memo li{ margin:0 0 6px; padding:0 0 0 20px;}
		.case_cochee{ display:block; float:left; margin:-2px 6px 0 -20px; font-size:16px; color:#a2a2a2;}

.demenagement.tpl_popup{ padding:200px; background:none;}
.demenagement.tpl_popup h1{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #7F7F7F; }
.demenagement.tpl_popup h2{ margin:0 0 4px; }
.demenagement.tpl_popup p{ margin:0 0 20px;}
.demenagement.tpl_popup ul.tiret{ margin:0 0 20px;}

/* Ada pro */
.pro.adapro .pre-form label{line-height:20px; }
.pro.adapro em.fc_error{clear:both; display:block; margin-left:200px; }

/* conditions location */
.conditions.location table, .aide.reseau table, .aide.assurances table{border-collapse:collapse; margin-bottom:25px; }
	.conditions.location table caption, .aide.reseau table caption{font-size:16px; color:#666; margin-bottom:15px;}
	.conditions.location table th, .conditions.location table td, .aide.reseau table th, .aide.reseau table td{width:150px;}

/* BTN Haut de page - exceptions */
.offre .content_bottom a.btn.right.haut, .agences.agence .content_bottom a.btn.right.haut, .loisirs.sans_permis .content_bottom a.btn.right.haut, .agences.index .content_bottom a.btn.right.haut{display:none;}	
	
	
/*newsletter*/
.contact .content_bottom .btn.haut{ display:none;}
.newsletter.index h1{ margin-bottom:0; }
	form#pro{}
		form#pro .valid{ margin-bottom:30px; padding:0 0 0 200px;}
		
/*contact*/
.contact.message{}
	.contact.message form.reservation{ padding:0; }
	.contact.message form h2{ margin-top:20px;}
	.contact.message form .valid{ padding:0 0 0 200px;}

.contact.recommandez{}
	.contact.recommandez form .valid{ margin-bottom:30px; padding:0 0 0 200px;}

/* offre */
.offre.artisans h1, .offre.conducteur h1, .offre.jeunes h1{ margin:0;}
.offre.toutcompris h2{ margin:0;}

/*AUTOEUROPE*/
.autoeurope #content .header{ height:15px; }
.autoeurope #content .content{ background:#FFF;}
.autoeurope .content_bottom{ clear:both; height:20px; background:transparent url(img/content_bg_hm.png) no-repeat -1890px -46px; }
.error_msg{ display:block; margin:0 0 10px; font:bold 13px Arial; color:#C00; }

/* 2011-10-04 :nouveau parcours d'inscription - paiement - validation */
	.res_option_titre{ display:none; }
	#page li.res_opt_detail{ margin:0 0 0 -3px; padding:0 0 0 3px; background:#f6f6f6; border-bottom:1px solid #e7e7e7; border-top:1px solid #fff; }
	.res_opt_nom{ font:normal 12px arial; line-height:20px; }
	.par_cb{ padding:10px 40px 10px 20px; border:0; }
		.par_cb h2{ position:relative; }
		.par_cb .cb_acceptees{ position:absolute; top:2px; right:75px; margin:0; }	
			.par_cb .cb_acceptees.un-click{right:-20px; top:6px;}
	.par_1euro{ padding:10px 40px 10px 20px; }
	.mode_paiement{ clear:left; margin:20px -40px 0 -20px; padding:10px 40px 10px 20px; font-weight:bold; background:transparent url(img/paiement_mode.png) repeat-x 0 0; }
		.reservation.paiement #page .mode_paiement h1{ margin:0; }
		.reservation.paiement #page .verisign{ margin-top:-14px; }
		.reservation.paiement #page .paybox{ margin:-14px -10px 0 0; }
/* 2012-07-20 - ajout paiement en un clic */
#par_1clic{position:relative;}
#form_carte h3{color:#CC0000; margin-bottom:4px;}
#form_carte  p.chk{padding-left:200px;}
	#form_carte  p.chk label{line-height:20px;}
	#form_carte  p.chk input{}
.highlight-description{padding:5px; background:#f8f8f8;}
.popin-1clic{padding:10px; width:94%; margin:0 auto 10px; background:#ececec; border:1px solid #ccc; font-style:italic; font-weight:normal;}
#par_1clic_autre{text-decoration:underline;}
.table-cb-1clic{border-collapse:collapse; width:100%; margin-bottom:10px;}
	.table-cb-1clic th{padding:7px 5px;text-align:left; background:#cc0000; color:#fff; border:none;}
	.table-cb-1clic td{padding:7px 5px;}
	.table-cb-1clic tr{border:1px solid #ccc;}

.validation .agence_infos{ padding:0 0 10px; border-bottom:1px solid #CCC; }
.reservation.validation .offre_total{ margin-right:10px; }

#frm_pgkm{ margin:20px 0 0; padding:20px 0 50px; background:transparent url(img/validation_pgkm_bg.png) no-repeat 0 bottom; border-top:1px solid #CCC; }
	#frm_pgkm label{ width:180px; color:#000; }
	#frm_pgkm input{ width:389px; }
	#frm_pgkm select{ width:397px; }
	#frm_pgkm .frm_permis_type select{ width:50px; }
	#frm_pgkm .chk{ overflow:hidden; }
	#frm_pgkm .chk input{ float:right; margin-top:6px; width:13px; height:13px; }
	#frm_pgkm .chk label{ float:right; padding-left:4px; width:auto; color:#6aa42c; }
	#frm_pgkm .chk label span{ display:none; }
	#frm_pgkm .alerte em{ display:block; padding-left:184px; }
	#frm_pgkm .chk.alerte label span{ display:inline; padding:0; color:#C00; }
	#frm_pgkm .valid{ overflow:hidden; }
	#frm_pgkm .valid input{ float:right; width:87px; }
	.alerte span{ display:block; padding-left:184px; }
	.tpl_reservation #col{ position:relative; }
	#col .col_fleche{ display:block; position:absolute; top:120px; right:-8px; }
	
.client.programme-kilometre .page-espace-client{width:577px; padding:26px 26px 0 20px;}

/*popin_agence*/

	#popin_recherche_agence{ padding:0; }
	#form_recherche_agence{ margin:0; width:800px; height:109px; background:transparent url(img/form_recherche_agence_bg.gif) repeat-x 0 0; }
		#form_recherche_agence div{ margin:0 auto; padding:20px 0 0; width:630px; overflow:auto;}
		#form_recherche_agence p{ float:left; margin:0 10px 0 0; width:530px; }
		#form_recherche_agence p.valid{ float:left; margin:28px 0 0; width:90px; }
		#input_recherche_agence{ float:left; width:520px; }

	#liste_recherche_agence, #carte_recherche_agence {width:520px;}
	#carte_recherche_agence { margin:6px 0 0; }
	#liste_recherche_agence {overflow:auto;width:218px; margin-right:5px; padding:12px 25px 0; border:1px solid #FFF; background:transparent url(img/form_recherche_agence_bg.gif) repeat-x 0 -109px; }
		.recherche_agence { font:bold 11px Arial; color:#999999; }
		.recherche_agence a{ font-size:12px; color:#000; }
		.recherche_agence.current { color:#c00; }
		.recherche_agence.current a{ color:#c00; }
		.recherche_agence.current .btn{ color:#fff; }
		.recherche_agence .btn { margin:5px 0 12px; font-size:11px; letter-spacing:-0.03em; color:#FFF; }
	#carte_recherche_agence {background:#fff url(../img/ajax-loader.gif) no-repeat 50% 50%;}
	
/* popin_agence page interne */
#block_recherche_agence form{background:transparent url(img/bg-block-recherche-agence.gif) repeat-x 0 0; height:100%; width:100%;}
#block_recherche_agence form div{width:100%; padding: 10px 0px 0px 10px;}
#block_recherche_agence form div label{height:100%;}
#block_recherche_agence form .valid input{line-height:0px; margin-bottom:10px;}
#block_recherche_agence #liste_recherche_agence{padding-top:0px;}
#block_recherche_agence #liste_recherche_agence p.recherche_agence{ margin-top:12px;}

/* styles réutilisables (01/10/2015) */
.h1-like{color: #000; font-size:18px; font-family:'Raleway', Arial;}
.h2-like{font-size: 16px; color: #7f7f7f; font-family:'Raleway', Arial;}
.h3-like{color: #000; font-size: 14px; font-family: 'Raleway', Arial;}	
/* styles réutilisables (10/04/2013) */
.h4-like{font-size:13px;}

/* Block livraison - 2014-07-02 */
.agence-livraison{display:inline-block; position:relative; margin:10px 0;}
	.agence-livraison .blanc{color:#fff !important;}
	.agence-livraison img{width:50px; cursor:pointer; float:none !important;}
	.agence-livraison .agence-livraison--explications{display:none; position:absolute; top:-42px; left:130%; padding:15px; width:220px; background:#ed7d31; text-align:center !important; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5); z-index:10; font-size:12px;}
		.agence-livraison .agence-livraison--explications:before{content:url(img/orange-arrow.png); position:absolute; left:-14px; top:42px;}
		.agence-livraison:hover .agence-livraison--explications{display:block;}
	
.recherche-agence .agence-livraison img{width:auto;}
.recherche-agence .agence-livraison .agence-livraison--explications{left:120%; top:-30px;}
	
.reservation.resultat .agence-livraison{vertical-align:middle; margin-top:2px; margin-left:15px;}
.reservation.resultat .agence-livraison .agence-livraison--explications{line-height:15px;}

/* encart meteo */
.encart-meteo{font-size:28px; font-weight:700; color:#505050; border:1px solid #6ad9fe; padding:15px 40px; margin-bottom:15px;}
	.encart-meteo .desc{font-size:20px; font-weight:600;}
	.encart-meteo .date{font-size:13px; font-weight:600; margin-left:220px;}

/* POur les écrans compris entre 1400 et 1280 */
@media screen and (min-width:1280px) and (max-width:1400px){
	.reservation.index #content{width:1200px; margin:auto; margin-top: 60px;}
	.reservation.index #recherche{margin-top:-295px;}
}
/* POur les écrans inferieurs à 1024px */
@media screen and (max-width:1279px){
	.reservation.index #content{width:1000px; margin:auto; margin-top: 60px;}
	.reservation.index #recherche{margin-top:-350px;}
}
/* POur les écrans inferieurs à 760 */
@media screen and (max-width:760px){
	.overlay-mobile{display:block;}
}