/* @author Nicolas « Neovov » Le Gall <me@neovov.com> */
/* @group Reset */

	/* http://meyerweb.com/eric/tools/css/reset/index.html */
	/* v1.0 | 20080212 */

	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, dialog, figure, header,
	hgroup, menu, nav, section,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		/*outline: 0;*/
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	body { line-height: 1; }
		/*:focus { outline: 0; }*/

	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	ins { text-decoration: none; }
	del { text-decoration: line-through; }

	ol, ul { list-style: none; }

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/* @group HTML5 */

		article, aside, details, figure, figcaption, footer, header,
		hgroup, nav, section { display: block; }

	/* @end of HTML5 */

/* @end of Reset */

/* @group Global */

	body {
		background: #E7E7E7 url(img/backs/header.png) repeat-x;
		font: normal normal 75%/1.25 Roboto, Helvetica, Arial, sans-serif;
		color: #000;
	}

	a { text-decoration: none; }

		a img {
			display: block;
			border: 0;
		}

	/* @group LoVe-HAte */

		a,
		a:link,
		a:visited { color: #999; }

		a:hover,
		a:focus,
		a:active { color: #C00; }

	/* @end of LoVe-HAte */

	abbr {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		cursor: help;
	}

	sup {
		vertical-align: super;
		font-size: .5em;
	}

	/* @group forms */

		label, button { cursor: pointer; }

		button, input, textarea, select {
			font-family: Roboto, Helvetica, Arial, sans-serif;
			font-size: 100%;
		}

		input[type="search"] { -webkit-appearance: textfield; }

	/* @end of forms */

/* @end of Global */

/* @group @font-face */

	@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
	
	@font-face {
		font-family: 'LeagueGothicRegular';
		src: url('fonts/league-gothic.eot');
		src: url('fonts/league-gothic.eot?#iefix') format('embedded-opentype'),
		     url('fonts/league-gothic.woff') format('woff'),
		     url('fonts/league-gothic.ttf') format('truetype'),
		     url('fonts/league-gothic.svg#LeagueGothicRegular') format('svg');
		font-weight: normal;
		font-style:  normal;
	}
	
/* @end of @font-face */

/* @group Classes */

	.wrapper {
		margin: 0 auto;
	}
	
	.outer_light{
		background: url(img/backs/bg_light.jpg) repeat fixed;
	}
	
	.outer_dark{
		background: url(img/backs/bg_dark.jpg) repeat fixed;
	}
	
	.single #post, .page #post{
		background: transparent;
	}
	
	.inner{
		width: 960px;
		margin: auto;
		position: relative;
	}
	
	.outer_light .inner{
		background: #FFF url(img/gradients/shaded_light.png) repeat-x;
	}
	
	.outer_dark .inner{
		background: #454545 url(img/gradients/shaded_light.png) repeat-x;
	}
	
	.tt{
		margin: 10px 0 17px 9px;
		padding-left: 28px;
		font-size: 1.6em;
	}
	
	.outer_dark .tt{
		color: #eee;
	}
	
	.elem{
		padding: 10px 0 20px;
	}
	
	.demi{
		width: 50%;
	}

	.for-reader {
		position: absolute;
		left: -2000em;
	}

	.clear { clear: both; }

	/* @group .admin */

		.admin {
			background: #C00;
			padding: 10px;
			-moz-border-radius: 1em;
			-webkit-border-radius: 1em;
			border-radius: 1em;
			font-weight: bold;
			z-index: 100;
		}
		
			.admin a { color: #FFF; }

			.admin .approve   a { color: #006505; }
			.admin .unapprove a { color: #D98500; }
			
			.admin .spam    a,
			.admin .unspam  a,
			.admin .trash   a,
			.admin .untrash a,
			.admin .delete  a { color: #BC0B0B; }

			.admin a:hover,
			.admin a:focus { color: #333; }

	/* @end of .admin */

	/* @group .shadowed */

		.shadowed {
			background: #FFF;
			box-shadow: 0 0 10px rgba(0, 0, 0, .5);
		}

	/* @end of .shadowed */

	/* @group .shadowed-alt */

		.shadowed-alt {
			background: #FFF;
			box-shadow: 0 0 10px rgba(0, 0, 0, .5);
			position: relative;
			z-index: 1;
		}

		.shadowed-alt:before,
		.shadowed-alt:after {
			width: 100%;
			height: 100%;
			max-height: 500px;
			padding: 0 10px;
			position: absolute;
			top: 0;
			left: -10px;
			content: '';
			z-index: -1;
		}

		/* Simply override the top's box-shadow */
		.shadowed-alt:before {
			background: #E7E7E7;
			height: 10px;
			top: -10px;
		}

		/* Override the rest of the box (to a certain limit) */
		.shadowed-alt:after {
			/* TODO: gradient's fallback */
			background: -webkit-linear-gradient(top, #E7E7E7, rgba(231, 231, 231, 0) 75%);
			background:    -moz-linear-gradient(top, #E7E7E7, rgba(231, 231, 231, 0) 75%);
			background:     -ms-linear-gradient(top, #E7E7E7, rgba(231, 231, 231, 0) 75%);
			background:      -o-linear-gradient(top, #E7E7E7, rgba(231, 231, 231, 0) 75%);
			background:         linear-gradient(top, #E7E7E7, rgba(231, 231, 231, 0) 75%);
			padding-bottom: 10px;
		}

	/* @end of .shadowed-alt */

	/* @group .shaded */

		.shaded {
			background: #FFF url(img/gradients/shaded.png) repeat-x;
			background: -webkit-linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7 70px, #FFF 140px, #FFF);
			background:    -moz-linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7 70px, #FFF 140px, #FFF);
			background:     -ms-linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7 70px, #FFF 140px, #FFF);
			background:      -o-linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7 70px, #FFF 140px, #FFF);
			background:         linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7 70px, #FFF 140px, #FFF);
		}


		.transition{
			transition:all ease 0.8s;
			-o-transition:all ease 0.8s;
			-ms-transition:all ease 0.8s;
			-moz-transition:all ease 0.8s;
			-webkit-transition:all ease 0.8s;
		}
		
	/* @end of .shaded */

	/* @group .shaded-alt */

		.shaded-alt {
			background: #E7E7E7 url(img/gradients/shaded-alt.png) repeat-x;
			background: -webkit-linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7);
			background:    -moz-linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7);
			background:     -ms-linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7);
			background:      -o-linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7);
			background:         linear-gradient(top, #BEBCBC, #E7E7E7 35px, #E7E7E7);
		}

	/* @end of .shaded-alt */

	/* @group .offset-shadowed */

		.offset-shadowed {
			background: #FFF;
			box-shadow: 8px -8px 10px -10px rgba(0, 0, 0, .5);
		}

	/* @end of .offset-shadowed */

	/* @group .corner-shadowed */

		.corner-shadowed {
			padding: 1em;
			padding-right: 0;
			border-bottom: 1px solid #D2D2D2;
			position: relative;
			color: #333;
		}


	/* @end of .corner-shadowed */

	/* @group .filters */

		.filters {
			overflow: hidden;
			font-size: 1.75em;
		}

			.filters ul,
			.filters fieldset { overflow: hidden; }

				.filters li,
				.filters label {
					padding: .75em .75em .5em;
					float: left;
				}

				.filters li.last,
				.filters label.last { border: 0; }

				.js .filters input {
					position: absolute;
					left: -2000em;
				}

		/* @group LoVe HAte */

			.filters a,
			.filters label { color: #999; }

			.filters a:hover,
			.filters label:hover,
			.filters a:focus,
			.filters label.focused,
			.filters li.selected a:hover,
			.filters label.selected:hover,
			.filters li.selected a:focus,
			.filters label.selected.focused { color: #C00; }

			.filters li.selected a,
			.filters label.selected { color: #333; }

		/* @end of LoVe HAte */

		.filters span {
			background: url(img/sprites/filters.png) no-repeat;
			padding-left: 25px;
		}

		.filters .shows    span { padding-left: 42px; }
		.filters .reporter span { padding-left: 38px; }

		.filters .all       span { background-position: 0 0; }
		.filters .shows     span { background-position: -400px 4px; }
		.filters .best-of   span { background-position: -800px 4px; }
		.filters .favorites span { background-position: -1200px 4px; }
		.filters .news      span { background-position: -1600px 4px; }
		.filters .files     span { background-position: -2000px 4px; }
		.filters .reporter  span { background-position: -2400px 4px; }

		.filters .all a:hover      span,
		.filters .all a:focus      span,
		.filters label.all:hover   span,
		.filters label.all.focused span { background-position: 0 -96px; }

		.filters .shows a:hover      span,
		.filters .shows a:focus      span,
		.filters label.shows:hover   span,
		.filters label.shows.focused span { background-position: -400px -96px; }

		.filters .best-of a:hover      span,
		.filters .best-of a:focus      span,
		.filters label.best-of:hover   span,
		.filters label.best-of.focused span { background-position: -800px -96px; }

		.filters .favorites a:hover      span,
		.filters .favorites a:focus      span,
		.filters label.favorites:hover   span,
		.filters label.favorites.focused span { background-position: -1200px -96px; }

		.filters .news a:hover      span,
		.filters .news a:focus      span,
		.filters label.news:hover   span,
		.filters label.news.focused span { background-position: -1600px -96px; }

		.filters .files a:hover      span,
		.filters .files a:focus      span,
		.filters label.files:hover   span,
		.filters label.files.focused span { background-position: -2000px -96px; }

		.filters .reporter a:hover      span,
		.filters .reporter a:focus      span,
		.filters label.reporter:hover   span,
		.filters label.reporter.focused span { background-position: -2400px -100px; }

		.filters .all.selected       span { background-position: 0 -196px; }
		.filters .shows.selected     span { background-position: -400px -196px; }
		.filters .best-of.selected   span { background-position: -800px -200px; }
		.filters .favorites.selected span { background-position: -1200px -196px; }
		.filters .news.selected      span { background-position: -1600px -196px; }
		.filters .files.selected     span { background-position: -2000px -200px; }
		.filters .reporter.selected  span { background-position: -2400px -200px; }

	/* @end of .filters */

	/* @group .menu */

		.menu {
			position: relative;
			z-index: 2;
		}

			.menu h1,
			.menu h2 {
				padding: 0 .375em;
				margin: .375em 0;
				font-size: 1.5em;
			}
			
			#footer .menu h1{
				color: #fff;
			}

			.menu ul {
				padding: 0 1px .5em .5em;
				margin-top: 1em;
			}

				.menu  li {
					margin-bottom: .25em;
					clear: left;
				}

				.menu .alternate li {
					background: #FFF;
					border: 1px solid #CCC;
					margin-bottom: .5em;
				}

				.menu .alternate li:nth-child(even) { background: #F2F2F2; }

				.menu a {
					display: block;
					overflow: hidden;
					font-weight: bold;
					/*color: #c8c8c8;*/
				}

				.menu a:hover,
				.menu a:focus {
					background: #C00;
					color: #FFF;
				}

					.menu  img {
						border: 1px solid #CCC;
						margin-right: .5em;
						float: left;
					}

					.menu .alternate img { border: 0; }

					.menu  a:hover img,
					.menu  a:focus img { border-color: #C00; }

					.menu  span {
						margin: .25em;
						display: block;
					}

						.menu span span {
							margin: 0;
							display: inline;
							color: #999;
						}

						.menu a:hover span span,
						.menu a:focus span span { color: #FFF; }

					.menu .details {
						margin-top: .5em;
						font-size: .917em;
						font-weight: normal;
					}

	/* @end of .menu */

	/* @group articles */

		/* @group .une */

			.une article {
				width: 960px;
				height: 360px;
				position: relative;
				overflow: hidden;
				color: #CCC;
			}

			/* @group header */

				.une article header {
					background: #454545 url(img/gradients/player-light.png) repeat-y;
					background: -webkit-linear-gradient(left, #2E2E2E, #454545 10px);
					background:    -moz-linear-gradient(left, #2E2E2E, #454545 10px);
					background:     -ms-linear-gradient(left, #2E2E2E, #454545 10px);
					background:      -o-linear-gradient(left, #2E2E2E, #454545 10px);
					background:         linear-gradient(left, #2E2E2E, #454545 10px);
					width: 284px; /* regular width - padding-right - padding-left (320 - 18 - 18) */
					height: 100%;
					padding: 0 18px;
					float: right;
					overflow: hidden;
				}

				.js .une article header { padding-top: 2.5em; }

					.une article header h1 {
						margin: .5em 0 .75em;
						font: normal 3em/1 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
					}

						.une article header h1 a { color: #F5F5F5; }

						.une article header h1 a:hover,
						.une article header h1 a:focus { color: #C00; }

					.une article header .chapeau p { color: #CCC; }

			/* @end of header */

			/* @group .illustration */

				.une article .illustration {
					width: 640px;
					height: 100%;
					float: left;
				}

					.une .illustration a { 
						position: absolute; 
						background: url(img/overlays/tv_back.png) no-repeat center;
						outline: 0;
						}

					.une .illustration a:hover,
					.une .illustration a:focus {
						background: url(img/overlays/play.png) no-repeat center;
						outline: 0;
					}

						.une .illustration img {
							position: relative;
							z-index: -1;
						}

			/* @end of .illustration */

			/* @group footer */

				.une article footer {
					background: url(img/gradients/videos-a-la-une-footer.png) repeat-x;
					background: -webkit-linear-gradient(top, rgba(69, 69, 69, 0), #454545 35px);
					background:    -moz-linear-gradient(top, rgba(69, 69, 69, 0), #454545 35px);
					background:     -ms-linear-gradient(top, rgba(69, 69, 69, 0), #454545 35px);
					background:      -o-linear-gradient(top, rgba(69, 69, 69, 0), #454545 35px);
					background:         linear-gradient(top, rgba(69, 69, 69, 0), #454545 35px);
					width: 300px;
					padding: 45px 10px 0 0;
					position: absolute;
					bottom: 0;
					right: 0;
					font-size: 1.25em;
				}

					.une article footer ul { overflow: hidden; }

						.une article footer li {
							width: 89px;
							padding: .3em 0 20px;
							border-right: 1px dotted #FFF;
							float: left;
							text-align:center;
						}

						.une article footer li.rating {
							width: 120px;
							border: 0;
						}

							.une article footer li span,
							.une article footer li a {
								background: url(img/sprites/articles-icons.png) no-repeat -400px;
								display: inline-block;
							}

							.une article footer li.views span { padding-left: 32px; }

							.une article footer li.comments a {
								background-position: -1200px 50%;
								padding-left: 18px;
							}

			/* @end of footer */

		/* @end of .une */

		/* @group .grid & .list */
		/* .grid & .list's articles are very similiar */

			.grid article,
			.list article {
				height: 90px;
				margin: 10px;
				position: relative;
				box-shadow: 0px 1px 2px #ccc;
			}

			.grid article:hover,
			.grid article.focused,
			.list article:hover,
			.list article.focused { border-color: #C00; }

			/* @group .new */

				.grid article.new .illustration a,
				.list article.new .illustration a {
					background: url(img/overlays/new.png) no-repeat right top;
					position: absolute;
				}

					.grid article.new .illustration img,
					.list article.new .illustration img {
						position: relative;
						z-index: -1;
					}

			/* @end of .new */

			/* @group header */

				.grid article header h1,
				.list article header h1 {
					margin-bottom: .5em;
					font-size: 1.3em;
					text-transform: uppercase;
				}

					.grid article header h1 a,
					.list article header h1 a { color: #333; }

					.grid article header h1 a:hover,
					.grid article header h1 a:focus,
					.list article header h1 a:hover,
					.list article header h1 a:focus { color: #C00; }

					.grid article header .overlay,
					.list article header .overlay {
						position: absolute;
						bottom: 0;
						right: 0;
					}

			/* @end of header */

			.grid article .illustration,
			.list article .illustration {
				position: relative;
				z-index: 1;
			}

			/* @group footer */

				.grid article footer,
				.list article footer { line-height: 1.3; }

					.grid article footer ul,
					.list article footer ul { overflow: hidden; }

						.grid article footer li,
						.list article footer li {
							width: 33%;
							padding: .3em 0;
							border-right: 1px dotted #999;
							float: left;
							text-align: center;
						}

						.grid article footer li.rating,
						.list article footer li.rating { border: 0; }

							.grid article footer li span,
							.grid article footer li a,
							.list article footer li span,
							.list article footer li a {
								background: url(img/sprites/articles-icons.png) no-repeat -200px;
								display: inline-block;
							}

							.grid article footer li.views span,
							.list article footer li.views span { padding-left: 27px; }

							.grid article footer li.comments a,
							.list article footer li.comments a {
								background-position: -1000px 50%;
								padding-left: 15px;
							}

			/* @end of footer */

		/* @end of .grid & .list */

		/* @group .grid */

			.grid article {
				width: 160px;
				font-size: .833em;
			}

			.grid article:after {
				background: rgba(0, 0, 0, .6);
				width: 150px; /* regular width - padding-right - padding-left (160px - 5px - 5px) */
				min-height: 21px; /* regular height - padding-top - padding-bottom (30px - 3px - 6px) */
				padding: 3px 5px 6px;
				display: block;
				content: attr(data-title);
				position: absolute;
				bottom: 0;
				left: 0;
				font-weight: bold;
				text-transform: uppercase;
				color: #FFF;
				z-index: 1;
			}

				.grid article header,
				.grid article footer {
					width: 230px;
					position: absolute;
					top: -10px;
					left: -2000em;
					z-index: 2;
				}

				.grid article:hover header,
				.grid article:hover footer,
				.grid article.focused header,
				.grid article.focused footer { left: 165px; }

				.grid article:nth-child(5n+3):hover header,
				.grid article:nth-child(5n+3):hover footer,
				.grid article:nth-child(5n+4):hover header,
				.grid article:nth-child(5n+4):hover footer,
				.grid article:nth-child(5n+5):hover header,
				.grid article:nth-child(5n+5):hover footer,
				.grid article:nth-child(5n+3).focused header,
				.grid article:nth-child(5n+3).focused footer,
				.grid article:nth-child(5n+4).focused header,
				.grid article:nth-child(5n+4).focused footer,
				.grid article:nth-child(5n+5).focused header,
				.grid article:nth-child(5n+5).focused footer {
					left: auto;
					right: 165px;
				}

				.js .grid article:hover header,
				.js .grid article:hover footer,
				.js .grid article:hover .deco { display: none; }

				.js .grid article.focused header,
				.js .grid article.focused footer,
				.js .grid article.focused .deco { display: block; }

			/* @group header */

				.grid article header {
					background: #FFF;
					width: 210px; /* regular width - padding-right - padding-left (230 - 10 - 10) */
					height: 85px; /* regular height - padding-top (110 - 25) */
					padding: 25px 10px 0;
					box-shadow: 0 0 3px rgba(0, 0, 0, .6);
					overflow: hidden;
				}

					.grid article header .overlay {
						background: url(img/gradients/grid-header-overlay.png) repeat-x;
						background: -webkit-linear-gradient(bottom, #FFF 25%, rgba(255, 255, 255, 0));
						background:    -moz-linear-gradient(bottom, #FFF 25%, rgba(255, 255, 255, 0));
						background:     -ms-linear-gradient(bottom, #FFF 25%, rgba(255, 255, 255, 0));
						background:      -o-linear-gradient(bottom, #FFF 25%, rgba(255, 255, 255, 0));
						background:         linear-gradient(bottom, #FFF 25%, rgba(255, 255, 255, 0));
						width: 228px;
						height: 40%;
						border-top: 0;
					}

			/* @end of header */

			/* @group footer */

				.grid article footer .date,
				.grid article footer .author { display: none; }

			/* @end of footer  */

				.grid article .deco {
					background: url(img/sprites/catalog-tooltip-arrows-w.png) no-repeat 0;
					width: 16px;
					height: 100%;
					position: absolute;
					top: 0;
					left: -2000em;
					z-index: 2;
				}

				.grid article:hover .deco,
				.grid article.focused .deco {
					left: auto;
					right: -5px;
				}

				.grid article:nth-child(5n+3):hover .deco,
				.grid article:nth-child(5n+4):hover .deco,
				.grid article:nth-child(5n+5):hover .deco,
				.grid article:nth-child(5n+3).focused .deco,
				.grid article:nth-child(5n+4).focused .deco,
				.grid article:nth-child(5n+5).focused .deco {
					background-position: right center;
					left: -5px;
				}

				.grid article .article-overlay {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 2;
					cursor: pointer;
				}

		/* @end of .grid */

		/* @group .list */

			.list article {
				overflow: hidden;
				font-size: .917em;
			}

			.list article header,
			.list article footer { background-color: #FFF; }

			.list article:nth-child(even) header,
			.list article:nth-child(even) footer { background-color: #F4F4F4; }

			/* @group header */

				.list article header {
					height: 100%;
					padding: 10px 210px 0 10px;
					position: absolute;
					left: 160px;
				}

					.list article header .overlay {
						background: url(img/gradients/list-header-overlay.png) repeat-x;
						background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 75%);
						background:    -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 75%);
						background:     -ms-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 75%);
						background:      -o-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 75%);
						background:         linear-gradient(top, rgba(255, 255, 255, 0), #FFF 75%);
						width: 100%;
						height: 30%;
					}

					/*.list article header .overlay { width: 180px; }*/

					.list article:nth-child(even) header .overlay {
						/* TODO: gradient's fallback */
						background: url(img/gradients/list-header-overlay-even.png) repeat-x;
						background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0), #F4F4F4 75%);
						background:    -moz-linear-gradient(top, rgba(244, 244, 244, 0), #F4F4F4 75%);
						background:     -ms-linear-gradient(top, rgba(244, 244, 244, 0), #F4F4F4 75%);
						background:      -o-linear-gradient(top, rgba(244, 244, 244, 0), #F4F4F4 75%);
						background:         linear-gradient(top, rgba(244, 244, 244, 0), #F4F4F4 75%);
					}

			/* @end of header */

			.list article .illustration { float: left; }

			/* @group footer */

				.list article footer {
					background: url(img/gradients/article-list.png) no-repeat;
					width: 190px;
					height: 100%;
					padding: 0 10px;
					float: right;
					position: relative;
				}

				.list article:nth-child(even) footer { background-position: left bottom; }

					.list article footer ul { margin-bottom: 1em; }

						.list article footer li.views    { width: 35%; }
						.list article footer li.comments { width: 25%; }
						.list article footer li.rating   { width: 38%; }

					.list article footer .date,
					.list article footer .author { color: #666; }

					.list article footer .date { font-weight: bold; }

			/* @end of footer */

		/* @end of .list */

		/* @group .expanded & .single */
		/* .expanded & .single's articles' footer are very similiar */

			/* @group footer */

				.expanded article footer ul,
				.single article footer ul { overflow: hidden; }

					.expanded article footer li,
					.single article footer li {
						padding: .6em 1em .3em;
						border-width: 0 1px 0 0;
						float: left;
						text-align: center;
					}
					.home .expanded article footer li {
						padding: .6em 0.5em .3em;
					}

						.expanded article footer li span,
						.expanded article footer li a,
						.single article footer li span,
						.single article footer li a {
							background: url(img/sprites/articles-icons.png) no-repeat 0;
							display: inline-block;
						}

						.expanded article footer .views span,
						.single article footer .views span { padding-left: 30px; }

						.expanded article footer .comments a,
						.single article footer .comments a {
							background-position: -800px 50%;
							padding-left: 20px;
						}

			/* @end of footer */

		/* @end of .expanded & .single */

		/* @group .expanded */

			.expanded article {
				background: #FFF;
				padding: .5em;
				border: 1px solid #CCC;
				margin-bottom: 1.5em;
				position: relative;
			}

			.expanded article:nth-child(even),
			.expanded article.even { background: #F2F2F2; }

			/* @group LoVe-HAte */

				.expanded article header a,
				.expanded article footer a { color: #000; }

				.expanded article header .theme a { color: #999; }

				.expanded article header a:hover,
				.expanded article header a:focus,
				.expanded article footer a:hover,
				.expanded article footer a:focus,
				.expanded article header .theme a:hover,
				.expanded article header .theme a:focus { color: #C00; }

			/* @end of LoVe-HAte*/

			/* @group header */

				.expanded article header { margin-bottom: 1em; }

					.expanded article header img { margin-top: 2.5em; }

					.expanded article header h1 {
						margin: 1em 0 .25em;
						font-size: 2em;
					}

					.expanded article.illustrated header h1 { margin-top: .5em; }

					.expanded article header p {
						font-size: .917em;
						line-height: 1.3;
						color: #666;
					}

					.expanded article header .theme {
						position: absolute;
						top: .5em; /* same as article's padding */
						left: .5em; /* same as article's padding */
						font-size: 1.182em;
					}

					/* 10000nth exception */
					#content-wrapper .expanded article header .date {
						/* inherit some things */
						font-size: 1em;
						font-weight: normal;
						color: #666;
					}

			/* @end of header*/

			/* @group .content */

				.expanded article .content { overflow: hidden; }

					.expanded article .content p { text-align: justify; }

			/* @end of .content */

			/* @group footer */

				.expanded article footer {
					position: absolute;
					top: 0;
					right: 0;
					line-height: 1.5;
				}

				.expanded article footer li.rating { border: 0; }

			/* @end of footer */

			/* @group .short */

				.expanded .short,
				.expanded .short:nth-child(even),
				.expanded .short.even { background: #C00; }

					.expanded .short header { margin: 0; }

						.expanded .short header h1 {
							margin-top: .25em;
							font-size: 1.417em;
						}
	
						#content-wrapper .expanded .short a { color: #FFF; }
	
						#content-wrapper .expanded .short a:hover,
						#content-wrapper .expanded .short a:focus { color: rgba(255, 255, 255, .75); }
	
						#content-wrapper .expanded .short header span { color: #FFF; }

			/* @end of .short */

		/* @end of .expanded */

		/* @group .single */

			/* @group Layout */

				/*
					Well, this section seems tricky.
					In fact it doesn't seems, it IS tricky.
					For a better understanding take a paper,
					a pen and try to markup an article according
					to the design.
					This was the most elegant way I found:
					article
					  h1
					  #content-wrapper
					    header
					    .content
					  #aside-wrapper
					    footer
					    aside
					  #comments-wrapper
					    #partager
					    #commentaires
				*/

				/* the layout definition as been moved to #content */
				/* theses layout can be used by pages too. */

				/* wrap #partager and #commentaires */
				/* define some style to fit with the end of .content */
				#comments-wrapper {
					background: #FFF;
					width: 640px;
					float: left;
				}

			/* @end of Layout */

			/* @group header */

				.single article header { margin-bottom: 1em; }

					#content-wrapper header p { margin: 0; /* reset some style */ }

					#content-wrapper header .date {
						font-size: .929em;
						font-weight: bold;
						color: #999;
					}

				/* @group .authors */

					.single article header .authors { font-size: .857em; }

						.single article header .authors a { color: #000; }

						.single article header .authors a:hover,
						.single article header .authors a:focus { color: #C00; }

						.single article header .authors dt {
							display: inline;
							text-transform: lowercase;
							color: #999;
						}

						.single article header .authors dt:before {
							margin: 0 .5em 0 .25em;
							content: '•';
						}

						.single article header .authors dt:first-child:before {
							content: '';
							margin: 0;
						}

						.single article header .authors dd,
						.single article header .authors ul,
						.single article header .authors li { display: inline; }

						/* reset some styles */
						#content-wrapper header .authors ul {
							padding: 0;
							margin: 0;
						}

							.single article header .authors li:after {
								content: ',';
								margin-right: .25em;
							}

							.single article header .authors li:last-child:after {
								content: '';
								margin: 0;
							}

				/* @end of .authors */

				.single article .illustration,
				.single article .chapeau { margin: 1em 0; }

				.single article .chapeau {
					font-size: 1.143em;
					font-weight: bold;
					color: #999;
				}

			/* @end of header */

			/* @group footer */

				#aside-wrapper footer {}

				/* @group #meta */

					#meta {
						padding-bottom: 16px;
						font-size: 1.25em
					}

					#meta:after { /*height: 210px;*/ }

						#meta li { /*border-width: 0 0 0 1px;*/ }

				/* @end of #meta */

				/* @group #rating */

					#rating {}

						/* Display the sprite on the li instead of the span */
						#rating p {
							background: url(img/sprites/articles-icons.png) no-repeat -1600px 0;
							padding-left: 30px;
							font-size: 1.5em;
							font-weight: bold;
							line-height: 1;
						}

							#rating span {
								margin-bottom: 10px;
								display: block;
							}

						#rating .post-ratings { display: inline; }

				/* @end of #rating */

			/* @end of footer */

			/* @group aside */

				#aside-wrapper aside {}

					.widgets { margin: 20px 0; }

			/* @end of aside */

			/* @group #partager */

				/* TODO: flexible layout */
				#partager {
					background: #666 url(img/gradients/partager.png) repeat-x;
					background: -webkit-linear-gradient(top, #353535, #666 72%);
					background:    -moz-linear-gradient(top, #353535, #666 72%);
					background:     -ms-linear-gradient(top, #353535, #666 72%);
					background:      -o-linear-gradient(top, #353535, #666 72%);
					background:         linear-gradient(top, #353535, #666 72%);
					width: 640px;
					height: 127px; /* TODO */
					float: left;
					position: relative;
					color: #FFF;
					z-index: 1;
				}

					#partager h2 {
						background: url(img/share/deco.png) no-repeat 20px 0;
						padding-top: 21px;
						margin-left: 18px;
						font-size: 1.75em;
					}

						#partager h2 span {
							background: url(img/share/icon.png) no-repeat;
							padding-left: 31px;
						}

					#partager ul {
						position: absolute;
						bottom: 0;
					}

						#partager li {
							border-right: 1px dotted #999;
							float: left;
							font-size: 1.5em;
							text-align: center;
						}

						/* Force width for pixel perfection */
						#partager li.twitter   { width: 120px; }
						#partager li.facebook  { width: 140px; }
						#partager li.send      { width: 140px; }
						#partager li.favorites { width: 237px; }

						#partager li.favorites { border: 0; }

							#partager li a {
								padding: .6em 18px 0;
								display: block;
								color: #FFF;
							}

							#partager li a:hover,
							#partager li a:focus { background: #C00; }

								#partager li span {
									background: url(img/sprites/articles-share.png) no-repeat 0 0;
									height: 54px;
									display: inline-block;
									line-height: 2;
								}

								#partager li.twitter   span { padding-left: 25px; }
								#partager li.facebook  span { padding-left: 20px; }
								#partager li.send      span { padding-left: 35px; }
								#partager li.favorites span { padding-left: 30px; }

								#partager li.twitter   span { background-position: 0 0; }
								#partager li.facebook  span { background-position: -600px 0; }
								#partager li.send      span { background-position: -1200px 0; }
								#partager li.favorites span { background-position: -1800px 0; }

								#partager li.twitter   a:hover span,
								#partager li.twitter   a:focus span { background-position: -300px 0; }
								#partager li.facebook  a:hover span,
								#partager li.facebook  a:focus span { background-position: -900px 0; }
								#partager li.send      a:hover span,
								#partager li.send      a:focus span { background-position: -1500px 0; }
								#partager li.favorites a:hover span,
								#partager li.favorites a:focus span { background-position: -2100px 0; }


			/* @end of #partager */

			/* @group #commentaires */

				#comments-wrapper form,
				#commentaires {
					background: url(img/gradients/comment.png) no-repeat;
					padding: 20px;
				}

					#comments-wrapper h2 {
						margin-bottom: 1em;
						font-size: 1.75em;
					}

						#comments-wrapper h2 span { color: #999; }

					#comments-wrapper form p { margin-bottom: .5em; }

					#comments-wrapper form input,
					#comments-wrapper form textarea {
						background: #FFF;
						padding: .25em .5em;
						border: 1px solid rgba(51, 51, 51, 0);
						margin: 0;
						box-shadow: inset 0 0 5px rgba(0, 0, 0, .4);
					}

					#comments-wrapper form input { width: 15em; }
					#comments-wrapper form textarea { width: 30em; }

					#comments-wrapper form input:focus,
					#comments-wrapper form textarea:focus { border: 1px solid #333; }

					#comments-wrapper form label {
						width: 8em;
						display: block;
						float: left;
						font-weight: bold;
					}

					#comments-wrapper form label .required { color: red; }

					#comments-wrapper form div { margin-bottom: .5em; }

					#comments-wrapper form .buttons { text-align: center; }
					#comments-wrapper form button {
	background: #C00;
	border: 0;
	color: #FFF;
}


					#commentaires article {
						background: #FFF;
						border: 1px solid #CCC;
						margin-bottom: 1.5em;
						position: relative;
					}

					#commentaires article.has-avatar {
						min-height: 90px; /* Prevent small comments */
						margin-left: 92px; /* Make some place for the avatar */
					}

					/* Use a different background for even articles */
					#commentaires li:nth-child(even) article { background: #F2F2F2; }

					#commentaires li:last-child article { margin-bottom: 0; }

						#commentaires article footer { margin-bottom: .5em; }

							#commentaires article footer p { overflow: hidden; }

								#commentaires article footer .author,
								#commentaires article footer .date {
									padding: .25em 10px;
									float: left;
								}

								#commentaires article footer .author {
									border-right: 1px dotted #666;
									font-weight: bold;
									color: #414141;
								}

						#commentaires article .avatar {
							width: 90px; /* Limit the avatar to 90px */
							border: 1px solid #CCC;
							border-right: 0; /* Remove the right border to fit with the design */
							position: absolute;
							top: -1px; /* stick to the outside of article's border */
							left: -92px;
						}

						#commentaires article .content {
							padding: .75em;
							line-height: 1.3;
						}

							#commentaires article .content p:not(:last-child) { margin-bottom: 1em; }

						#commentaires article .admin {
							background: #CCC;
							border-radius: 1em 1em 0 1em;
							display: none;
							position: absolute;
							bottom: 0;
							right: 0;
						}

						#commentaires article:hover .admin { display: block; }

							#commentaires article .admin li {
								margin: 0 .5em;
								float: left;
							}

			/* @end of #commentaires */

		/* @end of .single */

	/* @end of articles */

	/* @group .widget */

		.widget {
			width: 212px;
			margin: 0 auto 20px;
			overflow: hidden;
		}

		/* @group .red-dot */

			.red-dot {}

				.red-dot p {
					background: #22021B;
					padding: 5px;
					padding-top: 1em;
					overflow: hidden;
					font-weight: bold;
					color: #FFF;
				}

					.red-dot p a { color: #FFF; }

					.red-dot p a:hover,
					.red-dot p a:focus { color: #C00; }

					.red-dot .number {
						margin: -.5em .75em 0 0;
						float: left;
						line-height: 1;
						color: #999;
					}

						.red-dot .n {
							display: block;
							font-size: 1.083em;
							text-transform: lowercase;
						}

						.red-dot .nb { font-size: 2em; }

		/* @end of .red-dot */

		/* @group .drawing */

			.drawing {}

				.drawing p {
					background: #22021B;
					padding: 5px;
					padding-top: 1em;
					font-weight: bold;
					color: #FFF;
				}

					.drawing p a { color: #FFF; }

					.drawing p a:hover,
					.drawing p a:focus { color: #C00; }

		/* @end of .red-dot */

	/* @end of .widget */

/* @end of Classes */

/* @group #prelude */

	#prelude {
		background: #FFF;
		padding: .5em 1em;
		border-radius: 0 0 1em 1em;
		position: absolute;
		top: 0;
		left: -2000em;
		font-size: 1.25em;
		color: #000;
		z-index: 100; /* Have to be in front of everything */
	}

	#prelude.focused { left: 1em; }

		#prelude p,
		#prelude ul { margin-bottom: .5em; }

		#prelude ul { list-style: disc inside; }

/* @end of #prelude */

/* @group #header */

	#header {
		position: relative;
		height: 164px; /* Fix the height to perfectly fit the #player and #video-a-la-une with the body's background */
		z-index: 50;
	}

	/* @group hgroup */

		#header hgroup {
			width: 334px;
			text-align: center;
			color: #888;
		}

			#header hgroup h1 {
				font-size: 4.5em;
				font-weight: normal;
				padding: 12px 0 12px;
			}

				#header hgroup a { color: #FFF; }

				#header hgroup a:hover,
				#header hgroup a:focus { color: #C00; }

			#header hgroup h2 {
				font-size: 1.167em;
				text-shadow: rgba(0, 0, 0, .5) 0 0 5px;
				width: 150px;
				position: absolute;
				text-align: left;
				top: 22px;
				left: 355px;
			}

	/* @end of hgroup */

	/* @group #menu */

		#menu {
			background: #0B0B0B;
			background: rgba(0,0,0,0.2);
			font-size: 1.5em;
			font-weight: normal;
			height: 2.5em;
		}

			#menu nav  { float: left; }
			#recherche { float: right; }

		/* @group nav */

			#menu nav {
				height: 45px;
				font-weight: bold;
			}

				#menu nav ul {}

					#menu nav li {
						display: inline-block;
						position: relative;
					}
						
						#menu nav li a{
							display: inline-block;
							position: relative;
							padding: 0 .8em;
							height: 45px;
							line-height: 45px;
							font-weight: 500;
						}

					#menu nav li.contribute { background: #444; }
						#menu nav li.contribute a { color: #FFF; }
						#menu nav li.contribute a:hover,
						#menu nav li.contribute a:focus { color: #C00; }

						#menu nav li strong { color: #FFF; }

						#menu nav li ul {
							background: #C00;
							background-image: -webkit-linear-gradient(top, #630000, #C00 9px);
							background-image:    -moz-linear-gradient(top, #630000, #C00 9px);
							background-image:     -ms-linear-gradient(top, #630000, #C00 9px);
							background-image:      -o-linear-gradient(top, #630000, #C00 9px);
							background-image:         linear-gradient(top, #630000, #C00 9px);
							padding: 3px 0 3px 0;
							position: absolute;
							top: 100%; /* Down of the parent's element */
							left: -2000em;
							font-size: .833em;
						}

						/* #menu's hovering */
						#menu nav li ul.focused,
						#menu nav li:hover ul { left: 0; }
						#menu nav li:hover a { color: #C00; }

							#menu nav li li {
								padding: .25em .75em .25em 0;
								border-bottom: 1px dotted #ffa8a8;
								display: block;
								white-space: nowrap;
							}

							#menu nav li .last { border: 0; }

								#menu nav li:hover li a,
								#menu nav li li a { color: #FFA8A8; height: 30px; line-height: 30px;
								}

								#menu nav li li a:hover,
								#menu nav li li a:focus { color: #FFF; }

		/* @end of nav */

		/* @group #recherche */

			#recherche {
				font-size: .8em;
				height: 45px;
			}

				#recherche div {
					background: #FFF;
					box-shadow: inset 0 0 5px rgba(0, 0, 0, .4);
					overflow: hidden;
					float: left;
				}

					#recherche label,
					#recherche input,
					#recherche button {
						background: transparent;
						height: 45px;
						padding: 0;
						border: 0;
						margin: 0;
						float: left;
					}

					#recherche label { padding: 0 4px; }

						#recherche label img { vertical-align: text-bottom; }

					#recherche input { 
						outline: 0;
						background: #fff;
					} /* Remove the default webkit halo */

					#recherche button {
						background:;
						padding: 0 .25em;;
						background:#ccc url(../ui/misc/search.png) no-repeat center;
						width: 45px;
						text-indent: -9999px;
					}

					#recherche button:hover,
					#recherche button:focus { background-color: #C00; }

		/* @end of #recherche */

	/* @end of #menu */

	/* @group #tools */

		#tools {
			position: absolute;
			top: 0;
			right: 15px;
			font-size: .917em;
			color: #FFF;
		}

			#tools a {
				font-weight: bold;
				color: #FFF;
			}

			#tools a:hover,
			#tools a:focus { color: #C00; }

			#tools p,
			#tools ul {
				padding-top: 12px;
				float: left;
			}

			#tools ul { overflow: hidden; }
				#tools li { float: left; }

			#account {
				padding-left: .8em;
				padding-right: .8em;
				border: 1px dotted #666;
				border-width: 0 1px;
				margin: 0 1em;
			}

				#account li { margin: 0 .8em; }

			#tools .social { padding-top: 30px; }
				#tools .social li { margin: 0 5px; }

	/* @end of #tools */

/* @end of #header */

#videos-a-la-une,
#player {
	width: 960px;
	height: 360px;
	margin: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, .75);
	position: relative;
	color: #CCC;
	z-index: 25;
}

#radioplayer{
	width: 960px;
	height: 160px;
	margin: auto;
	background: #fefefe;
}

/* @group #videos-a-la-une */

	#videos-a-la-une { background: #454545; }

		/* Stack every articles */
		#videos-a-la-une article {
			position: absolute;
			top: 0;
			left: 0;
		}

		/* Define article's states */
		#videos-a-la-une article { z-index: 1; }
		#videos-a-la-une article.selected  { z-index: 2; }
		#videos-a-la-une article.animating { z-index: 3; }

			/* Allow .illustration slide effect */
			#videos-a-la-une article .illustration { position: absolute; }

	/* @group .js */

		#videos-a-la-une .nav {
			background: #333 url(img/gradients/player-dark.png) repeat-y;
			background: -webkit-linear-gradient(left, #232323, #333 10px);
			background:    -moz-linear-gradient(left, #232323, #333 10px);
			background:     -ms-linear-gradient(left, #232323, #333 10px);
			background:      -o-linear-gradient(left, #232323, #333 10px);
			background:         linear-gradient(left, #232323, #333 10px);
			width: 320px;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 5;
		}

		/* @group ul */

			#videos-a-la-une .nav ul {
				height: 100%;
				padding: .667em .833em;
				border-left: 1px solid #454545;
				float: right;
				overflow: hidden;
				vertical-align: middle;
			}

				#videos-a-la-une .nav li { margin: 0 .5em; }

				#videos-a-la-une .nav .prev { float: left; }
				#videos-a-la-une .nav .next { float: right; }

					#videos-a-la-une .nav button {
						background: #353535 url(img/sprites/une-arrows.png) no-repeat 0 0;
						width: 11px;
						height: 14px;
						margin: 0;
						padding: 0;
						border: 0;
						display: block;
					}

					#videos-a-la-une .nav .next button { background-position: -11px 0; }

					#videos-a-la-une .nav .prev button:hover,
					#videos-a-la-une .nav .prev button:focus { background-position: 0 -14px; }

					#videos-a-la-une .nav .next button:hover,
					#videos-a-la-une .nav .next button:focus { background-position: -11px -14px; }

		/* @end of ul */

		#videos-a-la-une .nav p {
			padding-left: 1.5em;
			display: inline;
			font-size: 1.167em;
			font-weight: bold;
			line-height: 2.143em;
			color: #999;
		}

			#videos-a-la-une .nav p span { color: #FFF; }

	/* @end of .js */

/* @end of #videos-a-la-une */

/* @group #player */

	#player {
		background: #323232;
		color: #999;
	}

		#player .video,
		#player .actions,
		#player .related {
			float: left;
			height: 100%;
		}

	/* @group .video */

		#player .video {
			width: 640px;
			position: relative;
		}

		#player .video video,
		#player .video object,
		#player .video iframe {
			background: #000;
			position: absolute;
			top: 0;
			left: 0;
		}

		/* @group .controls */

			#player .controls {
				background: #101010;
				background: rgba(16, 16, 16, .8);
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 10;
			}

			#player .controls.hidden { display: none; }

			/* @group buttons */

				/* Resetting default styles and applying the sprite */
				#player .controls button {
					background: url(img/sprites/player.png) no-repeat;
					padding: 0;
					border: 0;
					margin: 0;
					color: #FFF;
				}

				#player .controls button.play,
				#player .controls button.pause { width: 16px; }

				#player .controls button.play {
					background-position: 0 0;
					height: 20px;
				}

				#player .controls button.play:hover,
				#player .controls button.play:focus { background-position: 0 -20px; }

				#player .controls button.pause {
					background-position: 50% -40px;
					height: 15px;
				}

				#player .controls button.pause:hover,
				#player .controls button.pause:focus { background-position: 50% -55px; }

				#player .controls button.fullscreen {
					background-position: 0 -70px;
					width: 16px;
					height: 16px;
				}

				#player .controls button.fullscreen:hover,
				#player .controls button.fullscreen:focus { background-position: 0 -86px; }

				#player .controls button.hd {
					background-position: 0 -102px;
					width: 19px;
					height: 11px;
				}

				#player .controls button.hd:hover,
				#player .controls button.hd:focus { background-position: 0 -113px; }

			/* @end of buttons */

			/* @group .progress */

				#player .controls div.progress {
					/* FIXME: bad background contrast when video is white */
					background: #343434;
					width: 340px;/* TODO */
					height: 4px;
					position: relative;
					cursor: pointer;
				}

					#player .controls div.progress .buffered,
					#player .controls div.progress .played {
						width: 0;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						cursor: pointer;
					}

					#player .controls div.progress .buffered { background: #8A8A8A; }
					#player .controls div.progress .played   { background: #FFF; }

						#player .controls div.progress .current {
							background: #FFF;
							width: 3.5em;
							height: 3.5em;
							line-height: 3.5em; /* vertical centering */
							margin-top: -5px; /* make space for .deco */
							border-radius: 1.75em; /* width / 2 = make circle */
							display: block;
							position: absolute;
							top: -3.5em;
							right: -1.75em;
							font-size: .917em;
							font-weight: bold;
							text-align: center;
							cursor: default;
							color: #333;
						}

							#player .controls div.progress .current .deco {
								background: url(img/sprites/player.png) no-repeat center bottom;
								width: 100%;
								height: 4px;
								display: block;
							}

				#player .controls .progress .total {
					margin-left: 14px;
					display: inline-block;
					font-weight: bold;
					text-align: right;
					color: #FFF;
				}

			/* @end of .progress */

			/* @group Layout */

				#player .controls ul {
					padding: 24px 0 10px;
					text-align: center;
				}

					#player .controls li {
						height: 21px; /* normal height is 20px but add 1px to correct the last dot */
						line-height: 21px; /* vertical centering */
						padding: 0 14px;
						border-right: 1px dotted #979797;
						display: inline-block;
					}

						#player .controls li button { vertical-align: middle; }

						#player .controls li .progress {
							display: inline-block;
							vertical-align: text-bottom;
						}

					#player .controls li.fullscreen,
					#player .controls li.hd { border: 0; }

			/* @end of Layout */

		/* @end of .controls */

		/* @group .overlays */

			#player .overlay {
				background: rgba(58, 58, 58, .6);
				background-repeat: no-repeat;
				width: 100%;
				height: 100%;
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 200;
				color: #FFF;
			}

				#player .overlay .button {
					background: url(img/sprites/player-share.png);
					width: 110px;
					height: 110px;
					border: 1px solid #FFF;
					display: block;
					font: 1.5em/180px Roboto, Helvetica, Arial, sans-serif;
					text-align: center;
					outline: 0;
					color: #FFF;
				}

				#player .overlay .button:hover,
				#player .overlay .button:focus {
					border-color: #C00;
					color: #C00;
				}

			/* @group .contribute */

				#player .overlays .contribute { font-size: 1.25em; }

					#player .overlays .contribute form {
						width: 400px;
						margin: 165px auto 0;
					}

			/* @end of .contribute */

			/* @group .share */

				#player .overlays .share ul {
					padding-top: 110px;
					text-align: center;
				}

					#player .overlays .share li {
						margin: 0 20px;
						display: inline-block;
					}

						#player .overlays .share .twitter  .button { background-position: 0 0; }
						#player .overlays .share .facebook .button { background-position: 0 -110px; }

						#player .overlays .share .twitter  .button:hover,
						#player .overlays .share .twitter  .button:focus { background-position: -110px 0; }
						#player .overlays .share .facebook .button:hover,
						#player .overlays .share .facebook .button:focus { background-position: -110px -110px; }

			/* @end of .share */

			/* @group .embed */

				#player .overlays .embed {}

			/* @end of .embed */

			/* @group .send */

				#player .overlays .send {
					background-image: url(img/overlays/send.png);
					background-position: 32px 20px;
					font-size: 1.5em;
				}

					#player .overlays .send form {
						width: 420px;
						margin: 23px auto 0;
					}

						#player .overlays .send div {
							margin-bottom: 1em;
							overflow: hidden;
							clear: both;
						}

						#player .overlays .send .buttons { margin: 0; }

							#player .overlays .send label {
								margin-bottom: .5em;
								float: left;
								line-height: 1;
							}
	
								#player .overlays .send .required {
									display: block;
									font-size: .667em;
									color: #C00;
								}

							#player .overlays .send input,
							#player .overlays .send textarea {
								background: #1C1C1C;
								width: 95%;
								padding: .25em .5em;
								border: 1px solid #CCC;
								margin: 0;
								clear: left;
								float: left;
								color: #FFF;
							}

							#player .overlays .send button {
								background: #FFF;
								padding: .125em .25em;
								border: 1px solid #CCC;
								text-align: center;
							}
							
							#player .overlays .send button:hover,
							#player .overlays .send button:focus {
								background: #C00;
								color: #FFF;
							}

			/* @end of .send */

			/* @group .download */

				#player .overlays .download .button {
					background-position: 0 -220px;
					margin: 110px auto 0;
				}

				#player .overlays .download .button:hover,
				#player .overlays .download .button:focus { background-position: -110px -220px; }

				#player .overlays .download .unavailable {
					margin-top: .5em;
					text-align: center;
				}

				#player .overlays .download div {
					padding: 2em;
					position: absolute;
					bottom: 0;
					left: 0;
				}

			/* @end of .download */

		/* @end of .overlays */

	/* @end of .video */

	/* @group .actions */

		#player .actions {
			background: #454545 url(img/gradients/player-light.png) repeat-y;
			background: -webkit-linear-gradient(left, #2E2E2E, #454545 10px);
			background:    -moz-linear-gradient(left, #2E2E2E, #454545 10px);
			background:     -ms-linear-gradient(left, #2E2E2E, #454545 10px);
			background:      -o-linear-gradient(left, #2E2E2E, #454545 10px);
			background:         linear-gradient(left, #2E2E2E, #454545 10px);
			width: 216px;
			overflow: hidden;
		}

		#player .actions.minimized { width: 53px; }

			#player .actions ul {
				padding-right: 1px;
				font-size: 1.5em;
			}

				#player .actions li { margin-bottom: 1px; }

					#player .actions li a {
						padding: .25em 0;
						display: block;
					}

					#player .actions li a:hover,
					#player .actions li a:focus {
						background: #333 url(img/gradients/player-dark.png) repeat-y;
						background: -webkit-linear-gradient(left, #232323, #333 10px);
						background:    -moz-linear-gradient(left, #232323, #333 10px);
						background:     -ms-linear-gradient(left, #232323, #333 10px);
						background:      -o-linear-gradient(left, #232323, #333 10px);
						background:         linear-gradient(left, #232323, #333 10px);
					}

						#player .actions li span {
							background: url(img/sprites/player-actions.png) no-repeat 0;
							padding-left: 35px;
							margin-left: 20px;
							display: inline-block;
						}

							#player .actions li span span {
								background: none;
								width: 150px; /* Setting a width to prevent white space wrapping in "closed" mode */
								padding: 0;
								margin: 0;
							}

						#player .actions .contribute span { background-position: 0 50%; }
						#player .actions .share      span { background-position: -600px 50%; }
						#player .actions .embed      span { background-position: -1200px 50%; }
						#player .actions .send       span { background-position: -1800px 50%; }
						#player .actions .download   span { background-position: -2400px 50%; }
						#player .actions .favorite   span { background-position: -3000px 2px; }

						#player .actions .contribute a:hover span,
						#player .actions .contribute a:focus span { background-position: -300px 50%; }
						#player .actions .share      a:hover span,
						#player .actions .share      a:focus span { background-position: -900px 50%; }
						#player .actions .embed      a:hover span,
						#player .actions .embed      a:focus span { background-position: -1500px 50%; }
						#player .actions .send       a:hover span,
						#player .actions .send       a:focus span { background-position: -2100px 50%; }
						#player .actions .download   a:hover span,
						#player .actions .download   a:focus span { background-position: -2700px 50%; }
						#player .actions .favorite   a:hover span,
						#player .actions .favorite   a:focus span { background-position: -3300px 2px; }

				#player .actions .contribute { margin: 40px 0 30px; }

	/* @end of .actions */

	/* @group .related */

		#player .related {
			background: #333 url(img/gradients/player-dark.png) repeat-y;
			background: -webkit-linear-gradient(left, #232323, #333 10px);
			background:    -moz-linear-gradient(left, #232323, #333 10px);
			background:     -ms-linear-gradient(left, #232323, #333 10px);
			background:      -o-linear-gradient(left, #232323, #333 10px);
			background:         linear-gradient(left, #232323, #333 10px);
			width: 251px; /* regular width - padding-right - padding-left (267 - 1 - 15) */
			padding: 0 1px 0 15px;
			overflow: hidden;
		}

		#player .related.minimized { width: 88px; /* regular width - padding-right - padding-left (104 - 1 - 15) */ }

			#player .related h2 {
				width: 100%;
				margin: 1.5em 0 2em;
				overflow: hidden;
				font-size: 1.167em;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			#player .related ul {}

				#player .related li {
					width: 251px;
					margin-bottom: .5em;
					clear: both;
					font-weight: bold;
				}

					#player .related a {
						height: 46px; /* same as img's height (+ borders) */
						line-height: 46px; /* vertical centering */
						display: block;
					}

					#player .related a:hover,
					#player .related a:focus { background: #242424; }

						#player .related img,
						#player .related span {
							line-height: 1.3;
							display: inline-block;
						}

						#player .related img {
							border: 1px solid #2D2D2D;
							margin-right: 8px;
							vertical-align: top;
						}

						#player .related a:hover img,
						#player .related a:focus img { border-color: #242424; }

						#player .related span {
							width: 155px;
							vertical-align: middle;
						}

	/* @end of .related */

/* @end of #player */

/* @group #catalogue */

	#catalogue {
		min-height: 440px;
		/*margin-bottom: 15px;*/
	}

	/* Hiding .shadowed-alt:before */
	#catalogue:before { display: none; }

	/* @group Custom inputs */

		#catalogue label { 
			color: #999; 
			white-space:nowrap;
		}
		#catalogue label:hover,
		#catalogue label.focused,
		#catalogue label.selected:hover,
		#catalogue label.selected.focused { color: #C00; }
		#catalogue label.selected { color: #333; }

		.js #catalogue input {
			position: absolute;
			left: -2000em;
		}

	/* @end of Custom inputs*/

	/* @group .advanced */

		.advanced {
			width: 158px; /* regular width - padding-right - padding-left (178 - 10 - 10) */
			margin: 10px;
			float: left;
		}
		
		#catalogue .advanced{
			margin: 10px 40px 0;
			border-top: 1px dotted #ccc;
			padding-top: 15px;
			width: auto;
			float: none;
		}

			.advanced h3,
			#content-wrapper .advanced h3 {
				padding: 0;
				margin: 0 0 .25em 0;
				font-size: 1.5em;
				font-weight: normal;
				line-height: 1;
				color: #C00;
			}

				.advanced h3 span { color: #333; }

			#content-wrapper .advanced ul {
				padding: 0;
				margin: 0;
				list-style: none;
			}

				.advanced li { 
					/*overflow: hidden; */
				}

				.advanced .views,
				.advanced .themes,
				.advanced .sorting { 
					margin-right: 2em;
					float: left;
					position: relative;
				}
				
				.advanced .deploy{
					padding: 4px 10px;
				}
				
				.advanced .deploy:hover{
					cursor: pointer;
				}
				
				.caret {
					display: inline-block;
					width: 0;
					height: 0;
					margin-left: 6px;
					vertical-align: middle;
					border-top: 4px solid;
					border-right: 4px solid transparent;
					border-left: 4px solid transparent;
					color: #333;
				}
				
				.advanced .deploy h3{
					z-index: 10;
					position: relative;
				}
				
				.advanced .deploy fieldset{
					position: absolute;
					box-shadow: 0px 1px 4px #aaa;
					border: 1px solid #ccc;
					padding: 8px 10px;
					padding-top: 2.4em;
					display: none;
					z-index: 9;
					background: #fff;
					width: auto;
					top: 0;
					left: 0;
				}
				
				.advanced .deploy:hover fieldset, 
				.advanced .deploy fieldset:hover,
				.advanced .deploy:focus fieldset, 
				.advanced .deploy fieldset:focus{
					display: block;
				}

				.advanced label,
				.advanced a {
					float: left;
					clear: left;
					font-size: 1.25em;
					font-weight: bold;
					text-decoration: none;
				}

				#content-wrapper .advanced a {
					border: 0;
					color: #999;
				}

				#content .advanced a:hover,
				#content .advanced a:focus,
				#content .advanced a.selected:hover,
				#content .advanced a.selected:focus {
					background-position: 0 -37px;
					color: #C00;
				}

				#content .advanced a.selected {
					background-position: 0 -37px;
					color: #333;
				}

				/* Displaying the custom checkbox only with JS enabled */
				.js .advanced label,
				.advanced a {
					background: url(img/sprites/catalog-advanced-lists.png) no-repeat 0 4px;
					padding-left: 14px;
				}

				.advanced label:hover,
				.advanced label.focused,
				.advanced label.selected { background-position: 0 -37px; }

					.advanced label input {
						margin-right: .5em;
						vertical-align: text-bottom;
					}

		/* @group views */

			.advanced .views ul { overflow: hidden; }

				.advanced .views li {
					padding: 5px 0;
					/*border-right: 1px dotted #999;*/
					margin: 0;
					margin-right: 10px;
					float: left;
				}

				.advanced .views li.last {
					padding-right: 0;
					border: 0;
				}

					.advanced .views label {
						background: url(img/sprites/catalog-advanced-views.png) no-repeat;
						width: 23px;
						height: 15px;
						margin-left: 1em;
						display: block;
					}

					.js .advanced .views label {
						padding: 0;
						margin: 0;
					}

					.advanced .views label.grid   { background-position: 0 0; }
					.advanced .views label.list   { background-position: -23px 0; }
					.advanced .views label.mosaic { background-position: -46px 0; }

					.advanced .views label.grid:hover,
					.advanced .views label.grid.focused,
					.advanced .views label.grid.selected:hover,
					.advanced .views label.grid.selected.focused { background-position: 0 -15px; }
					.advanced .views label.list:hover,
					.advanced .views label.list.focused,
					.advanced .views label.list.selected:hover,
					.advanced .views label.list.selected.focused { background-position: -23px -15px; }
					.advanced .views label.mosaic:hover,
					.advanced .views label.mosaic.focused,
					.advanced .views label.mosaic.selected:hover,
					.advanced .views label.mosaic.selected.focused { background-position: -46px -15; }

					.advanced .views label.grid.selected   { background-position: 0 -30px; }
					.advanced .views label.list.selected   { background-position: -23px -30px; }
					.advanced .views label.mosaic.selected { background-position: -46px -30px; }

						.advanced .views label input {
							margin-right: 0;
							margin-left: -1.25em;
						}

		/* @end of views */

	/* @end of .advanced */

	/* @group .content */

		#catalogue .content {
			width: 900px; /* regular width - padding-right - padding-left (772 - 26px - 26px) */
			padding: 0 30px;
			margin: 0 0 20px;
			float: right;
			position: relative;
		}

			/* weird bug… */
			#catalogue .content.list article { width: 880px; }

			/* restrict the viewport to the .content width */
			#catalogue .container {
				width: 100%;
				overflow: hidden;
			}

				/* allow .page floating left */
				#catalogue .container .container {
					width: 9999px;
					padding: 4px 0;
					position: relative;
					z-index: 5;
				}

					#catalogue .content article { float: left; }

		/* @group .page */

				#catalogue .page {
					width: 900px; /* same as #catalogue .content */
					float: left;
				}

		/* @end of .page */

		/* @group .nav */

			#catalogue .nav {
				width: 100%;
				height: 18px;
				overflow: hidden;
				position: absolute;
				top: 50%;
				left: 0;
			}

				#catalogue .nav li {
					width: 50%;
					height: 100%;
					float: left;
				}

				#catalogue .nav .next { text-align: right; }

					#catalogue .nav a {
						background: url(img/sprites/catalogue-arrows.png) no-repeat;
						width: 12px;
						height: 18px;
						display: inline-block;
					}

					#catalogue .nav .prev a {
						background-position: left top;
						margin-left: 12px;
					}

					#catalogue .nav .next a {
						background-position: right top;
						margin-right: 12px;
					}

					#catalogue .nav .prev a:hover,
					#catalogue .nav .prev a:focus { background-position: left bottom; }

					#catalogue .nav .next a:hover,
					#catalogue .nav .next a:focus { background-position: right bottom; }

		/* @end .nav */

	/* @end of .content */
	
	/* @group .newsletter */
	.col-sm-3,
	.col-sm-6{
		position: relative;
		float: left;
	}
	
	.col-sm-3{
		width: 30%;
	}
	
	.col-sm-6{
		width: 40%;
	}
	
	.newsletter{
		margin: 0 40px;
		height: 50px;
		line-height:50px;
		border-top: 1px solid #ccc;
		padding: 20px 0 30px;
	}
	
	.newsletter h4{
		margin: 0; padding: 0; font-size: 30px; font-weight: 100;
	}
	
	.newsletter input[type=text]{
		padding: 0 20px;
		border-radius: 30px;
		width: 312px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		height: 50px;
		width: 100%;
		position: relative !important;
		left: auto !important;
	}
	
	.newsletter input[type=submit]{
		padding: 0;
		margin: 0;
		border-radius: 50px;
		margin-left: -52px;
		z-index: 9999;
		font-weight: bold;
		color: #C00;
		position: absolute;
		top: 3px;
		right: 3px;
		left: auto !important;
		height: 44px;
		width: 44px;
		background: #fff;
		border: 1px solid #ccc;
		cursor: pointer;
	}
	
	.newsletter .nl{
		position: relative;
	}
	/* @end of .newsletter */

