body
{	
	font-size: 16px;

	background: #A9F5A9;			
	margin: auto;  						/* sert a centrer le cadre extérieur */
	width: 1200px;						/* largeur du cadre extérieur */
	min-height: 800px;

						/* couleur du cadre extérieur */
	margin-top: 10px;
	margin-bottom: 10px;
	
	xborder: 1px solid #ad4f09;
	

}
body a
{
	color: #0000ff; /*couleur des lien partout*/	
	font-size: 14px;
	
} 
body a:hover  /* modification d'apparence du lien quand le pointeur arrive dessus partout--*/
{
   
    color: #000080;
	font-weight: bold;
}

h1 {
		text-align: center;
}
.menu_2      /*-------------menu page d'accueil-=================================================--*/
{
	
    top: 170px;
    left: 815px;	
	line-height : 160%; 
}

table {
	xborder-collapse:collapse;
	width:100%;
	
 }

#bandeau{
	xborder: 1px solid #B0F2Ba;  		/*---couleur des bordure autour des colonnes --*/
	background: #A9F5A9;	
	margin-bottom: -10px;
 }
 
 
 
 
 
 
#menu		
{
    float: left;
	width: 220px;
	margin: -15px auto 0 10px;   /**___position du menu nuiveau 1__**/
									order: 1px solid grey;
	position: relative;
}			
#menu ul ul        /* cadre niveau 2 */
{
	display: none; 
	position: absolute; 
	left: 245px;          /** position du menu niveau 2 ***/
	top: -46px; 
	margin-left: -50px; 
	padding: 10px 40px 10px 40px; 
}
#menu ul ul ul            /* cadre niveau 3 */
{
	display: none; 
	position: absolute; 
	left: 260px;         /** position du menu niveau 2 **/
	top: -1px; 
	margin: -45px 0 0 -60px; 
	padding: 40px; 
	
}

#menu a			/**----couleur du fond de l'écrit sur les bouton 2eme niveau----**/
{
	
	color: #000000;
	text-decoration: none;
					
}
#menu li 
{
	height:30px;
	width:200px;
	margin:15px; 
	background:url("images/bouton1.gif");
	background-repeat: no-repeat ;
	list-style-type: none; 
	position: relative; 
	font-size:20px;
	text-align:center;
	 
	padding-left: 2px; 
	margin-left: -40px;
	
}
#bis ul  			
{
	border: 1px solid grey;
		background-image: url("images/arr.plan3.jpg"); /**___ couleur de fond des menu niveau 2 et 3 ___**/
		adding: 10px;
}
#bis:hover
{
	
	background-image:url("images/bouton2.gif");
	background-repeat: no-repeat ;	
}


#menu li:hover ul#niveau2, li li:hover ul#niveau3 
{
	display: block;

}


 
#qui tr td {
		text-align: center;
		background: khaki;
		padding: 10px;
		margin:15px; 
}

p {
padding-left: 10px;
	}
 
p {
    padding-right: 10px;
	}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .menu_2      /*-------------menu page d'accueil-=================================================--*/
{
	
    top: 170px;
    left: 815px;	
	line-height : 160%; 
}


 
#menu2 a			/**----couleur du fond de l'écrit sur les bouton 2eme niveau----**/
{
	
	color: #000000;
	text-decoration: none;
					
}
#menu2 li 
{
	height:40px;
	width:300px;
	
	
	background:url("images/bouton11.gif");
	background-repeat: no-repeat ;
	list-style-type: none; 
	position: relative; 
	font-size:25px;
	text-align:center;
	 
	padding-left: 2px; 
	margin-left: -40px;
	
	display: block;
	margin-top: 30px;
	 margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
	
}
#bis ul  			
{
	border: 1px solid grey;
		background-image: url("images/arr.plan3.jpg"); /**___ couleur de fond des menu niveau 2 et 3 ___**/
		adding: 10px;
}
#bis:hover
{
	
	background-image:url("images/bouton2.gif");
	background-repeat: no-repeat ;	
}
#bis2:hover
{
	
	background-image:url("images/bouton22.gif");
	background-repeat: no-repeat ;	
}

#menu li:hover ul#niveau2, li li:hover ul#niveau3 
{
	display: block;

}
 
 
 
 
 
 /*----------------------
 
 
 


td#gauche {
			background: lightblue;
			vertical-align:top;		/* forcer le texte en haut de la colonne
			padding: 10px;
			xtext-align: left;              /*--- force le texte a gauche --
			
			 width:25%;
}


td#centre {
				background: khaki;
				vertical-align:top;
			padding: 20px;
			width:50%;
}
td#droite {
			background: burlywood;
			vertical-align:top;
			padding: 10px;
			 width:25%;			
}

												-----*/

h3 {
		text-align: center;
}
#centre h2 { 
			text-align: center;
}

#bordure table,tr,th,td { 
				xpadding: -10px;
				xborder: 1px solid #000000;
				background: khaki;
}


						/* --- boite de titre ---*/




#centre h1 {
		xtext-align: center;
}
#gauche hr {
		text-align: center;
	width: 80%;
	
}
#centre hr {
		text-align: center;
	width: 80%;
	
}

#droite hr {
		text-align: center;
	width: 80%;
	
}


.jaune /*index*/
{
	 color:   #ffff66;
	 text-align: center;
	 line-height : 110% ; 

}
.gras
{
	font-weight: bold;
}
.centre
{
	text-align: center;
}