/*
// droits d'auteurs 2005 - 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: #ccccf0 url(images-gen/bg-index2b.jpg) bottom left no-repeat; }
a:link { color: #333333; text-decoration: none; } 
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #000000; }
a:active { color: #333333; }
a.txt:link { color: #333344; padding: 0px 5px; } 
a.txt:visited { color: #555566; padding: 0px 5px; }
a.txt:hover { color: #222233; background: #dddde0; }
a.txt:active { color: #9999cc; background: #dddde0; }
a.nav:link { color: #333333; } 
a.nav:visited { color: #666666; }
a.nav:hover { color: #000000; }
a.nav:active { color: #ffffee; }
a.navdans:link { color: #663333; padding: 2px 5px; } 
a.navdans:visited { color: #885555; padding: 2px 5px; }
a.navdans:hover { border: 1px outset #ff9999; color: #330000; background: #ddaaaa; }
a.navdans:active { border: 1px inset #ff9999; color: #ffcccc; background: #cc9999; }
a.navhors:link { display: block; margin-bottom: 1px; border: 2px solid #cc9999; color: #553322; padding: 2px 5px;  margin-left: -5px; } 
a.navhors:visited { display: block; margin-bottom: 1px; border: 2px solid #cc9999; color: #776644; padding: 2px 5px;  margin-left: -5px; }
a.navhors:hover { display: block; margin-bottom: 1px; border: 2px outset #ff9999; text-decoration: underline; color: #332200; background: #ddaaaa; }
a.navhors:active { display: block; margin-top: 1px; margin-bottom: 0px; border: 2px inset #ff9999; color: #ffeeee; background: #eeaabb; }

table { empty-cells: show; }
td.navtop { cursor: pointer; white-space: nowrap; vertical-align: top; font: bold 15px/18px arial, helvetica; background: #cccccc url(images-gen/bg-grad-gris.gif) center repeat-x; }
td#tdnavtopgauche { width: 60%; }
td#tdnavtopdroit { width: 10%; }
div.navtop { padding: 2px 0px 4px 0px; }
div.navtop span { border-bottom: solid 2px #999999; }
span.navtopg { padding: 2px 6px; /* background: url(images-gen/bg-btn-navtop--0.gif) no-repeat top left */; }
span.navtopdr { padding: 2px 6px; /* background: url(images-gen/bg-btn-navtop--0.gif) no-repeat top right */; }
div.navtop span.en, div.navtop span.fr, div.navtop span.langsep { padding: 2px 0px; text-align: center; /* background: url(images-gen/bg-btn-navtop--0.gif) no-repeat top center */; }
div.droptop { margin-top: 22px; position: absolute; z-index: 1; visibility: hidden; max-width: 220px; font: bold 15px/18px arial, helvetica; background: #8ccc8c; } /*overflow: hidden; */
ul.navtop { border: 2px outset #666666; border-top: none; margin: 0px; padding: 4px 12px; white-space: normal; font: 13px/16px comic sans ms, arial, helvetica; background: #9c9c9c; }

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 237px 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: url(images-gen/bg-ombre-rougp.gif) top left; } /*overflow: hidden; */
p.navmarge { border: 2px inset #cc6666; 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: #503333; }
ul.navmarge { border: 2px inset #ff9999; 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 50px; } /*padding pour IE, sur div: margin-right pour gecko, max-width: 60%; pour opera 9 */
div.scene, div.explications { border: 2px outset #ffeeee; padding: 20px; margin-right: 20px; max-width: 60%; position: absolute; z-index: 0; visibility: hidden; font: 15px/18px arial, helvetica; background: #f0f0f2; } /* overflow: visible; sur firefox, hidden sur opera 9. Mis ds le js du html. */
div.explications { display: block; visibility: visible; } 
div.explications h3 { font: 22px/26px monotype corsiva, arial, helvetica; } 
div.explications p { text-indent: 50px; font: 20px/24px monotype corsiva, arial, helvetica; } 
div.explications div.parade { float: right; margin: 10px; width: 262px; }
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: 40px; background: url(images-gen/bg-bord-brique-0.jpg) top right; } 
td#decoration3  { height: 40px; background: url(images-gen/bg-bord-brique-1.gif) repeat-y top left; } 
td.navmarge  { background: url(images-gen/bg-bord-brique-0.jpg) top right; } 
td.stage  { background: url(images-gen/bg-bord-brique-1.gif) repeat-y top left; } 
td#decoration4  { width: 234px; height: 197px; text-align: center; vertical-align: middle; color: #225522; font: 12px comic sans ms, arial, helvetica; background: url(images-gen/bg-bord-brique-0b.jpg) bottom right; } 
td#decoration5  { height: 197px; background: url(images-gen/bg-bord-brique-1b.gif) repeat-y bottom left; } 
img.encastrer { margin: 20px; border: thin inset #ddeedd; }
img.parade { margin: 10px; border: 1px outset; float: right; }
p  { font-family: comic sans ms, arial, helvetica; }
p#ptest { display: none;  visibility: visible; }
h1 { color: #666680; font: bolder 30px comic sans ms, arial, helvetica; text-align: center; margin: 10px 15%; padding: 10px; }
h2 { color: #333355; font: 20px arial, helvetica; margin: 10px  }
h3 { color: #333344; font-family: comic sans ms, arial, helvetica; }
h4 { font-family: arial, helvetica; }
p span.fr { color: #000033; }
p span.en { color: #330000;  }
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.
*/