#body {margin:0px; padding:0px;}

  #container { 
    position: absolute; 
    width: 766px;
    left: 50%;
    margin-left: -383px;
	
	margin-top: 226px;
    }

  #appendix { 
   font-size:0.9EM;
   width:765px;
   height:38px;
   text-align:center;
   }

  #appendix a { 
   text-decoration:none;
   }

  #appendix a:hover { 
   text-decoration:underline;
   }

  #appendix ul { 
    margin:0px; padding:0px;
   }

  #appendix li { 
   margin:0px; padding:0px; display:inline;
   margin-right:10px !important;
   margin-leftt:10px !important;
   }

#data  {
    margin-left: 228px;
	margin-bottom : 20px;
	padding-bottom:15px !important;
	
	background : #fefef6;
    height: auto !important;
    height: 500px;
    min-height: 500px;
    border-left: solid 3px #fdf4a6;
    border-right: solid 4px #fdf4a6;
    width : 519px;
	
}

#container > #data  {
    width : 512px; /*hack pour IE par rapport au fait qu'il inclut 
	 les bordures dans la largeur width contrairement  firefox*/
	margin-top:-30px; /* j'observe un dcalage sur firefox. Ce qui permet de l'effacer*/
}

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

  h1 {margin-top:0px; padding-top:0px; margin-bottom:10px; margin-left:20px; margin-right:20px; font-size:1.5em;}
  p, h2, h3 {margin-left:40px;margin-right:20px; text-align:justify;}
  #data ul {margin-left:60px;margin-right:20px; text-align:justify;}
  #data ul li {margin-bottom:10px;}
  
  h2 {font-size:medium;}

  div.description {margin-left:40px; margin-right:10px; margin-bottom:12px; margin-height:12px;
  height: auto !important;
  height:220px; min-height:220px;}
  div.description p {margin-left:0px;}  

 .navigate ul.thumbs {  float: right;display:block;
	margin:0px !important;
	padding:0px !important;
    width: 140px;
    }

  ul.thumbs li {display:block;
	margin:4px;	
    float: left;
    }
	
  ul.thumbs a { margin: 0px; padding:0px;
               }

  img#zoom {margin-left:10px;
            margin-top:6px;}	

  div#content img.zoomGallery {float:left; display:block; margin-left:5px !important; margin-right:5px !important; margin-top:3px !important;}
 
  ul#menuGallery {  float: left;display:block;
	margin:0px !important;
	padding:0px !important;
    width:100%;
    }

  ul#menuGallery li {display:block;
	margin:16px;
	width:130px; height:150px;
	text-align:center;	
    float:left;
    }
	
  ul#menuGallery li span {display:block;
    }
		
	
  ul#menuGallery a { margin:0px; padding:0px;
    }	
  
#generalBar {
font-size:15px;

text-align : right;

position : absolute;
top:0px; left:0px;
padding:0px;
margin-left:26px;
width : 195px;
}
#container > #generalBar  {
    width : 189px; /*hack pour IE par rapport au fait qu'il inclut 
	 les bordures dans la largeur width contrairement  firefox*/
}
  
  #generalBar li {
    list-style-type: none;
    margin : 0px; padding:10px; margin-right:30px;
    }

  ul#linearBar li { float: left; margin-right:20px;
    }

  ul#linearBar {display:block; margin-left:50px !important; margin-bottom:80px;   list-style-type:none;
    }
  ul#linearBar a { text-decoration:none;
    }
  .describeLinearBar {float:left;}


  div.post {padding:20px; padding-bottom : 5px; margin:10px; margin-left:50px; margin-bottom:20px;}
  div.post div.infos {text-align:right;}
  div.message p {padding:0px;margin:0px;}  
  
  .description img {float:left; margin-right:20px; margin-bottom:5px;}
  
  img.illustration {float:left; margin-right:10px; margin-bottom:5px;}

/*   classe more   */

  ul.more {margin-left:50px !important; margin-bottom:20px !important; padding-left:0px !important;}
  ul.more  a {text-decoration:none;}    
  ul.more  a:hover {text-decoration:underline;}    
  ul.more li {margin-left:0px !important;  padding-left:12px !important; 
              float:left; display:block; margin-right:25px;
			  }