@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
}
#site {
	top: 0px;
	width:1350px;
	height:1080px;
	margin-left: auto;
	margin-right: auto;
}
#kyokakuchiimu {
	width: 410px;
	height: 58px;
	position:absolute;
	z-index:2;
	background-repeat:no-repeat;
	background-color:#000000;
}
#cadre {
	height: 912px;
	width: 1092px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	overflow:hidden;
}
#menusup {
	margin-left: auto;
	margin-right: auto;
	margin-top:60px;
	height: 66px;
	width: 500px;
}
#menusup ul {
	list-style-type:none;
	padding:0px;
	float:left;
	margin:0px;
}
#menusup ul li {
	float:left;
}
#menusup a {
	outline:none;
	margin-bottom:0px;
}
.Ohome {
	display:block;
	height: 48px;
	margin-top: 18px;
	width:100px;
	background-image:url(../images/Menus/Menu_Sup/Home.png);
}
.Oforum {
	display:block;
	height: 58px;
	margin-top: 8px;
	width:100px;
	background-image: url(../images/Menus/Menu_Sup/Forum.png);
}
.Ochat {
	display:block;
	height: 66px;
	margin-top: 0px;
	width:100px;
	background-image: url(../images/Menus/Menu_Sup/Chat.png);
}
.Ostaff {
	display:block;
	height: 58px;
	margin-top: 8px;
	width:100px;
	background-image: url(../images/Menus/Menu_Sup/Staff.png);
}
.Ocontact {
	display:block;
	height: 48px;
	margin-top: 18px;
	width:100px;
	background-image: url(../images/Menus/Menu_Sup/Contact.png);
}
#menusup ul li a:hover {
	background-position:center;
}
#menusup ul li a:active {
	background-position:right;
}
#barresup {
	width: 1092px;
	height: 40px;
	background-image: url(../images/pixel_gris.jpg);
	margin-top: 0px;
}
#presentation {
	width:1092px;
	height: 312px;
	position: absolute;
	z-index:1;
	background-repeat: no-repeat;
}
#bannieres {
	width: 396px;
	height: 312px;
	margin-left: 696px;
	margin-right: auto;
}
#bannieres ul.liste, #minibannieres ul.miniliste {
	margin-top:0px;
	list-style-type:none;
	overflow:hidden;
}
#bannieres ul li:hover{
	margin-top:0px;
	margin-left:-40px;
}
#bannieres ul li a {
	display:block;
	height:39px;
 	width:792px; 
	outline: none;
}
#minibannieres ul li {
	margin-top:0px;
	margin-left:236px;
}
#minibannieres ul li a:hover {
	background-position:552px;
}
#miniban a {
	display:block;
	height:124px;
	width:276px; 
	outline: none;
	background-position:bottom;
}
#barreinf li a {
	display: block;
	outline: none;
}
#barreinf a img {
	border: none;
}
#barreinf ul {
	list-style-type:none;
	padding:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
#barreinf ul ul {
	display: none;
}
#barreinf ul li:hover ul.sousmenuInf {
	display: block;
}
#barreinf ul li ul li {
	overflow:hidden;
	}
#barreinf ul li ul li:hover img{
	float:right;
	}
.Onavigation {
	position:absolute;
	background-image: url(../images/pixel_bleu_menu_bas.jpg);
	height: 45px;
	width: 134px;
	margin-left: 345px;
	margin-top: 29px;
	z-index:1;
}
.Oprojets {
	position:absolute;
	background-image: url(../images/pixel_bleu_menu_bas.jpg);
	height: 45px;
	width: 134px;
	margin-left: 479px;
	margin-top: 9px;
	z-index:1;
}
.Omultimedia {
	position:absolute;
	background-image: url(../images/pixel_bleu_menu_bas.jpg);
	height: 45px;
	width: 134px;
	margin-left: 613px;
	margin-top: 29px;
	z-index:1;
}
#plus {
	height:34px; 
	text-align:right; 
	width:14px; 
	padding:0px;
	position:absolute;
	margin-left:1073px;
	margin-top:0px;
	color:#FFFFFF;
}
#colonne_gauche {
	margin-left: 0px;
	margin-right: auto;
	margin-top: 312px;
	width: 276px;
	height: 408px;
	overflow:hidden;
}
#titre_partenaires {
	height: 24px;
	width: 276px;
	background-image:url(../images/partenaires.jpg);
	background-color:#000000;
	position: absolute;
}
#partenaires a img {
	border:none;
}
#titre_derniers_chapitres {
	height: 24px;
	width: 450px;
	background-image:url(../images/derniers_chapitres.jpg);
}
#titre_dernieres_infos {
	height: 24px;
	width: 366px;
	background-image: url(../images/dernieres_infos.jpg);
	color:#000000;
}
#titrecontact{
	font-family:"Hobo Std";
	font-size: 50px;
	color:#0099FF;
	margin-top:30px;
}
#contact{
	font-family:Verdana;
	color:#333333;
	font-weight:bold;
	font-size:14px;
	margin-top:30px;
	margin-left:15px;
}
#dernierschapitres{
	font-family:Verdana;
	color:#FFFFFF;
}
#dernieresinfos{
	font-family:Verdana;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
#listdernier ul {
	list-style-type: none;
	font-weight:bold;
	width: 225px;
	font-size:13px;
	font-family:Verdana;
}
#listdernier ul li {
	margin-top:7px;
}
#listdernier ul li a {
	text-decoration:none;
	color:#FF9900;
	font-family:Verdana;
}
#radio {
	height: 228px;
	width: 276px;
	background-image: url(../images/degradio.jpg);
	position: absolute;
	margin-top: 0px;
}
#partenaires {
	height: 180px;
	width: 276px;
	position: absolute;
	margin-top: 228px;
	overflow:hidden;
}
#colonne_droite {
	margin-left: 276px;
	margin-right: auto;
	width: 816px;
	height: 408px;
	background-color: #ffffff;
	position:absolute;
	margin-top:-408px;
	z-index: 2;
	overflow:hidden;
	padding:0px;
}
#noir {
	width:276px;
	margin-top:312px;
	position:absolute;
	z-index:2;
	background-color:#000000;
}
#derniers {
	height:1px;
	width:816px;
	position:absolute;
	margin-top: 0px;
	z-index: 2;
}
#bannieres ul li {
	margin-top:0px;
	margin-left:-436px;
}
#minibannieres {
	position:absolute;
	margin-top:-296px;
	width: 276px;
	height: 216px;
	margin-left: 0px;
	margin-right:auto;
	z-index:2;
	visibility: hidden;
}
#minibannieres ul li a {
	display:block;
	height:27px;
 	width:552px; 
	outline: none;
	background-position:276px;
}
#miniban {
	position:absolute;
	width:276px;
	z-index:1;
	overflow:hidden;
	visibility:hidden;
	margin-top:-506px;
	height:86px;
	background-position:bottom;
}
#barreinf {
	width: 1092px;
	height: 86px;
	background-image: url(../images/fond_barreinf.jpg);
	position: absolute;
	z-index: 4;
	margin-top:312px;
}