/* reset.css */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	background-color: #6c757d;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	/*
	  Override the default (display: inline) for
	  browsers that do not recognize HTML5 tags.

	  IE8 (and lower) requires a shiv:
	  http://ejohn.org/blog/html5-shiv
	*/
	display: block;
}

b,
strong {
	/*
	  Makes browsers agree.
	  IE + Opera = font-weight: bold.
	  Gecko + WebKit = font-weight: bolder.
	*/
	font-weight: bold;
}

img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/*
	  For IE.
	  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
	*/
	-ms-interpolation-mode: bicubic;
}

ol,
ul {
	list-style: none;
}

li {
	/*
	  For IE6 + IE7:

	  "display: list-item" keeps bullets from
	  disappearing if hasLayout is triggered.
	*/
	display: list-item;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td,
caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

sub,
sup,
small {
	font-size: 75%;
}

sub,
sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

svg {
	/*
	  For IE9. Without, occasionally draws shapes
	  outside the boundaries of <svg> rectangle.
	*/
	overflow: hidden;
}

/* text.css */
body {
	font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans,
		sans-serif;
}

pre,
code {
	font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
	margin-bottom: 20px;
}

/* largeur min 960px */
body {
	/*min-width: 960px;*/
}
/* `Clear Floated Elements http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* style.css */
/*
* Feuille de style général du site
*/
html {
	background-color: #f0f0f0;
}

a,
a:active {
	text-decoration: none;
	color: #686767;
	transition: all 0.25s linear;
	font-size: 15px;
}

a,
img,
td {
	transition: all 0.25s linear;
}

a:hover {
	color: #898989;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clear-both {
	width: 100%;
	overflow: auto;
}

div.visible {
	display: block;
}

.hidden,
.is-hidden {
	display: none;
}

ul.list-unstyled {
	margin-bottom: 0;
	list-style-type: none;
}

/*
Divs principaux
*/
/*#header {*/
/*	height: 75px;*/
/*	padding: 10px;*/
/*	background-color: #FFF;*/
/*	border-top: 2px solid #f7551f;*/
/*	border-bottom: 1px solid gray;*/
/*}*/

#main {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: #6c757d;
}

#aside {
	float: left;
	/*position: absolute;*/
	padding-top: 20px;
	margin-left: 20px;
	min-height: 445px;
	width: 177px;
}

#content {
	/*margin-left: 220px;*/
	/*min-height: 445px;*/
	padding: 26px 40px 50px 20px;
	display: block;
}

#footer {
}

/*
Header
*/
.logo {
	display: block;
	margin-top: 10px;
	margin-left: 20px;
}

.logo img {
	display: inline-block;
	color: black;
}

/*
.menu-header {
    float: right;
}
*/
.menu-header {
	margin-top: 30px;
	float: right;
}
.menu-header :hover {
	color: #f7551f;
}
.menu-header span {
	color: #f7551f;
	font-weight: normal;
}
.menu-header a {
	color: #000;
	font-weight: bold;
}

/* jhd250129.sn // Ajout de pagination */
    .pagination {
        text-align: center; /* Centre le contenu */
        margin-top: 20px; /* Ajoute un espace au-dessus */
    }

    .pagination a {
        display: inline-block; /* Affiche les liens côte à côte */
        text-decoration: none;
        border-radius: 5px;
    }

    .pagination span {
        display: inline-block;
        padding: 10px 15px;
    }
/* jhd250129.en */

/**
 * Style du dashboard
 */
#dashboard .infos-chrono ul {
	list-style: none outside none;
	margin: 0;
	padding: 30px 0;
	text-align: center;
}

#dashboard .infos-chrono ul li {
	display: inline-block;
	height: 90px;
	width: 105px;
	margin: 0 50px;
	padding-top: 10px;
	background: gray;
	color: white;
	border-radius: 5px;
}

#dashboard .infos-chrono ul li.externe {
	background-color: #5ebbde;
}

#dashboard .infos-chrono ul li.retour {
	background-color: #9b59b6;
}

#dashboard .infos-chrono ul li.en-cours {
	background-color: #f8822c;
}

#dashboard .infos-chrono ul li.a-valider {
	background-color: #dc4747;
}
/*
#dashboard .infos-chrono ul li.other {
        background-color: #f0e300;
}*/

#dashboard .infos-chrono ul li .numbers {
	font-size: 37px;
	font-weight: bold;
}

#dashboard .infos-chrono ul li .title {
	position: relative;
	top: -6px;
	font-size: 12px;
	display: block;
}

#dashboard .infos-chrono ul li a {
	color: white;
}

/* #£# jhd210604.sn // Ajout d'une séparation */
#dashboard .separation a {
	display: inline-block;
	position: relative;
	height: 150px;
	width: 80px;
	margin-right: 5px;
}

#dashboard .separation span {
	display: inline-block;
	position: relative;
	background: lightgray;
	height: 150px;
	width: 4px;
	margin: 2px;
	padding: 0px;
}

#chrono-index div {
	position: relative;
	display: inline-block;
	height: 103px;
	width: 80px;
	margin-right: 5px;
}

#chrono-index .separation-index a {
	display: inline-block;
	position: relative;
	height: 103px;
	width: 80px;
	margin-right: 5px;
}

#chrono-index .separation-index span {
	display: inline-block;
	position: relative;
	background: lightgray;
	height: 103px;
	width: 4px;
	margin: 2px;
	padding: 0px;
}

.separation-index img {
	vertical-align: top;
}

#dashboard .separation img {
	vertical-align: top;
	/*height: "100%";*/
}
/* #£# jhd210604.en */

/*
Aside
*/
.dashboard-block {
	height: 28px;
	padding: 7px 0px 5px 8px;
	margin-bottom: 20px;
	background-color: #868686;
	border-bottom: 1px solid black;
	border-radius: 3px;
}

.dashboard-block a {
	display: inline-block;
	height: 30px;
	font-size: 17px;
	margin-top: 2px;
	color: #ffffff;
}

.dashboard-block span.picto-dashboard {
	display: inline-block;
	float: left;
	width: 24px;
	height: 24px;
	margin-top: 3px;
	margin-right: 10px;
	background: url("../img/pictos.png") 0 0 no-repeat;
}

.menu {
}

.menu.last ul {
	border: none;
}

.menu h2 {
	font-size: 17px;
	padding-left: 23px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #686767;
}

.menu h2 span {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 7px;
}

.menu ul {
	display: block;
	list-style-type: none;
	padding-bottom: 18px;
	/*padding-left: 22px;*/
	width: 177px;
	border-bottom: 1px solid #bfc0c0;
}

.menu ul li {
	margin-left: 22px;
}

.menu ul li a {
	font-size: 13px;
	color: #686767;
}

.menu ul li a:hover {
	color: #898989;
}

.menu ul li.active {
	margin-left: 8px;
}

.menu ul li.active span.picto-active {
	background: url("../img/pictos.png") -25px -82px no-repeat;
	display: inline-block;
	height: 8px;
	width: 9px;
	margin-right: 5px;
}

.menu ul li.active a {
	font-weight: bold;
	color: #f7551f;
}

/*
Content
*/
#content h2 {
	font-size: 21px;
	color: #636161;
	margin-bottom: 7px;
}

#content h2 span {
	display: inline-block;
	width: 15px;
	height: 16px;
	margin-right: 7px;
}

#content h2 span.chrono {
	background: url("../img/pictos.png") 0 -91px no-repeat;
}

span.stats {
	background: url("../img/pictos.png") 0 -25px no-repeat;
}

/**
 * Content : Lien export
 */
a.export-table {
	font-weight: bold;
	color: #636161;
}

/*Content:Block-Statistique*/
.block-stats {
	/*width: 100%;*/
}

