*{margin:0;padding:0;color:#000000;text-align:center;font-family:sans-serif;}

body{background-color:#f0f0f0;}

#page{border-radius:0 0 10px 10px;width:1000px;margin:0 auto;clear:both;border:1px solid #d5d3d0;
      background:#fff url(_img/degrade-gris.png) repeat-x;padding-top:24px;text-align:center;}

#menu{width:1000px;background:#00ffff;margin:0 auto;margin-top:10px;height:50px;
      border:1px solid #d5d3d0;border-width:1px 1px 0 1px;border-radius:10px 10px 0 0;}
.logo{float:left;height:48px;padding:0 20px 0 4px;}
.menu{float:left;width:100px;height:35px;text-align:center;padding-top:15px;}
.menu a{display:block;height:32px;padding-top:3px;font:normal 10px verdana, sans-serif;}
.menu a:link, .menu a:visited{color:#000;text-decoration:none;background:#abc url(_img/menu_gris.png);}
.menu a:hover, .menu a:active, .menu a:focus{background:#abc url(_img/menu_vert.png);}
.menu#activ a:link, .menu#activ a:visited{background:#abc url(_img/menu_bleu.png);font-weight:bold;}

#index{position:relative;z-index:10;font-size:80%;}
#index ul{margin:0 0 -8px 372px;list-style-type:none;padding:4px;}
#index li{float:left;position:relative;padding:0px 12px 0px 12px;border-right:1px solid #9d9d9d;background-color:#dddddd;}
#index li.niveau0:hover{background-color:#8d8d8d;}
/* sub menu */
#index li.niveau0:hover ul{left:0;top:16px;}
#index ul ul{position:absolute;left:-999em;width:164px;background-color:#fff;padding:0;margin:-1px 0 0 0;border:1px solid #D6D4D0;}
#index ul ul li{clear:both;font-size:90%;text-align:left;color:#808080;background-color:#fff;margin:0;border:0;}
#index ul ul li a:hover{text-decoration:underline;}

a{color:#808080;font-weight:normal;}
a:hover{color:black;}
p{padding:2px;margin:0;margin-left:auto;margin-right:auto;font-size:80%;}
h2{clear:both;margin-left:10px;margin-right:10px;background-color:#e0ffff;color:#0000A0;font-size:120%;padding:10px;}
/* h2{font-size:100%;} */
h3{font-size:100%;background-color:#e8e8e8;width:920px;margin:0 auto;} 
hr{height:2px;width:980px;border-width:0px;margin:5px auto 5px auto;background-color:#e8e8e8; }
pre{font-family:monospace;font-size:small;text-align:left;}

table{margin:auto;}
td.document{font-size:70%;padding:10px;}
td.lien{font-size:70%;width:50px;}

img{border:0;}
img.screenshot{width:144px;height:108px;border:1px solid #D5D3D0;margin:2px;}
img.screenshot:hover{width:336px;height:270px;margin-top:-81px;margin-bottom:-81px;margin-left:-94px;margin-right:-94px;position:relative;z-index:8;}
img.cover{height:250px;padding:12px 4px 12px 4px;}
img.cover:hover{height:580px;margin-top:-330px;margin-left:-100px;margin-right:-100px;position:relative;z-index:8;}
img.disk{height:100px;padding:12px 4px 12px 4px;}
img.disk:hover{height:250px;margin-top:-150px;margin-left:-100px;margin-right:-100px;position:relative;z-index:8;}
img.doc{border:1px solid #D5D3D0; margin-left:6px; margin-right:6px;}

.nota{font-size:60%;}
.gauche{position:relative;left:-440px;margin-bottom:-32px;font-size:50%;color:gray;}
.notice{margin-left:174px;margin-right:174px;color:gray;font-family:sans-serif;font-size:x-small;font-style:italic;text-align:justify;}
.accueil{clear:both;padding:10px 0 10px 0;margin-left:30px;margin-right:30px;text-align:justify;
  font-style:italic;font-size:80%;color:#404040;}
.nouveautes{clear:both;overflow:auto;padding:0 20px 0px 20px;background-color:#F8F8F8;
  margin:0 20px 10px 20px;height:140px;}
.commentaire{color:gray;font-size:60%;font-style:italic;}
.remerciements{clear:both;margin-left:100px;margin-right:100px;text-align:justify;}
.programme{float:left;font-size:60%;width:86px;height:90px;padding:2px;}
.fichier{font-size:60%;width:60px;height:60px;padding:2px;}
.icon{border:1px solid #D5D3D0;}
.liste{clear:both;overflow:auto;padding:0 20px 0 20px;background-color:#F8F8F8;
       margin-left:52px;margin-right:52px;height:146px;}
.google{font-size:70%;width:300px;padding:10px;}
.djvu{font-family:sans-serif;font-size:80%;text-align:left;color:#505050;padding:10px 0 10px 0;}
.footer{font-size:70%;font-weight:bold;}