/* ==========================================================================
HTML & BODY
========================================================================== */
html {
	height:100%;
}
body {
	font-family:"Raleway", sans-serif;
	font-weight:400;
	font-size:16px;
	color:#1c3653;
	-webkit-text-size-adjust:100%;
	height:100%;
}

/* ==========================================================================
MAIN
========================================================================== */
.main {
	position:relative;
	min-height:100%;
    padding-bottom:144px; /* Nécessaire pour le footer */
    overflow:hidden;
}

/* ==========================================================================
MARGINS
========================================================================== */
.top-buffer-lg {
	margin-top:80px;
}
.top-buffer-md {
	margin-top:40px;
}
.top-buffer-sm {
	margin-top:20px;
}
.top-buffer-xs {
	margin-top:10px;
}
.bottom-buffer-lg {
	margin-bottom:80px;
}
.bottom-buffer-md {
	margin-bottom:40px;
}
.bottom-buffer-sm {
	margin-bottom:20px;
}
.bottom-buffer-xs {
	margin-bottom:10px;
}
.height-buffer-lg {
	margin-top:80px;
	margin-bottom:80px;
}
.height-buffer-md {
	margin-top:40px;
	margin-bottom:40px;
}
.height-buffer-sm {
	margin-top:20px;
	margin-bottom:20px;
}
.height-buffer-xs {
	margin-top:10px;
	margin-bottom:10px;
}


/* ==========================================================================
FONT STYLES
========================================================================== */
a {
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-duration:500ms;
	transition-duration:500ms;
	-webkit-transition-property:color, border-color, background-color;
	transition-property:color, border-color, background-color;
}
a,
a:hover,
a:visited,
a:focus,
a:active {
	text-decoration:none;
}
a:hover,
a:focus {
	-webkit-transition-duration:0ms;
	transition-duration:0ms;
	color:#000;
}
a.text-white-link {
	color:#fff;
}
a.text-white-link:hover {
	/* color:définit dans styles.preferences.php */
}
h1, h2, h3, h4 {
    margin:0;
	font-weight:300;
}
.text-normal {
	font-weight:300;	
}
.text-semibold {
	font-weight:400;	
}
.text-bold {
	font-weight:600;	
}
.text-black {
	color:#1c3653;
}
.text-white {
	color:#fff;	
}
.text-primary-color-pref {
	/* color:définit dans styles.preferences.php */
}
.text-green {
	color:#a5dd86;
}

/* ==========================================================================
BACKGROUND COLORS
========================================================================== */
.bg-primary-color-pref {
	/* background-color:définit dans styles.preferences.php */
}
.bg-dark {
	/* background-color:définit dans styles.preferences.php */
}

/* ==========================================================================
BUTTONS
========================================================================== */
.btn-action {
	margin:0 10px 10px 0;
}
.btn-primary {
	/* background-color:définit dans styles.preferences.php */
	/* border-color:définit dans styles.preferences.php */
}
.btn-primary:focus,
.btn-primary.focus {
	color:#ffffff;
	/* background-color:définit dans styles.preferences.php */
	/* border-color:définit dans styles.preferences.php */
}
.btn-primary:hover {
	/* background-color:définit dans styles.preferences.php */
	/* border-color:définit dans styles.preferences.php */
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	/* background-color:définit dans styles.preferences.php */
	/* border-color:définit dans styles.preferences.php */
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	/* background-color:définit dans styles.preferences.php */
	/* border-color:définit dans styles.preferences.php */
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
	/* background-color:définit dans styles.preferences.php */
	/* border-color:définit dans styles.preferences.php */
}

