span.error-message {
    font-weight: bold;
    color: #f00;
}
pre { text-align:left }


div#reglemt h1    { font-size: 1.5em; letter-spacing: 0.2em; font-weight: normal; line-height: 1.5em; }
div#reglemt h2    { font-size:   1.1em; font-weight: bold; line-height: 1.5em; }
div#reglemt p     { font-size:   1em; font-weight: normal; font-style: normal; line-height: 1em; text-align: left; }
div#reglemt ul    { text-align: left; font-weight: normal; margin: 1px 0 0 0; padding: 0; }
div#reglemt li    { margin: 0 0 0 1.5em; }

body { background: #E8EFB9 url(/static/img/fondTete.gif) repeat-x top; text-align:center; font-family:Verdana,Arial,Helvetica,Sans-serif; font-size: 0.77em; color: #0F475E; } /* #0F475E = rgb(15, 71, 94) */
img  { border: 0; }

ul li          { text-align: left; margin: 10px 0 0 -20px; padding: 2px; color: #0F475E; }
.spacer        { clear: both; visibility: hidden; font-size: 0.1em; }
.secret        { visibility: hidden; display: none; }
.ghost         { font-size: 0.8em; color: #E8EFB9 }

div#conteneur  { width: 712px; margin: 0 auto; background: url(/static/img/fondBandeau.gif) no-repeat center top; }
div#conteneurjump  { width: 712px; margin: 0 auto; background: url(/static/img/Jump-37.gif) no-repeat center top; }
div#bienvenuejump  { padding-top: 64px; margin: 3px 0 3px 0; }

/*div#bienvenue  { padding-top: 84px; padding-left: 30px; margin: 3px 0 3px 0; background: url(/static/img/vignetteCouronneGalette.gif) no-repeat left bottom; }*/
/*div#bienvenue  { padding-top: 84px; padding-left: 30px; margin: 3px 0 3px 0; background: url(/static/img/vignetteHoux.gif) no-repeat left bottom; }*/
div#bienvenue  { padding-top: 84px; padding-left: 30px; margin: 3px 0 3px 0; }
#bienvenue h1  { font-size: 1.4em; letter-spacing: 0.3em; font-weight: normal; line-height: 1.5em; text-align: center; }
.bigtitre      { font-size: 1.5em;  font-weight: bold; }

div#dispatch a { color: white; }
div#dispatch a:hover { color: #FFFF00; }	/* font-weight: bold; */

dl#disp        { width: 715px; margin: 0; height: 72px; font-size: 0.8em; font-weight: bold; text-align: center; }
#disp dt a     { height: 72px; margin-right: 3px; color: white; text-decoration: none; float: left; }
dt#acc a       { background: #848357 url(/static/img/vignetteAccueil.gif) 20px 12px no-repeat; width: 87px; }
dt#acc a:hover { background-position: 20px 14px; }
dt#adr a       { background: #848357 url(/static/img/vignetteAdresses.gif) 20px 12px no-repeat; width: 86px; }
dt#adr a:hover { background-position: 20px 14px; }
dt#cal a       { background: #848357 url(/static/img/vignetteCalendrier.gif)   14px 12px no-repeat; width: 87px; }
dt#cal a:hover { background-position: 14px 14px; }
dt#amb a       { background: #848357 url(/static/img/vignetteAmbiances.gif)  14px 12px no-repeat; width: 86px; }
dt#amb a:hover { background-position: 14px 14px; }
dt#pod a       { background: #848357 url(/static/img/vignettePodiums.gif)   14px 15px no-repeat; width: 87px; }
dt#pod a:hover { background-position: 14px 17px; }
dt#pag a       { background: #848357 url(/static/img/vignetteAnnonces.gif)  22px 19px no-repeat; width: 85px; }
dt#pag a:hover { background-position: 22px 21px; }
dt#org a       { background: #848357 url(/static/img/vignetteOrga.gif)  18px 15px no-repeat; width: 86px; }
dt#org a:hover { background-position: 18px 17px; }
dt#lns a       { background: #848357 url(/static/img/vignetteLiens.gif) 20px 14px no-repeat; width: 87px; }
dt#lns a:hover { background-position: 20px 16px; }

.icone         { font-weight: normal; color: #8A1E40; }
.zone          { background-color:#E7E7CF; }
.l             { text-align: left; }
.c             { text-align: center; }
.d             { text-align: right; }
.lb            { text-align:left; font-weight: bold; }
.cb            { text-align:center; font-weight: bold; }
.db            { text-align:right; font-weight: bold; }
.at            { font-style: italic; font-weight: normal; font-size: 0.9em; }
.alert         { background-color: yellow; color: red; }
.alertcmt      { color: red; font-weight: bold; }
.submit        { color: white; background-color: #0F475E; font-size: 0.9em; }

.imgdept       { background:  url(/static/img/vignetteDept37.gif) no-repeat; width: 180px; height: 197px; visibility: hidden; display: none; } /* #848357 */
img.fleche     { position: relative; top: 0; left: 0; }

dl.calend      { margin: 0; padding: 0; }
.calend dt     { margin: 1em 0 0 0; padding: 0; font-weight: bold; }
.calend dd     { margin: 0 0 0 2em; padding: 0; /*font-size: 0.95em;*/ }

dl.menu        { margin: 0; padding: 0; }
.menu dt       { margin:1em 0 0 0; padding: 0; font-weight: bold; }
.menu dd       { margin: 0; padding: 0; /*font-size: 0.95em;*/ }
.smallest      { font-size: 0.8em; font-weight: normal;  font-style: normal; }

dl.lauriers    { margin: 0; padding: 0; }
.lauriers dt   { margin:1em 0 0 0; padding: 0; font-weight: bold; }
.lauriers dd   { margin: 0 0 0 2em; padding: 0; /*font-size: 0.95em;*/ }

.xxx           { margin: 0.5em 0 0 0; border-top: 1px; }
ul.yyy         { margin: 0; padding: 0; font-weight: bold; }
li.zzz         { margin: 0; padding: 0; /*font-size: 0.95em;*/ font-weight: normal; list-style-type: none; background-color: #E7E7CF; }

div#linkmail   { clear: both; margin-top: 3px; padding-left: 3px; width: 530px; color: white; background-color: #848357; font-size: 0.8em; text-align: left; float: left; }
div#linkmail a { text-decoration: underline; }
div#visites    { margin-top: 3px; padding-right:  3px; width: 173px; color: white; background-color: #848357; font-size: 0.8em; text-align: right;  float: right; }

div#memo         { clear: both; width: 160px; margin-top: 8px; font-size: 0.9em; line-height: 1.5em; font-style: italic; text-align: left; float: left; }
div#memo a       { color: #0F475E; }
div#memo a:hover { color: #E71616; }
div#memo strong  { text-align:right; font-weight: bold; font-size: 1.1em; line-height: 1.2em; }
div#memo input[type=submit] { font-size: 0.8em; cursor:pointer; background-color:#E8EFB9; 
border:1px solid; text-align: left; 
border-color: #0F475E; color: #0F475E; }
div#memo ul li   { text-align: left; margin: 1px 0 0 -30px; padding: 1px; }


div#corps        { background: white; width: 526px; padding: 4px; margin-top: 8px; font-size: 0.9em; color: #0F475E; font-style: normal; text-align: left; float: right; }
div#corps a      { color: #0F475E; }
div#corps a:hover{ color: #E71616; }
div#corps p      { font-size: 1em; font-style: normal; line-height: 1.3em; text-align: left; }
div#corps p.corpstitre { font-size: 1.5em; font-weight: bold; }
div#corps p.adrcenter  { text-align: center; }
div#corps p.mini   { font-size: 0.9em; font-weight: normal;  font-style: italic; text-align: center; }
div#corps strong { font-weight: bold; font-size: 1.3em; line-height: 1.7em; }
div#corps.podiums{ font-size: 0.9em; text-align: center; }
div#corps input[type=submit] { font-size: 0.8em; cursor:pointer; background-color:#fff; 
border:1px solid; text-align: left; 
border-color: #0F475E; color: #0F475E; }

div#corpstableau { clear: both; background: white; width: 704px; padding: 4px; margin-top: 8px; font-size: 0.9em; color: #0F475E; font-style: normal; text-align: left; }
div#corpstableau a      { color: #0F475E; }
div#corpstableau a:hover{ color: #E71616; }

div#footer       { margin-top: 10px; margin-bottom: 10px; padding-left:  3px; width: 530px; color: white; background-color: #848357; font-size: 0.8em; text-align: left; float: left; }
div#perfs        { margin-top: 10px; margin-bottom: 10px; padding-right: 3px; width: 173px; color: white; background-color: #848357; font-size: 0.8em; text-align: right;  float: right; }

div#prefooter         { font-size: 0.8em; font-weight: normal;  font-style: normal; }
div#prefooter a       { color: #0F475E; }
div#prefooter a:hover { color: #E71616; }

tr               { /*font-size: 0.9em;*/ vertical-align: top;}
td               { padding-left: 2px; padding-top: 0px; padding-bottom: 0px;}
td.unresult      { background-color: #F5F5DC; }
td.unchvpon      { background-color: #00F5DC; }
/*text-align:left;font-style:italic;font-size:10pt;padding-left:5pt;border-style:dotted;border-color:#FF0000;border-left-width:2px;border-top-width:0;border-right-width:0;border-bottom-width:0;}*/

div#tablo_classement { background: white; width: 712px; margin: 0 auto; }

table.res        { width: 100%; font-size: 0.8em;background-color: #E7E7CF;  }
table.res tr     { vertical-align: top;}
table.res td     { padding-left: 2px; padding-top: 4px; padding-bottom: 0px;}
table.res th     { padding-left: 2px; padding-top: 4px; padding-bottom: 2px; border-top: 1px; border-top-style: solid; border-top-color: #0F475E; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #0F475E; }


table.lst        { width: 100%; }
table.lst tr     { vertical-align: top;}
table.lst tr.zone{ vertical-align: top; background-color:#E7E7CF;}
table.lst td     { padding-left: 2px; padding-top: 4px; padding-bottom: 0px;}
table.lst td.pabatexte { width: 85%; vertical-align: top;background-color:#E7E7CF;font-style:italic;padding-left:8px;border-left-style:dotted;border-left-color:#FF0000;border-left-width:2px;}
table.lst td.pabarefce { width: 15%; vertical-align: top; text-align: right; }
table.lst td.adrleftcol{ width: 35%; vertical-align: top; }
table.lst td.annleftcol{ width:  3%; vertical-align: top; }
table.lst td.calleftcol{ width: 35%; vertical-align: middle; }
table.lst td.littleital{ font-size: 0.8em; font-style: italic; }
table.lst th     { padding-left: 2px; padding-top: 4px; padding-bottom: 2px; font-size: 0.8em; border-top: 1px; border-top-style: solid; border-top-color: #0F475E; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #0F475E; }

.littleital{ font-size: 0.8em; font-style: italic; }

tr.pho           { vertical-align: top; }
td.pho           { background-color:#E7E7CF; padding: 4px; margin: 2px; font-size: 0.8em; text-align: center; }
tr.phoimg        { vertical-align: middle; }
td.phoimg        { background-color:#E7E7CF; padding: 4px; margin: 2px; text-align: left; font-family:Times,Serif; color: #8A1E40; }
/* td.pho img       { border: 2px solid blue; } */
td.pho a         { text-decoration: none; border-bottom: 2px solid #E7E7CF; }
td.pho a:hover   { text-decoration: none; border-bottom: 2px dotted red; }

tr.newspopup     {  border-bottom: 2px solid red; }

.apos            { font-family:Times,Serif; font-size: 2em; font-weight: normal; color: #8A1E40; }

div#musique      { width: 712px; margin: 0 auto; font-size: 0.8em; color: #E8EFB9;  }
table.musique    { border: 1; }


table.formechvpon{ background-color: silver;  color: red }
/* table         { background-color: white; border-left-color: red; border-left: 1px; color: rgb(15, 71, 94); } */
select           { font-size: 1em; font-weight: normal; }
input            { font-size: 1em; font-weight: normal; }

/* ********************* lightbox *************** */
/** liens en blanc non soulignés **/
div.dia a         { color: white; text-decoration: none; }
div.dia a:hover   { color: white; text-decoration: none; }
div.dia img { margin-top: 4em; padding: 2em; background: #fff; }
/** Here's where the magic happens **/
div.dia     { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
             height: 100%; width: 100%; text-align: center; background: url('/static/img/fondGris.png'); }
div.dia:target { display: block; }
/** IE doesn't support :target, so we use CSS expressions **/
div.dia     { display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none'); }


/* ********************* calendar *************** */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}
.ds_cell_cejour {
	background-color: #EEE;
	color: red;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

##############################