/* ========================================== */
/* Disposition à l'écran des blocs principaux */
/* ========================================== */

body {
  margin: 0px;
}

#page {
}

#entete {
}

#conteneur {
  margin: 0px 20px;
}

#titre {
  position: relative; /* est "relative" pour permettre de gérer l'ombre */
  top: 0px;
  left: 0px;
  border-bottom: solid 2px;
}

#navigation {
  float: left;
  width: 240px;
}

#contenu {
  margin-left: 260px; /* 240px pour #navigation + 20px */
  margin-right: 20px;
  border-left: solid 2px;
  padding-left: 20px;
}

#pied {
}


/* ============================= */
/* Styles communs à tout le site */
/* ============================= */

/* Paragraphes */
#contenu p {
  margin: 0pt;
  margin-bottom: 0.5em;
  text-indent: 0em;
  text-align: justify;
}

/* Liens */
body a {
  text-decoration: none;
  color: inherit;
}


/* ===================== */
/* Styles pour l'en-tete */
/* ===================== */

/* Titre dans l'en-tête */
/* -------------------- */

#bandeau-titre {
  min-height: 120px;
  font-weight: 500;
  font-family: sans-serif;
}

#bandeau-titre .logo-site {
  display: block;
  float: left;
}

#bandeau-titre-texte {
  margin-left: 133px;
  padding: 5px;
}

#bandeau-titre-texte1, #bandeau-titre-texte2 {
  position: relative; /* est "relative" pour permettre de gérer l'ombre */
}

#bandeau-titre-texte h1 {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

#bandeau-titre-texte1 h1 {
  font-size: 60px;
  text-align: left;
}

#bandeau-titre-texte2 h1 {
  font-size: 40px;
  text-align: right;
}

#bandeau-titre-texte h1.texte {
  color: #000000;
}


/* Bandeau des paroisses */
/* --------------------- */

#liste-paroisses {
  margin: 0px;
}

#liste-paroisses ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#liste-paroisses li {
  float: left;
  width: 13.5%;
  border: solid 2px;
}

#liste-paroisses a {
  float: left;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font: 9pt sans-serif;
  border-width: 0px;
}

#liste-paroisses li.secteur  { border-color: #ac7908; }
#liste-paroisses li.cachan   { border-color: #ffd500; }
#liste-paroisses li.chevilly { border-color: #ed8ab4; }
#liste-paroisses li.fresnes  { border-color: #f29719; }
#liste-paroisses li.lhay     { border-color: #49b8e5; }
#liste-paroisses li.rungis   { border-color: #8c4f94; }
#liste-paroisses li.stpaul   { border-color: #4ba838; }


/* --------------------------- */
/* Styles pour le fil d'Ariane */
/* --------------------------- */
#hierarchie {
  padding-top: 1px;
  font-size: 10px;
  font-weight: normal;
  font-family: sans-serif;
  font-variant: small-caps;
  color: #5a5a5a;
}


/* ------------------------------ */
/* Styles pour le titre des pages */
/* ------------------------------ */

/* Titres */
h1 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  margin: 0px;
  padding: 20px;
  font-size: 40px;
  font-weight: 500;
  font-family: sans-serif;
}

/* Texte du titre */
h1.texte {
}

/* Ombre du titre */
h1.ombre {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 0;
  color: #bbbbbb;
}


/* ============================== */
/* Styles pour le bloc navigation */
/* ============================== */

/* Menu des rubriques racines */
/* -------------------------- */

.menu {
  padding-top: 20px;
}

.menu ul {
  padding-left: 0px;
  padding-top: 0px;
}

.menu li {
  margin-left: 10px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  list-style-type: none;
  font-size: 12px;
  font-weight: normal;
  font-family: sans-serif;
  color: #5a5a5a;
}

.menu > ul > li {
  position: relative; top: 0px; left: 0px; /* pour gerer la position de la puce */
  margin-top: 4px;
  margin-left: 22px;
  font-size: 14px;
  font-weight: bold;
}

.menu li .puce {
  position: absolute;
  top: 0px;
  left: -18px;
  width: 18px;
  background-image: url("puce2-inactive.png");
  background-repeat: no-repeat;
  background-position: center left;
}


/* =========================== */
/* Styles pour le bloc contenu */
/* =========================== */

