@charset "utf-8";

html {font-size: 100%;
  }

body  {	font: .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		text-align: center; 
		color: #000000;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px; background: #f3f3f3;
		 }
    
#container { width: 76em;
    	background: #fff;
    	margin: 0 auto;
    	border: 1px solid #000000;
    	text-align: left; 
		} 

#header { background: #b80303; 
		color:#FFFFFF; } 
    
#sidebar1 { float: left; 
    	width: 14.1em;
    	padding: 1px 0 ; background: #eae7dc; }
		
#sidebar2 { float: right; 
    	width: 15em;
    	background: #eae7dc;
    	padding: 15px 0;
		font-family: Arial, Helvetica, sans-serif }
		
#sidebar1 p, #sidebar2 p { margin-left: 2px;
    					margin-right: 2px; } 
  
#mainContent { margin: 0 0 1em 17em; 
				width: 41em;} 
				

#mainContent p {text-indent: 25px;
		text-align: justify;
		margin-top: 10px;
		margin-bottom: 10px; } 
		
#mainContent2  {width: 58.5em; height:0.1px;}   /*pour un contenu dans la marge de droite */
#mainContent2a  { 
float:right;
width: 15em; }


#footer { padding: 0;
		background:#b80303;
		text-align: center;
		font-size: .8em;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif; } 
#footer p { margin: 0; 
    	padding: 10px 0; }

.clearfloat { clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px; }
	
#chemin { margin: .8em 20em .8em 19em;
		font-size:.8em;
		font-family: Arial, Helvetica, sans-serif; } /* mise en forme du chemin de navigation pour revenir en arrière */
		
#date { font-size:.8em; color:#857953; text-align:center; } /* mise en forme du texte de la date de la dernière mise à jour dans l'index */

/* a = attribut du texte des liens hypertextes */
a:link { color: #b80303;
		text-decoration: none; }
