/* Pour toutes les pages */
body {
   font-family: Georgia, "Times New Roman", Times, serif;
   background-color: #000033;
   color: #FFFFFF;
   width: 701px;
   position: absolute;
   left: 50%;
   padding: 15px;
   margin-left: -365px;
}
.spaceur { /* Pour faire passer les cadre à la ligne */
   clear: both;
   visibility: hidden
}
p {
   text-align: justify
}

/*  les liens  */
a:visited {
   color: #FFFFFF;
   background-color: #000033;
   text-decoration: none;
}
a:hover {
   color: #FFFF00;
   background-color: #000033;;
   text-decoration: none;
}
a:active {
   color: #FFFFFF;
   background-color: #000033;;
   text-decoration: none;
}
a:link {
   color: #FFFFFF;
   background-color: #000033;;
   text-decoration: none;
}

/* Formatages de textes */
.center {
   text-align: center
}
.gras {
   font-weight: bold
}
.i {
   font-style: italic
}

/* Les pieds de pages */
.piedpage {
   font-size: x-small;
   text-align: center;
   margin-top: 20px;
}
/* Met les liens de bas de pages sur une ligne avec le bon espacement
* et la ligne verticale de séparation. Le premier lien doit avoir la
* classe first & le dernier la classe last pour que le centrage sur
* la page soit correct */
.piedpage a {
   display: inline;
   padding: 0px 14px 0px 14px;
   border-right: 1px dotted;
}
.piedpage a.first {
   padding-left: 0px
}
.piedpage a.last {
   border-right: 0px; padding-right: 0px
}

/* Pour les pages d'images */
#img_body { /* définition spécifique pour les pages d'images */
   position: absolute;
   width: 770px;
   height: 475px;
   top: 50%;
   margin-top: -265px;
   left: 50%;
   margin-left: -400px;
}
#img_foot {
   position: absolute;
   top: 470px;
   left: 200px;
}
.img_cadre { /* le cadre qui contient l'image */
   float: left;
   position: absolute;
   height: 471px;
   width: 319px;
   left: 0px;
   top: 0px;
   margin: 5px;
}
.img_cadre_txt { /* Cadre de droite contenant le texte */
   text-align: center;
   float: left;
   position: absolute;
   height: 481px;
   width: 450px;
   left: 345px;
   top: 0px;
}
#img_body h1 {
   font-size: 14px
}
#img_body p {
   font-size: 12px
}

/* pour la page d'index */
#index_body { /* définition spécifique pour la page d'index */
   position: absolute;
   width: 1000px;
   height: 455px;
   top: 50%;
   margin-top: -265px;
   left: 50%;
   margin-left: -500px;
}
#index_piedpage { /* Pour la page d'index */
   width: 530px;
   left: 340px;
   position: absolute;
   margin-top: 0px;
   top: 500px;
}
.index_gauche {
   text-align: justify;
   float: left;
   position: absolute;
   height: 450px;
   width: 110px;
   left: 0px;
   top: 0px;
}
.index_gauche h1 {
   font-family: "Times New Roman", Times, serif;
   font-size: large;
   font-style: italic;
   text-align: center;
   margin: 120px 0px 60px 0px;
}
.index_gauche h2 {
   padding: 0px 5px;
   font-family: "Times New Roman", Times, serif;
   font-size: small;
   font-style: italic;
   text-align: center;
}
#index_centre { /* Cadre central contenant toute les vignettes */
   float: left;
   height: 480px;
   width: 980px;
   position: absolute;
   left: 110px;
   top: 0px;
   padding: 0px 4px 0px 0px;
}
.index_cadre{ /* Les petits cadres contenant les vignettes */
   text-align: center;
   height: 150px;
   width: 160px;
   margin: 4px;
   float: left;
}
.index_cadre h1 {
   text-align: center;
   float: none;
   margin: 0px 0px 3px 0px;
   height: 15px;
   font-family: verdana;
   font-style: italic;
   font-size: 10px;
}
.index_cadre img {
   float: none;
   margin: 0px 9.5px 0px 9.5px;
}
.index_cadre p {
   text-align: center;
   float: none;
   margin: 0px 3px 0px 3px;
   padding: 25px 0px 0px 0px;
   font-family: "Times New Roman", Times, serif;
   font-size: 12px;
   margin-left: 40px;
   height: 78px;
   width: 80px;
}

/* Pour la page de dédicace */
#dedicace_body {
   position: absolute;
   width: 500px;
   top: 50%;
   margin-top: -240px;
   left: 50%;
   margin-left: -268px;
   padding: 50px 0px 0px 0px;
}
#dedicace_body p {
   text-align: center;
   line-height: 30px;
   font-style: oblique;
   margin-bottom: 100px;
}

/* Pour la page d'accueil */
#accueil_body { 
   width: 650px;
   left: 50%;
   margin-left: -325px;
   margin-top: 40px;
   margin-bottom: 60px;
}
#accueil_body h1 {
   font-family: "Times New Roman", Times, serif;
   font-size: 36px;
   text-align: center;
   margin: 25px 0px;
}
#accueil_body h2 {
   font-family: "Times New Roman", Times, serif;
   font-size: 18px;
   text-align: center;
   margin: 0px;
}
#accueil_body h3 {
   font-family: "Times New Roman", Times, serif;
   font-size: 18px;
   text-align: center;
   margin: 0px 0px 40px 0px;
}
#accueil_body .credits {
   font-family: "Times New Roman", Times, serif;
   font-size: 14px;
   font-style: italic;
   text-align: center;
   margin: 0px 0px 20px 0px;
}
#accueil_body p {
   text-align: justify;
   margin: 20px 0px;
}
#accueil_body .dedicace {
   font-size: 17px;
   text-align: center;
   line-height: 30px;
   margin: 40px 0px;
}
#accueil_body li {
   text-align: justify;
   list-style-position: outside;
   list-style-type: circle;
   margin: 0px 0px 10px 20px;
}
#accueil_body .signature {
   text-align: right;
   margin-top: 20px;
   margin-right: 10px;
   margin-bottom: 40px;
   margin-left: 0px;
   font-family: "Times New Roman", Times, serif;
   font-size: 14px;
   font-style: italic;
}