body {
background:#fff url(../../images/bg.jpg) repeat-x;
margin:0;
}

#conteneur {
color:#fff;
font:12px Arial, Helvetica, sans-serif;
margin:auto;
padding:0;
width:961px
}

#arbo {
background:#121212;
color:#999;
font-size:11px;
height:22px;
padding:8px 0 0 23px;
font-style:italic
}

#arbo a {
color:#999;
margin:0 5px
}

#arbo span {
margin:0 5px
}

#bas {
display:inline;
background:#000;
border-left:1px solid #6D6E6E;
border-right:1px solid #6D6E6E;
border-top:1px solid #333;
color:#666;
float:left;
margin-left:14px;
padding-bottom:15px;
width:932px
}

#bas h3 {
float:left;
font-size:12px;
margin:0;
padding-top:30px;
text-align:center;
width:555px
}

#rubrique_bas{
border-bottom:1px solid #333;
display:block;
margin:0;
padding:10px;
color:#FFF;
height:30px;
width:912px;
text-align:center
}

#rubrique_bas li{
display:inline;
padding:3px
}

#rubrique_bas a{
color:#FFF;
text-decoration:none
}

#rubrique_bas a:hover{
color:#D00;
text-decoration:none
}

#categories {
background:url(../../images/categories.jpg) no-repeat 17px 17px;
float:left;
padding-top:47px;
width:221px
}

#categories h2 {
background:url(../../images/puce.gif) no-repeat 27px 8px;
border-bottom:1px solid #333;
cursor:pointer;
font-size:12px;
margin:0;
padding:6px 0 6px 50px
}

#categories h2 a:hover,#categories h2:hover {
color:#c00
}

#categories li {
font-size:11px;
padding:2px 0 2px 50px
}

#categories li.cache2 {
font-size:11px;
padding:2px 0 2px 20px;
}

#categories li.cache2 li {
background:url(../../images/puce2.gif) no-repeat 35px 6px
}

#categories li.cache {
font-size:11px;
padding:2px 0 2px 20px;
}

#categories li.cache li {
background:url(../../images/puce2.gif) no-repeat 35px 6px
}

#categories li a {
color:#ccc
}

#contact {
float:left;
margin-top:7px
}

#contact p {
background:url(../../images/puce.jpg) no-repeat 0 2px;
font-size:11px;
margin:4px;
padding-left:18px
}

#contenu {
display:inline;
background:#000 url(../../images/bg_page.jpg) repeat-x;
border-left:1px solid #6D6E6E;
border-right:1px solid #6D6E6E;
float:left;
margin-left:14px;
width:932px
}

#droite {
float:left;
padding:17px 0 0 3px;
width:214px
}

#haut {
background:url(../../images/haut.jpg) no-repeat;
height:282px;
width:961px
}

#haut .menu {
display:inline;
float:left;
margin:8px 0 0 15px
}

#haut .menu li {
border-right:1px solid #333;
float:left
}

#haut .menu li a {
color:#ccc;
display:block;
float:left;
font-weight:700;
height:29px;
padding-top:12px;
text-align:center;
text-transform:uppercase;
width:184px
}

#haut .menu li a:hover {
background:url(../../images/bg_menu.jpg) no-repeat
}

#haut .navig {
padding:13px 0 0 280px
}

#haut .navig li {
float:left;
font-size:11px;
padding-left:30px
}

#haut .navig li a,#categories h2 a {
color:#fff
}

#haut .navig li a:hover {
text-decoration:underline
}

#haut h1 {
clear:both;
float:left;
display:inline;
font-size:11px;
margin:192px 0 0 60px
}

#page {
float:left;
padding-top:17px;
width:494px
}

#texte {
background:#121212;
margin:3px 0 10px;
height:250px;
padding:10px 20px 20px
}

html>body #texte {
height:auto;
min-height:250px
}

#champ {
background:none;
border:0;
color:#C8C8C8;
cursor:text;
float:left;
font-size:11px;
height:18px;
margin:5px 8px 0 15px;
padding:7px;
width:118px
}

.ekinoxe {
background:url(../../images/ekinoxe.jpg) no-repeat 50px 0;
display:block;
float:left;
height:25px;
padding-left:50px;
margin:25px 0 0 0;
width:134px
}

.submit {
background:none;
border:0;
color:#fefefe;
cursor:pointer;
float:left;
margin-top:5px;
padding:2px 5px
}

a {
text-decoration:none
}

div.horaires p {
margin:5px 5px 5px 10px
}

form {
margin:0;
padding:0
}

h1.titre {
border-bottom:1px solid red;
color:red;
font-size:16px;
margin:0 0 10px 0
}

h2.flash {
background:url(../../images/flashinfo.jpg)
}

#flash {
padding:5px
}

h2.horaires {
background:url(../../images/horaires.jpg);
margin-top:5px
}

h2.news {
background:url(../../images/newsletter.jpg)
}

h2.news span,h2.flash span,h2.horaires span,.ekinoxe span {
visibility:hidden
}

h2.news,h2.flash,h2.horaires {
height:30px;
margin:0;
width:199px
}

img {
border:0
}

marquee {
font-size:11px;
height:100px
}

marquee h1 {
color:red;
font-size:11px
}

marquee h1 a,#bas h3 strong {
color:red
}

marquee p {
margin:5px
}

form.news {
background:url(../../images/champ.gif) no-repeat 13px 5px;
height:45px;
margin:0
}

ul {
list-style:none;
margin:0;
padding:0
}

.valide {
color:#fff;
font-size:11px;
height:18px;
padding: 0 15px 0 15px;
cursor:pointer;
border:1px solid #fff;
background:#B51A00 url(../../images/valide.jpg) repeat-x
}

#texte a {
font-weight:bold;
color:#f00
}

p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/* Plan du site */

h1.rub {
font-size: 13px;
margin: 15px 0 5px 0;
background:url(../../images/puce.gif) no-repeat 0 2px;
padding-left:20px
}

#texte h1.rub a {
color:#fff
}

ul.map {
margin: 0;
padding: 0;
list-style: none
}

ul.map li {
margin: 3px 0 0 40px
}

#texte ul.map2 a {
color:#ccc
}

#cadre {
margin:20px 0 20px 0;
float:left;
width:450px;
background:#333 url(../../images/bg_galerie.jpg) repeat-y
}

#select {
float:left;
width:90px
}

#select img {
float:left;
margin:5px 0 0 20px;
border:1px solid #fff
}

.preload {
display:none
}

#galerie {
float:right;
border:1px solid #fff;
margin:5px
}