body,html{
	margin:0;
	padding:0;
	background:#000 url(../images/home/fond.jpg) no-repeat center 0;
	background-attachment: fixed;
	color:#FFF;
	font-family:Tahoma, Verdana, sans;
}
* { line-height:1.2; }
a{
	color:#FFF;
}

hr{
	clear:both;
	padding-bottom:30px;
	border:medium none;
	color: #000;
}

#structure{
	width:700px;
	margin:0 auto;
}

#header,#menu,#contenu{
	margin-top:14px;
}

#header h1{
	width:700px;
	height:70px;
	margin:0;
	background: transparent url(../images/header_logo.png) no-repeat 0 0;
}

#header h1 a{
	display:block;
	width:700px;
	height:70px;
	overflow:hidden;
	text-indent:-5000px;
}

#hImage{
	position:relative;
}
#hAnimation{
	position:absolute;
	top:0;
	left:0;
}
#menu,#contenu{
	/*border:1px solid;*/
}

#menu{
	width:145px;
	float:left;
}

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

#mMain li{
	width:145px;
	margin-bottom:10px;
}

#mMain li a{
	display:block;
	width:138px;
	height:15px;
	background:transparent url(../images/menu_fond.png) no-repeat 0 -50px;
	text-decoration:none;
	font-size:12px;
	padding:5px 0 5px 8px;
	text-transform:uppercase;
}

#mMain li a:hover,#mMain li a.mSelected:hover{
	background-position:0 0px;
	color:#4a433b;
}

#mMain li a.mSelected{
	background-position:0 -25px;
	color:#FFF;
}

#mMain a#mHome.homeOn, #mArchives h3.archiveOn{
	background-position:0 -25px;
	color:#FFF;
}

#mMain li a#mHome,#mMain li a:hover#mHome,#mArchives h3{
	background:transparent url(../images/menu_home.png) no-repeat 0 0;
	color:#4a433b;
}
#mMain li .mSub{
	margin-top:10px;
	margin-bottom:18px;
}
#mMain li .mSub li,#mArchives ul li{
	font-size:11px;
	height:auto;
}

#mMain li .mSub a, #mArchives ul li a{
	background:none;
	display:inline;
	height:auto;
	text-transform:none;
	margin:0;
	padding:0 0 0 8px;
}

#mMain li .mSub a:hover,#mArchives ul li a:hover,#mMain li .mSub a.mSelected{
	color:#a772aa;
}

#mMain li .mSub img,#mArchives ul li img{
	margin:0 6px 1px 0;
	border:0;
}

#mArchives{
	margin-top:70px;
}

#mArchives h3{
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	width:138px;
	height:15px;
	padding:5px 0 5px 8px;
	margin-bottom:10px;
}

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

#mArchives ul li{
	margin-bottom:12px;
	clear:both;
}

#mArchives ul li a{
	text-decoration:none;
	padding:5px 0 5px 8px;
	position:relative;
	display:block;
}
#mArchives ul li a img{
	float:left;
	margin-top:5px;
}

#mArchives ul li a span{
	display:block;
	float:left;
	margin-bottom:5px;
	width:120px;
	cursor:pointer;
}

#contenu{
	width:545px;
	float:right;
	margin-bottom:50px;
}

#credits{
	position:relative;
	clear:both;
}
#credits #cTop{
	background: transparent url(../images/credits_top.png) no-repeat 0 0;
	width:535px;
	height:14px;
	font-size:10px;
	font-weight:bold;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	padding:3px 5px;
}
#credits #cTop span,#credits #cTop img{
	float:left;
}
#credits #cTop span{
	padding:1px 0 0 5px;
	display:block;
}
#credits #cContent{
	background: transparent url(../images/credits_content.png) no-repeat 0 0;
	width:535px;
	height:62px;
	font-size:11px;
	padding:21px 5px 0 5px;
	overflow:hidden;
}

h2.base{
	height:27px;
	width:545px;
	margin:0;
	background: transparent url(../images/h2_base_fond.png) no-repeat center right;
	font-size:20px;
	font-weight:normal;
	margin-bottom:8px;
}
h2.base span{display:block;float:left;margin:0;}
h2.base .titre{
	height:27px;
	min-width:20px;
	overflow : visible;
	padding:0 30px 0 8px;
	background: transparent url(../images/h2_base_titre.png) no-repeat 0 0;
	text-transform:uppercase;
	font-size:20px;
}
h2.base .titre img{
	float:none;
	margin:0;
}
h2.base .subTitre{
	color:#64615e;
	font-size:14px;
	background: transparent url(../images/h2_base_titre.png) no-repeat -530px 0;
	padding:5px 0;
	text-indent:20px;
}

/**/

.titre{
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	height:29px;
	padding:12px 0 8px 0;
	position:relative;
}

