body {
background-color: #fff;
font-family: tahoma, arial, sans-serif;
}

img {
border: 0;
}

ul {
margin-top: 5px;
margin-left: 20px;
}

#mainDiv {
width: 990px;
margin: auto;
}

#logoDiv {
width: 295px;
float: left;
text-align: center;
}

#header {
width: 695px;
float: left;
margin-bottom: 10px;	
}

#nom {
clear: both;
margin: 35px 0 0 10px;
float: left;
}
#archives {
display: block;
float: left;
margin: 15px 0 0 60px;}

#topMenu a {
border-right: 2px solid #8e8682;
display: block;
float: left;
}

#content {
	clear: both;
}

#content	tr{
border-style:solid;
border-right-color:#CCCCCC;
border-bottom-color:#CCCCCC;
}

#bottom {
height: 95px;
background-image: url(images/back-bottom.gif) ;
padding-left: 50px;
margin-top: 10px;
clear: both;
}

#cyclometre {
height: 95px;
width: 146px;
float:left;
}

#cyclometre a {
display:block;
height: 26px;
width: 105px;
}


.normal {
background-image: url(images/cyclometre.gif);
}

.cal {
background-image: url(images/cyclometre-cal.gif);
}
.cir {
background-image: url(images/cyclometre-cir.gif);

}


#logos {
	background-color: #0000FF;
	padding-left: 10px;
}

#logos a {
	margin-right: 21px;
}

.titleBox {
font-size: 14px;
height: 22px;
background-color: #0000FF;
padding: 2px 0 0 15px ;
text-transform: uppercase;
color: #fff;
margin-bottom: 2px;
}

.textBox {
font-size: 11px;
background-color: #8e8682;
color: #fff;
}

.textBox2 {
padding: 10px 15px;

}

.textBox td {
font-size: 11px;
color: #fff;
padding-right: 10px;
}
.textBox a {
color: #fff;
}

.textBox .sousTitre {	
color: #000;
}
.thumbs {
height: 84px;
}
.thumbs a {
margin-right: 16px;
display: block;
float: left;

}

.legende {
font-size: 11px;
}

.moisCalendrier {
background-color: #0000FF;
display: block;
margin:0 5px 0 5px;
padding:2px 0 2px  0;
font-size:12px;
text-transform:uppercase;
color:#fff;
}

#calendrier td {
padding: 5px;
}

#calendrier a {
text-decoration:none;
color:#fff;
}
.subMenu {
clear: both; 
text-align: right;
margin-right: 170px;