/* Theme Name: Dour Festival 2022
Author: Eva Maréchal
Author URI: https://entreprise.studio
Description: Dour festival 2022
Version: 1.0
@charset "UTF-8";

*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}


@font-face {
  font-family: "Cormorant";
  src: url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
}


@font-face {
  font-family: "Belleza";
  src: url('/fonts/Belleza-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}



/* ========================================== V2 2021 ============================================ */





.partenaires-wrapper {
  width: 100vw;
}

.historique-wrapper {
  width: 100vw;
}

.pc-wrapper {
  width: 100vw;
}


.title-wrapper {
  width: 35vw;
  margin-right: 15px;
}

.content-wrapper {
width: 65vw;
}

.page-content {
  display : flex} 

  .page-content-bis {
    /* display: flex; */
     border: 0px solid #FFF;
     border-top: 0px;
     background-color: #df6c95;
     padding: 2em;
     line-height: 1.5em;
     color: #FFF;
   }
   
   
   
   .page-content-bis h1 {
     font-size: 2.75em;
     color: #fff;
     margin: 0.5em 0;
     line-height: 1em;
   }
   
   .page-content-bis h2 {
     font-size: 1.4em;
     color: #fff;
     margin: 0.5em 0 0.3em;
     line-height: 1em;
   }
   
   .page-content-bis p {
     margin-bottom: 0.5em;
     font-weight: bold;
   }
   
   /* .page-content-bis b,
   .page-content-bis strong {
     font-weight: bold;
   }  */
   
   .page-content-bis a {
     color: #fff;
   }
   
   .page-content-bis ul {
     padding-left: 2em;
   }
   
   .page-content-bis ul li {
     list-style-type: circle;
   }
   
   .page-content-bis .btn {
     margin: 1em auto 1em 0;
   }


 
.col-md-4 {
  padding-right: 0px;
  padding-left: 0px;
}



.container-fluid {
  padding-right: 0px;
  padding-left: 0px;

}

.col-md-6 {
  padding-right: 0px;

  padding-left: 0px;
}

 .scrolling-banner {
  text-align:center;
  font-size: 1.6em;
  font-family: 'Belleza', sans-serif;
  color: #FFF;
  font-weight: 500;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 100vw;  
  max-width: 100%;
  height: 70px;

  background-color: #df6c95;
  overflow: hidden;
  color :#FFF;
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
  
} 


.banner {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 48s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.banner:hover {
  animation-play-state: paused
}




.banner a {
 color : white;
 text-decoration: none;
}






/* ========================================== CONFIG ============================================ */

#wpadminbar {
  z-index: 99999999999999;
}

img {
  max-width: 100%;
  height: auto;
}

.container {
  position: relative;
  z-index: 3;
}

.btn {
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #FFF;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #FFF;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.btn a {
  position: relative;
  display: block;
  z-index: 3;
  border: none;
  color: #a170b1;
  font-weight: 900;
  font-size: 0.875em;
  padding: 1em 2em;
  text-transform: uppercase;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.btn a i {
  display: inline-block;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  margin-left: 1em;
}

.btn:hover a {
  color: #a170b1;
  text-decoration: none;
}

.btn:hover a i {
  transform: rotate(180deg);
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.btn:hover:before {
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  width: 100%;
}

.btn__little {
  border: none;
}

.btn__little a {
  border: none;
}

body {
  font-family: 'Belleza', sans-serif;
  font-size: 18px;
  position: relative;
  font-weight: 500;

}

h1 {
  font-family: 'Belleza', sans-serif;
  position: relative;
}

.barba-wrapper {
  position: relative;
  z-index: 9;
}

.main {
  background-image: url(img/backgroundV2.jpg);
  background-size: 100%;


}






/* ========================================== HEADER/MENU ============================================ */

header {
  font-family: 'Belleza', sans-serif;
  padding: 1em;
  padding-left: 8em;
  padding-right: 8em;
  color: #FFFFFF;
  position: relative;
  z-index: 999999;
  font-size: 1.3em;
}

header a {
  color: #FFFFFF;
}

header h1 {
  float: left;
}

header .menuright {
  float: right;
}

header:after {
  content: "";
  display: table;
  clear: both;
}

header .menutop {
  text-align: right;
  /* font-size: 1.3em; */
}

header .menutop ul {
  display: inline-block;
}

/* 
header .menutop ul:before {
  content: "";
  width: 32px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
} */

header .menutop ul li {
  display: inline-block;
}

header .hashtag {
  margin-right: 0em;
  font-weight: 500;
  letter-spacing: 0.1em;
}

header .hashtag:after {
  margin-left: 1em;
  content: "";
  display: inline-block;
  position: relative;
  bottom: 0.3em;
  width: 180px;
  height: 0.5px;
  background-color: #FFF;
  z-index: 1;
}

/* Social Icons */

header .social a {
  text-decoration : none;
  display: block;
  margin: 0 0.5em;
}

header .social a:hover {
  color: #eb776d;
text-decoration : none;
}

/* Language chooser */

header .language-chooser a {
  display: block;
  margin: 0 0.1em;
  font-weight: 700;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  text-decoration: none;
  text-transform: uppercase;
}

header .language-chooser a:hover {
  color: #eb776d;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}


header .language-chooser .active+li a {
  color: #eb776d;
}

header nav {
  text-align: right;
  margin-top: 0.9em;
}

header nav li {
  display: inline-block;
  margin-left: 1em;
}

header nav li a {
  font-size: 0.9em;
  /* Size */

  margin-top: 1em;
  display: block;
  font-weight: 700;
  position: relative;

  padding: 8px 16px 8px 16px;
  border: 1px solid white;


}

header nav li a:hover {
  text-decoration: none;
  color: #FFF;

}

/* ==================== New animation ========================== */

header nav li a:hover {
  padding: 8px 16px 8px 16px;
  border: 1px solid #eb776d;
  color: #eb776d;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}


header .sub-menu li a:hover {
  font-size: 0.9em;
  padding: 8px 16px 8px 16px;
  border: none;
  color: #eb776d;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}


/* header nav li #menu-item-11783 {
  background-image: url(img/tickets.png);

} 



 header nav li #menu-item-11783:hover {
  border : none;
  border : 1px dotted white;
  
  border-radius: 100%;
  padding : 5px 5px 5px 5px;
}  */


/* ==================== Old animation ========================== */

/* header nav li a:hover:before {
  width: 100%;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

header nav li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #FFF;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  z-index: 1;
} */


/* ==================== "Tickets" star ========================== */


header nav #menu-item-11783 {
  background-image: url(img/tickets.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  margin-right: 3px;
  margin-bottom: 1.1em;
  padding: 1px;
  padding-bottom: 0.5em;
}

header.cloned nav #menu-item-11783 {
  background-image: none;
  margin-bottom: 0em;
}

header.cloned nav #menu-item-11783:hover {
  background-image: none;
  margin-bottom: 0em;
}



header nav #menu-item-11783:hover {
  background-image: url(img/ticketshover.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
}

header #menu-item-11783 a {
  border: none;
  padding: 15px;
  margin-right: 2px;
  margin-bottom: 1em;
}

header.cloned #menu-item-11783 a {
  padding: 0;
  margin-bottom: 0;
}



header nav .cloned #menu-item-11783:hover {
  background-image: none;


}



