body {
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; text-align: center; /* for IE */
}

.borderless {
   /* encore un bug IE (marquee marche pas dans table avec border=0)*/
   border-style:solid;
   border:1px solid #966666;
}

/********* liens ************/

a {
      color: black;
      text-decoration:none;
}

a.lien_bas:hover {
      text-decoration:underline;
}

a.titre_petit {
   font-size : 10px;
   font-weight: bold;
}
a.titre_petit:hover {
   text-decoration:underline;
}
a.suite {
   font-weight: bold;
}
a.suite:hover{
   text-decoration:underline;
}


/************ /liens *************/

/************ page accueil *************/




/************ /page accueil *************/

.titre_petit_marge {
   font-size : 10px;
   margin-left : 10px;
   margin-right : 10px;
   font-weight: bold;
}

.blanc {
      color: white;
}

.float_left {
   float:left;
}

.float_right {
   float:right;
}
/*La balise "dl" englobera le menu. Le "dt" sera le "titre", c'est ? dire "menu1", "menu2", ... et les "dd" designeront chaque sous-menu. */

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

#page {
   width: 100%;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   border: 1px none #FF0000;
}

#page #entete {
   height: 175px;
   margin-bottom:10px; /*175px + 10 = 185*/
}

#page #entete #haut {
   height: 150px ;
   border: 0px solid #000000;
   background-color: #990000/*#cc0000*/;
}


#page #entete #haut_fr {
   height: 150px ;
   border: 0px solid #000000;
   background-color: #990000/*#cc0000*/;
   background-image : url(../image/bandeau-sida_fr.gif);
   background-position :center;
   background-repeat : no-repeat;
}

#page #entete #haut_en {
   height: 150px ;
   border: 0px solid #000000;
   background-color: #990000/*#cc0000*/;
   background-image : url(../image/bandeau-sida_en.gif);
   background-position :50%;
   background-repeat : no-repeat;
}


.description_site {
   color: #fff;
   font-size :20px;
  /* padding: 10px;
   margin-left:20px;*/
   line-height: 25px;
   text-align: center;
}

/***************** menu ***********************/

#page #entete #menu {
   width:100%; 
   height: 21px;/*point touché réadaptation aves evolution des navigateurs, ici je suis de 19 à 21*/
   background-color: #996666;
   padding: 3px 0px; /* haut droite bas gauche (ou haut+bas droite+gauche)*/
   float: left;
}
#page #entete #menu .float_left { 	
   float:left;
   margin: 2px 0px 0px 2px;
   padding: 0px;
   
}
#page #entete #menu .loat_left_menu { 
   float:left;
   margin-top:2px;
   margin-left:30px;
   text-align:center;
   
/*   margin-right: auto; margin-left: auto;
   width:60%;*/
}
#page #entete #menu .float_right { 
   float:right;
   margin:0px 0px 0px 0px;
  

}

#page #entete #menu dl {
   float: left;
   /* positionnement du menu*/ 
   width:100px;/*point touché réadaptation aves evolution des navigateurs, ici je suis passé de 132 à 100*/

}


#page #entete #menu dt {/* rubrique racine */
   cursor: pointer;
   text-align: center;
   font-weight: bold;
   font-size: 11px;
   margin: 0px 2px;
   background: #990000/*#c00*/;
   border: 1px solid #000;
}

#page #entete #menu dd {/* sous rubrique */
   position: absolute;
   display: none;
   width: 100px;
   margin:0px;
   padding:0px;
}

#page #entete #menu li {
   text-align: left;
   border-left: 1px solid #000000; 
   border-right: 1px solid #000000; 
   border-bottom: 1px solid #000000; 
   font-size: 10px;
   line-height: 12px;
   background: #cc0000/*#ff9999*/;
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   margin-bottom: 1px;
   font-weight : normal;
   padding:1px;
}

#page #entete #menu li a, dt a {
      text-decoration: none;
      color: #fff;
      
}

#page #entete #menu li a:hover, li a:focus {
   background: #990000/*#cc0000*/;
   color:#fff;
   display: block;
}

#page #entete #menu dt a:hover, dt a:focus {
   /*background-color: #ffb25f;*/
   color:#000;
}

/***************** /menu ***********************/

