body{
background-color: #ffffff;
color: #000000;    /* couleur du texte */
font-family: Arial , Helvetica, sans-serif;
 }

/* barres de défilement */
body {scrollbar-face-color: #646464; scrollbar-shadow-color: #646464;
scrollbar-highlight-color: #ffffff;scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff}

form               /* pas de marge pour les formulaires */
{
margin: 0px;
}

.comic{font-family: "Comic sans MS" , Arial , Helvetica, sans-serif;}

/* style pour les bulles 'alentour du monument */
.alentour{
color: #ffffff; /* couleur du texte */
font-family: Arial , Helvetica, sans-serif;
font-size: 14;
 } 

/* style pour barre du bas */
.bas{
background-color: #646464; /* couleur du fond */
color: #ffffff;            /* couleur du texte */
font-family: Arial , Helvetica, sans-serif;
font-size: 12;
 }

/* style pour séparation */
.separation{
background-color: #ffffff; /* couleur du fond */
color: #000000;            /* couleur du texte */
font-family: Arial , Helvetica, sans-serif;
font-size: 16;
 }

/* style pour menu horizontal */
.menu_h{
background-color: #ffffff; /* couleur du fond */
color: #000000;            /* couleur du texte */
font-family: Arial , Helvetica, sans-serif;
font-size: 11;
 }

/* style pour police arial */
.arial{
font-family: Arial , Helvetica, sans-serif;
 }

a:link{	color: rgb(0,0,0); }
a:visited{color: rgb(0,0,0); } 
a:active {color: rgb(255,0,0);}
A:hover {color:#00ff00; text-decoration:none; } 

INPUT {color:#ffffff;background-color:#aaaaaa;font-size:16px;font-family:Arial;font-weight:bold}
SELECT {color:#000000;background-color:#ffffff;font-size:16px;font-family:arial;font-weight:bold}
TEXTAREA {color:#ffffff;background-color:#aaaaaa;font-size:16px;font-family:Arial;font-weight:bold}

@font-face {
font-family: police2;
font-style: normal;
font-weight: normal;
src: url(police2.eot);
}

.policec {
font-family: police2, Arial, sans-serif;
font-size: 23px;
color: #0000ff;
}
.policed {
font-family: police2, Arial, sans-serif;
font-size: 32px;
color: #0000ff;
}

a.vertical {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 13;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 3px outset #cccccc;
  display: block;
  width: 100px;
}

a.annu:visited {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 3px outset #cccccc;
  display: block;
  width: 100px;
}
a.annu:hover {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, helvetica, sans-serif;
  border: 3px inset #cccccc;
}

a.vertical:visited {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 3px outset #cccccc;
  display: block;
  width: 100px;
}
a.vertical:hover {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, helvetica, sans-serif;
  border: 3px inset #cccccc;
}

a.bouton {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 13;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 3px outset #cccccc;
  display: block;
}
a.bouton:visited {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 3px outset #cccccc;
  display: block;
}
a.bouton:hover {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, helvetica, sans-serif;
  border: 3px inset #cccccc;
}

/* liens dans le texte effet surligné en jaune */
a.survol {
  color: #000000;
  text-decoration: underline;
  text-align: center;
  padding: 0px;
}
a.survol:visited {
  color: #000000;
  text-decoration: underline;
  text-align: center;
  padding: 0px;
}
a.survol:hover {
  color: #ff0000;
  text-decoration: none;
  background-color: #ffff00;
}

/* liens dans le texte effet surligné en jaune, écriture en gras */
a.survol_gras {
  color: #222222;
  font-size: 12px;
  text-decoration: underline;
  text-align: center;
  padding: 0px;
}
a.survol_gras:visited {
  color: #222222;
  font-size: 12px;
  text-decoration: underline;
  text-align: center;
  padding: 0px;
}
a.survol_gras:hover {
  color: #ff0000;
  font-size: 14px;
  text-decoration: none;
  background-color: #ffff00;
  font-weight: bold;
  
}


.conteneur {
  padding-top: 100px;
  padding-left: 10px;
}
.bloc {
  width: 100px;
  height: 100px;
} 

.lettrine3 { float: left;
            font-family: Georgia, Times New Roman, Times, serif;
            font-size: 3em; 
            font-weight: bold; 
            color: #000000; 
            background-color: #ffffff;
            border: 1px solid #000000; /* définition d'une bordure autour de la lettrine*/
	    margin: 1px;
            padding: 1px;
            line-height: 1em;
 }

/* bouton image */
a.bi img { opacity: 1.0; filter:alpha(opacity=100); }
a.bi:visited img { opacity: 1.0; filter:alpha(opacity=100); }
a.bi:hover img { opacity: 0.7; filter:alpha(opacity=60); }