/* Rubrique Actualite */

/* affiche la première partie(haute) de l'image(sphère) de la rubrique actualité */
#sous_menu {
  background: url('../images/sous_menu/picto_actualite_01.gif') no-repeat;
}
/* affiche la deuxième partie(basse) de l'image*/
#sous_menu ul {
  background: #FC6 url('../images/sous_menu/picto_actualite_02.gif') no-repeat 1px 0;
}
/* défini la couleur du titre de la rubrique actualité */
#sous_menu h1 {
  color: #F30;
}

/* défini une puce(actualite_01.gif) pour toutes les listes à puces contenues dans 
les blocs #colonne_droite et #colonne_gauche */
#colonne_droite ul li,
#colonne_gauche ul li {
  background: url('../images/puce/actualite_01.gif') no-repeat 0px 7px;
}


/* défini une puce(actualite_03.gif) pour toutes les listes à puces contenues dans
un bloc .texte à l'intérieur d'un bloc #colonne_gauche */
#colonne_gauche div.texte ul li {
  background: url('../images/puce/actualite_03.gif') no-repeat 0px 5px;
}

/* défini une puce(actualite_04.gif) pour toutes les listes à puces situées à l'intérieur
d'une autre liste à puces contenue dans un bloc .texte à l'intérieur d'un bloc #colonne_gauche*/
#colonne_gauche div.texte ul li ul li {
  background: url('../images/puce/actualite_04.gif') no-repeat 0px 5px;
}

/*idem que ci-dessus sauf qu'il y a un niveau de liste en plus*/
#colonne_gauche div.texte ul li ul li ul li {
  background: url('../images/puce/actualite_05.gif') no-repeat 0px 5px;
}

/* défini une puce(actualite_02.gif) pour toutes les class .tous situées
à l'intérieur d'un bloc #colonne_droite, ex: correspond à la puce placé juste avant 
'Lire tout l'article' de la rubrique actualite*/
#colonne_droite li.tous {
  background: url('../images/puce/actualite_02.gif') no-repeat 0px 6px;
}

/* défini une puce(actualite_00.gif) pour toutes les class .puces
(ex: voir sous rubrique textes officiels)*/
span.puce {
  background: url('../images/puce/actualite_00.gif') no-repeat 0px 3px;
}

/* défini une puce(actualite_auteur.gif) pour les balises h5,
correspond au crayon placé à côté du descriptif d'un article*/
h5 {
  background: url('../images/puce/actualite_auteur.gif') no-repeat;
}
/* défini une puce(actualite_haut.gif) pour tous class .haut situées à l'intérieur
du bloc #fin_article, correspond à la puce placée en bas de page à côté du lien haut de page*/
#fin_article .haut {
  background: url('../images/puce/actualite_haut.gif') no-repeat 0px 2px;
  padding-left: 15px;
}

/* défini la couleur de la bordure pour les blocs .chapo,
correspond au trait tracé à gauche d'un chapo dans un article*/
div.chapo {
  border-color: #FC6;
}

/* défini la couleur de fond et la couleur du texte des titre h2 placé à l'intérieur du 
bloc #colonne_droite et du bloc #liste_articles_forum*/
#colonne_droite h2,/* correspond au titre du bloc de droite*/
#liste_articles_forum h2 {
  background: #FC6;
  color: #FFF;
}

/* défini le type de bordure et la marge du bloc #actu_groupes(La vie des groupes)*/
#actu_groupes {
  border: 1px solid #606;
  margin-bottom: 10px;
}
/* défini les marges intérieurs et extérieurs pour les balises p à l'intérieur du bloc
#actu_groupes*/
#actu_groupes p {
  padding: 2px 10px;
  margin-bottom: 5px;
  clear: both;
}
/* défini les caractéristiques(épaisseur, type, couleur) de la bordure en bas pour les class .tous*/
#actu_groupes p.tous {
  border-bottom: 1px dotted #A5A5A5;
}

/* centre les titres h2 situés à l'intérieur du bloc #actu_groupes*/
#actu_groupes h2 {
  text-align: center;
}

/* défini la taille du texte 'derniers articles parus' placé à côté de 'La vie des groupes' */
#actu_groupes h2 small {
  font-size: 0.9em;
}

/* défini une puce(eglise_en_iv.gif) pour les listes à puces situées dans le bloc #actu_groupes*/
#actu_groupes li {
  background: url('../images/puce/eglise_en_iv_01.gif') no-repeat 0px 7px;
}

/* défini la couleur de fond et la couleur du texte du titre h2 : 'La vie des groupes ...'*/
#actu_groupes h2 {
  background: #F6C;
  color: #FFF;
}

/* défini les marges intérieur de des images appartenant à la class .spip_logos, correspond à l'image
de la page d'accueil d'actualité */
#edito .spip_logos {
  padding: 0 0 5px 5px;
}

/* défini les marges extérieurs du texte appartenant à la class .tous située dans
le bloc #edito, correspond aux marges des textes : titre, sous-titre, descriptif, chapo*/
#edito p.tous {
  margin: 7px auto 10px auto;
}

/* défini le type et les marges pour les listes à puces placées à l'intérieur 
de l'id liste_articles_archives*/
#liste_articles_archives li {
  list-style-type: none;
  padding-left: 10px;
  margin: 3px 5px 3px 15px;
}

/* défini les caractéristiques pour l'affichage des dates*/
#liste_articles_archives .date {
  font-size: 0.9em;
  white-space: nowrap;
  font-style: italic;
}

/* défini le type de bordure et la marge en bas pour le bloc #liste_articles_forum,
remarque: s'applique à la rubrique Prier et célébrer > Forum en église*/
#liste_articles_forum {
  border: 1px solid #F30;
  margin-bottom: 10px;
}

/* défini les marges pour les class .tous situés à l'intérieur du bloc #liste_articles_forum,
correspond au lien
'Tous les articles' en bas de page*/
#liste_articles_forum p.tous {
  padding-left: 10px;
  padding: 5px;
  margin: 3px 5px;
  clear: both;
}

/* Centre le titre h2  placé dans le bloc #liste_articles_forum,
doit correspondre au titre 'L'eucharistie dans la Bible'*/
#liste_articles_forum h2 {
  text-align: center;
}