/*
 * Conception Jean Boulanger
 * boulanger.jean@free.fr
 *
 * Revisite Michel RHO 2009
 * michelrho@wanadoo.fr
 */

/* le corps de la page */
body { 
background: white; 
margin: 10px; 
background-image: url(../IMG/fondPage.gif); 
color:#476666;
}



/* surcharge d'un style spip pour l'image de la page d'accueil */
span.spip_documents_center { margin-top:0px; }


/* 
* couleurs des liens pour lesquels aucune classe spécifique n'est affectée, 
* lien orange normal avec surlignage bleu au survol 
*/
a { text-decoration: none; color: #476666;}
a:hover { text-decoration: none; color: #476666; background: #E0EAF0; }
a.spip_out { text-decoration: none; color: #E97738;}
a.spip_out:hover {
	text-decoration: none; 
	color: #E97738;
	background: #E0EAF0;
}
a.spip_in, a.spip_url { text-decoration: none; color: #E97738; }

/* c'est le style par défaut de tous les liens du texte pointant vers un item du lexique */
.lexique {color: #E97738; }

/* C'est le style par défaut de tous les textes qui sont dans l'encadré orange principal */
.texte, .texte p.spip, .texte_agenda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-left: 4%;
	margin-right: 4%;
  font-size: 12px;
	/*margin-top: 1em;*/
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 0em;
}

.texte h3.spip, .texte_agenda h3.spip {	font-family: Verdana, Arial, Helvetica, sans-serif;
                  color: #E97738;
                  }

div .texte ul.spip, .texte_agenda ul.spip {margin-left:22px;}
div .texte ul.spip li.spip, .texte_agenda ul.spip li.spip{ list-style-position:inside;  }

/***************** agenda revisité octobre 2009 ***********************
/* largeur totale titre 698 + 3 de padding pour l'image = 701. Texte 645 + paddings + 3*/
.texte_agenda { float:left; display:inline;background:#e0eaf0; margin-top:0;
                padding-left:28px; padding-right:28px; width:645px;}
#conteneur_titre_agenda {float:left; display:inline; width:698px; margin-bottom:20px; background:#a6bed1;}
#logo_agenda  {float:left; display:inline;width:38px;}
#titre_agenda {float:left; display:inline;width:660px; color:white}
#conteneur_titre_agenda.titre {margin-bottom:0;}


/* Affiche le titre de la rubrique en cours  dans l'onglet accroché au liseré orange*/
.GrosTitreBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
}

/* Ce sont les titres blanc sur fond bleu sur les pages intérieures de l'agenda ou pour le sommaire EHS */
.MoyenTitreBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

/*
 * Pour le chemin de fer, orange pour l'accueil, bleu pour le reste
 */
.cheminOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E97738;
	font-size: 11px;
}
.cheminBleu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #476666;
	font-size: 11px;
}

/* Deux niveaux de titrage titre et titre 2 
*  Ce sont les éléments de rubriques ou articles précédés d'une
*  flèche blanche dans un rond orange dans la partie principale
*/
.titre {
	padding-top: 4px;
	margin-left: 4%;
	margin-right: 4%;
	border-top: 1px solid #C2D1DB; 
	border-bottom: 1px solid #C2D1DB;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #6A89A1;
	font-weight: bold;
	letter-spacing: 1px;
}

.titre .spip_logos {
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0.8em;
}

.titre2 {
	padding-top: 1em;
	margin-left: 8%;
	margin-right: 4%;
	padding-bottom: 2px;
	padding-left: 2px;
	border-bottom: 1px solid #D2E1ED;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #6A89A1;
	font-weight: bold;
}

/* C'est le texte des menus de la colonne de gauche 
*(navigation de rubrique, recherche, annuaire, lexique, thèmes de l'agenda)
*/
a.navAGauche {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 60%;
}
.mr_rub {font-size:80%;}

/* Présentation du titre du pavé facultatif "Documents à télécharger" en bas d'article */
.documents {
	padding-top: 1px;
	margin-left: 4%;
	margin-right: 4%;
	border-top: 1px dotted #7EA0A2;
	border-bottom: 1px dotted #7EA0A2;
	padding-bottom: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #476666;
    font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

/* Sert pour le titre pavé en bas à droite de l'Evangile du jour sur la Home
*  ainsi que pour les titres de l'édito et du sommaire d'EHS
*/
.GrosOrange, h3.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #E97738;
}

/* Sert notamment au lien de << Retour pour l'agenda et EHS
* Lorsqu'il n'y a pas de résultat pour la recherche et un titre 
* sur le pavé à droite du pavé Evangile du jour sur la Home
*/
.MoyenOrange{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #E97738;
}

/* Texte bleu-vert du pavé accueil à droite du pavé Evangile du jour sur la Home */
.PaveAccueil {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #476666;
}

/* ajustements juin 2009 */
.legende_haut_droit{font-size: 0.71em; font-weight:bold;}
#milieuhaut{position:absolute; width:209px; left: 618px; top: 138px; 
            /*background-color: #D9E6EF;*/ background:white; height: 248px;
            }
