/* GLOBALS
--------------------------------------------------- */
body{font-size:12px}

.clear{clear:both}
.clear-left{clear:left}
.clear-right{clear:right}

.clearfix:before,.clearfix:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}
.clearfix:after{clear: both;}

.right{float:right}
.left {float:left}

.align-left{text-align:left}
.align-right{text-align:right}
.center, .align-center{text-align:center}
.align-justify{text-align:justify}

.bold{font-weight:bold}
.bolder{font-weight:bolder}

.content-center{
	width:1021px;
	margin:0 auto;
}

h2, aside#blog header p, 
footer#footer_page div.cols header p,
nav#filters header p, article#presentation header p{
	font-family:"Myriad Pro", Arial, sans-serif; 
	text-transform:uppercase; 
	font-size:18px; font-stretch:expanded
}

input[type=submit]{cursor:pointer}

/* HEADER
--------------------------------------------------- */
header#header_page{
	background:#fff;
	border:1px solid #d8d8d8;
	border-left:none;
	border-right:none;
	height:118px;
}

/** LEFT **/
	header#header_page a.logo{
		display:block;
		float:left;
		background:url(../img/logo.png) no-repeat;
		width:218px;
		height:111px;
		text-indent:-9999px;
		margin-top:-1px;
	}
	
	header#header_page div.side-logo{
		display:inline-block;
		margin:79px 0 0 11px;
	}
	
	header#header_page div.side-logo p.baseline{
		font-size:14px;
		font-weight:bold;
		margin:0;
	}
	
	header#header_page div.side-logo div.breadcrumbs p, 
	header#header_page div.side-logo div.breadcrumbs ul,
	header#header_page div.side-logo div.breadcrumbs li{
		margin:0;
		padding:0;
		display:inline-block;
		font-size:11px;
		color:#797979;
	}
	
	header#header_page div.side-logo div.breadcrumbs li a{
		color:#797979;
		text-transform:uppercase;
	}
	
	header#header_page div.side-logo div.breadcrumbs li a:hover{
		color:#333;
		text-decoration:underline;
	}

/** RIGHT **/
	#cart-header{
		float:right;
		margin-top:40px;
	}
	
	#cart-header p.products{
		margin:0;
		background:url(../img/cart.gif) no-repeat left center;
		padding-left:22px;
		line-height:16px;
		height:16px;
	}
	
	#cart-header p.products a{
		color:#000;
		text-decoration:underline;
	}
	
	#cart-header p.products a:hover{
		text-decoration:none;
	}
	
	#cart-header p.products span{font-weight:bold}
	
	#cart-header p.price{
		margin:0;
		text-align:right;
		font-weight:bold;
		font-size:14px;
	}

/* NAVBAR
--------------------------------------------------- */
nav#navbar{
	height:35px;
	background:#f0f0f0;
}

nav#navbar a{
	color:#000;
	text-transform:uppercase;
	font-size:14px;
}

nav#navbar a:hover, nav#navbar li.active a{
	font-weight:bold;
	text-decoration:underline;
}

/** LINKS **/
	nav#navbar ul{
		display:inline-block;
		height:35px;
		line-height:35px;
		margin:0;
		padding:0;
		width:480px;
	}
	
	nav#navbar ul li{
		display:inline-block;
		margin:0 30px 0 0;
	}
	
	nav#navbar ul li:last-child{margin:0}

/** FORM SEARCH **/
	nav#navbar form{
		float:right;
		height:35px;
		line-height:35px;
	}
	
	nav#navbar form label{
		color:#4f4f4f;
		padding-right:7px;
	}
	
	nav#navbar form input{
		border:1px solid #a6a6a6;
		border-radius:3px;
		height:24px;
		line-height:24px;
		padding:0 3px;
		width:186px;
	}

/* FOOTER
--------------------------------------------------- */
footer#footer_page{
	background:#12171d;
	margin-top:35px;
	border-top:1px solid #a0a2a5;
	color:#fff;
}

footer#footer_page div.cols{
	float:left;
	background:url(../img/footer_sep.gif) no-repeat right 27px;
	min-height:266px;
}

footer#footer_page div.cols header p{
	height:58px;
	line-height:58px;
	margin:0;
	padding:0;
	text-transform:none;
}

/** COLUMN 1 **/
	footer#footer_page div.cols.col1{
		width:178px
	}
	
	footer#footer_page div.cols.col1 address{
		font-style:normal;
	}
	
	footer#footer_page div.cols.col1 address a{
		display:inline-block;
		background-color:rgba(255,255,255,0.9);
		color:#000;
		padding:4px 9px;
		border-radius:5px;
		margin-top:5px;
	}
	
	footer#footer_page div.cols.col1 address a:hover{
		background-color:rgba(255,255,255,1);
	}

