*
{
	margin: 0;
	padding: 0;
}
 
*,:after,:before
{
	box-sizing: border-box;
}

html,body 
{
	height: 100%;
} 

h1, h2, h3, p, a, .item_name_style, .btn, .modif_button,.label_modif,.items_compt, td, input 
{
	font-family: Ubuntu;
}

.p_sup
{
	color: white;
}

h1
{
	margin: 1rem;
}

footer
{
	margin-top: 10rem;
}

:active
{
	border: none;
}

/* Mise en page du header */

.logo_img 
{
	width: 20rem;
}

.amember 
{
	text-decoration: none;
}

.menu_container 
{
	background-color: #144f9a;
	display: flex;
	flex-flow: row-reverse;
	align-items: center;
	height: 4rem;
}

#member 
{
	position: absolute;
	top: 0px;
	right: 0px;
}	

#member_link a 
{
	text-decoration: none;
}


.menu_list
{
	list-style-type: none;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.menu_items
{
	width: 15rem;
	height: 4rem;	
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu_items:hover{
	background-color: darkorange;
}

.items, .items_compt,.items_link
{
	text-decoration: none;
	color: white;
	text-align: right;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	align-items: center;
	padding: 0.3rem;
}

.items_compt,.items_link
{
	width: 15rem;
	height: 4rem;
}

.footer
{
	height: 4rem;
	margin-top: 1.5rem;
	background-color: #144f9a;
}

/*alert*/
.alert
{
	font-family:Ubuntu ;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	color: white;
}

.alert-danger
{
	background-color: red;
}

.alert-success
{
	background-color: green;
}

/*Mise en forme info utilisateur*/

.container_user_info
{
	display: none;
	position: absolute;
}

.items_compt:hover .container_user_info
{
	display: block;
}

.info_container
{
	display: flex;
	flex-direction: column;
}

.info_list
{
	background-color: darkorange;
	width: 15rem;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}

.user_info
{
	color: white;
	display: flex;
	justify-content: center;
	margin: 1rem;
}

.user_info_link
{
	text-decoration: none;
	color: white;
	display: flex;
	justify-content: center;	
}

.user_info_link:hover
{
	color: #144f9a;	
}

/* Mise en page formulaire de connexion*/
.connection_title 
{
	text-align: center;
	color: #144f9a;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.form_connection 
{
	margin-top: 1rem;
	display: flex;
	flex-flow: row wrap;
}
h1, h2
{
	color: #144f9a;
	padding: 1rem;
	text-align: center;
}

.mdpforget_container
{
	display: flex;
	justify-content: center;
	margin: 1rem;
}

.mdpforget
{
	text-decoration: none;
	font-family: Ubuntu;
}

.mdpforget:hover
{
	color: white;
}

/*Mise en forme des formulaires d'ajout des utilisateurs et de connection*/

.form_container
{
	margin: auto;
	background-color: #38b6ff;
	width: 30rem;
	padding: 1rem;
	border-radius: 10px;
}

.yann
{
	margin: auto;
	background-color: #38b6ff;
	width: 50%;
	padding: 1rem;
	border-radius: 10px;
}

.input_container
{
	display: flex;
	justify-content: center;
}

.pb_list
{
	display: flex;
	justify-content: center;
}

.label_style
{
	color: white;
	font-family: Ubuntu;
}

.require
{
	color: red;
}

.form_group{
	padding: 2%;
}

.help_img
{
	width: 1rem;
	height: 1rem;
}

.help_form
{
	display: none;
	position: absolute;
	background-color: #2f93ce;
	height: 4rem;
	padding: 6px 16px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-left: 2%;
}

.help_container:hover .help_form
{
	display: block;
}

.form_control 
{
	margin-top: 2%;
	display: block;
	width: 90%;
	height: 37px;
	padding: 6px 16px;
	font-size: 13px;
	line-height: 1.846;
	color: white;
	background-color: #2f93ce;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	text-align: center;
  }

  .form_control_textarea 
{
	margin-top: 2%;
	display: block;
	width: 90%;
	height: 100px;
	padding: 6px 16px;
	font-size: 13px;
	line-height: 1.846;
	color: white;
	background-color: #2f93ce;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	text-align: center;
  }

.form_control:hover
{
	background-color: #144f9a;
}

.col-lg-2 .col-lg-10
{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }

.submit_style_container
{
	  display: flex;
	  justify-content: center;
	  margin-top: 1.5rem;
  }

.submit_style
{
	border-radius: 3px;
	width: 7rem;
	height: 2rem;
	border: none;
	background-color: orange;
}

.submit_style2
{
	border-radius: 3px;
	width: 15rem;
	height: 2rem;
	border: none;
	background-color: orange;
}

.submit_style2:hover
{
	transform: scale(1.5, 1.5);
}

.submit_style:hover
{
	transform: scale(1.5, 1.5);
}

/*Formulaire d'affectation aux cours*/

.form_affectation
{
	display: flex;
	flex-flow: row wrap;
}

/* mise en forme des espaces utilisateurs*/

.container_element
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.container
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.gestion_containers
{
	display: flex;
	flex-direction: column;
	margin: 0.5rem;
	padding: 0.5rem;
	justify-content: center;
	text-align: center;
}

.gestion_img
{
	height: 10rem;
	margin: 0.5rem;
	width: 17rem;
}

.link_container
{
	display: flex;
	justify-content: center;
	text-align: center;
}

.link_gestion
{
	color: white;
	text-decoration: none;
	background-color: #144f9a;
	height: 3rem;
	width: 17rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}

.link_gestion:hover
{
	color: #144f9a;
	background-color: darkorange ;
}

.td_emp_formateur 
{
	padding: 1rem;
	background-color: #38b6ff;
}

.td_emp_formateur_lg
{
	padding: 1rem;
	background-color: #2f93ce;
	text-align: center;
	color: white;
}

.p_emp
{
	font-size: 0.7rem;
	text-align: center;
	color: white;
}


/* mise en page gestion des utilisateurs*/

.container_gestion_element
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}

.user_gestion_container
{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 4rem;
}

.user_list
{
	display: flex;
	justify-content: center;
	table-layout: fixed;
  	width: 100%;
  	border-collapse: collapse;
	  border: 1px solid blue;	
}

.input_style
{
	border: none;
	background-color: white;
	width: auto;
	padding: 2%;
	text-align: center;
}

.sup_user_container
{
	display: flex;
	justify-content: center;
}

.td_user_gest
{
	padding: 1rem;
	border-collapse: collapse;
	border: 1px solid black;	

}

.td_user_gest2
{
	padding: 1rem;	

}

.th_user_gest
{
	background-color: darkgrey;
	padding: 1rem;
}

.inclued_form
{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 1rem;
}

/*Modification utilisateur*/

.modif_user
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding: 2rem;
	align-items: center;
}

.label_modif 
{
	width: 15rem;
	padding: 1rem;

}

.modif_button_div
{
	padding: 1rem;
}

.modif_button
{
	color: white;
	background-color: #144f9a;
	border:  #144f9a 0.3rem solid;
	width: 7rem;
	height: 5rem;
}

.modif_button:hover
{
	color: #144f9a;
	background-color: white;
	border: #144f9a 0.3rem solid;
}

.form_margin
{
	margin-top: 3rem;
}

::placeholder
{
	color: white;
}

/* Mise en form tableau emploi du temps*/

.items_tab
{
	display: flex;
	flex-flow: row wrap;
}

.tab_form
{
	display: flex;
	justify-content: center;
}
table
{
	display: flex;
	justify-content: center;
}
.tab_style
{
	border: solid 0.05rem black;
}

/*Profil*/

.profil_input
{
	border-bottom: none;
	border-top : none;
	border-left: none;
	border-right: none;
}

.profil_form
{
	width: 100%;
}

.td_profil
{
	padding: 1rem;
}
.profil_info
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.continer_margin
{
	margin: auto;
}

.profiluser {
  table-layout: fixed;
  width: 100%;
}

/*equipe pédagogique*/

.equipe_info_container
{
	display: flex;
	flex-flow: row wrap;
	padding: 2rem;
	justify-content: center;
}


.equipe_info
{
	width: 20rem;
	background-color: #2f93ce;
	border-radius: 10px;
	margin: 1rem;
	align-items: center;
	display: flex;
	flex-flow: column;
	padding: 1rem;
}

.equipe
{
	color: white;
}