* {  
    margin: 0;
    border: 0;
    padding: 0;
}

html,body
{
background-color: #C9DEDB;
font-family: Arial;
color: black;
}

h1
{
color: white;
font-size: 220%;
text-align: center;
background-color: #C9CACA;
border: 1px solid white;
}

h2
{
color: #125E54;
font-size: 150%;
padding-top: 20px;
padding-bottom: 20px;
}

p
{
padding-top: 10px;
padding-bottom: 10px;
}

img
{
border: none;
}

hr
{
border: 1px solid white;
}

li
{
display : list-item;
list-style-image : url(puce.gif);
list-style-position: inside;
}

.gras
{
font-weight:bold;
}

.affichage
{
background-color:white;
border-bottom:3px solid #808080;
border-right:3px solid #808080;
border-left:1px solid #808080;
border-top:1px solid #808080;
}

.vignettes
{
width: 100%;
border-collapse: collapse;
color: #125E54;
}

.cadre_vignettes
{
border-right:1px solid #808080;
border-bottom:1px solid #808080;
}

.cadre_vignettes td
{
border: 4px solid white;
}

.pleines_v
{
width: 20%;
border:none;
text-align: center;
background-image: url(vignette_dos_v.jpg);
background-position: center top;
background-repeat: no-repeat;
}

.pleines_h
{
height:260px;
width: 20%;
border:none;
text-align: center;
background-image: url(vignette_dos_h.jpg);
background-position: center top;
background-repeat: no-repeat;
}

.pleines
{
width: 20%;
border:1px solid white;
text-align: center;
background-color: #C9DEDB;
}

.tour
{
width: 100%;
border-collapse: collapse;
color: black;
}

.obs
{
border-collapse: collapse;
color: #C9DEDB;
background-color: #125E54;
border:1px solid white;
}

.obs td
{
border:1px solid white;
}

.obs th
{
text-align: left;
border:1px solid white;
}

.bordure_grande
{
border:10px solid white;
}

.bordure_petite
{
border:5px solid white;
}

.tour_especes
{
font-weight: bold;
color: #125E54;
}

.tour_legendes
{
font-size: 75%;
font-style: italic;
}

.aff_espece
{
font-weight: bold;
font-size: 160%;
color: #125E54;
}

#menu
{
position: absolute;
left: 4px;
top: 210px;
width: 142px;
text-align: center;
}

#langue
{
position: absolute;
left: 4px;
top: 10px;
width: 142px;
text-align: center;
font-size: 70%;
}

#centre
{
background-color: #CFD3D3;
position: absolute;
left: 150px;
border-top: 2px solid white;
border-left: 2px solid white;
border-bottom: 2px solid white;
}

#banniere
{
float: top;
left:0;
top:10px;
width: 100%;
height: 200px;
background-image: url(banniere.jpg);
background-position: left center;
background-repeat: no-repeat;
border-bottom: 2px solid white;
background-color: #CFD3D3;
text-align: center;
}

#banniere_en
{
float: top;
left:0;
top:10px;
width: 100%;
height: 200px;
background-image: url(banniere_en.jpg);
background-position: left center;
background-repeat: no-repeat;
border-bottom: 2px solid white;
background-color: #CFD3D3;
text-align: center;
}

#texte
{
float: top;
padding:10px;
margin: 0;
}

#bas
{
float: top;
height: 30px;
background-color: #9C9C9C;
color: white;
border-top: 1px solid white;
}

#bas td
{
color: white;
}

#map a:link
{
color: #125E54; text-decoration:underline;
}

#map a:visited
{
color: #125E54; text-decoration:underline;
}

#map a:hover
{
color: black; text-decoration:underline;
}

.conteneur
{
float: top;
width: 100%;
height: 100%;
}

.conteneur
{
float: top;
width: 100%;
height: 100%;
}

.floatleft
{
float: left;
height: 230px;
border: 1px solid white;
background-color: #07083B;
text-align: center;
padding: 15px;
}

.news
{
background-image: url(puce.gif);
background-repeat: no-repeat;
background-position: 10px 50%;
display : list-item;
list-style: none;
float: top;
left:20px;
margin-top: 40px;
border: none;
background-color: #C9CACA;
width: 100%;
height:100px;
}

.date_news
{
float: top;
background-color: #125E54;
color: white;
border: 2px solid #125E54;
font-weight:bold;
padding: 3px;
}

.comment_news
{
float: left;
border: 2px solid #125E54;
background-color: #D3E4E3;
padding: 10px;
margin-left: 50px;
right: 10px;
}

.avis
{
border: 2px solid #125E54;
background-color: #D3E4E3;
padding: 10px;
margin-left: 100px;
margin-right: 100px;
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
}

.menu_td1
{
background-image:url(bouton.gif);
height:46px;
width:138px;
font-weight:bold;
padding-left:10px;
padding-bottom:7px;
}

.menu_td2
{
background-image:url(bouton2.gif);
height:46px;
width:138px;
font-weight:bold;
padding-left:12px;
padding-bottom:5px;
}

.menu_a1:link
{
text-decoration:none;
color:white;
}

.menu_a2:link
{
text-decoration:none;
color:black;
}

/* ------------------- Caractéristiques des liens hypertextes */
a:link {color: #125E54; text-decoration:underline;}
a:visited {color: #125E54; text-decoration:underline;}
a:hover {color:white; text-decoration:none;}