/***************** recherche ***********************/
#page #entete #menu #formulaire_recherche {
      width:80px; 
      float: left; 
      margin: 0px 0px 0px 0px; 
}
form {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
input.recherche {
   border-style:solid;
   border-width:1px;
   border-color:#000;
   color : #333;
   font-size : 11px;
   width : 80px;
}


input.recherche:hover {
   border-style:dotted;
}


input.bouton {
   border: 1px outset #333333;
   background-color:#990000/*#c00*/;
   font-size : 11px;
   line-height: 12px;
}

input.bouton:hover {
   background-color:#f99;
}
/***************** /recherche ***********************/

#page #gauche {
   float: left;
   margin: 0px;
   padding: 0px 0px 0px 0px;
}

#page #gauche ul li {
  
   list-style:none;
}

#droite {
   border: 0px solid #000000;
   padding: 0px 0px 0px 0px;
}

#milieu{ margin: 0px;  padding: 0px 0px 0px 0px; width:100%; }

.conteneur_edito {
   position: relative;
   font-family: arial, verdana, sans-serif ;
   text-align: justify ;
   font-size: 11px ;
   color: #fff ;
   background-color:  #990000/*#cc0000*/ ;
   margin-left: 0px;
   padding:0px 5px 0px 5px;
   border: 1px none #000000;
   padding-top : 2px;
   margin-top: 0px;
   margin-bottom:10px;
}

a.titre_boite {
      color:black;
}
a.titre_boite:hover {
      color:white;
}


.conteneur_actu {
   position: relative;
   font-family: arial, verdana, sans-serif ;
   text-align: justify ;
   font-size: 11px ;
   color: #000;
   /*background-color: #990000/*#cc0000*/;
   */margin-left: 0px;
   border: 1px none #000000;
   padding-top : 2px;
   margin-top: 0px;
   margin-bottom:10px;
}


.titre_boite_rub {
   background: #990000/*#cc0000*/;
   color : white;
   display: block;
   border-style : none;
   font-size : 12px;
   font-weight :bold;
   text-align : left;
   margin-left: 50px;
   margin-bottom: 0px;
   margin-top: 0px;
   margin-right: 2px;
   padding: 2px;
   padding-left: 10px;
}


.Sous_rubrique {
   border: 0px solid black;
   margin-left:100px;
   margin-right:1px;
   margin-bottom:10px;
   margin-top: 5px;
   text-align: center;
   background-color: #cc0000/*#ff9999*/;
   font-size:11px;

}


.titre_rub_gauche {
   /*block gauche*/ display: block;
   background: #f19060;
   color:white;
   margin-bottom:-14px;
   font-weight: bold;
   border-bottom: 0px solid black;
}


.titre_boite_edito {
  /* background-color : #55734b;*/
   border-style : none;
   border-bottom-style:solid;
   border-width : 1px;
   color : #fff;
   font-size : 12px;
   font-weight :bold;
   text-align : left;
   padding-left:2px;
   padding-bottom:2px;
   padding-top:2px;
   margin-bottom:5px;
}

.texte_edito {
   color : #fff;
   font-size : 12px;
}

.texte_actu {
   color : black;
   font-size : 11px;
   font-weight: normal;
}

.titre_boite_actu {
   background-color :#a9a9a9;
   border-style : none;
   border-bottom-style:solid;
   border-width : 1px;
   color : white;
   font-size : 12px;
   font-weight :bold;
   text-align : left;
   padding-left:2px;
   padding-bottom:2px;
   padding-top:2px;
   margin-bottom:5px;
}


.conteneur_boite_orange {
      background-color : #fff;
      border-color : black;
      border-style : none;
      border-width : 0px;
      color : white;
      display : block;
      font-weight : bold;
      margin-bottom: 30px;
}


.titre_boite_orange {
      background-color : #990000/*#cc0000*/;
      border-bottom-style : none;
      border-bottom-width : 1px;
      border-left-style : none;
      border-left-width : 1px;
      border-right-style : none;
      border-right-width : 1px;
      border-top-style : none;
      border-top-width : 1px;
      color : white;
      font-size : 12px;
      font-weight : bold;
      padding-bottom : 2px;
      padding-left : 10px;
      padding-top : 2px;
      text-align : left;
      margin-bottom:5px;
}


.titre_orange_gauche {
   background-color : #cc0000/*#ff9999*/;
   border-style : none;
   border-width : 1px;
   color : white;
   font-size : 11px;
   font-weight :bold;
   text-align : left;
   padding-left:10px;
   padding-bottom:2px;
   padding-top:2px;
   margin-top:5px;
}
.titre_forum{
   color : white;
   font-size : 11px;
   font-weight :bold;
 }
