/*definition generales*/
body{
behavior: url(../htc/csshover.htc);
height:100%;
width:100%;
background-color:#123d59;
padding:0px;
margin:0px;
text-decoration:none;
font-size:12px;
}

#conteneur_home { 
background-color:#FFFFFF;
margin:0px auto;
padding:0px 14px;
text-align:left;
width:974px;
}

a{
font-family:arial;
color:#336699;
text-decoration:none;
font-size:100%;
}

a:hover{
font-family:arial;
color:#ff1f3d;
text-decoration:underline;
}

/*p {
text-align:justify;
}*/

h1{
float:left;
width:100%;
font-family:arial;
font-weight:bold;
font-size:18px;
color:#123d59;
margin:20px 0px 17px 0px;
}

h2{
font-family:arial;
font-weight:bold;
font-size:16px;
color:#123d59;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 7px;
background-image: url(../imgs/commun/point_rouge.gif); 
background-repeat: no-repeat;
background-position: 0% 7px;
}

h3{
font-family:arial;
font-weight:bold;
font-size:14px;
color:#123d59;
margin:25px 0px 5px 0px;
padding:0px 0px 0px 10px;
background-image: url(../imgs/commun/chevron_rouge.gif);
background-repeat: no-repeat;
background-position: 0% 6px;
}

/***pour eviter de passer des h2 aux h4 ds la hierarchie des pages, notamment la page presentation reco webformance***/
h3.presentation{
font-size:12px;
font-family:arial;
color:#000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 7px;
background-image: url(../imgs/commun/puce_noire.gif);
background-repeat: no-repeat;
background-position: 0% 6px;
}
/***fin reco***/


h4{
font-size:12px;
font-family:arial;
color:#000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 7px;
background-image: url(../imgs/commun/puce_noire.gif);
background-repeat: no-repeat;
background-position: 0% 6px;
}

h1 .chevron {
color:#ff1f3d;
}

h1 .fil_ariane {
font-size:18px;
font-weight:normal;
}

#centre p{
font-family:arial;
color:#000;
margin: 0px 0px 0px 0px;
padding:0px;
}

#centre ul{
display:block;
float:left;
list-style-type: none;
padding: 0px;
font-family: arial;
font-size: 12px;
font-weight: normal;
width:100%;
}

#centre ul li{
background-image: url(../imgs/commun/puce_noire.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding: 0px 6px 0px 7px;
margin: 0px 0px 0px 0px;
color:#000;
display:list-item;
}

.copyright{
float:left;
margin:0px;
padding:0px;
}

ul{
float:right;
list-style-type: none;
padding: 0px;
margin: 0px;
font-family: arial;
font-size: 9px;
font-weight: bold;
width:auto;
}

ul li{
padding: 0px 6px 0px 1px;
margin: 0px;
display: inline;
color:#336699;
}

ul li.sep{
background-image:url(../imgs/commun/separateur_nav_footer.gif);
background-position:96% 2px;
background-repeat:no-repeat;
}

ul a {
color:#336699;
text-decoration:none;
}

ul a:hover{
color:#FF1F3D;
text-decoration:none;
}
/*fin definitions generales*/


/*header specifique a la home */
#header_home{
height:47px;
width:972px;
padding: 20px 0px 0px 0px;
margin:0px;
}

/*construction de la structure de page*/
#header{
background:#fff;
height:77px;
margin:0px auto;
padding:20px 20px 0px 20px;
width:962px;
}

#menu_gauche{
float:left;
width:176px;
height:425px;
left:5px;
margin:0px;
padding:0px;
position:absolute;
top:125px;
}

#menu_droit{
position:absolute;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
width:165px;
text-align:left;
top: 125px;
right: 14px;
}

#footer{
clear:both;
background-color:#fff;
height:10px;
margin:0px auto;
padding:10px;
width:982px;
}
/*fin definition de la structure*/


/*definition du header*/
#nav_recherche{
float:left;
height:32px;
width:974px;
margin:0px 0px 4px 0px;
padding:0px;
}

#nav_rubrique{
background-image:url(../imgs/commun/nav_bulles.gif);
background-position:530px bottom;
background-repeat:no-repeat;
float:left;
height:41px;
padding:0px;
width:942px;
}

