body,html {
  margin:0;
  padding:0;
  background:#6D8634 url('/images/fond.jpg') repeat-x top left;
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px;
  height:100%;

}

h1 {
  color:#037CAE;
  margin:0 0 10px 0;
  padding:0;
  font-size:21px;
}

h2 {
  color:#037CAE;
  margin:10px 0 5px 0;
  padding:0;
  font-size:14px;
}

h3 {
  color:#D51934;
  margin:10px 0 5px 0;
  padding:0;
  font-size:12px;
}

p {
  margin:10px 0 5px 0;
}

a {
  color:#037CAE;
}

img {
  border:none;
}

#container {
  background-color:white;
  width:1000px;
  margin:auto;
  min-height:100%;
}

#bandeau {
  display:block;
}

#jeu {
  position:absolute;
  top:165px;
  left:795px;
  z-index:99;
}

#menu, #menu li, #menu li a{
  box-sizing:content-box;
}

#menu {
  font-size:13px;
  float:left;
  position:relative;
  display:block;
  z-index:100;
  top:0;
  left:0;
  margin:0;
  padding:10px 25px 90px 0;
  list-style:none;
  width:200px;
  background:transparent url('/images/fond_menu.png') no-repeat bottom left;
}

#menu li {
  position:relative;
  display:block;
  margin:0;
  padding:0;
  list-style:none;
}

#menu li a {
  display:block;
  text-decoration:none;
  color:black;
}

#menu > li > a {
  padding:0 0 20px 34px;
  font-weight:bold;
  line-height:1.5em;
}

#menu li:hover > a, #menu li.on > a {
  color:#0567A2;;
}

#menu > li:hover > a, #menu > li.on > a {
  background:transparent url('/images/puce_on.png') no-repeat top left;
}

#menu li ul {
  display:none;
  position:absolute;
  top:0;
  left:100%;
  background-color:white;
  width:200px;
  margin:0;
  padding:0;
  border-width:1px 0 0 0;
  border-style:solid;
  border-color:black;
}

#menu li:hover ul {
  display:block;
}

#menu li ul li {
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:black;
}

#menu li ul li a {
  padding:3px 10px;
}

#mentions {
  display:block;
  clear:both;
  text-align:center;
  padding:1em 0;
  font-size:9px;
  color:#B8BAB9;
}

#contenu {
  float:left;
  width:560px;
  padding:10px 0 50px 0;
  overflow:auto;
}

#droite {
  margin-left:785px;
  background:transparent url('/images/fond_droite.png') no-repeat top left;
  padding:10px 15px;
  min-height:100px;
}

#imprime {
  display:block;
  margin:10px 0 34px 10px;
  text-decoration:none;
}

#droite address {
  font-style:normal;
  background:transparent url('/images/puce_adresse.png') no-repeat top left;
  padding-left:13px;
  line-height:1.5em;
}

#droite address strong {
  display:block;
  padding-bottom:5px;
  color:#037CAE;
}

#titreFilInfo {
  color:#037CAE;
  padding-left:10px;
}

#filInfoContainer {
  font-weight:bold;
  border:1px solid #037CAE;
  font-size:14px;
  line-height:1.5em;
  margin-bottom:13px;
}

#filInfo, #filInfo li {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
}

#filInfo li.blanc {
}
#filInfo li.jaune {
  background:transparent url('/images/fondfilinfo_jaune.png') repeat-y top left;
}
#filInfo li.orange {
  background:transparent url('/images/fondfilinfo_orange.png') repeat-y top left;
}
#filInfo li.rouge {
  background:transparent url('/images/fondfilinfo_rouge.png') repeat-y top left;
}

.filInfoItem
{
  padding:10px 3px 10px 20px;
  margin:0 0 10px 0;
  border-width:0 0 1px 0;
  border-style:dotted;
  border-color:#037CAE;
  font-weight:normal;
  font-size:12px;
  line-height:1.3em;
}
.filInfoItem h3
{
  margin:0;
  color:black;
  font-weight:bold;
  font-size:14px;
}

#cadre {
  position:absolute;
  top:40px;
  left:0;
  width:806px;
  overflow:hidden;
  padding-bottom:20px;
  text-align:right;
}

#carte {
  position:relative;
  z-index:1;
  clip:auto;
  top:0px;
  left:0px;
}

#carte.region1 {
  position:relative;
  z-index:1;
  clip:auto;
}

#carte.region2 {
  position:relative;
  z-index:1;
  clip:auto;
  top:0px;
  left:-635px;
}

#carte.region3 {
  top:-635px;
  left:0px;
}

#carte.region4 {
  top:-635px;
  left:-635px;
}

#contact {
  display:block;
  width:410px;
  height:600px;
  float:left;
}

#contact ul {
  font-weight:bold;
  display:block;
  list-style:none;
  margin:0;
  padding:0;
}

#contact ul li {
  padding:.5em 0;
}

#contact ul li ul {
  font-weight:normal;
  margin:0 0 0 2em;
  padding:auto;
}

#contact ul li ul li{
  padding:0;
}

#contact label {
  display:block;
  float:left;
  clear:left;
  width:100px;
  text-align:right;
  margin:0;
  padding:0 10px 0 0;
}

#contact input, #contact select, #contact textarea {
  color:#0567A2;
  border:1px solid #0567A2;
}


#contact input, #contact textarea {
  width:280px;
}

#contact ul li ul label {
  width:100px;
}

#contact ul li ul input {
  width:250px;
}

#contact input.radio {
  display:inline;
  width:auto;
  border:none;
}

#lignes {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  clear:both;
}

#lignes a {
  display:block;
  font-size:1.5em;
  text-decoration:none;
  padding:1em 0 0 250px;
}

#lignes h2 {
  color:white;
  line-height:2em;
  padding-left:20px;
}

#lignes h3 {
  color:black;
}

#lignes ul li {
  list-style-type:disc;
}

#lignes ul li ul li {
  list-style-type:none;
}

.note {
  cursor:pointer;
  cursor:hand;
}

table.horaires {
  border-collapse:collapse;
}

table.horaires caption {
text-align:left;
padding:.5em;
font-style:italic;
}

table.horaires th,table.horaires td {
  border:1px solid #F0B40E;
  width:2.8em;
  height:2.5em;
  text-align:center;
}

table.horaires td ul {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  color:#0000ff;
}

#contact input#valider {
  display:inline;
  width:auto;
}

.msg {
  color:red;
}

@media print {

  body,html {
    width:auto;
  }

  #bandeau, #menu, #mentions, #droite {
    display:none;
  }

  #contenu {
    position:static;
    margin:0;
    padding:0;
    width:auto;
    height:auto;
  }

  #lignes a {
    display:none;
  }

}