@charset "utf-8";
/* 
	spiritus01.css
	Création: 01/10/2002
	Modification: 09/03/2019
	Commentaire: Mise en page du site
	Camille FRONTON
 */


body{
	color:#0090ff;
	font-size: 0.8em; 
	background-color: #f4f6fb;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	margin:0px;
}
/*---------------------------------------------------------------------------------------------------------------*/

#barrerapide{
	border-right: rgb(158,160,161) 1px solid; 
	border-top: rgb(158,160,161) 1px solid;
	border-left: rgb(158,160,161) 1px solid;
	border-bottom: rgb(158,160,161) 1px solid; 
	padding-left: 0px; 
	margin-left: 5px; 
	margin-right: 5px; 
	margin-bottom: 0px;
	list-style-type: none; 
	height: 20px; 
	background-color: rgb(244,249,253);
	margin-top:0px;
}
#barrerapide ul{
	height: 20px;
}
#barrerapide li{
	font-size: 0.9em; 
	line-height: 20px; 
	padding-top: 0px;  
	height: 20px; 
	text-align: center;
}


#barrerapide a{
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	font-weight: bold; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px; 
	width: auto; 
	color: #555555; 
	padding-top: 0px; 
	font-style: normal; 
	height: 25px; 
	text-decoration: none;
}

#barrerapide a:hover{
	color: #111111;
}
.laDate{
	font-size:9pt;
	color:inherit;
}
.rapidedroite{
	padding-right: 5px; 
	padding-left: 20px; 
	background: url('/images/barrerapide/delimiteur.png') no-repeat; 
	float: right;
}

.rapidegauche{
	padding-right: 15px; 
	padding-left: 5px; 
	background: url('/images/barrerapide/delimiteur_light.png') no-repeat right 50%; 
	float: left;
}
/*-----------------------------------------------------------------------------------------------------------------*/
.lesNeuvaines{
	font-size:10pt;
}
.lesNeuvaines ul{
	margin-left:3px;
}
.lesNeuvaines li{
	list-style-type: none;
	background-color:#eef9f6;
	padding-bottom:4px;
	border-bottom: 2px solid #c2cbc9;
}
.lesNeuvaines a:link{
	text-decoration:none;
	font-weight:bold;
	color:inherit;
	border-left: 4px solid #d4bb9b;
	padding-left: 3px;
	padding-right: 3px;
}
.lesNeuvaines a:visited{
	text-decoration:none;
	font-weight:bold;
	color:inherit;
	border-left: 4px solid #d4bb9b;
	padding-left: 3px;
	padding-right: 3px;
}
.lesNeuvaines a:hover{
	text-decoration:none;
	font-weight:bold;
	color:inherit;
	background-color:#ebeca0;
	border-left: 4px solid #d2330e;
	padding-left: 3px;
	padding-right: 3px;
}
/*--------------------------------------*\
 *		Mise en forme de Texte 			*
\*--------------------------------------*/
.noteBasPage{
	font-size:78%;
	margin-bottom:0.8em;
	padding-right:1em;
}
span.marqueTexte-gras1{
	font-weight:bold;
	color: #2636ac;
}
span.marqueTexte-gras2{
	font-weight:bold;
	font-style:italic;
	color: #2636ac;
}
span.marqueTexte-italique1{
	font-style:italic;
	font-weight:normal;
	color:#31346b;
}
span.marqueTexte-italique2{
	font-style:italic;
	font-weight:normal;
}
span.marqueTexte-italique3{
	font-weight:bold;
	font-style:italic;
}
div.Texte-gras1{
	font-weight:bold;
	color: #2636ac;
}
div.Texte-gras2{
	font-weight:bold;
	font-style:italic;
	color: #2636ac;
}
div.Texte-italique1{
	font-style:italic;
	font-weight:normal;
	color:#31346b;
}
div.Texte-italique2{
	font-style:italic;
	font-weight:normal;
}
div.signature{
	text-align:right;
	padding-right: 3em;
	font-style:italic;
	font-size: 87%;
}

