/* loustic */

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

body {
background: url('bg.gif') #441100;
font: 10px Verdana, Arial, sans-serif;
margin: 0;
color: #666;
}

#general {
width: 820px;
margin: 100px auto 20px auto;
border-top: 5px #bb2244 solid;
position: relative;
}

#bandeau {
height: 80px;
width: 280px;
position: absolute;
top: -90px;
background:url('logo-loustic.gif') bottom left no-repeat;
}

#navigation {
margin: 20px 0 0 300px;
position: absolute;
top: -60px;
width: 480px;
}

#contenus {
background-color: #fff;
margin-left:180px;

}

#contexte1 {
background-color: #FFF8F8;
width: 160px;
position: absolute;
left: 0;
padding: 20px 10px 40px 10px;
}

#contexte2 {
width: 130px;
float: right;
padding: 20px 16px 20px 10px;
}

#chemin {
padding: 0 0 16px 0;
font-size: 9px;
}

#chemin a {
color: #666;
}

#corps {
padding: 20px 14px 20px 40px;
margin-right: 160px;
}

#footer {
color: #fff;
margin-top: 20px;
font-size:9px;
}

#footer #site-footer {
background-color: #661100;
padding: 6px;
margin-left: 180px;
}

#magusine-footer, #logos-bailleurs {
padding: 6px;
margin-left: 180px;
margin-right: 40px;
text-align: right;
margin-top: 10px;
color:#BA8177;
}

#magusine-footer a {
color: #BA8177;
}

#magusine-footer a:hover {
color: #f00;
}