body { background-color: #ffd500; background-image: url("images/fond2.jpg"); background-repeat: repeat-x; margin: 0; padding: 0; border-width: 0 }
#fond   { background-image: url("images/fond.jpg"); background-repeat: no-repeat; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; border-width: 0 }
#menu      { margin: 0 0 0 50px; padding: 0; height: 105px; border-width: 0 }
#apropos   { background-image: url("images/apropos_on.gif"); margin: 0 1px 0 0; padding: 0; width: 75px; height: 70px; float: left; border-width: 0 }
a.apropos:link   { color: blue; background-image: url("images/apropos.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.apropos:visited   { color: blue; background-image: url("images/apropos.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.apropos:hover { color: blue; background-image: url("images/apropos_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.apropos:active { color: blue; background-image: url("images/apropos_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
#studio   { background-image: url("images/studio_on.gif"); margin: 0 1px 0 0; padding: 0; width: 75px; height: 70px; float: left; border-width: 0 }
a.studio:link   { color: blue; background-image: url("images/studio.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.studio:visited   { color: blue; background-image: url("images/studio.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.studio:hover { color: blue; background-image: url("images/studio_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.studio:active { color: blue; background-image: url("images/studio_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
#agenda   { background-image: url("images/agenda_on.gif"); margin: 0 1px 0 0; padding: 0; width: 75px; height: 70px; float: left; border-width: 0 }
a.agenda:link   { color: blue; background-image: url("images/agenda.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.agenda:visited   { color: blue; background-image: url("images/agenda.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.agenda:hover { color: blue; background-image: url("images/agenda_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.agenda:active { color: blue; background-image: url("images/agenda_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
#audio   { background-image: url("images/audio_on.gif"); margin: 0 1px 0 0; padding: 0; width: 75px; height: 70px; float: left; border-width: 0 }
a.audio:link   { color: blue; background-image: url("images/audio.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.audio:visited   { color: blue; background-image: url("images/audio.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.audio:hover { color: blue; background-image: url("images/audio_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.audio:active { color: blue; background-image: url("images/audio_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
#galerie   { background-image: url("images/galerie_on.gif"); margin: 0 1px 0 0; padding: 0; width: 75px; height: 70px; float: left; border-width: 0 }
a.galerie:link   { color: blue; background-image: url("images/galerie.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.galerie:visited   { color: blue; background-image: url("images/galerie.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.galerie:hover { color: blue; background-image: url("images/galerie_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.galerie:active { color: blue; background-image: url("images/galerie_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
#liens   { background-image: url("images/liens_on.gif"); margin: 0 1px 0 0; padding: 0; width: 75px; height: 70px; float: left; border-width: 0 }
a.liens:link   { color: blue; background-image: url("images/liens.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.liens:visited   { color: blue; background-image: url("images/liens.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.liens:hover { color: blue; background-image: url("images/liens_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.liens:active  { color: blue; background-image: url("images/liens_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
#contact   { background-image: url("images/contact_on.gif"); margin: 0 1px 0 0; padding: 0; width: 75px; height: 70px; float: left; border-width: 0 }
a.contact:link   { color: blue; background-image: url("images/contact.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.contact:visited   { color: blue; background-image: url("images/contact.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.contact:hover { color: blue; background-image: url("images/contact_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
a.contact:active { color: blue; background-image: url("images/contact_on.gif"); background-repeat: no-repeat; display: block; width: 75px; height: 70px }
#footer        { margin: 52px 0 0 0; padding: 0; position: absolute; top: 0; right: 0; width: 25px; height: 400px }
#signature   { margin: 0 0 1px 0; padding: 0; width: 25px; height: 134px }
a.signature:link    { color: blue; background-image: url("images/signature.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 134px }
a.signature:visited    { color: blue; background-image: url("images/signature.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 134px }
a.signature:hover  { color: blue; background-image: url("images/signature_on.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 134px }
a.signature:active  { color: blue; background-image: url("images/signature_on.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 134px }
#facebook     { margin: 0 0 1px 0; padding: 0; width: 25px; height: 71px }
a.facebooklink      { background-image: url("images/facebook.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 71px }
a.facebook:visited      { background-image: url("images/facebook.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 71px }
a.facebook:hover    { background-image: url("images/facebook_on.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 71px }
a.facebook:active    { background-image: url("images/facebook_on.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 71px }
#myspace    { margin: 0 0 1px 0; padding: 0; width: 25px; height: 73px }
a.myspace:link      { background-image: url("images/Myspace.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 73px }
a.myspace:visited      { background-image: url("images/Myspace.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 73px }
a.myspace:hover    { background-image: url("images/Myspace_on.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 73px }
a.myspace:active    { background-image: url("images/Myspace_on.gif"); background-repeat: no-repeat; display: block; width: 25px; height: 73px }
#titreapropos     { background-image: url("images/titre_apropos.gif"); background-repeat: no-repeat; margin: 0 0 0 50px; padding: 0; width: 336px; height: 116px; border-width: 0 }
#titrestudio      { background-image: url("images/titre_studio.gif"); background-repeat: no-repeat; margin: 0 0 0 50px; padding: 0; width: 260px; height: 116px; border-width: 0 }
#titreagenda      { background-image: url("images/titre_agenda.gif"); background-repeat: no-repeat; margin: 0 0 0 50px; padding: 0; width: 278px; height: 116px; border-width: 0 }
#titreaudio      { background-image: url("images/titre_audio.gif"); background-repeat: no-repeat; margin: 0 0 0 50px; padding: 0; width: 260px; height: 116px; border-width: 0 }
#titregalerie      { background-image: url("images/titre_galerie.gif"); background-repeat: no-repeat; margin: 0 0 0 50px; padding: 0; width: 278px; height: 116px; border-width: 0 }
#titreliens      { background-image: url("images/titre_liens.gif"); background-repeat: no-repeat; margin: 0 0 0 50px; padding: 0; width: 260px; height: 116px; border-width: 0 }
#titrecontact     { background-image: url("images/titre_contact.gif"); background-repeat: no-repeat; margin: 0 0 0 50px; padding: 0; width: 310px; height: 116px; border-width: 0 }
#espace44px  { width: 200px; height: 44px }
#contenu  { margin: 0 0 0 50px; padding: 0; border-width: 0 }