@import url("style_template_enrolement.css");
@import url("style_template_enrolement_login.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: white; /* Couleur de fond */
}

.welcome_title {
   margin: 10px;
   margin-bottom: 0px;
   padding: 5px;
   background-color: rgb(139, 158, 147);
}
.welcome_title p {
  margin: 5px;
   padding: 5px;
  font-size: 50px;
   color:white;
   text-align: center;
}

.form_1 {

   padding: 10px;
   margin-right: 15%;
   margin-left: 15%;
   margin-top: 5px;
   margin-bottom: 5px;

   font-size: 120%;
   font-weight: normal;
   color: black;
   text-align: center;
}


#admin_form_1
{
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 20%;
    margin-right: 20%;
    padding: 10px;
    color: rgb(31, 20, 20);
    font-size: 14px;
    text-align: center;
}

.echec_connexion_form {
   margin-bottom: 0px;
   margin-top: 100px;
   margin-left: 20%;
   margin-right: 20%;
   padding: 50px;
   color: rgb(68, 5, 5);
   background-color: rgb(230, 227, 223);
   font-size: 15px;
   text-align: center;
   font-weight: bold;
}


#traitement_1
{
   padding: 10px; margin-top: 20px; margin-bottom: 20px; margin-right: 23%; margin-left: 23%;

   font-size: 14px; font-weight: normal; text-align: justify;
   font-family: Arial, Helvetica, sans-serif;
   color: rgb(12, 37, 18); background-color: white;
}
#login_success_titre {
    font-size: 15px;
   font-weight: bold;
   text-align: center;
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   color: rgb(44, 6, 3);
}
#modele_cv {
    font-size: 16px; font-weight: bold; text-align: center; color: rgb(44, 6, 3);
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

#login_success_form
{
   padding: 10px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: 23%;
   margin-left: 23%;

   font-size: 14px;
   font-weight: normal;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   color: rgb(12, 37, 18);
   background-color: white;
}

/* ------------------------------------   Display data ---------------  */

#user_space_display_2
{
   padding: 10px;
   margin-right: 20%;
   margin-left: 20%;
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 15px;
   font-weight: bold;
   color: red;
   text-align: center;
   background-color: rgb(241, 241, 232);
}

#user_space_display_3
{
   padding: 2px;
   margin-right: 20%;
   margin-left: 20%;
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 90%;
   font-weight: normal;
   color: rgb(14, 19, 16);
   text-align: center;
   background-color: rgb(241, 241, 232);
}

#user_space_display_4
{
   padding: 5px;
   margin-right: 20%;
   margin-left: 20%;
   margin-top: 20px;
   margin-bottom: 20px;
   font-size: 90%;
   font-weight: normal;
   color: rgb(47, 42, 51);
   text-align: center;
   background-color: rgb(241, 241, 232);
}

#statistic
{
   width: 60px;
   height: 15px;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   color: white;
   background-color: red;
}

#user_space_display_5_box
{
   padding: 5px;
   margin-right: 20%;
   margin-left: 20%;
   margin-top: 10px;
   margin-bottom: 10px;

   font-size: 13px;
   font-weight: normal;
   color: rgb(47, 42, 51);
   text-align: center;
   /*background-color: rgb(241, 241, 232);*/
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

#user_space_display_5_box_1
{
   width: 30%;
   padding: 5px;
   margin: 5px;
   font-size: 13px;
   font-weight: normal;
   text-align: center;
   color: rgb(47, 42, 51);
   background-color: rgb(241, 241, 232);
   border-radius: 15px;
}

#user_space_display_section
{
   font-size: 15px;
   font-weight: bold;
   color: rgb(78, 6, 6);
}