body {
    background-color: #68696E;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    color: black;
    margin-left: auto;
    text-align: center;
}
.event h2 {
  background-color : #23377F;
  margin : 0% 0% 0% 0%;
}
.event p {
    margin: 0.5% 0% 0% 0%;
}
.event {
  background-color : #313B3D;
  padding : 0% 0% 0% 0%;
  color : white;
  margin: 0% 0% 0% 0%;
}
.info h2{
  background-color : #23377F;
  margin : 0% 0% 0% 0%;
}
.cadre{
  background-color : #B7BAC3;
  margin : 1% 20% 1% 20%;
  padding : 0% 0% 0% 0.7%;
  color : white;

}
.info {
    background-color:#313B3D;
    color : white;
    padding : 0.5% 1% 0.5% 1%;
}
.cadreinfo{
  float:left;
  background-color : #B7BAC3;
  padding : 0% 0% 0% 0.5%;
  margin : 2%  1% 4% 2%;
  color : white;
  width:10%;

}

.day {
  background-color: #313B3D;
  color:white;
  margin-left: auto;
  margin-right: auto;
  margin-top:2%;
  margin-bottom:2%;
  padding: 0.5% 0.5% 0.5% 0.5%;
}

.cadreday{
  background-color : #23377F;
  padding:0% 1% 0% 1%;
  width:8%;
  margin-top: 1%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1%;
}
.formulaire form{
  margin:1% 0% 1% 0%;
}
.formulaire {
  background-color: #313B3D;
  margin-left:0.5%;
  margin-right:0.5%;
  margin-top: 0%;
  margin-bottom: 0.5%;
  color : white;
  padding: 1% 1% 1% 1%;
}
.info p {
  text-align: justify;
}
.center {
  text-align: center;
}
.formulaire p {
  text-align: justify;
}
.formulaire h2{
    background-color : #23377F;
    margin : 0% 0% 1% 0%;
    width:100%;
    float:left;
}
.cadreform h2{
    background-color : #23377F;
    margin : 0% 0% 0% 0%;
    width:100%;
}
.cadreform{
  background-color : #B7BAC3;
  padding : 0% 0% 0% 0%;
  margin-top : 5%;
  margin-left: auto;
  margin-right: auto;
  color : white;
  width:60%;
  padding-bottom: 0.1%;
}
.hidden{
  display: none;
}