body
{
	margin-top: 20px; /* background-image: url("images/fond_body.jpg"); */
	background-color: #000000;
}


#fondindex
{	
	position: absolute;
	width: 952px;
  	height: 588px;
	
	text-align: center;
	border: 0px solid white;
	left: 50%;
	margin-left: -476px;
	margin-right: auto;

	background-image: url("images/fond.jpg");
	background-repeat: no-repeat;
}

#fondsuite
{	
	position: absolute;
	width: 952px;
  	height: 588px;
	
	text-align: center;
	border: 0px solid white;
	left: 50%;
	margin-left: -476px;
	margin-right: auto;

	background-image: url("images/fondsuite.jpg");
	background-repeat: no-repeat;
}


#imagegauche
{
	position: absolute;
	float: left;
	padding: 0px;
	top: 120px;
	left: 41px;
	width: 200px;
	height: 200px;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	text-align: middle;
	color: #ffffff;
	/* border: 1px solid white; */
	/* background-image: url(images/animindex.gif); */
}


#texteindex
{
	position: absolute;
	top: 240px;
	left: 10px;
	width: 530px;
	height: 320px;
	padding: 10px;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	text-align: justify;
	line-height: 18px;
	overflow: auto;
	color: #F0F0F0;
}

#affiche
{
	position: absolute;
	top: 420px;
	left: 720px;
	width: 250px;
	height: 150px;
	padding: 2px;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	text-align: right;
	line-height: 18px;
	overflow: auto;
	color: #D1D1D1;
}

#textecentre
{
	position: absolute;
	top: 200px;
	left: 10px;
	width: 932px;
	height: 384px;
	padding: 3px;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	text-align: center;
	line-height: 18px;
	overflow: auto;
	color: #F0F0F0;
}

#textecentre2
{
	position: absolute;
	top: 200px;
	left: 10px;
	width: 932px;
	height: 384px;
	padding: 3px;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	text-align: justify;
	line-height: 18px;
	overflow: auto;
	color: #F0F0F0;
}

#textecentre h1 /* Tous les titres h1 du corps */
{
   color: #008435;
   text-align: left;
   font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
   font-size: 10pt;
   font-color: #5E5E5E;
   
   padding-left: 0px;
   /* background-image: url("images/puce.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
}

#mail
{
	position: absolute;
	top: 435px;
	right: 5px;
	width: 140px;
	height: 16px;
	padding: 2px;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	text-align: justify;
	color: #F0F0F0;
}


#drapo
{
	position: absolute;
	top: 15px;
	left: 707px;
	width: 22px;
	height: 22px;
	color: #ffffff;
}


#marquee
{
	position: absolute;
	top: 440px;
	left: 1px;
	width: 624px;
	height: 18px;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	text-align: justify;
	overflow: hidden;
	color: #333333;
}

#adresse
{
	position: absolute;
	top: 590px;
	left: 0px;
	width: 952px;
	height: 100px;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	text-align: middle;
	overflow: auto;
	color: #F0F0F0;
}


#menu
{
	position: absolute;
	float:left;
	top: 100px;
	left: 347px;
	width: 700px;
	height: 50px;
}


.table
{
	margin: auto;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	overflow: auto;
	color: #DFDFDF;
}

.tdtable /* Toutes les cellules des tableaux... */
{
	padding: 5px;
	border: 1px solid #5E5E5E; /* ... auront une bordure de 1px */
	text-align: left;
}

.tdtable1 /* Toutes les cellules des tableaux... */
{
	width: 60%;
	padding: 5px;
	border: 1px solid #5E5E5E; /* ... auront une bordure de 1px */
	text-align: left;
}

.tdtable2 /* Toutes les cellules des tableaux... */
{
	width: 40%;
	padding: 5px;
	border: 1px solid #5E5E5E; /* ... auront une bordure de 1px */
	text-align: center;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 8pt;
	color: #ffffff;
}

.tdtable2img /* Toutes les cellules des tableaux... */
{
	width: 50%;
	padding: 5px;
	
	text-align: center;
}

.tdtable3 /* Toutes les cellules des tableaux... */

{
	width: 60%;
	padding: 5px;
	border: 1px solid #5E5E5E; /* ... auront une bordure de 1px */
	text-align: center;
}

.tdtable4 /* Toutes les cellules des tableaux... */
{
	padding: 1px;
	border: 0px solid #ffffff; /* ... auront une bordure de 1px */
	text-align: left;
}

.tdtable5 /* Toutes les cellules des tableaux... */
{
	width: 33%;
	padding: 5px;
	border: 1px solid #475A70; /* ... auront une bordure de 1px */
	text-align: middle;
}

.tdtable6 /* Toutes les cellules des tableaux... */
{
	
	padding: 5px;
	border: 1px solid #475A70; /* ... auront une bordure de 1px */
	text-align: middle;
}

.tdtable7 /* Toutes les cellules des tableaux... */
{
   vertical-align: top;
}

.popper { position: absolute; visibility: hidden; z-index:46; }
.arrow{font-family: Webdings; font-size:7pt;}
a:hover.ejsmenu {color:#505050; font-size: 8pt; text-decoration:none; width: 90%;}
a.ejsmenu {color:#000000; font-size: 8pt; text-decoration:none; width: 90%;}

#images
{
	position: absolute;
	float: left;
	padding: 0px;
	top: 160px;
	left: 555px;
	width: 185px;
	height: 200px;
	border: 0px solid white;
	font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 7pt;
	text-align: middle;
	color: #333333;
	/* background-image: url(images/animindex.gif); */
}

.img
{
	border: 1px solid #F0F0F0;
}

a
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; /* font-weight: bold;  */
	color: #F0F0F0;
	font-style: normal;
}

a:hover 
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #00CC99;
}