@charset "iso-8859-1";

body {
	margin: 5px 0;
	padding: 0;
	background-color: #ddd;
	background-image: url("body_bg.png");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body.brut { background-image: none; background-color: #eee; margin: 5px; }

#conteneur, #conteneur-large {
	background-color: #ddd;
	border: 1px solid #888;
	margin: 0 auto;
	padding: 0 0 10px;
}

#conteneur { width: 760px; }

#conteneur-large {
	max-width: 940px;
	width: expression(document.body.clientWidth > 940? "940px": "auto" );
}

.temp, .bordure td { border: 1px dashed #aaa; }

/* -- entête -- */
#haut { text-align: center; margin: 0; padding: 0; height: 60px; }

#logo1 { float: left; width: 120px; padding-top: 5px; text-align: center; }

#logo2 { float: right; width: 120px; padding-top: 10px; }

#titre { padding-top: 15px; }

#haut h1 { margin: 0 auto; padding: 0; font-size: 7px; color: #ddd; }

/* -- menu gauche -- */
#gauche { float: left; width: 130px; padding: 0 4px; }

#gauche ul { margin: 0 0 0 5px; padding: 0; list-style: none; }

#gauche li {
	margin: 4px 0;
	padding-left: 12px;
	background-image: url("../img/puce2.gif");
	background-repeat: no-repeat;
	background-position: 0 .3em;
}

#gauche fieldset { margin: 0; padding: 0; border: none; }

#gauche legend {
	margin: 0 5px 1px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #060;
}

#gauche select { margin-left: 12px; margin-right: 5px; }

#gauche .petit { margin: 15px; font-size: 11px; }

#gauche .petit img { margin-right: 5px; vertical-align: middle; }

#gauche #menu { margin: 15px; padding: 0; list-style: none; }

#gauche #menu li { margin: 0; padding: 0; background-image: none; }

#gauche #menu li a {
	display: block;
	line-height: 30px;
	padding-left: 35px;
	font-size: 11px;
	background-position: left center;
	background-repeat: no-repeat;
}

* html #gauche #menu li a { line-height: 20px; } /* hack IE6 */

#iForum a { background-image: url("../img/forum.gif"); }
#iLiens a { background-image: url("../img/liens.gif"); }
#iContacts a { background-image: url("../img/mail.gif"); }
.iWebcam a { background-image: url("../img/webcam.gif"); }

#datemaj { text-align: center; margin: 10px 0; font-size: 9px; }

#datemaj a { color: #000; text-decoration: none; }

#logout { text-align: center; margin-top: 5px; }

#auth { font-size: 11px; padding: 20px; margin: 30px auto; width: 230px; background-color: #ddd; }

/* --------------- */
#page {
	background-color: #fff;
	color: #444;
	margin: 0 10px 0 140px;
	border: 1px solid #888;
	overflow: auto;
	min-width: 608px;
}

#contenu { padding: 4px 4px 0; min-height: 500px; height: 500px; }

html>body #contenu { height: auto; } /* hack IE6 */

#hierarchie { margin-bottom: 5px; }

#hierarchie select { background-color: #ddf; }

#hautpage, #baspage { float: right; visibility: hidden; }

#pied { padding: 0 4px 2px; height: 14px; }

#noscript {
	display: block;
	width: 600px;
	margin: 10px auto;
	background-color: #ffc;
	border: 3px solid #f00;
	padding: 10px;
	text-align: center;
	color: #333;
	font-size: 18px;
}

#info404 { margin: 30px 0 0 100px; font-size: 14px; line-height:1.5em; color: #333; }

/* -- sommaire général -- */

#sommaire { margin: 60px 0 0 80px; height: 230px; }

#navigation { float: left; margin: 0; padding: 0; list-style: none; }

#navigation li { margin: 0; padding: 0; }

#navigation li a {
	display: block;
	line-height: 45px;
	padding-left: 50px;
	font-weight: bold;
	font-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
}

* html #navigation li a { line-height: 32px; } /* hack IE6 */

#iAlpin a { background-image: url("../img/alpin.gif"); }
#iLoisir a { background-image: url("../img/loisir.gif"); }
#iNordic a { background-image: url("../img/skate.gif"); }
#iSurf a { background-image: url("../img/surf.gif"); }
#iFree a { background-image: url("../img/freestyle.gif"); }

#photodujour { float: left; width: 320px; margin-top: 15px; }

#iCross { float: left; margin-top: 20px; }
#iCross a {
	display: block;
	line-height: 32px;
	padding-left: 34px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url("../img/jogger.gif");
}

.nettoyeur {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

/* -- résultats surf -- */
#selecteur {
	margin: 8px auto 15px;
	border: 1px solid #888;
	background-color: #ffd;
}

#selecteur td { padding: 5px 8px; font-size: 11px; }

#selecteur.nordic td { padding: 5px 2px; }

#selecteur label { margin-left: 5px; }

#selecteur select { margin: 0 5px; background-color: #ddf; }

#selecteur img { margin: 0 5px; }

#logosurf { text-align: center; padding: 5px; display: none; }

