/*
------------------------------------------------------------------------------------------ : notes
feuille de styles def en fct des couleur
faire recherche "couleur" pr touver occurences
pr les attr specifique a la couleur de la page
la selction se fait en focntion du parent :: <div class=blocContenu id=COULEUR>
ou COULEUR = une des val ci dessous.
------------------------------------------------------------------------------------------
#Turquoise : modele marche a terme"
#Orange :  "Dérivés sur actions"
#RougeVin : "Dérivés sur devises"
#JauneOrange : "Dérivés sur indice
#Bleu : "Dérivés sur taux d'intérêt
etc
------------------------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : balises.
*/
img{
  border:none;
}
img.chk_vert{
  width:9px;
  height:10px;
}
img.flech_vert_up{
  width:13px;
  height:8px;
  padding-top:4px;
}

/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : class generique.
*/
.centre{
  text-align:center;
}

div.w160{
  float:left;
  display:inline;
  width:162px;
  border:0px solid yellow;
  margin:2px 0px 2px 0px;
  padding:0px;

}
a.blanc {
  color:white;
  text-decoration: none;
}
a.blanc:link{
  color:white;
  text-decoration: none;
}
a.blanc:hover{
  color:white;
  text-decoration: underline;
}
a.blanc:visited{
  color:white;
  text-decoration: none;
}
/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : contenu . generique.
*/
div.blocContenu{
  display:block;
  float:left;
  clear:left;
  width:660px;
  padding:0px 0px 0px 7px;
  margin:0px 0px 0px 0px;
}

div.blocContenu span.notes{
  color:#7D7A7C;
  font-size:11px;
  font-weight:normal;
  font-family :Arial,helvetica,sans-serif;
}


span.err{
  color:red;
}

div.blocContenu div.br{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  line-height:9px;
  width:auto;
}



div.blocContenu form{
  padding: 0px;
  margin: 0px;
}



/*
------------------------------------------------------------------------------------------
  notes ::
------------------------------------------------------------------------------------------
  la gauche a ete choisi pr contenir le ligne vertical
  le ID selector "gaucheNoBorder" retire le border de gauche

  encapsuler le contenu ainsi pur controler sur quel colonne la
  ligne vertical sera place.

  <div class="gauche">
  <div class="vertical_0">
    [CONTENU]
  </div>
  </div>
  <div class="droite">
  <div class="vertical_1">
    [CONTENU]
  </div>
  </div>

  AB : 17-May-2006 09:44 AM
------------------------------------------------------------------------------------------ : def des colonnes
*/
div.gauche{
  float:left;
  display:inline;
  width:373px;
  border-right:1px solid #d4d4d4;
  margin-top:7px;  /*  espace en haut de la ligne verticale  */
  margin-bottom:7px;  /*  espace au bas de la ligne verticale  */
  padding-left:1px;
  padding-bottom:20px;  /*  espace sus le contenu au bas de la page */
}

div.droite{
  float:left;
  display:inline;
  width:274px;   /* 280 - 6 */
  margin-top:7px;
  margin-bottom:7px;
}




div.gauche div.colA{
  float:left;
  width:45%;
}
div.gauche div.colB{
  float:left;
  width:45%;
}
div.gauche div.colB li,
div.gauche div.colA li{
  color:rgb(82, 121, 169);
}


div.gauche div.colC{
  float:left;
  width:auto;
  padding:3px 7px 3px 7px;
  margin:0px;
}



div#gaucheNoBorder{
  border:none;
}
div.gauche div.vertical_0{
  border-right:0px solid #d4d4d4;
}
div.gauche div.vertical_1{
  border-right:1px solid #d4d4d4;
}

div.droite div.vertical_0{
  border-left:0px solid #d4d4d4;
}
div.droite div.vertical_1{
  display:block;
  border-left:1px solid #d4d4d4;
  height:inherit;
}



/*
------------------------------------------------------------------------------------------
uneColonne
------------------------------------------------------------------------------------------ : unColonne
*/
div.uneColonne{
  float:left;
  clear:both;
  width:646px; /* -7px marge du parent -7px marge de gauche non appliqué*/
  margin:0px 0px 0px 0px;
}


/*
------------------------------------------------------------------------------------------
couleur
------------------------------------------------------------------------------------------ : unColonne . titre
*/
div#blocContenuTitre, div#blocContenuGrosTitre{
  float:left;
  clear:both;
  padding:0px 0px 0px 0px;
  margin:0px;
  height:25px;
  width:644px;
  vertical-align: middle;
  line-height: 25px;
}
div#blocContenuGrosTitre{
  height: 42px;
}
div#Orange div#blocContenuTitre{
  background-image: url(./../images/orange_titre_1.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  background-color:#E35100;
  border-top: 5px solid #E35100;
}

