/*
// (C) 2004 - 2010 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// use strictly forbidden without written consent.
// Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et 
// utilisation est strictement interdite sans autorisation écrite.
// Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou sergelamarche@gmail.com 
// ...for help with your website. Reliable, inexpensive website service. Thanks.
// ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. 
*/


body { margin: 0; padding: 0; }
body.entree { background: #116611 url(images-gen/bg-hr-sts028-7470.jpg) top center fixed; }
body.records { background: #116611 url(images-gen/bg-hr-sts028-7470.jpg) top center fixed; }
body.contact, body.histoires { text-align: justify; }
body.wmxcc { font-family: Times new roman, Arial, Helvetica; }
body.wmxccpast { font-family: garamond, Arial, Helvetica; background: #eefaee; }
table.liens a:link, table.liens a:visited { text-decoration: none; }
a:hover { color: #003300; background: #dde9dd; }
a.miniphotos:hover { color: #003300; background: #ffffff; }
* a.txt:link, * a.txt:visited { text-decoration: none; padding: 0px 5px; } 
* a.img, * a.img:hover { text-decoration: none; padding: 10px; background: transparent; } 
* table.evenements a:link, * table.evenements a:visited { text-decoration: none; padding: 0px 5px; } 
* td.info a:link, * td.info a:visited { text-decoration: none; padding: 0px 5px; } 
body#organigramme a.organ, body#organigramme a.organ:visited, a.btn:link, a.btn:visited { font: 12px/30px comic sans ms, arial, helvetica; padding: 4px; border: outset 1px #999; text-align: center; text-decoration: none; color: #336633; background: #ccddcc; }
body#organigramme a.organ:hover, a.btn:hover { color: #003300; background: #ddeedd; }
body#organigramme a.organ:active, a.btn:active { position: relative; left: 1px; top: 1px; border: inset 1px #999; } 
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; }
a#rating:hover, a#organ2:hover { color: #003300; background: #ccddcc; }
a#rating:active, a#organ2:active { position: relative; left: 1px; top: 1px; border: 1px inset; } 
* div.news a.rss:link, * div.news a.rss:visited { text-decoration: none; padding: 0 8px; background: transparent url(images-gen/rss-vert-0.gif) center no-repeat; } 
* div.news a.rss:hover, * div.news a.rss:active { text-decoration: none; padding: 0 8px; background: transparent url(images-gen/rss-vert-1.gif) center no-repeat; }
* div.news a.twitter:link, * div.news a.twitter:visited { background: transparent url(images-gen/twitter_mini-b.png) center no-repeat; } 
* div.news a.twitter:hover, * div.news a.twitter:active { background: transparent url(images-gen/twitter_mini-b.png) center no-repeat; }

table.calendrier { margin-left: 5%; float: left; text-align: center; }
table.calendrier, table.evenements td { vertical-align: top; font: 13px/20px arial, helvetica; border: 1px solid #ccddcc; background: #f7f9f0 url(images-gen/bg-evmt-vert.gif); }
table.margin { margin-left: 35px; }
table.organ { border: 1px inset; } 
body.records table { color: #ccffcc; }
table.records2 { background: #336633 url(images-gen/bg-etoiles-5.gif) repeat; font: 13px Arial, helvetica; }
table.choixvideo {  border: 1px outset; background: #99aa99; }
table.wmxcc { border-collapse: collapse; empty-cells: show; border-bottom: 2px solid #339966; caption-side: top; background: #bbddb0 url(images-gen/bg-vert-1.gif) repeat; }
table.calendrier th { color: #003300; }
table.calendrier td.bas, td.evmtbas { border-bottom: solid 2px #006600; }
table.calendrier td.un, td.evmtun { border-top: solid 2px #006600; border-left: solid 2px #006600; }
table.calendrier td.haut, td.evmthaut { border-top: solid 2px #006600; }
td.evmt, td.evmtbas, td.evmtun, td.evmthaut { background: #e3e6dc; }
table.liens td { font: bolder 15px/22px comic sans ms, arial, helvetica; vertical-align: bottom; }
table.wmxcc th { border-top: 2px solid #339966; font: bold 13px arial, helvetica; color: #223322; }
table.wmxcc td { border-bottom: 1px solid #339966; }
table.metcod { background: #99bfcc url(images-gen/bg-nuages-2.jpg) center; }
table.metcod th { background: #2e8b57 url(images-gen/bg-vert-3.gif) repeat; font: bold 16px arial, helvetica; }
tr.wmxccbg01 { background: #99bb99; border-bottom: 2px solid #339966; } 
td.wmxccbg01 { background: #aaccaa; } 
th.wmxccbg02 { background: #bbccbb; color: #669966; border-bottom: 2px solid #339966; } 
td.wmxccbg02 { background: #ccddcc; color: #669966; } 
th.info, th.comm { border-top: 2px solid #bbccaa; border-bottom: 1px solid #bbccaa; background: #f6f9f0; font: 24px monotype corsiva, comic sans ms, serif; letter-spacing: 0.1em; color: #336633; }
th.info { letter-spacing: 0.8em; }
td.info, td.infonote, div.news { border-bottom: 1px solid #bbccaa; font: 14px arial, helvetica; background: #f3f6ec; }
td.infonote { background: #e3e6dc; }
td.recap { border: 1px outset #e4e0e8; vertical-align: top; background: #e4e0e8; }
td.photo { background: url(images-gen/bg-photomain.gif); }
td.end { color: #000000; background: #aabbaa url(images-gen/bg-delta-1.gif) no-repeat center; font: 13px arial, helvetica; }
body.records td.fr { color: #e0fff0; }
table.records2 span.fr { color: #66cc99; }
body.records td.en { color: #f0ffe0; }
table.records2 span.en { color: #00cc66; }
body.metcod th span.fr { color: #99ddaa; }
body.metcod th span.en { color: #66dd99; }
table.metcod td, table.metcod2 td, td.metcod { color: #333366; font: 13px arial, helvetica; } /* tripler pr vieux netsc */
* td.metcod span.en { padding: 0 2px; }
/* 
table.metcod span.fr, table.metcod2 span.fr { display: block; }
table.metcod td span.en , td.metcod span.en { color: #2f3333; background: #c0d0f0; }
body.wmxcc span.fr { color: #004422; }
body.wmxcc span.en { color: #224400; }
 */
table.wmxcc div.fr { color: #003322; }
table.wmxcc div.en { color: #223300; }
* div.navmarge { float: left; margin: 20px; padding: 10px; }
div.navmarge ul { margin: 0px; padding: 0px; list-style: none; }
div.navmarge ul a { margin: 2px 5px; padding: 5px 10px; text-align: center; text-decoration: none; }
div.central, div#langue { margin: 10px 40px; }
div#langue { display: none; }
div.sponsor, div.diapo, div.imgd { float: right; text-align: center; } 
div.sponsor p, div.diapo p, div.imgd p { text-align: center; font: 12px/13px arial, helvetica; } 

div.news, div.pastnews { padding: 20px; }
* div.news { height: 110px; overflow: auto; } /* pour Netsc4 et autres vieux */
* div.news img, table.pastnews img { float: right; margin: 2px 0px 2px 6px; } /* pour Netsc4 et autres vieux */
* div.news a img, table.pastnews a img { float: none; display: inline; margin: 0; }
/* div.news img#montre { display: inline; } */

iframe.meteo { width: 90%; height: 170px; margin: 5px 5%; padding: 2px; background: url(images-gen/bg-meteo.gif) right top; }

div#divdeplace { position: relative; margin: 10px auto; padding: 0; width: 90%; max-width: 1000px; height: 300px; border: solid 1px #060; overflow: hidden; }
div#divdeplace #deplace { position: absolute; left: -400px; top: -100px; cursor: move; }
a.keyLink {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	background-image: none;
	font-size: 120%;
	text-align: center;
	padding: 0;
	background-color: #ffffff;
	opacity: .5;
}

body.histoires div.imagegauche, body.histoires div.imagedroite { width: 160px; }
div.imagegauche { float: left; padding: 10px; background: #ffffff; }
div.photo, div.imagedroite { float: right; padding: 10px; background: #ffffff; }
* div.photo { margin-left: 10px; }
div.prophoto, div.prophoto450 { position: absolute; z-index: 3; height: 630px; width: 800px; background: url(images-gen/invis.gif); }
div.prophoto450 { height: 460px; width: 600px; }
img#main { border: 1px outset; } 
img.symbole { } 
fieldset { margin-top: 10px; padding: 20px; text-align: center; border: 1px solid #97885E; }
fieldset.alignegauche p { text-align: left; }
fieldset.alignedroite p { width: 80%; text-align: right; }
p.data, *.calcul, *.choisi, p.calcul input { text-align: right; } 
p.pascalcul { text-align: left; margin: 0 5em 0 0; padding: 5px; background: #f6f6f6; } 
*.calcul { border-bottom: dotted 1px #999; } 
p.data span, *.calcul span, *.choisi span { float: left; border-bottom: none; } 
p { font-family: arial, helvetica; }
div.citation { overflow: hidden; margin: 10px 60px; padding: 0; font: 10px/12px arial, helvetica; border: solid 1px #999; color: #999; background: #f9f9f9; }
div.citation p { margin: 10px; padding: 0; }
div.citation img { float: right; margin-left: 10px; }
body.seven p, body.seven li { text-align: justify; }
body.seven p.retour, p.retour { border: 1px outset; color: #003300; background: #ccddcc; font: 13px/25px arial, helvetica; text-align: center; padding: 10px; }
p.photo, p.photo2 { font: 13px/20px arial, helvetica; margin-top: 5px; }
* p.photo { padding-left: 20px; }
p.video, p.noteperso { font: 13px comic sans ms, arial, helvetica; }
p.espace { padding: 50px; }
p.soush4 { margin-left: 20px; } 
* p.premier:first-letter { padding-right: 10px; float: left; font: bolder 36px monotype corsiva; } /* att.: aussi dans css seven-plus */
p.signature { font: 20px/24px monotype corsiva, comic sans ms; }
p.records { font-family: comic sans ms, arial, helvetica; }
p.btminfo { font-weight: bold; }
p.evalpage { position: relative; font: 13px/18px comic sans ms, arial, helvetica; margin: 20px; width: 50%; }
p.video span.en, p.video span.fr { margin-left: 10px; }
span.newsdate {font: bold 16px arial, helvetica; color: #336633; }
h1 { color: #008000; font: 30px arial, helvetica; margin-left: 30%; }
h1.seven { margin: 0 10px 5px 10px; padding: 0; font: bold 16px arial, helvetica; color: #004400; }
h1.tourisme { color: #008000; font: 30px arial, helvetica; margin-left: 5%; }
body.contact h1, body.entree h1, body.cfund h1, body.motdepasse h1 { color: #008000; margin-left: 0; text-align: center; font: 30px arial, helvetica; }
h1.galerie, h1.wmxcc, h1.treerecup {color: #008000; font: 32px arial, helvetica; margin-left: 1%; padding: 50px; }
h1.records {color: #ffffff; font: 32px arial, helvetica; margin-left: 1%; padding: 50px; }
h1.metcod { color: #008000; font: 30px comic sans ms, arial, helvetica; margin-left: 5%; padding-top: 50px; }
h2 { color: #006600; font: 20px arial, helvetica; margin-left: 35%; }
h2.wmxcc, table.wmxcc caption, h2.treerecup, body.contact h2, body.entree h2 { color: #006600; margin-left: 0; font: 20px arial, helvetica; }
body.entree h1, body.entree h2, body.entree p { color: #ffffff; line-height: 30px; }
table.wmxcc caption { padding-bottom: 5px; }
h2.wmxcc { text-align: center; }
h3 { color: #006600; font: bold 18px comic sans ms, arial, helvetica; }
h3.wmxcc { color: #006600; text-align: center; margin-left: 0; font: 16px arial, helvetica; }
body.seven h3 { padding-top: 30px; }
div.news h3 { padding-top: 0px; margin-top: 0px; }
div.noscript { padding: 0 50px; font: 16px comic sans ms, arial, helvetica; }
h4 { color: #337733; font-family: arial, helvetica; }
h5 { color: #336633; margin: 5px 0 5px 0; font-family: arial, helvetica; }
h6 { color: #333333; margin: 5px 0 5px 0; font: bold 13px arial, helvetica; }
p.titreul { margin-left: 15px; margin-bottom: 0; padding-bottom: 0; }
p.titreul + ul, p.titreul + ol { margin-top: 0px; padding-top: 4px; }
li { padding-top: 2px; font: 14px arial, helvetica; }
ul.menu { float: right; width: 40ex; margin: 5px 0 5px 10px; padding: 10px 20px; background: #f9f9f9; }
ul.menu li { text-align: left; text-transform: lowercase; font: 10px/12px verdana; }
* ul li.rte, * ul li.tips, * ul li.notes, * ul li.etiq, * ul li.recap { border-top: solid 1px #d0d8d8; border-bottom: solid 1px #d0d8d8; padding: 5px; margin-bottom: 0px; background: #f0f8f8; }
body.seven strong { color: #445566; }
body.seven em, body.treerecup em { color: #993333; font-style: normal; font-weight: bolder; }
body.seven sup, body.treerecup sup { vertical-align: 0.6ex; font-size: 1.5ex; }
* p.photo input { float: left; margin-left: -20px; }
input.enligne { margin-left: 0px; }
acronym { color: #333333; font-weight: bold; }

* p.w3c { float: right; padding: 10px 5px; }


/*
// (C) 2004 - 2010 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// use strictly forbidden without written consent.
// Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et 
// utilisation est strictement interdite sans autorisation écrite.
// Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou sergelamarche@gmail.com 
// ...for help with your website. Reliable, inexpensive website service. Thanks.
// ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. 
*/