/* 
	style-pg-spec.css
	Création: 17/12/2007
	Modification: 27/02/2019
	Commentaire: le Style des pages spéciaux 
	Camille FRONTON
*/

* {
	box-sizing: border-box;
}

html,
body {
	background-color: #575c8f;
	margin: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color: #f8feff;
}

#laPage {
	width: 1000px;
	margin: auto;
	color: #0f165a;
	background-color: #d9dae3;
	min-height: 100vh;
}

#zoneContact {
	width: 600px;
	margin: auto;
}

#ombrebleue {
	text-shadow: 0.08em 0.05em 0.1em blue;
	font-size: 15pt;
	color: #c6c9ea;
}

a {
	text-decoration: none;
}

a:link {
	font-size: 12px;
	color: #e3d6f8;
	text-decoration: none;
}

a:visited {
	font-size: 12px;
	color: #434d6f;
	text-decoration: none;
}

a:hover {
	font-size: 12px;
	color: #c02ce5;
	text-decoration: underline;
}

a:active {
	font-size: 12px;
	color: #5645ef;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------------------*/
p {
	text-align: justify;
	text-indent: 0.5cm;
}

h1 {
	color: #adc8ef;
	text-shadow: 2px 2px 4px #000000;
	padding-top: 3px;
	font-size: 2em;
}

h2 {
	color: white;
	text-shadow: 2px 2px 4px #000000;
	padding-top: 3px
}

h3 {
	color: #0b3472;
	/* #adc8ef; */
	text-shadow: 2px 2px 4px #5b85c3;
	padding-top: 3px
}

/*------------- Les menus verticaux et horizontaux ----------------------------------*/
.naviVertical {
	font-size: 8pt;
	color: inherit;
}

.naviVertical h1 {
	border-top: #ccc 1px solid;
	padding-left: 12px;
	font-size: 1.1em;
	background-image: url('/contenu/images/naviVertih1.gif') #afb1cc repeat-x;
	margin: 0px;
	color: #4a4a44;
	border-bottom: #999 1px solid;
	height: 22px;
}

.naviVertical h1.SemSainte {
	border-top: #4200ff 1px solid;
	padding: 0.5em;
	text-shadow: 1px 1px 3px #4200ff;
	font-size: 115%;
	color: white;
	text-align: center;
	height: 30px;
}

.naviVertical ul {
	padding: 0px;
	margin: 0px;
	line-height: auto;
}

.naviVertical li {
	border-top: #cccedd 1px solid;
	border-bottom: #888caa 1px solid;
	list-style-type: none;
}

.naviVertical li a {
	padding-left: 12px;
	padding-right: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	background-color: #afb1cc;
	color: #444b55;
	text-decoration: none;
}

.naviVertical li a:link,
.naviVertical li a:visited {
	font-size: 12px;
	color: #434d6f;
	text-decoration: none;
}

.naviVertical li a:hover {
	background-color: #d2d6ea;
	color: #353647;
	font-weight: bold;
	text-decoration: none;
	box-shadow: inset 2px 2px 0.5em gray;
	-webkit-box-shadow: inset 2px 2px 0.5em gray;
	-moz-box-shadow: inset 2px 2px 0.5em gray;
}

.naviVertical li a:active {
	font-size: 12px;
	color: #434d6f;
	text-decoration: none;
}

.naviHorizontal {
	background-color: #afb1cc;
	width: 100%;
}

.naviHorizontal ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.naviHorizontal li {
	display: inline-block;
	padding: 4px;
	background-color: #afb1cc;
	margin-left: 0.3em;
	font-size: 87%;
}

.naviHorizontal li a {
	display: block;
	padding: 5px;
	color: #f1f1f1;
	font-weight: bold;
	font-size: 87%;
	text-decoration: none;
}

.naviHorizontal li a:link {
	border-radius: 0px 6px 0px 6px;
	-webkit-border-radius: 0px 6px 0px 6px;
	-moz-border-radius: 0px 6px 0px 6px;
	box-shadow: 2px 2px 0.5em gray;
	-webkit-box-shadow: 2px 2px 0.5em gray;
	-moz-box-shadow: 2px 2px 0.5em gray;
}

.naviHorizontal li a:visited {}

.naviHorizontal li a:hover {
	color: #5b6a5f;
	background-color: #c1e1c9;
	border-radius: 0px 6px 0px 6px;
	-webkit-border-radius: 0px 6px 0px 6px;
	-moz-border-radius: 0px 6px 0px 6px;
	box-shadow: inset 2px 2px 0.5em gray;
	-webkit-box-shadow: inset 2px 2px 0.5em gray;
	-moz-box-shadow: inset 2px 2px 0.5em gray;
}

.naviHorizontal li a:active {}

/*------------- Zone englobant l'affichage des pages à côté du menu vertical -------------*/
.zoneContenant {
	width: 83%;
	border: 0px;
	float: right;
}

/*------------- Les pages affichant les Fêtes liturgiques ---------------------------------*/
.zoneFetesLiturg {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	color: #2636ac;
}

.pageFetesLiturg {
	padding: 0.6em;
	border-left: 1px dashed #5b6a5f;
	border-right: 1px dashed #5b6a5f;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	background-color: #dfe1f3;
}

/*------------- Les pages affichant les Sacrements -----------------------------------------*/
.zoneSacrements {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	color: #2636ac;
}

.pageSacrements {
	padding: 0.6em;
	border-left: 1px dashed #5b6a5f;
	border-right: 1px dashed #5b6a5f;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	background-color: #dfe1f3;
}

/*------------- Les pages affichant les Saints --------------------------------------------*/
.zoneSaints {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	color: #2636ac;
}

.pageSaints {
	padding: 0.6em;
	border-left: 1px dashed #5b6a5f;
	border-right: 1px dashed #5b6a5f;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	background-color: #dfe1f3;
}

/*------------- Les pages affichant les Meditations --------------------------------------------*/
.zoneMeditations {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	color: #2636ac;
}

.pageMeditations {
	padding: 0.6em;
	border-left: 1px dashed #5b6a5f;
	border-right: 1px dashed #5b6a5f;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	background-color: #dfe1f3;
}

/*------------- Les pages affichant les Prières --------------------------------------------*/
.zoneDesPrieres {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	color: #2636ac;
}

.pageDesPrieres {
	padding: 0.6em;
	border-left: 1px dashed #5b6a5f;
	border-right: 1px dashed #5b6a5f;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	background-color: #dfe1f3;
}

/*------------- Le Carême ----------------------------------*/
.zoneCareme {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	color: #2636ac;
}

.pageCareme {
	padding: 0.6em;
	border-left: 1px dashed #5b6a5f;
	border-right: 1px dashed #5b6a5f;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	background-color: #dfe1f3;
}

/*--------------- Les visiteurs ---------------------------*/
.zoneVisites {
	margin-top: 0.8em;
	background-color: #c6c9ea;
	text-align: center;
	padding: 0.4em;
	box-shadow: inset 2px 2px 0.5em gray;
	-webkit-box-shadow: inset 2px 2px 0.5em gray;
	-moz-box-shadow: inset 2px 2px 0.5em gray;
}

/*-----------------------------------------------------------------------------------------*/
.videos-Messages {
	width: 100%;
	border-top: 1px dashed #5b6a5f;
	border-bottom: 1px dashed #5b6a5f;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	color: #18766c;
	background-color: #dff3f1;
	padding: 0.36em;
}

/*------------- Mise en forme spéciale --------------------------------------------------*/
.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;
}