header nav .current-menu-item:hover,
header nav .current-page-ancestor:hover {
  background-position: center 60px;
  -moz-transition: 700ms;
  -o-transition: 700ms;
  -webkit-transition: 700ms;
  transition: 700ms;
}

header nav .sub-menu .current-menu-item,
header nav .sub-menu .current-page-ancestor {
  background: none;
}

header nav .sub-menu .current-menu-item a,
header nav .sub-menu .current-page-ancestor a {
  color: #fff;
}

header nav .current-menu-item.ticket,
header nav .current-menu-item.menu-item-9605,
header nav .current-menu-item.menu-item-9905 {
  background-image: none;
}

header nav .ticket a,
header nav .menu-item-9605 a,
header nav .menu-item-9905 a {
  border: 1px solid #FFFFFF;
  font-size: 0.875em;
  text-transform: uppercase;
  padding: 1em 2em;
  position: relative;
  z-index: 4;
  display: block;
  letter-spacing: 0.125em;
  margin-right: 0;
  color: #FFF;
}



header nav .ticket a:hover,
header nav .menu-item-9605 a:hover,
header nav .menu-item-9905 a:hover {
  border: 1px solid #FFFFFF;
  color: #FFF;
}




header nav .ticket a:hover span,
header nav .menu-item-9605 a:hover span,
header nav .menu-item-9905 a:hover span {
  color: #FFF;
}



header nav .ticket a:before {
  top: 0;
  height: 100%;
}



header nav .ticket a:before,
header nav .menu-item-9605 a:before,
header nav .menu-item-9905 a:before {
  top: 0;
  height: 100%;
}



header nav .ticket a span {
  display: block;
  z-index: 4;
  position: relative;
}


header nav .ticket a span,
header nav .menu-item-9605 a span,
header nav .menu-item-9905 a span {
  display: block;
  z-index: 4;
  position: relative;
}



header nav ul>li {
  position: relative;
}

header nav ul>li:hover .sub-menu {
  display: block;
}

header nav ul>li:hover .sub-menu a:before {
  display: none;
}

/* ==================== Sub-menu ========================== */

header .sub-menu {
  font-size : 0.8em;
  background-color:  #a170b1 ;
  border: none;
  display: none;
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;

  z-index: 999;
}


header .sub-menu li {
  display: block;
  margin: 0;

}

header .sub-menu li a {
  border: none;
  display: block;
  color: #FFF;
  font-size: 0.9em;
  margin: 0em;
}

/* ==================== Cloned-Header ========================== */


header.cloned {
  background-color: #df6c95;
  padding: 0.5em 0.5em 0.5em 0.5em;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  top: -150px;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 0;

  font-size: 1em;

}


header.cloned.visible {
  display: block;
  top: 0;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 1;


}

header.cloned .menutop {
  display: none;
}


header.cloned nav {
  margin: 0;
}

header.cloned h1 img {
  width: 60px;
  border: none;
}


header.cloned h1 {
  border: none;
}

header.cloned .sub-menu {
  background-color: #df6c95;
}



header.cloned nav li a {
  margin: 0em;
  border: 0px;
}









/* ========================================== HOME PAGE ============================================ */

/* ==================== Hero Section ========================== */


.hero {
  clear: both;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 30px;
  height: 45vh;
  position: relative;
  z-index: 9;
}

.hero h1 {
  position: relative;
  z-index: 5;
}

.hero .sun {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -207px;
  margin-top: -207px;
  z-index: 1;
}

.hero .cloud {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -188px;
  margin-top: 120px;
  z-index: 2;
}

/* ==================== Blocks Section ========================== */


.blocks .row {
  align-items: stretch;
}

.block {
  margin-bottom: 0px;

}

.block a {
  background-size: cover;
  background-position: center center;
  width: 100%;
  text-align: center;
  padding: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6em 2em;
  transition: 500ms;
  background-size: cover;
  border: 0px solid #FFF;
  height: 350px;

}

.block a {
  opacity: 8 0%;
}

.block a:hover {
  text-decoration: none;
  transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;

}

