/**
 * design/bdp/stylesheets/bdp-layout.css
 *
 * Feuille de style pour le layout.
 *
 * @version   1.0
 * @author    OVEA <contact@ovea.com>
 * Pierre Viala
 * @copyright copyright 2006, OVEA
 */
body
{
  margin:           0;
  padding:          0;
  background:       #FFFFFF;
  font-size:        11px;
  font-family :     Times;
}


#totale
{
  width:            100%;
}

/*  On doit pouvoir gerer toute les résolutions */
#page
{
  margin:           0 auto 0 auto;
  padding:          0;
  width:            810px;
  border:           3px solid #edeeef;
}

#header
{
  margin:           0;
  padding:          0;
  height:           100px;
  /*border:             1px solid red;*/
}

img#logo
{
  float:            left;
  margin:           5px 0 0 20px;
  border:           none;
}

img#slogan
{
  float:            left;
  margin:           5px 0 0 40px;
  border:           none;
}


/* Gestion bannière flash */

div#banniere
{
  margin:           10px 0 0 0;
  padding:          0;
  width:            468px; 
  height:           60px;
  float:            left;
  font-size:        11px;
   
}

div#lettre
{
  margin:           15px 0 0 15px;
  padding:          0;
  font-size:        11px;
  float:            left;
}

#login_form
{
  margin:  0 0 0 0;
    padding: 0;
}

#mailing_list
{
  margin:  0 0 0 0;
  padding: 0;
  border: 1px solid #27335d;
  color:  #666666;
  font-size:11px;
  font-family :     Times;
}

#bout_ok
{
  margin:           0 0 0 0;
  padding:          0;
}
/* Gestion navigation horizontale */

/* Toutes les listes */

ul#nav 
{ 
  
  padding:          0;
  margin:           0;
  list-style:       none;
  width:            100%;
}

/* Tous les éléments de liste */
ul#nav li 
{ 
  background:       url('/images/layout/onglet_repet.gif');
  height:           38px;
  line-height:      38px;
  float:            left;
  margin:           0 0 0 0;
  position:         relative;
  width:            11.2em; 
  display:          inline; 
  list-style-type:  none; 
  text-align:       center;
 
}
 
ul#nav li a 
{
  text-decoration: none;
  font-family :     Times;
  font-size:        120%;
  color:            #666666;
}

ul#nav li.vide
{
  background:       url('/images/layout/onglet_bord_droit.gif') no-repeat bottom right;
  width: 25px;
  height:  38px;
}

ul#nav li.vide_arret
{

  background:       url('/images/layout/onglet_bord_droit_arret.gif') no-repeat bottom left;
  width: 29px;
  height:  38px;
 /* width: 265px; */
}

ul#nav li.filet
{

  background:       url('/images/layout/onglet_filet_bas.gif') repeat bottom left;
  height:  38px;
  width:    180px;
 
}

ul#nav li a:hover
{
  text-decoration:none;
  color:   #000000;
}

/***************************************************************/
/* Bloc central de contenu */

#center
{
  padding:           0 0 0 0;
  margin:            10px 0 0 0;
  clear:            both;
  /*border: 1px solid #27335d;*/
  /*border-top:         3px solid #ecb63b;*/
}

/****************************************************************/
/* Bloc de gauche */

div#nav_gauche
{
  width:            113px;
  padding:          0;
  margin:           0;
  float:            left;
 /* border: 1px solid red;*/
}


/* Tous les éléments de liste */

div#nav_gauche ul
{
     display: block;
     list-style-type: none;
     padding:           0;
     margin:            0;
}

div#nav_gauche ul li
{
     display: block;
     padding:           0;
     margin:            0;
     float:         left;

}

div#nav_gauche ul li a.ng0, div#nav_gauche ul li a.ng0
{
  background:       url('/images/layout/nav_gauche00.gif') no-repeat;
  margin:  10px 0 0 0;
  padding:          0;
  border: 1px solid red;
  width:      110px;
  height:     59px;
  display: block;
 
}


div#nav_gauche ul li a.ng0:hover
{
  background:       url('/images/layout/nav_gauche00_bis.gif') no-repeat;
}