/* ==========================================================================
INPUTS
========================================================================== */
input:not([type='checkbox']):not([type='radio']),
select,
textarea {
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	box-shadow:none !important;
}
select::-ms-expand {
    display:none;
}
input:-webkit-autofill
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition:none;
	-webkit-box-shadow:0 0 0px 1000px #fff inset !important;
	box-shadow:0 0 0px 1000px #fff inset !important;
}
.form-control,
.input-group-addon {
	border-color:#e4e4e4;
}
.has-success .form-control,
.has-success .input-group-addon {
	border-color:#d7e6d8;
}
.has-error .form-control,
.has-error .input-group-addon {
	border-color:#eac6c5;
}
.input-group-addon {
	background-color:#f4f4f4;
	color:#1c3653;
}
	.input-group-addon .password-display-control {
		cursor:pointer;
	}
	.input-group-addon .password-display-control:hover {
		color:#000;
	}
	.has-error .input-group-addon:first-child .fa {
		color:#a94442;
	}
	.has-success .input-group-addon:first-child .fa {
		color:#3c763d;
	}
select.form-control {
	background-image:url(../images/icon-down.png);
	background-repeat:no-repeat;
	background-position:right 10px center;
}
.form-group select.form-control {
   background-image:none;
}
.help-block {
	color:inherit;
}
.form-group.help-block {
	margin-top:-10px;
}
.form-group {
	margin:20px 0 20px 0;
}
.form-group:first-child {
	margin-top:0;
}
.form-group:last-child {
	margin-bottom:20px !important;
}
	.form-group .input-group-addon:first-child {
		min-width:49px;
	}
	.form-group .input-group-addon:last-child {
		padding-right:30px !important;
	}

/* ==========================================================================
CKEDITOR
========================================================================== */
.cke_reset {
	border-radius:4px;
	border-color:#e4e4e4 !important;
}
	.cke_reset .cke_top {
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		border-color:#e4e4e4 !important;
	}
	.cke_reset .cke_bottom {
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-color:#e4e4e4 !important;
	}


/* ==========================================================================
CALLOUTS
========================================================================== */
.bs-callout {
    padding:10px;
    border:1px solid #eee;
    border-left-width:5px;
    border-radius:3px;
}
.bs-callout p:last-child {
    margin-bottom:0;
}
.bs-callout code {
    border-radius:3px;
}
.bs-callout i {
    margin-right:10px;
}
.bs-callout+.bs-callout {
    margin-top:-5px;
}
.bs-callout-default {
    border-left-color:#777;
    color:#777;
}
.bs-callout-primary {
    border-left-color:#428bca;
    color:#428bca;
}
.bs-callout-success {
    border-left-color:#5cb85c;
    color:#5cb85c;
}
.bs-callout-danger {
    border-left-color:#d9534f;
    color:#d9534f;
}
.bs-callout-warning {
    border-left-color:#f0ad4e;
    color:#f0ad4e;
}
.bs-callout-info {
    border-left-color:#5bc0de;
    color:#5bc0de;
}

/* ==========================================================================
BOOTSTRAP TOGGLE CONTAINER (FOR TOOLTIP)
========================================================================== */
.bootstrap-toggle-container {
	display:inline-block;
}

/* ==========================================================================
HR
========================================================================== */
hr {
	border-top:1px solid #cecece;
	height:1px;
	background:#fff;
}

/* ==========================================================================
FULLSCREEN
========================================================================== */
.fullscreen {
	height:100%;
}
	.fullscreen .fullscreen-table {
		height:100%;
		width:100%;
		padding:0;
		margin:0;
	}
		.fullscreen .fullscreen-table th {
			padding:0;
			margin:0;
			font-weight:normal;
			height:1px; /* Hack pour que la hauteur de la ligne s'adapte à son contenu */
		}
		.fullscreen .fullscreen-table th.bg-danger {
			background:#BC2427;
		}
		.fullscreen .fullscreen-table th.text-danger {
			color:#fff;
		}
			.fullscreen .fullscreen-table th .access_denied_warning td {
				padding:10px 0;
				margin:0;
				vertical-align:middle;
			}
				.fullscreen .fullscreen-table th .access_denied_warning td i {
					margin-right:20px;
				}
		.fullscreen .fullscreen-table td {
			padding:40px 0;
			margin:0;
			vertical-align:middle;
		}
			.fullscreen .fullscreen-table td .login-box {
				width:360px;
				margin:0 auto;
				border-radius:10px;
			}
				.fullscreen .fullscreen-table td .login-box .login-logo img {
					width:100%;
				}
			@media (max-width: 768px) {
				.fullscreen .fullscreen-table td .login-box {
					width:90%;
					margin-top:20px;
				}
			}
			.fullscreen .fullscreen-table td .login-box .login-box-body {
				background:#fff;
				padding:20px;
				border-top:0;
				box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
				border-radius: 6px;
			}

