body
{
    width: auto;
    margin: auto;
    background-image: url("../img/bg.png");
    background-color: #262626;
    color: black;
    font-size: 12px;
    font-family: Trebuchet MS;
}

#Header
{
    background-image: url(../img/header.png);
    width: 100%;
    height: 113px;
    box-shadow: 0px 0px 10px #000;
}

#Logo
{
    background-image: url(../img/logo.png);
    width: 666px;
    height: 113px;
    margin: auto;
}

#Navigation
{
    background-image: url(../img/navigation.png);
    width: 100%;
    height: 23px;
    box-shadow: 0px 0px 10px #000;
	/*border-bottom: 1px solid white;*/
}

#Navigation a:hover
{
    color: white;
    text-decoration: none;
}

#Navigation a:link
{
    color: white;
    text-decoration: none;
}

#Navigation a:visited
{
    color: white;
    text-decoration: none;
}

#Navigation ul li
{
    list-style-type: none;
    display: inline;
    height: 14px;
}

#Navigation li a
{
    display: block;
    float: left;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    margin-top: -15px;
}

#Navigation li a:hover { background: url(../img/Navigation_hover.png); color: white;height: 15px;}

.Menu-text
{
    color: white;
    font-size: 12px;
    font-family: segoe ui;
    padding-top: 2px;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: bold;
    text-shadow: -1px 0 #4A0011, 0 1px #4A0011, 1px 0 #4A0011, 0 -1px #4A0011;
}

#Contenu
{
    background-image: url("../img/corp.png");
    width: 990px;
    height: auto;
    margin: auto;
    display: table;
    margin-top: 5px;
    border-radius: 5px;
}

#Droite
{
    float: right;
    margin-right: 30px;
    margin-top: 30px;
}

#Gauche
{
    float: left;
    margin-left: 30px;
    margin-top: 30px;
}

#Cadre-news
{
    background-color: white;
    width: 601px;
    height: auto;
    box-shadow: 0px 0px 10px #000;
}

#Bleu
{
    background-image: url(../img/bleu.png);
    width: 601px;
    height: 29px;
    text-shadow: -1px 0 #015469, 0 1px #015469, 1px 0 #015469, 0 -1px #015469;
}

#Cadre-box
{
    background-color: white;
    width: 300px;
    height: auto;
    box-shadow: 0px 0px 10px #000;
}

#Rouge
{
    background-image: url(../img/rouge.png);
    width: 300px;
    height: 29px;
    text-shadow: -1px 0 #7B0404, 0 1px #7B0404, 1px 0 #7B0404, 0 -1px #7B0404;
}

#Vert
{
    background-image: url(../img/vert.png);
    width: 300px;
    height: 29px;
    text-shadow: -1px 0 #67770D, 0 1px #67770D, 1px 0 #67770D, 0 -1px #67770D;
}

.Clear
{
    padding-top: 15px;
}

.Cadre-titre
{
    color: white;
    font-family: segoe ui;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    font-weight: bold;
}

.Contenu-text
{
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: justify;
}

#Edito
{
    background-image: url("../img/edito.png");
    width: 931px;
    height: 120px;
    margin: auto;
    margin-top: 20px;
    border-radius: 5px;
    border-bottom: 2px solid #1c1c1c;
}

#Menu-PLACE
{
    float: right;
    margin-top: -10px;
    margin-right: 500px;
}

#Fond-membre
{
	background-image: url("../img/fond-membre.png");
	width: 930px;
	height: 201px;
	margin: auto;
	margin-top: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #000;
}

#Socle
{
	background-image: url("../img/socle.png");
	width: 64px;
	height: 41px;
	margin-left: 10px;
}


/* Les class */
.navigation{background-image: url("../img/red.png");border-radius:5px;color:#fff;text-decoration:none;cursor:pointer;padding:8px 15px;font-weight: bold; font-family: segoe ui;margin-left: 5px;}
.navigation:hover{background-image: url("../img/red_ho.png");}
.pagination{background-image: url("../img/red.png");border-radius:5px;color:#fff;text-decoration:none;cursor:pointer;padding:8px 15px;font-weight: bold; font-family: segoe ui;margin-right: 5px;}
.pagination:hover{background-image: url("../img/red_ho.png");}
.pagination:active{background-image: url("../img/red_act.png");}
.pagination_activ{background-color: #B80F0B;border-radius:5px;color:#fff;text-decoration:none;padding:8px 15px;font-weight: bold; font-family: segoe ui; }
.avatar{position:absolute; bottom:0px;height:60px; width:50px; overflow:hidden; right:10px;}
.habbo-connected{margin-top: -85px;margin-left: 2px;}