/* --------------- */
#actu { border-top: 1px dashed #aaa; width: 500px; margin: 10px auto; }

#actu .sujet { padding: 4px 0 0; font-weight: bold; }

#actu .info { padding: 0 0 5px 15px; border-bottom: 1px dashed #aaa; }

#actu p { margin: 0; padding: 3px 0; }

.pagination { text-align: center; }

.pagination a { padding: 2px; }

.pagination .actif { padding: 2px; color: #e60; }

.pagination img { vertical-align: bottom; }

/* -- page nordic -- */
#nordic { float: right; width: 200px; margin-right: 10px; }

#nordic fieldset { margin: 0; padding: 0 0 4px 0; border: 1px solid #888; background-color: #ffd; }

#nordic legend { margin: 0 15px 2px; font-weight: bold; }

#nordic ul { margin: 0 0 0 8px; padding: 0; list-style: none; }

#nordic li { margin: 2px 0; }

#nordic hr { margin: 0; padding: 0; height: 0; border-top: 1px solid #888; border-bottom: none; }

#grandprix { margin: 5px; }

#grandprix h3 { margin: 10px 0 0 0; }

#grandprix p { margin: 0; padding: 0 0 0 20px; }

/* --------------- */
h1, h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	margin: 10px 0 4px;
	text-align: center;
}

