/*-------------------------bloc comptes.css-------------------------------*/
/*---------------------------bloc comptes-----------------------*/
#comptes #scrollable{height:338px;position: relative;left: 20px;width:850px;padding-top: 12px;}
#comptes .data{position: relative;left: 20px;width:800px;top: 12px;}
/*-------------------------titres-------------------------------*/
#comptes h3{float: left;font-size:1.3em;}
#comptes h3.titre_livret{font-size: 1em;padding-bottom: 10px;}
#comptes h4{font-size: 1.3em;font-weight: bold;clear: both;}
#comptes h4.capsule{text-transform: uppercase;font-weight: 1.2em;padding-top: 10px;}
.upercase{text-transform: uppercase;}
#comptes .infos_transverses{height: 43px;padding-top: 7px;}
#comptes .infos_transverses .num_livret{color: #373737;font-weight: bold;font-size: 1.2em;width: 150px;float: left;padding-top: 16px;padding-left: 20px;}
#comptes .titulaire{clear: both;font-size: 1.1em;padding-top: 10px;width: 350px;float: left;}
#comptes h5{font-size: 1.4em;clear: both;}
#comptes h5.padding {padding-bottom:4px;}
#comptes .rib_print h4{font-size:1.1em;padding-top:13px;float: left;background-color: #FFF;}
#comptes .feedback_confirmation_titre{font-weight: bold;font-size: 1.3em;clear: both;}
#comptes .middle{text-align:center;}
#comptes .comptes_synthese{float: left;font-size: 1.2em;}
#comptes h5.sep,#comptes h4.sep{padding-top: 10px;}
#comptes h4.upercase{text-transform: upercase;}
/*--------------------------------textes & liens---------------------------*/
#comptes p.info{color: #373737;clear: both;font-size:1.1em;}
#comptes p a{color: #000;}
#comptes p.info a{color: #2A2A2A; font-weight: bold;}
#comptes span.emphase{font-weight: bold; text-decoration: underline;}
#comptes .retour a{color: #000;}
#comptes .retour{padding-top: 40px;}
#comptes ol{display: block;width: 410px;margin: auto;}
#comptes .ref{font-size: 0.9em;padding-left: 20px;}
#comptes .italic{font-style: italic;}
#comptes .mentions{font-size: 0.8em;}
#comptes .aide{position:relative;/*top: 3px;*/}
#comptes .opt-fiscale{top: 3px;}
#comptes .marge_bas{padding-bottom: 10px;}
#comptes .taux{color: #7A7A7A;}
#comptes .police_big{font-size: 1.1em;}
/*---------------------- infos transverse : telechargement & pictos ---------------*/
#comptes .infos_transverses .dl{float: right;}
#comptes .infos_transverses .dl li{float: left;display: block;padding-left: 15px;}
#comptes .bt_imprimer{padding-top: 5px;}
/*----------------------tableaux---------------------------------------*/
/*-----------------style des tableaux (bordures, fonds....)----------------*/
#comptes table .impair{background-color: #FFF;}
#comptes table .pair{background-color: #e0eff4;}
#comptes .droite{text-align: right;}
#comptes .center{text-align: center;}
.margin {margin-left:185px;margin-right:5px;}
.marginTop{margin-top:5px;}
/*-----------------fontes-------------*/
#comptes table{color: #7373737;font-size: 1.1em;border-collapse: collapse;}
#comptes .comptes_synthese .mentions{font-size: 0.8em;}
#comptes .comptes_synthese .emphase{border: 1px solid #727272;padding: 3px;}
#comptes table.comptes_liste .titre_total{text-align: right;}
/*-------------------------largeur des colonnes---------------*/
#comptes table.comptes_liste col.numero{width: 50%;}
#comptes table.comptes_liste col.compte{width: 35%;}
#comptes table.comptes_liste col.total{width: 15%;}
#comptes table.livret_synthese col{width: 33%;}
#comptes table.livret_operations col{width: 25%;}
#comptes .compte_opt_fiscale col.selection{width: 230px;}
#comptes .compte_opt_fiscale col.numero,#comptes .compte_opt_fiscale col.titu{width: 23%;}
#comptes .compte_opt_fiscale col.libelle{width: 200px;}
#comptes .compte_opt_fiscale col.libelle_recap{width: 100px;}
/*--------------------------tableau en particulier------------------*/
#comptes .comptes_synthese .titre{width: 150px;}
#comptes table.marginLeftWidth{margin-left:5px;width:99%;}
#comptes table.comptes_liste,#comptes table.comptes_virement,#comptes .compte_opt_fiscale,#comptes .compte_externe,#comptes .compte_rib,#comptes .livret_synthese,#comptes .livret_operations,#comptes .compte_impression,#comptes .comptes_prelevement,#comptes .comptes_modif_versement{clear: both;width: 100%;margin: auto;margin-top: 5px;margin-bottom: 10px;font-size: 1em;}
#comptes table.comptes_liste td,#comptes table.comptes_liste th,#comptes table.comptes_virement td,#comptes table.comptes_virement th,#comptes .compte_opt_fiscale td,#comptes .compte_opt_fiscale th,#comptes .compte_externe td,#comptes .compte_externe th,#comptes .compte_rib td,#comptes .compte_rib th,#comptes .livret_synthese td,#comptes .livret_synthese th,#comptes .livret_operations td,#comptes .livret_operations th,#comptes .compte_impression td,#comptes .compte_impression th,#comptes .comptes_prelevement td,#comptes .comptes_prelevement th,#comptes .comptes_modif_versement td,#comptes .comptes_modif_versement th
{padding: 5px 10px 5px 10px;border: 1px solid #c7c7c7;}
#comptes table.comptes_liste thead,#comptes .compte_opt_fiscale thead,#comptes .compte_externe thead,#comptes .comptes_virement thead,#comptes .compte_rib thead, 
#comptes .livret_synthese thead,#comptes .livret_operations thead,#comptes .compte_impression thead,#comptes .comptes_prelevement thead,#comptes .comptes_modif_versement thead{color: #373737;background-color: #f2f2f2;}
#comptes .Width_th_ie{/width:220px;_width:220px;}
#comptes table.comptes_liste tfoot,#comptes .compte_impression tfoot,#comptes tr.tfoot{background-color: #dcdcdc;color: #000;font-weight: bold;}
#comptes table.comptes_liste tfoot,#comptes .compte_impression tfoot{background-color: #dcdcdc;color: #000;font-weight: bold;}
#comptes .compte_opt_fiscale{margin-bottom: 3px;}
#comptes div.align_opt_fisc{float: right;width: 205px;}
#comptes .compte_opt_fiscale td.sans_bord{border: none;border-top: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;}
#comptes .livret_synthese{margin-top: 5px;}
/*------------------------------formulaires-------------------------*/
#comptes fieldset.bleu,#comptes div.bleu{background-color: #CEE2E5;clear: both;}
#comptes fieldset.gris, 
#comptes div.gris{background-color: #ECECEC;clear: both;}
#comptes .ajout_etape1 .gris,#comptes .ajout_etape1 .bleu,#comptes .form_auto .bleu,#comptes .form_auto .gris{padding: 5px 0px 3px 0px;}
#comptes .form_virement fieldset .ligne,#comptes .form_print .ligne,#comptes .form_mode .ligne,#comptes .form_cheque .ligne{clear: both;padding-top: 3px;padding-bottom: 3px;}
#comptes .form_virement{padding-top: 10px;}
#comptes .form_virement fieldset .ligne label{float: left;padding-right: 5px;}
#comptes .form_cheque{clear: both;}
#comptes .form_cheque .ligne{padding: 5px;}
#comptes .form_cheque .ligne label{text-align: right;width: 360px;padding-right: 5px;}
#comptes .form_cheque .ligne span{float: right;position: relative;right: 226px;}
#comptes .form_mode fieldset{padding-top: 10px;}
#comptes .form_virement fieldset .radio label,#comptes .form_print .radio label,#comptes .form_mode .radio label,#comptes .form_isf .radio label,#comptes .rib_print .radio label,#comptes .form_modif_fiscal .radio label{float: left;padding-left: 5px;}
#comptes .form_virement fieldset .radio input,#comptes .form_print .radio input,#comptes .form_mode .radio input,#comptes .form_isf .radio input,#comptes .rib_print .radio input,#comptes .form_modif_fiscal .radio input{position: relative;height: 15px;}
#comptes .form_virement fieldset .date{float: right;position: relative;right: 502px;}
#comptes .boutons{text-align: center;padding-top: 10px;height: 50px;clear: both;}
#MonEspace_interne .retourSynthese a{background: url(../images/mon_espace/btn_retour_synthese.gif) no-repeat;display:block;width: 165px;height: 29px;} 
#comptes .form_virement fieldset{padding-top: 5px;padding-bottom: 10px;margin: auto;padding-left: 20px;}
#comptes .bolleen{width: 90px;padding-top: 10px;padding-left: 120px;}
#comptes .bolleen input{height: 15px;float: left;}
#comptes .bolleen label{float: right;padding-left: 5px;}
#comptes .form_isf{padding-top: 20px;}
.pairQuestionnaire{background-color:#E0EFF4;}
.pair{background-color:#E0EFF4;/*margin-bottom:3px;*//*padding:10px 25px;*/}
#comptes .form_isf .ligne,#comptes .rib_print .ligne,#comptes .form_mode .ligne,#comptes .form_modif_fiscal .ligne{padding: 10px 25px 10px 25px;background-color: #EFEFEF;margin-bottom: 3px;}
#comptes .date #date_m{width:28px;}
#comptes .date #date_j{width:19px;}
#comptes .rib_print .ligne{padding-left: 40px;}
#comptes .rib_print,#comptes .rib_print form{clear: both;}
#comptes .rib_print .boutons  {clear: both;padding: 10px;}
#comptes .rib_print .pdf{padding-top: 13px;}
#comptes .pdf img{position:relative;top:2px;}
#comptes .dl_acrobat{font-size:0.9em;color: #000;}
#comptes .form_auto .libelle{width: 170px;float: left;clear: both;text-align: right;font-size: 1em;}
#comptes .form_auto .mini_libelle{float: left;width: 75px;}
#comptes .form_auto .mini_libelle_mois{float: left;width: 122px;}
#comptes .form_auto .mini_libelle label,#comptes .form_auto .radio label,#comptes .form_auto .mini_libelle_mois label{display: inline;padding-right: 25px;}
#comptes .form_auto .autre_montant label{display: inline;padding-right: 10px;}
#comptes .form_auto .bloc_form,#comptes .form_auto .ligne_form{width: 600px;float:right;}
#comptes .form_auto .ligne{clear: both;padding: 5px;}
#comptes .form_auto .deux_lignes{height: 37px;_height: 44px;/height: 44px;}
#comptes .saisi_lib{width: 350px;}
#comptes .bg_print{background: url(../images/mon_espace/picto_imprimer.png) 10px center no-repeat;}
#comptes .bg_courrier{background: url(../images/mon_espace/picto_courrier.png) 10px center no-repeat;}
#comptes .cartouche_adresse{display: block;width: 201px;height: 38px;padding: 20px 30px 30px 30px;_padding: 20px 30px 14px 30px;float: left;background: url(../images/mon_espace/mes_comptes/bg_adresse.png) top left no-repeat;}
#comptes .cartouche_adresse img.image_courrier{float: left;margin-top: 4px; margin-bottom: 40px; margin-right: 10px;}
#comptes .bloc_adresse{padding: 4px;}
#comptes .bloc_adresse p.sel{font-weight: bold;font-size: 1.1em;width: 170px;}
#comptes .bloc_adresse p.titre_ol{float: right;text-align: left;width: 500px;color: #343434;padding-left: 20px;}
#comptes .bloc_adresse ol{list-style-type: none;clear: right;float: right;width: 520px;}
#comptes .bloc_adresse ol li{display: block;height: 25px;padding-left: 16px;padding-top: 9px;background: url(../images/mon_espace/mes_comptes/bg_step_adresse.png) center left no-repeat;margin-bottom: 3px;}
#comptes .bloc_adresse ol span{color: #2a2a2a;font-weight: bold;font-size: 1.2em;}
#comptes .form_modif_fiscal h4{font-size:1.5em;padding-bottom:39px;padding-top:32px;text-align:center;}
/*--------------------------confirmation--------------------------*/
#comptes .feedback{padding-top: 90px;}
#comptes .feedback_long{padding-top: 60px;clear: both;}
#comptes .bt_alone{text-align: center;padding-top: 60px;}
#comptes table.compte_recap {width: 450px;margin: auto;margin-top: 10px;margin-bottom: 10px;clear: both;border: 1px solid #c7c7c7;font-size: 1.1em;}
#comptes table.compte_recap thead th{text-align: left;font-weight: normal;border-top: 1px solid #FFF;border-left: 1px solid #FFF;border-right: 1px solid #FFF;padding-bottom: 5px;}
#comptes table.compte_recap td{padding: 5px 40px 5px 40px;;border: 1px solid #c7c7c7;}
#comptes .alerte_confirmation{font-size: 0.9em;clear:both;text-align: center;padding-top: 20px;}
#comptes .alerte_feedback{font-size: 1.3em;font-weight: bold;padding-top: 15px;}
/*-------------------------compte externe---------------------*/
#comptes .ajout_etape1 input.input2{width: 62px;}
#comptes .ajout_etape1 label,#comptes .ajout_etape2 label{width: 270px;float: left;text-align: right;padding-right: 25px;}
#comptes .ajout_etape1 .ligne,#comptes .ajout_etape2 .ligne{clear: both;padding-bottom: 5px;}
#comptes .ajout_etape1 .obligatoire,#comptes .ajout_etape2 .obligatoire{clear: both;padding-top: 10px;}
#comptes .ajout_etape1 h4{padding-top: 10px;}
#comptes .ajout_etape1 .boutons,#comptes .ajout_etape2 .boutons{float: none;text-align: center;}
#comptes .margeless{padding:0px;}
#comptes .margeless2{padding-top: 5px;}
#comptes .ajout_etape1 .facultatif{font-size: 0.8em;text-align: right;width: 270px;padding-right: 25px;}
#comptes .calage_iban{position: relative;left: 285px;font-size: 0.8em;width: 500px;}
#comptes .calage_bic{font-size: 0.8em;padding-left: 5px;left:290px;position:relative;width:400px;}
#comptes .calage_sous_txt{padding-left: 200px;font-size: 0.8em;}
#comptes .ajout_etape1 .input2{margin-right: 7px;}
#comptes .ajout_etape1 .input23{margin-left: 0px;width: 214px;}
#comptes .input_montant{width: 100px;}
#comptes .ajout_etape1 .ligne_bic{clear: both;padding-top: 5px;}
#comptes .ajout_etape1 .calage_iban p{float: left;padding-left: 10px;_padding-left: 13px;text-align: center;}
#comptes .ajout_etape1 .calage_iban p.rib{padding-left: 74px;_padding-left: 78px;}
#comptes .ajout_etape1 .calage_iban span{display: block;}
#comptes .ajout_etape2 .info{padding-top: 20px;}
/*--------------------------etapes-------------------------*/
#etapes_compte{padding-bottom: 10px;}
#etapes_compte li{float: left;display: block;height: 20px;}
#etapes_compte li span{display: none;}
#etapes_compte li.etape1_on{background: transparent url('../images/mon_espace/mes_comptes/etape_1_on.png') top left no-repeat;width: 153px;}
#etapes_compte li.etape1_off_pre{background: transparent url('../images/mon_espace/mes_comptes/etape_1_off_on.png') top left no-repeat;width: 41px;}
#etapes_compte li.etape1_off{background: transparent url('../images/mon_espace/mes_comptes/etape_1_off.png') top left no-repeat;width: 41px;}
#etapes_compte li.etape2_off{background: transparent url('../images/mon_espace/mes_comptes/etape_2_off.png') top left no-repeat;width: 35px;}
#etapes_compte li.etape2_off_pre{background: transparent url('../images/mon_espace/mes_comptes/etape_2_off_on.png') top left no-repeat;width: 39px;}
#etapes_compte li.etape2_on{background: transparent url('../images/mon_espace/mes_comptes/etape_2_on.png') top left no-repeat;width: 172px;}
#etapes_compte li.etape3_off{background: transparent url('../images/mon_espace/mes_comptes/etape_3_off.png') top left no-repeat;width: 35px;}
#etapes_compte li.etape3_on{background: transparent url('../images/mon_espace/mes_comptes/etape_3_on.png') top left no-repeat;width: 106px;}
/*---------------------------------pagination-------------------*/
#comptes .pagination ul{float: right;padding-bottom: 10px;}
#comptes .pagination li{float: left;padding-left: 5px;color: #373737;font-size: 1.1em;}
#comptes .pagination li a{color: #bdbdbd;}
/*---------------------------picto aide-------------------------*/
#comptes table img{vertical-align:middle;padding-left: 5px;}
/*---------------------------tooltip-------------------------*/
#tooltip {background: url(../images/bg-tooltip-b.gif) no-repeat left bottom;position: absolute;z-index: 3000;padding-bottom: 7px;width: 155px;}
#tooltip h3 {background: url(../images/bg-tooltip-t.gif) no-repeat;font-size: .9em;font-weight: normal;padding: 7px 10px 0;}
/*------------------------------warnings-----------------------*/
#comptes .warning{background-color: #CEE2E5;border: 1px solid #FF0000;padding: 5px;clear: both;margin-top: 5px;}
#comptes input.erreur{border: 1px solid #FF0000;/**color: #FF0000;**/}
#comptes .info_warning{position: relative;top: 5px;}
#comptes .feedback_erreur_bic,#comptes .feedback_erreur_iban,#comptes .feedback_erreur{color: #FF0000;font-size: 0.8em;}
#comptes .feedback_erreur_iban{left:370px;position:relative;width:400px;}
/*-----------------------------------autres op----------------------------*/
#comptes .bloc_op {position: relative;top: 56px;}
#comptes .bloc_op h3{color: #373737;font-size: 1.3em;padding-bottom: 5px;}
#comptes .bloc_op h4{color: #373737;font-size: 1.3em;padding-top: 10px;}
#comptes .bloc_op .cartouche_op{clear: both;background: url(../images/mon_espace/mes_comptes/bottom_op.png) bottom left no-repeat;}
#comptes .bloc_op .cartouche_op .top_car{background: url(../images/mon_espace/mes_comptes/top_op.png) top left no-repeat;height: 16px;}
#comptes .bloc_op .cartouche_op ul{padding-bottom: 15px;padding-left: 10px;}
#comptes .bloc_op .cartouche_op ul li{display: block;height: 25px;background: url(../images/mon_espace/mes_comptes/ico_op.png) center left no-repeat;padding-left: 28px;}
#comptes .bloc_op .cartouche_op a{color: #000000;text-decoration: underline;}
/*---------------------------CAT-----------------------*/
#comptes .alaligne{clear: both;display: block;}
#comptes .bloc_in{float: left; padding-right: 70px;padding-left: 70px;padding-top: 15px;}
#comptes .bloc_in input{text-align: right;width: 100px;}
#comptes label .aide{top: 6px;}
#comptes form.form_cat{background-color: #ECECEC;}
#comptes .table_link{color: #000;}
#comptes .borderless{background-color: #FFF;border: 0px solid #FFF !important;}
#comptes col.compte_titre{width: 180px;}
#comptes col.portefeuille{width: 280px;}
#comptes .bt_portefeuille{height: 36px;padding: 3px;}
#comptes col.num_cat{width: 200px;}
#comptes col.num_cat2{width: 170px;}
#comptes .bt_cat img{padding-right: 5px;}
#comptes .bt_cat a{text-decoration: none;}
#comptes .titre_cat{padding-bottom: 10px;}
#comptes .typo_cat{font-size: 12px;}
#comptes table.liste_compte_titre {margin-top: 10px;}
#comptes .cat_debloquage_choix table{margin-top: 5px;}
#comptes .cat_debloquage_choix{margin-top: 70px;}
#comptes table.compte_cat_consult{margin-top: 70px;}
/*------------------------------------pagination-------------------------*/
#comptes .pagination{height: 20px; float: right; color: #999; word-spacing: 3px; padding-right: 5px;}
#comptes .pagination span, #comptes .pagination strong { color: #000; font: normal; }
#comptes .pagination a:link, #comptes .pagination a:visited { color: #999; }
#comptes .pagination a:hover { color: #000; }
/*-------------------------------GED------------------------------*/
#comptes #ged .ged_dossiers,#comptes #ged .ged_fichiers{margin-top: 10px;_margin-top: 7px;}
#comptes #ged .ged_dossiers{float: left;width: 227px;}
#comptes #ged .ged_fichiers{width: 550px;float: right;}
#comptes #ged .ged_dossiers .cartouche{background: url(../images/mon_espace/mes_comptes/bottom_ged_dossiers.png) bottom left no-repeat;width: 227px;clear: both;padding-bottom: 10px;}
#comptes #ged .ged_dossiers .cartouche .top_ged{background: url(../images/mon_espace/mes_comptes/top_ged_dossiers.png) top left no-repeat;width: 227px;height: 10px;}
#comptes #ged .ged_fichiers .cartouche{background: url(../images/mon_espace/mes_comptes/bottom_ged_fichiers.png) bottom left no-repeat;width: 550px;clear: both;padding-bottom: 10px;}
#comptes #ged .ged_fichiers .cartouche .top_ged{background: url(../images/mon_espace/mes_comptes/top_ged_fichiers.png) top left no-repeat;width: 550px;height: 10px;}
#comptes #ged .ged_fichiers ul{display: block;height: 100px;}
#comptes #ged .ged_fichiers li{display: block;width: 180px;height: 70px;float: left;text-align: center;position: relative;top: 25px;}
#comptes #ged .ged_fichiers li.pic1{background: url(../images/mon_espace/mes_comptes/ico_pdf_b.png) center top no-repeat;}
#comptes #ged .ged_fichiers li.pic2{background: url(../images/mon_espace/mes_comptes/ico_pdf_user.png) center top no-repeat;}
#comptes #ged .ged_fichiers li a{color: #000;position: relative;top: 42px;}
#comptes #ged h6{color: #3c3c3c;font-size: 2em;float: left;padding-bottom: 5px;padding-left: 5px;}
#comptes #ged .tt_dl{color: #8d8d8d;font-size: 1em;float: right;position: relative;top: 9px;padding-right:5px;}
#comptes #ged .dl_pdf{color: #000;font-size: 0.9em;float: right;position: relative;top: 9px;background: url(../images/mon_espace/picto_pdf.png) center left no-repeat;padding-left: 17px;padding-right:5px;}
#comptes #ged .scroll-pane{clear: both;height: 210px;}
#comptes #ged .ged_dossiers .scroll-pane{padding-left: 5px;}
/*------------------------------forlder tree----------------------------*/
.treeview{margin-left: 15px;}
.treeview, .treeview ul { padding: 0;margin: 0;list-style: none;}
.treeview ul {background-color: transparent;margin-top: 4px;}
.treeview .hitarea {background: url(../images/mon_espace/mes_comptes/treeview-black2.gif) -64px -25px no-repeat;height: 16px;width: 16px;margin-left: -16px;float: left;cursor: pointer;}
/* fix for IE6 */
* html .hitarea {display: inline;float:none;}
.treeview li { margin: 0;padding: 3px 0pt 3px 16px;}
.treeview a.selected {background-color: transparent;color: #3c3c3c;}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: #3c3c3c;; cursor: pointer; }
.treeview li { background: none; }
.treeview li li { background: transparent url(../images/mon_espace/mes_comptes/treeview-black-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/mon_espace/mes_comptes/treeview-black2.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview a{background: transparent url(../images/mon_espace/mes_comptes/folder_close.png) 0 0 no-repeat;padding-left: 25px;color: #3c3c3c;}
.treeview .collapsable a {background: transparent url(../images/mon_espace/mes_comptes/folder_open.png) 0 0 no-repeat;padding-left: 25px;color: #3c3c3c;}
.treeview .file a{background: transparent url(../images/mon_espace/mes_comptes/folder_close.png) 0 0 no-repeat;padding-left: 25px;color: #3c3c3c;}
.treeview .file a.clic{background: transparent url(../images/mon_espace/mes_comptes/folder_open.png) 0 0 no-repeat;color: #3c3c3c;}
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }
/*-------------------------bloc creation_code.css-------------------------------*/
/*-------------------------creation code------------------------*/
#creation_code{padding-top: 10px;margin: auto;width: 540px;}
#connexion #creation_code fieldset{width: 540px;margin-top: 20px;}
#creation_code p label{float: left;width: 300px;}
/*#creation_code p.code_n input{float: right;width: 150px;}*/
#creation_code fieldset div{clear: both;margin-bottom: 5px;width: 100%;}
#creation_code fieldset div p{}
#creation_code .faq{margin-top: 10px;}
#creation_code .faq a{font-size: 0.9em;color: #7f7f7f;text-decoration :underline;}
#creation_code ol{list-style-type: decimal;}
#creation_code table{float: right;margin-top: 0px!important;}
#creation_code .current p{font-weight: bold;}
#creation_code #bt_secret{margin-top: 0px!important;float: right;}
#creation_code #bt_corriger{clear: both;float: right;}
#creation_code .faq{position: relative;top: 57px;}
/*#creation_code .erreur{position: absolute; top: 70px;left: 158px;/top:125px;_top:120px;_left: 155px;width: 450px;}*/
#creation_code .saisie_code{height: 35px;}
#creation_code p.etapes span.et{background-color:#F3F5F9;color:#373737;display:block;float:left;font-size:1.2em;font-style:italic;font-weight:bold;height:21px;margin-right:10px;text-align:center;width:21px;}
#creation_code .current p{font-weight: bold;}
#creation_code .current p.etapes span.et{background-color:#DFE6EC;font-size:1.5em;height:26px;margin-right:5px;width:26px;}
/*-------------------------bloc creation_compte.css-------------------------------*/
/*-----------------------------creation de compte--------------*/
#creation_compte{padding-top: 50px;}
#creation_compte .warning {background-color:#CEE2E5;border:1px solid #FF0000;clear:both;color:#FF0000;margin-bottom:5px;margin-left:60px;margin-top:0;padding:5px;width:824px;}
#warning3 {color:#FF0000;margin-left:-185px;margin-top:20px;width:210px;position:absolute;line-height:11px;}
#creation_compte fieldset {margin:20px 30px auto;width:auto;_margin:0px 0px auto;}
#creation_compte fieldset div.ligne {clear:both;height:40px;width:709px;}
/*#creation_compte fieldset div.ligne input{width: 190px;float: right;}*/
#creation_compte h2{width: 508px;margin: auto;margin-top}
#creation_compte fieldset label { display:block;float:left;font-size:1.1em;margin-left:48px;margin-right:5px;margin-top:3px;text-align:right;width:100px;}
#creation_compte fieldset label.checkbox{margin-top: -2px;_margin-top: 2px;/margin-top: 2px;margin-right: 15px;/margin-right: 10px;_margin-right: 10px;}
#creation_compte .left,#creation_compte .right{float:left;}
#creation_compte #zone_mdp_conf label { bottom:10px;margin-left:0;position:relative;}
#creation_compte .acceptation{width: 330px;margin-left: 110px;/margin-left: 105px;_margin-left: 105px;}
#creation_compte .acceptation input{position: relative;float: left;/*bottom: 5px;*/background-image: none!important;}
#creation_compte .acceptation label{float: right;width: 300px;}
#creation_compte .champ_obligatoire {margin-bottom:20px;margin-left:148px;margin-top:10px;}
#creation_compte .bt_valider { margin-left:149px;}
#creation_compte .legacy{width: 500px;margin-left:146px;}
#creation_compte input{}
/*-------------------------bloc connexion.css-------------------------------*/
#MonEspace #connexion{height: 375px!important;}
#MonEspace #connexion h2{margin-top: 50px;text-align: center;}
#MonEspace #connexion .recap{width: 507px;margin: auto;margin-top: 20px;margin-bottom: 25px;}
#MonEspace #connexion .recap p{margin-bottom: 15px;}
#connexion fieldset{width: 507px;margin: auto;margin-top: 30px;}
#connexion fieldset.active_matrice{margin-top: 0px;}
#connexion fieldset legend{position: relative;_left:-7px;/left:-7px;}
#connexion #bloc_authent{width: 210px;}
#connexion table#matrice, #connexion table#code{border-collapse : collapse;}
table#matrice a, table#code a{color: #000;text-decoration: none;}
#connexion table#matrice{width: 150px;margin-top: 20px;margin-bottom: 10px;background-color: #FFF;}
#connexion table#code{width: 180px;margin-top: 4px;}
table#matrice td, table#code td{text-align: center;font-size: 1.5em;width: 30px;padding: 1px;}
table#code td{background: url('../images/mon_espace/bg_cellule.png') center center no-repeat;height: 29px;width: 28px;}
#connexion #bt_corriger{margin-top: 5px;}
#connexion #bt_secret{margin-top: 50px;}
#connexion #compte_bloque{margin: auto;width: 507px;}
#connexion .alerte{color: #ec1212;margin-top: 10px;margin-bottom: 30px;}
#connexion .info{margin-top: 30px;}
#connexion #code_secret_error{width: 190px;position: absolute;top: 320px;/top: 389px;_top: 385px;left: 590px;}
#connexion #bt_activation{width: 200px;float: right;position: relative;right: 100px;}
#connexion #bt_activation #bt_secret{margin-top:67px;}
#MonEspace #connexion legend{margin-bottom: 5px;}
#MonEspace #connexion #mdp_oublie h2{margin: 0px;}
#MonEspace #connexion #mdp_oublie {padding-top: 75px;}
/*-------------------------bloc mdp-oublie.css-------------------------------*/
/*--------------style mdp oublie------------------*/
#MonEspace #bloc_bottom, #mon_espace #bloc_top{width: 545px;margin: auto;margin-bottom: 22px;}
.bloc_cartouche{background: transparent url('../images/bg_cartouche_middle.gif') top left repeat-y;width: 545px;margin: auto;margin-top: 10px;}
.bloc_cartouche h2{background: #FFF url('../images/bg_cartouche_top.gif') top left no-repeat;height: 38px;text-align: center!important;}
.bloc_cartouche .end{background: #FFF url('../images/bg_cartouche_bottom.gif') top left no-repeat;height: 11px;margin-top: 10px;}
#MonEspace .first_bloc{margin-top: 42px;}
#MonEspace  h2 img{margin-top: 10px;}
#MonEspace #mdp_oublie p{margin-bottom: 12px;margin-left: 15px;padding-top: 20px;}
#MonEspace #mdp_oublie .first_bloc p,#MonEspace #mdp_oublie .last_bloc p{margin-bottom: 12px;margin-left: 15px;padding-top: 5px;}
#MonEspace #mdp_oublie p#bt_connexion{text-align: center;}
MonEspace h3 {font-weight: bold;font-size: 1.3em;text-align: center;margin-bottom: 10px;}
#MonEspace p.emphase {font-weight: bold;font-size: 1.3em!important;text-align: center;margin-bottom: 10px;}
#MonEspace #mdp_oublie input#mail{/*margin-left: 10px;width: 195px;*/float: left;}
#MonEspace #mdp_oublie div.input {/*float:none!important;*//*margin-top:-7px;*//*margin: -4px 4px!important;*/}
#MonEspace #mdp_oublie .feedback{color: #578d33;font-size: 15px;float: left;width: 350px;}
#MonEspace #mdp_oublie .bt_envoyer{/*position: relative;bottom: 21px;left: 10px;*/margin-left: 5px;float: left;position:relative;top:-3px;}
#MonEspace #mdp_oublie label{font-size: 1em;float: left;margin-right: 5px;position: relative;top: 2px;}
#MonEspace #mdp_oublie fieldset p.send_mail{float: left;padding-bottom: 5px;width: 400px;}
/*-------------------------bloc mes_comptes.css-------------------------------*/
#MonEspace #connexion{height: 375px!important;}
#MonEspace #connexion h2{margin-top: 50px;text-align: center;}
#MonEspace #connexion .recap{width: 507px;margin: auto;margin-top: 20px;margin-bottom: 25px;}
#MonEspace #connexion .recap p{margin-bottom: 15px;}
#connexion fieldset{width: 507px;margin: auto;margin-top: 30px;}
#connexion fieldset.active_matrice{margin-top: 0px;}
#connexion fieldset legend{position: relative;_left:-7px;/left:-7px;}
#connexion #bloc_authent{width: 210px;}
#connexion table#matrice, #connexion table#code{border-collapse : collapse;}
table#matrice a, table#code a{color: #000;text-decoration: none;}
#connexion table#matrice{width: 150px;margin-top: 20px;margin-bottom: 10px;background-color: #FFF;}
#connexion table#code{width: 180px;margin-top: 4px;}
table#matrice td, table#code td{text-align: center;font-size: 1.5em;width: 30px;padding: 1px;}
table#code td{background: url('../images/mon_espace/bg_cellule.png') center center no-repeat;height: 29px;width: 28px;}
#connexion #bt_corriger{margin-top: 5px;}
#connexion #bt_secret{margin-top: 50px;}
#connexion #compte_bloque{margin: auto;width: 507px;}
#connexion .alerte{color: #ec1212;margin-top: 10px;margin-bottom: 30px;}
#connexion .info{margin-top: 30px;}
#connexion #code_secret_error{width: 190px;position: absolute;top: 320px;/top: 389px;_top: 385px;left: 590px;}
#connexion #bt_activation{width: 200px;float: right;position: relative;right: 100px;}
#connexion #bt_activation #bt_secret{margin-top:67px;}
#MonEspace #connexion legend{margin-bottom: 5px;}
#MonEspace #connexion #mdp_oublie h2{margin: 0px;}
#MonEspace #connexion #mdp_oublie {padding-top: 75px;}
/*-------------------------bloc inscription.css-------------------------------*/
/*--------------style inscription------------------*/
#MonEspace #inscription{margin-left: 5px;margin-right: 5px;height: 405px;margin-top: 50px;}
#MonEspace h2{text-align: left;}
#MonEspace #inscription h2{text-align: center;}
#MonEspace h2.intertitre_contextuel{text-align: center;font-size: 1.25em;font-weight: normal;}
#MonEspace #inscription .left{ width: 420px;margin-top: 18px; }
#MonEspace #inscription .right{ margin-top: 18px;  width: 400px; }
#MonEspace #inscription .left h3, #MonEspace #inscription .right h3{text-align: center;margin-bottom: 15px;}
#MonEspace #inscription .left{float: left;border-right: 1px solid #000;height: 310px;}
#MonEspace #inscription .right{float: right;margin-right: 25px;_margin-right: 10px;}
#MonEspace p.teaser{font-size: 1.2em;padding-left: 49px;line-height: 18px;}
#MonEspace label.teaser{font-size: 1.2em;padding-left: 52px;}
#MonEspace ul.teaser{margin-top: 38px;font-size: 1.1em;margin-right: 20px;list-style-type: disc!important;}
#MonEspace ul.teaser li{margin-left: 65px;margin-bottom: 11px;list-style-type: disc!important;}
#MonEspace #inscription fieldset{border: 0px;margin-left: 49px;padding-top:18px;}
#MonEspace .aide_connexion{margin-top: 5px;clear: both;font-size: 0.9em;}
#MonEspace #zone_identifiant input#identifiant{padding: 4px 5px;width: 206px;}
#MonEspace #zone_mdp input#mdp{width: 206px;}
#MonEspace .zone_date{margin-top: 50px;}
#MonEspace .zone_date div.input{width: 62px;}
#MonEspace #zone_mdp{margin-top: 45px;}
#MonEspace #zone_mdp input{width: 115px;margin-left: 5px;color: b6b6b6;}
#MonEspace #zone_souvenir{font-size: 1em;clear: both;padding-top: 10px;}
#MonEspace #zone_souvenir input{margin-right: 5px;float: left;position: relative;top: 2px;/top: 0px;}
#MonEspace #zone_souvenir label a{text-decoration: underline;color: #7f7f7f;font-style: italic;}
#MonEspace #inscription .bt_connexion{text-align: center;}
#MonEspace p#bt_valider{margin-left: 49px;margin-top: 60px;}
#MonEspace .erreur{color: #ec0202;clear: both;margin-left:0px;}
#MonEspace .erreurleft { clear:both;color:#EC0202;margin-left:0;position:relative;top:-14px;}
#MonEspace .erreurRight {clear:both;color:#EC0202;display:block;margin-left:105px;position:relative;text-align:right;top:-14px;width:182px;}
#MonEspace .error{background-color: #facac8;border: 1px solid #FF0000;}
#MonEspace input.saisie-error {border: 1px #FF0000 solid;}
#MonEspace .bloc_connexion{height: 265px;}
#MonEspace .zone_mdp{margin-top: 40px;}
#MonEspace .zone_mdp label, #MonEspace .zone_id label, #MonEspace .zone_date label {margin-bottom: 3px;font-size: 1.3em;}
#MonEspace .zone_id div {float: left;}
#MonEspace .zone_id .left_input {height:24px;padding-top:2px;}
#MonEspace .zone_id .btn_input {padding-left:6px;}
/*--------------------------------------reco livret-------------------------*/
#MonEspace .reco{background-color: #FFF;height: 330px;position: absolute;width: 400px;opacity:0.5;filter:alpha(opacity=50)}
/*-------------------------bloc_validation_inscription.css-------------------------------*/
#inscription_valide{width: 546px;margin: auto;height: 375px;}
#inscription_valide h2{margin-top: 43px;margin-bottom: 60px;text-align: left;}
#inscription_valide p{margin-bottom: 22px;line-height: 1.4em;}
#inscription_valide p.bt_retour{margin-top: 60px;}
#inscription_valide p#bt_connexion{margin-top: 62px;}
/*-------------------------bloc user option.css-------------------------------*/
/*bloc_UserOptions.css*/
#user-connexion,#user-deconnexion {float: right;height: 68px;width: 88px;margin-right: 15px;_margin-right: 8px;margin-top: 5px;_margin-left:4px;}
#user-connexion a {background: url(../images/header/bt_connec.jpg) center bottom no-repeat;display: block;float: left;text-indent: -1984em;overflow: hidden;height: 68px;width: 88px;}
#user-connexion a:hover {background: url(../images/header/bt_connec.jpg) center top no-repeat;}
#user-deconnexion a {background: url(../images/header/bt_deconnec.jpg) center top no-repeat;display: block;float: left;text-indent: -1984em;overflow: hidden;height: 68px;width: 88px;}
#user-deconnexion a:hover {background: url(../images/header/bt_deconnec.jpg) center bottom no-repeat;}