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

body {
  margin: 0px;
  /*padding: 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; /* 240 */
}


#recherche {
  float: left;
  width: 200px; /* 240 */
  position : relative; 
  top : 210px; /*320*/
}


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

#pied {
}


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

/*pas ca*/

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

/* Liens */
body a {
  text-decoration: underline;
  color: #667;
}
a.spip_note,  /* liens vers notes de bas de page */
a.spip_ancre, /* liens internes a la page */
a.spip_in,    /* liens internes */
a.spip_mail,  /* liens vers un email */
a.spip_out,   /* liens sortants */
a.spip_url {  /* liens url sortants */
  color: #667;
}


/* ===================== */
/* 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;
  color: inherit;
  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;
}

#hierarchie a {
  color: inherit;
  text-decoration: none;
}


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

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

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

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






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



.menu{
    top : 20px;
	position : relative;
	/* solve a Opera7/IE display bug */
    width:240px;
    /* border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid; */
    margin:0;
    padding:0;
    
    /*
    background-color: #FFFFFF;
    
	filter:alpha(opacity=60);
   
	opacity:0.6; */
	z-index:3;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    /* border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid; */
    margin:-1px;
    padding:0;
    position:absolute; /* important */
    width:240px;
        
    z-index:6;
    }


.menu a{
    text-align:left;
	text-indent: 2px;
	margin-left: 20px;
	color:#303030;
	display:block;
	width:220px;
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	font-family: sans-serif;
	padding:5px 0 5px 0;
    
	background-color: #FFFFFF;
    
	filter:alpha(opacity=95);
    /* CSS3 standard */
	
	opacity:0.95;
	z-index:3;
    }
    
.menu a.on {
	background-color: #ac7908;
	color:#000000;
	}

.menu a:hover{
	background-color: #ac7908;
	color:#000000;
	}

.menu li{
    width:240px;
    display:block;    
    float:left;  
    list-style:none;
	
	background-image: url("puce2-inactive.png");
	background-repeat: no-repeat;
	background-position: center left;
	
    /* border-bottom: 1px #000 solid; */
    margin:0;
    padding:0;
    } 

/* Sous menus */
.menu li ul{
    visibility:hidden;
    margin-left:150px;
    margin-top:-5px;
	
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    }

.menu li ul li{
	border-top: 1px #000 solid;
	margin-top:-1px;
	background-image: none;
	border-bottom: 1px #000 solid;
    }

.menu li ul a{
	text-indent: 2px;
	margin-left: 0px;
	width:240px;
	font-size: 12px;
	font-weight: bold;
	color:#303030;
    }

a.linkOver{
	font-weight: bold;
	color:#000000;
    background-color: #ac7908;
    }

li ul a.linkOver{
	font-weight: bold;
	color:#000000;
    background-color: #ac7908;
    }


/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    } 
    

.menu#liens{
  position : relative; 
  top : 270px; /*320*/
  z-index:2;
  }

  

.recherche{
  	z-index:1; 
	}


/* =========================== */
/* 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;
}

#contenu li .puce { 
  position: absolute;
  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;
}

#contenu li.apuce a {
  text-decoration: none;
  color: inherit;
}


/* Intertitres */
/* ----------- */
h3.spip {
  text-align: left; 
  
  margin-top: 2em; /*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;
  margin-left: 20px;
}

#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.40em;
  color: #5a5a5a;
}

.encart a {
  color: inherit;
  text-decoration: none;
}


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

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

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


li.plan a {
  text-decoration: none;
  color: inherit;
}


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

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