html, td, th, input, button, select, textarea {
	font-feature-settings: 'liga', 'dlig' off, 'pnum', 'tnum', 'kern';
	-webkit-font-feature-settings: 'liga', 'dlig' off, 'pnum', 'tnum', 'kern';
	-moz-font-feature-settings: 'liga', 'dlig' off, 'pnum', 'tnum', 'kern';
	-moz-font-feature-settings: 'liga=1,dlig=0,pnum=1,tnum=1,kern=1';
	font-size: .9em;
}

a[href^="http://sonus.ca"]:not(.muet):after,
a[href^="https://sonus.ca"]:not(.muet):after {
	content: '';
}

body.qimsource section.principal {
	background: #fdd;
}

/* Attendeur */

div.attendeur {
	position: fixed;
	width: 100%;
	top: 19px;
	z-index: 1000;
	text-align: center;
	height: 6px;
	line-height: 6px;
}
div.attendeur div {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
	background: rgba(255,255,255,.4);
	transition: all ease-out .4s; -moz-transition: all ease-out .4s; -webkit-transition: all ease-out .4s; -o-transition: all ease-out .4s;
}
div.attendeur div + div {
	margin-left: 10px;
}
div.attendeur div.index {
	background: rgba(255,255,255,.8);
	box-shadow: 0 0 5px rgba(255,255,255,.8); -moz-box-shadow: 0 0 5px rgba(255,255,255,.8); -webkit-box-shadow: 0 0 5px rgba(255,255,255,.8); -o-box-shadow: 0 0 5px rgba(255,255,255,.8);
}

@media only screen and (max-width: 683px) {
	div.attendeur div + div {
		margin-left: 5px;
	}
	body > div.attendeur {
		text-align: right;
		right: 158px;
	}
}

/* En-tête */

header.global {
	color: #fff;
	background: #333;
	top: 0;
	left: 0;
	height: 46px;
	width: 100%;
	position: fixed;
	z-index: 20;
}
header.global a {
	color: #fff;
	text-decoration: none;
}
header.global div.ecran {
	position: relative !important;
}

@media print {
	header.global {
		display: none;
	}
}

header.global .ecran {
	padding-left: 4px;
}
header.global nav.mobile {
	display: none;
}
header.global nav.mobile,
header.global nav.principal {
	float: left;
}
header.global nav.moi {
	float: right;
}
header.global nav.mobile a,
header.global nav.principal a,
header.global nav.moi a {
	position: relative;
	float: left;
	display: block;
	height: 46px;
	line-height: 46px;
	padding: 0 12px;
	width: 20px;
	text-align: center;
	color: rgba(255,255,255,.8);
}
header.global nav.mobile a:hover,
header.global nav.principal a:hover,
header.global nav.moi a:hover {
	color: #fff;
}
header.global nav.mobile a .icone,
header.global nav.principal a .icone,
header.global nav.moi a .icone {
	font-size: 1.45rem;
	height: 46px;
	line-height: 46px;
}
header.global nav.mobile a.avec-description,
header.global nav.principal a.avec-description,
header.global nav.moi a.avec-description {
	width: auto;
}
header.global nav.mobile .description,
header.global nav.principal .description,
header.global nav.moi .description {
	display: inline-block;
	vertical-align: top;
	font-size: 0.975rem;
	height: 46px;
	line-height: 46px;
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
header.global nav.principal .icone + .description,
header.global nav.moi .icone + .description {
	margin-left: 6px;
}
header.global nav.mobile .description {
	font-size: 1.125rem;
	font-weight: bold;
}
header.global nav.principal .description .icone {
	vertical-align: middle;
	height: auto;
	line-height: auto;
}
header.global nav.mobile .icone + .description {
	margin-left: 12px;
}
header.global nav.principal a {
	border-right: 1px solid rgba(255,255,255,.15);
}
header.global nav.moi a {
	border-left: 1px solid rgba(255,255,255,.15);
}
header.global nav.mobile a.actif,
header.global nav.moi a.actif {
	background: rgba(0,0,0,.2);
	box-shadow: inset 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2); -o-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}
header.global nav.moi span.avatar img {
	border-radius: 34px; -moz-border-radius: 34px; -webkit-border-radius: 34px; -o-border-radius: 34px;
}
header.global nav.mobile a.alerte:after,
header.global nav.principal a.alerte:after,
header.global nav.moi a.alerte:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	background: #ff3300;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
}

header.global section.logo {
	float: left;
	position: relative;
	top: -46px;
	line-height: 46px;
	margin-left: 20px;
	padding: 0 12px;
	white-space: nowrap;
	background: #6886C7;
	transition: top ease-out .2s; -moz-transition: top ease-out .2s; -webkit-transition: top ease-out .2s; -o-transition: top ease-out .2s;
}
.borne-un-pixel header.global section.logo {
	top: 0;
}
header.global section.logo a {
	display: block;
}
header.global section.logo span.nom {
	font-weight: bold;
	font-size: 1.125rem;
}
header.global section.logo span.slogan {
	font-size: 0.825rem;
	color: rgba(255,255,255,.6);
	letter-spacing: -.02em;
}

