body
{
width:90%;
margin: 0 auto 0 auto;
background-color: #ddd;
font-family: "lucida grande", helvetica, arial, tahoma, verdana, sans-serif;
color: #555;
}

/* txt styles______________________________________________________*/
p 
{
text-indent: 2em;
}

h1
{
text-indent: -50000px;
}

@font-face {
    font-family: 'unicorn_nfregular';
    src: url('font/unicorn-webfont.eot');
    src: url('font/unicorn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/unicorn-webfont.woff') format('woff'),
         url('font/unicorn-webfont.ttf') format('truetype'),
         url('font/unicorn-webfont.svg#unicorn_nfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2
{
font-family: unicorn_nfregular, helvetica, arial, sans-serif;
color: #bbb;
}

li
{
list-style-type: square;
}

.auteur
{
text-align :right;
font-weight: bold;
font-style: italic;
font-size: small;
}

a
{
color: #fff;
text-decoration: underline;
}

a:hover
{
color: #ddd;
text-decoration: underline;
}

/* page______________________________________________________*/

#container
{
width: 85%;
background-color: #fff;
margin: 0 10% 0 10%;
}

#logo
{
position: absolute;
width: 230px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
height: 95px;
left: 100px;
background: url("images/logo.png") no-repeat #000;
}

#header
{
background: url("images/header.jpg") no-repeat #000;
height: 95px;
width: auto;  
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
-ms-border-bottom-right-radius: 15px;
-o-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
}

#page
{
margin: 0 1em 0 10em;
padding: 0 0.5em 0 0.5em;
}

.flotted {
float:right;
margin-left: 1em;
}

.flotteg {
float:left;
margin-right: 1em;
}

.nab
{
width: 58%;
background-color: #777;
text-align: center;
padding: 0.2em 0.2em 0.2em 0.2em;
color: #fff;
}
.nab p
{
text-indent: 0em;
}
/* MENU______________________________________________________*/

#menu
{
float : left;
width: 8em;
background-color: #903;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
-ms-border-bottom-right-radius: 15px;
-o-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
}

.sous-menu
{
margin-left: 1.5em;
}

a.txtmenu
{
text-decoration: none;

}

a:over.txtmenu
{
color: #999;
}

#contact
{
text-indent: 0em;
}

.adresse
{
margin-top: 1em;
font-weight: bold;
font-size: small;
}

a.mail
{
color: #555;
text-decoration: underline;
} 

a:hover.mail
{
color: #777;
text-decoration: underline;
}

/* footer______________________________________________________*/

#ecoute
{
clear: left;
position: relative;
bottom: -9.8em;
padding-left: 0.5em;
font-weight: bold;
font-size: small;
color: #903;
}

#player
{
position: relative;
bottom: -1.5em;
padding-top: 0.5em;
width: 15em;
background-color: #888;
z-index: 51;
}

#disk
{
position: relative;
bottom: -6.6em;
padding-left: 17em;
z-index: 50;
}

#commande
{
position: relative;
bottom: -4.6em;
padding-left: 35.5em;
font-weight: bold;
font-size: small;
color: #903;
}

#footer
{
padding: 2em 0 0.2em 0;
margin-bottom: 2em;
font-weight: bold;
font-size: small;
background-color: #903;
color: #fff;
text-align:center;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
-ms-border-top-right-radius: 15px;
-o-border-top-right-radius: 15px;
border-top-right-radius: 15px;
}