body{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px ;
	padding-right: 0px ;
	padding-bottom: 0px ;
	padding-left: 0px ;
	text-align: left ;
	font-size: 12px;
	font-family: Verdana ;
background-color: #000000;
background-image: url(images/bg.jpg);
/*background-repeat: repeat-y;*/
background-position: center top;
}
	color: #6F0D0D;

/* marges haute et basse à 10px et marges droite et gauche à 0 */
/* padding à 0 pour Opera  */
/* text-align: center ; pour Internet Explorer */
/* police de caractère et couleur de fond */
}

a:link 	  { color : #369e4a; text-decoration : none; } /* lien */
a:visited { color : #369e4a; text-decoration : none; } /* lien visité DD8833*/
a:hover   { color : #aa6633; text-decoration : none;  } /* lien souris dessus*/
a:active  { text-decoration : none; }  /* lien cliqué */
a:focus   { text-decoration : none;}
img {  border: none; margin: 40px; }




h1#header a{

	font-size: 28px ;
	color: #6f0d0d ;
	width: 502px ;
	height: 68px ;
	display: block ;
/*	background: url(evenementiel.png) no-repeat ;*/
	position: relative ;
	left: 315px ;
	top: 120px ;
	text-indent: -5000px ;
	}
/*pour mettre une image en lien a la place de lu texte*/



div#cadre_menu{	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px ;
	padding-right: 0px ;
	padding-bottom: 0px ;
	padding-left: 0px ;
}
div#cadre_menu a{
	color : #ffffff;
	font-size: 13pt;
	text-decoration: none ;
}

/* pour le menu 

ul#menu
{
	height: 35px ;
	margin: 0px ;
	padding: 0px ;
	background: url(bg_fond_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over; 


  On rend les li (listes) en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

 


div#content{	
	padding-top: 40px ;
	position: relative;

	font-size: 12pt;
	text-align: center ;
}
div#content h1{	
	font-weight: bold ;
	font-size: 16pt;
	text-align: center ;
}
div#content p{	
	font-size: 11pt;
	text-align: justify ;
}



div#contenu{
	float: left;
	width: 640px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 30px ;
	padding-right: 20px ;
	padding-bottom: 10px ;
	padding-left: 20px ;
	text-align: left ;
/*	background: url(img/bg_page.gif) no-repeat 15px 100px ;*/
/*déco sur le côté de la page, espace à gauche et à droite du contenu */
/*	border: 2px solid #363636 ;
	*/background: #fff7eb ;
}
div#photo{
	float: center;
	border: 10px solid #ffffff ;
}
div#contenu h2{

	text-align: center ;

/* De même que pour le titre h2, à ceci près qu'on
 ne donne pas d'image décorative cette fois ci */
 }
div#contenu p{
	text-indent: 2em ;
	font-size: 1.0em ;
	line-height: 1.7em ;
/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */
}
/*div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{

	color: #9b2;
}

 On met en forme les liens contenu dans la page */

 
 
 
div#footer{/* Mise en forme de la partie pied de page */
	font-size: 14px;
	float: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px ;
	padding-right: 25px ;
	padding-bottom: 0px ;
	padding-left: 25px ;
	clear : both;
	line-height: 30px ;
	text-align: right ;
	background: #131313 ;
	border: 2px solid #dadada ;
	background: url(img/bg_footer.gif);
}



pre{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}



/* En passant on définit l'overflow de la balise pre à auto pour
 permettre d'afficher des barres de défilement si le texte contenu
  dans cette balise est trop grand */

/* On doit donner une largeur au <pre> à cause d'Internet Explorer, 
on ne va donc l'appliquer qu'à Internet Explorer en utilisant le 
 commentaire conditionnel suivant, à placer dans la partie HTML, 
 et plus précisément dans l'élément <head> : */
/*

<!--[if IE]>
 <style type="text/css">
 html pre
{
	width: 636px ;
}
</style>
<![endif]-->

*/		



/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */