*,p,body,ul,img,a,li{margin:0;padding:0;border:0;}
ul{list-style-type:none;}

body {
background:url(images/bg_bamboo.gif) repeat-y;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#444733;
}

a{color:#CE1885;text-decoration:none;}
#content a{text-decoration:underline;}
#content a:hover,#evitement a:hover{color:#AB6A9C;}
#evitement a{color:#D1B1C4;}

#evitement{
position:absolute;
right:10px;
z-index:2;
}
#evitement li{
display:inline;
padding:0 4px;
font-size:0.6em;
}


#wrap{
z-index:1;
font-size:0.75em;
position:relative;
overflow:hidden;
width:100%;
background:url(images/bg_motifs.gif) no-repeat;
line-height:1.7em;
}

h1{
height:180px;
background:url(images/bg_header.jpg) no-repeat;
}
h1 img{
margin-top:70px;
margin-left:86px;
}

#nav{
/*corriger float ie*/
float:left;
width:336px;
overflow:hidden;
background:url(images/nav_bg.gif) repeat-y;
}
#nav ul{
background:url(images/nav_bg_bamboo.gif) no-repeat;
padding:48px 0 26px 147px;
}
#nav a{
display:block;
height:1.8em;
line-height:1.8em;
padding-left:21px;
}
#nav a:hover{
background:url(images/title_bg.gif) no-repeat;
color:#FFFFFF;
}

#content{
float:left;
width:355px;
margin-top:21px;
/*margin-left:363px;*/
margin-left:27px;
}
#content p, #content ul, #content ol{
padding:6px 14px;
}

#content ul li{
background:url(images/puce.gif) no-repeat left center;
padding-left:20px;
}
h2{
background:url(images/title_bg.gif) no-repeat;
color:#FFFFFF;
font-size:1em;
font-weight:normal;
line-height:2.2em;
padding:0 14px;
}

.chapter{
background-color:#EDF0E5;
margin-bottom:20px;
}

#deco{
float:left;
height:215px;
margin-left:23px;
margin-top:14px;
}

#footer{
z-index:0;
position:fixed;
bottom:0;
right:0;
width:256px;
height:306px;
background:url(images/bg_footer.gif) no-repeat right bottom;
}
#exoconcept{
position:fixed;
z-index:5;
bottom:0;
right:10px;
}

.moitie {
float:left;
width:48%;
}