div#RougeVin div#blocContenuTitre{
  background-image: url(./../images/rougeVin_titre_1.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  background-color:#C90016;
  border-top: 5px solid #C90016;
}

div#Turquoise div#blocContenuTitre{
  background-image: url(./../images/turquoise_titre_1.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  background-color:#016C89;
  border-top: 5px solid #016C89;
}
div#JauneOrange div#blocContenuTitre{
  background-image: url(./../images/jauneOrange_titre_1.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  background-color:#F5A601;
  border-top: 5px solid #F5A601;
}

div#Bleu div#blocContenuTitre{
  background-image: url(./../images/bleu_titre_1.png);
  background-repeat: repeat-y;
  background-color:#213D94;
  border-top: 5px solid #213D94;
  background-position: 0px 0px;
}
div#Energie div#blocContenuTitre{
  background-color: #a13d0b;
  background-image: url(./../images/energie_titre_1.png);
  background-repeat: repeat-y;
  /*border-top: 5px solid #d65301;*/
  background-position: 0px 0px;
  padding-top: 5px;
  height: 96px;
}
div#Education div#blocContenuTitre{
  background-image: url(./../images/education_titre_1.png);
  background-repeat: repeat-y;
  background-color:#4b5eaa;
  border-top: 5px solid #4b5eaa;
  background-position: 0px 0px;
}

div#Bleu div#blocContenuTitreAccueil{
  float:left;
  clear:both;
  padding:0px 0px 0px 0px;
  margin:0px;
  height:7px;
  width:644px;
  overflow:hidden;
  background-color:#213D94;
  /*border-top: 5px solid #213D94;*/
  background-position: 0px 0px;
}

div#Burgundy div#blocContenuTitre{ /* NEW COLOR */
  background-image: url(./../images/burgundy_titre_1.png);
  background-repeat: repeat-y;
  background-color:rgb(33, 0, 0);
  border-top: 5px solid rgb(33, 0, 0);
  background-position: 0px 0px;
}


div#Burgundy div.quotebox {
  margin:3px 5px 3px 0; /* NEW COLOR --- UNIQUE BOX*/
  padding:6px;
  background:#C39C9C;
  color:#6A0808;
  font-size:14px;
  font-weight:bold;
}

div#Burgundy div#blocContenuTitreAccueil{
  float:left;
  clear:both;
  padding:0px 0px 0px 0px;
  margin:0px;
  height:7px;
  width:644px;
  overflow:hidden;
  background-color:rgb(106, 08, 08);
  /*border-top: 5px solid rgb(106, 08, 08);*/
  background-position: 0px 0px;
}

div#VertForet div#blocContenuTitre{
  background-image: url(../images/vertForet_titre_1.png);
  background-repeat: repeat-y;
  background-color:rgb(22, 80, 76);
  border-top: 5px solid rgb(22, 80, 76);
  background-position: 0px 0px;
}

/*
mise en pg du vloc comme groTtire
mais pas de bg img
*/
div#BleuCampagne div#blocContenuTitre{
  background-color:#5279A9;
  border-top: 5px solid #093678;
}
div#BleuCampagne div#blocContenuTitre div.top{
  display:block;
  background-color:#093678;
  height:0px;
   line-height:0px;
  font-size:0px; /* # no values previously*/
  padding:0px;
  margin:0px;
  overflow:hidden; /* # no values previously*/
  display: none;
}
div#BleuCampagne div#blocContenuTitre div.texte{
/*  margin:0;  /* # no values previously*/
/*  padding-top:5px; /* # was 0px *//*
  padding-left:7px;
  padding-bottom:7px;*/
}
/*div#BleuCampagne div#blocContenuTitre div[class="texte"]{
  padding-top:0px;  # = CHANGED 26/02/07  - FIX FOR FF - but effects IE 7  - no longer necessary
}
JS*/
div#BleuCampagne label{
  color:#093678;
  font-weight: bold;
}



div#Vert div#blocContenuTitre{
  background-image: url(./../images/vert_titre_1.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  background-color:#636900;
  border-top: 5px solid #636900;
}


div#blocContenuTitre div, div#blocContenuGrosTitre div{
  color:white;
  font-size:17px;
  font-weight:bold;
  font-family :Arial,helvetica,sans-serif;
  padding-top:0px;
  padding-left:7px;
  padding-right:7px;
}

/* titre sur deux lignes : debut */
div#Bleu div#blocContenuGrosTitre{
  background-image: url(./../images/bleu_titre_1.png);
  background-repeat: repeat-y;
  background-color:#213D94;
  border-top: 5px solid #213D94;
}
div#Bleu div#blocContenuGrosTitre div.top{
  display:block;
  background-color:#213D94;
  height:5px;
  line-height:0px;
  padding:0px;
  margin:0px;
  display: none;
}

