/* selectbox
.selectbox 
{
	display: none;
	position: relative;
	z-index: 1000;
	border: 1px red solid;
	}
	.etape_2 {z-index: 1000}
	.etape_3 {z-index: 1}
*/

/* = structure */
	body#home #rowA {padding: 30px 0 1em 0;}	
	#une {float: left; width: 370px; background-color:#fff;}
	#profils {float: right; width: 94px margin:0; padding:0; } 
	
/* reservation-content */
	#reservation-content {
		position: relative;
		z-index: 1;
		padding: 0 0 24px 0; 
		margin:0;
		background: transparent url(/Content/medias/resa_home_bottom.gif) no-repeat bottom center;
		}

/* = les étapes de réservation */
	#etapes_reservation {
		width: 400px; margin: 0 0 0 30px;
		background: transparent url(/Content/medias/resa_home_repeat.gif) repeat-y top center;
		}
	.resa_etape {
		display: block; clear: both;
		}
	.resa_etape h2 {
		font-size: 93%; font-weight: bold;
		display: block; padding: 10px 0 1.1em 40px;
		}
	.etape_1, .etape_2,
	.etape_3, .etape_4,
	.etape_5 {position: relative;}
	
	.etape_1 {
		z-index: 1;
		height: 100px; overflow: hidden;
		}
	.etape_2 {z-index: 1000;}
	.etape_3 {z-index: 1;}
	.etape_4 {z-index: 1;}
	
	.etape_1 h2 {background: transparent url(/Content/medias/etape_01.gif) no-repeat 0 0;}
	.etape_2 h2 {background: transparent url(/Content/medias/etape_02.gif) no-repeat 0 0;}
	.etape_2 #resaModifAgenceRetour h2 {background-image: none;}
	.etape_3 h2 {background: transparent url(/Content/medias/etape_03.gif) no-repeat 0 0;}
	.etape_4 h2 {background: transparent url(/Content/medias/etape_04.gif) no-repeat 0 0;}
	.etape_5 h2 {background: transparent url(/Content/medias/etape_05.gif) no-repeat 0 0;}
	
	#etapes_reservation input,
	#etapes_reservation select,
	#etapes_reservation textarea {
		font-size: 85%; color:#506464;
		background-color:#F1F5F5;
		}
	#etapes_reservation a.more {
		padding: 0 1em 0 0;
		font-size: 70%; color:#000; 
		text-decoration: none; text-align: right;
		background: transparent url(/Content/medias/flcRed.gif) no-repeat right;
		}
	#lnkGoToAgency {
		position: absolute;
		display: block;
		left: 325px;
		width:56px; height:67px;
		}

	/* etape 01 */
	.etape_1 {padding: 0 0 1em 0;}
	.etape_1 .mode_field_line {height: 24px;}
	.resa_mode h2, .resa_vehicule {float: left;}
	.resa_mode h2 {width: 130px;}
	.resa_vehicule {width: 210px; height: 200px;}
	.resa_vehicule .current_block {display: block!important;}
	.resa_vehicule .field_line {
		position: absolute; left: 25px;
		width: 335px; height: 50px;		
		margin: 35px 0 0 0;
		padding: 10px 10px 0 10px;
		background-color:#fff;
		}
	.etape_1 select, .etape_1 .info {float: left;}
	.etape_1 select {width: 310px;}
	.resa_vehicule h3 {
		float: left; font-size: 77%; color:#3f5251;
		display: block; width: 70px; height: 35px; 
		text-align: center; font-weight: bold;
		cursor: pointer;
		}
	.resa_vehicule .vhcl1 {background: #BBF353 url(/Content/medias/resa_voiture.gif) no-repeat 0 -35px;}
	.resa_vehicule .vhcl2 {background: #BBF353 url(/Content/medias/resa_utilitaire.gif) no-repeat 0 -35px;}
	.resa_vehicule .vhcl3 {background: #BBF353 url(/Content/medias/resa_moto.gif) no-repeat 0 -35px;}
	
	.resa_vehicule h3.current,
	.resa_vehicule h3:hover {color:#000; background-position: 0 0; background-color:#fff;}
	
	.etape_1 a.more {
		display: block;
		text-align: right;
		font-weight: bold; padding:0 10px 0 0!important;
		background: transparent url(/Content/medias/flcRed.gif) no-repeat right center!important;
		}
	.etape_1 .info {
		text-indent: -1000em;
		margin: -4px 0 0 0;
		display: block; width: 25px; height: 25px;
		background: transparent url(/Content/medias/resa_bt_info_reduce.gif) no-repeat 2px 2px;
		}
	
	/* etape 02 */
	.etape_2 {width: 380px; height: 65px; position: relative;}
	.etape_2 h2, .etape_2 select {float: left;}
	.etape_2 h2 {width: 80px;}
	.etape_2 select {width: 200px; margin: 10px 0 0 0;}
	
	.etape_2 .resa_nav_etapes {
		position: absolute; 
		display: block;
		width: 295px;
		left: 20px;
		margin: 35px 0 0 0;
		}
	.etape_2 #resaModifAgenceRetour {
		position:absolute; left: 0;
		margin: 35px 0 0 0;
		}
	.etape_2 a.more {
		display: block; 
		margin: 5px 0 0 0;
		}
		
	/* etape 03 */
	.etape_3 .field_line { 
		float: none!important;
		display: block; clear: both;
		height: 30px; width: 345px;
		margin: 0 0 7px 40px;
		}
	.etape_3 .libele_field_line,
	.etape_3 .mode_field_line,
	.etape_3 .days_slider {
		position: relative;
		height: 20px; margin: -7px 0 0 0;
		float: left; z-index: 1;
		}
	
	.etape_3 .libele_field_line {width: 35px;}
	.etape_3 .mode_field_line {width: 95px;}
	.etape_3 .days_slider {width: 160px;}
	
	.etape_3 label, .etape_3 input {float: left;}
	.etape_3 label {
		font-size: 77%; color:#506464; 
		padding: 3px 0 0 0;
		}
	.etape_3 input { 
		width: 85px;
		margin: 0 20px 0 0;
		}
	.etape_3 #days_slider {
		margin: 0 0 0 10px;
		}

	#days_compteur label {font-size: 77%;}
	#days_compteur #amount {
		background-color:#B0F137 !important;
		border:0 none;
		color:#F6931F;
		font-weight:bold;
		width:20px !important;
		margin-top: 5px;
		}
	.etape_3 input.textfield {
		background:#FFFFFF url(/Content/medias/calendar.gif) no-repeat scroll right center;
		}
	
	/* etape 04 */
	.etape_4 h2, .etape_4 input {float: left;}
	.etape_4 h2 {width: 160px;}
	.etape_4 input {
		width: 100px; text-align: center;
		margin: 10px 0 10px 0;
		}
	
	/* etape 05 */
	.etape_5 h2 {
		display: block; 
		padding:10px 0 .7em 40px;
		float: none!important;
		}
	#mode_rapide {
		width: 330px; height: 80px; 
		padding: 5px 10px 5px 10px; 
		margin: 0 0 0 25px;
		background: transparent url(/Content/medias/resa_rapide_bg.png) no-repeat 0 0;
		}
	.etape_5 .field_link {
		width: 265px;
		position: absolute;
		margin: 0 0 0 0!important;
		padding: 0!important;
		}	
	.etape_5 .field_link a {
		float: right;
		width: auto;
		clear: none!important;
		padding: 0 10px 0 10px;
		font-size: 77%; color:#000;
		text-decoration: none;
		background: transparent url(/Content/medias/search_flc_5.gif) no-repeat right 2px!important;
		}
		
	#mode_rapide h3 {
		font-size: 85%; font-weight: bold;
		padding: 3px 0 5px 10px;
		background: transparent url(/Content/medias/flcRed.gif) no-repeat 0 5px;
		}
	#mode_rapide h3 span {color:#AB0047;}
	#mode_rapide p {
		width: 330px; /*height: 25px*/; 
		margin: 0; 
		clear: both;
		}
	.field_mode {
		padding: .5em 0 .2em 0; 
		height: 20px; 
		margin: 5px 0 0 0;
		}
	
	#mode_rapide p label, #mode_rapide p input {float: left;}
	#mode_rapide p label {width: 85px; font-size: 80%; color:#506464;}
	#mode_rapide input#resa_rapide_identifiant {width: 170px;}
	#mode_rapide input#resa_rapide_mdp {width: 115px; margin:0 0 0 3px;}
	
	#mode_rapide input.ok {
		border:0 none;
		display:block; 
		text-align: left;
		width:25px; height:25px;
		font-size: 1px; color:#fff;
		margin:-1px 0 0 5px;
		text-indent:-1000em;
		background:transparent url(/Content/medias/search_button.png) no-repeat scroll 1px 0;
		}
	
	#mode_rapide p input {width: 185px; margin: 0 0 5px 0}
	
	.infoTitle h3, 
	.infoTitle a.infos {float: left;}
	.infoTitle h3 {}
	.infoTitle h3 a.infos {}
	
	#mode_rapide a.infos {
		font-size:1px; color:#fff;
		text-indent: -1000em;
		}
	#mode_rapide a.more {
		display: block; clear: both;
		color:#000; font-size: 80%;
		font-weight: normal;
		padding: 0 0 0 10px;
		text-align:left;
		background: transparent url(/Content/medias/flcRed.gif) no-repeat 0 4px!important;
		}
	#mdp51, #mdp52 {float: left;}
	#mdp51 {width: 130px;}
	#mdp52 {width: 165px;}
	
	
	/* bottomValide */
	#etapes_reservation .bottomValide {padding: 5px 25px 0 20px; clear: both;}
	#etapes_reservation .bottomValide .resa_button {
		display: block; float: right; 
		font-size: 1px; color:#B0F137;
		border:0; text-indent: -1000em; height: 39px
		}
	#etapes_reservation .bottomValide .resa_memo {
		width: 210px; text-indent: -1000em; 
		background: transparent url(/Content/medias/resa_bt_memoriser.gif) no-repeat 0 0;
		}
	#etapes_reservation .bottomValide .resa_calcul {
		width: 145px; text-indent: -1000em; 
		background: transparent url(/Content/medias/resa_bt_calculer.gif) no-repeat 0 0;
		}
		
	/* = une */
	#une h2 {
		font-size: 150%; color:#006602;
		font-family:'helvetica';
		}
	#une h2 span {font-weight: normal;}
	#une p {color:#666; font-size: 85%;}
	#une a {color:#006602; text-decoration: underline;}

	/* = profils */
	#profils ul {margin:0; padding:0;}
	#profils ul li {margin:0; padding:0;}
	#profils ul li a {display: block; width: 90px; height: 94px; text-indent: -1000em;}
	#profils ul li.prof1 a {background: transparent url(/Content/medias/profil_1.png) no-repeat -93px 0;}
	#profils ul li.prof2 a {background: transparent url(/Content/medias/profil_2.png) no-repeat -93px 0;}
	#profils ul li.prof3 a {background: transparent url(/Content/medias/profil_3.png) no-repeat -93px 0;}
	#profils ul li.prof4 a {background: transparent url(/Content/medias/profil_4.png) no-repeat -93px 0;}
	#profils ul li.prof5 a {background: transparent url(/Content/medias/profil_5.png) no-repeat -93px 0;}
	#profils ul li a:hover {background-position: 0 0;}
	
	/* = commun - ideal // blog */
	#ideal .content, #blog .content {height:200px;}
	
	#ideal a.more, #blog a.more  {
		display: block; 
		padding: 8px 0 0 30px;
		width: 190px; height:22px;
		font-size: 85%; color:#fff; text-decoration: none;
		}
	
	/* = véhicule Idéal */
	#ideal .content {
		width: 180px; padding: 10px; 
		background-color:#D1E8F0;
		}
	#ideal h2 {}
	#ideal {font-size: 85%; color:#666;}
	
	
	#ideal .article {padding: 0 0 .5em 0;}
	#ideal .article p {font-size:100%; font-weight: bold;}
	#ideal .article p a {color:#41808A;}
	#ideal img {margin: 0 0 5px 0;}
	
	#ideal a.more {
		margin: 0 0 0 -9px;
		background: transparent url(/Content/medias/ideal_bt.gif) no-repeat 0 0;
		}
	
	/* blog / facilitateur de mobilité */
	#blog .content {width: 180px; padding: 10px; background-color:#ececec;}
	#blog .article {padding: 0 0 .5em 0;}
	#blog .article h3 {
		font-size: 77%; font-weight: bold;
		padding: 0 0 0 12px;
		background: transparent url(/Content/medias/blog_flc.gif) no-repeat 0 2px;
		}
	#blog .article p {font-size:77%; color:#3f5251; }
	#blog .article p a {
		color:#41808A!important;
		text-decoration: none;
		}
	#blog a.more {
		margin: 0 0 0 -8px;
		background: transparent url(/Content/medias/blog_bt.gif) no-repeat 0 0;
		}
	
	/* promotions */
	a.prev, a.next,
	#promos .scrollable {float: left;}
	#promotions_content {margin: 0 0 0 40px;}
	
	/* scrollable */
	.scrollable h2 {font-size: 108%;}
	.scrollable h2 a {color:#006602!important;}
	.scrollable h3 {font-size: 85%;color:#666;}
	.scrollable p {color:#666; font-size: 85%;}
	
	#promos .scrollable {   
	    position:relative; overflow:hidden;     
	    height: 225px; width: 340px;
		} 
	#promos .scrollable div.items {
		position:absolute; height:20000em;
		}

	#promos .scrollable div.items div {
		position: relative;
		margin: 0 auto!important;
		float:left; text-align:center;
		width:340px; height: 225px; 
		padding: 3px 0 5px 0;
		border-bottom: 1px #ccc solid;
		}
	#promos .scrollable div.items div h2 a {
		display: block; 
		margin: 4px 0 0 0;
		text-decoration: underline;
		font-size: 150%; color:#8f9a9f; 
		font-family:'helvetica';
		}
	
	#promos .scrollable div.items .scrollable_visuel {
		position: relative;
		width: 325px!important; 
		height: auto!important;
		margin: 0 auto!important;
		padding: 0 0 5px 0!important;
		float:none!important;
		text-align: center!important;
		background-image: none!important;
		}
	#promos .scrollable div.items img,
	#promos .scrollable div.items .scrollable_visuel a img {
		position: relative;
		border: 1px #fff solid;
		margin: 0 auto;
		}
		
	a.prev, a.next {
		display: block; width: 20px; height: 150px!important; 
		text-indent: -1000em; cursor: pointer;
		}
	a.prev {height: 40px; background: transparent url(/Content/medias/promo_left.jpg) no-repeat 0 0;}
	body#generique a.next {background: transparent url(/Content/medias/btScrollDown_page.gif) no-repeat 0 0;}
	a.next {height: 25px; background: transparent url(/Content/medias/promo_right.jpg) no-repeat 0 0;}