/* toute la page */
body	{   /*width: 100%; */ /* largeur de la page ( à éviter de définir */
   			margin: auto 20px; /* Pour centrer notre page */
   			margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   			margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   			background-image: url("image/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */	}

h1		{	text-align: center;
			color: green;
			font-size: 30px;
			font-family: "arial black", arial, serif;	}
h2	{	text-indent:20px;
		color: green;
		font-size: 20px;
		font-family: "times new roman", arial, serif;	}
h3	{	titre 3	}		
p	{	overflow:visible;
		padding:10 10 10 0;
		text-align:justify;
		line-height:20px;
		text-indent:40px;
		font-family:"Lucida Handwriting", "times new roman", arial, serif;	}
strong	{ font-size: 1.5em;}	

                  /* L'en-tête */
#en_tete {  width: 100%;
   			height: 180px;
   			border-bottom: 10px solid green;
 			margin-bottom: 50px;	}
 			
#logog		{	position:absolute; 
				top: 10px;	}
#logoc		{	position:absolute; 
				left: 200px; 
				top: 20px;	}
#logoa		{	position:absolute; 
				left: 50%; 
				top: 120px;	}
#logod		{	position:absolute; 
				top:10px;
				right:10px;	}
#accueil	{	position: absolute;
				top: 150px;
				left: 40%;	}
#date_accueil	{	position: absolute;
					top: 200px;
					left: 15%;
					margin-bottom:10px;
					align:center;
					color:#339933;	} 
#meteodujour	{   position: absolute;
					top: 220px;
					left: 40%;
					color:#339933;	}
.imgmeteodujour	{   position: absolute;
					bottom: -5px;
					left: 100%;	}
	
                 /* Le menu */
#menu	{   float: left;    /* Le menu flottera à gauche */
   			width: 15%;   /* Très important : donner une taille au menu */
  			height: 500px;
  			border-right: 8px double green;
  			overflow: auto;	}
.element_menu	{   margin-bottom: 20px;     /* Pour éviter que les éléments du menu ne soient trop collés */	}

			/*le corps*/
#corps	{	/*height: 1000px;
			background-image:url("images/fond_vert.png");
			background-repeat: repeat-x;*/
			background-color: #CCFFCC;
			padding:10px;  }
#corps_accueil	{	width: 50%;
   					height: 500px;
					margin: 20px;
					padding: 10px;
					border: 2px red;
					overflow: auto; }
	
		/*prochaine sortie*/
#prochaine_sortie	{	width: 25%;
   						height: 500px;
						position:absolute; 
						right: 10px; 
						top: 200px;
						overflow: auto;
						border: 2px solid black;
						margin: 20px;
						padding: 10px;
						background-image: url("images/fond.png");	}
#prochaine_sortie dt	{	font-size: 1em;
							text-decoration: underline;
							font-family: arial, serif;	}
#prochaine_sortie dd	{	font-size: 1.2em;
							color:#339933;
							font-family: "arial black", arial, serif;	}

		/* le pied de page*/
#pied_de_page	{		height: 30px;
						margin: center;
						text-align: center;
						margin-top: 50px;	}
#pied_de_page table	{	vertical-align: bottom; 	/* Alignement vertical, le contenu des cellules sera placé en bas */
  						border: 3px solid green;
  						font-size: 0.7em;}
#pied_de_page td	{  	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
						border: 3px solid green;
						text-align: center;
						padding-botton: ;
						padding: 5px 30px 5px;	}		
		
		/* Toutes les images contenues dans un lien */
a img 	{   border: none; /* Pas de bordure */	}

a:active /* Quand le visiteur clique sur le lien */
{
   background-color: #ff8811;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: blue;
}
a /* Lien normal */
{
   text-decoration: none;
   color: Black;
   font-style: italic;
}

	/* le tableau */

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, "Times New Roman", serif;
   font-weight: bold;
   font-size: 2.5em;
   color: green;
   margin: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   margin-bottom: 20px;
   width: 100%;
   border: 4px double green; /* Bordure du tableau  */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: green;
   color: white;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   font-size: 1.3em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}