/**
 * Carousel core stylesheet for coupdepouce.com
 *
 * @project     Coup de Pouce
 * @version		1.1
 * @author		Andrzej Kowalik
 * @section		core
 * @media		screen
 *
 *
 * @tested      ie 6, ie 7, ie 8b2 (all win)
 * @tested      ff 1.5, ff 2, ff 3, ff 3.1 (all win)
 * @tested      opera 9.6, opera 10a (all win)
 * @tested      safari2.0 osx, safari3.1 win
 * @tested      chrome 1.0.154.36 (win)
 *
 * @todo        move properties with a star in front of them to ie.css
 */

.yui-skin-cdp-chanson .yui-carousel {
	visibility: hidden;
	overflow: hidden;
	position: relative;
	}
	
		
	.yui-skin-cdp-chanson #chanson.yui-carousel {
		background: #faf4c5 url(illu_lined-paper-01.gif) no-repeat 100% 100%;
		border-top: 1px solid #d8d8d8;
		/*width: 175px !important;*/
		}
	.yui-skin-cdp-chanson #chanson.yui-carousel .yui-carousel-content {
		/*width: 175px !important;*/
		width: 590px !important;
		padding-left: 20px;
		height: 290px;
		float: left;
	}
	.yui-skin-cdp-chanson #highlight_special_files.yui-carousel {
		width: 190px !important;
		float: none;
		}
		.home    #highlight_special_files.yui-carousel { background-color: #edfdd6; border-top: 1px solid #a1d138; }
		.recipes #highlight_special_files.yui-carousel { background-color: #fff7d9; border-top: 1px solid #f9af0f; }
		.ideas   #highlight_special_files.yui-carousel { background-color: #d9f2fc; border-top: 1px solid #009cdf; }
		.family  #highlight_special_files.yui-carousel { background-color: #ecf4fc; border-top: 1px solid #759fc5; }
		.health  #highlight_special_files.yui-carousel { background-color: #e7f7f7; border-top: 1px solid #008784; }
		.couples #highlight_special_files.yui-carousel { background-color: #ffe8f3; border-top: 1px solid #be3f7b; }
		.beauty  #highlight_special_files.yui-carousel { background-color: #fde7ea; border-top: 1px solid #d12d40; }
		.travel  #highlight_special_files.yui-carousel { background-color: #e5f7ec; border-top: 1px solid #36a862; }

	.yui-skin-cdp-chanson #article-image.yui-carousel {
		width:236px !important;
	}

.yui-skin-cdp-chanson .yui-carousel.yui-carousel-visible {
	visibility: visible;
	}



.yui-skin-cdp-chanson .yui-carousel-element {
	overflow: hidden;
	position: relative;
	width: 32000px;
	z-index: 1;
	}
	.yui-skin-cdp-chanson #en-voir-plus            .yui-carousel-element { padding:0 10px 10px 0; }
	.yui-skin-cdp-chanson #chanson      .yui-carousel-element { padding:0 10px 0 0; }
	.yui-skin-cdp-chanson #highlight_special_files .yui-carousel-element { padding:0 0 10px 0; }
	.yui-skin-cdp-chanson #article-image           .yui-carousel-element { padding:0; }

.yui-skin-cdp-chanson .yui-carousel-vertical .yui-carousel-element { }

.yui-carousel-content ol{
	margin: 0px;	

}

