/************************************************************************************************************************************************************/
/*******************************************************  Feuille de style Front Office ESPACE CLIENT  ******************************************************/
/************************************************************************************************************************************************************/

/* ********** Balises generales du body *********** */
* { padding: 0px; margin: 0px; }
body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
body { background: #fff; background-position: center; }
body { background: #fff url("/images_fo/images_style_css/body_bg.gif") repeat-y 0 0; background-position: center; }

/* ********** CORPS *********** */
#contenu { position: relative; width: 970px; margin: auto; }
div.clear { clear: both; }

/* ********** HEADER *********** */
/*#header { position: relative; background: url('/images_fo/images_style_css/header_image_pink.gif') no-repeat; width: 940px; height: 160px; color: #fff; margin: auto; }*/
/*#header { position: relative; width: 940px; height: 80px; color: #fff; margin: auto; }*/

#header { background: url("/images_fo/images_style_css/header_m.gif") no-repeat 0 0; }
#header .img_header { margin-left: 20px; }
#header .header_l { background: url("/images_fo/images_style_css/header_l.gif") no-repeat 0 0; padding-left: 10px; }
#header .header_image { background-repeat:no-repeat; background-position: 100% 0%; height: 85px; }
#header .header_seperator { float: left; width: 10px; height: 104px; background: url("/images_fo/images_style_css/header_seperator.gif") no-repeat 0 0; }
.header_shadow { background: url("/images_fo/images_style_css/header_shadow_bm.gif") repeat-x 0 0; }
.header_shadow .header_shadow_l { background: url("/images_fo/images_style_css/header_shadow_bl.gif") no-repeat; }
.header_shadow .header_shadow_r { background: url("/images_fo/images_style_css/header_shadow_br.gif") no-repeat 100% 0%; height: 20px; }

/* ********** Coins blancs *********** */
.boxwhite_tl { background: #FFF url("/images_fo/images_style_css/boxwhite_tl.gif") no-repeat 0; }
.boxwhite_tr { background: url("/images_fo/images_style_css/boxwhite_tr.gif") no-repeat 100%; padding-top: 26px; }
.boxwhite_b { background: url("/images_fo/images_style_css/boxwhite_bm.gif") repeat-x 0; }
.boxwhite_bl { background: url("/images_fo/images_style_css/boxwhite_bl.gif") no-repeat 0; }
.boxwhite_br { background: url("/images_fo/images_style_css/boxwhite_br.gif") no-repeat 100%; padding-top: 16px; }

/* ********** MENU Vertical *********** */
#menu_v { float: left; width: 170px; margin-right: 15px; }
#menu_v .boxwhite_content_menu { background: #FFFFFF; height: 650px; padding: 10px; }
html>body #menu_v .boxwhite_content_menu { height: auto; min-height: 650px; }

/* ********** ZONE Centrale *********** */
#primarycontent { float: left; width: 785px; }
#primarycontent .boxwhite_content_primarycontent { background: #FFFFFF; height: 650px; padding: 10px; }
html>body #primarycontent .boxwhite_content_primarycontent { height: auto; min-height: 650px; }

/* ********** FOOTER *********** */
#footer { position: relative; clear: both; height: 66px; text-align: center; color: #75787D; padding-top: 10px; font-weight: normal; font-size: 0.9em; }

h1, h2, h3, h4, ul, li, form { padding: 0; margin: 0; }
h1 { font-size: 20px; border-bottom: 1px dotted #75787D; margin-bottom: 5px; color: #A7AAAD; }
h1.titre_annuaire { font-size: 12px; border-bottom: 0px; margin-bottom: 0px; color: #333; }
h2 { font-size: 16px; border-bottom: 1px dotted #75787D; margin-bottom: 5px; color: #A7AAAD; }

.wrapper { float: left; }
.wrapper2 { width: 30%; float: left; margin-right : 5px; }
.formulaire { text-align: center; background-color: #EEEEEE; width: 600px; height: 270px; margin: auto; }
br.fin { clear: left; }

li.liste_annuaire { list-style-type: disc; margin: 0px 0px 0px 30px; }

a { font-weight: bold; text-decoration: underline; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #333; }
a:hover { text-decoration: none; }
a.lien_annuaire { text-decoration: underline; font-size: 12px; color: #333; font-weight: normal; }
a.lien_annuaire:hover { text-decoration: none; }

hr { height: 1px; border: 0; color: #999; background-color: #999; }
img { border: 0; }

input, select, textarea { font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 1px; border-width: 1px; }
input.inputbox, select.inputbox { color: #333; background-color: #EAE8E9; width: 80px; }
input.inputbox2, select.inputbox2 { color: #333; background-color: #EAE8E9; width: 120px; }
input.button { color: #FFF; padding: 2px; background-color: #323234; }
input.fond_vierge { padding: 0px; border: 0px; width: 30px; text-align: right; }
input.fond_vierge_saisie { padding: 1px; border: 0px; width: 30px; text-align: right; background-color: #EEEEEE; }
textarea { color: #333; }

span { text-align: center; }

fieldset { border: #8C8C73 1px solid; padding-top: 5px; }
legend { margin-left: 10px; padding: 0 5px; border: #8C8C73 1px solid; font-weight: bold; font-size: 10px; }

/* ============================================================================================================== */
/*                                              PARTIE ESPACE CLIENT                                              */
/* ============================================================================================================== */
h2.titre_bloc_home { font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF6600; text-align: center; border: 0; }

li.titre_menu { background: url("/images_fo/images_style_css/bg_ul.gif") repeat-x bottom; margin: 30px 0px 3px 0px; padding: 0px; height: 23px; border: 1px solid #B3C5E1; color: #036; font-size: 16px; font-weight: bold; text-align: center; }

a.button_a { text-decoration: none; color: #FFF; padding: 3px 4px 3px 4px; border: 1px outset #FFFFFF; background-color: #323234; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
a.lien_menu { text-decoration: none; font-size: 12px; margin-bottom: 5px; color: #036; font-weight: normal; }
a.lien_menu:hover { text-decoration: underline; }
a.lien_tableau { text-decoration: underline; font-size: 12px; margin-bottom: 5px; color: #333333; font-weight: bold; }
a.lien_tableau:hover { text-decoration: none; }
a.details_parrainage { text-decoration: none; font-size: 7pt; color: #666666; }
a.order { font-size: 12px; color: #333; text-decoration: none; }
a.liens_nb_page { font-size: 12px; color: #333; text-decoration: none; padding: 2px 0px 2px 0px; font-weight: normal; }
a.retour_accueil { font-size: 12px; color: #666666; padding: 6px 50px 6px 50px; text-decoration: none; }
a.retour_accueil:hover { font-size: 12px; color: #333; padding: 6px 50px 6px 50px; text-decoration: none; background-color: #f8f8f8; }
a.lien_home { text-decoration: none; font-size: 12px; color: #FF6600; font-weight: normal; }
a.lien_home:hover { text-decoration: underline; }

b.liens_nb_page { font-size: 12px; color: #333; font-weight: bold; padding: 0px 4px 0px 4px; }
b.liens_nb_page_pointille { font-size: 12px; color: #333; font-weight: normal; padding: 0px 4px 0px 4px; }

img.erreur { width: 60px; border: 0; }

input.apercu { background : #FFFFFF; border: 0; }
input.numero_compte { width: 120px; }
input.code_banque { width: 60px; }
input.code_guichet { width: 60px; }
input.cle_rib { width: 20px; }
select.champ_long, input.champ_long { width: 250px; }
select.champ_milong, input.champ_milong { width: 175px; }
select.champ_court, input.champ_court { width: 100px; }
select.champ_trescourt, input.champ_trescourt { width: 50px; }
select.jour, input.jour { width: 40px; }
select.mois, input.mois { width: 100px; }
select.annee, input.annee { width: 60px; }

#file { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333; background-color: #EAE8E9; margin-bottom: 2px; margin-top: 4px; }
#file_depot_pieces { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 2px; margin-top: 4px; }
.compteur { float: right; }

.bloc_home { margin-left: 95px; margin-top: 5px; }

span.erreur { color: #FF0000; text-align: justify; display: block; }
span.mini { font-size: 9px; }
span.adresse { margin-left: 64px; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.com_existant { text-align: left; border: 1px dashed #000000; background-color: #EEEEEE; overflow: auto; display: block; padding: 5px; height: 105px; max-height: 105px; min-height: 105px; color: #0269ab; font-size: 11px; }
.com_new { margin: 0 0 10px 0; border: 1px solid #000000; background-color: #EEEEEE; overflow: auto; display: block; width: 600px; padding: 5px; height: 100px; color: #0269ab; font-size: 11px; }

tr.fondpair { background-color: #FFFFFF; }
/*tr.fondimpair { background-color: #FFF5D5; }*/
tr.fondimpair { background-color: #EEEEEE; }

table { text-align: left; }

table.classic { border-bottom: 1px solid #5388ce; border-left: 1px solid #5388ce; border-right: 1px solid #5388ce; }
th.classic { background: #efa26f; padding: 2px 5px 2px 5px; }
td.classic { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; color: #000; }

table.titre { background: #FF6600; border-top: 1px solid #5388ce; border-left: 1px solid #5388ce; border-right: 1px solid #5388ce; }
td.titre { padding: 2px; color: #fff; background: #FF6600; font-weight: bold; }

table.apercu_parrain { background-color: #FFFFFF; border: 1px solid; font-size: 12px; color: #333; }

table.padding { padding: 5px; }
table.padding_all td { padding: 1px; text-align: left; }
table.depot_pieces { padding: 5px; background-color: #EEEEEE; }

/* ============================================================================================================== */
/*                                              INFOS BULLES FORTIS                                               */
/* ============================================================================================================== */
a.infoBulle { position: relative; z-index: 24; color: #FFFFFF; text-decoration: none; vertical-align:bottom;}
a.infoBulle:hover { z-index: 25; }
a.infoBulle span.infoBulle { display: none; }
a.infoBulle:hover span.infoBulle { /*le contenu de la balise span ne sera visible que pour l'état a:hover*/ display: block; position: absolute; top: 0px; left: 15px; width: 200px; border: 1px solid #336A88; background-color: #4FA3D1; color: #FFFFFF; padding: 5px; text-align: justify; font-weight: bold; }

a.infoBulle:hover { border: 0;  /* ligne qui corrige le bug d'IE6 et inférieur pour l'info-bulle */ }