/*STYLE barre bleue DEVENIR CLIENT */
.devenir-client {background:#004795;padding:0;margin:0;height:1.47em;clear:both;width:100%;}
.devenir-client * {padding:0;margin:0;}
.devenir-client ul{width:850px;list-style:none;background:#004795;}
.devenir-client ul li {display:inline;width:auto;}
.devenir-client a,.devenir-client a:visited,.devenir-client a:active{margin:0 8px;color:#fff;font:normal 0.65em verdana;text-decoration:none;vertical-align:text-top;}
.devenir-client a:hover{text-decoration:underline;font:normal 0.65em verdana;color:#fff;}
.devenir-client li a img {border:0;vertical-align: middle;}

/*STYLE MENU DE GAUCHE BANQUE */
#menu_banque{width:149px;background-color:#004597;margin-top:-2px;text-align:left;border:1px solid #004597;}
#menu_banque h1{font:bold 12px arial;color:#fff;background-color:#8BA7D2;text-align:center;padding:4px;margin:0;border-bottom:1px solid #004597;}
#menu_banque h1 a.h1:link, #menu_banque h1 a.h1:visited{font:bold 12px arial;color:#fff; text-decoration:none;}
#menu_banque h1 a.h1:hover, #menu_banque h1 a.h1:active{font:bold 12px arial;color:#fff; text-decoration:underline;}
#menu_banque ul{font:normal 11px arial;color:#004597;list-style-type:none;margin:0;padding:0;background-color:#D7DFF0;}
#menu_banque ul li{margin:0;padding:2px;border:0;border-bottom:1px solid #004597;padding-left:5px;}
#menu_banque ul li a:link,#menu_banque ul li a:visited{line-height:1.5em;color:#004597;margin:0;text-decoration:none;font-size:11px;}
#menu_banque ul li a:hover, #menu_banque ul li a:active{color:#004597;margin:0;text-decoration:underline;}

#menu_banque FORM{margin:2px 0;}
#menu_banque select{width:148px;font:normal 10px arial;color:#004597;margin:2px 0;}

ul#avantages {background-image:none;}
ul#avantages li {padding:2px;margin:0;line-height:1.5em;padding-left:5px;}
ul#avantages li a:link, ul#avantages li a:visited{line-height:1.5em;color:#004597;margin:0;text-decoration:none;font-size:11px;}
ul#avantages li a:hover, ul#avantages li a:active{color:#004597;margin:0;text-decoration:underline;}

.lien_vers_pano {margin:0;padding:2px;border:1px solid #fff;background-color:#D7DFF0;}
.lien_vers_pano a,.lien_vers_pano a:visited,.lien_vers_pano a:active{color:#004795;text-decoration:underline;}
.lien_vers_pano a:hover{text-decoration:none;}

#renvoi {position:absolute;top:800px;left:2px;width:600px;padding:3px;font:normal 10px verdana;color:#004597;}
/*FIN MENU BANQUE*/
/*PAGE DES LOGS*/
.td_avantages{background-color: #BAC7E4;border: 1px solid #fff;text-align: right;padding: 2px 2px 2px 0;}
a.avantages:link,a.avantages:active,a.avantages:visited{font: bold 10px Verdana, Arial;color: #004795;text-decoration: none;padding-top: 2px;}
a.avantages:hover{font: bold 10px Verdana, Arial;color: #004795;text-decoration: underline;padding-top: 2px;}
/*//////// STYLE ENTETE ////////*/
/* TEMPORAIRE JUSQU'A RESOLUTION DES ANOS OLIGO*/
#explic IMG {height:2px}
#explic A{font-size:11px;}
#explic FONT.v12n{text-align:left;}
#explic BLOCKQUOTE{text-align:left;}
/* TEMPORAIRE JUSQU'A RESOLUTION DES ANOS OLIGO*/
/* Couleur du trait pour le haut de la page et le fond clair*/
.traithbleu {border-top:0;background: #FFFFFF;}
.couleurfond{background-color: #004795;}.fond{background-color: #E6ECF5;}
/* Classe pour l'img en fond sur le bandeau du haut*/
.img{margin-left:-20px;/*background-image:url(/Images/test_noel.jpg);background-repeat:no-repeat;background-position:left center;*/}
/* Classe des liens Acces Client et DÃ©connexion */
.liens_entete,.liens_entete:active,.liens_entete:visited{font: 9px Verdana, Arial;color: #004795;text-decoration:underline;padding:0;vertical-align:top;}
.liens_entete:hover{font: 9px Verdana, Arial ;color: #004795;text-decoration:none;padding:0;vertical-align:top;}
/* Classe des besoins dans le DIV du menu DHTML des onglets */
.table_dhtml{background-color: #fff;border-bottom: 1px solid #EC7003;border-top: 1px solid #EC7003;margin-top:1px;padding:0;}
.td_dhtml{text-align: left;text-decoration: none;border: 1px solid #EC7003;border-bottom:0;padding: 0 2px;width:100%;height:20px;}
/* Classe pour les liens "rouge" dans le menu DHTML */
.besoin,.besoin:visited,.besoin:active{font: 11px Verdana, Arial;color: #c90000;text-align:left;text-decoration:none;
width:100%;height:100%;}
.besoin:hover{font: 11px Verdana, Arial;color: #C90000;text-align: left;text-decoration: none;width:100%;height:100%;}
/* Classe pour liens "orange" dans le menu DHTML */
.besoin2,.besoin2:visited,.besoin2:active{font: 11px Verdana, Arial;color:#E06901;text-align:left;text-decoration:none;width: 100%;height:100%;}
.besoin2:hover{font: 11px Verdana, Arial;color:#E06901;text-align:left;text-decoration:none;width:100%;height:100%;}
/* Classe appliquÃ©e au TD(ligne bleue)*/
.tr_bandobleu{background-color: #004795;line-height: 20px;border-bottom: 1px solid #fff;}
a.bandobleu:link,.bandobleu:active,.bandobleu:visited{font: normal 10px Verdana, Arial ;color: #fff;text-decoration: none;}
a.bandobleu:hover{font: normal 10px Verdana, Arial;color: #fff;text-decoration: underline;}
/* Classe pour le lien CONTACT */
a.contact:link{font: bold 11px Verdana, Arial;color: #fff;text-decoration: underline;}
/* STYLE MENU CLIENTS */
.table_fctclient{background-color: #D7DFF0;	border: 1px solid #fff;	margin:0;padding:0;}
a.liens_fctclient,.liens_fctclient:visited,.liens_fctclient:active {font:normal 10px Verdana, Arial;color: #004795;text-decoration: none;height: 12px;}
a.liens_fctclient:hover {font: bold 10px Verdana, Arial;color: #004795;text-decoration: underline;height: 12px;}
.bourse,.tableaupdt {font: 10px Verdana, Arial;color: #004795;}
.bourse_rechercher{font: 9px Verdana, Arial;color: #C90000;}
.acces_rapide{font: 9px Verdana, Arial;color: #004795;}
/* STYLE MENU DIRECTEMAG */
.table_farticle {background: #BAC7E4;border:1px solid #fff;text-align: right; padding-bottom: 2px;}
.table_sfarticle {background: #FBE6D1;border:1px solid #F78600;border-width: 0 1px 1px 1px;}
.lien_farticle,.lien_farticle:active,.lien_farticle:visited {font: bold 9px Verdana, Arial;
color: #004795;text-decoration: none;text-transform: uppercase;width:100%;height:13px;}
a.lien_farticle:hover{font: bold 9px Verdana, Arial;color: #fff;text-decoration: none;
text-transform: uppercase;width:100%;height:13px;}
.td_sfarticle{background-color: #FEF8ED;}
.lien_sfarticle,.lien_sfarticle:active,.lien_sfarticle:visited {font: 10px Verdana, Arial;color: #E06901;text-decoration: none;}
.lien_sfarticle:hover {font: 10px Verdana, Arial;color: #E06901;text-decoration: underline;}
/* STYLE FICHES BESOINS */
/* Classe pour l'ACCROCHE (partie avec la photo) */
.encadrebesoin {background-color: #F2F3F9;border-top: 1px solid #004795;padding: 3px;}
.accroche {font: bold 13px Verdana, Arial;color: #004795;}
/* Classe pour l'image de l'accroche*/
.gde_img {margin-right: 4px;border: 1px solid #004795;}
/* Classe pour le Titre du BESOIN */
.tbesoin {font: bold 18px Verdana, Arial;color: #C90000;}
/* Classe pour les Sous Titres du Besoin */
.sstitrebesoin{font: bold 12px Verdana, Arial;color: #004795;}
/* Classe pour le Contenu TEXTE COURANT du BESOIN */
.contenu {font: 12px Verdana, Arial;color: #000;}
/* Classe pour les liens internes Ã  la fiche besoin */
a.lieninterne:link,.lieninterne:active,.lieninterne:visited {font: 12px Verdana, Arial;color: #CC0000;text-decoration: underline;}
a.lieninterne:hover{font: 12px Verdana, Arial;color: #CC0000;text-decoration: none;}
.pdtasso {font: bold 13px Verdana, Arial;font-variant: small-caps;color: #004795;}
.tr_pdtasso{background-color: #F2F3F9;}	
.td_pdtasso{height:12px;border: 1px solid #fff;background-color: #BAC7E4;}
/* Classe pour l'encadree du bloc ET AUSSI appliquÃ© au TABLE*/
.encadreetaussi {border: 1px solid #CC0000;}
/* Classe pour le ET AUSSI appliquÃ© au TD*/
.etaussi{font: bold 11px Verdana, Arial;color: #fff;background-color: #CC0000;height: 15px;}
/* Classe pour les liens dans le bloc ET AUSSI */
.aussi,.aussi:visited, .aussi:active{font: 11px Verdana, Arial;color: #CC0000;text-decoration: none;width: 100%;}
.aussi:hover{font: 11px Verdana, Arial;text-decoration: none;width: 100%;color: #CC0000;background-color: #fff1F1;}
/* Classe pour BLOCS DE LIENS */
/* LIENS PRODUITS TABLE*/.encadrepdtassocies {border: 1px solid #004795;}
/* Classe titre appliquÃ©e au TD*/
.pdtassocies{font: bold 11px Verdana, Arial;color: #fff;background-color: #004795;text-transform: uppercase;}
a.lienpdt:link, .lienpdt:visited,.lienpdt:active{font: 10px Verdana, Arial;color: #004795;text-decoration: none;height:8px;}
a.lienpdt:hover{font: 10px Verdana, Arial;color: #004795;text-decoration: underline;height:8px;}
/* EN SAVOIR PLUS */
/* Classe pour EncadrÃ© */.encadresavoirplus{border: 1px solid #F78600;}
/* Classe pour titre EN SAVOIR PLUS */
.savoirplus{font: bold 11px Verdana, Arial;color:#fff;background-color:#F78600;text-transform:uppercase;}
a.liensavoirplus:link,.liensavoirplus:visited,.liensavoirplus:active{font: 10px Verdana, Arial;color: #F78600;text-decoration: none; height:8px;}
a.liensavoirplus:hover{font: 10px Verdana, Arial;color: #F78600;text-decoration: underline;height:8px;}
/* FIL INFO Classe EncadrÃ© */.encadrefilinfo{border: 1px solid #F78600;}
/* Classe titre FIL INFO */
.blocfilinfo{font: bold 11px Verdana, Arial;color:#fff;background-color:#F78600;text-transform:uppercase;}
.archfil,.archfil:active,.archfil:visited,.archfil:hover{font: 9px Verdana, Arial;color:#fff;text-decoration:underline;}
/* Classe liens en savoir plus sur page d'accueil */
.plusinfo:link,.plusinfo:active,.plusinfo:visited{font: bold 10px Verdana, Arial;color:#CC0000;padding:3px;text-decoration:none;border-top: 1px none #CC0000;}
.plusinfo:hover{font: bold 10px Verdana, Arial;color:#fff;background-color:#CC0000;padding:3px;text-decoration:none;}
/*Classe pour pied de page*/
.td_piedpage{background-color: #E6ECF5;font: 10px Verdana, Arial;color:#004795;height:20px;vertical-align:middle;}
.copyright{font: bold 9px Verdana, Arial;color:#004795;}
.lien_piedpage:link, .lien_piedpage:visited, .lien_piedpage:active{font: 9px Verdana, Arial;color:#004795;text-decoration:none;}
.lien_piedpage:hover{font: 9px Verdana, Arial;color:#004795;text-decoration:underline;}
/*Classe pour liens internes pages avantages*/
a.lienavantages:link, a.lienavantages:visited, a.lienavantages:active{font: bold 12px Verdana, Arial;color:#004795;text-decoration:underline;}
a.lienavantages:hover{font: bold 12px Verdana, Arial;color:#004795;text-decoration:none;}