/* @end of #catalogue */



/* @group .slider */
		
		.slider article {
			width: 205px;
			height: 423px;
			padding: 0 0 36px 0;
			margin: 0 0 0 18px;
			border: 1px solid #b3b3b3;
			float: left;
			/*overflow: hidden;*/
		}
		
			.slider article header {
				margin: 25px 0 10px 0;
			}
			
				.slider article header h2 {
					font: normal 2em/1.05em 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
					padding: 0 11px;
					margin: 8px 0 9px 0;
					background: none;
				}
				
				.slider article header p {
					padding: 0 12px;
					font: normal 0.9em/1em Roboto, Arial, Helvetica, sans-serif;
					color: #999;
				}
					.slider article header p.theme {
						font: bold 1.1em/1em Roboto, Arial, Helvetica, sans-serif;
						color: #999;
						padding: 0 3px;
					}
					.slider article header .date {
						display: block;
						font-weight: bold;
						margin-bottom: 4px;
					}
					.slider article header .author {
						line-height: 1.3em;
					}
					
			.slider article .content {
				padding: 0 11px;
				font: normal 1.1em/1.2em Roboto, Arial, Helvetica, sans-serif;
			}
			
				.slider article .content p {
					text-align: left;
				}
		
			.slider article footer  {
				bottom: 0;
				left: 0;
				top: auto;
				padding-top :10px;
				background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 20%, #FFF);
				background:    -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 20%, #FFF);
				background:     -ms-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 20%, #FFF);
				background:      -o-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 20%, #FFF);
				background:         linear-gradient(top, rgba(255, 255, 255, 0), #FFF 20%, #FFF);
			}
	#chronique .nextC,
	#chronique .prevC,
	#journal .nextJ,
	#journal .prevJ,
	#doc .nextD,
	#doc .prevD{
		background:url(img/sprites/catalogue-arrows.png) no-repeat scroll 0 0 transparent;
		display: block;
	    height: 18px;
	    width: 12px;
	    position: absolute;
	    z-index: 10;
	}
	
	#chronique .nextC.disabled,
	#chronique .prevC.disabled,
	#journal .nextJ.disabled,
	#journal .prevJ.disabled,
	#doc .nextD.disabled,
	#doc .prevD.disabled{
		display: none;
	}
	
