/************************************************************************************/
/*** Mise en forme du tableau avec les noms des adhérents ***/
#form-select-user{
	width: 40%;
    height: 95%;
    display: flex;
    flex-flow: column;
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    box-shadow: 5px 5px 10px grey;
    margin: 1% 29% 0 29%;
}
#wrapper-table-header
{
	width:100%;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: gray;
	background: #EACFB8;
	text-align: center;
	padding: 6px 0 6px 0;
	font-style: italic;
	font-size: 14px;
	box-shadow: 0px 1px 3px grey;
	z-index: 999;
}
#wrapper-table {
  	position:relative;
  	overflow: auto;
  	width:100%;
}
#table-user{
	border-spacing:10px;
	border-collapse: collapse;
	border:0;
	width:100%;
}
.table-row-pair{
	background:#E6E6FA;
}
.table-row-impair{
	background:#F7F7F0;
}
.table-row-pair:hover, .table-row-impair:hover{
	background:#559FD5;
}
#table-user tr:hover{
	cursor: pointer;
}
.table-user-col1 {
	width: 50px;
	height: 50px;
}
.table-user-col2 {
	width: 70px;
	height: 50px;
}
#table-user td {
	padding: 6px 0 6px 0;
}
.radio-container{
	background: lightgray;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: 1px solid gray;
}
.photo-utilisateur-list{
	width: 40px;
	height: 40px;
	float: left;
	margin-left: 10px;
	border-radius: 100%;
	/* Forcer les images à garder le ratio sans deformer :*/
	/* object-fit: contain; */
}
#wrapper-bouton {
	width:100%;
	border-top-style: solid;
    border-top-width: 1px;
    border-top-color: gray;
    box-shadow: 0px -1px 5px grey;
	z-index: 998;
}
#table-user-connect{
	height: 40px;
	border-spacing:0;
	border-collapse: collapse;
	border:0;
}
#Btn_Connect		/* Style du bouton pour se connecter */
{
    border-radius: 8px;
    width: 200px;
  	height: 45px; 
  	margin: 15px;
    text-decoration:none;
    font-size: 15px;
    font-weight: bold;
    color:white;
    background: blue;
}
#Btn_Connect:hover	/* Style du bouton pour se connecter lorsque la souris est dessus */
{
    background: gray;
    color:black;
    cursor: pointer;    
}
