/*
// (C) 2004 - 2012 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) center top no-repeat fixed; }
body.records { background: #116611 url(images-gen/bg-hr-sts028-7470.jpg) center top no-repeat fixed; }
body.contact, body.histoires, body.records, body.tourisme, body.coord, body.treerecup, body.attdelta, body.acvl { text-align: justify; }
body.wmxcc { font-family: Times new roman, Arial, Helvetica; }
body.wmxccpast { font-family: garamond, Arial, Helvetica; background: url(images-gen/bg-vert-5.gif); }
a:link, a:visited, a:hover { text-decoration: none; }
a:hover { color: #003300; background: #dde9dd; }
a.miniphotos:hover { color: #003300; background: #ffffff; }
a.txt:link, a.txt:visited { padding: 0 5px 2px 5px; background: url(images-gen/bg-liens-1.png) right bottom no-repeat; } 
a.txt:hover { background: url(images-gen/bg-liens-1.png) right bottom no-repeat; text-shadow: #9a7 1px 1px 1px; } 
div.citation a.txt:link, div.citation a.txt:visited { background: url(images-gen/bg-liens-1.png) right -3px no-repeat; } 
div.citation a.txt:hover { background: url(images-gen/bg-liens-1.png) right -4px no-repeat; } 
* a.img, * a.img:hover { padding: 10px; background: transparent; } 
* table.evenements a:link, * table.evenements a:visited { padding: 0px 5px; } 
* td.info a:link, * td.info a:visited { padding: 0px 5px; } 
a.langue { padding: 4px 46px 4px 4px; font: 12px/20px comic sans ms, arial, helvetica; }
a.langue:link, a.langue:visited { border: solid 1px #fff; color: #363; background: url(images-gen/btn-langue-0.png) right bottom no-repeat; }
body.records a.langue:link, body.records a.langue:visited { border: outset 1px #999; background: #eee url(images-gen/btn-langue-0.png) right 3px no-repeat; }
a.langue:hover { color: #030; text-shadow: #9a7 1px 1px 1px; }
a.langue:active, a.langue:active { position: relative; left: 1px; top: 1px; border: inset 1px #999; } 
a.organ, a.btn { text-align: center; padding: 4px; font: 12px/30px comic sans ms, arial, helvetica; }
a.organ:link, a.organ:visited, a.btn:link, a.btn:visited { border: outset 1px #999; color: #363; background: #cdc; }
a.organ:hover, a.btn:hover { color: #030; background: #ded; }
a.organ:active, a.btn:active { position: relative; left: 1px; top: 1px; border: inset 1px #999; } 
* div.news p a:link, * div.news p a:visited , table.pastnews p a:link, table.pastnews p a:visited { padding: 0 5px 2px 5px; background: url(images-gen/bg-liens-2.png) right bottom no-repeat; } 
* div.news p a:hover, table.pastnews p a:hover { background: url(images-gen/bg-liens-2.png) right bottom no-repeat; text-shadow: #9a7 1px 1px 1px; } 
* div.news a.rss:link, * div.news a.rss:visited { 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 { 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 { text-align: center; margin-left: 5%; float: left; }
table.calendrier, table.evenements td { vertical-align: top; font: 13px/20px arial, helvetica; border-collapse: collapse; border: 1px solid #cdc; background: #f7f9f0 url(images-gen/bg-evmt-vert.gif); }
table.margin { margin-left: 35px; }
table.organ { border: 1px inset; background: url(images-gen/bg-blanc-50pc.png); } 
body.records table { color: #ded; }
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: #dec; color: #020; text-shadow: 1px 1px 1px #aaa; }
td.evmtb, td.evmtbbas, td.evmtbun, td.evmtbhaut { background: #fed; color: #020; text-shadow: 1px 1px 0px #aaa; }
td.en, td.fr { vertical-align: top; }
table.liens td { font: bolder 15px/22px comic sans ms, arial, helvetica; vertical-align: bottom; }
div.liens { clear: both; margin: 10px auto; width: 90%; font: 13px/20px comic sans ms, cursive; }
div.liens p { clear: left; padding: 5px; }
body.wmxccpast div.liens a { margin: 5px; padding: 0 5px; }
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 { border-bottom: 2px solid #339966; background: #99bb99 url(images-gen/bg-vert-6.gif); } 
td.wmxccbg01 { background: #aaccaa; } 
th.wmxccbg02 { background: #bbccbb; color: #669966; border-bottom: 2px solid #339966; } 
td.wmxccbg02 { background: #ccddcc; color: #669966; }
td.papier { padding: 0 0 20px 0; font: 12px/25px times new roman, serif; background: url(images-gen/bg-papierligne.gif); }
td.papier * { margin: 0 20px; padding: 0; }
td.papier h5 { margin: 0; padding: 15px 20px 5px 20px; font: 16px/25px times new roman, serif; background: #fff; }
body.services table td { border: 1px solid #99aa99; vertical-align: top; background: #ccddcc; }
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; text-shadow: #9a7 3px 3px 3px; }
th.info { letter-spacing: 0.4em; }
td.info, td.infonote, div.news { border-bottom: 1px solid #bbccaa; font: 14px arial, helvetica; background: #f3f6ec; }
td.infonote { background: #e3e6dc; }
table.recap td { vertical-align: top; padding: 10px 20px; background: url(images-gen/bg-recap-2.jpg) center bottom no-repeat; }
table.recap td.recapa { padding-left: 30px; background: url(images-gen/bg-recap-2.jpg) left bottom no-repeat; }
table.recap td.recapc { padding-right: 30px; background: url(images-gen/bg-recap-2.jpg) right bottom no-repeat; }
table.recap td p.top { margin: -10px -20px; padding: 5px; background: url(images-gen/bg-recap-2b.gif) center top no-repeat; }
table.recap td.recapa p.top { margin-left: -30px; background: url(images-gen/bg-recap-2b.gif) left top no-repeat; }
table.recap td.recapc p.top { margin-right: -30px; background: url(images-gen/bg-recap-2b.gif) right top no-repeat; }
table.recap td ul { margin: 0; }
* ul li.recap { list-style-image: url(images-gen/list-1.gif); padding: 5px; margin-bottom: 4px; background: url(images-gen/bg-blanc-50pc.png); }
td.photo { background: url(images-gen/bg-photomain.gif); }
div.generique { text-align: center; margin: 50px 0 0 0; padding: 50px; font: 13px/16px arial, helvetica; background: url(images-gen/bg-delta-1.png) center no-repeat; text-shadow: #9a7 2px 2px 2px; }
body.seven div.generique { padding: 50px 0 20px 0; background: url(images-gen/bg-deco_5303.jpg) center no-repeat; } /* bg-attero_4808.jpg */
body.seven div.generique p { text-align: left; margin: 4px auto; width: 640px; color: #030; }
div.geo { text-align: center; margin: 0; font-size: 70%; }
div.geo p { margin: 2px; color: #fff; text-shadow: #999 2px 2px 2px; }
table.records2 span.fr { color: #66cc99; }
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; } 
table.wmxcc div.sponsor p, div.sponsor p, div.diapo p, div.imgd p { text-align: center; font: 12px/13px arial, helvetica; } 

table.pastnews td { padding: 20px; border: solid 2px #ccc; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
div.news { padding: 20px; border: solid 2px #ccc; height: 110px; overflow: auto; 
-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
} /* 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 strong.date, table.pastnews strong.date { white-space: nowrap; color: #896; text-shadow: #9a7 1px 1px 1px; }
/* div.news img#montre { display: inline; } */

div.meteo { background: url(images-gen/bg-meteo-2.gif) bottom no-repeat; }
iframe.meteo { width: 90%; height: 220px; margin: 5px 0 5px 5%; padding: 2px; background: transparent; }
iframe#igeo { float: right; width: 530px; height: 410px; margin: 5px; padding: 2px; background: transparent; }

div#divdeplace { position: relative; margin: 10px auto; padding: 0; width: 90%; max-width: 1000px; height: 300px; border: solid 1px #060; overflow: hidden; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
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.tourisme div.sousgauche, body.tourisme div.sousdroite { float: left; width: 45%; margin: 0 0 10px 0; padding: 10px; border: solid 5px #f9f9fc; }
body.tourisme div.sousdroite { float: right; }
body.tourisme div ul { margin: 0; padding: 0; }
body.tourisme div li { margin: 0 0 0 10px; padding: 0; }
body.tourisme table div p { font-size: 12px; }

body.histoires div.imagegauche, body.histoires div.imagedroite {  }
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; }
div.article { margin: 5px 20px; padding: 10px; background: #eff3ef; }
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: 10px 0; font: 10px/12px arial, helvetica; border: solid 1px #cfcccc; color: #999; background: #fcf9f9; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow: #bbb 2px 2px 3px; -moz-box-shadow: #bbb 2px 2px 3px; box-shadow: #bbb 2px 2px 3px; behavior: url(PIE.htc);
}
table.records1 div.citation { float: right; margin: 0 0 0 10px; padding: 0; width: 180px; }
div.citation p { margin: 10px; padding: 0; }
table.records1 div.citation p { text-align: center; margin: 2px; }
div.citation img { clear: right; float: right; margin: 2px 5px 2px 10px; }
body.seven p, body.seven li { text-align: justify; }
div.retour { float: right; margin: 10px; }
body.wmxccpast div.retour { padding: 10px 20px; background: #fff; }
body.seven p.retour, p.retour { text-align: center; margin: 5px; font: bold 13px/28px arial, helvetica; color: #030; }
p.retour a { display: block; position: relative; text-decoration: none; white-space: nowrap; padding: 6px 15px; }
p.retour a:link, p.retour a:visited { color: #3b3; text-shadow: #141 -1px -1px 1px; background: #393 url(images-gen/btn-navdroit.png) right -4px; }
p.retour a:hover { left: -1px; top: -1px; color: #3d3; text-shadow: #252 -1px -1px 1px; background: #3d3 url(images-gen/btn-navdroit.png) right 46px; }
p.retour a:active { left: 0; top: 0; color: #f96; text-shadow: #300 -1px -1px 1px; background: #f96 url(images-gen/btn-navdroit.png) right -4px; }
body.records div.retour { float: right; text-align: center; padding: 10px; background: url(images-gen/bg-retour1.png) center 3px no-repeat; }
body.records p.retour a { padding: 0 10px; border: outset 1px #676; width: 162px; }
body.records p.retour a:link, body.records p.retour a:visited, body.records p.retour a:hover, body.records p.retour a:active { background-position: -10px -11px; }

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; }
.alt { font: 12px/14px calibri, arial, helvetica; color: #669; }
.ital { font-style: italic; }
p.espace { padding: 50px; }
p.soush4 { margin-left: 20px; } 
table.wmxcc p { text-align: justify; } 
* 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: calibri, arial, helvetica; color: #ded; text-shadow: #343 2px 2px 2px; }
p.btminfo { font-weight: bold; }
p.video span.en, p.video span.fr { margin-left: 10px; }
span.newsdate {font: bold 16px arial, helvetica; color: #336633; text-shadow: #aa9 2px 2px 1px; }
h1 { text-align: center; margin: 30px 0; color: #008000; font: 30px arial, helvetica; text-shadow: #ccc 2px 2px 1px; }
h1.seven { text-align: left; margin: 0 10px 5px 10px; padding: 0; font: bold 16px arial, helvetica; color: #040; }
h1.pastnews {  }
body.contact h1, body.entree h1, body.cfund h1, body.motdepasse h1, h1.tourisme {  }
h1.galerie, h1.wmxcc, h1.treerecup { padding: 20px; font-size: 32px; }
h1.records { padding: 20px; font-size: 32px; color: #fff; text-shadow: #343 4px 4px 2px; }
body.eloges h1, body.histoires h1, body.coord h1, h1.metcod { padding-top: 20px; }
h2 { margin-left: 35%; color: #006600; font: 20px arial, helvetica; }
body.tourisme h2, body.services h2 { margin-left: 8%; }
body.acvl h2, h2.treerecup, body.contact h2, body.entree h2 { margin-left: 0; }
body.entree h1, body.entree h2, body.entree p { color: #ffffff; line-height: 30px; }
h2.wmxcc, table.wmxcc caption { text-align: center; margin: 20px 0 0 0; padding: 5px; font: 20px arial, helvetica; color: #006600; }
h3 { color: #006600; font: bold 18px arial, helvetica; text-shadow: #ccc 2px 2px 1px; }
h3.wmxcc { text-align: center; font: 16px arial, helvetica; }
body.seven h3 { padding-top: 30px; font-family: comic sans ms, cursive; }
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; }
div.geo h4 { font-size: 12px; color: #ada; text-shadow: #666 2px 2px 2px; }
body.equipmt h4, div.article p { text-align: justify; margin: 10px 20px; font-size: 12px; text-shadow: #ccc 2px 2px 2px; }
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; }
ul { padding-left: 14px; }
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 { border-top: solid 1px #d0d8d8; border-bottom: solid 1px #d0d8d8; padding: 5px; margin-bottom: 0px; background: #f0f8f8; }
body.seven strong, body.tourisme strong { color: #445566; }
body.seven em, body.treerecup em { color: #993333; font-style: normal; font-weight: bolder; }
body.seven em.i { color: #666; font-style: italic; font-weight: normal; }
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; }

.gauche { float: left; }
.droite { float: right; }
.centre { text-align: center; }
.rouge { color: #d00; }

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


/*
// (C) 2004 - 2012 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. 
*/