body {
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 0.8em;
text-align: left;
background-color: #767474;
margin: auto;


}
p, h1, h2, h3,h4,h5
{
 color:white;
}

 a
{
	color:#dddcdc;
		text-decoration:none;
}

a:hover
{
	color:white;
	
}
#fond{
margin:0px;

height:150px;
	background-image:url("header.jpg"); 
background-repeat:repeat-x;
}
#toppannel
{
	margin: auto;
	width:1000px;
	margin-top: 0px;

}


#logo
{

	padding-top: 20px;
}
#toplink
{

	float:right;
	margin: auto;
	width:600px;
}



.listlink
{
	margin-top:10px;
	float:left;
	width:150px;
	height:130px;
	margin-right:10px;
	margin-left:10px;
	font-family: Helvetica, Lucida Grande, Arial,  Sans-serif;
	font-size: 0.8em;
}

.listlink a
{
	color:#dddcdc;
		text-decoration:none;
}

.listlink a:hover
{
	color:white;
	
}

.listlink ul
{
	width:150px;
	padding-left:0px;
	
}

.listlink li 
{
	list-style-type:none;
	border-bottom: 1px outset black;
	padding-top:5px;
	padding-left:5px;

}
.listlink img
{
	float:left;
	
}

#contenu
{
	height:800px;
}


#aboutimg
{
position: absolute ;
	left:25%;
	top:155px;

	
}

#hidepart
{
color:#FFF;
	font-family:Comic Sans MS;
	font-size:11px;
	font-weight:normal;
display:none;

color: #ffffff;
position: absolute ;
	left:400px;
	top:150px;
	width:820px;
	height: 800px ;
opacity: 0.95;


filter:alpha(opacity=95);
}

#aboutme
{
border-left: 1px outset black;
border-right: 1px outset  black;
border-top: 1px outset  black;
border-bottom: 1px outset  black;
color: #ffffff;
}
#aboutme h2, #aboutme h3,#aboutme h4, #aboutme h5
{
	margin-left:10px;

}
#aboutme p, #aboutme ul
{
	margin-left:15px;

}
 #about
{
width:810px;
	 overflow: auto;
 overflow-x: hidden;
}
#about h2
{

	font-size:18px;
}
#about h3
{

	font-size:14px;
}

#irl, #onlinelife, #pgmlife, #services
{
 background-color: #767474;
 display:none;
 overflow: auto;
 overflow-x: hidden;

}

#footerfond
{
position:absolute;
bottom:0px;
	width:100%;
height:150px;
background-image:url("header2.jpg"); 
background-repeat:repeat-x;
}


#footer
{
	margin: auto;
	width:1000px;	
}

#socialnetwork
{
	height:100px;
	border: 0px outset black;
}

.sociallink ul
{
	margin: auto;
	height:100px;
}
	
.sociallink li
{
list-style-type:none;
	float:left;
}