BODY, TD {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style : normal;
	color : Black;
}
h1 {
	font-family : Comic Sans MS;
	font-size : 14pt;
	font-style : bold;
	color : Black;
}
h2 {
	font-family : Comic Sans MS;
	font-size : 12pt;
	font-style : bold;
	color : Black;
}
h3 {
	font-family : Comic Sans MS;
	font-size : 10pt;
	font-style : bold;
	color : Black;
}
img {
	box-shadow: 5px 5px 5px #555;
	margin: 10px;
}
img.imgstd {
	box-shadow: none;
	margin: 0px;
}
h3.NomSerie {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-style : bold;
	color : Red;
}
A {
	text-decoration: none;
	color: blue;
}
A:Hover {
	text-decoration: underline;
	color: red;
}
A:Link {
	color: Red;
}
A:Visited {
	color: blue;
}
A:Active {
	color: green;
}
table.ombre
{
box-shadow: 1px 1px 12px #555;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
td.bulle
{
	font-size : 15px;
	background-image: url(bulle.jpg);
	height: 53px;
	width: 240px;
	text-align: center;
	font-weight: bold;
}

td.dnum
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: #fef0e0;
	text-align: right;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 90px;
}
td.dnuman
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: yellow;
	text-align: left;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
td.dcateg
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: #fef0e0;
	text-align: left;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 110px;
}
td.das
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: #fef0e0;
	text-align: left;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 110px;
}
td.dserie
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: #fef0e0;
	text-align: left;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 150px;
}
td.drevue
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: #fef0e0;
	text-align: left;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 110px;
}
td.dtitre
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: #fef0e0;
	text-align: left;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 500px;
}
td.dauteur
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: #fef0e0;
	text-align: left;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
td.dnomtbl
{
	font-family : "Arial";
	font-size : 12pt;
	background-color: #fef0e0;
	text-align: left;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
td.dhead
{
	font-family : "Arial";
	font-size : 12pt;
	font-weight: bold;
	background-color: yellow;
	text-align: center;
	border-style : solid;
	border-width : 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
table.desc
{
	border:1px solid black;
	border-collapse: collapse;
	width: 100%;
}
table.tableannee
{
	width: 100%;
}
.center {
	text-align: center;
}
.titrepage {
	text-align: center;
	font-family : "Arial";
	font-size : 24pt;
	font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cadrepage {
	background-color: white; 
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: 1px 1px 12px #555;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	width: 1000px;
}
.annee {
	border:1px solid black;
	border-collapse: collapse;
	background-color: yellow; 
	width: 100%;
	text-align: center;
	font-family : "Arial";
	font-size : 16pt;
	font-weight: bold;
	box-shadow: 5px 5px 5px #555;
}
.lienretour {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 400px;
	font-family : "Arial";
	font-size : 14pt;
	font-weight: bold;
	background-color: yellow;
	padding-top: 0px;
	padding-bottom: 0px;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.bolditalic {
	font-weight: bold;
	font-style: italic;
}
.remerciements {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.message {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.presentation {
	display: grid;
	grid-template-columns: auto;
	grid-gap: 10px;
	grid-auto-rows: auto;
}
.presimage {
	grid-column: 1 ;
	grid-row: 1;
}
.prescontenu { 
	grid-column: 2 ;
	grid-row: 1 ;
	padding-top: 10px;
	padding-bottom: 10px;
}
.lienannee {
	background-color: #eeceb9;
	font-family : "Arial";
	font-size : 16pt;
	font-weight: bold;
	text-align: center;
}
.numeroquestion {
	font-weight: bold;
	text-align: left;
	font-size : 12pt;
}
.question {
	font-family : "Arial";
	text-align: left;
	font-size : 12pt;
}
.reponse {
	margin-left: 40px;
	font-style: italic;	
	text-align: left;
	font-size : 12pt;
}	
.biblio {
	display: block;
}
.invisible {
	display: none;
}
.liste {
	text-align: center;
	font-family : Comic Sans MS, Arial;
	font-size : 14pt;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.info {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	font-family : Comic Sans MS, Arial;
	font-size : 12pt;
	background-color: #ffffb7;
	padding-top: 10px;
	padding-bottom: 5px;
}
.presannee {
	width: 100%;
}
.imagegauche {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}
.imagedroite {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
}
.surligner {
	font-weight: bold;
	background-color: yellow;
}