/* 
	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;
}
#zoneContact{
	width:600px;
	margin:auto;
}
#ombrebleue { 
	text-shadow: 0.08em 0.05em 0.1em blue; 
	font-size: 15pt; 
	color: #c6c9ea; 
}

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{
		
	}
	
}