/*		CLEAR ALL		*/

@import "./reset.css";

/*		STANDARD		*/

html { cursor: default; font-size: 12px; height: 100%; margin-bottom: 1px; }
body { line-height: 1.4; color: #456; padding-bottom: 24px; z-index: 1; font-family: 'lucida grande','lucida sans unicode','lucida','gill sans',calibri,sans-serif; }
strong { font-weight: bold; color: #123; }
em { font-style: italic; }
sup { vertical-align: 120%; }

h2 { font-family: Georgia, 'times new roman', times,serif; color: #234; font-size: 22px; }
h3 { font-size: 14px; color: #234; margin: 6px 0; }

a { text-decoration: none; color: #028; font-weight: bold; }
a:hover { color: #000; text-decoration: underline; }

/*		GENERIC		*/

.container { margin: 0px auto; width: 960px; clear: both; }
.sc { font-size: 88%; text-transform: uppercase; }
.nowr { white-space: nowrap; }
.hidden { display: none; }
.spacer { margin-bottom: 64px; }
.infos { padding: 2px 8px 8px; }
.clear { clear: both; }
.fld { border: 1px solid #aaa; padding: 4px; font-size: 12px; }

.col { margin-right: 12px; width: 340px; float: left; }
.last { margin-right: 0; }

hr.clear { margin: 0; background: transparent; border: none; }

/*		BARRE		*/

#barre { font-size: 11px; padding: 0; margin: 0; color: #000; background: url( ../m/toolbar.gif		 ); border-bottom: 1px #666 solid; height: 28px; line-height: 2.4; font-weight: bold; position: fixed; width: 100%; z-index: 255; top: 0; left: 0; text-align: center; }
#barre p { margin: 0 auto; }
#barre a { text-decoration: none; color: #fff; font-weight: normal; padding: 0 2px; }
#barre a:hover { color: #123;  }

#barre a#aide { font-weight: bold; padding: 4px 48px 4px 48px; text-transform: uppercase; font-size: 10px; background: url( ../m/btn_over.gif ) no-repeat center center; position: relative; height: 18px; width: 80px; }
#barre a#aide:hover { background: url( ../m/btn.gif ) no-repeat center center; color: #123; }

/*		TITLE		*/

h1 { text-indent: -1000px; margin-top: 32px; height: 124px; background: pink; background: url( ../m/logo.gif ) no-repeat; margin-bottom: 18px; cursor: pointer; }

/*		FOOTER		*/

#footer { height: 30px; background: url( ../m/footer.gif ) no-repeat 102px 0px; text-indent: 260px; padding-top: 6px; margin-top: 24px; }
#footer a { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 18px; padding-right: 24px; }
#footer a:hover { text-decoration: none; color: #0079aa; }

/*		PAGE		*/

.page { background: #ffc; margin: 0 auto; width: 708px; border: 3px solid #0088bf; border-bottom-color: #55c4ed; border-left: 0; border-right: 0; padding: 8px 24px; }
.page p { margin: 8px 0; font-size: 14px; clear: both;  }
.page .infos { background: #fea; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin: 18px 0 12px; }
.page .infos p { font-size: 12px; }
.page .infos ul { padding-left: 8px; margin-bottom: 0; }
.page .infos li { margin-left: 14px; list-style-type: disc; }

.page .infos h3 { background: #ec8; margin: -8px -8px 2px -8px; padding: 8px; border-radius-top: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; }

.page ul { margin: 12px 0 64px 0; }
.page ul.nom li { float: left; width: 300px; position: relative; padding-left: 36px; height: 32px; }
.page ul.nom li.nom-lepr { background: 0px 0px no-repeat url( ../m/cava.gif ); }
.page ul.nom li.nom-lect { background: 8px 8px no-repeat url( ../m/group.gif ); }

.page p#source { padding-top: 18px; font-size: 13px; }
.page p#avertissement { font-size: 88%; padding: 4px; border: 1px solid orange; color: #456; text-align: center; }

.page a.rhs { text-transform: uppercase; font-size: 88%; float: right; height: 18px; position: relative; }
.page a.lhs { text-transform: uppercase; font-size: 88%; float: left; height: 18px; position: relative; }

.page .col img { width: 340px; margin-top: 8px; }
.page .col .legend { font-size: 11px; }
.page .col span.race { font-size: 14px; }

.page .col iframe { border: none; margin: 0; width: 330px; height: 148px; margin-top: 24px; }

#accueil a { font-size: 110%; background: #ff8; padding: 0 2px; }
#accueil h2 a { font-weight: normal; background: transparent; padding: 0; font-size: 100%; }

#accueil ul#list-info span { display: block; text-indent: 12px; }
#accueil ul#list-info { margin-bottom:12px; }

/*		TABLE		*/

table { width: 100%; margin: 36px 0; clear: both; }
table td { padding: 2px 4px; border-bottom: 1px solid #08c; }
table td a { font-weight: bold; }
table td.discipline { font-weight: bold; color: #123; }
table td.nom-lepr { width: 32px; background: center center no-repeat url( ../m/cava.gif ); }
table td.nom-lect { width: 32px; background: center center no-repeat url( ../m/group.gif ); }

/*		VOTES		*/

div.votes { clear: both; font-size: 11px; padding: 0; margin: 2px 0px; }
div.votes div { padding: 12px 0; }
div.votes p { border-bottom: 1px solid #fff; font-size: 11px; }
div.votes p a { font-weight: bold; color: #009; font-size: 11px; }
div.votes p a:hover { color: #009633; }
div.votes span.cheval { display: inline-block; width: 186px; float: left; border-bottom: 1px solid #5ce; }
div.votes span.result { display: inline-block; width: 520px; background: #eee; text-align: right; border-bottom: 1px solid #5ce; }

div.votes .info { font-size: 13px; color: #234; background: #f2f2f2; padding: 4px 8px; }

/*		IFRAME		*/

body#vote { padding: 2px; background: #fd9; border-top: 3px solid #0088bf; }
body#vote form fieldset { padding: 8px; }
body#vote form legend { font-family: Georgia, 'times new roman', times,serif; color: #234; font-size: 16px; margin-bottom: -8px; padding-bottom: 0; }
body#vote form input.fld { width: 302px; color: #888; margin: 0 -2px; }
body#vote form input.fld:hover { background: #ffc; }
body#vote form input.btn { margin-top: 8px; }
body#vote form p.error { font-weight: bold; padding: 2px 4px; border: 1px solid #080; color: #080; background: #cfc; line-height: 1.1; margin-bottom: 8px; }

body#vote h4 { font-size: 16px; padding: 8px; }
body#vote a { margin: 0 8px; }
body#vote p { padding-bottom: 6px; }