/* titre sur deux lignes : debut */
div#Energie div#blocContenuGrosTitre{
  background-image: url(./../images/energie_titre_1.png);
  background-repeat: repeat-y;
  background-color: #a13d0b;
  /*border-top: 5px solid #d65301;*/
  padding-top: 5px;
  height: 96px;
}
div#Education div#blocContenuGrosTitre{
  background-image: url(./../images/education_titre_1.png);
  background-repeat: repeat-y;
  background-color:#4b5eaa;
  border-top: 5px solid #4b5eaa;
}


div#Framboise div#blocContenuTitre, div#Framboise div#blocContenuGrosTitre {
  background-image: url(./../images/rougeVin_titre_1.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  background-color:#C90016;
  border-top: 5px solid #C90016;
}

div#Framboise div#blocContenuTitre div.top{
  display:block;
  background-color:#C90016;
  height:5px;
  line-height:0px;
  padding:0px;
  margin:0px;
  font-size:0px; /* # no values previously*/
  overflow:hidden; /* # no values previously*/
  display: none;
}
/*div#Framboise div#blocContenuTitre div.texte{
  margin:0;  /* # no values previously*/
  /*padding-top:0px; /* # was 0px *//*
  padding-left:7px;
  padding-bottom:0px;
}*/
div#Framboise div#blocContenuTitre div[class="texte"]{
  /*padding-top:0px;*/
}


div#blocContenuGrosTitre div{
  padding-top:3px;
  padding-left:7px;
  line-height:17px;
  padding-bottom:0px;
  vertical-align: middle;
}


div#VertForet div.blocContenuTexte span.gros{
  color:rgb(22, 80, 76);
  font-size:13px;
  font-weight:bold;
  font-family :Arial,helvetica,sans-serif;
}

div#BleuCampagne div.blocContenuTexte span.gros{
  color:#093678;
  font-size:13px;
  font-weight:bold;
  font-family :Arial,helvetica,sans-serif;
}

div#Energie div.blocContenuTexte span.gros{
  color:#a13d0b;
  font-size:13px;
  font-weight:bold;
  font-family :Arial,helvetica,sans-serif;
}

div#Education div.blocContenuTexte span.gros{
  color:#4b5eaa;
  font-size:13px;
  font-weight:bold;
  font-family :Arial,helvetica,sans-serif;
}

/* titre sur deux lignes : fin */


div#BleuCampagne span.couleur{
  color:#093678;
}
div#Burgundy div.blocContenuTexte span.couleur{
  font-weight:bold;
  color:rgb(106, 08, 08);
}
/*
------------------------------------------------------------------------------------------
couleur
------------------------------------------------------------------------------------------ : unColonne . titre
*/
div.uneColonne div.titre,
div.uneColonne div.blocContenuEnteteA{
/*
  titre def comme sur "nego_fin_jour_fr"
*/
  float:left;
  clear:both;
  padding:0px 0px 0px 0px;
  padding:0px 0px 5px 0px;
  width:644px;
}

div.uneColonne div.titre div.texte{
  padding:5px 0px 4px 7px;
  margin:0px 0px 0px 0px;
  font-size:17px;
  font-weight:bold;
  color:#636900;
  font-family :Arial,helvetica,sans-serif;
}

div.uneColonne div.titre div.ligne {
  width:inherit;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  border-bottom:2px solid rgb(117, 148, 36);
  line-height:0px;
}

div#BleuCampagne div.uneColonne div.titre div.texte{
  color:#5279A9;
}
div#BleuCampagne div.uneColonne div.titre div.ligne{
  border-color:#5279A9;
}
div#Energie div.uneColonne div.titre div.texte{
  color:#a13d0b;
}
div#Energie div.uneColonne div.titre div.ligne{
  border-color:#a13d0b;
}
div#Education div.uneColonne div.titre div.texte{
  color:#4b5eaa;
}
div#Education div.uneColonne div.titre div.ligne{
  border-color:#4b5eaa;
}

div.uneColonne div.blocContenuEnteteA div.texteG,
div.uneColonne div.blocContenuEnteteA div.texteD{
  float:left;
  padding:0px 0px 0px 7px;
  margin:0px 0px 0px 0px;
  font-size:11px;
  font-weight:normal;
  color:#7d7b7c;
  font-family :Arial,helvetica,sans-serif;
}
div.uneColonne div.blocContenuEnteteA div.texteD{
  float:right;
}
div.uneColonne div.blocContenuEnteteA a{
  color:#7d7b7c;
  text-decoration:none;
}
div.uneColonne div.blocContenuEnteteA a:hover{
  color:#7d7b7c;
  text-decoration:underline;
}