header.global nav.recherche-globale {
	float: right;
	width: 254px;
	position: relative;
}
header.global nav.recherche-globale form {
	padding: 6px 12px;
	position: relative;
	z-index: 2;
}
header.global nav.recherche-globale input {
	float: left;
	width: 190px;
	padding: 0 30px 0 10px;
	border: 0;
	height: 34px;
	background: #fff;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
	font-size: 0.975rem;
}
header.global nav.recherche-globale button {
	position: absolute;
	top: 6px;
	right: 12px;
	width: 30px;
	height: 34px;
	border: 0;
	background: none;
	padding: 0;
}

header.global nav.recherche-globale ul.suggestions {
	position: absolute;
	display: none;
	margin: 0;
	padding: 5px 0 10px 0;
	top: 38px;
	left: 12px;
	right: 12px;
	z-index: 30;
	border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px;
	background: #fff;
	box-shadow: 0 3px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 3px 2px rgba(0,0,0,.4); -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.4); -o-box-shadow: 0 3px 2px rgba(0,0,0,.4);
	border-top: 1px solid rgba(0,0,0,.1);
}
header.global nav.recherche-globale ul.suggestions.actif {
	display: block;
}
header.global nav.recherche-globale ul.suggestions ul {
	margin: 0;
	padding: 0;
}
header.global nav.recherche-globale ul.suggestions > li + li {
	margin-top: 5px;
	border-top: 1px solid rgba(0,0,0,.1);
	padding-top: 5px;
}
header.global nav.recherche-globale ul.suggestions li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

header.global nav.recherche-globale ul.suggestions div.titre {
	font-size: 0.975rem;
	font-weight: bold;
}
header.global nav.recherche-globale ul.suggestions div.detail {
	margin-top: 1px;
	color: #767676;
	font-size: 0.825rem;
	line-height: 1em;
}
header.global nav.recherche-globale ul.suggestions li.etc div.description {
	font-size: 0.975rem;
}
header.global nav.recherche-globale a {
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	color: #000;
}
header.global nav.recherche-globale a:hover {
	background: rgba(0,0,0,.1);
}

@media only screen and (max-width: 1023px) {
	header.global nav.mobile {
		display: block;
	}
	header.global nav.principal {
		border-left: 1px solid rgba(255,255,255,.15);
	}
	header.global nav.moi,
	header.global section.logo {
		display: none;
	}
}

@media only screen and (max-width: 683px) {
	header.global .ecran {
		padding: 0;
	}
	header.global nav.mobile {
		display: block;
	}
	header.global nav.principal,
	header.global nav.moi,
	header.global section.logo {
		display: none;
	}
	header.global nav.recherche-globale {
		width: 234px;
	}
	header.global nav.recherche-globale input {
		width: 170px;
	}
}

@media only screen and (max-width: 359px) {
	header.global nav.recherche-globale {
		width: 214px;
	}
	header.global nav.recherche-globale input {
		width: 150px;
	}
}

/* Menu principal */

header.principal {
	border-bottom: 1px solid rgba(0,0,0,.1);
	background: #fff;
}
header.principal div.ecran {
	height: 92px;
}
header.principal section.logo {
	float: left;
	padding: 20px 0;
	width: 200px;
	margin-right: 32px;
	height: 72px;
	text-align: center;
}
header.principal section.logo img {
	height: 62px;
}
header.principal section.logo .description {
	display: block;
	font-size: 0.825rem;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	color: #fff;
	margin-top: 10px;
	width: 100%;
	text-align: center;
	background: #192c5c;
	border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px;
}
header.principal nav.principal {
	float: left;
	height: 112px;
	border-left: 1px solid rgba(0,0,0,.1);
}
header.principal nav.principal a {
	display: block;
	float: left;
	height: 92px;
	min-width: 92px;
	text-align: center;
	padding: 10px 16px;
	border-right: 1px solid rgba(0,0,0,.1);
	color: #6886C7;
}
header.principal nav.principal a .icone {
	width: 72px;
	height: 72px;
	line-height: 72px;
	border-radius: 72px; -moz-border-radius: 72px; -webkit-border-radius: 72px; -o-border-radius: 72px;
	text-align: center;
	font-size: 3.2rem;
	color: #6886C7;
}
header.principal nav.principal a .description {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 1.125rem;
	font-family: aktiv-grotesk-condensed, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
}
header.principal nav.principal a:hover {
	text-decoration: none;
	color: #fff;
	background: #6886C7;
}
header.principal nav.principal a:hover .icone {
	color: #fff;
}

/* Messages */