.stats-container {
	border: 1px solid #c8caca;
	border-top: 1px solid #f7551f;
	padding: 2px 25px;
	background-color: #fff;
}

#content .stats-container h2 {
	font-size: 13px;
	margin: 12px 14px;
}

#stat-test,
#stat-test2 {
	float: left;
	margin-bottom: 20px;
}

.form-container {
	border: 1px solid #c8caca;
	border-top: 1px solid #f7551f;
	padding: 30px;
	background-color: white;
}

/*Content : Fiche */

#fiche-container {
	border: 1px solid #cbcaca;
	border-top: 1px solid #f7551f;
	padding: 20px;
	background-color: #fff;
}

.delete-ticket {
	background-color: #bb4747;
	padding: 2px 3px;
	color: white;
	font-weight: bold;
	border-radius: 3px;
}

.delete-ticket:hover {
	color: white;
}

.informations-ticket {
	width: 100%;
	overflow: auto;
}

.bloc-info {
	float: left;
	width: 42.5%;
}

.bloc-info.left {
	margin-right: 15%;
}

.bloc-info.left li a {
	font-weight: bold;
	color: #f7551f;
}

.bloc-info.left li a:hover {
	color: #898989;
}

.bloc-info.right {
	padding-top: 9px;
}

.bloc-info ul {
	list-style-type: none;
}

.bloc-info .content-demande ul,
.bloc-info .content-demande ol {
	padding-left: 17px;
}

.bloc-info .content-demande ul {
	list-style-type: disc;
}

.bloc-info .content-demande ol {
	list-style-type: decimal;
}

.bloc-info .content-demande p {
	margin-bottom: 4px;
}

.bloc-info #statut span {
	padding: 2px 3px;
	color: white;
	font-weight: bold;
	border-radius: 3px;
	background-color: gray;
}

.bloc-info #statut .en-cours {
	/*border-bottom: 3px solid red;*/
	background-color: #f8822c;
}

.bloc-info #statut .a-cloturer {
	/*border-bottom: 3px solid #5ebbde;*/
	background-color: #6fc85d;
}

.bloc-info #statut .cloturer {
	/*border-bottom: 3px solid #6fc85d;*/
	background-color: #6fc85d;
}

.bloc-info #statut .cloture {
	background-color: #9dc85d;
}

.bloc-info #statut .externe {
	/*border-bottom: 3px solid #c85dc4;*/
	background-color: #5ebbde;
}

.bloc-info #statut .a-valider {
	background-color: #dc4747;
}
/*
.bloc-info #statut .other {
        background-color: #f0e300;
}*/

.bloc-info #statut .attente-retour {
	background-color: #9b59b6;
}

.bloc-info #statut .abandonne {
	background-color: #3498dc;
}

#fiche-container h3 {
	font-size: 15px;
	border-bottom: 1px solid #636161;
}

#fiche-container .left h3 {
	font-size: 30px;
	border: none;
}

.previewableComment-preview ul {
	list-style-type: disc;
	padding-left: 17px;
}

.previewableComment-preview ol {
	list-style-type: decimal;
	padding-left: 17px;
}

.bbm-modal__section ul {
	list-style-type: disc;
}

.bbm-modal__section ol {
	list-style-type: decimal;
}

.bloc-info .bloc-info-list ul {
	list-style-type: disc;
	padding-left: 17px;
}

.bloc-info .bloc-info-list ol {
	list-style-type: decimal;
	padding-left: 17px;
}

h3.d-client,
h3.d-piece-jointe {
	width: 42.5%;
}

h3.d-chrono-externe,
ul.d-chrono-externe {
	width: 65%;
}

ul.d-chrono-externe p {
	text-align: justify;
}

#fiche-container h3 span {
	border-bottom: 2px solid #636161;
	display: block;
}

h3.d-client span {
	width: 122px;
}

h3.d-dossier span {
	width: 137px;
}

h3.d-chrono-externe span {
	width: 221px;
}

h3.d-piece-jointe span {
	width: 114px;
}

.fiche-piece-jointe input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transform: translate(250px, -50px) scale(1);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.fiche-piece-jointe label {
	position: relative;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	overflow: hidden;
	width: auto;
}

.fiche-piece-jointe a:hover {
	text-decoration: underline;
}

ol.join {
	display: flex;
	/* min-height: 25px; */
	/* margin-bottom: 10px; */
	flex-direction: column;
	/* width: 100%; */
	align-items: flex-start;
}

ol.join li {
	padding: 0;
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	margin: 0 8px 8px 0;
	padding: 1px 3px 1px 3px;
	display: inline-block;
	border-radius: 3px;
	width: auto;
}

ol.join li a {
	position: relative;
	padding-left: 19px;
}

ol.join li span.attachment-icon {
	background: url("../img/pictos.png") 0 -110px no-repeat;
	height: 13px;
	width: 15px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.tab-content-block {
	display: none;
}

.tabs {
	border-bottom: 1px solid #636161;
	margin-bottom: 10px;
	position: sticky;
	top: 0;
	background-color: white;
}

.tabs ul {
	list-style-type: none;
	overflow: hidden;
	margin-bottom: -1px;
}

.tabs ul li {
	float: left;
	margin-right: 10px;
}

.tabs ul li.active {
	border-bottom: 3px solid #636161;
}

.tabs ul li a {
	color: #898989;
}

.tabs ul li.active a {
	font-weight: bold;
	font-size: 15px;
}

#form-commentaires,
#form-historiques {
	margin-top: 25px;
}

#tab-commentaires button,
#tab-historiques button,
#tab-messages button {
	display: block;
	margin-top: 10px;
}

div.commentaires {
	border-bottom: 1px solid #dfdfdf;
	padding: 10px 0 0 0;
	font-size: initial;
}

div.commentaires p {
	margin-bottom: 10px;
	text-align: justify;
}

div.commentaires .comment-author,
div.commentaires .comment-date {
	margin: 0;
	padding: 0;
}

.comment-author span {
	font-weight: bold;
}

.comment-date span {
	font-weight: bold;
}

.commentaires ul {
	padding-left: 20px;
}

/*
Tab Interventions/Historiques
*/

span.total {
	display: block;
}

/*
Content Compte
*/

.compte-container {
	border: 1px solid #c8caca;
	border-top: 1px solid #f7551f;
	padding: 30px;
	background-color: white;
}

.compte-container ul {
	list-style-type: none;
}

.compte-container ul li {
	font-size: 16px;
}

.compte-container ul.compte-action li {
	font-size: 12px;
	font-weight: bold;
}

/*
Patch versions
*/
.block-patch {
	margin-bottom: 15px;
}

h4.patch-types {
	margin-bottom: 2px;
	font-size: 18px;
	color: #636161;
}

/* #£# jhd210615.sn //
Facturation
*/
#validation_facturation {
	padding: 20px 0 0 0;
}

#validation_facturation h4 {
	font-size: 15px;
	margin-bottom: 4px;
	color: #777;
} /* #£# jhd210615.en */

/*
Facturation
*/
#validation_facturation {
	padding: 20px 0 0 0;
}

#validation_facturation h4 {
	font-size: 15px;
	margin-bottom: 4px;
	color: #777;
}

span.checkAll {
	float: right;
}

#table_facturation .th-num_chrono {
	width: 15%;
}

.block-facture {
	margin-top: 30px;
}

/*
Elements spécifiques du menu (type: img, notifs)
*/
.menu .stats {
	background: url("../img/pictos.png") 0 -25px no-repeat;
}

.menu .notifs {
	float: right;
	display: block;
}

.badge {
	padding: 1px 9px 2px;
	border-radius: 9px;
}

.label,
.badge {
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999999;
}

/*

*/
.breadcrumb {
	margin-bottom: 17px;
	padding: 7px 14px;
	padding-left: 0;
	list-style-type: none;
	color: #636161;
}

