/* Generated by KompoZer */
body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-color: black;
  color: white;
}
h2 {
  margin-bottom: 5px;
  margin-top: 0px;
}
.fond {
  background-image: url(images/c_mon_ecole.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
}
#c_mon_ecole {
  float: left;
  position: absolute;
  width: 100%;
}
/*  une ruse pour corriger un bug de IE6 */
#ruse {
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  width: 100%;
}

#bandeau_haut {
  width: 750px;
  height: 120px;
  background-image: url(images/bandeau_haut.png);
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
}
#conteneur {
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  width: 760px;
}
#theme {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 24px;
  color: white;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
  font-weight: bolder;
}
#photo {
  margin: auto;
  text-align: center;
  width: 540px;
}
#photo img {
  border: 2px solid #cccccc;
  margin: 5px;
  padding: 5px;
}
#legende {
  padding-bottom: 10px;
  padding-top: 5px;
  width: 500px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-size: 14px;
  font-weight: lighter;
}
#navigation {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  opacity: 0.5;
  width: 300px;
  margin-top: 5px;
}
.presentation {
  padding-top: 20px;
  text-align: left;
  padding-bottom: 10px;
}
#themes {
  min-height: 500px;
}
#themes img {
  border: 2px solid #cccccc;
  margin: 5px;
  padding: 5px;
}
#logos {
  margin-top: 10px;
  height: 70px;
}