/*
Theme Name: Histoire des Chansons V18.1 sécurisée
Theme URI: https://dessign.net/madd-magazine
Author: Dessign Themes
Author URI: https://dessign.net/
Tested up to:       6.0
Requires at least:  5.5
Requires PHP:       7.2
Description: Madd Magazine unique and fully responsive theme for magazine, newspapers or professional blogs. Madd Magazine has a build in responsive slider, with image or video option. It also comes with left and right sidebar to add your favorite widgets. Simple to use and setup Madd Magazine is a beautiful design and coded magazine theme for professional bloggers. Fully responsive, SEO friendly and light weight to give your website the professional magazine look.
Version: 18.1
License: GNU General Public License version v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: histoire-des-chansons
Tags:  three-columns, right-sidebar, left-sidebar, theme-options, custom-background, custom-menu, featured-images, footer-widgets, news, blog, custom-colors, custom-logo
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:hover{
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
p {
	margin-bottom: 1.5em;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}
figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #000;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #333;
	color: #fff;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background: #333;
	color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
select {
	border: 1px solid #ccc;
}
textarea {
	width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}
a:visited {
	color: purple;
}
a:hover, a:focus, a:active {
	color: midnightblue;
}
a:focus {
	outline: thin dotted;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}
.widget select {
	max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.updated:not(.published) {
	display: none;
}
.page-content,
.entry-content,
.entry-summary {
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
body{
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin: 0;
  min-width: 320px;
  padding: 0;
  position: relative;
  line-height: 1.42857;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a{
	color: #ff3209;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-decoration: none;
}
.main-slide-content a:hover,
a:hover{
	color: #b4b3b3;
}
.blog-post-content a:hover,
.rpwwt-widget a:hover,
a:hover{
	color: #999;
}
.blog-post-content a,
.rpwwt-widget a{
	color: #000;
}
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
iframe{
	max-width: 100%;
}
img{
	height: auto;
	max-width: 100%;
}
h1{
	font-size: 2em;
	margin: 0 0 0.5em;
	line-height: 1.2;
}
h3{
	font-size: 1.8em;
	margin: 0 0 0.5em;
	line-height: 1.2;
}
h3{
	font-size: 1.6em;
	margin: 0 0 0.5em;
	line-height: 1.2;
}
ul{
	margin: 1em 0;
}
.clear_b { clear: both; }
.body-content,
p,
input,
select,
textarea{
	font-family: 'Roboto', sans-serif;
}
p{
	letter-spacing:.5px;
	font-weight: 400;
	margin: 1em 0;
}
input,
select,
textarea{
	margin-bottom: 5px;
	resize: none;
	width: 100%;
}
input[type="submit"]{
	background: #000;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: 0.07em;
	padding: 11px 0;
	font-size: 1rem;
	text-transform: uppercase;
	
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}
.clearfix:after,
.container:after,
.row:after {
	clear: both;
}
.container{
	margin: 0 auto;
	max-width: 1230px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
.row{
	margin-left: -15px;
	margin-right: -15px;
}
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-9,
.col-md-12,
.col-sm-6{
	float: left;
        min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 100%;
}
.col-md-3{
	width: 25%;
}
.col-md-4{
	width: 38.52%;
}
.col-md-6,
.col-sm-6{
	width: 50%;
}
.col-md-8{
	width: 61.48%;
}
.col-md-9{
	width: 75%;
}
.col-md-push-3{
	left: 25%;
}
.col-md-pull-6{
	right: 50%;
}
.col-md-pull-9{
	right: 75%;
}
.wp-caption {
  margin-bottom: 1.75em;
  max-width: 100%;
}
.wp-caption .wp-caption-text {
  color: #686868;
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385em;
}
.says,
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.gallery-caption {
  color: #686868;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385em;
}
.bypostauthor{
  font-size: 14px;
}
.aligncenter{
  display:block;
  margin:5px auto 5px auto;
}
.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
.sticky{
	position: fixed;
}
/*---------------Header------------*/
::-moz-selection {
	background-color: #000;
	color: #fff;
}
 ::selection {
	background-color: #000;
	color: #fff;
}
.header{
	background: #000;
  position: relative;
}
.header-inner{
  padding: 20px 0;
}
.logo-wrap a{
  color: #000;
}
.logo-wrap img{
  display: block;
  height: auto;
}
.header-site-branding .site-title{
	font-size: 2em;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.2;
	margin: 0.2em 0;
}
.header-site-branding .site-title a{
	color: #000;
}
.header-site-branding .site-description{
	font-size: 1em;
	margin: 0;
}
#touch-menu{
  display: none;
  width: 26px;
  height: 30px;
  margin: 0;
  right: 15px;
  top: 14px;
  position: absolute;
  z-index: 5;
}
#touch-menu span:after,
#touch-menu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#touch-menu span:after{
  top: 9px;
}
#touch-menu span {
  position: relative;
  display: block;
  top: 12px;
}
#touch-menu span,
#touch-menu span:after,
#touch-menu span:before {
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}
#touch-menu.on span {
  background-color: transparent;
}
#touch-menu.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#touch-menu.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
.site-navigation{;
	float: left;
  font-size: .9em;
	letter-spacing:.5px;
	font-weight: bold;
}
.site-navigation ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.site-navigation ul li{
  display: inline-block;
  padding: 0 2px;
  position: relative;
}
.site-navigation ul li:last-child{
  padding-right: 0;
}
header .site-navigation a{
  color: #fff;
  text-transform: uppercase;
  padding: 6px 15px;
  position: relative;
}
header .site-navigation .current-menu-item > a,
header .site-navigation a:hover{
	background: #ff3209;
}
.social-wrap{
	font-size: 20px;
	float: right;
	line-height: 25px;
}
.social-wrap a{
	display: inline-block;
	color: #fff;
	margin: 0 3px;
	text-decoration: none;
}
.social-wrap a:hover{
	color: #9b9b9b;
}
.top-ads-wrap{
	padding: 35px 0;
}
.top-ads-block{
	text-align: right;
}
.top-ads-block p{
	margin: 0;
}
/*----------------Fotter----------------*/
.footer{
	background: #202020;
  color: #fff;
  margin-top: 45px;
  width: 100%;
  
}
.footer p{
  font-size: 15px;
  font-weight: 400;
  letter-spacing:.5px;
	color: #fff;
}
.footer-top{
  padding: 15px 0 5px;
}
.footer-inner p{
	margin: 0;
}
.footer-widget{
	float: left;
	width: 25%;
}
.footer-widget{
	padding-left: 15px;
	padding-right: 15px;
}
.footer-widget-title{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1.2em;
	line-height: 1.3;
	text-transform: uppercase;
}
.footer-widget{
	line-height: 1.66;
	margin-bottom: 20px;
	margin-top: 20px;
}
.footer-bot{
	background: #000;
	color: #838383;
	font-size: 14px;
	padding: 18px 0;
}
.author-credits{
	text-align: right;
}
.author-credits a{
	color: #838383;
	text-decoration: none;
}
/*-----------Homepage------------*/
.site-wrapper{
	background: #fff;
	margin: 0 auto;
	max-width: 1270px;
}
.main-slider-wrap{
	background: #000;
	margin-bottom: 35px;
	width: 100%;
}
.main-slider-wrap{
	padding: 22px;
}
.main-slide-top{
	position: relative;
	width: 100%;
}
.main-slide-top .slide-thumbnail{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 400px;
	position: relative;
	width: 100%;
}
.main-slide-top .slide-thumbnail img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.main-slide-top a{
	display: block;
	position: relative;
	width: 100%;
}
.main-slide-top .video-label{
	left: 15px;
	top: 15px;
}
.main-slide-top .categories-wrap{
	padding-right: 100px;
}
.categories-wrap{
	display: block;
	bottom: 0;
	left: 0;
	position: absolute;
}
.video-label{
	color: #ff3209;
	left: 10px;
	font-size: 38px;
	line-height: 38px;
	position: absolute;
	top: 10px;
}
.video-label:before{
	font-family: "FontAwesome";
	content: "\f144";
	position: relative;
	z-index: 2;
}
.video-label:after{
	display: block;
	content: "";
	height: 20px;
	width: 20px;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
	position: absolute;
	z-index: 1;
}
.categories-wrap ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.categories-wrap ul li{
	display: inline-block;
	padding: 7px 2px 0 0; 
}
.categories-wrap a{
	background: #ff3209;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	padding: 6px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
.main-slider-wrap .slide-button{
	background: #000;
	border-radius: 5px; 
	position: absolute;
	left: auto;
	right: 5px;
	top: 361px;
	height: 34px;
	width: 34px;
	z-index: 2;
	cursor: pointer;
	-moz-background-size: 11px 17px;
	-webkit-background-size: 11px 17px;
	background-size: 11px 17px;
	background-position: center;
	background-repeat: no-repeat;
}
.main-slider-wrap .slide-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.main-slider-wrap .slide-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	right: 43px;
}
.main-slide-content{
	color: #9b9b9b;
	padding: 5px 10px 10px;
}
.main-slide-content h3{
	font-size: 1.45em;
	line-height: 1.1;
	margin: 0.8em 0 0.4em;
	letter-spacing:.5px;
	font-weight: bold;
	text-transform: uppercase;
}
.main-slide-content a{
	color: #fff;
}
.archive .blog-post-wrap:first-child,
.category .blog-post-wrap:first-child{
	width: 100%;
}
.blog-post-wrap{
	float: left;
	margin-bottom: 35px;
	width: 50%;
}
.blog-post-wrap{
	padding-left: 15px;
	padding-right: 15px;
}
.blog-post-wrap.right{
	float: right;
}
.blog-post-inner{
	border-bottom: 2px solid #d7d7d7;
}
.blog-post-image{
	min-height: 40px;
	position: relative;
	width: 100%;
}
.blog-post-image img{
	display: block;
	min-height: 175px;
    object-fit: cover;
	width: 100%;
}
.blog-post-content{
	padding: 14px 0 22px;
}
.blog-post-content h2{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 8px;
	color: #222;
	letter-spacing:.5px;
	text-transform: uppercase;
}
.blog-post-content .date{
	font-size: 13px;
	color: #ababab;
	text-transform: uppercase;
}
.pagination{
	text-align: center;
	padding-top: 10px;
	width: 100%;
	font-size: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    clear: both;
}
.page-numbers{
	display: inline-block;
	color: #000;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.page-numbers{
	border: 1px solid #000;
}
.page-numbers.current,
.page-numbers:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
}
/*----------Sidebar---------*/
.sidebar-wrap{
	word-wrap: break-word;
}
.sidebar-wrap .site-branding{
	margin-bottom: 40px;
}
.sidebar-wrap .site-branding .site-title{
	font-size: 2.2em;
	margin: 0.5em 0 0.2em;
	font-weight: bold;
}
.sidebar-wrap .site-branding .site-title a{
	color: #000;
}
.sidebar-wrap .site-branding .site-description{
	font-size: 1.2em;
	margin: 0;
}
.sidebar-wrap .widget-title{
	border-top: 7px solid #000;
	border-bottom: 2px solid #d7d7d7;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 20px;
	padding: 11px;
	text-align: center;
	text-transform: uppercase;
}
.sidebar-wrap .sidebar-widget{
	margin-bottom: 20px;
}
.sidebar-widget .tagcloud a{
	font-size: 0.9em!important;
}
.sidebar-wrap ul{
	margin: 0 0 1em;
}
.sidebar-wrap ul a,
.widget a{
	color: #000;
}
.sidebar-wrap ul a:hover,
.widget a:hover{
	color: #999;
}
.sidebar-wrap .rpwwt-widget ul li{
	margin-bottom: 15px;
}
.sidebar-wrap .rpwwt-widget ul li img{
	margin: 0 15px 10px 0;
	height: auto!important;
	width: 85px!important;
}
.sidebar-wrap .rpwwt-post-title{
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing:0.5px;
	margin: 0 0 0.6em;
	text-transform: uppercase;
}
.sidebar-wrap .rpwwt-post-author{
	font-size: 13px;
	text-transform: uppercase;
}
.sidebar-wrap .rpwwt-post-date{
	font-size: 13px;
	color: #ababab;
	text-transform: uppercase;
}
.sidebar-wrap .textwidget{
	font-size: 1em;
	color: #7f7f7f;
	line-height: 1.36;
}
.sidebar-wrap .textwidget p{
	color: #000;
	margin-top: 0;
}
.search-form label{
	display: block;
	width: 100%;
}
/*-----------------Post-------------*/
.form-submit{
	margin: 0;
}
.comment-metadata{
	margin-top: 5px;
}
.comments-area{
	font-size: 14px;
}
.comments-area p{
	font-size: 1em;
	margin: 0.8em 0;
}
.comments-area ul,
.comments-area ol{
	margin-left: 0;
	padding-left: 0px;
	list-style-type: none;
}
.comments-area ul ul,
.comments-area ol ol{
	padding-left: 20px;
}
.comments-area .avatar{
	height: auto;
	width: 35px;
}
.comments-area a{
	color: #3b3839;
}
.comments-area .commentmetadata a:hover{
	cursor: text;
	text-decoration: none;
}
.reply{
	margin-bottom: 30px;
	text-decoration: underline;
}
/*--------------Responsive-------------*/
@media only screen and (max-width : 992px) {
	.col-md-3,
	.col-md-6,
	.col-md-9{
		left: 0;
		right: auto;
	}
	.col-md-3{
		width: 50%;
	}
	.col-md-6,
	.col-md-9{
		width: 100%;
	}
	.header-inner{
		padding: 14px 0;
	}
	.social-wrap{
		float: none;
	}
	#touch-menu{
		display: block;
	}
	.site-navigation{
		display: none;
		float: none;
		position: absolute;
		top: 55px;
		background: #fff;
		left: 0;
		text-align: left;
		z-index: 99;
		width: 100%;
	}
	header .site-navigation .current-menu-item > a,
	header .site-navigation a:hover{
		background: transparent!important;
	}
	header .site-navigation a{
		color: #000;
	}
	.site-navigation > ul,
	.site-navigation div > ul{
		padding: 10px 15px;
		text-align: left;
		border-bottom: 2px solid #333;
	}
	.site-navigation ul li{
		display: block;
		padding: 5px 0;
	}
	.site-navigation .sub-menu{
		padding: 0 0 0 15px;
	}
	body{
		font-size: 16px;
	}
	.top-ads-widget{
		padding-bottom: 15px;
	}
	.top-ads-block{
		text-align: left;
	}
	.sidebar-wrap .rpwwt-post-title{
		font-size: 1em;
	}
	.main-slide-top .slide-thumbnail{
		height: 640px;
	}
	.main-slider-wrap .slide-button{
		top: 601px;
	}
	.footer-widget{
		width: 50%;
	}
	.footer-widget:nth-child(odd){
		clear: left;
	}
	.sidebar-wrap{
		margin-top: 40px;
	}
	.blog-post-image img {
		min-height: 225px;
	}
	
}
@media only screen and (max-width : 767px) {
	.col-md-3,
	.col-md-4,
	.col-md-6,
	.col-md-8,
	.col-md-9,
	.col-md-12,
	.col-sm-6{
		left: 0;
		right: auto;
		width: 100%;
	}
	.footer-widget{
		float: none;
		width: 100%;
	}
	.footer-copyright,
	.author-credits{
		margin: 3px 0;
		text-align: center;
	}
	.header-logo-wrap{
		display: block;
		padding: 5px 0 20px;
	}
	.main-slide-content h3{
		font-size: 1.4em;
	}
	.top-ads-wrap{
		padding: 20px 0;
	}
	.sidebar-logo-wrap{
		display: none;
	}
	.sidebar-wrap .textwidget{
		font-size: 1em;
	}
}
@media only screen and (max-width : 639px) {
	.main-slider-wrap{
		padding: 12px;
	}
	.main-slide-top .slide-thumbnail{
		height: 290px;
	}
	.main-slider-wrap .slide-button{
		top: 251px;
	}
	.blog-post-wrap{
		width: 100%;
	}
}
@media only screen and (min-width : 992px) {
	.site-navigation ul li:hover > .sub-menu{
		display: block;
	}
	.site-navigation .sub-menu{
		background: #000;
		display: none;
		font-size: 15px;
		left: 0;
		margin: 0;
		padding: 5px 0;
		position: absolute;
		text-align: left;
		top: 29px;
		z-index: 55;
	}
	.site-navigation .sub-menu ul {
		left: 100%;
		top: 0;
	}
	.site-navigation ul li .sub-menu li{
		display: block;
		min-width: 180px;
		padding: 5px 9px;
	}
	.sub-menu li:hover{
		
		color: #e2e2e2;
	}
	.site-navigation ul .sub-menu li a{
		display: block;
	}
}
/* ============================================================
   Histoire des Chansons V1 - accueil éditorial 2026
   ============================================================ */
