#imagemiddle {position: absolute;
      z-index:3;
      margin: 0;
      padding: 0;
      top: 20;
      left: 250;
      width: 550px;
      height: 500px;
      }
#imagemiddle2 {position: absolute;
      z-index:3;
      margin: 0;
      padding: 0;
      top: 60;
      left: 250;
      width: 550px;
      height: 500px;
      }
#txtmiddle {position: absolute;
      z-index:2;
      margin: 0;
      padding: 0;
      top: 20;
      left: 250;
      width: 551px;
      height: 500px;
      }
#title {position: absolute;
      z-index:1;
      top: 10px;
      left: 210px;
      width: 400px;
      height: 30px;
      display: block;
      }
.paul {
 font-family: "Times";
 font-size: 24px;
 font-style: bold;
 font-weight: normal;
 color: yellow;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.titrebig {
 font-family: "Times";
 font-size: 24px;
 font-style: bold;
 font-weight: normal;
 color: yellow;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.titrebigwhite {
 font-family: "Times";
 font-size: 24px;
 font-style: bold;
 font-weight: normal;
 color: white;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.titremiddle {
 font-family: "Times";
 font-size: 20px;
 font-style: bold;
 font-weight: normal;
 color: yellow;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.titrelittle {
 font-family: "Times";
 font-size: 18px;
 font-style: bold;
 font-weight: normal;
 color: yellow;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.titrelittle2 {
 font-family: "Times";
 font-size: 16px;
 font-style: bold;
 font-weight: normal;
 color: yellow;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
/*  de geants */
.expo {
 font-family: "Times";
 font-size: 8px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}
.sup    {
    line-height:60%;
    font-size:50%  ;
    vertical-align: top ;
}
/* de oeuvre  */
.titre {
 font-family: "Times";
 font-size: 18px;
 font-style: bold;
 font-weight: normal;
 color: white;
 text-decoration: none;
 text-align: center;
 margin-top: 10px;
}
.titre2 {
 font-family: "Times";
 font-size: 18px;
 font-style: bold;
 font-weight: normal;
 color: white;
 text-decoration: none;
 text-align: center;
 margin-top: 10px;
}
.pied {
 font-family: "Times";
 font-size: 10px;
 font-style: normal;
 font-weight: normal;
 color: white;
 text-decoration: none;
 text-align: right;
 margin-right: 5px;
}
.biographie {
 font-family: "Times";
 font-size: 14px;
 font-style: normal;
 font-weight: normal;
 color: #FFFF80;
 text-decoration: none;
 text-align: justify;
/* text-indent: 10px;  */
 margin-right: 10px;
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}
.commentaires {
 font-family: "Times";
 font-size: 14px;
 font-style: normal;
 font-weight: normal;
 color: #A6A6A6;
 text-decoration: none;
 text-align: justify;
 margin-right: 10px;
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}
.commentaires2 {
 font-family: "Times";
 font-size: 18px;
 font-style: normal;
 font-weight: normal;
 color: #A6A6A6;
 text-decoration: none;
 text-align: center;
margin: 10px;
}
.colonnes {
 font-family: "Times";
 font-size: 14px;
 font-style: normal;
 font-weight: normal;
 color: #00C0C0;
 text-decoration: none;
 text-align: center;
 margin-right: 10px;
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}
/* de artiste  */
.auteur {
 font-family: "Times";
 font-size: 20px;
 font-style: italic;
 font-weight: bold;
 color: orange;
 text-align: right;
 margin-right: 30px;
}
/* de atelier */
#numdepage1
      {position: absolute;
      z-index:10;
      top: 534;
      left: 463;
      width: 30px;
      }
#numdepage2
      {position: absolute;
      z-index:10;
      top: 534;
      left: 943;
      width: 30px;
      }
#bouton2
      {position: absolute;
      z-index:1010;
      top: 31;
      left: 530;
      width: 120px;
      }
/* de contact   */
.titrebiggray {
 font-family: "Times";
 font-size: 24px;
 font-style: bold;
 font-weight: normal;
 color: gray;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.titrebigwhite {
 font-family: "Times";
 font-size: 24px;
 font-style: bold;
 font-weight: normal;
 color: white;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.titrelittlegray {
 font-family: "Times";
 font-size: 18px;
 font-style: bold;
 font-weight: normal;
 color: gray;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.titrelittle2 {
 font-family: "Times";
 font-size: 16px;
 font-style: bold;
 font-weight: normal;
 color: yellow;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
/* de dedicace  */
.lettrine {
 font-family: Pristina, Comic,Times;
 font-size: 36px;
 font-style: bold;
 font-weight: bold;
 color: orange;
 text-decoration: none;
 text-align: justify;
 line-height: 48px;
}
.dedicace {
 font-family: "Comic";
 font-size: 18px;
 font-style: normal;
 font-weight: normal;
 color: orange;
 text-decoration: none;
 text-align: justify;
 margin-right: 10px;
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}
#pieddepage {position: absolute;
      z-index:100;
      top: 460;
      left: 580;
      border-top: 0;
      border-left: 0;
      border-right: 0;
      border-bottom: 0px solid orange;
      }
.plan {
      color: gray;
      font-size: 12px;
      text-align: center;
      }
      .times28white {
 font-family: "Times";
 font-size: 28px;
 font-style: normal;
 font-weight: normal;
 color: white;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}
.times18white {
 font-family: "Times";
 font-size: 18px;
 font-style: normal;
 font-weight: normal;
 color: white;
 text-decoration: none;
 text-align: center;
 margin-top: 4px;
}