/* -------------------------------------------------------
 * Ce fichier décrit les styles utilisés pour le style
 * du site de la FNAA. Il est chargé après les styles de
 * bases décrit dans dist, en surchargeant les définitions
 *
 * Le chargement des fichiers css est fait par le fichier
 * styles.html qui doit donc être inclus dans les "controleurs" 
 * ------------------------------------------------------- */
/* -------------------------------------------------------
 *   La gestion des styles de bases spip
 * ------------------------------------------------------- */

a, a:link, a:visited, a.spip_out, a.spip_in, a.spip_url, a.spip_glossaire, a.spip_out:link, a.spip_in:link, a.spip_url:link, a.spip_glossaire:link, a.spip_out:visited, a.spip_in:visited, a.spip_url:visited, a.spip_glossaire:visited { 
  text-decoration: none;
  background-color: transparent;
  color: #BE0A26;
}

a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #E93012;
}

li, li.spip {
  text-align: justify;
}

.spip_poesie {
  text-align: left;
}

/* -------------------------------------------------------
 *   La gestion des styles pour le mini calendrier
 * ------------------------------------------------------- */

#calendar td {
  text-align: center;
}

#calendar a, a:link, a:visited {
  text-decoration: none;
  color: #BE0A26;
}

#calendar a:hover {
  text-decoration: underline;
  color: #BE0A26;
}

/* -------------------------------------------------------
 * La gestion du corps (body)
 * ------------------------------------------------------- */

body {
  color: #000000;
  font: 85%/1.2 "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
  /* pour centrer horizontalement la boite #page dans IE/Win */
  background-color: #F6EFE6;
  /* background-image: url(img/body_bg.png); */
  background-repeat: repeat;
}


/* -------------------------------------------------------
 * Le formatage de la page
 * ------------------------------------------------------- */

#page
{
  position: relative;
  display: block;
  text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
/*  margin: 0em auto; /* auto pour centrer horizontalement la boite dans BODY 
                       pour le navigateurs autres que IE/WIN */
  margin: 0;
  padding: 0;
  width: 100%; /* 540px ou 100% pour largeur fluide pleine largeur */
}

/* -------------------------------------------------------
 * Le formatage du bandeau en tête de page
 * ------------------------------------------------------- */

#entete     
{
  position: relative;
  height: 96px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0;
  border-width: 0;
  text-align: right;
  overflow: hidden;
  z-index: 10;
  background-color: #FFFFFF;
  background-image: url(img/logo-rouge-fna12.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#entete a.nom-site, #entete a.nom-site:link,  #entete a.nom-site:visited {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
  text-decoration: none;
  color: #EDDF5C;
  font-size: 2em;
  font-weight: bold;
  padding: 0;
  background-color: transparent;
  background-image: url(img/Logo-AA-194x96.png);
  background-repeat: no-repeat;
  background-position: right top;
}

#entete a.nom-site:hover
{
  color: #ddd;
  font-style: italic;
  text-shadow: white 0px 0px 8px;
  /* une fleur pour safari seulement */
}

#entete .nom-site span  
{
  display: block;
  position: absolute;
  bottom: 48px;
  right: 200px;
}

/* -------------------------------------------------------
 * Le formatage du bandeau en tête de page
 * ------------------------------------------------------- */

#barre_menu {
  position: relative;
  height: 18px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0;
  border-width: 0;
  text-align: center;
  overflow: hidden;
  z-index: 30;
  font-size: 1.1em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #E97F33;
}

#barre_menu a, a:link, a:visited {
  text-decoration: none;
  background-color: #E97F33;
  color: #FFFFFF;
}

#barre_menu a:hover {
  background-color: #FFFFFF;
  color: #E97F33;
  text-decoration: none;
}

#barre_menu ul {
  display: inline;
  list-style-type: none;
  padding: 0;
  text-align: center;
  margin: 0;
}

#barre_menu li {
  display: inline;
  margin: 0 0 0 0;
  padding: 0px 0 12px 12px;
}


/* -------------------------------------------------------
 * Le formatage du bandeau en pied de page
 * ------------------------------------------------------- */

#pieddepage    
{
  position: relative;
  width: 100%;
  clear: both;
  height: 44px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0 0px 0;
  border-width: 0;
  text-align: center;
  overflow: hidden;
  z-index: 10;
  color: #FFFFFF;
  background-color: #E97F33;
  font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.0em;
}

#pieddepage a, 
#pieddepage a:link,  
#pieddepage a:visited
{
  text-decoration: none;
  color: #FFFFFF;
  background-color: transparent;
}