/*------- Pour créer une feuille de papier perforée ---------------------------------------*/
.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;
}

.perforation {
	background: url('/contenu/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;
}

.ladate {
	font-size: 11px;
	font-weight: bold;
	color: #f6feff;
	background-color: #cdd4d4;
}

.pageactive {
	font-size: 14px;
	font-weight: bold;
}

.textepetit {
	font-size: 13px;
	color: #2636ac;
}

.textepetitMan {
	font-size: 16px;
	color: #1626ad;
}

/*--------------------------------------------------------------------------------------------*/
#le_total {
	width: 1000px;
	margin: auto;
}

#img_logo {
	height: 70px;
	background-color: #9295f6;
	background-image: url('/contenu/images/logo_spec.png');
}

#img_logo1 {
	height: 66px;
	background-color: #9295f6;
	background-image: url('/contenu/images/deslouanges_logo.jpg');
	background-repeat: no-repeat;

}

#img_logosuite {
	height: 66px;
	background-image: url('/contenu/images/deslouanges_logo2.jpg');
	background-repeat: no-repeat;

}

#img_logo2 {
	height: 66px;
	background-color: #9295f6;
	background-image: url('/contenu/images/wilki-ffk.jpg');
	background-repeat: no-repeat;

}

#la_date {
	height: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #3343fe;
	background-color: #cdd4d4;
	padding-left: 10px;
	background-image: url('/contenu/images/bas-page.gif');
}