a.titre_forum:hover{
  text-decoration: underline;
  font-size : 12px;
   font-weight :bold;
  }
li.boite_orange {
   border-left: 1px none #ffb25f;
   margin-left: 5px;
   margin-right: 0px;
   font-size: 11px;
   text-align: left;
   font-weight: normal;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left:4px;
}
li a.boite_orange:hover {
   border-left-style:solid;
   border-left-width:3px;
   margin-left: 2px;
}


#droite .titre_boite_breves {
   background-color : #990000/*#cc0000*/;
   border-style : none;
   border-width : 1px;
   color : white;
   font-size : 12px;
   font-weight :bold;
   text-align : left;
   padding-right: 2px;
   padding-left:10px;
   padding-bottom:2px;
   padding-top:2px;
}


#droite .titre_breve_droite {
   background-color: #cc0000/*#ff9999*/;
   border-style : none;
   border-width : 1px;
   color : white;
   font-size : 11px;
   font-weight :bold;
   text-align : left;
   padding-left:10px;
   padding-bottom:2px;
   padding-top:2px;
   margin-top:5px;
}


li.boite_breves {
   border-left: 1px none #ffb25f;
   margin-left: 5px;
   margin-right: 0px;
   margin-bottom: 4px;
   margin-top:2px;
   font-size: 11px;
   text-align: left;
   word-spacing:0em;
   font-weight: normal;
   padding-left:4px;
}


li.boite_breves:hover {
   border-left-style:solid;
   border-left-width:3px;
   margin-left: 2px;
}


.conteneur_article {
   margin-left: -7px;
   margin-right: -7px;
   margin-top: 10px;
   border: 0px solid black;
   /*mise en forme de l'affichage des articles*/ text-align: justify;
   padding-left: 2%;
   padding-right: 2%;
}


.conteneur_Rubarticle {
   margin-top: 10px;
   border: 0px solid black;
   /*mise en forme de l'affichage des articles*/ text-align: justify;
   padding-left: 2%;
   padding-right: 2%;
   font-size: 13px;
   display:block;
}


.spip-documents_center {
   border: 0px none #000;
}


.conteneur_article a {
   font-weight: bold;
}


.spip_doc_titre {
   font-size: 10px;
   font-family: arial, verdana, sans-serif;
}


.titre {
   font-size: 14px;
   font-weight: bold;
   /*mise en forme de l'article*/;
}


.texte {
   font-size: 12px;
   font-weight: normal;
}

#page #contener #table_contenu #logo {
   float: right;
   margin-left: 0px;
   margin-top: 0px;
}

.logo {
      float: left;
      padding-right:8px;
      padding-top:2px;
}

.logo_actu{
      float: left;
      padding:2px;
      padding-right:5px;
      padding-top:14px;
}


hr {
   color: #f00;
   background-color: #f00;
   height: 1px;
   border: 0;
   width : 90%;
}


.top {
   float: right;
   top: 5px;
   margin-top:-2px;
}


img {
   border:0px;
}


.titre_rub_centre {
   /*block conteneur*/
   /*display: block;*/
   background: #990000/*#cc0000*/; /* #990000/*#cc0000*/ */
   color:white;
   font-weight: bold;
   border: 0px solid black;
   margin-left: 0px;
   margin-right: 9px;
   padding: 2px;
   padding-left: 9px;
   margin-top: 0px;
   font-size:12px;
}

.titre_rub_centre a {
   color: #c66;
}

#page #milieu .titre_article {
   /* mise en forme des titres des articles a l'affichage*/ font-weight: bold;
   color: black;
}


#page #milieu .titre_actualite {
   /* mise en forme des titres des actualites*/ font-weight: bold;
   color: black;
}


.titre_rub_ancadre_centre /*block conteneur encadre non rubrique*/ {
   display: block;
   background: #6699FF;
   color:white;
   margin-bottom: 10px;
   font-weight: bold;
   border-bottom: 1px solid black;
   margin-left: -10px;
   margin-right: -10px;
   padding-left: 9px;
}


#page #milieu .titre_Sous_rubrique /*mise en forme pour les titres de la sous rubrique au niveau du block gauche*/ {
   color: white;
   font-weight: normal;
   text-align: left;
}