#pieddepage a:hover
{
  color: #E97F33;
  background-color: #FFFFFF;
}

#piedepage table {
  border-width: 0;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#piedepage ul {
  display: inline;
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0;
}

#pieddepage li {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 0.8em;
  line-height: 1.2em;
}

#pieddepage .copyright {
  display: box;
  margin: 0 0 -0.7em 0;
  padding: 6px 0 0 0;
  font-size: 0.8em;
  line-height: 1.2em;
}
/* -------------------------------------------------------
 * Le formatage de la zone du milieu
 * ------------------------------------------------------- */

#page_centrale {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  border-width: 0;
  z-index: 4;
  background-color: #F6EFE6;
}

/* -------------------------------------------------------
 * Le formatage du bandeau de gauche
 * ------------------------------------------------------- */

#conteneur_gauche {
  float: left;
  width: 200px;
  margin: 0 0 0 0;
  padding: 0;
  border-width: 1px;
  text-align: center;
  z-index: 15;
  color: #FF0000;
  background-color: transparent;
  font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
}


/* -------------------------------------------------------
 * Le formatage du bandeau de droite
 * ------------------------------------------------------- */

#conteneur_droit {
  float: right;
  width: 200px;
  margin: 0px 0px 0px 0px;
  marging-top: 0px;
  padding: 0;
  border-width: 1px;
  text-align: center;
  z-index: 5;
  color: #FF0000;
  background-color : transparent;
  font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
}

/* -------------------------------------------------------
 * Le formatage du container principal (central)
 * ------------------------------------------------------- */

#conteneur_principal {
  margin: 0;
  height: auto;
  width: auto;
  padding: 0px ;
  text-align: center;
  overflow: hidden;
  z-index: 25;
}

#conteneur_principal h1 {
  padding: 20px 20px 20px 10px;
  text-align: left;
  font-weight: bold;
  font-size: 1.8em;
  color: #E72021;
}


/* -------------------------------------------------------
 *   les blocs flèches (précédent, suivant,...)
 * ------------------------------------------------------- */
.fleche_box {
  margin: 2px;
  padding: 2px 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #E72021;
  font-size: 1.5em;
  font-weight: bold;
  color: #AAA; 
  background-color: #FFDDAA;
  text-decoration: none; 
}

.fleche_box a, a:link, a:visited {
  color: #E93012; 
  background-color: #FFDDAA;
}

.fleche_box a:hover {
  color: #E72021; 
  background-color: #FFDDAA;
}

/* -------------------------------------------------------
 *   les blocs RSS
 * ------------------------------------------------------- */
.RSS_box {
  margin:0;
  padding:0 3px;
  border-width:1px 0px 1px 1px;
  border-style: solid;
  border-color:#FC9 #630 #330 #F96;
  font:bold 10px verdana,sans-serif;
  color:#FFF; background:#F60;
  text-decoration:none; 
}

.RSS_titre {
  margin:0;
  padding:0 3px;
  border-width:1px 1px 1px 0px;
  border-style: solid;
  border-color:#dcb #330 #330 #F96;
  font:normal 10px verdana,sans-serif;
  color:#333;
  background:#FFE8D9;
  text-decoration:none;
}

/* -------------------------------------------------------
 *   les briques de base pour séparer chacun des éléments
 *
 *   ces briques sont destinées à recevoir:
 *      - dans la cas des bandeaux latéraux
 *        o un bloc menu
 *      - dans le conteneur principal
 *        o un espace editorial
 *        o un espace de visualisations d'articles
 * ------------------------------------------------------- */
.brique {
  position: relative;
  padding: 2px 2px 2px 2px;
  margin: 4px 4px 4px 4px;
  text-align: center;
  color : #000000;
  background-color : transparent;
}

/* -------------------------------------------------------
 *   Les blocs menu qui s'insère dans une brique dans les 
 *   bandeaux latéraux
 * ------------------------------------------------------- */
.bloc_menu {
  position: relative;
  padding: 0;
  margin: 0;
  text-align: center;
  color : #000000;
  background-color : transparent;
}

.bloc_menu h1 {
  padding: 2px 2px 2px 2px;
  margin: 4px 4px 4px 4px;
  width: 90%;
  height: 16px;
  text-align: center;
  color : #FFFFFF;
  background-color : #63309C;
  border: 2px solid #000000;
  font-size: 0.9em;
  font-weight: bold;
}

.bloc_menu ul {
  list-style-type: square;
  width: 90%;
  text-align: left;
  padding: 0;
  margin: 0 auto;
  font-size: 0.8em;
  font-weight: normal;
  border: none;
  color : #FFFFFF;
}