/**definiton elements menu gauche*/
.title_federis{
border:0px;
margin: 15px 0px 0px 20px;
}

.picto_conseil{
border:0px;
margin: 26px 0px 0px 41px;
}

.picto_info{
border:0px;
margin: 22px 0px 0px 28px;
}

.picto_info{
border:0px;
margin: 22px 0px 0px 28px;
}

.picto_suivi{
border:0px;
margin: 22px 0px 0px 47px;
}


/**surcharge des listes couleurs bleues et separateurs rouge du header - calage en hauteur**/
#header ul{
margin-top:9px;
}

/**definiton elements menu droit**/
/*#menu_droit a {
display:block;
}*/

#menu_droit .newsletter{
display:block;
font-family:arial;
font-weight:bold;
color:#123d59;
font-size:140%;
margin:10px 0px 7px 10px;
}

#menu_droit .img_news{
margin:0px 0px 2px 10px;
border:0px;
}

#menu_droit .titre{
font-family:arial;
float:left;
font-size: 90%;
color:#000000;
font-weight:bold;
font-size:11px;
margin:0px 0px 0px 10px;
width: 145px;
}

#menu_droit .texte{
font-family:arial;
float:left;
color:#000000;
font-weight:normal;
font-size:11px;
margin:0px 0px 0px 10px;
width: 145px;
}

#menu_droit .lien{
float:left;
font-family:arial;
color:#336699;
font-weight:bold;
font-size:90%;
margin:0px 0px 7px 10px;
text-decoration:none;
width:145px;
}

#menu_droit .lien:hover{
color:#ff1f3d;
text-decoration:underline;
}

#menu_droit .lien_chevron{
color:#ff1f3d;
font-weight:bold;
font-size:100%;
margin:0px 0px 0px 10px;
text-decoration:none;
}

#menu_droit .img_slogan{
float:left;
margin:7px 0px 15px 10px;
}


#menu_droit .img_iso{
float:left;
margin:7px 0px 15px 10px;
}

#menu_droit .texte_general{
font-family:arial;
float:left;
width:145px;
color:#000;
font-size:90%;
margin:0px 0px 0px 10px;
}

#menu_droit .texte_general_iso{
font-family:arial;
float:left;
width:145px;
color:#000;
font-size:90%;
margin:0px 0px 0px 10px;
}

#menu_droit .text_info{
font-family:arial;
float:left;
font-weight:bold;
color:#123d59;
font-size:120%;
margin:18px 0px 0px 10px;
width:145px;
}

#menu_droit .titre .text_info{
font-family:arial;
float:left;
font-weight:bold;
color:#123d59;
font-size:130%;
margin:18px 0px 0px 10px;
width:145px;
}

#menu_droit .titre .text_info_iso{
font-family:arial;
float:left;
font-weight:bold;
color:#123d59;
font-size:130%;
margin:18px 0px 0px 10px;
width:145px;
}

#menu_droit .texte_miseajour_iso{
font-family:arial;
float:left;
width:145px;
color:#000;
font-size:90%;
margin:0px 0px 0px 20px;
}

#menu_droit .bouton_info{
border:0px;
float:left;
margin:5px 0px 15px 28px;
}

#menu_droit  .bouton_info_iso       {
border:0px;
float:left;
margin:5px 0px 15px 40px;
}

#menu_droit .img_zoom{
border:0px;
margin: 10px 0px 10px 107px;	
}

#menu_droit .img_plan{
border:0px;
margin: 20px 0px 0px 0px;
}

#menu_droit .coordonnees{
font-family:arial;
color:#123d59;
font-size:100%;
margin:0px 0px 0px 10px;
}

/*elements du header */
               /*1er niveau du header*/
#header .logo_federis{
position:relative;
float:left;
border:0px;
}

#header form{
float:left;
width:auto;
padding:3px 0px 0px 126px;
}

#header label{
font-family:arial;
font-size:11px;
color:#123d59;
}

#header input{
border:1px solid #123d59;
background-color:#f5fad1;
height:14px;
width:104px;
font-family:arial;
font-size:90%;
color:#123d59;
margin:0px 3px;
padding:2px;
}

#header .btn_ok{
background:#FFFFFF;
clear:left;
width:25px;
height:16px;
border:0px;
margin:-6px 0px;
}


			/*elements du de la nav rubrique du header */