.breadcrumb .active {
	font-weight: bold;
}

/*Date News*/
.bloc-news {
	overflow: auto;
	width: 100%;
	margin-bottom: 10px;
}

.bloc-news ol li.actu {
	width: 28%;
	display: block;
	background-color: white;
	float: left;
	margin-right: 2%;
	padding: 11px;
	border: 1px solid #c8caca;
}

#content .bloc-news ol li h2 {
	font-size: 18px;
	font-family: Calibri;
	margin-bottom: 0;
}

.bloc-news ol li span.date {
	font-style: italic;
	font-size: 10px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #c8caca;
	margin-bottom: 5px;
}

.bloc-news ol li p {
	font-size: 12px;
	padding-top: 2px;
}

/* Page de connexion et navbar */

/* jhd250211.so // adaptation pour amélioration de la responsive */

@media (max-width: 1254px) {
    .navbar-collapse {
        display: none;
    }
    .navbar-toggler {
        display: block;
    }
    .navbar-collapse.show {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        background-color: #f8f9fa;
        padding: 0.5rem;
    }


    /* Reduce menu and submenu size when collapsed */
    .navbar-nav .nav-link,
    .dropdown-toggle.nav-link {
        font-size: 0.85rem !important;
        /*padding: 0.15rem 0rem !important;*/
        padding: 0.3rem 0.5rem !important;
        line-height: 1.2 !important;
        height: auto !important;
        min-height: 30px !important; /* Ensure a smaller height */
    }
    .dropdown-menu {
        font-size: 0.75rem !important;
        /*padding: 0.05rem 0 !important;*/
        padding: 0.1rem 0 !important;
    }
    .dropdown-item {
    	font-size: 0.7rem !important; /* Reduced font size for collapsed mode */
        /*padding: 0.05rem 0.2rem !important;*/
        padding: 0.1rem 0.3rem !important;
        line-height: 1 !important;
        height: auto !important;
        min-height: 25px !important; /* Reduce height of submenu items */
    }

    /* Reduce text font tableau Messages */
    .th-first,
    .th-last,
    .td-last {
    	font-size: 0.75rem !important;
    }

	.td-first {
    	font-size: 0.70rem !important;
    }

    .message-content,
    .td-Msg_striped{
    	font-size: 0.7rem !important; /* Reduced font size for collapsed mode */
        padding: 0.1rem 0.3rem !important;
        line-height: 1 !important;
        height: auto !important;
        min-height: 25px !important; /* Reduce height of submenu items */
        margin: 0px 0px 0px 20px !important;
    }


    /* Style colonne n° de chrono avec backgrd en fonction du statut */

	td.td-group span a {
		color: white;
	}

	td.td-group span {
		background-color: gray;
	}

	.en-cours td.td-group span {
		background-color: #f8822c;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	.a-cloturer td.td-group span {
		background-color: #6fc85d;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	.cloturer td.td-group span {
		background-color: #6fc85d;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	.cloture td.td-group span {
		background-color: #9dc85d;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	.externe td.td-group span {
		background-color: #5ebbde;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	.a-valider td.td-group span {
		background-color: #dc4747;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	.attente-retour td.td-group span {
		background-color: #9b59b6;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	.abandonne td.td-group span {
		background-color: #3498dc;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	.other td.td-group span {
		background-color: #f0e300;
		color: white;					/* jhd250220.o */
		display: inline-block;			/* jhd250220.o */
	}

	/* -------------------------------- */
	td.td-de,
	td.td-statut,
	td.td-type,
	td.td-categorie,
	td.td-prio,
	td.td-module,
	td.td-time,
	td.td-date,
	td.td-societe,
	td.td-from,
	td.td-ref,
	td.td-defaut {
		display: none;
	}
 
 	th.th-de,
	th.th-statut,
	th.th-time,
	th.th-date,
	th.th-type,
	th.th-prio,
	th.th-categorie,
	th.th-module,
	th.th-societe,
	th.th-from,
	th.th-ref,
	th.th-defaut {
		display: none;
	}

	/* -------------------------------- */
	/* Affichage en "accordéon" quand on est en vision mobile */

    /*.ch-content,
    .td-chr_striped {
    	font-size: 0.7rem !important; *//* Reduced font size for collapsed mode */
        /*padding: 0.1rem 0.3rem !important;
        line-height: 1 !important;
        height: auto !important;
        min-height: 25px !important; /* Reduce height of submenu items */
        /*margin: 0px 0px 0px 20px !important;
    }*/


	/* Bloc des tickets non-assignés */
	.block-nonassign .visible {
		/*display: table-cell;*/
		display: grid !important;
	}


	/* Bloc des tickets assignés */
	.block-assign .visible {
		/*display: table-cell;*/
		display: grid !important;
	}

	/* Bloc des tickets listes */
	.block-list .visible {
		/*display: table-cell;*/
		display: grid !important;
	}

	.chr-content,
	.td-chr_striped .visible {
		display: grid !important;
		/*padding-top: 15px !important;*/
	}


    .left-panel-show {
		display: none; /* Caché par défaut */
		flex: 1; /* Prend toute la largeur disponible */
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important; /* Prend toute la hauteur */
		min-height: 95vh !important; /* Force la hauteur à couvrir tout l'écran */
		overflow: auto !important; /* Pour éviter que le contenu dépasse */
		/*border-color: #6c757d1a;*/
		border-color: var(--bs-border-color);

    }

    .right-panel-show {
		flex: 1; /* Prend toute la largeur quand visible */
		overflow: auto; /* Permet de scroller si nécessaire */
		/*border-color: #6c757d1a;*/
		border-color: var(--bs-border-color);
    }

    /* Ajustement si le left-panel est affiché */
	.left-panel-show.active {
		display: flex !important; /* Il apparaît */
		flex-direction: column;
		height: 100% !important; /* Il prend toute la hauteur */
		min-height: 95vh !important;
		justify-content: flex-start;
		align-items: stretch;
		width: 100% !important;
		max-width: 100% !important;
	}

    .right-panel-show.hidden {
        display: none; /* On masque le right-panel quand on lui ajoute la classe hidden */
    }

    .toggle-btn-show {
        display: flex !important; /* Affiché quand l'écran est plus petit */
    }

	/* Empêche le chevauchement */

	/* Gestion des débordements pour éviter que les données passent au-dessus du header/footer */
	html, body {
		height: 100%;
		/*overflow: hidden; /* Empêche le contenu de sortir des limites */
	}

	.row-show {
		/*height: calc(100vh - hauteur_du_header - hauteur_du_footer); /* Ajuste en fonction du header/footer */
		height: 95vh;
		overflow: hidden;
		flex-direction: column; /* Permet d'afficher un seul panel à la fois en mode réduit */
	}

}
/* Fin media 1254px */

/* jhd250305.sn */

	.scroll-to-top-btn {
		position: absolute;
		bottom: 25px;
		right: 25px;
		padding: 4px 10px;
		font-size: 14px;
		background: #ff6507;
		color: white;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		display: none;  /*Caché par défaut */
	}

	.scroll-to-top-btn:hover {
		background: #e05507;
	}

/*
.left-panel {
    display: flex;
}*/

.row-show {
    display: block; 
    height: 95vh;
	/*flex-wrap: nowrap; /* Empêche les éléments de passer à la ligne */
}

.left-panel-show {
    flex: 0 0 35%; /* Garde la largeur de 33.33% sans rétrécir */
    max-width: 35%;
    z-index: 1;
	height: 100% !important; /* Il prend toute la hauteur */
	min-height: 95vh !important;
	overflow: auto;
}

.right-panel-show {
    flex: 1; /* Prend tout l'espace restant */
    overflow: auto;
    min-width: 0; /* Empêche les problèmes de flexbox où l'élément essaie de prendre trop de place */
    z-index: 100;
}