section.messages {
}
section.corps section.messages {
	background: #f4f74b;
	margin: 0 -20px;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(0,0,0,.05);
}
section.corps section.messages + * {
	margin-top: 20px;
}
section.remarquables section.messages {
	border: 0 !important;
	padding: 0;
	margin: 0;
	position: absolute;
	left: -10px;
	top: -10px;
	width: 0;
	height: 0;
}
section.messages div {
	background: rgba(0,0,0,.6);
	padding: 7px 10px;
	background: none;
	font-size: 0.975rem;
	line-height: 1em;
}
section.remarquables section.messages div {
	position: fixed;
	z-index: 99999;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
	height: 0;
	width: 0;
	left: -10px;
	top: -10px;
	transition: all ease-out .5s; -moz-transition: all ease-out .5s; -webkit-transition: all ease-out .5s; -o-transition: all ease-out .5s;
	opacity: 0;
	overflow: hidden;
	background-color: #f4f74b;
	box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -o-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
section.corps section.messages div + div {
	border-top: 1px solid rgba(0,0,0,.1);
}
section.messages div.notice {
	background-color: none;
	color: #000;
}
section.messages div.avertissement {
	font-weight: bold;
	background-color: none;
	color: #000;
}
section.messages div.erreur {
	background-color: none;
	color: #FF3300;
	font-weight: bold;
}
section.remarquables section.messages div.actif {
	top: 56px;
	left: 20px;
	height: auto;
	width: 280px;
	transition: all ease-out .5s; -moz-transition: all ease-out .5s; -webkit-transition: all ease-out .5s; -o-transition: all ease-out .5s;
	opacity: 1;
}
section.remarquables section.messages div a {
	color: #eee;
}

@media only screen and (max-width: 683px) {
	section.corps section.messages {
		margin: 0 -4px 0 -24px;
		padding: 10px 10px;
	}
}

/* Principal */

section.principal {
	padding-top: 46px;
	padding-bottom: 46px;
	background: #fff;
}
section.principal div.ecran {
	height: 100%;
}

@media only screen and (max-width: 683px) {
	body.simple section.principal {
		padding-bottom: 90px;
	}
}

section.messages div.console {
	font-family: ;
	color: #093;
}

/* Articles */

article {
	position: relative;
	padding: 0;
}
article + article {
	padding-top: 30px;
}

article div.avatar {
	float: left;
	margin: 0 15px 15px 0;
}
article > header div.avatar {
	margin-bottom: 5px;
}
article div.avatar img {
	border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -o-border-radius: 60px;
}
article div.avatar a {
	display: block;
	position: relative;
}

/* En-tête d'article */

header.general nav.miettes {
	margin: 0 0 6px 0;
	font-size: 0.975rem;
	color: #767676;
	font-weight: normal;
}
header.general nav.miettes a {
	color: #767676;
	border: none;
	padding: 0;
}
header.general nav.miettes a:hover {
	color: #000;
}

a.audio-section {
	float: left;
	margin: 0 10px 0 0;
	color: #767676;
}
a.audio-section .icone {
	font-size: 2.1rem;
}

article > h1, article > hgroup > h1, header.general hgroup > h1 {
	font-size: 2.1rem;
	color: #767676;
}
article > h1 .sous-titre, article > hgroup > h1 .sous-titre, header.general hgroup > h1 .sous-titre {
	font-weight: normal;
}
article > h1 .sous-titre a, article > hgroup > h1 .sous-titre a, header.general hgroup > h1 .sous-titre a {
	white-space: nowrap;
}
article > h1 a, article > hgroup h1 a, header.general hgroup > h1 a {
	color: #767676;
}
article > h1 a.ici, article > hgroup > h1 a.ici, header.general hgroup > h1 a.ici,
article > h2 a.ici, article > hgroup > h2 a.ici, header.general hgroup > h2 a.ici {
	color: #000;
	font-weight: bold;
}
article > h1 a:hover, article > hgroup > h1 a:hover, header.general hgroup > h1 a:hover {
	color: #000;
}
article > hgroup > h2, header.general hgroup > h2 {
	font-size: 2.1rem;
	font-weight: normal;
}
article > hgroup > p, header.general hgroup > p {
	font-size: 0.975rem;
}

@media only screen and (max-width: 683px) {
	a.audio-section .icone {
		font-size: 1.7rem;
	}
	article > h1, article > hgroup > h1, header.general hgroup > h1 {
		font-size: 1.7rem;
	}
}

header.general + div.borne {
	position: relative;
	top: -68px;
}

/* Texte général */

article h2 {
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
	font-size: 1.125rem;
}
article p {
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
	font-size: 0.975rem;
}
article p.signature {
	text-align: right !important;
}
article blockquote {
	margin: 0 0 0.5em 2.5em;
	line-height: 1.5em;
	font-size: 0.975rem;
	font-style: italic;
}
article ul {
	margin: 0 0 0.5em 0;
	padding: 0;
}
article ul ul {
	margin-top: 0.5em;
}
article ul li {
	list-style: disc;
	font-size: 0.975rem;
	margin-left: 15px;
}
article ul li.special {
	border-color: #B9C760;
	background: #EBFA78;
}
article ul li + li {
	margin-top: 0.5em;
}
article li li {
	font-size: 1em;
}

article img {
	max-width: 100%;
}

/* En-tête section */

h1.section, hgroup.section h1 {
	color: #767676;
	border-bottom: 0;
	padding-bottom: 0;
}


/* Illustration */

section.illu {
	float: right;
	border-top: 0;
	margin: 8px 30px 30px 30px;
	padding: 0 0 20px 0;
	border-bottom: 5px solid #767676;
}

/* Long texte */

section.long-texte {
	font-family: aktiv-grotesk, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
}

section.long-texte div.message,
section.long-texte p,
section.long-texte li {
	xfont-size: 0.975rem;
}

/* Navigation d’en-tête */

nav.entete a.options.tri {
	display: none;
}

nav.entete span.qte {
	font-family: ;
}

@media only screen and (max-width: 683px) {
	nav.entete a.options.tri {
		display: block;
	}
}

/* Aside */

#aside-principal .borne {
	position: relative;
	top: -64px;
}

