/****************************************************************/
/*** Début daspr le 14/05/2008 *******************/
/******************** Reabo **********************/

h2.reabo{
    color:#63B5DE;
    margin-bottom:4px;
    font-size:167%;
}

.reabo_box{
    width:500px;
    background:url(../images/css/top_bordorg_arrondi_reabo_violet.png) no-repeat top white;
    padding-top:12px;
    margin-bottom:10px;
}

.reabo_box .content{
    border-left:2px solid #63b5de;
    border-right:2px solid #63b5de;
    background:#fff;
    padding-left:4px;
    padding-right:4px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.reabo_box .bas{
    background:url(../images/css/bas_bordorg_arrondi_reabo_violet.png) no-repeat top;
    height:13px;
}

.reabo_bouton{
    color:#4A4D4A;
    height:20px;
    margin-left:4px;
}

.reabo_bouton.violet{
    background:#BD6DB3;
    border:1px solid #BD8ABD;
}

.reabo_bouton.gris{
    background:#D6D3CE;
    border:1px solid #C6C3BD;
}

#form_reabonmt .label_radio{
    display:block;
    width:350px;
    padding:0;
    text-align:left;
}

#form_reabonmt .label_radio_liste{    
    display:block;
    width:410px;
    padding:0;
    margin-right:10px;
    text-align:left;
    float:left;
    font-weight:bold;
    font-size:110%;
}
#form_reabonmt .txt_explicatif_radio{
    color:#000080;
    width:380px;
    padding:0;
    margin-right:10px;
    display:block;
    font-size: 110%;
}
.accroche_rouge{
    color:#023060;
    font-weight:bold;
    margin-top:15px;
}
.accroche_gris{
    color:grey;
    font-weight:bold;
    margin-top:15px;
}
.accroche_rouge li{
    list-style-type: disc;
    list-style-position: inside;
    margin-left:30px;
}
.accroche_rouge p{
    padding-top:3px;
}
.etape{
    text-decoration: underline;
}
#form_reabonmt .body_formulaire{
    padding-left:15px;
}
#form_reabonmt .body_formulaire_cadre{
    margin:0 48px;
    padding-top:21px;
    width:376px;
    background:url(../images/css/top_cadre_form.gif) no-repeat left top;
}
#form_reabonmt .body_formulaire_cadre .body_formulaire_cadre_bas {
    background:url(../images/css/bas_cadre_form.gif) no-repeat left bottom;    
    height:21px;
}
#form_reabonmt .body_formulaire_cadre .body_formulaire_cadre_center {
    border-left:1px solid #63b5de;
    border-right:1px solid #63b5de;
    padding-left:40px;
}
#form_reabonmt .body_formulaire_cadre label, .bloc_paiement label{
    width:135px;
    display:block;
    float:left;
}
#form_reabonmt .body_formulaire_cadre label.valeur{
    color:black;
}
.obligatoire{
    color:red;
}
#form_reabonmt .body_formulaire_cadre p{
    margin-top:3px;
}
#form_reabonmt .body_formulaire_cadre p.nopad{
    margin-top:0px;
}
#form_reabonmt .body_formulaire_cadre input{
    width: 150px;
}
#form_reabonmt.jap_postal .body_formulaire_cadre input{
    width: 180px;
}
#form_reabonmt .body_formulaire_cadre input#SubscriberAccountNumber1{
    width: 60px;
}
#form_reabonmt .body_formulaire_cadre input#SubscriberAccountNumber2{
    width: 25px;
}
#form_reabonmt .body_formulaire_cadre input#SubscriberAccountNumber3{
    width: 77px;
}
#form_reabonmt .body_formulaire_cadre .short_input {
    float:left;
    width: 80px;
    margin-right: 10px;
}
#form_reabonmt .body_formulaire_cadre label.short_label{
    width: 42px;
}
#form_reabonmt.jap_postal .body_formulaire_cadre label.short_label {
    width: 117px;
}
.bloc_paiement{
    padding:10px;
    border:1px solid grey;
}
.bloc_paiement p{
    padding-top:3px;
}
#form_reabonmt .body_formulaire label, .bloc_paiement label{
    width:135px;
    display:block;
    float:left;
}
#form_reabonmt .body_formulaire label.valeur{
    color:black;
}
.obligatoire{
    color:red;
}
#form_reabonmt .body_formulaire p{
    margin-top:3px;
}
#form_reabonmt .body_formulaire input{
    width: 330px;
}
.conditions{
    margin-top:10px;
    padding-left:15px;
}
.conditions a{
    display:block;
    text-align:center;
    margin-right:15px;
    color:#63b5de;
    text-decoration:underline;
}
.conditions a:hover{
    text-decoration:none;
}
.conditions label{
    width:430px;
    display:block;
    float:left;
    text-align:right;
    margin-right:7px;
}
.texte_explicatif{
    color:#000;
}
.txt_champ_obligatoire{
    color:red;
    text-align:right;
    margin:10px 0
    width:370px;
}

