body
{
   width: 780px;
   margin: auto;
   margin-top: 10px;
   margin-bottom:0px; 
   background-color: rgb(175,228,208);   
   background-image: url("Views from Ross/Ross on Wye Web.png");
   background-repeat: no-repeat; /* Le fond ne se répète pas */
   background-position: center; /* Le fond est centré */
   background-attachment: fixed; /* Le fond est fixé */
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: blue; /* En bleu */
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 160px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 5x;
}
.presentation
{
margin-top:10px;
font-family: Times, "Times New Roman", Arial, "Arial Black", Comic, "Comic Sans MS", "Trebuchet MS", Georgia, serif;
text-align: center;
font-weight: bold;
font-size: 25px;
color : indigo; /*lavenderblush*/
}
em
{
   font-size:30px;
   background-color: #f5fffa;
}


/* Le menu */

#menu
{
   float: center;
   width: 10px;
   margin-bottom:10px;
}

.element_menu
{
   float:left;
   background-image: url("fond.png");
   background-position: center; /* Le fond est centré */
   background-repeat: no-repeat; 
   text-align: center;
   font-variant: normal;
   font-weight: bold; /*en gras*/
   color: #fc5a00;/*dodgerblue*/
   font-family: Times, "Times New Roman", Arial, "Arial Black",  serif;
  }

/* Quelques effets sur les menus */

.element_menu ul
{
   padding: 0px;
   padding-left: 0px;
   margin: 20px;
}

.element_menu a
{
   color: #191970;
   font-weight : bold;
}
p
{
   text-indent: 100px;
}
 a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
   background-color: #FFCC66;
}
 a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #FFCC66;
}
a /* Lien normal */
{
   text-decoration: blink;
   color: teal;
   font-style: italic;
}

.mailto
{
color : purple;
text-align:right;
}

/* Listes à puces non ordonnées */
.rien
{
   list-style-type: none;
}

.surf
 {
 text-align:center;
 margin-top:5px; /*remettre à120px s'il n'y a pas d'infos spéciales*/
 text-decoration:blink; /*le texte sera clignotant*/
 font-size: 65px; /* Allez, soyons fous, grossissons le texte :o;) */
 font-weight: bold; /*en gras*/
 font-style: oblique; /*en italique*/
 color: teal;
 }
 
 
.surf2
 {
 text-align:center;
 margin-top:5px; /*remettre à120px s'il n'y a pas d'infos spéciales*/
 text-decoration:blink; /*le texte sera clignotant*/
 font-size: 35px; /* Allez, soyons fous, grossissons le texte :o;) */
 font-weight: bold; /*en gras*/
 font-style: oblique; /*en italique*/
 color: teal;
 }
 
 .infos
 {
 text-align:center;
 margin-top:10px; /*remettre à120px s'il n'y a pas d'infos spéciales*/
 margin-bottom:0px; 
 text-decoration:blink; /*le texte sera clignotant*/
 font-size: 35px; /* Allez, soyons fous, grossissons le texte :o;) */
 font-weight: bold; /*en gras*/
 font-style: oblique; /*en italique*/
 color: red;
 }
 
 
 
.version
{
   float:right;
   margin-top:50px;
}


#pied_de_page /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
{
   width: 760px;
   height: auto;
   margin-top:150px;/*remettre à190px s'il n'y a pas d'infos spéciales et 35 si infos*/
   padding: 5px;
   font-size:12px;
   font-weight:bold; 
   text-align:center;
   color:indigo;
   background-color: #e6e6fa;
   background-image:none;
   background-repeat: repeat-x;   
   border: 2px solid black;
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}