#le_titre {
	height: 25px;
	background-color: #878bb3;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-shadow: 0.08em 0.05em 0.1em #c0c4ec;
}

#le_soustitre {
	height: 50px;
	background-color: #b6bcdc;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
}

#contenu {
	height: 900px;
	width: 100%;
	color: #434343;
	background-color: #d4d8ec;
	border-top: #cccedd 1px solid;
	border-bottom: #888caa 1px solid;
	overflow: auto;
}

#gauche {
	height: 700px;
	width: 150px;
	background-color: #afb1cc;
	border-top: #cccedd 1px solid;
	border-right: #888caa 1px solid;
	border-bottom: #888caa 1px solid;
	float: left;
}

#le_bas {
	height: 15px;
	width: 1000px;
	background-color: #659533;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #3343fe;
	background-image: url('/contenu/images/bas-page.gif');
}

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

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

/*--------------------------------------------------------------------------------------------*/
/*  Responsive */
/*--------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
	body {
		width: auto;
	}

	#le_total {
		width: auto;
	}

	#img_logo {
		height: 60px;
		background-color: #9295f6;
		background-image: url('/contenu/images/logo_infos2.jpg')
	}

	#le_titre {}

	#le_soustitre {}

	#contenu {
		height: auto;
		width: 100%;
		color: #434343;
		background-color: #d4d8ec;
		border-top: #cccedd 1px solid;
		border-bottom: #888caa 1px solid;
		overflow: auto;
	}

	#gauche {
		height: auto;
		width: 100%;
		background-color: #afb1cc;
		border-top: #cccedd 1px solid;
		border-right: #888caa 1px solid;
		border-bottom: #888caa 1px solid;
	}

	#le_bas {
		height: 15px;
		width: auto;
		background-color: #659533;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		color: #3343fe;
		background-image: url('/contenu/images/bas-page.gif');
	}

	.naviVertical {
		font-size: 8pt;
		color: inherit;
		background-color: #7a7b91;
	}

	.naviVertical h1 {
		border-top: #ccc 1px solid;
		padding-left: 12px;
		font-size: 1.1em;
		background-image: url('/contenu/images/naviVertih1.gif') #afb1cc repeat-x;
		margin: 0px;
		color: #4a4a44;
		border-bottom: #999 1px solid;
		height: 18px;
	}

	.naviVertical h1.SemSainte {
		border-top: #4200ff 1px solid;
		padding: 0.5em;
		text-shadow: 1px 1px 3px #4200ff;
		font-size: 115%;
		color: white;
		text-align: center;
		height: 30px;
	}

	.naviVertical ul {
		padding: 0px;
		margin: 0px;
		line-height: auto;
	}

	.naviVertical li {
		border-top: #cccedd 1px solid;
		border-bottom: #888caa 1px solid;
		border-left: #888caa 3px solid;
		border-right: #cccedd 1px solid;
		list-style-type: none;
		display: inline-block;
		margin-left: 0.4em;
	}

	.naviVertical li a {
		padding-left: 6px;
		padding-right: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		display: block;
		background-color: #afb1cc;
		color: #444b55;
		text-decoration: none;
	}

	.naviVertical li a:link,
	.naviVertical li a:visited {
		font-size: 12px;
		color: #434d6f;
		text-decoration: none;
	}

	.naviVertical li a:hover {
		background-color: #d2d6ea;
		color: #353647;
		font-weight: bold;
		text-decoration: none;
		box-shadow: inset 2px 2px 0.5em gray;
		-webkit-box-shadow: inset 2px 2px 0.5em gray;
		-moz-box-shadow: inset 2px 2px 0.5em gray;
	}

	.naviVertical li a:active {
		font-size: 12px;
		color: #434d6f;
		text-decoration: none;
	}

	.naviHorizontal {
		background-color: #afb1cc;
		width: 100%;
	}

	.naviHorizontal ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	.naviHorizontal li {
		display: inline-block;
		padding: 4px;
		background-color: #afb1cc;
		margin-left: 0.3em;
		font-size: 87%;
	}

	.naviHorizontal li a {
		display: block;
		padding: 5px;
		color: #f1f1f1;
		font-weight: bold;
		font-size: 87%;
		text-decoration: none;
	}

	.naviHorizontal li a:link {}

	.naviHorizontal li a:visited {}

	.naviHorizontal li a:hover {
		color: #5b6a5f;
		background-color: #c1e1c9;
		border-radius: 0px 6px 0px 6px;
		-webkit-border-radius: 0px 6px 0px 6px;
		-moz-border-radius: 0px 6px 0px 6px;
		box-shadow: inset 2px 2px 0.5em gray;
		-webkit-box-shadow: inset 2px 2px 0.5em gray;
		-moz-box-shadow: inset 2px 2px 0.5em gray;
	}

	.naviHorizontal li a:active {}

	.zoneContenant {
		width: 100%;
		border: 0px;
	}

	.zoneSacrements {
		width: 97%;
		font-size: 13px;
		color: #2636ac;
		margin-left: auto;
		margin-right: auto;
	}

	.zoneFetesLiturg {
		width: 97%;
		font-size: 13px;
		color: #2636ac;
		margin-left: auto;
		margin-right: auto;
	}

	.zonePriere {}

}

@media only screen and (min-width: 600px) {
	body {
		width: auto;
	}

	#le_total {
		width: auto;
	}

	#img_logo {
		height: 60px;
		background-color: #9295f6;
		background-image: url('/contenu/images/logo_spec.png')
	}

	#le_titre {}

	#le_soustitre {}

	#contenu {
		height: auto;
		width: 100%;
		color: #434343;
		background-color: #d4d8ec;
		border-top: #cccedd 1px solid;
		border-bottom: #888caa 1px solid;
		overflow: auto;
	}

	#gauche {
		height: auto;
		width: 100%;
		background-color: #afb1cc;
		border-top: #cccedd 1px solid;
		border-right: #888caa 1px solid;
		border-bottom: #888caa 1px solid;
	}

	#le_bas {
		height: 15px;
		width: auto;
		background-color: #659533;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		color: #3343fe;
		background-image: url('/contenu/images/bas-page.gif');
	}

	.naviVertical {
		font-size: 8pt;
		color: inherit;
		background-color: #7a7b91;
	}

	.naviVertical h1 {
		border-top: #ccc 1px solid;
		padding-left: 12px;
		font-size: 1.1em;
		background-image: url('/contenu/images/naviVertih1.gif') #afb1cc repeat-x;
		margin: 0px;
		color: #4a4a44;
		border-bottom: #999 1px solid;
		height: 18px;
	}

	.naviVertical h1.SemSainte {
		border-top: #4200ff 1px solid;
		padding: 0.5em;
		text-shadow: 1px 1px 3px #4200ff;
		font-size: 115%;
		color: white;
		text-align: center;
		height: 30px;
	}

	.naviVertical ul {
		padding: 0px;
		margin: 0px;
		line-height: auto;
	}

	.naviVertical li {
		border-top: #cccedd 1px solid;
		border-bottom: #888caa 1px solid;
		list-style-type: none;
	}

	.naviVertical li a {
		padding-left: 12px;
		padding-right: 4px;
		padding-top: 8px;
		padding-bottom: 8px;
		display: block;
		background-color: #afb1cc;
		color: #444b55;
		text-decoration: none;
	}

	.naviVertical li a:link,
	.naviVertical li a:visited {
		font-size: 12px;
		color: #434d6f;
		text-decoration: none;
	}

	.naviVertical li a:hover {
		background-color: #d2d6ea;
		color: #353647;
		font-weight: bold;
		text-decoration: none;
		box-shadow: inset 2px 2px 0.5em gray;
		-webkit-box-shadow: inset 2px 2px 0.5em gray;
		-moz-box-shadow: inset 2px 2px 0.5em gray;
	}

	.naviVertical li a:active {
		font-size: 12px;
		color: #434d6f;
		text-decoration: none;
	}

	.naviHorizontal {
		background-color: #afb1cc;
		width: 100%;
	}

	.naviHorizontal ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	.naviHorizontal li {
		display: inline-block;
		padding: 4px;
		background-color: #afb1cc;
		margin-left: 0.3em;
		font-size: 87%;
	}

	.naviHorizontal li a {
		display: block;
		padding: 5px;
		color: #f1f1f1;
		font-weight: bold;
		font-size: 87%;
		text-decoration: none;
	}

	.naviHorizontal li a:link {}

	.naviHorizontal li a:visited {}

	.naviHorizontal li a:hover {
		color: #5b6a5f;
		background-color: #c1e1c9;
		border-radius: 0px 6px 0px 6px;
		-webkit-border-radius: 0px 6px 0px 6px;
		-moz-border-radius: 0px 6px 0px 6px;
		box-shadow: inset 2px 2px 0.5em gray;
		-webkit-box-shadow: inset 2px 2px 0.5em gray;
		-moz-box-shadow: inset 2px 2px 0.5em gray;
	}

	.naviHorizontal li a:active {}

	.zoneContenant {
		width: 100%;
		border: 0px;
	}

	.zoneSacrements {
		width: 97%;
		font-size: 13px;
		color: #2636ac;
		margin-left: auto;
		margin-right: auto;
	}

	.zoneFetesLiturg {
		width: 97%;
		font-size: 13px;
		color: #2636ac;
		margin-left: auto;
		margin-right: auto;
	}

	.zonePriere {}


}

/* (min-width:1100px)  */
@media only screen and (max-width: 992px) and (min-width: 600px),
(orientation: landscape) {
	body {
		width: auto;
	}

	#le_total {
		width: 1000px;
		margin: auto;
	}

	#img_logo {
		height: 70px;
		background-color: #9295f6;
		background-image: url('/contenu/images/logo_spec.png')
	}

	#le_titre {}

	#le_soustitre {}

	#contenu {
		height: 900px;
		width: 100%;
		color: #434343;
		background-color: #d4d8ec;
		border-top: #cccedd 1px solid;
		border-bottom: #888caa 1px solid;
		overflow: auto;
	}

	#gauche {
		height: 700px;
		width: 150px;
		background-color: #afb1cc;
		border-top: #cccedd 1px solid;
		border-right: #888caa 1px solid;
		border-bottom: #888caa 1px solid;
	}

	#le_bas {
		height: 15px;
		width: auto;
		background-color: #659533;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		color: #3343fe;
		background-image: url('/contenu/images/bas-page.gif');
	}

	.naviVertical {
		font-size: 8pt;
		color: inherit;
		background-color: #afb1cc;
	}

	.naviVertical h1 {
		border-top: #ccc 1px solid;
		padding-left: 12px;
		font-size: 1.1em;
		background-image: url('/contenu/images/naviVertih1.gif') #afb1cc repeat-x;
		margin: 0px;
		color: #4a4a44;
		border-bottom: #999 1px solid;
		height: 18px;
	}

	.naviVertical h1.SemSainte {
		border-top: #4200ff 1px solid;
		padding: 0.5em;
		text-shadow: 1px 1px 3px #4200ff;
		font-size: 115%;
		color: white;
		text-align: center;
		height: 30px;
	}

	.naviVertical ul {
		padding: 0px;
		margin: 0px;
		line-height: auto;
	}

	.naviVertical li {
		border-top: #cccedd 1px solid;
		border-bottom: #888caa 1px solid;
		/*border-left: #888caa 3px solid;
		border-right: #cccedd 1px solid;*/
		list-style-type: none;
		margin-left: 0.4em;
	}

	.naviVertical li a {
		padding-left: 6px;
		padding-right: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		display: block;
		background-color: #afb1cc;
		color: #444b55;
		text-decoration: none;
	}

	.naviVertical li a:link,
	.naviVertical li a:visited {
		font-size: 12px;
		color: #434d6f;
		text-decoration: none;
	}

	.naviVertical li a:hover {
		background-color: #d2d6ea;
		color: #353647;
		font-weight: bold;
		text-decoration: none;
		box-shadow: inset 2px 2px 0.5em gray;
		-webkit-box-shadow: inset 2px 2px 0.5em gray;
		-moz-box-shadow: inset 2px 2px 0.5em gray;
	}

	.naviVertical li a:active {
		font-size: 12px;
		color: #434d6f;
		text-decoration: none;
	}

	.naviHorizontal {
		background-color: #afb1cc;
		width: 100%;
	}

	.naviHorizontal ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	.naviHorizontal li {
		display: inline-block;
		padding: 4px;
		background-color: #afb1cc;
		margin-left: 0.3em;
		font-size: 87%;
	}

	.naviHorizontal li a {
		display: block;
		padding: 5px;
		color: #f1f1f1;
		font-weight: bold;
		font-size: 87%;
		text-decoration: none;
	}

	.naviHorizontal li a:link {}

	.naviHorizontal li a:visited {}

	.naviHorizontal li a:hover {
		color: #5b6a5f;
		background-color: #c1e1c9;
		border-radius: 0px 6px 0px 6px;
		-webkit-border-radius: 0px 6px 0px 6px;
		-moz-border-radius: 0px 6px 0px 6px;
		box-shadow: inset 2px 2px 0.5em gray;
		-webkit-box-shadow: inset 2px 2px 0.5em gray;
		-moz-box-shadow: inset 2px 2px 0.5em gray;
	}

	.naviHorizontal li a:active {}

	.zoneContenant {
		width: 83%;
		border: 0px;
		float: right;
	}

	.zoneSacrements {
		width: 97%;
		font-size: 13px;
		color: #2636ac;
		margin-left: auto;
		margin-right: auto;
	}

	.zoneFetesLiturg {
		width: 97%;
		font-size: 13px;
		color: #2636ac;
		margin-left: auto;
		margin-right: auto;
	}

	.zonePriere {}

}