/** COLUMN 2 **/
	footer#footer_page div.cols.col2{
		width:340px; 
		padding-left:51px
	}
	
	footer#footer_page div.cols.col2 article{
		font-size:11px;
	}
	
	footer#footer_page div.cols.col2 footer{
		margin-top:15px;
	}
	
	footer#footer_page div.cols.col2 footer a{
		background:url(../img/plus-footer.gif) no-repeat 0 0;
		line-height:14px;
		padding-left:20px;
		color:rgba(255,255,255,0.9);
		text-decoration:underline;
	}
	
	footer#footer_page div.cols.col2 footer a:hover{
		background-position:0 -14px;
		color:#fff;
		text-decoration:none;
	}

/** COLUMN 3 **/
	footer#footer_page div.cols.col3{
		width:156px; 
		padding-left:41px
	}
	
	footer#footer_page div.cols.col3 li{
		margin:5px 0;
	}
	
	footer#footer_page div.cols.col3 a {
		background:url(../img/arrow_footer.gif) no-repeat 0 2px;
		color:#fff;
		padding-left:18px;
	}
	
	footer#footer_page div.cols.col3 a:hover, footer#footer_page div.cols.col3 li.active a{
		background-position:0 -17px;
		text-decoration:underline;
	}

/** COLUMN 4 **/
	footer#footer_page div.cols.col4{
		width:255px; 
		background:none; 
		text-align:right
	}
	
	footer#footer_page div.cols.col4 form{
		height:70px;
	}
	
	footer#footer_page div.cols.col4 form p{
		margin:0;
		font-size:11px;
	}
	
	footer#footer_page div.cols.col4 form div{
		background:#fff;
		border-radius:5px;
		width:180px;
		height:26px;
		line-height:26px;
		float:right;
		padding:0 5px;
		margin-top:5px;
	}
	
	footer#footer_page div.cols.col4 form div input[type=email]{
		background:none;
		width:150px;
		border:none;
		text-align:right;
		height:24px;
	}
	
	footer#footer_page div.cols.col4 form div img{
		cursor:pointer;
		float:right;
		margin:6px 0 0 7px;
	}
	
	footer#footer_page div.cols.col4 div.social{
		height:26px;
		margin:15px 0 30px 0;
	}
	
	footer#footer_page div.cols.col4 div.social a{
		display:inline-block;
		background-position:0 0;
		margin:0 2px;
	}
	
	footer#footer_page div.cols.col4 div.social a:hover{background-position:0 -26px}
	
	footer#footer_page div.cols.col4 div.social a, footer#footer_page div.cols.col4 div.social a img{
		width:26px;
		height:26px;
	}
	
	footer#footer_page div.cols.col4 div.social a.fb{background-image:url(../img/facebook.png)}
	footer#footer_page div.cols.col4 div.social a.tt{background-image:url(../img/twitter.png)}
	footer#footer_page div.cols.col4 div.social a.rss{background-image:url(../img/rss.png)}
	
/** FOOTER **/
	footer#footer_page footer p{
		margin:0
	}
	
	footer#footer_page footer p a{color:#608b94}
	
	footer#footer_page footer p a:hover{color:#fff; text-decoration:underline}

/* CARROUSEL
--------------------------------------------------- */
section#carrousel{
	background:url(../img/carrousel_bg.gif) repeat-x top;
	margin-bottom:15px;
}

section#carrousel div.content-center{
	background:url(../img/carrousel_shadow.png) no-repeat bottom;
	height:466px;
}

section#carrousel .slides{
	position:relative;
}

section#carrousel .slides .slide .caption{
	position:absolute;
	z-index:6;
	width:350px;
	height:53px;
	background-color:rgba(0,0,0,0.6);
	top:346px;
	left:17px;
	border-radius:3px;
	padding:7px 15px 0;
	color:#fff;
}

section#carrousel .slides .slide .caption p.title{
	font-size:20px;
	margin:0;
}

section#carrousel .slides .slide .caption p.artiste{
	font-size:16px;
	font-weight:bold;
	margin:0;
}

section#carrousel a{
	display:block;
}

section#carrousel img{
	width:1019px;
	height:431px;
	border:1px solid #afafaf;
	background-position:center;
}

section#carrousel ul.pagination{
	position:absolute;
	top:393px;
	right:40px;
	z-index:6;
}

section#carrousel ul.pagination li{
	float:left;
	display:block;
	width:13px;
	height:13px;
	margin-right:5px;
}

section#carrousel ul.pagination li:last-child{margin-right:0}

