.body {
background-color : #ffffff; 
background-image : url(images/bg_interface.gif); 
background-repeat : no-repeat ;
padding: 6px 6px 4px 8px; 
background-position : 50% 50%;
font-size : 62.5%;
cursor: all-scroll;
} 
.body2 {
background-color : #ffffff; 
background-image : url(images/index.gif); 
background-repeat : no-repeat ; 
background-position : 50% 50%; 
font-size : 62.5%
} 
.body3 {
background-color : #37AEBB; 
background-image : url(images/fond_fiche.gif); 
background-repeat : no-repeat ; 
background-position :0% 115%; 
font-family : Georgia, Times New Roman, Times, serif;  
font-style : normal; 
line-height : normal; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
text-align : normal;
color : #000000; 
padding: 0; 

} 
.typo01 {
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
line-height : normal; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
text-align : left;
color : #000000; 
font-size : 13px; 
padding-right:10px
} 

.typo02 {
font-family : Georgia, Times New Roman, Times, serif; 
font-style : normal; 
line-height : normal; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
/*text-align : justify;*/
color : #000000; 
font-size : 13px; 
padding-right:10px
}
.marquee {
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
line-height : normal; 
font-weight : bold; 
text-transform : none; 
text-align : left;
color : #FF3366; 
font-size : 16px; 
padding-right:10px
} 
.titre {
 margin-top: 5px;
 background-image: url(images/bg_titre.gif);
 background-repeat : no-repeat ;
 background-position : 50% 50%; 
 display: block ; /* On passe le titre en élément de type block pour lui donner des propriétés de taille */
 width: 300px; 
 height: 30px; 
 padding: 6px 6px 4px 8px; 
 color: #000000; 
 font-family : Verdana, Arial, Helvetica, sans-serif; 
 color : #009797;
 text-indent: 12px ; 
 text-align : center;
 font-size : 14px; 
 line-height: -5px ;
 font-weight : bold;
 background-color: transparent; 
}

.borderform 
{
  BORDER-RIGHT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  FONT-SIZE: 12px;
  BORDER-LEFT: #000000 1px solid;
  COLOR: #666666; 
  BORDER-BOTTOM: #000000 1px solid;
  padding-left : 3px; 
  padding-right : 2px; 
  FONT-FAMILY: Arial, Helvetica;
  BACKGROUND-COLOR: transparent;
}

A.unique , A.unique:link , A.unique:visited {  
text-decoration: underline; 
font-family : Arial, Helvetica; 
font-size : 11px; 
height : 15px; 
bordercolor : #BBBBBB;
COLOR: #009999;
}
A.unique:hover { 
text-decoration: underline; 
font-size : 11px; 
width : 55px; 
height : 15px; 
COLOR: #00D9D9;
}

a:link , a:visited {
/*background-image : url(images/fond.gif); */
width : 110px; 
height : 26px; 
color : #000000; 
background-color : transparent; 
text-decoration: none;
font-size : 10px; 
font-weight : bold; 
} 
a:hover {
background-image : none; 
text-decoration : underline; 
background-color : transparent; 
font-size : 10px; 
font-weight : bold; 
} 

.smallbox {
float : left; 
padding-left : 1px; 
margin-right : 1px; 
border : 4px solid #fc8127; 
} 

.smallbox2 {
float : left; 
padding-left : 12px; 
margin-right : 2px; 
border : 1px solid #CC0099; 
} 

.bigbox {
background-color : #ffffff; 
background-image : url(images/bg_formulaire.gif); 
background-repeat : no-repeat ; 
background-position : 50% 50%; 
/*float : center;  */
padding-left : 4px; 
margin-right : 2px; 
border : 4px solid #fc8127; 
/*height : 30px; */
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
line-height : normal; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
color : #000000; 
font-size : 13px; 
padding-right:10px
} 
 
.scroll {
overflow-y: scroll; overflow-x: hidden; width: 350; height: 300;
border: 0px solid #c0c0c0; 
scrollbar-face-color: #ECF1F2;
scrollbar-shadow-color: #85D5E6;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #c0c0c0;
scrollbar-darkshadow-color: #c0c0c0;
scrollbar-track-color: #96B0C0;
scrollbar-arrow-color: #85D5E6
}
 /* ### MENU PRINCIPAL EN XHTML ##########*/
/* ######################################*/
ul#menu
{
	position: absolute;
	float : top; 
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: -4px;
	/*margin: 0;*/
	padding: 0;
	list-style-type: none;
	font-family : Georgia, Times New Roman, Times, serif; 
	/*left: 110px;
	top: 223px;*/


/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 1px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 150px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 4px ; /* On décale le texte de 4px du bord gauche */

	text-decoration: none ;
	background: url(images/bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu li a:hover
{
	background: url(images/bg_menu.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

 /* ### SOUS MENU EN XHTML ###############*/
/* ######################################*/
ul#sousmenu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ; 
	font-family : Georgia, Times New Roman, Times, serif; 
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#sousmenu li
{
    margin-top: 30px
	/*margin: 0 0 1px 0 ;*/
	padding: 2 ;
/* Suppression du padding du <li> et on définit une marge basse de 1px pour aérer le tout */
}

ul#sousmenu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 151px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 11px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/bg_sousmenu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#sousmenu li a:hover
{
	background: url(images/bg_sousmenu.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
    text-decoration: underline;
}
.bas 
{
width: auto;
height: 30px;
background-color: #F2F2F2;
color: #484848;
font-size: 12px;
padding: 10px;
text-align : center;
vertical-align : center;
horizontal-align : center;
}
#image {
position: absolute;
width : 576px;
height: 432px;
background: url(images/plan.jpg) top left no-repeat;
}
#zone1 {
position: absolute;
width : 100px;
height: 110px;
left: 5px;
top: 20px;
border: 1px dotted red;
}
#zone1:hover {
width : 130px;
height: 120px;
left: 2px;
top: 15px;
border: 1px dotted red;
background: url(images/zone1.jpg) top left no-repeat;
z-index: 100;
}
#image2 {
position: absolute;
width : 505px;
height: 375px;
background: url(images/plan2.jpg) top left no-repeat;
}
#zone2 {
position: absolute;
width : 125px;
height: 90px;
left: 190px;
top: 130px;
border: 1px dotted red;
}
#zone2:hover {
width : 450px;
height: 290px;
left: 15px;
top: 25px;
border: 1px dotted red;
background: url(images/zone2.jpg) top left no-repeat;
z-index: 100;
}
.ombre1 {
filter: dropshadow(color=#C0C0C0, offx=3, offy=3);
}
.ombre1 {
filter: dropshadow(color=#9CABCF, offx=-5, offy=3);
} 
#divLoadCont {
BACKGROUND-COLOR: transparent; FONT-FAMILY: arial,helvetica; HEIGHT: 95%; LEFT: 0px; POSITION: absolute; TOP: 35px; WIDTH: 100%; Z-INDEX: 100; layer-background-color: transparent;
}
TD {
FONT-FAMILY: arial,helvetica; COLOR: #333333;
}