.toggle-btn-show {
    display: none; /* Caché par défaut */
	justify-content: left !important; /* Centrage horizontal */
	align-items: center; /* Centrage vertical */    
    position: absolute;
    top: 2.5%; /* Laisse un peu d'espace en haut */
    left: 0; /* Collé à gauche */
    z-index: 500; /* Toujours au-dessus des panneaux */
    color: white;
    border: none;
    width: 2px; /* Fin */
    height: 95%; /* Prend 95% de la hauteur du conteneur */
    /*padding: 0px 10px;*/
    padding-left: 1px;
    padding-right: 10px;
    font-size: 10px;
    cursor: pointer;
    border-radius: 5px; /* Coins légèrement arrondis */
	background: #ff6507;
}

/* jhd250305.en */

#content-login {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Sur les écrans plus petits, limiter la largeur */
@media (max-width: 768px) {
    #content-login {
        width: 100%;
        max-width: 90%;
    }

	section.position-relative {
		width: 100%;
	}

}

/* Réduction de la taille du texte et gestion du retour à la ligne sur mobile */
@media (max-width: 320px) {
	#content-login p {
	font-size: 20px;
	word-wrap: break-word;
	text-align: center;
	}

	section.position-relative {
		width: 100% !important;
	}

	/* -------------------------------- */
	/* Affichage en "accordéon" quand on est en vision mobile */

	/*th.th-demande,
	td.td-demande {
		display: none;
	}*/
}

/* jhd250211.eo */

/* jhd250220.so */
/**
Style Block table
**/

.table tbody tr:hover td.collspan {
	background-color: #f0f0f0 !important;
}

.td-space,
.td-chr_striped {
	display: none;
}


/* Bloc des tickets assignés */
.block-nonassign .table {
	border: 0;
	border-top: 1px solid #333;
}

.block-nonassign .table tr:nth-last-child(2) {
	border-bottom: 1px solid #cbcaca;
}

.block-nonassign .table-striped tbody tr:nth-child(odd) td,
.block-nonassign .table-striped tbody tr:nth-child(odd) th {
	background-color: transparent;
}

.block-nonassign .table-striped tbody tr:nth-child(4n + 1) td,
.block-nonassign .table-striped tbody tr:nth-child(4n + 1) th{
	background-color: #f2f3f3;
}

.block-nonassign .collspan {
	display: none;
	/*width: 100%;*/
	overflow: auto;
	background-color: #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 25px;
}

.block-nonassign .chr-content {
	float: left;
}

.block-nonassign .chr-content ul {
	list-style-type: none;
	margin-bottom: 0;
}

.block-nonassign .chr-content {
	float: left;
	margin-left: 55px;
	padding-left: 10px;
	border-left: 3px solid #cbcaca;
	max-width: 450px;
}

.block-nonassign .chr-content p {
	margin-bottom: 4px;
}


/* Bloc des tickets assignés */
.block-assign .table {
	border: 0;
	border-top: 1px solid #333;
}

.block-assign .table tr:nth-last-child(2) {
	border-bottom: 1px solid #cbcaca;
}

.block-assign .table-striped tbody tr:nth-child(odd) td,
.block-assign .table-striped tbody tr:nth-child(odd) th {
	background-color: transparent;
}

.block-assign .table-striped tbody tr:nth-child(4n + 1) td,
.block-assign .table-striped tbody tr:nth-child(4n + 1) th{
	background-color: #f2f3f3;
}

.block-assign .collspan {
	display: none;
	/*width: 100%;*/
	overflow: auto;
	background-color: #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 25px;
}

.block-assign .chr-content {
	float: left;
}

.block-assign .chr-content ul {
	list-style-type: none;
	margin-bottom: 0;
}

.block-assign .chr-content {
	float: left;
	margin-left: 55px;
	padding-left: 10px;
	border-left: 3px solid #cbcaca;
	max-width: 450px;
}

.block-assign .chr-content p {
	margin-bottom: 4px;
}


/* Bloc des tickets listes */
.block-list .table {
	border: 0;
	border-top: 1px solid #333;
}

.block-list .table tr:nth-last-child(2) {
	border-bottom: 1px solid #cbcaca;
}

.block-list .table-striped tbody tr:nth-child(odd) td,
.block-list .table-striped tbody tr:nth-child(odd) th {
	background-color: transparent;
}

.block-list .table-striped tbody tr:nth-child(4n + 1) td,
.block-list .table-striped tbody tr:nth-child(4n + 1) th{
	background-color: #f2f3f3;
}

.block-list .collspan {
	display: none;
	/*width: 100%;*/
	overflow: auto;
	background-color: #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 25px;
}

.block-list .chr-content {
	float: left;
}

.block-list .chr-content ul {
	list-style-type: none;
	margin-bottom: 0;
}

.block-list .chr-content {
	float: left;
	margin-left: 55px;
	padding-left: 10px;
	border-left: 3px solid #cbcaca;
	max-width: 450px;
}

.block-list .chr-content p {
	margin-bottom: 4px;
}


/* jhd250220.eo */



#content-login h1 {
	margin-bottom: 35px;
	margin-top: 35px;
	color: #686767;
	font-family: Calibri;
	font-size: 16px;
	text-align: center;
}

#content-login .login-alert {
	width: 450px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#connexion-block,
#browser-compatibility {
	width: 450px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #cbcaca;
	border-top: 1px solid #f7551f;
	background-color: white;
}

#browser-compatibility {
	margin-top: 20px;
	overflow: auto;
}

#browser-compatibility ul {
	list-style-type: none;
}

#browser-compatibility ul li {
	float: left;
	margin-right: 20px;
}

#message-block {
	margin: 50px auto;
	text-align: center;
	font-size: 35px;
}

/**
 * Style bloc-stat
 */
.bloc-stat {
	margin-bottom: 25px;
}

#export-csv {
	padding-top: 14px;
}

/**
Alert Success
**/
#content .alert h2 {
	color: #468847;
}

.alert p {
	margin: 0;
}

/**
Label error, success
**/
.message-actions {
	margin-top: 15px;
}
.label {
	display: inline-block;
	padding: 2px 4px;
	margin-bottom: 5px;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999999;
}

.label {
	border-radius: 3px;
}

.label-success {
	background-color: #468847;
}

.label-error {
	background-color: #b94a48;
}

/*
Footer
*/

/**
 * Pagination
 */
.pagination {
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	padding-left: 0;
	margin: 0px;
	border-radius: 4px;
}

