@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

body{
background-image:url(www/images/fond-wallabyland.jpg);
background-position:top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
}

h1{
color:#2b5e37;
font-size:16px;
}

h2{
color:#87c916;
font-size:16px;
padding-bottom:15px;
}

h3{
color:#000000;
font-size:13px;
margin:0 0 8px 0;
}

p{
padding:0;
margin:0 0 8px 0;
}

p img{
text-align:center;
margin:0 0 5px 55px;
}

#globale{
position:absolute;
width:980px;
height:650px;
left:50%;
margin-left:-490px;
margin-top:10px;
}

#partie-gauche{
float:left;
display:inline;
width:276px;
height:600px;
background-image:url(www/images/fond-gauche.jpg);
background-repeat:no-repeat;
}

#logo{
float:left;
width:268px;
height:200px;
margin-left:4px;
}

#menu{
float:left;
width:268px;
margin-top:0px;
height:370px;
margin-left:4px;
}

#menu ul{
float:left;
margin-left:35px;
margin-top:40px;
list-style:none;
}

#menu ul li {
margin-bottom:20px;
}

#menu ul li a{
font-size:16px;
font-weight:bold;
list-style:none;
color:#000000;
text-decoration:none;
}

#menu ul li a:hover{
font-size:16px;
font-weight:bold;
list-style:none;
color:#2b5e37;
text-decoration:none;
}

#partie-droite{
float:left;
display:inline;
width:704px;
height:600px;
background-image:url(www/images/fond-droite.jpg);
}

#conteneur{
float:left;
width:686px;
height:600px;
margin-left:13px;
}

#logo-flash{
float:left;
width:686px;
height:122px;
text-align:center;
background-image:url(www/images/fond-logo.jpg);
}

#contenu{
float:left;
width:686px;
height:373px;
background-image:url(www/images/fond-texte.jpg);
}

#content{
float:left;
width:645px;
height:354px;
margin-top:10px;
overflow:auto;
}

#texte{
float:left;
display:inline;
width:353px;
margin-left:26px;
margin-top:10px;
text-align:justify;
line-height:17px;
}

#texte a{
color:#000000;
text-decoration:none;
}

#texte a:hover{
color:#87c916;
text-decoration:none;
}

#mentions{
float:left;
display:inline;
width:570px;
margin-left:26px;
margin-top:10px;
text-align:justify;
line-height:17px;
}


#plan{
float:left;
display:inline;
width:600px;
margin-left:26px;
margin-top:10px;
text-align:justify;
line-height:17px;
}

#plan a{
color:#2b5e37;
text-decoration:none;
}

#plan a:hover{
color:#000000;
text-decoration:none;
}

#contact{
float:left;
display:inline;
width:300px;
height:100px;
}

#partenaire{
float:right;
display:inline;
width:250px;
height:100px;
font-weight:bold;
font-style:italic;
color:#2b5e37;
margin-top:5px;
}

#partenaire img{
border:#333333 thin solid;
margin-top:10px;
}

#photos{
float:left;
display:inline;
width:214px;
margin-top:10px;
margin-left:26px;
}

#photos img{
width:210px;
margin-bottom:10px;
border:#2b5e37 solid 2px;
}

#bas{
float:left;
width:686px;
height:105px;
background-image:url(www/images/fond-pied.jpg);
}

#pied{
float:left;
width:980px;
height:60px;
margin-top:5px;
margin-left:4px;
color:#2b5e37;
text-align:center;
}

#pied a{
color:#2b5e37;
text-decoration:none;
}

#pied a:hover{
color:#2b5e37;
text-decoration:underline;
}

.mentions{
float:left;
width:980px;
margin-top:5px;
font-size:11px;
color:#000000;
}

#pied p.zeste a{
color:#000000;
text-decoration:none;
font-size:11px;
}