#nav_rubrique .btn_mon_compte{
border:0px none;
float:left;
margin:0px 0px 0px 0px;
}

#nav_rubrique ul{
float:right;
font-size:9px;
margin:23px 172px 0px 0px;
padding:0px;
}

#nav_rubrique ul li{
padding:0px 20px;
}

#nav_rubrique ul li a{
color:#FFFFFF;
}

#nav_rubrique ul li a:hover{
color:#FFFFFF;
}

/* la liste avec les fond orange - bleu - pourpre*/ 
#nav_rubrique .epargne_retraite{
background-image:none;
padding-left:56px;
padding-right:23px;
}

#nav_rubrique .epargne_salariale{
background-image:none;
padding-left:0px;
padding-right:50px;
}

#nav_rubrique .epargne_temps{
background-image:none;
padding-left:0px;
padding-right:0px;
}


			/*elements du de la nav rubrique du header */
/*fin elements du header general*/


/*elements du header specifique home*/
#header_home .logo_federis{
position:relative;
float:left;
border:0px;
}

#header_home form{
float:left;
width:auto;
padding:3px 0px 0px 126px;
}

#header_home label{
font-family:arial;
font-size:11px;
color:#123d59;
}

#header_home input{
border:1px solid #123d59;
background-color:#f5fad1;
height:14px;
width:104px;
font-family:arial;
font-size:90%;
color:#123d59;
margin:0px 3px;
padding:2px;
}

#header_home .btn_ok{
clear:left;
border:0px;
margin:-4px 0px;
}
/*fin definition elements du header specifique home*/


#centre_home{
float:left;
width:697px;
height:504px;
margin:0px;
}

#footer_home{
float:left;
width:972px;
padding: 0px;
margin: 13px 0px 10px 0px;
}

#header_home ul {
margin-top: 8px
}


/*elements du contenu home*/
#contenu_home{
background-image: url(../imgs/home/background_home.jpg);
text-align:left;
width:972px;
margin:0px auto;
height:504px;
}

.titre_home{
position:absolute;
float:left;
padding: 0px;
margin: 23px 0px 0px 0px;
border:0px;
}

.btn_epargne_temps{
position:absolute;
float:left;
margin: 279px 0px 0px 112px;
border:0px;
}

.btn_epargne_salariale{
position:absolute;
float:left;
margin: 186px 0px 0px 378px;
border:0px;
}

.btn_epargne_retraite{
position:absolute;
float:left;
margin: 325px 0px 0px 349px;
border:0px;
}
/*fin elements du contenu home*/



/*elements du menu gauche specifique home*/
#menu_gauche_home{
float:left;
width:150px;
height:424px;
padding: 0px;
margin:0px 124px 0px 0px;
}

#menu_gauche_home a{
display:block;
}

#menu_gauche_home h1{
float:none;
width:auto;
color:#123D59;
font-family:arial;
font-size:140%;
font-weight:bold;
margin:50px 0px 10px 20px;
}

#menu_gauche_home h2{
background-image:none;
color:#ff1f3d;
font-family:arial;
font-size:100%;
font-weight:bold;
margin:0px 0px 0px 15px;
}

/* Ajout du menu gauche home Corinne PIROT 02 02 2012*/
#menu_gauche_home .texte-grose{
background-image:none;
color:#ff3399;
font-family:arial;
font-size:100%;
font-weight:bold;
margin:60px 0px 0px 15px;
}

#menu_gauche_home .texte-gvb{
color:#336699;
font-family:arial;
font-size:100%;
font-weight:bold;
margin:0px 0px 20px 22px;
}
/* fin Ajout du menu gauche home Corinne PIROT 02 02 2012*/


#menu_gauche_home p{
color:#123D59;
font-family:arial;
font-size:100%;
font-weight:bold;
margin:0px 0px 20px 22px;
}



#menu_gauche_home h2 a{
background-image:none;
color:#ff1f3d;
font-family:arial;
font-size:100%;
font-weight:bold;
margin:0px 0px 0px 0px;
}

#menu_gauche ul{
float:left;
}

#menu_gauche_home .texte_rouge_gauche{
color:#fc4857;
font-family:arial;
font-size:90%;
font-weight: bold;
}

