/*
// droits d'auteurs 2003 - 2010 copyrights - sergewebservice@yahoo.ca 
// 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. 
//

Rappels:
feuillesdautomne gazonneigeautomne_2182 gazonprintemps_0026 gazontrefle_0272 gazonneigeautomne_2182 neige feuillesperceneige gazonfeuillesprintemps gazonmivertprintemps */

body { margin: 0; padding: 0; }
body.portique, body.feedback { background: #bbccdd url(images-gen/bg-gazontrefle_0272.jpg) bottom left fixed; }
body.jeu { margin: 0 10px; padding: 0 10px; }
a.txt:link { text-decoration: none; } 
a.txt:visited { text-decoration: none; }
a.portique:link, a#rating:link { color: #336600; } 
a.portique:visited, a#rating:visited { color: #337337; } 
a.portique:hover { color: #003300; background: #cce0cc; }
a.portique:active { text-decoration: none; color: #339933; }
a.jeu:hover { color: #003300; background: #00cc66; }
a.anim { text-decoration: none; color: #006633; background: #f0f8f0; }
a.anim:hover { color: #003300; background: #ccddcc; }
p.evalpage { margin: 20px; font: 13px/18px comic sans ms, arial, helvetica; }
a#rating:link, a#rating:visited, a#organ2:link, a#organ2:visited { display: block; height: 40px; width: 110px; padding: 4px; border: 1px outset; text-align: center; text-decoration: none; color: #000033; }
a#rating:hover, a#organ2:hover { background: #ccddcc; }
a#rating:active, a#organ2:active { position: relative; left: 1px; top: 1px; border: 1px inset; } 
div.ciel { color: #00FA9A; }
div.prophoto { position: absolute; z-index: 3; height: 620px; width: 820px; background: url(images-gen/invis.gif); }
/*Le bg des textes est soit roc, soit papier, ou bois. Bois est moins bon. Faire un "replace". */
div#infocoliade { border: 2px inset; /*ce bord au lieu de outset: border-color: #eeeeee #999999 #999999 #eeeeee;*/ background: #999999 url(images-gen/bg-centre-papier.gif) center; position: absolute; z-index: 1; margin-top: 15px; margin-left: 0; padding: 10px; width: 495px; visibility: hidden; display: block; } 
body.feedback form td { width: 90%; padding: 10px; background: #ccddcc; }
body.feedback fieldset { padding: 20px; }
table.feedback { border: 1px outset; } 
table.cartedesaison { border-color: #cc9966; } 
table.margin { margin-left: 35px;}
table.fond { background: slateblue url(images-jeu/jeu-fond.jpg); }
body.portique th.fr, body.portique th.en { background: #ccccdd; } /* background pour netscape 4 */
thead.bg3D th.fr { background: url(images-gen/bg-coins-papier.gif) no-repeat top left; }
thead.bg3D th.en { background: url(images-gen/bg-coins-papier.gif) no-repeat top right; }
body.portique td.fr, body.portique td.en { background: #ddddee; } /* background pour netscape 4 */
body.portique td.fr { font: 14px arial, helvetica; padding-left: 25px; color: #003333; vertical-align: top; }
body.portique td.en { font: 14px arial, helvetica; padding-right: 25px; color: #003333; vertical-align: top; }
tbody#centrale_a td.fr, tbody#centrale td.fr { background: url(images-gen/bg-centre-papier.gif) repeat-y left; }
tbody#centrale_a td.en, tbody#centrale td.en { background: url(images-gen/bg-centre-papier.gif) repeat-y right; }
body.portique td#tdfin {background: url(images-gen/bg-coins-papier.gif) no-repeat bottom left; }
body.portique td#tdend {background: url(images-gen/bg-coins-papier.gif) no-repeat bottom right;}
td.titre { background: #2E8B57; font: bold 16px arial; color: #90EE90;  }
td.corps { background: #B0E6e0; font: 12px arial; color: #197019; }
td.info { background: #E6fae6; }
td.cartedesaison { color: rgb(0,0,0); padding: 0; height: 360px; background: #f8f8ff url(images-gen/saison3.jpg) no-repeat bottom; } /* couleur de départ du texte. Même que quand k=0 dans tapecouleur du javascript. */
td.bottominfo { font: smaller arial; }
td.end { border: 1px outset; background: #99c0d0 url(http://sergewebservice.ca/serge/images-gen/BG-KHmt7.jpg) no-repeat center; overflow: hidden;  } 
tbody#centrale_a img.encastrer, tbody#centrale img.encastrer { border: thin inset #ddffff; }
img.cartedesaison { position: absolute; z-index: 1; visibility: hidden; } 
img.btn { display: none; } 
/* filter: alpha(opacity=100); */
th img.btn { position: absolute; }
td img.btn { position: relative; }
img#btn-coll0-fr { left: 5%; margin: 10px 0 0 20px; visibility: visible; }
img#btn-coll0-en { right: 5%; margin: 10px 20px 0 0; visibility: visible; }
img#imageT { float: right; margin: 5px 0 5px 10px; }
p { font-family: arial, helvetica; }
th.fr p, th.en p, td.fr p, td.en p { ; }
td.end p { font: bolder 13px comic sans ms, arial, helvetica; }
div#infocoliade p { display: block; }
p.wishes { font: 16px/20px comic sans ms, arial, helvetica; padding: 0 15px 10px 15px; }
body.animation p, body.feedback p, body.feedback td { color: #666600; font-family: comic sans ms, arial, helvetica; }
body.animation p.en { color: #336633; }
body.animation p.fr { color: #666600; }
p.jeu, form.jeu, input.jeu, input.feedback { font-family: comic sans ms, arial, helvetica; }
/* td.end p>span { background: url(images-gen/bg-endspan.gif) left bottom; } */
span.fr { color: #336600; } /* ces trois spans déterminent couleurs texte dans le td.end */
span.bi { color: #334400; }
span.en { color: #336600; }
span#sans, span#without, img.aile { cursor: pointer; } 
h1 { color: #008000; font: 30px arial, helvetica; margin-left: 30%;  }
h2 { color: #006633; font: 20px arial, helvetica; margin: 10px; }
h3 { color: #006600; font-family: comic sans ms, arial, helvetica; }
h4 { font-family: arial, helvetica; }
h1.jeu { color: #008000; font: 30px comic sans ms, arial, helvetica ; margin-left: 5%; }
h2.jeu { color: #006600; font: 20px arial, helvetica; margin-left: 5%  }
h1.portique { color: #cceecc; font: 30px comic sans ms, arial, helvetica; text-shadow: #999999 4px 4px 2px; margin: 0 10px; padding: 30px 0px; } /* hiver: 99aabb */
h2.portique {color: #337700; font: 20px comic sans ms, arial, helvetica; margin: 10px 10px 10px 35px; }
h3.portique {color: #337700; font: 16px comic sans ms, arial, helvetica; margin: 0 0 0 10px; }
h1.feedback {color: #99bbaa; font: 30px arial, helvetica; margin: 0 10px; padding: 30px 0px; text-shadow: #999999 4px 4px 2px; }
h1.anim {color: #336633; font: 30px arial, helvetica; margin: 0 10px; padding: 30px 0px; }
h2.anim {color: #339966; }
u {color: #000000; }
div.bravo { display: none; width: 500px; height:500px; margin-left: 20px; margin-top: 0px; background: #339966 url(images-jeu/bravo-ec-bg.jpg) no-repeat center; }
div.yl0, div.yl1, div.yl2, div.yl3, div.yl4 { visibility: visible; display: block; position: absolute; z-index: -2; }


/* 
// droits d'auteurs 2003 - 2010 copyrights - sergewebservice@yahoo.ca 
// 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. 
*/