#milieuhaut p {margin:0; padding:0;}   

.zone1, .zone2 {float:left; width:209px; background:#D9E6EF;}
.zone1 {margin-bottom:8px;}



/* Accroche de l'Evangile du jour sur la Home avec son effet au survol */
.AccrocheEvangile {
	font-family: "Times New Roman", Times;
	font-size: 22px;
	color: #476666;
	font-style: italic;
}
.AccrocheEvangile:hover {text-decoration: none; color: #E97738;}

/* Ce sont les titre des liens pour le lexique, l'annuaire (rubriques et articles),
* la recherche dans la partie centrale de la page 
*/
.TitLiens {font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* rubrique mère dans le menu de gauche */
.lienMere {
	width:100%;
	background:#E0EAF0;
	margin-top:2px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:2px;
	 font-size: 70%;
	 font-weight: bold; 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	  }
.sousMere{
	 font-size: 70%;
	 font-weight: bold; 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Ce sont les liens vers les articles depuis le plan du site
* ou un plan de rubrique ou également le texte dans le popup lexique
*/
.TitMiniLiens {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.boutons_gauche{margin-bottom:4px;}


/* C'est le stylez de > ou ==> qui précède des listes ou des liens dans l'ensemble de la page */
.LienOrangeGauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6px;
	font-weight: bold;
	color: #E97738;
}

/* C'est le stylez des dates en orange du pavé Actualités */
.LienOrangeGaucheActus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E97738;
}

/* 
* couleurs du lien pour voir l'agenda dans le pavé actus, 
* lien bleu-vert gras avec surlignage blanc au survol 
*/
.ptitLienBleu {
	text-decoration: none;
	color: #476666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.ptitLienBleu:hover { text-decoration: none; color: #476666; background: #FFFFFF; }

/* 
* couleurs des liens blancs dans le bandeau orange en bas de chaque page, 
* deviennent bleu avec surlignage blanc au survol 
*/
.ptitLienBlanc {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.ptitLienBlanc:hover { background: #FFFFFF; }

/* 
* couleurs des liens blancs dans le bandeau orange pour fermer la fenêtre popup du lexique, 
* deviennent bleu avec surlignage blanc au survol 
*/
.MiniLienBlanc {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.MiniLienBlanc:hover { background: #FFFFFF; }

/*
 * Formulaires et moteur de recherche
 */

.formrecherche {
	background-color: #ffffff;
	color: #E97738;
	padding: 2px;
	border: 1px solid #a0a0a0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	outline-color: White;
}

.boutonform {
  width:30px; 
  height:20px;
	border-right: #ffaed6 1px solid; 
	border-top: #ffaed6 1px solid; 
	border-left: #ffaed6 1px solid; 
	border-bottom: #ffaed6 1px solid; 
	font-size: 10px; 
	font-weight: bold; 	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background:#E97738; 
    color: #FFFFFF;  
	text-decoration: none;
	text-align:center;
}

.formulaire {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 4px;
	border: 1px solid #a0a0a0;
	background-color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
}

/* Les trois styles ci-dessous ne servent qu'à l'administrateur 
* et ne sont pas visibles pour l'internaute 
*/
.forml {
	background-color: #ececec;
	margin: 4px;
	padding: 1px;
	border: dashed 1px #909090;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.spip_bouton {
	border: 1px solid #404040;
	padding: 3px;
	background: #d0d0d0;
	font-family: "arial";
	FONT-SIZE: 9px;
}
.spip-admin {
	position: fixed;
	bottom: 0px;
	font-size: 90%;
	padding: 2px;
	line-height: 1.4em;
}
/* styles pour le menu déroulant*/
ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A05804;
   position: static;
	left: 10px;
	margin: 15px;
}

ul#menulist, ul#menulist ul {
  /* border:1px solid #990000;*/
  list-style:none;
  margin:0;
  padding:0;
  width:186px;
  background-color: #F3E2A7;
}

ul#menulist {
	border: 1px dotted #B9842E;
}

ul#menulist ul {
	border: 1px solid #B9842E;
}

ul#menulist ul{
  position:absolute;
  top:-1px;
  left:186px;
}

ul#menulist li{
  position:relative;
  margin:0px;
  padding:0px;
  display:inline;
}

ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  width: 186px;
  padding: 5px 0;
}

ul#menulist li:hover, ul#menulist li a:hover {
  color: #FFFFFF;
  background-color: #CB8F42;
}

ul#menulist a {
	color: #A05804;
	text-decoration: none;
}

/********************************  2009 **************************************/

.bloc_rubrique, bloc_rubrique_annuaire { float:left; width:762px; padding-top:4px;}
.bloc_rubrique_annuaire {padding-left:5px;}
.demi_rubrique{float:left; width:250px; padding-top:4px; padding-bottom:8px; padding-left:40px;}

