/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

#page-wrap	
*									{ margin: 5px; padding: 0; }						{ width: 750px; margin: 20px auto; }
a									{ text-decoration: none; }

.box								{ background: #c9c2b2; -moz-border-radius: 5px; 
									  -webkit-border-radius: 8px; 
									  padding: 5px; margin: 0 0 0 0;
	border: 2px outset gray;
	list-style-type: none;
}
.box ul li							{ font-size: 10px; margin: 0; border-bottom: 1px solid #35322c;
	list-style-type: none;
}
.box ul li a						{ color: #35322c; display: block; padding: 4px 4px; margin: 0; 
					  				  border-bottom: 0px solid #ccc;
	list-style-type: none;
}
.box ul li:last-child, 
.box ul li:last-child a				{ border: none; }
.box ul li a:hover					{ background: #d5cebd; text-decoration: none; }

#catNav								{
	background: #35322c;
	padding: 5px 5px 5px 245px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	margin: 0 0 0 0;
	border: 2px inset gray;
	text-align: center;
}
#catNav li							{ display: inline; }
#catNav li a						{ display: block; width: 50px; height: 50px; text-indent: -9999px;
	                                  background: url(../imagesc/catSprite.png); float: left;
	 								  border: none; padding: 0; }
#catNav li a#list-one-button		{ background-position: -50px -50px; }
#page-wrap #catNav li.activeCatButton a#list-one-button { background-position: -50px -100px; }
#catNav li a#list-one-button:hover { background-position: -50px 0px; }
#catNav a#list-two-button			{ background-position: -100px -50px; }
#page-wrap #catNav li.activeCatButton a#list-two-button { background-position: -100px -100px; }	
#catNav li a#list-two-button:hover { background-position: -100px 0px; }	
#catNav a#list-three-button			{ background-position: 0px -50px; }
#page-wrap #catNav li.activeCatButton a#list-three-button { background-position: 0px -100px; }
#catNav li a#list-three-button:hover { background-position: 0px 0px; }
#catNav a#list-four-button			{ background-position: -150px -50px; }
#page-wrap #catNav li.activeCatButton a#list-four-button { background-position: -150px -100px; }	
#catNav li a#list-four-button:hover { background-position: -150px 0px; }	
#tuto								{
	background: #666258;
	padding: 0px 0px 0px 180px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	margin: 0 0 0 0;
	border: 2px inset gray;
	text-align: center;
}