/* CSS Document */
/* Feuille de style pour la page d'accueil */

		body
		{
			margin: 0px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 1.2em "Trebuchet MS", helvetica, sans-serif ;
			font-style:oblique;
			background: #FFFFFF ;
		}
		/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
		/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
		/* On utilise text-align: center ; pour Internet Explorer, */
		/*c'est la seule façon de centrer les éléments de type block avec ce navigateur */
		/* On a ajouté de quoi mettre une police de caractère et une couleur de fond */


		div#conteneur
		{
			width: 822px ;
			height:624px;
			margin: 0 auto ;
			padding: 0;
			text-align: left ;
			border: 0px solid #ab4 ;
			background: url("img/accueil/fond.gif") no-repeat left top;
/*			background: #FFFFFF ;*/
		}
		/* On définit la largeur de la division qui contient l'ensemble de la page à 787 pixels */
		/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type */
		/* block (comme les divisions), nous centrons donc cette division */
		/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
		/* Une bordure autour de l'ensemble de la page, et couleur blanche pour le fond de celle-ci */


		
		div#presentation
		{
			position:relative;
			top:100px;
			left:60px;
			width:150px;
			height:70px;
		}
		div#presentation a
		{
			color:#000000;
			text-decoration:none;
		}
		div#presentation a:hover
		{
			color: #FF9900;
		}
		
		
		div#activites
		{
			position:relative;
			top:160px;
			left:130px;
			width:150px;
			height:45px;
			color:#FFFFFF;
		}
		div#activites a
		{
			color:#000000;
			text-decoration:none;
		}
		div#activites a:hover
		{
			color: #FF9900;
		}


		div#agenda
		{
			position:relative;
			top:50px;
			left:260px;
			width:150px;
			height:45px;
			color:#FFFFFF;
		}
		div#agenda a
		{
			color:#000000;
			text-decoration:none;
		}
		div#agenda a:hover
		{
			color: #FF9900;
		}

		
		div#ressources
		{
			position:relative;
			top:330px;
			left:90px;
			width:150px;
			height:45px;
			color:#FFFFFF;
		}
		div#ressources a
		{
			color:#000000;
			text-decoration:none;
		}
		div#ressources a:hover
		{
			color: #FF9900;
		}

		div#infos
		{
			position:relative;
			top:285px;
			left:315px;
			width:150px;
			height:45px;
			color:#FFFFFF;
		}
		div#infos a
		{
			color:#000000;
			text-decoration:none;
			border: none;
		}
		div#infos a:hover
		{
			color: #FF9900;
		}

		
		div#photos
		{
			position:relative;
			top:95px;
			left:10px;
			width:500px;
			height:90px;
		}

		img { border: 0;}		
		
		div#annonce
		{
			position:relative;
			top:-275px;
			left:550px;
			width:250px;
			height:300px;
		}
		
		div#annonce h2
		{
			padding-left:15px;		
			line-height: 25px ; /* définition dela hauteur de ligne*/
			font-size: 1.4em ; /* définition de la hauteur de caractères*/
			font-weight: bold ;
			color: #FF9900 ; /* défintion de la couleur du titre*/
		}