/**
 * Carousel core stylesheet for coupdepouce.com
 *
 * @project     Coup de Pouce
 * @version		1.1
 * @author		Andrzej Kowalik
 * @section		core
 * @media		screen
 *
 * @colordef    #a1d138;    Home
 * @colordef    #f9af0f;    Recipes
 * @colordef    #009cdf;    Ideas
 * @colordef    #759fc5;    Family
 * @colordef    #008784;    Health
 * @colordef    #be3f7b;    Couples
 * @colordef    #d12d40;    Beauty
 * @colordef    #36a862;    Travel
 * @colordef    #8967a3;    Forums
 * @colordef    #edfdd6;    Home    (light)
 * @colordef    #fff7d9;    Recipes (light)
 * @colordef    #d9f2fc;    Ideas   (light)
 * @colordef    #ecf4fc;    Family  (light)
 * @colordef    #e7f7f7;    Health  (light)
 * @colordef    #ffe8f3;    Couples (light)
 * @colordef    #fde7ea;    Beauty  (light)
 * @colordef    #e5f7ec;    Travel  (light)
 * @colordef    #f8efff;    Forums  (light)
 *
 * @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 .yui-carousel {
	visibility: hidden;
	overflow: hidden;
	position: relative;
	}
	.yui-skin-cdp #en-voir-plus.yui-carousel {
		background-color: #f8f8f8;
		width: 430px !important;
		}
		.home    #en-voir-plus.yui-carousel { border-top: 1px solid #a1d138; }
		.recipes #en-voir-plus.yui-carousel { border-top: 1px solid #f9af0f; }
		.ideas   #en-voir-plus.yui-carousel { border-top: 1px solid #009cdf; }
		.family  #en-voir-plus.yui-carousel { border-top: 1px solid #759fc5; }
		.health  #en-voir-plus.yui-carousel { border-top: 1px solid #008784; }
		.couples #en-voir-plus.yui-carousel { border-top: 1px solid #be3f7b; }
		.beauty  #en-voir-plus.yui-carousel { border-top: 1px solid #d12d40; }
		.travel  #en-voir-plus.yui-carousel { border-top: 1px solid #36a862; }
		
	.yui-skin-cdp #au-menu-aujourdhui.yui-carousel {
		    background: url("/media/images/illustrations/illu_lined-paper-01.gif") no-repeat scroll 100% 100% #FAF4C5;
		    width:194px!important;
		    padding:10px 0 0 17px;
		}
	.yui-skin-cdp #highlight_special_files.yui-carousel {
	   dth: 190px !important;
	   oat: 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 #article-image.yui-carousel {
		width:236px;
	}
		
.yui-skin-cdp .yui-carousel.yui-carousel-visible {
	visibility: visible;
	}

.yui-skin-cdp .yui-carousel-content {
	overflow: hidden;
	position: relative;
	}

.yui-skin-cdp .yui-carousel-element {
	overflow: hidden;
	position: relative;
	width: 32000px;
	z-index: 1;
	}
	.yui-skin-cdp #en-voir-plus            .yui-carousel-element { padding:0 10px 10px 0; }
	.yui-skin-cdp #au-menu-aujourdhui      .yui-carousel-element { padding:0 10px 0 0; }
	.yui-skin-cdp #highlight_special_files .yui-carousel-element { padding:0 0 10px 0; }
	.yui-skin-cdp #article-image           .yui-carousel-element { padding:0; }

.yui-skin-cdp .yui-carousel-vertical .yui-carousel-element { }

.yui-skin-cdp .yui-carousel-element li {
	border: none;
	float:left;
	list-style-type: none;
	overflow: hidden;
	padding: 0;
	text-align: center;

	/* IE 6 & 7 fix - prevent DOM scroll for focussed elements. */
	*float: none;
	*display: inline-block;
	*zoom: 1;
	*display: inline;
	}
	.yui-skin-cdp .yui-carousel-element li a { outline: none; }

	/*________________________________________________________  en voir plus  */

	.yui-skin-cdp #en-voir-plus .yui-carousel-element li {
		width: 130px;
		height: 150px;
		}
		.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper {
			width: 120px;
			height: 130px;
			border: 1px solid #d8d8d8;
			background-color: #fff;
			padding: 9px 4px 9px 4px;
			line-height: 14px;
			position: relative;
			}
			.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper .corner {
				width: 9px;
				height: 9px;
				position: absolute;
				background: transparent url(/media/images/prototype/carousel/wrapper-borders.png) no-repeat;
				z-index: 9;
				}
			.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper .tl { background-position:  0px  0px; top:    -1px; left:  -1px; }
			.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper .tr { background-position: -9px  0px; top:    -1px; right: -1px; }
			.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper .bl { background-position:  0px -9px; bottom: -1px; left:  -1px; }
			.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper .br { background-position: -9px -9px; bottom: -1px; right: -1px; }
			/**
			 * TODO: With javascript, create 4 divs, add the class .corner to all
			 * of them, and classes .tl, .tr, .bl, & .br to each one of them seperatly
			 * then append them inside the wrapper. If javascript is disabled, user
			 * will get square corners unless he's using firefox 3+ or safari 3+
			 */
			.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper a {
				display: block;
				width: 120px;
				height: 140px;
				text-decoration: none;
				color: #b00101;
				font-family: verdana;
				font-size: 12px;
				}
				.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper a:hover span {
					text-decoration: underline;
					}
			.yui-skin-cdp #en-voir-plus .yui-carousel-element li .wrapper img {
				margin-bottom: 4px;
				}

	/*_________________________________________________  au menu aujourd'hui  */

	.yui-skin-cdp #au-menu-aujourdhui .yui-carousel-element li {
		width: 175px;
		height: auto;
		}
		.yui-skin-cdp #au-menu-aujourdhui .yui-carousel-element li a {
			text-decoration: none;
			display: block;
			}
			.yui-skin-cdp #au-menu-aujourdhui .yui-carousel-element li img {
				margin: 0 auto;
				}
			.yui-skin-cdp #au-menu-aujourdhui .yui-carousel-element li h3 {
				font-family: verdana;
				font-size: 18px;
				font-weight: bold;
				color: #000;
				}
			.yui-skin-cdp #au-menu-aujourdhui .yui-carousel-element li span {
				color: #b00101;
				font-family: verdana;
				font-size: 12px;
				}
				.yui-skin-cdp #au-menu-aujourdhui .yui-carousel-element li a:hover span {
					text-decoration: underline;
					}

	/*____________________________________________________________  dossiers  */
                                                                   
	.yui-skin-cdp #highlight_special_files .yui-carousel-element li {
		width: 122px;
		height: 132px !important;
		margin-left: 7px;
		margin-right: 3px;
		margin-bottom: 15px;
		padding: 10px 5px;
		text-align: left;
		background: url(/media/images/illustrations/illu_pattern-25.gif) 0 0 no-repeat;
		}				
	
	.yui-skin-cdp #highlight_special_files #dossier_channel .yui-carousel-element li {
		margin-right: 30px;
		margin-bottom: 30px;	
	}
	
	#article.yui-skin-cdp #highlight_special_files .yui-carousel-element li,
        #recipe.yui-skin-cdp #highlight_special_files .yui-carousel-element li{
		margin-left: 0;
		background:none;
		width:214px;
		height:auto !important;
		*vertical-align:top;
		padding: 10px 10px 10px 0;
	}
	
	#article.yui-skin-cdp #highlight_special_files .yui-carousel-element li .entry-summary,
        #recipe.yui-skin-cdp #highlight_special_files .yui-carousel-element li .entry-summary{
		top: 10px;
	}
	
	.yui-skin-cdp #aside_secondary #highlight_special_files .yui-carousel-element li {
		margin-left: 20px;
	}
		
		.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper {
			width: 120px;
			height: 140px;
			border: 1px solid #d8d8d8;
			background-color: #fff;
			padding: 9px;
			line-height: 14px;
			position: relative;
			text-align: center;
			margin-bottom: 10px;
			}
			.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper .corner {
				width: 9px;
				height: 9px;
				position: absolute;
				background: transparent url(/media/images/prototype/carousel/wrapper-borders.png) no-repeat;
				z-index: 9;
				}
			/* position */
			.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper .tl { top:    -1px; left:  -1px; }
			.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper .tr { top:    -1px; right: -1px; }
			.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper .bl { bottom: -1px; left:  -1px; }
			.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper .br { bottom: -1px; right: -1px; }

			/* home */
			.home #highlight_special_files .yui-carousel-element li .wrapper .tl { background-position:  0px -20px; }
			.home #highlight_special_files .yui-carousel-element li .wrapper .tr { background-position: -9px -20px; }
			.home #highlight_special_files .yui-carousel-element li .wrapper .bl { background-position:  0px -29px; }
			.home #highlight_special_files .yui-carousel-element li .wrapper .br { background-position: -9px -29px; }

			/* recipes */
			.recipes #highlight_special_files .yui-carousel-element li .wrapper .tl { background-position:  0px -40px; }
			.recipes #highlight_special_files .yui-carousel-element li .wrapper .tr { background-position: -9px -40px; }
			.recipes #highlight_special_files .yui-carousel-element li .wrapper .bl { background-position:  0px -49px; }
			.recipes #highlight_special_files .yui-carousel-element li .wrapper .br { background-position: -9px -49px; }

			/* ideas */
			.ideas #highlight_special_files .yui-carousel-element li .wrapper .tl { background-position:  0px -60px; }
			.ideas #highlight_special_files .yui-carousel-element li .wrapper .tr { background-position: -9px -60px; }
			.ideas #highlight_special_files .yui-carousel-element li .wrapper .bl { background-position:  0px -69px; }
			.ideas #highlight_special_files .yui-carousel-element li .wrapper .br { background-position: -9px -69px; }

			/* family */
			.family #highlight_special_files .yui-carousel-element li .wrapper .tl { background-position:  0px -80px; }
			.family #highlight_special_files .yui-carousel-element li .wrapper .tr { background-position: -9px -80px; }
			.family #highlight_special_files .yui-carousel-element li .wrapper .bl { background-position:  0px -89px; }
			.family #highlight_special_files .yui-carousel-element li .wrapper .br { background-position: -9px -89px; }

			/* health */
			.health #highlight_special_files .yui-carousel-element li .wrapper .tl { background-position:  0px -100px; }
			.health #highlight_special_files .yui-carousel-element li .wrapper .tr { background-position: -9px -100px; }
			.health #highlight_special_files .yui-carousel-element li .wrapper .bl { background-position:  0px -109px; }
			.health #highlight_special_files .yui-carousel-element li .wrapper .br { background-position: -9px -109px; }

			/* couples */
			.couples #highlight_special_files .yui-carousel-element li .wrapper .tl { background-position:  0px -120px; }
			.couples #highlight_special_files .yui-carousel-element li .wrapper .tr { background-position: -9px -120px; }
			.couples #highlight_special_files .yui-carousel-element li .wrapper .bl { background-position:  0px -129px; }
			.couples #highlight_special_files .yui-carousel-element li .wrapper .br { background-position: -9px -129px; }

			/* beauty */
			.beauty #highlight_special_files .yui-carousel-element li .wrapper .tl { background-position:  0px -140px; }
			.beauty #highlight_special_files .yui-carousel-element li .wrapper .tr { background-position: -9px -140px; }
			.beauty #highlight_special_files .yui-carousel-element li .wrapper .bl { background-position:  0px -149px; }
			.beauty #highlight_special_files .yui-carousel-element li .wrapper .br { background-position: -9px -149px; }

			/* travel */
			.travel #highlight_special_files .yui-carousel-element li .wrapper .tl { background-position:  0px -160px; }
			.travel #highlight_special_files .yui-carousel-element li .wrapper .tr { background-position: -9px -160px; }
			.travel #highlight_special_files .yui-carousel-element li .wrapper .bl { background-position:  0px -169px; }
			.travel #highlight_special_files .yui-carousel-element li .wrapper .br { background-position: -9px -169px; }


			/**
			 * TODO: With javascript, create 4 divs, add the class .corner to all
			 * of them, and classes .tl, .tr, .bl, & .br to each one of them seperatly
			 * then append them inside the wrapper. If javascript is disabled, user
			 * will get square corners unless he's using firefox 3+ or safari 3+
			 */
			.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper a {
				display: block;
				width: 120px;
				height: 140px;
				text-decoration: none;
				color: #b00101;
				font-family: verdana;
				font-size: 12px;
				}
				.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper a:hover span {
					text-decoration: underline;
					}
			.yui-skin-cdp #highlight_special_files .yui-carousel-element li .wrapper img {
				margin-bottom: 8px;
				}
		.yui-skin-cdp #highlight_special_files .yui-carousel-element li a.more {
			/*background: transparent url(/media/images/prototype/carousel/icon_arrow_forward_turquoise.gif) no-repeat 0 2px;*/
			padding-left: 16px;
			line-height: 14px;
			display: block;
			margin: 0 2px;
			color: #b00101;
			font-family: verdana;
			font-size: 12px;
			}
			.home    #highlight_special_files .yui-carousel-element li a.more { background: transparent url(/media/images/prototype/carousel/icon_green-arrow-forward.gif)     no-repeat 0 2px; }
			.recipes #highlight_special_files .yui-carousel-element li a.more { background: transparent url(/media/images/prototype/carousel/icon_arrow_forward_tangerine.gif) no-repeat 0 2px; }
			.ideas   #highlight_special_files .yui-carousel-element li a.more { background: transparent url(/media/images/prototype/carousel/icon_arrow_forward_aqua.gif)      no-repeat 0 2px; }
			.family  #highlight_special_files .yui-carousel-element li a.more { background: transparent url(/media/images/prototype/carousel/icon_arrow_forward_blue.gif)      no-repeat 0 2px; }
			.health  #highlight_special_files .yui-carousel-element li a.more { background: transparent url(/media/images/prototype/carousel/icon_arrow_forward_turquoise.gif) no-repeat 0 2px; }
			.couples #highlight_special_files .yui-carousel-element li a.more { background: transparent url(/media/images/prototype/carousel/icon_arrow_forward_pink.gif)      no-repeat 0 2px; }
			.beauty  #highlight_special_files .yui-carousel-element li a.more { background: transparent url(/media/images/prototype/carousel/icon_arrow_forward_salmon.gif)    no-repeat 0 2px; }
			.travel  #highlight_special_files .yui-carousel-element li a.more { background: transparent url(/media/images/prototype/carousel/icon_arrow_forward_green.gif)     no-repeat 0 2px; }

	/*_______________________________________________________  article image  */

	.yui-skin-cdp #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 #article-image .yui-carousel-element li .image-zoom {
			float: right;
			width: 12px;
			height: 12px;
			overflow: hidden;
			text-indent: 50px;
			background: transparent url(/media/images/prototype/carousel/icon-zoom.png) no-repeat;
			margin-left: 5px;
			margin-right: 3px;
			}
		.yui-skin-cdp #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 .yui-carousel .yui-carousel-item-selected {
	border: none;
	outline: none;
	}