/* @end of .slider */

/* @group #chronique */

	#chronique {
/*		padding-bottom: 20px;
		margin-bottom: 30px;*/
	}
	
		#chronique .elem {
			padding-bottom: 35px;
		}
			#chronique article {
				width: 205px;
				height: 300px;
/*				background: #343434;
				color: #cacaca;
				border: 1px solid #686765;*/
			}
			
			#chronique .slider li{
				overflow: visible !important;
			}
			
				#chronique article header img{
					margin: 0;
				}
				
				#chronique article header{
					margin: 0 0 10px 0;
				}
				
				#chronique .label{
					display: inline-block;
					position: absolute;
					top: -5px;
					left: -5px;					
					padding: 0 6px;
					background: #C00;
					color: #fff;
					font: normal 1.4em/1.5em 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
					letter-spacing: 0.05em;
					text-transform: uppercase;
				}
				
				#chronique .slider article footer  {
					bottom: -1px;
				}
			
	
			#chronique h1 {
				background: url(img/sprites/pictos-titres.png) no-repeat top left;
				background-position: 0 -277px;
			}
			
			#chronique #chroniques {
				margin-left: 20px;
				padding-top: 5px;
			}
			
			
		#chronique .nextC {
			background-position: right center;
			margin: 0;
			right: 13px;
			bottom: 190px;
		}
		#chronique .prevC{
			background-position: left center;
			margin: 0;
			left: 13px;
			bottom: 190px;
		}
		#chronique .nextC:hover {
			background-position: right bottom;
		}
		#chronique .prevC:hover{
			background-position: left bottom;
		}


