body {
	background-color: #0c0c0c;
	width: 100%;
	max-height: 600px;
	margin: 0px;
	height: 600px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	border: 0px;
	padding: 0px;}

a.text_normal {
	position: absolute;
	margin-top: 8px;
	margin-left: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;

}

a.text_gras {
	margin-left: 18px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-top: -5px;
	position: absolute;
	line-height: 15px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;

}

a.text_normal2 {
	position: absolute;
	margin-top: 17px;
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;

}

a.text_gras2 {
	margin-left: 0px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-top: 4px;
	position: absolute;
	line-height: 15px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;

}


a.mail:link { line-height: 43px; background-color: #f7f7f7; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.mail:hover {background-color: #f7f7f7;text-decoration: line-through;}



a.pro:link { background-color: #a8a8a8; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.pro:hover {background-color: #f7f7f7;text-decoration: none;}

a.print:link { background-color: #afc27c; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;}
a.print:hover {background-color: #f7f7f7;text-decoration: none;}

a.illustration:link { background-color: #c2a67c; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.illustration:hover {background-color: #f7f7f7;text-decoration: none;}

a.paint:link { background-color: #bda208; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.paint:hover {background-color: #f7f7f7;text-decoration: none;}

a.street:link { background-color: #82b8ba; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.street:hover {background-color: #f7f7f7;text-decoration: none;}

a.expo:link { background-color: #d56022; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.expo:hover {background-color: #f7f7f7;text-decoration: none;}

a.motion:link { background-color: #9598d9; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.motion:hover {background-color: #f7f7f7;text-decoration: none;}

a.web:link { background-color: #e996c6; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.web:hover {background-color: #f7f7f7;text-decoration: none;}






a.archive:link   {background-color: white; text-overflow: clip; font-size: 11px; font-family: Helvetica, Arial, sans-serif;
	color: black;
	text-decoration: none;
	text-decoration: none;}
a.archive:hover  {color: white; background-color: #0c0c0c;text-decoration: none;}
a.archive:active {color: white; background-color: black;text-decoration: none;}

a:visited {
	text-decoration: line-through;
	color: black;
}

a:active {
	background-color: #f7f7f7;
	text-decoration: none;}




a.archive1 {float: left; display: block;width: 19px; height: 19px;
background-image: url(img/sys_menu/1_blanc.jpg);background-repeat: no-repeat;}    
a.archive1:hover {float: left; background-image: url(img/sys_menu/1_noir.jpg);}

a.archive2 {float: left; display: block;width: 19px; height: 19px;
background-image: url(img/sys_menu/2_blanc.jpg);background-repeat: no-repeat;}    
a.archive2:hover {float: left; background-image: url(img/sys_menu/2_noir.jpg);}




a.cv1 {float: left; display: block;width: 33px; height: 33px; 
background-image: url(img/sys_menu/be1.jpg);background-repeat: no-repeat;}    
a.cv1:hover {float: left; background-image: url(img/sys_menu/be2.jpg);}

a.blog {float: left; display: block;width: 67px; height: 33px; 
background-image: url(img/sys_menu/blog1.jpg);background-repeat: no-repeat;}    
a.blog:hover {float: left; background-image: url(img/sys_menu/blog2.jpg);}

a.myspace1 {float: left; display: block;width: 33px; height: 33px; 
background-image: url(img/sys_menu/myspace1.jpg);background-repeat: no-repeat;}    
a.myspace1:hover {float: left; background-image: url(img/sys_menu/myspace2.jpg);}

a.facebook1 {float: left; display: block;width: 33px; height: 33px; 
background-image: url(img/sys_menu/facebook1.jpg);background-repeat: no-repeat;}    
a.facebook1:hover {float: left; background-image: url(img/sys_menu/facebook2.jpg);}

a.profil1 {float: left; display: block;width: 100px; height: 33px; 
background-image: url(img/sys_menu/profil1.jpg);background-repeat: no-repeat;}    
a.profil1:hover {float: left; background-image: url(img/sys_menu/profil2.jpg);}




div#cadre_intro{
	position: absolute;
	width: 100%;
	height: 650px;
	float:left;
	top: 10% ;
	bottom:1%;
	background-color: #f7f7f7;
	margin: 0px -50px -450px 0px
	
	
}

div#all{
	width: 7800px;
	height: 650px;
	float:left;
	top: 10% ;
	bottom:1%;
	position: absolute;
	background-color: #f7f7f7;
	margin: 0px -50px -450px 0px
	
	
}


div#logo{
	height: 100px;
	width:200px;
	float:left;

}
div#info{
	width:400px;
	float:left;

}

div#mail{
	float: left;
	width: 500px;
	height: 500px;
	position: absolute;
	margin-left: 900px;
	margin-top: 50px;
	
}

div#liens{
	float: left;
	width: 500px;
	height: 500px;
	position: absolute;
	margin-left: 718px;
	margin-top: 60px;
	
}

div#ligne{
	width:20px;
	height:800px;
	float:left;
	top: 48px;
	margin-left: 3px;
	position: absolute;

}



		
div#menu{
	float: left;
	position: absolute;
	height: 450px;
	text-decoration: none;
	width:200px;
	top: 100px;
	
}

div#menu ul
{ list-style: none;
	margin-left: -2px;
}

div#pages_menu{
	float: left;
	margin-left: 35px;
	width: 200px;
	height: 50px;
	top: 617px;
	position: absolute;
	
}

div.GALERIE{	
	width: 7580px;	
	left: 200px;
	top: 100px;	
	height: 550px;
	border-style: none;
	margin-left: 210px;

	
}

div.article {

	width: auto;
	height: 450px;
	float: left;
	display: inline;
}


div#care { 
	height: 30px;
	width: 22px;
	left: 103px;
	position: absolute;
	top: 306px;
	
}