section#carrousel ul.pagination li a{
	display:block;
	width:13px;
	height:13px;
	text-indent:-9999px;
	background:url(../img/puce.png) top;
}

section#carrousel ul.pagination li a:hover, section#carrousel ul.pagination li.current a{
	background-position:bottom;
}

/* NEW PRODUCT
--------------------------------------------------- */
section#new-products {
	width:730px;
	float:left;
}

section#new-products header{
	margin-bottom:22px;
}

section#new-products ul{
	margin:0;
	padding:0;
	width:730px;
	height:270px;
}

section#new-products ul li{
	float:left;
	width:180px;
	height:260px;
	margin-right:3px;
}

section#new-products ul li:last-child{
	margin-right:0;
}

section#new-products ul li a{
	display:block; 
	padding:5px 2px;
	color:#000;
}

section#new-products ul li a:hover{
	color:#6c9ca7;
}

section#new-products ul li a img{
	border:2px solid #d3d3d3;
}

section#new-products ul li a:hover img{
	border-color:#6c9ca7;
}

section#new-products ul li h3{
	font-size:12px;
}

section#new-products ul li h3 span{
	display:block;
}

section#new-products ul li h3 span.title{font-weight:bold}

section#new-products footer{
	clear:left;
	margin-top:20px;
}

section#new-products footer a{
	color:#000;
	background:url(../img/plus.png) no-repeat 0 0;
	line-height:13px;
	text-decoration:underline;
	font-weight:bold;
	padding-left:20px;
}

section#new-products footer a:hover{
	color:#6c9ca7;
	background-position:0 -14px;
	text-decoration:none;
}

/* LAST POSTS BLOG
--------------------------------------------------- */
aside#blog{
	float:right;
	width:250px;
}

aside#blog header{
	height:60px;
	line-height:60px;
}

aside#blog header p{margin:0}

aside#blog div.articles{
	margin-bottom:20px;
}

aside#blog div.articles article{
	margin-bottom:30px;
}

aside#blog div.articles article:last-child{margin-bottom:0}

aside#blog div.articles article time{
	background:url(../img/arrow.gif) no-repeat left center;
	padding-left:13px;
	font-weight:bold;
	display:block;
}

aside#blog div.articles article p{
	text-align:justify;
	display:inline;
	margin:0;
	padding:0 5px 0 0;
}

aside#blog div.articles article a{
	color:#608b94;
	text-decoration:underline;
	display:inline-block;
}

aside#blog div.articles article a:hover{color:#000}

aside#blog footer a{
	background-color:rgba(108,156,167,0.8);
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
}

aside#blog footer a:hover{
	background-color:rgba(108,156,167,1);
}

/* FILTERS
--------------------------------------------------- */
nav#filters{
	width:160px;
	float:left;
}

nav#filters ul{
	background:url(../img/filters_border.gif) no-repeat 11px bottom;
	padding-bottom:10px;
}

nav#filters ul li{
	margin:5px 0;
}

nav#filters ul li a{
	font-size:13px;
	color:#484848;
	padding-left:15px;
}

nav#filters ul li.current a, nav#filters ul li a:hover{
	background:url(../img/arrow.gif) no-repeat left center;
	color:#478d8f;
	font-weight:bold;
}

/* PRODUCTS LIST
--------------------------------------------------- */
div#products-list{
	width:815px;
	float:right;
	margin-top:15px;
}

/** HEADER **/
	div#products-list header{
		height:30px;
		margin-bottom:10px;
	}
	
	div#products-list header p{
		float:left;
	}
	
	div#products-list header select{
		float:right;
		margin-top:10px;
	}

/** ARTICLE **/
	div#products-list article{
		float:left;
		width:173px;
		margin:0 41px 15px 0;
		position:relative;
	}
	
	div#products-list article:nth-child(4n){
		margin-right:0;
	}
	
	div#products-list article img{
		border:1px solid #bbbdbe;
	}
	
	div#products-list article figcaption{
		display:inline;
	}
	
	div#products-list article h2{
		display:inline;
		font-family:Arial, sans-serif;
		font-size:12px;
		text-transform:none;
		font-stretch:normal;
		margin:0;
		font-weight:bold;
	}
	
	div#products-list article h2 span.title{
		display:block;
		position:absolute;
		top:220px;
		left:1px;
		background-color:rgba(0,0,0,0.6);
		padding:2px 10px 3px 5px;
		color:#fff;
		font-style:italic;
		min-width:70px;
	}
	
	div#products-list article p.price{
		float:right;
		margin:3px 0;
		font-weight:bold;
		font-size:13px;
	}
	
	div#products-list article p.link{
		margin:0;
	}
	
	div#products-list article p.link a{
		color:#000;
		background:url(../img/plus.png) no-repeat right 0;
		padding-right:17px;
		text-decoration:underline;
		font-size:10px;
		font-weight:bold;
	}
	
	div#products-list article p.link a:hover{
		color:#6C9CA7;
		background-position:right -14px;
		text-decoration:none;
	}

