/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base        100%
 * -------------------------------------
 * 20px        1.27em
 * 19px        1.21em
 * 18px        1.15em
 * 17px        1.09em
 * 16px        1.03em
 * 15px        0.96em
 * 14px        0.88em
 * 13px        0.82em
 * 12px        0.77em
 * 11px        0.71em
 * 10px        0.65em
 *  9px        0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

/*Site RBDH-BBRoW

  // Construction et strucrturation de l'affichage //
L'?cran se divise en deux grandes parties, hautes et basse :
// partie haute // c'est l'espace slogan + le menu principal
// partie basse // se divise en deux colonnes : la partie sous-menu ? gauche, et la partie contenu ? droite.
  Pour ma?triser un minimum la mise en page, on a d?finit:
// la largeur de la page ? 900 px //
  l'id?e ?tait de prendre pour r?f?rence les ?crans 1024 px mais par rapport ? ces ?crans il m'a sembl? qu'adopter une marge blanche ?tait utile,
  en outre, pour que le slogan ne soit pas trop d?tach? du bloc menu, il ?tait utile de r?duire cet ?cart ? 900 px.
  Les deux parties se structure chacune dans un espace :
// 70% - 30% pour le haut // et //30 % - 70% poru le bas//.
// Pour retrouver les styles // j'ai ajout? en commentaires les noms Titre1, Titre2, Titre3, Titre4 et Titre5, car SPIP a con?u un ensemble trop important de styles.
// Les photos doivent avoir une largeuer // de 100% par rapport ? la colonne du contenu, soit ? 66.6% soit ? 33.3%. Concr?tement // largeur de photo ? 630 px, soit 420, soit 210 //.
*/


body /*Constitue la base de r??ence  tous les contenus */
{
  background-color: #FFF;
  margin: 0em;
  color: #333;
}

h2  {
  font-size:1.6em;
  font-style:italic;
  font-weight:normal;
  line-height:1.5em;
  margin-bottom: 0px;
  padding-bottom:0px;
  }

  
h5 {
  font-size:1.3em;
    text-align: left;
  font-weight:normal;
  margin: 0px;
  }

img, table { margin: 0; padding: 0; border: none; }
/*h1, h4, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
h3 {
  text-align: left; 
  margin-top: 2em; 
  margin-bottom: 1.4em; 
  font-size: 36 pt; 
  font-weight: bold;
  font-family: "Avenir 55 Roman", Helvetica, sans-serif;
  }
*/
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
  width: 930px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  border-left:1pt;
  border-left-color:#9DA69F;
  border-left-style:dashed;
  padding-left:15px;
  border-right:1pt;
  border-right-color:#9DA69F;
  border-right-style:dashed;
  padding-right:15px;
}

/* #page_so : uniquement pour la page Sommaire - page d'accueil et du choix des langues*/
#page_so {
  width: 926px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#conteneur { width: 100%; 
}

#conteneur #contenu {
  float: left;
  width: 100%;

}

#conteneur .navigation {
  float: left;
  width: 100%;
  text-align: center;
  border-bottom-style:solid;
  border-bottom-color: #962332;
  border-bottom-width:4px;
    margin-bottom: 10px;
/* height:200px;*/
}

#conteneur .navigation_so {
  float: left;
  width: 100%;
  text-align: left;
  border-bottom-style:solid;
  border-bottom-color: #962332;
  border-bottom-width:4px;
    margin-bottom: 10px;
}

#conteneur .encart {
  float: right;
  width: 70%;
  margin-left: 300 px;
  margin: 10px;
  border-bottom-style:solid;
  border-bottom-width:4px;
  border-bottom-color: #616566;

}

/* Blocs du contenu (c-a-d. la colonne principale) */

#graphiques {
  float: left;
  width: 100%;
  height: 360px;
  clear:both;
  border-bottom:1pt;
  border-bottom-color:#9DA69F;
  border-bottom-style:dashed;
  margin-bottom: 10px;
}

#contenu .gauche {
  float:left;
  width: 27%;
  margin-top: 35px;
}

#contenu .droit {
  width: 70%;
  float: right;
  border-left:1pt;
  border-left-color:#9DA69F;
  border-left-style:dotted;
  padding-left:10px;
}

/* Contenu .droit_so : uniquement pour la page Sommaire - page d'accueil et du choix des langues */
#contenu .droit_so {
  width: 70%;
  float: right;
}


#contenu .auteur{
/*  width: 100%;
  float: right; */
  text-align: right;
}

.fixe_navigation {
  top: 8%;
  left: 1%;
}



/* Entete */
#entete {
  /*vertical-align: middle;*/
  text-align: center;
  width: 100%;
  text-transform:uppercase;
  color:#962332
   }
