@charset "utf-8";
/* CSS Document */

#caces table{
	vertical-align:middle;	
	background:#B5B5B5;/*#8ab4c2;  /*fond du tableau
	/*border-collapse:collapse;*/
	width:100%;
	box-shadow: -2px 3px 6px 2px grey;/*box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); */
}
#caces table th {
	color:black;
	border:1px solid #666;
}
#caces table th, #caces table td {
	text-align:center;
	padding:5px;
	border-right:1px solid #666;
	/*border:1px solid black;*/
	width:auto;
	vertical-align:middle;
}
#caces table th:last-child, #caces table td:last-child {
	border-right:0;
}
#caces table tbody tr:nth-child(odd) {
 background:#E6E6E6; /*#e1f0f5; /* ligne du bas*/
}
#caces table tbody tr:nth-child(even) {
 background:#aaa;/*#D2F9F7;*/
}
 @media (max-width: 767px) {
#caces table {
display: flex; /*none;*/
}
#caces table thead {
 width:20%;
 min-width:90px;
}
#caces table tbody {
 flex:1;
}
#caces table th, #caces table td {
 height:3.5em;
border-bottom:1px solid #666;
border-right:1px solid #666;
vertical-align:middle;
}
#caces table tr {
display: flex; /*block;*/
flex-direction:column;
border-bottom:1px solid #666;
border-right:1px solid #666;
}
#caces table td {
display: block;
text-align: left;
border-bottom:1px solid #666;
border-right:1px solid #666;
}
#caces table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
}
@media screen and (mini-width:768px) and (maxi-width:1023px) {
#caces table {
 display:flex;
}
#caces table thead {
 width:30%;
 min-width:90px;
}
#caces table tbody {
 flex:1;
}
#caces tr {
 display:flex;
 flex-direction:column;
}
#caces table td {
 text-align:left;
 border-right:0;
 border-bottom:1px solid #666;
 height:2.2em;
}
}