/* CSS Document */

/*#########################
###                     ###
###       GENERAL       ###
###                     ###
#########################*/

body{
font-family:Arial, Helvetica, sans-serif;
background:url(design/bg.jpg) repeat-x #367b0e;
}

*{
margin:0px;
}

a{
outline:none;
}

a img{
border:0;
}

/*#########################
###                     ###
###        MAIN         ###
###                     ###
#########################*/

#main{
width:800px;
margin-left:auto;
margin-right:auto;
background-color:white;
position:relative;
margin-top:20px;
z-index:200;
}

#main img.corps_haut_gauche{
position:absolute;
left:0px;
top:0px;
}

#main img.corps_haut_droite{
position:absolute;
right:0px;
top:0px;
}

#main img.corps_bas_gauche{
position:absolute;
left:0px;
bottom:0px;
}

#main img.corps_bas_droite{
position:absolute;
right:0px;
bottom:0px;
}

/*#########################
###                     ###
###        HEADER       ###
###                     ###
#########################*/

#header{
padding-top:5px;
padding-left:5px;
}

#header h1{
position:absolute;
left:5px;
z-index:0;
}

#header img{
position:relative;
z-index:500;
}

/*#########################
###                     ###
###        CORPS        ###
###                     ###
#########################*/

#corps{
width:780px;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#e6e2cb;
margin-top:5px;
padding-top:20px;
padding-left:10px;
margin-bottom:-15px;
}

#corps img.corps_haut_gauche{
position:absolute;
left:0px;
top:0px;
}

#corps img.corps_haut_droite{
position:absolute;
right:0px;
top:0px;
}

#corps .arbre{
background:url(design/arbre.png) no-repeat;
height:421px;
width:464px;
position:absolute;
bottom:110px;
left:-300px;
}

*+html #corps .arbre{
bottom:80px;
}

#corps p.wrapper{
clear:both;
}

/*#########################
###                     ###
###        MENU         ###
###                     ###
#########################*/

#menu{
width:208px;
background:url(design/bg_menu.png) repeat-y;
position:relative;
padding-top:15px;
padding-bottom:15px;
float:left;
margin-bottom:50px;
}

#menu .menu_haut{
background:url(design/menu_haut.png) no-repeat;
width:208px;
height:10px;
position:absolute;
top:-10px;
left:0px;
}

#menu .menu_bas{
background:url(design/menu_bas.png) no-repeat;
width:208px;
height:10px;
position:absolute;
bottom:-10px;
}

#menu ul{
list-style:none;
margin-left:-20px;
width:170px;
}

*+html #menu ul{
margin-left:15px;
width:175px;
}

#menu ul li{
border-bottom:1px dashed #221503;
text-indent:25px;
}

#menu ul li.last{
border-bottom:none;
}

#menu ul li a{
padding-top:13px;
display:block;
height:33px;
color:#221503;
text-decoration:none;
font-variant:small-caps;
background:url(design/puce.png) no-repeat center left;
}

#menu ul li a:hover{
color:#221503;
text-decoration:none;
font-weight:bold;
background:url(design/puce_hover.png) no-repeat center left;
}

/*#########################
###                     ###
###      RUBRIQUE       ###
###                     ###
#########################*/

#rubrique{
width:540px;
margin-right:15px;
margin-left:auto;
text-align:justify;
padding-bottom:50px;
}

#rubrique h2{
color:#295f08;
font-variant:small-caps;
}

#rubrique p.caption{
font-family:"Script MT Bold", Arial, Helvetica, serif;
color:#cb810e;
font-size:24px;
line-height:26px;
}

#rubrique p{
color:#44403b;
line-height:18px;
margin-bottom:15px;
margin-top:15px;
font-size:12px;
}

/*#########################
###                     ###
###        FOOTER       ###
###                     ###
#########################*/

#footer{
background-color:#295f08;
height:20px;
position:relative;
clear:both;
color:#74975e;
font-size:10px;
padding-top:5px;
text-indent:10px;
}

#footer img.herbe{
position:absolute;
left:10px;
top:-68px;
}

#footer a{
color:#99b289;
}

#footer a:hover{
text-decoration:none;
}

/*#########################
###                     ###
###         DECO        ###
###                     ###
#########################*/

#deco{
height:155px;
background:url(design/bg_deco.jpg) repeat-x #2c1b03;
margin-top:-120px;
position:relative;
}

*+html #deco{
height:160px;
margin-top:-90px;
}