.bloc_menu li {
  display: block;
  margin: 3px 0px 5px 0;
  padding: 0;
}

.bloc_menu table {
  margin: 0;
  padding: 0px;
  width:  100%;
  height: auto;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
}

.bloc_menu th {
  padding: 4px;
  text-align: center;
  color : #FFFFFF;
  background-color : #BE0A26;
  border: 2px solid #9E0A16;
  font-size: 1.0em;
  font-variant: small-caps;
  font-weight: bold;
  line-height: 1.4em; 
}

.bloc_menu td {
  text-align: left;
  height: auto;
  padding: 1px 1px 0 5px;
  margin: 0 auto;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.3em; 
  border: none;
  color : #BE0A26;
}

.bloc_menu a, a:link, a:visited {
  color : #BE0A26;
}

.bloc_menu a:hover {
  color : #BE0A26;
}

/* -------------------------------------------------------
 *   La mise en page du souvenir (photo) dans le bloc menu
 * ------------------------------------------------------- */
.bloc_menu .souvenir {
  margin: 0;
  padding: 0px;
  width:  100%;
  height: auto;
  text-align: center;
}

.bloc_menu .souvenir table {
  margin: 0;
  padding: 0px;
  width:  100%;
  height: auto;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
}

.bloc_menu .souvenir td {
  text-align: center;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border: none;
  color : #000;
}

.bloc_menu .souvenir .titre {
  text-align: center;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.2em;
  color : #333333;
}

.bloc_menu .souvenir .album {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.2em;
  color : #000;
}

/* -------------------------------------------------------
 *   La mise en page du lien sur la toile dans le bloc menu
 * ------------------------------------------------------- */
.bloc_menu .lien_toile {
  margin: 0;
  padding: 0px;
  width:  100%;
  height: auto;
  text-align: center;
  color : #000;
}

.bloc_menu .lien_toile table {
  margin: 0;
  padding: 0px;
  width:  100%;
  height: auto;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
  text-align: center;
}

.bloc_menu .lien_toile tr {
  text-align: center;
}

.bloc_menu .lien_toile td {
  text-align: center;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border: none;
  color : #000;
}

.bloc_menu .lien_toile .titre {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.2em;
  color : #000;
}

/* -------------------------------------------------------
 *   La mise en page des petites annonces dans le bloc menu
 * ------------------------------------------------------- */
.bloc_menu .petites_annonces {
  margin: 0;
  padding: 0px;
  width:  95%;
  height: auto;
  text-align: center;
  border: 5px double  #000000;
}

.bloc_menu .petites_annonces table {
  margin: 0;
  padding: 0px;
  width:  100%;
  height: auto;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
}

.bloc_menu .petites_annonces td {
  text-align: center;
  height: auto;
  padding: 0;
  margin: 0 auto;
  color : #000;
}

.bloc_menu .petites_annonces .descriptif {
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1.2em;
  color : #333333;
}

/* -------------------------------------------------------
 *   La mise en page du calendrier dans le bloc menu
 * ------------------------------------------------------- */
.bloc_menu .calendrier table {
  margin: 0;
  padding: 0px;
  width:  100%;
  height: auto;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
}

.bloc_menu .calendrier th {
  padding: 0px;
  text-align: center;
  color : #0000FF;
  background-color : #FF30D0;
  border: 0px solid #000000;
  font-size: 0.9em;
  font-weight: bold;
  /* line-height: 1.2em; */
}

.bloc_menu .calendrier td {
  text-align: left;
  height: auto;
  padding: 0;
  margin: 0 auto;
  font-size: 0.8em;
  font-weight: normal;
  border: none;
  color : #000;
}


/* -------------------------------------------------------
 *   La mise en page des erreurs (404,...)
 * ------------------------------------------------------- */
.erreur {
  margin: 0;
  padding: 20px 10px 10px 10px;
  color: #000000;
  background-color: #FFFFFF;
  border: 5px double #F8CA00;
  font-size: 1.0em;
  font-weight: normal;
}

.erreur h1 {
  font-size: 1.4em;
}

.erreur .texte {
  font-size: 1.0em;
}

/* -------------------------------------------------------
 *   La mise en page d'une petite annonce dans un article
 * ------------------------------------------------------- */
.une_petite_annonce {
  margin: 0;
  padding: 0px;
  text-align: justify;
}

/* -------------------------------------------------------
 *   La mise en page du carnet noir
 * ------------------------------------------------------- */
