  <!--
  @import url("../common/style_footer.css");
  @import url("../common/style_title.css");

  /* colors values
   color_1: fond menus                   : #88A5C1
   color_2: TH tableaux/Section title    : #88A5C1
   color_3: TD/TR tableaux               : #EDF0F5
   color_4: cells over                   : #D8C9A7
   color_5: cells select                 : #AE9966
  */

  /* Common */

  html {overflow-y: scroll;}

  body, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color:#000000; text-align:justify;}
  body         { background-image: url('../../common/images/background_1.gif');}
  a            { color:#000000; text-decoration: underline;}
  a:hover      { color: #CC0000; text-decoration: none;}
  th           { background-color:#88A5C1; text-align: center;}
  ul           { padding-left: 25px; margin-left: 0; margin-top:0px; margin-bottom:0px;}
  select       { font-size: 8pt;}
  form         { font-size: 8pt; margin-bottom: 0; margin-top: 0; }
  input        { font-size: 8pt; font-weight: normal;}
  img          { border-style: none;}

  /* Common class */
div.spacer         { clear: both; }
  .popper          { position: absolute; visibility: hidden }
  .popMsgFont      { font-size: 9pt;}
  .lettrine        { font-size: 14pt; color: #808080; font-weight: bold;}
  .left            { text-align: left;}
  .left td         { text-align: left;}
  .left th         { text-align: left;}
  .right           { text-align: right;}
  .center          { text-align: center;}
  .center_td td    { text-align: center;}
  .justify         { text-align: justify;}
  .valigntop  td   { vertical-align:top;}
  .color_2         { background-color:#88A5C1;}
  .td_center td    { text-align:center; font-size: 8pt;}
  .td_left td      { text-align:left;}
  .td_color_tr td  { background-color:transparent;}
  .td_color_2 td   { background-color:#88A5C1;}
  .td_color_3 td   { background-color:#EDF0F5;}
  .tr_color_3 tr   { background-color:#EDF0F5;}
  .tr_color_4 tr   { background-color:#EDF0F5;}
  .td_para_4 td  { padding: 0px 4px 0px 4px; font-size:8pt;}  
  
  .section         { text-align: justify; margin-bottom:15px; clear:both}
  .sectionHR       { text-align: justify; clear:both}
  .sectionBorder   { border: #808080 1px dashed; padding: 5px; text-align: justify; margin-bottom:15px; clear:both;}
  .sectionTitle    { height: 17px; line-height: 17px; font-size: 11px; font-weight: bold; background-color:#88A5C1; margin-bottom: 6px; padding-left:5px; clear:both}
  .articleComment  { background-color:#e9e9e9; margin-bottom:3px; margin-top:10px;}
  .articleTd td    { font-size:8pt; font-weight:bold; text-align:center;}
  .row_color_4     { background-color:#C0CBDC; vertical-align:middle;}
  .row_color_3     { background-color:#EDF0F5;}
  .row_color_2     { background-color:#88A5C1; vertical-align:middle;}
  .row_color_5     { background-color:#ACACD5; vertical-align:middle;}
  .new             { font-size: 7pt; color: #FF0000;}
  .tab_300         { position:absolute; left:300px;}
  .tab_420         { position:absolute; left:420px;}
  .border_1        { border: #808080 1px solid; padding:5px; background-color:#F7F7F7; margin-bottom:15px; text-align: justify;}
  .border_1HR      { border: #808080 1px solid; padding:5px; background-color:#F7F7F7; text-align: justify;}
  .quote           { border: #808080 1px dashed; background-color: #ffffff; padding: 5px; display: block; margin: 7px 5px 7px 7px;}
  .entete_1 th     {font-size: 8pt; color: #555555; white-space:nowrap;}
  .entete_2        {font-size: 8pt; color: #666666; white-space:nowrap; padding-left:5px; text-align:left; vertical-align:top;}
  .entete_3 th     {font-size: 8pt; color: #000000; white-space:nowrap;}
  .entete_4 th     {font-size:8pt; color:#3f3f3f; white-space:nowrap; text-align:left; padding-right:5px; vertical-align:top;}
  .entete_5        {float:left; width:50px; font-size:8pt; color:#3f3f3f; font-weight:bold; text-align:left; padding-right:10px; background:#88A5C1;}
  .entete_6        {float:left; width:30px; margin-left:5px;}
  .entete_7 th     {font-size: 8pt; color: #000000; white-space:nowrap; text-align:center;}
  .font_1          { font-size: 12pt; color: #FF0000; font-weight: bold;}
  .font8           {font-size:8pt;}
  .commentCell     { border:#C0C0C0 1px solid; background-color:#E9E9E9; padding:1px; display:block; margin:2px; font-size:7pt; text-align:center;}
  .liTopo1         { font-weight: bold; list-style-type:none; background-image: url('../../common/images/montagne_4.gif'); 
                     background-repeat:no-repeat; margin-left:-20px; padding-left:17px; background-position: 0% 55% }
  .liTopo2         { font-size:8pt; list-style-type:none; background-image: url('../../common/images/photo_1.gif'); 
                     background-repeat:no-repeat; margin-left:-15px; padding-left:15px; background-position: 0% 85% }
  .liTopo3         { font-weight: bold; list-style-type: none; background-image: url('images/montagne_5.gif'); 
                     background-repeat:no-repeat; margin-left:-20px; padding-left:17px; background-position: 0% 55% }

  .liTopo4         { list-style-type:none; background-image: url('images/link_1.gif'); 
                     background-repeat:no-repeat; margin-left:-20px; padding-left:17px; background-position: 0% 0%}

  .table_width     {width:99%;}
  .td_width        {width:20;}
  -->
