/**********************************************
*				   Structure				  *
**********************************************/

html, body { 		
	height: 100%;
}

html {
 	overflow: auto;
 	padding: 0px;
 	background-image: url(../Images/Index/Fond.jpg);
 	background-repeat: repeat-x;
 	background-position: top; 	
	background-color: #0A1D25; 	
}

body {  
 	margin: 0px;
 	background-image: url(../Images/Index/Fond2.jpg);
 	background-repeat: repeat-x;
 	background-position: bottom; 
}

	div#page {
	 	overflow: hidden;	 
		position: relative;
		/* Permet au bloc de servir de référent pour 
		ses descendants positionnés en absolu */
		width: 100%;
		margin: 0 auto;
		min-width: 820px;
		min-height: 100%;
	}	
	
		/* Ne pas oublier les styles suivants, à appliquer au premier élément
		   et au dernier élément (hors pied de page) du bloc conteneur */	   
		div#page #premier-element {
		 	vertical-align: middle;
			text-align: center;
		 	width: 100%;
			/* Evite tout risque de fusion des marges */
			margin-top: 0;
			padding: 0px;
		}

		div#page #dernier-element {
		 	/* Evite tout risque de fusion des marges */
			margin-bottom: 0; 
			/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
			padding-bottom: 0px;
		}

	div#piedpage {		 	 	
		position: absolute;
		bottom: 0; 
		left: 0;
		width: 100%;
		/* pour que le bloc prenne toute la largeur du bloc de référence
		   Note : le bloc de référence est le plus proche ancêtre positionné
		   en relatif ou en absolu */
		height: 0px;
	}	
	
	
.anim_index {
	width: 780px;
	height: 500px;
}