.carnet_noir {
  margin: 0;
  padding: 20px 10px 10px 10px;
  color: #000000;
  background-color: #FFFFFF;
  border: 5px double #000000;
  font-size: 1.0em;
  font-weight: bold;
  text-align: justify;
}

.carnet_noir h1, h1.spip {
  marging: 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  font-variant: small-caps;
  color: #000000;
}

.carnet_noir a, a.spip_in, a.spip_out a.spip_url, a:link, a.spip_in:link, a.spip_out:link, a.spip_url:link, a:visited, a.spip_in:visited, a.spip_out:visited, a.spip_url:visited {
  color: #C20A2A;
  background-color: #FFFFFF;
}

.carnet_noir a:hover {
  color: #E93012;
  background-color: #FFFFFF;
}

.carnet_noir .image {

  float: left;
  clear: none;
  margin: 0;
  padding: 0 15px 0 0 ;
}

.carnet_noir .texte {
}


/* -------------------------------------------------------
 *   La mise en page du flash
 * ------------------------------------------------------- */
.flash {
  margin: 0;
  padding: 20px 10px 10px 10px;
  color: #000000;
  background-color: #CCCCFF;
  border: 5px double #E97F30;
  font-size: 1.0em;
  font-weight: normal;
  text-align: justify;
}

.flash h1, h1.spip {
  marging: 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  font-variant: small-caps;
  color: #E97F30;
}

.flash a, a.spip_in, a.spip_out a.spip_url, a:link, a.spip_in:link, a.spip_out:link, a.spip_url:link, a:visited, a.spip_in:visited, a.spip_out:visited, a.spip_url:visited {
  color: #C20A2A;
  background-color: #CCCCFF;
}

.flash a:hover {
  color: #E93012;
  background-color: #CCCCFF;
}

.flash .image {
  float: left;
  clear: none;
  margin: 0;
  padding: 0 15px 0 0 ;
}

.flash .texte {
}

/* -------------------------------------------------------
 *   La mise en page de l'éditorial
 * ------------------------------------------------------- */
.editorial {
  /*marging-right: 30px;*/
  margin: 0;
  padding: 20px 10px 10px 10px;
  color: #000000;
  background-color: #FFFFFF;
  border: 5px double #F8CA00;
  text-align: justify;
  font-size: 1.0em;
  font-weight: normal;
}

.editorial h1 {
  marging: 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  font-variant: small-caps;
  color: #C20A2A;
}

.editorial .image {
  float: left;
  clear: none;
  margin: 0;
  padding: 0 15px 0 0 ;
}

.editorial .texte {
}

/* -------------------------------------------------------
 *   La mise en page d'un article
 * ------------------------------------------------------- */
.article {
  padding: 10px 10px 8px 5px;
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
  text-align: justify;
}

.article h1 {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  color: #000000;
}

.article h2 {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
}

.article h3 {
  text-align: left;
  font-weight: normal;
  font-size: 1.2em;
}

.article ul {
  text-align: justify;
}

.article li, li.spip {
  text-align: justify;
  color: #000000;
}

/* -------------------------------------------------------
 *   La mise en page d'un evenement
 * ------------------------------------------------------- */
.evenement {
  padding: 5px 10px 2px 5px;
  color: #000000;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.3em;
  text-align: justify;
}

.evenement a, a.spip_in, a:link, a.spip_in:link, a:visited, a.spip_in:visited {
  color : #BE0A26;
}

.evenement ul {
  list-style-type: circle;
  list-style-position: inside;
  text-align: justify;
}

.evenement li {
  text-align: justify;
}


.evenement td {
  text-align: left;
}

/* -------------------------------------------------------
 *   La mise en page des listes d'associations fédérées
 * ------------------------------------------------------- */
.assocfd {
  padding: 10px 10px 8px 5px;
  color: #000000;
  line-height: 1.5em;
  font-size: 1.2em;
  font-weight: normal;
  text-align: left;
}

.assocfd ul {
  list-style-type: square;
}

.assocfd li {
  color: #E72021;
}

.assocfd table {
  marging: 0 0 0 0;
  padding: 0 0 0 0;
  width: auto;
}

.assocfd tr {
  height: 20px;
}

.assocfd td {
  font-size: 1.2em;
  font-weight: normal;
  color: #E72021;
}

.assocfd h1 {
  text-align: left;
  font-weight: bold;
  font-size: 1.4em;
  color: #E97F33;
}

.assocfd h2 {
  text-align: justify;
  font-weight: bold;
  font-size: 1.2em;
  color: #E72021;
}

