body
  { width: 840px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom:10px; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   font-size:16px;/* taille du text*/
	background-image: url("http://www.cyclo-seyssinet.org/Fond de page/Corse 2010-06-06 -113.jpg");
background-repeat:no-repeat;
background-position:center	
}
/* Pour que les lien soit surligné */
 a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.Style8 {color: #0033FF;
	font-style: italic;
}
.lien
 { 
float:left;
 width:176px;
 height:950px;
 text-align: center;
 background-image: url("Fond de page/boc_milieux_170.gif");
   background-repeat: repeat;
  
}

.En_tete_lien
{
	float:left;
	width:176px;
	 height:45px;
	background-image: url("Fond de page/box_top_170x45.gif");
	background-repeat:no-repeat;
	font-size: 30px;
	text-align: center;
	 color: #0000FF;
	 font-style: normal;
	}

.Beandeau_anime
{
	float: right;
	margin-right:40px;
	width:580px;
	margin-top:-136px;
}
.logo_club {
margin-top:-155px;

margin-left:30px;
	height: 133px;
	width: 136px;
}

.En_tete_corps_texte
 {
	float: right;
	width:670px;
	height:45px;
	background-image: url("Fond de page/box_top_670.gif");
	background-repeat: no-repeat;
	font-size: 30px;
	font-weight: bold;
	color: #0000FF;
	font-style: normal;
	}
	
	.En_tete_menu-calendrier
 {
	float: right;
	width:670px;
	height:45px;
	background-image: url("Fond de page/boc_milieux_670.gif");
	background-repeat: no-repeat;
	font-size: 30px;
	font-weight: bold;
	color: #0000FF;
	font-style: normal;
	}
.corps_texte
 {
	width:670px;
	height:950px;
	background-image: url("Fond de page/boc_milieux_670.gif");
	background-repeat: repeat;
	float: right;
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

.corps_texte_actualite_gauche
 {
	
	width:335px;
	height:700px;
	background-image: url("Fond de page/boc_gauche_335.gif");
	background-repeat: repeat;
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	
	
	
}
  
 .corps_texte_actualite_droite
 {
	
	width:335px;
	height:700px;
	background-image: url("Fond de page/boc_droite_335.gif");
	background-repeat: repeat;
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	float: right;

	
} 
  
   
 .TITRE {
 clear: both;
	font-size: 36px;
	font-weight: bold;
	color: #0000FF;
	background-color:#F3F3F3;
	text-align: center;
}
.Pied_page
 {
	 height:55px;
   clear: both;
	background-image: url("Fond de page/bas de page.jpg");
	background-repeat: no-repeat;	
}

.Entete {
	background-image: url("Fond de page/En tete.gif");
	background-repeat: no-repeat;
	height: 176px;
	width: 840px;
}
#corps div {
	display: list-item;
	
	overflow: auto;
	height:750px;
}
/****************************************************************************/
/*BOUTON calendrier*/
/****************************************************************************/
/*font de page des bouton*/
.Bouton
 {
	width:670px;
	background-image: url("Fond de page/boc_milieux_670.gif");
	background-repeat: repeat;
	float: right;
	
}

.corps_texte_bouton
 {
	width:670px;
	height:900px;
	background-image: url("Fond de page/boc_milieux_670.gif");
	background-repeat: repeat;
	float: right;
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}


/* couleur du text */
div#menu a {color:#FFFFFF;}
div#menu ul {padding: 0; margin:10px; background: white; text-align:center}
div#menu li {background:#0000FF;margin-right: 4px ;  /*marges entre 2 cases*/}
div#menu li:hover {background: #66FF66;}
div#menu li.sousmenu:hover {background: #66FF66;}
/* rejout couleur de fond */
div#menu li.sousmenu {background-color:#0000FF}


/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:10px solid; border-top-color:white}

div#menu ul ul {position: absolute; display:none; width:60px}
div#menu li a {text-decoration: none; display:block;width:60px;
font:15px "Tahoma.Trebuchet MS",Arial,sans-serif ; /*Police du text*/
     font-weight: bold;/*Text en gras*/
    line-height: 15px ; /*hauteur de lgne*/
    padding: 4px; 
    text-align: center ; }
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/****************************************************************************/
/*BOUTON_RANDONNEE*/
/****************************************************************************/

.Bouton_dj
 {
	width:670px;
	background-image: url("Fond de page/boc_milieux_670.gif");
	background-repeat: repeat;
	float: right;
	
}
/* couleur du text */
div#menu-dj a {color:#FFFFFF;}
div#menu-dj ul {padding: 0; margin:1px; background: white; text-align:center}
div#menu-dj li {background:#0000FF;margin-right: 4px ;  /*marges entre 2 cases*/}
div#menu-dj li:hover {background: #66FF66;}
div#menu-dj li.sousmenu:hover {background: #66FF66;}
/* rejout couleur de fond */
div#menu-dj li.sousmenu {background-color:#0000FF}


/* une petite bordure en top*/
div#menu-dj ul li {position:relative; list-style: none; float:left; border-top:1px solid; border-top-color:white}

div#menu-dj ul ul {position: absolute; display:none; width:100px}
div#menu-dj li a {text-decoration: none; display:block;width:100px;
font:15px "Tahoma.Trebuchet MS",Arial,sans-serif ; /*Police du text*/
     font-weight: bold;/*Text en gras*/
    line-height: 15px ; /*hauteur de lgne*/
    padding: 4px; 
    text-align: center ; }
div#menu-dj ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu-dj ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}