html,body,#page {
padding:0;
margin:0;
}


body {
background:#bc9a5b url(/img/sitanime.jpg) repeat-x;
color:#341404;
font-family:"Trebuchet MS",Helvetica,sans-serif;
font-size:75%;
text-align:justify;
}

a:visited,a:hover,a:link {
color:#533a15;
}

a:hover {
text-decoration:none;
}



a:active {
color:#aa1919;
}



h1,h2,h3,h4,h5,h6,strong,em,.souligne {
color:#aa1919;
}

h2,h3,h4,h5,h6 {
font-size:155%;
}


h1 a {text-decoration:none;color:green;}

/* background-color:#EAEAEA; */

#page {
margin:0 auto;
position:relative;
height:665px;
text-align:center;
}

#page,#footer {
width:970px;
}

#menu,#central {
float:left;
}

#banner {
background:url("/img/bg-wrapper-top.jpg") no-repeat scroll 0 0 transparent;
height:154px;
}


#menu {
width:230px;
/*height:500px;*/
}

#menuhaut {
background:url("/img/bg-navigation-top.jpg") no-repeat scroll 0 0 transparent;
margin:0 0 0 10px;
padding:30px 0 0;
}

#menu ul {
background:url("/img/bg-navigation-center.jpg") repeat-y scroll 0 0 transparent;
margin:0;
list-style-type:none;
padding:10px 0 10px 28px;
font-size:95%;
}

#menu ul li {
background:url("/img/picto-arrow-inactive.gif") no-repeat scroll 0 10px transparent;
line-height:195%;
}

#menu ul li.active {
background:url("/img/picto-arrow-active.gif") no-repeat 0 10px;
}



#menu ul li a {
padding:0 0 0 0.6em;
font-weight:bold;
}

#menu ul li a:hover {
background:url("/img/picto-arrow-active.gif") no-repeat 0 4px;
}

#menu ul li.active a {
color:#aa1919;
}

#menu #menubas {
background:url("/img/bg-navigation-bottom.jpg") no-repeat scroll 0 0 transparent;
height:30px;
margin:0 0 0 10px;
}


#central {
/*height:626px;*/
width:970px;
text-align:left;
}

#central #milieu {
background:url("/img/bg-wrapper-center.jpg") repeat-y scroll 0 0 transparent;
margin:-90px 0 0 0; /* POURQUOI ? */
padding:0 0 0 230px;
width:737px;
height:454px;
}

#central #milieu #contenu {
height:454px;
overflow:auto;
padding:0 10px;
width:710px;
position:relative;
}



#central #bas {
background:url("/img/bg-wrapper-bottom.jpg") no-repeat scroll 0 0 transparent;
height:154px;
}

#footer {
background:url("/img/desert.png") no-repeat scroll 0 0 transparent;
height:83px;
color:#fcedb6;
text-align:center;
position:absolute;
bottom:0;
left:9px;

/* aout 2010 */
position:relative;
top:433px;
}

#footer p {
margin:-20px;
padding:0;
color:#000;
}

p.horszone, p.horszone a {
color:#fcedb6;
margin:1em 0.9em;
}

#cactus {
background:url("/img/cactus.png") no-repeat scroll 0 0 transparent;
height:58px;
left:780px;
z-index:55;
/* Aout 2010 9*/
position:relative;
top:-30px;
width:32px;
}

#palmier {
background:url("/img/palmier.png") no-repeat scroll 0 0 transparent;
height:166px;
left:180px;
margin-top:-220px;
/*position:absolute;*/
width:104px;
z-index:10;
}

#croco {
background:url("/img/croco.png") no-repeat scroll 0 0 transparent;
left:80px;
margin-top:-500px;
position:absolute;
width:58px;
height:80px;
z-index:10;
}

#logo {
background:url("/img/sitanim.jpg") no-repeat scroll 0 0 transparent;
height:auto;
left:9px;
position:relative;
top:7px;
width:221px;
z-index:155;
}

#logo a img {
width:221px;
height:85px;
position:relative;
z-index:100;
top:75px;
border:none;
}
/*
#logo:after {
padding-top:107px;
content: "Donnez du mordant à votre communication en ligne";
}
*/