a {
	text-decoration: none;
	font-weight: bold;
	color: white;
}

a:hover {
	color: #FFCC33;
}

body {
	background-color: black;
	background-position: top left; 
	background-repeat: no-repeat;
	font-family: Arial;
}

#logo{
		width:147px;
		height:87px;
		background-image:url(images/logo-mousquetaires.png);
		position:absolute;
		top:0;
		right:0;
		margin-right:20px;
		margin-top:20px;
}

#biglogo{
	width:300px;
	height:145px;
	background-image: url("images/logoBig.png");
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#decouvrir{
	width:220px;
	height:55px;
	position:absolute;
	bottom: 50px;
	right:150px;
	margin-left:160px;
	background-image:url(images/decouvrir.png);
	margin-bottom:60px;
}

#decouvrir:hover{
	background-position:0 -55px;
}

#devenir{
	width:220px;
	height:55px;
	position:absolute;
	bottom: 100px;
	right:150px;
	margin-left:160px;
	background-image:url(images/devenir-mous.png);
	margin-bottom:60px;
}

#devenir:hover{
	background-position:0 -47px;
}

#news {
	width: 536px;
	height: 425px;
	position: absolute;
	top: 150px;
	left: 20px;
	background-image: url('images/conteneur-video.png');
}

#newsText {
	color: white;
	width: 418px;
	height: 330px;
	position: relative;
	left: 55px;
	top: 41px;
}

#newsTitle {
	width: 100%;
	height: 30px;
	font-weight: bold;
	font-size: 20px;
	color: #FFCC33;
}

#newsBodyContainer {
	width: 100%;
	height: 280px;
	overflow-y: auto;
	overflow-x: hide;
}

#newsBody {
	font-size: 10pt;
}

#newsLinks {
	width: 100%;
	height: 20px;
}

#warning {
	visibility: hidden;
	width: 500px;
	height: 130px;
	background-image: url('images/conteneur-warning.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 50px;
	top: 10px;
}

#warningText {
	margin-left: 130px;
	width: 300px;
	overflow-x: hidden;
}

.normalText {
	font-size: 10pt;
}

.bigText {
	font-size: 12pt;
}

#game {
	width: 480px;
	height: 273px;
	background-image: url('images/conteneur-texte-horizontal.png');
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	right: 20px;
	top: 160px;
}

#gameText {
	font-size: 10pt;
	color: white;
	text-align: center;
	margin-top: 50px;
	width: 100%;
}

#penseBete {
	visibility: hidden;
	width: 270px;
	height: 270px;
	background-image: url('images/post-it.png');
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	left: 550px;
	top: 250px;
}

#menuBar {
	width:479px;
	height:59px;
	position:absolute;
	right: 150px;
	bottom: 30px;
	background-image:url('images/barre-navigation-menu.png');
}

#menuBarLinks {
	width: 100%;
	position: relative;
	top: 27px;
	left: 10px;
	font-size: 8pt;
	font-family: Arial;
	color: #FFCC33;
}

.conteneurtexte{
		width:550px;
		height:564px;
		position:absolute;
		right:0;
		bottom:0;
		margin-right:20px;
		margin-bottom:100px;
		background-image:url(images/conteneur-texte.png);
}

.margetexte{
		color: white;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		position:relative;
		width:420px;
		height:450px;
		margin-left:70px;
		margin-top:70px;
		overflow-x: hide;
		overflow-y: auto;
}

.texteNormal {
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.titre {
	color:#FFCC33;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#links{
		width: 250px;
		height: 20px;
		position: absolute;
		left: 0;
		bottom: 0;
		margin-bottom: 10px;
		margin-left: 20px;
}

.lien{
		color:#b3a752;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		text-decoration:none;
		margin-left:10px;
		float:left;
}

.phatLink {
	color: white;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: underline;
}

#navigation {
		font-size: 15px;
		margin-top: 15px;
		text-align: center;
}

#conteneurvideo{
		width:536px;
		height:425px;
		position:absolute;
		right:0;
		bottom:0;
		margin-right:20px;
		margin-bottom:100px;
		background-image:url(images/conteneur-video.png);
}

#videoexterne{
		position:relative;
		margin-left:54px;
		margin-top:40px;
}

#ecranphoto{
		width:648px;
		height:475px;
		position:absolute;
		right:0;
		bottom:0;
		margin-right:20px;
		margin-bottom:100px;
		background-image:url("images/cadre-photo-galerie.png");
}

#conteneurphoto{
		width:500px;
		height:400px;
		background-color:black;
		position:relative;
		margin-left:73px;
		margin-top:45px;
}