.assocfd a, a:link, a:visited {
  text-decoration: none;
  color: #E72021;
}

.assocfd a:hover {
  color: #FF3031;
  font-style: bold;
}

/* -------------------------------------------------------
 *   La mise en page des associations fédérées
 * ------------------------------------------------------- */
.assocfd_article {
  padding: 10px 10px 8px 5px;
  color: #000000;
  line-height: 1.5em;
  font-size: 1.2em;
  font-weight: normal;
  text-align: left;
}

.assocfd_info {
  margin: 50px 50px 48px 50px; 
  text-align: center;
}

/* -------------------------------------------------------
 *   La mise en page de actualités
 * ------------------------------------------------------- */
.actualite {
  padding: 10px 10px 8px 5px;
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
  text-align: justify;
}

.actualite h1 {
  text-align: left;
  font-weight: bold;
  font-size: 1.4em;
  color: #E97F33;
}

.actualite h2 {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  color: #E72021;
  line-height: 1.3em;
}

.actualite a, a:link, a:visited {
  text-decoration: none;
  color: #E72021;
}

.actualite a:hover {
  color: #FF3031;
  text-decoration: none;
  font-style: bold;
}

.actualite hr {
  border-color: #E72021;
  border-width: 1px;
  border-style: solid;
}


.classe_info {
  color: #E72021;
  text-decoration: underline;
}

.editeur {
  padding: 2px 0px 0px 5px;
  text-align: left;
  font-style: normal;
  font-size: 0.9em;
  color: #333333;
}


/* -------------------------------------------------------
 *   La mise en page de la liste des membres du CA
 * ------------------------------------------------------- */
#espace_membres_ca {
  margin: 0;
  padding: 10px 5px;
  width: 100%
}

.membre_ca {
  float: left;
  clear: none;
  margin: 0 auto;
  padding: 0px;
  width:  180px;
  height: 250px;
  text-align: center;
  vertical-align: middle;
}

.membre_ca table {
  margin: 0 auto;
  padding: 0px;
  width:  100%;
  vertical-align: middle;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
}

.membre_ca tr {
  vertical-align: middle;
}


.membre_ca td {
  text-align: center;
  width: 100%;
  padding: 0;
  margin: auto;
  border: none;
  color : #444;
  text-align: center;
}

.membre_ca caption {
  padding: 2px 15px;
  caption-side: bottom;
  text-align: center;
  font-size: 0.8em;
  font-weight: normal;
  color : #333333;
}

.membre_ca .nom {
  font-size: 1.0em;
  font-weight: bold;
}

.membre_ca .asso {
  font-size: 0.8em;
  font-weight: normal;
}

/* -------------------------------------------------------
 *   La mise en page de la liste des membres du bureau fédéral
 * ------------------------------------------------------- */
#espace_membres_bf {
  margin: 0;
  padding: 10px 5px;
  width: 100%
}

.espace_membres_bf_rangee {
  margin: 0;
  padding: 0;
  clear: both;
}

.membre_bf {
  float: left;
  clear: none;
  margin: 0 auto;
  padding: 0px;
  width:  180px;
  height: 250px;
  text-align: center;
  vertical-align: middle;
}

.membre_bf table {
  margin: 0 auto;
  padding: 0px;
  width:  100%;
  vertical-align: middle;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
}

.membre_bf tr {
  vertical-align: middle;
}


.membre_bf td {
  text-align: center;
  width: 100%;
  padding: 0;
  margin: auto;
  border: none;
  color : #444;
  text-align: center;
}

.membre_bf caption {
  padding: 2px 15px;
  caption-side: bottom;
  text-align: center;
  font-size: 0.8em;
  font-weight: normal;
  color : #333333;
}

.membre_bf .nom {
  font-size: 1.0em;
  font-weight: bold;
}

.membre_bf .poste {
  font-size: 0.8em;
  font-weight: normal;
}

/* -------------------------------------------------------
 *   La mise en page de la liste des petites annonces
 * ------------------------------------------------------- */
.liste_pa {
  padding: 10px 10px 0px 5px;
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1.3em;
}

.liste_pa a, a:link, a:visited {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #C20A2A;
}

.liste_pa a:hover {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #E72021;
}

.liste_pa .titre {
  margin: 0;
  padding: 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.4em;
  color: #E72021;
}

.liste_pa .texte {
  padding: 0;
  text-align: justify;
  font-weight: normal;
  font-size: 1.0em;
  color: #000000;
}

/* -------------------------------------------------------
 *   La mise en page d'annonces d'événements
 * ------------------------------------------------------- */
