/* CSS pour  BIBLIOTHEQUE */

body
{
   width: 800px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("../images/fonds/fond_porte_02.jpg");
   
   font-family: "Courrier", Times New Roman, Verdana, serif; /* On essaie d'avoir Courrier en priorité */
   font-size: 100%;
   color: black;
   }
 
 

   
strong /* ... et les mots importants en vert clignotant ! (ne fonctionne pas sous Internet Explorer) */
{
   font-variant: small-caps;
   color: green;
   text-decoration: blink;
}

 p:first-line /* La première ligne de chaque paragraphe */
{
   font-variant: small-caps; /* En petites capitales */
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.5em; /* Ecrit plus gros que la normale */
   color: #FFD124; 
   background-color: #712400
}

p
{
   text-indent: 20px;
}

a /* Tous les liens */
{
   color: blue;
   font-variant: small-caps;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   
}

a:hover /* Quand on pointe sur un lien */
{
   background-color: #805000;
   color: #EACEB0;
}

a img 
{
border: none
}

h1
{
font-variant: small-caps;
text-align: center;
color: #DB9406
}

h1:first-letter /* La première lettre de chaque titre */
{
   font-weight: bold; /* En gras */
   font-size: 1.3em; /* Ecrit 1.3 X plus gros que la normale */
   color: yellow; 
   background-color: #6F3700
}

h2
{
font-variant: small-caps;
font-size: 1.15em;
text-align: center;
color: grey;
}
h2:first-letter /* La première lettre de chaque titre */
{
   font-weight: bold; /* En gras */
   font-size: 1.3em; /* Ecrit 1.3 X plus gros que la normale */
   color: #FFCC00; 
   background-color: #8B6238;
}
h3
{
font-variant: small-caps;
text-align: center;
color: #A78E4B
}



#en_tete
{
   width: 800px;
   height: 248px;
   background-image: url("../images/parchemins/parchemin_top_08.png");
   
   color: black;
}

/* Le menu */

#menu1
{
   float: left; /* Le menu flottera à gauche */
   width: 80px; /* Très important : donner une taille au menu */
   background-image: url("../images/parchemins/parchemin_left_07_small.png");
   border: 0px;
}
.element_menu a
{
font-variant: normal;
}

#menu2
{
   float: right; /* Le menu flottera à droite */
   width: 80px; /* Très important : donner une taille au menu */
   background-image: url("../images/parchemins/parchemin_right_07_small.png");
   border: 0px;
}


/* Le corps de la page */

#corps
{
   width: 620px;
   margin-left: 80px;
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 15px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   text-align: justify;
   color: black;
   background-image: url("../images/parchemins/parchemin_body_08.png");
   background-repeat: repeat x;
   border: 0px; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
corps:img
{
text-align: center
}
/* Un tableau*/

table
{
   margin: 3px;
   font-size: 0.85em;
   text-align: justify;
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
th
{
   font-style: small caps;
   text-align: center;
   }
   
td
{
   border: 4px outset maroon; /* Bordure du tableau avec effet 3D (outset) */
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
  	width: 800px;
	height: 207px;
	
   text-align: center;
   color: black;

   background-image: url("../images/parchemins/parchemin_bottom_07.png");
   background-repeat: no-repeat;
   
   border-top: 0px;
}