/* @end of #chronique */


/* @group #doc */

	#doc {
/*		padding-bottom: 20px;
		margin-bottom: 30px;*/
	}
	
		#doc .elem {
			padding-bottom: 35px;
		}
			#doc article {
				width: 205px;
				height: 300px;
/*				background: #343434;
				color: #cacaca;
				border: 1px solid #686765;*/
			}
			
				#doc article header img{
					margin: 0;
				}
				
				#doc article header{
					margin: 0 0 10px 0;
				}
				
				#doc .label{
					display: inline-block;
					position: absolute;
					top: -5px;
					left: -5px;					
					padding: 0 6px;
					background: #C00;
					color: #fff;
					font: normal 1.4em/1.5em 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
					letter-spacing: 0.05em;
					text-transform: uppercase;
				}
				
				#doc .theme, #doc .date, #doc .author{
					display: none;
				}
	
			#doc h1 {
				background: url(img/sprites/pictos-titres.png) no-repeat top left;
				background-position: 0 -416px;
			}
			
			#doc #docs {
				margin-left: 20px;
				padding-top: 5px;
			}
			
			
		#doc .nextD {
			background-position: right top;
			margin: 0;
			right: 13px;
			bottom: 190px;
		}
		#doc .prevD{
			background-position: left top;
			margin: 0;
			left: 13px;
			bottom: 190px;
		}
		#doc .nextD:hover {
			background-position: right bottom;
		}
		#doc .prevD:hover{
			background-position: left bottom;
		}


