html, body {
	height: 100%;

	display: flex;
	flex-direction: column;
}

body > * {
	flex-shrink: 0;
}

body {
	background: #DC322F;
	color: black;
	margin: 0 0 0 0;
	padding: 0;
	height: 100%;
}

a:link {
	color: navy;
	text-decoration: none;
	border: 0;
}

a:visited {
	color: navy;
	text-decoration: none;
	border: 0;
}

a:hover {
	text-decoration: underline;
}

a.menu:link {
	color: #FDF6E3;
}

#menu a:visited {
	color: #FDF6E3;
}

.justifie {
	text-align: justify;
}

p {
	margin: 0 0 2ex 0;
	text-align: justify;
	text-indent: 2em;
}

p.continue {
	text-indent: 0;
}

p.center {
	text-indent: 0;
	text-align: center;
}

p.espace {
	margin: 5ex 0 0 0;
}

p.item {
	text-indent: 0;
	margin: 3ex 0 0 0;
	font-weight: bold;
}

h2 {
	margin: 1em 0 1em 0;
	font: 250% serif;
	font-weight: bold;
	background: #dddddd;
	text-align: center;
	text-indent: 0;
}

h3 {
	margin: 4ex 2ex 2ex 2ex;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
}

h3.annonce {
	font: 250% serif;
	font-weight: bold;
	margin: 1ex 0 1ex 0;
}

h4 {
	margin: 0 0 2em 0;
	font: serif;
	font-weight: bold;
	/*background: #dddddd; Pour pouvoir utiliser le niveau h4 dans les sous annonces sans avoir une horrible bande grise*/ 
	text-align: center;
	text-indent: 0;
}

h4.sousannonce {
	font: 100% serif;
	font-weight: bold;
	margin: 1ex 0 1ex 0;
	text-align: center;
	text-indent: 0;
}

h5.sousannonce {
	font: 100% serif;
	font-weight: bold;
	margin: 1ex 0 1ex 0;
	text-align: center;
	text-indent: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

table {
	border: solid 0px white;
	border-spacing: 0;
	margin: 0;
	width: 100%;
}

table.cartouche {
	width: 70%;
	background: #fff990;
	border: 2;
}

table tr.rouge {
	background: #DC322F;
}

table td {
	vertical-align: top;
}

table td.menu {
	background: #DC322F;
	text-align: center;
	padding: 1.5ex;
}

table td.fausse {
	background: #DC322F;
	padding: 1ex;
}

div.cartouche {
	background: #268bd2;
	margin: 3ex 20%;
	border: solid 2px #268bd2;
	border-radius: 20px;
}

.cartouche a:visited {
	color: #FDF6E3;
}

.cartouche a {
	color: #FDF6E3;
}

#page {
	display: flex;
	flex-grow: 1;
}

#menu {
	width: 15%;
	float: left;
}

#inner {
	padding: 1.5ex;
	text-align: center;
}

#inner a:link {
	color: #FDF6E3;
}

#content {
	background-color: #EEE8D5;
	padding: 40px;
	border-radius: 40px 40px 0 0;
	flex-grow: 1;
}

span.center {
	text-indent: 0;
	text-align: center;
}

img.COF { border-width: 0; }

.exemple {display:block; padding-left: 2em; }