body.columns{
    background-color: var(--secondary-color);
  }
  





body.columns.billetterie{
  background-color: var(--secondary-color);
}


body.columns.billetterie .text,
body.columns.infos-pratiques .text{
  margin-left: 1rem;
}




body.columns.le-kiosque-pulsations{
  background-color:var(--primary-color);
  color: var(--dark-color);
}

body.columns.le-kiosque-pulsations .text{
  color:var(--dark-color);
}


body.columns.le-kiosque-pulsations .wrapper_header,
  body.columns.le-kiosque-pulsations nav ul.submenu{
    background-color:var(--secondary-color);
  }
  

.columns.soutiens,
  .columns.benevoles{
    background-color: var(--light-color);
    color: var(--dark-color);
  }

  .columns.soutiens .text *,
  .columns.benevoles .text *{
    color: var(--dark-color);
    }  


  .columns section .column .text h2{
    text-align: left;
  }
  

  .columns h1{
    text-align: center;
  }
  



.columns section .text {
    padding-top: 1rem;
}  


  .columns section .text p{
    padding-bottom: 1rem;
    max-width:50vw;
}  




body.columns.soutiens{
  background-color: var(--light-color);
}

body.columns.soutiens .text li{
  padding: 15%;
}

body.columns.soutiens .text img{
  max-width: min-content;
  vertical-align: middle;

}








@media all and (max-width : 768px) {


    .columns section .text p{
        max-width:none;
    }  

}