#menu_gauche_home .bouton_info{
border:0px none;
margin:20px 0px 0px 18px;
}

#menu_gauche_home .btn_mon_compte{
border:0px none;
float:left;
margin:0px 0px 0px -1px;
}
/* fin definition elements du menu gauche home*/


/*nav des sous rubriques par espace - cette nav a deux niveaux ou un seul ou n'apparait pas du tout*/
#nav_sousrubriques1{
font-weight:bold;
position:relative;
float:left;
background-image: url(../imgs/commun/double_filet.gif);
background-repeat: repeat-x;
background-position: top;
height:25px;
width: 100%;
margin:12px 0px 0px 0px;
padding:2px 0px 0px 0px;
}

#nav_sousrubriques1 ul{
float:left;
width:100%;
font-size: 11px;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
width:100%;
}

#nav_sousrubriques1 ul li{
background-image:none;
font-weight:bold;
display:inline;
color:#ff1f3d;
padding:0px 10px 0px 10px;
}

#nav_sousrubriques1  ul li.sep{
font-weight:bold;
display:inline;
background-image: url(../imgs/commun/separateur_navsousrubr.gif);
background-repeat: no-repeat;
background-position:right;
}

#nav_sousrubriques1 ul li.premier_sep{
font-weight:bold;
display:inline;
background-image: url(../imgs/commun/separateur_navsousrubr.gif);
background-repeat: no-repeat;
background-position:right;
margin:0px 0px 0px -10px;
}


	/*quand ya deuxieme niveau*/
#nav_sousrubriques2{
font-weight:bold;
position:relative;
float:left;
background-image: url(../imgs/commun/filet_gris.gif);
background-repeat: repeat-x;
background-position: bottom;
height:24px;
width: 100%;
margin:0px 0px 25px 0px;
padding:2px 0px 0px 0px;
}

#nav_sousrubriques2 ul{
float:left;
width:auto;
font-size: 11px;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
width:100%;
}

#nav_sousrubriques2 ul li{
background-image:none;
font-weight:bold;
display:inline;
color:#ff1f3d;
padding:0px 15px 0px 10px;
}

#nav_sousrubriques2 ul li.sep{
display:inline;
background-image: url(../imgs/commun/separateur_navsousrubr.gif);
background-repeat: no-repeat;
background-position:right;
}

#nav_sousrubriques2 ul li.premier_sep{
font-weight:bold;
display:inline;
background-image: url(../imgs/commun/separateur_navsousrubr.gif);
background-repeat: no-repeat;
background-position:right;
margin:0px 0px 0px -10px;
}

hr.filet_gris{
clear:both;
margin:10px 0px 30px 0px;
padding:0px;
visibility: visible;
border:0px;
height:2px;
background-color: #cccccc;
color: #cccccc;
}

/*definition de la nav actualites suivant-precedent*/
.nav_actualite{
float:left;
width:490px;
background-image: url(../imgs/corpo/filet_double_gris.gif);
background-repeat: repeat-x;
background-position: bottom;
height:25px;
margin:20px 0px;
padding: 10px 0px 0px 0px;
}

.nav_actualite .nav_actu_prec{
float:left;
background-image: url(../imgs/commun/chevron_prec.gif);
background-repeat: no-repeat;
background-position: left;
margin:0px;
padding: 0px 0px 0px 15px;
font-family:arial;
font-size:90%;
color:#336699;
font-weight:bold;
text-decoration:none;
}

.nav_actualite .nav_actu_suiv{
float:right;
background-image: url(../imgs/commun/chevron_suiv.gif);
background-repeat: no-repeat;
background-position: right;
padding: 0px 15px 0px 0px;
margin: 0px 0px 0px 0px;
font-family:arial;
font-size:90%;
color:#336699;
font-weight:bold;
text-decoration:none;
}

.nav_actualite .nav_actu_prec:hover{
font-size:90%;
color:#ff1f3d;
text-decoration:underline;
}

.nav_actualite .nav_actu_suiv:hover{
font-size:90%;
color:#ff1f3d;
text-decoration:underline;
}

/*definiton des titres corps de texte*/
#centre h1{
margin:20px 0px 15px 0px;
}

