body {
     margin: 0; /* pour ýviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     background-image:url(/IMG/fd.gif);
	 }
A {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #990000;
	TEXT-DECORATION: none;
}
/*pour empecher les elements float de se superposer*/
hr {
clear: both;
visibility: hidden;
}

/*container principal*/
#fond {
     background-color: #990000;
	 position: relative;  
     margin-left: auto;
     margin-right: auto;
     width: 940;
	 overflow: auto;
	 /*overflow:hidden;*/
	 text-align: left; /* on rýtablit l'alignement normal du texte */
}

/*entete*/
#top {
width: 100%;
margin-top: 10px;
}

/*colonne de gauche*/
#colonne-gauche {
width: 170px;
margin-top: 10px;
margin-left: 8px;
float: left;
display: inline;
margin-bottom: 10px;
}

/*colonne centrale*/
#colonne-centre {
width: 570px;
margin-top: 10px;
margin-left: 8px;
float: left;
margin-bottom: 10px;
display: inline;
}

/*colonne de droite*/
#colonne-droite {
width: 160px;
float: left;
margin-top: 10px;
margin-left: 8px;
margin-right: 8px;
display: inline;
margin-bottom: 10px;
}

/*pied de page*/
#foot {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

/*entete*/
#top {
width: 100%;
margin-top: 10px;
}

/*colonne de gauche*/
.colonne-gauche {
width: 170px;
margin-top: 10px;
margin-left: 8px;
float: left;
display: inline;
margin-bottom: 10px;
}

/*colonne centrale*/
.colonne-centre {
width: 570px;
margin-top: 10px;
margin-left: 8px;
float: left;
margin-bottom: 10px;
display: inline;
}

/*colonne de droite*/
.colonne-droite {
width: 160px;
float: left;
margin-top: 10px;
margin-left: 8px;
margin-right: 8px;
display: inline;
margin-bottom: 10px;
}

/*pied de page*/
.foot {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}


/*titre des menus*/
.menu-titre {
	background-color: #009999; 
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #FFFFFF;
	border-top: 3px solid #ffd700;      /* seulement en haut */
 	border-bottom: 1px solid #ffd700;   /* seulement en bas */
	border-left: 3px solid #ffd700;     /* seulement ý gauche */
   	border-right: 3px solid #ffd700; 
}

