@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');

*
{
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
pre
{
	display: none;
}
HTML
{
	height: 100%;
}
BODY
{
	margin: 0;
	padding: 0;
	background: url(../img/fond.jpg);
	color: #FFF;
	font-family: arial;
	font-size: 14px;
	overflow-x: hidden;
	
	position: relative;
	min-height: 100%;
}
h1
{
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 24px;

	transform: translate(-50%,-120px);
    position: absolute;
    left: 50%;

    text-shadow: -1px -1px 2px rgba(0,0,0,0.8),1px -1px 2px rgba(0,0,0,0.8),1px 1px 2px rgba(0,0,0,0.8),-1px 1px 2px rgba(0,0,0,0.8),1px 1px 5px rgba(0,0,0,0.8);
}
h2
{
	display: inline-block;
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 24px;
	border-bottom: 2px solid #b51717;
}
h3
{
	display: block;
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 17px;
	/*border-bottom: 1px solid #b51717;*/
}
ul
{
	font-size: 0;
}
ul > li
{
	font-size: 14px;
}

.container
{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

/*#loader
{
	position: absolute;
	display: none;
	z-index: 999;
}*/
/*.loader
{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}*/

a, a:link, a:visited
{
	color: #FFF;
	text-decoration: none;
}
a:hover
{
	color: #b51717;
}
a:active, a:focus
{
	color: #FFF;
}

.notification
{
	padding: 10px 20px;
    border-radius: 3px;
    color: #FFF;
    text-align: left;
    
    margin: 10px;
   /* max-width: 1400px;*/
}
.notification:before
{
    display: inline-block;
	font-size: 18px;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.notification > span
{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 40px);
}
.notification.closable:after
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	content: "\f00d";
	font-size: 18px;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.notification.absolute
{
	position:  absolute;
    top: 0;
    left: 0;
    right: 0;
}
.notification.validation
{
	background-color: #37bc9b;
}
.notification.validation:before
{
	content: "\f00c";
}
.notification.information
{
	background-color: #5D9CEC;
}
.notification.information:before
{
	content: "\f05a";
}
.notification.erreur
{
	background-color: #F05050;
}
.notification.erreur:before
{
	content: "\f06a";
}
.notification.alert
{
	background-color: #f0bd50;
}
.notification.alert:before
{
	content: "\f071";
}

.live
{
	display: inline-block;
	margin: -3px 5px 0 0;
	padding: 0 9px;
	border: 1px solid #F00;
	color: #F00;
	font-size: 13px;
	vertical-align: middle;
}

.menu3d
{
    position: relative;
	padding-left: 0px;
    list-style: none;
    font-size: 0px;
    text-align: center;
    margin: 20px auto;
}
.menu3d > li
{
    transition: opacity ease-in-out 0.4s, transform ease-in-out 0.5s;
    opacity: 1;
    transform: translateX(0px);

	position: relative;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    color: white;
    border-radius: 4px;
    perspective: 500px;
    width: 100%;
    max-width: 350px;
    height: 220px;
	margin: 5px;
}
.menu3d > li > a
{
    background-color: rgb(0, 0, 0);
	color: white;
    display: block;
    width: 100%;
    height: 100%;
	position: relative;
	transform-style: preserve-3d;
/*		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;*/
	perspective: 500px;
	background-size: cover;
    background-position: 50% 50%;
    text-decoration: none;
    /*z-index: 2;*/
}
.menu3d > li > a.anim
{
	animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
/*		-webkit-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
		-moz-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
		-ms-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
		-o-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);*/
	box-shadow: 0px 0px 0px rgba(131, 7, 7, 0)!important;
}
@keyframes leave-animation
{
	100%
	{
		transform: rotateX(0deg) rotateY(0deg);
	}
}
.menu3d > li > a .titre3d
{
    font-size: 13px;
    position: absolute;
    left: 0px;
    bottom: 10px;
    padding: 3px 10px;
    background-color: rgba(255,255,255,0.9);
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    letter-spacing: 2px;
}

/*HEADER*/
header
{
	position: absolute;
	width: 100%;
	background: url(../img/header.png) 50% 0 no-repeat;
	
	z-index: 4;
}
header > div
{
	position: relative;
	height: 115px;
	
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}
header > div #logo
{
	position: absolute;
	display: inline-block;
	top: 3px/*65px*/;
	left: 50%;
	margin-left: -72.5px;
}
header > div #logo > span.loading
{
	display: block;
	position: absolute;
	top: 11px;
	left: 11px;
	width: 123px;
	height: 123px;
	border-radius: 73px;
	animation: loading 1s infinite linear;
}
header > div > #emission
{
	position: absolute;
	top: 10px;
	left: 10px;
	background: rgba(0,0,0,0.6);
	border-radius: 4px;
    width: 39%;
	max-width: 380px;
	height: 95px;
	padding: 5px 5px 5px 5px;
}
header > div > #emission > div:first-child + div
{
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
	width: calc(100% - 88px);
}
header > div > #emission span.actif
{
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #FFF;

	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
header > div > #emission span.actif:before
{
	content: "\f0da";
	font-family: FontAwesome;
	font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    
	color: #FFF;
	padding-right: 3px;
    position: relative;
    vertical-align: middle;
}
header > div > #emission span.actif > span
{
	display: inline-block;
	vertical-align: middle;
}
header > div > #emission span.inactif
{
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 15px;
	font-style: italic;
	color: #8a8a8a;
	margin-left: 10px;

	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
header > div > #emission span.inactif:before
{
	content: "A suivre : "; 
}
#html_horloge
{
	display: inline-block;
	position: relative;
	width: 85px;
    height: 85px;
    background-color: #000;
    box-shadow: inset 0px 0px 7px rgba(255,255,255,0.1);
    vertical-align: middle;
}
#html_horloge:after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    height: 85px;
    border: 1px solid #505050;
    background: rgba(255,255,255,0);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 33%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(33%, rgba(255,255,255,0.5)), color-stop(34%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 33%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 33%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 33%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 33%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
#horloge #B42,#horloge #B43
{
    animation: blink 1s infinite;
}
@keyframes blink
{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
#player
{
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0,0,0,0.6);
	border-radius: 4px;
	width: 39%;
	max-width: 380px;
	height: 95px;
	padding: 15px 5px 5px 5px;
}
#player audio
{
	display: none;
}
#player span.cover
{
	position: absolute;
	display: block;
	left: 5px;
	top: 5px;
	width: 85px;
	height: 85px;
	text-align: center;
	background-color: #000;
	overflow: hidden;
}
#player span.play
{
	position: absolute;
    top: 4px;
    right: 4px;
    font-family: initial;
    background-color: #970707;
    /*padding: 10px 25px 10px 0px;*/
    border-radius: 40px 3px 3px 40px;
    width: 72px;
    height: 87px;
}
#player span.play > i
{
    font-size: 54px;
	position: absolute;
    left: -22px;
    top: 17px;
}
#player span.cover > img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 85px;
	max-height: 85px;
}
#player span.actif
{
	position: relative;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #FFF;
	width: calc(100% - 180px);
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 10px;

	margin-left: 90px;
}
#player span.actif > span
{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}
#player span.actif > span > span
{
	display: inline-block;
	vertical-align: middle;
}
#player span.actif:before
{
	content: "\f0da";
	font-family: FontAwesome;
	font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    
	color: #FFF;
	padding-right: 3px;
    position: absolute;
	left: 0;
	top: 8px;
}
#player span.inactif
{
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 15px;
	font-style: italic;
	color: #8a8a8a;
	margin-left: 10px;
	width: calc(100% - 180px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	margin-left: 90px;
}
#player span.inactif:before
{
	content: "A suivre : "; 
}
#player .progressbar
{
	position: absolute;
	left: 5px;
	bottom: 5px;
	padding: 1px;
	border-radius: 2px;
	background: rgba(0,0,0,0.6);
	
	width: calc(100% - 170px);
	height: 10px;
	
	box-shadow: 1px 1px 1px rgba(255,255,255,0.2);

	margin-left: 90px;
}
#player .progressbar > div
{
	background: #970707;
	border-radius: 2px;
	height: 8px;
	
	/*background: #970707; /* Old browsers */
	/*background: -moz-linear-gradient(top, #970707 0%, #700808 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#970707), color-stop(100%,#700808)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #970707 0%,#700808 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #970707 0%,#700808 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top, #970707 0%,#700808 100%); /* IE10+ */
	/*background: linear-gradient(to bottom, #970707 0%,#700808 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#970707', endColorstr='#700808',GradientType=0 ); /* IE6-9 */
}
/*#player .volume
{
	position: absolute;
	left: 235px;
	bottom: 3px;
}*/
#player .vote-oui
{
	position: absolute;
	border-radius: 2px;
	top: 5px;
	right: 5px;
	padding: 4px 5px 4px;
	width: 30px;
	height: 40px;
	background-color: #790606/*#09c31e*/;

	color: #FFF;
	text-align: center;
	cursor: pointer;

	transition: ease-in-out 200ms color;
}
#player .vote-oui:hover
{
	color: #790606;
}
#player .vote-oui.vote-ok,
#player .vote-oui.vote-ok:hover
{
	background-color: #790606/*#09c31e*/;
	color: #17B40B;
	cursor: default;
}
#player .vote-oui.vote-ok:after,
#player .vote-oui.vote-ok:hover:after,
#player .vote-oui.no-vote:after,
#player .vote-oui.no-vote:hover:after,
#player .partage.no-partage:after,
#player .partage.no-partage:hover:after
{
	display: none;
}
#player .vote-oui.no-vote,
#player .vote-oui.no-vote:hover
{
	background-color: #903b3b;
    color: #966666;
    cursor: default;
}
#player .partage.no-partage,
#player .partage.no-partage:hover
{
	background-color: #903b3b;
    color: #966666;
    cursor: default;
}
#player .partage
{
	position: absolute;
	border-radius: 2px;
	bottom: 5px;
	right: 5px;
	padding: 4px 5px 4px;
	width: 30px;
	height: 40px;
	background-color: #790606/*#0094d7*/;

	color: #FFF;
	text-align: center;
	cursor: pointer;

	transition: ease-in-out 200ms color;
}
#player .partage:hover
{
	color: #790606;
}
#player .vote-oui i,
#player .partage i
{
	margin: 0;
}
/*#player .vote-non
{
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 6px 5px 4px;
	width: 30px;
	height: 27px;
	background-color: #bb0f0f;
	
	text-align: center;
	cursor: pointer;
}*/

@-webkit-keyframes loading
{
    0%   {box-shadow: -2px -2px 1px 2px rgba(255,255,255,0.8);}
	25%  {box-shadow: 2px -2px 1px 2px rgba(255,255,255,0.8);}
    50%  {box-shadow: 2px 2px 1px 2px rgba(255,255,255,0.8);}
	75%  {box-shadow: -2px 2px 1px 2px rgba(255,255,255,0.8);}
	100% {box-shadow: -2px -2px 1px 2px rgba(255,255,255,0.8);}
}

/*MENU*/
#burger
{
	display: none;
	position: fixed;
	top: 64px;
	right: 0;
	padding: 6px 15px 10px 15px;
	border-radius: 10px 0 0 10px;
	background-color: #b51717;
	font-size: 21px;
	color: #FFF;
	cursor: pointer;
	z-index: 5;
}
header > nav
{
	width: 100%;
	height: 37px;
	
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	
	border-top: 3px solid #830707;
	background: rgba(0,0,0,0.95);
	box-shadow: 0 0 9px 0 #000;
}
header.fixed #player
{
	position: fixed;
	padding: 2px 5px 3px 5px;
	top: 4px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	width: 229px;
	height: initial;
}
header.fixed #player .progressbar
{
	height: 6px;
	bottom: 0;
	margin-left: 0;
	width: calc(100% - 110px);
}
header.fixed #player .progressbar > div
{
	height: 4px;
}
header.fixed #player span.actif
{
	margin-top: -2px;
	height: 28px;
	font-size: 14px;
	margin-left: 0;
	width: calc(100% - 100px);
}
header.fixed #player span.play
{
	top: -1px;
    right: 3px;
    width: 94px;
    height: 34px;
}
header.fixed #player span.play > i
{
	top: 0;
	left: -11px;
	font-size: 34px;
}
header.fixed #player .cover,
header.fixed #player .inactif,
header.fixed #player .volume
{
	display: none;
}
header.fixed #player .vote-oui,
header.fixed #player .partage
{
	top: 0;
	padding: 1px 2px;
	width: 31px;
    height: 32px;
    font-size: 17px;
    margin: 0;
}
header.fixed #player .vote-oui
{
	right: 38px;
}
header.fixed #player .partage
{
	right: 5px;
}
header.fixed > nav
{
	position: fixed;
	top: 0;
}
header > nav > div
{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
header > nav > div > ul
{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
header > nav > div > ul > li
{
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
}
/*header > nav > div > ul > li:nth-child(n+5)
{
	text-align: right;
}*/
header > nav > div > ul > li:first-child + li + li/* + li*/
{
	margin-right: 190px;
}
header > nav > div > ul > li:first-child + li + li + li/* + li*/
{
	margin-left: 110px;
}
header > nav > div > ul > li.sous_menu
{
	position: relative;
	background: url(../img/sous_menu.png) no-repeat 100% 110%;
}
/*header > nav > div > ul > li:first-child + li + li + li.sous_menu
{
	background: url(../img/sous_menu.png) no-repeat calc(100% - 150px) 110%;
}*/
header > nav > div > ul > li.sous_menu:hover
{
	transition: ease-in-out 200ms;
	background: url(../img/sous_menu.png) no-repeat 100% -180%;
}
header > nav > div > ul > li > a
{
	display: block;
	padding: 0 15px;
	text-transform: uppercase;
	line-height: 33px;
	font-size: 15px;
	transition: ease-in-out 200ms color;
}
header > nav > div > ul > li > ul
{
	position: absolute;
	top: 30px;
	min-width: 120px;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	
	background: rgba(0,0,0,0.8);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
	z-index: 2;
}
header > nav > div > ul > li > ul > li
{
	margin: 0;
	padding: 0;
	text-align: left;
}
header > nav > div > ul > li > ul > li > a
{
	display: block;
	padding: 0 15px;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 33px;
	white-space: nowrap;
}
header > nav > div > ul > li > a.select,
header > nav > div > ul > li > ul > li > a.select
{
	color: #b51717;
}

/*CORPS*/
section
{
	padding: 15px 0 90px 0;
	z-index: 2;
}
#slider
{
	position: relative;
	background: #ccc;
	width: 100%;
	height: 550px;
	overflow: hidden;
	
	transition: ease-in-out 500ms height;
	z-index: 1;
}
#slider > div.progressbar
{
	background: #970707;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#slider > ul,
#slider > ul > li
{
	height: 550px!important;
}
#slider > ul > li
{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
#slider.min
{
	height: 330px;
}
#slider > div:not(.progressbar)
{
	top: 63%!important;
	background: none!important;
	border-radius: 0!important;
	box-shadow: none!important;
	text-shadow: 0 0 4px rgba(0,0,0,0.755)!important;
	font-family: 'Oswald', sans-serif!important;
	font-weight: 300!important;
	font-size: 40px!important;
	height: initial!important;
}
#slider.min  > div:not(.progressbar)
{
	display: none!important;
}
#slider > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 555px;
}
#slider > ul > li
{
	width: 100%;
	height: 555px;
}

/*PList*/
.liste-titres
{
	position: relative;
	/*overflow: hidden;*/
}
.liste-titres > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.liste-titres > ul:first-child + ul
{
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
}
.liste-titres > ul > li
{
	position: relative;
	margin: 1px;
	padding: 4px;
	height: 75px;
	
	transition: transform 1s;
	backface-visibility: hidden;
	transform: perspective(600px) rotateX(0deg);

	border-bottom: 1px solid #191919;
}
.liste-titres > ul > li:last-child
{
	border-bottom: initial;
}
.liste-titres > ul > li.next
{
	transform: perspective(600px) rotateX(360deg);
	border-bottom: initial;
}
.liste-titres > ul > li > div:not(.fleche):not(.progressbar)
{
	display: inline-block;
	width: calc(100% - 74px);
	vertical-align: middle;
	padding-left: 5px;
}
.liste-titres > ul > li > div > span
{
	width: 100%;
}
.liste-titres > ul > li.en_cours
{
	background: #970707;
	border-bottom: initial;
}
.liste-titres > ul > li time
{
	position: absolute;
	top: 0;
	right: 0;
}
.liste-titres > ul > li > .cover
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 66px;
	height: 66px;
	text-align: center;
	background-color: #000;
	overflow: hidden;
}
.liste-titres > ul > li > .cover > img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 66px;
	max-height: 66px;
}
.liste-titres > ul > li .titre
{
	display: block;
	height: 25px;
	
	color: #FFF;
	font-size: 15px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	text-overflow: ellipsis;
	
	white-space: nowrap;
	overflow: hidden;
}
#plist > ul > li > .titre
{
	text-overflow: inherit;
}
.liste-titres > ul > li .live
{
	color: #FFF;
	border-color: #FFF;
}
.liste-titres > ul > li.en_cours > .titre
{
	width: calc(100% - 74px);
}
.liste-titres > ul > li .titre > span
{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}
.liste-titres > ul > li .titre > span > span
{
	display: inline-block;
	vertical-align: middle;
}
.liste-titres > ul > li .artiste
{
	display: block;
	height: 25px;

	color: #a9a9a9;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 15px;
	font-style: italic;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	text-overflow: ellipsis;

    white-space: nowrap;
    overflow: hidden;
}
.liste-titres > ul > li > .a_suivre
{
	position: absolute;
	top: 0;
	right: 0;
	
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
.liste-titres > ul > li.en_cours
{
	width: calc(100% - 30px);/*89%*/
	
}
.liste-titres > ul > li.en_cours > div
{
	margin-bottom: 12px;
}
.liste-titres > ul > li.en_cours > .fleche
{
	position: absolute;
	display: block;
	top: 0;
	left: 100%;
	height: 75px;

}
.liste-titres > ul > li.en_cours > .fleche > b
{
	position: absolute;
	display: block;
	
	width: 0;
	height: 0;
	border: 33px solid transparent;
}
.liste-titres > ul > li.en_cours > .fleche > b:first-child
{
	top: 0;
	left: -1px;
	border: 15px solid transparent;
	border-top: 38px solid #970707;
}
.liste-titres > ul > li.en_cours > .fleche > b:first-child + b
{
	top: 0;
	left: 0;
	border: 38px solid transparent;
	border-left: 15px solid #970707;
}
.liste-titres > ul > li.en_cours > .fleche > b:first-child + b + b
{
	bottom: 0;
	left: -1px;
	border: 15px solid transparent;
	border-bottom: 38px solid #970707;
}
.liste-titres > ul > li > .progressbar
{
	position: absolute;
	left: 74px;
	top: 60px;
	right: 0;
	
	padding: 1px;
	border-radius: 2px;
	background: rgba(0,0,0,0.6);
	
	/*width: 158px;*/
	height: 10px;
}
.liste-titres > ul > li > .progressbar > div
{
	background: #970707;
	border-radius: 2px;
	height: 8px;
	
	/*background: #970707; /* Old browsers */
	/*background: -moz-linear-gradient(top, #970707 0%, #700808 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#970707), color-stop(100%,#700808)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #970707 0%,#700808 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #970707 0%,#700808 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top, #970707 0%,#700808 100%); /* IE10+ */
	/*background: linear-gradient(to bottom, #970707 0%,#700808 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#970707', endColorstr='#700808',GradientType=0 ); /* IE6-9 */
}

/*Top auditeurs*/
.liste-titres > ul > li .classement
{
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	padding: 3px;
	background-color: #970707;
	text-align: center;
}
.liste-titres > ul > li > .lecture
{
	position: absolute;
	top: 24px;
	right: 5px;
	color: #970707;
	font-size: 25px;
}
.liste-titres > ul > li .evolution
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px;
	text-align: center;
    font-weight: bold;
}
.liste-titres > ul > li .evolution.egal
{
	color: #FFCC00;
}
.liste-titres > ul > li .evolution.down
{
	color: #D81111;
}
.liste-titres > ul > li .evolution.up
{
	color: #41CA11;
}

/*Emissions*/
#emissions
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#emissions > li
{
	display: inline-block;
	padding: 0;
	vertical-align: top;
}
#emissions > li > div
{
	display: block;
	padding: 0;
	vertical-align: middle;
}
#emissions > li > div > img
{
	display: inline-block;
	margin-right: 10px;
	border: 1px solid rgba(255,255,255,0.3);
	width: 80px;
	height: 80px;
	vertical-align: middle;
}
#emissions > li > div > div > div
{
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	padding: 5px;
}
#emissions > li > div > div > div > span.nom
{
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 22px;
}
#emissions > li > div > div > div > span.horaires
{
	display: block;
	padding: 10px 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
}
#emissions > li > div > div > div > span.description
{
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #FFF;
}

/*Replay*/
#replay
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#replay > li
{
	display: inline-block;
	padding: 0;
}
#replay > li .bloc > div > div .titre
{
	display: block;
	padding: 5px;
	font-family: 'Oswald', sans-serif;
	font-weight: 4300;
	font-size: 16px;
}

/*FOOTER*/
footer
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-bottom: 3px solid #5f1818;
	background: url(../img/footer.png) 50% 0;
	
	/*transition: ease-in-out 500ms;*/
	z-index: 3;
}
/*footer.fixed
{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}*/
footer > div
{
	height: 55px;
	line-height: 55px;
	
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 13px;
}
footer > div > #copyright,
footer > div > #infos_legales
{
	display: inline-block;
}
footer > div > #infos_legales
{
	margin-left: 15px;
}
footer > div > #infos_legales,
footer > div > #infos_legales > a
{
	color: #7c7c7c;
}
footer > div > #infos_legales > a:hover
{
	text-decoration: underline;
}


/*DIVERS*/
.clear
{
	clear: both;
}
.center
{
	text-align: center;
}
.middle
{
	display: inline-flex;
	align-items: center;
}
.center.middle
{
	justify-content: center;
}
.right
{
	text-align: right;
}
.row
{
	display: block;
	font-size: 0;
}
.row > div
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	width: 8.33%;
}
.row > .col-1
{
	width: 8.33%;
}
.row > .col-2
{
	width: 16.66%;
}
.row > .col-3
{
	width: 25%;
}
.row > .col-4
{
	width: 33.33%;
}
.row > .col-5
{
	width: 41.66%;
}
.row > .col-6
{
	width: 50%;
}
.row > .col-7
{
	width: 58.33%;
}
.row > .col-8
{
	width: 66.66%;
}
.row > .col-9
{
	width: 75%;
}
.row > .col-10
{
	width: 83.33%;
}
.row > .col-11
{
	width: 91.66%;
}
.row > .col-12
{
	width: 100%;
}
/*.row.separate > .col-4:first-child
{
	padding-right: 10px!important;
}
.row.separate > .col-4:first-child + .col-4
{
	padding-left: 5px!important;
	padding-right: 5px!important;
}
.row.separate > .col-4:first-child + .col-4 + .col-4
{
	padding-left: 10px!important;
}*/
time
{
	font-style: italic;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #a9a9a9;
}

#loader,
.loader-bloc
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
}
#loader > div,
.loader-bloc > div,
.overlay
{
	display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.9);
}
#loader > div > div,
.loader-bloc > div > div,
.loader
{
	color: #b51717;
	font-size: 90px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 45px;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
#loader > div > span,
.loader-bloc > div > span
{
	position: absolute;
    max-width: 110px;
    text-align: center;
}
.loader.xs
{
	font-size: 10px;
	margin: 5px;
}
.loader.sm
{
	font-size: 30px;
	margin: 20px;
}
.loader.md
{
	font-size: 60px;
	margin: 30px;
}
.loader.lg
{
	font-size: 90px;
	margin: 45px;
}
.loader.center
{
	margin: 0 auto;
}

@-webkit-keyframes load6
{
	0%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
@keyframes load6
{
	0%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
@-webkit-keyframes round
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes round
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.bloc
{
	position: relative;
	margin-top: 20px;
	padding: 15px;
	border-radius: 4px;
	background: rgba(0,0,0,0.4);
	box-shadow: 0 1px 1px 0 rgba(255,255,255,0.06);
	overflow: hidden;
}
.bloc > .titre,
#emissions > li > div > div > div > span.titre
{
	position: relative;
	display: block;
	border-bottom: 1px solid #191919;
	margin-bottom: 10px;
}
.bloc > .titre > a
{
	position: absolute;
	display: inline-block;
	right: 0;
	bottom: 5px;
	
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color: #828282;
	text-transform: uppercase;
}
.bloc > .titre > a:hover
{
	text-decoration: underline;
}
.bloc article
{
	display: block;
	/*clear: both;*/
	color: #969696;
	min-height: 145px;
}
.bloc article span
{
	display: block;
	float: left;
	margin-right: 10px;
	border: 1px solid rgba(255,255,255,0.3);
	width: 180px;
	height: 145px;
	background-size: cover;
	background-position: 50% 50%;
}
.bloc article .titre
{
	color: #FFF;
}
.bloc article p
{
	text-align: justify;
}

#reseaux-sociaux
{
	width: 100%;
	max-width: 305px;
	margin: 0 auto;
	display: block!important;
	overflow: hidden;
}
#reseaux-sociaux > div
{
	width: 305px;
}

hr
{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	margin: 20px 0 20px 0;
	border-top: 1px solid #191919;
}

.button,
button,
.ui-button,
input[type='button'],
input[type='submit']
{
	position: relative;
	display: inline-block;
	margin: 1px;
	padding: 6px 20px;
	vertical-align: middle;
	border: 0;
	border-radius: 0;

	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 17px;
	color: #FFF;

	cursor: pointer;

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;
    background-color: #b51717;

    transition: background-color 0.3s, color 0.3s;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    overflow: hidden;
}
.ui-button
{
	margin: 1px!important;
	border: 0!important;

	font-family: 'Oswald', sans-serif!important;
	font-weight: 300!important;
	font-size: 17px!important;
}
/*
.button:hover,
button:hover,
input[type='button']:hover,
input[type='submit']:hover
{
	background-color: #DA3737;
}*/

.button:after,
button:after,
input[type='button']:after,
input[type='submit']:after
{
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    background-color: rgba(255,255,255,1);

    transform: scale(0);

	transition: transform 0.3s ease-out;
}
.button:hover:after,
button:hover:after,
input[type='button']:hover:after,
input[type='submit']:hover:after,
.button.select:after,
button.select:after,
input[type='button'].select:after,
input[type='submit'].select:after
{
    transform: scale(1);
}
.button.select,
button.select,
.button:hover,
button:hover
{
	color: #b51717;
}

.button > i:first-child,
button > i:first-child,
input[type='button'] > i:first-child,
input[type='submit'] > i:first-child
{
	margin-right: 5px;
}

select.filtres
{
	display: none;
}
.filtres
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.filtres > li
{
	display: inline-block;
	padding: 0;
	margin: 0;
}
.filtres > li > a
{
	display: inline-table;
}



/*Formulaires*/
/*fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
fieldset > ul > li
{
	margin: 10px 0;
	padding: 0;
}
fieldset > ul > li > .input
{
	display: block;
	margin: 0;
	padding: 5px;
}
fieldset > ul > li > .input > label
{
	display: block;
	margin: 0;
	padding: 5px;
}
fieldset > ul > li > .input > label + div
{
	display: block;
}
fieldset > ul > li > .input > label + div input[type='text']
{
	width: 100%;
	border: 0;
	padding: 5px;
	background-color: transparent;
	border-bottom: 1px solid #b51717;
}*/
fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset > legend
{
	display: block;
	padding: 10px 0;
	margin: 0;
	width: 100%;
	border-top: 2px solid #b51717;
	border-bottom: 2px solid #b51717;
	font-weight: bold;
}
fieldset > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
fieldset > ul > li
{
	display: block;
	margin: 0;
	padding: 5px 0;
}

input[type='text'],
input[type='password'],
select,
textarea
{
	width: 100%;
	padding: 5px;
	margin: 0;
	border-radius: 2px;
	border: 1px solid #CCC;
	font-family: arial;
	font-size: 14px;
}
select
{
	padding: 4px 5px;
}
input[type='text']:focus,
input[type='password']:focus,
select:focus,
textarea:focus
{
	border: 1px solid #008592;
}
.input
{
	position: relative;
	height: 57px;
	padding: 0;
}
.input.textarea
{
	height: 97px;
}
.input:after, 
.input:before
{
   content:'';
   height: 2px;
   width: 100%;
   position: absolute;
   bottom: 6px;
   left: 0;

   background-color: #e6e6e6;
}
.input:after
{
	background-color: #b51717;
	transform: scaleX(0);
	transition: transform 0.3s;
}
.input.nok:before
{
	background-color: #BA1616;
}
.input.nok label
{
	color: #BA1616;
}
.input > label
{
	position: relative;
	margin: 0;
	display: block;

	color: #bfbfbf;
	line-height: 16px;
	font-size: 16px;
	font-weight: 400;

	transform: translateY(24px);
	transition: transform 0.3s, color 0.3s;
	transform-origin: 0 50%;
}
.input > div > input[type='text'],
.input > div > input[type='password'],
.input > div > textarea
{
	position: relative;
	display: block;
	width: 100%;
	height: 32px;
	padding: 8px 0;

	line-height: 16px;
	font-family: 'arial';
	font-size: 16px;
	color: #FFF;

	background: transparent;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	outline: none;
}
.input > div > textarea
{
	height: 64px;
}
.has-label label
{
   transform: translateY(0) scale(0.75);
}
.is-focused label
{
   color: #b51717;
}
.input.is-focused:after
{
   transform: scaleX(1);
}
.g-recaptcha
{
    width: 100%!important;
}
.g-recaptcha > div
{
    margin: 0 auto;
}

/*.input-simple
{
	position: relative;
	font-size: 0;
}
.input-simple.nok select,
.input-simple.nok input[type='text'],
.input-simple.nok input[type='password'],
.input-simple.nok textarea
{
	border: 1px solid #A31A1A;
}
.input-simple > *
{
	font-size: 14px;
}
.input-simple > label
{
	display: inline-block;
	width: 130px;
	font-size: 14px;
	vertical-align: middle;
}
.input-simple > .ui-slider
{
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}
.input-simple > label + .ui-slider
{
	width: calc(100% - 150px);
}
.input-simple > input[type='text'],
.input-simple > input[type='password'],
.input-simple > select,
.input-simple > textarea
{
	width: 100%;
	font-size: 14px;
}
.input-simple > label + input[type='text'],
.input-simple > label + input[type='password'],
.input-simple > label + select,
.input-simple > label + textarea
{
	width: calc(100% - 130px);
	vertical-align: middle;
}
.input-simple > label + input[type='text'].copy
{
	width: calc(100% - 215px);
}
.input-simple.civilite-nom-prenom > select
{
	width: 60px;
}
.input-simple.civilite-nom-prenom > input:first-of-type,
.input-simple.civilite-nom-prenom > input:first-of-type + input
{
	width: calc(50% - 95px);
	vertical-align: middle;
}
.input-simple.nom-prenom > input:first-of-type,
.input-simple.nom-prenom > input:first-of-type + input
{
	width: calc(50% - 65px);
	vertical-align: middle;
}
.input-simple.cp-ville > input:first-of-type,
.input-simple.cp-ville > input:first-of-type + input
{
	width: calc(50% - 65px);
	vertical-align: middle;
}

.input-simple.table > div
{
	width: calc(100% - 130px);
	display: inline-block;
	vertical-align: middle;
}*/

.input-on-off
{
	display: inline-block;
	vertical-align: middle;
}
.input-on-off > input
{
	display: none;
}
.input-on-off > input + span
{
	display: inline-block;
	width: 30px;
	height: 14px;
	background-color: #BE2626;
}
.input-on-off > input + span:after
{
	content: "";
	display: block;
	margin: 1px;
	width: 13px;
	height: 12px;
	background-color: #FFF;
	transition: margin 200ms ease-in-out;
}
.input-on-off > input[value='1'] + span
{
	background-color: #2DBE26;
}
.input-on-off > input[value='1'] + span:after
{
	margin: 1px 1px 1px 16px;
}

.input-checkbox
{
	display: inline-block;
	vertical-align: middle;
}
.input-checkbox > input
{
	display: none;
}
.input-checkbox > input + span
{
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: rgba(0,0,0,0.5);
	vertical-align: middle;
	border: 1px solid #FFF;
}
.input-checkbox > input + span:after
{
	content: "";
	display: block;
	margin: 1px;
	width: 23px;
	height: 23px;
	transition: margin 200ms ease-in-out;
}
.input-checkbox > input[value='1'] + span
{
	background-color: #00A408;
}
.input-checkbox > input[value='1'] + span:after
{
	position: absolute;
	top: 2px;
	left: -1px;
	color: #FFF;
	content:"\f00c";
	display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*Jquery*/
.ui-dialog > .ui-dialog-content
{
	display: table;
	width: 100%!important;
}
.ui-dialog > .ui-dialog-content > div
{
	display: table-cell;
	vertical-align: middle;
}
.ui-dialog > .ui-dialog-content > div:not(.dialog-ico):not(.dialog-msg):not(.dialog-loader)
{
	width: 100%;
}
.ui-dialog > .ui-dialog-content > div.dialog-ico,
.ui-dialog > .ui-dialog-content > div.dialog-loader
{
	width: 20%;
}
.ui-dialog > .ui-dialog-content > div:first-child + div
{
	padding-left: 10px;
}


/*tarteaucitron*/
.dailymotion_player
{
	display: inline-block;
}

/*Tablette*/
@media screen and (max-width: 870px)
{
	#burger
	{
		display: block;
	}

	h1
	{
		transform: translate(-50%,-100px);
	}

	#emission
	{
		display: none;
	}
	/*#player
	{
		position: relative;
		width: 100%;
		top: initial;
		right: initial;
		margin: 0 auto;
	}*/

	
	/*doublon .fixed*/
	header.fixed #player,
	header #player
	{
		position: fixed;
		padding: 2px 5px 3px 5px;
		top: 4px;
		left: 50%;
		z-index: 2;
		transform: translateX(-50%);
		width: 100%;
		max-width: initial;
		height: initial;
	}
	header #player .progressbar
	{
		height: 6px;
		bottom: 0;
		margin-left: 0;
		width: calc(100% - 110px);
	}
	header #player .progressbar > div
	{
		height: 4px;
	}
	header #player span.actif
	{
		margin-top: -2px;
		height: 28px;
		font-size: 14px;
		margin-left: 0;
		width: calc(100% - 100px);
	}
	header #player span.play
	{
		top: -1px;
	    right: 3px;
	    width: 94px;
	    height: 34px;
	}
	header #player span.play > i
	{
		top: 0;
		left: -11px;
		font-size: 34px;
	}
	header #player .cover,
	header #player .inactif,
	header #player .volume
	{
		display: none;
	}
	header #player .vote-oui,
	header #player .partage
	{
		top: 0;
		padding: 1px 2px;
		width: 31px;
	    height: 32px;
	    font-size: 17px;
	    margin: 0;
	}
	header #player .vote-oui
	{
		right: 38px;
	}
	header #player .partage
	{
		right: 5px;
	}
	header > nav
	{
		position: fixed;
		top: 0;
	}

	

	header > div
	{
		height: initial;
		padding: 0;
	}
	header > div #logo
	{
		position: relative;
		top: initial;
		left: initial;
		margin-left: initial;
		margin-top: 37px;
	}
	header > div #logo > img
	{
		width: 100px!important;
		height: 100px!important;
	}
	header > div #logo > span.loading
	{
		top: 7px;
	    left: 7px;
	    width: 86px;
	    height: 86px;
	}
	/*header:not(.fixed) > nav
	{
		border: initial;
		background-color: initial;
		box-shadow: initial;
		height: initial;
	}*/
	header
	{
		position: relative;
	}
	#slider,
	#slider > ul,
	#slider > ul > li
	{
		transition: none;
		height: 350px!important;
	}
	#slider > ul > li
	{
		background-attachment: initial!important;
		background-size: cover;
	}
	#slider > div:not(.progressbar)
	{
		top: 50%!important;
	}
	
	body.menu-open
	{
		overflow: hidden;
	}
	body.menu-open #burger i:before
	{
		content: "\f00d";
	}
	body.menu-open header > nav
	{
		position: fixed;
		top: 0;
		display: block;
		overflow: auto;
		padding-top: 80px;
		width: 100%;
		height: 100%;
		z-index: 4;
		background-color: rgba(0,0,0,0.8);
	}
	body:not(.menu-open) header > nav > div
	{
		display: none;
	}
	body.menu-open header > nav > div
	{
		/*display: none;*/
		height: 100%;
	}
	body.menu-open header > nav > div > ul > li,
	body.menu-open header > nav > div > ul > li.sous_menu:hover,
	body.menu-open header > nav > div > ul > li > ul > li
	{
		display: block;
		margin: 0!important;
		text-align: center;
		background: initial;
	}
	body.menu-open header > nav > div > ul > li > a,
	body.menu-open header > nav > div > ul > li > ul > li > a
	{
		font-size: 20px;
		padding: 10px;
		border-bottom: 1px solid #474747;
	}
	body.menu-open header > nav > div > ul > li > ul
	{
		display: block!important;
		position: relative;
		top: initial;
		max-width: initial;
		background-color: initial;
		box-shadow: initial;
		height: initial!important;
	}

	#slider.min
	{
		height: 390px;
	}

	.filtres > li:not(:first-child)
	{
		display: none;
	}
	.filtres > li:first-child > a:before
	{
		content: "Choix : ";
	}
	.filtres > li:first-child
	{
		position: relative;
	}
	.filtres > li:first-child:before
	{
		position: absolute;
		top: 12px;
		right: 10px;
		content: "\f0d7";
		display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    font-size: inherit;
	    color: #b51717;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    z-index: 3;
	}
	select.filtres
	{
		display: block;
		margin: 1px;
    	padding: 5px 20px;
		background-color: #FFF;
		color: #b51717;
		font-family: 'Oswald', sans-serif;
		font-weight: 300;
		font-size: 17px;
		border: 0;
		border-radius: 0;
	}
	ul.filtres > li
	{
		display: none;
	}

	.liste-titres > ul > li > div
	{
		padding-top: 10px;
	}

	.row > div
	{
		display: block;
		width: 100%!important;
		padding-right: initial!important;
	}
	iframe
	{
		width: 100%;
	}

	section
	{
		padding-bottom: 35px;
	}

	footer
	{
		position: relative;
		bottom: initial;
		text-align: center;
		padding: 10px 0;
	}
	footer > div
	{
		height: initial;
		line-height: initial;
	}
	footer > div > #copyright, 
	footer > div > #infos_legales
	{
		float: initial;
	}
}

.ui-widget-overlay
{
	background: #000;
	opacity: 0.8;
}

/*Dialog*/
.ui-widget.ui-widget-content
{
	border: 0;
	border-radius: 0;
}
.ui-dialog-titlebar
{
	border: 0;
	border-radius: 0;
}
.ui-dialog-titlebar-close
{
	border: 0;
	border-radius: 0;
}
.ui-widget.ui-widget-content
{
	box-shadow: 0 0 20px 2px rgba(255,255,255,0.2);
}
.ui-widget-content
{
	background: #000;
	color: #FFF;
}
.ui-dialog-titlebar
{
	border-bottom: 1px solid #191919;
    margin-bottom: 10px;
    background: none;
    padding: 0!important;
    margin: 0 10px;
}
.ui-dialog-title
{
	display: inline-block;
	margin: 0!important;
    padding: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 24px;
    border-bottom: 2px solid #b51717;
    color: #FFF;
    width: initial!important;
}
.ui-button .ui-icon
{
    background-image: url(../img/ui-icons_ffffff_256x240.png)!important;
    background-color: none!important;
}
.ui-widget .ui-dialog-titlebar .ui-button
{
	border: 0;
	background: none;
}
.ui-widget .ui-dialog-titlebar .ui-button:hover
{
	border: 0;
	background: none;
}
.ui-widget .ui-dialog-titlebar .ui-button:after
{
	display: none;
}