/* ---------- Base -------------- */
html { overflow: hidden; }
body { font-family: Georgia, Times, "Gill Sans", Arial, Verdana, Helvetica, serif; font-size: 1em; font-weight: normal; text-align: center; 
       color: #887769; background-color: #ffffff ; 
	   width: 100%; height: 100%; margin: 0px; padding: 0px;
	   position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%; }

/* ---------- Damier d accueil ---------- */
#screen { position: absolute; left: 5%; top: 180px; width: 60%; height: 60%; background: #fff; overflow: hidden; }
.panel { position: relative; float: left; width: 21%; height: 30%; margin: 1%; overflow: hidden; }
.imgPanel { position: absolute; border: none; text-decoration: none; }

/* ---------- Titres -------------- */
h1 { font: normal 16pt Georgia ; text-align: center ; color: #887769 ; background: #fff ; font-weight: bold ; text-decoration: underline; }
h2 { font: normal 12pt Georgia ; text-align: center ; color: #887769 ; background: #fff ; font-weight: bold ; font-style: italic; text-decoration: none; }

/* ----------  Texte d accueil ---------- */
#texteaccueil { position: absolute; left: 65%; top: 260px; width: 30%; height: 60%; background: #fff; overflow: hidden; }
.texte { font: 12pt Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; color: #887769; text-decoration:none }

/* ---------- Menu Horizontal ---------- */
div.MenuHor, .MenuHor a { font: normal 10pt Corbel, Calibri, Georgia ; text-align: center ; color: #887769 ; background: #FFF ; padding: 6px 15px ; text-decoration: none ; border: 1px #887769 ; border-style: solid none; }
p.MenuHor, .MenuHor a { font: normal 10pt Corbel, Calibri, Georgia ; text-align: center ; color: #887769 ; background: #FFF ; padding: 6px 15px ; text-decoration: none ; border: 1px #887769 ; border-style: solid none; }
.MenuHor a:hover { color: #FFF ; background: #887769 ; }

/* ---------- Flow ---------- */
html { overflow: hidden; }
#imageFlow { position: absolute; width: 100%; height: 60%; left: 0%; top: 300px; overflow: hidden; background: #fff; }
#imageFlow .diapo { position: absolute; left: -4000px; cursor: pointer; -ms-interpolation-mode: nearest-neighbor; }
#imageFlow .link { border: dotted #999 1px; margin-left: -1px; margin-bottom: -1px; }
#imageFlow .text { position: absolute; left: 0px; width: 100%; bottom: 16%; text-align: center; color: #999; font-family: verdana, arial, Helvetica, sans-serif; z-index: 1000; }
#imageFlow .title { font-size: 0.9em; font-weight: bold; }
#imageFlow .legend { font-size: 0.8em; }
#imageFlow .scrollbar { position: absolute; left: 20%; bottom: 20%; width: 60%; height: 16px; z-index: 1000; }
#imageFlow .track { position: absolute; left: 1%; width: 98%; height: 16px; filter: alpha(opacity=30); opacity: 0.3; }
#imageFlow .arrow-left  { position: absolute; left: 0px; top: 1px; width: 20px; height: 15px; }
#imageFlow .arrow-right { position: absolute; right: 0px; top: 1px; width: 20px; height: 15px; }
#imageFlow .bar { position: absolute; height: 16px; left: 25px; }




/* ---------- Styles -------------- */
.style1 { font: italic 14pt Georgia ; text-align: center ; color: #887769 ; background: #fff ; font-weight: lighter ; }
.style2 { font: italic 12pt Georgia ; text-align: center ; color: #887769 ; background: #fff ; font-weight: lighter ; }
.style3 { font: italic 11pt Corbel, Calibri ; text-align: center ; color: #887769 ; background: #FFF ; font-weight: lighter ; }

.word { cursor: pointer; color: #666; position: absolute; z-index: 1; }
.word_over { cursor: pointer; color: #FFF; position: absolute; z-index: 1; }
.word_zoom { position: absolute; font-weight: bold; z-index: 0; }


/* ---------- Liens -------------- */
a:link { color: #999; text-decoration: none ; }
a:visited { color: #999; text-decoration: none ; }
a:hover { color: #fff; background: #999; text-decoration: none ; }
a.img { text-decoration:none; }

/* ------------ Logo --------- */
img#logo { position: relative;  border: 0px ; visibility: visible; }