/* ******* */
/* BALISES */
/* ******* */

html,body {
	width: 100%;
	height: 100%;
	background-color:#777E89;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	text-align: center;		/* centrage horizontal IE */
	margin: auto;			/* centrage horizontal autre navigateur */
	background-image: url(fond.gif);
	background-repeat: repeat-y;
	background-position: center;
}

img{
	border: 0px;
}

h1{
	FONT-SIZE: 18pt;
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
	color: #00336e;
	background-color: transparent;
	line-height: 20pt;
}

h2{
	FONT-SIZE: 13pt;
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
	color: #004a9e;
	background-color: transparent;
	margin-bottom: 8px;
}

h3{
	FONT-SIZE: 12pt;
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	background-color: transparent;
	margin-bottom: 8px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

a{
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
}

a:hover{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}

input,textarea{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

/* ************ */
/* IDENTIFIANTS */
/* ************ */

#page {
	position: relative;
	width: 960px;
	height: 100%;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	text-align: center;		/* centrage horizontal IE */
	margin: auto;			/* centrage horizontal autre navigateur */
	border-collapse: collapse;
}

#entete {
	position: relative;
	width: 100%;
	height: 100px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	background-image: url(entete.png);
	background-repeat: no-repeat;
}

#menu-haut {
	position: relative;
	width: 100%;
	height: 25px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	border-collapse: collapse;
	background-color: #ff0000;
	line-height: 0px;
}

#sous-menu-haut {
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px solid #000000;
	margin: 0px;
	text-align: left;
    padding-top: 1em;
	height: 70px;
	vertical-align: top;	
}

#corps {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	color: #000000;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	margin: 0px;
	border: 0px;
	padding: 30px;
	text-align: justify;
}

#pied-page {
	position: relative;
	width: 100%;
	height: 40px;
	background-color: transparent;
	color: #ffffff;
	background-image: url(pied-page.png);
	background-repeat: no-repeat;
}

#accueil {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;		/* centrage horizontal IE */
	margin: auto;			/* centrage horizontal autre navigateur */
	vertical-align: middle;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

/* ******* */
/* CLASSES */
/* ******* */

.ancre{
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
}

.ancre:hover{
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
}

.lien-pied-page {
    background-color: transparent;
    text-decoration: none;
}

.lien-pied-page:hover {
    background-color: transparent;
    text-decoration: none;
}

.accueil-lien{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #5D8FCE;
	background-color: #ffffff;
}

.accueil-lien:hover{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #5D8FCE;
	background-color: #ffffff;
}

.accueil-text{
	width: 26%;
	line-height: 14pt;
	text-align: justify;
}

.titre-image{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	color: #624C7E;
	background-color: transparent;
	font-weight: bold;
}

.contact{
	width: 50%;
}

.normal{
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: justify;
	line-height: 14pt;
}

.interligne{
	line-height: 14pt;
}

.gras{
	font-weight: bold;
}

.italique{
	font-style: italic;
}

.img-droite{
	text-align: right;
	float: right;
	margin-left: 20px;
}

.img-gauche{
	text-align: left;
	float: left;
	border-right: 20px;
}

.gauche{
	text-align: left;
}

.centre{
	text-align: center;		/* centrage horizontal IE */
	margin: auto;			/* centrage horizontal autre navigateur */
	line-height: 30pt;
}

.droite{
	text-align: right;
}

.formulaire{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	text-align: center;		/* centrage horizontal IE */
	margin: auto;			/* centrage horizontal autre navigateur */
}

.couleur_gris{
	background-color: #777E89;
	color: #ffffff;
}

.couleur_bleu_1{
	background-color: #002754;
	color: #ffffff;
}

.couleur_bleu_2{
	background-color: #00336e;
	color: #ffffff;
}

.couleur_bleu_3{
	background-color: #003e85;
	color: #ffffff;
}

.couleur_bleu_4{
	background-color: #004a9e;
	color: #ffffff;
}

.couleur_bleu_5{
	background-color: #0054b5;
	color: #ffffff;
}

.couleur_bleu_6{
	background-color: #0060cf;
	color: #ffffff;
}

.couleur_bleu_7{
	background-color: #006be5;
	color: #ffffff;
}


tr.menu_BARRE {
}

td.menu_BARRE, .menu_BARRE ul {
  font-family:"Verdana", "Veranda", "Bitstream Vera", "Arial", "Helvetica" , sans-serif;
  font-size: 10pt;
 margin: 0;
 padding: 0;
 list-style: none;
}

.menu_BARRE li {
  display: inline;
background-color: #4045AA;
  border-left: 1px solid white;
  border-top: 1px solid white;
  margin: 0px;
  padding-top: 1em;
  padding-bottom: 1em; 
}
.menu_BARRE li.first { border-left: 0px; padding-left: 8px; padding-right: 7px; }
.menu_BARRE li a, .menu_BARRE li a:visited, .menu_BARRE li a:active {
  line-height: 25px;  
 color: #FFFFFF;
  padding: 38px;
  margin-left:0px;
  margin-right:0px;
  text-decoration: none;
  text-align: center;
}

.menu_BARRE li a:hover {
  color: #00FF44
}

p {
   margin-top: 0.5em;
	margin-bottom: 0.5em;
}