aside.principal {
	border: 3px solid #F2E529;
	padding: 17px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	width: 312px;
}
aside.principal h1.section {
	font-size: 1.125rem;
	margin-bottom: 0;
}
aside.principal p {
	font-size: 0.825rem;
	color: #767676;
}
aside.principal ul.playlists {
	margin: 12px 0 0 0;
	padding: 3px 0;
	border-top: 1px solid rgba(0,0,0,.2);
}
aside.principal li.playlist {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 1.125rem;
}
aside.principal li.playlist a {
	display: block;
	color: #000;
	padding: 6px 6px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
}
aside.principal li.playlist + li.playlist.option {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid rgba(0,0,0,.2);
}
aside.principal li.playlist.option a {
	color: #767676;
}
aside.principal li.playlist a .icone {
	margin-right: 6px;
}
aside.principal li.playlist a:hover {
	text-decoration: underline;
}
aside.principal li.playlist.pret-a-recevoir a {
	text-decoration: none;
	background: #F2E529;
}
aside.principal li.playlist a.ici {
	font-weight: bold;
}

@media only screen and (min-width: 1024px) {
	.borne-aside-principal aside.principal {
		position: fixed;
		top: 64px;
	}
}

/* Abonnement */

nav.onglets + section.intro {
	margin-top: 0;
	border-top: 0;
}
section.intro {
	padding: 10px 20px !important;
	background: #f4f74b;
}
section.intro * + h1 {
	margin-top: 1em;
}
section.intro h1 {
	font-size: 1.125rem;
	color: #6886C7;
	border-color: #6886C7;
}
section.intro p {
	font-size: 1.125rem;
}
section.intro p:first-child {
	padding-top: 0.5em;
}
section.intro b {
	color: #6886C7;
}

@media only screen and (max-width: 683px) {
	section.intro p {
		font-size: 0.975rem;
	}
}

section.abonnement-tarif {
}
section.abonnement-tarif h1 {
	float: none;
	margin: 0;
	text-align: center;
	border: 0;
}
section.abonnement-tarif a {
	position: relative;
	display: block;
	height: 120px;
	padding: 20px;
	text-align: center;
	color: #000;
	line-height: 80px;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	font-family: ;
	border: 1px solid rgba(0,0,0,.2);
}
section.abonnement-tarif a span.tarif {
	color: #6886C7;
	font-size: 5.2rem;
	text-shadow: 5px 5px 0 #EBFA78;
}
section.abonnement-tarif a span.unite {
	font-size: 2.6rem;
	position: relative;
	top: -22px;
	margin-left: 10px;
	color: #6886C7;
}
section.abonnement-tarif a span.description {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
	line-height: 1.2em;
	text-align: center;
	font-size: 1.7rem;
	color: #000;
	border-top: 1px solid rgba(0,0,0,.1);
	border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px;
}
section.abonnement-tarif span.description.economie {
	background: #EBFA78;
}
section.abonnement-tarif a:hover {
	text-decoration: none;
	box-shadow: 0 2px 5px rgba(0,0,0,.4); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.4); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4); -o-box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

@media only screen and (max-width: 683px) {
	section.abonnement-tarif + section.abonnement-tarif {
		margin-top: 20px;
	}

	section.abonnement-tarif a {
		margin: 0 20px;
		height: 80px;
		line-height: 45px;
	}
	section.abonnement-tarif a span.tarif {
		font-size: 3.2rem;
		text-shadow: 3px 3px 0 #f30;
	}
	section.abonnement-tarif a span.unite {
		font-size: 1.7rem;
		top: -12px;
		margin-left: 5px;
	}
	section.abonnement-tarif a span.description {
		font-size: 1.125rem;
	}
}

