body{
  margin:0;
  padding:0;
  background:#edeeef;
  font-family: arial, verdana, serif;
}

#intro{
  width:935px;
  height:156px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-450px;
  margin-top:-80px;
  background:url(../graphisme/intro.gif) no-repeat;
}

    h1.langue{
      position:absolute;
      top:100px;
      left:360px;
      font-size:28px;
      color:#68676B;
      font-weight:bold;
      margin:0;
      padding:0;
    }
    
    h1.langue a{
      color:#68676B;
      text-decoration:none;
    }
    h1.langue a:hover{
      color:#a0a0a0;
      text-decoration:none;
    }

#container{
   position:absolute;
   left:50%;
   top:1%;
   margin-left:-460px;
   width:928px;
}
#bannier{
   width:928px;
   height:156px;
   background:url(../graphisme/bannier.gif) no-repeat;
}
    h1.slogan{
      margin:0;
      padding:0;
      color:#91CC21;
      font-size:24px;
      position:absolute;
      top:30px;
      left:320px;
      font-weight:bold; 
    }
    h2.desc{
      margin:0;
      padding:0;
      color:#a0a0a0;
      font-size:16px;
      position:absolute;
      top:58px;
      left:336px;
      font-weight:bold;
      font-variant:small-caps;
    }
    h2.menu_l{
      margin:0;
      padding:0;
      color:black;
      font-weight:bold;
      font-size:14px;
      position:absolute;
      top:15px;
      left:830px;
    }
    h2.menu{
      margin:0;
      padding:0;
      color:black;
      font-weight:bold;
      font-size:14px;
      position:absolute;
      top:110px;
      left:360px;
    }    
    a.menu{
      margin:0 8px 0 8px;
      color:black;
      text-decoration:none;
    }
    a.menu:hover{
      color:#91CC21;
    }



#left{
  float:left;
  background:url(../graphisme/left.gif) repeat-y;
  height:355px;
  width:71px;
  margin:0;  
  padding:0;
}
#right{
  float:right;
  height:355px;
  background:url(../graphisme/right.gif) repeat-y;
  width:14px; 
  margin:0;
  padding:0; 
}

#contenu{
  background:white;
  height:355px;
  margin:0 0 0 71px;  
  padding:0;
}
  h1.n_page{
    margin:0 0 0 10px;
    padding:0;
    color:#b0b0b0;
    font-size:25px;
  }
  .soustitre{
    color:#91CC21;
    font-size:16px;
    font-weight:bold;
  }
  p{
    margin:15px 0 0 10px;
    font-size:12px;
  }
  div.news{
    height:187px;
  }
  div.col_droite{
    float:right;
    width:530px;
    margin-top:15px;
  }
    form{
      margin:0;
      padding:0;
    }
    fieldset{
      border:solid 2px #b0b0b0;
      margin:0 10px 0 0;
      padding:10px;
      width:470px;
    }
    legend{
      margin:0;
      padding:0;
    }
    .lblcorrecte{
      font-size:12px;
      color:#a0a0a0;
    }
    .lblincorrect{
      font-size:12px;
      color:#cc3300;
    }
    .legende{
      font-size:11px;
      margin:0;
      padding:0;
    }
    .rouge{
      color:#cc3300;  
    }
  div.col_droite{
    float:right;
    width:465px;
    margin-top:30px;
    margin-right:70px;
  } 
  div.col_droite_accueil{
    float:right;
    width:430px;
    margin-top:30px;
  } 
  div.col_droite_galerie{
    float:right;
    width:590px;
    height:295px;
    margin:22px 15px 0 0;
    border:solid 2px #e0e0e0;
  }
  ul.m_galerie{
  
  }
  ul.m_galerie li{
    list-style-type:none;
    list-style-image:url(../graphisme/puce_menu.gif);
    margin:0;
    padding:0;
  }
  ul.m_galerie li a{
    text-decoration:none;
    font-size:13px;
    color:#91CC21; 
    font-weight:bold; 
  }
  ul.m_galerie li a:hover{
    color:#b0b0b0;  
  }
  ul.planning{
    list-style-type:none;
    margin-left:25px;
    padding:0;
  }
  ul.planning li{
    list-style-image:url(../graphisme/fleche.gif);
    margin:0;
    padding:0 0 0 5px;
  }
  div.min{
    position:absolute;
    top:10px
    left:10px;
    margin:10px 0 10px 10px;
    width:220px;    
    height:275px;
    overflow:auto;
  }
  div.view{
    float:right;
    margin:10px;
    width:340px;
    height:275px;
    background:#f0f0f0;
    text-align:center;
    
  }
  img.petite{
    margin:5px;
    border:0px; 
  }
  img.grand{
    margin:10px 0 0 0;
  }
  .titre_galerie{
    margin:5px;
    color:#91CC21;
    font-size:16px;
    font-weight:bold;
  }
  a.lien{
    font-size:12px;
    color:#707070;
    font-weight:bold;
    text-decoration:none;
  }
  a.lien:hover{
    color:#91CC21;
    text-decoration:underline;
  }
  

#footer{
   clear:both;
   width:928px;
   height:80px;
   background:url(../graphisme/footer.gif) no-repeat;
}

p.signature{
  margin:0;
  padding:80px 0 0 40px;;
  font-size:11px;
}
a.signature{
  text-decoration:none;
  color:#707070;
}

a.admin{
  margin:0;
  padding:0;
  text-decoration:none;
  position:absolute;
  top:565px;
  left:50px;
  font-size:12px;
  color:#669900;
}

fieldset.admin{
  margin:30px 20px 20px 60px;
  width:260px;

}