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


#head {
  width: 760px;
  height: 140px;
  background-image: url("images/banniere.jpg");
  background-color:#333333;
  background-repeat: no-repeat;
  margin-bottom: 10px; }


#menu {
  float: left;width: 174px;margin-top:2px; }


.rubrique {
  background-color: #333333;
  background-image: url("images/motif.jpg");
  background-repeat: repeat-x;
  height:120px;
  font-size:12px;
  font-family: Trebuchet Ms, "Arial Black", "Times New Roman", Times, serif;
  color: #ffffff;
  border-right: 0px solid #ffcc66;
  padding-top:35px;
  padding-bottom:18px;
  margin-bottom: 10px; }


.rubrique2 {
  background-color: #333333;
  background-image: url("images/motif2.jpg");
  background-repeat: repeat-x;
  height:120px;
  font-size:12px;
  font-family: Trebuchet Ms, "Arial Black", "Times New Roman", Times, serif;
  color: #ffffff;
  border: 0px solid #ffcc66;
  padding-top:35px;
  padding-bottom:18px;
  margin-bottom: 10px; }


.rubrique ul {
  list-style-image: url("images/folder.gif");
  padding: 0px;
  padding-left: 28px;
  margin: 0px;
  font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
  font-size:12px;
  text-decoration:none;
  margin-bottom: 5px; }


.rubrique a
{color: #ffffff;text-decoration:none;font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
  font-size:12px; }

.rubrique a:hover {
  color: #9933ff;
  font-weight:bold;
  font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
  font-size:12px; }








.rubrique2 ul {
  list-style-image: url("images/folder.gif");
  padding: 0px;
  padding-left: 28px;
  margin: 0px;
  font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
  font-size:12px;
  text-decoration:none;
  margin-bottom: 5px; }

.rubrique2 a
{color: #ffffff;text-decoration:none;font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
  font-size:12px; }

.rubrique2 a:hover {
  color: #9933ff;
  font-weight:bold;
  font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
  font-size:12px; }











html>body #corps {
height: auto;
min-height: 420px;
} 


html>body .rubrique {
height: auto;
min-height: 120px;
} 

html>body .rubrique2 {
height: auto;
min-height: 120px;
} 



#corps {
  margin-left: 185px;
  margin-bottom: 10px;
  margin-top:12px;
  padding: 8px;
  padding-bottom:40px;
  font-size:12px;
  font-family: Trebuchet Ms, "Arial Black", "Times New Roman", Times, serif;
  color: #000000;
  height:420px;
  background-color: #ffffff;
  background-image: url("images/otif.png");
  background-repeat: repeat-x;
  border: 1px solid #ffffff; }


#corps h1 {
  color: #0099ff;
  margin-top:15px;
  padding-bottom:0px;
  text-align: left;
  font-size:14px;
  font-family: Verdana, "Arial Black", "Times New Roman", Times, serif; }

#corps h2 {
  color: #999999;
  padding-top:0px;
  font-weight:bold;
  padding-bottom:0px;
  text-align: left;
  font-size:11px;
  font-family: Trebuchet Ms, "Arial Black", "Times New Roman", Times, serif; }



#footer {
  padding: 5px;
  text-align: center;
  color: #333333;
  margin-left: 185px;
  font-size:12px;
  font-family: Trebuchet Ms, "Arial Black", "Times New Roman", Times, serif;
  height:auto;
  background-color: #666666;
  background-image: url("images/otif.png");
  background-repeat: repeat-x;
  border: 0px solid #333333; }