/* Utilisateurs */

li.utilisateur + li.utilisateur {
	margin-top: 5px;
}
li.utilisateur div.avatar {
	float: left;
	margin: 0 10px 0 0;
}
li.utilisateur div.avatar a {
	display: block;
	position: relative;
}
li.utilisateur div.avatar a:after {
	content: ' ';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 1px rgba(0,0,0,.4); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.4); -o-box-shadow: inset 0 0 1px rgba(0,0,0,.4);
}
li.utilisateur div.nom {
	margin-left: 40px;
	font-size: 1.125rem;
}

table th.avatar,
table td.avatar {
	padding-right: 0;
}

/* Radio */

section.player {
	position: fixed;
	bottom: 20px;
	left: 0;
	width: 100%;
	background: #e5e5e5;
	height: 90px;
	z-index: 10;
}
section.player div.ecran {
	position: relative;
	padding: 0;
}

.radio-selection-insert-point {
	position: absolute;
	top: 10px;
	height: 80px;
	left: 200px;
	right: 0;
}
section.selection {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: opacity ease-out 2s; -moz-transition: opacity ease-out 2s; -webkit-transition: opacity ease-out 2s; -o-transition: opacity ease-out 2s;
}
.radio-selection-insert-point.attente section.selection {
	opacity: .05;
}
.en-deplacement section.selection {
	position: static;
}
section.selection img.album {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 60px;
	height: 60px;
	object-fit: cover;
	object-position: center;
	margin: 0;
	box-shadow: 0 1px 2px rgba(0,0,0,.6); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.6); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6); -o-box-shadow: 0 1px 2px rgba(0,0,0,.6);
}
section.selection dl {
	position: absolute;
	left: 85px;
	right: 0;
	top: 10px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
section.selection dd {
	margin: 0;
	font-size: 0.975rem;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
section.selection dd.titre {
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.6em;
}
section.selection dd.titre img {
	margin-left: 5px;
}
section.selection dd.createurs {
	line-height: 20px;
}
section.selection dd.disque {
	line-height: 15px;
	font-size: 0.825rem;
}
section.selection a {
	color: #000;
	text-decoration: none;
}
.radio-selection-insert-point div.attendeur {
	position: absolute;
	top: 45px;
	width: 100%;
}
.radio-selection-insert-point div.attendeur div {
	background: rgba(0,0,0,.4);
}
.radio-selection-insert-point div.attendeur div.index {
	background: rgba(0,0,0,.8);
	box-shadow: 0 0 5px rgba(0,0,0,.8); -moz-box-shadow: 0 0 5px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.8); -o-box-shadow: 0 0 5px rgba(0,0,0,.8);
}

section.selection a.derouleur,
.radio-selection-insert-point a.playlist {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 1.125rem;
	color: #000;
	opacity: .8;
	z-index: 2;
}
.radio-selection-insert-point a.playlist {
	top: 30px;
}
.radio-selection-insert-point a.playlist:after {
	content: '';
}
section.selection a.derouleur:hover,
.radio-selection-insert-point a.playlist:hover {
	opacity: 1;
}
section.selection a.derouleur.actif {
	background: rgba(0,0,0,.05) !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important; -o-box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important;
}

div.poste {
	position: relative;
	height: 90px;
}
div.poste.flottant {
	display: none;
}
div.poste a {
	display: block;
	opacity: .2;
	cursor: default;
}
div.poste.actif a {
	opacity: 1;
	cursor: pointer;
}
div.poste .type {
	position: absolute;
	right: 66px;
	bottom: 0;
	width: 30px;
	text-align: right;
	font-size: 0.75rem;
	font-family: ;
	line-height: 14px;
}
div.poste a.precedent,
div.poste a.marche,
div.poste a.pause,
div.poste a.suivant {
	position: absolute;
	display: block;
	top: 26px;
	font-size: 2.9rem;
	color: rgba(0,0,0,.4);
}
div.poste a.precedent {
	left: 0px;
}
div.poste a.marche,
div.poste a.pause {
	left: 65px;
	width: 1.2em;
	text-align: center;
	transition: opacity ease-out .4s; -moz-transition: opacity ease-out .4s; -webkit-transition: opacity ease-out .4s; -o-transition: opacity ease-out .4s;
	transition: color ease-out .4s; -moz-transition: color ease-out .4s; -webkit-transition: color ease-out .4s; -o-transition: color ease-out .4s;
	color: #192c5c;
	z-index: 2;
}
div.poste a.pause {
	opacity: 0;
	z-index: 1;
	color: rgba(0,0,0,.4);
}
div.poste.en-marche a.marche {
	opacity: 0;
	color: rgba(0,0,0,.4);
	z-index: 1;
}
div.poste.en-marche a.pause {
	opacity: 1;
	z-index: 2;
	color: #192c5c;
}
div.poste a.marche.attente,
div.poste a.pause.attente {
	opacity: 0.2;
}
div.poste a.suivant {
	left: 138px;
}
div.poste a.progres {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 10px;
	background: rgba(0,0,0,.1);
	text-decoration: none;
	z-index: 3;
}
div.poste-seekbar a:hover {
	text-decoration: none;
}

div.poste span.pointeur {
	display: none;
	height: 100%;
	background: #6886C7;
}
div.poste.positionnable span.pointeur {
	display: block;
}
div.poste .position,
div.poste .duree,
div.poste .reste {
	font-family: ;
	line-height: 14px;
	font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum=1';
}
div.poste .position {
	position: absolute;
	left: 0;
	width: 40px;
	text-align: left;
	bottom: 0;
	font-size: 0.75rem;
}
div.poste .duree {
	display: none;
}
div.poste .reste {
	position: absolute;
	right: 0;
	width: 40px;
	text-align: right;
	bottom: 0;
	font-size: 0.75rem;
}
div.poste img {
	box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important;
}

@media only screen and (max-width: 683px) {
	section.player {
		bottom: 0;
	}
	
	.radio-selection-insert-point {
		left: 140px;
	}
	section.selection img.album {
		display: none;
	}
	section.selection dl {
		left: 0;
		right: 30px;
	}
	section.selection dd {
		font-size: 0.825rem;
	}
	section.selection dd.titre {
		font-size: 0.975rem;
	}

	div.poste a.precedent,
	div.poste a.marche,
	div.poste a.pause,
	div.poste a.suivant {
		top: 32px;
		font-size: 2.1rem;
	}
	div.poste a.precedent {
		left: 14px;
	}
	div.poste a.marche,
	div.poste a.pause {
		left: 54px;
	}
	div.poste a.suivant {
		left: 100px;
	}
}

/* En-tête et autres éléments de playlist */

section.annotation {
	position: relative;
	float: none;
	border: 1px solid rgba(0,0,0,.2);
	margin: 0 0 20px 0;
	padding: 0 20px 10px 20px;
	background: #fff;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	color: #000;
}
section.annotation canvas {
	position: absolute;
	top: -7px;
	left: 15px;
}

@media only screen and (max-width: 683px) {
	section.annotation {
	}
	section.annotation p,
	section.annotation ul {
		padding-left: 0;
		padding-right: 0;
	}
}

article.cat {
	padding-top: 6px;
}
header.bio + article.cat,
header.bio + nav.tri {
	margin-top: 30px;
}

img.album {
	box-shadow: 0 2px 5px rgba(0,0,0,.6); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.6); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.6); -o-box-shadow: 0 2px 5px rgba(0,0,0,.6);
}
img.album.playlist {
	float: left;
}
nav.achat {
	clear: left;
	padding: 15px 0 0 0;
	width: 180px;
	text-align: center;
	font-size: 1.125rem;
}
nav.achat a {
	display: block;
	padding: 5px 10px;
	color: #fff;
	background: #f64;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	box-shadow: inset 0 0 1px rgba(0,0,0,.2); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2); -o-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
}
body.peut-tout-jouer nav.achat a {
	background: rgba(0,0,0,.05);
	color: #000;
}
nav.achat a:hover {
	text-decoration: none;
	box-shadow: inset 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2); -o-box-shadow: inset 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2);
}