div.uneColonne div.ssTitreNeutre {
  font-size:17px;
  font-weight: bold;
  padding:5px 0px 5px 5px;
  color:#7D7B7C;
}



/*
uneColonne / ssTitre
*/
div.uneColonne div.ssTitre{
  padding:0px 0px 5px 0px;
  margin:0px;
  width:auto;

}

div.uneColonne div.ssTitre div.texte{
  padding:0px 0px 0px 7px;
  margin:5px 0px 5px 0px;
  font-size:13px;
  font-weight:bold;
  font-family :Arial,helvetica,sans-serif;
}

div.uneColonne div.ssTitre div.ligne{

  padding:0px 0px 0px 7px;
  margin:0px 0px 0px 0px;
  border-bottom:1px solid #d4d4d4;
  line-height:0px;
}
div#Framboise div.ssTitre div.texte{ color:#9d0020; }

div#Framboise div.blocContenuTexte div { line-height:15px;}
div#Burgundy div.blocContenuTexte div { line-height:15px;}
div#Framboise div.blocContenuTexte span { padding-left:15px;}





/*
------------------------------------------------------------------------------------------
couleur
------------------------------------------------------------------------------------------ : unColonne . ligne
*/
div.uneColonne div.ligneGras{
  display:block;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  height:0px;
  width:inherit;
  border-bottom:5px solid #636900;
}
div#Vert div.uneColonne div.ligneGras{
  border-color:#636900;
}


div#Framboise div.uneColonne div.ligneGras{
  border-color:#9d0020;
}

div#Bleu div.uneColonne div.ligneGras{
  border-color:#213D94;
}
div#Education div.uneColonne div.ligneGras{
  border-color:#4b5eaa;
}
div#BleuCampagne div.uneColonne div.ligneGras{
  border-bottom:3px solid #636900;
  border-color:#5279A9;
}

div#Burgundy div.uneColonne div.ligneGras{ /* NEW COLOR */
  border-color:rgb(106, 08, 08);
}

div#Energie div.uneColonne div.ligneGras{ /* NEW COLOR */
  border-color: #d65301;
}

div.uneColonne div.blocContenuTitre{
  width:644px;
  padding-bottom:2px;
  float:left;
  clear:left;
}

div.uneColonne div.blocContenuTexte{
  width:auto;
  margin:0px 0px 4px 0px;
  clear:left;
}
div.uneColonne div.blocContenuSsTitre{
  width:644px;
  padding-bottom:2px;
  float:left;
  clear:left;
}
div.uneColonne div.blocContenuSsTitre div.texte {
  font-size:11px;
  padding-top:0px;
  float:left;
}


div.uneColonne div.blocContenuSsTitre div.texteDroite{
  padding:0px 14px 0px 0px;
  height:inherit;
  float:right;
  text-align: right;
}
div.uneColonne div.blocContenuSsTitre div.texteDroite span{
  color:#525051;
}
div.uneColonne div.blocContenuTexte div{
  line-height:1em;
}


/*
------------------------------------------------------------------------------------------
couleur
------------------------------------------------------------------------------------------ : home page
*/
div#couleurHome a{
  color:#093678;
  color:#5279A9;
  text-decoration:none;
}
div#couleurHome a:hover{
  color:#093678;
  color:#5279A9;
  text-decoration:underline;
}

div.uneColonne div.range,
div.uneColonne div.rangeDimA,
div.uneColonne div.rangeDimB{
  float:left;
  clear:both;
  width:310px;
}
div.uneColonne div.rangeDimA{
  height:125px;
  overflow:hidden;
}
div.uneColonne div.rangeDimB{
  height:321px;
}

div.uneColonne div.range div.contenuTexte,
div.uneColonne div.rangeDimA div.contenuTexte,
div.uneColonne div.rangeDimB div.contenuTexte{
  padding-left:7px;
  padding-top:0.25em;
}


span.texte{
  font-size:11px;
  font-weight: normal;
}

div.uneColonne div.colA{
  float:left;
  display: inline;
  width:310px;
  margin-right:10px;
}
div.uneColonne div.colA div.ligne,
div.uneColonne div.colB div.ligne,
div.uneColonne div.colA div.titre,
div.uneColonne div.colB div.titre{
  width:310px;
}
div.uneColonne div.colA table{
  width:310px;
}
div.uneColonne div.colB{
  float:left;
  display: inline;
  width:310px;
}
div.uneColonne div.colB table{
  width:310px;
}



div#couleurHome div.uneColonne div.titre div.texte{
  color:#093678;

}