.yui-skin-cdp-chanson .yui-carousel-element li {
	border: none;
	float:left;
	list-style-type: none; 
	overflow: hidden;
	padding: 0;


	/* IE 6 & 7 fix - prevent DOM scroll for focussed elements. */
	*float: none;
	*display: inline-block;
	*zoom: 1;
	*display: inline;
	}
	.yui-skin-cdp-chanson .yui-carousel-element li a { outline: none; }

	
	/*_________________________________________________  au menu aujourd'hui  */

	.yui-skin-cdp-chanson #chanson .yui-carousel-element li {
		/*width: 175px;*/
		width: 620px;
		height: auto;		
		}
		.yui-skin-cdp-chanson #chanson .yui-carousel-element li a {
			text-decoration: none;
			display: block;
			float: left;
			color: #a8456a;
			text-decoration: none;	
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			}
			.yui-skin-cdp-chanson #chanson .yui-carousel-element li img {
				padding: 2px;
				border: 1px solid #d8d8d8;
				background-color: #fff;
				margin: 0 auto;
				}
			.yui-skin-cdp-chanson #chanson .yui-carousel-element li h3 {
				/*font-family: verdana;
				font-size: 18px;
				font-weight: bold;
				color: #000;*/
				text-align: left;
				padding-top: 0px;	
				font-size: 26px;
				font-family: Times New Roman, Times, serif;
				color:#FFF;
				/*width: 250px;*/
				width:100%;
				height: 30px;
				}
			.yui-skin-cdp-chanson #chanson .yui-carousel-element li span {
				color: #b00101;
				font-family: verdana;
				font-size: 12px;
				}
				.yui-skin-cdp-chanson #chanson .yui-carousel-element li a:hover span {
					text-decoration: underline;
					}

	#chansonContent .entry-summary h4, #chansonContent .entry-summary p{
	margin-left: 260px;	
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#FFF;
	line-height: 18px;
	padding: 0 25px 0 0;
	margin-top: 6px;
	margin-bottom: 6px;
}
#chansonContent .entry-summary h4, #chansonContent .entry-summary h4{
	color: #a8456a;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	width: 250px;
	line-height: 16px;
}
	/*_______________________________________________________  article image  */

	.yui-skin-cdp-chanson #article-image .yui-carousel-element li {
		height: auto !important;
		height: 184px;
		min-height: 184px;
		width: 236px;
		margin-left: 0px;
		text-align: left;
		vertical-align: top;
		}
		.yui-skin-cdp-chanson #article-image .yui-carousel-element li .image-zoom {
			float: right;
			width: 12px;
			height: 12px;
			overflow: hidden;
			text-indent: 50px;
			background: transparent url(icon-zoom.png) no-repeat;
			margin-left: 5px;
			margin-right: 3px;
			}
		.yui-skin-cdp-chanson #article-image .yui-carousel-element li .image-owner {
			float: left;
			font-size: 11px;
			line-height: 14px;
			text-align: left;
			color: #a09f9f;
			margin: 5px 0 10px 0;
			}

.yui-skin-cdp-chanson .yui-carousel .yui-carousel-item-selected {
	border: none;
	outline: none;
	}

.yui-skin-cdp-chanson .yui-carousel-vertical {
	height: 32000px;
	margin: 0 5px;
	width: auto;
	}

.yui-skin-cdp-chanson .yui-carousel-vertical .yui-carousel-element li {
	display: block;
	float: none;
	}

/*.yui-log .carousel {
	background: #f2e886;
	}*/

.yui-skin-cdp-chanson .yui-carousel-nav {
	*zoom: 1;
	float: left;
	clear: both;
	/*width: 640px;*/
	height: 25px;
	padding: 5px 0;
	text-align: right;
	}

.yui-skin-cdp-chanson .yui-carousel-nav:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	}

.yui-skin-cdp-chanson .yui-carousel-button-focus { }


#content #highlight_most_commented .yui-carousel-nav {
margin-top: 18px;
}

.yui-skin-cdp-chanson .yui-carousel,
.yui-skin-cdp-chanson .yui-carousel-vertical { }


	.yui-skin-cdp-chanson #article-image .yui-carousel-nav {
		padding: 0;
		position: absolute;
		right: 5px;
		top: 0;
		width: 236px;
		z-index: 10;
	}
	
	.yui-skin-cdp-chanson #article-image .yui-carousel-content {
		margin-top: 32px;
		
	}