/* @end of #doc */


/* @group #journal */

	#journal {
/*		padding-bottom: 20px;
		margin-bottom: 30px;*/
	}
	
		#journal .elem {
			padding-bottom: 35px;
		}
	
			#journal h1 {
				background: url(img/sprites/pictos-titres.png) no-repeat top left;
				background-position: 0 -140px;
			}
			
			#journal #journals {
				margin-left: 20px;
			}
			
		#journal .nextJ {
			background-position: right center;
			margin: 0;
			right: 13px;
			bottom: 250px;
		}
		#journal .prevJ{
			background-position: left center;
			margin: 0;
			left: 13px;
			bottom: 250px;
		}
		#journal .nextJ:hover {
			background-position: right bottom;
		}
		#journal .prevJ:hover{
			background-position: left bottom;
		}


/* @end of #journal */

/* @group #dessins */

	#dessins {
		/*width: 470px;*/
		/*margin-bottom: 36px;*/
		float: left;
		position: relative;
		background: #f0f0f0 url(img/gradients/shaded_light.png) repeat-x;
		height: 525px;
	}
		#dessins .shaded {
			/*padding: 20px 0 21px 0;*/
		}
			#dessins h1 {
				background: url(img/sprites/pictos-titres.png) no-repeat top left;
				background-position: 0 1px;
			}
			
			#dessins .big-photo{
				display: block;
				height: 390px;
				width: 390px;
				line-height: 390px;
				text-align: center;
				margin: auto;
			}
			
			#dessins .placeholder {
				display: block;
				margin: 0 auto;
				border: 1px solid #b3b3b3;
				display: inline;
				vertical-align: middle;
			}

		#miniatures-dessins {
			position: relative;
			margin-left: 38px;
			margin-top: 15px;
		}

			#dessins #miniatures-dessins ul{
				position:relative;
				width:390px;
				height:60px;
				padding:0;
				overflow:hidden;
				margin: 0 auto;
			}

				#dessins #miniatures-dessins li{
					display:block; 
					float:left; 
					margin:0 22px 0 0; 
					background:#fff; 
					overflow:hidden; 
					height: 100%;
					width: 60px; 
				}
					#dessins #miniatures-dessins li a{
						overflow:hidden; 
						display: block;
						height: 100%;
						line-height: 60px;
						width: auto;
						text-align: center;
					}
					#dessins #miniatures-dessins li a:hover{
						border-color:#fff;
					}
					/*#dessins #miniatures-dessins li a:first-child{
						margin-left:10px;
					}*/
					#dessins #miniatures-dessins li a img{ 
						/*border: 1px solid #b3b3b3;*/
						display: inline;
						vertical-align: middle;
					}

		#dessins .next,
		#dessins .prev{
			background:url(img/sprites/catalogue-arrows.png) no-repeat scroll 0 0 transparent;
			display: block;
		    height: 18px;
		    width: 12px;
		    position: absolute;
		    z-index: 10;
			bottom: 48px;
		}
		#dessins .next {
			background-position: right top;
			margin: 0;
			right: 13px;
		}
		#dessins .prev{
			background-position: left top;
			margin: 0;
			left: 13px;
		}
		#dessins .next:hover {
			background-position: right bottom;
		}
		#dessins .prev:hover{
			background-position: left bottom;
		}