div#nav_gauche ul li a.ng1 
{
  margin:   10px 0 0 0;
  padding: 50px 0 0 0;
  background: url('/images/layout/nav_gauche1.gif') no-repeat;
  background-position: 50%;
  width:      112px;
  display: block;
  font-size:        100%;
  color:            #666666;
  text-align:       center;
  text-decoration:  none;
}

div#nav_gauche ul li a.ng1:hover
{
  background:       url('/images/layout/nav_gauche1_bis.gif') no-repeat;
  background-position: 50%;
  color:            #000000;
}


div#nav_gauche ul li a.ng2 
{
  margin:  10px 0 0 0;
  padding: 50px 0 0 0;
  background: url('/images/layout/nav_gauche2.gif') no-repeat;
  background-position: 50%;
  display: block;
  width:     112px;
  font-size:        100%;
  color:            #666666;
  text-align:       center;
  text-decoration:  none;
 
}

div#nav_gauche ul li a.ng2:hover
{
  background:       url('/images/layout/nav_gauche2_bis.gif') no-repeat;
  background-position: 50%;
  color:            #000000;
}


div#nav_gauche ul li a.ng3 
{
  background:       url('/images/layout/nav_gauche3.gif') no-repeat;
  background-position: 50%;
  margin:  10px 0 0 0;
  padding: 50px 0 0 0;
  display: block;
  width:     112px;
  font-size:        100%;
  color:            #666666;
  text-align:       center;
  text-decoration:  none;
  
}


div#nav_gauche ul li a.ng3:hover
{
  background:       url('/images/layout/nav_gauche3_bis.gif') no-repeat;
  background-position: 50%;
  color:            #000000;
 
}

div#nav_gauche ul li a.ng4 
{
  background:       url('/images/layout/nav_gauche4.gif') no-repeat;
  background-position: 50%;
  margin: 10px 0 0 0;
  padding: 50px 0 0 0;
  display: block;
  width:     112px;
  font-size:        100%;
  color:            #666666;
  text-align:       center;
  text-decoration:  none;
  
}


div#nav_gauche ul li a.ng4:hover
{
  background:       url('/images/layout/nav_gauche4_bis.gif') no-repeat;
  background-position: 50%;
  color:            #000000;
 
}

div#nav_gauche ul li a.ng5
{
  background:       url('/images/layout/nav_gauche5.gif') no-repeat;
  background-position: 50%;
  margin:  10px 0 0 0;
  padding: 50px 0 0 0;
  display: block;
  width:     112px;
  font-size:        100%;
  color:            #666666;
  text-align:       center;
  text-decoration:  none;
  
}


div#nav_gauche ul li a.ng5:hover
{
  background:       url('/images/layout/nav_gauche5_bis.gif') no-repeat;
  background-position: 50%;
  color:            #000000;
 
}

div#nav_gauche ul li a.ng6
{
  background:       url('/images/layout/nav_gauche6.gif') no-repeat;
  background-position: 50%;
  margin:  10px 0 0 0;
  padding: 50px 0 0 0;
  display: block;
  width:     112px;
  font-size:        100%;
  color:            #666666;
  text-align:       center;
  text-decoration:  none;
  
}


div#nav_gauche ul li a.ng6:hover
{
  background:       url('/images/layout/nav_gauche6_bis.gif') no-repeat;
  background-position: 50%;
  color:            #000000;
 
}


div#nav_gauche ul li a.ng7
{
  background:       url('/images/layout/nav_gauche7.gif') no-repeat;
  background-position: 50%;
  margin:  10px 0 0 0;
  padding: 50px 0 0 0;
  display: block;
  width:     112px;
  font-size:        100%;
  color:            #666666;
  text-align:       center;
  text-decoration:  none;
  
}


div#nav_gauche ul li a.ng7:hover
{
  background:       url('/images/layout/nav_gauche7_bis.gif') no-repeat;
  background-position: 50%;
  color:            #000000;
 
}

