/*
// droits d'auteurs 2004 - 2008 copyrights - serge_lamarche@hotmail.com 
// All reproductions are forbidden without written permission
// Toute reproduction est interdite sans autorisation écrite
// Javascripts effects are available at affordable prices. Thanks. 
// Les effets javascripts sont disponibles à prix abordables. Merci. 
// Serge Lamarche.
*/


body.index2 { margin: 0; padding: 0; background: #000000 url(images-gen/bg-terre30-printemps.jpg) center; }
a:link { color: #ffffff; text-decoration: none; } 
a:visited { color: #eeeeee; text-decoration: none; }
a:hover { color: #ffffee; }
a:active { color: #fffff0; }
a.txt:link { border-bottom: solid 1px #999999; color: #ccccdd; margin: 0px 5px; } 
a.txt:visited { color: #bbbbcc; margin: 0px 5px; }
a.txt:hover { color: #ddddee; background: #333340; }
a.txt:active { color: #eeeeff; background: #333340; }
a.nav:link { border: 2px solid #000000; color: #ccccdd; } 
a.nav:visited { border: 2px solid #000000; color: #bbbbcc; }
a.nav:hover { border: 2px solid #222233; color: #eeeeee; background: #000022; }
a.nav:active { color: #ffffee; }
a.navdans:link { color: #888899; padding: 2px 5px; } 
a.navdans:visited { color: #777788; padding: 2px 5px; }
a.navdans:hover { border: 1px outset #999999; color: #9999aa; background: #333344; }
a.navdans:active { border: 1px inset #999999; color: #bbbbcc; background: #333344; }
a.navhors:link { display: block; margin-bottom: 1px; border: 2px solid #000000; color: #99aacc; padding: 2px 5px;  margin-left: -5px; } 
a.navhors:visited { display: block; margin-bottom: 1px; border: 2px solid #000000; color: #aaccdd; padding: 2px 5px;  margin-left: -5px; }
a.navhors:hover { display: block; margin-bottom: 1px; border: 2px outset #999999; text-decoration: underline; color: #ccddff; background: #666688; }
a.navhors:active { display: block; margin-top: 1px; margin-bottom: 0px; border: 2px inset #999999; color: #dfefff; background: #667788; }

table { empty-cells: show; }
td.navtop { cursor: pointer; white-space: nowrap; vertical-align: top; font: bold 15px/18px arial, helvetica; }
td#tdnavtopgauche { width: 5%; }
td#tdnavtopdroit { width: 65%; }
div.navtop { padding: 4px 0px 4px 0px; }
div.navtop span { }
span.navtopg { padding: 2px 6px; }
span.navtopdr { padding: 2px 6px; }
div.navtop span.en, div.navtop span.fr, div.navtop span.langsep { padding: 2px 0px; text-align: center; }
div.droptop { margin-top: 22px; position: absolute; z-index: 1; visibility: hidden; max-width: 220px; font: bold 15px/18px arial, helvetica; background: #000011; } /*overflow: hidden; */
ul.navtop { border: 2px solid #222233; border-top: none; margin: 0px; padding: 4px 6px; white-space: normal; color: #eeeeee; font: 13px/16px comic sans ms, arial, helvetica; background: #000022; }

li { list-style: outside; max-width: 180px; margin: 0px; padding: 1px 2px; border: none; }
ul.navtop li, ul.navmarge>li { list-style: none; }

td.navmarge { padding: 40px 20px 320px 20px; width: 194px; } /* hauteur marge dans le padding */
div.navmarge { margin: 0px 0px 0px 194px; position: absolute; z-index: 1; visibility: hidden; min-width: 180px; max-width: 200px; font: bold 15px/20px arial, helvetica; background: #000000; } /*overflow: hidden; */
p.navmarge { border: 2px solid #222233; margin: 0; padding: 5px 0px 5px 0px; width: 190px; text-align: center; font: bold 14px/20px arial, helvetica; }

p.navmarge span.en, p.navmarge span.fr, p.navmarge span.bi { padding: 2px 10px; color: #888899; }
ul.navmarge { border: 2px solid #222233; border-left: none; margin: 0px; padding: 5px 4px; font: bold 14px/18px comic sans ms, arial, helvetica; background: url(images-gen/bg-borderg0-ombregrisp.gif) no-repeat top left; }

td.stage  { padding: 40px 50px 20px 10px; } /*padding pour IE, sur div: margin-right pour gecko, max-width: 60%; pour opera 9 */
div.scene, div.explications { border: 2px solid #111122; padding: 20px; margin-right: 20px; max-width: 60%; position: absolute; z-index: 0; visibility: hidden; font: 15px/18px arial, helvetica; background: #000011; } /* overflow: visible; sur firefox, hidden sur opera 9. Mis ds le js du html. */
div.explications { display: block; visibility: visible; background: url(images-gen/bg-ombre-noir.gif); } 
div.explications h3 { font: 22px/26px monotype corsiva, arial, helvetica; } 
div.explications p { color: #eeeeff; text-indent: 50px; font: bold 15px/20px courier new, arial, helvetica; } 
div.explications div.parade { float: right; margin: 10px; width: 260px; }
div.explications div.parade p.plegende { text-indent: 0; padding: 0px 10px; font: 12px/14px comic sans ms, arial, helvetica; }

td#decoration0, td#decoration1 { height: 0; } 
td#decoration2  { width: 234px; height: 30px; } 
td#decoration3  { height: 30px; } 
td.navmarge  { ; } 
td.stage  { ; } 
td#decoration4  { width: 234px; height: 20px; text-align: center; vertical-align: top; color: #666677; font: 12px lucida console, arial, helvetica; } 
td#decoration5  { height: 20px; } 
img.encastrer { margin: 20px; border: thin outset #9999aa; }
img.parade { margin: 10px; float: right; }
p  { color: #d0d0e0; font: bold 13px/18px lucida console, arial, helvetica; }
p#ptest { display: none;  visibility: visible; }
h1 { color: #9999aa; font: 20px lucida console, arial, helvetica; text-align: center; margin: 10px 15%; padding: 10px; }
h2 { color: #bbbbcc; font: 20px arial, helvetica; margin: 10px  }
h3 { color: #aaaabb; font-family: lucida console, arial, helvetica; }
h4 { color: #9999aa; font-family: arial, helvetica; }
p span.fr { color: #ddddff; }
p span.en { color: #ffdddd; }
input { border-color: #333344; color: #ddddff; font-family: arial, helvetica; background: #000011; }
div.yl0, div.yl1, div.yl2, div.yl3, div.yl4 { visibility: visible; display: block; }


/*
// droits d'auteurs 2004 - 2008 copyrights - serge_lamarche@hotmail.com 
// All reproductions are forbidden without written permission
// Toute reproduction est interdite sans autorisation écrite
// Javascripts effects are available at affordable prices. Thanks. 
// Les effets javascripts sont disponibles à prix abordables. Merci. 
// Serge Lamarche.
*/