.pagination > li {
	display: inline;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: 1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover .pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.float_left {
	float: left;
	/*margin : 0 80px 0 0;*/
}

.p_facture {
	float: right;
	margin: -65px 50px 0 0;
}

.facturation_margin {
	margin-bottom: 10px;
}

.btn_facturation {
	margin: 0 0 10px 0;
}

.btn-facture {
	position: absolute;
	right: 0;
	margin-right: 50px;
}

.overflow_x {
	overflow-x: scroll;
}

.height_circle {
	height: 80px !important;
}

.circle_left {
	left: 50px !important;
}

.facturation-tableau {
	padding: 15px 5px 15px 5px !important;
}

.chronos-tableau {
	padding: 15px 5px 15px 5px !important;
	text-align: center;
}

.nb_resultats {
	display: inline-block;
	position: relative;
	height: 20px;
	margin: 29px 0 0 0;
}

/*Feuille de style pour les tableaux (table.css)*/
table {
	width: 100%;
	background-color: #fbfcfd;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #c8caca;
	border-top: 1px solid #f7551f;
}
.table {
	width: 100%;
	margin-bottom: 2rem;
}

.table th,
.table td {
	padding: 15px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}
.table th {
	font-size: 15px;
/*	color: #636161;*/
/*	color: #ccc;*/
/*	background-color: #ff6446;*/
	background-color: #fe6547; 
	color: #5a5a5a;
	font-weight: bold;
}

.table th:focus {
	outline: none;
}

.table thead th {
	vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
	border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
	background-color: #f2f3f3;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
	background-color: #e2e4e4 !important;
}

/*
* SPE : block-chrono
*/
.block-chrono {
	position: relative;
}

.block-chrono th span {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 7px;
}

th {
    white-space: nowrap; /* Évite que le texte passe à la ligne */
/*	background: #fe6547; */
	color: #5a5a5a;
}

th span {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px; /* Espace entre l’icône et le texte */
}

.th-date span {
    display: inline-block;
    width: 14px; /* ou plus si nécessaire */
    height: 14px;
	background: url("../img/pictos.png") -25px -52px no-repeat;
}

.th-statut,
.th-societe {
	min-width: 75px;
}

.th-societe span,
.th-from span,
.th-defaut span {
    display: inline-block;
    width: 14px; /* ou plus si nécessaire */
    height: 14px;
	background: url("../img/pictos.png") 0 -60px no-repeat;
}

.th-statut span {
    display: inline-block;
    width: 14px; /* ou plus si nécessaire */
    height: 14px;
	background: url("../img/pictos.png") -25px -67px no-repeat;
}

.th-prio span,
.th-categorie span,
.th-ref span,
.th-inter span,
.th-type span,
.th-module span {
    display: inline-block;
    width: 14px; /* ou plus si nécessaire */
    height: 14px;
	background: url("../img/pictos.png") -25px -67px no-repeat;
}

.th-demande span {
    display: inline-block;
    width: 14px; /* ou plus si nécessaire */
    height: 14px;
	background: url("../img/pictos.png") 0 -74px no-repeat;
}

.tr-demande span {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("../img/pictos.png") 0 -74px no-repeat;
}

.th-time span {
    display: inline-block;
    width: 14px; /* ou plus si nécessaire */
    height: 14px;
	background: url("../img/pictos.png") 0 -91px no-repeat;
}

.td-statut {
	color: #fff !important;
}

.block-chrono td {
	/*font-size: 15px;*/
	/*padding-top: 24px;*/
	color: #636161;
	padding-bottom: 10px;
}

.block-chrono td.td-statut span {
	padding: 2px 3px;
	color: white;
	font-weight: bold;
	border-radius: 3px;
}

.en-cours td.td-statut span {
	/*border-bottom: 3px solid red;*/
	background-color: #f8822c;
}

td.td-statut span {
	/*border-bottom: 3px solid grey;*/
	background-color: gray;
}

.a-cloturer td.td-statut span {
	/*border-bottom: 3px solid #5ebbde;*/
	background-color: #6fc85d;
}

.cloturer td.td-statut span {
	/*border-bottom: 3px solid #6fc85d;*/
	background-color: #6fc85d;
}

.cloture td.td-statut span {
	background-color: #9dc85d;
}

.externe td.td-statut span {
	/*border-bottom: 3px solid #c85dc4;*/
	background-color: #5ebbde;
}

.a-valider td.td-statut span {
	background-color: #dc4747;
}

.other td.td-statut span {
	background-color: #f0e300;
}

.attente-retour td.td-statut span {
	background-color: #9b59b6;
}

.abandonne td.td-statut span {
	background-color: #3498dc;
}

.block-chrono td.td-demande {
	padding-top: 15px;
}

.block-chrono .td-demande span {
	display: block;
	/*width: 110px;*/
	font-size: 12px;
	color: #7e7c7c;
}

.block-chrono td.td-intervenant {
	text-align: center;
}

/**
Style Block Message table
**/
.block-message .table,
.block-facturation .table {
	border: 0;
	border-top: 1px solid #333;
}

.block-message .table tr:nth-last-child(2),
.block-facturation .table tr:nth-last-child(2) {
	border-bottom: 1px solid #cbcaca;
}

.block-message .table-striped tbody tr:nth-child(odd) td,
.block-message .table-striped tbody tr:nth-child(odd) th,
.block-facturation .table-striped tbody tr:nth-child(odd) td,
.block-facturation .table-striped tbody tr:nth-child(odd) th {
	background-color: transparent;
}

.block-message .table-striped tbody tr:nth-child(4n + 1) td,
.block-message .table-striped tbody tr:nth-child(4n + 1) th,
.block-facturation .table-striped tbody tr:nth-child(4n + 1) td,
.block-facturation .table-striped tbody tr:nth-child(4n + 1) th {
	background-color: #f2f3f3;
}

.block-message table th.th-last,
.block-message table td.td-last,
.block-facturation table th.th-last,
.block-facturation table td.td-last {
	border-right: 1px solid #c8caca;
}

.block-message table th.th-first,
.block-message table td.td-first,
.block-facturation table th.th-first,
.block-facturation table td.td-first {
	border-left: 1px solid #c8caca;
}

.block-message .collspan,
.block-facturation .collspan {
	display: none;
	width: 100%;
	overflow: auto;
	background-color: #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 25px;
}

.table tbody tr:hover td.collspan {
	background-color: #f0f0f0 !important;
}

.block-message .visible,
.block-facturation .visible {
	/*display: table-cell;*/
	display: flex;
}

.block-message .message-chronos,
.block-facturation .intervention-duree {
	float: left;
}

.block-message .message-chronos ul,
.block-facturation .intervention-duree ul {
	list-style-type: none;
	margin-bottom: 0;
}

.block-message .message-content,
.block-facturation .intervention-commentaire {
	float: left;
	margin-left: 55px;
	padding-left: 10px;
	border-left: 3px solid #cbcaca;
	max-width: 450px;
}

.block-message .message-content p,
.block-facturation .intervention-commentaire p {
	margin-bottom: 4px;
}

.block-message .message-content ul,
.block-facturation .intervention-commentaire ul {
	margin-left: 16px;
}

/**
Tableau facturaion
**/

.block-facturation .intervention-duree {
	width: 400px;
}

.facturation-interventions {
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: auto;
	border-bottom: 1px solid #bfc0c0;
}

.facturation-interventions.last {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

a.edit span {
	height: 14px;
	width: 14px;
	display: inline-block;
	background: url("../img/pictos.png") -23px -124px no-repeat;
	margin-left: 5px;
}

a.submit_button,
a.cancel_button {
	cursor: pointer;
}

a.submit_button {
	margin-right: 3px;
	margin-left: 3px;
}

#validation_facturation th.th-num_chrono {
	width: 25%;
}

/**
Datatable
**/
.dataTables_wrapper {
	margin-bottom: 10px;
	overflow: auto;
}

.dataTables_paginate {
	margin-top: 5px;
}

.paginate_enabled_previous {
	margin-right: 4px;
}

.paginate_enabled_next,
.paginate_enabled_previous {
	cursor: pointer;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	display: none;
}

.dataTables_wrapper .table {
	margin-bottom: 0;
}

.dataTables_length,
.dataTables_filter {
	margin-bottom: 5px;
}

.dataTables_length {
	float: left;
}

.dataTables_filter {
	float: right;
}

.dataTables_length label,
.dataTables_filter label,
.paginate_enabled_previous,
.paginate_enabled_next {
	font-family: "Helvetica Neue";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
.tabs
/* global.css */
.block-formulaire {
	position: relative;
	width: 100%;
}

.entete-form {
	padding: 24px;
	background-color: #f2f3f3;
	margin-bottom: 20px;
	border-radius: 7px;
}

.entete-form h3 {
	color: #f7551f;
	font-size: 17px;
}

.entete-form p {
	font-size: 13px;
	color: #686767;
}

.entete-form p.no-title {
	margin-bottom: 0;
}

.entete-form .errors {
	background-color: #f2dede;
	border: 1px solid #eed3d7;
	padding: 0 5px 5px 5px;
}

.entete-form .errors li {
	color: #b94a48;
	margin-left: 20px;
}

.entete-form .errors h3 {
	font-size: 17px;
	color: #b94a48;
	margin-bottom: 5px;
}

.entete-form .errors .close {
	position: relative;
	float: right;
	font-weight: bold;
	color: black;
	background: transparent;
	top: 2px;
	right: 0px;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.entete-form .errors a {
	color: #b94a48;
}

span.mandatory {
	color: red;
}

form ul {
	list-style-type: none;
}
form fieldset {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 14px;
/*	border-bottom: 1px solid #eee;*/
}
form fieldset.form-actions {
	margin: 0 0 0 20%;
	padding: 0;
	border: none;
}
form fieldset.check {
	padding-left: 20%;
}
form fieldset label {
	float: left;
	/* width: 20%; */
	margin: 4px 0 5px 0;
	color: #686767;
	font-weight: bold;
}

/*  / Affichage d'une info bulle dans le module facturation */

td.fac-tableau span {
	display: none;
}
td.fac-tableau:hover {
	background: none;
	z-index: 500;
	cursor: help;
}
td.fac-tableau:hover span {
	display: inline;
	position: absolute;
	white-space: nowrap;
	/*top: 400px;
	left: 50px;*/
	background: lightyellow;
	color: black;
	padding: 3px 10px;
	border: 1px solid gray;
	border-radius: 10px;
	opacity: 1;
	text-align: left;
	text-indent: 15% each-line;
	transition: opacity 0.3s, transform 0.3s, border-radius 0.3s;
}

/* #£# jhd210607.en /  */

/* #£# jhd210615.sn / Affichage d'une info bulle dans le module fdm */

td.fdm-tableau span {
	display: none;
}
td.fdm-tableau:hover {
	background: none;
	z-index: 500;
	cursor: help;
}
td.fdm-tableau:hover span {
	display: inline;
	position: absolute;
	white-space: nowrap;
	/*top: 400px;
	left: 50px;*/
	background: lightyellow;
	color: black;
	padding: 3px 10px;
	border: 1px solid gray;
	border-radius: 10px;
	opacity: 1;
	text-align: left;
	text-indent: 15% each-line;
	transition: opacity 0.3s, transform 0.3s, border-radius 0.3s;
}

/* #£# jhd210615.en /  */

/* #£# jhd210602.sn / Affichage d'une info bulle pour les catégories */

form fieldset label.categ-tooltips {
	float: left;
	/* width: 20%; */
	margin: 4px 0 5px 0;
	color: #686767;
	font-weight: bold;
}

form fieldset label.categ-tooltips span {
	display: none;
}
form fieldset label.categ-tooltips:hover {
	background: none;
	z-index: 500;
	cursor: help;
}
form fieldset label.categ-tooltips:hover span {
	display: inline;
	position: absolute;
	white-space: nowrap;
	/*top: -120px;
	left: 60px;*/
	background: lightyellow;
	color: black;
	padding: 3px 10px;
	border: 1px solid gray;
	border-radius: 10px;
	opacity: 1;
	text-align: left;
	transition: opacity 0.3s, transform 0.3s, border-radius 0.3s;
}

form fieldset label.categ-tooltips-add {
	float: left;
	/* width: 20%; */
	margin: 4px 0 5px 0;
	color: #686767;
	font-weight: bold;
}

form fieldset label.categ-tooltips-add span {
	display: none;
}
form fieldset label.categ-tooltips-add:hover {
	background: none;
	z-index: 500;
	cursor: help;
}
form fieldset label.categ-tooltips-add:hover span {
	display: inline;
	position: absolute;
	white-space: nowrap;
	/*top: 400px;
	left: 50px;*/
	background: lightyellow;
	color: black;
	padding: 3px 10px;
	border: 1px solid gray;
	border-radius: 10px;
	opacity: 1;
	text-align: left;
	transition: opacity 0.3s, transform 0.3s, border-radius 0.3s;
}

form fieldset label a.required {
	color: red;
	font-size: 14px;
}
/* #£# jhd210602.en */

form fieldset label span.required {
	color: red;
	font-size: 14px;
}
form fieldset.check label {
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
}
form fieldset.radio ul li label,
form fieldset.checkbox ul li label {
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
}
form fieldset input.form-text,
form fieldset textarea {
	display: block;
	width: 50%;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
}
form fieldset input.form-text:focus {
	border: 1px solid #ccc;
	background: #fff;
}

.FormatDateTime {
	font-size: x-large;
}

form fieldset textarea {
	height: 150px;
}
form fieldset select {
	min-width: 25%;
	margin: 0;
}
form fieldset.radio ul,
form fieldset.checkbox ul {
	margin: 5px 0 0 20%;
}
form fieldset.radio ul li,
form fieldset.checkbox ul li {
	margin: 0 0 5px 0;
}
form fieldset.radio ul li:last-child,
form fieldset.checkbox ul li:last-child {
	margin: 0;
}
.checkbox ul {
	width: 55%;
	display: block;
}
.checkbox ul li {
	padding-right: 21px;
	float: left;
}
form fieldset p.form-help {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #999;
}


@media screen and (max-width: 600px) {

	form fieldset.form-actions,
	form fieldset.check,
	form fieldset.radio ul,
	form fieldset.checkbox ul,
	form fieldset p.form-help {
		margin-left: 0;
		padding-left: 0;
	}
	form fieldset input.form-text,
	form fieldset textarea {
		width: 100%;
		box-sizing: border-box;
	}
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

form textarea:focus,
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="date"]:focus,
form input[type="month"]:focus,
form input[type="time"]:focus,
form input[type="week"]:focus,
form input[type="number"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="color"]:focus,
form .uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8);
	background: #fff;
	outline: 0;
	outline: thin dotted \9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(82, 168, 236, 0.6);
}

/**
Style pour le login
**/

form fieldset.login label {
	width: 45%;
}

form fieldset.login input {
	width: 97%;
}

form fieldset.last,
form fieldset.submit {
	border-bottom: none;
}

form fieldset.submit {
	margin-bottom: 0;
}

form fieldset.submit input {
	float: right;
}

/**
Form creation chrono
**/

.left-form,
.right-form {
	float: left;
}

.left-form {
	width: 25%;
	margin-right: 55px;
}

.right-form {
	width: 65%;
}

form .left-form fieldset label,
form .right-form fieldset label {
	float: none;
}

form .left-form fieldset input,
form .right-form fieldset input,
form .left-form fieldset textarea,
form .right-form fieldset textarea,
form .left-form fieldset select {
	width: 100%;
}

form.form-chrono .form-action input[type="submit"] {
	float: right;
	margin-right: 20px;
}

form .left-form fieldset p.form-help {
	margin-left: 0;
}

.piece-jointe {
	position: relative;
	overflow: hidden;
	float: right;
}

.piece-jointe input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transform: translate(250px, -50px) scale(1);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.piece-jointe label {
	position: relative;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	overflow: hidden;
}

.piece-jointe a:hover {
	text-decoration: underline;
}

/*
Alert module
*/

.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	box-sizing: border-box;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;

	border-radius: 4px;
	color: #c09853;
}
.alert h4 {
	margin: 0;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.close:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}