#centre h2{
padding:0px;
/*padding:0px 0px 0px 10px;
background-image: url(../imgs/commun/chevron_rouge.gif);
background-repeat: no-repeat;
background-position: 0% 6px;*/
background-image:none;
color:#123D59;
font-family:arial;
font-size:16px;
font-weight:bold;
margin:20px 0px 5px 0px;
}

#centre h3{
font-size:12px;
font-family:arial;
color:#000;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 7px;
background-image: url(../imgs/commun/puce_noire.gif);
background-repeat: no-repeat;
background-position: 0% 6px;
}


h2 a:hover{
color:#ff1f3d;
text-decoration:underline;
}

hr{
margin:0px;
padding: 0px;
clear: both;
visibility: hidden;
}

hr.noback{
margin:0px;
padding: 0px;
clear: both;
visibility: hidden;
}

/*mise en page rubriques infos et actus*/
#centre_info h2{
float:left;
width:490px;
color:#123D59;
font-family:arial;
font-size:16px;
font-weight:bold;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

h2.info{
float:left;
width:490px;
font-family:arial;
font-weight:bold;
font-size:14px!important;
color:#123d59;
margin:10px 0px 5px 0px!important;
padding:0px 0px 0px 10px!important;
background-image: url(../imgs/commun/chevron_rouge.gif);
background-repeat: no-repeat;
background-position: 0% 6px;
}


#centre_info h2.infosanslien{
background-image: none;
color:#123D59;
font-family:arial;
font-size:12px;
font-weight:bold;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

#centre_info h2.nopuce{
background-image: none;
color:#FF1F3D;
font-weight:bold;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

#centre_info h3{
float:left;
width:490px;
font-family:arial;
font-weight:bold;
font-size:14px;
color:#123d59;
margin:10px 0px 5px 0px;
padding:0px 0px 0px 10px;
background-image: url(../imgs/commun/chevron_rouge.gif);
background-repeat: no-repeat;
background-position: 0% 6px;
}

h3.info{
float:left;
width:490px;
font-family:arial;
font-weight:bold;
font-size:12px!important;
color:#000!important;
margin:10px 0px 5px 0px;
padding:0px 0px 0px 10px;
background-image: url(../imgs/commun/point_rouge.gif)!important;
background-repeat: no-repeat;
background-position: 0px 6px;
}

#centre_info h4{
float:left;
width:490px;
background-image:none;
color:#000000;
font-family:arial;
margin:15px 0px 0px 2px;
padding:0px 0px 0px 0px;
}

#centre_info h5{
width:490px;;
float:left;
font-size:12px;
background-image:none;
color:#000000;
font-family:arial;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 10px;
}

#centre_info p.niveau5{
background-image: url(../imgs/commun/point_rouge.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
color:#000000;
font-family:arial;
margin:0px 0px 0px 22px;
padding:0px 0px 0px 7px;
}


#centre_info h2 a{
background-image: url(../imgs/commun/chevron_suiv.gif);
background-repeat: no-repeat;
background-position: right 6px;
padding-right:15px;
font-size:80%;
color:#376797;
font-family:arial;
}

#centre_info h2 a:hover{
background-image: url(../imgs/commun/chevron_suiv.gif);
font-size:80%;
color:#ff1f3d;
text-decoration:underline;
}

#centre_info h2.info a{
font-size:14px;
background-image: none;
}

#centre_info h2.info a:hover{
font-size:14px;
background-image: none;
text-decoration:underline;
}

#centre_info p {
float:left;
background-image: url(../imgs/commun/point_rouge.gif);
background-repeat: no-repeat;
background-position: 10px 6px;
color:#000000;
font-family:arial;
margin:0px 0px 20px 3px ;
padding: 0px 0px 0px 17px;
width:473px;
margin:0px 0px 20px 3px ;
padding: 0px 0px 0px 17px;
}

#centre_info p.nopuce {
float:left;
background-image:none;
color:#000000;
font-family:arial;
margin:0px;
width:473px;
}

#centre_info p.nopucebreak {
float:left;
width:490px;
background-image:none;
color:#000000;
font-family:arial;
margin:0px 0px 15px -17px;
}

.date{
float:left;
background-image:none!important;
display:inline;
color:#000;
font-family:arial;
font-size:90%;
font-weight:bold;
margin:0px 0px 3px 0px!important;
padding:0px!important;
}

