@namespace url(http://www.w3.org/1999/xhtml);

html, body { margin: 0; padding: 0; }
body, input, textarea { font: normal normal normal 12px Arial, Helvetica, sans-serif; }
body { letter-spacing: 0px; word-spacing: 0px; background: #ad5b36 url('img/body_bg.jpg') center repeat; }
ul, ol {
  margin: 0 0 1em 0;
  padding: 0 0 0 40px;
}
p { margin: 0 0 1em 0; }
textarea { padding: 0 5px; }

a { color: #09a; text-decoration: none; }
a:hover { color: #7cd; }

a img { border: none; }

.clear { clear: both; }

#header { border-bottom: 1px solid white; }
/* html #header div.content, * html #container div.content, * html #footer div.content { position: relative; left: 50%; margin-left: -350px; } */
#header div.content { width: 700px; margin: 0 auto;
padding-top: 50px;
}
#header div.content h1 { margin: 0; padding: 0; background: url('img/header.jpg') bottom no-repeat; height: 100px; text-indent: -5000px; }
#header div.content h2 { margin: 0; padding: 0; font-size: 11px; text-align: center; padding: 5px 0; }
#header div.content h2 span { text-transform: uppercase; }
#header div.content h2 b { color: white; }
#header div.content h2 a { color: black; }
#header div.content h2 span b a { color: white; }
#header div.content h2 a:hover { color: #bf8660; }
#header div.content h2 b span { font-size: 15px; }

#container {}
#container div.content {
background: #c96 url('img/content_bg.jpg') center;
width: 700px; margin: 0 auto;
}

#container div.content div#text { font-size: 12px; width: 660px; margin: 40px 0 25px 20px; float: left; background-color: #d9aa7c; }
/* html #container div.content div#text { margin-left: 10px; } */
#container div.content div#text p,
#container div.content div#text ul,
#container div.content div#text li,
#container div.content div#text div,
#container div.content div#text h1,
#container div.content div#text h2,
#container div.content div#text h3,
#container div.content div#text h4,
#container div.content div#text h5,
#container div.content div#text h6 { clear: both; }

#container div.content div#text p { margin: 0 0 1em 20px; }
#container div.content div#text h1,
#container div.content div#text h2,
#container div.content div#text h3,
#container div.content div#text h4,
#container div.content div#text h5,
#container div.content div#text h6 { border-bottom: 1px solid #bf8660; clear: both; }
#container div.content div#text h3 { border-width: 5px; font-size: 1.2em; margin: 5px 0 5px 0; text-align: center; }
#container div.content div#text h4 { border-width: 2px; font-size: 1.1em; margin: 5px 0 0 5px; }
#container div.content div#text h5 { border-width: 1px; font-size: 1em; margin: 0 0 0 10px; }
#container div.content div#text h6 { border-width: 1px; font-size: 1em; margin: 0 0 0 15px; }
#container div.content div#text ul.stages {}
#container div.content div#text ul.stages li { font-weight: bold; clear: both;  }
#container div.content div#text ul.stages ul li { font-weight: normal; clear: both; }
#container div.content div#text ul.stages ul li ul li { clear: none; float: left; border: 1px solid; border-width: 0 1px 1px 0; margin: 0; padding: 0 20px; list-style: none; }
#container div.content div#text ul.stages hr { clear: both; height: 0; border: 0; }

/* Page Contact */
#container div.content div#text div.adresse { text-align: center; padding: 20px 0; }
#container div.content div#text form { margin: 0 0 10px 0; text-align: center;  background-color: #d9aa76; }
#container div.content div#text form fieldset { border: 1px solid #bf8660; }
#container div.content div#text form fieldset legend { color: #bf8660; }
#container div.content div#text form input,
#container div.content div#text form textarea { border: 1px solid #bf8660; color: black; background-color: #fffff0; }
#container div.content div#text form input { width: 300px; }
#container div.content div#text form textarea { width: 500px; }
#container div.content div#text form input.submit { width: auto; border: 1px solid #bf8660; color: black; background-color: #f9daa6; }

/* Page Profs */
#container div.content div#text div.profs img { float: left; height: 150px; margin: 0 20px 20px 0; }
#container div.content div#text div.profs h4 { clear: both; }
#container div.content div#text div.profs p.prof { margin: 60px 0; }

/* Page Webcam */
#container div.content p.webcam { width: 620px; height: 495px; overflow: hidden; background: black url(img/loading.gif) no-repeat; } 

#footer { border-top: 1px solid white; clear: both; }
#footer div.content {
text-align: center;
background: transparent url('img/footer.gif') center no-repeat;
width: 700px; margin: 0 auto;
padding-top: 0px;
border-bottom: 1px solid white;
}
#footer div.content a { display: block; height: 60px; overflow: hidden; }
#footer div.content a img { height: 60px; width: 100px; }

#container ul#nav {margin: 0; padding: 0; list-style: none; position: absolute; top: 179px; left: 50%; margin-left: -350px; }
#container ul#nav li {margin: 0; padding: 0; list-style: none; text-align: center; width: 100px; margin: 0 20px; background-color: #ad5b36; color: white; float: left; }
#container ul#nav li span { display: block; text-indent: -5000px; width: 100px; background-color: #ad5b36; color: white; background: center no-repeat }
#container ul#nav li span.sommaire { background-image: url('img/sommaire.jpg'); }
#container ul#nav li span.activites { background-image: url('img/activites.jpg'); }
#container ul#nav li span.competitions { background-image: url('img/competitions.jpg'); }
#container ul#nav li span.reservations { background-image: url('img/actualites.jpg'); }
#container ul#nav li span.presentation { background-image: url('img/presentation.jpg'); }

/* html #container ul#nav { margin-left: -330px; width: 800px; } */
/* html #container ul#nav li { margin: 0px; font-size: 11px; } */
/* html #container ul#nav li span { margin: 0px 40px 0px 0px; display: block; height: 20px; } */
/* html #container ul#nav li span.presentation { margin: 0px; } */
#container ul#nav li ul {margin: 0; padding: 0; list-style: none; position: absolute; display: none; }
/* html #container ul#nav li ul { position: absolute; margin-left: -50px; } */
#container ul#nav li:hover ul { display: block; }
#container ul#nav li ul li { margin: 0; padding: 0; list-style: none; font-size: 11px; text-align: left; width: auto; margin: 0px; background-color: #ad5b36; color: white; float: none; }
/* html #container ul#nav li ul li a { width: 100px; margin: 0px; } */
#container ul#nav li ul li a { overflow: hidden; display: block; width: 90px; background-color: #253e27; color: white; text-decoration: none; padding: 0 5px; }
#container ul#nav li ul li a:hover { background-color: white; color: #253e27; }

#container ul#nav_2 {margin: 0; padding: 0; list-style: none; position: absolute; top: 179px; left: 50%; margin: 0 20px 0 -461px; text-align: right; }
/* html #container ul#nav_2 { font-size: 11px; margin: 0 20px 0 -451px; } */
#container ul#nav_2 li {margin: 0; padding: 0; list-style: none; padding: 5px 0; }
#container ul#nav_2 li span { font-size: 14px; font-variant: small-caps; font-weight: bold; }
#container ul#nav_2 li ul {margin: 0; padding: 0; list-style: none;}
#container ul#nav_2 li ul li { padding: 0; font-variant: normal; font-weight: normal; font-size: 11px; }
#container ul#nav_2 li ul li {margin: 0; padding: 0; list-style: none;}
#container ul#nav_2 li ul li a { margin: 0; padding: 0 5px; display: block; width: 100px; background-color: #ad5b36; color: white; text-decoration: none; }
#container ul#nav_2 li ul li a:hover { background-color: black; color: #b7895c; text-decoration: none; }