.dataTables_wrapper{
	width: 100% !important;
	/*margin-top: 10px;*/
}

.dataTables_info{display: none;}

/**** Tableau en lui meme ****/

.dataTable{
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 30px;
}

.dataTable th,
.dataTable td{
	padding: 10px 10px !important;;
	vertical-align: middle !important;;
}

.dataTable th{
	text-align: left;
	font-weight: 500;
	border-bottom: none !important;
}

.dataTable td{
	border-bottom: #ddd solid 1px !important;
	background-color: #fff !important;
	font-size: 0.875em !important;
}

.dataTable .actions{text-align: right;}

/* .dataTable tr:nth-child(even) td{
	background-color: #f1f1f1 !important;
}
 */

.dataTable td:last-child{
	text-align: right;
	width: 120px;
	/*white-space: nowrap;*/
}


.dataTable.collapsed td:last-child,
.dataTable .parent td:last-child,
.dataTable .child td:last-child{
	/*Responsive */
	text-align: left;
	width: auto;
}

.dataTable .parent td{
	border-bottom: none !important;
}
.dataTable .child td{
	border: none;
}

.dataTable .child ul{width: 100%;}
.dataTable .child ul li:last-child{display: none;}


table.dataTable.no-footer {
    border-bottom: none !important;
}

/* Boutons + et - en responsive */
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before{
	background-color: #c31477;
	line-height: 16px;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before{
	background-color: #0d1629;
}

/**** Pagination **/



.dataTables_paginate {
	text-align: center;
}
.dataTables_wrapper .dataTables_paginate #annuaire-liste_first,
.dataTables_wrapper .dataTables_paginate #doc-liste_first{
	    margin-right: 1px;
}
.dataTables_wrapper .dataTables_paginate #annuaire-liste_last,
.dataTables_wrapper .dataTables_paginate #doc-liste_last{
	    margin-left: 1px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	height: 40px;
	line-height: 40px;
	margin: 0 1px;
	padding: 0 10px;
	background-color: #e8e8e8;
	color: #222f64 !important;
	border: none !important;
	text-align: center;
	font-weight: 800;
	cursor: pointer;
	display: inline-block;
	font-family: 'Mosk', Arial, sans-serif;
}

.dataTables_wrapper .dataTables_paginate .paginate_button i{
	width: 20px;
}

	.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
		background: #222f64 !important;
		border: none !important;
		color: #fff !important;
	}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #17a7df!important;
	border: none !important;
	color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #7e848f !important;
	background-color: #f3f3f3 !important;
}


/** recherche dans le tableau **/

.dataTables_filter {
	position: relative;
	float: right;
	margin-right: 0;
	margin-bottom: 10px;
	top: 0px;
}

.dataTables_filter label {
	visibility: hidden;
	font-size: 0;
}

.dataTables_filter label,
.dataTables_filter select.custom-select{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}

.dataTables_filter label input,
.dataTables_filter select.custom-select{
	visibility:  visible;
	width: 200px;
	font-size: 0.875rem;
	border: none;
	height: 34px;
	line-height: 34px;
	padding: 0 40px 0 15px;
	background-color: #dcdcde;
	margin: 0;
	transition: width 0.3s ease-out;
}
.dataTables_filter label input{
	background-image: url('../../img/pictos/recherche.png');
	background-position: right center;
	background-repeat: no-repeat;
}

.dataTables_filter > * + *{
	margin-left: 5px !important;
}


@media screen and (max-width: 768px){
	.dataTables_filter  {
		/* display: none; */
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	.dataTables_filter label,
	.dataTables_filter label input,
	.dataTables_filter select.custom-select{
		width: 100%;
	}
	.dataTables_filter > * + *{
		margin-left: 0 !important;
		margin-top: 5px !important;
	}
}


/** longeur du tableau **/

/*.dataTables_info{
	display: block;
	color: #999;
	border: 1px solid #ddd;
	padding: 10px 10px;
	border-radius: 0 0 3px 3px;
	border-top: none;
}*/

/** longeur du tableau **/

.dataTables_length {
	float: left;
	width: 250px;
	margin-left: 0;
	font-size: 14px;
}
.dataTables_length label{
	font-family: 'Mosk', Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	text-transform: uppercase;
	color: #7e848f;
}

@media screen and (max-width: 768px){
	.dataTables_length{
		float: none;
	}
}

.dataTables_length select {
	background-color: #dcdcde;
    border: none;
    border-radius: 0;
    color: #555;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    width: 55px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 5px;
    margin: 0 10px;
}
.dataTables_length select:not(*:root){
	background-image: url("../../img/utils/select.png");
	background-repeat: no-repeat;
	background-position: right center;
}
.dataTables_length select:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.dataTable th:first-child,
.dataTable td:first-child{
	min-width: 250px;
}