/**
Bouton
**/

.btn {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */

	*zoom: 1;
	padding: 4px 14px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	*line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#ffffff),
		to(#e6e6e6)
	);
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #bbbbbb;
	*border: 0;
	border-bottom-color: #a2a2a2;

	border-radius: 4px;
	*margin-left: 0.3em;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
	background-color: #cccccc \9;
}
.btn:first-child {
	*margin-left: 0;
}
.btn:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	/* Buttons in IE7 don't get borders, so darken on hover */

	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn.active,
.btn:active {
	background-color: #e6e6e6;
	background-color: #d9d9d9 \9;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
	cursor: default;
	background-color: #e6e6e6;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);

	box-shadow: none;
}

.btn-large {
	padding: 9px 14px;
	font-size: 16px;
	line-height: normal;
	border-radius: 5px;
}
.btn-large [class^="icon-"] {
	margin-top: 2px;
}
.btn-small {
	padding: 3px 9px;
	font-size: 12px;
	line-height: 18px;
}
.btn-small [class^="icon-"] {
	margin-top: 0;
}
.btn-mini {
	padding: 2px 6px;
	font-size: 11px;
	line-height: 17px;
}
.btn-block {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}
.btn-block + .btn-block {
	margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
	width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
	color: rgba(255, 255, 255, 0.75);
}
.btn {
	border-color: #c5c5c5;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}


/* jhd250129.sn // ajout bouton de pagination */ 
.btn-page {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */

	*zoom: 1;
	height: 30%;
	padding: 4px 14px;
	margin-bottom: 0;
	font-size: 10px;
	line-height: 15px;
	*line-height: 15px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#ffffff),
		to(#e6e6e6)
	);
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #bbbbbb;
	*border: 0;
	border-bottom-color: #a2a2a2;

	border-radius: 4px;
	*margin-left: 0.3em;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-page:hover,
.btn-page:active,
.btn-page.active,
.btn-page.disabled,
.btn-page[disabled] {
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}
.btn-page:active,
.btn-page.active {
	background-color: #cccccc \9;
}
.btn-page:first-child {
	*margin-left: 0;
}
.btn-page:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	/* Buttons in IE7 don't get borders, so darken on hover */

	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.btn-page:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn-page.active,
.btn-page:active {
	background-color: #e6e6e6;
	background-color: #d9d9d9 \9;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-page.disabled,
.btn-page[disabled] {
	cursor: default;
	background-color: #e6e6e6;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);

	box-shadow: none;
}
/* */ 

.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#0088cc),
		to(#0044cc)
	);
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #0044cc;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	color: #ffffff;
	background-color: #0044cc;
	*background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
	background-color: #003399 \9;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#fbb450),
		to(#f89406)
	);
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #f89406;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	color: #ffffff;
	background-color: #f89406;
	*background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
	background-color: #c67605 \9;
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#ee5f5b),
		to(#bd362f)
	);
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #bd362f;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
	color: #ffffff;
	background-color: #bd362f;
	*background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
	background-color: #942a25 \9;
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#62c462),
		to(#51a351)
	);
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #51a351;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	color: #ffffff;
	background-color: #51a351;
	*background-color: #499249;
}
.btn-success:active,
.btn-success.active {
	background-color: #408140 \9;
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#5bc0de),
		to(#2f96b4)
	);
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #2f96b4;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	color: #ffffff;
	background-color: #2f96b4;
	*background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
	background-color: #24748c \9;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(#444444),
		to(#222222)
	);
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #222222;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	color: #ffffff;
	background-color: #222222;
	*background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
	background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
	*padding-top: 3px;
	*padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
	*padding-top: 7px;
	*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
	*padding-top: 3px;
	*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
	*padding-top: 1px;
	*padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	box-shadow: none;
}
.btn-link {
	border-color: transparent;
	cursor: pointer;
	color: #0088cc;
	border-radius: 0;
}
.btn-link:hover {
	color: #005580;
	text-decoration: underline;
	background-color: transparent;
}
.btn-link[disabled]:hover {
	color: #333333;
	text-decoration: none;
}

/**
Fieldset Filtres
**/

.filtres {
	width: 100%;
	overflow: auto;
	margin: 20px 0;
}

form.filter-options {
}

form.filter-options fieldset {
	margin: 0 10px 0px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	border: none;
	float: left;
	width: 150px;
}

.two-row form.filter-options fieldset {
	margin: 0 30px 0 0;
}

form.filter-options fieldset.reset_filtres {
	width: 20px;
	padding-top: 28px;
}

form.filter-options fieldset label {
	font-size: 12px;
	color: #777777;
	float: none;
	width: 100%;
}

form.filter-options fieldset.submit-filter,
form.filter-options fieldset#submit-filter {
	width: 50px;
}

form.filter-options fieldset.submit-filter input,
form.filter-options fieldset#submit-filter input {
	font-family: "Helvetica Neue";
	cursor: pointer;
	font-weight: bold;
	background-color: #f0f0f0;
	text-transform: uppercase;
	border: 0;
	/*margin-top: 29px;*/ /* jhd211106.o */
	margin-top: 21px;
}