/*
	style-glissiere.css
	Création: 22/02/2019
	Modification: 26/02/2019
	Camille FRONTON
*/



/*---------------------------------------------------------------*/
.cadreDiapo {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 522px;
	box-shadow: 1px 1px 20px #888;
}

.zoneDiaporama {
	width: 400px;
	height: 520px;
	margin: 0 auto;
	padding: 0.5em;
}

.zoneDiaporama ul#diaporama {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	max-height: 380px;
}

.zoneDiaporama ul#diaporama li div.messageDiapo {
	width: 350px;
	height: 400px;
	margin: 46px auto 47px auto;
	background-color: #8990ff;
	color: white;
}

.zoneDiaporama ul#diaporama li div.messageDiapo h2 {
	font-size: 120%;
	text-align: center;
}

.zoneDiaporama ul#diaporama li.lesImages {
	padding: 0;
	margin: 0;
}

.zoneDiaporama ul#diaporama li.lesImages .legende {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	padding: 20px;
	margin: 0;
	border-top: 1px solid rgb(225, 225, 225);
	text-align: center;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	font-family: Georgia, Times, serif;
	background: #fff;
	background: rgba(255, 255, 255, 0.62);
	color: #322e2e;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.5);
}

.zoneDiaporama ul#diaporama li.lesImages .legende {
	/* ... la propriété animation */
	animation: figcaptionner 10s infinite;
}

