/*style */
body { margin: 0px; padding: 0px; background-color: #fff; color: #000; font-family: Verdana, Arial, Helvetica, Sans; font-size: 11px; }
img { border: 0px; }
form { margin: 0; }

/* layout */
#page { width: 995px; height: 330px; padding-left: 2px; padding-top: 2px; background: #fff left;position:relative;margin-left: auto;margin-right: auto; }
#top  { margin: 0px; background: #113388 url(../img/top_bg.gif) repeat-x; color : #39455B; height: 121px; width: 990px; }
#logo { position: absolute; top: 11px; width: 192px; height: 54px; padding: 0px; background: #fff; }

/* login - Javascript */
.jsactif { display: none;}
.jsinactif {display: '';}

/* Connexion box*/
.connection_cadenas, .connection_tab { background-color: #C4171E; border-right: 1px solid #fff; border-bottom: 2px solid #fff; text-align: -moz-center; }
.connection_tab { color: #fff; font-size: 9px; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-bottom: 0px}


/* Menu - Navigation principale */
.topMenu {position: absolute; top: 99px; padding-left: 154px; width: auto; background: #113488; font-family: Verdana, Arial; font-size: 11px;}
.topMenu ul { margin: 0px; width: 100%; list-style-type: none;}
.topMenu li { float:left; height:22px; line-height:22px; border-right: 2px solid #113488;}
.topMenu li.select {float:left; height:22px; line-height:22px; background: #426bb3;}
.topMenu li a, .topMenu li a:hover {float: left; padding:0 15px; height: 22px; color: #fff; font-weight: 900; text-decoration: none}
.topMenu li a:hover { background: #426bb3; }


/* footer */
#footer { height: 25px; padding-top: 15px; text-align: -moz-center;clear:both}
#footer td { font-family: Tahoma,Helvetica,Sans; font-size: 9px; color: #989898; padding-left: 16px; padding-right: 16px; }
#footer a  { font-family: Tahoma,Helvetica,Sans; font-size: 9px; color: #989898; text-decoration: none;}
#footer a:hover{ text-decoration : underline; }

/* Navigation gauche - home */
#home_nav_left { float:left; background: #113488; border-right: #fff 2px solid; width: 192px; height: 210px; }
#home_nav_left td { border-bottom: #fff 1px solid; }

/* Navigation gauche, droite*/
#nav_left { float:left; background: #DADDF0; width: 192px; height:auto}
.nav_item, .nav_item_over, .nav_itemVert, .nav_itemVert_over, .nav_title{vertical-align: middle; border-bottom: 2px solid #fff; height: 36px;font-family: verdana, helvetica, sans; font-size: 11px;padding-left: 20px;}
.nav_item { background: #DADDF0; color: #113388;}
.nav_item a { text-decoration:none;	color: #113388; }
.nav_item_over { background: #426bb3; color: #fff; text-decoration: none; }
.nav_item_over a { color: #ffffff; text-decoration: none; }
.nav_itemVert { background-color: #1BBF12; }
.nav_itemVert_over { background-color: #1ED614; }
.nav_itemVert a, .nav_itemVert_over a {color: #fff; text-decoration: none;}
.nav_title { background: #EEEEEE; font-size: 13px; color: #113388; font-weight: bold; letter-spacing:-1px; padding-left: 10px; }
.nav_item_image {border-bottom: 2px solid #fff;	height: 36px; background: #DADDF0; padding: 0px; }
.nav_item_ico { font-family: verdana, helvetica, sans; font-size: 11px; padding-left: 5px; }

/* Navigation Droite */
#nav_right { float: right; margin-top: 116px; background-color: #DADDF0; min-height: 335px; width: 192px; }


/* les contents */
#content { width:991px; height: auto;}
#content_home { margin-top: 2px; height: 210px; }

/* les middles */
#middle_img { height: 150px; width: 796px; }
#middle_img_home { height: 251px; width: 990px; }
#middle_img_prod { position: absolute; top: 123px; left: 196px; height: 114px; width: 796px; }
#middle_img_home_prod { position: absolute; top: 123px; left: 196px; height: 150px; width: 796px; }
#middle_part { position:relative; width:990px; height:130px; padding-bottom:2px;}
#middle_part_left { float:left; background-color: #113488; padding:0 10px 0 10px; font-size: 11px; color: #fff; font-weight: bold; border-right: 2px solid #fff; width:304px; height:130px;}
#middle_part_left h3 { margin-top: 8px; font-size: 14px; color: #fff; }
#middle_part_left ul { margin-left:0px;}
#middle_part_left a { color: #fff; text-decoration: none; font-size:10px;}
#middle_part_left a:hover { color: #fff; text-decoration: underline; }

#middle_part_right { float:right; height: 130px; width: 664px; }
#last_connection { text-align: right;	font-size: 9px;	color: #fff; font-weight: normal; }


/* Les paves - home */
#home_pave_dashed_separation { position: relative; top: 5px; height: 1px; background: url(../img/img_dashed.gif) no-repeat; }
#home_pave_text { position: relative; top: 0px; font-family: verdana, Helvetica, Sans; font-size: 10px; color: #000; padding-left: 6px; padding-right: 6px; }
#home_pave_text .pave_text_title { font-weight: bolder; }
#home_pave { float:left; background: #EBEEF7; width: 157px; height: 210px; border-right: #fff 2px solid; }
#home_pave_last { float:left; background: #DADDF0; width: 160px; height: 210px; }
#home_pave_illu { position: relative; top: 7px; height: 85px; }
#home_pave_title{ position: relative; top: 2px; margin-left: 10px; height: 15px; color: #113488; font-family: Verdana, Helvetica, Sans; font-weight: bolder; font-size: 12px; }
#pave_text_link, #pave_text_link_last {	position: relative;	top: 92px;	background: url(../img/fleche_bleu.gif) no-repeat;		padding-left: 6px;	padding-right: 6px; text-align: right;}

#pave_text_link  { background-position : 59px 6px; }
#pave_text_link_last { background-position : 77px 6px; }
#pave_text_link a, #pave_text_link_last a {	font-size: 9px; text-decoration: none; color: #113488; }
#pave_text_link a:hover, #pave_text_link_last a:hover {	font-size: 9px; text-decoration: underline;	color: #113488; }


/* le pave droit - acces + client*/
#pave_droite { background-color: #DADDF0; height: 325px; width: 192px; overflow: visible; float:right;}
#pave_text { position: relative; margin-top: 5px; font-family: Verdana, Arial, Helvetica, Sans;	font-size: 11px; color: #000; height: 120px; padding-left: 15px; padding-right: 15px; }
#pave_text .text_title { font-weight: bolder; margin-bottom: 10px; }
#pave_text_link_to { position: relative; top: 140px; background: url(../img/fleche_bleu.gif) no-repeat;	background-position: 92px 5px; padding-left: 6px; padding-right: 15px; text-align: right; }
#pave_text_link_to a { font-size: 9px; text-decoration: none; color: #113488; }
#pave_text_link_to a:hover { font-size: 9px; text-decoration: underline; color: #113488; }
#push_advert { float:left; margin-bottom: 20px; margin-top: 40px; padding-left: 18px; }


/* les paves home produit */
#pave_prod { padding-top: 152px; padding-left:2px; overflow:auto;}
#home_pave_prod, #home_pave_prod_last { height: 370px; font-family: verdana, helvetica, sans; font-size: 11px; }
#home_pave_prod { float:left; background: #EBEEF7; border-right: #fff 2px solid; width: 197px;}
#home_pave_prod_last { float: right; background: #DADDF0; width: 199px; margin-right:1px; }
#home_pave_title_prod {	position: relative; top: 8px; font-family: Verdana, helvetica, sans; font-size: 13px; color: #113388; letter-spacing:-1px; margin-left: 5px; height: 32px; font-weight: bolder; }
#pave_text_prod { position: relative; margin-top: 15px; font-family: Verdana, Arial, Helvetica, Sans; font-size: 11px; color: #000; height: 120px; padding-left: 6px; padding-right: 6px; }
#home_pave_illu_prod { position: relative; margin-top: 15px; margin-bottom: 15px; height: 85px; }
.pave_text_link_to_prod { margin-top: 10px; text-align: right; padding-right: 10px; font-size: 9px; }
.pave_text_link_to_prod a { background: url(../img/fleche_bleu.gif) no-repeat; background-position: 4px 4px; font-size: 9px; text-decoration: none; padding-left: 10px; color: #113488; }
.pave_text_link_to_prod a:hover { font-size: 9px; text-decoration: underline; color: #113488; }
.pave_text_link_souscrire { margin-top: 10px; text-align: right; padding-right: 10px;}
.pave_text_link_souscrire a { background: url(../img/fleche_blanc.gif) no-repeat; background-position: 4px 5px; background-color: #1BBF12; font-size: 9px; text-decoration: none; padding: 0px 5px 2px 10px; color: #fff; }
.pave_text_link_souscrire a:hover {background-color: #1ED614;}

/* Les paves home Apporteur */
#pave_prod_apporteur {padding-left:2px; overflow:auto;}
#home_pave_apporteur, #home_pave_apporteur_last { height: 328px; font-family: verdana, helvetica, sans; font-size: 11px; }
#home_pave_apporteur { float:left; background: #EBEEF7; border-right: #fff 2px solid; width: 197px;}
#home_pave_apporteur_last { float: right; background: #DADDF0; width: 199px; margin-right:1px; }


/* Contenu acces client + prod*/
#content_sansNavR { width: 773px; height: auto;}
#content_produit { width: 587px;height: auto;}
#content_produit_acces { width: 587px;height: auto;}
#content_produit, #content_sansNavR { float: left; padding: 5px 10px 0px 10px; }
#content_produit h2, #content_sansNavR h2 { font-size: 17px; color: #113488; font-weight: bolder; }
#content_produit h3, #content_sansNavR h3 { font-size: 12px; color: #113488; font-weight: bolder; }
#content_produit h4, #content_sansNavR h4 { font-size: 11px; color: #113488; margin-top: -5px; margin-bottom: 5px; font-weight: normal; }
#content_produit a, #content_sansNavR a { color: #113488; text-decoration: none; }
#content_produit a:hover, #content_sansNavR a:hover { color: #113488; text-decoration: underline; }
#content_produit ul, #content_sansNavR ul { list-style-image: url(../img/fleche_bleu_li.gif); }
#content_produit ul li, #content_sansNavR ul li { margin-left: 5px; margin-top: 8px; }
#content_produit .note, #content_sansNavR .note { font-size: 10px; }
#content_sansNavR .listComptes { text-align: right; color: #113488; width: 100%; padding-top: 10px;}
#content_produit_acces, #content_sansNavR { float: left; padding: 5px 10px 0px 10px; }
#content_produit_acces h2, #content_sansNavR h2 { font-size: 17px; color: #113488; font-weight: bolder; }
#content_produit_acces h3, #content_sansNavR h3 { font-size: 12px; color: #113488;  font-weight: bolder; }
#content_produit_acces h4, #content_sansNavR h4 { font-size: 11px; color: #113488; margin-top: -5px; margin-bottom: 5px; font-weight: normal; }
#content_produit_acces a, #content_sansNavR a { color: #113488; text-decoration: none; }
#content_produit_acces a:hover, #content_sansNavR a:hover { color: #113488; text-decoration: underline; }
#content_produit_acces ul, #content_sansNavR ul { list-style-image: url(../img/fleche_bleu_li.gif); }
#content_produit_acces ul li, #content_sansNavR ul li { margin-left: 5px; margin-top: 8px; }
#content_produit_acces .note, #content_sansNavR .note { font-size: 10px; }

.form_type1 { border: 1px solid #113488;}
.form_type_acces { border:0px solid #113488;}
input:disabled{
background:#FFFFFF;
}
.pave_connexion { background: #EEEEEE; font-size: 11px;	color: #113388; }
.pave_connexion p { margin-top: 15px;}
.pave_connexion_title {	background: #113388; font-size: 11px; color: #fff; font-weight: bold; }
.pave_connexion_title td { padding: 5px;}
#bouton_connexion p {text-align: -moz-center; padding: 10px; margin-bottom: 5px; margin-top: 12px; }
#bouton_connexion input{ border: 1px solid #113388;	background:#113388; color:#fff; font-family: Verdana; font-size: 11px; font-weight: bold; cursor:pointer;}
#bouton_connexion_login p {text-align: -moz-center; padding: 10px; margin-bottom: 0px; margin-top: 0px; }
#bouton_connexion_login input{ border: 0px solid #C4171E;	background:#C4171E; color:#fff; font-family: Verdana; font-size: 11px; font-weight: bold; cursor:pointer;}
#bouton_connexion_login_DICID p {text-align: -moz-center; padding: 10px; margin-bottom: 0px; margin-top: 0px; }
#bouton_connexion_login_DICID input{ border: 0px solid #C4171E;	background:#C4171E; color:#fff; font-family: Verdana; font-size: 11px; font-weight: bold; cursor:pointer;}
#bouton_valider p {text-align: -moz-center; padding: 10px; margin-bottom: 5px; margin-top: 12px;}
#bouton_valider input{ border: 1px solid #113388;	background:#113388; color:#fff; font-familly: Verdana; font-size: 11px; font-weight: bold; cursor:pointer;}
#bouton_effacer p {text-align: -moz-center; padding: 10px; margin-bottom: 0px; margin-top: 0px; }
#bouton_effacer input{ border: 1px solid #113388;	background:#113388; color:#fff; font-familly: Verdana; font-size: 11px; font-weight: bold; cursor:pointer;}
#bouton_corriger p {text-align: -moz-center; padding: 10px; margin-bottom: 0px; margin-top: 0px; }
#bouton_corriger input{ border: 1px solid #113388;	background:#113388; color:#fff; font-familly: Verdana; font-size: 11px; font-weight: bold; cursor:pointer;}
#bouton_retour p {text-align: -moz-center; padding: 10px; margin-bottom: 0px; margin-top: 0px; }
#bouton_retour input{ border: 1px solid #113388;	background:#113388; color:#fff; font-familly: Verdana; font-size: 11px; font-weight: bold; cursor:pointer;}


/*Contenu de la gamme opcvm */
#content_gamme {float: left; height: auto; width: 587px; padding: 5px 10px 0px 10px; }
#content_gamme h2 {font-size: 17px; color: #113488; font-weight: bolder; }
#content_gamme .tabGamme {font-family: Verdana, Arial, Helvetica, Sans; font-size: 11px; }
#content_gamme .tabGamme .entete {background-color: #113488;}
#content_gamme .tabGamme .entete td {height: 20px; padding-top: 2px; padding-bottom: 2px;}
#content_gamme .tabGamme .entete td a {color: #fff; text-decoration: underline;}
#content_gamme .tabGamme td {height: 30px;}
#content_gamme .tabGamme td a {color: #113488; text-decoration: underline; }
#content_gamme .tabGamme .pair {background-color: #FFFFFF;}
#content_gamme .tabGamme .impair {background-color: #EBEEF7;}

/* Contenu sans nav droite */
.content_site { float: left; min-height: 330px; width: 773px; padding: 5px 10px 0px 10px; }
.content_site h2 { font-size: 17px; color: #113488; font-weight: bolder; }
.content_site .siteCellTitle {background: #EEEEEE; font-size: 13px; color: #113388; padding: 5px 0px 5px 2px;}
.content_site .siteCellLink {font-size: 12px; padding: 1px 0px 1px 5px;}
.content_site .siteCellLink a, .content_free .siteCellLink a:hover { color: #113488; background: url(../img/fleche_bleu.gif) no-repeat; background-position: 0px 5px; padding-left: 10px}
.content_site .siteCellLink a {text-decoration: none; }
.content_site .siteCellLink a:hover {text-decoration: underline; }

/* Contenu acces transactionnel */
#content_historique { height: 400px; width: 580px; padding-left: 5px; padding-right: 5px;}
#content_historique h3 { font-size: 12px; color: #113488; margin-bottom: 1px; font-weight: bolder; }
#content_historique a:link { color: #113488; text-decoration: none; }
#content_historique a:visited { color: #113488; text-decoration: none; }
#content_historique a:hover { color: #113488; text-decoration: underline; }
#content_historique ul { list-style-image: url(../img/fleche_bleu_li.gif); }
#content_historique ul li { margin-left: 5px; margin-top: 8px; }
#content_historique .note { font-size: 10px; }

#content_transac { height: 400px; width: 773px; padding-left: 5px; padding-right: 5px; padding-top: 20px;}
#content_transac h3 {font-size: 12px; color: #113488; margin-bottom: 1px; font-weight: bolder; }

#content_app * {margin: 0;padding: 0;}
#content_app {height: 100px;width: 773px; text-align: left; background-color: #FFFFFF;}
#content_app ul#menu {position: relative;width: 100%;font-weight: bold;display:block}
#content_app ul#menu li {float: left; padding-right: 2px;display: inline;margin: -24px 0 0 0}
#content_app ul#menu li a {text-align: -moz-center; width: 150px; height: 25px; line-height: 25px; text-decoration: none;display:block}
#content_app ul#menu li a:hover {color: #113488; background-color: #EDEEF0;}
#content_app h1, #content_app h2 {margin: 0.5em 0 0.5em 0;font-size: 1.4em;}
#content_app h3 {font-size: 12px; color: #113488; margin-bottom: 1px; font-weight: bolder; }
#content_app .content {padding: 1em 2em;margin: -16px 0 0 0;background-color: #EDEEF0;}
#content_app a.current {background-color: #EDEEF0;color: #113488;}
#content_app a.ghost  {background-color: #113388;color: #FFFFFF;}
#content_app .on {display: block;}
#content_app .off {display: none;} 


#page_popup {width: 715px; height: 408px; margin: 0 auto; padding: 0; background: #fff left; }
#top_popup {margin: 0px; background: #545454 url(../img/top_bg.gif) repeat-x; color: #39455B; height: 99px; }
#top_menu0 {position: absolute; top: 75px; height: 23px; width: 715px; margin: 0 auto;  background: #113488;}
#top_menu1 {position: absolute; top: 442px; height: 23px; width: 715px; margin: 0 auto;  background: #113488;}
#logo0 {position: absolute; top: 10px; width: 192px; height: 54px; margin: 0 auto; padding: 0; background: #FFF url(../img/top_logo.gif);}
#logo1 {position: absolute; top: 380px; width: 192px; height: 54px; margin: 0 auto; padding: 0; background: #FFF url(../img/top_logo.gif);}


/* Tableau compte transacionnel */
.tableau_compte_histo_intro {font-size: 11px; color: #113488; background-color: #fff; padding: 10px; }
.tableau_compte_histo_intro a:link { color: #113488; text-decoration: none; }
.tableau_compte_histo_intro a:visited { color: #113488; text-decoration: none; }
.tableau_compte_histo_intro a:hover { color: #113488; text-decoration: underline; }

.tableau_compte_onglet {font-size: 11px; color: #113488; background-color: #EDEEF0; padding: 10px; }
.tableau_compte_histo_solde {font-size: 11px; color: #fff; background-color: #C4171E; padding: 7px; border-top: 1px solid #fff;}
.tableau_compte_ligne_data_paire {font-size: 11px; color: #113488; padding: 7px; border-top: 1px solid #fff;}
.tableau_compte_ligne_data_paire a:link { color: #113488; text-decoration: none; }
.tableau_compte_ligne_data_paire a:visited { color: #113488; text-decoration: none; }
.tableau_compte_ligne_data_paire a:hover { color: #113488; text-decoration: underline; }
.titre {font-family: Verdana, Arial, Helvetica, Sans; font-size: 11px; font-weight: bold; color: #fff;}

/* Tableau compte client */
.tableau_compte_entete {font-size: 11px; font-weight: bold; color: #fff; background-color: #113488; border-right: 1px solid #fff; padding: 5px; }
.tableau_compte_titre {height: 20px;font-size: 11px; font-weight: bold; color: #fff; background-color: #113488; border-right: 1px solid #fff; padding: 5px; }
.tableau_compte_entete a:visited {font-size: 11px; font-weight: bold; color: #fff; background-color: #113488;}
.tableau_compte_entete a:link {font-size: 11px; font-weight: bold; color: #fff; background-color: #113488;}
.tableau_compte_total {font-size: 10px;	font-weight: bold; color: #fff;	background-color: #C4171E; border-right: 1px solid #fff; border-bottom: 4px solid #fff;	padding: 1px; }
.tableau_compte_total_total { font-size: 10px; font-weight: bold; color: #fff; background-color: #C4171E; border-right: 1px solid #fff;	border-bottom: 4px solid #fff; padding: 5px; }
.tableau_compte_ligne_data { font-size: 11px; color: #113488; background-color: #EBEEF7; padding: 7px; border-top: 1px solid #fff; }
.tableau_compte_ligne_data a:link { color: #113488; text-decoration: none; }
.tableau_compte_ligne_data a:visited { color: #113488; text-decoration: none; }
.tableau_compte_ligne_data a:hover { color: #113488; text-decoration: underline; }
.tableau_compte_ligne_fonction {font-size: 9px; color: #113488; background-color: #fff; padding: 10px; }
.tableau_compte_ligne_fonction a, .tableau_compte_ligne_fonction a:visited {font-size: 9px; color: #113488; background-color: #fff; padding: 10px; background: url(../img/fleche_rouge.gif) no-repeat; background-position: 4px 14px; }
.tableau_compte_ligne_fonction a:hover{font-size: 9px; color: #113488; background-color: #fff; padding: 10px; background: url(../img/fleche_rouge.gif) no-repeat; background-position: 4px 14px; }
.tableau_compte_ligne_fonction2 {font-size: 11px; color: #113488; background-color: #fff; padding: 10px; }
.tableau_compte_ligne_fonction2 a, .tableau_compte_ligne_fonction2 a:visited {font-size: 11px; color: #113488; background-color: #fff; padding: 10px; background: url(../img/fleche_rouge.gif) no-repeat; background-position: 4px 14px; }
.tableau_compte_ligne_fonction2 a:hover{font-size: 11px; color: #113488; background-color: #fff; padding: 10px; background: url(../img/fleche_rouge.gif) no-repeat; background-position: 4px 14px; }
.tableau_compte_ligne_fonction3 a, .tableau_compte_ligne_fonction3 a:visited {font-size: 9px; color: #113388; background-color: #fff; padding: 10px; background: url(../img/fleche_rouge.gif) no-repeat; background-position: 4px 14px; }
.tableau_compte_ligne_fonction3 a:hover{font-size: 9px; color: #113388; background-color: #fff; padding: 10px; background: url(../img/fleche_rouge.gif) no-repeat; background-position: 4px 14px; }
.tableau_compte_ligne_intro { font-size: 9px; color: #113488; background-color: #fff; padding: 10px; }

/* Clavier virtuel */
a.b0 {
background:transparent url(../img/0.gif) repeat scroll center top;
}
a.b0:hover {
background:transparent url(../img/0.gif) repeat scroll center bottom;
}

a.b1 {
background:transparent url(../img/1.gif) repeat scroll center top;
}
a.b1:hover {
background:transparent url(../img/1.gif) repeat scroll center bottom;
}
a.b2 {
background:transparent url(../img/2.gif) repeat scroll center top;
}
a.b2:hover {
background:transparent url(../img/2.gif) repeat scroll center bottom;
}
a.b3 {
background:transparent url(../img/3.gif) repeat scroll center top;
}
a.b3:hover {
background:transparent url(../img/3.gif) repeat scroll center bottom;
}
a.b4 {
background:transparent url(../img/4.gif) repeat scroll center top;
}
a.b4:hover {
background:transparent url(../img/4.gif) repeat scroll center bottom;
}
a.b5 {
background:transparent url(../img/5.gif) repeat scroll center top;
}
a.b5:hover {
background:transparent url(../img/5.gif) repeat scroll center bottom;
}
a.b6 {
background:transparent url(../img/6.gif) repeat scroll center top;
}
a.b6:hover {
background:transparent url(../img/6.gif) repeat scroll center bottom;
}
a.b7 {
background:transparent url(../img/7.gif) repeat scroll center top;
}
a.b7:hover {
background:transparent url(../img/7.gif) repeat scroll center bottom;
}
a.b8 {
background:transparent url(../img/8.gif) repeat scroll center top;
}
a.b8:hover {
background:transparent url(../img/8.gif) repeat scroll center bottom;
}
a.b9 {
background:transparent url(../img/9.gif) repeat scroll center top;
}
a.b9:hover {
background:transparent url(../img/9.gif) repeat scroll center bottom;
}
.codeBtn{
background-position:left center;
background-repeat:no-repeat;
display:block;
height:26px;
text-decoration:none;
width:26px;
}