div#couleurHome div.uneColonne div.titre div.ligne{
  border-color:#5279A9;
  width:310px;
  background-color:#00CCCC;
}
div#couleurHome div.uneColonne div.ligneGras{
  border-bottom:4px solid #5279A9;
}
div#couleurHome  div.uneColonne span.couleur{
  font-weight:bold;
  color:#093678;
}


/*
------------------------------------------------------------------------------------------
couleur
------------------------------------------------------------------------------------------ : gauche ss titre
*/
div.gauche div.blocContenuSsTitre{
  padding:0px 0px 4px 0px;
  margin:0px;
  width:373px;
}
div.blocContenuSsTitre div.texte, div.blocContenuSsTitre div.texteNeutre {
  padding:5px 4px 4px 7px;
  margin:0px 0px 0px 0px;
  font-size:13px;
  font-weight:bold;
  color:#525051;
  font-family :Arial,helvetica,sans-serif;
}
div#Orange div.blocContenuSsTitre div.texte {
  color:rgb(227, 58, 0);
}
div#RougeVin div.blocContenuSsTitre div.texte {
  color:#9D0020;
}

div#Framboise div.blocContenuSsTitre div.texte {
  color:#9D0020;
}
div#Burgundy div.blocContenuSsTitre div.texte {/* NEW COLOR */
  color:rgb(106, 08, 08);
}

div#Turquoise div.blocContenuSsTitre div.texte {
  color:#0197B5;
}
div#JauneOrange div.blocContenuSsTitre div.texte {
  color:rgb(245,166,0);
}
div#Bleu div.blocContenuSsTitre div.texte {
  color:#213D94;
}
div#Education div.blocContenuSsTitre div.texte {
  color:#f7941d;
}
div#Vert div.blocContenuSsTitre div.texte {
  color:#636900;
}

div#VertForet div.blocContenuSsTitre div.texte {
  color:rgb(22, 80, 76);
}

div#BleuCampagne div.blocContenuSsTitre div.texte {
  color:#093678;
}

div#Energie div.blocContenuSsTitre div.texte {
  color: #a13d0b;
}

div.blocContenuSsTitre div.ligne {
  width:auto;
  padding:0px 0px 0px 7px;
  margin:0px 0px 7px 0px;
  border-bottom:1px solid #d4d4d4;
  line-height:0px;
}
div.uneColonne div.blocContenuSsTitre div.ligne {
  width: 636px;
  float: left;
  clear: both;
}


/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : gauche . texte
*/
div.blocContenuTexte{
  display:block;
  padding:0px 0px 0px 0px;
  margin:0px 0px 14px 0px;
  width:373px;
}
div.blocContenuTexte div, div.blocContenuTexte p {
  margin:0px 7px 0px 7px;
  padding:0px 0px 0px 0px;
  font-size:11px;
  font-weight:normal;
  color:#525051;
  font-family :Arial,helvetica,sans-serif;
  line-height:15px;
}

div.blocContenuTexte table div, div.blocContenuTexte table p {
  margin: 0px;
}

div.blocContenuTexte a{
  color : #5279A9;
  text-decoration :none;
}
div.blocContenuTexte a:hover{
  color :#5279A9;
  text-decoration :underline;
}

div.blocContenuTexte div.gras{
  font-weight:bold;
}
div.blocContenuTexte div.gras a{
  font-weight:bold;
  color : #5279A9;
  text-decoration :none;
}
div.blocContenuTexte div.gras a:hover{
  font-weight:bold;
  color :#5279A9;
  text-decoration :underline;
}


div.blocContenu#Burgundy div.blocContenuTexte div.gras {
  font-weight:bold;
  color : #6A0808;
}

div#Vert div.blocContenuTexte a{
  color : rgb(96, 103, 19);
  text-decoration :none;
}
div#Vert div.blocContenuTexte a:hover{
  color : rgb(96, 103, 19);
  text-decoration :underline;
}

div#Bleu div.blocContenuTexte span.couleur{
  font-weight:bold;
  color:#213D94;
}
div#Education div.blocContenuTexte span.couleur{
  font-weight:bold;
  color:#f7941d;
}
/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : contenu . def de liste
*/
div.blocContenuTexte ul{
  padding: 0px;
  margin: 0px 0px 7px 14px;
  list-style-type:disc;
}
div.blocContenuTexte ul li{
  list-style: disc;
}


div.blocContenuTexte ol{
  padding: 0px;
  margin: 0px 0px 7px 0px;
  list-style-type:decimal;
  list-style-position:inside;
}
div.blocContenuTexte ol li{
  padding: 0px 0px 7px 0px;

}

