/*----------------------------------------------------------------------------- 
FURAXE.QC.CA - SECTION ARTISTE Screen Stylesheet 

version:   1.0 
date:      15/01/2010 
author:    Carl Servant / SŠQUENCE DIGITALE SENC 
email:     info@sequencedigitale.com 
website:   www.sequencedigitale.com/web/ 
version history: /_INCLUDES/css/
-----------------------------------------------------------------------------*/




/*****************************************  
	GLOBALS RESET - NE RIEN CHANGER 
*****************************************/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}

	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

	/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/************************************  
	CONFIGURATIONS DE BASE  
************************************/

	html, body, #PageContainer { height: 100%; }
	body > #PageContainer {height: auto; min-height: 100%;}

	body{
		background: #F9F9F9 url(../images/background.gif) repeat-x;
	}

	body, *{
		color: #707277;
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		font-size: 11px;	
		line-height: 15px;
		text-decoration: none;
	}

	a{	
		color: #6F6D6D;	
		text-decoration: none; 
	}

	a:hover { 
		background-color: #6F6D6D; 
		color: #FFFFFF; 
	}

	h2{
		display: none;
	}
	
	h3{
		font-weight: bold;
	}

	
/************************************ 
	EXTRAS 
************************************/	

	.displayNone{ display: none; }

/************************************ 
	STRUCTURE 
************************************/

	#PageContainer, #PageFooter{	
		margin-left: auto;
		margin-right: auto;
		padding: 0;	
		width: 982px;
		position: relative;
	}
	
	#PageHeader{ 
		border-top: 16px solid #999c7c;
		height: 75px;
		margin: 0 auto;
		padding: 13px 83px;
	}


	#Contenu_Carrousel{
		clear: both;
		padding-bottom: 50px;
	}


	#PageFooter{
		clear:both;
		height: 35px;
		margin-top: -60px;
	}
	
/************************************
	ENTETE 
************************************/

	#PageHeader img{ 
		float: left; 
	}
	
/************************************
	NAVIGATION
************************************/

	ul.Navigation{ 
		float: right; 
		margin-top: 20px; 
		padding: 0; 
	}


	.Navigation li{ 
		background: transparent url(../images/pointille2.gif) no-repeat 0px 5px; 
		float: left; 
		font-size: 10px;
		list-style-type: none; 
		padding: 10px; 
	}

		.Navigation li.stefandenis{
			background-image: none !important;
		}
		
		.Navigation li.mailto{
			padding-right: 5px;
		}


/************************************
	PIED DE PAGE 
************************************/

	#PageFooter ul.Navigation{
		clear: both;
		float: none;
		height: 35px;
		text-align: center;
	}
	
	#PageFooter ul.Navigation li{
		float: none;
		display: inline;
	}
	
		#PageFooter li.graphique{
			background: none;
		}

		#PageFooter li.artiste a{
			color: #000000;
		}
			
		#PageFooter li.artiste a:hover{
			color: #FFFFFF;
		}
		
/************************************
	CONTENU CARROUSEL 
************************************/

/* Boutons */
	button.carrousel-prev,
	button.carrousel-next{
		background: transparent url(../images/fleches.gif) no-repeat 0px 0px;
		border: 0;
		cursor: pointer;
		height: 60px;
		margin: 50px 0px 0px 0px;
		text-indent: -9000%;
		width: 58px;
	}

	button.carrousel-prev{
		float: left;	
	}

		button.carrousel-prev:hover, .carrousel-prev_inactive{
			background-position: -160px 0px;
		}

	button.carrousel-next{
		background-position: -102px 0px;
		float: right;
	}

		button.carrousel-next:hover, .carrousel-next_inactive{
			background-position: -262px 0px;
		}

		
/* Carrousel Conteneur */
	.carrousel-conteneur{
		margin: 0 auto;
		width: 815px;
	}

	#pageListe{	
		position: absolute;
		text-align: center;
		top: 400px;
		width: 100%;
	}
	
		#pageListe .pageListe{
			color: #cfc8c3;
			font-size: 18px;
			margin: 5px;
		}
		
		#pageListe .currentPage{
			color: #999c7c !important;
		}

		
/* Carrousel Elements */
	.carrousel-conteneur li { 
		float:left; 
		height:300px; 
		list-style:none; 
		text-align: center;
		width:163px; 
	}

	
	/* Image */
		#Contenu_Carrousel ul li a.lightbox:hover,
		#jquery-lightbox a:hover{
			background-color: transparent;
		}
		
		.carrousel-conteneur h3 a:hover{
			background-color: #6F6D6D !important; 
		}
		
		.lightbox img{
			margin-bottom: 5px;
		}
		
		
		
	/* Span */
		span.ligne01{ display: block; }
		span.ligne02{ display: block; color: #999C7C; }
		
		span.mention,
		span.vendu, p.vendu{
			display: block;
			margin-top: 15px;
		}

	/* Texte */	
		.vendu{
			color: red;
		}



			
/* Menu de Categories */

	#CategoriesMenu{
		display: block;
		position: absolute;
		top: 448px;
		width: 100%;
	}
	
		#CategoriesMenu ul{
			margin: 0 auto;
			width: 340px;
		}		
		
			/* Non IE */
			#CategoriesMenu > ul{
				margin: 0 auto;
				width: 330px;
			}
	
		#CategoriesMenu ul li{
			float: left;
			margin: 0 10px;
		}
		
		#CategoriesMenu ul li, #CategoriesMenu ul li a{
			background: #F9F9F9 url(../images/bouton.png) no-repeat;
		}
		
		#CategoriesMenu ul li a{
			display: block;			
			float: left;
			height: 28px;
			text-indent: -9000%;
			width: 145px;			
		}
		
		#CategoriesMenu #Disponibles,
		#CategoriesMenu #Disponibles a{
			background-position: -145px 0px; 
		}
		
			#CategoriesMenu #Disponibles:hover,
			#CategoriesMenu #Disponibles a:hover{
				background-position: -290px 0px; 
			}
			
			#CategoriesMenu #Disponibles.current,
			#CategoriesMenu #Disponibles.current a{
				background-position: 0px 0px; 
			}
			
		
		#CategoriesMenu #Vendues,
		#CategoriesMenu #Vendues a{
			background-position: -145px -28px; 
		}
		
			#CategoriesMenu #Vendues:hover,
			#CategoriesMenu #Vendues a:hover{
				background-position: -290px -28px;
			}
			
			#CategoriesMenu #Vendues.current,
			#CategoriesMenu #Vendues.current a{
				background-position: 0px -28px; 
			}



/***/