html, body { height:100%; width:100%; margin:0; }

body { color:#fff; background-color: #003366; text-align:center;
scrollbar-track-color:#ddd; scrollbar-base-color:#5588aa;
}

#main { position:relative; top:0; left:0; margin:0 auto; width:950px; text-align:right; }

#entete { text-align:right; margin:0; height:90px;
        background:url("images/bDSC_0021.JPG") repeat left bottom;
}
#entete h3 { font-size:46pt; margin:0.2em 0; padding:0; padding-right:0.5em; color:#ff0;  }
#entete h3:hover { color:#ff0; }

#menu { width:160px; position:absolute; left:0; top:90px; text-align:left;  }
#menu ul, #menu ul li { margin:0; padding:0; list-style-type:none;  }
#menu ul li { width:100%; margin:0; padding:0; display:block; clear:left; border:0px solid #0f0; }
#menu ul li a {  margin:0; text-indent:1em;  font-size:12pt; color:#ddd; width:100%; display:block; float:left;
      line-height:2em;             border:0px solid #f00;
      /*font-family:"Matisse ITC"; xfont-weight:900;*/
      font-family:"Augie";
      text-decoration:none;
}
#menu ul li a:hover { color:#f66; background-color:#5588aa;
	background:url("images/bDSC_0021.JPG") no-repeat 17% 15%;
}

#page { text-align:left; margin-left:auto;      border:0px solid #eee;
      position:relative; top:0; right:0;  width:750px;  padding:1em;
      font-size:100%;
}
#page a { color:#99f; }
#page h4 { text-align:center; font-size:140%; margin:0.2em; }
#page h5 { position:relative; top:0; right:0;  text-align:center; width:300px; margin-left:auto; background-color:#5588aa; font-size:140%; margin:0.2em; }

#page .dim { width:14px; height:14px; background-position:left center; background-repeat:no-repeat; }
#page .dimL { background-image:url("images/l.gif"); }
#page .dimH { background-image:url("images/h.gif"); }
#page .dimD { background-image:url("images/diam.gif"); }


#page .center { text-align:center; }

	#liste {
		width:100%; height:144px; overflow:auto; overflow-y:hidden;
	}
      #liste .box { display:block; width:210px; height:106px;  border-right:1px solid #58a; }
      #liste .box div { text-align:center; font-weight:900; }
      #liste .box p { margin:0; padding:0; }
      #liste .box img { border:0; float:left; }
      #liste .box a { color:#5588aa; }

#diapo { filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); }
#z_ombre { background-color:#036; filter:progid:DXImageTransform.Microsoft.Alpha(opacity:80); opacity:0.8; }
#z_image { border:10px solid #fff; visibility:hidden; }
#z_titre { line-height:9px; height:10px; font-size:80%; color:#c00; font-weight:700; letter-spacing:0.1em; }
#z_close { visibility:hidden; }
.fancyTitle { color:#ff0; font-weight:700; width:10em; } /* titre zoom */


 .print { display:none; }
 .noprint { display:block; }
 
 #logo { position:absolute; z-index:9; left:-10px; top:-5px; width:169px; height:90px;
       background:url("images/logo.90.jpg") no-repeat center center;
 }