*{
padding: 0;
margin: 0;
}
body
{
background: #000000;
color: #454456;
text-align: center;
font: 1em Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

/* Cadre principal */
#wrapper
{
position: relative;
margin: 20px auto;
width: 900px;
}

/* Style du menu */
#menu
{
position: absolute;
/*margin: 0px 25px;*/
margin : 60px 25px;
margin-left: -10px;
text-align: left;
color: white;
z-index: 1;
}

/* Langues*/
#langues
{
position: absolute;
margin: 15px 25px;
margin-left: 10px;
padding : 0px 0px 0px 0px;
/*padding: 530px 0px 0px 0px;*/
text-align: left;
color: white;
z-index: 2;
}

#mentions
{
position: absolute;
padding: 580px 0px 0px 0px;
margin: 15px 25px;
margin-left: -5px;
z-index: 0;
}

/* Cadre central */
#contenu
{
position: relative;
float: right;
border-left: 1px solid #7F3300;
/*border: 1px solid ;*/
background: black top center no-repeat;
margin: auto 30px;
padding-left: 20px;
/*height: 620px; */
z-index: 4;
}


/*Style Image*/
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

/*Header */
#header
{
position: relative;
text-align: right;
font-size: 3.5em;
color: #777688;
width: 770px;
margin-bottom: 1.7em;
} 



/* Styles du texte */
#text
{
position: relative;
float: right;
margin: 45px auto;
padding: 0;
width: 700px;
text-align: center;

}
a, a:link
{
color: #FFFFFF;
background-color: #000000;
text-decoration: none;
display: inline;
padding: 0;
}
a:hover
{
color: #FF0000;
text-decoration: underline;
}
p 
{
margin: 0;
padding: 5px;
padding-left: 20px;
font: 1.5em Garamond, serif;
color: #FFFFFF;

}

hr.separation
{
visibility: hidden;
clear: both;
height: 15px;
color: #FF0000;
}
h1
{
font: 1.5em Garamond, serif;
color: #777688;
border-left: #777688 15px solid;
padding: 5px;
margin-top: 5px;
}
h2
{
font:1.25em Garamond, serif;
color: #777688;
margin: 0;
padding: 20px;
}

/* Bas de Page */
#footer
{
position: absolute;
padding: 2px;
margin: auto; 
border-top: 1px solid #ff0000;
font-size: 0.8em;
width: 762px;
}