h1 { color: #e60; }

h2 { color: #22a; }

h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #060;
	margin: 0 0 2px 0;
}

h3 img { margin: 0 12px; }

h4 {
	margin: 0;
	padding: 4px 0 6px 0;
	font-size: 12px;
	text-align: center;
}

h5 {
	font-weight: normal;
	font-size: 10px;
	color: #008;
	text-align: center;
	margin: 8px 0;
}

h6 { margin: 0; padding: 0; text-align: center; font-size: 12px; }

/* -------------------- */
pre, pre strong, pre span { font-family: "Courier New", monospace; font-size: 12px; }

pre span { color: #00a; }

pre sup { font-size: 80%; }

/* -- liens -- */
a { color: #00c; text-decoration: none; }

a:hover, a.lien { color: #e60; text-decoration: underline; }

a:active, a:focus { background-color: #ffc; }

a img { border: none; }

/* --- formulaires --- */
form { margin: 0; }

input.txt, textarea {
	padding-left: 2px;
	padding-right: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #ffe;
}

input.txt:focus, textarea:focus, select:focus { background-color: #cdf; }

input.disabled { color: #333; background-color: #d4d4d4; border: 1px solid #aaa; padding: 2px; }

input.bouton { font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

.boutons { text-align: center; }

.boutons input.bouton { margin: 0 15px; }

input.pages { text-align: center; font-size: 11px; width: 30px; padding: 0; }

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #aaa;
}

label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.majuscule { text-transform: uppercase; }
.minuscule { text-transform: lowercase; }
.majmot { text-transform: capitalize; }

.gris { background-color: #e0e0e0; }

.gras { color: #070; font-weight: bold; }

/* -- tableaux -- */
table.tbl { border: 1px solid #aaa; padding: 3px; }

table.tbl td { padding: 2px 1px; white-space: nowrap; }

table.tbl0 {
	border-collapse: collapse;
	border: 1px solid #aaa;
	margin: 15px auto;
	padding: 3px;
 background-color: #eee;
}

table.tbl0 tr { vertical-align: top; }

table.tbl0 th, table.tbl0 td { padding: 5px; border: 1px solid #888; font-size: 11px; }

table.tbl0 td { padding: 2px; white-space: nowrap; }

table.tbl0.centre td { text-align: center; }

/* -------------------- */
table.tbl1 { border-collapse: collapse; margin:5px auto; }

table.tbl1.centre tr { text-align: center; }

table.tbl1 td, table.tbl1 th { padding: 2px 6px; border: 2px solid #fff; font-size: 11px; }

table.tbl1 tr.soustitre td { padding-top: 10px; }

table.tbl1 td.bleu { background-color: #000080; color: #fff;	font-weight: bold; }

table.tbl1.lig3 tr { background-color: #ddd; }

/* -------------------- */
table.tbl8 { border-collapse: collapse; margin: 5px auto; }

table.tbl8 tr { vertical-align:top; }

table.tbl8 td, table.tbl8 th {
	padding: 2px 4px;
	font-size: 11px;
	border: 2px solid #fff;
}

/* -------------------- */
table.pages { margin: 0 auto; border: 1px dashed #777; padding: 0 8px; }

table.pages td { padding: 2px; white-space: nowrap; font-size: 11px; }

table.pages img { cursor: pointer; }

/* -------------------- */
table.liens { border-collapse: collapse; margin: 15px auto; }

table.liens tr { text-align: center; }

table.liens td {
	border-style: dashed none;
	border-color: #aaa;
	border-width: 1px;
	padding: 5px 2px;
	font-size: 11px;
}

table.liens img { margin-right: 5px; }

/* -------------------- */
table.meteo { margin: 10px auto; }

table.meteo td { text-align: center; font-size: 9px; }

table.meteo .bloc img { margin-right: 10px; }

/* -- calendrier -- */
table.calend tr { background-color: #ddd; }

table.calend td { border-color: #fff; padding: 1px 2px; color: #333; text-align: left; font-size: 11px; }

tr.fond, td.fond { background-color: #fff; }

/* -- vasaloppet -- */
table.photos { margin: 15px auto; }

table.photos tr { text-align: center; }

table.photos td { padding: 10px; }

table.sponsors tr, table.partenaires tr { text-align: center; }

/* -------------------- */
tr.lig1 { background-color: #ccc; }
tr.lig2 { background-color: #cadaee; }
tr.lig3 { background-color: #e0e0e0; }

#nordicresu td.nomcourse { font-size: 15px; font-weight: bold; }

#nordicresu tr.entete { vertical-align: bottom; }

#nordicresu tr.entete img { margin: 0 15px; }

#nordicresu tr.ligne1 td { padding-bottom: 0; border-bottom: none; }

#nordicresu tr.ligne2 td { padding-top: 0; border-top: none; text-align: center; font-size: 10px; }

#nordicresu td.premier, #nordicresu tr.premier { color: #c50; }

#nordicresu tr.nonclub { color: #777; }

#nordicresu tr.web { text-align: center; }

#loader { vertical-align: top; visibility: hidden; }

/* -------------------- */
.bloc { border: 1px solid #aaa; margin-top: 8px; padding: 3px 8px; background-color: #ffd; }

.bloc h3 { text-align: center; }

.bloc ul { margin: 2px 0 8px; padding-left: 20px; }

.legende { text-align: center; font-size: 10px; margin: 2px 0; }

/* -- page vignettes -- */
#vignettes { padding-bottom: 20px; }

#vignettes #retour { width: 180px; float: left; }

#vignettes #info { width: 180px; float: right; }

#vignettes .pagination { margin-left: 100px; text-align: left; }

.s1, .s2, .s3, .s4 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
}

.s1 { font-size: 16px; color: #008; }
.s2 { font-size: 14px; color: #000; }
.s3 { font-size: 13px; color: #080; }
.s4 { font-size: 13px; color: #f00; }

.s5, .s6, .s7 { text-align: center; }
.s5 { color: #060; }
.s6 { color: #f00; }
.s7 { font-size: 9px; color: #000; }

.s { font-size: 9px; }
.s10 { font-size: 10px; }
.s11 { font-size: 11px; }

.g { text-align: left; }
.c { text-align: center; }
.d { text-align: right; }

#msgerr {
	margin-bottom: 5px;
	padding: 5px;
	color: #333;
	background-color: #ffe;
	border: 2px solid #f00;
	font-size: 12px;
}

/* message popup */
#msg1 {
	background-color: #ffd;
	border: 1px solid #333;
	padding: 5px;
	font-size: 11px;
	text-align: center;
}

/* ----- Nelly ----- */
#nelly { width: 500px; margin: 30px auto 0; }
#nelly p { clear: both; line-height: 1.6em; }
#nelly table { width: 100%; margin-top: 10px; }

/* --- calculateur --- */
#calculateur { background-image: none; background-color: #eee; margin: 5px; }
#calculateur #cmd { float: left; width: 160px; margin-top: 5px; }
#calculateur fieldset { width: 110px; margin: 10px auto 0; padding: 0; border: none; text-align: center; line-height: 2.5em; }
#calculateur fieldset a { margin: 3px 0; padding: 2px 4px; color: #fff; background-color: #777; }
#calculateur #cmd input { width: 40px; font-family: arial; font-size: 13px; text-align: center; }
#calculateur #cmd input.off { background-color: #ddd; border: 1px solid #aaa; }
#calculateur #cmd .site { margin: 20px 0 5px; text-align: center; font-weight: bold; }
#calculateur #cmd ul { margin: 0; padding: 0; list-style: none; }
#calculateur #cmd ul.giron { margin: 10px 0 0 5px; }
#calculateur #cmd li { margin: 4px 0; }
#calculateur #cmd ul.giron li { margin: 7px 0; }
#calculateur #cmd li img { vertical-align: middle; }
#calculateur #map { float: right; margin-top: 5px; }
#calculateur #aidecalc { margin: 5px 15px 15px; }
#calculateur #aidecalc p { margin: 6px 0; font-size: 14px; }

/* -- pour l'impression -- */
@media print {

body { background: none; }

#conteneur, #conteneur-large { background: none; border: none; width: auto; }

#page { background: none; color: #444; margin: 0; border: none; }

#contenu { overflow: visible !important; height: auto; }

#haut, #gauche, #pied, #hierarchie, #selecteur, #pages, #hautpage, #datemaj { display: none; }

#vignettes #retour, #vignettes #info, #vignettes #menu { display: none; }

#logosurf { display: block; }

table.tbl1 td, table.tbl1 th { padding: 1pt 4pt; border: none; border-bottom: solid 1pt #888; }

#nordicresu tr.ligne1 td, table.tbl1 tr.soustitre td { border: none; }

#nordicresu tr.web td, #nordicresu tr.pied td { border-bottom: none; }

.ecr, table.ecr td { display: none; }

}