*
{
	margin:0;
	padding:0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, sup, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border: 0 none;
    font-size: 20px;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
}

.clear
{
	clear:both;
}

img{
    margin:0;
	display:block;
}

body, html
{
	font-family: Arial, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
}

body
{
	width:1024px;
	margin:0 auto;
}

.alignright { text-align:right; }


a { color:#000; text-decoration:none; }
.noprint{
	display: none;
}
/**********/
/* HEADER */
/**********/
header{
	height: 0px;
	visibility: hidden;
	border: 1px solid red;
	display:none;
}
header .logo{
	display: none;
	height: 0px;
	visibility: hidden;
}
/**********/
/* FOOTER */
/**********/
footer{	margin-top: 20px;}
footer img { float:left; margin-right:8px; }
footer .mention{
	display: none;
}
/***************/
/* LEFT COLUMN */
/***************/
#menu-left {
	display:none;
}
/****************/
/* RIGHT COLUMN */
/****************/
#menu-right { display:none; }
/***********/
/* CONTENT */
/***********/
#content {
	float: left;
    width: 100%;
	margin-top: 10px;
}

/* universe colors */
#content.spectacle-vivant { color:#E88EBB; }
#content.arts-plastiques { color:#81C341; }
#content.lettres { color:#9BB3CC; }
#content.cinema { color:#0089C5; }
#content.transdisciplinaire { color:#6a029f; }


/* CONTENT DOCUMENT */
#content div.document { position:relative; font-family: Arial;}

#content div.document .image {
	color:#FFFFFF;
	position:relative;
	height: auto;
}
#content div.document .image img{

	z-index:1;
	width: 100%;
}
#content div.document .image .slider-lieu
{
	height:364px;
	z-index:1;
}
#content div.document .image .slider-lieu .slide
{
	margin:-30px 0 0;
	width: 100%;
	float: left;
	position:relative;
	z-index:1;
}

/* pour l'agenda */
#content div.document .image .cat {
	display: none;
}
#content div.document .image .background {

	z-index: 4;
	background-color: #fff!important;
	width:98%;

	padding: 5px;
	clear: both;
	color: #000;
 }
#content div.document .image .background.pink {
	background-image:url('../bundles/lehubagencecwb/images/image-background-pink.png');
}
#content div.document .image h1 {
	text-transform:uppercase;
	font-family:'DINBoldRegular';
	font-size:19px;
}
#content div.document .image .author {
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
}
#content div.document .image .date {
	text-transform:uppercase;
	font-family:'DINMediumRegular';
	font-size:16px;
}

#content div.document .credits {
	text-align:right;
	font-size:9px;
	margin-right:5px;
	color:#888;
}
#content div.document .text
{
	color:#535353;
	float:left;
	width:760px;
	margin:15px 20px 0 0;
	text-align:justify;
	font-size:12px;
	font-family:Arial;
}

#content div.document .text h1 { font-family:'DINMediumRegular'; font-size:33px; }
#content.spectacle-vivant div.document  .text h1{ color:#E88EBB; }
#content.arts-plastiques div.document .text h1 { color:#81C341; }
#content.lettres div.document .text h1 { color:#9BB3CC; }
#content.cinema div.document .text h1{ color:#0089C5; }
#content.transdisciplinaire div.document .text h1{ color:#6a029f; }

#content div.document .text h2
{
	font-family:'DINBoldRegular';
	font-size:16px;
	color:#ec008c;
	margin-bottom:8px;
}
#content.spectacle-vivant div.document  .text h2{ color:#E88EBB; }
#content.arts-plastiques div.document .text h2 { color:#81C341; }
#content.lettres div.document .text h2 { color:#9BB3CC; }
#content.cinema div.document .text h2{ color:#0089C5; }
#content.transdisciplinaire div.document .text h2{ color:#6a029f; }


#content div.document .text p
{
}

