* {
   margin: auto;
   padding:0px;
   margin: 0px;   
  }
  html 
  {
 background-color:#000000;
	 
		background-image:url(fondnoir.jpg);
		background-repeat:repeat-x;
	margin: auto;
	
/* background-color:#9e9e9e;background-image: url("doc/ban/22.jpg");
  background-repeat: no-repeat;*/
  }
  
body 
{
 width: 998px;

 margin: auto;

  font-size: 14px;/* ligne a ne pas toucher */
   font-family: Arial,Times New Roman;/* ligne a ne pas toucher */
 

    }
	

/* ---------------- init ----------------------*/	

img {border: 0;
 margin: 0px;
padding:0px;
z-index:1;
}
p { margin: 0px;}
br { margin: 0px;
padding:0px;}
li {margin:0px;}	
td,tr,span,tbody,table
{margin:0px;}
a{margin: 0px;
padding:0px;
}

/* ---------------- init ----------------------*/	
#siteentier{
 width: 998px;
 min-height:1300px;
 margin: auto;

 background-color: #000000 ;
  font-size: 14px;/* ligne a ne pas toucher */
   font-family: /*Arial,Times New Roman; ligne a ne pas toucher 
 border: 2px solid #990000;*/

    }
/* ---------------- Banniere ----------------------*/	
#cache 
{
    width: 1000px;
	height :30px;
	 margin: auto;
	/*  margin-left:1px;
	border :1px solid #990000; background-color:grey;*/
	overflow:hidden	;
	
}
#ban {
    width: 1000px;
	height : 200px;
	 
	margin: auto;
	
	/*  margin-left:1px;
	border :1px solid #990000; background-color:grey;*/
	overflow:hidden	;
	
}
/* ---------------- finBanniere ----------------------*/	

#diapo {
    width: 170px;
	height : 25px;
	margin: auto;

	
	overflow:hidden	;
	
}
/* ---------------- Boite menurapide ----------------------*/


}
.droite
{
text-align:right;
}
.centre
{
text-align:center;
}
/* ---------------- fin Boite menurapide ----------------------*/


/* ---------------- zone menu+pub ----------------------*/



#contenugeneral
{
    width: 996px;
	margin: auto;
	/*border :1px solid #990000;  background-color:grey;
	overflow:hidden	;*/
	
}

/* ---------------- menu ----------------------*/	
#zonemenu
{
	/*width: 170px;
	float:left;
	color : #000000;
	
	overflow:hidden;	
	border:1px solid #990000;
	
	
	 height : 350px;
	border-right:1px solid #990000;
	border :1px solid #FFFFFF; */
	}
#menumouv
{
	/*width: 170px;
	
	color : #000000;
	background-color: #FFFFFF ;
	margin-bottom:-12px;	
	border:1px solid #990000;
	
	overflow:hidden	;margin-bottom:-12px;
	 height : 350px;
	border-right:1px solid #990000;
	border :1px solid #FFFFFF; */
	}
/* ---------------- menu maestro1 ----------------------*/	
	.maestro1
{

}
a.maestro1
{
Color : #000000;
text-decoration:none;
}

a.maestro1:hover 
{
Color : #CC0000;
text-decoration: underline;
border:0;

}
a.maestro1:active 
{
Color : #000000;



}
/* ---------------- fin menu ----------------------*/		
	
	#contenugauche
{
	width: 994px;
	color : #000000;
	/*margin-left:180px;
	border:1px solid #990000;
	overflow:hidden	;
	margin-bottom:-12px;
	 height : 350px;
	border-right:1px solid #990000;
	*/border :1px solid #000000; 
	overflow:hidden	;}	
	#textprincipal
	{
	width: 994px;


	/*border-right:1px solid #990000;color : #000000;
	border:1px solid #990000;

	background-image: url("fondmenu1.png");
	background-repeat: no-repeat;
		
	
	overflow:hidden	;
	margin-bottom:-12px;
	 height : 350px;
	
	border :1px solid #FFFFFF; */
	}
	
	#textprincipalaccueil
	{
	width: 994px;
	

	/*color : #000000;
	border:1px solid #990000;

	background-image: url("fondmenu1.png");
	background-repeat: no-repeat;
		
	
	overflow:hidden	;
	margin-bottom:-12px;
	 height : 350px;
	border-right:1px solid #990000;
	border :1px solid #FFFFFF; */
	}
	#pubdroite
	{
	width: 170px;
	float:right;
	color : #000000;
	
		
	/*border:1px solid #990000;
	overflow:hidden	;
	margin-bottom:-12px;
	 height : 350px;
	border-right:1px solid #990000;
	border :1px solid #FFFFFF; */
	}
	#copy
	{
	text-align:center;
	font-family: Arial;
	font-size: 10px;
	
	}
	/* css de menu deeroulant */