/* animation du bandeau */
@keyframes figcaptionner {

	0%,
	56%,
	72%,
	100% {
		bottom: -55px;
	}

	8%,
	48%,
	88%,
	95% {
		bottom: 5px;
	}
}

@-webkit-keyframes figcaptionner {

	0%,
	56%,
	72%,
	100% {
		bottom: -55px;
	}

	8%,
	48%,
	88%,
	95% {
		bottom: 5px;
	}
}

@-moz-keyframes figcaptionner {

	0%,
	56%,
	72%,
	100% {
		bottom: -55px;
	}

	8%,
	48%,
	88%,
	95% {
		bottom: 5px;
	}
}

/*---------------------------------------------------------------*/
.glissiere {
	width: 400px;
	overflow: hidden;
	margin: 30px auto;
}

.glissade {
	width: calc(400px * 7);
	animation: laGlissiere 15s infinite;
}

.glisseImages {
	float: left;
}

@keyframes laGlissiere {
	0% {
		transform: translateX(0);
	}

	10% {
		transform: translateX(0);
	}

	14% {
		transform: translateX(-400px);
	}

	24% {
		transform: translateX(-400px);
	}

	28% {
		transform: translateX(-800px);
	}

	38% {
		transform: translateX(-800px);
	}

	42% {
		transform: translateX(-1200px);
	}

	52% {
		transform: translateX(-1200px);
	}

	56% {
		transform: translateX(-1600px);
	}

	66% {
		transform: translateX(-1600px);
	}

	70% {
		transform: translateX(-2000px);
	}

	80% {
		transform: translateX(-2000px);
	}

	84% {
		transform: translateX(-2400px);
	}

	94% {
		transform: translateX(-2400px);
	}

	100% {
		transform: translateX(0);
	}
}