/** FOOTER **/
	div#products-list footer{text-align:right}
	
	div#products-list footer p, div#products-list footer div.pagination{
		display:inline;
	}
	
	div#products-list footer p{
		font-family:"Myriad Pro", Arial, sans-serif;
		font-size:17px;
		font-stretch:expanded;
		padding-right:5px;
	}
	
	div#products-list footer div.pagination span, div#products-list footer div.pagination a{
		color:#000;
	}
	
	div#products-list footer div.pagination span.current{
		font-weight:bold;
		text-decoration:underline;
	}

/* PRODCUT DETAILS
--------------------------------------------------- */
article#product-details{
	margin:50px 0;
}

/** LEFT **/
	article#product-details a.left{
		width:262px;
		height:402px;
		position:relative;
	}
	
	article#product-details a.left img{
		border:1px solid #bbbdbe;
	}
	
	article#product-details a.left img.btn{
		position:absolute;
		bottom:15px;
		right:15px;
		opacity:0.8;
		border:none;
	}
	
	article#product-details a.left:hover img.btn{
		opacity:1;
	}

/** RIGHT **/
	article#product-details div.right{
		width:719px;
	}
	
	article#product-details div.right header{
		margin-bottom:15px;
	}
	
	article#product-details div.right header p{
		margin:0;
	}
	
	article#product-details div.right header p.title{
		font-family:"Myriad Pro", Arial, sans-serif;
		font-size:20px;
	}
	
	article#product-details div.right header p.artiste{
		font-size:13px;
	}
	
	article#product-details div.right div.description{
		color:#484848;
		min-height:70px;
	}
	
	article#product-details div.right form div.input.select{
		margin-bottom:15px;
	}
	
	article#product-details div.right form label{
		display:block;
		font-size:13px;
		margin-bottom:5px;
	}
	
	article#product-details div.right form select{
		border:1px solid #c0c0c0;
		border-radius:4px;
		padding:3px 10px;
	}
	
	article#product-details div.right form div.submit input{
		border:none;
		padding:4px 7px;
		background:rgba(108, 156, 167, 0.8);
		color:#fff;
		border-radius:5px;
	}
	
	article#product-details div.right form div.submit input:hover{
		background:rgba(108, 156, 167, 1);
	}
	
	article#product-details div.right div.social{
			height:17px;
			margin:10px 0 23px;
	}
	
	article#product-details div.right div.social a.fb img{
		background:url(../img/share-facebook.png) top;
	}
	
	article#product-details div.right div.social a.tt img{
		background:url(../img/share-twitter.png) top
	}
	
	article#product-details div.right div.social a img{
		width:17px;
		height:17px;
		vertical-align:top;
		background-repeat:no-repeat;
	}
	
	article#product-details div.right div.social a:hover img{
		background-position:bottom;
	}
	
	article#product-details div.right footer p.title{font-weight:bold}
	
	article#product-details div.right footer ul li{
		display:inline-block;
		margin-right:20px;
	}
	
	article#product-details div.right footer ul li:last-child{
		margin:0;
	}
	
	article#product-details div.right footer ul li a{
		display:block;
	}
	
	article#product-details div.right footer ul li img{
		border:1px solid #bbbdbe;
	}

/* PRESENTATION
--------------------------------------------------- */
article#presentation{
	margin:30px 0;
}

article#presentation header, article#presentation div.cols{
	float:left;
	width:373px;
	text-align:justify;
}

article#presentation video{
	float:right;
}

article#presentation div.cols.col1,article#presentation div.cols.col2{
	font-size:14px;
}

article#presentation div.cols.col2, article#presentation div.cols.col3{
	margin:30px 0 0 40px;
}

article#presentation div.cols.col3{
	width:184px;
	text-align:left;
}

article#presentation div.cols.col3 p.title{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	padding-left:51px;
	height:42px;
	line-height:42px;
	background-position:left center;
	background-repeat:no-repeat;
}

article#presentation div.cols.col3 strong{
	color:#478d8f;
	display:block;
}

article#presentation div.cols.col3 li.hd p.title{
	background-image:url(../img/icon-hd.png)
}
article#presentation div.cols.col3 li.lr p.title{
	background-image:url(../img/icon-lr.png)
}
article#presentation div.cols.col3 li.format p.title{
	background-image:url(../img/icon-format.png);
}