@font-face
{
	font-family: 'Lucida';
	src: url('div/Lucida.ttf');
}

@font-face
{
	font-family: 'Constantia';
	src: url('div/Constantia.ttf');
}

.tabulation
{
	padding-left: 30px;
}

i
{
	font-style: italic;
}

body
{
	margin: 0px;

 	background: rgb(175,140,10);
	background: linear-gradient(90deg, rgba(175,140,10,1) 0%, rgba(188,158,49,1) 10%, rgba(255,255,255,1) 50%, rgba(188,158,49,1) 90%, rgba(175,140,10,1) 100%); 
}

header
{
	z-index: 10;

	
	border-bottom: 8px #9c0404 solid;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 4px 20px 6px #0000003d;
}

nav
{
	position: sticky;
	top: 0px;
	z-index: 10;

	display: flex;
	justify-content: space-around;

	margin: 0px 100px;

	background-color: #9c0404;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 4px 6px 4px #00000033;
}

nav a
{
	color: black;
	text-decoration: none;
}

nav h2
{
	font-family: 'Lucida';
	font-size: 1.55em;

	transition: 0.35s;
}

nav h2:hover
{
	transform: scale(1.09);
	color: white;
}

#formLogIn
{
	box-shadow: 5px 5px 19px 5px #00000038;
	border-left: 20px #9c0404 solid;
	border-right: 3px #9c0404 solid;
	border-radius: 4px;	

	background-color: white;

	padding: 10px;
	margin: 50px 150px;
}

#formLogIn input
{
	display: block;
	margin: 18px;
	
	box-shadow: 1px 1px 20px 0px #00000026;
}

input[type=submit]
{
	display: block;	

	background-color: #ba1a1a;
	border: none;
	border-radius: 4px;
	box-shadow: 1px 1px 12px 7px #00000028;
	padding: 5px;
	margin: 15px;
	
	font-size: 1.3em;

	transition: 0.2s;
}

input[type=submit]:hover
{	
	box-shadow: 2px 2px 14px 8px #00000028;
	transform: scale(1.05);
}

input[type=submit]:active
{
	box-shadow: 1px 1px 6px 4px #00000028;
	transform: scale(0.95);
}


article
{
	margin: 15px 75px;
	padding: 20px;
	max-width: 350px;
	
	box-shadow: 5px 5px 19Px 5px #00000038;
	border-left: 20px #9c0404 solid;
	border-right: 3px #9c0404 solid;
	border-radius: 4px;
 	background: white;

	display: inline-block;
}

article > h1, #formLogIn h1
{
	text-decoration: underline;
	text-align: center;
	
	font-family: "Lucida";
	font-size: 1.9em;
	font-weight: bold;
	color: #50200e;
	
	margin: 18px 10px;
}

article h2
{
	text-decoration: underline;
	text-align: center;

	font-family: "Lucida";
	font-size: 1.8em;
	font-weight: normal;
	color: #662b14;
	
	margin: 15px 10px;
}

article h3, #formLogIn h3
{
	text-decoration: underline dotted;
	font-family: 'Constantia';
	font-size: 1.3em;
	color: #a36413;
}

article h4
{
	font-size: 1.2em;
	font-family: 'Constantia';
	color: #925f14;
	
	margin: 6px 0px;
}

article h5
{
	font-family: 'Constentia';
	color: #50200E;
	font-size: 0.95em;
	margin: 7px 0px;

}

article h6
{
	margin: 3px;
	padding: 5px;
	font-size: 0.87em;
	color: #654311;
	font-family: 'Constantia';
}

article p
{
	font-family: "Constantia";
	font-size: 1.1em;

	color: black;
	margin: 2px;
}

article .logoAssoc
{
	max-width: 50px;
	float: left;
	margin: 4px;
}

article .signature
{
	text-align: right;
}


article .presentTeam 
{
	margin: 18px 5px;
}

article .presentTeam .element
{
	display: inline-block;
	vertical-align: middle;
}

article .presentTeam .element > img
{
	width: 100px;
}

article .presentTeam h3, article .presentTeam h5, article .presentTeam p
{
	margin: 2px 0px;
}


article a, footer a 
{
	text-decoration: none;
	color: black;
}

article a > img, footer a > img
{
	width: 1em;	
	vertical-align: middle;
}


article #choiceCity
{
	display: flex;
	justify-content: space-around;

	box-shadow: inset 0px 0px 16px 3px #00000036;
	border-radius: 3px;
	background-color: #a99346;
}

article #choiceCity a
{
	color: black;
	text-decoration: none;

	font-family: 'Constantia';
	font-size: 0.8em;
	
	transition: 0.18s;
}

article #choiceCity a:hover
{
	font-size: 1em;
	border-bottom: 7px #daae0b solid;
}

article .pageParoisse
{
	display: flex;
}

article .pageParoisse .galerieEglise
{
	flex: 1.2;

}
article .pageParoisse .galerieEglise img
{
	float: left;
	max-width: 300px;

	border-radius: 8px;
	margin: 6px;
	box-shadow: 1px 1px 20px 0px #0000003d;
}

article .pageParoisse .contentEglise
{
	flex: 0.80;
}


article .pageParoisse .contentEglise p
{

	font-size: 1.07em;
}

article .crossClosed
{
	max-height: 65px;
	opacity: 0.8;
}

article .fioEnd
{
	max-height: 15px;
	margin: 2px;
	padding: 0px;
	opacity: 0.4;
}

article section
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

article section .elementFlex
{
	width: 40%;
	box-shadow: inset 4px 2px 20px 2px #9691914d;
	border-radius: 5px;
	padding: 10px;
	margin: 12px;
}