@-webkit-keyframes laGlissiere {
	0% {
		transform: translateX(0);
	}

	10% {
		transform: translateX(0);
	}

	14% {
		transform: translateX(-400px);
	}

	24% {
		transform: translateX(-400px);
	}

	28% {
		transform: translateX(-800px);
	}

	38% {
		transform: translateX(-800px);
	}

	42% {
		transform: translateX(-1200px);
	}

	52% {
		transform: translateX(-1200px);
	}

	56% {
		transform: translateX(-1600px);
	}

	66% {
		transform: translateX(-1600px);
	}

	70% {
		transform: translateX(-2000px);
	}

	80% {
		transform: translateX(-2000px);
	}

	84% {
		transform: translateX(-2400px);
	}

	94% {
		transform: translateX(-2400px);
	}

	100% {
		transform: translateX(0);
	}
}

@-moz-keyframes laGlissiere {
	0% {
		transform: translateX(0);
	}

	10% {
		transform: translateX(0);
	}

	14% {
		transform: translateX(-400px);
	}

	24% {
		transform: translateX(-400px);
	}

	28% {
		transform: translateX(-800px);
	}

	38% {
		transform: translateX(-800px);
	}

	42% {
		transform: translateX(-1200px);
	}

	52% {
		transform: translateX(-1200px);
	}

	56% {
		transform: translateX(-1600px);
	}

	66% {
		transform: translateX(-1600px);
	}

	70% {
		transform: translateX(-2000px);
	}

	80% {
		transform: translateX(-2000px);
	}

	84% {
		transform: translateX(-2400px);
	}

	94% {
		transform: translateX(-2400px);
	}

	100% {
		transform: translateX(0);
	}
}

