body {
margin:0;
padding:0;
background:#bedcec url('../images/d/body_bg.gif') scroll repeat-x top left;
text-align:center;
color:#3b3b3b;
font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
line-height:1.2em;
font-size: small;
}

img {
border:0;
}
.clear {
clear:both;
}
a {
color:#00539f;
}
form {
margin:0;
}
sup a {
text-decoration:none;
}

#header, #container, #footer {
margin:0 auto;
text-align:left;
width:643px;
}

/* header */
#header {
width:697px;
height:97px;
background-image:url('../images/d/header.jpg');
position:relative;
}
#header h1 {
margin:0;
}
#header h1 a {
position:absolute;
top:48px;
left:70px;
width:315px;
height:31px;
}
#header span {
display:none;
}
#header a#par {
position:absolute;
bottom:0;
right:140px;
width:131px;
height:13px;
}

/* container */
#container {
background:#9ccae2 url('../images/d/main_border.gif') scroll repeat-x top left;
}

/* main */
#main {
margin:0 3px;
background:#e0eef6 url('../images/d/main_bg.gif') scroll repeat-x top left;
position:relative;
}
#main2 {
padding:0 40px;
}
#main h2 {
margin:0;
padding:20px;
padding-bottom:5px;
border-bottom:2px solid #eee;
width:50%;
font-family:Georgia, Cambria, sans-serif;
font-weight:normal;
}
#main h2.petit {
font-size:130%;
font-style:italic;
}
#main h3 {
margin:10px 0 5px 0;
}
#main p {
padding:5px 20px;
margin:0;
}
#main p.notes {
font-size:85%;
}
#note {
width:220px;
padding:3px 20px 10px 10px;
margin-top:48px;
border-left:3px solid #b6d9eb;
position:absolute;
top:0;
right:0;
*right:40px; /* IE 6 & IE7 */
_right:20px; /* IE 6 */
}
#note p {
margin:0;
padding:0;
}

/* footer */
#footer {
background:transparent url('../images/d/footer.gif') scroll no-repeat top left;
color:#6d6d6d;
font-size:85%;
position:relative;
}
#footer p {
padding:2px 8px;
margin:0;
}
#footer a {
color:#6d6d6d;
text-decoration:none;
}
#footer a:hover {
color:#3b3b3b;
}
#footer #luc {
position:absolute;
top:0;
right:0;
}

/* page: accueil */
#accueil .icon {
padding-left:3px;
position:absolute;
left:28px;
height:60px;
width:206px;
}
#accueil .icon:hover {
background-color:#ecbed6;
}
#accueil #paroles.icon {
top:31px;
}
#accueil #partition.icon {
top:109px;
}
#accueil #contact {
margin:60px 0 0 0;
padding-bottom:20px;
text-align:center;
}
#accueil #extra {
padding:0 50px 20px 50px;
}

/* page: contact */
#contact #main p {
padding:5px 20px;
margin:0;
}
#contact form {
padding:10px 0 20px 20px;
}
#contact h2.petit {
font-size:130%;
font-style:italic;
}
#contact .text {
padding:2px;
font-family:Times New Roman;
}
#contact form td {
vertical-align:top;
line-height:1.7em;
}
#contact form textarea.text {
width:330px;
height:150px;
padding:2px 5px;
}

/* page: paroles, explicatif et partition */
#paroles #main p, #explicatif #main p {
line-height:1.5em;
}
#paroles h2, #explicatif h2, #partition h2 {
width:13em;
border:0;
}
#paroles #note, #explicatif #note, #partition #note {
float:none;
position:absolute;
top:-20px;
right:0;
margin-right:20px;
*margin-right:50px; /* IE6 & IE7 */
text-align:center;
width:160px;
}

/* page: explicatif */
#explicatif #main p {
line-height:1.1em;
}