/*********************************** Tableau marees *******************************/

.marees-container {
	margin-top: 20px;
	margin-bottom: 20px;
}

.marees-container table{
	border: 1px solid #09375b;
	width: 100%;
}


.marees-container nav.marees-nav {
	background-color: #09375b;
}

.marees-container nav.marees-nav ul {
	display: flex;
	margin-bottom: 0;
	flex-wrap: wrap;
	padding: 0;
}

.marees-container nav.marees-nav ul li {
	list-style: none;
	margin: 0!important;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
	display: flex;
}

.marees-container nav.marees-nav ul li a{
	color: white;
	padding: 10px 0px;
	width: 100%;
	transition: all .4s;
	text-decoration: none;
}

.marees-container nav.marees-nav ul li.uk-active a,.marees-container nav.marees-nav ul li a:hover{
	background: #28B9D0;
}

.marees-container .marees-table thead>tr {
	background: #28b9d0;
}

.marees-container .marees-table thead>tr:not(:first-child){
	background: #09375b;
	border-top: solid 1px #09375b;
}

.marees-container .marees-table thead>tr th {
	border-left: 1px solid #09375b;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-bottom: none;
}

.marees-container .tbody-maree{

}

.marees-container .tbody-maree tr{
	background: #09375b30;
	border-top: solid 1px #09375b;
	text-align: center;
}

.marees-container .tbody-maree tr td{
	padding: 10px 0px;
	border-left: 1px solid #09375b;
}

.marees-container .tbody-maree tr.marees-table-current{
	background: #28b9d0;
	color: white;
}


/**********************************************************************************/