form.filter-options fieldset.submit-filter.with-loader {
	width: 100px;
}

form.filter-options fieldset.submit-filter img.loader {
	position: relative;
	top: -1px;
}

form.filter-options fieldset h3 {
	margin: 0 0 8px 2px;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
	color: #444444;
	border: none;
	background: none;
	font-family: "Helvetica Neue";
}

form.filter-options fieldset select {
	width: 100%;
	padding: 4px 5px 4px 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1;
	color: #555;
	border: 1px solid #c0c0c0;
	background: white url(../img/select-bg.png) no-repeat 100% 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}

form.filter-options fieldset select:focus,
form.filter-options fieldset select:active {
	outline: none;
	border-color: #999;
}

.filter-options .fieldset-submit {
	margin-top: 15px;
	margin-bottom: 0;
	padding-bottom: 0;
}

form.filter-options fieldset.date.date-unique {
	width: 120px;
}

form.filter-options fieldset.date input {
	width: 130px;
	float: left;
	padding: 4px 5px 4px 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #555;
	line-height: 1;
	margin-top: 0;
}

label.patch_versions {
	display: block;
	float: left;
	margin-right: 10px;
}

label.patch_versions h3 {
	margin: 0;
	font-size: 14px;
}

label.patch_versions select {
	width: 170px;
}

.reset_filtres a span {
	height: 13px;
	width: 13px;
	display: block;
	background: url("../img/pictos.png") -24px -92px no-repeat;
}

/**
Form intervention
**/

form fieldset.duree label.input_duree {
	margin-right: 23px;
	width: 54px;
}

form fieldset.duree span {
	font-size: 24px;
	margin-right: 11px;
	padding-top: 21px;
	float: left;
}

form fieldset.duree label.input_duree input {
	text-align: center;
	width: 100%;
}

/**
Form Ajax
**/

fieldset.submit-ajax input {
	float: left;
}

fieldset.submit-ajax span {
	float: left;
	margin-top: 8px;
	margin-left: 7px;
}

/**
 * previewCommentForm
 */
.previewableComment {
	width: 100%;
	display: inline-block;
}

.previewableComment-write,
.previewableComment-preview {
	padding: 10px;
	border: 1px solid #ddd;
	display: none;
}

.previewableComment-preview {
	display: none;
}

.previewableComment-preview.is-active,
.previewableComment-write.is-active {
	display: block;
}

.previewableComment textarea {
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
}

.previewableComment-tabs {
	margin-bottom: -1px;
}

.previewableComment-tab {
	display: inline-block;
	padding: 8px 10px;
	border: 1px solid transparent;
	border-bottom: 0;
}

.previewableComment-tab.selected {
	border-color: #ddd;
	background-color: #fff;
	border-radius: 3px 3px 0 0;
}

/**
 * Editable Components
 */
.editable {
}

.editable-btn {
	display: inline-block;
}

.editable-btn.is-hidden {
	display: none;
}

.card-bordered {
	border: 1px solid #ebebeb;
}

.card {
	border: 0;
	border-radius: 0px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.padding {
	padding: 3rem !important;
}

body {
}

.card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 15px 20px;
	background-color: transparent;
	border-bottom: 1px solid rgba(77, 82, 89, 0.07);
}

.card-header .card-title {
	padding: 0;
	border: none;
}