/* ==========================================================================
ICON MODIFICATION
========================================================================== */
#modification {
	display:none;
	margin-top:4px;
}
    #modification i {
        font-size:2em;
    }

/* ==========================================================================
HEADER
========================================================================== */
.header {
	/* background-color:définit dans styles.preferences.php */
	color:#fff;
	border:none;
	border-radius:0;
	margin:0;
	padding:20px 0;
	font-weight:600;
}
	.header .nav-left {
		position:absolute;
		display:none;
		top:-2px;
		left:15px;
	}
	.header .logo-container {
		width:360px;
		height:60px;
		line-height:60px;
	}
		.header .logo-container .logo {
			max-height:100%;
			max-width:100%;
			height:fit-content; /* Pour corriger un problème de marges indésirables avec Chrome sur les images SVG lorsque Viewbox est déterminé. */ 
		}
	.header .nav-right {
		position:absolute;
		top:0;
		right:15px;
	}
	body.javascript-disabled .header .nav-right,
	body.javascript-disabled .header .nav-left {
		display:none;
	}
		.header .nav-right .nav > li > a {
			color:#fff;
			margin:15px 0 4px 4px;
			padding:0 10px;
			height:30px;
			line-height:30px;
		}
			.header .nav-right .nav > li > a.header-link span {
				margin-left:4px;
			}
		.header .nav-right .nav > li > a:hover,
		.header .nav-right .nav > li > a:focus,
		.header .nav-right .nav > li.open > a,
		.header .nav-right .nav > li.open > a:hover,
		.header .nav-right .nav > li.open > a:focus {
			background-color:#fff;
			color:#000;
		}
			.header .nav-right .nav > li > a:hover {
				background-color:#fff;
				color:#000;
			}
			.header .nav-right .nav-pills > li + li {
				margin-left:0;
			}
		.header .nav-right .dropdown-menu {
			border:none;
			margin:0;
			padding:0;
		}
			.header .nav-right .dropdown-menu > li > a {
				padding:8px 20px;
				border-bottom:1px solid #f0f0f0;
			}
			.header .nav-right .dropdown-menu > li:first-child > a {
				border-top-left-radius:4px;
				border-top-right-radius:4px;
			}
			.header .nav-right .dropdown-menu > li:last-child > a {
				border-bottom-left-radius:4px;
				border-bottom-right-radius:4px;
				border-bottom:none;
			}
			.header .nav-right .dropdown-menu > li > a:hover {
				color:#fff;
				/* background-color:définit dans styles.preferences.php */
			}
@media screen and (max-width:991px) {
.header {}
	.header .nav-left {
		display:block;
	}
		.header .nav-left .nav-toggle {
			position:relative;
            margin-top:2px;
			width:30px;
			height:30px;
			cursor:pointer;
		}
			.header .nav-left .nav-toggle span { 
				display:block;
				background:#fff;
				border-radius:2px;
				-webkit-transition-duration:.15s;
				transition-duration:.15s;
			}
			.header .nav-left .nav-toggle #hamburger {
				position:absolute;
				height:100%;
				width:100%;
			}
				.header .nav-left .nav-toggle #hamburger span {
                    width:30px;
                    height:2px;
                    position:relative;
                    top:2px;
                    left:0;
                    margin:5px 0 0 0;
                }
				.header .nav-left .nav-toggle:hover #hamburger span {
					width:120%;
					left:-10%;
					background-color:#000;
				}
	.header .logo-container {
		width:180px;
		height:30px;
		line-height:30px;
		margin:0 auto;
		text-align:center;
	}
		.header .nav-right .nav > li > a {
			color:#fff;
			margin:0 0 4px 4px;
			padding:0 15px;
			height:30px;
			line-height:30px;
		}
}

