a.lien1:link, a.lien1:visited {
	display: block;
	color: #000000;
}
/*#navBar {list-style:  none; margin: 0; padding: 0;}*/
a.lien1:hover{
	color: #CCFF66;
	background: 	 #009900 ;
	
}
/* Les 3lignes du dessus servent a mettre les liens visités en couleur ARplan vert  */



a {		
   text-decoration:   none; /* Les liens ne seront plus soulignés ou clignote ou  */

color: #000000; /* Les liens seront de couleur... */
   font-style:  normal; /* Les liens seront en italique  */
	font-size: 11px;/* taille du caracteres pour les lien */
/*border-style:double; color: #006666 ;*/
   
}
	/*a:hover /* Quand le visiteur pointe sur le lien */
	/*{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
    /* color: #CCFF66 	; 	  
	   /* Le lien sera écrit en BLANC FFFFFF quand on pointera dessus */
    
	 /*background-color: #009900 ;*/
	
	 /*  #6600ff; /* Le fond du texte  du lien  change de couleur */    
   /*text-indent: 30px;    */           
 /*font-size:12px;    taille du caracteres lorsque la souris passe sur le lien pour les lien */ 
  /* background-image: url(ar8A.jpg);*/
       /*font-family:  "Arial Black", Arial, Verdana, serif;*/
	   /* }
/*div.aaaa:hover {
	background-color:#FF0000;
}*/
a.lien2:link, a.lien2:visited {
	display: block;
	color: #000000;
	font-size:	20px ;	
}
/*#navBar {list-style:  none; margin: 0; padding: 0;}*/
a.lien2:hover{
	color: #CCFF66;
	background: 	 #009900 ;
	
}
/* Les 3lignes du dessus servent a mettre les liens visités en couleur ARplan vert  */



a {		
   text-decoration:   none; /* Les liens ne seront plus soulignés ou clignote ou  */

color: #000000; /* Les liens seront de couleur... */
   font-style:  normal; /* Les liens seront en italique  */
	font-size: 11px;/* taille du caracteres pour les lien */
/*border-style:double; color: #006666 ;*/
   
}
body {			
	/*background-attachment: fixed; /* image arriere plan fixe */
	background-color:	#FFFFFF;/*couleur arriere plan couleur.des pages.. */	
	/*background-image:url("2006/arpl_velo2.jpg"); /*image arriere plan  :url("40.jpg");... */
	background-image: url(arpl_velo3.jpg); /*image arriere plan  :url("40.jpg");... */
	font-family: Arial, Helvetica, sans-serif  ;	
	font-size: 0.8em;	
	/*line-height:0.8em;	/* interligne... */	
	
	color:	#000000;/* couleur de l'ecriture. */	
	 font-weight:	 bold; /* Le texte bold=gras ou mettre normal */
	
	}	
	/* pour liste a puce
		/*ul ,dl{	color:		#00FF00;couleur de la police 
			font-family: " Arial", Verdana, serif;
		/*background-color:	#000000; /* couleur arriere plan 			}		*/
	
	
p
{ font-variant: normal;/*   Le texte small-caps=majuscule ou mettre normal */
   font-weight: normal; /* Le texte bold=gras ou mettre normal */
   color:   #000000; /* Les paragraphes seront bleus */
   font-size: 18px; /* La taille du texte */
   /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
   font-family: Arial, Helvetica, sans-serif;
   }

.h1 	{	color:#000000;	
            font-size:	10px ;	
              font-family: Arial, Helvetica, sans-serif  ; /*  Arial Black en priorité */
			/*background-image: url("40.jpg");/* image d'arriere plan sur le style h1
			background-repeat:no-repeat;
			font-style: italic; /*en italique ! */
			 }
			
  
.h2
{       
    /*text-indent: 100px; /* décalage du texte */
    color:	#000000; /* couleur du texte */
	text-align:	center;/* Alignement du texte left=a gauche center=centrer right=droite justify */
    font-family: Arial, Helvetica, sans-serif; /* Un titre en Arial Black c'est mieux :o) */
	font-size:	12px ;	
	font-style:	normal; /*en italique ! */}
		