/* Style de Pri�res 
   25/10/2007 
*/

body {

	SCROLLBAR-FACE-COLOR: #A99B64;
	SCROLLBAR-HIGHLIGHT-COLOR: #00B6FF;
	SCROLLBAR-SHADOW-COLOR: #f6fefe;
	SCROLLBAR-3DLIGHT-COLOR: #f6fefe;
	SCROLLBAR-ARROW-COLOR: #AFEEEE;
	SCROLLBAR-TRACK-COLOR: #ECFBFF;
	SCROLLBAR-DARKSHADOW-COLOR: #00ffff;


	font-family: Arial;
	font-size: 12px;
	background-color: #A99B64;
	color: #D9F7E8;
}

a:link {
	color: #00ACFF;
	background-color: #EDEDED;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #999999;
	background-color: #EDEDED;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #0000FF;
	background-color: #EDEDED;
	text-decoration: none;
	font-weight: bold;
}

.textepetit {

	font-size: 11px;
}

.basdepage {
	font-family: "Arial";
	font-size: 9px;
	font-weight: bold;
	color: #465E5F;
	background-color: #CDD4D4;
}

.ladate {
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #F6FEFF;
	background-color: #CDD4D4;
}

table.bordure {
	border: 1px solid #006699;
	padding: 1px;
}

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

.bicolor1 {
	color: #00FFFF;
	font-family: "Arial, Verdana";
	font-size: 12px;
	background-color: #0076FF;
}

.bicolor2 {
	color: #00FFFF;
	font-family: "Arial, Verdana";
	font-size: 12px;
	background-color: #0096FF;
}

.ligne-dessus {
	color: #00FFFF;
	font-family: "Arial";
	font-size: 12px;
	background-color: #CC8800;
}

.fond-calque1 {
	font-family: "Arial";
	font-size: 12px;
	background-color: #999933;
}

/*
	mes_infos.css
	Création: 25/06/2009
	Modification: 25/02/2019
	Camille FRONTON
*/

html,
body {
	background-color: #8abfdb;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
}

#leCorps {
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#laTete {
	width: 100%;
	height: 60px;
	background-image: url("/contenu/images/logo_infos.jpg");
	background-repeat: no-repeat;
}

#laDate {
	width: 100%;
	height: 20px;
	background-color: #cdd4d4;
	border-right: 1px solid #236498;
}

#Conteneur {
	width: 100%;
	height: 850px;
	border: 1px solid #236498;
	overflow: auto;
	/* */
}

#leBas {
	width: 100%;
	height: 30px;
}

.zoneGauche {
	width: 27%;
	padding: 0.8em;
	float: left;
}

.zoneDroite {
	width: 67%;
	padding: 0.8em;
	float: right;
}

.zoneListe {
	width: 100%;
}

.zoneListe ul {
	list-style-type: none;
}

.zoneListe li {
	display: block;
}


.textepetit {
	font-size: 10pt;
	color: #d8e9f1;
}

.leTitre {
	font-size: 11pt;
	color: #d8e9f1;
}

.textemoyen {
	font-size: 12px;
	color: #f6faf3;
}

.bordure2 {
	background-color: #2c769d;
	border: 1px solid #CC9900;
	padding: 4px;
}

.basdepage {
	font-size: 9px;
	font-weight: bold;
	color: #ffcc33;
	background-color: #333366;
}

.ladate {
	font-size: 11px;
	font-weight: bold;
	color: #cc6600;
	background-color: #cdd4d4;
}

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

form {
	font-size: 1em
}

h2 {
	color: #CCCCCC
}

h3 {
	color: #CCCCCC
}

h4 {
	color: #000000
}

input {
	width: 80%;
	font-size: 11px;
	color: #0000ff;
	background-color: #ecfbff;
	border: 1px solid #006699;
	padding: 1px;
	display: block;
	cursor: pointer;
}