ul.TitMiniLiens {margin-top:12px;}
li.TitMiniLiens { list-style-type:none; list-style-position:outside;
                  list-style-image:url(../IMG/gif/puce_liste_rubrique.gif);
                  margin-bottom:8px;}


.liste_paroisses {width:700px; padding-bottom:24px; margin-bottom:12px; border-bottom:1px solid #9eaab2; text-align:left; }
.liste_paroisses table hr { height: 1px;
                            padding: 0;
                            color: #c2d1db;
                            background-color: #c2d1db;
                            border: 0;}
.liste_paroisses table { width:550px; margin-left:30px; }
.liste_paroisses table img {  }

.pied_page { background:#E97726; width:796px; height:20px; padding-bottom:4px;}
.pied_page a {margin-left:18px;}
.pied_page img { margin-left:4px; vertical-align: text-bottom; margin-top:3px;}



.syndic { background:none; margin-top:24px; padding:24px; text-align:justify; font-size:0.71em; }
.syndic ul {list-style-type: disc; margin-top:12px; margin-left:14px;}
.syndic ul.decale { margin-left:24px; }
.syndic .menu-titre{background:#C2D1DB; }




/* ajouts et correctifs 2009 par M Rho */

/* boutons de connexion/déconnexion pour la nouvelle zone réservée. Peut être utilisé pour les anciennes. */

a.deconnexion {background:#CC0000; color:white; font-size:0.88em; font-weight:bold}
a.deconnexion:hover{background:#cccccc; color:#CC0000;}
.conteneur_connexion {text-align:center; margin-top:22px;}
.conteneur_connexion a{color:#85909a}
.connexion { color:#cc0000; font-weight:bold;}


/* intertitres trombinoscope */
.titres_trombi {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #E97738;
	margin-left:27px;
  }

/* spécifiques à la page d'accueil */

#paveintuitif { position:absolute; width:151px; left: 832px; top: 138px; 
                padding-left:6px; 
                }
#paveintuitif p { padding:0; margin-bottom:10px;}                
.surPave { text-align:center; font-size:1.27em;  
           font-family:Georgia, "Times New Roman", serif;
           margin-top:0; padding-top:0; background:#e97635; color :white;}
           


/* TO DO : remplacer les absolus par des relatifs pour pouvoir centrer le site */

#general { position:absolute; left: 0px; top: 0px;}
#actus_accueil { position:absolute; width:188px; left: 1px; top: 185px; background-color: #ffffff; border: 1px none #000000;}
#Evangile { position:absolute; width:416px; height: 90; left: 196px; top: 138px; background-color: #D9E6EF; }
#imgEvangile {position:absolute; width:417px; height: 358; left: 196px; top: 226px;}
#milieubas { position:absolute; width:209px; left: 618px; top: 394px; background-color: #D9E6EF; height: 31px; }
#imgmilieubas {position:absolute; width:209px; left: 618px; top: 425px;}

#boutonsgauche_accueil{ position:absolute; width:188px; left: 1px; top: 440px;}
#boutonsgauche_accueil img { margin-bottom:4px;}
#boutonsgauche_accueil a:hover{background:none;}/* neutraliser le bleu sous les liens images actifs*/
/* pour les pages intérieures en attendant... */
#boutonsgauche a:hover{background:none;}
#boutonsgauche img { margin-bottom:4px;}

#onglets { position:absolute; left: 195px; top: 101px;}

/* TO DO : normalisation page d'accueil - en chantier faute de temps */
.colonne_actu{ float:left; width:188px; }
.recherche_sommaire {width:188px; height:80px;}
  
/* pave actu sur la page d'accueil - en service 30/06/09 */
.actus_accueil{color:#476666; font-family:Verdana; font-size:0.77em;  width:188px; background-color: #ffffff; }
.zone_actu {font-size:.82em; padding:6px;}
.separateur_actu {font-size:.60em; text-align:center; color:#E0EAF0; padding:6px 0 6px 0;}
.bloc_bleu{background:#E0EAF0;  border:2px solid white; text-align:center; font-weight:bold; font-size:1em; padding-top: 4px; padding-bottom:4px;}

/* mise en css correcte au moins du sommaire... */
/* pour centrer le site il faut reprendre tous les squelettes et le fond de page... To Do donc ! 
body.sommaire{	text-align: center;}
*/
body {text-align:left; margin:0;}
#page {position:relative; margin:0; text-align:left; width:990px; } /* redondant en attendant normalisation */
mr_bandeau {width:990px; height:103px;}
/* en l'état, un tableau actu est obligatoire pour Ie... */
table.en_attendant, table.en_attendant tr, table.en_attendant td {border:none; padding:0; margin:0:} 

/* ajout pour les formulaires */
.champDecale {float:left; width:500px; margin-left:100px;}

/* resolution pb IE6 et 7 page d'accueil */
#imageDroite{float:left; width:85px; height:120px; }
.sommaire span.spip_documents.spip_documents_right {margin:0}
.separation_blanche { width:209px; height:8px; 
                      line-height:0; margin:0; padding:0; background:red}