@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon.eot?nqnddr);
    src: url(fonts/icomoon.eot?nqnddr#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?nqnddr) format('truetype'), url(fonts/icomoon.woff?nqnddr) format('woff'), url(fonts/icomoon.svg?nqnddr#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

html{min-height: 100vh;}
body{
    position:relative;
    top:0;left:0;
    min-width:100vw;
    min-height: 100vh;
    z-index:1;
    vertical-align: top;overflow-x: hidden;
}

/*body,* {*/
/*    cursor: url('img/c2.png') 0 0, default !important;*/
/*}*/

/*a, button, a > *:hover {*/
/*    cursor: url('img/c1.png') 0 0, pointer !important;*/
/*}*/



.front-main {
    min-height: calc(100vh - 422px);
    -webkit-box-sizing: border-box;box-sizing: border-box;padding: 20px 30px 30px 20px;
}
#footer{
    position: relative;width: 100%;padding-bottom:30px;bottom: 0; left: 0; right: 0;
}

/* Page Index */
.indexCard{
    text-decoration: none;
    font-weight: bolder;
    text-transform: uppercase;
    color: #041a20;
    letter-spacing: 1.5px;
    vertical-align: top;
    transition: bottom .2s ease-in-out, opacity .2s ease-in-out;
}
.indexCard > svg,.indexCard > i{
    margin-right: 1.1em
}
.indexCard:hover, .indexCard:hover > svg, .indexCard:hover > i{
    color : #00add9;
    filter: brightness(1.25);
    fill : #00add9;
    transition: bottom .2s ease-in-out, opacity .2s ease-in-out;
    text-decoration: none;
}
.image_header{width:100%;height:160px;background-size: cover;background-position: center;position: relative;}
.image_header:before {content: '';position: absolute;top: 0;right: 0;bottom: 0px;background-image: linear-gradient(to bottom,black,black);left: 0;opacity: .4;}
.centre_page {min-height: 30vh;margin: 0 auto;}
.card-title:hover{color: black}
/*.card-left, .card-right, .card-group .card:not(:first-child), .card-group .card:not(:last-child) {border-left: 10px solid var(--color-blue-bondi);}*/
.card-left, .card-group .card:not(:first-child), .card-group .card:not(:last-child) .card-left{border-top-left-radius: 20px !important;}
.card-right, .card-group .card:not(:first-child), .card-group .card:not(:last-child) .card-right{border-top-right-radius: 20px !important;}

section#front-index table{width: 90%;margin: 0 auto;}
section#front-index table td.l30{padding: 10px 10px 20px 50px;}
section#front-index h4 a{padding:10px;margin: 10px;}
section#front-index{position: relative;top:0;}

section#front-index div a.indexCard  {
    display: block;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
section#front-index div a.indexCard  svg{
    float: left;
    line-height: 2em;
    z-index: 3;
    margin: 0;
    padding:0;
}
section#front-index div a.indexCard img{
    z-index: 3;
    margin: 0;
    padding:0;
    width: 45px;
    height: 30px;
    float: left;
    line-height: 2em;
}
section#front-index div a.indexCard span{
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-weight: inherit;
    width: calc(100% - 50px);
    display: inline-block;
    z-index: 2;
    overflow: hidden;
    margin: 0;
    padding:0;
}

    /* Fin Page Index */

/* Ajout Daniel */

a.button.edit{text-align: center;}

.fa, .fas, .far{cursor: pointer;}
.fa-times:before {content: "\f00d";margin-left: 10px;}
.fa:hover, .fas:hover, .far:hover {color: var(--color-blue-bondi);}

.warn, button.warn {color: var(--color-fire);background-color: transparent;}
.warn:hover, .button.warn:hover{color: var(--color-mine);}

section{margin:0;}
.section, section {display: block;z-index: 1;border: none;padding: 5px;border-radius: 5px;padding-bottom:10px;}

/* Mselect */
.mselect > button {display: inline-block;position: relative;-webkit-appearance: none;-webkit-font-smoothing: antialiased;-moz-appearance: none;appearance: none;background: 0 0;font-family: inherit;font-size: 1.3em;vertical-align: middle;text-align: center;line-height: inherit;cursor: pointer;border-radius: 4px;outline: 0;padding: 0;margin: 3px;height: 50%;}
.mselect > button:hover{color: var(--color-blue-cerulean);background: black;}
.mselect > .mselect-del.unique {display: none}
.mselect {display: inline-block;}
div.mselect{width: calc(100% - 200px);max-width: calc(100% - 200px);}
div.mselect button.mselect-del, div.mselect button.mselect-add{position: relative;top:-1px;height: 20px;padding:0 5px;}

/* Fin Mselect */

/* Formulaire */
ul.nolabel li label, div.nolabel label{display:none;}
textarea{border-radius: 15px;}
textarea:not([cols]) {width: calc(100% - 200px);}
select{margin: 0}
#datastables textarea,#datastable textarea {width: 100%;}
#datastables td,#datastable td{vertical-align: middle;}
form.filter fieldset, .filter form {margin: 10px 0;padding: 10px;}
fieldset{background: var(--color-beige-clair);padding: 5px;border-radius: 25px;}

label.reqd:after {display: inline-block;position: relative;content: "\00a0*";color: var(--color-fire);font-size: 22px;}

