/* Code CSS de copie de site */
body
{
   min-width: 		1024px;
   /*margin: 			auto; 				/* Pour centrer notre page */
   margin-top: 		0px; 				/* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-left:		0px;
   margin-right: 	0px;
   margin-bottom: 	20px;    			/* Idem pour le bas du navigateur  #FFCC66*/
   background-color: #111111;   
}
#en_tete
{
   width: 			100%;
   height: 			100px;
   margin-top: 		-25px;
   padding-top: 	40px;
   border: 			0px solid black;
   background-image: url("./image_index/neon.JPG");
   background-repeat: repeat-x;
   font-family: 	 forte, Times New Roman, Times, serif;
   
   text-align: 		center;
}
#en_tete a:hover
{
    text-decoration: none;
    font-style: 	italic;
    border: 		none;
}
#corps
{
   margin-left: 	10px;			/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 	10px;
   padding-left: 	10px; 			/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */   
   padding-right: 	10px;
   padding-bottom: 	10px;
   color: 			#BBBBBB;
   text-align: 		center;
}
#corps.dl
{


}
#corps a:hover
{
    text-decoration: none;
    font-style: 	italic;
    border: 		none;
}
#corps h1 							/* Tous les titres h1 du corps */
{
   color: 			#BBBBBB;
   margin-top: 		1px;
   margin-bottom: 	1px;
   text-align: 		center;
   font-family: 	Times New Roman, Times, serif;
}
#corps h2 							/* Tous les titres h2 du corps */
{
   height: 			30px;
   padding-left: 	10px;
   color: 			#EEEEEE;
   text-align: 		center;
}
#corps h3							/* Tous les titres h3 du corps */
{
	text-align : 	center;
	font: 			italic normal 1.4em georgia, sans-serif;
}
#contact{
	text-align:		center;
	color:			#BBBBBB;
}
#contact table{
	margin-left:		auto;
	margin-right:		auto;
	width:			300px;
}
#pied_de_page
{
   padding: 		5px;
   margin-left: 	10px;
   text-align: 		center;
   color: 			#BBBBBB;   
}
#pied_de_page a
{
	color:			#222222;
}
/* Le tableau d'images */
table
{
   width: 			100%;
}
td
{
	text-align:		center;
	padding: 		5px;
	width:			100px;
}
/* Les images  (les classes)*/
.picture
{
	max-height:		150px;
	max-width: 		200px;
	border: 		0px;
}
/* Tous les autres liens */
a:link, a:visited 
{
	color: 			#00EEFF;			/* couleur cyan site */
	text-decoration: none;				/* soulignement des liens */
	font-weight: 	normal;
	border: 		none;
}
/*a:hover 
{
    color: 			#BBBBBB;
    text-decoration: none;
    font-style: 	italic;
    border: 		none;
}
a:active 
{
    color: 			#BBBBBB;
    text-decoration: none;
    font-style: 	italic;
    border: 		none;
}
pour que les images ne bouges pas quant le titre passe en italique*/

#en_tete ul.menu 
{ 
	list-style-type: none;
    margin : 0;
    padding: 0;
}
#en_tete ul.menu li 
{ 	float: left;
    margin-left: 10px;
    border: 0;
}
ul.menu ul 	/* ensemble des sous menu */
{ 	position: absolute;
    display: none;			/* masque les sous menu si on ne les survole pas */ 
    list-style-type: none;	/* masque le point noir qui est devant les liste */
    margin: 0;
    padding: 0;
}
ul.menu ul li
{	float: none;
    padding: 0;
	color: #BBBBBB;
} 
/* les menus principaux */
ul.menu li a:link, ul.menu li a:visited
{	color: 			#111111;
	font-size:		2em;   
	display: 		block;
    background: 	none;
    margin:			0;
    padding: 		4px 4px;
    text-decoration: none;    
}
/* les sous menus */
ul.menu li a.li:link, ul.menu li a.li:visited
{	color:			#111111;
	font-size:		1em;
	display: 		block;
    background: 	#00EEFF;
	/*opacity: 		0.7;*/
    margin:			0;
    padding: 		4px 4px;
    text-decoration: none;    
}

ul.menu li:hover > ul
{	display: block; }

ul.menu a 
{	border:0px solid #FFCC99; }