/*texte des menus*/
.menu-texte {
	background-color:#f0e68c;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border-top: 2px solid #ffd700;      /* seulement en haut */
 	border-bottom: 3px solid #ffd700;   /* seulement en bas */
	border-left: 3px solid #ffd700;     /* seulement ý gauche */
   	border-right: 3px solid #ffd700; 
}
.menu-texte A {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.menu-texte A:hover {
	COLOR: #990000;
	TEXT-DECORATION: none;
}

/*titre d'un article dans un menu-texte*/
.menu-texte h3 {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;

}
.menu-texte  A:hover h3{
	COLOR: #990000;
	TEXT-DECORATION: none;
}

.menu-texte-news {
	padding: 2px;
	border-collapse: collapse;
	border-bottom: 2px dashed #000000; 
}

/*poursuite de la navigation dans un menu-texte*/
.menu-texte h4 {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.menu-texte A h4 {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}
.menu-texte A:hover h4{
	COLOR: #990000;
	TEXT-DECORATION: none;
}

/*menu de navigation*/
.menu-texte-gras {
	background-color: #f0e68c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	color: #000000;
	border-top: 2px solid #ffd700;      /* seulement en haut */
 	border-bottom: 3px solid #ffd700;   /* seulement en bas */
	border-left: 3px solid #ffd700;     /* seulement ý gauche */
   	border-right: 3px solid #ffd700; 
}
.menu-texte-gras A {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.menu-texte-gras A:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

/*menu de navigation des annonces*/
.menu-texte-annonces {
	background-color: #f0e68c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #990000;
	border-top: 2px solid #ffd700;      /* seulement en haut */
 	border-bottom: 3px solid #ffd700;   /* seulement en bas */
	border-left: 3px solid #ffd700;     /* seulement ý gauche */
  border-right: 3px solid #ffd700; 
}

.menu-texte-annonces A {
	COLOR: #990000;
	TEXT-DECORATION: none;
}
.menu-texte-annonces A:hover {
	COLOR: #990000;
	TEXT-DECORATION: underline;
}


/*corps du contenu principal*/
.principal {
	background-color: #eee8aa; 
	padding: 5px;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	border-top: 2px solid #ffd700;      /* seulement en haut */
 	border-bottom: 3px solid #ffd700;   /* seulement en bas */
	border-left: 3px solid #ffd700;     /* seulement ý gauche */
   	border-right: 3px solid #ffd700; 
}
.principal A {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.principal A:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

/*titre du contenu principal*/
.principal-titre {
	background-color: #009999; 
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #FFFFFF;
	border-top: 3px solid #ffd700;      /* seulement en haut */
 	border-bottom: 1px solid #ffd700;   /* seulement en bas */
	border-left: 3px solid #ffd700;     /* seulement ý gauche */
   	border-right: 3px solid #ffd700; 
}
.principal-titre A {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}
.principal-titre A:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
}

/*bloc de liste des sous-rubriques*/
.sousrubrique {
	background-color: #eee8aa; 
	padding: 15px;
	border-collapse: collapse;
	border: 2px solid #990000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.sousrubrique A {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.sousrubrique A:hover {
	COLOR: #990000;
	TEXT-DECORATION: underline;
}
.sousrubrique h2 {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

/*bloc entete*/
.entete {
	background-color: #eee8aa; 
	padding: 5px;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
}
.entete A:hover {
	COLOR: #990000;
	TEXT-DECORATION: none;
}
/*titre de l'entete*/
.entete h2 {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #990000;
}
.entete h2 A{
    COLOR: #990000;
	font-weight: bolder;
}

/*bloc accroche*/
.accroche {
	background-color: #eee8aa; 
	padding: 5px;
	border-collapse: collapse;
	border-bottom: 5px dashed #990000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
}
.accroche A:hover {
	COLOR: #990000;
	TEXT-DECORATION: none;
}

/*titre d'une accroche*/
.accroche h2 {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #990000;
}
.accroche h2 A{
    COLOR: #990000;
	font-weight: bolder;
}

/*lien de poursuite d'une accroche*/
.suite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 200;
	color: #000000;
}
.suite A {
	text-decoration: underline;
}

/*navigation a la fin de principale*/
.navigation {
	background-color: #eee8aa; 
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}
.navigation A {
	COLOR: #990000;
	TEXT-DECORATION: underline;
}
.navigation A:hover {
	COLOR: #990000;
	TEXT-DECORATION: none;
}
.navigation h4 {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.navigation h4 A{
    COLOR: #000000;
	TEXT-DECORATION: underline;
}

/*conteneur et texte par defaut des articles*/
.article{
	background-color: #eee8aa; 
	padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #000000;
}
.article A{
    COLOR: #990000;
	TEXT-DECORATION: none;
}
.article A:hover{
    COLOR: #000000;
	TEXT-DECORATION: underline;
}
/*titre des articles*/
.article h1{
	font-family: Arial, Helvetica, Sans serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	color: #990000;
}
/*intertitres des articles*/
.article h3{
	font-family: Arial, Helvetica, Sans serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	color: #000000;
}
/*surtitre*/
.surtitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: 600;
	color: #000000;
}
.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 800;
	color: #000000;
}
.chapo{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	color: #000000;
}
.chapo A{
    COLOR: #990000;
	TEXT-DECORATION: none;
}
.chapo A:hover{
    COLOR: #000000;
	TEXT-DECORATION: underline;
}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #666666;
}
.auteur{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
}
/*logo dans les articles*/
.logo-article {
	margin:0; 
	padding:5; 
	border:none;
}

/*bloc des mots-clefs dans les articles*/
.mot-clef {
	float: right;
	width: 50%;
}

/*listes des article dans le plan*/
.plan {
	background-color: #eee8aa; 
	padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #000000;
}
.plan A{
    COLOR: #000000;
	TEXT-DECORATION: none;
}
.plan A:hover{
    COLOR: #990000;
	TEXT-DECORATION: underline;
}
/*titre des rubriques*/
.plan h1{
	font-family: Arial, Helvetica, Sans serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	color: #990000;
}
.plan h1 A{
    COLOR: #990000;
	TEXT-DECORATION: none;
}
.plan h1 A:hover{
    COLOR: #990000;
	TEXT-DECORATION: underline;
}

/*titres des sous-rubriques*/
.plan h2{
	font-family: Arial, Helvetica, Sans serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	color: #990000;
}
.plan h2 A{
    COLOR: #990000;
	TEXT-DECORATION: none;
}
.plan h2 A:hover{
    COLOR: #990000;
	TEXT-DECORATION: underline;
}

/*propositions de commentaires*/
.commentaires{
	background-color: #eee8aa; 
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}
.commentaires A {
	COLOR: #990000;
	TEXT-DECORATION: underline;
}
.commentaires A:hover {
	COLOR: #990000;
	TEXT-DECORATION: none;
}
.commentaires h4 {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.commentaires h4 A{
    COLOR: #000000;
	TEXT-DECORATION: underline;
}
/*bloc encadre en rouge*/
.encadre {
	background-color: #eee8aa; 
	padding: 15px;
	border-collapse: collapse;
	border: 2px solid #990000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.encadre A {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.encadre A:hover {
	COLOR: #990000;
	TEXT-DECORATION: underline;
}

 
/*Styles de SPIP utiles*/
.spip_puce {
	list-style-position: outside;
	border-width: 0px;
}
.spip_documents{
	font-family: Arial,Helvetica,sans-serif;
	font-size : 90%;
	margin-bottom : 5px;
	margin-top : 5px;
}

.spip_documents_center{
	margin: auto; 
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 5px;
	margin-top : 5px;
	text-align: center;
}

.spip_documents_left{
	float: left;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 5px;
	margin-top : 5px;
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 5px;
	margin-top : 5px;
	text-align: center;
}