body {
background-color:black;
background-image:url(../templates/eben.jpg);
font-size:1em;
font-family:"Helvetica", Arial, sans-serif;
}

#main {
width:900px;
margin:auto;
margin-top:10px;
background-color:#FFFFE5;
z-index:1;
}


/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 25px; 
width: 25px;
background-repeat: no-repeat;
border:none;
font-size:1px; /* correction d'un bug IE */
}

/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url('../templates/hautgauche.png');
background-color:#663300;
}

#hautdroit {
float: right;
background: url('../templates/hautdroit.png');
background-color:#663300;
}

#basgauche {
background: url('../templates/basgauche.png');
background-color:#663300;
}

#basdroit {
float: right;
background: url('../templates/basdroit.png');
background-color:#663300;
}

#entete {
height:100px;
background-image:url(../templates/ceddar.jpg);
background-color:#96BEE1;
border-top: 3px solid black;
border-bottom: 3px solid black;
}

#logo {
margin-top:12.5px;
margin-left:25px;;
border: 2px solid black;
}

#baniere {
float:right;
width:468px;
height:60px; 
margin-top:20px;
margin-right:25px;
}

dl, dt, dd, ul, li {
margin:0;
padding:0;
}

#menu {
position:absolute;
margin-top:10px;
z-index:100;
width: 900px; /* correction pour Opera */
}

#menu dl {
float: left;
width:20%;
}

#menu dt {
cursor:default;
text-align: center;
font-variant:small-caps;
font-weight:bold;
font-size:1.1em;
border: 2px solid black;
background-image:url(../templates/ceddar.jpg);
color:#000;
}

#menu dd {
border: 1px solid black;
background-color:#FFFFF2;
}

#menu li {
list-style-type:none;
text-align:center;
}

#menu li a{
display:block;
color:black;
height:100%;
}

#menu li a:hover {
display:block;
background-image:url(../templates/maple.jpg);
text-decoration: none;
border-top: 1px solid black;
border-bottom: 1px solid black;
color:#CC6600;
}

#corps {
margin-top:50px;
color:black;
z-index:1;
}

a {
text-decoration: none;
color:#CC6600;
}

a:hover {
text-decoration: underline;
font-weight:bold;
color:#CC6600;
}

img {
 border: 0;
 }
 
.element_corps {
margin:25px;
background-image:url(../templates/sycamore.jpg);

border: 2px solid black;
z-index:1;
}
 
.element_corps h1{
text-align:center;
font-size:1.5em;
border-top: 2px solid black;
border-bottom: 2px solid black;
background-image:url(../templates/ceddar.jpg);
background-color:#046380;
color:#FFFFF2;
z-index:1;
}

.element_corps h2{
font-size:1.2em;
font-weight:bold;
margin-left:25px;
margin-right:25px;
text-decoration:underline;
color:#663300;
}

.element_corps h3{
font-size:1.1em;
margin-left:25px;
margin-right:25px;
}

.element_corps h4{
font-size:0.9em;
margin-left:50px;
margin-right:25px;
}

.element_corps p{
margin-right:25px;
margin-left:25px;
}

#nbpage {
font-size:0.9em;
}

#news:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#news img {
float:right;
margin:25px;
border: 1px solid #046380;
}

#histo:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#presentation:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#images {
width:250px;
float:right;
margin:10px;
}

#carte {
text-align:center;
}

#map {
border: 2px solid black;
}



.galerie {
margin-left:25px;
}


#fiche_bat {
margin:25px;
background-color:#FFFFF2;
border:3px solid black;
color:black;
}

#fiche_bat:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#fiche_bat img {
float:right;
margin:10px;
border: 2px solid black;
}

#fiche_bat h2 {
display:block;
margin-top:25px;
margin-left:0px;
padding:10px;
padding-left:25px;
background-image:url(../templates/eben.jpg);
color:#FFFFF2;
border: 2px solid black;
border-left:none;
}

#gal_video:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#descvideo {
width:300px;
border-right:1px solid black;
}


#player{
float:right;
margin-right:75px;
}

.formulaire {
width:600px;
margin:auto;
}

legend {
font-size: 1.2em;
color:black;
}

fieldset {
padding:25px;
border:1px solid black;  
}

table {
text-align:center;
margin:auto;
width:90%;
border: solid 1px black;
border-collapse:collapse;
}

tr, td,th{
border: solid 1px black;
border-collapse:collapse;
}

th{
background-color:#96BEE1;
font-variant:small-caps;
font-weight:bold;
}

#recherche {
float:right;
margin-right:25px;
}

#pied_de_page {
clear:both;
margin-top:10px;
font-size:0.7em;
}
#pied_de_page p{
text-align:center;
}
