html {
font-size: 100%;
}

      body {
      width: 950px;
      background-color: #dff2f9;
      font-family: Verdana, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
      color: #004040;
      font-size: .8em;
      font-weight: normal;
      }

      a img {
      border: 0px;
      }

    .p {
     text-align: justify;
    }

      #conteneur {
      position: relative;
      max-width: 950px;
      min-width: 950px;
      height: auto;
      margin: -10px;
      padding: 10px 10px 10px 10px;
      text-align: justify;
      }

      #menu {
      position: absolute;
      float: left;
      margin-left: 0px;
      width: 180px;
      font-size: 1em;
      }

      ul, li {	/* utilisation de liste pour le menu */
      list-style-type: none;	/* suppression des puces de liste */
      margin:0;
      padding:0;
      }
      ul {
      position: absolute;	/* positionnement pour IE5 et IE5.5 */
      top: 0px;
      padding-top: 30px;
      background: transparent url(img/MenuPhotos.jpg) top left no-repeat;	/* arrière-plan général du menu */
      width: 180px;
      text-align: center;
      letter-spacing: -1px;
      }
      li {display: inline;}	/* correction pour IE5 et IE5.5 */
      li a {	/* dimensions et définitions des boutons */
      display: block;	/* mise en block de <a> pour lui donner des dimensions */
      height: 30px;
      width: 180px;
      color: #004040;
      font-weight : bold;
      text-decoration: none;
      text-shadow: -1px -1px 1px #000000;
      line-height: 25px;	/* hauteur de ligne pour éviter les paddings */
      }
      li a:hover {
      color: #400000;
      font-weight : bold;
      background: transparent url(img/MenuPhotos.jpg) top left no-repeat;
      text-shadow: -1px -1px 1px #fa9824;
      }

      a#menu1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
      background-position: 0% -570px;
      }
      a#menu2:hover {
      background-position: 0% -600px;
      }
      a#menu3:hover {
      background-position: 0% -630px;
      }
      a#menu4:hover {
      background-position: 0% -660px;
      }
      a#menu5:hover {
      background-position: 0% -690px;
      }
      a#menu6:hover {
      background-position: 0% -720px;
      }
      a#menu7:hover {
      background-position: 0% -750px;
      }
      a#menu8:hover {
      background-position: 0% -780px;
      }
      a#menu9:hover {
      background-position: 0% -810px;
      }
      a#menu10:hover {
      background-position: 0% -840px;
      }
      a#menu11:hover {
      background-position: 0% -870px;
      }
      a#menu12:hover {
      background-position: 0% -900px;
      }
      a#menu13:hover {
      background-position: 0% -930px;
      }
      a#menu14:hover {
      background-position: 0% -960px;
      }
      a#menu15:hover {
      background-position: 0% -990px;
      }
      a#menu16:hover {
      background-position: 0% -1020px;
      }
      a#menu17:hover {
      background-position: 0% -1050px;
      }


      #entete {
      text-align: center;
      padding-bottom: 10px;
      }

    #contenu {
      position: relative;
      float: right;
      margin: 0px;
      max-width: 740px;
      min-width: 740px;
      height: auto;
      padding: 10px 10px 10px 10px;
    }

   .separateur {
    height: 75px;
    text-align: center;
    padding-top: 20px;
    }

    .lecteur {
    height: auto;
    text-align: center;
    vertical-align: middle;
    }

.photoflotl p{
  text-align:justify;
}

.photoflotl img{
  float:left;
  padding: 10px 10px 10px 0;
}

.photoflotr p{
  text-align:justify;
}

.photoflotr img{
  float:right;
  padding: 10px 0 10px 10px;
}

.photo {
clear: both;
text-align: center;
  padding: 10px 10px 10px 0;
}

.h2 {
text-align: center;
font-size: 1.5em;
text-shadow: -1px -1px 1px #fa9824;
font-weight: bold;
}

.retourh2p {
 text-align: center;
padding: 50px 10px 10px 10px;
}