/* Fin Formulaire */

/* Navigation */
li.lang-selector select{
    color: #ffffff;
    background: transparent;
    background-color: transparent;
    appearance: auto;
    position: relative;
    top: -15px;
}
li.lang-selector form select option{color: #ffffff;background: #000000;border: 1px solid var(--color-blue-cerulean);}
.banner-menu ul{margin:0;padding: 0;}
.banner-menu a{padding: 10px;}
div.logo{margin-right: 10px;position:relative;padding-top:5px;padding-bottom:5px; }
.logo .icon {height: 45px;color: var(--color-blue-cerulean);fill: currentColor;filter: brightness(1);}
.logo svg.icon:hover{filter: brightness(1.25);}
#navigation{gap:5px;}
#back-navigation{display:inline-block;}
/* Fin Navigation */

/* Filtres */
#filtres, .filtres {background: var(--color-beige-clair);border-radius: 25px;}
/* Fin Filtres */

/* Actions */
div.actions, section.actions {margin-top:10px}
/* Fin Actions */

/* Login */
section.users-login{max-width:70%;margin-left:15% !important;}
section.users-login, section.users-reset-dialog{display: block;padding:20px;margin:20px;}
section.users-reset-dialog{display: none;}
section.users-login input{width:100%;min-width: 250px;}
section.users-reset-dialog input{width:100%;}
section.users-login div.buttons{margin-top:50px;}
section.users-login li.users-login-field label{
    width: 100%;
    text-align: center;
}
/* Fin login */

/* Label */
ul.labellarge{display: block;}
.labellarge{padding:0px;border-radius: 5px;margin:0px;}
.labellarge li{padding:5px;margin:10px;}
.labellarge li{display: block;padding: 10px;}
.labellarge li:after{display: block;position: relative;content: "\00000A";top: -15px;left: 15px;float: left;}
.labellarge li label, .labellarge div label{display: inline-block;width:200px;position: relative;float: left;line-height: 1.5em;text-align: right;padding-top: 0.5em;height:100%;padding-right: 20px;}
/* Fin Label */

/* Dialog */
.dialog-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow: auto;z-index: 1;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #000;background-color: rgba(0, 0, 0, .75);text-align: center}
.dialog-backdrop + .dialog-backdrop {background-color: transparent}
.dialog-backdrop:before {content: "";display: inline-block;height: 100%;vertical-align: middle;margin-right: -.05em}
.dialog {display: none}
.dialog.is-open {display: inline-block}
.dialog.is-loading {visibility: hidden}
.dialog.is-loading:after {content: "";display: block;width: 80px;height: 80px;background: url(img/commons-preload.gif) no-repeat center center #fff;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);visibility: visible;border-radius: 8px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);box-shadow: 0 0 10px rgba(0, 0, 0, .5)}
.dialog {vertical-align: middle;position: relative;z-index: 2;max-width: 90%;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;padding: 20px;border-radius: 8px;-webkit-box-shadow: 0 0 10px #000;box-shadow: 0 0 10px #000;text-align: left}
.dialog-close {position: absolute;right: 0;top: 0;-webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);transform: translate(50%, -50%);width: 25px;height: 25px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);border-radius: 100%;cursor: pointer;line-height: 1;font-size: 10px;text-align: center}
.dialog-close:before {color: var(--color-fire);display: inline-block;vertical-align: middle;font-family: icomoon !important;speak: none;font-style: normal;font-weight: 900;font-variant: normal;text-transform: capitalize;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\00d7";position: absolute;left: 50%;top: 45%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 2em;}
/* Fin Dialog */

section.formalite ul.fields.labellarge li{padding-bottom: 20px;}

[data-tooltip] {position: relative}
[data-tooltip]:after, [data-tooltip]:before {visibility: hidden;opacity: 0;pointer-events: none;-webkit-transition: bottom .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease .2s;-o-transition: bottom .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease .2s;transition: bottom .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease .2s;z-index: 1;position: absolute;bottom: 50%;left: 50%}
[data-tooltip]:before {content: attr(data-tooltip);margin: 0 0 10px 0;padding: 4px 8px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);border-radius: 3px;background-color: #242a3a;color: #fff;text-align: center;white-space: pre;line-height: 1.5;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)}
[data-tooltip]:after {content: " ";margin: 0 0 5px -5px;width: 0;border-top: 5px solid #242a3a;border-right: 5px solid transparent;border-left: 5px solid transparent;font-size: 0;line-height: 0}
[data-tooltip]:hover:after, [data-tooltip]:hover:before {visibility: visible;opacity: 1;-webkit-transition: bottom .2s ease-in-out, opacity .2s ease-in-out;-o-transition: bottom .2s ease-in-out, opacity .2s ease-in-out;transition: bottom .2s ease-in-out, opacity .2s ease-in-out;bottom: 100%}
[data-tooltip='']:hover:after, [data-tooltip='']:hover:before {display: none}

.fondloader{background-color: rgba(255,255,255,0.85);}
.loader {border: 10px solid rgba(255,255,255,0);border-top: 10px solid rgba(150,0,0,1);border-bottom: 10px solid rgba(36,42,58,1);border-radius: 50%;width: 60px;height: 60px;animation: spin 2s linear infinite;}
.page_loader{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;min-height:100vh;z-index:100;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.dialog-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow: auto;z-index: 1;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #000;background-color: rgba(0, 0, 0, .75);text-align: center}
.dialog-backdrop + .dialog-backdrop {background-color: transparent}
.dialog-backdrop:before {content: "";display: inline-block;height: 100%;vertical-align: middle;margin-right: -.05em}
.dialog {display: none}
.dialog.is-open {display: inline-block}
.dialog.is-loading {visibility: hidden}
.dialog.is-loading:after {content: "";display: block;width: 80px;height: 80px;background: url(img/commons-preload.gif) no-repeat center center #fff;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);visibility: visible;border-radius: 8px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);box-shadow: 0 0 10px rgba(0, 0, 0, .5)}
.dialog {vertical-align: middle;position: relative;z-index: 2;max-width: 90%;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;padding: 20px;border-radius: 8px;-webkit-box-shadow: 0 0 10px #000;box-shadow: 0 0 10px #000;text-align: left}
.dialog-close {position: absolute;right: 0;top: 0;-webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);transform: translate(50%, -50%);width: 25px;height: 25px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);border-radius: 100%;cursor: pointer;line-height: 1;font-size: 10px;text-align: center}
.dialog-close:before {display: inline-block;vertical-align: middle;font-family: icomoon !important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\00d7";position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}

.autocomplete-suggestions {-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #999;background: #fff;cursor: default;overflow: auto;-webkit-box-shadow: 1px 4px 3px 0 rgba(50, 50, 50, .64);box-shadow: 1px 4px 3px 0 rgba(50, 50, 50, .64)}
.autocomplete-suggestion {padding: 2px 5px;white-space: nowrap;overflow: hidden}
.autocomplete-no-suggestion {padding: 2px 5px}
.autocomplete-selected {background: #f0f0f0}
.autocomplete-suggestions strong {font-weight: 700;color: #000}
.autocomplete-group {padding: 2px 5px;font-weight: 700;font-size: 16px;color: #000;display: block;border-bottom: 1px solid #000}

.pika-single {z-index: 9999;display: block;position: relative;width: 280px;padding: 8px;color: #333;background: #fff;border: 1px solid #ccc;border-bottom-color: #bbb;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;border: 1px solid #bbb;border-radius: 5px;}
.pika-single.is-hidden {display: none}
.pika-single.is-bound {position: absolute;-webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)}
.pika-title {position: relative;text-align: center}
.pika-label {display: inline-block;position: relative;z-index: 9999;overflow: hidden;margin: 0;padding: 5px 3px;font-size: 14px;line-height: 20px;font-weight: 700;background-color: #fff}
.pika-title select {cursor: pointer;position: absolute;z-index: 9998;margin: 0;left: 0;top: 5px;opacity: 0}
.pika-next, .pika-prev {display: block;cursor: pointer;position: relative;outline: 0;border: 0;padding: 0;width: 20px;height: 30px;background-color: transparent;background-position: center center;background-repeat: no-repeat;background-size: 75% 75%;white-space: nowrap;text-indent: 100%;overflow: hidden;opacity: .5}
.pika-next:hover, .pika-prev:hover {opacity: 1}
.is-rtl .pika-next, .pika-prev {float: left;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}
.is-rtl .pika-prev, .pika-next {float: right;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}
.pika-next.is-disabled, .pika-prev.is-disabled {cursor: default;opacity: .2}
.pika-select {display: inline-block}
.pika-table {width: 100%;border-collapse: collapse;border-spacing: 0;border: 0}
.pika-table td, .pika-table th {width: 14.285714285714286%}
.pika-table th {color: #999;font-size: 12px;line-height: 25px;font-weight: 700;text-align: center}
.pika-button {cursor: pointer;display: block;outline: 0;border: 1px solid #ccc;margin: 0;width: 100%;padding: 5px;color: #666;font-size: 12px;line-height: 15px;text-align: right;background: #f5f5f5;box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);}
.is-today .pika-button {color: #3af;font-weight: 700}
.is-selected .pika-button {color: #fff;font-weight: 700;background: #3af;-webkit-box-shadow: inset 0 1px 3px #178fe5;box-shadow: inset 0 1px 3px #178fe5;border-radius: 3px}
.is-disabled .pika-button {pointer-events: none;cursor: default;color: #999;opacity: .3}
.pika-button:hover {color: #fff !important;background: #ff8000 !important;-webkit-box-shadow: none !important;box-shadow: none !important;border-radius: 3px !important}

.quicktip {padding: 7px;max-width: 160px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);border-radius: 3px;background-color: #242a3a;color: #fff;text-align: center;font-size: 14px;line-height: 1.2;position: relative;z-index: 3}
.quicktip.top {margin-bottom: 5px}
.quicktip.top:after {content: "";display: block;width: 10px;height: 5px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' viewBox='0 0 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon style='fill:%23242a3a' points='0%2C0 10%2C0 5%2C5'/%3E%3C/svg%3E");background-size: 100% 100%;position: absolute;left: 50%;top: 100%;margin-left: -5px}
.quicktip.bottom {margin-top: 5px}
.quicktip.bottom:after {content: "";display: block;width: 10px;height: 5px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' viewBox='0 0 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon style='fill:%23242a3a' points='0%2C5 10%2C5 5%2C0'/%3E%3C/svg%3E");background-size: 100% 100%;position: absolute;left: 50%;bottom: 100%;margin-left: -5px}
.quicktip.warning {background-color: #f24141;}
.quicktip.warning{position: absolute;}
.quicktip.warning.top:after {}
.quicktip.warning.top:after {}
.quicktip.warning.bottom:after {}
.quicktip.warning.top:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' viewBox='0 0 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon style='fill:%23f24141' points='0%2C0 10%2C0 5%2C5'/%3E%3C/svg%3E")}
.quicktip.warning.bottom:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' viewBox='0 0 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon style='fill:%23f24141' points='0%2C5 10%2C5 5%2C0'/%3E%3C/svg%3E")}

.front-error > .heading {font-family: Lato, Helvetica, Arial, sans-serif;font-size: 2.6em;color: #242a3a;text-transform: uppercase}

.front-msg {
    position: fixed;
    right: 20px;
    top: 90px;
    z-index: 100;
    text-align: center;
    pointer-events: none
}

.front-msg > li {
    margin-bottom: 10px;
    padding: 5px 25px 5px 10px;
    text-align: center;
    font-size: 1.2em;
    position: relative;
    pointer-events: auto;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
    border-radius: 5px
}

.front-msg > li > .close {
    position: absolute;
    right: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1;
    font-size: 10px;
    text-align: center;
    opacity: .75;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.front-msg > li > .close:hover {
    opacity: 1
}

.front-msg > li > .close:before {
    display: inline-block;
    vertical-align: middle;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90b";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.front-msg > li.status-err {
    background: #f24141;
    color: #fff
}

.front-msg > li.status-ok {
    background: #6ccc60;
    color: #fff
}
.front-msg > li a {
    text-decoration: underline
}

.selected{background: var(--color-green);color:white;padding:5px;}
.link{cursor:pointer}

.explorer-folder-tree {color: #bbb}
.explorer-folder-new {margin: 10px 0;padding: 10px;background: #f5f5f5;border: 1px solid #bbb}
.explorer-folder-new > form + form {margin-top: 10px}
.explorer-folder-table {width: 100%;margin: 10px 0}
.explorer-folder-table td, .explorer-folder-table th {padding: .5em;border-bottom: 1px solid #eee;text-align: center;vertical-align: middle}
.explorer-folder-table td:first-child, .explorer-folder-table th:first-child {text-align: left}
.explorer-folder-table td.actions:last-child, .explorer-folder-table th.actions:last-child {text-align: right}
.explorer-folder-table > thead th {font-weight: 700;border-bottom-color: #242a3a}
.explorer-folder-table > tbody td {-webkit-transition: background-color .25s;-o-transition: background-color .25s;transition: background-color .25s}
.explorer-folder-table > tbody td a.button, .explorer-folder-table > tbody td button.default {padding: 5px 10px}
.explorer-folder-table > tbody td .button {display: inline-block}
.explorer-folder-table > tbody td .button + .button {margin-left: 5px}
.explorer-folder-table > tbody td.actions {white-space: nowrap}
.explorer-folder-table > tbody > tr:hover > td {background-color: rgba(228,238,233,0.8);}
.explorer-folder-table > tfoot td {background-color: #bbb;font-weight: 700}
@media print {
    .explorer-folder-table td, .explorer-folder-table th {padding: .25em;border: 1px solid #000}
    .explorer-folder-table td.actions, .explorer-folder-table th.actions {display: none}
    .explorer-folder-table > tfoot td {background-color: transparent}
}
.explorer-folder-table td.type span {background: url(img/explorer-pictos.png) no-repeat 0 0 transparent;display: block;width: 20px;height: 20px;color: transparent;text-indent: -999em}
.explorer-folder-table td.type.folder span {background-position: -20px 0}
.explorer-folder-table td.type.gif span, .explorer-folder-table td.type.jfi span, .explorer-folder-table td.type.jfif span, .explorer-folder-table td.type.jpeg span, .explorer-folder-table td.type.jpg span, .explorer-folder-table td.type.png span {background-position: -40px 0}
.explorer-folder-table td.type.pdf span {background-position: -60px 0}
.explorer-folder-table td.type.doc span, .explorer-folder-table td.type.docx span {background-position: -80px 0}
.explorer-folder-table td.type.xls span, .explorer-folder-table td.type.xlsx span {background-position: -100px 0}
.explorer-folder-table td.type.gzip span, .explorer-folder-table td.type.zip span {background-position: -120px 0}

.nombre{font-family: Arial;font-weight: bold;margin-left: 5px;position: relative;top: 1px;color: inherit;}

.info{text-align: center;font-size: 1.1em;font-weight: 600;color: var(--color-fire);background-color:transparent;padding: 5px;}
.nodata{text-align: center;font-weight: bolder;font-size: 1.1em;padding: 10px;color: var(--color-fire);}
.alerte{text-align: center;color:white;font-weight: 700;font-size: 1.1em;padding: 10px;background-color: var(--color-fire);}
.talerte{text-align: center;background-color:transparent;font-weight: 700;font-size: 1.1em;padding: 10px;color: var(--color-fire);}
.calerte{border: 1px solid var(--color-fire);}
.falerte{background-color: var(--color-fire);}
.tblanc{color:white}

.divmsg{color:var(--color-fire);font-weight: 700;font-size: 1.1em;padding: 10px;}
.cadremsg{border: 1px solid var(--color-fire) !important;}

/* Table datatable */
table.dataTable, table.dataTable th, table.dataTable td {box-sizing: border-box;}

div#datastables_wrapper,div#datastable_wrapper{width:100%;overflow-x: auto;}
div#datastable_wrapper,div#datastable_wrapper{width:100%;overflow-x: auto;}

div#datastables_length,div#datastable_length{position: relative;top: 0;}

#datastables > thead th,#datastable > thead th {background: var(--color-blue-cerulean);color: white;text-transform: uppercase;letter-spacing: 1px;font-weight: normal;}
table.dataTable thead th, table.dataTable thead td {padding: 10px 18px;border-bottom: none;}
table.dataTable.no-footer {width:calc(100% - 25px);border-bottom: 1px solid var(--color-beige-clair);}
div#datastables_paginate {margin-top:0px;}
div#datastable_paginate {margin-top:0px;}
table.dataTable tbody tr.odd{background-color:var(--color-beige-clair)}
table.dataTable tbody tr.even{background-color: transparent;}
table.dataTable tbody th, table.dataTables tbody td{padding: 5px;}
div#datastables_length{position: relative;top: 0;margin-top:10px;}
div#datastable_length{position: relative;top: 0;margin-top:10px;}

div.dataTables_filter{position: relative;top: -7px;margin-top:10px;}
div.dataTables_filter label:before {content: url("img/loupe.svg");position: relative;top:5px;}

input#choixNom::placeholder{
    color: var(--color-fire) !important;
    text-transform: uppercase;
}
select#choixPays{
    text-transform: uppercase;
}

/*input[type="search"]:focus{*/
/*    font-size: 2rem !important;*/
/*    color: var(--color-fire) !important;*/
/*    cursor: pointer !important;*/
/*}*/

.dataTables_info{margin-left: 20px;color: var(--color-fire) !important; font-weight: 900}
/* fin Table datatable */

/* Modules */

/* TDB */
div.blockfiltre{background: var(--color-beige-clair);padding:10px;margin:0 0 2px 0;border-top: 2px solid white;}
div.blockboutons{float: right;width: 90px;padding:0;display: inline-block;text-align: center;margin-bottom: 10px;z-index: 1;position: relative;}
div.blocktitre{float: left;width: calc(50% - 55px);padding:0;display: inline-block;text-align: left;margin-right: 10px;margin-bottom: 10px;z-index: 1;position: relative;}
div.blocktitre p:first-child{font-weight: bold;color: orange;}
div.blockprix{float: right;width: calc(50% - 60px);padding:5px;display: inline-block;text-align: left;margin-right: 15px;margin-bottom: 10px;border: 2px solid orange;z-index: 1;position: relative;}

h3.tarif, h3.contrainte, h3.taxe, h3.option {display: block;background: var(--color-beige-clair);padding:5px 15px 5px 10px;margin:0;text-align: left;}
h3.tarif span.nb, h3.contrainte span.nb, h3.taxe span.nb, h3.option span.nb{color:white;font-size: inherit;padding-left: 5px;font-weight: bold;}

div.fondcontrainte div.blocktitre{width: calc(100% - 110px);}
div.fondcontrainte div.blockprix{width: 1px;border : none;display: none;}
div.fondtarif, div.fondcontrainte, div.fondtaxe, div.fondoption {margin-bottom: 5px;}

div.fondtarif a.creer, div.fondcontrainte a.creer, div.fondtaxe a.creer, div.fondoption a.creer, button.creer {position: relative;width: 90px;padding: 5px;font-weight: bold;margin:0;text-align: center;background: white}
div.fondtarif a.creer:hover, div.fondcontrainte a.creer:hover, div.fondtaxe a.creer:hover, div.fondoption a.creer:hover, button.creer:hover {background: var(--color-blue-cerulean);color: white;}

div.fondtarif .add, div.fondcontrainte .add, div.fondtaxe .add, div.fondoption .add {position: relative;width: 90px;padding: 5px;font-weight: bold;margin:0;background: white}
div.fondtarif .add:hover, div.fondcontrainte .add:hover, div.fondtaxe .add:hover, div.fondoption .add:hover {background: var(--color-blue-cerulean);color: white;}

div.fondtarif .button.edit, div.fondcontrainte .button.edit, div.fondtaxe .button.edit, div.fondoption .button.edit, section a.edit {width: 90px;padding: 5px;font-weight: bold;margin:0;margin-bottom: 5px;background: white}
div.fondtarif .button.edit:hover, div.fondcontrainte .button.edit:hover, div.fondtaxe .button.edit:hover, div.fondoption .button.edit:hover, section a.edit:hover {background: var(--color-blue-cerulean);color: white;}

div.fondtarif select, div.fondcontrainte select, div.fondtaxe select, div.fondoption select {width:250px;}
div.fondtarif section, div.fondcontrainte section, div.fondtaxe section, div.fondoption section {display: block;vertical-align: middle;}
div.fondtarif form, div.fondcontrainte form, div.fondtaxe form, div.fondoption form {display: block;vertical-align: middle;padding:0;margin:0;}
div.fondtarif hr, div.fondcontrainte hr, div.fondtaxe hr, div.fondoption hr {display: block;position: relative;width: 100%;background: #333333;height: 1px;}
div.fondtarif p b, div.fondcontrainte p b, div.fondtaxe p b, div.fondoption p b, div.hebergement p b, table.vueTdb td p b {font-weight: bold;text-decoration: underline;}

table.vueTdb{width: 100%;}
table.vueTdb td{margin:0;padding:0;}
table.vueTdb td:first-child{width: calc(50% - 60px);}
table.vueTdb td:last-child{width:60px;text-align: right !important;}
table.vueTdb td.double{width: calc(100% - 60px);}

section.prestataire ul.fields.labellarge li{padding-bottom: 20px;}
.saisie_incomplete{
    color: white;
    border-color: var(--color-fire);
    background-color: var(--color-fire);
}

section.tarifUpdate td label{
    display: block;
}
/* Fin TDB */

/* PricerLight */
.prix{font-weight: 900;}
div.listemanuelle, div.listecomm{max-height:300px;overflow-x:hidden;overflow-y: auto;margin-bottom: 10px;padding:5px;}
.pricerlight fieldset{padding:5px;margin: 0;}
.pricerlight fieldset label{display:none;}
.pricerlight fieldset {margin-bottom: 10px;}

.pricerlight fieldset .voirlabel label{
    display: block;
    vertical-align: top;
    /*width: 130px;*/
}
.pricerlight fieldset .voirlabel textarea{
    width: calc(100% - 140px);
}

.pricerlight fieldset li{padding: 5px;}
.pricerlight input[type='checkbox']{
    display: inline-block;
    position: relative;
    top:5px;
    width:17px;
    height:17px;
    margin-left: 5px;
    background: white;border: 1px solid var(--color-blue-cerulean);border-radius: 0;
}
.pricerlight input[type='checkbox']:checked {
    background: black;border: 1px solid var(--color-blue-cerulean);
}
.pricerlight .pax{padding:10px;margin-bottom: 10px;background-color: var(--color-beige-clair);}
.pricerlight textarea:not([cols]) {width: 100%;}

.btrouge{ color: #ca1517 !important; }
/* Fin PricerLight */

/* Pricer */
.pricer fieldset li{padding: 5px;}
.pricer td fieldset label{width: 150px;}
.pricer div#paxs, .pricer div#jours, .pricer div#assurances, .pricer div#commissions {padding:5px;margin:0;}
.pricer .paxs div.titre, .pricer .jours div.titre, .pricer .assurances div.titre, .pricer .commissions div.titre {padding:5px;background-color: var(--color-alto);}
.pricer td .paxs .liste{max-height: 120px;overflow-y: auto;}
.pricer td .jours .liste{max-height: 480px;overflow-y: auto;}
.pricer td .assurances .liste{max-height: 157px;overflow-y: auto;}

.pricer td .jours fieldset label{display: none;}
.pricer td .jours fieldset{width: 50%;}
.pricer .jours div.jour{border: 1px solid var(--color-beige-fonce);margin:5px;}
.pricer .jours .jour .titre{background-color: var(--color-beige-fonce);}
.pricer .blocknombre input[type=text]{width:80px;text-align: center;cursor: default;}

.pricer span.prix {color: var(--color-blue-cerulean)}

.pricer td .modules fieldset label{width: 0; display:none;}
.pricer .modules label.voirlabel{width:30%;display: inline-block}
.pricer .modules input[type=text] {width:200px;}
.pricer .modules select {width:200px;}
.pricer .modules fieldset li {padding: 0;}

.pricer .modules .titre {background: var(--color-beige-clair);}
.pricer .modules .cadreliste{border: 1px solid var(--color-beige-fonce);border-radius: 25px;padding:10px;}
.pricer .modules .liste, .listemanuelle{max-height: 250px;overflow-y: auto;}

.pricer .modules div.pax h3{padding: 5px;display: block;font-weight: bold;text-align: inherit;line-height: var(--line-height-reduced);background: none;color: var(--color-blue-cerulean);font-size: 100%;border: none;background: var(--color-beige-clair);border-radius: 25px;margin:0px;padding-left: 10px;}
.pricer .modules div.pax fieldset ul.fields li.voirlabel label{
    display: block;
    width:100%;
}

.pricer .modules div.pax fieldset ul.fields li.voirlabel input[type='checkbox']{
    position: relative;
    top:8px;
    border-radius: unset;
}
.pricer .modules div.pax fieldset ul.fields li.voirlabel input[type='checkbox']:checked{
    background-color: var(--color-blue-cerulean);
}
li#saisie_marge label{
    display:block;
}
    /* Fin Pricer */

/* Tarif */
.tarifUpdate label.reqd:after {display: none;}
/* Fin Tarif */

/* Spdmc */
.spdmc input[type='radio']{display: inline-block;position: relative;top:2px;left:5px;width:15px;height:15px;background: white;border: 1px solid var(--color-blue-cerulean);border-radius: 0;margin-lft: 10px;}
.spdmc input[type='radio']:checked {background: black;border: 1px solid var(--color-blue-cerulean);}
.spdmc table.dataTable tbody th, table.dataTable tbody td {padding: 5px 5px;}
.spdmc td.type{width: 80px;text-align: right;padding-right: 20px;}
/* Fin Spdmc */

/* Calendrier */
.entete_code input[type='checkbox'] {cursor: pointer;border-radius: unset !important;border:0 !important;margin-right: 5px !important;}
.entete_code input[type='checkbox']:checked{background: black !important;}
/* Fin Calendrier */

/* Requeteur */
.requeteur select, .requeteur input[type='radio'], .requeteur input[type='checkbox'] {
    border-radius: unset;
    width:20px;
    height:20px;
}
.requeteur .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin: 0 0 0 0;
    position: absolute;
    left: 0px;
    top: 2px;
}
.form-check .form-check-input {margin-left: -2.2em !important;}
/* Fin Requeteur */

/* Fin Modules */

.inactif{background-color: rgba(250,0,0,0.25) !important;}
.efface{opacity: 0.2;}

.question{position: relative;top: -2px;color: #000000;font-size: 20px;cursor: pointer;margin-left: 10px;}
.tvert{color:var(--color-blue-cerulean);}

.orange {color: orange}
.forange {background-color: orange}
ul.tabbed li.forange{
    background: none;
    background-color: orange;
}
ul.tabbed > li.forange:hover:after {
    border-top-width: 9px;
}
ul.tabbed > li.forange.active, ul.tabbed > li.forange:hover {
    padding: 14px 15px 16px 15px;
}

ul.tabbed > li.forange.active {
    background: var(--color-blue-cerulean);
    font-weight: bold;
}

ul.tabbed > li.forange.active:after {
    border-top: 9px solid var(--color-blue-cerulean);
}

ul.tabbed > li.forange:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 0px solid orange;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    -webkit-transform: rotate(360deg);
    -moz-transform: scale(0.999);
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 100%;
    transition: border-top-width .25s ease 0s;
    transition-delay: .15s;
}

.frouge{background-color: var(--color-fire);}
ul.tabbed li.frouge{
    background: none;
    background-color: var(--color-fire);
}
ul.tabbed > li.frouge:hover:after {
    border-top-width: 9px;
}
ul.tabbed > li.frouge.active, ul.tabbed > li.frouge:hover {
    padding: 14px 15px 16px 15px;
}

ul.tabbed > li.frouge.active:after {
    border-top: 9px solid var(--color-fire);
}

ul.tabbed > li.frouge:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 0px solid var(--color-fire);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    -webkit-transform: rotate(360deg);
    -moz-transform: scale(0.999);
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 100%;
    transition: border-top-width .25s ease 0s;
    transition-delay: .15s;
}

.modele, .modele a{color:var(--color-fire);}
.change{border: 2px solid var(--color-fire) !important;}
.changeZoho{border: 2px solid var(--color-fire) !important;}
.anomalie{color: #FFFFFF;background-color: var(--color-fire) !important;opacity:1;}
.anomalie:hover{color: #FFFFFF;background-color: var(--color-fire) !important;opacity:1;}

.icone{font-size: 1.1em;vertical-align: middle;}

.nofond{background-color: transparent;}

.nopadding{padding:0px;}
.padding{padding:5px;}
.paddingtop{padding-top:5px;}
.paddingright{padding-right:5px;}
.paddingbottom{padding-bottom:5px;}
.paddingleft{padding-left:5px;}

.margin{margin:5px;}
.nomargin{margin:0;}
.margintop{margin-top: 5px;}
.marginbottom{margin-bottom: 5px;}
.marginright{margin-right: 5px;}
.marginleft{margin-left: 5px;}

.block{display: block;}
.cacher,li.cacher{display: none; !important;}
.milieu{vertical-align: middle;}
.centre{text-align:center;}
.gauche{text-align: left;}
.droite{text-align: right;}
.milieu{vertical-align: middle;}
.haut, .top{vertical-align: top;}

.enligne{display:inline-block !important;}
.retrait{padding-left: 10px;padding-right: 10px;}

.text_uppercase{text-transform: uppercase;}

.flottepas{float: none;}
.flottedroite{float: right;}
.flottegauche{float: left;}
.justifier, .juste{text-align: justify;}

.btnoir{color: var(--color-mine);}
.btrouge{ color: var(--color-fire) !important; }
.btvert{ color: var(--color-green) !important; }
.btbleu{ color: var(--color-blue-bondi) !important; }

.noir{color: var(--color-mine);}
.vert{color: var(--color-green);}
.bleu{color: var(--color-blue-bondi);}
.rouge{color: var(--color-fire);}

.fondrouge{background-color: var(--color-fire);}
.fondvert{background-color: var(--color-green);}
.fondbleu{background-color: var(--color-blue-bondi);}
.fondbeige{background-color: var(--color-beige-clair);}

.obligatoire{border: 0px solid var(--color-fire);}
.supplement{color: var(--color-blue-bayoux);}
.reduction{color: var(--color-green);}

.bord{border: 1px solid var(--color-beige-clair);}
.bordhaut{border-top: 1px solid var(--color-beige-clair);}
.borddroit{border-right: 1px solid var(--color-beige-clair);}
.bordbas{border-bottom: 1px solid var(--color-beige-clair);}
.bordgauche{border-left: 1px solid var(--color-beige-clair);}

.l15{width:20%;padding:5px;}
.l20{width:20%;padding:5px;}
.l30{width:30%;padding:5px;}
.l40{width:40%;padding:5px;}
.l50{width:50%;padding:5px;}
.l60{width:60%;padding:5px;}
.l70{width:70%;padding:5px;}
.l80{width:80%;padding:5px;}
.l85{width:85%;padding:5px;}
.xl8O{width: 80%; padding: 2px}
.l100,textarea.l100:not([cols]) {width:100%;}

.l50px{width:50px;}
.l100px{width:100px;}
.l150px{width:150px;}
.l200px{width:200px;}
.l250px{width:250px;}

.actions > .button + .button {margin: 5px;}
/* Fin Ajout Daniel */


div.page_erreur{
    font-size: 1.3rem;
    line-height: 1.5rem;
}
div.page_erreur h3{
    font-size: 1.5rem;
    line-height: 1.7rem;
    padding:15px 0px 20px 0px;
}
div.error{
    display: block;
    width: 100vw;
    text-align: center;
    margin: 20px;
}
div.row.error{
    z-index: 1;
}
div#error1, div#error2 ,div#error3 {
    display: inline-block;
    background-color: var(--color-blue-cerulean);
    width: 350px;
    height: 350px;
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    border-radius: 50%;
    border: 1px solid var(--color-blue-cerulean);
    overflow: hidden;
    z-index:10;
}

div.error div#error1{
    background-image: url("img/error1.png");
}
div.error div#error2{
    background-image: url("img/error2.png");
}
div.error div#error3{
    background-image: url("img/error3.png");
}

div#error1:hover, div#error2:hover ,div#error3:hover {
    background-color: var(--color-fire);
    border-color: var(--color-fire);
}

/*div.error div#error2:hover {*/
/*    background-image: url("img/tien.png");*/
/*}*/
div.error a.button.add{
    display: block;
    background-color: var(--color-blue-cerulean);
    position: relative;
    top: 80%;
    z-index: 2;
    padding: 10px;
    letter-spacing: 1.5px;
    color: white;
    border-color: var(--color-blue-cerulean);
    font-weight: bold;
    font-size: 85%;
}

div.error a.button.add:hover{
    background-color: var(--color-fire);
    border-color: var(--color-fire);
    color: #ffffff;
    font-weight: bold;
}

div.error div#choice p{
    display: block;
    text-align: center;
    color: var(--color-mine);
    font-weight: bold;
    margin:30px;
}

.notinput{
    background: rgba(255,255,255,0.8);
    border: none;
    border-radius: 10px;
    padding:5px;
}

.popup_check{
    color: black;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1rem;
    display: none;
    width: 100%;
    border-radius: 25px;
    background: white;
    border: 1px solid var(--color-fire);
    z-index: 100;
    position: relative;
    top: 10px;
    padding:20px;
    overflow-y: auto;
    margin-bottom:30px
}
.popup_check_full{
    position: absolute;
    top:20px;
    left:20px;
    width: calc(100% - 40px);
    height : calc(100vh - 40px);
    z-index: 200;
    background: white;
}

.popup_check h3{
    border-bottom: 1px solid var(--color-fire);
}
.popup_check i{
    position: absolute;
    z-index: 101;
    right: 20px;
    top:15px;
    font-size: 1.5rem;
}
.popup_check div{
    color: inherit;
    padding:5px;
}
.popup_check span{
    color: inherit;
}
.popup_check a{
    color: inherit;
    text-decoration: none;
}
.popup_check a div:hover{
    background: rgba(255, 0, 0, 0.1);
}

.popup_check .button{color: var(--color-blue-cerulean);padding:7px 10px 5px 10px}
.popup_check .button:hover{color:white;}

.incomplet{color: orange;font-weight: bold;}

.nobackground{
    background: none !important;
    background-color: transparent !important;
}
.readonly{
    font-weight: bolder;
    color : black;
    background: var(--color-alto);
    background-color: var(--color-alto);
}
button{
    cursor:pointer;
}

div.archive{
    /*display: flex;*/
    /*white-space: pre;*/
    font-size: 0.8rem;
    line-height: 1.1rem;
    margin:5px;
    padding-left: 30px;
    padding-right: 30px;
}
span.archive{
    border: 1px solid var(--color-alto);
    padding:2px 5px;
    margin:2px;
    background: rgba(0,0,0,0.05);
    display: inline-block;
}
span.archive b.champ{
    background: transparent;
    color: var(--color-blue-bondi);
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.7rem;
}
span.archive b.valeur{
    font-weight: bolder;
    background: transparent;
}

/* INFO BULLE */
/* Style de la bulle d'info ℹ */
.info-bubble {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #007BFF;
    color: white;
    font-weight: bold;
    border-radius: 50%;
    font-size: 12px;
    margin-left: 5px; /* Espace pour éviter que ℹ soit trop collé */
    cursor: pointer;
    position: relative;
}

/* Apparition de la bulle au survol */
.info-bubble:hover::after {
    content: attr(data-title);
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    top: 150%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out;
    z-index: 1000;
}

/* Cache l'info-bulle par défaut */
.info-bubble::after {
    content: attr(data-title);
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

input.ajuste{
    width:70px;
    text-align: center;

}