body
{
	margin: 0;
	/* version header jaune / body bleu */
	/*
	background-color: #0d3b66;
	*/
	background-color: #f5f3db;
	font-family: Calibri, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	/*
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	*/
}



header
{
	width: 100%;

	/* version header jaune / body bleu */
	/*
	background-color: #f3a930;
	color: #4d4d4d;
	*/

	background-color: #f5f3db;
	border-bottom: 2px solid #e04149;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: space-between;
}
header img
{
	height: 15em;
	max-height: 500px;
	margin: .2em;
}
header h1
{
	width: 75%;

	color: #0d3b66;
	text-align: center;
	font-size: 3.5em;
}
.rouge
{
	color: #e04149;
}
.jaune
{
	color: #fca036;
}
.vert
{
	color: #1c979b;
}

header p
{
	font-size: 1.5em;
}

.sous_le_titre
{
	margin: 0;
	padding-left: 2em;
	width: 100%;

	font-size: 1.5em;
	color: #4d4d4d;
}
.sous_le_titre ul
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: space-between;
}
.sous_le_titre li
{
	list-style-type: none;
	margin: .2em;
}
.sous_le_titre li:after
{
	content: " - ";
}
.sous_le_titre li:last-child:after
{
	content: none;
}
.sous_le_titre p
{
	margin: 0;
	padding: 0;

	text-align: center;
}

main
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;

	margin: 0;
	margin-top: 2em;
	height: 100%;

	font-size: 1.5em;
}
@media screen and (max-width: 1200px)
{
	main
	{
		flex-direction: column-reverse;
		justify-content: center;
		align-items: stretch;
	}
}
em
{
	text-decoration: underline;
	font-weight: bold;
}

.column_right p, .column_right ul
{
	flex-basis: 60%;

	margin: 0;
	margin-bottom: 2em;
	padding: 1em;
	border-radius: 1em;

	/* version header jaune / body bleu */
	/*
	color: #acc2d0;
	*/
	color: #4d4d4d;
}
.column_right em
{
	font-style: normal;
	font-weight: bold;
}
p.alerte, ul.alerte
{
	max-width: 800px;
	margin-top: .2em;
	padding: .5em;
	border-radius: .5em;

	font-size: 1.5em;
	font-style: normal;
	/* version header jaune / body bleu */
	/*
	color: #f5f3db;
	*/
	background-color: #e04149;
	color: #f5f3db;
}
ul.alerte
{
	font-size: 1em;
}
ul.alerte li
{
	margin: 2% 4%;
}
p.annonce
{
	margin-top: 2em;
	padding: .5em;
	border-radius: .5em;

	font-size: 2em;
	font-style: normal;
	/* version header jaune / body bleu */
	/*
	color: #f5f3db;
	*/
	color: #0d3b66;
}

main h1
{
	margin: .2em;

	font-size: 2em;
	text-align: left;

	/* version header jaune / body bleu */
	/*
	color: #f5f3db;
	*/
	color: #0d3b66;
}

nav
{	
	flex-basis: 30%;

	margin: 0 2%;
	padding: 1em;
	border-radius: 2em;

	background-color: #acc2d0;
	color: #910f00;
}

@media screen and (max-width: 1200px)
{
.column_right p, nav, .column_right ul
	{	
		margin: 0 20% 10% 20%;
		min-width: 60%;
	}
.column_right p, .column_right ul
	{
		border: 2px solid #0d3b66;
	}
p.alerte, ul.alerte
	{
		border-color:#e04149;
	}
p.annonce
	{
		border: none;
	}
}

/* liens vers mail et page Facebook dans le cadre nav */
/* !! a:active DOIT venir en dernier et a:hover DOIT venir en avant-dernier */
nav a
{
	width: 100%;
	border-radius: .5em;
	padding: .5em;
	margin: -.5em;

	color: #910f00;
	text-decoration: none;
	border: 2px solid #acc2d0;
}
nav a:visited
{

}
nav a:hover
{
	background-color: #910f00;
	color: #acc2d0;
}
nav a:active
{
	background-color: #acc2d0;
	color: #910f00;
	border: 2px solid #910f00;
}

nav ul
{
	margin: .5em;
	padding: 0em;
}
nav li
{
	margin: 1em 0;
	list-style-type: none;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.symbol
{
	width: 10%;
	font-size: 2em;
	padding: 0 1em;
	margin-left: -1em;
}