.annonce {
  padding: 10px 10px 0px 5px;
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1.3em;
  text-align: justify;
}

.annonce a, a:link, a:visited {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #C20A2A;
}

.annonce a:hover {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #E72021;
}

.annonce h1 {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #C20A2A;
}

.annonce h2 {
  padding: 10px 50px 25px 50px;
  text-align: center;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.0em;
  color: #E72021;
}

.annonce .date {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #E97F30;
}

.annonce .lieu {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #E97F30;
}

.annonce .editeur {
  font-size: 0.6em;
  color: #C20A2A;
}


/* -------------------------------------------------------
 *   La mise en page du planning des assemblees generales
 * ------------------------------------------------------- */
.planning_ag {
  padding: 10px 10px 8px 5px;
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1.3em;
  text-decoration: none;
  text-align: left;
}

.planning_ag table {
  border-width: 2px;
  border-style: solid;
  border-spacing: 5px;
  border-color: #E72021;
  border-collapse: collapse;
}

.planning_ag th {
  text-align: center;
  font-size: 1.2em;
  border-width: 1px 1px 2px 1px;
  border-style: solid;
  border-color: #E72021;
}

.planning_ag td {
  padding: 3px 10px;
  text-align: left;
  font-size: 1.0em;
  border-width: 1px;
  border-style: solid;
  border-color: #E72021;
}