/* ==========================================================================
FOOTER
========================================================================== */
.footer,
#footer-position {
    position:absolute;
    bottom:0;
    width:100%;
    line-height:64px;
    color:#fff;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);
    z-index:1003;
}
.footer.page-bottom {
    position:fixed;
}
    .footer a:hover, .footer a:focus, .footer a:active {
        color:#fff;
    }

/* ==========================================================================
NAVIGATION PANEL
========================================================================== */
.navigation-overlay {
	cursor:pointer;
}
.navigation {}
	.navigation .panel-group {
		border:1px solid #f4f4f4;
		border-radius:4px;
        margin-bottom:0;
	}
		.navigation .panel-group .panel {
			border:none;
			border-radius:0;
		}
		.navigation .panel-group .panel:not(:last-child) {
			border-bottom:1px solid #fff;
		}
		.navigation .panel-group .panel:first-child,
		.navigation .panel-group .panel:first-child .panel-heading,
		.navigation .panel-group .panel:first-child .panel-heading a {
			border-top-left-radius:4px;
			border-top-right-radius:4px;
		}
		.navigation .panel-group .panel:last-child,
		.navigation .panel-group .panel:last-child .panel-heading,
		.navigation .panel-group .panel:last-child .panel-heading a {
			border-bottom-left-radius:4px;
			border-bottom-right-radius:4px;
		}
		.navigation .panel-group .panel+.panel {
			margin-top:0;
		}
			.navigation .panel-group .panel a {
				display:block;
				color:#000;
				padding:10px 8px;
			}
			.navigation .panel-group .panel a:hover {
				/* color:définit dans styles.preferences.php */
			}
				.navigation .panel-group .panel a .fa {
					margin-right:5px;
				}
			.navigation .panel-group .panel .panel-heading {
				background:#f4f4f4;
				padding:0;
				border-radius:0;
			}
			.navigation .panel-group .panel-heading+.panel-collapse > .panel-body,
			.navigation .panel-group .panel-heading+.panel-collapse > .list-group {
				border-top:1px solid #fff;
			}
			.navigation .panel-group .panel .list-group-item {
				border:1px solid #fff;
				border-left:0;
				border-right:0;
				background:#fcfcfc;
				padding:0;
				border-radius:0 !important;
				font-size:.85em;
			}
				.navigation .panel-group .panel .list-group-item a {
					padding:8px 8px 8px 38px;
				}
			.navigation .panel-group .panel.actif .panel-heading *,
			.navigation .panel-group .panel .list-group-item.actif * {
				/* background-color:définit dans styles.preferences.php */
				color:#fff;
			}
