body {
	font-family: Arial, Helvetica;
	font-size: 13px;
	text-align: justify;
	background-color : black;
	background-repeat : no-repeat;
	background-position : center top;
	background-image : url('./images/fond.png');
}

p {
	margin-right: 10px;
}

a {
	outline: none;
}

* {
	outline: none;
}

a img { border: none; }

#croix .croix {
    height: 30px;
    width: 50px;
    display: block;
    position: absolute;
    text-indent: -9999em;
    background: transparent;
	margin-left: 845px;
	margin-top: -30px;
}


#content {
	margin-top:75px;
	width: 1024px;
	height: 768px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#contenu {
	margin-top:240px;
	width: 725px;
	height: 380px;
	margin-left: 133px;
	position: relative;
	background-color: transparent;
	overflow: auto;
}

#jeu {
	position: absolute;
	width: 840px;
	height: 500px;
	margin-left: 80px;
	margin-top: 0px;
	margin-left: 75px;
	background-image : url('./images/jeu.png');
}

#game {
	position: absolute;
	margin-top: -70px;
	margin-left: 755px;
}

#footer {
	height: 30px;
	width: 300px;
	position: absolute;
	margin-top: 10px;
	margin-left: 400px;
}

#menu {
	position: absolute;
	width: 97px;
	height: 212px;
	margin-left: 9px;
	margin-top: -65px;
	background-color: transparent;
}

#univers {
	position: absolute;
	width: 97px;
	text-align: center;
	margin-left: -4px;
	margin-top: 15px;
}

#soiree {
	position: absolute;
	width: 97px;
	text-align: center;
	margin-left: -1px;
	margin-top: 60px;
}

#objets {
	position: absolute;
	width: 97px;
	text-align: center;
	margin-left: -3px;
	margin-top: 162px;
}

#calendrier {
	position: absolute;
	top: 190px;
	left: 135px;
	height: 260px;
	width: 260px;
	background-image : url('./images/calendrier.png');
	background-repeat : no-repeat;
	background-position : center top;
}

#calendrier > .day {
    height: 25px;
    width: 25px;
    display: block;
    position: absolute;
    text-indent: -9999em;
    background: transparent;
}

#day-19 {
    top: 71px;
    left: 20px;
}
#day-20 {
    top: 69px;
    left: 50px;
}
#day-21 {
    top: 67px;
    left: 80px;
}
#day-22 {
    top: 64px;
    left: 112px;
}
#day-23 {
    top: 61px;
    left: 142px;
}
#day-24 {
    top: 57px;
    left: 174px;
}
#day-25 {
    top: 54px;
    left: 205px;
}
#day-26 {
    top: 102px;
    left: 205px;
}
#day-29 {
    top: 93px;
	left: 115px;
}

#pastille {
	display: none;
    background-image: url('./images/pastille/on.png');
	height: 172px;
	width: 167px;
	position: absolute;
	margin-top: -100px;
	margin-left: 850px;
}

#pastille:hover {
	display: none;
    background-image: url('./images/pastille/off.png');
	height: 172px;
	width: 167px;
	position: absolute;
	margin-top: -100px;
	margin-left: 850px;
}

#pola {
	position: absolute;
	top: 120px;
	left: 400px;
	height: 377px;
	width: 520px;
	background-image : url('./images/pola.png');
}

#polacontent
{
	margin-top: 23px;
	margin-left: 31px;
	height: 256px;
	width: 424px;
	background-color : transparent;
}

#poladate
{
	margin-top: 20px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/19sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate20sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/20sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate21sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/21sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate22sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/22sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate23sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/23sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate24sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/24sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate25sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/25sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate26sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/26sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate27sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/27sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate28sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/28sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#poladate29sept
{
	margin-top: -10px;
	margin-left: 31px;
	height: 31px;
	width: 450px;
	background-image : url('./images/29sept.png');
	background-position : center;
	background-repeat : no-repeat;
}

#apropos {
	position: absolute;
	width: 97px;
	text-align: center;
	margin-left: -3px;
	margin-top: 235px;
}

#social {
	position: absolute;
	width: 210px;
	height: 97px;
	margin-left: 750px;
	margin-top: -155px;
}

#facebook {
	position: absolute;
	height: 90px;
	width: 90px;
	margin-left: 25px;
	overflow: visible;
}

#twitter {
	position: absolute;
	margin-left: 100px;
	width: 90px;
}

#sharefooter {
	position: absolute;
	width: 105px;
	height: 150px;
	margin-left: 920px;
	margin-top: 100px;
	background-color: transparent;
	text-align: center;
}

#mail
{
	position: absolute;
	width: 103px;
	height: 64px;
	margin-top: -13px;
	background-image : url('./images/fondmailmini.png');
	background-repeat : no-repeat;
}

#copyright 
{
	width: 1024px;
	text-align: center;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -120px;
	color: white;
}