#entete #nom_site_spip, #entete a .spip_logos {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 1em; }
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; }

/* Fil d'Ariane */
#hierarchie /*Titre4*/{
  clear: both;
  margin-bottom: 1em;
  font-size: .9em;
  font-style:italic;
  font-weight:bold;
  text-transform:lowercase;

  color:#616566;
  background-color: #E1E1E7
   }

/* Pied de page */
#pied {
  clear: both;
  width: 100%;
  margin-top: 4em;
  border-top: 1px dotted #CCC;
  padding: 2px;
  text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation --> dont titre du site*/
body, #navigation, .encart, .formulaire_spip {
  font-family: "Avenir 55 Roman", Helvetica, sans-serif;
  color: #616566; 
  }

/* Typo pour le contenu --> dont les dates des articles + info site fil d'ariane*/ /*Titre4*/
#contenu {
  font-family: "Avenir 55 Roman", Helvetica, sans-serif;
/*  font-size: 1em;
  color: #333;*/ /*CL- Recheche de mettre de la couleur le fil d'ariane et d?finir sa taille - ceci semble inutile*/
  }

/* Typo pour les citations et extraits introductifs --> dont le texte courant de la liste des articles rubrique accueil */ /*Titre2*/
q, blockquote, .liste-articles li .texte, .voirskel {
  font-family: "Avenir 55 Roman", Helvetica, sans-serif; 
  font-size: 1em;
  font-style:italic;
  font-weight:normal;
  line-height: 1.15em;
  }
  



/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.breves, .syndic, .forums, .divers /*Titre5*/{
  min-width: 10em;
  border: 1px solid #CCC;
  font-size: 0em;
}

.rubriques_menu {
  text-align: left;
  font-size: 1.1em;
  font-family: "Avenir 55 Roman", Helvetica, sans-serif; 
  font-weight: bold;
  background: #962332;
  margin-top: 10px;
        margin-bottom: 10px;
  color: #fff;
  width: 24%;
  float: right;
  text-transform:lowercase
}

.rubriques_breve {
  text-align: left;
  font-size: 1.1em;
  font-family: "Avenir 55 Roman", Helvetica, sans-serif; 
  font-weight: bold;
  background: #962332;
  color: #ffffff;
}

.rubriques_texte /*Slogan*/{
  text-align: left;
  /*font-size: 6em; */
  /*line-height: 1em;*/
  font-family: "Avenir 55 Roman", Helvetica, sans-serif; 
  font-weight: bold;
  background: none;
  margin-right: 0.5em;
  color: #000000;
  width: 70%;
  float:left;
}


.menu-titre /*Menu*/{
  padding: 0.2em 0.4em;
  border-bottom: 1px dotted #CCC;
  text-align: center;
  font-weight: bold;

}

.sous_menu /*SsMenu*/ {
      list-style: none;
      font-size: 1.05em;
      font-family: "Avenir 55 Roman", Helvetica, sans-serif; 
      text-align: left;
      font-weight: bold;
      text-transform:lowercase;
      margin-left:-0.4em;
}

.gauche ul   { margin: 0; padding: 0em 0; text-align: left; list-style: none; }
li .sous_menu  { margin: 0; padding: 0 0.5em; }

.navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
.navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
.navigation li, .encart li { margin: 0; padding: 0 0.5em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques { background: #ffffff;}
.rubriques .menu-titre { background: #ffffff; }

.breves { background: #962332; }
.breves .menu-titre { background: #962332; }

.syndic { background: none;
      border-bottom: thin;
      border-bottom-color: #962332;
      border-top: thin;
      border-top-color: #962332; }
.syndic .menu-titre { background: none; }

.forums { background: #EAEAFF; }
.forums .menu-titre { background: #F2F2FF; }

.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */


/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 1.5em; }

.cartouche .titre /*Titre1 dans les articles*/ {
  margin-top: 0px; 
  font-size: 1.8em;
  font-weight: normal;
  color: #000;
  line-height: 1,1em;  
  margin-bottom: 6px;
        background:#FFF; /* pour forcer IE6 a laisser du blanc */
 }

#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
  float: right;
  margin-left: 16px;
  margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small /*Titre5 Date et signature dans articles*/ 
  { 
  font-size: 0.73em;
  line-height:0em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo /*Titre2 dans les articles*/{ 
  font-size: 1.07em;
  font-weight: normal;
  font-style: italic;
  line-height: 1,1em;
  margin:0px;
}

.lien {
  background: #EEE;
  margin: 1em;
  margin-bottom: 1.5em;
  padding: 0.82em;
  border: 1px solid #CCC;
  font-size: 0.82em;

  font-weight: bold; }

.texte /*Corps*/ { 
  color: #000; 
  margin-top: 5px;
  margin-bottom: 0em;
  border:  none <!-- 1px solid #CCC  -->;
  font-size: 1em;
 }

.ps, .notes {
  margin-top: 1.4em;
  padding-top: 2px;
  border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
  clear: both;
  margin-top: 1.4em;
  padding-top: 2px;
  border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
  margin-top: 1.4em;
  padding-top: 2px;
  border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 0.1em;
           clear: both;
           border-bottom:1pt;
           border-bottom-color:#962332;
           border-bottom-style:dotted;
           padding-top:10px } 

.liste-articles li .titre /*Titre1 dans le sommaire*/{
  font-size: 1.8em;
  font-weight: normal;
  line-height:1.1em;
  margin-top: 0px; 
  margin-bottom: 7px;}


.liste-articles li .spip_logos {
  float: right;
  margin-left: 16px;
  margin-bottom: 16px;
  clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
  float: right;
  text-align: right;
  max-width: 60%;
  margin: 0; }

.liste-articles li small /*Titre5 - Date et signature dans sommaire*/{
  display: block;
  font-size: 0.73em;
  line-height:0.2em; }

.liste-articles li .texte /*Corps ou Titre2 = chapeau dans le sommaire*/{
  margin-top: 5px;
  margin-bottom: 0em;
  border:  none <!-- 1px solid #CCC  -->;
  font-size: 1em;
  line-height: 1.15em;
  padding-top:1em; }

.pagination { font-size: 0.90em; 
                   margin-top: 100px;
}

.membres li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom:0.7em;
}


/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 /*Titre1*/{
  clear: both;
/*  background: #EEE;
  border: 1px solid #CCC;
  padding: 0.5em;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;*/ }

.page_plan #contenu .contre-encart ul {
  display: block;
  clear: left;
  margin-top: 0;
  margin-bottom: 1em;
  padding-top: 0; }
.page_plan #contenu .contre-encart li {}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 90%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
  clear: both;
  margin-top: 2.5em;
  padding-top: 2px;
  border-top: 2px solid #CCC;
  font-size: 0.88em;
  font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
  padding: 0.5em;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
  background: #E4F0F0;
  padding: 0.5em;
  white-space: nowrap; }

#signatures td.signature-nom {
  background: #ECF4F4;
  padding: 0.2em;
  text-align: center;
  font-weight: bold; }

#signatures td.signature-message {
  background: #F4F8F8;
  padding: 0.4em;
  font-size: 0.96em; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; }
a:link {color: #909060; }
a:visited { color: #A1AbA1; }
a:active {color: #A1AbA1; }
a:focus {color: #A1AbA1; }
a:hover { text-decoration: none;
    color: #616566; 
}

a.menu:link {color: #ffffff; }
a.menu:visited { color: #ffffff; }
a.menu:active {color: #616566; }
a.menu:focus {color: #616566; }
a.menu:hover { text-decoration: none;
    color: #A1AbA1; 
}

a.sous_menu:link {color: #616566; }
a.sous_menu:visited { color: #616566; }
a.sous_menu:active {color: #000000; }
a.sous_menu:focus {color: #A1AbA1; }
a.sous_menu:hover { text-decoration: none;
    color: #A1AbA1; 
}
a.sous_menu.on:visited {color:#333;}

/* FR du rouge sur les liens */
.membres a.rouge:link {color: #962332;}
/* .gauche a.on { color: #962332; font-weight: bold;  }*/


a.ss_menu_memo1 { font-size: 1.1em; }
a.ss_menu_memo2 { font-size: 0.9em; }
li.ss_menu_memo1 { }
li.ss_menu_memo2 { margin-left: 1em;
          font-size: 1,1 em;
          font-style: italic }

.baro {
    position:relative;
    width:215px;
    height:230px;
    float:right;
}

.baro_tous {
    width:32%;
    margin-right:10px;
    float: left;
}

.date-baro {

text-align: center;
font-weight: bold;
font-size: 0.7em;
color: #962332;
}

.titre-baro {
text-align: center;
font-weight: bold;
}

.evol-baro {
    width:35px;
    margin-right:5px;
    float: right;
}

#evolution {
  float: left;
  width: 100%;
  height: 250px;
  clear: both;
  border-bottom:1pt;
  border-bottom-color:#9DA69F;
  border-bottom-style:dashed;
  margin-bottom:5px;
}


#contenu .meme_rub {
  border-top:1pt;
  border-top-color:#9DA69F;
  border-top-style:dotted;
  padding-top:10px;
}
