@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: #FFFFFF;
    	margin: 0 auto;
    	border: 1px solid #000000;
    	text-align: left; 
		} 

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

#mainContent p {text-indent: 25px;
		text-align: justify;
		margin-top: 10px;
		margin-bottom: 10px; } 

#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; }
	
		

/* 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  */

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;
	 -webkit-border-radius: 11px; 
     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;}
.fltcentre180{margin: auto; width: 180px; margin-bottom: 0px; margin-top: 10px;}

.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 ou 3 pour 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.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 { display: none; }
a.aide:hover, a.aide2:hover, a.aide3: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.aide:hover span, a.aide3:hover span {width: 350px; left: 35px;}
a.aide2:hover span {width: 200px; left: 25px;}

.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: 15px 35px 15px 35px; 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; cursor: pointer; }

.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%; }
/* Pour les cellules de titres en rouge du menu de gauche*/
.menutitre {
	height:16px;
	border: 1px solid #A68F63;
	background-color:#b80303;
	text-align:center;
	color: #FFFFFF;
	font-weight:bold;
	font-size:.9em;
}

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.8em; border: 2px outset #F5EEE6;  } /* Pour faire disparaître le menu droit */
.fermer3 { position:relative; border: 2px outset #F5EEE6; float:right; left:-2px;} /* 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;}/* 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é !*/


.title {border-bottom: 0px solid #a68f63; border-top: 1px solid #a68f63; color:#a68f63; font-weight:bold; height:23px; padding-top:3px; padding-bottom:0px;}

#recherche{
	padding: 2px; margin: 6px 0px 5px 0px;
	width: 140px;
	font: normal 1em Verdana,sans-serif;
}

.recherche2{ font-size:85%; padding-left:5px;}


#recherche { width:180px; }
#selectDevise {  width:145px; }
.cacher { display: none;}
.rouge { color:#900;}

.informations { font-size:12px; margin-left:40px; margin-top:-5px;}
label { font-size:11px; }
.espace3 { height:8px;}
.jaquette {
float: left;
	height: 222px;
	width: 150px;
	margin:5px;
}
#jaquettes { height:250px; width:500px; padding-left:24px; padding-top:20px;}
input:focus, textarea:focus, select:focus {
	background-color: #FFC;
}