.yui-skin-cdp .yui-carousel-vertical {
	height: 32000px;
	margin: 0 5px;
	width: auto;
	}

.yui-skin-cdp .yui-carousel-vertical .yui-carousel-element li {
	display: block;
	float: none;
	}

/*.yui-log .carousel {
	background: #f2e886;
	}*/

.yui-skin-cdp .yui-carousel-nav {
	*zoom: 1;
	}

.yui-skin-cdp .yui-carousel-nav:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	}

.yui-skin-cdp .yui-carousel-button-focus { }


#content #highlight_most_commented .yui-carousel-nav {
margin-top: 18px;
}

.yui-skin-cdp .yui-carousel,
.yui-skin-cdp .yui-carousel-vertical { }

.yui-skin-cdp .yui-carousel-nav {
	padding:0;
	text-align: right;
	}
	.yui-skin-cdp #article-image .yui-carousel-nav {
		padding: 0;
		position: absolute;
		right: 5px;
		top: 0;
		width: 236px;
		z-index: 10;
	}
	.yui-skin-cdp #article-image .yui-carousel-content {
		margin-top: 32px;
	}

.yui-skin-cdp .yui-carousel-button {
	background:transparent url(/media/images/prototype/carousel/sprites_carousel.png) no-repeat -25px 0;
	float: right;
	width: 23px;
	height: 19px;
	margin: 5px;
	overflow: hidden;
	}
	.yui-skin-cdp #article-image .yui-carousel-button { margin:5px 0 5px 5px; }