#content div.document .text p {
	margin: 0 0 10px;
	color:#535353;
}

#content div.document .text p a { color:#ec008c; }
#content div.document .text p a:hover { text-decoration:underline; }
#content.spectacle-vivant div.document  .text p a { color:#E88EBB; }
#content.arts-plastiques div.document .text p a { color:#81C341; }
#content.lettres div.document .text p a { color:#9BB3CC; }
#content.cinema div.document .text p a { color:#0089C5; }
#content.transdisciplinaire div.document .text p a { color:#6a029f; }


#content div.document .text div.chapeau { font-weight:bold; margin-top:0; color:#000000 }
#content div.document .text div.chapeau p, #content div.document .text div.distribution p { color:#000000 }
#content div.document .text div.distribution,
#content div.document .text div.production {
color: #000000;
font-style: italic;
font-weight: bold;
margin-top: 0;
}

/* PAGINATOR */
#content div.document .pagination{display:none;}

/* RIGHT COLUMN FOR DOCUMENTS */
#content div.document .extras .share, #content div.document .extras .media, #content div.document .extras .dwl, #content div.document .extras .avisiter{
	display: none;
}
#content div.document .extras { float:right; width:150px;  margin:15px 0 0 0; }
#content div.document .extras h3 { font-family:'DINBoldRegular';  color:#ec008c; margin-top:15px; display:block; text-transform: uppercase;}
#content.evenement div.document .extras h3 {
    color: #F47920;
}
#content div.document .extras h3.first { margin:0; }
#content.spectacle-vivant div.document .extras h3 { color:#E88EBB; }
#content.arts-plastiques div.document .extras h3 { color:#81C341; }
#content.lettres div.document .extras h3 { color:#9BB3CC; }
#content.cinema div.document .extras h3 { color:#0089C5; }
#content.transdisciplinaire div.document .extras h3 { color:#6a029f; }
#content div.document .extras  p { margin:0 0 10px 0; font-family:'DINBoldRegular';  color: #777; }
#content div.document .extras  p a { color: #777; }
#content div.document .extras  p a:hover{ text-decoration:underline; }
#content div.document .extras  p.listing a { background-image: url("../bundles/lehubagencecwb/images/center-right-extras-fleche.png"); background-position: 0 1px; background-repeat: no-repeat; padding: 0 0 0 13px; margin-top: 8px; display: block;}
#content div.document .extras  div.videoThumb { height:120px; }
#content div.document .extras  div.videoThumb  img { position:absolute;}
#content div.document .extras  div.videoThumb  img.playVideo { position:relative; z-index:7; left: 65px; top: 38px}
#content div.document .extras  .share { margin-top:3px; }
#content div.document .extras  .share a { display: block; height: 18px; margin: 0 5px 0 0;  width: 24px; float:left; }
#content div.document .extras  img.diapolist { float:left; margin-right:3px; margin-bottom:3px;}
#content div.document .extras p span.address {
	font-family: 'DINMediumRegular';
}

/* END RIGHT COLUMN FOR DOCUMENTS */

#content div.document .header.pink
{
	background-image: url("../bundles/lehubagencecwb/images/center-top-cache-festival.png");
	background-color:#FFFFFF;
	height: 66px;
	text-align: right;
	width: 544px;
}

#content div.document .header.pink div
{
	color: #FFFFFF;
	font-size:19px;
	font-family:'DINBlackRegular';
    padding-right: 5px;
    padding-top: 40px;
}
#content div.document .header.pink div a
{
	color: #FFFFFF;
}


/* content document agenda */

#content div.document.agenda .extras .reserver {
	display: block;
    height: 42px;
    margin: 0 0 10px;
    width: 108px;
	background-image: url("../bundles/lehubagencecwb/images/center-content-resever.png");
}