.planning_ag .date {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_ag .titre {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_ag .lieu {
  padding: 0 0 0 10px;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_ag a, a:link, a:visited {
  text-decoration: none;
  color: #C20A2A;
}

.planning_ag a:hover {
  color: #E72021;
  font-style: none;
}

/* -------------------------------------------------------
 *   La mise en page du planning des banquets
 * ------------------------------------------------------- */
.planning_banquet {
  padding: 10px 10px 8px 5px;
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1.3em;
  text-decoration: none;
  text-align: left;
}

.planning_banquet table {
  border-width: 2px;
  border-style: solid;
  border-spacing: 5px;
  border-color: #E72021;
  border-collapse: collapse;
}

.planning_banquet th {
  text-align: center;
  font-size: 1.2em;
  border-width: 1px 1px 2px 1px;
  border-style: solid;
  border-color: #E72021;
}

.planning_banquet td {
  padding: 3px 10px;
  text-align: left;
  font-size: 1.0em;
  border-width: 1px;
  border-style: solid;
  border-color: #E72021;
}

.planning_banquet .date {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_banquet .titre {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_banquet .lieu {
  padding: 0 0 0 10px;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_banquet a, a:link, a:visited {
  text-decoration: none;
  color: #C20A2A;
}

.planning_banquet a:hover {
  color: #E72021;
  font-style: none;
}

/* -------------------------------------------------------
 *   La mise en page du planning des animations
 * ------------------------------------------------------- */
.planning_animations {
  padding: 10px 10px 8px 5px;
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1.3em;
  text-decoration: none;
  text-align: left;
}

.planning_animations table {
  border-width: 2px;
  border-style: solid;
  border-spacing: 5px;
  border-color: #E72021;
  border-collapse: collapse;
}

.planning_animations th {
  text-align: center;
  font-size: 1.2em;
  border-width: 1px 1px 2px 1px;
  border-style: solid;
  border-color: #E72021;
}

.planning_animations td {
  padding: 3px 10px;
  text-align: left;
  font-size: 1.0em;
  border-width: 1px;
  border-style: solid;
  border-color: #E72021;
}

.planning_animations .date {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_animations .titre {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_animations .lieu {
  padding: 0 0 0 10px;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #E97F30;
}

.planning_animations a, a:link, a:visited {
  text-decoration: none;
  color: #C20A2A;
}

.planning_animations a:hover {
  color: #E72021;
  font-style: none;
}

/* -------------------------------------------------------
 *   La mise en page de listes d'événements
 * ------------------------------------------------------- */
.liste_evenements {
  padding: 10px 10px 8px 5px;
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1.3em;
  text-decoration: none;
  text-align: justify;
}

.liste_evenements .date {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.3em;
  color: #E72021;
}

.liste_evenements .titre {
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.3em;
  color: #E72021;
}

.liste_evenements .editeur {
  padding: 0 0 0 10px;
  text-decoration: none;
  text-align: left;
  font-weight: normal;
  font-size: 1.0em;
  color: #666;
}

.liste_evenements .lieu {
  padding: 0 0 0 10px;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #E97F30;
}

.liste_evenements a, a:link, a:visited {
  text-decoration: none;
  color: #C20A2A;
}

.liste_evenements a:hover {
  color: #E72021;
  font-style: italic;
}

.liste_evenements hr {
  border-color: #E72021;
  border-width: 1px;
  border-style: solid;
}

/* -------------------------------------------------------
 *   La mise en page de la galerie photo
 * ------------------------------------------------------- */
.photo_album_hierarchie {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #000;
}

.photo_album_hierarchie ul {
  display: inline;
  list-style-type: none;
}

.photo_album_hierarchie li {
  display: inline;
  list-style-type: none;
}

.photo_album_hierarchie a, a:link, a:visited {
  color : #BE0A26;
  background-color: #F6EFE6;
}

.photo_album_hierarchie a:hover {
  color: #F6EFE6;
  background-color : #BE0A26;
}

.photo_album_titre {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
}

.photo_principale {
  margin: 0 auto;
  padding: 0px;
  width:  auto;
  height: auto;
  text-align: center;
}

.photo_principale table {
  margin: 0 auto;
  padding: 0px;
  width:  auto;
  height: auto;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
  caption-side: bottom;
}

.photo_principale td {
  text-align: center;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border: none;
  color : #000;
}

.photo_principale caption {
  padding: 10px 3px;
  caption-side: bottom;
  text-align: center;
  font-size: 1.0em;
  font-weight: normal;
  color : #333333;
}


.photo_vignette {
  float: left;
  clear: none;
  margin: 0 auto;
  padding: 0px;
  width:  200px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

.photo_vignette table {
  margin: 0 auto;
  padding: 0px;
  width:  100%;
  vertical-align: middle;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
}

.photo_vignette tr {
  vertical-align: middle;
}


.photo_vignette td {
  text-align: center;
  width: 100%;
  padding: 0;
  margin: auto;
  border: none;
  color : #444;
  text-align: center;
}

.photo_vignette caption {
  padding: 2px 15px;
  caption-side: bottom;
  text-align: center;
  font-size: 0.8em;
  font-weight: normal;
  color : #333333;
}


.photo_vignette .album {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
  color : #000;
}

.photo_vignette_pagination {
  display: block;
  clear: both;
  text-align: center;
}

.photo_album_liste {
  float: left;
  clear: none;
  margin: 0;
  padding: 0px;
  width:  150px;
  height: 150px;
  text-align: center;
}

.photo_album_liste table {
  margin: 5px 15px;
  padding: 0px;
  width:  100%;
  height: auto;
  border-width: 2px;
  border-collapse: separate;
  border-spacing: 0px 3px;
}

.photo_album_liste td {
  text-align: center;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border: none;
  color : #000;
}

.photo_album_liste caption {
  padding: 3px 20px;
  caption-side: bottom;
  text-align: center;
  font-size: 0.9em;
  font-weight: normal;
  color : #333333;
}


.photo_album_liste .titre {
  text-align: center;
  font-weight: normal;
  font-size: 0.8em;
  color : #333333;
}

.photo_album_liste .album {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
  color : #000;
}

.photo_album_liste_pagination {
  clear: both;
  text-align: center;
}

/* -------------------------------------------------------
 *   La mise en page de l'annuaure web
 * ------------------------------------------------------- */
#toile_hierarchie {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  color: #000;
}

#toile_hierarchie ul {
  display: inline;
  list-style-type: none;
}

#toile_hierarchie li {
  display: inline;
  list-style-type: none;
}

#toile_hierarchie a, a:link, a:visited {
  color : #BE0A26;
  background-color: #F6EFE6;
}

#toile_hierarchie a:hover {
  color: #F6EFE6;
  background-color : #BE0A26;
}

#toile_categories {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
}

#toile_categories ul {
  display: inline;  
  list-style-type: none;
}

#toile_categories li {
  display: inline;  
  list-style-type: none;
}

#toile_liens {
  text-align: left;
}

#toile_liens table {
  margin: 0 auto;
  padding: 5px 25px 5px 5px;
  border-width: 0px;
  border-spacing: 5px 10px;
  text-align: left;
}

#toile_liens tr {
  padding: 10px 0 10px 0;
  vertical-align: middle;
}


#toile_liens td {
  padding: 0 25px 0px 0px;
  margin: auto;
  border: none;
  border-spacing: 0 5px;
  text-align: left;
}

#toile_liens .titre {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.3em;
}

#toile_liens .descriptif {
  padding: 0;
  margin: 0;
  text-align: justify;
  font-size: 0.9em;
  line-height: 1.1em;
}

#toile_liens a, a:link, a:visited {
  text-align: left;
  color : #BE0A26;
  background-color: #F6EFE6;
}