.yui-skin-cdp .yui-carousel-button-disabled {
	opacity: 0.5;
	*filter: alpha(opacity = 50);	
	}

.yui-skin-cdp .yui-carousel-button button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	display: block;
	height: 44px;
	margin: -2px 0 0 -2px;
	padding: 0 0 0 50px;
	}
	.yui-skin-cdp .yui-carousel-button-disabled button { cursor: default; }
	.yui-skin-cdp .yui-carousel-first-button-disabled button { cursor: default; }

.yui-skin-cdp span.yui-carousel-first-button {
	background-position: 0 0;
	margin-left: -100px;
	margin-right: 33px;
	
	*margin: 5px 5px 5px -56px;
	}
	.yui-skin-cdp #article-image span.yui-carousel-first-button {
		margin-left: -100px;
		margin-right: 28px;
		
		*margin: 5px 5px 5px -51px;
		}

.yui-skin-cdp span.yui-carousel-first-button-disabled {
	opacity:0.5;
	
	*filter: alpha(opacity = 50);
	}


.yui-skin-cdp .yui-carousel-nav ul {
	float: right;
	margin: 8px 76px 18px -1000px;
	height: 12px;
	padding: 0;
	
	*margin: 0;
	*position: absolute;
	*right: 65px;
	*top: 14px;
	}
	.yui-skin-cdp #article-image .yui-carousel-nav ul {
		margin: 8px 55px 8px -1000px;
		
		*margin: 0;
		*position: absolute;
		*right: 55px;
		*top: 8px;
		}

