@charset "utf-8";

/* LAYOUT */
#global { margin: 3px auto 0 auto; width:976px; height: 100%; position: relative; }
.sidebar.left { float: left; clear: none; width: 200px; margin: 0 0 0 10px; }
.sidebar.right { float: right; clear: none; width: 168px; margin: 0 0 0 0; }
#contenu .blocs { float: left; clear: none; margin-top: 18px; width: 775px; overflow: hidden; }

#contenu .home .bloc_riche { clear:both; margin:5px 0; border:1px solid #BBB; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contenu .home .bloc_riche h2 { color:#FFF; background:#888; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 25px; font-size:14px; }
#contenu .blocs.hp_reseaux, #contenu.page .blocs { margin-top: 0; }

/* HEADER */
#header { float: left; background: url(../images/css/bg_header.png) right bottom no-repeat; margin: 0 0 0 0; width: 976px; height: 146px; }
#header h1 a { position: absolute; z-index: 1; top: 2px; left: 25px; color:#2e4a89; font-size: 17px; font-family: 'Century Gothic'; display:block; width:195px; height:50px; background:url('../images/img/mma.png') 0 0px no-repeat; padding:54px 0 0 15px}
#header h1 a span {display:none}
#header .date { position: absolute; left: 199px; top: 4px; }

#header .bandeau_header {
	background: url(../images/css/bg_bandeau_left.gif) no-repeat top left;
	position: absolute;
	left: 202px;
	top: 25px;
	padding-bottom: 7px;
	height: 68px;
	width: 760px;
}
#header .bandeau_header .right_bandeau {
    background: url(../images/css/bg_bandeau_right.gif) no-repeat top right;
    width: 14px;
    float: right;
    height: 75px;
}
#header .bandeau_header .left_itw {
	float: left;
	width: 454px;
    padding-left: 50px;
    margin-top: 0px;
}
#header .bandeau_header .right_itw {
    float: left;
 /*   background: url(../images/css/bg_bandeau_right.gif) no-repeat top right;*/
    margin-right:5px;
    margin-top: 7px;
}
#header .bandeau_header .left_itw h2 {
    font-size: 19px;
    font-weight: normal;
    margin-top:0;
    padding-top:0;
}
#header .bandeau_header .left_itw .itw_ss_titre {
    margin-top: 0px;
}
#header .bandeau_header .left_itw .itw_accroche {
    margin-top:0;
    font-weight: bold;
    font-size: 17px;
}
#header .bandeau_header .left_itw .itw_accroche2 {
    font-size: 13px;
}

/* menu haut */
.menuHeader { position: absolute; right: 204px; top: 4px;}
.menuHeader li { float: left; clear: none; padding: 0 2px; text-align: center; }
.menuHeader li.accesReseaux { padding: 0 26px 0 9px; background: url(../images/css/picto_chevron_accesReseaux.jpg) left center no-repeat; }
.menuHeader li a { font-size: 100%; text-decoration: none; }
.menuHeader li a.selected { font-size: 100%; text-decoration: none; }

#menuHaut { margin: 0px; }
#menuHaut li { float: left; clear: none; margin-left: 2px; }
#menuHaut li a { display: block; padding-top: 3px; width: 191px; height: 38px; background: url(../images/css/bg_onglet_menu_top.png) left -41px no-repeat;text-align: center; font-size: 110%; font-weight: bold;  line-height: 14px; overflow: hidden ; text-decoration: none; }
#menuHaut li a:hover, #menuHaut li a.current { background: url(../images/css/bg_onglet_menu_top.png) left 0 no-repeat; }
#menuHaut li.zinzins a { height: 32px; padding-top: 9px; background: url(../images/css/bg_onglet_menu_top_zinzins.png) left -41px no-repeat; color: #fff; }
#menuHaut li.zinzins a:hover, #menuHaut li.zinzins a.current { padding-top: 9px; background: url(../images/css/bg_onglet_menu_top_zinzins.png) left 0 no-repeat; color: #fff; }
#menuHaut li.epargne a { height: 38px; background: url(../images/css/bg_onglet_menu_top_epargne.png) left -41px no-repeat; color: #fff; }
#menuHaut li.epargne a:hover, #menuHaut li.epargne a.current { background: url(../images/css/bg_onglet_menu_top_epargne.png) left 0 no-repeat; color: #fff; }
#menuHaut li.particuliers a { height: 32px; padding-top: 9px; background: url(../images/css/bg_onglet_menu_top_particuliers.png) left -40px no-repeat; color: #fff; }
#menuHaut li.particuliers a:hover, #menuHaut li.particuliers a.current { height: 31px; padding-top: 9px; background: url(../images/css/bg_onglet_menu_top_particuliers.png) left 0 no-repeat; }

/* recherche haut */
form#recherche { position: absolute; right: 2px; top: 1px; }
form#recherche input#texte { width: 163px; height: 15px; margin: 0 0 0 0; padding: 1px 0 0 6px; }
form#recherche #ok { margin: 0 0 2px 0; }

.bandeau { position: absolute; top: 37px; right: 5px; }

/* CONTENU */
#contenu { float: left;  margin: -37px 0 0 19px; }

/* BLOCS HOME */
.contenuTab .contenu img { margin: 2px 0 0 0; }

#zinzins, #epargneSalariale, #particuliers { float: left; clear: none; width: 233px; margin: 0 38px 0 0; padding: 4px 0 0 0; background: url(../images/css/bg_blocZinzinsHomeTop.png) left top no-repeat; }
#zinzins .bg_bottom, #epargneSalariale .bg_bottom, #particuliers .bg_bottom { display: block; width: 233px; height: 10px; background: #fff url(../images/css/bg_blocZinzinsHomeBottom.png) left bottom no-repeat; }
#particuliers { margin: 0 0 0 0; }
#zinzins .illustration, #epargneSalariale .illustration, #particuliers .illustration { display: block; width: 227px; height: 100px; }
#zinzins .illustration { background: url(../images/css/bg_bloc_reseaux_home.jpg) 5px top no-repeat; }
#epargneSalariale .illustration { background: url(../images/css/bg_bloc_epargne_home.jpg) 4px  top no-repeat; }
#particuliers .illustration { background: url(../images/css/bg_bloc_particuliers_home.jpg) 4px  top no-repeat; }

#zinzins h2, #epargneSalariale h2, #particuliers h2 { margin: 2px 0 0 5px; padding: 3px 0 0 0; width: 222px; height: 29px; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; }
#zinzins h2 { background: url(../images/css/bg_h2_zinzins_home.png) left top no-repeat; }
#epargneSalariale h2 { background: url(../images/css/bg_h2_epargne_home.png) left top no-repeat; }
#particuliers h2 { background: url(../images/css/bg_h2_particuliers_home.png) left top no-repeat; }

#zinzins h3, #epargneSalariale h3, #particuliers h3 { margin: 2px 0 0 0; padding: 1px 0 0 21px; width: 197px; height: 17px; font-size: 13px; color: #fff; text-align: left; }
#zinzins h3 { background: url(../images/css/bg_h3_zinzins_home.png) left top no-repeat; }
#epargneSalariale h3 { background: url(../images/css/bg_h3_epargne_home.png) left top no-repeat; }
#particuliers h3 { background: url(../images/css/bg_h3_particuliers_home.png) left top no-repeat; }