#centre_info ul {
display:block;
border-bottom-color:#000000;
float:left;
width:490px;
font-weight:normal;
font-size:12px;
margin-bottom:10px;
}

#centre_info ul li {
background-image: url(../imgs/commun/point_rouge.gif);
background-repeat: no-repeat;
background-position: 10px 6px;
padding: 0px 6px 0px 17px;
margin: 0px 0px 0px 2px;
color:#000;
display:list-item;
}


/*gestion du menu sur le bouton mon compte de la home - menu gauche*/
div#menu {
padding:0px;
margin:0px 0px 0px -2px;
width: 96px;
height:16px;
}

div#menu ul {
margin:16px 0px 0px 22px;
float:left;
padding: 0px;
width:92px;
}

div#menu li.sousmenu{
height:16px;
}

div#menu ul li {
display:list-item;
position:relative;
list-style: none;
}

div#menu ul ul {
border-bottom:1px solid;
float:left;
position: absolute;
top:0px;
left:-20px;
display:none;
}

div#menu ul.niveau2 li {
border-right:1px solid #000;
border-top:1px solid #000;
border-left:1px solid #000;
padding:2px 0px 2px 2px;
}

div#menu li a {
font-family:Arial;
font-size:10px;
color:#123d59;
margin:0px;
font-family:arial;
color:#000;
text-decoration: none;
}

div#menu li a:hover {
background: #ff1f3d;
font-family:Arial;
font-size:10px;
color:#fff;
text-decoration:none;
}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
} 

/*gestion des rollovers avec prise en compte bug ie*/
div#menu li:hover{
background: #fff;
}

div#menu li.sousmenu:hover{
background: #ff1f3d;
}

div#menu ul.niveau2 li
{
background: #fff;
}

div#menu ul.niveau2:hover li:hover {
background: #ff1f3d;
}


/*gestion du menu sur le bouton mon compte de la home - menu droit*/
div#menu_news {
float:left;
margin:9px 0px 0px 10px;
width:150px;
height:16px;
}

div#menu_news .niveau1{
float:left;
}

div#menu_news ul{
float:left;
padding:0px;
width:150px;
margin:0px;
}

div#menu_news li.sousmenu{
height:16px;
}

div#menu_news ul li{
display:list-item;
position:relative;
list-style: none;
}

div#menu_news ul ul{
border-bottom:1px solid #000;
float:left;
position: absolute;
top:15px;
left:0px;
display:none;
}

div#menu_news ul.niveau2 li{
border-right:1px solid #000;
border-top:1px solid #000;
border-left:1px solid #000;
padding:2px 0px 2px 5px;
}

div#menu_news li a{
font-family:Arial;
font-size:10px;
margin:0px;
font-family:arial;
color:#000;
text-decoration: none;
}

div#menu_news li a:hover{
font-family:Arial;
font-size:10px;
text-decoration:none;
}

div#menu_news ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu_news ul.niveau2 li.sousmenu:hover ul.niveau3{
display:block;
} 

/*gestion des rollovers avec prise en compte bug ie*/

div#menu_news ul.niveau1{
border:1px solid #000;
background-color:#ffffff;
}

div#menu_news ul.niveau1 .titre_liste{
position:absolute;
margin:1px 0px -5px 5px;
}


div#menu_news li:hover{
background: #fff0ca;
}

/* ce css est uniquement present pour permettre le vbon fonctionnement des liens sous ie6*/
div#menu_news li li{
width:144px;
}
/**/

div#menu_news li.sousmenu:hover{
background: #fff;
}

div#menu_news ul.niveau2 li
{
background: #ffe37c;
}

div#menu_news ul.niveau2:hover li:hover {
background: #fff0ca;
}


/*gestion du bouton mon compte et menu deroulant ds le header*/
div#nav_rubrique div#menu{
float:left;
position:absolute;
margin:10px 0px 0px 0px;
padding:0px;
width:94px;
height:16px;
}

div#nav_rubrique div#menu ul {
margin:0px;
float:left;
padding: 0px;
width:96px;
}

div#nav_rubrique div#menu li.sousmenu{
height:16px;
}