.yui-skin-cdp .yui-carousel-nav select {
	position: relative;
	top: -4px;
	
	*right: 50px;
	}

.yui-skin-cdp .yui-carousel-vertical .yui-carousel-nav ul,
.yui-skin-cdp .yui-carousel-vertical .yui-carousel-nav select {
	float: none;
	margin: 0;
	
	*zoom: 1;
	}

.yui-skin-cdp .yui-carousel-nav ul li {
	float: left;
	width: 12px;
	height: 12px;
	list-style: none;
	margin-right: 3px;
	}

.yui-skin-cdp .yui-carousel-nav ul:after {
	clear: both;
	content: "";
	display: block;
	}

.yui-skin-cdp .yui-carousel-nav ul li a {
	background: transparent url(/media/images/prototype/carousel/sprites_carousel.png) no-repeat 0 -50px;
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	outline: none;
	}

.yui-skin-cdp .yui-carousel-nav ul li a em {
	left: -10000px;
	position: absolute;
	}

.yui-skin-cdp .yui-carousel-nav ul li.yui-carousel-nav-page-selected a {
	background-position: -25px -50px;
	}

/*_______________________________________________________________  small nav  */
.yui-skin-cdp .yui-carousel-small-nav ul {
	float: right;
	margin: 10px 60px 10px -1000px;
	height: 9px;
	padding: 0;
	
	*margin: 0;
	*position: absolute;
	*right: 65px;
	*top: 16px;
	}
	.yui-skin-cdp #article-image .yui-carousel-small-nav ul {
		margin: 10px 55px 10px -1000px;
		
		*margin: 0;
		*position: absolute;
		*right: 55px;
		*top: 10px;
		}
