body  {
	background: #FFC;
	  }
a {
	text-decoration: none;
	font-weight: bold;
	color: #ff6;
}
a: hover  {
	text-decoration: underline;  }
img  {
	border-width: 0;
	border-style: none;  }
ul {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;	
	padding-left: 25px;      }
table{
	padding: 0x;
	text-align: left;  }	
tr  {
	margin-top: ;
	padding-left: 5px;
	font: italic 13px Verdana, Arial, Helvetica, sans-serif;  }
	
#page {
	width: 1000px;
	height: 2600px;
	margin: 0px;
	padding: 10px;
	background-color: #ccc;

	font_family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
  }

/* Styles de l'En_tête */
#en_tete  {
	width: 1000px;
	
	  }
#im_d  {
	float: right;
	width: 190px;
	height: 220px;  		}
#titre  {
	float: left;
	width: 800px;
	height: 220px;
	background: url("fond_titre.jpg");
	border: 2px solid;
	border-color: red;  	}
#titre h1 {
	font: bold 40px Lucida handwriting, Arial, Helvetica, sans-serif;
	padding-top: 20px;
	letter-spacing: 2px;
	color: red;     }
#titre h5   {
	font: italic 12px Verdana, Arial, Helvetica, sans-serif;
	
	padding: 0 0 0 0;
	word-spacing: 5px;
	color: #222;  	}
#titre h4  {
	font : normal bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	color : #03F; 	}

/* Styles de la présentation */
#presentation  {
	float: left;
	width: 1000px;	}
#texte   {
	padding: 5px 5px 5px 240px;
	
	background-color: #FFC;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(Cyclo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #700;  	}
#texte strong  {
	color: red;   }
	
#nouveau  {
	clear : left;
	margin : 0;
	padding : 0px;
	background-color: #444;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	color : white;  }
#nouveau ul  {
	list-style-type : square; }
#nouveau h2  {
	text-align : left;
	color:#0c0   }
#nouveau h3  {
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;     }
#nouveau h4  {
	color: yellow;   }

/* Styles de la recherche */
#recherche  {
	clear: left;
	width: 1000px;
	text-align: center;		}

#recherche h2 {
	font: bold 25px Lucida handwriting, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: red;
	text-align: center;		}

#famille   {
	float: left;
	width: 210px;

	background-color: #06f;
	border: 2px solid;
	border-color: #0a0;
	text-align : left;		}
	
#famille h4 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;  }
			
#ordre_alpha   {
	float : right;
	width: 210px;
	padding-left: 15px;
	padding-bottom: 15px;
	background-color: #080;
	border: 2px solid;
	border-color: #b0d0f0;
	text-align : center;	}
#ordre_alpha h4, td {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: white;}
#ordre_alpha td {
	width: 90px;  }

#couleur   {
	width: 540px;
	margin-left: 225px;
	padding: 20px 5px 0px 5 px;
	background-color: white;
	border: 2px solid;
	border-color: red;   	}
#couleur h4 {
	margin-top: 0;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;		}
#couleur h5 {
	margin-bottom: 5px;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	text-align: left;		}
#couleur td {
	width: 40px;}
	
/* Styles de la légende */
#legendes  {
	clear: both;
	width: 983px;
	margin: 10px 0 10px 0;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #444;
	border: 2px solid;
	border-color: #700;
	text-align : left;	
	color: #700;	}
#legendes h2 {
	font: bold 20px Lucida handwriting, Arial, Helvetica, sans-serif;
	text-align: center;	
	color: red;}
#legendes h4 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;	
	color: yellow;}
#legendes ul {
	list-style-position: inside;	}
#legendes li {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	text-align: left;
	color: white;	}
#legendes td {
	margin-left: 10px;
	width: 160px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: yellow;	}
	

/* Styles des commmentaires */
#commentaires  {
	clear: both;
	width: 983px;
	margin: 10px 0 10px 0;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #FFC;
	border: 2px solid;
	border-color: #700;
	text-align : left;	
	color: #700;	}
#commentaires h4 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;	
	color: red;}	
p li {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;	
	}
	
/* Styles des compléments */
#complements  {
	clear: left;
	width: 1000px;
/*margin: 20px;   	 */
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #06f;   }
#sites  {		
	float: left;
	width: 600px;
	padding-left: 50px;
	
	background-color: #666;
	border: 2px solid;
	border-color: blue;
	text-align : left;	
	color: #eee;	}
#util {
	float: right;
	width: 300px;
/*	margin-left: 30px;   */
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	 }
#util a {
	color: black; }
#util h2 {
	font: bold 15px Lucida handwriting, Arial, Helvetica, sans-serif;
	 }