body,html {
	margin:0;
	padding:0;
	background:white url('/images/fond.jpg') no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:976px;
}

h1 {
  color:#F0B40E;
  margin:0 0 10px 0;
  padding:0;
  font-size:22px;
}

h2 {
  color:black;
  margin:10px 0 5px 0;
  padding:0;
  font-size:16px;
}

#aide {
  line-height:30px;
  font-size:16px;
}

h3 {
  color:black;
  margin:10px 0 5px 0;
  padding:0;
  font-size:14px;
}

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

a {
  color:#0567A2;
}

img {
  border:none;
}

#haut {
  height:170px;
  overflow:hidden;
}

#texte_flash {
  position:relative;
  margin:40px 0 0 0px;
  left:976px;
  padding:0;
  color:white;
  font-size:16px;
  font-weight:bold;
}

#imprime {
  position:absolute;
  top:170px;
  left:940px;
  z-index:99;
}

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

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

#menu {
  position:relative;
  display:block;
  z-index:100;
  top:0;
  left:0;
  margin:0;
  padding:15px 0 0 0;
  list-style:none;
  width:170px;
  height:350px;
  background:transparent url('/images/fond_menu.gif') no-repeat top left;
}

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

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

#menu > li > a {
  padding:0 0 0 40px;
  background:transparent url('/images/puce.gif') no-repeat top left;
  font-weight:bold;
}

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

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

#menu li#accueil {
  padding:0 0 0 40px;
}

#menu li#accueil > a{
  height:50px;
  line-height:30px;
}

#menu li#plan {
  padding:0 0 0 35px;
}

#menu li#plan > a{
  height:50px;
}

#menu li#demande {
  padding:0 0 0 31px;
}

#menu li#demande > a{
  height:50px;
}

#menu li#reduite {
  padding:0 0 0 25px;
}

#menu li#reduite > a{
  height:54px;
}

#menu li#titres {
  padding:0 0 0 15px;
}

#menu li#titres > a{
  height:46px;
}

#menu li#pratique {
  padding:0 0 0 2px;
}

#menu li#pratique > a{
  height:53px;
  line-height:30px;
}

#menu li#contactez {
  padding:0 0 0 8px;
}

#menu li#contactez > a{
  height:30px;
  line-height:30px;
}

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

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

#menu li#plan ul {
  top:0;
  left:155px;
}

#menu li#demande ul {
  top:0;
  left:155px;
}

#menu li#reduite ul {
  top:0;
  left:160px;
}

#menu li#titres ul {
  top:0;
  left:150px;
}

#menu li#pratique ul {
  top:0;
  left:140px;
}

#menu li#contactez ul {
  top:0;
  left:140px;
}

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

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

#menu li#mentions {
  top:50px;
  left:00px;
}
#menu li#mentions a {
  background:none;
	font-size:9px;
	color:#B8BAB9;
}

#contenu {
  position:absolute;
  width:800px;
  top:165px;
  left:170px;
  padding:0 0 50px 0;
  min-height:470px;
}

#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:460px;
  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:150px;
  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;
  width:620px;
  line-height:2em;
  padding-left:20px;
}

#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;
}

@media print {

body,html {
  width:auto;
}

#haut {
  height:auto;
}

#texte_flash {
  display:none;
}

#menu {
  display:none;
}

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

#lignes a {
  display:none;
}

}

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

.msg {
  color:red;
}