div#nav_gauche ul li a.ng8
{
  background:       url('/images/layout/nav_gauche8.gif') no-repeat;
  background-position: 50%;
  margin:  0;
  padding: 60px 0 0 0;
  display: block;
  width:     112px;
  font-size:        100%;
  color:            #666666;
  text-align:       center;
  text-decoration:  none;
  
}


.infosreg
{
  padding-top: 20px;
}

div#nav_gauche ul li a.ng8:hover
{
  background:       url('/images/layout/nav_gauche8_bis.gif') no-repeat;
  background-position: 50%;
  color:            #000000;
 
}

/********************************************************/
div.clear-both
{
  clear:            both;
}

div#content
{
  width:            693px;
  margin:           0;
  padding:          0; 
  float:            right;
}

div#news1
{
   width:           693px;
   margin:          10px 0 0 0;
   padding:         0; 
   float:  left;
   /*border: 1px solid red;*/
}

/* Vient en remplacement pour les news dynamique */
div#dyna_news1
{
    margin:         20px 0 0 0;
    padding:            0; 
    width:          350px;
    Height:         165px;
    border: 1px solid green;
}

img#bloc_news1
{
    margin:         20px 0 0 0;
    padding:            0; 
    width:          350px;
    Height:         165px;
}
div#dyna_news2
{
    width:          350px;
    height:         166px;
    margin:         0;
    padding:            0;
    float:          left;
    border: 1px solid blue;
}

div#news2
{
   width:           350px;
   /*height:            px;*/
   margin:          0;
   padding:         0;
   float:           left;
}
  img#bloc_news2
  {
    margin:             0;
    padding:            0; 
    width:          350px;
    height:         166px;
  }

  img#bloc_news_hsbc
  {
     margin:             0 10px 25px 40px;
     padding:            0; 
     width:              281px;
     Height:             141px;

  }
  
  div#actufi
  {
    margin:             0 10px 20px 0;
    padding:             0; 
    width:              281px;
    float:              right;
  }
  
  div#topactufi
  {
     margin:            0;
     padding:           0; 
     background:        url('/images/layout/bloc_haut_actufi.gif') no-repeat;
     width:             281px;
     height:            13px;
     /*float:               right; */
     font-size:         90%;
     /* border:             1px solid green; */
  }
  
  div#contentactufi
  {
     background:        url('/images/layout/cadre_repet_actufi.gif');
     font-size:         90%;    
    /*border:           1px solid red; */
    /* height: */           
  }

div#euro a
{
     background-image:  url("/images/layout/euro.gif");
     background-repeat: no-repeat;
     width:             27px;
     height:            28px;
     margin:           0 0 0 20px;
     padding:       0;
     float:             left;

}


#euro a:hover
{
     background-image:  url("/images/layout/euro_bis.gif");
}

#actufititre a
{
     font-size:         130%;
     color:             #666666;
     font-family :      Times, serif;
     text-decoration:   underline;
     margin:            5px 0 0 10px;   
     padding:           0;
     float:             left;

}

#actufititre a:hover
{
   
     color:             #000000;
     font-family :      Times, serif;
     text-decoration:   none;
}


img#selectbourse
{

   margin:     10px 0 0 40px;     
}

div#bottomactufi
{
    margin:             0;
    padding:            0; 
    background:         url('/images/layout/bloc_bas_actufi.gif') no-repeat;
    width:              281px;
    height:             7px;
    float:              right;
 }

 div#sousactufi a
 {
    margin:             10px 0 0 0;
    padding:            0; 
    width:              281px;
    font-size:          100%;
    color:              #666666;
    clear:              both;
    float:              right;
    text-decoration:    none;
    text-align:         center;

 }
 
 div#sousactufi a:hover
 {  
    color:              #000000;

 }

 div#footer
 {
   margin: 0 5px 0 305px;
   padding: 0 10px 0 0;
 }


A.lienplan:visited  { font-family : Arial, Helvetica, sans-serif; font-size : 10pt; color: #666666; text-decoration: none; }
A.lienplan:link { font-family : Arial, Helvetica, sans-serif; font-size : 10pt; color: #666666; text-decoration: none; }
A.lienplan:hover    { font-family : Arial, Helvetica, sans-serif; font-size : 10pt; color: #332E1E; text-decoration: none; }