/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : lien haut de page
*/
div.hautPage{
  text-align:right;
  padding:0px 7px 7px 0px;
}
div.hautPage img{
  height:7px;
  width:9px;
}
div.hautPage a{
  color : #5279A9;
  text-decoration :none;
}
div.hautPage a:hover{
  color : #5279A9;
  text-decoration :underline;
}
div.uneColonne div.hautPage{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

/*
------------------------------------------------------------------------------------------
** le bloc graph ne sera pas utilise
------------------------------------------------------------------------------------------ : boiteGraph
*/
div.boiteGraph{
  padding:0px 0px 0px 0px;
  margin:0px 0px 5px 5px;

  width:247px;  /* + 2px */
  background-color:#799A1E;
}
div.boiteGraph div.texte{
  padding:5px 0px 5px 12px;
  margin:0px 0px 0px 0px;
  font-size:13px;
  font-weight:bold;
  font-family :Arial,helvetica,sans-serif;
  color:#fff;
}
div.boiteGraph div.img{
  height:153px;
  width:245px;
  border-top:solid 0px #D4D4D4;
  border-left:solid 1px #D4D4D4;
  border-right:solid 1px #D4D4D4;
  border-bottom:solid 1px #D4D4D4;
  background-color:#fff;
}


/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : Utilise a droite . sous - menu
*/


/*
@media print {
  div.subMenuLst{
  display:none;
  }
}
*/

@media all {
  div.subMenuLst{
    margin:0px 7px 0px 5px;
    padding:0px 0px 0px 0px;
    background-color:#f0f0f0;
    width:265px;
  }
}

div#Burgundy div.subMenuLst{ /* NEW COLOR */
  background-color:#f0f0f0;
}

div#Burgundy div.subMenuLst div.item{
  background-image: url(./../images/blue_arrow.gif); /* NEW COLOR */
}

div#Burgundy div.subSubMenuLst div.titre {color:rgb(106, 08, 08);} /* NEW COLOR */

div#Education div.subSubMenuLst div.titre {border-color:#4b5eaa;} /* NEW COLOR */

div#Turquoise div.subMenuLst{
  background-color:#E0F2F6;
}
div#Vert div.subMenuLst{
  background-color:#EBF0DD;
}

div#VertForet div.subMenuLst{
  background-color:#e1eae8;
}

div.subMenuLst div.item{
  background-image: url(./../images/blue_arrow.gif);
  background-repeat: no-repeat;
  background-position: 4px 6px;

  margin:0px 0px 0px 3px;
  padding:3px 0px 3px 16px;
  font-size:11px;
  font-weight:normal ;
  color:rgb(82, 121, 169);
  font-family :Arial,helvetica,sans-serif;
}

div.subMenuLst div.titreItem{
  margin:0px 0px 0px 3px;
  padding:0px 0px 3px 4px;
  font-size:11px;
  font-weight:normal ;
  color:rgb(82, 121, 169);
  font-family :Arial,helvetica,sans-serif;
}
div.subMenuLst a, div.subSubMenuLst a{
  color :#5279A9;
  text-decoration :none;
}
div.subMenuLst a:hover, div.subSubMenuLst a:hover{
  color :#5279A9;
  text-decoration :underline;
}


div.subSubMenuLst{
  margin:0px 7px 0px 5px;
  padding:0px 0px 0px 0px;
  width:265px;
}
div.subSubMenuLst div.titre{
  margin:5px 0px 0px 7px;
  font-size:11px;
  font-weight:bold;
  color:#b1b1b1;
  font-family :Arial,helvetica,sans-serif;
}
div.subSubMenuLst div.item{
  background-image: url(./../images/blue_arrow.gif);
  background-repeat: no-repeat;
  background-position: 4px 5px;

  margin:0px 0px 0px 3px;
  padding:3px 0px 3px 16px;
  font-size:11px;
  font-weight:normal ;
  color:rgb(82, 121, 169);
  font-family :Arial,helvetica,sans-serif;
}


/*
------------------------------------------------------------------------------------------
couleur
------------------------------------------------------------------------------------------ : Utilise a droite . titre
*/
div.blocDroiteTitre{
  padding:0px 0px 0px 0px;
  margin:0px 0px 5px 5px;
  width:265px;
}
div.blocDroiteTitre div.texte{
  padding:5px 0px 5px 7px;
  margin:0px 0px 0px 0px;
  font-size:13px;
  font-weight:bold;
  font-family :Arial,helvetica,sans-serif;
}
div#Burgundy div.blocDroiteTitre div.texte{/* NEW COLOR */
  color:rgb(106, 08, 08);
}
div#Orange div.blocDroiteTitre div.texte{
  color:#E33A00;
}
div#RougeVin div.blocDroiteTitre div.texte{
  color:#9D0020;
}
div#Framboise div.blocDroiteTitre div.texte{
  color:#9D0020;
}
div#JauneOrange div.blocDroiteTitre div.texte{
  color:#F5A601;
}
div#Bleu div.blocDroiteTitre div.texte{
  color:#213D94;
}
div#Education div.blocDroiteTitre div.texte{
  color:#f7941d;
}
div#Vert div.blocDroiteTitre div.texte{
  color:rgb(96, 103, 19);
}
div#VertForet div.blocDroiteTitre div.texte{
  color:rgb(22, 80, 76);
}
div#BleuCampagne div.blocDroiteTitre div.texte{
  color:#093678;
}
div#Energie div.blocDroiteTitre div.texte{
  color:#a13d0b;
}