/*-----------------------------------------------------------------------------------------*/
.arrondi{
	-webkit-border-radius:0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
	border-radius:0.5em 0.5em 0.5em 0.5em;
}
.arrondiHaut{
	-webkit-border-radius:0.5em 0.5em 0em 0em;
	-moz-border-radius:0.5em 0.5em 0em 0em;
	border-radius:0.5em 0.5em 0em 0em;
}
.arrondiBas{
	-webkit-border-radius:0em 0em 0.5em 0.5em;
	-moz-border-radius:0em 0em 0.5em 0.5em;
	border-radius:0em 0em 0.5em 0.5em;
}

/*------------------------------------*\
 *		Zone Fêtes liturgiques		  *
\*------------------------------------*/
.zoneFetesLiturgiques{
	margin-top:1em;
	border-top:1px solid #0000ff;
	border-bottom:1px solid #0000ff;
	font-size:10pt; 
	text-align:center;
	/* float:left; */
}
.zoneFetesLiturgiques h3{
	font-weight:bold;
}
.zoneFetesLiturgiques p{
	text-align:center;
}
.zoneFetesLiturgiques p.italique{
	text-align:center;
	font-style:italic;
}

/*---------------------------------*\
 *		Zone des Prières		   *
\*---------------------------------*/
.zonePriere{
	margin-bottom: 2em;
}
.zonePriere table{
	border-top: #dfe9f3 1px solid;
	border-right: #3d75ae 2px solid;
	border-bottom: #5C7085 2px solid;
	border-left: #3d75ae 1px dashed;
}
.zonePriere table td{
	font-size: 13px;
	color: #2636ac;
}

/*-------------------------------------*\
 *		Zone Feuille perforée		   *
\*-------------------------------------*/
.perforation{
	background: url('../images/bord_G.gif') repeat-y;
	width: 40px;
}

.style_HR1{
    font-size: 9px;
    border-bottom: 1px solid #22b251;
    padding: 2px;
}

.style_HR2{
    font-size: 9px;  
    border-top: 1px solid #22b251;
    padding: 2px;
}

/*-----------------------------*\
 *		Zone Ephéméride		   *
\*-----------------------------*/
#feuilleEphemeride{
	width:170px;
	height:auto;
	min-height:250px;
	border:1px solid #e72525;
	text-align:center;
	background-color:#ffffff;
	margin:auto;
	margin-top:3em;
	margin-bottom:1.5em;
}
#hautFeuille{
	height:50px;
	font-size:2.5em;
	background-color:#e74e25;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	padding-top: 0.3em;
}
#milieuFeuille{
	font-size:2.5em;
	font-weight:bold;
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	margin-top:0.7em;
	margin-bottom:0.4em;
}
#basFeuille{
	font-size:2.7em;
	background-color:#ffffff;
	color:#000000;
	text-align:center;
}
#leSaint{
	font-size:0.4em;
	text-align:center;
}
#anneeCourante{
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	color:#e72525;
	background-color:#ffffff;
	margin-top:0.4em;
	margin-bottom:0.6em;
}

/*------------------------------*\
 * 	Zone Colonne de droite		* 
\*------------------------------*/
#colonneDroite{
	width:98%;
	margin-top:0.2em;
	margin-left:auto;
	margin-right:auto;
	padding-left:2px; 
	font-size: 11px;
	background-image:url('../images/band_texte01.jpg'); 
	color:#213451;
}
#colonneDroiteTitre{
	font-weight:bolder;
	padding:0px; 
	background-color:#ffcc00; 
	border:0px;
}

/*-------------------------------------------*\
 *		Zone Verticale gauche de la page	 *
\*-------------------------------------------*/
#coinMenuVertic{ 
	float:left;
	max-width: 230px; 
	margin-left: 0.5%; 
	margin-right: 0.5%;
	width: 230px;
}
#CentreGauche{ /* 1ère zone intérieure de la zone verticale gauche */
	width:58%;
	float: left;
}
#CentreDroit{ /* 2ème zone intérieure de la zone verticale gauche */
	width:20%;
	float: right;
	margin-bottom:1em;
}

/*----------------------------------------------------*\
 * 		Zone Affichage du compteur de visite		  *
\*----------------------------------------------------*/
#zoneCompteur{
	float:left;
	width:220px;
	text-align:center;
	margin-bottom:10px;
}

