.normal {  font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; font-weight: normal}
.bold { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 14px; font-weight: bold}
a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
	text-decoration: none;

}
a:active {
	color: #333333;
	text-decoration: none;

}
.liencourant {
	text-decoration: underline;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;


}
.liennone {
	text-decoration: none;
	font-size: 12px;

}
a {
	color: #333333;
}
td[height="95"] {
	background-repeat: repeat-x;
	background-position: left top;
}

h2.titrebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0000CC;
	margin: 18px 0 6px;
	padding: 0;
	line-height: 1.3;
}
p.normal {
	margin: 0 0 10px;
}
@media screen and (max-width: 900px) {
	#Layer1 {
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		display: block;
		padding: 8px 10px;
		background: #e7f3fb;
		line-height: 1.9;
		z-index: 5;
	}
	td[width="100"],
	td[width="800"] {
		display: block;
		width: auto !important;
		height: auto !important;
	}
	table.normal {
		width: 100% !important;
	}
	table.normal td {
		display: block;
		width: auto !important;
	}
	td img {
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 520px) {
	td[width="88%"],
	td[width="12%"] {
		display: block;
		width: auto !important;
		height: auto !important;
		text-align: left;
	}
}