/* @end of #dessins */

/* @group ##actus-breves */

	#actus-breves {
		/*width: 472px;*/
		float: right;
		height: 525px;
		overflow-y :auto;
		position: relative;
	}

		#actus-breves header h1 {
			background: url(img/sprites/pictos-titres.png) no-repeat top left;
			background-position: 0 -345px;
			/*color: #fff;*/
		}

		#actus-breves article {
			margin: 16px 20px 0 37px;
			padding-bottom: 11px;
			position: relative;
			border-bottom: 1px dotted #9a9a9a;
		}
			#actus-breves article header {
				position: absolute;
				right: 0;
				top: 0;
			}
				#actus-breves article header p.echeance {
					position: absolute;
					top: 0;
					left: 0;
					width: 196px;
					padding-left: 9px;
					/*color: #fff;*/
					font: bold 1.1em/18px Roboto, Arial, Helvetica, sans-serif;
					height: 18px;
					letter-spacing: 1px;
				}
			#actus-breves article .descriptif {
				margin-right: 176px;
			}
				#actus-breves article .descriptif h1 {
					padding-top: 1px;
					color: #333;
				}
					#actus-breves article .descriptif h1 a {
						color: #333;
						font: normal 1.8em/1.1em 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
					}
				#actus-breves article .descriptif p.auteurs {
					font: normal 0.9em/1.3em Roboto, Arial, Helvetica, sans-serif;
					margin: 7px 0 5px 0;
					letter-spacing: 0.9px;
				}
				#actus-breves article .descriptif p.avancement {
					float: left;
					padding-left: 2px;
				}
					#actus-breves article .descriptif p.avancement strong {
						font: normal 2.5em/1 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
						color: #fff;
					}
				#actus-breves article .descriptif div.prix {
					display: none;
					width: 116px;
					float: left;
					overflow: hidden;
					height: 100%;
					padding: 1px;
					margin: 11px 0 0 14px;
					position: relative;
				}
					#actus-breves article .descriptif div.prix p {
						padding: 0 3px;
						float: right;
						font: bold 0.8em/14px Arial, sans-serif;
						position: relative;
					}
						#actus-breves article .descriptif div.avancement {
							height: 14px;
							position: absolute;
							top: 1px;
							right: 1px;
						}
			#actus-breves article p { color: #777; }
			#actus-breves article p.description {
				clear: both;
				font: normal 1em/1.3em Roboto, Arial, Helvetica, sans-serif;
				letter-spacing: -0.2px;
			}
				#actus-breves article p.description a {
					font-weight: bold;
				}

		#actus-breves footer {
			margin: 8px 0 0 40px;
			overflow: hidden;
			height: 100%;
			padding-bottom: 10px;
		}
			#actus-breves footer p {
				float: left;
				margin-right: 20px;
			}
				#actus-breves footer p a {
					padding-left: 20px;
					color: #fff;
					font: bold 1.2em/1em Roboto, Arial, Helvetica, sans-serif;
					letter-spacing: -1px;
					background: url(img/sprites/links-arrows.png) no-repeat 0 -60px;; 
				}
					#actus-breves footer p a:hover {
						background-position: 0 2px;
						/*color: #cc0000;*/
					}
		
		

