/* CSS Document */

html
{
	background-color:#000000;
}
body
{
	padding:0px;
	margin:0px;
	text-align:center;
	font: Arial;
}
div.main
{
	width:1024px;
	height:768px;
	background: url("images/layout_03.png") no-repeat center;
	position:relative;/*permets la position absolue de img.perso par rapport a cette boite plutot qu'a la fenetre*/
	margin:0 auto; /*centre la page lors d'un sur-aggrandissement de la fenêtre*/
}
div.header
{
	width: 1024px;
	height: 80px;
	text-align:left;
	background: url("images/layout_01.png") center top no-repeat;
}
img.perso
{
	display:block;
	width: 180px;
	height: 648px;
	position:absolute;
	top:99px;
	right:2em;
	z-index:30;
	
}
div.button
{
	width: 1024px;
	height: 40px;
	text-align:left;
	vertical-align:bottom;
	background: url("images/layout_02.png") no-repeat center;
}

ul.button
{
	position:absolute;
	top:84px;
	left:0,7em;
	padding:O;
	margin-top:0;
	list-style:none;
	float:left;
	width:auto;
	height:36px;
	z-index:10;
}
ul.button li 
{
    float: left;
	width:auto;
}
 
ul.button li a 
{
    float: left;
	width:auto;
	height:36px;
    text-decoration: none;
    color:#666666;
    padding: 0.8em 20px 0 20px; /*espace entre le texte et les bords du bouton*/
    margin-right: 0; /*espace entre les boutons*/
    font:small-caps 12px Verdana, "Trebuchet MS", Arial, serif;
	background:url("images/button_01.png") no-repeat top right;
}
ul.button li a.long
{
	float: left;
	width:100px;
	height:36px;
    text-decoration: none;
    color:#666666;
    padding: 0.8em 15px 0 20px; /*espace entre le texte et les bords du bouton*/
    margin-right: 0; /*espace entre les boutons*/
    font:small-caps 12px Verdana, "Trebuchet MS", Arial, serif;
	background:url("images/button_01.png") no-repeat top right;
}
ul.button li a:hover
{
	text-decoration:underline;
}
div.menu
{
	float:left;
	width:150px;
	margin:4em 20px 0 50px;
	text-align:center;
	color:#F38555;
}
h4
{
	font:0.8em Verdana, "Trebuchet MS", Aria, serif;
	font-variant:small-caps;
}
div.menu_entry
{
	margin-bottom:20px;
	font-size:0.8em;
}
div.container
{
	position:absolute;
	top:120px;
	left:213px; /*Réduire la valeure*/
	width:598px;
	height:648px;
	background:url("images/layout_04.png");
	text-align:center;
	z-index:20;
}
div.bloc_entry
{
	margin:4.7em 4.7em 0 4.7em;
	font: Verdana, "Trebuchet MS", Arial, serif;
	color:#F38555;
	text-align:justify;
	font-size:small;
}
div.news_title
{
	border-bottom:2px solid #C74E18;
	margin-bottom:1.8em;
	font-size:1.1em;
	text-align:left;
}
h2.news_title
{
	text-decoration:none;
	display:inline;
	margin-right:8px;
}
span.author
{
	margin-left:8px;
	font-weight:bold;
}
div.news_contain
{
	text-indent:20px;
}
a
{
	color:inherit;
}
h3
{
	color:#C74E18;
}
div.profil
{
	margin:40px 0 70px 0;
	text-align:left;
}
img.profil
{
	display:block;
	float:left;
	width:auto;
	margin:0 10px 10px 10px;
}
span.profil
{
	color:#C74E18;
	font-weight:bold;
	font-size:1.3em;
}
div.change_page
{
	position:absolute;
	bottom:32px;
	left:265px;
	text-align:center;
}
a.change_page img
{
	border:none;
	color:#666666;
}
span.footer
{
	position:absolute;
	bottom: 8px;
	font:x-small Verdana, "Trebuchet MS", Arial, serif;
	color:#999999;
	text-align:center;
	left: 200px;
}