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


.span{
	font-weight: normal;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	line-height: 20px;
	}


.list-crayon{
	
	}
.list-creatifs{
	text-align: left;
	text-indent: 27px;
	}
.list-coop{
	text-indent: 68px;
	}
.list-boutik{
	text-indent: 90px;
	}
.list-niouz{
	text-indent: 77px;
	}
.list-liens{
	text-indent: 28px;
	line-height: 60px;
	}	
.list-contact{
	text-indent: 45px;
	}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
body {
	background-color: #000000;
	margin-top: 0px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}
	
#page {
	width: 1200px;
	height: 1050px;
	text-align: center;
	background-color: #000000;
	padding-top: 10px;
	margin-top: 10px;
	margin: auto;
	margin-right: auto;
	}


		

#mine {
	width: 1200px;
	height: 20px;
	float: left;
	background-image: url(../images/accueil/mine.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #557084;
	line-height: 19px;
	letter-spacing: 18px;
	text-indent: 0px;
	}	
	



#trousse {
	height: 730px;
	width: 345px;
	float: left;
	}
	
	#porte-mine {
	height: 395px;
	width: 345px;
	float: left;
	background-image: url(../images/accueil/porte-mine.jpg);
	}
	
	#crayon {
	height: 335px;
	width: 345px;
	float: left;
	background-image: url(../images/accueil/crayon.jpg);
	}
	
	#crayon-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	width: 220px;
	height: 270px;
	margin-left: 105px;
	margin-top: 10px;
	}
	
	
	#crayon-menu ul{
	display: block;
	margin-top: 9px;
	text-decoration: none;
	list-style-type: none;
	width: 180px;
	height: 220px;
	line-height: 36px;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	#crayon-menu li{
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	}
	
	
#artiste {
	width: 595px;
	height: 730px;
	float: left;
	}	

	#graphite {
	height: 600px;
	width: 595px;
	float: left;
	background-image: url(../images/accueil/graphite.jpg);
	}
	
	#graphite-texte {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	text-align: left;
	}
	
	#crea {
	height: 110px;
	width: 595px;
	float: left;
	background-image: url(../images/accueil/crea.jpg);
	}

	#crea-line {
	height: 20px;
	width: 595px;
	float: left;
	background-image: url(../images/accueil/crea-line.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #59738C;
	font-weight: bold;
	text-align: center;
	}

	#crea-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #59738C;
	font-weight: bolder;
	letter-spacing: 2px;
	margin-top: 5px;
	}




#createur {
	width: 260px;
	height: 730px;
	float: left;
	}

	#taille-crayon {
	height: 395px;
	width: 260px;
	float: left;
	background-image: url(../images/accueil/taille-crayon.jpg);
	}

	#gomme {
	height: 335px;
	width: 260px;
	float: left;
	background-image: url(../images/accueil/gomme.jpg);
	}
	
	


#reflet {
	width: 1200px;
	height: 300px;
	float: left;
	background-image: url(../images/accueil/reflet.jpg);
	}