a:visited { text-decoration: none;
		color: #b80303; }
a:hover { text-decoration: underline;
		color: #990000; }
a:active { text-decoration: none; }

h1 { 	font-size: 1.6em;
		color: #b80303;
		text-align: center;
		margin-top: 25px;
		margin-bottom: 16px; }/* h1 = gros titre d'un article */

h2 {	font-size: 1.3em;
		color: #b80303;
		text-align: center;
		margin-top: 25px;
		margin-bottom: 13px; }/* h2 = gros titre centré rouge pour une section  */

h3 {	font-size: 1.1em;
		color: #b80303;
		text-align: center;
		margin-top: 18px;
		margin-bottom: 11px; }/* h3 = petit titre centré rouge, titre habituel  */

h4 {	font-size: 1em;
		color: #000000;
		font-style: italic;
		margin-top: 15px;
		margin-bottom: 10px; }/* h4 = petit titre italique noir  */
		
/* #titre-IER = titres spéciaux sur plusieurs lignes (camp de la phalange) pour Il est ressuscité !  */
#titre-IER h1 { margin-top:0px; }
#titre-IER h2 { color:#000000;}
#titre-IER h3 { margin-top:-5px;}
#titre-IER h4 { text-align:center; }

h4#ligue { font-size: 1.7em; font-style:normal; margin-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif}/* POUR LA LIGUE  */

h5 { 	font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		color: #857953;
		text-indent: 0px;
		margin-top: 15px;
		margin-bottom: 12px; } /* h5 = titre des encarts  */

h6 { 	font-size: 1em;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		margin-top: 18px;
		margin-bottom: 10px; } /* h6 = titre des sommaires */

/* renvoi en bas d'article vers le sommaire ou article suivant */
.liens-bas { text-align: center; margin-top: 13px; margin-bottom: 15px; margin-right: 10px;}

/* tableau centré pour encart */
.tableau1, .tableau2 {
	color: #857953;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5EEE6;
	border: 1px solid #A68F63;
	width: 35em;
	margin: auto; margin-bottom: 20px; margin-top: 20px;
	padding-left: 10px; padding-right: 10px; -moz-border-radius:11px;}
/* tableau centré avec barre de défilement et hauteur fixe */
.tableau2 {height: 20em; overflow: auto;}
.tableau1:hover {color:#000000;}

/* règles flt centre, droite ou gauche = pour aligner des images et légendes */
.fltcentre500 {margin: auto; width: 500px; margin-bottom: 20px; margin-top: 20px;}
.fltcentre450{margin: auto; width: 450px; margin-bottom: 20px; margin-top: 20px;}
.fltcentre400{margin: auto; width: 400px; margin-bottom: 20px; margin-top: 20px;}
.fltcentre350{margin: auto; width: 350px; margin-bottom: 20px; margin-top: 20px;}

.fltdroite, .fltdroite125, .fltdroite150, .fltdroite180, .fltdroite200, .fltdroite250, .fltdroite300, .fltdroite350
{float: right; margin-left: 9px; margin-bottom: 3px; margin-top: 4px; padding-top: 2px;}
.fltdroite125 {width: 125px;}
.fltdroite150 {width: 150px;}
.fltdroite180 {width: 180px;}
.fltdroite200 {width: 200px;}
.fltdroite250 {width: 250px;}
.fltdroite300 {width: 300px;}
.fltdroite350 {width: 350px;}

.fltgauche, .fltgauche125, .fltgauche150, .fltgauche180, .fltgauche200, .fltgauche250, .fltgauche300, .fltgauche350
{float: left; margin-right: 9px; margin-bottom: 3px; margin-top: 4px; padding-top: 2px;}
.fltgauche125 {width: 125px;}
.fltgauche150 {width: 150px;}
.fltgauche180 {width: 180px;}
.fltgauche200 {width: 200px;}
.fltgauche250 {width: 250px;}
.fltgauche300 {width: 300px;}
.fltgauche350 {width: 350px;}

/* légende des images */
.legende1, .legende2{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.85em;
background-color:#EEE;
padding: 2px 2px 2px 2px;}
.legende1 {text-align: center;}
.legende2 {text-align: justify;}

/* règles aide suivantes = pour des bulles d'aide (1-3 exposant) ou pour des notes de références (2, exposant mais moins large) */
a.aide { position: relative;
border-bottom: 1px dashed #a68f63;
text-decoration: none;
color:#000000;
cursor:help;}
a.aide4 { position: relative;
border-bottom: 1px dashed #a68f63;
text-decoration: none;
cursor:help;}
a.aide2, a.aide3 {position: relative;
	text-decoration: none;
	font-size: 0.8em;
	cursor:help;
	vertical-align: top;}

a.aide span, a.aide2 span, a.aide3 span,  a.aide4 span { display: none; }
a.aide:hover, a.aide2:hover, a.aide3:hover,  a.aide4:hover, {z-index: 100; text-decoration: none; color:#000000;} 

a.aide:hover span, a.aide2:hover span, a.aide3:hover span{ z-index: 200; display: block; position: absolute;
top: 1px; background: #f5eee6; border: 1px solid #000066; padding: 5px; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.85em; text-decoration: none; color:#000000; text-indent:0px;}
a.aide4:hover span { z-index: 200; display: block; position: absolute; text-align:justify; 
top: 1px; background: #f5eee6; border: 1px solid #000066; padding: 5px; margin:0px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#000000; text-indent:0px;}
a.aide4:hover span.p { text-indent:20px; margin-top:5px; margin-bottom: 5px;}

a.aide:hover span, a.aide3:hover span {width: 350px; left: 35px;}
a.aide2:hover span {width: 200px; left: 25px;}
a.aide4:hover span {width: 525px; right: 205px;}

.signature { text-align:right; margin-top: 14px; margin-bottom: 20px; font-size:.9em;} /*MISE EN FORME DES SIGNATURES EN FIN D'ARTICLE*/

#police2 { font-family: Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px;} /* MISE EN FORME D'UNE 2e POLICE ARIAL */
.police2 { font-family: Arial, Helvetica, sans-serif; margin-top: 15px; margin-bottom: 15px; color: #857953;} /* MISE EN FORME D'UNE POLICE DE COULEUR OR DANS LES ARTICLES */
.police3 { font-family: Arial, Helvetica, sans-serif; margin-top: 15px; margin-bottom: 15px;}
.police2:hover {color:#000000;}
blockquote { font-family: Arial, Helvetica, sans-serif; margin: 12px 35px 12px 45px; text-align:justify;} /* MISE EN FORME DES CITATIONS DANS UN ARTICLE */
.fond2 { background-color: #F5EEE6}  /* FOND DE COULEUR BEIGE POUR UN PARAGRAPHE D'UN ARTICLE */
.fond2 p { padding: 2px 5px 2px 5px;} /* FOND DE COULEUR BEIGE POUR UN PARAGRAPHE D'UN ARTICLE */
.exposant {	font-size:0.8em; vertical-align: top;}  /* MISE EN FORME DES EXPOSANTS DANS LES ARTICLES */

.sommaire {background-color: #FFFFFF}
.sommaire strong {background-color: #FFFFFF} /* MISE EN FORME DE TITRE DE SOMMAIRE AVEC FOND BLANC */
.sommaire { background-position: right top ; background-repeat:no-repeat; margin-bottom: 30px; margin-top: 25px; }  /* MISE EN FORME DE L'IMAGE DE FOND DES SOMMAIRES */

.lettrine { float:left; margin-right:3px; font: bold 2.5em/1em Georgia, "Times New Roman", Times, serif;} /* MISE EN FORME DE LETTRINE EN DÉBUT D'ARTICLE */

#haut { position:relative; top: -25px; left:-10px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; padding-right:10px;} /* MISE EN FORME DU LIEN RETOUR EN HAUT DE LA PAGE */

.imprimer2 {border: 2px outset #F5EEE6; } /* MISE EN FORME DE LA COMMANDE IMPRIMER CETTE RUBRIQUE et envoyer à un ami*/
.imprimer2:hover { border: 2px inset #A68F63; }

.espace { height: 22px;} /* espace entre bouton blanc du menu de droite et le haut de menu */
.espace2 { height: 6px;} /* petit espace pratique*/
.espace3{ height: 3px;} /* petit espace pratique*/

/* Pour les cellules de titres en rouge du menu de gauche*/
.menu {background-color:#eae7dc; width:97%; }
.menutitre {
	height:16px;
	border: 1px solid #A68F63;
	background-color:#b80303;
	text-align:center;
	color: #FFFFFF;
	font-weight:bold;
	font-size:.9em;
	z-index:2 ;
}

ul { margin-top:18px; margin-bottom:20px; margin-left: 15px; padding-left:15px;}
ul.liste2 { margin-top:5px; margin-bottom:10px;}
ul.liste3 { margin-top:2px; margin-bottom:5px;}
li { margin-top:8px; margin-bottom:8px;}
ul.liste2 li { margin-top:4px; margin-bottom:4px; font-size:.9em;}
ul.liste3 li { margin-top:1px; margin-bottom:1px; font-size:.85em;}

.explication { margin-top:28px; margin-bottom:35px;} /* Pour des menus comme celui de Benoît XVI*/
.explication p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.85em; margin-bottom:20px;}
.explication2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.85em;}

.fermer { position:relative; top:-10px; left:13.6em; border: 2px outset #F5EEE6;  } /* Pour faire disparaître le menu droit */
.fermer3 { position:relative; top:2px; border: 2px outset #F5EEE6; float:right;  }/* Pour faire disparaître le menu gauche */
.fermer3:hover { border: 2px inset #A68F63; }
.fermer:hover {border: 2px inset #A68F63; }
#fermer { height:8px;} /* Div contenant le X pour fermer le menu de gauche en haut*/
.ouvrir1 { position:relative; left:-10px; border: 2px outset #F5EEE6; float: left; margin-right: 9px; display:none; } /* Pour faire réapparaître le menu gauche */ 
.ouvrir2 { position:relative; left:8px; border: 2px outset #F5EEE6; float: right; margin-left: 9px; display: none;  } /* Pour faire réapparaître le menu droit */
.retrait { margin-left:50px; text-indent:0px;}/* Pour du texte de poèmes en retrait - Attention :utiliser aussi la balise spécial pour citations*/

#IER { font-size:.85em; font-family:Arial, Helvetica, sans-serif;} /* Pour l'en-tête des nos de Il est ressuscité !*/

.none { display:none;} /* Pour rendre un élément invisible*/

#form1 { margin:5px; height:10px; }  /* Formulaire de recherche */

ol { text-align: justify;} 

#messageprint { display: none ;}

#search { z-index:1 ; margin-top:3px; margin-bottom:11px; margin-left:5px;}
input, textarea { font-size:12px ; }
input:focus, textarea:focus { background-color: #FFFF99 ; }
/*#sous { z-index:2 ;}*/
.sous_titre { font-size:.8em;}