div.blocDroiteTitre div.ligne{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:265px;
  border-bottom:1px solid #d4d4d4;
  line-height:0px;
}


/*
------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------ : droite . br
*/

div.droite div.br{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  line-height:5px;
  width:265px;
}

/*
------------------------------------------------------------------------------------------
couleur
------------------------------------------------------------------------------------------ : droite . separateur
*/
div.droite div.ligneGras{
  margin:12px 7px 0px 5px;
  padding:0px 0px 0px 0px;
  line-height:0px;
  width:265px;
  border-bottom:4px solid #aabbcc;
}
div#Orange div.droite div.ligneGras{
  border-color:#E35100;
}
div#JauneOrange div.droite div.ligneGras{
  border-color: #F5A601;
}
div#RougeVin div.droite div.ligneGras{
  border-color:#C90016;
}
div#Framboise div.droite div.ligneGras{
  border-color:#C90016;
}
div#Bleu div.droite div.ligneGras{
  border-color:#213D94;
}
div#Education div.droite div.ligneGras{
  border-color:#4b5eaa;
}
div#Vert div.droite div.ligneGras{
  border-color:rgb(96, 103, 19);
}
div#VertForet div.droite div.ligneGras{
/*  border-color::rgb(22, 80, 76);*/
  border-color:rgb(154, 191, 182);
}
div#BleuCampagne div.droite div.ligneGras{
  border-color:#5279A9;
}
div#Burgundy div.droite div.ligneGras{/* NEW COLOR */
  border-color:rgb(106, 08, 08);
}
div#Energie div.droite div.ligneGras{
  border-color: #d65301;
}
/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : Utilise a droite . liste de liens
*/
div.blocDroiteLst{
  margin:0px 7px 0px 5px;
  padding:0px 0px 0px 0px;

  width:265px;
}
div.blocDroiteLst div.item  {
  margin:0px 0px 7px 7px;
  padding:0px 0px 0px 0px;
  font-size:11px;
  font-weight:normal ;
  color:rgb(82, 80, 81);
  font-family :Arial,helvetica,sans-serif;
}

div.blocDroiteLst a{
  color : #5279A9;
  text-decoration :none;
}
div.blocDroiteLst a:hover{
  color :#5279A9;
  text-decoration :underline;
}


/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : Section / A Propos / Conseil d'administration
*/