/*-------------------------------*\
 *		Zone de Recherche		 *
\*-------------------------------*/
#resultatRecherche{
	margin-top:2em;
}
#resultatRecherche p{
	text-align: justify;
	border-left: 5px solid #b12929;
	padding: 3px;
	text-indent:0cm;
}

/*---------------------------------------*\
 *		Zone Affichage des menus		 *
\*---------------------------------------*/
#menu{
	float:left;
	width: 220px;
}

#menu h5{ /* Le titre du menu */
	border-right: rgb(150,153,154) 1px solid;
	background: url('../images/menu/haut_menu.png') no-repeat;
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 4px;
	margin: 0px;
	vertical-align: bottom;
	color: #2c485c;
	line-height: 20px;
	text-shadow: 0.08em 0.05em 0.2em white;
	font-size:11pt;
}

#menu h5 img{
	margin-right: 5px;
}
#menu ul{
	padding: 0px;
	list-style-position: inside; 
	list-style-type: none;
	margin-left: 0px;
}
#menu li  a:link{
	color:#8000FF;
	font-weight: bold;
	padding-left: 3px;
	margin-left: 5px;
	text-decoration: none;
	border-left: 4px solid #f6feff;
}
#menu li  a:visited{
	color:#008899;
	font-weight: bold;
	margin-left: 5px;
	text-decoration: none;
	border-left: 4px solid #f6feff;
	padding-left: 3px;
}
#menu li a:hover{
	color:#005a99;
	font-weight: bold;
	padding-left: 3px;
	margin-left: 5px;
	text-decoration: none;
	border-left: 4px solid #d2330e;
	background-color:#ebeca0;
}
#menu li  a:active{
	color:#008899;
	font-weight: bold;
	padding-left: 3px;
	margin-left: 5px;
	text-decoration: none;
	border-left: 4px solid #33d20e;
}
#menu.corpsmenu{
	border: #848686 1px solid;
	padding: 0px;
	margin: 0px 0px 10px;
	background-color: #f4f9fd;
}

/*------------------------------*\
 *		Struture de la Page		*
\*------------------------------*/
#letout{
	width: 1200px;
	margin:auto;
}
#tete{
	background-color: #465556;
	width: 100%;
	padding:0px;
	margin:0px;
}
#sous_tete{
	width: 100%;
	padding:0px;
	margin:0px;
}
#sous_tete ul{
	margin:0px;
}
.sousTete_superieur{
	width:100%;
	padding:0px;
	padding-top:0.4em;
	padding-bottom:0.4em;
}
.sousTete_inferieur{
	width:100%;
	padding:0px;
}
#corps {
	border: #848686 1px solid;
	width: 100%; 
	overflow: auto;
	background-color: #e6f2f8; /* #f4f9fd; */
}
#basdepage{
	width: 100%;
}

/*---------------------------------------*\
 *		Zone affichage des images		 *
\*---------------------------------------*/
#contenant_image{
	border-left: #60efe3 1px solid;
	border-top: #60efe3 1px solid;
	border-right: #396763 1px solid;
	border-bottom: #396763 1px solid;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
	background-color: #cfe0df;
	margin-top: 3em;
}

/*-------------------------------------------------------------------------------------------------*/
td.general{
	font-size:12px;
}

/*-----------------------------------*\
 *		Hyperliens généraux			 *
\*-----------------------------------*/
a:link {
	color:#8000ff;
	text-decoration: none;
	font-weight : bold;
	
}

a:visited {
	color:#008899;
	text-decoration: none;
	font-weight : bold;
	
}

a:hover {
	color:#008899;
	text-decoration: underline;
	font-weight : bold;
	text-shadow: 0.08em 0.05em 0.2em #423838;
}

a:active{
	color:#ffa689;
	text-decoration: none;
	font-weight : bold;
}

.prieres p{
	text-align:left;
	text-indent:0cm;
}