/* HOME : bloc du haut */
#content .actuellement-overflow {
	overflow: hidden;
	width: 544px;
	position: relative;
}
#content .actuellement-overflow h2 {
	font-family: "Pooplatter";
	margin: -5px 0 0 0;
	background: url("../bundles/lehubagencecwb/images/center-top-cache-actu.png") bottom;
	font-size:20px;
	height: 48px;
	line-height: 36px;
	padding:0;
	position: relative;
	z-index: 50;
	font-weight:normal;
	width: 544px;
}
#content .actuellement {
	width:1632px;
}
#content .actuellement .slide {
	margin:-30px 0 0 0;
	width: 544px;
	float: left;
	position:relative;
	left: 0;
}
#content .top .cat {
	background-image: url("../bundles/lehubagencecwb/images/categories.png");
	background-position: 0px 0px;
	color: #fff;
	float: left;
	font-family: "DINMediumRegular";
	margin: -86px 0 0 5px;
	padding: 0 0 0 10px;
	position: relative;
	width: 172px;
	z-index: 2;
}
#content .top .cat.cinema {
	background-position: 0 -25px;
}
#content .top .cat.arts-plastiques {
	background-position: 0 -50px;
}
#content .top .cat.lettres {
	background-position: 0 -75px;
}
#content .top .cat.transdisciplinaire {
	background-position: 0 -100px;
}
#content .top .cache {
	background-image: url("../bundles/lehubagencecwb/images/center-top-cache-slider.png");
	background-repeat: no-repeat;
	color: #fff;
	height: 57px;
	margin: -97px 5px 0;
	padding: 40px 0 0 10px;
	position: relative;
	width: 535px;
}

#content .top .cache h4 {
	font-family:'DINBlackRegular';
	font-size:19px;
}

#content .top .cache h5 {
	font-family:'DINMediumRegular';
	font-size:17px;
}

#content .top .cache strong {
	font-family:	'DINBlackRegular';
	font-size:		19px;
	font-weight:	normal;
}
#content #nav-actus {
    float: right;
    height: auto;
    margin: -90px 15px 0 0;
    position: relative;
    width: auto;
    z-index: 2;
}
#content #nav-actus a {
	background-image: url("../bundles/lehubagencecwb/images/center-top-nav-slider.png");
	background-position: -15px 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 13px;
    padding: 0 2px;
    width: 11px;
}
#content #nav-actus a.active {
	background-position: 0 -1px;
}

/* HOME : bloc du bas */
#content h2#points {
	height: 77px;
	width: 544px;
    margin: 28px 0 0;
	font-family:Pooplatter;
	background-position: 0 10px;
    background-repeat: no-repeat;
}
#content h2#points  #actus{
	margin-top: 10px;
}
#content h2#points  #abc{
	margin-top: 10px;
	margin-top: 15px;
}
#content h2#points  #tv{
	margin-top: 5px;
	margin-top: 10px;
}
#content h2#points.active-actus {
	background-image: url("../bundles/lehubagencecwb/images/center-points-header-actus.png");
}
#content h2#points.active-abc {
	background-image: url("../bundles/lehubagencecwb/images/center-points-header-abc.png");
}
#content h2#points.active-tv {
	background-image: url("../bundles/lehubagencecwb/images/center-points-header-tv.png");
}

#content h2#points span {
	color: #EC008C;
	font-size:20px;
	line-height: 30px;
	display: block;
	float: left;
}
#content h2#points a {
	display:block;
	padding: 15px 0 0;
    width: 110px;
	float:left;
	margin:0 15px 0 0;
}
#content h2#points a.abc {
	margin: 0 20px 0 0;
    padding: 15px 0 0;
}
#content h2#points a.tv {
	padding: 5px 0 0;
}

#content .points { position: relative; z-index: 0; }