.Ecriture_Générale
 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size:	11px ;	
	font-style:	normal	; /*ou en italique ! */
	font-weight:normal; /* Le texte bold=gras ou mettre normal */
	/*text-indent: 50px; /* décalage du texte */
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	color:#000000;
	}
.Ecrit_gle_gras
       {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size:	11px ;	
	font-style:	normal	; /*ou en italique ! */
	font-weight:bold; /* Le texte bold=gras ou mettre normal */
	/*text-indent: 50px; /* décalage du texte */
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	color:	#000000;
	}
	
.h4 {	
	font-family:	"Comic Sans MS" ;	
	font-size:	14px ;	
	/*background-color:	#33FF00;  	/* arriere plan */
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	color:	#000000;
	}
.EN_TETE {	
	font-family:	"Comic Sans MS" ;	
	font-size:	20px ;	
	/*background-color:	#33FF00;  	/* arriere plan */
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	color:	#000000;
	}
	
.SousTitre {	
	font-family:	"Comic Sans MS" ;	
	font-size:	18px ;	
	/*background-color:	#33FF00;  	/* arriere plan */
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	color:#000000;
	}
.h7 {	
	font-family:	"Comic Sans MS" ;	
	font-size:	16px ;	
	text-align:	center;
	/*background-color:	#33FF00;  	/* arriere plan */
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	color:	#000000;
	}
.h6 {	
	font-family:	"Comic Sans MS" ;	
	font-size:	16px ;	
	text-align:	center;
	/*background-color:	#33FF00;  	/* arriere plan */
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	color:	#000000;
	}

.Titre {	
	font-family:	"Comic Sans MS" ;	
	font-size:	26px ;	
	/*background-color:	#33FF00;  	/* arriere plan du texte*/
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	color:#000000;
	}
.h9 {	/* POUR LES TITRES */
	font-family:	"Comic Sans MS" ;	
	font-size:	18px ;
    color:	#FFFFFF;  /* COULEUR DU TEXTE*/
	background-color:	#009900		;  	/* arriere plan du texte*/
	/*background-image: url("40.jpg"); /*image d'arriere plan sur le style h1 */
	
	}
	

   /* * blank = nouvelle fenetre
       * parent =  ????
	    * self= meme endroit
		* top = meme page , mais complete
		
     * visible (par défaut) : si le texte dépasse les limites de taille,
	                 le block est agrandi de manière à ce que tout soit visible.
					 
	 * hidden : ( caché ) si le texte dépasse les limites, il sera tout simplement coupé.
		               On ne pourra pas voir tout le texte.
					   
    * scroll : là encore, le texte sera coupé s'il dépasse les limites.          
	         Sauf que cette fois, le navigateur mettra en place des barres de défilement pour qu'on puisse voir tout le texte. 
			 
    * auto : mode "pilote automatique" :p. En gros, c'est le navigateur qui décide ou pas 
	          de mettre des barres de défilement (il en mettra si c'est nécessaire).
  * inherit veut cacher le calque ou autres
   * debordement = ascenseur
   
# left : position par rapport à la gauche de la page.
# right : position par rapport à la droite de la page.
# top : position par rapport au haut de la page.
# bottom : position par rapport au bas de la page.


# absolute : positionnement absolu.
# fixed : positionnement fixe.
# relative : positionnement relatif.

    * width : c'est la largeur du block. 
    * height : c'est la hauteur du block. 
	
	
	    * margin-top : marge extérieure en haut.
    * margin-bottom : marge extérieure en bas.
    * margin-left : marge extérieure à gauche.
    * margin-right : marge extérieure à droite

    * padding-top : marge intérieure en haut.
    * padding-bottom : marge intérieure en bas.
    * padding-left : marge intérieure à gauche.
    * padding-right : marge intérieure à droite.

	
	*/