/* CSS Document */
html {
background: black;
height: 100%;
}

body{
max-height: 80%;
height: 700px;
}

.preload {
height: 0px;
width: 0px;
margin: 0px;
padding: 0px;
z-index: 0;
border: 0;
outline: 0;
overflow: hidden;
}

form {
display: none;
}

#intro {
width: 800px;
height: 600px;
background-image: url(../images/jour_defaut.jpg);
background-repeat : no-repeat;
/*  background-color: yellow; */
margin: auto;
margin-top: 2%;
}

#intronuit {
width: 800px;
height: 600px;
background-image: url(../images/nuit_defaut.jpg);
background-repeat : no-repeat;
/*  background-color: yellow; */
margin: auto;
margin-top: 2%;
}


#pas_de_surprise {
display: none;
}

#surprise {
/*border : 3px solid black;	*/
float: left;
display: none;	/*block     annulé tant que le script surprise (ainsi que le contenu) n'est pas fait */
width: 57px;
height: 39px;
background-color: transparent;
margin-top: 91px;
margin-left: 215px;
position: absolute;
}


#surprise:hover {
/*  border : 3px solid black; */
background-image: url(../images/light_totem.jpg);
background-repeat : no-repeat;
float: left;
display: block;
width: 57px;
height: 39px;
background-color: transparent;
margin-top: 91px;
margin-left: 215px;
position: absolute;
}





#clickfr {
/*  border : 3px solid black; */
float: left;
display: block;
width: 134px;
height: 48px;
background-color: transparent;
margin-top: 155px;
margin-left: 442px;
position: absolute;
}

#clickfr:hover {
/*  border : 3px solid black; */
background-image: url(../images/fee_francais.jpg);
background-repeat : no-repeat;
float: left;
display: block;
width: 146px;
height: 94px;
background-color: transparent;
margin-top: 106px;
margin-left: 443px;
position: absolute;
}

#clickfrnuit {
/*  border : 3px solid black; */
float: left;
display: block;
width: 134px;
height: 48px;
background-color: transparent;
margin-top: 155px;
margin-left: 442px;
position: absolute;
}

#clickfrnuit:hover {
/*  border : 3px solid black; */
background-image: url(../images/light_francais.jpg);
background-repeat : no-repeat;
float: left;
display: block;
width: 157px;
height: 135px;
background-color: transparent;
margin-top: 109px;
margin-left: 437px;
position: absolute;
}




#clicksv {
/*  border : 3px solid black; */
float: left;
display: block;
width: 125px;
height: 55px;
background-color: transparent;
margin-top: 222px;
margin-left: 425px;
position: absolute; 
}

#clicksv:hover {
/*  border : 3px solid black; */
background-image: url(../images/fee_svenska.jpg);
background-repeat : no-repeat;
float: left;
display: block;
width: 138px;
height: 118px;
background-color: transparent;
margin-top: 178px;
margin-left: 423px;
position: absolute; 
}


#clicksvnuit {
/*  border : 3px solid black; */
float: left;
display: block;
width: 125px;
height: 55px;
background-color: transparent;
margin-top: 222px;
margin-left: 425px;
position: absolute; 
}

#clicksvnuit:hover {
/*  border : 3px solid black; */
background-image: url(../images/light_svenska.jpg);
background-repeat : no-repeat;
float: left;
display: block;
width: 156px;
height: 141px;
background-color: transparent;
margin-top: 187px;
margin-left: 418px;
position: absolute; 
}




#clicken {
/*  border : 3px solid black; */
float: left;
display: block;
width: 94px;
height: 46px;
background-color: transparent;
margin-top: 305px;
margin-left: 434px;
position: absolute;
}

#clicken:hover {
/*  border : 3px solid black; */
background-image: url(../images/fee_english.jpg);
background-repeat : no-repeat;
float: left;
display: block;
width: 124px;
height: 83px;
background-color: transparent;
margin-top: 273px;
margin-left: 420px;
position: absolute;
}

#clickennuit {
/*  border : 3px solid black; */
float: left;
display: block;
width: 94px;
height: 46px;
background-color: transparent;
margin-top: 305px;
margin-left: 434px;
position: absolute;
}

#clickennuit:hover {
/*  border : 3px solid black; */
background-image: url(../images/light_english.jpg);
background-repeat : no-repeat;
float: left;
display: block;
width: 128px;
height: 135px;
background-color: transparent;
margin-top: 259px;
margin-left: 423px;
position: absolute; 
}


#compatboite{
/*	float: left;	*/
/*	font-style : Georgia;	*/
/*	color: white;	*/
/*	font-size: 12px;	*/
/*	position: relative;	*/
margin: auto;
width: 800px;
height: 35px;
overflow: hidden;
}


#compat{
display: block;
background-image: url(../images/compat_blinker.gif);
background-repeat: no-repeat;
background-color: transparent;
/*	float: left;	*/
/*	font-style : Georgia;	*/
/*	color: white;	*/
/*	font-size: 12px;	*/
/*	position: relative;	*/
margin: auto;
width: 800px;
height: 35px;
cursor: pointer;
overflow: hidden;

}

#compat:hover{
display: block;
/*	float: left;	*/
background-image: url(../images/browsers_compatibility_alt1.jpg);
background-repeat: no-repeat;
background-color: transparent;
color: transparent;
overflow: hidden;
}