html, body
{
  margin: 0;
  padding: 0;
  text-align: center;
  font: 1em Arial,Verdana;
  background: #dee;
}

h2
{
margin:5px;
font-size:10pt;
font-style:italic;
color: #048;
}

img
{
border: 0;
}

#page
{
  background: #ace;
  width: 750px;
  margin: 0 auto;
  padding:0;
}

#entete
{
  background: #048;
  vertical-align: middle;
  font-size: 20pt;
  font-weight: bold;
  color: #fff;
}

#entete img
{
  vertical-align: middle;
}

#centre
{
  height: 100%;
  background: #048;
  width:100%;
  overflow : hidden;
  margin: 0;
  padding: 0;
}

#gauche
{
  margin:0;
  padding:0;
  float: left;
  width: 100px;
  height: 100%;
  background: #048;
}

#droite
{
  margin: 0;
  padding: 0;
  float: right;
  height: 100%;
  width: 650px;
  background: #ace;
  text-align: left; 
  font-size: 0.8em;
  overflow: hidden;
}

#ttelargeur
{
  align="center"
  margin: 0;
  padding: 0;
  height: 100%;
  width: 700px;
  background: #ace;
  text-align: left; 
  font-size: 0.8em;
  overflow: hidden;
}

#pied
{
  width:100%;
  background: #048;
  color: #fff;
  padding:5px 0;
  font-size: 0.8em;
  font-style: italic;
}

.initiale
{
  color: #0df; 
}

ul#menu
{
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  border-top: 1px solid #ace;

}


ul#menu li
{
  padding: 3px;
  font : 10pt Arial,Verdana;
  text-align: center;
  margin: 0px;
  border-bottom: 1px solid #ace;
}

ul#menu li a
{
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#menu li a:hover
{
  color: #0df;
}

#separateur
{
float: left;
height: 600px;
width: 1px;
}

h1
{
margin: 0;
padding-left: 25px;
padding-top: 10px;
text-align: left;
color: #048;
font-style: italic;
font-size : 14pt;
font-weight: bold;
}

h2
{
padding-left : 25px;
padding-top : 10px;
}


p
{
margin: 10px;
}

.blocs 
{
margin: 0;
padding: 0;
overflow: auto;
}

.bloc
{
margin: 10px;
padding: 0;
float: left;
width: 302px;
height: 275px;
border: 1px solid #048;
background: #eff;
overflow: hidden;
display : inline;
}

.subbloc 
{
height:255px;
}

.imgv
{
padding: 5px;
float: left;
height: 192px;
width: 144px;
}

.imgh
{
padding: 5px;
float: left;
height: 144px;
width: 192px;
}

.bloc h2
{
margin:0;
padding: 5px;
font-size:10pt;
font-style:italic;
color: #048;
}

.bloc p
{
text-indent: 10px;
text-align: justify;
font-size:0.9em;
}

.suite
{
height: 20px;
padding: 0;
margin: 0;
width: 100%;
background: #048;
text-align: right;
}

.suite a
{
  color: #fff;
  text-decoration: none;
  font-style: italic;
}

hr
{
margin: 5px;
border: 0;
color: #048;
background: #048;
height: 1px;
}

.blocinfo
{
margin: 10px;
border: 1px solid #048;
}

.blocinfo h2
{
margin:5px;
font-size:10pt;
font-style:italic;
color: #048;
}

.motcle
{
font-weight: bold;
color: #00f;
}

#tarifs
{
border: 1px solid #048;
text-align: center;
}

#tarifs th
{
border: 1px solid #048;
color : #00f;
}

#tarifs td
{
border: 1px solid #048;
}

.septab
{
border:0;
}

.justif
{
text-align:justify;
}


#calendrier li
{
list-style-type:none;
font : 10pt Arial,Verdana;
color: #048;
margin: 0 ;
padding: 10px;
font-style: italic;
font-weight: bold;
}

#mois ul
{
  padding: 10px;
}

#mois li
{
  font : 9pt Arial,Verdana;
  color: #00f;
  margin: 0 ;
  padding: 0;
}

.article
{
border: 1px solid #048;
margin: 10px;
padding: 10px;
background: #eff;
overflow: auto;
}

.article div,p
{
text-indent: 15px;
}


.imgart_h
{
height: 192px;
width: 256px;
}

.imgart_v
{
height: 256px;
width: 192px;
}

#pub
{
position: absolute;
height: 300px;
width: 500px;
top: 50px;
left:100px;
background: #fff;
border: 1px solid #00f;
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity: 1.00;
padding: 10px;
z-index: 1;
font-size: 8pt;
display: none;
}

#pub h1
{
text-align: center;
margin:5px;
font-size:14pt;
color: #00f;
}

#pub h2
{
text-align: center;
margin:5px;
font-size:12pt;
font-style:italic;
color: #00f;
}

#pub p
{
text-align: justify;
text-indent: 10px;
}

#pub a
{
border: 0;
text-decoration: none;
}

#pubfix
{
position: absolute;
top: 50px;
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: middle;
background: #fff;
border: 1px solid #00f;
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity: 1.00;
padding: 10px;
z-index: 2;
font-size: 8pt;
display: none;
}



.logo
{
float: left;
margin: 10px;
}

.tabrec
{
border: 1px solid #00f;
margin: 20px;
}

.tabrec td
{
border: 1px solid #fff;
width: 100px;
}

.record
{
margin-top: 15px;
border: 1px solid #00f;
}

.record tr
{
border: 1px solid #fff;
}

.record th
{
color: #048;
}

.epreuve
{
font-weight: bold;
font-style: italic;
width: 100px;
}

.athlete
{
width: 200px;
}

.qui
{
  font-size:1em;
  font-weight:bold;
  text-decoration:underline;
}
.question
{
  font-size:1em;
}
.reponse
{
  font-size:1em;
  font-style:italic;
}
.intro
{
  margin:10px;
}
.annonce
{
color : #c06;
font-weight: bold;
font-style: italic;
}

.annonce_cr
{
border : solid 1px #048;
color : #f00;
font-weight: bold;
font-style: italic;
}

.classement
{
border:1;
border-color:blue;
font-style:italic;
}

.nom,.prenom 
{
text-align:left;
}

.tours,.tps,.Categ
{
text-align:right;
}

.kms
{
text-align:center;
}

.pcross
{
  margin : 25px;
  padding : 5px;
  font-size : 0.95em;
  border : solid 1px #048;
}

table.sponsor td
{
width : 160px;
height : 64px;
background-repeat: no-repeat;
background-position:center;
}