/* **********************************************/
/* 		formCaGestionCommission 				*/
/* **********************************************/
#formCaGestionCommission{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 99%;
	width: 100%;
	border: 3px solid #258BCC;
}
#formCaGestionCommission .buttons_new {
	justify-content: center;
	font-size: medium;
	margin:0;
}
#formCaGestionCommissionPresentation {
  display: flex;
  flex-direction: column;
  align-items: center;
  height:100%;
  width:100%;
}

/* **********************************************/
/* 	ADMIN et USER COMMISSION  PRESENTATION		*/
/* **********************************************/
#CaGestionCommissionToolPresentation {
	width: 40%;
	background-color: #258BCC;
}
#CaGestionCommissionToolOnglet{
  width: 55%;
	background-color: #258BCC;
}

#formCaGestionContainerImport{
	width:99%;
	height:90%;
	margin: 5px 0 0 0;
	/* overflow: auto; */
}

#toolbarCaUserCommission input,
#toolbarCaGestionCommission input {
	text-align: center;
}
#toolbarCaGestionCommission input[action='rename_validation'] {
	background-color: #9FC12B;
}

#toolbarCaGestionCommission input[action='rename_tab'] {
	background-color: white;
	color: black;
}
#containerCaUserCommission,
#containerCaGestionCommission{
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: auto;
}
#containerCaUserCommission object,
#containerCaGestionCommission object{
	height:100%;
}
#containerCaUserCommission img,
#containerCaGestionCommission img{
	width:100%;
	height:auto;
}
#containerCaUserCommissionMessage,
#containerCaGestionCommissionMessage {
	text-align: center;
	padding: 5px;
	font-size: larger;
	background-color: white;
	color: red;
}

/* **********************************************/
/* 		ADMIN COMMISSION MEMBER					*/
/* **********************************************/
#formCaGestionCommissionMember {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 92%;
}
#formCaGestionCommissionMember table{	
	background-color:white;
	height: 95%;
	border: 2px solid #258BCC;
	margin-top: 5px;
	color:white;
}
#formCaGestionCommissionMember table tbody{
display: flex;
  flex-direction: column;
  overflow: auto;
}  
#formCaGestionCommissionMember table tr{
	display: flex;
	width: 100%;
}  
#formCaGestionCommissionMember thead th{
	background-color:#258BCC;
	color:white;
	font-weight:normal;
	border:1px solid #85b7d5;
	font-size: smaller;
}

#formCaGestionCommissionMember tbody td{
	border:1px solid #258BCC;
}
#formCaGestionCommissionMember th:first-child,
#formCaGestionCommissionMember td:first-child{
	width:22%;
}
#formCaGestionCommissionMember td:first-child{
	background-color:#85b7d5;
	text-align:left;
	padding-left:2px;	
}
#formCaGestionCommissionMember th:last-child,
#formCaGestionCommissionMember td:last-child{
	width:2%;
	cursor:pointer;
}
#formCaGestionCommissionMember .label_text {
	background-color: #9FC12B;
	width: 80%;
	margin: 5px;
}

/* **********************************************/
/* 		USER COMMISSION MEMBER					*/
/* **********************************************/
#formCaUserCommission{
	height:95%;
}
#formCaUserCommissionPresentation{
	height:100%;
}
#formCaUserCommissionMember{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 95%;
	width: 100%;
	/* align-items: center; */
	overflow-x: unset;
	overflow-y: auto;
	justify-content: space-around;
	/* border: 3px solid #258BCC; */
}
#formCaUserCommissionMember table{
	width:45%;
	background-color: white;
	color:#258BCC;
	margin: 10px auto 20px auto;
	min-height: 100px;
	align-self: auto;
}
#formCaUserCommissionMember table caption{
	background-color:#258BCC;
	color:white;
}
#formCaUserCommissionMember table tr{
	display:flex;
	width:100%;
	font-size: 0.9em;
}
#formCaUserCommissionMember table thead th{
	background-color:#258BCC;
	color:white;
	font-weight:normal;
	border:1px solid #85b7d5;
	font-size: smaller;
}

#formCaUserCommissionMember table tbody td{
	border:1px solid #258BCC;
	text-align:left;
	padding-left:2px;	
}
#formCaUserCommissionMember th:nth-child(1),
#formCaUserCommissionMember td:nth-child(1){
	width:35%;
}
#formCaUserCommissionMember th:nth-child(2),
#formCaUserCommissionMember td:nth-child(2){
	width:22%;
}
#formCaUserCommissionMember th:nth-child(3),
#formCaUserCommissionMember td:nth-child(3){
	width:43%;
	word-break: break-word;
}
#formCaUserCommissionMember td:first-child{
	background-color:#85b7d5;
	color:white;
	/* text-align:left; */
	/* padding-left:2px;	 */
}

/* ****************************************************************************************/
/*                    Règles spécifiques pour all et petite taille                        */
/* ****************************************************************************************/
@media all and (max-width: 480px)
{
	#toolbarCaUserCommission{
		flex-wrap: wrap;
	}
	#formCaUserCommissionMember{
		flex-direction: column;
	}
	#formCaUserCommissionMember table{
		width: 95%;
		font-size: smaller;
	}
}