input.valide {
	width: auto;
	font-size: 12px;
	font-weight: bold;
	color: #0000ff;
	background-color: #ecfbff;
	cursor: pointer;
}

input.annule {
	width: auto;
}

textarea {
	font-size: 12px;
	color: #0000ff;
	background-color: #ecfbff;
}

li {
	font-size: 1em;
}

ol {
	font-size: 1em;
	list-style-type: decimal;
	list-style-position: outside
}

select {
	font-size: 1em;
}

table {
	color: #ffffff;
}

table.bordure {
	border: 1px solid #006699;
	padding: 1px;
}

td,
th {
	font-size: 1em
}

ul {
	font-size: 1em;
	list-style-type: square;
	list-style-position: outside
}

.BulletBackgroundColor {
	color: #ffffff;
}

.DataColor {
	color: #DEDECA
}

.footer {
	font-size: .75em;
	color: #999999
}

.FormBackgroundColor {
	color: #CCCCCC
}

.ImageTitleColor {
	color: #CCCCCC
}

.LabelColor {
	color: #CCCCCC
}

.ListColorEven {
	color: #CCCCCC
}

.ListFooterColor {
	color: #333333
}

.ListHeaderColor {
	color: #333333
}

.ListColorOdd {
	color: #DEDECA
}

.ListTitleColor {
	color: #CCCCCC
}

.NavigationBackgroundColor {
	color: #666666
}

.NavigationColor {
	color: #CCCCCC
}

.NewsDataColor {
	color: #DEDECA
}

.StoryTitle {
	color: #000000;
	font-weight: bold
}

.StoryContentColor {
	color: #000000
}

.TitleColor {
	color: #000000
}

body.sub {
	margin: 0.1em;

}

tr.ListHeaderColor th {
	text-align: left;
}

.small {
	font-size: 85%;
}

/* ============ Reprise d'affichage MVC ============ */
.zoneContenant {
	color: #1c2033;
}

.zoneContenant p,
.zoneContenant td,
.zoneContenant li {
	color: #1c2033;
}

.menuRubrique {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .35em .5em;
}

.menuRubrique li {
	margin: 0;
}

.menuRubrique li a {
	display: block;
	background: #e8edff;
	border: 1px solid #7f8fc9;
	border-radius: 5px;
	padding: .35em .8em;
	text-decoration: none;
	color: #234;
}

.menuRubrique li a:hover {
	background: #c8d4f5;
}

.menuRubrique li.actif a {
	background: #3457a0;
	color: #fff;
	border-color: #3457a0;
}

.zoneVisites {
	margin-top: 1.2em;
	text-align: center;
}

.cartoucheJour {
	margin-top: 1em;
	padding: .5em;
	text-align: center;
	border-radius: 6px;
	font-size: 9pt;
	background: #f5e8c8;
	border: 1px solid #d8c080;
	color: #5a4a10;
}

.naviVertical h1.SemSainte {
	font-size: 11pt;
	margin: 1em 0 .3em;
	color: #7a1f3d;
	text-align: center;
}

/* ============ Légendes du diaporama ============ */
.diapo {
	margin: 0;
	padding: 0;
	list-style: none;
}

.diapo li.lesImages img {
	width: 100%;
	height: auto;
	display: block;
}

.diapo li.lesImages {
	position: relative;
}

.diapo .legende {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	background: rgba(30, 30, 60, .62);
	color: #fff;
	padding: .45em .9em;
	font-size: 11pt;
	font-style: italic;
	text-align: center;
}

.diapo .messageDiapo {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 4px #000;
}

.diapo .messageDiapo h2 {
	font-size: 26pt;
	margin: 0;
}

.diapo .messageDiapo p {
	font-size: 14pt;
	margin: .3em;
}

/* ============ Diaporama : états initiaux (évite le flash) ============ */
#diaporama {
	position: relative;
	display: block;
	height: 520px;
	overflow: hidden;
}

#diaporama li.lesImages {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity 1.2s ease;
}

#diaporama li.lesImages:first-child {
	opacity: 1;
}

/* ============ Diaporama : aligner le bas du slide sur le cadre ============ */
#diaporama li.lesImages {
	height: 100%;
}

#diaporama li.lesImages img {
	height: 100%;
	object-fit: cover;
}
/* ============ Pied de page collé en bas d'écran ============ */
html{ height:100%; }
body{ min-height:100vh; display:flex; flex-direction:column; margin:0; }
#le_total{ flex:1; display:flex; flex-direction:column; }
#contenu{ flex:1; }
#le_bas{ margin-top:auto; }