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

BODY { 
	/* background: white url("images/FOND.jpg");
 	background-repeat: repeat;*/
	background-color:#F0FFB4;
	
}

#presentation{
	position: fixed;
	z-index:10;
	width: 400px;
	height: 50px;
	top: 50px;
	left: 80px;
	z-index:10000;
	outline:none;
}


#contact{
	position: fixed;
	z-index:10;
	width: 50px;
	height: 50px;
	top: 55px;
	right: 30px;
	z-index:300;
	outline:none;
	text-align:center;
}

#about{
	position: fixed;
	z-index:10;
	width: 50px;
	height: 50px;
	top: 180px;
	right: 30px;
	z-index:300;
	outline:none;
	text-align:center;
}

#friends{
	position: fixed;
	z-index:10;
	width: 50px;
	height: 50px;
	top: 280px;
	right: 30px;
	z-index:300;
	outline:none;
	text-align:center;
}


#SHOP{
	position: fixed;
	z-index:10;
	width: 50px;
	height: 50px;
	top: 410px;
	right: 30px;
	z-index:300;
	outline:none;
	text-align:center;
}


#container{
	left:50px;
	top:130px;
	position: absolute;
	z-index: 1;
	outline: none;

}


.line{
	position:relative;
	height:475px;
	outline:none;
}



.box{
	position:relative;
	float:left;
	text-align:left;
	overflow: hidden;
	outline:none;
	margin-right:30px;
	margin-bottom:30px;

}


.calage{
	position:relative;
	width:350px;
	height:475px;
	float:left;
	outline:none;
}

a.info {
position: relative;
text-decoration: none;
outline:none;
}

a.info span {
display: none;
text-decoration: none;
outline: none;
}


a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
text-decoration: none;
outline:none;

}


a.info:hover span {
text-decoration: none;
display: inline;
position: absolute;
font-family: Arial, Helvetica, sans-serif; 
text-align: left;
font-size:0.8em;
font-style: normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:1.5em;
top:40px;
left:30px;
width:330px;
height:485px;
color: #000000;
z-index: 1000;
outline:none;
}



a.about {
position: relative;
text-decoration: none;
outline:none;
color: #000000;

}

a.about span {
display: none;
text-decoration: none;
outline: none;
color: #000000;

}


a.about:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
text-decoration: none;
outline:none;
color: #000000;


}


a.about:hover span {
text-decoration: none;
display: inline;
position: absolute;
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
font-size:2em;
font-style: normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:1.5em;
top:-125px;
right:80px;
width:330px;
height:485px;
color: #000000;
z-index: 1000;
outline:none;
}



a.contact {
position: relative;
text-decoration: none;
outline:none;
color: #000000;

}

a.contact span {
display: none;
text-decoration: none;
outline: none;
color: #000000;

}


a.contact:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
text-decoration: none;
outline:none;
color: #000000;


}


a.contact:hover span {
text-decoration: none;
display: inline;
position: absolute;
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
font-size:2em;
font-style: normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:1.5em;
top:15px;
right:80px;
width:330px;
height:485px;
color: #000000;
z-index: 1000;
outline:none;
}




a.friends {
position: relative;
text-decoration: none;
outline:none;
color: #000000;

}

a.friends span {
display: none;
text-decoration: none;
outline: none;
color: #000000;

}


a.friends:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
text-decoration: none;
outline:none;
color: #000000;


}


a.friends:hover span {
text-decoration: none;
display: inline;
position: absolute;
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
font-size:2em;
font-style: normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:1.5em;
top:-50px;
right:80px;
width:330px;
height:485px;
color: #000000;
z-index: 1000;
outline:none;
}


a img {border: none;}

h1
{
font-family: Arial, Helvetica, sans-serif; 
text-align: left;
font-size:1.2em;
color:#000000;
font-style: normal;
font-weight:lighter;
letter-spacing:0.2em; 
outline:none;
line-height:0.2em;

}

h2
{
font-family: Arial, Helvetica, sans-serif; 
text-align: left;
font-size:0.8em;
color:#000000;
font-style: normal;
font-weight:lighter;
letter-spacing:0.1em; 
outline:none;
margin-top:20px;
}

h3
{
font-family: Arial, Helvetica, sans-serif; 
text-align: left;
font-size:0.8em;
color:#000000;
font-style: normal;
font-weight:lighter;
letter-spacing:0.2em; 
outline:none;
line-height:0.5em;
}


h4 
{
color: #FFFFFF;
font-style: normal;
font-weight:normal;
text-decoration: none;
letter-spacing:0.2em;
line-height:1.5em;
display: inline;

}


h5 
{
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
color: #FFFFFF;
font-style: normal;
font-weight: normal;
text-decoration: none;
line-height:1.5em;
display: inline;
font-size:0.4em;


}