#toile_liens a:hover {
  color: #F6EFE6;
  background-color : #BE0A26;
}

.toile_pagination {
  display: block;
  clear: both;
  text-align: center;
}

/* -------------------------------------------------------
 *   La mise en page du plan du site
 * ------------------------------------------------------- */
.plan_fnaa {
  margin: 0;
  padding: 20px 10px 10px 10px;
  color: #000000;
  border: 5px double #E97F30;
  font-size: 1.0em;
  line-height: 1.2em;
  font-weight: normal;
}

.plan_fnaa h1, h1.spip {
  marging: 0;
  padding: 10px 0 3px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.7em;
  font-variant: small-caps;
  color: #C20A2A;
}

.plan_fnaa h2, h2.spip {
  marging: 0;
  padding: 5px 0 0 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  font-variant: normal;
  line-height: 1.3em;
  color: #C20A2A;
}

.plan_fnaa h3, h3.spip {
  marging: 0;
  padding: 5px 0 0 15px;
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  font-variant: normal;
  line-height: 1.2em;
  color: #C20A2A;
}

.plan_fnaa li, li.spip {
  marging: 0;
  padding: 0;
  text-align: left;
  font-weight: normal;
  font-size: 0.9em;
  font-variant: normal;
  line-height: 1.1em;
  color: #C20A2A;
}

.plan_fnaa a, a.spip_in, a.spip_out a.spip_url, a:link, a.spip_in:link, a.spip_out:link, a.spip_url:link, a:visited, a.spip_in:visited, a.spip_out:visited, a.spip_url:visited {
  color: #C20A2A;
}

.plan_fnaa a:hover {
  color: #E93012;
}

/* -------------------------------------------------------
 *   La mise en page spéciale de la page credit
 * ------------------------------------------------------- */

.credits {
  text-align: justify;
  color: #000000;
}

.credits li, li.spip {
  text-align: justify;
  font-weight: normal;
  font-size: 1.0em;
  font-variant: normal;
  line-height: 1.2em;
  color: #000000;
}

.credits p.spip {
  text-align: justify;
  color: #000000;
}

.credits a, a:link, a:visited, a.spip_out, a.spip_in, a.spip_url, a.spip_glossaire, a.spip_out:link, a.spip_in:link, a.spip_url:link, a.spip_glossaire:link, a.spip_out:visited, a.spip_in:visited, a.spip_url:visited, a.spip_glossaire:visited { 
  text-decoration: none;
  background-color: transparent;
  color: #BE0A26;
}

.credits a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #E93012;
}

.credits table {
  marging: 5px 25px 5px 5px;
  padding: 5px 25px 5px 5px;
  border-width: 0px;
  border-spacing: 5px 10px;
  text-align: left;
}

.credits tr {
  padding: 10px 0 10px 0;
  vertical-align: middle;
}

.credits td {
  padding: 0 25px 0px 0px;
  margin: auto;
  border: none;
  border-spacing: 0 5px;
  text-align: center;
}

/* -------------------------------------------------------
 *   Quelques spécifications générales
 * ------------------------------------------------------- */
.espaceur_pieddepage { 
  clear: both; 
  margin: 0 0 48px 0; 
  padding: 0 0 0 0; 
  border: none; 
  height: 100px; 
}

/* -------------------------------------------------------
 *   Forcer le comportement de la colonne centrale
 * 
 *   On construit une table inutile sauf pour permettre
 *   à IE6 de positionner ce bloc correctement
 * ------------------------------------------------------- */
.colonne_centrale table {
  position: relative;
  padding: 0;
  marging: 0;
  width: 100%;
}

/* -------------------------------------------------------
 *   L'organisation de la page à l'écran
 *
 *   On force l'attachement des bandeaux en position fixe
 *   pour les navigateurs qui le supportent (firefox,...)
 *   Cela implique d'ajuster les positions des conteneurs
 *   gauche et droit.
 *
 * ------------------------------------------------------- */

@media screen {
  html>body #entete{
    position: fixed;
    top: 0;
    left: 0;
  }
  html>body #barre_menu{
    position: fixed;
    top: 96px;
    left: 0;
  }
  html>body #page_centrale {
    position: absolute;
    top: 120px;
    left: 0;
  }
  html>body #pieddepage {
    position: fixed;
    bottom: 0;
    left: 0;
  }
}

/*
* html body {
  overflow: hidden;
}

* html div#conteneur {
  height: 100%;
  overflow: auto;
}

* html #gauche {
  margin: 0;
  padding: 0;
}
*/