body{font-family: 'Open Sans', sans-serif;}
a, a:hover, a:focus, a:active{text-decoration:none;color: #B60000;}

a.btn-dtl:hover, a.btn-dtl:focus, a.btn-dtl:active{background-color: #CF9C51; color: #ffffff;}

.header-top{background-color: #b60000;}

.header-main{background-color: #333333;}

.head-title{background-color: lightgray;}
.head-title h2{font-family: 'Oswald', sans-serif;text-transform: uppercase;font-size: 4rem;font-weight: 500;}

.footer{padding: 50px 0 50px 0; background-color: #333333; color: #ffffff;}
.footer ul{padding:0; list-style-type: none;}
.logo-footer{max-height:200px;}
.bloc-partenaire img{max-height: 50px;margin: 10px 0;}
.bloc-partenaire li{display: block;}
/*.footer img{height: 30px; width: auto; padding: 0 10px;}*/

.copy{text-align: center; padding:10px 0; background-color:#DDDDDD;}

.bg-accueil {background-color:#DBB57D}
.btn-dtl {border-radius: 20px;padding: 10px 20px;border: 1px solid #CF9C51;text-transform: uppercase;color: #CF9C51;}
.pas-submit button{border-radius: 20px !important;padding: 10px 20px !important;border: 1px solid #CF9C51 !important;text-transform: uppercase !important;color: #CF9C51 !important;}

.bloc-newsletter{background-color:#CF9C51;color:#ffffff;margin:50px 0 0 0;}
.bloc-newsletter h3{border-bottom: 2px dotted #ffffff;}
#bloc-newsletter body form section div a.pas-image{display: none !important;}

.menu li .nav-link{color:#333333;font-family: 'Barlow Semi Condensed', sans-serif; font-weight:400; font-size: 1.5rem;}

h1, h2, h3, h4 {font-family: 'Barlow Semi Condensed', sans-serif; text-transform: uppercase;}

h3{font-size: 1.6rem;}
.titre-souligne{border-bottom: 2px dotted #CF9C51;}


.morceaux-liste li {display: flex; align-items: center; gap: 10px; border-bottom: 1px dotted #ccc; padding: 5px 0;}
.morceaux-liste li:last-child {border: none;}
.bouton-play {display: inline-block;width: 20px;height: 20px;background: #fff;border: 1px solid #cc3333;border-radius: 50%;position: relative;flex-shrink: 0;}
.bouton-play::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-40%, -50%); width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 8px solid #cc3333;}
.aff-concert {  max-width: 400px;width: 100%;height: auto;}


.social-menu {}
.social-menu img {height: 25px; width: auto;}
.social-menu li { margin: 0 10px 0 0;}
.social-menu li a {border-radius: 8px; background-color: #666666;}
.social-menu li a.icon-fb:hover{background-color: #0866ff;}
.social-menu li a.icon-ig:hover{background-color: #ff008b;}
.social-menu li a.icon-yt:hover{background-color: #ff0033;}

.btn-submit {
  --bs-btn-color: #fff;
  --bs-btn-bg: #CF9C51;
  --bs-btn-border-color: #CF9C51;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E0B063;
  --bs-btn-hover-border-color: #CF9C51;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #CF9C51;
  --bs-btn-disabled-border-color: #CF9C51;
  border-radius: 20px;
}

#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f5f5f5;
  color: #333;
  padding: 10px 20px;
  font-family: sans-serif;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
  text-align:center;
}

#cookie-banner p {display : inline-block;}

footer .footer a {color:#fff; text-decoration: underline dotted; text-underline-offset: 5px;}

@media (max-width: 768px) {
ul.navbar-nav li{border-bottom: 1px solid #eeeeee;}
ul.navbar-nav li:last-child{border-bottom: none;}
}