body, html{
	margin: 0;
	padding: 0;
}

body{
	background: #00244B url(img/fond_page.jpg) center repeat-y;
	text-align: center;
}

a img{
	border: none;
}

#page{
	width: 1000px;
	margin: 0 auto;
	background: transparent url(img/fond_haut.jpg) no-repeat;
	text-align: left;
}

#haut{
	position: relative;
	width: 1000px;
	height: 375px;
	margin: 0;
	padding: 0;
	background: transparent;
}

#top{
	position: absolute;
	top: 127px;
	left: 169px;
	width: 683px;
	height: 253px;
	background: transparent url(img/fond_top.jpg) no-repeat;
}

#logo{
	position: absolute;
	top: 30px;
	left: 72px;
}

#menu{
	position: absolute;
	top: 195px;
	left: 48px;
	width: 575px;
	height: 37px;
	background: transparent url(img/menu.jpg) 0 1px no-repeat;
	/*overflow: hidden;*/
}


#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li{
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: inline;
}

#menu li a{
	float: left;
	display: block;
	width: 140px;
	height: 29px;
	color: #FFF;
	font-size: 110%;
	text-align: center;
	margin: 0;
	padding: 8px 0 0 0;
	text-decoration: none;
}

#menu li a:hover{
	color: #00244B;
}
	
#menu li a:focus{
	outline: none;
}

li.menu1 a:hover{
	background: transparent url(img/menu.jpg) 0px -37px no-repeat;
}

li.menu2 a:hover{
	background: transparent url(img/menu.jpg) -140px -37px no-repeat;
}

li.menu3 a:hover{
	background: transparent url(img/menu.jpg) -280px -37px no-repeat;
}

li.menu4 a:hover{
	background: transparent url(img/menu.jpg) -422px -37px no-repeat;
}

#popup{
	width: 669px;
	height: 78px;
	margin: 0 0 0 176px;
	padding: 15px 0 0 0;
	background: transparent url(img/popup.jpg) repeat-x;	
	font-size: 120%;
	text-align: center;
}

#popup ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#popup a, #popup a:hover, #popup a:visited{
	color: #000;
	text-decoration: none;
}

#popup a:hover{
	color: #D72000;
}

#pop1{
	padding-left: 100px;
}

#pop2{
	padding-left: 250px;
}

#pop3{
	padding-left: 120px;
}

#pop1 li{
	display: inline;
	margin: 0 30px 0 0;
}

#pop3 li{
	display: inline;
	margin: 0 100px 0 0;
	padding-left: 20px;
	background: transparent url(img/feed.png) 0 1px no-repeat;
}


#bas{
	width: 1000px;
	height: 145px;
	margin: 0;
	padding: 0;
	background: transparent url(img/bas.jpg) no-repeat;
}

#bas p{
	float: right;
	margin: 0 190px 0 0;
}

#bas a, #bas a:visited{
	color: #FFF;
	text-decoration: none;
}

#bas a:hover{
	color: #0F0;
}

#billets{
	text-align: center;
}

.billet{
	width: 600px;
	margin: 0px auto 20px auto;
	background: transparent url(img/billet_fond.jpg) repeat-y;
	overflow: auto;
}

.billet_haut{
	position: relative;
	width: 600px;
	height: 95px;
	margin: 0;
	padding: 0;
	/*background: transparent url(img/billet_haut.jpg) no-repeat;*/
}

.billet_haut a, .billet_haut a:hover, .billet_haut a:visited{
	text-decoration: none;
}

.PSP a, .PS2 a, .NDS a, .Divers a{
	color: #000;
}

.X360 a, .Matos a, .Wii a{
	color: #FFF;
}

.PSP{
	background: transparent url(img/billet_haut_PSP.jpg) no-repeat;
}

.NDS{
	background: transparent url(img/billet_haut_NDS.jpg) no-repeat;
}

.PS2{
	background: transparent url(img/billet_haut_PS2.jpg) no-repeat;
}

.Matos{
	background: transparent url(img/billet_haut_Matos.jpg) no-repeat;
	color: #FFF;
}

.X360{
	background: transparent url(img/billet_haut_X360.jpg) no-repeat;
	color: #FFF;
}

.Wii{
	background: transparent url(img/billet_haut_WII.jpg) no-repeat;
	color: #FFF;
}

