/*** 
 *** Styles du site d'exemple 
 *** Cours de XHTML/CSS Guillaume Gautreau 
 *** 2005
 ***/
 
/*
 * Style par defaut
 */

body {
    font-family:"Arial",sans-serif;
    background-color:white;
    color:black;
    margin:0;
    padding:10px 0;
}
  
/*
 * Banniere graphique
 */
div#header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100px;
    background-color:#FCC212;
    background-image:url('banniere.gif');
    background-position:bottom left;
    background-repeat:repeat-x;
    color:black;
    text-align:center;
}
div#header h1,
div#header p {
    margin:5px 0 0 0;
}

  /*
   * Pied de page
   */
div#footer {
    width:100%;
    text-align:center;
    font-size:x-small;
    font-family:Helvetica, serif;
    border-top:#aaa solid 1px;
}

  /*
   * Corps
   */
div#contenu {
    margin:140px 5px 100px 235px;
    text-align:justify;
    padding:0 5px;
}
div#contenu img {
    float:right;
    margin:-5px 10px 0 10px;
}

 /*
  *Formulaire
  */
form {
text-align:center;
} 
fieldset {
    padding:20px;
}
fieldset dl dt {
    clear:both;
    float:left;
    width:12em;
    text-align:right;
    margin-right:10px;
    padding:0;
}
fieldset dl dd {
    text-align:left;
    margin:5px 10px;
}

/*
 * Menu d�oulant
 */

div#menuprincipal{
    position:absolute;
    left:0;
    top:0;
    width:215px;
    margin:200px 5px 35px 5px;
    padding:10px 0;
    list-style-type:none;
    border:1px solid #AAA;
}

/**
 ** Menu deroulant
 **/
div#menuprincipal ul{
  list-style-type:none;
  margin:0 30px;
  padding:0;
}
div#menuprincipal ul ul {
  list-style-type:none;
  margin:0 0 0 20px;
  padding:0;
}
div#menuprincipal ul li{
  margin:0;
  padding:0;
}
/* 
 * Pour montrer ou cacher le contenu d'un menu 
*/
div#menuprincipal ul.roll{
  display:none;
}

/*
 * Lien dans le menu
 */
div#menuprincipal a {
    margin-left:18px;
    font-weight:bold;
    color:blue;
}
div#menuprincipal a.parent{
    margin:0 !important;
    margin:0 0 0 -2px;
}

/*
 * Image permettant de montrer ou cacher le contenu d'un menu
 */
div#menuprincipal a.cache_montre{
  position:relative;
  background-image:url('roll_unroll.gif');
  background-repeat:no-repeat;
  display:block;
  height:13px;
  width:13px;
  margin:0;
  background-position:left;
  bottom:-4px;
  float:left;
  margin-right:5px;
  text-decoration:none;
}

div#menuprincipal a.cache_montre.roll{
  background-position:right;
}
.invalide{
    background-color:#D77;
    color:black;
}