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

/* loic= 12 01 2011 */
	
	#logo a {
		display: block;
		width: 175px; height:50px;
	    margin: 82px 0 0 23px!important;
	    position: absolute;
	    text-indent: -1000em;
	    z-index: 1000;
		}

	#pushMessage {
		display: none;
		border-left: 1px #007504 solid;
		border-right: 1px #007504 solid;
		border-bottom: 1px #007504 solid;
		z-index:10000; width: 950px;
		text-align: center;
		margin: 0 0 0 -6px;
		/*left:4px!important;*/
		top: 102px!important;
		position: absolute!important;
		}
	#pushMessage div {
		height: 18px; margin: 5px 0 0 0;
		padding: 10px 40px 5px 10px;
		border: none !important;
		font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	    background: transparent url(/Content/images/bgPuscher.png) repeat 0 0;
		}
	#pushMessage .closed {
		cursor: pointer;
		text-indent: -1000em;
	    width: 20px; height:19px;
	    position: absolute; top: 12px; right: 5px; 
	    background: transparent url(/Content/images/closeBlack.png) no-repeat 0 0;
		}
	
	#pushMessage p, #pushMessage p a {color:#000;}
	#pushMessage p {font-size: 90%; /*color:#fff;*/}

/* = structure */
	body#home #rowA {padding: 30px 0 0 0;}	
	#une {float: left; width: 365px; 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;
		}
	#error_WS {background-color:#fff!important;}
	#error_WS p a {color:#006FB1!important;}	
	.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: 145px; margin:0 0 0 3px;}
	
	#mode_rapide span {font-size: 85%; color:#646464;}
	
	#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 {
		height: 24px;
		}
	.infoTitle h3, 
	.infoTitle a.infos {float: left;}
	
	#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:210px;}
	
	#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;
		width: 180px;
		overflow: hidden;
		}
	#ideal .article p {font-size:100%; font-weight: bold;}
	#ideal .article p a {color:#41808A;}
	#ideal img {
		width: 180px;
		height: 150px;
		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 a {color:#006602 !important;}
	#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 {/*btScrollDown_page.gif - image supprimée */}
	a.next {height: 25px; background: transparent url(/Content/medias/promo_right.jpg) no-repeat 0 0;}
	
	div#blog_loading{margin-left: 60px; margin-top: 40px;}
	
/*actualités maj blocks novembre 2011*/
	#actusIndex {height: 176px;}
	#actusIndex {width:100%; overflow:hidden;}
	#actuUl {list-style: none outside none;}
	
	#actuLiBig,
	.actuLiSmall {
		float: left;
		display: inline; height: 165px;
		padding: 5px 10px 5px 10px;
		list-style: none outside none;
	    overflow: hidden;
	}
	#actuLiBig {
		overflow:hidden;
	    width: 372px; margin-left:32px;
		background: transparent url(/Content/medias/actuLiBig.png) no-repeat 0 0;
		}
	
	.actuLiSmall {
		overflow:hidden;
	    width: 221px; margin-left:12px;
		background: transparent url(/Content/medias/actuLiSmall.png) no-repeat 0 0;
		}
	#actuLiBig .actuDiv {width: auto;}
	
	.actuDiv {
	    width: 220px; height: 35px; 
	    margin:0px; padding:0px; 
	    color: #006600;
	    font-weight: bold;
		font-size: 125%;
		line-height: 100%;
		overflow: hidden;
		}
	
	.actuDiv2 {
	    width: 100%; 
	    height: 115px; 
	    margin-top: 5px;
	}
	#actuText, .actuImg {float: left;}
	
	#actuText {
    overflow:hidden;
	width: 210px; height: 120px;
	padding: 0 10px 0 0;
	font-size: 85%; color: #666666;
	}
	.actuImg {height: 120px; overflow:hidden; }
	.actuLiSmall .actuImg {width: 220px;}
	#actuLiBig .actuImg {width: 150px;}
	
	.actuHref {
	    text-decoration: none; 
	    border:none;
	    color: #006602;
	    font-family: 'helvetica'; 
	    font-weight: bold;
	}
	
	#textResaWait
	{
	    float: left;
	    font-size: 85%;
	    padding-top: 5px;
	    text-align: right;
	    width: 210px; 
	    display: none;
	}