/* style du conteneur */
#contact_p, #contact_c, #esp_parrainage{width:620px; font:normal 12px arial; color:#373737; margin:10px 0;}

#demande_doc, #ereleve{width:620px; font:normal 12px arial; color:#373737; margin:0; padding:15px 0 0;}
#ereleve{margin:0; padding:0;}


#demande_doc, #souscription-online {width:620px; font:normal 12px arial; color:#373737; margin:0; padding:15px 0 0;}

/* .bordure */
.bordure {border:1px solid #BEBEBE; border-top:0; margin:0; padding:5px;}

/* li */
#contact_p li, #contact_c li{list-style:none; margin:10px 0; }
/* p.fer */
#contact_p p.fer, #contact_c p.fer {text-align:right; }
/* .center */
#contact_p .center, #contact_c .center ,#esp_parrainage .center, #demande_doc .center {text-align:center; margin:0 auto; }
/* .separation */
#contact_p .separation, #contact_c .separation, #demande_doc .separation {padding-bottom:10px; background-image:url("../images/bgd-titrepara.gif"); background-position:bottom; background-repeat:no-repeat; }

/* titre de page */
#contact_p #entete-contact_p {height:96px; width:620px; background:url("../images/titre-contactez_nous.gif") no-repeat; margin:0;}
#contact_c #entete-contact_c {height:96px; width:620px; background:url("../images/titre-contactez_nous.gif") no-repeat; margin:0;}
#esp_parrainage #entete-esp_parrainage {height:96px; width:620px; background:url("../images/titre-parrainage.gif") no-repeat; margin:0;}

/* titre de page demande de doc html*/
#demande_doc #entete-fonction { height:90px; width:620px; background:url("../images/titre-page-sansfondV2.gif") no-repeat; margin:0; padding:0; }
#demande_doc #entete-fonction h2 { font:bold 23px Arial; color:#004795; padding-top:40px; padding-left:40px; }
#demande_doc #entete-fonction p { color:#004795; margin:0; padding:45px 10px 0 125px; }

/* h2 */
#contact_p #entete-contact_p h2, #contact_c #entete-contact_c h2, #esp_parrainage #entete-esp_parrainage h2 {display:none;}

/* p */
#contact_p #entete-contact_p p, #contact_c #entete-contact_c p , #esp_parrainage #entete-esp_parrainage p {color:#004795; margin:0; padding:45px 0 0 110px;}

/* .paragraphe */
#contact_p .paragraphe, #contact_c .paragraphe, #esp_parrainage .paragraphe, #demande_doc .paragraphe, #souscription-online .paragraphe, #ereleve .paragraphe{width:618px; background-image:url("../images/bgd-paragraphe.gif"); background-position:bottom; background-repeat:repeat-x; margin:10px 0;}

/* .paragraphe h3 */
#contact_p .paragraphe h3, #contact_c .paragraphe h3, #esp_parrainage .paragraphe h3, #demande_doc .paragraphe h3, #souscription-online .paragraphe h3 , #ereleve .paragraphe h3{background-image:url("../images/bgd-sstitre.gif"); background-position:top; background-repeat:no-repeat; height:23px; margin:0; padding:0;}

/* .paragraphe h3 span */
#contact_p .paragraphe h3 span, #contact_c .paragraphe h3 span, #esp_parrainage .paragraphe h3 span, #demande_doc .paragraphe h3 span, #souscription-online .paragraphe h3 span, #ereleve .paragraphe h3 span{display:block; font:bold 12px arial; color:#fff; margin:0; padding:4px 0 0 15px;}

/* .paragraphe h3.gris et paragraphe h3.gris span */
#contact_c .paragraphe h3.gris, #contact_c .paragraphe h3.gris, #demande_doc .paragraphe h3.gris, #ereleve .paragraphe h3.gris  {background-image:url("../images/bgd-sstitre_gris.gif"); background-position:top; background-repeat:no-repeat; height:23px; margin:0; padding:0;}
#contact_c .paragraphe h3.gris span, #contact_c .paragraphe h3.gris span, #demande_doc .paragraphe h3.gris span, #ereleve .paragraphe h3.gris span{display:block; font:bold 12px arial; color:#004795; margin:0; padding:4px 0 0 15px;}

/* .paragraphe h4 */
#contact_p .paragraphe h4, #contact_c .paragraphe h4 {font:bold 12px arial; margin:0; padding:5px;}

/* .paragraphe p */
#contact_p .paragraphe p {margin:5px;}
#demande_doc .paragraphe p , #souscription-online .paragraphe p, #ereleve .paragraphe p {font:normal 12px arial; margin:5px; }

/* ul -- .paragraphe ul */
#contact_p ul, #contact_p .paragraphe ul, #contact_c ul, #contact_c .paragraphe ul, #esp_parrainage ul, #esp_parrainage .paragraphe ul, #demande_doc ul, #demande_doc .paragraphe ul {margin:0; padding:0 0 0 5px;}

/* .paragraphe li */
#contact_p .paragraphe li, #contact_c .paragraphe li, #esp_parrainage .paragraphe li {list-style:none; margin:2px 0 4px;}

/* .paragraphe .espace */
#contact_p .paragraphe .espace, #contact_c .paragraphe .espace, #esp_parrainage .paragraphe .espace, #demande_doc .paragraphe .espace {height:8px; margin:0;}


/* input et select */
#contact_p input, #contact_p select, #contact_c input, #contact_c select, #esp_parrainage input, #esp_parrainage select, #demande_doc input, #demande_doc select  {font-size:11px;}
#demande_doc input {margin:0; padding:0;}

/* label */
#contact_p label, #contact_c label ,#esp_parrainage label {display:block; width:28%; float:left; text-align:right; margin:4px 10px 3px;}

/* label.question */
#contact_p label.question , #contact_c label.question, #esp_parrainage label.question {display:block; width:50%; float:left; text-align:right; margin:4px 10px 3px;}

/* #IMGvisuelContenu -- #TXTvisuelContenu -- #TXTvisuelContenu .clear -- #TXTvisuelContenu p.listeemail -- #TXTvisuelContenu img.telephone */
#contact_p #IMGvisuelContenu, #contact_c #IMGvisuelContenu, #demande_doc #IMGvisuelContenu {float:left; padding:0px 15px 5px 5px;}
#contact_p #TXTvisuelContenu, #contact_c #TXTvisuelContenu, #demande_doc #TXTvisuelContenu {text-align:justify; padding:0 10px 20px;}
#contact_p #TXTvisuelContenu .clear, #contact_c #TXTvisuelContenu .clear, #demande_doc #TXTvisuelContenu .clear {display:block; height:0; clear:both; font-size:0; line-height:0;}
#contact_p #TXTvisuelContenu p.listeemail, #contact_c #TXTvisuelContenu p.listeemail {text-align:justify; padding:2px 10px 2px 55px;}
#contact_p #TXTvisuelContenu img.telephone, #contact_c #TXTvisuelContenu img.telephone {text-align:center; margin-right:auto; margin-left:auto; padding:2px 0;}
#contact_c #TXTvisuelContenu p {margin:0;padding:0;}

/* a.txtcc:link , a.txtcc:visited */
#contact_p a.txtcc:link, #contact_p a.txtcc:visited, #contact_c a.txtcc:link, #contact_c a.txtcc:visited, #esp_parrainage a.txtcc:link, #esp_parrainage a.txtcc:visited, #demande_doc a.txtcc:link, #demande_doc a.txtcc:visited, #souscription-online a.txtcc:link, #souscription-online a.txtcc:visited , #ereleve a.txtcc:link, #ereleve a.txtcc:visited{font:normal 12px arial; color:#333; text-decoration:underline;}

/* a.plus:link et a.plus:visited -- a.retour:link et a.retour:visited*/
#contact_p a.plus:link, #contact_p a.plus:visited, #contact_c a.plus:link, #contact_c a.plus:visited, #contact_p a.retour:link, #contact_p a.retour:visited, #contact_c a.retour:link, #contact_c a.retour:visited, #esp_parrainage a.retour:link, #esp_parrainage a.retour:visited {font:normal 11px arial; color:#004597; text-decoration:underline;}

/* a.lien:link , a.lien:visited */
#demande_doc a.lien:link, #demande_doc a.lien:visited {font:normal 12px arial; color:#004795; text-decoration:underline; }

/* a.txtcc:hover et a.txtcc:active -- a.plus:hover et a.plus:active -- a.retour:hover et a.retour:active -- */
#contact_p a.txtcc:hover, #contact_p a.txtcc:active, #contact_p a.plus:hover, #contact_p a.plus:active, #contact_p a.retour:hover, #contact_p a.retour:active,  #contact_c a.txtcc:hover, #contact_c a.txtcc:active, #contact_c a.plus:hover, #contact_c a.plus:active, #contact_c a.retour:hover, #contact_c a.retour:active,  #esp_parrainage a.txtcc:hover, #esp_parrainage a.txtcc:active, #esp_parrainage a.retour:hover, #esp_parrainage a.retour:active, #demande_doc a.txtcc:hover, #demande_doc a.txtcc:active, #souscription-online a.txtcc:hover, #souscription-online a.txtcc:active, #ereleve a.txtcc:hover, #ereleve a.txtcc:active{text-decoration:none;}


/***** ***** Classe générique ***** *****/
.clear {display:block;height:0;clear:both;font-size:0;line-height:0; margin:0; padding:0;}
/***** ***** ***** ***** ******/


/* demande de doc h4 */
#demande_doc h4 { margin:25px 0 10px; padding:0; }
#demande_doc h4 img { margin:0; padding:30px 0 0; }
#demande_doc h4.tete { margin:10px 0; padding:0; }

/* demande de doc bouton action */
#demande_doc #bloc-bt, #souscription-online #bloc-bt , #ereleve #bloc-bt{text-align:center; margin:15px 0 10px; padding:0; }
/* demande de doc gerer la marge entre deux boutons */
#demande_doc .bt-annuler, #souscription-online .bt-annuler, #ereleve .bt-annuler{ text-align:center; margin:0px 10px 0px 0; padding:0; }

/* demande de doc texte bleu */
#demande_doc p.txtbleu { font:normal 12px arial; color:#004795; margin:10px 0 5px; }

/* demande de doc mentions */
#demande_doc #mentions, #souscription-online #mentions, #ereleve #mentions { text-align:justify; padding-top:8px; font:normal 12px arial; color:#666; }

/* demande de doc espace */
#demande_doc .espace { height:10px; margin:0; }

/* demande de doc formulaire */
#demande_doc ul { margin:0; padding:0 0 0 5px; }
#demande_doc li { list-style:none; margin:10px 0; }
#demande_doc label { display:block; width:28%; float:left; text-align:right; margin:4px 10px 3px; }
#demande_doc label.question { display:block; width:50%; float:left; text-align:right; margin:4px 10px 3px; }
#demande_doc ul li.c1 { background:#F4F4F4; }
#demande_doc ul li.cbas { background:#FFF; }
#demande_doc label.questionpostal { width:55%; float:left; text-align:left; margin:4px 10px 3px; }
.espaceradio { margin-right:15px; }

/* erreur formulaire */
#demande_doc .erreur-champs, #souscription-online .erreur-champs, #ereleve .erreur-champs{ background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#demande_doc .erreur-champs_2 , #souscription-online .erreurchamps_2, #ereleve .erreurchamps_2{ text-align:center;width:618px; margin:10px 0; background-color:#EFBBBB; border:1px solid #c90000; padding:1px; color:#c90000; font:bold 11px verdana;}
#demande_doc .ligne_erreur , #souscription-online .ligne_erreur, #ereleve .ligne_erreur{ color:#c90000; font:bold 11px verdana; }
#demande_doc p.ligne_erreur , #souscription-online p.ligne_erreur, #ereleve p.ligne_erreur{ margin-top:0; }

/* demande de doc cinématique */
#demande_doc #etape, #souscription-online #etape, #ereleve #etape{margin-top:15px; margin-bottom:10px; }

/* demande de doc colonne de droite */
#demande_doc #colonne-droite {float:right; width:172px;padding-top:180px; margin:0; }
#demande_doc #context {width:172px;margin:0;margin-bottom:10px;padding:0;}
#demande_doc #context h5 {margin:0;padding:0;}
#demande_doc #context h5 img {margin:0;padding:0;}
#demande_doc #context p {margin:0;background:url("../images/mif_bgd_contextBottom.gif") bottom no-repeat;padding:5px 10px 10px;font:normal 11px arial;color:#004597;}
#demande_doc #context span{display:block;margin:3px 0;}
#demande_doc #context a {font:normal 11px arial;color:#004597;text-decoration:underline;}
#demande_doc #context a:hover {text-decoration:none;}

/* demande de doc intermediation tableau */
#demande_doc .agent { font:12px Arial, Helvetica, sans-serif; }
#demande_doc .adresse { font:10px Arial, Helvetica, sans-serif; }

/* demande de doc choix produit */
#demande_doc .produitgauche {float:left;}
#demande_doc .produitdroite {margin-left:30px; float:left;}

/* demande de doc, choix visuel, classe pour le table*/
#demande_doc .visuelcarte{border-collapse:collapse;width:600px;font:normal 11px arial;}

/* demande de doc, adresse des interlocuteur, classe pour le table*/
#demande_doc .adresseinterlocuteur{border-collapse:collapse;width:600px;font:normal 11px arial;margin:0 auto;}
#demande_doc .adresseinterlocuteur td{padding:10px;}

/* demande de doc - equipement compte, alignement des listes deroulantes a gauche */
#demande_doc .listegch{margin:0; text-align:left; padding: 0 0 0 5px;}


/* demande de doc header pour Comment ca marche >> == choix du type de produit */
#demande_doc #entete-marche { height:100px; width:620px; background:url("../images/titre_demanderdoc_refonte_v2.jpg") no-repeat; margin:0; padding:0; }
#demande_doc #entete-marche h2 { display:none; text-indent:-5000px; }
#demande_doc #entete-marche p { color:#004795; margin:0; padding:40px 10px 0 125px; }

/* Souscription Carte */
#souscriptionCarte .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#souscriptionCarte .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#souscriptionCarte .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Souscription Service */
#souscriptionService .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#souscriptionService .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#souscriptionService .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Souscription Alerte Compte */
#souscriptionAlerteCompte .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#souscriptionAlerteCompte .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#souscriptionAlerteCompte .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Abonnement Epargne */
#abonnementEpargne .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#abonnementEpargne .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#abonnementEpargne .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Saisie Beneficiaire */
#saisieBeneficiaire .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#saisieBeneficiaire .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#saisieBeneficiaire .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Detail Beneficiaire */
#detailBeneficiaire .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#detailBeneficiaire .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#detailBeneficiaire .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Aide Transfert */
#aide_transfert_form .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#aide_transfert_form .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#aide_transfert_form .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Demande Chequier */
#demandeChequier .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#demandeChequier .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#demandeChequier .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Detail Telechargement */
#telechargement .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#telechargement .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#telechargement .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Remise De Cheque */
#remiseCheque .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#remiseCheque .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#remiseCheque .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Alerte Compte */
#alerteCompte .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#alerteCompte .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#alerteCompte .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Selection RIB */
#selectionRIB .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#selectionRIB .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#selectionRIB .ligne_erreur { color:#c90000; font:bold 11px verdana; }

/* Ordre Bourse */
#OrdreBourse .erreur-champs { background-color:#EFBBBB; border:1px solid #c90000; padding:1px; }
#OrdreBourse .supvir{border:1px solid #999; background-color:#F7F7F7;font:normal 12px verdana;color:#004597;padding:5px;}
#OrdreBourse .ligne_erreur { color:#c90000; font:bold 11px verdana; }


/* -------------- TABLEAU PRODUIT --------------*/
.table-client-pret-perso{margin-bottom:20px;border-collapse:collapse;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#004597;border-bottom:solid 1px #D4D0C8 !important;}
.table-detail-pret-perso thead tr {background-color:#E2EBFD;font:bold 11px verdana;color:#004597;}
.table-detail-pret-perso thead td{border-bottom:1px solid #004597  !important;}
.table-detail-pret-perso thead td, .table-detail-pret-perso tbody td{padding:2px;}
.table-detail-pret-perso tbody td, .table-detail-pret-perso tbody th, .table-detail-pret-perso thead td, .table-detail-pret-perso tfoot td{border-right:1px solid #D4D0C8;border-left:1px solid #D4D0C8;border-bottom:1px solid #D4D0C8;border-top:1px solid #D4D0C8;}
.table-detail-pret-perso tbody a:link, .table-detail-pret-perso tbody a:visited{font:normal 11px verdana;color:#004597;text-decoration:underline;}
.table-detail-pret-perso tbody a:hover, .table-detail-pret-perso tbody a:active{text-decoration:none;}
.table-detail-pret-perso tfoot tr {background-color:#E2EBFD;}
.table-detail-pret-perso tfoot td {padding:2px;border-top:1px solid #004597 !important;border-bottom:1px solid #004597 !important; text-align:right;}
.table-detail-pret-perso tfoot a:link, .table-detail-pret-perso tfoot a:visited {font:normal 10px verdana;color:#004597;text-decoration:underline;margin-right:8px;}
.table-detail-pret-perso tfoot a:hover, .table-detail-pret-perso tfoot a:active {text-decoration:none;}
.table-detail-pret-perso tfoot tr{border-top:1px solid #004597 !important;}
.table-detail-pret-perso tfoot .rougedetail{text-align:left;}
.table-detail-pret-perso tfoot a.rougedetail:link, .table-detail-pret-perso tfoot a.rougedetail:visited {font:bold 10px verdana;color:#c90000;text-decoration:underline;margin-left:8px;}
.table-detail-pret-perso tfoot a.rougedetail:hover, .table-detail-pret-perso tfoot a.rougedetail:active {text-decoration:none;}
.table-detail-pret-perso img{vertical-align:middle;}


/* doute */

/*#demande_doc #colonne-droite #context { width:172px; margin:0 0 10px; padding:0; }
#demande_doc #colonne-droite #context p { background:url("../images/mif_bgd_contextBottom.gif") bottom no-repeat; font:normal 11px arial; color:#004597; margin:0; padding:5px 10px 10px; }
#demande_doc #colonne-droite #context span { display:block; margin:3px 0; }
#demande_doc #colonne-droite #context a { font:normal 11px arial; color:#004597; text-decoration:underline; }
#demande_doc #colonne-droite{float:right;width:172px;margin:0;}*/

/* Blocs pour le contenu VCM */
#bloc_entete {width:100%;}
#bloc_entete div#bloc_entete {width:100%;}
#bloc_entete div#bloc_entete1 {width:100%;}
#bloc_entete div#bloc_entete2 {width:100%;}
#bloc_publicite {
	width:172px;
	position: absolute;
	right:0;
	margin-right:10px;
	overflow:hidden;
}
#corps {width:auto;/width:100%;margin-right:150px;}
#bloc_pied_page {clear:both; width:100%;}
#bloc_logo {float:left;}

/*Souscription en ligne*/
#souscription-online p, #ereleve p {font:normal 12px arial; color:#373737;}
.table-souscription{margin:5px;width:595px;border-collapse:collapse;font:normal 11px arial;color:#004597;border:1px solid #D4D0C8;}
.table-souscription tr, .table-souscription td{padding:3px;border:1px solid #D4D0C8;}
.table-souscription thead td{font:normal 11px arial;}

.class-input, .class-select{font:normal 11px arial;color:#333333;}

#popup_aide {width:414px;margin:0 auto;padding:0}
#popup_aide h2 {margin:0}
#popup_aide div {width:412px;border:1px solid #bebebe;margin:0;padding:0}
#popup_aide div p {font:normal 11px verdana;color:#333333;padding:5px;margin:5px 0}
#popup_aide div a {font:normal 11px verdana;color:#333333;padding:5px;margin:5px 0}
#popup_aide div .titreAide {font:bold 12px verdana;color:#000;padding:8px;margin:0;background-color:#E3E9F7}

.erreur_champs{background-color:#EFBBBB;padding:1px;border:1px solid #c90000;}
.erreur_phrase{color:#c90000;font:bold 11px verdana;}

/*Relevé Electronique*/
.ereleve-confirmation p{color:#004597 !important;}
.souscription-confirmation p, .ereleve-confirmation p{color:#004597 !important;}

.msg_encadre{border:1px solid #999999;margin:15 auto;padding:0 15px;width:500px;}
.msg_encadre ul {font:normal 12px verdana;color:#004597;}
#ereleve .paragraphe ul {color:#373737;margin-top:2px;}

.table-ereleve{margin:5px;width:595px;border-collapse:collapse;font:normal 11px arial;color:#004597;border:1px solid #D4D0C8;}
.table-ereleve tr, .table-ereleve td{padding:3px;border:1px solid #D4D0C8;}
.table-ereleve thead td{font:bold 11px arial;}
.table-ereleve thead .nom_titulaire{font-weight:normal;}