.yui-skin-cdp .yui-carousel-small-nav ul li {
	float: left;
	width: 9px;
	height: 9px;
	list-style: none;
	margin-right: 2px;
	}
.yui-skin-cdp .yui-carousel-small-nav ul li a {
	background: transparent url(/media/images/prototype/carousel/sprites_carousel.png) no-repeat -15px -50px;
	display: block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	}

.yui-skin-cdp .yui-carousel-small-nav ul li a em {
	left: -10000px;
	position: absolute;
	}

.yui-skin-cdp .yui-carousel-small-nav ul li.yui-carousel-nav-page-selected a {
	background-position: -40px -50px;
	}

/*________________________________________________________________  tiny nav  */
.yui-skin-cdp .yui-carousel-tiny-nav ul {
	float: right;
	margin: 10px 60px 10px -1000px;
	height: 9px;
	padding: 0;
	
	*margin: 0;
	*position: absolute;
	*right: 65px;
	*top: 16px;
	}
	.yui-skin-cdp #article-image .yui-carousel-tiny-nav ul {
		margin: 10px 55px 10px -1000px;
		
		*margin: 0;
		*position: absolute;
		*right: 55px;
		*top: 10px;
		}
.yui-skin-cdp .yui-carousel-tiny-nav ul li {
	float: left;
	width: 3px;
	height: 9px;
	list-style: none;
	margin-right: 1px;
	}
.yui-skin-cdp .yui-carousel-tiny-nav ul li a {
	background: transparent url(/media/images/prototype/carousel/sprites_carousel.png) no-repeat -15px -65px;
	display: block;
	width: 3px;
	height: 9px;
	overflow: hidden;
	}

.yui-skin-cdp .yui-carousel-tiny-nav ul li a em {
	left: -10000px;
	position: absolute;
	}

.yui-skin-cdp .yui-carousel-tiny-nav ul li.yui-carousel-nav-page-selected a {
	background-position: -40px -65px;
	}