/**** Boutons ****/
.boutons{
    margin:20px 0 0 0;
    text-align:right;
}
.boutons2{
    padding:10px 0 0 6px;
    border-top:1px solid #00ADD6; 
    margin-top:10px;
    text-align:left;
}.bouton{
    width:233px;
}
.boutons .bouton{
    float:right;
    /*margin-left:5px;*/
}
.inter_bouton{
    width:10px;
    height:10px;
}
.boutons .inter_bouton{
    float:right;
}
.boutons2 .inter_bouton{
    float:left;
}
.boutons2 .bouton{
    float:left;
    /*margin-right:5px;*/
}
.boutons .boutonie{
    float:left;
    margin-left:7px;
}
.bouton .top_bouton_gris{
    padding:0 5px;
    background:url(../images/css/top_bouton_gris.gif) no-repeat left top;
    height:5px;
    font-size:0;
    margin:0;    
}
.bouton .center_bouton_gris{
    border-left:1px solid #797979;
    border-right:1px solid #797979;
    background-color:#D5D6D5;
    padding:0 2px;
}
.bouton .center_bouton_gris input{
    width:229px;
    border:0;
    background-color:#D5D6D5;
}
.bouton .bas_bouton_gris{
    height:5px;
    background:url(../images/css/bas_bouton_gris.gif) no-repeat left bottom;
    font-size:0;
    margin:0;
}

.bouton .top_bouton_violet{
    background:url(../images/css/top_bouton_violet.gif) no-repeat left top;
    height:5px;    
        font-size:0;
        margin:0;
}
.bouton .center_bouton_violet{
    border-left:1px solid #023060;
    border-right:1px solid #023060;
    background-color:#cee9ef;
    padding:0 2px;
}
.bouton .center_bouton_violet input{
    width:229px;
    border:0;
    background-color:#cee9ef;
}
.bouton .bas_bouton_violet{
    height:5px;
    background:url(../images/css/bas_bouton_violet.gif) no-repeat left bottom;
        font-size:0;
        margin:0;
}
.adresse_recap{
    display:block;
    text-align:center;
    font-weight:bold;
    color:grey;
}
.lien_recap{
    color:#125fcd;
    text-align:center;
    font-weight:bold;
    display:block;
    text-decoration:underline;
}
.sous_lien_recap{
    color:#125fcd;
}


/*** Page myaccount *****/
.myaccount_page{
    font-size:12px;
}

.myaccount_page .bloc_compte{
    background:url(../images/css/top_head_bloc_myaccount.png) no-repeat top left;
    padding-top:13px;
    width:492px;
    margin-bottom:10px;
    margin-left:1px;
}
.myaccount_page .bloc_compte .head{
    background:#63b5de url(../images/css/bas_head_bloc_myaccount.png) no-repeat bottom left;
    padding:0 10px 10px 20px;
    min-height:20px;
}
.myaccount_page .bloc_compte .head #welcome{
    float:left;
    width:315px;
    font-weight:bold;
    font-size:12px;
}
.myaccount_page .bloc_compte .head #deco{
    width:105px;
    float:left;
}
.myaccount_page .bloc_compte .corps{
    border-left:2px solid #63b5de;
    border-right:2px solid #63b5de;
    padding:10px 10px;
    padding-top:4px;
    background:white;
}
.myaccount_page .bloc_compte .corps #label_current_subscription,
.myaccount_page .bloc_compte .corps #valid_abo{
    float:left;
    width:310px;
    padding-right:8px;
    padding-left:7px;
    background:url(../images/css/losange_violet.png) no-repeat left 4px;
    margin-top:5px;
}
.myaccount_page .bloc_compte .corps #label_current_subscription{
    width:auto;
}
.myaccount_page .bloc_compte .corps #bouton_reabo{
    float:left;
    width:120px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #auto_renewal_text,
.myaccount_page .bloc_compte .corps #updatecardvalidity,
.myaccount_page .bloc_compte .corps #solde_compte{
    float:left;
    width:310px;
    padding-right:8px;
    padding-left:7px;
    background:url(../images/css/losange_violet.png) no-repeat left 4px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #updatecardvalidity{
    float:left;
    width:310px;
    padding-right:8px;
    padding-left:7px;
    background:url(../images/css/losange_violet.png) no-repeat left 4px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #updatecard,