.block a:hover:after {
  opacity: 1;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  border: 0px solid #FFF;
}

.block a:after {
  content: "";
  opacity: 20%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0;
  bottom: 0;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.block h2 {
  position: relative;
  z-index: 2;
  font-size: 2.2em;
  font-family: 'Belleza', sans-serif;
  color: #FFF;
  font-weight: 500;
}

.block h2 { 
  padding-top : 2%;
  padding-bottom : 2%;
  padding-left: 10%;
  padding-right: 10%;
margin-left : 10%;
margin-right : 10%}

.block:nth-child(4n+1) h2 {
  background-color: #eb776d;
 
}

.block:nth-child(4n+2) h2 {
  background-color: #df6c95
}

.block:nth-child(4n+3) h2 {
  background-color: #a170b1;
}

.block:nth-child(4n+4) h2 {
  background-color: #62bdc1;
}

.block:nth-child(4n+1) a:after {
  background-color: #eb776d;

}

.block:nth-child(4n+1) a:hover h2 {
  color: #FFF;
}

.block:nth-child(4n+2) a:after {
  background-color: #df6c95;
}

.block:nth-child(4n+2) a:hover h2 {
  color: #FFF;
}

.block:nth-child(4n+3) a:after {
  background-color: #a170b1;
}

.block:nth-child(4n+3) a:hover h2 {
  color: #FFF;
}

.block:nth-child(4n+4) a:after {
  background-color: #62bdc1;
}

.block:nth-child(4n+4) a:hover h2 {
  color: #FFF;
}

.block.news:after {
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  opacity: 0.85;
}

.block.news:before {
  content: "News";
  position: absolute;
  top: 1em;
  left: 15px;
  right: 15px;
  text-align: center;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #FFF;
  z-index: 3;
}

.block.news a {
  display: flex;
}

.block.news h2 {
  background: none;
  color: #F8E04A;
  font-size: 1.875em;
}


/* ==================== Vidéo Section ========================== */


.videocontainer {
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  overflow: hidden;
  position: relative;
  border: 0px solid #FFF;
}

.videocontainer iframe,
.videocontainer embed,
.videocontainer object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.video {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* ==================== Line-up section ========================== */

.lineuphome__content {
  background-color: #FFF;

  /* background: url(img/bg-home-bloc-2.jpg) no-repeat; 
  width: 100%;
  background-size: 100%;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  */

  color: #FFF;
  padding: 6em 2em;
  margin-bottom: 20px;
  text-align: center;
}

.lineuphome h1 {
  font-size: 2.75em;
  text-align: center;
  font-weight: 700;
  color: white;
  margin-bottom: 10px;
}

.lineuphome ul {
  padding: 0.5em 0;
}

.lineuphome ul li {
  display: inline-block;
  /*margin: 0.5em 0; */

}

.lineuphome ul li:after {
  content: " . ";
  font-size: 2.125em;
  color: #FFF;
}

.lineuphome ul li:last-child:after {
  content: "";
}

.lineuphome ul li a {
  color: white;

  font-size: 1.33em;
  font-weight: 700;
}

.lineuphome ul li a:hover {
  color: #FFF;
  text-decoration: none;
}

.lineuphome .btn {
  border: 0px solid #FFF;
  margin-top: 10px;
}

.lineuphome .btn a {
  color: white;
}

.lineuphome .btn:before {
  background-color: #a170b1;
}

.lineuphome .btn:hover a {
  background-color: white;
  color: #000;
}


/* ==================== Newsletter section ========================== */


.newsletter {
  padding: 6em 0;
}

.newsletter h1 {
  font-size: 2em;
  font-style: italic;
  color: #FFF;
  font-weight: 900;
  text-align: center;
}

.newsletter input {
  border: 0px solid #FFF;
  padding: 0.8em;
}

.newsletter input[type="submit"] {
  background-color: #a170b1;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 900;
  cursor: pointer;
}

.newsletter input[type="submit"]:hover {
  background-color: #eb776d;
  color: #FFF;
}

.newsletter form {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5em 0;
}


/* ==================== Footer section ========================== */


.footer {
  z-index: 3;
  position: relative;
  padding-left: 8em;
  padding-right: 8em;
}

.footer__content {
  padding: 4em 0;
}

.footer .partners h1 {
  display: none;
}

.footer .partners a {
  color: white;
}

.footer .partners>.row {
  justify-content: space-between;
  display: block;
  text-align: center;
}

.footer .partners>.row .col-md-2 {
  flex: none;
  max-width: 10.5%;
  display: inline-block;
  vertical-align: middle;
}

/* ==================== Partners section ========================== */


.partners {
  padding: 4em 0;
  border-bottom: 2px solid #fff;
}

.partners .row {
  align-items: center;
}

.partners .row li {
  text-align: center;
}

.partners .row img {
  max-width: 100px;
  height: auto;
  max-height: 60px;
}

.partners .btn {
  margin: 1em auto;
}

/* ==================== Footer ========================== */



.footer__menu {
  font-size: 0.875em;
  line-height: 2em;
  color: #FFF;
}

.footer__menu a {
  color: #FFF;
  font-weight: 800;
  position: relative;
}

.footer__menu a:before {
  content: "\f06e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0px;
  color: #FFF;
  opacity: 0;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.footer__menu a:hover {
  color: #FFF;
  text-decoration: none;
}

.footer__menu a:hover:before {
  left: -20px;
  opacity: 1;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.footer__menu .menu-menu-footer-container>ul {
  display: flex;
  justify-content: space-between;
}

.footer__menu .menu-menu-footer-container>ul>li>a {
  text-transform: uppercase;
  font-weight: 900;
}

.foot {
  color: #FFF;
  padding: 1em;
  text-align: center;
  font-size: 0.875em;
}

.foot a {
  color: #FFF;
}




/* ==================== Plus section ========================== */


.plus {
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.875em;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  font-weight: 700;
}

.plus i {
  display: block;
}

.plus:hover {
  color: #FFF;
  text-decoration: none;
}

.plus:hover i {
  transform: rotate(180deg);
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

/* ==================== Hero Section ========================== */


.hero-page {
  clear: both;
  /* margin-top: 2em; */
  position: relative;
  z-index: 3;
}

.hero-page__content {
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8em 0;
  position: relative;
}

.hero-page .copyright {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.875em;
  color: #FFF;
  background-color: #000;
  padding: 0.3em 0.5em;
}

.hero-page h1 {
  text-transform: uppercase;
  font-size: 2.75em;
  padding: 0.3em 0.5em;
  font-weight: 900;
  color: #FFF;
  background: #62bdc1;
  text-align: center;
  /*rgb(161, 112, 177, 0.8);*/
}






/* ========================================== SINGLE PAGE ============================================ */




.page-content {
 /* display: flex; */
  border: 0px solid #FFF;
  border-top: 0px;
  background-color: #df6c95;
  padding: 2em;
  line-height: 1.5em;
  color: #FFF;
}



.page-content h1 {
  font-size: 2.75em;
  color: #fff;
  margin: 0 0 0;
  line-height: 1em;
}

.page-content h2 {
  font-size: 1.4em;
  color: #fff;
  margin: 0.5em 0 0.3em;
  line-height: 1em;
}

.page-content p {
  margin-bottom: 0.5em;
}

.page-content b,
.page-content strong {
  font-weight: bold;
}  

.page-content a {
  color: #fff;
  font-weight: bolder;
}

.page-content ul {
  padding-left: 2em;
}

.page-content ul li {
  list-style-type: circle;
}

.page-content .btn {
  margin: 1em auto 1em 0;
}



/* ==================== List section ========================== */

.list {
  margin-top: 0px;
}

.list__item {
  background-color: #FFF;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list__item__content {
  padding: 3em;
  line-height: 1.5em;
}

.list__item__content h2 {
  font-size: 2.75em;
  font-weight: 900;
  margin-bottom: 0.6em;
  line-height: 1em;
}

.list__item__content .btn {
  margin: 1em auto 0 0;
}

.list .list__item {
  font-weight: 500;
}

.list .list__item:nth-child(even) .list__item__content {
  order: 2;
}

.list .list__item:nth-child(even) img {
  order: 1;
}

.list img {
  width: 50%;
}

.capacity {
  font-weight: 900;
  display: block;
}

.list__item:nth-child(4n+1) {
  color: #FFF;
  background-color: #a170b1;
  border: 0px solid white;
}

.list__item:nth-child(4n+1) h2 {
  color: #FFF;
  ;
}

.list__item:nth-child(4n+1) .btn {
  border-color: #FFF;
  ;
}

.list__item:nth-child(4n+1) .btn a {
  color: #FFF;
  ;
}

.list__item:nth-child(4n+1) .btn a:hover {
  color: #a170b1
}

.list__item:nth-child(4n+1) .btn:before {
  background-color: #FFF;
  ;
}

.list__item:nth-child(4n+2) {
  color: #FFF;
  background-color: #df6c95;
  border: 0px solid white;
}

.list__item:nth-child(4n+2) h2 {
  color: #FFF;
}

.list__item:nth-child(4n+2) .btn {
  border-color: #FFF;
}

.list__item:nth-child(4n+2) .btn a {
  color: #FFF;
}

.list__item:nth-child(4n+2) .btn a:hover {
  color: #df6c95;
}

.list__item:nth-child(4n+2) .btn:before {
  background-color: #FFF;
}

.list__item:nth-child(4n+3) {
  color: #FFF;
  background-color: #62bdc2;
  border: 0px solid white;
}

.list__item:nth-child(4n+3) h2 {
  color: #FFF;
}

.list__item:nth-child(4n+3) .btn {
  border-color: #fff;
}

.list__item:nth-child(4n+3) .btn a {
  color: #FFF;
}

.list__item:nth-child(4n+3) .btn a:hover {
  color: #62bdc2;
}

.list__item:nth-child(4n+3) .btn:before {
  background-color: #FFF;
}

.list__item:nth-child(4n+4) {
  color: #FFF;
  background-color: #eb776d;
  border: 0px solid white;
}

.list__item:nth-child(4n+4) h2 {
  color: #FFF;
}

.list__item:nth-child(4n+4) .btn {
  border-color: #FFF;
}

.list__item:nth-child(4n+4) .btn a {
  color: #FFF;
}

.list__item:nth-child(4n+4) .btn a:hover {
  color: #eb776d;
}

.list__item:nth-child(4n+4) .btn:before {
  background-color: #FFF;
}


/* ==================== Artists section ========================== */


.artist h1 {
  font-size: 2.625em;
  font-weight: 900;
  text-align: center;
}

.artist h2 {
  font-size: 1.75em;
  font-weight: 900;
  color: #fff;
  margin-bottom: 0.5em;
}

.artist_ss_name span {
  font-size: 1.75em !important;
}


.artist__hero {
  position: relative;
}

.artist__hero .containerimg {
  border: 0px solid white;
  height: 0;
  padding-bottom: 36%;
  overflow: hidden;
  position: relative;

}

.artist__hero img {
  width: 100%;
  display: block;
  position: absolute;
  top: -35%;
  right: 0;
  left: 0;
  bottom: 0;
}

.artist__name {
  color: #FFF;
  padding: 1em;
  border: 0px solid white;
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.artist__name h1 span {
  color: #FFF;
  display: block;
  font-size: 0.5em;
  
}

.artist__name span {
  padding-top: 8px;
  color: #FFF; 
  text-align: center;
}

.artist__practical {
  display: none;
  /* Enlève le carré de couleur */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.artist__practical span {
  display: block;
}

.artist .align {
  align-items: center;
}

.artist .no-gutters>.col,
.artist .no-gutters>[class*=col-] {
  padding-right: 1em;
  padding-left: 1em;
  padding: 1em 3em;
}

.artist .jour {
  color: #FFF;
  text-transform: none;
  font-weight: 500;
  margin-bottom: 0.3em;
  font-size: 1.375em;
}

.artist .scene {
  font-weight: 400;
  color: #fff;
 font-size: 1.375em;
}

.artist .video {
  margin-bottom: 0;
}

.artist .lineup {
  background-color: #62bdc1;
  border: 0px solid white;
}

.artist .lineup h2 {
  text-align: center;
  padding: 0.5em 0 0 0;
  color: #FFF;
}

.artist .lineup .listartist {
  background-color: #eb776d;
}

.artist .lineup .listartist li {
  border: 0;
}

.artist .byday {
  padding: 4em 3em;

}

.artist .byday h2 {
  text-align: center;
}


.social-artist {

  position: absolute;
    right: 0;
    width: 50px;
    top: 0;
    background-color: #62bdc1;
    padding: 10px 0;
  
}

.social-artist li {
  display: block;
  text-align: center;
}

.social-artist li a {
  color: #FFF;
  padding: 0.5em;
  font-size: 1.375em;
  display: block;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.social-artist li a i {
  color: #FFF;
}

.social-artist li a:hover {
  color: FFF;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.artist .artist__info {
  color : white;
  background-color: #df6c95;
  line-height: 1.5em;
  position: relative;
}

.artist .artist__info [class*=col-] {
  padding: 3em;
}

.artist .artist__info h2 {
  font-size: 1.75em;
}

.artist .artist__info a {
  color: #FFF;
}

.artist .artist__info p {
  color: #FFF;
}




.lineup .listartist {
  background-color: none;
}

.lineup .listartist li {
  background-size: 120%;
  background-position: center center;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.lineup .listartist li:hover {
  background-size: 140%;
  -moz-transition: 1000ms;
  -o-transition: 1000ms;
  -webkit-transition: 1000ms;
  transition: 1000ms;
  border-color: #eb776d;
}

.lineup .listartist li:nth-child(4n+1) .band {
  background-color: #a170b1;
  color: #FFF;
}

.lineup .listartist li:nth-child(4n+1) .place {
  background-color: #a170b1;
  color: #FFF;
}

.lineup .listartist li:nth-child(4n+2) .band {
  background-color: #df6c95;
}

.lineup .listartist li:nth-child(4n+2) .place {
  background-color: #df6c95;
  color: #FFF;
}

.lineup .listartist li:nth-child(4n+3) .band {
  background-color: #62bdc1;
}

.lineup .listartist li:nth-child(4n+3) .place {
  background-color: #62bdc1;
  color: #FFF;
}

.lineup .listartist li:nth-child(4n+4) .band {
  background-color: #eb776d;
  color: #FFF;
}

.lineup .listartist h3 {
  height: 0;
  padding-bottom: 56.25%;
  display: block;
  overflow: hidden;
  position: relative;
  font-size: 2.25em;
}

.lineup .listartist h3 a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lineup .listartist h3 .band {
  position: absolute;
  left: 10px;
  bottom: 10px;
  text-transform: none;
  color: #FFF;
  font-weight: 900;
  background-color: #a170b1;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  padding: 0.3em 1em;
}

.lineup .listartist h3 .band small {
  font-size: 0.5em;
  line-height: 1em;
  display: block;
  font-weight: 600;
}

.lineup .listartist h3 .place {
  position: absolute;
  left: 10px;
  bottom: -100px;
  background-color: #a170b1;
  color: #FFF;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  padding: 0.5em;
  font-size: 0.4em;
  font-weight: 600;
}

.lineup .listartist h3:hover .place {
  bottom: 10px;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.lineup .listartist h3:hover .band {
  bottom: 44px;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.lineup .listartist .col-md-4 h3 {
  font-size: 1.75em;
}

.lineup .listartist .col-md-4 h3:hover .band {
  bottom: 42px;
}

.lineup .listartist .col-md-4 .place {
  font-size: 0.5em;
}

.lineup .listartist .col-md-3 h3 {
  font-size: 1.25em;
}

.lineup .listartist .col-md-3 .place {
  font-size: 0.6em;
}

/* ==================== Filtre section ========================== */



.filtre ul {
	height : 65px;
  background-color: #a170b1;
  display: flex;
  padding: 0 1em;
  align-items: center;
  justify-content: space-around;
	overflow: hidden;
}

.filtre ul a {
  padding: 1.5em 2em;
  /* display: block; */
  font-size: 0.9em;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  position: relative;
	
}

/*
.filtre ul a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  bottom: 0;
  height: 2px;
  background-color: #a170b1;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.filtre ul a:after {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  top: 0;
  height: 2px;
  background-color: #a170b1;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

*/

.filtre ul a:hover {
  text-decoration: none;
  color: #df6c95;
}

/*
.filtre ul a:hover:before {
  width: 100%;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

*/

.filtre ul a:hover:after {
  width: 100%;
}



.filtre ul .current {
  background-color: #eb776d;
  color: #FFF;
}

.filtre ul .current:hover {
  color: #FFF;
}

/* ==================== ABC Section ========================== */


.abc {
  padding: 20px;
  -moz-columns: 20em 3;
  -webkit-columns: 20em 3;
  columns: 20em 3;
  background: #a170b1;
  line-height: 1em;
}

.abc li {
  display: block;
  margin-bottom: 1em;
}

.abc li small {
  font-size: 0.85em;
  display: block;
}

.abc a {
  color: #FFF;
  font-weight: 500;
}

.abc .letter {
  font-size: 3em;
  font-weight: 900;
  color: #FFF;
  display: block;
  line-height: normal;
  margin-bottom: 0;
}

/* ==================== By Day section ========================== */



.byday {
  padding: 2em;
  background-color: #a170b1;
  border: 0px solid #fff;
}

.byday:nth-child(4n+2){
    background-color: #62bdc1;
  }
.byday.:nth-child(4n+3){
    background-color: #df6c95;
  }
.byday:nth-child(4n+4){
    background-color: #eb776d;
  }



.byday h2 {
  font-size: 2.75em;
  color: #fff;
  font-weight: 900;
  margin-bottom: 0.3em;
}

.byday li {
  display: inline-block;
  margin: 0.25em 0;
}

.byday li:after {
  content: " • ";
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  margin: 0 0.2em;
}

.byday li:last-child:after {
  content: "";
}

.byday li a {
  color: #FFF;
  font-size: 1.375em;
  font-weight: 700;
}

.byday li a:hover {
  color: #FFF;
  text-decoration: none;
}

.byday .taille1 {
  font-size: 0.85em;
}

.byday .taille0 {
  font-size: 0.75em;
}



.byday:nth-child(4n+2) h2 {
  color: #FFF;
}

.byday:nth-child(4n+2) a {
  color: #fff;
}

.byday:nth-child(4n+2) a:hover {
  color: #eb776d;
}

.byday:nth-child(4n+2) li:after {
  color: #FFF;
}



.byday:nth-child(4n+3) h2 {
  color: #FFF;
}

.byday:nth-child(4n+3) li:after {
  color: #FFF;
}

.byday:nth-child(4n+3) li a {
  color: #fff;
}

.byday:nth-child(4n+3) li a:hover {
  color: #FFFFFF;
}



.byday:nth-child(4n+4) h2 {
  color: #FFF;
}

.byday:nth-child(4n+4) li:after {
  color: #FFF;
}

.byday:nth-child(4n+4) li a {
  color: #FFF;
}

.byday:nth-child(4n+4) li a:hover {
  color: #FFF;
}

/* ==================== SubPage ========================== */


.souspagelist .subpage {
  padding: 0px;
}

.souspagelist .subpage__content {
  height: 0;
  padding-bottom: 59%;
  position: relative;
  background-size: cover;
  background-position: center center;
  border: 0px solid white;
}

.souspagelist .subpage__content a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #a170b1; */
  color: #FFF;
  padding: 0.5em;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.souspagelist .subpage__content a:hover {
  text-decoration: none;
  background-color: #a170b1;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.souspagelist .subpage__content h2 {
  font-size: 2em;
}

.souspagelist .subpage:nth-child(4n+2) .subpage__content a {
  color: #FFF;
}

.souspagelist .subpage:nth-child(4n+2) .subpage__content a:hover {
  background-color: #eb776d;
}

.souspagelist .subpage:nth-child(4n+3) .subpage__content a {
  color: #FFF;
}

.souspagelist .subpage:nth-child(4n+3) .subpage__content a:hover {
  background-color: #df6c95;
}

.souspagelist .subpage:nth-child(4n+4) .subpage__content a {
  color: #FFF;
}

.souspagelist .subpage:nth-child(4n+4) .subpage__content a:hover {
  background-color: #62bdc1;
  color: #FFF;
}

/* ==================== Par scène ========================== */


.parscene h2 {
  font-weight: 900;
  background-color: #a170b1;
  color: #FFF;
  font-size: 2.25em;
  display: table;
  padding: 0.3em;
}

.parscene .listartist {
  background-color: #a170b1;
  border-color: #FFF;
  margin-bottom: 2em;
}

.parscene .listartist li {
  border: 4px solid #FFF;
}

.lineupscene:nth-child(4n+1) h2 {
  background-color: #df6c95;
}

.lineupscene:nth-child(4n+1) .listartist {
  background-color: #df6c95;
  border-color: #FFF;
}

.lineupscene:nth-child(4n+1) .listartist li {
  border: 4px solid #FFF;
}

.lineupscene:nth-child(4n+2) h2 {
  background-color: #62bdc1;
  color: #FFF;
}

.lineupscene:nth-child(4n+2) .listartist {
  background-color: #62bdc1;
  border-color: #FFF;
}

.lineupscene:nth-child(4n+2) .listartist li {
  border: 4px solid #FFF;
}

.lineupscene:nth-child(4n+3) h2 {
  background-color: #eb776d;
}

.lineupscene:nth-child(4n+3) .listartist {
  background-color: #eb776d;
  border-color: #FFF;
}

.lineupscene:nth-child(4n+3) .listartist li {
  border: 4px solid #FFF;
}

.lineupscene:nth-child(4n+4) h2 {
  background-color: #a170b1;
  color: #FFF;
}

.lineupscene:nth-child(4n+4) .listartist {
  background-color: #a170b1;
  border-color: #FFF;
}

.lineupscene:nth-child(4n+4) .listartist li {
  border: 4px solid #FFF;
}

/* ========================================== NEWS PAGE ============================================ */


.news:nth-child(3n+1) .news__content {
  background-color: #a170b1;
}

.news:nth-child(3n+1) .news__content h2 {
  color: #FFF;
}

.news:nth-child(3n+1) .news__content .date {
  background-color: #a170b1;
  color: #FFF;
}

.news:nth-child(3n+2) .news__content {
  background-color: #df6c95;
}

.news:nth-child(3n+2) .news__content h2 {
  color: #FFF;
}

.news:nth-child(3n+2) .news__content .date {
  background-color: #df6c95;
  color: #FFF;
}

.news:nth-child(3n+3) .news__content {
  background-color: #62bdc1;
}

.news:nth-child(3n+3) .news__content h2 {
  color: #FFF;
}

.news:nth-child(3n+3) .news__content p {
  color: #FFF;
}

.news:nth-child(3n+3) .news__content .date {
  background-color: #62bdc1;
  color: #FFF;
}

.news {
  margin-bottom: 0px;

}

.news__content {
  border: 0px solid white;
  height: 100%;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;

}

.news__content:hover {
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.news__content:hover h2 {
  color: #FFF;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.news h2 {
  text-decoration: none;
  font-style: italic;
  font-size: 1.75em;
  font-weight: 900;
  color: #FFF;
  line-height: 1em;
  margin: 0 0 0.5em;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}


.news a:hover {
  text-decoration: none;
}

.news a {
  line-height: 1.5em;
  color: #FFF;
  display: block;
}


.news .contentnews {
  padding: 1em 2em;
  position: relative;
}

.news .date {
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 600;
  position: absolute;
  left: 2em;
  top: -39px;
  padding: 0.3em 1em;
  color: #FFF;
}


.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 15px;
  line-height: 15px;
  margin: 0 auto;
  display: table;
  font-size: 1.5em;
  font-weight: 700;
}

.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #FFF;
  background: #FFF;
  padding: 0.5em;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.pagination a:hover {
  color: #FFF;
  background: #a170b1;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.pagination .current {
  padding: 6px 9px 5px 9px;
  background: #a170b1;
  color: #FFF;
  padding: 0.5em;
}

.partenaires h1 {
  font-size: 1.75em;
  text-align: center;
}


.partenaires .row {
  display: block;
}

.main .historique__alphabet,
.main .historique__annee {
  text-align: center;
  padding-left: 0;
  padding: 1em 0;
}

.main .historique__alphabet li,
.main .historique__annee li {
  display: inline-block;
  margin: 0;
}

.main .historique__alphabet a,
.main .historique__annee a {
  display: block;
  padding: 0.5em;
  text-transform: uppercase;
  color: #FFF;
}

.main .historique__alphabet a:hover,
.main .historique__annee a:hover {
  color: #62bdc1;
  text-decoration: none;
}

.main .historique__letter {
  text-align: center;
  font-size: 6em;
  color: #FFF;
}

.main .historique__alphabet a {
  font-size: 1.3em;
}

.page-content .yearartiste {
  column-count: 4;
  padding-left: 0;
}

.page-content .yearartiste li {
  display: block;
}

.page-content .yearartiste li a {
  color: #FFF;
  display: block;
  padding: 0.3em 0;
  font-weight: 600;
  position: relative;
  padding-left: 20px;
}

.page-content .yearartiste li a:hover {
  color: #62bdc1;
  text-decoration: none;
}

.page-content .yearartiste li a:hover:before {
  left: 0;
  opacity: 1;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.page-content .yearartiste li a:before {
  content: "\f06e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 20px;
  color: #62bdc1;;
  opacity: 0;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.tbc {
  background: url(img/no-image.png);
}

.page-content .aligncenter {
  display: block;
  margin: 2em auto;
}


/* ========================================== PAGE PARTENAIRES ============================================ */

.partenaires .page-content ul {
  text-align: center;
  padding-left: 0;
}

.partenaires .page-content li {
  display: inline-block;
  max-width: 120px;
  vertical-align: middle;
  margin: 1em;
}

.partenaires .page-content li a {
  color: #FFF;
}

.partenaires .page-content h1 {
  margin-top: 3em;
  margin-bottom: 1em;
}

.partenaires .page-content .row:last-child li {
  display: block;
  max-width: inherit;
  margin: 1em 0;
}

#aide_partenariat {
  margin-bottom: 0.5em;
  max-width: 550px;
  text-align: center;
  margin: 2em auto;
  font-size: 0.8em;
}

.showpartner {
  display: table;
  width: auto;
  margin: 2em auto 0;
}

.showpartner .plus i {
  display: inline-block;
}

.page-content .faqlist {
  padding-left: 0;
}

.page-content .faqlist>li {
  display: block;
  margin: 2em 0;
  cursor: pointer;
  position: relative;
  padding-left: 1.5em;
}

.page-content .faqlist>li:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.page-content .faqlist .open:before {
  transform: rotate(90deg);
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.page-content .faqlist .question {
  font-weight: 700;
  display: block;
}

.page-content .faqlist .reponse {
  display: none;
}

.page-content .faqlist .open .reponse {
  display: block;
}

.autrespoints {
  padding-bottom: 2em;
}

.autrespoints h1 {
  font-size: 1.75em;
  color: #FFF;
  font-weight: 900;
  margin: 0.5em 0;
  line-height: 1em;
  text-align: center;
  padding: 1em 0;
  padding: 1em 0.5em 0.3em;
}

.autrespoints ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.autrespoints a {
  display: block;
}

.autrespoints li {
  margin: 2em;
  width: 140px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* ==================== TABLET ===========*/
@media only screen and (min-width: 754px) and (max-width: 1080px) {

  .filtre {
    display: block;
  }
	
	.filtre ul a {
		padding : 0;
	}
	
	.filtre ul {
		padding : 0;
	}

  .page-content {
    display : block;
    padding : 0;
  }

  .title-wrapper {
    width: 100vw;
    padding: 2em;
}
  
  
  .content-wrapper {
  width: 100vw;
  padding: 2em;
}
  

  .footer {
    background-color: white;
    padding-left: 0em;
    padding-right: 0em;

  }

  .partners {
    border-bottom: 2px solid #794995
  }

  .footer .partners a {
    color: #794995;
  }

  .footer__menu a {
    color: #794995;
  }

  .foot a {
    color: #794995;
  }



  .footer .partners>.row {
    display: block;
    text-align: center;
  }

  header {
    padding: 0px;
    padding-top: 1em;
  }

  header .hashtag:after {
    width: 150px;
  }


  .footer .partners>.row .col-md-2 {
    max-width: 100%;
    display: inline-block;
    width: auto;
    margin: 1em;
  }

  header .menuright {
    float: none;
  }
}

/* ==================== PHONE ===========*/
@media only screen and (max-width: 753px) {

  
.header {
    padding: 0px;
    padding-top: 0.1em;
    padding-bottom: 3em;
}

.header img {
  padding-top: 1em;
}

.scrolling-banner {
margin-top : 1em;
}


    .page-content {
    display : block;
    padding : 0;
  }

  .title-wrapper {
    width: 100vw;
    padding: 2em;
}
  
  
  .content-wrapper {
  width: 100vw;
  padding: 2em;
}



.footer {
  background-color: white;
  padding-left: 0em;
  padding-right: 0em;

}


  .partners {
    border-bottom: 2px solid #794995
  }

  .footer .partners a {
    color: #794995;
  }

  .footer__menu a {
    color: #794995;
  }

  .foot a {
    color: #794995;
  }


  .original .container {
    position: inherit;
  }

  header .hashtag {
    display: none;
  }


  header .hashtag:after {
    display: none;
  }

  header {
    position: inherit;
  }

  header {
    padding: 0px;
    padding-top: 1em;
  }

  header.cloned.visible {
    display: none;
  }

  header a {
    color: #FFF;
  }

  header .hashtag {
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 30px;
    color: #FFF;
    padding: 0.3em;
    text-transform: uppercase;
  }

  header .menutop {
    text-align: center;
  }

  header .menutop ul {
    float: right;
  }

  header .menutop ul:before {
    display: none;
  }

  header .menutop .social {
    float: left;
  }

  header h1 {
    float: none;
    text-align: center;
    margin-top: 5em;
  }

  header h1 a {
    display: block;
    padding: 2em 0;
  }

  /* header .menuright {
    position: absolute;
    left: 0;
    right: 0;
    top: 52px;
    padding: 0.5em 0;
    z-index: 99;
  
  }  */

  header .menuright {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background-color: #eb776d;
    padding: 0.6em 0;
    z-index: 99;
  }
	
	
.filtre ul {
	height : fit-content;
  	background-color: #a170b1;
  	display: block;
  	padding: 2em;
	overflow: hidden;
}


  .filtre {
    display: block;
    margin-bottom: 0em !important;
    padding: 0 0 0 0 !important;
    background: none !important;
  }
	
.filtre ul .current {
    background-color: transparent;
    color: #eb776d;
}
	
	.filtre ul a { 
	padding: 0}
	


  .footer__menu .menu-menu-footer-container>ul {
    text-align: center;
    display: block;
  }

  .footer__menu .menu-menu-footer-container>ul>li {
    margin-bottom: 2em;
  }

  .footer h2 {
    text-align: center;
    margin-bottom: 3em;
  }

  .footer .partners>.row {
    display: block;
    text-align: center;
  }

  .footer .partners>.row .col-md-2 {
    max-width: 100%;
    display: inline-block;
    width: auto;
    margin: 1em;
  }

  .lineuphome ul li {
    display: inline;
  }

  .list__item {
    flex-wrap: wrap;
  }

  .list__item img {
    width: 100%;
    order: 1;
  }

  .list__item__content {
    order: 2;
  }

  .hero-page h1 {
    font-size: 2em;
  }


  .hero-page__content h1::after {
    content: "";
    height: 100%;
    width: 100%;


  }

  .byday {
    line-height: 1.7em;
  }

  .byday li {
    display: inline;
  }

  .byday li:after {
    display: inline;
  }

  .byday h2 {
    line-height: 1em;
  }

  .homepage header h1 {
    display: block;
  }

  .hero {
    height: auto;
    min-height: 500px;
  }

  .hero .sun {
    width: 300px;
    margin: -150px;
    margin-top: -150px;
  }

  .hero h1 img {
    width: 300px;
  }

  .artist__hero .containerimg {
    padding-bottom: 44%;
    border: 0px solid white;
  }

  .artist__hero img {
    width: 100%;
    top: -14%;
  }

  .artist .artist__info [class*=col-] {
    padding: 2em;
  }

  .social-artist {
    position: relative;
    width: 100%;
    text-align: center;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .social-artist li {
    display: inline-block;
  }

  .artist .no-gutters>.col,
  .artist .no-gutters>[class*=col-] {
    padding: 1em 2em;
  }

  .artist .byday {
    padding: 4em 2em;
  }

  .page-content .yearartiste {
    column-count: 2;
  }

  .lineuphome ul li a {
    font-size: 1.5em;
  }

  .lineuphome ul li:after {
    font-size: 1.5em;
  }

  .lineuphome ul {
    line-height: 2em;
  }
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {

  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " ("attr(href) ")";
  }

  abbr[title]:after {
    content: " ("attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.curatedby {
  font-size: 20px !important;
}

.page-content-noflex {
  display :block;
}

.belcontent {
	background : #62bdc1 !important;
}

.belcontent a {
	text-decoration : underline;
}