html, body {
margin:0px 0px 0px 0px;
SCROLLBAR-FACE-COLOR: #005f07; 
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-ARROW-COLOR: #FFFFFF; 
SCROLLBAR-TRACK-COLOR: #FFFFFF; 
SCROLLBAR-DARKSHADOW-COLOR: FFFFFF;
}

a:link {font-family:Arial; font-size:9pt; color: #005f07; text-decoration:none;}
a:visited {font-family:Arial; font-size:9pt; color: #005f07; text-decoration:none;}
a:hover {font-family:Arial; font-size:9pt; color:#005f07; text-decoration:underline;}

p {
font-family:Arial;
font-size:9pt;
color:#000000;
text-align: justify;
}

H1 {
font-family:Verdana, Times New Roman;
font-size:12pt;
color:#005f07;
}

H2 {
font-family:Arial;
font-size:10pt;
font-weight:bold;
color:#005f07;
}

H3 {
font-family:Arial;
font-size:9pt;
color:#6C0A0A;
}

img.cadreimage {
border-style:solid; 
border-width:1px; 
border-color:#005f07;
}

.menu-general-societe-hippique { /* défini les boites qui comprenent chaque menu de base */
  float:left ; /* Les boite sont calées à gauche */
  width:19% ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  height:25px;
  } /* Hauteur des boites */
  
  
.menu-general-courses { /* défini les boites qui comprenent chaque menu de base */
  float:left ; /* Les boite sont calées à gauche */
  width:19% ; /* largeur des boites du menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
  height:25px} /* Hauteur des boites */

.menu-general-coursesindex { /* défini les boites qui comprenent chaque menu de base */
  padding:0 ; /* marges intérieures à 0 */
  margin: 0 ; /* marges extérieures à 0 */
}  
  
#menu-societe-hippique { /*défini les 3 boites des 3 sous-menues */
background:#37C241;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
display: none; /* les sous-menus ne sont pas affichés */
margin: 0; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ; /* boite positionnée par rapport à la boite parent, ici l'écran */
width : 130px
} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

#menu-courses { /*défini les 3 boites des 3 sous-menues */
background:#37C241;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
display: none; /* les sous-menus ne sont pas affichés */
margin: 0; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ; /* boite positionnée par rapport à la boite parent, ici l'écran */
width : 300px} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

#menu-coursesindexp { /*défini les 3 boites des 3 sous-menues */
background:#37C241;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
display: none; /* les sous-menus ne sont pas affichés */
margin: 0; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ; /* boite positionnée par rapport à la boite parent, ici l'écran */
width : 120px} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

#menu-coursesindex { /*défini les 3 boites des 3 sous-menues */
background:#37C241;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
display: none; /* les sous-menus ne sont pas affichés */
margin: 0; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ; /* boite positionnée par rapport à la boite parent, ici l'écran */
width : 300px} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/
 
a.sud-concept { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 84px; /* largeur de l'image réactive */
     height: 13px; /* hauteur de l'image réactive */
     background-image: url(../images/index/sud-concept.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.sud-concept:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/index/sud-concept-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.acces { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 44px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(../images/index/acces.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.acces:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/index/acces-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.album-photos{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 105px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(../images/index/album-photos.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.album-photos:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/index/album-photos-over.jpg); /* source de l'image d'arrivée */
     } 

a.email{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 202px; /* largeur de l'image réactive */
     height: 13px; /* hauteur de l'image réactive */
     background-image: url(../images/index/email.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.email:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/index/email-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.contact{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 59px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(../images/index/contact.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.contact:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/index/contact-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.courses{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 88px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(../images/index/courses.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.courses:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/index/courses-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.restauration{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 96px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(../images/index/restauration.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.restauration:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/index/restauration-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.societe-hippique { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 130px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(../images/index/societe-hippique.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.societe-hippique:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/index/societe-hippique-over.jpg); /* source de l'image d'arrivée */
     }