/* Ooloc location de voiture sur internet CSS page menu client*/

/* ********************************** MENU GAUCHE ****************************** */
#menu_gauche
{
	float: left;
	width: 200px;
	position:relative;
	height: 400px; /*350px;*/
}
/* ---------------------------------- MENU GAUCHE ------------------------------ */



/* ********************************** PAGE DROITE ****************************** */
#page_droite
{
	float: left;
	width: 744px;
	margin-left:5px;
	/*background-color:#669999;*/

}
/* ---------------------------------- PAGE DROITE ------------------------------ */


#menuclientA a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	background: url(../img/effectuer_location.gif);
	background-repeat: no-repeat;
	padding-top: 57px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#menuclientA a:hover
{
	background: url(../img/effectuer_location2.gif);
}

#menuclientB a
{
	position: absolute;
	top: 57px;
	left: 0px;
	width: 200px;
	background: url(../img/vos_locations.gif);
	background-repeat: no-repeat;
	padding-top: 57px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#menuclientB a:hover
{
	background: url(../img/vos_locations2.gif);
}

#menuclientC a
{
	position: absolute;
	top: 114px;
	left: 0px;
	width: 200px;
	background: url(../img/compte_client.gif);
	background-repeat: no-repeat;
	padding-top: 57px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#menuclientC a:hover
{
	background: url(../img/compte_client2.gif);
}

#menuclientD a
{
	position: absolute;
	top: 171px;
	left: 0px;
	width: 200px;
	background: url(../img/billets_location.gif);
	background-repeat: no-repeat;
	padding-top: 57px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#menuclientD a:hover
{
	background: url(../img/billets_location2.gif);
}

#menuclientE a
{
	position: absolute;
	top: 228px;
	left: 0px;
	width: 200px;
	background: url(../img/vos_factures.gif);
	background-repeat: no-repeat;
	padding-top: 57px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#menuclientE a:hover
{
	background: url(../img/vos_factures2.gif);
}

#menuclientF a
{
	position: absolute;
	top: 284px;
	left: 0px;
	width: 200px;
	background: url(../img/ecrire_ooloc.gif);
	background-repeat: no-repeat;
	padding-top: 57px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#menuclientF a:hover
{
	background: url(../img/ecrire_ooloc2.gif);
	background-repeat: no-repeat;
}

#menuclientG a
{
	position: absolute;
	top: 341px;
	left: 0px;
	width: 200px;
	background: url(../img/deconnexion_off.gif);
	background-repeat: no-repeat;
	padding-top: 54px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#menuclientG a:hover
{
	background: url(../img/deconnexion_on.gif);
	background-repeat: no-repeat;
}

/********************************************************************************************/



/***************************** SOUS MENU ***************************************************/
.Sous_Menu_Client
{
	position:absolute;
	visibility: hidden;
	/*width: 190px;*/
	/*background-color: #CCCCFF;*/
	/*border-left: 1px solid #000000;*/
	/*line-height: 20px;*/
	z-index: 1000;
	width: 300px;	
}

.Sous_Menu_Client ul
{
	list-style-type: none ;
	float: left ;
	height: 24px;
}

.Sous_Menu_Client li
{
	list-style-type: none ;
	float: left ;
	height: 24px;
}

.Sous_Menu_Client a
{
	/*background:url(../img/bouton_menu_admin.gif);*/
	/*background:url(../img/fond_bt_bleu.gif);*/
	/*background-repeat:repeat-x;*/
	/*background-color:#666666;*/
	/*background:url(../img/fond_bt_bleu.gif);*/
	color: #FFFFFF;
	width: 300px;
	display:block;
	height: 23px;
	padding-left:10px;
	line-height: 20px;
	/*border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;*/
}

.Sous_Menu_Client a:hover
{
	/*background:url(../img/bouton_menu_admin2.gif);*/
	background:url(../img/bt_je_valide_up.jpg);
	background-color:#666666;
	color: #FFFFFF;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 0px solid #000000;
	border-right: 0px solid #000000;
	width: 289px;
}

.Sous_Menu_Client a:link
{
	color: #FFFFFF;
}
.Sous_Menu_Client a:visited
{
	color: #FFFFFF;
}

.Sous_Menu_Client a:active
{
	color: #FFFFFF;
}

#Sous_Menu1
{
	position:absolute;
	top: 10px;
	left: 190px;
}

#Sous_Menu2
{
	position:absolute;
	top: 67px;
	left: 190px;
	background:url(../img/fond_degrad_b.jpg) repeat-x;
}

#Sous_Menu3
{
	position:absolute;
	top: 124px;
	left: 190px;
	background:url(../img/fond_degrad_b.jpg) repeat-x;
}

#Sous_Menu4
{
	position:absolute;
	top: 181px;
	left: 190px;
	background:url(../img/fond_degrad_b.jpg) repeat-x;
}

#Sous_Menu5
{
	position:absolute;
	top: 238px;
	left: 190px;
	background:url(../img/fond_degrad_b.jpg) repeat-x;
}

#Sous_Menu6
{
	position:absolute;
	top: 295px;
	left: 190px;
	background:url(../img/fond_degrad_b.jpg) repeat-x;
}

#Sous_Menu7
{
	position:absolute;
	top: 342px;
	left: 140px;
	background:url(../img/fond_degrad_b.jpg) repeat-x;
}

#Sous_Menu8
{
	position:absolute;
	top: 399px;
	left: 190px;
	background:url(../img/fond_degrad_b.jpg) repeat-x;
}


#page_droite_client
{
	background:url(../img/fond_esp_client_v5.jpg) no-repeat;
	width: 400px;
	height: 132px;
	padding: 205px 270px 0px 75px;/*top,right,bottom,left*/
}

#calque_log_esp_c
{
	position: absolute;
	top: 294px;
	left: 230px;
	width: 435px;
	height: 30px;
}

#calque_detail_resa
{
	width: 745px;
	height: 810px;
	background: url(../img/fond_detail_resa_client.gif) no-repeat left top;

}

#photo_veicule
{
	width: 200px;
	height: 150px;
	position:absolute;
	top: 417px;
	left: 711px;
}

#calque_versement
{
	width: 280px;
	float:left;	
}

#calque_vers_limit
{
	width:270px;
	height: 50px;
	overflow: auto;

}

#calque_boutons
{
	width:300px;
	position:absolute;
	top: 766px;
	left: 630px;
	float:left;
	/*padding: 0px 0px 0px 30px;*/
}



#bt_booking a
{
	width: 147px;
	display: block;
	background: url(../img/bt_ebooking_off.gif);
	background-repeat: no-repeat;
	padding-top: 34px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#bt_booking a:hover
{
	background: url(../img/bt_ebooking_on.gif);
}

#bt_facture a
{
	width: 147px;
	display: block;
	background: url(../img/bt_facture_off.gif);
	background-repeat: no-repeat;
	padding-top: 34px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#bt_facture a:hover
{
	background: url(../img/bt_facture_on.gif);
}

#bt_payer a
{
	width: 147px;
	display: block;
	background: url(../img/bt_payer_ligne_off.gif);
	background-repeat: no-repeat;
	padding-top: 34px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#bt_payer a:hover
{
	background: url(../img/bt_payer_ligne_on.gif);
}

#bt_modif a
{
	width: 147px;
	display: block;
	background: url(../img/bt_modifier_demande_off.gif);
	background-repeat: no-repeat;
	padding-top: 34px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#bt_modif a:hover
{
	background: url(../img/bt_modifier_demande_on.gif);
}

#bt_annuler a
{
	width: 150px;
	display: block;
	background: url(../img/bt_annuler_off.gif);
	background-repeat: no-repeat;
	padding-top: 39px;
	overflow: hidden; /* WIN IE5 hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0;
}

#bt_annuler a:hover
{
	background: url(../img/bt_annuler_on.gif);
}

#calque_commentaire
{
	width:214px;
	height: 150px;
	position: absolute;
	top: 602px;
	left: 704px;
}

#calque_retour
{
	width:230px;
	height: 205px;
	position: absolute;
	top: 556px;
	left: 424px;
	border: 1px solid black;
	visibility:hidden;
	padding: 3px;
	background: url(../img/fond_calque_confirm.jpg) no-repeat right bottom #FFFFFF;
}

#calque_paiement_secu
{
	width: 658px;
	height: 213px;
	margin: 5px 0px 0px 35px;
	background: url(../img/fond_choix_reglement.gif) no-repeat;
}

.bt_bleu
{
	width: 150px;
	float:left;
	height: 40px;
}

.menu_barre
{
	height: 50px;
	background: url(../img/fond_barre_v5.gif) repeat-x;
	color:#FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.liste_barre
{
	height: 30px;
	background: url(../img/fond_liste_v5.gif) repeat-x;
	/*color: #52A3C1;*/
	color:#006699;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 3px 0px 3px; /*top,right,bottom,left*/
	cursor: pointer;
}

.calque_info_resa
{
	width: 400px;
	background:url(../img/fond_details_resas.gif) no-repeat;
	background-color: #666666;
	position: absolute;
	top: 2px;
	left: 35px;
	display:  none;
	visibility: hidden;
	cursor:auto;
	color:#FFFFFF;
	font-weight:normal;
	border: 1px outset #074975;
}


.tableau_v5
{
	border: 1px solid #006699;
}

.calque_info_client
{
	width: 400px;
	background:url(../img/fond_details_resas.gif) no-repeat;
	background-color: #666666;
	position: absolute;
	top: 2px;
	left: 35px;
	display:  none;
	visibility: hidden;
	cursor:auto;
	color:#FFFFFF;
	font-weight:normal;
	border: 1px outset #074975;
}

.fond_case_gris
{
	background: #DEDEDE;
}