.en_bref {
   /* style pour l'entête de l'affiche des breves*/ /* position: relative;
   */ background-color: #6699FF;
   text-align: center;
   color: #ffffff;
   font-size: 11px;
   margin-top: -1%;
   margin-left: -1%;
   margin-right: -0.9%;
   /*border: 1px solid;*/ 
   border-color: #000000;
   font-weight: bold;
}
.conteneur_breves {
   color: #ffffff;
   font-size: 11px;
   margin-top: 0px;
   margin-right: 0px;
   border: 0px solid;
   border-color: #000000;
   font-weight: normal;
   margin-bottom: 30px;
   padding-top: 10px;
	/*   text-align:justify;*/
    /*padding-right: 15%;*/
}
.titre_brev {
   text-align: center;
   font-size: 11px;
   /* applique styles a l'affichage de la date de publication des breves*/ border: 1px solid black;
   border-color: #000000;
   margin-left: 10%;
   margin-right: 10%;
   margin-top: 20%;
   /*margin-bottom: 20.6%;
   */ background-color: #6699FF;
}
.texte_brev {
   font-size: 11px;
   color: #ffffff;
   text-align: center;
   border: 0px solid;
   border-color: #000000;
   margin-left: 10%;
   margin-right: 9%;
   /*margin-top: 20%;
   */ border-top: 0px;
   background-color: #FFFFFF;
   padding: 4%;
   width: 90px;
}


.partenaires {
   /* position: relative;
   */ background-color: #ffffff;
   text-align: center;
   color: #000000;
   font-size: 11px;
   margin-top: -1%;
   margin-left: -0.9%;
   margin-right: -1%;
   border: 0px solid;
   border-color: #000000;
}


#milieu ul li a {
   font-weight: bold;
   font-size: 11px;
}


#bas {
   margin-top: 10px;
   color: #669;
   text-align:center;
   font-size: 10px;
   margin-left: 18% ;
   margin-right: 18% ;
   /*clear : both;
   /*clear:both me permet de fixer mon footer quelque soit la variation de la taille du conteneur a condition que le conteneur ai une position relative;*/
}

/*
td {
   font-size: 92%;
}
*/

/* ici commence les styles pour l'affichage des tableaux*/

table.spip {
   /*width: 400px;
   */font-size: 12px;
   /*background-color: black;
   */ margin-left: auto;
   margin-right: auto;
   /*bottom-top: -10px;*/
}


table.spip tr.row_first {
   background-color: #FFE4C4;
}


table.spip tr.row_odd {
   background-color: #FFFFF0;
}


table.spip tr.row_even {
   background-color: #DCDCDC;
}


table.spip td {
   padding: 5px;
   text-align: left;
   vertical-align: middle;
}

#page #contener {
	
   padding: 0px 0px 0px 0px;
    
}
#page #contener #table_contenu {
   
  padding: 0px;
   margin: 0px;
}
#page #contener  #table_contenu ul li {
   margin-left: 0px;
   list-style:none;
}
#page #contener #table_contenu .conteneur_edito {
   text-align: justify ;
   padding: 10px 10px 10px 10px;
}

#page #contener #table_contenu .conteneur_edito a.spip_in {
   color:#ddd;
   font-weight:bold;
   text-decoration:none;
/*   border-bottom-style: dashed;
   border-bottom:1px;*/
}
#page #contener #table_contenu .conteneur_edito a.spip_in:hover {
/*   border-bottom-style:solid;*/
   text-decoration:underline;
}

#page #contener #table_contenu #conteneur_edito  p { font-size: 11px; line-height: 16px; color: #333333; padding-bottom: 4px; padding-top: 1px; margin: 0px;}

/***************** TD GAUCHE ***********************/
#page #contener #table_contenu .td_gauche {
   vertical-align:top;  /*point touché réadaptation aves evolution des navigateurs, ici j'ai supprimé text-top*/
   text-align: left;
   width: 15%;
   padding: 0px 5px 0px 5px; 
   /*background-color:#C0C0C0;*/
}

/***************** TD MILIEU ***********************/
#page #contener #table_contenu .td_milieu {
  width: 70%;
  vertical-align:top; /*point touché réadaptation aves evolution des navigateurs, ici j'ai supprimé text-top*/ 
  text-align: left;
  padding: 0px 0px 0px 0px; 
}


/***************** TD DROITE ***********************/
#page #contener #table_contenu .td_droite {
   width: 15%;
   padding: 0px 5px 0px 5px;
   /*background-color: #EFEFEF;*/
   border: 0px;
   vertical-align:top;  
   text-align: left;
}