.titre img{
	float:left;
	margin:0 10px 0 13px;
}

.titre span{
	display:block;
	position:absolute;
	right:11px;
	width:488px;
	bottom:5px;
}
/* News */
.blocNews{
	margin-bottom:8px;
	padding-bottom:14px;
	padding-top:1px;
	zoom:1;
}
.blocNews img.top{
	/*display:block;*/
	margin-top:-1px;
}
.blocNews h3{
	margin:14px 0;
	padding:0;
}
.blocNews h3 span{
	bottom:-3px;
}
.blocNews p{
	margin:2px 20px 2px 50px;
	font-size:12px;
}

/* Recruitment */

#blocIntro div{
	padding:1px 10px 12px 50px;
	font-size:11px;
	text-align:justify;
}

.rTitre{
	margin:8px 0;
}
.rContent{
	padding:8px 10px 12px 50px;
	font-size:11px;
	text-align:justify;
	margin-bottom:6px;
}
.rContent p{margin:0;}

/* Pages */
#pTitre,#pContent{
	margin:8px 0;
	position:relative;
	background-color:#FFFFFF;
	color:#A772AA;
}

#pTitre{
	margin-top:14px;
}

#pTitre span{
	bottom:5px;
	display:block;
}

#pContent{
	padding:12px 10px 12px 50px;
	color:#A772AA;
	font-size:11px;
}

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

#pContent .gris{
	color:#7F7E7D;
}

#pContent h4{
	font-size:12px;
	font-weight:normal;
	margin:8px 0 0 0;
	text-transform:uppercase;
	color:#A772AA;
	text-align:justify;
}
#pContent a{
	text-decoration:underline;
	color:#7782D4;
}

/* Jeu */
.blocJeu{
	position:relative;
	min-height:190px;
	margin-bottom:14px;
	clear:both;
}
.blocJeu .imageJeu{
	position:relative;
	float:left;
	width:200px;
	height:190px;
	margin:0 2px 0 0;
}
.blocJeu .imageJeu img{
	width:200px;
	height:190px;
}
.blocJeu .imageJeu span.loupe{
	position:absolute;
	bottom:0px;
	left:0px;
	cursor:pointer;
}
.blocJeu .imageJeu span.loupe img{
	width:auto;
	height:auto;
	border:0;
}
.blocJeu .blocInfos{
	margin-left:202px;
}
.blocJeu .blocInfos .jContent{
	font-size:11px;
	padding:8px;
	margin:3px 0;
	text-align:justify;
	min-height:100px;
}
.blocJeu .blocInfos .jContent p{
	font-size:11px;
	margin:3px 0;
}
.blocJeu .blocInfos .jContent span{
	font-size:12px;
}

.blocJeu .blocInfos .jTitre{
	position:relative;
	height:50px;
}
.blocJeu .blocInfos .jTitre img{
	float:left;
	margin:30px 2px 0 5px;
}
.blocJeu .blocInfos .jTitre span{
	bottom:4px;
	display:block;
	position:absolute;
	right:10px;
	width:314px;
	text-transform:uppercase;
}
.jNave ul{
	margin:0;
	padding:0;
	list-style-type:none;
	height:18px;
}
.jNave ul li{
	float:left;
	margin:0 2px 0 0;
}
.jNave ul li span{
	display:block;
	width:79px;
	height:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	background: transparent url(../images/onglets_jeux.png) no-repeat 0 0;
	padding:3px 0 0 4px;
	outline: none;
	cursor:pointer;
}
.jNave ul li span.selected{
	background-position: -102px 0;
	color:#504a43;
}

.jArtworks,.jImages,.jVideos{
	height:100px;
	/*position:relative;*/
	width:325px;
	position:absolute;
	top:-5000px;
}
.jArtworks .conteneur,.jImages .conteneur,.jVideos .conteneur{
	overflow:hidden;
	height:70px;
	position:relative;
}

.jArtworks .jaList,.jImages .jiList,.jVideos ul{
	margin:0;
	padding:0;
	list-style-type:none;
	height:60px;
	margin:10px;
	position:relative;
	top:0px;
}
.jArtworks .jaList a,.jImages .jiList a,.jVideos ul li{
	float:left;
	margin:0 16px 10px 0;
}
.jArtworks .jaList a img,.jImages .jiList a img,.jVideos ul li img{
	cursor:pointer;
	border:0;
}
.jArtworks .iNav,.jImages .iNav,.jVideos .iNav{
	position:absolute;
	bottom:5px;
	right:5px;
}
.iNav span,.iNav a{
	cursor:pointer;
	margin:0 2px;
	font-size:11px !important;
	text-decoration:none;
}
.iNav span.current{
	font-weight:bold;
	text-decoration:underline;
}