/* ------------------   CSS ---------------------------*/
@import url("style_index_root.css");
@import url("style_header.css"); 

body {
	width: auto; /* Largeur in px or % */
	height: auto; /* Hauteur in px or % */
    margin: auto; /* Marge in px*/
	padding: auto; /* Marge interieure*/
	background-color: var(--bodycolor); /* Couleur de fond */
    font-family: var(--fontfamily);
}

.box-user-not-connected{
    padding: 5px;
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    color: rgb(10, 10, 73);
    background-color: white; /* Couleur de fond */
    border-radius: 10px;
}

/* ----------------------------------------------------------*/

#form_1{
    padding: 5px;
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    color: rgb(20, 20, 100);
    background-color: white; /* Couleur de fond */
    border-radius: 10px;
}

#form_2, #form_3 {
   padding: 20px;
   margin-bottom: 20px;
   margin-top: 20px;
   margin-right: 10%;
   margin-left: 10%;
   font-size: 100%;
   font-weight: normal;
   color: rgb(30, 30, 60);
   text-align: left;
   background-color: white;
   border-radius: 15px;
}

#form_3_2 {
   display: none;
}


#envoyer {
   width: 100px;
   height: 30px;
   margin-left: 70%;
   color: white;
   background-color: rgb(105, 60, 60);
   font-size: 100%;
}
/*---------------*/

.bloc-1 {
    width: 100%;
    margin: 10px;
    padding: 10px;
    text-align: center;
}
.bloc-2 {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    background-color: white;
}

.registration_input{
    width: 75%;
    height: 30px;
}
.registration_input_select{
    min-width: 75%;
    height: 40px;
}
.registration_input_multiple1{
    width: 75%;
    height: 50px;
}
.registration_input_multiple2{
    width: 75%;
    height: 100px;
}
.registration_input_multiple3{
    width: 75%;
    height: 250px;
}