/* CSS Document */

/* ------------- le body ------------- */
body
{
background-repeat: repeat-x;
padding:0px;
margin:0px;
text-align: center;
background-color:#457da0;
}

/* ------------- les conteneurs des différentes pages ------------- */
.page
{
width:980px;
margin-right:auto;
margin-left:auto;
text-align:center;
}


/* ------------- le header ------------- */
#header
{
height: 180px;
}
#logo, #logo img
{
float:center;
border-style: none;
padding: 10px 10px 0 0 ;
}

#middle
{
width:980px;
margin-right:auto;
margin-left:auto;
}

#personnage
{
float:center;
margin-right:auto;
margin-left:auto;
}
#perso-france
{
float : left;
margin-left:150px;
}

#perso-allemagne
{
float : right;
margin-right:150px;
}
#navigation
{
width:100%;
font-family:Arial;
font-size:14px;
color:white;
text-transform:uppercase;
}
#navigation_fr
{
width:490px;
font-family:Arial;
font-size:14px;
color:white;
text-transform:uppercase;
float:left;

}
#navigation_de
{
width:490px;
font-family:Arial;
font-size:14px;
color:white;
text-transform:uppercase;
float:right;
}
#navigation_de a
{
text-align:center;
margin-right:140px;
color:white;
text-decoration:none;
padding:5px;
}
#navigation_de a:hover
{
margin-right:140px;
color:white;
text-decoration:none;
background-color:#143a5e;
}
#navigation_fr a
{
text-align:center;
margin-left:180px;
color:white;
text-decoration:none;
padding:5px;
}

#navigation_fr a:hover
{
margin-left:180px;
color:white;
text-decoration:none;
background-color:#143a5e;
}

#contact
{
font-family:Arial;
font-size:12px;
width:525px;
float:left;
text-align:right;
}

#contact a
{

color:#143a5e;
width:525px;
float:left;
text-align:right;
text-decoration:none;
}
#contact a:hover
{
color:#143a5e;
width:525px;
float:left;
text-align:right;
text-decoration:underline;
}