html, body {
background-color : #FFFFFF;
margin:0px 0px 0px 0px;
SCROLLBAR-FACE-COLOR: #6C0A0A; 
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 {color: #6C0A0A; text-decoration:none;}
a:visited {color: #6C0A0A; text-decoration:none;}
a:hover {color:#6C0A0A; text-decoration:underline;}

a.liens:link {color: #000000; text-decoration:none;}
a.liens:visited {color: #000000; text-decoration:none;}
a.liens:hover {color:#000000; text-decoration:underline;}

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

p.drapeau {
font-family:Arial;
font-size:9pt;
color:#000000;
}

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

H1 {
font-family:Verdana, Times New Roman;
font-size:9pt;
color:#34FF67;
}

H2 {
font-family:Arial;
font-size:9pt;
color:#6C0A0A;
text-align:center;
}

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

#printpage {
  display: none;
  }

.menu-general1 { /* 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:20px} /* Hauteur des boites */
  
.menu-general2 { /* 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:20px} /* Hauteur des boites */
  
.menu-general3 { /* 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:20px} /* Hauteur des boites */

#menu-communes { /*défini les 3 boites des 3 sous-menues */
background:#c0c0c0;
opacity:.9;
filter: alpha(opacity=94);
border-right: 1px solid #6C0A0A;
border-top: 1px solid #6C0A0A;
border-left: 1px solid #6C0A0A;
border-bottom: 1px solid #6C0A0A;
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 : 391px} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

#menu-patrimoine { /*défini les 3 boites des 3 sous-menues */
background:#c0c0c0;
opacity:.9;
filter: alpha(opacity=94);
border-right: 1px solid #6C0A0A;
border-top: 1px solid #6C0A0A;
border-left: 1px solid #6C0A0A;
border-bottom: 1px solid #6C0A0A;
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 : 391px} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

#menu-musees { /*défini les 3 boites des 3 sous-menues */
background:#c0c0c0;
opacity:.9;
filter: alpha(opacity=94);
border-right: 1px solid #6C0A0A;
border-top: 1px solid #6C0A0A;
border-left: 1px solid #6C0A0A;
border-bottom: 1px solid #6C0A0A;
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 : 260px} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

a.terroir { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/terroir.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.terroir:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/terroir-over.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.porte { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/porte.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.porte:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/porte-over.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.sejours { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/sejours.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.sejours:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/sejours-over.jpg'); /* source de l'image d'arrivée */
     } 

a.loisirs { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/loisirs.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.loisirs:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/loisirs-over.jpg'); /* source de l'image d'arrivée */
     } 

a.festivites { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/festivites.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.festivites:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/festivites-over.jpg'); /* source de l'image d'arrivée */
     } 

a.hebergements { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/hebergements.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.hebergements:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/hebergements-over.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.velo { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/velo.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.velo:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/velo-over.jpg'); /* source de l'image d'arrivée */
     } 	 

a.communes { /* 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: 21px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/communes.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.communes:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/communes-over.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.patrimoine { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 131px; /* largeur de l'image réactive */
     height: 21px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/patrimoine.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.patrimoine:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/patrimoine-over.jpg'); /* source de l'image d'arrivée */
     } 

a.musees { /* 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: 21px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/musees.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.musees:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/musees-over.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.carte { /* 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: 21px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/carte.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
	 
a.carte:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/boutons/carte-over.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.services { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 65px; /* largeur de l'image réactive */
     height: 21px; /* hauteur de l'image réactive */
     background-image: url('../images/boutons/services.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/boutons/services-over.jpg'); /* source de l'image d'arrivée */
     } 
	 
#credits
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 320px;
height: 430px;
margin-left: -160px; /* moitié de la largeur */
margin-top: -215px; /* moitié de la hauteur */
border: 1px solid #6C0A0A;
z-index:51;
}

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