*
Design de clav
Réalisé moi
*/

body
{
   width: 842px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background: url("/images/makeimg.gif");
}

/* L'en-tête */

#en_tete
{
   width: 1px;
   height: 1px;
   background-image: url("images/banniere2.gif");
   background-repeat: no-repeat;
   margin-bottom: 20px;
}


/* Le menu */

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

/* Quelques effets sur les menus */

#navlist
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}


#corps
{
   margin-left: 160px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #4B4B4B;
   background-color: #0099CC;
   background-image: url("images/ziq.jpg");
   background-repeat: repeat-x;
   
   border: 4px ridge teal;
}

#corps h1
{
   color: #FFFFFF;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/cle.jpg");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #FFFF99;
   text-align: left;
}


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

#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: #000000;
   background-color: #3399CC;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}