@font-face {
	font-family: 'EBgaramond';
	src:url('fonts/static/EBGaramond-Regular.ttf') format('truetype');
	font-weight: 50;
	font-style: normal;
}




/* === body ================================================================= */


body {
    background: #000000;


    color: #fff;
    font-family: "EBgaramond";



    margin: 0px;

  }





  /* === main ================================================================= */



.container_h2{
  width:100%;
    text-transform: uppercase;
  display:flex;
  align-content: center;
  justify-content: center;



}


main h1 {
  text-transform: uppercase;
  margin: 0% 0% 2% 0%;
  padding:15px;
  
  text-align: center;
  
  color: #fff;
  font-size: 3vw;
  font-weight: 200;
  
  border-bottom: #aa8111 solid 3px;
  
}


/* === TEXT ================================================================= */

  
  .txt_presentation{
    letter-spacing: 2px;

    font-size: larger;
    margin: 10px;
    padding: 20px;
  }
  .txt_presentation b {
   color: #aa8111;
 }
  


/* === TEXT event ================================================================= */

.container_event {
    text-transform: uppercase;
    width: 100%;
    height: 400px;
    
    background-color: #FFF;
    border-bottom-left-radius:40px;
    border-top-right-radius: 40px ;
    margin-bottom: 5%;
  
  }
  
  .bandereau_horarie{
    width: 100%;
    height: 5% ;
  
  }
  
  .bandereau_titre{
    width: 100%;
    height: 35% ;
  
    margin:0px;
    display: flex;
    justify-content: center ;
    align-content: center;
    color: rgb(163, 69, 69);
    font-size:1.7em;
  }
  
  .bandereau_description{
    display: flex;
    justify-content: center ;
    align-content: center;
    width:100%;
    height: 17%;
    background-color: rgb(163, 69, 69);
    margin:0px;
    color: rgb(250, 250, 250);
  }
  
  .bandereau_horaire{
    width: 100%;
    height: 41% ;
  
    margin:0px;
    display: flex;
    justify-content: center ;
    align-content: center;

    color: #000;
  
  }
  
  .bandereau_lieu{
    width: 100%;
    height: 5% ;
    text-align: center;
  }
  
  .container_event h2 {
    margin: 30px;
    height: fit-content;
  }
  
  .bandereau_description>p{
    font-size: 18px;
    margin: 0px;
    text-align: center;
    height: 40px;
    margin-top: 5px;
  }
  
  .planning_event{
    text-align: center;
    width: fit-content;
    margin-top: 25px;
    margin-bottom: 25px;
    
  }
  
  .date_event{
    font-weight:bold ;
    width: fit-content;
  }
  
  .horaire_event{
    list-style: none;
    padding-left: 25px;
    width: fit-content;
  }
  
  .bandereau_lieu>p{
    font-size: 18px;
    margin: 0px;
    text-align: center;

    color: #000;
  
  }