:root{--hdc-red:#a91016;--hdc-red2:#d02624;--hdc-black:#111;--hdc-ink:#201c18;--hdc-paper:#f5ecdc;--hdc-card:#fffaf0;--hdc-line:#d7c8b5}
body{background:var(--hdc-paper);color:var(--hdc-ink);font-family:Arial,Helvetica,sans-serif}
.hdc-container{width:min(1480px,calc(100% - 44px));margin:0 auto}
.hdc-welcome{background:#0c0c0c;color:#fff;font-size:14px}.hdc-welcome-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hdc-socials{display:flex;gap:10px}.hdc-socials a{color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#252525}
.hdc-header{background:#fff8ea;border-bottom:1px solid #e4d8c7;position:relative;z-index:20}.hdc-header-inner{display:flex;align-items:center;min-height:118px;gap:34px}.hdc-branding{flex:0 0 310px}.hdc-brand-link{display:flex;align-items:center;gap:14px;color:#151515!important;text-decoration:none!important}.hdc-logo-disc,.hdc-mini-disc{display:block;border-radius:50%;background:radial-gradient(circle at center,#c5161d 0 16%,#f0bd86 17% 19%,#0a0a0a 20% 59%,#242424 60% 62%,#080808 63% 100%);box-shadow:inset 0 0 0 1px #000}.hdc-logo-disc{width:84px;height:84px;flex:0 0 84px}.hdc-logo-disc i{display:block;width:8px;height:8px;border-radius:50%;background:#111;position:relative;top:38px;left:38px}.hdc-brand-text strong{font-family:Georgia,serif;text-transform:uppercase;display:block;font-size:27px;line-height:.88;letter-spacing:-1px}.hdc-brand-text em{display:block;color:var(--hdc-red);font-style:normal;font-size:42px}.hdc-brand-text small{font-size:11px}.hdc-nav{flex:1}.hdc-nav ul{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none}.hdc-nav li{position:relative}.hdc-nav a{display:block;padding:16px 12px;color:#161616!important;text-transform:uppercase;font-weight:800;font-size:14px;text-decoration:none!important;border-bottom:3px solid transparent}.hdc-nav .current-menu-item>a,.hdc-nav a:hover{color:var(--hdc-red)!important;border-color:var(--hdc-red)}.hdc-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:235px;background:#111;padding:8px;box-shadow:0 12px 30px #0003;z-index:100}.hdc-nav li:hover>.sub-menu{display:block}.hdc-nav .sub-menu{flex-direction:column;align-items:stretch}.hdc-nav .sub-menu a{color:#fff!important;border:0;padding:10px 12px}.hdc-nav .sub-menu a:hover{background:var(--hdc-red)}
.hdc-home{background:radial-gradient(circle at 12% 16%,#fff8e8 0,#f6eddf 48%,#efe2d0 100%);padding-top:28px}.hdc-hero-wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:26px}.hdc-hero{min-height:480px;border-radius:8px;overflow:hidden;position:relative;background:#17100d;box-shadow:0 3px 12px #0002}.hdc-hero-media,.hdc-hero-media img{width:100%;height:100%;position:absolute;inset:0}.hdc-hero-media img{object-fit:cover}.hdc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,7,5,.95) 0%,rgba(10,7,5,.78) 38%,rgba(10,7,5,.12) 72%)}.hdc-hero-content{position:absolute;z-index:2;left:42px;top:50%;transform:translateY(-50%);width:min(480px,70%);color:#fff}.hdc-kicker{background:var(--hdc-red);padding:9px 13px;text-transform:uppercase;font-size:13px;font-weight:800;border-radius:3px}.hdc-hero h1{font-family:Georgia,serif;font-size:52px;line-height:1.02;margin:24px 0 15px;color:#fff}.hdc-hero p{font-size:17px;line-height:1.6;color:#f5eee6}.hdc-btn{display:inline-block;background:linear-gradient(#c82629,#a90e14);color:#fff!important;padding:14px 18px;border-radius:4px;text-transform:uppercase;font-weight:800;font-size:13px;text-decoration:none!important}.hdc-btn.small{padding:10px 14px}.hdc-featured{background:rgba(255,250,240,.86);border:1px solid var(--hdc-line);border-radius:8px;padding:26px;box-shadow:0 3px 12px #00000012}.hdc-featured-img{display:block;height:235px;overflow:hidden;border-radius:6px}.hdc-featured-img img{width:100%;height:100%;object-fit:cover}.hdc-featured h2{font-family:Georgia,serif;font-size:27px;margin:17px 0 8px}.hdc-featured p{line-height:1.55}.hdc-featured a{color:inherit}.hdc-section-title{font-family:Georgia,serif;text-transform:uppercase;font-weight:900;font-size:22px;display:flex;align-items:center;gap:12px;margin:24px 0}.hdc-section-title:before{content:"";width:18px;height:3px;background:var(--hdc-red)}.hdc-section-title.small{font-size:19px;margin-top:0}.hdc-main-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(290px,.85fr);gap:28px;padding-top:12px;padding-bottom:28px}.hdc-section-head{display:flex;justify-content:space-between;align-items:center}.hdc-section-head>a{text-transform:uppercase;font-weight:800;font-size:12px;color:#333}.hdc-support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hdc-support-card{background:#fffaf0;border:1px solid var(--hdc-line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-height:250px;position:relative;text-decoration:none!important;color:#211d18!important;box-shadow:0 2px 8px #0000000e}.hdc-support-card strong{font-family:Georgia,serif;font-size:23px;margin:13px 17px 2px}.hdc-support-card small{font-size:14px;line-height:1.35;margin:0 17px 16px}.hdc-support-card b{position:absolute;right:16px;bottom:12px;color:var(--hdc-red);font-size:28px}.hdc-disc{height:150px;background:linear-gradient(135deg,#39130e,#050505);position:relative;overflow:hidden}.hdc-disc:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:repeating-radial-gradient(circle,#121212 0 4px,#222 5px 6px,#0c0c0c 7px 10px);left:50%;top:50%;transform:translate(-50%,-50%)}.hdc-disc:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:var(--hdc-red);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #e6ba82}.hdc-disc-1:after{background:#1d3656}.hdc-disc-2:after{background:#c19848}.hdc-disc-3:before{background:radial-gradient(circle,#eff1f2 0 4%,#959ba0 5% 19%,#d7d9da 20% 46%,#81888d 47% 55%,#e7e9e9 56% 100%)}.hdc-disc-3:after{background:#ddd;box-shadow:0 0 0 4px #aaa}.hdc-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hdc-card{background:#fffaf0;border:1px solid var(--hdc-line);border-radius:7px;overflow:hidden;box-shadow:0 2px 8px #0000000e}.hdc-card-image{height:190px;display:block;position:relative;overflow:hidden;background:#151515}.hdc-card-image img{width:100%;height:100%;object-fit:cover}.hdc-no-image{display:grid;place-items:center;height:100%;font-size:70px;color:#eee}.hdc-card-cat{position:absolute;left:10px;bottom:0;background:var(--hdc-red);color:#fff;padding:6px 9px;text-transform:uppercase;font-size:10px;font-weight:800}.hdc-card-body{padding:16px}.hdc-card h3{font-family:Georgia,serif;font-size:20px;margin:0 0 9px}.hdc-card h3 a{color:#201c18}.hdc-card p{font-size:14px;line-height:1.5;min-height:62px}.hdc-text-link{color:var(--hdc-red)!important;text-transform:uppercase;font-weight:800;font-size:12px;text-decoration:none!important}.hdc-text-link span{font-size:21px;vertical-align:-1px}.hdc-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.hdc-dark-panel,.hdc-artist-panel{min-height:190px;border-radius:7px;padding:28px;display:flex;align-items:center;gap:22px;text-decoration:none!important}.hdc-dark-panel{background:linear-gradient(135deg,#171310,#0b0b0b);color:#fff!important}.hdc-mic{font-size:72px}.hdc-dark-panel h2,.hdc-artist-panel h2{font-family:Georgia,serif;margin:0 0 8px}.hdc-dark-panel p{color:#eee}.hdc-artist-panel{background:#efe1c9;border:1px solid #d5c1a4}.hdc-letters{font-family:Georgia,serif;font-size:20px;line-height:1.65;color:#9e7d5f;word-spacing:6px}.hdc-home-sidebar{padding-top:18px}.hdc-podcast-box,.hdc-search-box,.hdc-legacy-sidebar{background:#fffaf0;border:1px solid var(--hdc-line);border-radius:7px;margin-bottom:18px;overflow:hidden}.hdc-box-title{background:linear-gradient(#c21f24,#a70f14);color:#fff;text-transform:uppercase;text-align:center;font-weight:900;padding:12px}.hdc-box-title.dark{background:#111;text-align:left}.hdc-podcast-box .sidebar-widget,.hdc-legacy-sidebar{padding:18px}.hdc-podcast-box .sidebar-widget .sidebar-widget{padding:0}.hdc-podcast-box img{max-width:100%;height:auto}.hdc-podcast-box .widget-title{display:none}.hdc-search-box form{padding:14px;display:flex}.hdc-search-box input[type=search]{flex:1;border:1px solid #cabaa6;padding:12px}.hdc-search-box input[type=submit]{background:var(--hdc-red);color:#fff;border:0;padding:0 16px;font-weight:800}.hdc-legacy-sidebar{padding:18px}.hdc-legacy-sidebar .widget-title{font-family:Georgia,serif;text-transform:uppercase;font-size:18px;border-bottom:2px solid var(--hdc-red);padding-bottom:8px;margin-bottom:10px}.hdc-cta{background:linear-gradient(90deg,#7b0a0d,#bf141a,#740709);color:#fff}.hdc-cta .hdc-container{min-height:78px;display:flex;align-items:center;gap:18px}.hdc-mini-disc{width:60px;height:60px;flex:0 0 60px}.hdc-cta strong{font-family:Georgia,serif;font-size:20px;flex:1}.hdc-cta a{background:#181818;color:#fff!important;padding:13px 18px;text-transform:uppercase;font-size:12px;font-weight:800;border-radius:3px;text-decoration:none!important}
/* neutralise l'ancienne zone publicitaire sur la nouvelle page d'accueil */
.home .top-ads-wrap{display:none!important}
/* footer */
.footer{background:#0f0f0f;color:#ddd}.footer a{color:#fff}.footer-bot{border-top:1px solid #333}
@media(max-width:1100px){.hdc-header-inner{flex-wrap:wrap;padding:15px 0}.hdc-branding{flex:1}.hdc-nav{order:3;width:100%;flex-basis:100%}.hdc-nav ul{justify-content:flex-start;flex-wrap:wrap}.hdc-hero-wrap,.hdc-main-grid{grid-template-columns:1fr}.hdc-home-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hdc-legacy-sidebar{grid-column:1/-1}.hdc-support-grid,.hdc-cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hdc-container{width:min(100% - 24px,1480px)}.hdc-welcome{font-size:12px}.hdc-socials{display:none}.hdc-header-inner{min-height:auto}.hdc-brand-text strong{font-size:21px}.hdc-brand-text em{font-size:32px}.hdc-logo-disc{width:66px;height:66px;flex-basis:66px}.hdc-logo-disc i{top:29px;left:29px}.hdc-nav{display:none}.hdc-hero{min-height:450px}.hdc-hero-content{left:24px;width:80%}.hdc-hero h1{font-size:38px}.hdc-support-grid,.hdc-cards-grid,.hdc-bottom-grid,.hdc-home-sidebar{grid-template-columns:1fr}.hdc-card-image{height:230px}.hdc-cta .hdc-container{padding:14px 0;flex-wrap:wrap}.hdc-cta strong{font-size:17px;min-width:60%}}

/* ============================================================
   Histoire des Chansons V2 - finition accueil + index artistes
   ============================================================ */
.hdc-v2 .hdc-main-grid{align-items:start}
.hdc-v2 .hdc-card{display:flex;flex-direction:column;height:100%}
.hdc-v2 .hdc-card-body{display:flex;flex-direction:column;flex:1}
.hdc-v2 .hdc-card-body p{min-height:0;margin-bottom:16px}
.hdc-v2 .hdc-card-body .hdc-text-link{margin-top:auto}
.hdc-v2 .hdc-podcast-inner{padding:20px 22px 24px}
.hdc-v2 .hdc-podcast-inner>.sidebar-widget{padding:0;margin:0}
.hdc-v2 .hdc-podcast-inner .textwidget{font-size:16px;line-height:1.45;color:#211d18}
.hdc-v2 .hdc-podcast-inner .textwidget p{margin:0 0 16px}
.hdc-v2 .hdc-podcast-inner img{display:block;max-width:230px;width:100%;height:auto;margin:0 auto 18px}
.hdc-v2 .hdc-podcast-inner .widget-title{display:none!important}
.hdc-v2 .hdc-search-box form{margin:0}
.hdc-artists-box{background:#fffaf0;border:1px solid var(--hdc-line);border-radius:7px;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 8px #0000000c}
.hdc-box-title.artist-title{background:#171310;text-align:left}
.hdc-artists-inner{padding:16px}
#hdc-artist-search{width:100%;border:1px solid #cdbda8;background:#fff;padding:12px 13px;border-radius:4px;font-size:14px;margin-bottom:12px}
.hdc-artist-letter-buttons{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.hdc-artist-letter-buttons button{border:1px solid #d6c7b3;background:#f6ead8;color:#342820;border-radius:3px;min-height:31px;font-family:Georgia,serif;font-weight:700;cursor:pointer;padding:0}
.hdc-artist-letter-buttons button:hover,.hdc-artist-letter-buttons button.active{background:var(--hdc-red);border-color:var(--hdc-red);color:#fff}
.hdc-artist-letter-buttons button:disabled{opacity:.3;cursor:default;background:#eee4d5;color:#897e70}
.hdc-artist-help{font-size:12px;color:#76695d;margin:12px 0 8px}
.hdc-artist-results{max-height:320px;overflow:auto;border-top:1px solid #e1d4c3;padding-top:4px}
.hdc-artist-results a{display:block;padding:8px 7px;border-bottom:1px solid #eee2d2;color:#201c18!important;text-decoration:none!important;font-weight:700;font-size:14px}
.hdc-artist-results a:hover{background:#f3e5d0;color:var(--hdc-red)!important}
.hdc-artist-results a[hidden]{display:none!important}
.hdc-artist-panel{padding:24px 28px;display:block}
.hdc-artist-panel p{margin:5px 0 12px}
.hdc-letters-jump{display:flex;flex-wrap:wrap;gap:5px;word-spacing:0;line-height:1}
.hdc-letters-jump a,.hdc-letters-jump span{width:27px;height:27px;display:grid;place-items:center;border-radius:3px;text-decoration:none!important;font-size:14px}
.hdc-letters-jump a{background:#fff8ec;color:#8d1117!important;border:1px solid #d6bea0;font-weight:700}
.hdc-letters-jump a:hover{background:var(--hdc-red);color:#fff!important}
.hdc-letters-jump span{opacity:.28}
.hdc-v2 .hdc-dark-panel{min-height:210px}
.hdc-v2 .hdc-mic{width:76px;height:76px;display:grid;place-items:center;border:1px solid #6c5b50;border-radius:50%;font-size:42px;flex:0 0 76px}
.hdc-footer{background:#101010!important;color:#d7d0c6;padding-top:42px}
.hdc-footer-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr 1.1fr;gap:42px;padding-bottom:34px}
.hdc-footer-grid>div>strong{display:block;color:#fff;font-family:Georgia,serif;font-size:18px;margin-bottom:12px}
.hdc-footer-grid p{font-size:13px;line-height:1.55;color:#b9b0a7;margin:0}
.hdc-footer-about>strong{font-size:23px!important}
.hdc-footer-menu,.hdc-footer-links{list-style:none;margin:0;padding:0}
.hdc-footer-menu li,.hdc-footer-links li{margin:0 0 7px}
.hdc-footer-menu a,.hdc-footer-links a,.hdc-footer-search{color:#d8cfc5!important;text-decoration:none!important;font-size:13px}
.hdc-footer-menu a:hover,.hdc-footer-links a:hover,.hdc-footer-search:hover{color:#fff!important}
.hdc-footer-widgets{border-top:1px solid #2b2b2b;padding:22px 0}.hdc-footer-widgets .footer-widget{color:#ccc}
.hdc-footer-bottom{border-top:1px solid #2b2b2b;background:#0b0b0b}
.hdc-footer-bottom .hdc-container{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#8f8882}
/* Cache l'ancienne énorme liste d'artistes : elle est remplacée par le nouvel index filtrable. */
.home .hdc-legacy-sidebar{display:none!important}
@media(max-width:1100px){.hdc-footer-grid{grid-template-columns:1fr 1fr}.hdc-v2 .hdc-home-sidebar{display:block}.hdc-artists-box{margin-bottom:18px}}
@media(max-width:700px){.hdc-footer-grid{grid-template-columns:1fr;gap:25px}.hdc-footer-bottom .hdc-container{flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 0}.hdc-artist-letter-buttons{grid-template-columns:repeat(6,1fr)}}

/* V3 - année + résumé éditorial sans fiche technique */
.hdc-card-year,.hdc-featured-year{color:#b31317;font-weight:800;margin:.25rem 0 .55rem;font-size:.95rem;}
.hdc-hero-year{color:#e33a35;font-weight:800;font-size:1.05rem;margin:.15rem 0 .55rem;}


/* V7 - finalisation accueil : podcast, recherche et index artistes compact */
.hdc-v2 .hdc-podcast-box{box-shadow:0 2px 8px #0000000c}
.hdc-v2 .hdc-search-box{box-shadow:0 2px 8px #0000000c}
.hdc-v2 .hdc-home-sidebar{align-self:start}


/* =========================================================
   V10 — Bandeau Actualité musicale
   ========================================================= */
.hdc-news-ticker{
    max-width:1240px;
    margin:18px auto 4px;
    min-height:48px;
    display:flex;
    align-items:stretch;
    overflow:hidden;
    border:1px solid rgba(126,24,32,.18);
    border-radius:12px;
    background:#fffaf0;
    box-shadow:0 6px 18px rgba(41,27,20,.06);
}
.hdc-news-label{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 18px;
    background:#7e1820;
    color:#fff;
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:.06em;
    font-size:13px;
    white-space:nowrap;
    z-index:2;
}
.hdc-news-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 0 4px rgba(255,255,255,.15);
}
.hdc-news-window{
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
    display:flex;
    align-items:center;
}
.hdc-news-track{
    display:flex;
    align-items:center;
    width:max-content;
    min-width:100%;
    white-space:nowrap;
    animation:hdc-news-scroll 42s linear infinite;
    will-change:transform;
}
.hdc-news-ticker:hover .hdc-news-track,
.hdc-news-ticker:focus-within .hdc-news-track{
    animation-play-state:paused;
}
.hdc-news-item{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:0 18px;
    min-height:46px;
    color:#27201d;
    text-decoration:none;
    font-size:14px;
}
.hdc-news-item:hover strong{
    color:#7e1820;
    text-decoration:underline;
}
.hdc-news-source{
    color:#7e1820;
    font-size:12px;
    font-weight:700;
}
.hdc-news-sep{
    color:#c3a998;
}
@keyframes hdc-news-scroll{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
    .hdc-news-track{ animation:none; overflow-x:auto; }
}
@media (max-width:760px){
    .hdc-news-ticker{
        margin:10px 12px 2px;
        border-radius:10px;
        display:block;
    }
    .hdc-news-label{
        min-height:34px;
        justify-content:center;
    }
    .hdc-news-item{ font-size:13px; }
}

.hdc-footer-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hdc-footer-legal a:hover{opacity:.8}


/* =========================================================
   V15 — FICHE CHANSON
   ========================================================= */
.hdc-single-page{background:#f5efe3;padding:28px 18px 70px;color:#28221e}
.hdc-single-shell{max-width:1120px;margin:0 auto}
.hdc-single-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;font-size:13px;color:#7c7068}
.hdc-single-breadcrumb a{color:#7e1820;text-decoration:none;font-weight:700}
.hdc-song-article{background:#fffdf8;border:1px solid rgba(90,55,40,.12);border-radius:20px;box-shadow:0 14px 40px rgba(55,35,25,.08);overflow:hidden}
.hdc-song-hero{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:44px;align-items:center;padding:38px;background:linear-gradient(135deg,#fffaf0,#efe3d0)}
.hdc-song-cover{position:relative}
.hdc-song-cover-img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;border-radius:12px;box-shadow:0 16px 30px rgba(20,15,12,.20);background:#fff}
.hdc-song-cover-placeholder{aspect-ratio:1/1;display:grid;place-items:center;font-size:80px;background:#29231f;color:#fff;border-radius:12px}
.hdc-song-artist{font-size:14px;line-height:1;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#7e1820;margin-bottom:12px}
.hdc-song-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5vw,66px);line-height:.98;margin:0;color:#1d1916}
.hdc-song-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;align-items:center}
.hdc-song-year{display:inline-grid;place-items:center;min-width:72px;padding:10px 14px;background:#7e1820;color:#fff;border-radius:999px;font-weight:900;font-size:18px}
.hdc-song-chip{padding:9px 13px;border:1px solid #cbb8a7;border-radius:999px;text-decoration:none;color:#4b3d35;background:rgba(255,255,255,.7);font-weight:700;font-size:13px}
.hdc-song-artists-links{margin-top:22px;font-size:13px;color:#76685f}
.hdc-song-artists-links span{font-weight:700}
.hdc-song-artists-links a{color:#7e1820;margin-left:7px;font-weight:800;text-decoration:none}
.hdc-song-facts,.hdc-song-story{padding:42px 46px;border-top:1px solid rgba(90,55,40,.10)}
.hdc-song-story{background:#fff}
.hdc-section-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900;color:#9c2f35;margin-bottom:7px}
.hdc-song-facts h2,.hdc-song-story h2,.hdc-related h2{font-family:Georgia,'Times New Roman',serif;font-size:32px;line-height:1.1;margin:0 0 26px;color:#211b18}
.hdc-song-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin:0}
.hdc-song-fact{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #eadfd4}
.hdc-song-fact dt{font-weight:900;color:#7e1820}
.hdc-song-fact dd{margin:0;color:#3a322d;line-height:1.55}
.hdc-song-story-content{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.86;color:#322a25;max-width:820px}
.hdc-song-story-content p{margin:0 0 1.35em}
.hdc-song-story-content h2,.hdc-song-story-content h3{font-family:Georgia,'Times New Roman',serif;color:#211b18;margin-top:1.6em}
.hdc-song-story-content img{max-width:100%;height:auto;border-radius:10px}
.hdc-song-story-content iframe,.hdc-song-story-content video{max-width:100%}
.hdc-song-footer{display:flex;justify-content:space-between;gap:15px;padding:24px 46px;background:#28221e}
.hdc-song-footer a{color:#fff;text-decoration:none;font-weight:800}
.hdc-song-footer a:hover{text-decoration:underline}
.hdc-related{margin-top:34px}
.hdc-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hdc-related-card{display:block;background:#fffdf8;border-radius:14px;overflow:hidden;text-decoration:none;color:#251f1b;box-shadow:0 8px 22px rgba(55,35,25,.08)}
.hdc-related-image{aspect-ratio:16/10;overflow:hidden;background:#e6dacd}
.hdc-related-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.hdc-related-card:hover .hdc-related-image img{transform:scale(1.04)}
.hdc-related-body{padding:18px}
.hdc-related-body strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.25}
.hdc-related-body span{display:block;margin-top:10px;color:#7e1820;font-weight:800;font-size:13px}
@media(max-width:850px){
  .hdc-song-hero{grid-template-columns:1fr;gap:25px;padding:24px}
  .hdc-song-cover{max-width:430px;margin:0 auto;width:100%}
  .hdc-song-facts,.hdc-song-story{padding:30px 24px}
  .hdc-song-facts-grid{grid-template-columns:1fr}
  .hdc-related-grid{grid-template-columns:1fr}
  .hdc-song-footer{padding:22px 24px;flex-direction:column}
}
@media(max-width:520px){
  .hdc-single-page{padding:16px 10px 45px}
  .hdc-song-title{font-size:38px}
  .hdc-song-fact{grid-template-columns:1fr;gap:4px}
  .hdc-song-story-content{font-size:17px;line-height:1.75}
}

/* V15.1 : Paroles et musique reste un libellé unique rouge dans la fiche technique. */


/* V15.4 — Fiche technique : UN élément par ligne.
   Tous les intitulés (Chant, Orchestre, Guitare, Basse, Batterie,
   Ingénieur du son, Producteur, Photographe, etc.) sont rouges. */
.hdc-song-facts-grid{
    display:block;
    margin:0;
}
.hdc-song-fact{
    display:grid;
    grid-template-columns:minmax(170px,230px) 1fr;
    gap:20px;
    width:100%;
    padding:12px 0;
    border-bottom:1px solid #eadfd4;
}
.hdc-song-fact dt{
    color:#7e1820 !important;
    font-weight:900;
}
.hdc-song-fact dd{
    margin:0;
}
@media(max-width:600px){
    .hdc-song-fact{
        grid-template-columns:1fr;
        gap:3px;
    }
}


/* V15.5 — Présentation stricte demandée pour la fiche technique */
.hdc-song-fact{
    display:grid;
    grid-template-columns:minmax(190px,260px) 1fr;
    align-items:start;
    gap:16px;
}
.hdc-song-fact dt{
    color:#7e1820 !important;
    font-weight:900;
}
.hdc-song-fact dt::after{
    content:" :";
}
.hdc-song-fact dd{
    color:#2f2925;
    margin:0;
}
@media(max-width:600px){
    .hdc-song-fact{
        grid-template-columns:1fr;
        gap:2px;
    }
}


/* V15.7 — En-tête du récit : Les coulisses + titre, même rouge */
.hdc-story-kicker{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:8px;
    margin-bottom:20px;
    color:#9c2f35;
}
.hdc-story-song-title{
    color:inherit;
    font-weight:900;
}
.hdc-story-song-title::before{
    content:"— ";
}

/* V15.8 */
.hdc-story-song-title::before{content:none !important;}