h4.card-title {
	font-size: 17px;
}

.card-header > *:last-child {
	margin-right: 0;
}

.card-header > * {
	margin-left: 8px;
	margin-right: 8px;
}

.btn-secondary {
	color: #4d5259 !important;
	background-color: #e4e7ea;
	border-color: #e4e7ea;
	color: #fff;
}

.btn-xs {
	font-size: 11px;
	padding: 2px 8px;
	line-height: 18px;
}

.btn-xs:hover {
	color: #fff !important;
}

.card-title {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	line-height: 1.5;
	margin-bottom: 0;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(77, 82, 89, 0.07);
}

.ps-container {
	position: relative;
}

.ps-container {
	-ms-touch-action: auto;
	touch-action: auto;
	overflow: hidden !important;
	-ms-overflow-style: none;
}

.media-chat {
	padding-right: 64px;
	margin-bottom: 0;
}

.media {
	padding: 16px 12px;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.media .avatar {
	flex-shrink: 0;
}

.avatar {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 100%;
	background-color: #f5f6f7;
	color: #8b95a5;
	text-transform: uppercase;
}

.media-chat .media-body {
	-webkit-box-flex: initial;
	flex: initial;
	display: table;
}

.media-body {
	min-width: 0;
}

.media-chat .media-body p {
	position: relative;
	padding: 6px 8px;
	margin: 4px 0;
	background-color: #f5f6f7;
	border-radius: 3px;
	font-weight: 100;
	color: #9b9b9b;
}

.media > * {
	margin: 0 8px;
}

.media-chat .media-body p.meta {
	background-color: transparent !important;
	padding: 0;
	opacity: 0.8;
}

.media-meta-day {
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 0;
	color: #8b95a5;
	opacity: 0.8;
	font-weight: 400;
}

.media {
	padding: 16px 12px;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.media-meta-day::before {
	margin-right: 16px;
}

.media-meta-day::before,
.media-meta-day::after {
	content: "";
	-webkit-box-flex: 1;
	flex: 1 1;
	border-top: 1px solid #ebebeb;
}

.media-meta-day::after {
	content: "";
	-webkit-box-flex: 1;
	flex: 1 1;
	border-top: 1px solid #ebebeb;
}

.media-meta-day::after {
	margin-left: 16px;
}

.media-chat.media-chat-reverse {
	padding-right: 12px;
	padding-left: 64px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}

.media-chat {
	padding-right: 64px;
	margin-bottom: 0;
}

.media {
	padding: 16px 12px;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.media-chat.media-chat-reverse .media-body p {
	float: right;
	clear: right;
	background-color: #48b0f7;
	color: #fff;
}

.media-chat .media-body p {
	position: relative;
	padding: 6px 8px;
	margin: 4px 0;
	background-color: #f5f6f7;
	border-radius: 3px;
}

.border-light {
	border-color: #f1f2f3 !important;
}

.bt-1 {
	border-top: 1px solid #ebebeb !important;
}

.publisher {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 12px 20px;
	background-color: #f9fafb;
}

.publisher > *:first-child {
	margin-left: 0;
}

.publisher > * {
	margin: 0 8px;
}

.publisher-input {
	-webkit-box-flex: 1;
	flex-grow: 1;
	border: none;
	outline: none !important;
	background-color: transparent;
}

button,
input,
optgroup,
select,
textarea {
	font-family: Roboto, sans-serif;
	font-weight: 300;
}

.publisher-btn {
	background-color: transparent;
	border: none;
	color: #8b95a5;
	font-size: 16px;
	cursor: pointer;
	overflow: -moz-hidden-unscrollable;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}

.file-group {
	position: relative;
	overflow: hidden;
}

.publisher-btn {
	background-color: transparent;
	border: none;
	color: #cac7c7;
	font-size: 16px;
	cursor: pointer;
	overflow: -moz-hidden-unscrollable;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}

.file-group input[type="file"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
	width: 20px;
}

.text-info {
	color: #48b0f7 !important;
}

#page-content {
	border-radius: 0px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 15px 20px;
	background-color: transparent;
	border-bottom: 1px solid rgba(77, 82, 89, 0.07);
	border: none;
	margin-right: 8px;
	background-color: #e4e7ea;
	border-color: #e4e7ea;
	color: #fff;
	padding: 2px 8px;
	line-height: 18px;
	font-weight: 300;
	line-height: 1.5;
	margin-bottom: 0;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(77, 82, 89, 0.07);
	touch-action: auto;
	overflow: hidden !important;
	-ms-overflow-style: none;
	margin-bottom: 0;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 100%;
	background-color: #f5f6f7;
	color: #8b95a5;
	text-transform: uppercase;
	flex: initial;
	display: table;
	padding: 6px 8px;
	margin: 4px 0;
	background-color: #f5f6f7;
	border-radius: 3px;
	font-weight: 100;
	color: #9b9b9b;
	padding: 0;
	opacity: 0.8;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 0;
	color: #8b95a5;
	opacity: 0.8;
	font-weight: 400;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	-webkit-box-flex: 1;
	flex: 1 1;
	border-top: 1px solid #ebebeb;
	-webkit-box-flex: 1;
	flex: 1 1;
	border-top: 1px solid #ebebeb;
	padding-left: 64px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
	margin-bottom: 0;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	clear: right;
	background-color: #48b0f7;
	color: #fff;
	padding: 6px 8px;
	margin: 4px 0;
	background-color: #f5f6f7;
	border-radius: 3px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 12px 20px;
	background-color: #f9fafb;
	flex-grow: 1;
	border: none;
	outline: none !important;
	background-color: transparent;
	font-weight: 300;
	border: none;
	color: #8b95a5;
	font-size: 16px;
	cursor: pointer;
	overflow: -moz-hidden-unscrollable;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	overflow: hidden;
	border: none;
	color: #cac7c7;
	font-size: 16px;
	cursor: pointer;
	overflow: -moz-hidden-unscrollable;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	opacity: 0;
	z-index: -1;
	width: 20px;
}

/* style of collapsible menu in client profile */
.content {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.collapsible:hover {
	background-color: #ccc;
}

.collapsible:after {
	content: "\02795";
	/* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: white;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2796";
	float: right;
	/* Unicode character for "minus" sign (-) */
}


/* jhd250114.sn */
        .popup {
            display: none;
            position: fixed; 				/* Fixe la popup sur l'écran */
            top: 55%;					/* Centre verticalement */
            left: 48%;					/* Centre horizontalement */
            transform: translate(-48%, -50%);		/* Ajuste pour le centre exact */
            width: 1600px;
            max-width: 92%;				/* Pour éviter que le popup devienne trop large */
            max-height: 82%;				/* Pour éviter qu'il déborde de l'écran */
            overflow: auto;				/* Ajoute un défilement si nécessaire */
            /*background: #f9f9f9;			/* Couleur de fond */
            background: #e3e3e3;			/* Couleur de fond */
            padding: 20px 15px;				/* Espacement interne */
            border: 1px solid #ccc;			/* Bordure */
            border-radius: 10px;				/* Arrondi de la fenêtre */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);	/* Ombre */
            z-index: 1001;				/* Assure la mise en premier plan si ce chiffre est plus élevé que tout autre z-index sur la page */
        }

        .popup-title {
            color: #000;
        }

        .popup.active {
            display: block;
        }

        .popup-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        .popup-content {
            max-height: 100%;
            overflow-y: auto;
        }

        .loupe {
            font-size: 14px;
            cursor: pointer;
            margin-right: 10px;
        }

        .popupCross {
            background: none; 
            border: none; 
            font-size: 30px; 
            color: orange; 
            text-align: right; 
            margin: 0;
            float: right;
            box-sizing: border-box;
            padding: 0px 3px;
        }
/* jhd250114.en */