/* Liste avec une puce sur la bordure gauche du bloc contenu */
/* --------------------------------------------------------- */

#contenu ul {
  padding: 0px;
}

#contenu li.apuce {
  position: relative; top: 0px; left: 0px; /* pour gerer la position de la puce */
  margin-left: 0px;
  border-left: solid 0px;
  padding-top: 20px;
  padding-left: 0px;
  padding-bottom: 20px;
  list-style-type: none;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
  font-variant: small-caps;
  /*color: #5a5a5a;*/
}

#contenu li .puce { 
  position: absolute;
  top: 20px;
  left: -29px;
  width: 20px;
  background-color: #ffffff;
  background-image: url("puce-inactive.png");
  background-repeat: no-repeat;
  background-position: center left;
}   

#contenu li.apuce .rubrique-contexte {
  font-size: 12px;
  color: #5a5a5a;
}


/* Intertitres */
/* ----------- */
h3.spip {
  text-align: left; 
  margin-top: 2em; 
  margin-bottom: 1.4em; 
  font-size: 1.15em; 
  font-weight: bold; 
  font-family: sans-serif;
  border-bottom: solid 2px;
}


/* Images dans le texte */
/* -------------------- */
.spip_documents_center {
  clear:none;
}


/* Messages sous les articles */
/* -------------------------- */
ul.forum, ul.forum ul {
  margin-left: 20px;
  padding-left: 0px;
  border-left: solid 1px;
  border-color: #888888;
}

ul.forum li {
  margin-left: 0px;
  padding-top: 10px;
  padding-left: 0px;
  list-style-type: none;
}

.forum-message {
  padding: 0px;
  padding-left: 20px; // meme retrait que <ul>
  border: 0px;
  border-top: solid 2px;
  border-color: #888888;
}

#contenu p.forum-repondre-message {
  margin-top: 5px;
  margin-left: 0px
  padding-left: 0px;
  text-indent: 0px;
}

.forum-repondre-message a, .repondre a {
  margin-left: 0px;
  border: solid 1px #888888;
  padding-left: 2px;
  font-size: 0.77em;
  font-family: Verdana, Tahoma, Arial, sans-serif; 
  background: #bbbbbb;
}


/* ======================================= */
/* Styles pour le bloc contenu du sommaire */
/* ======================================= */

/* Liens de la page de sommaire */
/* ---------------------------- */

#lienssommaire {
  float: right;
  width: 250px;
}

#lienssommaire p {
  text-indent: 0px;
}

/* Carte du secteur */
/* ---------------- */
#cartesecteur {
  margin-right: 250px;
}


/* ======================= */
/* Styles pour les encarts */
/* ======================= */
.encart {
  float: right;
  width: 246px;
  margin: 5px 0px;
  margin-bottom: 1em;
  border: solid 2px;
  border-color: #ac7908;
  font-size: 0.77em;
  font-family: Verdana, Tahoma, Arial, sans-serif; 
}

.encart h2 {
  margin: 0;
  padding: 0.2em 0.4em;
  background: #ac7908;
  text-align: center;
  font-weight: bold;
}

.encart p {
  margin: 0;
  padding: 0.2em 0.7em;
  text-align: left;
}

.encart ul {
  margin: 0;
  padding: 0.2em 0;
  text-align: left;
  list-style: none;
}

.encart li {
  margin: 0.5em 0;
  padding: 0 0.5em;
}

.encart .rubrique-contexte {
  font-size: 0.7em;
  color: #5a5a5a;
}


/* =================================== */
/* Styles pour le bloc contenu du plan */
/* =================================== */

/* Listes de la page de plan */
/* ------------------------- */
li.plan, li.plan-article, li.plan-rubrique {
  margin-left: 15px;
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 4px;
  list-style-type: none;
  font-size: 14px;
  font-weight: normal;
  font-family: sans-serif;
}

li.plan-rubrique {
  font-weight: bold;
}


/* ================= */
/* Styles techniques */
/* ================= */

/* Espaceur de blocs */
/* ----------------- */
.nettoyeur { 
  clear: both; 
  margin: 0; 
  padding: 0; 
  border: none; 
  height: 0; 
  line-height: 1px; 
  font-size: 1px; 
}