@charset "windows-1252";

body 
{
	background-image : url("images/image1.jpg");
}
		
h1
{
	position : relative;
	left : 10px;
	color : #006699;
	font-style : italic;	
	text-decoration : underline;	
}

#bandeau
{
	position : absolute;	
	top : 0px;
	left : 22%;
	width : 78%;	
	background-color : #006699;
	color : #ffff00;	
}	

.b1
{
	text-align : center;		
	font-size : 200%;	  
	border-style : solid;
	border-width : 1 px;
	border-color : #ffff00;	
	margin : 1px; 
}

#bloc_central
{
	position : absolute;
	top : 0px;	   
	left : 0px;
	height : 100%;		
	width : 100%;
	font-size : 100%;	 
}  
	
#bloc_menu
{
	position : fixed;
	top : 0px;		
	left : 0px;
	width : 22%;	
	height : 100%;		
	/*pour IE*/
	position : expression("absolute");
	top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
	left : expression("0px");	 
	width : expression("20%%");	  
	height : expression("100%");	
	/* */	
	float : left;	
	background-color : #006699;	 
	border-color : transparent; 
}	
			
#contenu
{	  
	position : absolute;  
	top : 90px;
	left :22%;
	width : 78%;	
}

ul#menu
{	     
	position : absolute;
	top : 30%;
	margin : 0; /* Marge extérieur nulle */
	padding : 1px 1px 0; /* Marge intérieur à 1px sauf pour le bas */
	font-size : 1.2em; /* Taille de notre police */
	
}

ul#menu li
{
	list-style-type : none; /* Aucunes puces associées */
	margin-bottom : 1px; /* Ajout d'une marge en bas */
}

ul#menu li a
{
	width : auto !important; /* Largeur interprétée par tous les navigateurs excepté 
								IE6 et inférieur */
	width : 95%; /* largeur interprétée par IE6 et inférieur */
	padding : 4px; /* Définition des marges intérieures */
	text-decoration : none; /* Suppression du soulignement */
	display : block; /* Définition sous forme de block */
}

ul#menu li a:link
{
	color : #ffff00; /* Couleur de la police */
	background-color : #006699; /* Définition de la couleur de fond */
	border : 1px solid #ffff00; /* Ajout d'une bordure */
}

ul#menu li a:visited
{
	color : #ffff00; /* Changement de la couleur de la police initiale */
	background-color : #006699; /* Changement de la couleur de fond initiale */
	border : 1px solid #ffff00; /* Ajout d'une bordure */
}

ul#menu li a:hover
{
	color : #006699; /* Changement de la couleur de la police initiale */
	background-color : #ffff00; /* Changement de la couleur de fond initiale */
	border : 1px solid #006699; /* Ajout d'une bordure */
}

ul#menu li a:active
{
	color : #006699; /* Changement de la couleur de la police initiale */
	background-color : silver; /* Changement de la couleur de fond initiale */
	border : 1px solid #006699; /* Ajout d'une bordure */
}	

.commentaire /*texte du bloc central*/
{
	vertical-align : middle;
	text-align : justify;	
	color : #006699;		
}			 
			   
/*classe de bouton haut de page*/
a.bt_haut:link
{
	width : 50px;
	height : 50px;	  
	float : right;	 
	background-image : url("images/arrow3_tn.gif");
	background-repeat : no-repeat;	 
	background-position : center;  	 
	border-style : outset;
	border-width : 2px;
	border-color : silver;
}

a.bt_haut:hover			
{
	width : 50px;
	height : 50px;	  
	float : right;	 		
	background-image : url("images/haut_page.gif");
	background-repeat : no-repeat;	 
	background-position : center;  	 	 
	border-style : inset;
	border-width : 2px;
	border-color : silver;	
}	   

.bt_haut
{
	width : 50px;
	height : 50px;	 	
	float : right;
	background-image : url("images/arrow3_tn.gif");
	background-repeat : no-repeat;	 
	background-position : center;  	   
	border-style : inset;
	border-width : 2px;
	border-color : silver;		
}	
		
/*classe de bouton suivant*/	
a.bt_suiv:link
{
	width : 50px;
	height : 50px;	 
	float : right;	 
	background-image : url("images/fleche_droite.gif");
	background-repeat : no-repeat;	 
	background-position : center;  		 
	border-style : outset;
	border-width : 2px;
	border-color : silver;	
}

a.bt_suiv:hover			
{
	width : 50px;
	height : 50px;	 
	float : right;	 		
	background-image : url("images/page_suivante.gif");
	background-repeat : no-repeat;	 
	background-position : center;  	  
	border-style : inset;
	border-width : 2px;
	border-color : silver;		
}												

.bt_suiv 
{	
	width : 50px;
	height : 50px;	
	float : right;  			
	background-image: url("images/fleche_droite.gif"); 
	background-repeat: no-repeat; 
	background-position: center; 	 
	border-style : inset;
	border-width : 2px;
	border-color : silver;		
}	

/*classe de bouton précédent*/
a.bt_prec:link
{
	width : 50px;
	height : 50px;	 
	float : left;	 
	background-image : url("images/fleche_gauche.gif");
	background-repeat : no-repeat;	 
	background-position : center;  		  
	border-style : inset;
	border-width : 2px;
	border-color : silver;		
}

a.bt_prec:hover			
{
	width : 50px;
	height : 50px;	 
	float : left;	 		
	background-image : url("images/page_prec.gif");
	background-repeat : no-repeat;	 
	background-position : center;  	
	border-style : inset;
	border-width : 2px;
	border-color : silver;		 
}	  

.bt_prec
{
	width : 50px;
	height : 50px;	 
	float : left;	 
	background-image : url("images/fleche_gauche.gif");
	background-repeat : no-repeat;	 
	background-position : center;  		  
	border-style : inset;
	border-width : 2px;
	border-color : silver;		
}			   
	 
/*classe de bouton de téléchargement*/
a.bt_load:link
{
	width : 200px;
	height : 50px;
	text-decoration : none;
	color : #ffff00;
	text-align : center;
	font-weight : bold;	   
	font-size : 120%;
	background-color : #006699;
	padding : 5px
}
a.bt_load:visited
{
	width : 200px;
	height  :50px;
	text-decoration  :none;
	color : #ffff00;
	text-align : center;
	font-weight : bold;		  
	font-size : 120%;	
	background-color : #000080;
	padding : 5px
}
a.bt_load:hover
{
	width : 200px;
	height : 50px;
	text-decoration : none;
	color  :#006699;
	text-align : center;
	font-weight : bold;		
	font-size : 120%;	
	background-color : #FFFF00;	
	padding : 5px
}
.bt_load
{
	text-align : center;
	padding : 5px;
}