#content .points .actu-overflow {
	overflow: hidden;
    width: 544px;
	position:relative;
	z-index:-1;
}
#content .points .actu-slide {
	width:1632px;
	position:relative;
	z-index:0;
}
#content .points .actu-slide .slide {
	margin: 0;
	width: 544px;
	float: left;
	position:relative;
	left: 0;
}
#content .points #actu {
	position:relative;
	z-index:0;
}
#content #nav2-actus {
	position: absolute;
	right: 10px;
	bottom:10px;
	width: auto;
	z-index: 1;
	font-size:11px;
	color:#fff;
}

#content #nav2-actus img.prev {
	float:left;
	margin-right:3px;
	margin-top:1px;
}
#content #nav2-actus p{
	float:left;
}
#content #nav2-actus img.next {
	float:right;
	margin-left:3px;
	margin-top:1px;
}


/* content points actu+abc+tv */
#content .points #actu, #content .points #abc, #content .points #tv { width:544px; height:325px; }
#content .points #abc img, #content .points #tv img{ position:absolute; z-index:10; }
#content .points #actu img { z-index:-1; position: relative;}

#content .points div.text {
	height: 297px;
	margin: 5px 5px 0 0;
	position: absolute;
	right: 0;
	top: 0; width: 284px;
	padding:5px 10px;
	z-index:10;
	color: #fff;
	font-size: 12px;
}
#content .points div.text h4{ margin:0; font-family:'DINBlackRegular'; font-size:19px; text-transform:uppercase;}
#content .points div.text h5{ margin:0; font-family:'DINMediumRegular'; font-size:16px; }
#content .points div.text p { margin:0; line-height: 15px; font-size: 12px; }
#content .points div.text p.chapeau { margin:8px 0; }
#content .points div.text p.toplinks { margin:8px 0 0 0; }
#content .points div.text ul { list-style:none; margin:0; }
#content .points div.text ul li { line-height:11px; margin:0; }
#content .points div.text a { color:#ec008c; font-weight:bold; font-size: 12px; }
#content .points div.text a:hover{ text-decoration:underline; }

#content .points #actu .slide div.cache { background-color:#000; height: 315px; margin: 5px 5px 0 0; position: absolute; right: 0; top: 0; width: 302px; opacity: 0.7; filter:alpha(opacity=70); }

#content .points #abc  div.text{ height: 325px; width: 544px; position: relative; margin:0; padding:0;}
#content .points #abc  div.text .content{ left: 5px; bottom: 5px; height: auto; width: 534px; background:url('../bundles/lehubagencecwb/images/bg-abc-home.png') no-repeat left top; padding:35px 8px 8px 8px; position: absolute; }
#content .points #abc  div.text .content .links { padding-top:10px; height:17px; width:514px; text-align:right; }
#content .points #abc  div.text .content .links p { background:url('../bundles/lehubagencecwb/images/puce-lien-abc.png') no-repeat 0 3px; float:right; font-family:'DINBoldRegular'; font-size:12px; text-transform:uppercase; margin-left:30px; padding-left:10px; }
#content .points #abc  div.text .content .links p a { color:#FFFFFF; font-weight:lighter; }

#content .points #tv img.play { position:absolute; z-index:15; left:248px; top:120px;}
#content .points #tv  div.bttoutesvideos{ position:absolute; z-index:16; right:5px; bottom:5px; width:165px; height:43px; background: url('../bundles/lehubagencecwb/images/bg-toutes-les-videos.png'); }
#content .points #tv  div.bttoutesvideos p{ font-family:'DINBoldRegular'; font-size:12px; margin: 22px 0 0 35px; text-transform:uppercase; }
#content .points #tv  div.bttoutesvideos p a{ color:#FFFFFF; }
/* FIN HOME : bloc du bas */

#content h2#list
{
    background: url("../bundles/lehubagencecwb/images/center-header-grey.png") no-repeat left top;
    height: 84px;
    margin: 10px 0 0 -12px;
    padding: 10px 0 0;
    width: 555px;
}