.Divers{
	background: transparent url(img/billet_haut_Divers.jpg) no-repeat;
}

.TOC{
	background: transparent url(img/billet_haut_Divers.jpg) no-repeat;
}

.toc2{
	width: 390px;
	margin: 0 auto;
}

.toc2 h3{
	text-align: left;
	margin: 0;
}

.toc2 ul{
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
}

.billet_haut h1{
	position: absolute;
	bottom: 32px;
	right: 80px;
	font-size: 130%;
	margin: 0;
	padding: 0;
}

.billet_bas{
	width: 600px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: transparent url(img/billet_bas.jpg) no-repeat;
}

.billet_contenu{
	padding: 0 50px;
}

.billet_contenu p{
	margin: 0 0 15px 0;
	text-align: justify;
	color: #553333;
	line-height: 20px;
}

.billet_contenu ul{
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;	
}

.billet_contenu li{
	text-align: justify;
	color: #553333;
	line-height: 20px;
}

.billet_contenu h2{
	margin: 20px 0 10px 0;
	text-align: left;
}

.billet_contenu table{
	width: 480px;
	margin: 0 0 10px -5px;
}

.billet_contenu a, a:visited{
	color: #606B87;
	text-decoration: none;
}

.billet_contenu a:hover{
	color: #00244B;
	text-decoration: underline;
}

.billet_contenu img{
	margin-bottom: 15px;	
}

.suite{
	font-size: 120%;
	font-weight: bold;
}

.imgAgauche, .imgAdroite{
	margin: 0;
	padding: 0;
}

.imgAgauche img{
	float: left;
	margin: 5px 10px;
}

.imgAdroite img{
	float: right;
	margin: 5px 10px;
}

#related{
	width: 500px;
	margin: 0 auto;
	padding: 0 10px 5px 10px;
	background: #B9BFCE;
	border: 1px solid #2C313F;
	font-size: 90%;
	text-align: left;
	overflow: auto;
}

#related h2{
	margin: 0;
	padding: 0;
	font-size: 110%;
}

#related ul{
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	width: 210px;
	float: left;
}

#related li{
}

#related a, #related a:visited{
	color: #222;
	text-decoration: none;
}

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

#comments{
	width: 400px;
	margin: 10px auto 0 auto;
}

#comments h3{
	text-align: left;
	margin: 20px 0 10px 0;
	padding: 0;
}

#comments p{
	margin: 0;
	padding: 0;
	text-align: justify;
}

.top_comm{
	width: 400px;
	height: 12px;
	background: transparent url(img/comment_haut.png) bottom no-repeat;
	padding: 0;
	margin: 0;
	line-height: 7px;
}

.commentaire{
	width: 400px;
	background: transparent url(img/comment_fond.png) repeat-y;
	padding: 0 0 10px 25px;
	text-align: left;
}

.commentaire p{
	width: 350px;
	text-align: justify;
	margin: 0;
	padding: 0;
}

.bas_comm{
	width: 400px;
	height: 40px;
	background: transparent url(img/comment_bas.png) no-repeat;
	margin: 0;
	padding: 0;
}

.comment-info{
	margin: -8px 0 20px 0;
}

.comment-info a, .comment-info a:visited, .comment-info a:hover{
	color: #FFF;
}

.comment-info a:hover{
	text-decoration: none;
}

#comments fieldset{
	border: none;
	margin: 10px 0 0 0;
	padding: 0;
}

p.field  label{
	display: block;
	width: 250px;
	text-align: left;
	color: #FFF;
}

p.field  input, p.field  textarea{
	width: 100%;
}

#enBref{
	width: 600px;
	margin: 10px auto 10px auto;
	padding: 0 200px 10px 200px;
	background: transparent url(img/fond_enBref.png) repeat-y;
	overflow: auto;
}


#enBref ul{
	list-style: none;
	margin: 0px 0 0 0;
	padding: 10px 0 0 0;
	clear: both;
}

#enBref li{
	float: left;
	width: 180px;
	text-align: justify;
	margin: 0;
	padding: 0 10px;
	font-size: 80%;
}

#enBref a{
	color: #FFF;
	text-decoration: none;
}

.titre{
	font-size: 110%;
	font-weight: bold;
}