* {margin:0;padding:0}
     h6{
       font: 12px sans-serif;}
     body{
      font: 12px sans-serif;
      background-attachment:fixed;
      cursor: url("brub.cur"), url("brub_lien.cur"), text;
      behavior: url("csshover.htc");
      height:100%;
      width: 100%;
      top: 0;
      left: 0;
      height:100%;
      color: #000;
      margin: 0;
      padding: 0;
      }
      #hits{
      position: relative;
      top: -13px;
      left: 335px;
      color: #3E5964;
      z-index: 100;
      }
      #gif{
      position:absolute;
      top: 138px;
      right: 75px;
      height: 27px;
      width: 77px;
      z-index: 9;
      }
      .western{
      font: 12px Arial, Helvetica, sans-serif;
      }
      .petit{
      text-align: right;
      font: 9px Arial, Helvetica, sans-serif;
      }
      .auteur{
      text-align: right;
      }
      P{
      margin: 10px 0 10px 0;
      }
      .imprimer{
      text-align: right;
      margin: 0px;
      padding: 0px;
      }
      H3{
      font: bold 11px Arial, Helvetica, sans-serif;
      text-align: justify;
      padding: 0px;
      margin: 20px 0 0px 0;
      }
      H4{
      text-align: center;
      padding: 0px;
       margin: 10px 0 5px 0;
      }
      H5{
      text-align: center;
      font: bold 11px Arial, Helvetica, sans-serif;
      padding: 0px;
       margin: 0px 0 15px 0;
      }
      H6{
       font: bold 14px Arial, Helvetica, sans-serif;
       padding: 0px;
       margin: 0px 0 15px 0;
      }
      .mail{
      font: bold 8px Arial, Helvetica, sans-serif;
      margin: 10px 0 0 0;
      }
      .note{
      font: bold 9px Arial, Helvetica, sans-serif;
      }
      p {text-align: justify;
      font: 12px sans-serif;}
      #boite1 { /* boite quelconque pour exemple de centrage */
      position: relative;
      top: 0px;
      left: 50%;
      border: 0px solid red;
      padding: 0 0 3px 0;
      margin: 5px 0 10px -375px;
      width: 750px;
      min-height: 690px;
      background: #FFF;
      }
      #barre_basse{
      position: relative;
      background: url(backtop.gif) repeat-x 0px 0px;
      text-align: center;
      padding-top: 2px;
      margin-top:300px;
      font: 12px Arial, Helvetica, sans-serif;
      }

       *>.box {padding-top: 600px; min-height: 1px; }
	*>.box h6 {margin-top: -600px;}
	* html .box {
		/* IE5Mac filter \*/
		height: 600px;
		margin-top: -37px;
		margin-right: 190px;
		margin-left: 20px;
		/* end filter */
	}

      .box {
		background: #eee;

	}

      #separ{
      position: relative;
      top:-80px;
      width: 100%;
      background: url(separ.gif) no-repeat 0 0;
      }
      #top_fond{
      position: relative;
      width: 750px;
      height: 80px;
      background: url(nuit.jpg) no-repeat 50% 100%;
      }
       #top{
      position: relative;
      width: 750px;
      height: 80px;
      background: url(nuit.gif) no-repeat 50% 100%;
      }
      #top_callebaut{
      position: relative;
      top: -80px;
      width: 750px;
      height: 80px;
      background: url(ban_callebaut.gif) no-repeat 50% 100%;
      }
      #top_declic{
      position: relative;
      top: -80px;
      width: 750px;
      height: 80px;
      background: url(ban_declic.gif) no-repeat 50% 100%;
      }
      #top_news{
      position: relative;
      top: -80px;
      width: 750px;
      height: 80px;
      background: url(ban_news.gif) no-repeat 50% 100%;
      }
      #top_liens{
      position: relative;
      top: -80px;
      width: 750px;
      height: 80px;
      background: url(ban_liens.gif) no-repeat 50% 100%;
      z-index: 1000;
      }
      #barre_menu{
      position: relative;
      top: -80px;
      width: 100%;
      height: 31px;
      background: url(fceldhp2.gif) repeat-x 100px 0;
      padding: 0px 0 0 0px;
      z-index: 1;
      }
      
      img.doc{
      float: left;
      margin: 20px 20px 10px 20px;
      padding: 0;
      }
      img.docg{
      float: left;
      margin: 20px 20px 10px 0px;
      padding: 0;
      vertical-align: middle;
      }
      
      #barre_menu_top{
      position: relative;
      width: 100%;
      height: 31px;
      background: url(menu3.gif) repeat-x 100% 50%  ;
      z-index: 1;
      }
      #boite3
      {
      position: relative;
      width: 100%;
      height: 100px;
      margin: 0;
      padding: 0;
      background: blue
      }
      #boite2 { /* boite quelconque pour exemple de centrage */
      position: absolute;
      float: right;
      top : 118px;
      right: 0px;
      width: 168px;
      height: 1300px;
      margin: 0;
      background: transparent;
      text-align: center;
      z-index: 10;
      }
      #boite2_top{
      clear: both;
      position: relative;
      float: right;
      width: 168px;
      height:23px;
      background: transparent url(hautnews.gif) no-repeat 0% 50%;
    
      }
      a.boite2_top2{
      clear: both;
      position: relative;
      float: right;
      width: 168px;
      height: 25px;
      background: url(basnews.gif) no-repeat 0% 50%;
      }
      #boite2_contenu{
      position: relative;
      top: 0;
      clear: both;
      float: right;
      width: 168px;
      /*height:523px;*/
      background: #cee7de;
      border-left: 1px solid #000;
      }
      #oli{
      position: relative;
      float : right;
      width:150px;
      height: 508px;
      margin: 20px 0 50px 0;
      /*background: url(oli.jpg) no-repeat 50% 100%;*/
      }
      #boite2_bas{
      position: relative;
      clear: both;
      float: right;
      top: 0;
      height: 20px;
      width: 168px;
      background: url(tabbsdhp2.gif) no-repeat 0px 100%;
      }
      #boite_gauche { /* boite quelconque pour exemple de centrage */
      position: absolute;
      top : 170px;
      left:15px;
      width: 540px;
      height: 300px;
      margin: 0;
      padding: 0px;
      background: transparent;
      text-align: justify;
      }
      .classe_signature{
      font: 14px Arial, Helvetica, sans-serif;
      text-align: right;
      padding: 0px 0 0px 25px;
      margin: -23px 0px 0px 0px;
      }
      .classe_retrait{
      text-indent: 300px;
      font: 12px sans-serif;
      }
      
      .classe_declic{
      margin-left: 120px;
      }
      .classe_li{
      background: url(backtop.gif) repeat-x 0px 0px ;
      font: 14px Arial, Helvetica, sans-serif;
      list-style: none;
      text-align: justify;
      padding: 3px 0 0 25px;
      margin-bottom: 0px;
      }
      li{
      font: 12px Arial, Helvetica, sans-serif;
      padding: 1px 0px px 18px;

      }
      ul{
      padding: 1px 0px 4px 38px;

      }
      #texte li{
      font: 12px Arial, Helvetica, sans-serif;
      padding: 1px 0px px 18px;
      text-align: justify;
      }
      #texte ul{
      padding: 1px 0px 4px 38px;
      }
      .classe_ul{
      font: 16px Arial, Helvetica, sans-serif;
      padding: 20px 0 20px 10px;

      }
      .classe_table{
      font: 10px Arial, Helvetica, sans-serif;
      text-align: center;
      border: 1;
      }
      #td{
      font: 18px Arial, Helvetica, sans-serif;
      }
      .classe_td{
      valign: center;
      font: 18px Arial, Helvetica, sans-serif;
      }

      .level1{padding: 2px 0 0 0}

      .submenu1{
      background: url(backtop.gif) repeat-x 0px 0px;
      font: 14px Arial, Helvetica, sans-serif;
      list-style: none;
      text-align: left;
      marging: 350px 0 15px 0px;
      padding: 2px 0 15px 5px;
      }
      .level2{margin-top: 15px;
      font: 12px Arial, Helvetica, sans-serif;
      }
      #sign{
      margin-bottom: 15px;
      text-align: right;
      }
      #boite_bas { /* boite quelconque pour exemple de cenw²ge */
      position: relative;
      top : 0px;
      width: 168px;
      height: 300px;
      margin: 3px 2px 0px 3px;
      background: #cee7de;
      text-align: center
      }
      input{
      margin-top:10px;
      }
      #nav_bar {margin: 0px 0 0 0px; padding: 0px 0 0 0px;}
      #nav_bar li {list-style: none; float: left; margin: 4px 0 0 3px; width: 77px;
      font-size: 9px; line-height: 20px; white-space: nowrap;}
      #nav_bar a {display: block; float: left; padding: 0 0 0 0px;
      text-decoration: none; font-weight: bold;
      text-align: center;
      border: 1px solid; border-color: #FFF #333 #333 #FFF;
      /*background: #CCC url(tab-bumps.gif) 2px 50% no-repeat;*/
      color: #333;}
      /* Commented Backslash Hack hides rule from IE5-Mac \*/
      #nav_bar a {float: none;} 	   /* End IE5-Mac hack */
      /*ul {margin-left: 15px; padding: 0}*/
      a:link { color:#517285; text-decoration:none }
      a:visited { color:#517285; text-decoration:none }
      a:link:hover { color:#ED9609; text-decoration:none}
      a:visited:hover { color:#ED9609; text-decoration:none;	cursor: url("brub_lien.cur"), url("brub.cur"), text; }
      a:link:active { color:#517285; text-decoration:none }
      a:visited:active { color:#517285; text-decoration:none }