#content h2#list.pink {
	background-image: url("../bundles/lehubagencecwb/images/center-header-pink.png");
	background-repeat: no-repeat;
}
#content .list div.contList {
	width:266px;
	float:left;
	background: url("../bundles/lehubagencecwb/images/center-liste-header.png");
	margin:0 5px 10px 0;
	height: 177px;
}
#content .list img {
	position:absolute;
	z-index:5;
}
#content .list img.cache {
	position: absolute;
	width: 277px;
	z-index: 7;
}

#content .list p.cat {
	background-image: url("../bundles/lehubagencecwb/images/categories.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: DINLightRegular;
	font-weight: bold;
	height: 21px;
	padding: 2px 0 0 10px;
	position: absolute;
	width: 250px;
	z-index: 10;
}
#content .list p.cat.cinema {
	background-position: 0 -25px;
}
#content .list p.cat.arts-plastiques {
	background-position: 0 -50px;
}
#content .list p.cat.lettres {
	background-position: 0 -75px;
}
#content .list p.cat.evenement {
	background-position: 0 -100px;
}

#content .list div.infos {
	height: 177px;
	position: absolute;
	width: 268px;
	z-index: 15;
}

#content .list div.infos div {
	background:url('../bundles/lehubagencecwb/images/bg-list-block-title.png');
	bottom: 0;
	color: #FFFFFF;
	font-size: 13px;
	margin-left: 0;
	padding: 4px;
	position: absolute;
	width: 260px;
}

#content .list div.infos div.pink {
	background:url('../bundles/lehubagencecwb/images/bg-list-block-title-pink.png');
}

#content .list div.infos p.title {
	font-family:'DINBlackRegular';
	font-size:14px;
	text-transform:uppercase;
	color:#FFFFFF;
}

#content .list div.infos p.person {
	font-family:'DINBoldRegular';
	font-size:13px;
	color:#FFFFFF;

}

#content .list div.infos p.date {
	font-family:'DINMediumRegular';
	font-size:14px;
	text-transform:uppercase;
	color:#FFFFFF;

}

#content .list div.infos div.media-buttons {
	margin-top:5px;
	background:url('');
	position:relative;
	right:12px;
}

#content .list div.infos div.media-buttons p {
	float:right;
	background-color:#ec008c;
	font-size:10px;
	color:#FFFFFF;
	margin-left: 10px;
	padding: 0 5px
}

#content .list div.infos div.media-buttons p a {
	color:#FFFFFF;
}

#content .list div.infos strong {
	text-transform:uppercase;
}
#content .list div.infos p.hors {
	font-family:"DINLightRegular";
    padding: 0 10px 0 0;
    text-align: right;
}
#content .list p.medias {
	text-align:right;
	padding: 0 10px 0 0;
}
#content .list p.medias a {
	background-color:#ec008c;
	color:#fff;
	padding: 0 2px;
}
/***** pop-up player ****/
#player{
	background-color: #e8e8e8;
	width: 100%;
	height: 100%;
}
#player section{
	width: 397px;
	height: 800px;
	margin: 0 auto;
}
#jquery_jplayer{
	height: 10px!important;
}

div.jp-audio {
	width:385px;
}

div.jp-video-full div.jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
	z-index:1000;
}

div.jp-video-full div.jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1000;
}

div.jp-video-full div.jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
	z-index:1000;
}

div.jp-interface {
	position: relative;
	width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}

div.jp-video div.jp-interface {
	border-top:1px solid #009be3;
}

/* @group CONTROLS */

div.jp-controls-holder {
	clear: both;
	width:440px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	float:left;
	margin: 0 10px;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 78px;
	margin-left: 200px;
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 134px;
	margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:25px;
	height:29px;
}

