html, body {
background-color : #ffffff;
margin:0px 0px 0px 0px;
SCROLLBAR-FACE-COLOR: #00458E; 
SCROLLBAR-HIGHLIGHT-COLOR: #00458E; 
SCROLLBAR-SHADOW-COLOR: #ffffff; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-TRACK-COLOR: #ffffff; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

a:link {letter-spacing:0em;color: #00458E;font-weight:bold;font-family:Arial;font-size:9pt;text-decoration:underline;}
a:visited {letter-spacing:0em;color: #00458E;font-weight:bold;font-family:Arial;font-size:9pt;text-decoration:underline;}
a:hover {letter-spacing:0em;color:#00458E;font-weight:bold;font-family:Arial;font-size:9pt;text-decoration:none;}

a.tableau:link {color: #ffffff;font-weight:bold;font-family:Arial;font-size:9pt;text-decoration:none;}
a.tableau:visited {color: #ffffff;font-weight:bold;font-family:Arial;font-size:9pt;text-decoration:none;}
a.tableau:hover {color:#ffffff;font-weight:bold;font-family:Arial;font-size:9pt;text-decoration:underline;}

p {font-family:Arial;font-size:10pt;color:#000000;padding:5px;}
p.tableau {font-family:Arial;font-size:9pt;color:#ffffff;}
p.header {font-family:Arial;font-size:8pt;color:#000000;padding:5px;}
p.footer {font-family:Arial;font-size:9pt;color:#00458E;padding:5px;}

h1.presentation {font-family:Arial;font-size:11pt;color:#00458E;padding:5px;}
h1.services {font-family:Arial;font-size:11pt;color:#FE0000;padding:5px;}
h1.produits {font-family:Arial;font-size:11pt;color:#CD00FF;padding:5px;}
h1.espaceclients {font-family:Arial;font-size:11pt;color:#FFCC33;padding:5px;}
h1.contacts {font-family:Arial;font-size:11pt;color:#FF6600;padding:5px;}
h1.informations {font-family:Arial;font-size:11pt;color:#01D0F8;padding:5px;}

table.presentation {border-style: solid;border-color: #00458E;border-width:2px;}
table.services {border-style: solid;border-color: #FE0000;border-width:2px;}
table.produits {border-style: solid;border-color: #CD00FF;border-width:2px;}
table.espaceclients {border-style: solid;border-color: #FFCC33;border-width:2px;}
table.contacts {border-style: solid;border-color: #FF6600;border-width:2px;}
table.informations {border-style: solid;border-color: #01D0F8;border-width:2px;}

a.legoueix { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 102px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url('../images/menu/presentation-legoueix.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.legoueix:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu/presentation-legoueix.jpg'); /* source de l'image d'arrivée */
     } 

.menu-legoueix-p { /* défini les boites qui comprenent chaque menu de base */
  width:102px ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  height:31px;} /* Hauteur des boites */ 

#menu-legoueix
{
border-style: solid;
border-color: #00458E;
border-width:1px; 
background-color: #ffffff; 
display: none; /* les sous-menus ne sont pas affichés */
margin: 0px 0px; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ;
}

a.services { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 98px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url('../images/menu/services-legoueix.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.services:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu/services-legoueix.jpg'); /* source de l'image d'arrivée */
     } 

.menu-services-p { /* défini les boites qui comprenent chaque menu de base */
  width:98px ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  height:31px;} /* Hauteur des boites */ 

#menu-services
{
border-style: solid;
border-color: #FE0000;
border-width:1px; 
background-color: #ffffff; 
display: none; /* les sous-menus ne sont pas affichés */
margin: 0px 0px; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ;
}

a.produits { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 97px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url('../images/menu/produits-legoueix.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.produits:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu/produits-legoueix.jpg'); /* source de l'image d'arrivée */
     } 

.menu-produits-p { /* défini les boites qui comprenent chaque menu de base */
  width:97px ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  height:31px;} /* Hauteur des boites */ 

#menu-produits
{
border-style: solid;
border-color: #CD00FF;
border-width:1px; 
background-color: #ffffff; 
display: none; /* les sous-menus ne sont pas affichés */
margin: 0px 0px; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute;
}

a.espaceclients { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 141px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url('../images/menu/espace-clients-legoueix.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat;
     }

a.espaceclients:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu/espace-clients-legoueix.jpg'); /* source de l'image d'arrivée */
     } 

.menu-espaceclients-p { /* défini les boites qui comprenent chaque menu de base */
  width:141px ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  height:31px;} /* Hauteur des boites */ 

#menu-espaceclients
{
border-style: solid;
border-color: #FFCC33;
border-width:1px; 
background-color: #ffffff; 
display: none; /* les sous-menus ne sont pas affichés */
margin: 0px 0px; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ;
}

a.contacts { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 100px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url('../images/menu/contacts-legoueix.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.contacts:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu/contacts-legoueix.jpg'); /* source de l'image d'arrivée */
     } 

.menu-contacts-p { /* défini les boites qui comprenent chaque menu de base */
  width:100px ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  height:31px;} /* Hauteur des boites */ 

#menu-contacts
{
border-style: solid;
border-color: #FF6600;
border-width:1px; 
background-color: #ffffff; 
display: none; /* les sous-menus ne sont pas affichés */
margin: 0px 0px; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ;
}

a.informations { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 129px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url('../images/menu/informations-legoueix.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.informations:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu/informations-legoueix.jpg'); /* source de l'image d'arrivée */
     } 

.menu-informations-p { /* défini les boites qui comprenent chaque menu de base */
  width:129px ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  height:31px;} /* Hauteur des boites */ 

#menu-informations
{
border-style: solid;
border-color: #01D0F8;
border-width:1px; 
background-color: #ffffff; 
display: none; /* les sous-menus ne sont pas affichés */
margin: 0px 0px; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ;
margin-left: -60px; /* moitié de la largeur */
}

#credits
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 280px;
height: 430px;
margin-left: -140px; /* moitié de la largeur */
margin-top: -215px; /* moitié de la hauteur */
border: 1px solid #00458E;
z-index:51;
}

#creditsi
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 280px;
height: 430px;
margin-left: -140px; /* moitié de la largeur */
margin-top: -215px; /* moitié de la hauteur */
border:none;
z-index:50;
}