
body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;  /* 76% avant : taille de la police !*/
	/*background-color: #eaeaea;
	background-image: url(Images/bg3.gif);
	background-position: top center;
	background-repeat: repeat-y; */
background:#eaeaea url(/images/bg3.gif) top center repeat-y;  /* bg : sans les pattes de chats*/
color:#3a3a3a;
}

#wrap {
background-color:#FFFFFF;
color:#303030;
margin:0 auto;
padding:1px 5px;
width:860px;
}

#header {
color:#303030;
background-color:#930000;
height: 120px;
margin:0 0 10px 0;
padding:0;
}


/***** barre de menu à gauche *****/



#avmenu {
clear:left;
float:left;
width:160px;
height:750px;
margin:0 0 20px 0;
padding:0;
}

dl, dt, dd, ul, li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


dl#menu {
	/*top: 0;						si = 0 annule le décalage de l'entête  */
	/*left:0;
	/*margin: 0;           /* 		 la suppressionn de margin et padding provoque un décalage vers le bas*/
	width: 160px; 
}

dl#menu dt {
	cursor: pointer;			/* définit la forme du cursor */
	margin: 5px 0;				/* marge de 5 en haut et en bas */
	height: 40px;				/* hauteur de la case du menu */
	line-height: 40px;			/* ??????? */
	font-weight: bold;
	border: 2px solid #930000;
	background: #930000;
	text-indent:1em;
}
#lienbriard {
	margin: 60px 0 10px 0;
	color: #505050;				/* Couleur du texte  */
	background: #f4f4f4 bottom left repeat-x;
	border-top: 1px solid #930000;
	border-right: 1px solid #930000;
	border-bottom: 1px solid #930000;
	border-left: 1px solid #930000;  
	line-height: 2.3em;  /*  ??*/
}



#compteur {
	margin: 30px 0 10px 0;
	text-indent: 1em;
	color: #505050;				/* Couleur du texte  */
	background: #f4f4f4 bottom left repeat-x;
	border-top: 1px solid #930000;
	border-right: 1px solid #930000;
	border-bottom: 1px solid #930000;
	border-left: 1px solid #930000;  
	line-height: 2.3em;  /*  ??*/
}

dl#menu dd {
	cursor: pointer;		/* définit la forme du cursor */
	margin-top:1px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:0px;
	line-height: 20px;		/* ??????? */
	font-weight: bold;
	border: 0px solid gray;
	background: #CCCCCC; 	/* Gris */ 
}

dl#menu li {
	text-align: center;
	list-style-type: none;
}

dl#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
}

dl#menu li a{
	color: #930000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	width: 160px;  			/*	Taille de la zone grisée	   */
	font-size: 1.0em;
	font-weight: normal;	
}

dl#menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	width: 156px;  			/*	Taille de la zone grisée	   */
	font-size: 1.2em;
	font-style: italic;
}

dl#menu li a:hover {
	background: #BDBDBD;   /* ancienne couleur #eee */
	color: #930000;
	font-weight: bold;
}

dl#menu dt a:hover  {
	background: #BDBDBD;   /* ancienne couleur #eee */
}


/***** Contenu principal (content)  *****/

#content {
margin: 20px 10px 100px 180px;
padding:0;
line-height:1.5em;
text-align: justify;   /*  avant left */ 
}

#content h1 {
font-size:2.5em;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 4px 15px;
padding:0;
text-align: center
}

#content h2 {
font-size:1.8em;
letter-spacing:-1px;
font-weight:normal;
margin:8px 0 10px 0;
padding:0;
text-align: center;
}

#content h3 {
font-size:1.5em;
font-weight:normal;
margin:6px 0 6px 0;
padding:0;
text-align: center
}


/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
padding:8px 0;
border-top:2px solid #dadada;
width:780px;
text-align:center;
color:#808080;
background-color:#ffffff;
font-size:0.9em;
}

#footer p {
padding:0;
margin:0;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}


/***** differentes classes *****/

.left {
margin:10px 10px 5px 0;
float:left;
}