a.jp-play {
		background-image: url("../bundles/lehubagencecwb/images/player/play.png");
}
a.jp-pause {
	background-image: url("../bundles/lehubagencecwb/images/player/pause.png");
	display: none;
}
.jp-previous, .jp-next{
	width: 26px;
	height: 26px;
	float: left;
	display: block;
}
.jp-previous{
	background: url("../bundles/lehubagencecwb/images/player/prev.png") no-repeat;
	clear:both;
	margin: 10px 5px 10px 15px;
}
.jp-next{
	background: url("../bundles/lehubagencecwb/images/player/next.png") no-repeat;
	margin: 10px 0 10px 5px;
}
.jp-desc{
	clear: both;
	color:#ec008c;
	font-size: 12px;
	padding: 0 15px 0 35px;
	float: left;
}
.jp-desc .suite{
	color:#888;
	text-decoration: underline;
}
/* @end */

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-progress {
	float:left;
	height:4px;
	margin-top: 20px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	width:300px;
	background: url("../bundles/lehubagencecwb/images/player/fd_progress.png") repeat-x left top;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	left:166px;
	width:130px;
}
div.jp-seek-bar {
	background-color: #616161;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background-color: #fff;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.seeking.gif");
}

/* @end */

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width:18px;
	height:15px;
	margin-top:12px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	margin-left: 210px;
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio a.jp-volume-max {
	margin-left: 56px;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
	position: absolute;
	top:12px;
	margin-top:0;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	left: 50px;
}


div.jp-video a.jp-volume-max {
	left: 134px;
}

a.jp-mute {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") 0 -170px no-repeat;
}
a.jp-mute:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -60px -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -79px -170px no-repeat;
}

a.jp-volume-max {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-volume-max:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
	top:37px;
	left:330px;
}
div.jp-video div.jp-volume-bar {
	top:17px;
	left:72px;
}
div.jp-volume-bar-value {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}

/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
	position:absolute;
	top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
	left:166px;
	width:130px;
}

div.jp-current-time,
div.jp-duration {
	width:60px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-current-time {
	float: left;
	display:inline;
}
div.jp-duration {
	float: right;
	display:inline;
	text-align: right;
}

div.jp-video div.jp-current-time {
	margin-left:20px;
}
div.jp-video div.jp-duration {
	margin-right:20px;
}

/* @end */

/* @group playlist */

.jp-title, .current_title {
	font: normal 14px 'DINBoldRegular', arial, verdana;
	color: #ec008c;
	text-transform: uppercase;
	float:left;
}
.jp-title .jp-artist, .current_title .jp-artist{
	display: block;
	clear: both;
	line-height: 13px;
	font: normal 12px 'DINLightRegular', arial, verdana;
	color: #ec008c;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:7px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #333;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
	float:right;
	display:none;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
	color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
	color:#0d88c1;
}


/* @end */

div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	height:360px;
}
div.jp-video-full div.jp-video-play {
	height:100%;
	z-index:1000;
}
a.jp-video-play-icon {
	position:relative;
	display:block;
	width: 112px;
	height: 100px;

	margin-left:-56px;
	margin-top:-50px;
	left:50%;
	top:50%;

	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.video.play.png") 0 0 no-repeat;
	text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
}





div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
	width:55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

div.jp-video ul.jp-toggles {
	margin-top:10px;
	width:100px;
}

ul.jp-toggles li {
	display:block;
	float:right;
}

ul.jp-toggles li a {
	display:block;
	width:25px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
}

a.jp-full-screen {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") 0 -310px no-repeat;
	margin-left: 20px;
}

a.jp-full-screen:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -30px -310px no-repeat;
}

a.jp-restore-screen {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -60px -310px no-repeat;
	margin-left: 20px;
}

a.jp-restore-screen:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -90px -310px no-repeat;
}

a.jp-repeat {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") 0 -290px no-repeat;
}

a.jp-repeat:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -30px -290px no-repeat;
}

a.jp-repeat-off {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -60px -290px no-repeat;
}

a.jp-repeat-off:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -90px -290px no-repeat;
}

a.jp-shuffle {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") 0 -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -30px -270px no-repeat;
}