@media screen and (max-width:991px) {
	.navigation-overlay {
		position:absolute;
        visibility:hidden;
		top:0;
		left:0;
        width:100%;
        height:100%;
		background:#000;
        opacity:0;
		z-index:1006;
	}
	.navigation-overlay.active,
	.navigation-overlay.inactive {
		-webkit-animation-fill-mode:forwards;
		animation-fill-mode:forwards;
	}
	.navigation-overlay.active {
		-webkit-animation-duration:.75s;
		animation-duration:.75s;
		-webkit-animation-name:afficheoverlay;
		animation-name:afficheoverlay;
	}
	@keyframes afficheoverlay {
		0% {
			visibility:visible;
			opacity:0;
		}
		100% {
			visibility:visible;
			opacity:.85;
		}
	}
	.navigation-overlay.inactive {
		-webkit-animation-duration:.5s;
		animation-duration:.5s;
		-webkit-animation-name:masqueoverlay;
		animation-name:masqueoverlay;
	}
	@keyframes masqueoverlay {
		0% {
			visibility:visible;
			opacity:.85;
		}
		100% {
			visibility:hidden;
			opacity:0;
		}
	}
	.navigation {
		position:absolute;
		top:0;
		left:-100%;
		margin:0;
		padding:70px 0 0 0;
        z-index:1007;
		width:70%;
        max-width:280px;
		height:100%;
		background:#f4f4f4;
        transition:left .75s;
        -webkit-transition:left .75s;
	}
	.navigation.active {
		left:0;
	}
        .navigation .panel-group {
            border:none;
            border-radius:0;
        }
            .navigation .panel-group .panel,
            .navigation .panel-group .panel .panel-heading,
            .navigation .panel-group .panel a {
                border-radius:0 !important;
                -webkit-box-shadow:none;
                box-shadow:none;
            }
            .navigation .panel-group .panel a {
                padding:10px 15px;
            }
	.navigation .nav-toggle {
		position:absolute;
		z-index:1;
		top:20px;
		left:15px;
		width:30px;
		height:30px;
		cursor:pointer;
	}
		.navigation .nav-toggle span { 
			display:block;
			background:#fff;
			border-radius:2px;
			-webkit-transition-duration:.15s;
			transition-duration:.15s;
		}
		.navigation .nav-toggle #cross {
			position:absolute;
			height:100%;
			width:100%;
			transform:rotate(45deg);
		}
			.navigation .nav-toggle #cross span { 
				/* background-color:définit dans styles.preferences.php */
			}
				.navigation .nav-toggle #cross span:nth-child(1) {
					height:120%;
					width:2px;
					position:absolute;
					top:-10%;
					left:14px;
					transition-delay:0s;
				}
				.navigation .nav-toggle #cross span:nth-child(2) {
					width:120%;
					height:2px;
					position:absolute;
					left:-10%;
					top:14px;
					transition-delay:0s;
				}
				.navigation .nav-toggle:hover #cross span:nth-child(1) {
					height:180%;
					top:-40%;
					background-color:#000;
				}
				.navigation .nav-toggle:hover #cross span:nth-child(2) {
					width:180%;
					left:-40%;
					background-color:#000;
				}
}

/* ==========================================================================
SVG ICONS
========================================================================== */
.huge-svg-icon-container {
  width:150px;
  margin-left:auto;
  margin-right:auto;
}
	.huge-svg-icon-container svg {
	  height:1%; /* Hack pour prévenir l'insertion d'espaces au dessus et au dessous du svg sous iOS. Fonctionne bien sous iOS 9. */
	  width:150px;
	}
		.huge-svg-icon-container svg path {
		  fill:#ccc;
		}

/* ==========================================================================
BREADCRUMBS
========================================================================== */
.fil-ariane > * {
    margin-right:10px;
}

/* ==========================================================================
RADIOS & CHECKBOXES
========================================================================== */
.radio,
.checkbox {
	margin-top:0;
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-left:0;
    margin-right:10px;
}
.radio label,
.checkbox label {
    padding-right:20px;
}

/* ==========================================================================
FORM CONTROL FEEDBACK
========================================================================== */
.form-group .form-control-feedback {
    top:auto !important;
    bottom:-1px;
}
.form-group.form-group-lg .form-control-feedback {
    bottom:4px;
}

/* ==========================================================================
SQUARES PATTERN FOR TRANSPARENT PNGS
========================================================================== */
.img-thumbnail {
	-webkit-box-shadow:inset 0px 0px 0px 4px #fff;
	box-shadow:inset 0px 0px 0px 4px #fff;
}
.jcrop-holder, .img-thumbnail, .table img {
	background-image:url(../images/squares.png);
	background-size:100% 100%;
}

