/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
<lien url="http://www.siteduzero.com">http://www.siteduzero.com</lien>
*/




body
{
   width: 760px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;    
   background-image: url("images/fond.png");
   background: #dbcece
}

/* L'en-tête */



/* Generated via www.cssmenubuilder.com */



.menu{margin:0 auto; padding:0; height:24px; width:100%; display:block; background:url('topMenuImages1.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(red); text-decoration:none; font-weight:bold;font:11px century gothic,Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font-weight:bold;font:13px century gothic,Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(red);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}


/* Le menu */

#menu
{
   float: left;
   width: 120px;
}

.element_menu
{
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */

#corps
{
margin-top: 25px;
   margin-left: 0px;
   margin-bottom: 40px;
   padding: 0px;   
   color: #B3B3B3;
   background-color: #dbcece;
    background-repeat: repeat-x;
   
 
}

#corps h1
{
font-size: 14px;
 color: red;
padding-left: 0px;
   font-family: century gothic,Arial, "Arial Black", "Times New Roman", Times, serif;
   background-image: url("parchemin.jpg");
   background-repeat: no-repeat;
  background-position:top center; 
   
}

#livre
{
	
   height: 450px;
   width: 640px;
margin-left :60px;
 margin-right : 60px;
 margin-top : 50px;
 color : rgb(255,255,196);
  background:rgb(30,98,158);
  text-align: center;
}

#corps h2
{

font-size: 14px;
     height: 20px;
   background-repeat: no-repeat;
   font-family: century gothic,Arial, "Arial Black", "Times New Roman", Times, serif;

   color:#800080;
   text-align: left;
}

#corps h3
{

font-size: 14px;
     height: 20px;
   background-repeat: no-repeat;
   font-family: century gothic,Arial, "Arial Black", "Times New Roman", Times, serif;
  
 color:#800080;
   text-align: left;
}

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

#pied_de_page
{
  padding: 0px;

   text-align: center;

   color:#9CD600;
   background-color: #FFFFCE;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 1px solid black;
}

table
{
   
   margin-left: 1px;
   margin-bottom: 50px;
   height:px;
   width:757px;
   padding: 5px;
  
   border-collapse: collapse;
}

th
{
   background-color: #DDDDDD;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: left;
   height:20px;
}

td
{
background-color:white;
   vertical-align: center; /* Alignement vertical, le contenu des cellules sera placé en bas */
   border: 1px solid rgb(240,240,240);
   color:#8686FF;
   font-family: "Century gothic","Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif ;
   text-align: left;
   padding: 0px;
   margin: 0px;
    height:20px;
}



input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}

label
{
   color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
}

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #FFFFCC;
}