a.jp-shuffle-off {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -60px -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle-off:hover {
	background: url("../bundles/lehubagencecwb/css/jplayer.blue.monday.jpg") -90px -270px no-repeat;
}


/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;

	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */
/****liste du player ****/
#globalPlaylist{
	height: 400px;
	overflow-x: hidden;
	float:left;
}
.jp-playlist{
	margin-top: 20px;
	float:left;
}
.jp-playlistActu {
	list-style-type: none;
	float: left;
	clear: both;
	width: 297px;
	background: url("../bundles/lehubagencecwb/images/player/top_list.png") no-repeat;
	padding-top: 45px;
}
.play-list{
	width: 100%;
	float:left;
}
.jp-playlistActu ul{
	list-style-type: none;
}
.jp-playlist li, .jp-playlistActu li{
	height: 30px;
	width: 377px;
	float:left;
	padding: 10px;
	border-top: 1px solid #888;
	cursor: pointer;
	display: block;
}
.jp-playlistActu li{
	border-top: 1px solid #fff;
}
.jp-playlistActu li{
	background-color: #ec008c;
}
.jp-playlist .jp-playlist-item, .jp-playlistActu .jp-playlist-item{
	background: url("../bundles/lehubagencecwb/images/player/arrow_list.png") no-repeat left top;
	height: 26px;
	padding-left: 20px;
	font: normal 14px 'DINBoldRegular', arial, verdana;
	color: #ec008c;
	text-transform: uppercase;
	display: block;
}
.jp-playlistActu .jp-playlist-item{
	color: #fff;
}
.jp-playlist .jp-playlist-current .jp-playlist-item{
	background: url("../bundles/lehubagencecwb/images/player/arrow_list.png") no-repeat left bottom;
}
.jp-playlist .jp-artist, .jp-playlistActu .jp-artist{
	display: block;
	clear: both;
	font: normal 12px/12px 'DINLightRegular', arial, verdana;
	color: #ec008c;
}
.jp-playlistActu .jp-artist{
	color: #fff;
}
.jp-playlist .jp-playlist-current .jp-playlist-item, .jp-playlist .jp-playlist-current .jp-artist{
	color: #888;
}
.jp-playlist-item-remove{
	display: none!important;
}
/*****scroll ****/
.jspVerticalBar{
	background: #d0007b!important;
	width: 15px!important;
}
.jspPane{
	width: 295px!important;
}
.jspTrack{
	background: #f466ba!important;
}

.jspDrag{
	background: #a50062!important;
}
/*** recherche mediathque ****/
#mediaSearch{
	width: 510px;
	height: 117px;
	background-color: #cdcdcd;
	margin-bottom: 5px;
	padding: 15px;
}
#mediaSearchForm span{
	display: block;
	clear: both;
	margin-bottom: 8px;
	/*float: left;*/
}
#mediaSearchForm input[type="text"]{
	width: 235px;
}
#mediaSearchForm select{
	float: left;
	width: 235px;
	display: block;
}
#mediaSearchForm  label{
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin: 3px 10px 0 0;
	width: 150px;
}
#mediaSearchForm  .checkbox{
	margin: 8px 0 15px 0;
	display: block;
	float: left;
}
#mediaSearchForm  .checkbox label{
	width: auto;
}
#mediaSearchForm input[type="checkbox"]{
	float: left;
	margin: 5px 5px 0 0;
}
#mediaSearchForm input[type="submit"]{
	clear: both;
	display: block;
	padding-left: 15px;
	background: none;
	background: url('../bundles/lehubagencecwb/images/bloc-menu-left-main-puce-active.png') no-repeat 0 3px;
	border: none;
	text-transform: uppercase;
	clear: both;
	display: block;
	font-weight: bold;
	font-size: 16px;
}
/***** fix *****/
#myFrame{
	overflow: hidden;
}
#page{
	padding-top:35px;
}