/* ==========================================================================
CUSTOM CHECKBOXES
========================================================================== */
.custom-checkbox input {
    display:none;
}
.custom-checkbox label div {
	width:24px;
	height:24px;
	display:block;
	border:1px solid #ddd;
    background:#fff;
	text-align:center;
	line-height:22px;
	border-radius:3px;
	cursor:pointer;	
}
.custom-checkbox label i {
    font-size:16px;
    opacity:0;
}
.custom-checkbox label:hover i {
    color:#1c3653;
    opacity:0;
}
.custom-checkbox label:hover div {
	border:1px solid #1c3653;
    background:#fff;
}
.custom-checkbox input:checked+label i {
    color:#fff;
    opacity:1;
}
.custom-checkbox input:checked+label div {
	border:1px solid #1c3653;
    background:#1c3653;
}

/* ==========================================================================
CUSTOM BOX
========================================================================== */
.custom-box {
	background:#f4f4f4;
	padding:20px 20px 0 20px;
	border-radius:4px;
}
	.custom-box h2 {
		background:#fafafa;
		margin:-20px -20px 10px -20px;
		padding:10px 15px;
		border-radius:4px 4px 0 0;
		border:1px solid #f4f4f4;
		border-bottom:4px solid #ececec;
	}

/* ==========================================================================
BUTTONS CONTAINER
========================================================================== */
.buttons-container {
	position:fixed;
	bottom:-138px; /* 128 px + hauteur ombre */
    height:128px;
	margin:0;
	padding:15px;
	border-radius:5px 5px 0 0;
    background-color:#fff;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);
	-webkit-transition:bottom .25s;
	transition:bottom .25s;
	z-index:1001;
}
.buttons-container.active {
	bottom:-64px;
}
.buttons-container.active.page-bottom {
	bottom:0;
}

/* ==========================================================================
MENU DÉROULANT CONTENANT UN GROUPE DE BOUTONS
========================================================================== */
.btn-group .dropdown-menu {
    border:none;
    padding:0;
    border-radius:5px;
    text-align:left;
    min-width:auto;
}
    .btn-group .dropdown-menu .btn {
        text-align:left;
    }

/* ==========================================================================
SWEET ALERT 2
========================================================================== */
.swal2-popup {
    font-size:1.6rem !important; /* Fix pour un problème de taille des polices se produisant avec Bootstrap 3.3.7 */
}