.menuBlocHome { margin: 0 0 0 13px; min-height: 80px}
.menuBlocHome li { margin: 0 0 0 0; padding: 5px 0 5px 2px; width: 207px; border-bottom: 1px solid #d6d6d6; }
.menuBlocHome li.last { border-bottom: 0; }
.menuBlocHome li a { padding-left: 14px; background: url(../images/css/picto_chevron_gras.jpg) 2px 4px no-repeat;  font-weight: bold; font-size: 110%; }

.loginHome {padding: 0pt 10px 20px 10px;margin-top:-19px}

.menuOffre { margin: 10px 0 6px 2px; }
.menuOffre li { margin: 0 0 0 0; padding: 2px 0 2px 6px; width: 205px; }
.menuOffre li.last { border-bottom: 0; }
.menuOffre li a { padding-left: 11px; background: url(../images/css/picto_chevron_orange_petit.png) left center no-repeat;  font-weight: normal; font-size: 100%; }

form.accesDirect { margin: 0 0 0 18px; }
form.accesDirect label { display: block; clear: both; margin: 0 0 1px 2px; font-size: 110%; font-weight: bold; }
form.accesDirect select { width: 152px; height: 16px; border: 1px solid #777; }

.blocBas { margin-left: 11px; padding-bottom: 7px; width: 211px; background: #f3f3f3; overflow: hidden  }

#actualites, #analyse { float: left; clear: none; margin: 0 10px 0 0; width: 233px; }
#actualites { margin: 4px 0 0 39px; }
#analyse { margin-right: 0; margin-left:38px;}
#actualites h2, #analyse h2{ padding: 3px 0 0 10px; width: 223px; height: 20px; background: #f4f4f4 url(../images/css/bg_h2_actus.png) left top no-repeat;font-size: 14px; text-transform: uppercase; border-bottom: 2px solid #646464; }

.listeActus { float: left; margin-top: 0; padding-bottom: 5px; width: 233px; background: #f4f4f4; }
.listeActus li { float: left; clear: both; height: auto; padding: 7px 0 7px 10px; background: url(../images/css/picto_chevron_orange_petit.png) 9px 11px no-repeat; }
.listeActus li.altern { margin-left: 5px; width: 213px; border-top: 1px solid #646464; border-bottom: 1px solid #646464; background: #fff url(../images/css/picto_chevron_orange_petit.png) 5px 11px no-repeat;  }
.listeActus a { display: block; margin: 0 8px 0 8px; }
.listeActus li.altern a { display: block; margin: 0 0 0 4px; }
.date { display: block; font-size: 90%; color: #aaa; }

/* COLONNE DROITE */
.sidebar.right {
    width: 171px;
    position: relative;
    margin-left:5px;
    margin-right:0;
    margin-top:-66px;
}
.sidebar.right.hp { margin-top: -41px; margin-left: 6px; }
.sidebar.right { margin-left: 6px; }
/*.page .sidebar.right { margin-top: -42px; margin-left: 5px }*/
.sidebar.right .bloc { margin: 0 0 5px 0; padding: 3px 0 0 0; background: url(../images/css/bg_bloc_colDroite_top.png) left top no-repeat;}
.sidebar.right .bloc .bg_bottom { display: block; width: 171px; height: 5px; background: url(../images/css/bg_bloc_colDroite_bottom.png) left bottom no-repeat; }
.sidebar.right .bloc h2 { margin: 0 4px; padding: 3px 0 2px 8px; width: 155px; height: 26px; background: url(../images/css/bg_h2_colDroite_gris.jpg) left top no-repeat; color: #646464; text-transform: none; font-size: 13px; font-weight: normal; }
.sidebar.right .bloc.espace h2 { margin: 0 4px; padding: 3px 0 2px 8px; width: 155px; height: 26px; background: url(../images/css/bg_h2_monEspace.jpg) left top no-repeat; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: normal; }

.sidebar.right .bloc.espace .blocFond { margin-left: 4px; background: #efefef; padding-bottom: 5px; width: 162px; overflow: hidden }
.sidebar.right .bloc.espace h2.firstVisit { margin: 6px 4px 6px 0; padding: 2px 0 2px 35px; width: 126px; height: 17px; background: #12abd7 url(../images/css/picto_firstVisit.png) 18px 7px no-repeat; color: #fff; text-transform: none; font-size: 13px; font-weight: bold; }
.sidebar.right .bloc p.firstVisit { margin: 3px 7px 4px 15px; }
.sidebar.right .bloc.espace ul.firstVisit { margin: 0 0 0 17px; }
.sidebar.right .bloc.espace ul.firstVisit li { padding: 0 0 0 10px; background: url(../images/css/puce_firstVisit.png) 2px 6px  no-repeat; }
/*
.bloc.doc .illustration { position: relative; z-index: 1; display: block; margin: -2px 0 0 3px; width: 95px; height: 117px; background: url(../images/css/illustration_doc.jpg) left top no-repeat; }
.bloc.doc p { position: relative; z-index: 5; right: 8px; top: -95px; float: right; text-align: right; width: 80px; }
.bloc.doc .lien { position: relative; z-index: 10; left: 70px; top: -40px; float: right; text-align: right; }
*/

.bloc.doc .illustration { position: relative; z-index: 1; display: block; margin: -2px 0 0 3px; width: 95px; height: 117px; background: url(../images/css/illustration_doc.jpg) left top no-repeat; }
.bloc.doc p { position: relative; z-index: 5; right: 8px; top: -95px; float: right; text-align: right; width: 80px; }
.bloc.doc .lien { position: relative; z-index: 10; left: 70px; top: -40px; float: right; text-align: right; }


.boutonInscription { display: block; margin: 5px 0 3px 32px; padding: 2px 0 0 20px; width: 86px; height: 17px; background: url(../images/css/btn_inscription.png) left top no-repeat; font-size: 100%; font-weight: normal; color: #fff }
.boutonAccesEspace { display: block; margin: 5px 0 3px 15px; padding: 2px 0 0 20px; width: 136px; height: 17px; background: url(../images/css/btn_accesEspace.png) left top no-repeat; font-size: 100%; font-weight: normal; color: #fff }

.sidebar.right .lien { margin: 0 0 0 25px; display: block; }

.sidebar.right form#login, .sidebar.right form#rechercheOpcvm { position: relative; margin: 3px 0 0 5px; width: 161px;}
.sidebar.right form#login fieldset { padding: 5px; background: #99e0f4;}
.sidebar.right input { padding: 0; margin: 0 0 6px 0; width: 124px; height: 16px; }
.sidebar.right #okLogin {right: 7px; top: 34px; width: 17px; }
.sidebar.right form#login p { margin: 3px 0 5px 0; }
.sidebar.right form#login p input { margin: 3px 0 0 8px; width: 14px; height: 14px; }
.sidebar.right form#rechercheOpcvm { margin: 3px 0 0 5px; }
.sidebar.right form#rechercheOpcvm .texte { margin: 2px 0 2px 4px; }
.sidebar.right #okOpcvm { position: absolute; right: 7px; top: 4px; width: 17px; }

p.loginOk { margin: 0 0 0 6px; padding-top: 6px; }
ul.loginOk { margin: 10px 0 0 6px; }
ul.loginOk li { margin: 0 0 6px 0; padding-left: 15px; background: url(../images/css/picto_fleche-logue.png) left 2px no-repeat; font-weight: bold;  }
.monEspace ul.loginOk { margin: 5px 0 0 6px; }
.monEspace ul.loginOk li { margin: 0 0 0 -25px; padding-left: 0; background: none; font-weight: normal; }
.sidebar.right .bloc.espace .blocFond ul.loginOk li a.lien { background-image: none; text-decoration: none; margin-left: 0; }
.sidebar.right .bloc.espace .blocFond ul.loginOk li a:hover.lien { text-decoration: underline; }

/* HP RESEAUX */
.bloc.contenuCentre { float: left; clear: none; width: 233px; margin: -115px 0 6px 0; padding: 4px 0 0 0; background: url(../images/css/bg_blocZinzinsHomeTop.png) left top no-repeat; }
.bloc.contenuCentre .bg_bottom { display: block; width: 233px; height: 10px; background: url(../images/css/bg_blocZinzinsHomeBottom.png) left bottom no-repeat; }
.bloc.contenuCentre h2 { margin: 0 4px; padding: 3px 0 2px 8px; width: 225px; height: 26px; background: url(../images/css/bg_h2_colContenu_gris.jpg) left top no-repeat; color: #646464; text-transform: none; font-size: 13px; font-weight: normal; }
.bloc.contenuCentre .lien { margin: 0 0 0 25px; }
.bloc.contenuCentre form#rechercheOpcvm .texte { margin: 2px 0 2px 10px; width: 127px;  }
.bloc.contenuCentre #okOpcvm { margin: 0 0 3px 0; }

.bloc.contenuCentre.offre h2 { margin: 0 4px; padding: 3px 0 2px 8px; width: 225px; height: 26px; background: url(../images/css/bg_h2_colContenu_olive.jpg) left top no-repeat; color: #fff; text-transform: none; font-size: 13px; font-weight: bold; }
.bloc.contenuCentre.offre ul { margin-top: 5px; }
.bloc.contenuCentre.offre ul li { margin: 0 0 0 18px; padding: 0; }
.bloc.contenuCentre.offre form { margin: 0 0 0 8px; }
.bloc.contenuCentre.offre form label { font-size: 100%; }

.blocs.hp_reseaux { margin: 0 0 0 0 }
.blocs.hp_reseaux #actualites { float: right; margin: 15px 20px 0 0; }
.blocs.hp_reseaux #analyse {
	margin:-152px 20px 0 0;
    float:right;
}

.blocs.hp_reseaux #actualites h2 { background: #f4f4f4 url(../images/css/bg_h2_actus_reseaux.png) left top no-repeat; color: #fff; }

/* bloc 2 colonnes */
.bloc.deuxCol { float: left; /*margin: 0 0 0 27px;*/ width: 495px; }
.bloc.deuxCol h2 { margin: 0 0 5px 0; padding: 3px 0 0 10px; width: 494px; height: 20px; border-bottom: 2px solid #646464; background: url(../images/css/fond-titre-2col.png) left top no-repeat; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.bloc.deuxCol .left, .bloc.deuxCol .right { float: left; clear: none; width: 220px; }
.bloc.deuxCol .left { margin: 0 20px 0 10px; padding-right: 25px; width: 220px; background: url(../images/css/pointilles-hp-reseaux.jpg) right center no-repeat; }
.bloc.deuxCol h3 { margin: 0; padding: 0 0 0 18px; background: url(../images/css/fleche-reseaux.jpg) left 3px no-repeat; color: #646464; text-transform: none; font-size: 13px; font-weight: bold; }
.bloc.deuxCol .left p, .bloc.deuxCol .right p, .bloc.deuxCol .right .lien { display: block; margin: 8px 0 0 18px; }
.bloc.espaceCible .bloc.contenuCentre { margin: 0px 0 6px 0; }

.blocs.hp_reseaux .bloc.deuxCol { margin: 15px 0 0 10px;}
.blocs.hp_reseaux .bloc.contenuCentre {margin: 15px 0 0 10px;}


.bloc.deuxCol table.renderedtable td { padding: 5px 10px 0 5px; }
.bloc.deuxCol table.renderedtable td.left { padding: 0 25px 0 10px; }
.bloc.deuxCol table.renderedtable td p { display: block; margin: 8px 0 0 18px; }


/* FOOTER */
#footer { float: left; margin: 20px 0 0 20px; width: 953px; height: 80px; background: url(../images/css/bg_footer.jpg) left bottom no-repeat; text-align: center; }
#footer ul.haut { margin: 10px 0 16px 25px; width: 550px;}
#footer ul.bas { top: 10px; }
#footer ul li { display: inline; font-size: 100%; }
#footer ul li a { padding: 0 1px 3px 1px; font-size: 100%; text-decoration: none; position: relative }
#footer ul li.accesReseaux { margin-left: 60px; padding: 0 26px 0 9px; background: url(../images/css/picto_chevron_accesReseaux.jpg) left center no-repeat; }

/* PAGES */
/*  colonne gauche */
.page .sidebar.left { margin: 0 25px 0 0 !important; width: 173px; }
.page .sidebar.left h2 { margin-bottom: 5px; padding: 3px 0 0 0; width: 173px; height: 26px; background: url(../images/css/bg_h2_pages_colGauche.png) left top no-repeat; font-size: 14px; color: #fff; text-align: center; }
.page .hp_reseaux .sidebar.left h2 { background: url(../images/css/bg_h2_pages_colGauche_reseau.png) left top no-repeat; }
.blocs.contact .sidebar.left h2,
.blocs.faq .sidebar.left h2 { background: url(../images/css/bg_h2_pages_colGauche_gris.png) left top no-repeat; }
.particuliers .sidebar.left h2 { background: url(../images/css/bg_h2_pages_colGauche_particuliers.jpg) left top no-repeat; }
.sidebar.left h3 { margin: 0 0 1px 0; padding: 3px 0 2px 10px; background: #ec7316; font-weight: bold; color: #fff; }
.sidebar.left ul.menuGauche { margin: 1px 0 5px 0; }
.sidebar.left ul.menuGauche li {  margin: 0 0 1px 0; padding-bottom: 2px; background: #e7e7e7 url(../images/css/leftMenu_separateur.png) left bottom no-repeat; }
.sidebar.left ul.menuGauche li a { display: block; padding: 2px 0 2px 10px; width: 163px; background: #e7e7e7 url(../images/css/picto_chevron_orange_petit.png) 3px 7px no-repeat; color: #646464;}
.sidebar.left ul.menuGauche li.current { margin: 1px 0 2px 0; padding: 2px 0 2px 10px; width: 163px; background: #a65cbc; color: #fff; font-weight: bold; }
.sidebar.left .blocPromo { margin-top: 10px; padding: 16px; background: #646464; color: #fff; font-size: 14px; text-align: center; }

.sidebar.left ul.menuGauche li {  margin: 0 0 1px 0; padding-bottom: 2px; background: url(../images/css/bg_pointilles_menuGauche.jpg) left bottom no-repeat; }
.sidebar.left ul.menuGauche li.current { background: none; margin-top: -2px; padding-left: 0; }
.sidebar.left ul.menuGauche li a { display: block; padding: 2px 0 2px 10px; width: 163px; background: #e7e7e7 url(../images/css/puce_menuGauche_niv1.jpg) 3px 7px no-repeat; color: #646464;}
.sidebar.left ul.menuGauche li.current a { display: block; padding: 2px 0 2px 10px; width: 163px; background: url(../images/css/puce_menuGauche_niv1_selected.jpg) 3px 7px no-repeat; color: #ea7315; font-weight: bold; }

.sidebar.left ul.menuGauche li.current ul li a { display: block; padding: 2px 0 2px 10px; width: 163px; background: url(../images/css/puce_menuGauche_niv2.jpg) 3px 7px no-repeat; color: #646464; font-weight: normal; }
.particuliers .sidebar.left ul.menuGauche li.current ul li a,
.epargne .sidebar.left ul.menuGauche li.current ul li a,
.instit .sidebar.left ul.menuGauche li.current ul li a,
.actus .sidebar.left ul.menuGauche li.current ul li a { background-color: #e7e7e7; }
.particuliers .sidebar.left ul.menuGauche li.current a { background-color: #f7c7a3; }
.epargne .sidebar.left ul.menuGauche li.current a { background-color: #52b439; }
.instit .sidebar.left ul.menuGauche li.current a { background-color: #648ec0; }
.sidebar.left ul.menuGauche li ul  { float: left; margin: 1px 0 -2px -1px !important; width: 176px }

.sidebar.left ul.menuGauche li ul li { padding-left: 10px; width: 164px; }
.sidebar.left ul.menuGauche li.current ul li a { margin: 0 0 0 0; width: 153px; }
.sidebar.left ul.menuGauche li.current ul li.current { margin: 0 0 0 0; padding-left: 0; width: 173px;  }
.sidebar.left ul.menuGauche li.current ul li.current a { display: block; padding: 2px 0 2px 19px;  width: 153px; background: url(../images/css/puce_menuGauche_niv2_selected.jpg) 12px 7px no-repeat; color: #ec7413; font-weight: normal; }
.sidebar.left ul.menuGauche li.current ul li a:hover,
.sidebar.left ul.menuGauche li.current ul li ul { background: #fceadc; font-weight: normal; }


/* menu gauche */
#nav ul li ul li ul { position: absolute; left: -999em; }

#nav ul li ul li:hover ul { left: auto; margin-top: 0; }

.particuliers #nav ul li ul li:hover a,
.particuliers #nav ul li ul li.sfhover a { color: #ea7315; background-color: #fceadc; }

.instit .sidebar.left ul.menuGauche li.current ul li a ul li { background-color: #618fc0; }
.instit #nav ul li ul li:hover a,
.instit #nav ul li ul li.sfhover a { color: #646464; background-color: #b8cde2; }

.epargne ul.menuGauche li.current ul li a ul li { background-color: #6f9be5; }
.epargne #nav ul li ul li:hover a,
.epargne #nav ul li ul li.sfhover a { color: #646464; background-color: #abdb9f ;  }

.particuliers #nav ul li ul li:hover a:hover,
.particuliers #nav ul li ul li.sfhover a:hover { color: #ea7315; }

.instit #nav ul li ul li:hover a:hover,
.instit #nav ul li ul li.sfhover a:hover {  }

.epargne #nav ul li ul li:hover a:hover,
.epargne #nav ul li ul li.sfhover a:hover {  }

#nav ul li ul li:hover ul { margin: -19px 0 0 164px  !important;  }

#nav, #nav ul { float: left; background: #fff; padding: 0; margin: 0 0 0 0; }
#nav ul li ul li ul { float: left; padding: 0; border-bottom: 1px solid #c7c9c4; width: 172px }
#nav li ul ul { margin: -1.75em 0 0 164px; width: 172px; position: relative; z-index: 500; }
.particuliers #nav li ul ul { background: #fceadc; }
.instit #nav li ul ul { background: #b8cde2; }
.epargne #nav li ul ul { background: #abdb9f; }
#nav ul li ul li:hover ul li a {  border: none !important; background-image: none; }
#nav ul li ul li:hover ul li { background-image: none; border: none !important;  }
#nav ul li ul li a  { margin: 0 0 0 -8px; padding-left: 16px; background-position: 8px center;  width: 156px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li { float: left !important; }

.actus #nav ul.menuGauche li.current { margin: 1px 0 2px -1px; padding: 0 0 0 0; width: 174px; background: #a65cbc;  }
.actus #nav ul.menuGauche li.current a { color: #fff; }
.actus .sidebar.left ul.menuGauche li.current ul li a { font-weight: normal !important; color: #646464 !important; cursor: pointer !important }
.actus .sidebar.left ul.menuGauche li.current a ul li a { background: url(../images/css/puce_menuGauche_actus_selected.jpg) 3px 7px no-repeat !important; }


.page.actus .sidebar.left { padding-top: 143px; background: url(../images/css/visu_colGauche_listeActus.jpg) left top no-repeat; }
.blocs.contact .sidebar.left { padding-top: 143px; background: url(../images/css/visu_colGauche_contact.jpg) left top no-repeat; }
.blocs.faq .sidebar.left { padding-top: 143px; background: url(../images/css/visu_colGauche_faq.jpg) left top no-repeat; }
.blocs.particuliers .sidebar.left { padding-top: 143px; background: url(../images/css/visu_colGauche_particuliers.jpg) left top no-repeat; }
.blocs.contact .bloc.contenu h2,
.blocs.faq .bloc.contenu h2 { color: #646464 !important; }
.blocs.faq .bloc.contenu h2 { text-transform: uppercase; }
/* contenu */
.page .bloc.contenu { float: left; margin: 0 0 0 0; width: 542px; }
.page .bloc.contenu .bloc.news { margin: 0 0 0 22px; padding: 6px; background: url(../images/css/bg_pointilles_news.jpg) left bottom no-repeat; }
.page .bloc.contenu .bloc.news.chapo { padding-bottom: 0; background: none; }
.page .bloc.contenu .bloc.news.fondCouleur { padding: 10px 5px 15px 5px; width: 514px; background: #f5f5f5 url(../images/css/bg_pointilles_news.jpg) left bottom no-repeat;}

.page .bloc.contenu .print { background: url(../images/css/picto_imprimante.jpg) left top no-repeat; padding-left: 20px; /*position: absolute; top: 15px; right: 7px; */ float: right; margin-top: -16px}
.blocs.particuliers .bloc.contenu .print { right: -17px; }
.page .bloc.contenu h2 { margin: 0 0 5px 0; padding: 15px 0 0 20px; width: 517px; height: 38px; background: url(../images/css/bg_h2_pages_contenu.jpg) left top no-repeat;  font-size: 14px; }
.page .bloc.contenu h2, .page .bloc.contenu h3, .page .bloc.contenu h3 a { color: #8825a5; font-weight: bold; }
.page .bloc.contenu h3 a { text-decoration: none; cursor: pointer; }
.page .bloc.contenu h3 { margin: 0 0 1px 0;}
.page .bloc.contenu p { margin: 3px 0 5px 0; }
.page .bloc.contenu hr { height: 1px; margin: 7px 0; padding: 0; color: #acacac; background-color: #acacac; border: 0;}

.page .bloc.contenu .selectAnnee { margin: 20px 0 5px 27px; padding-bottom: 2px; width: 515px; border-bottom: 1px solid #b1b1b1; position: relative; }
.page .bloc.contenu .selectAnnee h3 { font-size: 14px; color: #646464; }
.page .bloc.contenu .selectAnnee select { position: absolute; bottom: 2px; right: 0; }

.page .bloc.contenu .hautPage { float: right; clear: both; margin-top: 8px; background: url(../images/css/hautPage.jpg) left 5px no-repeat; padding-left: 12px; text-decoration: underline; }
.blocs.contact .bloc.contenu .hautPage { background: url(../images/css/hautPage_gris.jpg) left 5px no-repeat; }

/* PAGE FAQ */
.blocs.faq .blocContenu { clear: both; width: 514px; margin: -40px 0 0 28px; }
.blocs.faq .themes { float: right; clear: both; margin-bottom: 4px; padding-bottom: 5px; width: 438px; border-bottom: 1px solid #b1b1b1; }
.blocs.faq .themes li { float: left; clear: none; padding: 5px 3px 9px 3px; }
.blocs.faq .themes li a { padding: 5px 5px 9px 5px; }
.blocs.faq .themes li a:hover, .blocs.faq .themes li a.current { background: #646464; color: #fff; }
.blocs.faq .bloc.contenu h3 { margin: 0 0 0 8px; font-size: 12px; color: #646464; }
.blocs.faq .bloc.contenu ul.questions { margin: 5px 0 15px 0; padding: 12px 0 10px 0; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; }
.blocs.faq .bloc.contenu ul.questions li { margin: 0 0 1px 0; }
.blocs.faq .bloc.contenu .reponse { margin: 0 0 15px 0; padding-left: 8px; background: url(../images/css/puce_reponse_faq.jpg) 0 5px no-repeat; }
.blocs.faq .bloc.contenu .reponse h4 { border-bottom: 0; padding-left: 0; }
/* FIN PAGE FAQ */

/* PAGE LEXIQUE */
.blocs.faq .blocContenu { clear: both; width: 514px; margin: -40px 0 0 28px; }
.blocs.faq .rechercheLexique { float: left; margin: 0 0 10px 28px;}
.blocs.faq .rechercheLexique #rechercheLexique { float: left; clear: none; width: 235px; }
.blocs.faq .rechercheLexique #rechercheLexique label { display: block; margin-bottom: 6px; }
.blocs.faq .rechercheLexique #rechercheLexique #texteLexique { margin-left: 20px; }
.blocs.faq .rechercheLexique .themes { float: right; clear: none; margin-right: 0; width: 220px; border-bottom: 0; }
.blocs.faq .rechercheLexique .themes li { float: left; clear: none; padding: 0 2px; }
.blocs.faq .rechercheLexique .themes li.label { margin-bottom: 6px; }
.blocs.faq .rechercheLexique .themes li a { padding: 4px 4px; }
.blocs.faq .rechercheLexique .themes li a:hover, .blocs.faq .themes li a.current { background: #646464; color: #fff; }

.blocs.faq .bloc.contenu h3 { margin: 0 0 0 8px; font-size: 12px; color: #646464; }
.blocs.faq .bloc.contenu ul.questions.lexique { margin: 5px 0 15px 0; padding: 12px 0 10px 0; border-top: 1px solid #b1b1b1; border-bottom: 0; }
.blocs.faq .bloc.contenu ul.questions.lexique li { margin: 0 0 1px 0; }
/* FIN PAGE LEXIQUE */

/* PAGE CONTACT */
.blocs.contact .blocForm, .blocs.contact .blocChapo { clear: both; width: 514px; margin: 0 0 0 28px; }
.blocs.contact .bloc.contenu h3 { padding: 3px 0 3px 15px; background: #dedcdd; font-size: 12px; color: #646464; }
.blocForm h3 { margin-bottom: 15px !important; padding: 3px 0 3px 15px !important; background: #dedcdd; font-size: 12px !important; color: #646464 !important; }
.blocs.contact .bloc.contenu .blocChapo p { margin: 20px 10px 0 15px; }
.blocs.contact .bloc.contenu .blocChapo ul { margin: 5px 0 25px 15px; }
.blocForm { margin-left: 28px; padding-bottom: 10px; width: 514px; background: #f2f2f2; }
.blocs.contact .bloc.contenu .blocForm p { margin: 15px 0 15px 28px; }
.blocForm a { color: #ec7416; text-decoration: underline; }

.blocs.contact .blocForm { float: left; clear: both; }
.blocs.contact .blocForm form { margin: 0; padding: 0; width:514px; }
.blocs.contact .blocForm form fieldset { padding: 0 0 0 0; width:474px; }
.blocs.contact .blocForm form legend { margin-bottom: 11px; }
.blocs.contact .blocForm form legend span { display: none; }
.blocs.contact .blocForm .webform-component-textfield { float: left; padding: 0; width: 474px; }
.blocs.contact .blocForm hr.separateur { clear: both; margin: 10px 0 10px 28px; width: 474px; color: #646464; background: #646464 }
.blocs.contact .blocForm p.mention { float: left; clear: both; margin-top: 0 !important; }

#error div.warning { margin: 10px 0 10px 28px; padding: 10px; width: 492px; border: 1px solid #f00; background: #fcc }
#error div.warning h2 {background:none; color: #000; margin: 0; padding: 0; width: 80%; }
#error div.warning ul { margin: -12px 0 0 0; padding: 0;}
#error div.warning ul li { margin: 0 0 2px 0; padding: 0; font-weight: bold; color: #f00; width: 80%;}
/* FIN PAGE CONTACT */

/* FICHE PRODUIT */
.blocs.particuliers .bloc.contenu h2 { width: 563px; background: url(../images/css/bg_h2_pages_contenu_563.jpg) left top no-repeat; }
.blocs.particuliers .bloc.contenu h3,
.blocs.instit .bloc.contenu h3,
.blocs.epargne .bloc.contenu h3 { margin: 0 0 10px 7px; width: 555px; font-size: 13px; }
.blocs .bloc.contenu h4 { padding: 0 0 6px 10px; border-bottom: 1px solid #ec7316; font-size: 12px; }
.blocs .bloc.contenu .specs.evolution,
.blocs .bloc.contenu .specs.historique { margin-left: 20px; }
.blocs .bloc.contenu .specs.evolution h4,
.blocs .bloc.contenu .specs.historique h4 { padding: 0 0 0 0; border-bottom: 0; font-size: 12px; }
.blocs .bloc.contenu .specs.historique .lien { margin: 5px 0 0  0; }
.blocs .bloc.contenu .specs.evolution h4.dateValeur { float: left; clear: none; padding: 0 12px 6px 0; }

ul.telechargement { float: right; clear: both; margin: 0 -18px 10px 0; }
ul.telechargement li { float: left; clear: both; margin: 0 0 6px 10px; }
ul.telechargement li a { padding: 2px 0 2px 20px; background: url(../images/css/picto_pdf.jpg) left center no-repeat; text-decoration: underline; }

ul.autresDates { float: left; clear: none; margin: 3px 0 0 16px; }
ul.autresDates li { float: left; clear: none; margin: 0 50px 0 0; }

.bloc.contenu div.specs { float: left; clear: both; margin: 0 0 22px 10px; width: 553px; }
.bloc.contenu div.specs.legal { margin-top: 40px; padding-top: 10px; border-top: 1px solid #646464; font-size: 10px; }
.bloc.contenu div.specs p { margin: 10px 0 0 10px; }

.bloc.contenu div.specs div.risques, .bloc.contenu div.specs div.duree { float: left; clear: none; margin: 0 0 0 0; width: 276px; }

.bloc.contenu div.specs span.graph { display: block; width: 111px; height: 59px; margin: 10px 0 0 10px; cursor: pointer }
.bloc.contenu div.specs span.graph.niv01 { background: url(../images/css/risque_01.jpg); }
.bloc.contenu div.specs span.graph.niv02 { background: url(../images/css/risque_02.jpg); }
.bloc.contenu div.specs span.graph.niv03 { background: url(../images/css/risque_03.jpg); }
.bloc.contenu div.specs span.graph.niv04 { background: url(../images/css/risque_04.jpg); }
.bloc.contenu div.specs span.graph.niv05 { background: url(../images/css/risque_05.jpg); }


.bloc.contenu div.specs div.choixDate { float: left; clear: both; margin: 8px 0 15px 10px;  width: 555px; }
.bloc.contenu div.specs form#choixDate { float: left; clear: none; }

.blocs .bloc.contenu .specs.evolution .graphique { float: left; clear: both; margin: 4px 0 0 0; }

.blocs .bloc.contenu .specs .illustration { float: left; clear: both; margin: 12px 10px 0 10px; }
.blocs .bloc.contenu .specs .lien { display: block; margin: 6px 0 0 20px; text-decoration: underline; }
.blocs .bloc.contenu .specs .date { margin: 0 0 0 20px; }

form#choixDate input, form#choixDatePerf input, #dateValeur, form .texte { border: 1px solid #646464; }
#jour, #mois, #jourPerf, #moisPerf { width: 30px; height: 16px; }
#annee, #anneePerf { width: 54px; height: 16px; }
form#choixDate input#okChoixDate, form#choixDatePerf input#okChoixDatePerf { border: 0; margin: -2px 0 0 0; }

table#perfs { clear: both; margin: 0 0 0 10px; width: 545px; background: #eeeced; }
table#perfs th, table#perfs td  { border: 1px solid #646464; }
table#perfs td.colGauche { width: 79px; }
table#perfs td.colDroite { width: 198px; }
table#perfs td.titre { width: 468px; }
table#perfs td.colGauche, table#perfs td.colDroite { background: #fff; }
table#perfs tr td { padding: 9px 8px; text-align: center; }
table#perfs tr td.titre { padding-top: 2px; padding-bottom: 3px; }
table#perfs tr td.colGauche { padding-top: 2px; padding-bottom: 3px; }
table#perfs tr td.centre { padding-top: 4px; padding-bottom: 3px; }
table#perfs tr td strong { display: block; }

.blocs .bloc.contenu .specs h4.revuePresse { margin: 0 0 0 0; padding: 0 0 8px 29px; background: url(../images/css/picto_revue.jpg) 8px top no-repeat; }
.blocs .bloc.contenu .specs h4.prixGestion { margin: 0 0 -7px 0; padding: 0 0 8px 29px; background: url(../images/css/picto_graphique.jpg) 8px 2px no-repeat; }
.blocs .bloc.contenu .specs h4 { margin: 0 0 0 0; }


.blocs .bloc.contenu .specs.souscrire ul { margin: 4px 0 0 20px; }
.blocs .bloc.contenu .specs.souscrire ul li { background: url(../images/css/puce_reponse_faq.jpg) left 6px no-repeat; padding-left: 8px; }
.blocs .bloc.contenu .specs.souscrire ul.liens li { float: left; clear: both; margin: 0 0 0 0; background: none; padding: 0 0 0 0; }
.blocs .bloc.contenu .specs.souscrire ul.liens li a { float: left; clear: both; margin: 0 0 0 0; }

/* ONGLET INFORMATIONS LISTE DE DEFINITION */
dl.informations { width: 476px; margin: 10px 0 0 36px; padding: 0; }
.informations dt { width: 230px; float: left; margin: 0 0 0 0; padding: 6px 0 6px 26px; font-weight: bold; }
.informations dd { float: left; clear: right; width: 218px; margin: 0 0 0 0; padding: 6px 0 6px 0; }
.informations dt.altern, .informations dd.altern { background: #f4e3d6; padding-top: 5px; padding-bottom: 5px; }

/* RECHERCHE MULTICRITERES */
#contenu.page .blocs.faq .bloc.contenu.recherche .blocForm { margin-bottom: 10px; }
#contenu.page .blocs.faq .bloc.contenu.recherche h3 { margin: 0 0 20px 0; padding: 3px 0 3px 15px; background: #dedcdd; font-size: 14px; color: #646464; }
#contenu.page .blocs.faq .bloc.contenu.recherche .texte { margin: 10px 0 15px 28px; }

/* PAGES MON ESPACE */
#contenu.page .blocs.monEspace { overflow: visible; }

#contenu.page .blocs.monEspace .bloc.contenu { width: 959px; }
#contenu.page .blocs.monEspace .bloc.contenu h2 { margin: 60px 0 -10px 0; width: 939px; height: 53px; background: url(../images/css/bg_h2_pages_contenu_monEspace.jpg) left top no-repeat; color: #12aad6; }
#contenu.page .blocs.monEspace .synthese { float: right; clear: both; width: auto; margin: 0 10px 10px 6px; }

/* contenu gauche */
#contenu.page .blocs.monEspace .monEspace.left { float: left; clear: none; width: 760px; }
ul.checkbox { float: left; clear: both; margin: 15px 0 0 13px; }
#contenu.page .blocs.monEspace .bloc.contenu ul.checkbox li { float: left; clear: none; position: relative; }
#contenu.page .blocs.monEspace .bloc.contenu ul.checkbox li .bouton.bleu { float: left; clear: none; position: relative; top: -6px; left: -10px; }
ul.checkbox li * { float: left; clear: none;  }
ul.checkbox li label { font-weight: normal; display: block; padding: 0 0 0 5px; }
ul.checkbox li input.check { margin: 3px 0 -3px 0;  }

.performance { float: left; clear: both; background: #e2e2e2; margin: 10px 20px; padding: 2px 0 0 34px; width: 686px; }
.performance p { float: left; clear: none; font-weight: bold; padding-right: 10px;}
.performance form, .performance a.date { display: block; float: left; clear: none; }
.performance a.date { padding: 5px 0 0 10px; }

#performances { float: left; clear: both; margin: 10px 20px; width:95%; border-collapse: collapse; background: #ebebeb; font-size: 9px; }
#performances .type { width: 98px; background: #646564; color: #fff; }
#performances .header { width: 75px; background: #59caea; color: #fff; }
#performances .reporting { width: 47px; }
#performances .reporting.depuis { width: 102px; }
#performances .form { width: 134px !important; }
#jourPerf_01, #moisPerf_01, #jourPerf_02, #moisPerf_02,#jourPerf_03, #moisPerf_03 { width: 17px; height: 16px; }
#anneePerf_01, #anneePerf_02, #anneePerf_03 { width: 38px; height: 16px; }

.bloc.deux85, .bloc.quatre62 { float: left; clear: none; margin: 20px 0 5px 0; padding: 3px 0 0 0; }
.bloc.deux85 { margin-right: 13px; width: 285px; background: url(../images/css/bloc_285_top.jpg) left top no-repeat; }
.bloc.quatre62 { width: 462px; background: url(../images/css/bloc_462_top.png) left top no-repeat; }
.bloc.deux85 .bg_bottom, .bloc.quatre62 .bg_bottom { display: block; height: 5px; }
.bloc.deux85 .bg_bottom { width: 285px; background: url(../images/css/bloc_285_bottom.jpg) left bottom no-repeat; }
.bloc.quatre62 .bg_bottom { width: 462px; background: url(../images/css/bloc_462_bottom.jpg) left bottom no-repeat; }

#contenu.page .blocs.monEspace .bloc.deux85 h2 { width: 257px; }
#contenu.page .blocs.monEspace .bloc.quatre62 h2 { width: 434px; }
#contenu.page .blocs.monEspace .bloc.deux85 h2, #contenu.page .blocs.monEspace .bloc.quatre62 h2 { margin: 2px 2px 4px 4px; padding: 3px 0 1px 20px; height: 17px; background: #12abd7 url(../images/css/picto_firstVisit.png) 5px 7px no-repeat; color: #fff; font-size: 12px; }

#contenu.page .blocs.monEspace .bloc.deux85 p { margin: 6px 7px 3px 10px; }
#contenu.page .blocs.monEspace .bloc.deux85 ul.firstVisit { margin: 0 0 0 20px; }
#contenu.page .blocs.monEspace .bloc.deux85 ul.firstVisit li { margin: 0 0 4px 0; padding: 0 0 0 10px; background: url(../images/css/puce_firstVisit.png) 2px 6px  no-repeat; }

#contenu.page .blocs.monEspace .bloc.quatre62 #formPerfOpcvm { float: left; clear: both; margin: 10px 0 6px 10px;  width: 100%;}
#contenu.page .blocs.monEspace .bloc.quatre62 #formPerfOpcvm label { float: left; clear:  none; }
#contenu.page .blocs.monEspace .bloc.quatre62 #formPerfOpcvm select { float: left; clear:  none; width: 150px; height: 16px; border: 1px solid #777; margin: 0 10px; }
#contenu.page .blocs.monEspace .bloc.quatre62 p.texte { float: left; clear: both; margin: 0 0 10px 10px; width: 85%; }

#edit-submitbuttonRepartition { margin: 0 0 10px 30px; }

.bloc.quatre62 .performance { float: left; clear: both; background: #e2e2e2; margin: 10px 4px; padding: 4px 0 0 26px; width: 424px; }
.bloc.quatre62 .performance p { float: left; clear: none; font-weight: bold; padding-right: 10px;}
.bloc.quatre62 .performance form, .performance .resultat { display: block; float: left; clear: none; }
.bloc.quatre62 .performance .resultat { padding: 0 0 0 10px; font-size: 15px; font-weight: bold; color: #ec7416; }
.bloc.quatre62 .performance form #jourPerfCalcul, .bloc.quatre62 .performance form #moisPerfCalcul,
.bloc.quatre62 form #jourPerfGraph, .bloc.quatre62 form #moisPerfGraph { width: 17px; }
.bloc.quatre62 .performance form #anneePerfCalcul,
.bloc.quatre62 form #anneePerfGraph { width: 38px; }
#okChoixDatePerfCalcul, #okChoixDatePerfGraph { margin: 0 0 2px 4px; }

#choixDatePerfGraph {float: left; clear: none; margin: 5px 0 0 15px; width: 140px; }
#choixDatePerfGraph p { margin: 0 0 8px 0; }
#choixDatePerfGraph .check { float: left; clear: none; margin: 0 5px 0 0; }
.graph img { float: left; clear: none;  }
#choixDatePerfGraph span { display: block; clear: both; margin: 10px 0 5px 0; }
.graph { float: left; clear: none; margin: 10px 0 10px 20px; }

/* colonne droite */
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right { margin: 0 5px 0 0; width: 171px; position: relative; z-index: 5; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right  .bloc.espace .blocFond { margin-left: 4px; background: #efefef; padding-bottom: 5px; width: 162px; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right  .bloc.espace  h2.firstVisit { margin: 2px 2px 4px 4px; padding: 2px 0 2px 20px; width: 142px; height: 17px; background: #12abd7 url(../images/css/picto_firstVisit.png) 5px 7px no-repeat; color: #fff;  }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right .bloc p { margin: 3px 7px 4px 8px; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right .bloc.espace ul.firstVisit { margin: 0 0 0 2px; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right .bloc.espace ul.firstVisit li { padding: 0 0 0 10px; background: url(../images/css/puce_firstVisit.png) 2px 6px  no-repeat; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right .bloc.espace .lien { margin: 6px 0 4px 4px; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right .bloc.espace #selectRecevoir { margin: 0 0 0 10px; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right .bloc.espace #selectRecevoir label { font-size: 11px; font-weight: normal; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right .bloc.espace #selectRecevoir select { width: 120px; position: relative; }
#contenu.page .blocs.monEspace .bloc.contenu .sidebar.right .bloc.espace #selectRecevoir #okRecevoir { position: absolute; right: 13px; top: 72px; width: 17px; height: 18px; }


/* FORMULAIRE SELECTION ABONNEMENT ALERTES  */
.selectBloc { float: left; clear: both; padding: 0 0 22px 0; width: 100%; background: #f2f2f2; overflow: hidden }
h3.picto { margin: 0 0 12px 0; padding: 3px 0 2px 20px; width: 100%; height: 17px; background: #12abd7 url(../images/css/picto_firstVisit.png) 5px 7px no-repeat; color: #fff !important; font-size: 13px;  }
.selectBloc #formSelection { margin: 12px 0 0 40px; }
.selectBloc #formSelection label { display: block; float: left; clear: none; margin: 3px 18px 0 0; font-weight: bold; }
.selectBloc #formSelection select { width: 170px; height: 16px; border: 1px solid #787878 }
.selectBloc #formSelection .ajout { background: url(../images/css/btn_ajouter.png) left top no-repeat; margin: 0 0 -1px 15px; padding: 0 0 2px 8px !important; width: 70px; height: 19px; border: 0; cursor: pointer; font-size: 12px; color: #fff}
.selectBloc #formSelection p { margin: 10px 0 -10px 0; }

/* PAGE SIMULATEUR DE PROFIL */
.formProfil { }
.formProfil .selectBloc { padding: 0 0 0 0; }
.formProfil fieldset { margin: 10px 0 16px 16px; }
.formProfil fieldset p { margin: 0 0; width: 80%;}
.formProfil fieldset p.champ { padding: 5px 0; }
.formProfil .selectBloc fieldset label { float: left; clear: none; display: block; padding: 0 0 0 33px; width: 82px; }
.formProfil .question { font-size: 13px; font-weight: bold; }
.formProfil fieldset#objectifs { margin: 10px 0 16px 27px; }
.formProfil fieldset#objectifs p { margin: 0 0 10px 75px; }
.formProfil fieldset#objectifs p.question { margin: 0 0 13px 0; }
.formProfil fieldset#objectifs p input,
.formTestProfil fieldset#objectifs p input { float: left; clear: none; margin: 0 6px 0 0; }
.formProfil p.boutons .bouton.bleu { float: left; margin: 0 0 0 440px;}
.selectBloc.noBg { background: #fff; }
#graph_risque, #camembert_risque { float: left; clear: none; }
.selectBloc.noBg.profil #graph_risque, .selectBloc.noBg.profil #camembert_risque {  margin: 20px 100px 30px 37px; }
.selectBloc.noBg.profil #camembert_risque {  margin-left: 0; }
#formTestProfil { margin: 0 0 0 0; }
#formQuestionProfil p { margin: 0 0 16px 0; font-size: 11px; }
#formQuestionProfil p input { margin: 0 8px -3px 0; }
#formQuestionProfil p input.bouton-submit { margin: 0; }
.selectBloc.noBg.profil .roundedBox { width: 962px; text-align: center; }
.selectBloc.noBg.profil .roundedBox .boite { margin: 0 0 10px 250px; width: 420px; }
.selectBloc.noBg.profil .roundedBox .xboxcontent { width: 418px; padding: 3px 0; }

/* ALLOCATION GESTION LIBRE */
div.separateur { float: left; clear: none; width: 1px; margin: 5px -20px 0 8px; padding: 0; color: #0eacd3; background-color: #0eacd3; border: 0; font-size: 1px;}
.selectBloc.noBg.alloc #graph_risque { float: left; clear: none; margin: 20px 0 30px 146px; }
.selectBloc.noBg.alloc .roundedBox { float: left; clear: none; margin: 20px 0 0 20px; }
.selectBloc.noBg.alloc .roundedBox .boite { float: left; clear: none;  margin: 50px 0 0 50px; width: 290px; }
.selectBloc.noBg.alloc .roundedBox .xboxcontent { width: 288px; }
.blocAlloc.bloc.quatre62 { float: left; clear: none; margin: 0 0 0 12px; padding: 3px 0 0 0; width: 462px; background: none; }
#contenu.page .blocs.monEspace .blocAlloc.bloc.quatre62 h2 { background-image: none; padding-left: 15px; width: 443px; }
#contenu.page .blocs.monEspace .blocAlloc.bloc.quatre62 h3 { color: #646464; clear: both; margin: 0 0 0 0; width: 460px; text-align: center; }
.blocAlloc.bloc.quatre62 .roundedBox .boite { float: left; clear: none;  margin: 10px 0 0 -14px; width: 453px; }
.blocAlloc.bloc.quatre62 .roundedBox .xboxcontent { width: 451px; text-align: left; }
.blocAlloc.bloc.quatre62 .roundedBox .xboxcontent h3 { margin: 0 0 20px 10px; color: #646464; }
.blocAlloc.bloc.quatre62 .roundedBox .xboxcontent p { margin: 0 10px; }
#col1, #col2, #col3 { position: relative; padding-bottom: 40px; }
.blocAlloc.bloc.quatre62 .boutons { position: absolute; bottom: 10px; text-align: center; }
#contenu.page .blocs.monEspace .blocAlloc.bloc.quatre62 #graph,
#contenu.page .blocs.monEspace .blocAlloc.bloc.quatre62 #camembert_risque { padding: 15px 0; width: 462px; text-align: center; }
#contenu.page .blocs.monEspace .blocAlloc.bloc.quatre62 #camembert_risque { margin: -20px 0 -20px 0; }
#contenu.page .blocs.monEspace .blocAlloc.bloc .bouton.bleu.grand { float: left; margin: 0 0 0 40px; }
#contenu.page .blocs.monEspace .blocAlloc.bloc .bouton.bleu.petit { float: left; margin: 10px 0 0 160px; }

/* TABLEAU ABONNEMENT ALERTES */
#alertesAbo, #alertes { float: left; clear: both; margin: 12px 0; width: 100%; border-collapse: collapse; background: #ebebeb; font-size: 9px; }
#alertes tr.altern,
#performances tr.altern { background: #fbf5f5; }
#alertesAbo td, #alertes td, #performances td, #tableRepartition td { padding: 5px 0; border: 1px solid #646464; text-align: center; }
#alertesAbo .type,
#alertesAbo .header,
#alertesAbo .valeur,
#alertesAbo .perf,
#alertesAbo .periode,
#alertesAbo .reporting,
#alertesAbo .prospectus,
#alertesAbo .rapport,
#alertes .type,
#alertes .header,
#alertes .valeur,
#alertes .perf,
#alertes .periode,
#alertes .reporting,
#alertes .prospectus,
#alertes .rapport,
#performances .type,
#performances .header,
#performances .valeur,
#performances .perf,
#performances .periode,
#performances .reporting,
#performances .prospectus,
#performances .rapport,
#tableRepartition .type,
#tableRepartition .header,
#tableRepartition .valeur,
#tableRepartition .perf,
#tableRepartition .periode,
#tableRepartition .reporting,
#tableRepartition .prospectus,
#tableRepartition .rapport { font-size: 12px; font-weight: bold; }
#alertesAbo .type, #alertes .type { width: 59px; background: #646564; color: #fff; }
#alertesAbo .header, #alertes .header, #tableRepartition .header { background: #59caea; color: #fff; }
#alertesAbo .valeur,
#alertesAbo .perf,
#alertesAbo .periode,
#alertesAbo .reporting,
#alertesAbo .prospectus,
#alertesAbo .rapport,
#alertes .valeur,
#alertes .perf,
#alertes .periode,
#alertes .reporting,
#alertes .prospectus,
#alertes .rapport { background: #d5f2fa; color: #646464; }
#alertesAbo .libelle,
#alertes .libelle,
#performances .libelle, #tableRepartition .libelle { padding-left: 8px; font-size: 11px; font-weight: bold; color: #646464; text-align: left; }
#performances .libelle {
    white-space:nowrap;
    padding:0;
}
#cac{
    background: url(../images/img/drapeau_fr2.jpg) left top no-repeat;
    padding-left: 18px;
    white-space:nowrap;
}
#sxxp{
    background: url(../images/img/drapeau_ue2.jpg) left top no-repeat;
    padding-left: 18px;
    white-space:nowrap;
}
#spx{
    background: url(../images/img/drapeau_us2.jpg) left top no-repeat;
    padding-left: 18px;
    white-space:nowrap;
}
#ney{
    background: url(../images/img/drapeau_jp2.jpg) left top no-repeat;
    padding-left: 18px;
    white-space:nowrap;
}
#mseucapf{
    background: url(../images/img/drapeau_ch2.jpg) left top no-repeat;
    padding-left: 18px;
    white-space:nowrap;
}
#alertesAbo .valeur { width: 70px; }
#alertesAbo .perf { width: 334px; }
#alertesAbo .periode { width: 145px; }
#alertesAbo .reporting { width: 83px; }
#alertesAbo .prospectus { width: 125px; }
#alertesAbo .rapport { width: 133px; }
#alertesAbo input { width: 14px; }

#alertes .type, #alertes .header { width: 133px; }
#alertes .header.alerte { width: 277px; }

#tableRepartition { margin: 0 0 10px 30px; clear: both; width: 295px }
#tableRepartition .header { width: 167px; }
#tableRepartition .type { text-align: left; padding-left: 7px; width: 105px; }
#tableRepartition .libelle { text-decoration: underline; }
#tableRepartition input.texte { width: 38px; }

table tr td.delete { width: 20px; text-align: center; vertical-align: middle; background: transparent !important; }
table .colDelete { background: #fff; border: 0 !important}
table#performances .colDelete { background: #f2f2f2; }

/* STYLES COMMUNS */
#ariane { margin: 15px 0 10px 0; width: 750px; height: 16px; clear: both}
#ariane ul {clear: both}
#ariane li { display: inline; }
#ariane li a { text-decoration: underline; }
#ariane li.current { color: #ec7416; }
#ariane p { font-size: 13px;  }

.ok { background: url(../images/css/btn_ok.png) left top no-repeat; margin: 0 0 -1px 0; width: 17px; height: 17px; border: 0; cursor: pointer; font-size: 0; }

.lien { padding: 0 0 2px 8px; background: url(../images/css/picto_chevron_orange_petit.png) left 5px no-repeat; text-decoration: underline; }
.lien.current { font-weight: bold; color: #ec7416; text-decoration: none; }

hr.hidden { width: 100%; float: left; clear: both; visibility: hidden; }

.boutons { float: left; clear: both; width: 100%; text-align: center; }

/* boutons extensibles */
ul.synthese { float: left; clear: both; width: 556px; height: 25px; margin: 0 0 10px 6px; }
ul.synthese li { float: left; clear: none; margin-left: 10px; }
ul.synthese li a.bouton { display:-moz-inline-box; display:inline-block; margin:0; padding:0; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; border:0; background:none; }
ul.synthese li a.bouton span { position:relative; float:left; padding:0 0 0 10px; vertical-align:middle; background: url(../images/css/bouton_gris_fleche_left.png) left top no-repeat; }
ul.synthese li a.bouton span span { padding:0 10px 0 0; background: url(../images/css/bouton_gris_fleche_right.png) right top no-repeat; }
ul.synthese li a.bouton span span span { height:24px; padding:0 10px; line-height:1.5; background: url(../images/css/bouton_gris_fleche_centre.png) center top repeat; }
ul.synthese.particuliers li a:hover.bouton span, ul.synthese.particuliers li.current a.bouton span { background: url(../images/css/bouton_orange_fleche_left.png) left top no-repeat; color: #fff; }
ul.synthese.particuliers li a:hover.bouton span span, ul.synthese.particuliers li.current a.bouton span span { background: url(../images/css/bouton_orange_fleche_right.png) right top no-repeat; }
ul.synthese.particuliers li a:hover.bouton span span span, ul.synthese.particuliers li.current a.bouton span span span { background: url(../images/css/bouton_orange_fleche_centre.png) center top no-repeat; }
ul.synthese.monEspace li a:hover.bouton span, ul.synthese.monEspace li.current a.bouton span { background: url(../images/css/bouton_bleu_fleche_left.png) left top no-repeat; color: #fff; }
ul.synthese.monEspace li a:hover.bouton span span, ul.synthese.monEspace li.current a.bouton span span { background: url(../images/css/bouton_bleu_fleche_right.png) right top no-repeat; }
ul.synthese.monEspace li a:hover.bouton span span span, ul.synthese.monEspace li.current a.bouton span span span { background: url(../images/css/bouton_bleu_fleche_centre.png) center top no-repeat; }

/* boiteArrondie coins arrondis & bouton */
#cartouche { clear: both; margin: -10px 0 80px 0 }
.blocs.particuliers #cartouche { clear: both; margin: -14px -20px 50px 0 }
#cartouche .common_right_block { padding:0; float: right; clear:both; }
#cartouche .common_right_block .rnd_borders_top,
#cartouche .common_right_block .rnd_borders_bot { display:block; clear:both; background:transparent; font-size:1px; }
#cartouche .common_right_block .ln_01,
#cartouche .common_right_block .ln_02,
#cartouche .common_right_block .ln_03,
#cartouche .common_right_block .ln_04,
#cartouche .common_right_block .content { height:1px; display:block; overflow:hidden; background:#ec7416; border: 1px solid #ec7416; border-top:none; border-bottom:none; text-align: center; }
#cartouche .common_right_block .ln_02,
#cartouche .common_right_block .ln_03,
#cartouche .common_right_block .ln_04,
#cartouche .common_right_block .content { background: #fbf4ef; }
#cartouche .common_right_block .ln_01 { margin:0 5px 0 5px; border:none; }
#cartouche .common_right_block .ln_02 { margin:0 3px 0 3px; border-width:2px; }
#cartouche .common_right_block .ln_03 { margin:0 2px 0 2px; }
#cartouche .common_right_block .ln_04 {  height:2px; margin:0 1px 0 1px; }
#cartouche .common_right_block .content { margin: 0 0 0 0; padding:0 20px 0 20px; height:48px; }
#cartouche .common_right_block .content p { margin: 0 0 1px 0; }

.blocs.faq #cartouche .common_right_block .content { margin: 0 0 0 0; padding:0 20px 0 20px; height:34px; }

#cartouche .bouton a { float: left; border: 0; padding: 1px 5px 3px 20px; height: 19px; background: transparent url(../images/css/bouton_orange_left.png) left top no-repeat; }
#cartouche .bouton { float: left; clear: none; margin: 0 0 0 10px; font-size: 11px; font-weight: normal; color: #fff; cursor: pointer; width: auto; }
#cartouche .bouton span { background: url(../images/css/bouton_orange_right.png) right top no-repeat; display: block; float: left; clear: none; width: 10px; height: 19px; margin: 0 0 0 0; padding: 0; }

.bouton.bleu a { float: left; border: 0; padding: 1px 5px 3px 20px; height: 15px; background: transparent url(../images/css/bouton_bleu_left.png) left top no-repeat; color: #fff; text-decoration: none; }
.bouton.bleu { font-size: 11px; font-weight: normal; color: #fff; cursor: pointer; width: auto; }
.bloc.deux85 .bouton.bleu span, .bouton.bleu span { background: url(../images/css/bouton_bleu_right.png) right top no-repeat; display: block; float: left; clear: none; width: 10px; height: 19px; margin: 10px 0 0 0; padding: 0; }
.bloc.deux85 .bouton { margin: 10px 0 2px 75px; }


.blocs.faq #cartouche .bouton { float: left; clear: none; margin: 0 0 0 10px; }

.blocs.particuliers #cartouche .common_right_block .content { margin: 0 0 0 0; padding:0 5px 0 5px; height:26px; }
.blocs.particuliers #cartouche .common_right_block .content p { float: left; clear: none; margin: 0 0 1px 0; }
.blocs.particuliers #cartouche .bouton { margin: 2px 0 0 10px; }
.blocs.particuliers #cartouche .bouton span { margin: 2px 0 0 0; }
/* boiteArrondie coins arrondis & bouton */

/* BOITES */
.boite h1, .boite h2, .boite p {
	margin:0 10px;

}

.boite {
	background: transparent;
	margin:1em;

}
.xtop, .xbottom {
	display:block;
	background:transparent;
	font-size:1px;
}
/*.xtop {
margin-bottom: -2px;
}
.xbottom {
margin-top: -2px;
}*/
.xb1, .xb2, .xb3, .xb4 {
	display:block;
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	background:#fff;
	border-left:1px solid #0eacd3;
	border-right:1px solid #0eacd3;
}
.xb1 {
	margin:0 5px;
	background:#08c;
}
.xb2 {
	margin:0 3px;
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px;
	margin:0 1px;
}
.xboxcontent {
	display:block;
	background:#fff;
	border:0 solid #0eacd3;
	border-width:0 1px;

	text-align: center
}

.roundedBox.part { margin: 10px 10px 10px 0; text-align: left; width: 200px; }
.roundedBox.part.long { margin-top: -10px; }
.roundedBox.part .boite { float: left; margin: 5px 0 10px 370px; width: 175px; }
.roundedBox.part .xboxcontent { width: 173px; padding: 3px 0; margin: 0 0; }
.roundedBox.part.long .boite { float: left; margin: 5px 0 10px 240px; width: 320px; }
.roundedBox.part.long .xboxcontent { width: 318px; padding: 3px 0; }
.roundedBox.part.long .xboxcontent p { float: left; clear: none; width: 180px; margin: -5px 0; }
.roundedBox.part .boite { background: #fbf4ef; }
.roundedBox.part .xtop, .roundedBox.part .xbottom { display:block; background: #fbf4ef; font-size:1px; }
.roundedBox.part .xb2, .roundedBox.part .xb3, .roundedBox.part .xb4 { border-left:1px solid #ec7416; border-right:1px solid #ec7416; background: #fbf4ef; }
.roundedBox.part .xb1 { margin:0 5px; background:#ec7416; }
.roundedBox.part .xboxcontent { display:block; background:#fbf4ef; border:0 solid #ec7416; border-width:0 1px; }
.roundedBox.part .bouton a { float: left; border: 0; padding: 1px 5px 3px 20px; height: 19px; background: transparent url(../images/css/bouton_orange_left.png) left top no-repeat; }
.roundedBox.part .bouton { float: left; clear: none; margin: 0 0 0 15px; font-size: 11px; font-weight: normal; color: #fff; cursor: pointer; width: auto; }
.roundedBox.part .bouton span { background: url(../images/css/bouton_orange_right.png) right top no-repeat; display: block; float: left; clear: none; width: 10px; height: 19px; margin: 0 0 0 0; padding: 0; }
.roundedBox.part.long span.bouton { margin: 0 0 -5px 0; }

.blocs.faq .roundedBox.part .xboxcontent p,
.blocs.contact .roundedBox.part .xboxcontent p { margin: -5px 0; }
.blocs.faq .roundedBox.part .xboxcontent span.bouton,
.blocs.contact .roundedBox.part .xboxcontent span.bouton { margin-top: 5px; margin-bottom: -5px; }

/* PAGE ESPACE CIBLE */
/* bloc 2 colonnes */
.blocs.espaceCible.particuliers .bloc.deuxCol,
.blocs.espaceCible.epargne .bloc.deuxCol,
.blocs.espaceCible.instit .bloc.deuxCol { float: left; clear: none; margin: 0 0 0 12px; width: 299px; }
.blocs.espaceCible.particuliers .bloc.deuxCol h2,
.blocs.espaceCible.epargne .bloc.deuxCol h2,
.blocs.espaceCible.instit .bloc.deuxCol h2 { margin: 0 0 5px 0; padding: 3px 0 0 10px; width: 299px; height: 24px; border-bottom: none; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.blocs.espaceCible.particuliers .bloc.deuxCol .left,
.blocs.espaceCible.epargne .bloc.deuxCol .left,
.blocs.espaceCible.instit .bloc.deuxCol .left {float: left; clear: none; margin: 0 0 0 10px; padding-right: 10px; width: 250px; }
.blocs.espaceCible.particuliers .bloc.deuxCol .left,
.blocs.espaceCible.epargne .bloc.deuxCol .left,
.blocs.espaceCible.instit .bloc.deuxCol .left { background: none; }
.blocs.espaceCible.particuliers .bloc.deuxCol h3 { margin: 0; padding: 0 0 0 18px; color: #646464; text-transform: none; font-size: 13px; font-weight: bold; }
.blocs.espaceCible.particuliers .bloc.deuxCol .left p,
.blocs.espaceCible.particuliers .bloc.deuxCol .left .lien { display: block; margin: 8px 0 0 18px; }
.blocs.espaceCible.particuliers #container-1.container,
.blocs.espaceCible.epargne #container-1.container,
.blocs.espaceCible.instit #container-1.container { float: left; clear: none; width: 233px; margin: 20px 0 0 25px; }

.blocs.espaceCible.particuliers .bloc.deuxCol h2 { background: url(../images/css/fond-titre-colZoom-part.png) left top no-repeat; }
.blocs.espaceCible.epargne .bloc.deuxCol h2 { background: url(../images/css/fond-titre-colZoom-epargne.png) left top no-repeat; }
.blocs.espaceCible.instit .bloc.deuxCol h2 { background: url(../images/css/fond-titre-colZoom-instit.png) left top no-repeat; }
.blocs.espaceCible.particuliers .bloc.deuxCol h3 { background: url(../images/css/fleche-part.jpg) left 3px no-repeat;}
.blocs.espaceCible.epargne .bloc.deuxCol h3 { background: url(../images/css/fleche-epargne.jpg) left 3px no-repeat;}
.blocs.espaceCible.instit .bloc.deuxCol h3 { background: url(../images/css/fleche-instit.jpg) left 3px no-repeat;}

.blocs.espaceCible.particuliers .bloc.contenuCentre.offre h2 { background: url(../images/css/bg_h2_colPart.jpg) left top no-repeat;}
.blocs.espaceCible.epargne .bloc.contenuCentre.offre h2 { background: url(../images/css/bg_h2_colEpargne.jpg) left top no-repeat;}
.blocs.espaceCible.instit .bloc.contenuCentre.offre h2 { background: url(../images/css/bg_h2_colInstit.jpg) left top no-repeat;}

.blocs.espaceCible .colRight { width: 234px; float: right; clear: none; overflow: hidden }
.blocs.espaceCible .bloc.fondG { float: left; clear: both; margin: 0 0 5px 0; padding: 3px 0 0 0; background: url(../images/css/bg_bloc_fond_gris_234_top.png) left top no-repeat; }
.blocs.espaceCible .bloc.fondG .bg_bottom { display: block; width: 234px; height: 15px; background:  url(../images/css/bg_bloc_fond_gris_234_bottom.png) left bottom no-repeat; }
.blocs.espaceCible .bloc.fondG p { margin: 10px 10px 15px 15px; width: 210px; }

.blocs.espaceCible.particuliers .boutons,
.blocs.espaceCible.epargne .boutons,
.blocs.espaceCible.instit .boutons { text-align: center; width: 234px; }
.bouton.espace a { float: left; border: 0; padding: 1px 5px 3px 28px; height: 15px; color: #fff; text-decoration: none; }
.bouton.espace { font-size: 11px; font-weight: normal; color: #fff; cursor: pointer; }
.bouton.espace span { display: block; float: left; clear: none; width: 10px; height: 19px; margin: 0 0 0 0; padding: 0; }
.blocs.espaceCible.particuliers .bouton.espace a { background: transparent url(../images/css/btn_test_part_left.png) }
.blocs.espaceCible.particuliers .bouton.espace span { background: url(../images/css/btn_test_part_right.png) right top no-repeat; }
.blocs.espaceCible.epargne .bouton.espace a { background: transparent url(../images/css/btn_test_epargne_left.png) }
.blocs.espaceCible.epargne .bouton.espace span { background: url(../images/css/btn_test_epargne_right.png) right top no-repeat; }
.blocs.espaceCible.instit .bouton.espace a { background: transparent url(../images/css/btn_test_instit_left.png) }
.blocs.espaceCible.instit .bouton.espace span { background: url(../images/css/btn_test_instit_right.png) right top no-repeat; }

.blocs.epargne .sidebar.left h2 { background: url(../images/css/bg_h2_pages_colGauche_epargne.jpg) left top no-repeat; }
.blocs.instit .sidebar.left h2 { background: url(../images/css/bg_h2_pages_colGauche_instit.jpg) left top no-repeat; }
.blocs .sidebar.left h3 { margin: 0 0 1px 0; padding: 3px 0 2px 10px; background: #ec7316; font-weight: bold; color: #fff; }
.blocs.particuliers .sidebar.left h3 { background: #ec7316; }
.blocs.epargne .sidebar.left h3 { background: #008546; }
.blocs.instit .sidebar.left h3 { background: #22427b; }
.page .blocs.espaceCible.particuliers .sidebar.left ul.menuGauche li a { background: #e7e7e7 url(../images/css/picto_chevron_orange_petit.png) 3px 7px no-repeat;}
.page .blocs.espaceCible.epargne .sidebar.left ul.menuGauche li a { background: #e7e7e7 url(../images/css/picto_chevron_epargne_petit.png) 3px 7px no-repeat;}
.page .blocs.espaceCible.instit .sidebar.left ul.menuGauche li a { background: #e7e7e7 url(../images/css/picto_chevron_instit_petit.png) 3px 7px no-repeat;}
.page .blocs.espaceCible.particuliers .lien,
.page .blocs.espaceCible.particuliers .menuOffre li a { background-image: url(../images/css/picto_chevron_orange_petit.png);}
.page .blocs.espaceCible.epargne .lien,
.page .blocs.espaceCible.epargne .menuOffre li a { background-image: url(../images/css/picto_chevron_epargne_petit.png);}
.page .blocs.espaceCible.instit .lien,
.page .blocs.espaceCible.instit .menuOffre li a { background-image: url(../images/css/picto_chevron_instit_petit.png);}

/* NEWSLETTER */
.bloc.trois44 { float: left; clear: none; margin: 20px 13px 5px 0; padding: 3px 0 0 0; width: 344px; background: url(../images/css/bg_newsletter_top.png) left top no-repeat; }
.bloc.trois44 .bg_bottom { display: block; height: 50px; width: 344px; background: url(../images/css/bg_newsletter_bottom.png) left top no-repeat; }

/* COULEURS */
.specs h4,
.blocs.particuliers .bloc.contenu h2, .blocs.particuliers .bloc.contenu h3 { color: #ec7316; }
.blocs.epargne .bloc.contenu h2, .blocs.epargne .bloc.contenu h3 { color: #008546; }
.blocs.instit .bloc.contenu h2, .blocs.instit .bloc.contenu h3 { color: #22427b; }

.blocs.particuliers .bloc.contenu h4 { border-bottom: 1px solid #ec7316; color: #ec7316;  }
.blocs.epargne .bloc.contenu h4 { border-bottom: 1px solid #008546; color: #008546; }
.blocs.instit .bloc.contenu h4 { border-bottom: 1px solid #22427b; color: #22427b; }

.blocs.instit .bloc.contenu .specs .lien { padding: 0 0 2px 8px; background: url(../images/css/picto_chevron_instit_petit.png) left 5px no-repeat; }
.blocs.epargne .bloc.contenu .specs .lien { padding: 0 0 2px 8px; background: url(../images/css/picto_chevron_epargne_petit.png) left 5px no-repeat; }

/* Bloc Mon espace Réseaux */
.sidebar.right .bloc.espace h2.courtier
{
	font-size:12px;
}

.right .espace .warning
{
	margin-left:4px;
    background-color: #EFEFEF;
    width: 162px;
    font-weight: bold;
    color: #FF0000;
}
