/**
 * Les règles C.S.S. propres aux pages en forme de livre (plusieurs pages
 * défilant horizontalement).
 */

div#livre {
  height: 395px;
  position: relative;
}

  div#livre div.page {
    float: left;
    height: 395px;
    overflow: auto;
    padding-left: 20px;
    /*position: relative;*/
    width: 850px;
  }
  
    div#livre div.page div.illustration {
      float: right;
      margin-bottom: 10px;
      margin-left: 20px;
    }
    
      div#livre div.page div.illustration img {
        /*height: 306px;
        width: 451px;*/
      }
      
    div#livre div.page ul.sommaire {
      list-style-type: none;
    }
    
      div#livre div.page ul.sommaire li {
        font-size: 9pt;
        font-weight: bold;
        padding: 2px 0;
      }
      
        div#livre div.page ul.sommaire li a {
          color: #908885;
          text-decoration: none;
        }
        
        div#livre div.page ul.sommaire li a:hover {
          color: #dc002e;
          text-decoration: underline;
        }
        
    div#livre div.page p.libelle {
      font-size: 18pt;
      margin-top: 5px;
      text-transform: capitalize;
      width: 300px;
    }
    
    div#livre div.page p.nom {
      font-size: 20pt;
      font-weight: bold;
      margin-bottom: 5px;
      text-align: center;
      text-transform: capitalize;
      width: 300px;
    }
    
    div#livre div.page div.texte {
      line-height: 1.5em;
      margin-top: 25px;
      font-size: 10pt;
    }
    
      div#livre div.page div.texte h2 {
        background-image: url("../images/corps/puce.gif");
        background-position: left;
        background-repeat: no-repeat;
        color: #dc002e;
        font-size: 12pt;
        font-weight: bold;
        margin-bottom: 10px;
        padding-left: 10px;
      }
      
      div#livre div.page div.texte p {
        margin-top: 1em;
      }
      
      div#livre div.page div.texte ul {
        list-style-type: none;
      }
      
        div#livre div.page div.texte ul li {
        }
        
          div#livre div.page div.texte ul li ul {
            margin-left: 30px;
          }
          
            div#livre div.page div.texte ul li ul li {
            }



div#couverture {
  background-image: url("../images/corps/page_arrierePlan.png");
  background-position: bottom;
  background-repeat: no-repeat;
  display: none;
  height: 470px;
  left: 0;
  padding: 38px 40px 6px 68px;
  position: absolute;
  top: 0;
  width: 870px;
  z-index: 1;
}