/* ==========================================================================
DATATABLES
========================================================================== */
/* Bouton pour effacer la recherche */
.dataTables_wrapper .reset-search {
	margin-left:8px;
}
/* Message chargement en cours des données AJAX */
.dataTables_wrapper .dataTables_processing {
	position:relative;
    top:0;
    left:0;
    width:240px;
    margin:20px auto;
    text-align:center;
    /* background-color:définit dans styles.preferences.php */
	border:none;
    color:#fff;
}
/* Boutons d'export */
@media screen and (max-width:767px) {
	.dataTables_wrapper div.dt-buttons {
		width:auto;
	}
}
/* Cellules de la ligne d'en-tête */
.table.dataTable > thead > tr > th {
	background-color:#f4f4f4;
}
/* Autre cellules de la ligne d'en-tête (sauf la dernière) */
.table.dataTable > thead > tr > th:not(:last-of-type) {
	border-right:3px solid #fff;
}
/* Icône affichant le sens du tri */
.table.dataTable > thead > tr > th.sorting_asc:after,
.table.dataTable > thead > tr > th.sorting_desc:after {
	opacity:1;
}
/* Cellule de la ligne d'en-tête contenant le bouton de sélection en masse */
.table.dataTable > thead > tr > th.btn-checkbox-selection-tous {
	cursor:pointer;
}
/* Cellules de la ligne d'en-tête survolée (sauf celles inopérantes) */
.table.dataTable > thead > tr > th:hover:not(.sorting_disabled),
.table.dataTable > thead > tr > th.btn-checkbox-selection-tous:hover {
    background:#e8e8e8;
}
/* Ligne impaire (et sa ligne enfant survolée) */
.dataTables_wrapper .table.dataTable > tbody > tr.odd,
.dataTables_wrapper .table.dataTable > tbody > tr.odd.child:hover {
    background:#f8f8f8 !important;
}
/* Ligne paire (et sa ligne enfant survolée) */
.dataTables_wrapper .table.dataTable > tbody > tr.even,
.dataTables_wrapper .table.dataTable > tbody > tr.even.child:hover {
    background:#fff !important;
}
/* Ligne parente survolée */
.dataTables_wrapper .table.dataTable > tbody > tr:not(.child):hover,
.dataTables_wrapper .table.dataTable > tbody > tr:not(.child):hover+ tr.child {
	background:#e0e0e0 !important;
}
/* Tous éléments d'une ligne enfant */
.dataTables_wrapper .table.dataTable.collapsed > tbody > tr.child * {
    border:none;
}
/* Colonne permettant le réordonnancement manuel */
.dataTables_wrapper .table.dataTable > tbody > tr > td.ordre {
	cursor:move;
}
/* Colonne contenant les boutons d'actions */
.dataTables_wrapper .table.dataTable > tbody > tr > td.btn-actions {
	white-space:nowrap;
}
@media screen and (max-width:575px) {
	.dataTables_wrapper .table.dataTable > tbody > tr > td.btn-actions {
		white-space:normal;
	}
		.dataTables_wrapper .table.dataTable > tbody > tr > td.btn-actions .toggle {
			margin-bottom:4px;
		}
}
/* Vignettes */
.dataTables_wrapper .table.dataTable > tbody > tr > td > list-thumbnail {   
	max-width:60px;
}
/* Colonne contenant le bouton pour afficher/masquer la ligne enfant des détails */
.table.dataTable.collapsed > tbody > tr[role="row"] > td.control:first-child {
	min-width:30px;
	padding-left:0;
}
/* Bouton pour afficher la ligne enfant des détails */
.table.dataTable.collapsed > tbody > tr[role="row"] > td.control:first-child:before {
    top:8px;
    left:6px;
    height:22px;
    width:22px;
    display:block;
    position:absolute;
    color:#fff;
    border:1px solid #fff;
    border-radius:50%;
    box-shadow:none;
    box-sizing:content-box;
    text-align:center;
    text-indent:0 !important;
    font-family:inherit;
    font-weight:300;
    font-size:34px;
    line-height:22px;
    content:'+';
    background-color:#569ed3;
}
/* Bouton pour masquer la ligne enfant des détails */
.table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
    line-height:16px !important;
    content:'-' !important;
    background-color:#f0ad4e !important;
}
/* FixedHeader */
table.dataTable.fixedHeader-floating {
    z-index:1005;
}

/* ==========================================================================
BACK TO TOP
========================================================================== */
#back-to-top {
	height:34px;
	width:34px;
	bottom:-40px;
	right:30px;
    cursor:pointer;
	display:inline-block;
	position:fixed;
	border-radius:5px;
    -webkit-box-shadow:0 4px 32px 0 rgba(0,0,0,.175)!important;
    -moz-box-shadow:0 4px 32px 0 rgba(0,0,0,.175)!important;
    box-shadow:0 4px 32px 0 rgba(0,0,0,.175)!important;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background-color:rgba(0,0,0,1);
	background-image:url(../images/cd-top-arrow.svg);
	background-position:center 50%;
	background-repeat:no-repeat;
	-webkit-transition:bottom .75s 0s, background .3s 0s;
	-moz-transition:bottom .75s 0s, background .3s 0s;
	transition:bottom .75s 0s, background .3s 0s;
	z-index:1004;
}
#back-to-top.is-visible {
	bottom:15px;
}