nav.cat {
	clear: left;
	padding: 10px 0 0 0;
	width: 180px;
}
nav.cat ul {
	margin: 0;
	padding: 0;
}
nav.cat li {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0.825rem;
}
nav.cat ul + ul,
nav.cat li + li {
	border-top: 1px solid rgba(0,0,0,.2);
	padding-top: 5px;
	margin-top: 5px;
}
nav.cat a {
	color: #767676;
}
nav.cat a + a {
	margin-left: 6px;
}
nav.cat img {
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 5px;
}
nav.cat .fa-heart-o {
	color: #000;
}
nav.cat a.favori span.qte {
	font-family: ;
	color: #000;
	margin-right: 5px;
}
nav.cat a.abonnement {
}
nav.cat a.abonnement b {
	color: #6886C7;
}
nav.cat a.abonnement:hover {
	text-decoration: none;
}
nav.cat a.abonnement:hover b {
	text-decoration: underline;
}

/* Produits */

ul.produits {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

li.produit, nav.cat li.produit {
	display: block;
	margin: 0;
	padding: 3px 0;
	font-size: 1em;
	font-size: 1em;
}
li.produit img.couverture {
	float: left;
	box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -o-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	margin-right: 10px;
}
li.produit div.format {
	font-size: 0.975rem;
	line-height: 1em;
	float: left;
}
li.produit div.format img {
	margin-right: 5px;
}
li.produit div.prix {
	font-size: 1.25rem;
	line-height: 1em;
	float: right;
	display: inline-block;
	padding: 0 0 3px 0;
	font-family: ;
	text-decoration: none;
}
li.produit div.prix a {
	color: #6886C7;
	font-size: 1em;
}
li.produit div.prix a:hover {
	text-decoration: none;
}
li.produit div.prix img {
	margin-right: 5px;
	position: relative;
	top: -3px;
}
li.produit div.cat-no {
	clear: left;
	font-size: 0.825rem;
	color: #767676;
	margin-top: 0;
}
li.produit nav.panier {
	font-size: 0.825rem;
}
li.produit nav.panier a {
	color: #767676;
}
li.produit nav.panier a .icone {
	margin-right: 5px;
}

nav.tri.playlist {
	background: rgba(0,0,0,.4);
	margin-bottom: 1px;
}
nav.tri.playlist a {
	float: left;
	padding: 5px 10px 5px 9px;
	font-size: 0.975rem;
	color: rgba(255,255,255,.8);
	border-left: 1px solid #fff;
}
nav.tri.playlist a.ici {
	color: #fff;
	background: rgba(0,0,0,.2);
	box-shadow: inset 0 0 1px rgba(0,0,0,.8); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8); -o-box-shadow: inset 0 0 1px rgba(0,0,0,.8);
}
nav.tri.playlist a.titre {
	width: 220px;
	margin-left: 30px;
}
nav.tri.playlist a.artiste {
	width: 94px;
}
nav.tri.playlist a.album {
	width: 240px;
}