/* @end of #actus-breves */



/* @group #actus-breves */

	#point-rouge {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		background: #363636 url(img/gradients/shaded_light.png) repeat-x;
		
	}

		#point-rouge header h1 {
			background: url(img/sprites/pictos-titres.png) no-repeat top left;
			background-position: 0 -487px;
		}

		#point-rouge article {
			width: 422px;
			margin: 16px 20px 0 37px;
			position: relative;
		}
		
		
		#point-rouge .zoomin{
			height: 100%;
			width: 100%;
			display: block;
			position: relative;
			background: no-repeat center;
			background-size: 100% 100%;
			-webkit-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			-ms-background-size: 100% 100%;
			-o-background-size: 100% 100%;
		}
			#point-rouge .zoomin:hover{
				background-size: 120% 120%;	
				-webkit-background-size: 120% 120%;
				-moz-background-size: 120% 120%;
				-ms-background-size: 120% 120%;
				-o-background-size: 120% 120%;
			}
		
		#point-rouge .illustration{
			position: relative;
			height: 237px;
			width: 420px;
			margin-bottom: 11px;
			border: 1px solid #666666;
		}
		
		#point-rouge .deco{
			position: absolute;
			bottom: 0;
			left: 0;
		}
			
		#point-rouge article p a{ 
			color: #fefefe; 
			font: normal 1.8em/1.1em 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
		}
		
		#point-rouge article p a:hover{ 
			color: #999; 
		}
			


/* @end of #point-rouge */



/* @group #webvideo */

	#webvideo {
		float: right;
		height: auto;
		overflow-y :auto;
		
	}

		#webvideo header h1 {
			background: url(img/sprites/pictos-titres.png) no-repeat top left;
			background-position: 0 -558px;
		}

		#webvideo article {
			width: 422px;
			margin: 16px 20px 0 37px;
			position: relative;
		}
		
		#webvideo article p{
			margin-top: 11px;
		}
			
		#webvideo article p a{ 
			color: #fefefe; 
			font: normal 1.8em/1.1em 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
		}
		
		#webvideo article p a:hover{ 
			color: #999; 
		}

/* @end of #webvideo */



/* @group #kkbb */

	#kkbb {
		float: right;
		height: 370px;
		background: #f0f0f0 url(img/gradients/shaded_light.png) repeat-x;
	}

		#kkbb header h1 {
			background: url(img/sprites/pictos-titres.png) no-repeat top left;
			background-position: 0 -700px;
		}

		#kkbb article {
			position: relative;
		}
		
			#kkbb ul{
				width: 464px;
				margin-left: 10px;
			}
			
				#kkbb ul li{
					position: relative;
					float: left;
					width: 232px;
					height: 330px;
				}
			

/* @end of #kkbb */



/* @group #radio */

	#radio {
		float: left;
		height: 370px;
		overflow-y :auto;
		
	}

		#radio header h1 {
			background: url(img/sprites/pictos-titres.png) no-repeat top left;
			background-position: 0 -628px;
		}

		#radio article {
			width: 422px;
			margin: 16px 20px 0 37px;
			position: relative;
		}
		
			#radio article h3{
				margin-top: 11px;
			}
			
			#radio article h3 a{
				color: #222; 
				font: normal 1.8em/1.1em 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
			}
			
			#radio h3 a:hover{ 
				color: #555; 
			}
			
			
			#radio article p{
				margin-top: 11px;
			}

			

/* @end of #radio */




/* @group #partenaires */

	#partenaires {
		clear: both;
	}

			#partenaires h1 {
				background: url(img/sprites/pictos-titres.png) no-repeat top left;
				background-position: 0 -70px;
				height: 20px;
			}

		#logos-partenaires {
			position: relative;
			margin-left: 38px;
		}

			#logos-partenaires ul{
				position:relative;
				width:883px;
				height:104px;
				padding:0;
				overflow:hidden;
				margin: 0 auto;
			}

		#partenaires .nextP,
		#partenaires .prevP{
			background:url(img/sprites/arrows.png) no-repeat scroll 0 0 transparent;
			display: block;
		    height: 18px;
		    width: 12px;
		    position: absolute;
		    z-index: 10;
		}
		#partenaires .nextP {
			background-position: right top;
			margin: 0;
			right: 17px;
			bottom: 69px;
		}
		#partenaires .prevP{
			background-position: left top;
			margin: 0;
			left: 17px;
			bottom: 69px;
		}
		#partenaires .nextP:hover {
			background-position: right bottom;
		}
		#partenaires .prevP:hover{
			background-position: left bottom;
		}

		#partenaires #logos-partenaires li{display:block; float:left; margin:0 30px 6px 0;}
		#partenaires #logos-partenaires a:hover{border-color:#fff;}
		#partenaires #logos-partenaires a img{border:1px solid #b3b3b3;}

/* @end of #partenaires */

