body {
background-color : #ECEBEB;
}

textarea {
  resize: none;
  width : 100%;
}

.page {
margin: auto;
width: 60%;
padding : 20px 20px 20px 20px;
border : 1px solid ;
background-color : #FFFFFF;
min-width: 520px;
}

.accordeon_page {
margin: auto;
margin-top: 10px;
width: 60%;
border : none;
background-color : #FFFFFF;
min-width: 520px;
}

.titre_formulaire {
font-family: "Gill Sans", sans-serif;
font-size : 20px;
color: #E6095A;
text-align: center;
font-weight : bold;
margin: auto;
}

.titre_glossaire {
font-family: "Gill Sans", sans-serif;
font-size : 20px;
color: #00ADA3;
text-align: center;
font-weight : bold;
margin: auto;
margin-top: 15px;
}

.titre_paragraphe {
font-family: "Gill Sans", sans-serif;
font-size : 20px;
color: #E6095A;
text-align: left;
font-weight : bold;
}
.titre_question {
font-family: "Gill Sans", sans-serif;
font-size : 14px;
color: #000000;
text-align: left;
font-weight : bold;	
}

.reponse_checkbox{
font-family: "Gill Sans", sans-serif;
font-size : 14px;
color: #000000;
text-align: left;
font-weight : normal;
}

.mention_obli {
font-family: "Gill Sans", sans-serif;
font-size : 14px;
color: #FF0000;
text-align: left;
font-weight : bold;	
}

.precision_text {
text-align: justify;
font-family: "Gill Sans", sans-serif;
font-size : 14px;
color: #000000;
font-weight : normal;
}

.precision_text_petit {
text-align: justify;
font-family: "Gill Sans", sans-serif;
font-size : 12px;
color: #000000;
font-weight : normal;
font-style: italic;
}

.reponse_radiobox {
font-family: "Gill Sans", sans-serif;
font-size : 14px;
color: #000000;
text-align: left;
font-weight : normal;
}

.label_tab_input {
font-family: "Gill Sans", sans-serif;
font-size : 12px;
color: #000000;
text-align: left;
font-weight : normal;
}

.label_reponse_text {
font-family: "Gill Sans", sans-serif;
font-size : 14px;
color: #000000;
text-align: left;
font-weight : normal;
}

.titre_colonne {
font-family: "Gill Sans", sans-serif;
font-size : 12px;
color: #000000;
text-align: left;
font-weight : bold;
}

.bouton_envoyer {
margin : auto;
font-size: 26px;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
background-color: #E6095A;
border: 2px solid #E6095A;
font-weight : bold;
}

.bouton_envoyer:hover {
cursor: pointer;
margin : auto;
font-size: 26px;
color: #E6095A;
padding: 5px 5px 5px 5px;
background-color: #FFFFFF;
border: 2px solid #E6095A;
font-weight : bold;
}



/* DESIGN ACCORDEON FIN DE PAGE */

.accordion {
  font-family: "Gill Sans", sans-serif;
  font-weight : bold;
  background: rgb(190,190,190);
  background: linear-gradient(180deg, rgba(190,190,190,1) 0%, rgba(255,255,255,1) 50%, rgba(190,190,190,1) 100%);
  color: #00ADA3;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  border-bottom: 2px solid #ECEBEB;
  border-top: none;
  border-left: none;
  border-right: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  font-family: "Gill Sans", sans-serif;
  font-size: 12px; 
  padding: 0 14px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  text-align: justify;
}