/*---------------------------*\
 *		Balises HTML		 *
\*---------------------------*/
p{
	text-align: justify;
	text-indent: 0.5cm;
}
textarea {
	font-weight: normal; 
	font-size: 12px; 
	color: #0000ff; 
	background-color:#dfffff;
}
input{
	font-weight: bold;
	font-size: 12px;
	color: #0000FF;
	background-color: #dfffff;
}
input.envoie{
	font-weight: bold;
	font-size: 12px;
	color: #0000FF;
	background-color: #dfffff;
	cursor:pointer;
}
h2{
	text-shadow: 0.08em 0.05em 0.15em black;
}
select{
	font-weight: bold;
	font-size: 12px;
	color: #0000ff;
	background-color: #dfffff;
}


.lebasdepage{
	font-size:9pt;
	font-weight:bold;
	color:#f6feff;
	background-color: #cedae1;
	text-align:center;
	padding-bottom:4px;
	width:100%;
}

td.infos{
	font-size:13px;
	color:#358262;
}


.contoureTable{
	border-left:1px solid #76DE00;
	border-top:1px solid #96DE00;
	border-right:1px solid #339900;
	border-bottom:1px solid #336633;
}


.texteformulaire{
	font-weight: bolder;
	font-size: 12px;
	color: #008899;
}

.textenormalB{
	font-weight: normal;
	font-size: 14px;
	color: #0000FF;

}
.textenormal{
	font-weight: normal;
	font-size: 14px;
	color: #003399;
}
.textepetitB{
	font-weight: normal;
	font-size: 12px;
	color: #0000FF;
}

.textepetit{
	font-weight: normal;
	font-size: 12px;
	color: #006699;
}

.textegrand{
	font-size:16px;
	font-weight:bold;
}

.texteParole{
	font-style: italic;
	font-weight: bold;
	font-Size: 12px;
	color:#006699;
}
/*

La propriété de feuille de style text-shadow css accepte quatre valeurs dans l'ordre:
- nombre, suivit de px, em, %... qui spécifie le décalage horizontal de l'ombre.
- nombre, suivit de px, em, %... qui spécifie le décalage vertical de l'ombre.
- nombre, suivit de px, em, %... qui spécifie le rayon du flou, la valeur peut être omise dans ce cas la sa valeur est 0.
- couleur, au format hexadécimal ou rgb (peu être mise premier)
*/
#ombrebleue { 
	text-shadow: 0.06em 0.03em 0.18em blue; 
	font-size: 15pt; 
	color: black; 
}

/*-----------------------------------------------------------------------------------------*/

.style_HR1{
    font-size: 9px;
    border-bottom: 1px solid #22b251;
    padding: 2px;
    }

.style_HR2{
    font-size: 9px;
    border-top: 1px solid #22b251;
    padding: 2px;
    }

.style_note{
	font-size:9pt;
	font-style:italic;
	background-color: #dfe3ed;
}
.style_signature{
	font-size:9pt;
	font-style:italic;
	background-color: inherit;
	text-align:right;
	margin-right:3em;
}

.bicolor1{
	color : #ffffff;
	font-size : small;
	background-color : #83b1e5;
}

.bicolor2{
	color : #ffffff;
	font-size : small;
	background-color : #7ba7d9;
}

.ligne-dessus{
	color : #434731;
	font-size : small;
	background-color : #d1e583;
}

.Niveau1 {
	background:#00decc;
	font-size : small;
	padding: 10px;
	border: 1px solid #80c0ff;
}


.Niveau2 {
	background:#00c9ff;
	font-size : small;
	padding: 10px;
	border: 1px solid #80c0ff;
	}

.Chapo{
	font-size: x-small;
	font-style: italic;
	color:#000000;
	background-color: #b3e0fe;
}

.ZoneInfo {
	font-size : small;
	color : #0000ff;
}

.ZoneInfo2 {
	font-size : x-small;
	color : #0000ff;
}

.ZoneTitreActu{
	font-size: 16px;
	font-weight:bold;
	color: #0000ff;
	background-color: #ffcc00;
}

.letexte{
  font-size: 14px;
  color: #0000ff;
}


.FondAccueil{
	background-color : #4ce3fe;
	padding:8px;
}

.nettoyeur{
	clear:both; 
	visibility:hidden;
}

.Exemple {color:#00deff;background:#0080ff;}
.Exemple2 {color:#0000ff;background:#00ccff;}
.Exemple3 {color:#0000ff;background:#cceecc;}