div#nav_rubrique div#menu ul li {
display:list-item;
position:relative;
list-style: none;
padding:0px;
}

div#nav_rubrique div#menu ul ul {
border-bottom:1px solid #4a6c77;
float:left;
position: absolute;
top:16px;
left:0px;
display:none;
}

div#nav_rubrique div#menu ul.niveau2 li {
border-right:1px solid #4a6c77;
border-top:1px solid #4a6c77;
border-left:1px solid #4a6c77;
padding:2px 0px 2px 5px;
}

div#nav_rubrique div#menu li a {
font-family:Arial;
font-size:10px;
color:#123d59;
margin:0px;
font-family:arial;
color:#4a6c77;
text-decoration: none;
}

div#nav_rubrique div#menu li a:hover {
background: #ff1f3d;
font-family:Arial;
font-size:10px;
color:#fff;
text-decoration:none;
}

div#nav_rubrique div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#nav_rubrique div#menu ul.niveau2 li.sousmenu:hover ul.niveau3{
display:block;
} 

/*gestion des rollovers avec prise en compte bug ie*/
div#nav_rubrique div#menu li:hover{
background: #fff;
}

div#nav_rubrique div#menu li.sousmenu:hover{
background: #ff1f3d;
}

div#nav_rubrique div#menu ul.niveau2 li{
background: #fff;
}

div#nav_rubrique div#menu ul.niveau2:hover li:hover {
background: #ff1f3d;
}


/*mise en forme des centres de page*/
#centre, #centre_info, #centre_lien, #centre_form, #centre_recherche, #centre_plan, #centre_lexique{
text-align:left;
min-height:500px;
width:502px;
padding: 15px 258px 50px 242px;
margin:0px auto;
}

#centre_plan{
text-align:left;
min-height:520px;
width:542px;
padding: 15px 247px 50px 212px;
margin:0px auto;
}

#fil_dariane{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:5px;
width:490px;
}


/*insertion images dans les pages infos*/
.img_actu_gauche {
float:left;
margin: 0px 7px 0px 0px;
width:122px;
height:88px;
}

.img_actu_droite {
float:right;
margin: 0px 0px 0px 7px;
width:122px;
height:88px;
}


#graphe {
border:1px solid #123d59;
position:absolute;
visibility:hidden;
z-index:10;
top:100px;
margin:0px 0px 0px 240px;
height:640px;
width:565px;
padding:0px;
background-color:#e8f6a6;
}

/* Ajout du Graphe RIB - BIC/IBAN Corinne PIROT 02 02 2012*/

#grapheIBAN {
border:1px solid #123d59;
position:absolute;
visibility:hidden;
z-index:10;
top:1113px;
margin:0px 0px 0px 240px;
height:233px;
width:629px;
padding:0px;
background-color:#e8f6a6;
}
/*Fin Ajout du Graphe RIB - BIC/IBAN Corinne PIROT 02 02 2012*/


/*affichage du plan des pages contacts */

#plan {
position:absolute;
visibility:hidden;
top:185px;
margin:0px 0px 0px 230px;
height:470px;
width:485px;
padding:0px;
background-color:#e8f6a6;
}

.btn_close{
float:right;
margin-top:6px;
margin-right:3px;
border:0px;
}

.rappel{
float:left;
width:490px;
font-size:10px;
background-image: none!important;
color:#000000;
font-family:arial;
margin:0px 0px 32px 22px;
padding:0px 0px 0px 7px;
}

/*mises a jour*/
/*page de redirections compte epargne - accès securisé*/

#centre_info .liste_acces_securise {
height:45px;
margin:10px 0px 45px 0px;
}

#centre_info .liste_acces_securise li {
list-style-type:none;
list-style-image:none;
background-image:none;
display:inline;
float:left;
padding:0px;
}

.drapeaux_francais{
display:block;
height:45px;
background-image: url(../imgs/corpo/drapeaux_francais.gif);
background-repeat: no-repeat;
padding:15px 0px 0px 65px;
background-position: 0px 0px;
margin-right:60px;
}

.drapeaux_anglais{
display:block;
height:45px;
background-image: url(../imgs/corpo/drapeaux_anglais.gif);
background-repeat: no-repeat;
padding:15px 0px 0px 65px;
background-position: 0px 0px;
}