.myaccount_page .bloc_compte .corps #recharger,
.myaccount_page .bloc_compte .corps #auto_renewal_button{
    float:left;
    width:100px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #updatecard{
    float:left;
    width:100px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #bonus{
    float:left;
    padding-right:8px;
    padding-left:7px;
    background:url(../images/css/losange_violet.png) no-repeat left 4px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #bonus a{
    text-decoration: underline;
    font-weight: bold;
}

.myaccount_page .bloc_compte .corps #bonus span.picto_bonus{
    padding: 4px 20px 3px 3px ;
    background:url(../images/css/picto_bonus.jpg) no-repeat right 3px;
}
.myaccount_page .bloc_compte .corps #bonus p{
    margin-top: 5px;
}
.myaccount_page .bloc_compte .corps #velo_location{
    padding-left:7px;
    background:url(../images/css/losange_violet.png) no-repeat left 4px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #justifreabo{
    padding-left:7px;
    background:url(../images/css/losange_violet.png) no-repeat left 4px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #justifreabo ul{
    margin-left:5px;
    margin-top:2px;
}
.myaccount_page .bloc_compte .corps #justifreabo ul li a{
    background:url(../images/contenu/icone_pdf.gif) no-repeat left top;
    padding-left:19px;
    padding-top:1px;
    height:18px;
    display:block;
    color:red;
    text-decoration:underline;
}
.myaccount_page .bloc_compte .corps #updatecardvalidity ul li a{
    background:url(../images/contenu/icone_pdf.gif) no-repeat left top;
    padding-left:19px;
    padding-top:1px;
    height:18px;
    display:block;
    color:red;
    text-decoration:underline;
}
.myaccount_page .bloc_compte .corps #justifreabo ul li a:hover{
    text-decoration:none;
}
.myaccount_page .bloc_compte .corps #modif_donnees_perso{
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #modif_donnees_perso a{
    text-decoration:underline;
}
.myaccount_page .bloc_compte .bas{
    height:13px;
    background:url(../images/css/bas_bloc_myaccount.png) no-repeat top left;
}
.important{
    color:red;
}
.myaccount_page .bloc_compte .head #conso{
    float:left;
    width:265px;
    font-weight:bold;
    font-size:12px;
}
.myaccount_page .bloc_compte .head #mois{
    width:105px;
    float:left;
    font-weight:bold;
    font-size:12px;
}
.myaccount_page .bloc_compte .corps {
    width:472px;
    padding-left:8px;
    padding-right:8px;
}
.myaccount_page .bloc_compte .corps #trajets label{
    display:block;
    text-align:right;
    width:230px;
    float:left;
}
.myaccount_page .bloc_compte .corps #trajets .valeur{
    display:block;
    width:160px;
    float:left;
    color:red;
    padding-left:10px;
}
.inter{
    margin:5px 10px;
    margin-top:13px;
    height:1px;
    border-top:1px solid #125fcd;
}


.myaccount_page .bloc_compte .corps #detailconsomois, .myaccount_page .bloc_compte .corps #consodepuis{
    float:left;
    text-align:right;
    width:180px;
    padding-right:8px;
    margin-top:10px;
}
.myaccount_page .bloc_compte .corps #voir1, .myaccount_page .bloc_compte .corps #voir2{
    float:left;
    width:120px;
    margin-top:10px;
    margin-left:5px;
}
.bouton_blanc90{
    background:url(../images/css/bouton_blanc_90.gif) no-repeat left top;
    display:block;
    width:90px;
    height:19px;
    padding-top:5px;
    text-align:center;
    text-decoration:none;
}
.bouton_blanc135{
    background:url(../images/css/bouton_blanc_145.gif) no-repeat left top;
    display:block;
    width:145px;
    height:19px;
    padding-top:5px;
    text-align:center;
    text-decoration:none;
}
.bouton_blanc55{
    background:url(../images/css/bouton_blanc_55.gif) no-repeat left top;
    display:block;
    width:55px;
    height:19px;
    padding-top:5px;
    text-align:center;
    text-decoration:none;
}
.bouton_blanc75{
    background:url(../images/css/bouton_blanc_75.gif) no-repeat left top;
    display:block;
    width:75px;
    height:19px;
    padding-top:5px;
    text-align:center;
    text-decoration:none;
}
.bouton_blanc90:hover, .bouton_blanc135:hover, .bouton_blanc55:hover{
    text-decoration:none;
}
.input_bouton_blanc55{
    background:url(../images/css/bouton_blanc_55.gif) no-repeat left top;
    width:55px;
    height:24px;
    border:0;
}
.content_corps{
    padding:0 10px;
}
.message-warning{
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 15px;
    color:#f00;
    font-weight:bold;
}
.table_trajet{
    width:100%;
}

