body
{
	width: 760px; /* la largeur de notre page */
	max-height: 1500px;
	margin: auto; /* pour centrer notre page */
	margin-top: 20px; /* pour éviter de coller avec le haut de la fenêtre. */
	margin-bottom: 20px; /* idem mais en bas  */
	background: url("images/fond.jpg") fixed top center ; 
	font-family: "Stomp_Duality", Arial, Verdana, serif; 

}
	
#en_tete /* ok */
{
	width: 760px;
	height: 150px; 
	background-image: url("images/tete.gif"); 
	background-repeat: no-repeat; 
	margin-bottom: 15px; 
	
}

#evenement /* ok */
{
	width: 760px; 
	height: 20px; 
	margin-bottom: 15px; 
	font-size: medium;
	color: white;
	
}

#corps
{
	width: 760px;
	min-height: 1000px;
	margin-bottom: 20px;
	margin: auto;
}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding-left: 8px;
		padding-right: 8px;		/* aucune marge intérieure */
        background : black; /* couleur de fond */        
        color : white; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        
}

#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 75px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul,  #menu li.sfhover ul, /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


#contenu
{
	padding: 5px;
	min-height: 1000px;
	color: black;
	text-align: justify;
	width: 630px;
}


.text_center
{
	text-align:center;
}
h1
{
	text-align:center;
	color: white;
	text-decoration:underline;
}

h3
{
	color: rgb(153,0,0);
}

img
{
	border:0;
}



#pied_de_page
{
	width: 760px;
	height: 100px;
	text-align: center;
	font-size: small;
	color: white;
	
}

/*propriétés des listes pour retrait si jamais margin-left: -5px;*/
ul
{
font-size: small;
}
/*Apparence des paragraphes*/


/*Apparence des liens*/
a:focus 
{
text-decoration: none;
font-weight: none;
color: white;
}
a:hover 
{
text-decoration: none;
font-weight: none;
color:white;
}
a 
{
text-decoration: none;
font-weight: none;
color: black;
}
#contenu a
{
text-decoration: underline;
font-weight: none;
color: black;
}
#contenu a:focus
{
text-decoration: bold;
font-weight: none;
color: rgb(153,0,0);
}

#contenu a:hover
{
text-decoration: underline ;
font-weight: none;
color: white;
}

div#galerie
{
	width: 410px ;
	border: none ;
	padding: 15px ;
	margin: 15px 20px ;
	text-align: center ;
	font: 0.9em Arial, "Arial Black",serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid black ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Arial,"Arial Black", serif ;
	color: white ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid black;
}

table
{
	 border-collapse: collapse;
	 padding: 5px;
}

th /* Les cellules d'en-tête */
{
	text-decoration : underline;
	text-align: left;
	color: white;
	font-size: 1.2em;
	padding-bottom: 5px;
}

td /* Les cellules normales */
{
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding-right: 30px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
 
fieldset
{
	text-align : center;
}