span.caTitre { font-weight:bold; color:#213D94; }
span.relTitre {font-weight:bold; color:#6A0808;}
span.caPosition { font-weight:bold; }

span.redText { color:#9d0020; }


/*
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ : Section / Negociation / questionnaire
*/
div.blocContenu div.questionnaire{
  background-color:#f0f0f0;padding:7px;
}
div.blocContenu div.pageNum{
  text-align:right;
}
div.blocContenu div.pageNum span.hilite{
  color:#093678;
  font-weight:bold ;
}


/*

*****************
*** attention ***
*****************
l'utilisation non unique d'un ID est interdit
voir ref
http://www.w3.org/TR/CSS21/selector.html#id-selectors

tout les regles suivantes sont invalides.
André Beaudry
25-May-2006 09:36 AM
*****************
*****************

*/


/*
------------------------------------------------------------------------------------------ : feuille de style nego
*/
#block, .block { width:644px; padding-top:10px; }


#d_01, .d_01 { border-top:1px solid #cccccc; }

#d_01 tr, .d_01 tr { padding-top:4px; padding-bottom:4px; }
#d_01 td, .d_01 td { padding-left:5px; padding-right:5px; text-align:center; border-right:1px solid #cccccc; }
#d_01 td.cell, .d_01 td.cell { padding-left:15px; padding-right:15px; }
#d_01 td.last, .d_01 td.last { border-right:none; }


#titre, .titre { font-size:13px; font-weight:bold; /*color:#5279A9*/ color:#213D94; border-bottom:3px solid /*#5279A9*/; padding-bottom:3px; border-color:#213D94;}

#titreElement, .titreElement { font-size:11px; font-weight:bold; padding-top:10px; padding-bottom:3px; }
div.tableCaption { font-size:11px !important; font-weight:bold !important; padding: 0 !important; padding-top:10px !important; padding-bottom:3px !important; margin: 0 !important; }


#subTitre, .subTitre { padding-top:4px; padding-bottom:4px; }

#recharger, .recharger { padding-top:4px; padding-bottom:4px; }
#recharger a, .recharger a { text-decoration:none; /*color:#525051;*/ color:#213D94 }
#recharger a:hover, .recharger a:hover { text-decoration:underline; /*color:#525051;*/ color:#213D94 }



/*  add by arno : page accueil */

div.accueilTitre {
  font-size:12px; font-weight:bold; padding-top:0px; padding-bottom:3px; text-align:left;
  color:#213D94;
}

div.accueilLigne {
  width:inherit;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  border-bottom:2px solid #213D94;
  line-height:0px;
}

div.accueilLigneGras {
  width:inherit;
  padding:5px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  line-height:0px;
  border-bottom:4px solid #213D94;
}


div#identification div.left { float:left;}
div#identification div.right { float:right;}

div#identification div.left a{font-weight: normal; text-decoration:none; color:#5279A9; /*color:#213D94*/ }
div#identification div.left a:hover {font-weight: normal; text-decoration:underline; color:#5279A9; /*color:#213D94*/ }

/*
------------------------------------------------------------------------------------------ : fin
*/

#blueLink a, .blueLink a{
color:#213D94;
}

/*
------------------------------------------------------------------------------------------ : nego_finb

add by S.Lafontaine

Sections iShares
*/

div.ligneFull {
  padding:0px 0px 0px 7px;
  margin:0px 0px 4px 0px;
  border-bottom:1px solid #d4d4d4;
  line-height:0px;
}

div.blocEnteteProduits {
  padding:5px 0px 4px 7px;
  margin:0px 0px 0px 0px;
  font-size:12px;
  font-family :Arial,helvetica,sans-serif;
}

div#BleuCampagne div.blocEnteteProduits {
  color: #093678;
}

.bigger {
  font-weight:bold;
  font-size: 130%;
}

div.blocEnteteSymboles {
  padding:0px 0px 2px 7px;
  margin:0px 0px 0px 0px;
  font-family :Arial,helvetica,sans-serif;
  font-size: 11px;
}
div.blocEnteteSousSymboles {
  padding:0px 0px 2px 7px;
  margin:0px 0px 0px 0px;
  font-family :Arial,helvetica,sans-serif;
  font-size: 11px;
  color: #525051;
}
div#BleuCampagne div.blocEnteteSymboles {
  color: #093678;
}

td.col1, td.col2 {
  border: none;
  padding: 0 0 10px 0;
  margin: 5px;
}

div.col1 div, div.col2 div {
  padding: 0;
  margin: 0;
}

div.col1, div.col2 {
  padding: 0 1px 0px !important;
  margin: 0 !important;
  width: 310px;
}

div.col1 table, div.col2 table {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

div.col1 {
  /*border-top: 6px solid #b0b0b0;
  border-bottom: 6px solid #b0b0b0;*/
  color: #7e7c7d;
}

div.col2 {
  /*border-top: 6px solid #525051;
  border-bottom: 6px solid #525051;*/
  color: #525051;
}

td.col1 {
  border-top: 6px solid #b0b0b0;
  border-bottom: 6px solid #b0b0b0;
  color: #7e7c7d;
}

td.col2 {
  border-top: 6px solid #525051;
  border-bottom: 6px solid #525051;
  color: #525051;
}

div.col1 div.border {
  border-top: 6px solid #b0b0b0;
  line-height: 0px;
  height: 0px;
  font-size: 1px;
}

div.col2 div.border {
  border-top: 6px solid #525051;
  line-height: 0px;
  height: 0px;
  font-size: 1px;
}

div.col1 table tr.header td {
  background-color: #a9a9a9;
}

div.col2 table tr.header td {
  background-color: #7d7b7c;
}

div.col1 div.tableCaption, div.col2 div.tableCaption {
  padding-left: 3px !important;
  padding-bottom: 5px !important;
  text-align: left;
}

div.col1 div.tableCaption {
  color: #7e7c7d;
}

div.col2 div.tableCaption {
  color: #525051;
}

div.grosEntete {
  font-size: 14px !important;
  font-weight: bold !important;
  padding: 3px 3px 0 !important;
  margin: 0 !important;
  text-align: left;
}

div.col1 div.grosEntete {
  color: #7e7c7d;
}

div.col2 div.grosEntete {
  color: #525051;
}

.tright, .tdroite {
  text-align: right !important;
}
.tleft, .tgauche {
  text-align: left !important;
}
.tcentre, .tcenter {
  text-align: center !important;
}

table.columns {
  border: none !important;
  margin: 10px 4px 3px;
}

.normal {
  font-weight: normal;
}