.table_trajet thead tr{
    background:#aca8a8;
}
.table_trajet tbody tr{
    background:#d9d9d9;
}
.table_trajet tr td{
    padding:10px 3px;
}
.table_trajet thead tr td{
    font-weight:bold;
}
.results{
    width:385px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.results table{
    width:100%;
}
.results table th{
    background:#E5EF8F;
    font-weight:bold;
    padding:13px 0 8px 10px;
    border-bottom:2px solid #FFFFFF;
    line-height:12px;
}
.results table th.col1{
    width:85px;
}
.results table th.col2{
    width:85px;
}
.results table th.col3{
    width:85px;
}
.results table th.col4{
    width:85px;
}
.results table td{
    padding:11px 0 12px 10px;
}
.results table .pyjama{
    background:#F7FADD;
}
.myaccount_page .bloc_compte2{
    background:#db2626 url(../images/css/top_head_bloc_myaccount_rouge.png) no-repeat top left;
    padding-top:13px;
    width:500px;
    margin-bottom:10px;
}
.myaccount_page .bloc_compte2 .head{
    background:#db2626;/* url(../images/css/bas_head_bloc_conso.png) no-repeat bottom left; */
    height:18px;
}
.myaccount_page .bloc_compte2 .corps{
    border-left:2px solid #db2626;
    border-right:2px solid #db2626;
    padding:0 10px;
    padding-top:4px;
    background:white;
}
.myaccount_page .bloc_compte2 .bas{
    height:18px;
    background:#db2626 url(../images/css/bas_bordorg_arrondi_reabo_rouge.png) no-repeat bottom left;
}
.myaccount_page .bloc_compte2 #conso{
    font-weight:bold;
    font-size:16px;
    padding:5px 0;
}
.myaccount_page .bloc_compte2 .corps {
    width:480px;
    padding-left:8px;
    padding-right:8px;
}
.myaccount_page .bloc_compte2 .corps #trajets label{
    display:block;
    text-align:right;
    width:230px;
    float:left;
}
.myaccount_page .bloc_compte2 .corps #trajets .valeur{
    display:block;
    width:160px;
    float:left;
    color:red;
    padding-left:10px;
}
.myaccount_page .bloc_compte2 .corps #detailconsomois, .myaccount_page .bloc_compte2 .corps #consodepuis{
    padding-right:8px;
    margin-top:10px;
}
.myaccount_page .bloc_compte2 .corps #consodepuis{
    float:left;
}
.myaccount_page .bloc_compte2 .corps #detailconsomois a{
    text-decoration:underline;
}
.myaccount_page .bloc_compte2 .corps #voir1, .myaccount_page .bloc_compte2 .corps #voir2{
    float:left;
    width:120px;
    margin-top:10px;
    margin-left:5px;
}

br.spacer {
    clear:both;
    font-size:0pt;
    height:0pt;
}

/*** Fin daspr *******************************************/


/*********** Crediter son compte ********************************/

.pad_bot_carte{
    text-align:center;
}
.cadre_solde{
    border:2px solid #00add6;
    padding:5px 5px 0 5px;
}

.cadre_solde input{
    padding: 1px 0;
    border:1px solid #63b5de;
    margin: 3px 0;
}
span.label{
    float: left;
    width: 120px;
    border: 0px solid #000000;
    margin: 3px 0;
    padding: 1px 0;
    font-weight: bold;
}
#radio_groupe{
    margin-top:7px;
}

#mois_expire_carte, #annee_expire_carte{
    width:30px;
}
#crypto_carte{
    width:45px;
}
.top_space{
    margin-top:10px;
}

#message {
    border: 2px solid red;
    background-color: #FCFFE1;
    margin-bottom: 15px;
}
#message p {
    margin: 10px;
}
#wait {
    border-left: 2px solid #63b5de;
    border-right: 2px solid #63b5de;
    padding: 10px;
}

/*********** Abonnement ************/

#form_reabonmt .body_formulaire_cadre {
    margin:0 0 0 37px;
}
#form_reabonmt a {
    text-decoration:underline;
}
#form_reabonmt a:hover {
    text-decoration:none;
}
/*** TTP 17593 ***/
.tr_header {
    background:#e5ef8f;
}
.tr_light {
    background:#fff;
}
.tr_dark {
    background:#f7fadd;
}
#startDateCustom .input{
    float:left; 
}
.input input#SubscriberStartDay,
.input input#SubscriberStartMonth{
    width:20px;
}
.input input#SubscriberStartYear{
    width:40px;
}