.yui-skin-cdp-chanson .yui-carousel-button {
	/*background:transparent url(/media/images/prototype/carousel/sprites_carousel.png) no-repeat -25px 0;*/
	/*float: right;*/
	/*width: 23px;*/
	width: 30px;
	/*height: 19px;*/
	height: 30px;
	margin: 5px;
	overflow: hidden;


	}
	.yui-skin-cdp-chanson #article-image .yui-carousel-button { margin:5px 0 5px 5px; }

.yui-skin-cdp-chanson .yui-carousel-button-disabled {
	opacity: 0.5;
	*filter: alpha(opacity = 50);	
	}

.yui-skin-cdp-chanson .yui-carousel-button button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	display: block;
	height: 44px;
	margin: -2px 0 0 -2px;
	padding: 0 0 0 100px;
	height:30px;
	float: left;
	overflow:hidden;
	width:30px;
	}
	.yui-skin-cdp-chanson .yui-carousel-button-disabled button { cursor: default; }
	.yui-skin-cdp-chanson .yui-carousel-first-button-disabled button { cursor: default; }

*html .yui-skin-cdp-chanson span.yui-carousel-first-button {
	/*background-position: 0 0;
	margin-left: -100px;
	margin-right: 33px;	
	*margin: 5px 5px 5px -56px;*/
	float: left;
	background: url(leftButton.gif) top left no-repeat;
	margin-left: 400px;
	}

.yui-skin-cdp-chanson span.yui-carousel-first-button {
	/*background-position: 0 0;
	margin-left: -100px;
	margin-right: 33px;	
	*margin: 5px 5px 5px -56px;*/
	float: left;
	background: url(leftButton.gif) top left no-repeat;
	margin-left: 400px; /* Reduce this number if you add another artist to the list */
	}
.yui-skin-cdp-chanson span.yui-carousel-next-button{
	background: url(rightButton.gif) top left no-repeat;	
	float: left;	
}
	.yui-skin-cdp-chanson #article-image span.yui-carousel-first-button {
		margin-left: -100px;
		margin-right: 28px;
		
		*margin: 5px 5px 5px -51px;
		}

.yui-skin-cdp-chanson span.yui-carousel-first-button-disabled {
	opacity:0.5;
	
	*filter: alpha(opacity = 50);
	}


.yui-skin-cdp-chanson .yui-carousel-nav ul {
	float: right;
	/*margin: 8px 60px 8px -1000px;*/
	height: 12px;
	padding: 0;
	margin: 16px 0px 16px 0px;
	
/*	*margin: 0;
	*position: absolute;
	*right: 65px;
	*top: 14px;*/
	}
	.yui-skin-cdp-chanson #article-image .yui-carousel-nav ul {
		/*margin: 8px 55px 8px -1000px;
		
		*margin: 0;
		*position: absolute;
		*right: 55px;
		*top: 8px;*/
		}

.yui-skin-cdp-chanson .yui-carousel-nav select {
	position: relative;
	top: -4px;
	
	*right: 50px;
	}

.yui-skin-cdp-chanson .yui-carousel-vertical .yui-carousel-nav ul,
.yui-skin-cdp-chanson .yui-carousel-vertical .yui-carousel-nav select {
	float: none;
	margin: 0;
	
	*zoom: 1;
	}

.yui-skin-cdp-chanson .yui-carousel-nav ul li {
	float: left;
	width: 12px;
	height: 12px;
	list-style: none;
	margin-right: 3px;
	}

.yui-skin-cdp-chanson .yui-carousel-nav ul:after {
	clear: both;
	content: "";
	display: block;
	}

.yui-skin-cdp-chanson .yui-carousel-nav ul li a {
	background: transparent url(paginationButton.gif) no-repeat top left;	
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	outline: none;
	}

.yui-skin-cdp-chanson .yui-carousel-nav ul li a em {
	left: -10000px;
	position: absolute;
	}

.yui-skin-cdp-chanson .yui-carousel-nav ul li.yui-carousel-nav-page-selected a {
	/*background-position: -25px -50px;*/
	}



.yui-skin-cdp-chanson ul li.yui-carousel-nav-page-selected a {
	background: transparent url(paginationButtonSel.gif) no-repeat top left;
	}


