html {
font-size : 100%;
}
body {
margin : 10px 0;
padding : 0;
text-align : center;
font : 0.88em Verdana, Arial, sans-serif;
background-color : #6b5826;
background-image : url("../images/fond_5.png");
background-repeat : repeat-y;
background-position : 15px 0;
}

div#conteneur {
width : 770px;
margin : 0 auto;
text-align : left;
border: 2px solid #fffef6;
background-color : #cf8c00;
}

h1#en_tete {
height : 260px;
margin : 0;
}
h1#en_tete a {
width : 770px;
height : 260px;
display : block;
background : url(../images/banniere_djely.jpg) no-repeat;
position : relative;
left : 0px;
top : 0px;
}
h1#en_tete a span {
display : none;
}

h2#titre_1 {
height : 50px;
margin : 0;
}
h2#titre_1 a {
width : 770px;
height : 50px;
display : block;
background : url(../images/titre_djely_1.jpg) no-repeat;
position : relative;
left : 0px;
top : 0px;
}
h2#titre_1 a span {
display : none;
}

h2#titre_2 {
height : 50px;
margin : 0;
}
h2#titre_2 a {
width : 770px;
height : 50px;
display : block;
background : url(../images/titre_djely_2.jpg) no-repeat;
position : relative;
left : 0px;
top : 0px;
}
h2#titre_2 a span {
display : none;
}

div#contenu .retour {
clear : both;
background-color : white;
padding : 1px 20px 1px 20px;
text-align : right;
border-bottom : 1px solid #6b5826;
}
div#contenu .retour a img{
border : none;
}

div#menu {
padding-top : 10px;
background-color : #fffef6;
height : 185px;
}
div#menu img {
float : right;
padding-right : 20px;
}
div#menu ul {
list-style-type : none;
padding-top : 5px;
}
div#menu ul li {
text-align : left;
padding : 0 10px 0 0;
}
div#menu ul li.bio a {
display : block;
height : 30px;
background : url(../images/bouton_1_djely.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.bio a:hover {
background : url(../images/bouton_1_djely.jpg) no-repeat 0 -30px;
}
div#menu ul li.audio a {
display : block;
height : 30px;
background : url(../images/bouton_2_djely.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.audio a:hover {
background : url(../images/bouton_2_djely.jpg) no-repeat 0 -30px;
}
div#menu ul li.disco a {
display : block;
height : 30px;
background : url(../images/bouton_3_djely.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.disco a:hover {
background : url(../images/bouton_3_djely.jpg) no-repeat 0 -30px;
}
div#menu ul li.contact a {
display : block;
height : 30px;
background : url(../images/bouton_4_djely.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.contact a:hover {
background : url(../images/bouton_4_djely.jpg) no-repeat 0 -30px;
}
div#menu ul li.galerie a {
display : block;
height : 30px;
background : url(../images/bouton_5_djely.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.galerie a:hover {
background : url(../images/bouton_5_djely.jpg) no-repeat 0 -30px;
}
div#menu ul li span{
display : none;
}

div#texte {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
padding-top : 10px;
padding-right : 20px;
padding-bottom : 20px;
background-color : #fffef6;
text-align : right;
}
div#texte p span {
color : #cf8c00;
}

div#biographie {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : #fffef6;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#biographie p span {
color : #cf8c00;
}
div#biographie img {
float : left;
padding : 10px 10px 10px 0;
}

div#audio {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : #fffef6;
padding : 1px 20px 1px 20px;
text-align : center;
}
div#audio p span {
color : #cf8c00;
}
div#audio img {
display : block;
margin : auto;
}

div#video {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : #fffef6;
padding : 1px 20px 1px 20px;
text-align : center;
}
div#video p span {
color : #cf8c00;
}
div#video a {
color : black;
text-decoration : underline;
}
div#video a:hover {
color : #cf8c00;
}

div#discographie {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : #fffef6;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#discographie p span {
color : #cf8c00;
}
div#discographie a {
color : black;
text-decoration : underline;
}
div#discographie a:hover {
color : #cf8c00;
}
div#discographie img.right {
float : right;
padding : 5px 0 0 20px;
}
div#discographie img.left {
float : left;
padding : 5px 20px 0 0;
}
div#discographie img.center {
display : block;
margin : auto;
}

div#contact {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : #fffef6;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#contact p span {
color : #cf8c00;
}
div#contact a {
color : black;
text-decoration : underline;
}
div#contact a:hover {
color : #cf8c00;
}

div#actu {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : #fffef6;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#actu p span {
color : #cf8c00;
}
div#actu a {
color : black;
text-decoration : underline;
}
div#actu a:hover {
color : #cf8c00;
}
div#actu img.left {
float : left;
padding : 5px 20px 0 0;
}

div#atelier {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : #fffef6;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#atelier p span {
color : #cf8c00;
}
div#atelier a {
color : black;
text-decoration : underline;
}
div#atelier a:hover {
color : #cf8c00;
}
div#atelier img.left {
float : left;
padding : 5px 20px 0 0;
}

p#pied_page {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
margin : 0;
padding-right : 30px;
padding-top : 10px;
padding-bottom : 10px;
line-height : 15px;
font-size : 0.75em;
text-align : right;
color : #fffef6;
}
p#pied_page a {
color : #6b5826;
text-decoration : none;
}
p#pied_page a:hover {
font-weight : bold;
}