.deroule
{
width:1000px;

	  font-size: 14px;
	  
	  font-family: Helvetica, sans-serif;

   
  color: #ffffff;
 z-index:11;

	 }

html>body .deroule{
						position: fixed
						}
#menuDeroulant    
{

 width: 998px;
  
 list-style-type: none; /* non affichage des puces */
 margin:auto;          
 margin-left: 2px;

 padding: 0;
 z-index:11;
 
}

.aaa
{

	width:87px;
	border-right: 1px solid #fff;
 
}
.aaa1
{
width:160px;
}
.aaa2
{
width:139px; 
}
#menuDeroulant li      /* affichage des li de premier niveau */
{
 float: left;	/* le float left permet d'afficher les li en ligne */
   /* largeur de chaque rubrique du premier niveau */

 margin: 0;
 padding: 0;
 border: 0;
 text-align:center;
 
}		
 
#menuDeroulant  .sousMenu   /* css des sous menus */
{
 list-style-type: none;   /* non affichage des puces*/
 display:none;         /* non affichage des block du sous menu */
 margin: 0;
 padding: 0;
 border: 0;
										

 
}
#menuDeroulant li:hover    /* en passant les balises li du premier niveau à hover on va provoquer l'affichage des blocks du sous menu */
.sousMenu
{ display:block;

margin-top:0px;
}       /* affichage du block de sous menu */

#menuDeroulant .sousMenu li /* application de css au li de la balise sous menu*/
{
 float: none; /* comment precedemment li était affecté de la propriete float left, et que nous voulons pas que les rubriques s'affiche en ligne mais en colonne, nous annulons le float */
 width:14 px;
 margin: 0;
 padding: 0;
 border: 0;
 background-image:url("fondcase.jpg");

 margin:0;
 
}		
#menuDeroulant li a:link, #menuDeroulant li a:visited /*on definit ici la css des balises li et a du menu principal lorsqu il se passe rien( on applique à a un link) ou qu'on passe dessus (on affecte "visite" à la balise a*/
{
 display: block;
 background-image:url("fondcase.jpg");
 height: auto;
 color: #800000; /* couleur du texte des rubiques du mennu principal*/
  font-weight:bold;
 /*background: #3B4E77; /* couleur arriere plan */

 
 margin: 0;
 padding: 4px 8px;
 
 border-right: 1px solid #800000;
 border-left: 1px solid #800000;
 border-top: 1px solid #800000;
 text-decoration: none;
 


}
#menuDeroulant li a:hover { /*background-image:url("inox2.jpg");#a8a4d4/*#F2462E*/; } /* couleur du block lorsqu'on passe dessus on affecte "hover" à la balise  a(*/
#menuDeroulant li a:active { /*background-color: #1ca5b1#5F879D*/; } /* couleur lorsqu'on clic sur le block on affecte "active" à la balise a*/

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{

 display: block;
 color: #800000;                        /* css du sous menu en fonction de l'état de li , c'est ici qu'on applique le transparence en appliquant en arriere plan une image de type png ayant subi tun alpha*/
 font-weight:bold;
 margin: 0;
 border: 0;
 text-decoration: none;
/* background: transparent url("fondTR.png") repeat;*/
 border-bottom:1px;
 border-color:#e9e9e9;
 border-style:dotted;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 /* background-color: #8e8e8e;*/
 
}