@media only screen and (max-width: 683px) {
	nav.tri.playlist {
		display: none;
	}
}

/* Photos */

section.photo div.legende {
	margin: 10px 0 0 0;
	font-size: 0.825rem;
}

/* Achats */

ul.achats {
	margin: 0;
	padding: 0;
}
li.achat {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	width: 320px;
	float: left;
}
li.achat + li.achat {
	margin-left: 20px;
}
li.achat + li.achat:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
li.achat img.couverture {
	float: left;
	box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -o-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	margin-right: 10px;
}
li.achat section.infos {
	float: left;
	width: 250px;
}
li.achat div.vedettes {
	font-size: 0.975rem;
	line-height: 1em;
}
li.achat div.titre {
	line-height: 1em;
	font-size: 1.25rem;
	margin-top: 6px;
}
li.achat div.titre a {
	color: #000;
}
li.achat div.format {
	font-size: 0.975rem;
	line-height: 1em;
	margin-top: 6px;
}
li.achat div.format img {
	margin-right: 5px;
}
li.achat ul.etat {
	clear: left;
	margin: 6px 0 0 0;
	padding: 0;
}
li.achat ul.etat li {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: circle;
	font-size: 0.825rem;
	color: #767676;
}
li.achat ul.etat li output {
	font-weight: bold;
}

li.achat nav {
	border: 1px solid rgba(0,0,0,.2);
	margin-top: 10px;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	padding: 0;
	height: 27px;
	background: rgba(0,0,0,.05);
}
li.achat nav h1 {
	margin: 0;
	float: left;
	height: 27px;
	line-height: 27px;
	font-size: 0.825rem;
	color: #767676;
	padding: 0 10px;
	border-right: 1px solid rgba(0,0,0,.2);
	font-weight: normal;
}
li.achat nav h1 img {
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	top: -2px;
}
li.achat nav a {
	float: left;
	display: block;
	height: 27px;
	line-height: 27px;
	font-size: 0.825rem;
	padding: 0 10px;
	border-right: 1px solid rgba(0,0,0,.2);
	font-weight: bold;
}
li.achat nav a:hover {
	color: #fff;
	background: #6886C7;
	box-shadow: 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); -o-box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

/* Favoris */

article li.favori {
	position: relative;
}
article li.favori div.image {
	height: 146px;
}
article li.favori div.image img {
	width: 146px;
	height: 146px;
	object-fit: cover;
	object-position: center;
	box-shadow: 0 2px 5px rgba(0,0,0,.4); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.4); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4); -o-box-shadow: 0 2px 5px rgba(0,0,0,.4);
}
article li.favori-contact div.image img {
	width: 134px;
	height: 134px;
	border: 6px solid #fff;
}
article li.favori-projet div.image img {
	width: 134px;
	height: 134px;
	box-shadow: 0 2px 5px rgba(0,0,0,.4), 6px 6px 0 #6886C7, 12px 12px 0 #F2E529; -moz-box-shadow: 0 2px 5px rgba(0,0,0,.4), 6px 6px 0 #6886C7, 12px 12px 0 #F2E529; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4), 6px 6px 0 #6886C7, 12px 12px 0 #F2E529; -o-box-shadow: 0 2px 5px rgba(0,0,0,.4), 6px 6px 0 #6886C7, 12px 12px 0 #F2E529;
}
article li.favori div.description {
	margin-top: 6px;
	font-size: 0.975rem;
	font-weight: bold;
	margin-right: 30px;
}
article li.favori div.description a {
	color: #000;
}
article li.favori div.description a:hover {
	color: #000;
}
article li.favori div.favoris {
	position: absolute;
	top: 154px;
	right: 20px;
	font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum=1';
}
article li.favori div.favoris a {
	color: #000;
}
article li.favori div.favoris a:hover {
	text-decoration: none;
}

