body
{
   background-image: url("images/fond1_1.jpg");     /* C'est le fond de la page web */ 
}

.en_tete
{
   width: 400px;
   height: 120px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-top: 10px;
   text-align: center;
   margin-top: 2px;
 }

/* Le menu */

#menu
{
   float: left;
   width: 135px;
   position: fixed;
 }

.element_menu
{
   background-repeat: repeat-x;
   margin-bottom: 20px; 
}


                                                   /* Quelques effets sur les menus */


.element_menu h3
{   
   color: black;
   font-family: verdana;
   text-align: center;
}

.element_menu ul
{
   padding: 5px;
   padding-left: 5px;
   margin: 5px;
   margin-bottom: 5px;
   list-style-image: url("images/puce_2.GIF");
}

.element_menu a
{
   color: white;
}

.element_menu a:hover
{
   background-color: white;
   color: black;
}

/* Le corps de la page */

#corps
{
   margin-left: 20px;
   margin-bottom: 20px;
   margin-top: 20px;
   padding: 5px;
   color: black;
   text-align: justify;
   background-repeat: repeat-x;
   list-style-image: url("images/puce_1.GIF");
   
}

#corps h1                                                                                         /* Tous les titres h1 du corps */
{
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #d57f2d;
   text-decoration: blink
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   text-align: center;
   background-image: url("images/eau_de_mer.jpg");           /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat;                        /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: white;
   text-align: left;
}

#corps h3 /* Tous les titres h3 du corps */
{
   height: 15px;
   text-align: center;
   background-repeat: no-repeat;                        /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: #1f5911;
}

#corps h4                                             /* Tous les titres h4 du corps */
{
   height: 35px;
   text-align: center;
   background-repeat: no-repeat;                        /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: #d57f2d;
}

#corps h5                                            /* Tous les titres h5 du corps */
{
   height: 35px;
   text-align: center;
   background-repeat: no-repeat;                        /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: #d57f2d;
   text-decoration: blink
}

 
 
#pied_de_page
{
   width: 1150px;
   height: 75px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   text-align: center;
}

.centertext
{
   text-align: center;
}

.photoleft
{
   text-align: 10px;
   margin-left: 25px;
}

.centertext
{
   text-align: center;
}

.auteur
{
margin-left: 550px;
}

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


p
{
   text-indent: 20px;
}

a:active                                                                       /* Quand le visiteur clique sur le lien */
{
   background-color: #d57f2d;
}
a:hover                                                                         /* Quand le visiteur pointe sur le lien */
{
   color: #8cdae8;
   font-style: italic;
}
a                                                                                      /* Lien normal */
{
   text-decoration: none;
   color: #d57f2d;
   
}

strong
{
   position: relative;
   left:250px;
   bottom: 250px;
}

.imageflottante
{
   float: left;
   margin-right: 5px;
   margin-bottom: 15px;
}


.imageflottante_2
{
   float: right;
   margin-left: 5px;
   margin-bottom: 15px;
}