/* @group #content */

	#content {
		min-height: 1250px;
		position: relative;
		z-index: 10; /* correct for the #header-deco */
	}

	.page   #content,
	.single #content { margin-top: 0; }

		.page     #content-wrapper > h1,
		.single   #content-wrapper h1,
		.error404 #content-wrapper > h1,
		.error500 #content-wrapper > h1 {
			padding: .25em 0 .25em;
			font: normal 5em/1 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
		}

	/* @group #content-wrapper */

		/* wrap the header and content of the article/page */
		#content-wrapper {
			padding: 0 20px 1em;
			font-size: 1.167em;
			line-height: 1.4;
			color: #333;
		}

		

		/* disable the gradient for some pages */
		.page #content-wrapper.shadowed-alt:before,
		.page #content-wrapper.shadowed-alt:after,
		.single .no-video #content-wrapper.shadowed-alt:before,
		.single .no-video #content-wrapper.shadowed-alt:after {
			padding-left: 0;
			left: 0;
		}

		/* @group Styles */

			#content-wrapper .left,
			#content-wrapper .alignleft  { float: left; }
			#content-wrapper .right,
			#content-wrapper .alignright { float: right; }

			#content-wrapper .clear { clear: both; }

			#content-wrapper .source { color: #999; }

			#content-wrapper a {
				border-bottom-width: 1px;
				border-style: dotted;
				font-weight: bold;
				color: #000;
			}

			#content-wrapper a:hover,
			#content-wrapper a:focus { color: #C00; }

			#content-wrapper h2 {
				padding: .125em .5em;
				margin-bottom: .5em;
				font-weight: bold;
				font-size: 1.7em;
			}

			#content-wrapper h3 {
				padding: .125em 0;
				margin: .5em 0;
				font-weight: bold;
			}

			#content-wrapper h2 {
				background: #C00;
				display: inline-block;
				font-size: 1.143em;
				color: #FFF;
			}

			#content-wrapper h3 { color: #333; }

			#content-wrapper p {
				margin-bottom: 1em;
			}

			#content-wrapper > p:first-child:first-letter {
				margin: .075em .1em 0 0;
				float: left;
				font: normal 6em/.75 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
			}

			.single article .illustration img,
			.single article .chapeau img,
			#content-wrapper img {
				max-width: 598px; /* 600px - 2px (borders) */
				border: 1px solid #CCC;
			}

			#content-wrapper q {
				font-style: italic;
				/* doesn't work? */
				/*quotes: "\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D";*/
				color: #000;
			}

			#content-wrapper q:before { content: "\AB\A0"; }
			#content-wrapper q:after { content: "\A0\BB"; }

			#content-wrapper blockquote {
				background: url(img/misc/blockquote.png) no-repeat;
				padding: 36px 0 0 36px;
				margin-bottom: 1.5em;
				clear: both;
			}

				#content-wrapper blockquote p {
					margin-bottom: .25em;
					font: bold italic 1.143em/1.2 Times, "Times New Roman", serif;
					color: #000;
				}

				#content-wrapper blockquote .source {
					font-size: .857em;
					font-weight: bold;
				}

			#content-wrapper strong { font-weight: bold; }
			#content-wrapper em     { font-style: italic; }

			#content-wrapper aside {
				margin-bottom: .5em;
				font: 2em/1 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
				overflow: hidden;
				clear: both;
			}

				#content-wrapper aside p {
					margin: 0;
					text-align: left; /* in case of justification for p */
				}

			#content-wrapper aside.left,
			#content-wrapper aside.right { width: 200px; }

			#content-wrapper aside.left  { margin-right: .5em; }
			#content-wrapper aside.right { margin-left: .5em; }

			#content-wrapper figure {
				margin-bottom: 1em;
				font-size: .857em;
				overflow: hidden;
				clear: both;
			}

				#content-wrapper figure img {
					width: 200px;
					margin-right: 1em;
					float: left;
				}

				#content-wrapper figure figcaption {
					margin-bottom: .25em;
					font-weight: bold;
				}

			#content-wrapper figure.left,
			#content-wrapper figure.right {
				width: 180px;
				margin-bottom: 0;
			}

			#content-wrapper figure.left  { margin-right: 1em; }
			#content-wrapper figure.right { margin-left: 1em; }

				#content-wrapper figure.left img,
				#content-wrapper figure.right img {
					width: 178px; /* keep borders */
					margin: 0;
					float: none;
				}

				#content-wrapper figure.left figcaption,
				#content-wrapper figure.left p,
				#content-wrapper figure.right figcaption,
				#content-wrapper figure.right p {
					background: #DCDCDC;
					padding: .5em;
					text-align: left;
				}

				#content-wrapper figure.left figcaption,
				#content-wrapper figure.right figcaption {
					padding-top: 1em;
					padding-bottom: .25em;
					margin: 0;
				}

				#content-wrapper figure.left p,
				#content-wrapper figure.right p { padding-top: 0; }

			#content-wrapper ul,
			#content-wrapper ol {
				padding-left: 45px;
				margin-bottom: 1em;
			}

			#content-wrapper ul { list-style: disc; }
			#content-wrapper ol { list-style: decimal; }

		/* @end of Styles */

		/* @group .nav */

			#content-wrapper .nav {
				padding: 0 1em;
				clear: both;
				overflow: hidden;
				list-style: none;
			}

			#content-wrapper .nav .prev {
				float: left;
				text-align: left;
			}

			#content-wrapper .nav .next {
				float: right;
				text-align: right;
			}

			#content-wrapper .nav .prev,
			#content-wrapper .nav .next { width: 50%; }

		/* @end of .nav */

	/* @end of #content-wrapper */

	/* @group #aside-wrapper */

		/* wrap the footer and the aside of the article */
		#aside-wrapper {}

	/* @end of #aside-wrapper */

	/* @group .two-columns */

		/* 340px = clear the right of the article */
		.single #content.two-columns article h1 {  }

		.two-columns #content-wrapper {
			width: 600px;
			float: left;
		}

		.two-columns #aside-wrapper {
			width: 319px;
			position: absolute;
			height: 100%;
			right: 0;
			border-left: 1px solid #D2D2D2;
		}

	/* @end of .two-columns */

	/* @group .two-columns-alt */

		.two-columns-alt #content-wrapper {
			width: 700px; /* regular width - padding-right - padding-left (776 - 38 - 38) */
			padding-right: 38px;
			padding-left: 38px;
			float: right;
		}

		.two-columns-alt #aside-wrapper {
			width: 174px;
			margin: 0 0 1em 10px;
			float: left;
		}

	/* @end of .two-columns-alt */

	/* @group .three-columns */

		/* 240px = clear the right of the article */
		#content.three-columns > h1 {  }

		.three-columns #content-wrapper {
			width: 710px;
			padding-right: 10px;
			padding-left: 10px;
			float: left;
		}

			.three-columns #articles {
				width: 500px;
				float: right;
			}

			.three-columns #content-wrapper .widgets {
				width: 180px;
				float: left;
				margin: 0;
			}

		.three-columns #aside-wrapper {
			width: 230px;
			float: right;
		}

	/* @end of .three-columns */

/* @end of #content */

/* @group #footer */

	#footer {  clear: both; }

	/* @group .container */

		#footer .container {
		}

			#footer .col4 {
				padding: 22px 0 10px;
				overflow: hidden;
			}

				#footer .col4 div {
					width: 189px;
					padding: 0 25px;
					float: left;
					border-right: 1px dotted #999;
				}
				
				#footer .col4 div.last {
					width: 190px;
					border-right: 0;
				}

	/* @end of .container */

	/* @group .themes */

		#footer .themes {
			background: #FFF;
			position: relative;
		}
		
			#footer .themes ul {
				background: #000;
				padding: .25em 0;
				font-size: 1.75em;
				text-align: center;
				text-transform: capitalize;
			}

				#footer .themes li {
					display: inline-block;
					margin: 0 1.5em;
				}

	/* @end of .themes */

	/* @group #copyfree */

		#copyfree { padding: 2em 0; }

			#copyfree p {
				margin-bottom: .5em;
				text-align: center;
			}

				#copyfree img {
					display: inline-block;
					vertical-align: middle;
				}

		#end{
			padding-top: 40px;
		}
	/* @end of #copyfree */

/* @end of #footer */

/* @group #header-deco */

	#header-deco {
		background: url(img/decos/home.png) no-repeat center bottom;
		width: 100%;
		height: 524px;
		overflow: hidden;
		position: absolute;
		top: 0;
		z-index: 1;
	}

	#header-deco.error404 { background-image: url(img/decos/404.png); }

/* @end of #header-deco */

/* @group Pages */

	/* @group .home */

		.home {}

	/* @end of .home */

	/* @group .page */

		/* Disable inherited properties */
		.page #content-wrapper,
		.search #content-wrapper,
		.archive #content-wrapper { font-size: 1em; }

		.page #content-wrapper article header a,
		.page #content-wrapper article footer a,
		.page #content-wrapper article footer img,
		.search #content-wrapper article header a,
		.search #content-wrapper article footer a,
		.search #content-wrapper article footer img,
		.archive #content-wrapper article header a,
		.archive #content-wrapper article footer a,
		.archive #content-wrapper article footer img { border: 0; }

		.page #content-wrapper article footer ul,
		.search #content-wrapper article footer ul,
		.archive #content-wrapper article footer ul {
			padding: 0;
			list-style: none;
		}

		.page #content-wrapper article footer p,
		.search #content-wrapper article footer p,
		.archive #content-wrapper article footer p { margin-bottom: 0; }

		.page #content-wrapper img,
		.search #content-wrapper img,
		.archive #content-wrapper img { border: 0; }

	/* @end of .page */

	/* @group .search */

		.search {}

			#search-info {
				background: url(img/misc/search-info.png) no-repeat 10px 22px;
				padding: 20px 38px;
			}

				#search-info h1 {
					margin-bottom: .75em;
					font-size: 1.75em;
					font-weight: bold;
				}

				#search-info p {
					margin-bottom: .5em;
					font-weight: bold;
				}

				#search-info .nb-results { font-size: 1.333em; }

			.search #aside-wrapper .offset-shadowed,
			.archive #aside-wrapper .offset-shadowed { float: left; }
				.search #aside-wrapper .advanced,
				.archive #aside-wrapper .advanced {
					width: 148px;
					clear: left;
				}

	/* @end of .search */

	/* @group .error404 */

		.error404 {}

	/* @end of .error404 */

	/* @group .error500 */

		.error500 #content h1 img { margin: 40px -20px 0; }

	/* @end of .error500 */

/* @end of Pages */

/* @group .IE */

	.IE {}

	/* @group .IE7 */

		.IE7 {}

	/* @end of .IE7 */

	/* @group .IE8 */

		.IE8 {}

	/* @end of .IE8 */

/* @end of .IE */

/* @group FORMS */

a.smallblack {
background:url(img/forms/small-button-black.png) no-repeat scroll right bottom transparent;
}
a.small-button {
	color:#FFFFFF !important;
display:block;
float:left;
font:14px Arial,sans-serif;
height:32px;
margin:8px 0;
padding-right:17px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
/* @end of FORMS */

/* @group FANCYBOX */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('img/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0 solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('img/fancybox/fancybox.png') -40px 0;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left  { left:  0; }
#fancybox-right { right: 0; }

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('img/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('img/fancybox/fancybox-y.png');
	background-position: -20px 0;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('img/fancybox/fancybox-x.png');
	background-position: 0 -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('img/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Roboto, Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('img/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('img/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('img/fancybox/fancybox-x.png') 0 -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('img/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* @end of FANCYBOX */

/* EOF */