/* Visites */

table.visites tr.hamecon td,
table.blocages tr.abusif td {
	background: rgba(0,0,0,.05);
	opacity: .6;
}
table.visites tr.robot td {
	color: #eee;
	background: rgba(0,0,0,.9);
	border-color: rgba(255,255,255,.4);
}

/* Derouleur / deroulable */

td.derouleur-deroulable {
	width: 15px;
	padding-left: 0;
	padding-right: 0;
}
td.derouleur-deroulable a.derouleur {
	position: static;
}

/* Partage */

#partage.deroulable ul {
	padding: 15px 0;
}
#partage.deroulable li {
	padding: 0 15px;
}
#partage.deroulable li + li {
	margin-top: 5px;
}
#partage.deroulable li.facebook iframe {
	width: 90px;
	height: 20px;
}
#partage.deroulable li.twitter iframe {
	width: 90px;
	height: 20px;
}

/* Pour mobile */

@media only screen and (max-width: 683px) {
	/*
	article > header,
	section.intro,
	article dl,
	article footer nav,
	article section.long-texte {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	article section > h1,
	h1.section,
	section.corps nav.menu,
	article ul.cats,
	article ul.bios,
	article ul.labels,
	nav.cat,
	section.groupe,
	article.depeche,
	section.zone > p,
	section.illu,
	footer.complement {
		margin-left: 20px;
		margin-right: 20px;
	}
	*/
	
	article.depeche header,
	article.depeche section.long-texte {
		padding-left: 0;
		padding-right: 0;
	}

	article.depeche section > h1 {
		margin-left: 0;
		margin-right: 0;
	}
	
	article section.zone,
	article table {
		overflow-x: auto;
	}
}

/* Grilles */

section.col.album div.titre {
	font-size: 0.975rem;
	font-family: aktiv-grotesk, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-weight: bold;
	margin-top: 6px;
}
section.col.album div.titre a {
	color: #192c5c;
}
section.col.album div.vedettes {
	font-size: 0.825rem;
	color: #767676;
	margin-top: 3px;
}
section.col.album div.vedettes a {
	color: #767676;
}

/* Listes */

nav.recherche + ul.liste {
	margin-top: 20px;
}
li.artiste + li.artiste,
li.oeuvre + li.oeuvre {
	margin-top: 16px;
}
li.artiste:after {
	display: block;
	position: static;
	content: ' ';
	height: 0;
	clear: left;
}
li.artiste div.portrait {
	float: left;
	width: 64px;
	height: 64px;
}
li.artiste div.portrait img {
	border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; -o-border-radius: 64px;
}
li.artiste div.nom,
li.oeuvre div.titre {
	font-size: 1.3rem;
	line-height: 1.2em;
	font-family: aktiv-grotesk, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-weight: bold;
}
li.artiste div.nom,
li.artiste div.oeuvres {
	margin-left: 72px;
}
li.oeuvre div.titre {
}
li.artiste div.nom a,
li.oeuvre div.titre a {
	color: #6886C7;
}
li.artiste div.oeuvres,
li.oeuvre div.auteurs,
li.oeuvre div.interpretes {
	font-size: 0.825rem;
	color: #767676;
	margin-top: 6px;
	padding-right: 20px;
}
li.artiste div.oeuvres a,
li.oeuvre div.auteurs a,
li.oeuvre div.interpretes a {
	color: #767676;
}

/* Attributs */

ul.attributs {
	padding: 0;
}
ul.attributs li {
	list-style: none;
}
ul.attributs .icone {
	color: #6886C7;
}

/* Logos */

img.logo {
	margin: 0 18px 18px 0;
	vertical-align: middle;
}
footer.global section.credit p {
	text-align: center;
}
footer.global section.credit p.logos {
	font-size: 1.125rem;
	text-align: center;
}
footer.global section.credit p.logos a:hover {
	text-decoration: none;
}
footer.global section.credit p.logos a:after {
	margin: 0;
	content: '';
}
img.logo.musicaction {
	height: 2.2em;
}
img.logo.canada {
	height: 1.6em;
}
img.logo.spacq {
	height: 2.3em;
}
img.logo.quebecor {
	height: 2.5em;
}
img.logo.apem {
	height: 3em;
}
img.logo.fondation-spacq {
	height: 1.8em;
}
img.logo.qim {
	height: 3em;
}

/* Pied de page */

footer.global div.ecran {
	border-top: 1px solid rgba(0,0,0,.1);
	padding-top: 12px;
}
footer.global section.credit p {
	font-size: 0.825rem;
}
footer.global section.temps-ecoule {
	text-align: right;
}