html {
    height: 100%;
    min-height: 100%;
    position: relative;
}

#pdfPreviewModal {
    top: -130px;
}

#declarationPdfPreview {
    width: 100%;
    height: 600px;
}

#pdfPreviewModal .modal-header {
    margin-bottom: 0;
}

#pdfPreviewModal .modal-body {
    padding: 0 15px;
}

.pdfPreviewModalWidth {
    width: 1020px;
}

.matrix-table-type {
    border-collapse: separate;
}

.matrix-table-type {
    border-spacing: 0 33px;
}

.h-100 {
    height: 100%;
}

.multipleSelectInMatrixColDisplay .select-search-list {
    overflow-y: auto;
}

.multipleSelectInMatrixColDisplay .select-search-list li {
    margin-top: 5px;
    height: 26px;
}

.multipleSelectInMatrixColDisplay .select-search-list-item.select-search-list-item_input {
    display: table-row-group;
}

.singleSelectInMatrixColDisplay .select-search-list li {
    height: 26px;
}

.singleSelectInMatrixColDisplay .select-search-list-item_hide {
    position: absolute !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .singleSelectInMatrixColDisplay .select-search-list li {
        height: 26px;
    }

    .singleSelectInMatrixColDisplay .select-search-list-item.select-search-list-item_input input {
        height: 4px;
    }
}

.tooltip .tooltiptext {
    background-color: red;
}

.colNameMatrix {
    position: relative;
}

.colNameMatrixWithMargin {
    padding-right: 28px !important;
}

.colNameMatrix .help {
    top: 5px !important;
    background-image: none;
    right: 5px;
}

body {
    position: relative;
    min-height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif;
    background-color: rgb(229, 229, 229);
    color: rgb(102, 102, 102);
}

.displayColMatrixRepeatable {
    margin: 0;
}


.b-n {
    border: none !important;
}

.greenBtn {
    background: none;
    border: none;
    font-size: 22px;
    color: #007576;
}

.header-menu-icon.establishments {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-menu-icon.establishments i {
    font-size: 27px;
}

.titre,
.soustitre,
.partie,
.souspartie {
    font-family: Signika;
    overflow: hidden;
    text-overflow: ellipsis;
}

.soustitre {
    max-width: calc((100% - 600px) * 0.75);
}

header .deconnecter,
header .titre,
header .logo,
.cliquable {
    cursor: pointer;
}

header div.logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #007576;;
    height: 108px;
    background-size: cover;
}

header, nav, section, footer {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
}

header {
    min-height: 108px;
    border-bottom: 1px solid rgb(217, 217, 217);
}

header .logo {
    margin-top: 0;
    padding: 0;
}

header .nom,
header .profil,
header .help-button,
header .users,
header .establishments,
header .manage-establishments,
header .admin,
header .faq {
    float: right;
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header .nom {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

header .profil {
    background-image: url('../img/compte.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-color: rgb(153, 153, 153);
    color: #fff;
    padding: 0;
    width: 60px;
    height: 48px;
    background-position: center;
}

header .help-button {
    background-color: rgb(153, 153, 153);
    color: #fff;
    padding: 0;
    width: 60px;
    font-size: 25px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid white;
}

header .admin {
    background-image: url('../img/adm.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-color: rgb(153, 153, 153);
    color: #fff;
    padding: 0;
    width: 60px;
    height: 48px;
    border-right: 1px solid white;
    background-position: center;
}

header .users {
    background-image: url('../img/people-icon.png?v20221003123830');
    background-size: 56%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(153, 153, 153);
    color: #fff;
    padding: 0;
    width: 60px;
    height: 48px;
    border-left: 1px solid white;
    background-position: center;
}


header .faq {
    background-image: url('../img/help.png?v20221003123830');
    background-size: 56%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(153, 153, 153);
    color: #fff;
    padding: 0;
    width: 60px;
    height: 48px;
    border-left: 1px solid white;
    background-position: center;
}

header .establishments, header .manage-establishments {
    /* background-image: url('../img/establishments.png?v20221003123830');
     background-size: 56%;*/
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: rgb(153, 153, 153);
    color: #fff;
    padding: 0;
    width: 60px;
    height: 48px;
    border-right: 1px solid white !important;
}

header,
header .soustitre,
header .partie,
header .souspartie {
    background-color: #fff;
}

header .titre {
    color: #fff;
    background-color: rgb(151, 136, 123);
}

.green-bg {
    background-color: #007576 !important;
}

.green-color {
    color: #007576 !important;
}

.purple-bg {
    background-color: #5B2679 !important;
}

.purple-color {
    color: #5B2679 !important;
}

header .orange {
    background-color: #007576;;
    height: 60px;
    margin: 0;
}

header .deconnecter {
    background-color: rgb(241, 241, 241);
    color: rgb(153, 153, 153);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    font-style: italic;
    border: 0px solid rgb(0, 0, 0);
    min-height: 22px;
    height: 22px;
    width: 100%;
    margin: 0;
    padding: 0;
}

section {
    font-size: 12px;
}

/***** Containers *****/
section.connexion,
section.motdepasseperdu,
section.inscription,
section.inscription-confirm {
    max-width: 690px;
}

section.saisie {
    max-width: 1390px;
}

section.moncompte,
section.historique,
section.modifier, section.establishments, section.establishment {
    max-width: 1045px;
}

/***** Login *****/
.oublie {
    font-style: italic;
    font-size: 12px;
}

/***** Ecran saisie *****/
.menu_saisie {
    position: absolute;
}

.menu_saisie aside {
    margin: 0;
    margin-top: 29px;
}

.menu_saisie ol {
    padding: 0;
}

.menu_saisie li {
    position: relative;
    display: block;
    min-height: 35px;
    line-height: 35px;
    padding: 0;
    padding-right: 35px;
    margin: 6px;
    color: rgb(153, 153, 153);
    background-color: rgb(229, 229, 229);
    font-family: Signika;
    font-size: 16px;
    border: 0px solid rgb(229, 229, 229);
}

section.saisie li span.numero {
    padding: 0 5px;
    background-color: #fff;
    border: 3px solid rgb(229, 229, 229);
    font-size: 24px;
    margin-right: 12px;
    float: left;
    max-height: 35px;
    line-height: 33px;
}

section.saisie li div.titre {
    margin-left: 41px;
}

section.saisie li.rempli {
    color: #fff;
    background-color: #7baeae;
}

section.saisie li.rempli span.numero {
    color: #7baeae;
    border-color: #7baeae;
}

section.saisie li.courrant {
    left: 10px;
    color: #fff;
    background-color: #007576;;
    overflow: visible;
}

section.saisie li.courrant span.numero {
    color: #007576;;
    border-color: #007576;;
}

section.saisie li.vide {
    color: rgb(229, 229, 229);
    background-color: rgb(153, 153, 153);
    pointer-events: none;
}

section.saisie li.vide span.numero {
    color: rgb(153, 153, 153);
    border-color: rgb(153, 153, 153);
}

section.saisie div.page_icone {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

section.saisie div.subpage_icone {
    position: relative;
    left: 120px;
    height: 29px;
    background-repeat: no-repeat;
    bottom: 15px;
}


section.saisie li.page_valide div.page_icone {
    background-image: url('../img/page-valide.png?v20221003123830');
}

section.saisie li.subpage_valide div.subpage_icone {
    background-image: url('../img/page-valide.png?v20221003123830');
}

section.saisie li.page_erreur div.page_icone {
    background-image: url('../img/page-erreur-rouge.png?v20221003123830');
}

section.saisie li.subpage_erreur div.subpage_icone {
    background-image: url('../img/page-erreur-rouge.png?v20221003123830');
}


section.saisie li.vide div.page_icone {
    background-image: none;
}

section.saisie div.courrant {
    position: absolute;
    right: -12px;
    top: 0px;
    width: 12px;
    height: 35px;
    background-image: url('../img/menu_fleche_droite_orange.png?v20221003123830');
    background-repeat: no-repeat;
}

section.saisie div.courrant.x2 {
    height: 70px;
    background-image: url('../img/menu_fleche_droite_orange_2.png?v20221003123830');
}

th.parpage {
    padding: 0 3px;
}

th.parpage select {
    min-width: 0;
    padding: 0;
    float: right;
}

section.nouvelle span,
section.historique span {
    font-family: Signika;
}

article, aside, div.box {
    background-color: #fff;
    box-shadow: 2px 2px 2px rgb(217, 217, 217);
    border-radius: 2px;
    margin-bottom: 15px;
}

article {
    padding: 10px 41px 41px 41px;
}

.formTitle {
    padding: 10px 0 2px 0;
    margin: 0px;
    border-bottom: 1px solid rgb(217, 217, 217);
}

/***** form *****/
input, select, textarea {
    border-radius: 3px;
    border: solid 1px rgb(209, 209, 209);
    padding: 5px 10px;
    min-width: 230px;
    max-width: 675px;
    min-height: 29px;
    margin-left: 2px;
}

textarea.formText {

    min-width: 460px;
    max-width: 675px;
    min-height: 116px;

}

select:disabled {
    background-color: rgb(235, 235, 228);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px rgb(209, 209, 209);

}

select:disabled::-ms-expand {
    display: none;
}

select[multiple], textarea {
    float: right;
}

input:disabled {
    background-color: rgb(235, 235, 228);
}

input[type="date"] {
    line-height: normal;
}

input[type="file"] {
    background-color: #fff;
    display: inline-block;
}

input[type=checkbox] {
    min-width: inherit;
    min-height: inherit;
    margin: 2px 0 0 0px !important;
}

input[type=radio] {
    min-width: inherit;
    min-height: inherit;
    margin: 2px 0 0 -14px !important;
}

input.ville {
    min-width: 230px;
}

form {
    color: rgb(121, 121, 121);
}

form div label {
    vertical-align: middle;
}

form div.ng-scope {
    margin: 0;
}

form div.ng-scope-reversed {
    margin-bottom: 14px !important;
    margin-top: 6px !important;
}

form div {
    margin-bottom: 14px;
    margin-top: 6px;
}

form div[ng-repeat] {
    margin: 0;
}

.champs .label {
    display: inline-block;
    color: rgb(121, 121, 121);
    font-size: 12px;
    font-weight: normal;
    padding: 0 0 0em;
}

.champs .label,
label {
    text-align: left;
    margin-bottom: 2px;
}

.champs p {
    display: inline-block;
}

.champs .withoptiongroup p {
    margin-left: 15px;
}

.likeRightField, .checkgroup {
    margin-left: 235px;
}

input[type=checkbox] + label {
    text-align: left;
}

fieldset div.close {
    display: inline-block;
    background-color: rgb(229, 229, 229);
    background-image: url('../img/fermer.ico.png?v20221003123830');
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

article.saisie legend {
    color: #007576;;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: -30px;
    left: 0;
}

input, select {
    border-radius: 3px;
    padding: 5px 10px;
    min-width: 160px;
    max-width: 675px;
    min-height: 29px;
    margin-left: 2px;
}

.mailRefInput {
    min-width: 205px !important;
}

.disabledPrefillCodeField {
    min-width: 199px !important;
}

.champ_erreur select:disabled,
.champ_erreur select,
.champ_erreur textarea,
.champ_erreur input,
.champ_erreur fieldset,
.champ_erreur .dropzone,
.champ_erreur .tags {
    border: 1px solid rgb(255, 0, 0);
}

.champ_erreur .checkboxsaisie > span {
    padding: 4px 3px 2px;
    border: 1px solid rgb(255, 0, 0);
    border-radius: 5px;
}

.champ_erreur .radiosaisie > span {
    padding: 7px 7px 7px;
    border: 1px solid rgb(255, 0, 0);
    border-radius: 6px;
    position: absolute;
    margin-left: -15.5px;
}

.textChampsObligatoire {
    font-size: 10px;
    text-align: right;
    padding: 0;
    margin: 0;
}

.upperCaseInput {
    text-transform: uppercase;
}

/**** Formulaire de saisie ****/
.checkgroup label {
    margin-left: 4px !important;
    text-align: left;
}

.radio p {
    margin-left: 3px !important;
    text-align: left;
}

.checkboxsaisie {
    text-align: left;
}

.radiosaisie {
    display: block;
    text-align: left;
}

.checkboxConfirm {
    float: left;
}

.textCheckboxConfirm {
    margin-left: 40px;
    width: 100%;
    word-break: break-word;

}

.textCheckboxConfirmRepeatabe {
    margin-left: 40px;
    width: 98%;
    word-break: break-word;

}

.textCheckboxConfirmRepeatableHelpText {
    margin-left: 40px;
    word-break: break-word;

}

.textCheckboxConfirmWithHelpText {
    margin-left: 40px;
    width: 96%;
    word-break: break-word;

}


span.checkboxsaisie {
    padding-bottom: 10px;
}

/**** Boutons ****/
button.inscription,
button.connexion,
button.suivant,
button.precedent,
button.sauvegarder {
    position: absolute;
    bottom: 0;
    color: #fff;
    border: 0 none rgb(0, 0, 0);
    min-height: 37px;
    font-family: Signika;
    font-size: 18px;
}

button.inscription,
button.precedent {
    left: 0;
    background-color: rgb(151, 136, 123);
    min-width: 117px;
}

button.connexion,
button.suivant,
button.sauvegarder {
    right: 0;
    background-color: #007576;;
    min-width: 114px;
}

button.continuer {
    float: right;
    margin-right: -30px;
    margin-top: 152px;
    color: #fff;
    background-color: #007576;;
    border: 0 none rgb(0, 0, 0);
    height: 30px;
    min-width: 114px;
    min-height: 37px;
    font-family: Signika;
    font-size: 18px;
}

div.accueil {
    display: inline-block;
    float: right;
    color: #fff;
    background-color: rgb(151, 136, 123);
    border: 0 none rgba(0, 0, 0, 0);
    height: 30px;
    min-height: 36px;
    line-height: 36px;
    font-family: Signika;
    font-size: 18px;
    margin: 0;
    cursor: pointer;
    padding: 1px 6px;
}

div.accueil a {
    color: #fff;
    text-decoration: none;
}

.fleche_gauche_marron {
    float: right;
    background: url('../img/bouton_fleche_gauche_marron.png?v20221003123830') no-repeat;
    width: 16px;
    height: 36px;
}

.fleche_droite_orange {
    float: right;
    background: url('../img/menu_fleche_droite_orange.png?v__VERSION') no-repeat;
    width: 16px;
    height: 36px;
}

.file-button-trix {
    width: 25px;
}

/***** Page mon compte *****/
form[name='account_form'] div.categorie + div > div {
    position: relative;
}

form[name='account_form'] div.categorie + div > div > input,
form[name='account_form'] div.categorie + div > div > select {
    vertical-align: top;
}

form[name='account_form'] div.categorie + div > div > textarea {
    float: none;
}

.menu_establishments, .menu_moncompte {
    float: left;
}

.menu_goform {
    float: right;
    margin-right: 40px;
}

.menu_goform .cliquable {
    display: inline-block;
    float: left;
    color: #fff;
    background-color: rgba(0, 116, 115, 1);
    border: 0 none rgba(0, 0, 0, 0);
    height: 30px;
    min-height: 36px;
    line-height: 36px;
    font-family: Signika;
    font-size: 18px;
    margin: 0;
    cursor: pointer;
    padding: 1px 6px;
    text-decoration: none;
}

nav.onglet_menu {
    float: right;
}

nav.onglet_menu ul {
    margin-bottom: 0;
}

nav.onglet_menu li {
    position: relative;
    list-style-type: none;
    min-height: 36px;
    line-height: 36px;
    color: rgb(176, 165, 156);
    background-color: rgb(241, 241, 241);
    border: 0 none rgb(0, 0, 0);
    font-family: Signika;
    font-size: 18px;
    padding: 0 7px;
    display: inline-block;
    margin: 0 0 0 11px;
    cursor: pointer;
}

nav.onglet_menu li.active {
    cursor: default;
}

nav.onglet_menu li.active:after {
    background-color: #007576;
    width: 89%;
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 6%;
}

nav.onglet_menu.purple-color li.active:after {
    background-color: #5B2679;
    width: 89%;
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 6%;
}

nav.onglet_menu li.active {
    background-color: #fff;
    color: rgb(151, 136, 123);
}

.inputview {
    display: inline-block;
    text-align: left;
    font-weight: bold;
    background-color: #e5e5e5;
    border-radius: 3px;
    padding: 5px 10px;
}

/***** Page Historique *****/
.historique select,
.historique label {
    min-width: inherit;
}

.historique label {
    display: block;
    text-align: left;
}

#admin-page #admin-declarations-tabs label[for="pagination_hist"],
#admin-page #admin-np-users label[for="pagination_user"],
#admin-page #admin-status label[for="pagination_status"] {
    padding-top: 0px;
    padding-bottom: 5px;
}

.historique select {
    max-width: 100%;
}

select.parpage {
    margin-right: 0;
}

.articletitle {
    font-size: 14px;
}

.articleLibelle {
    font-size: 12px;
}

/* Bouton nouvelle declaration */
.nouvelle {
    background-image: url('../img/plus.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: 1px;
    padding: 0 10px 0 50px;
    height: 32px;
    line-height: 32px;
    max-width: 253px;
    cursor: pointer;
}

/*Admin - Bouton modifier formulaire */
.modifyForm {
    background-image: url('../img/roue.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: 1px;
    padding: 0;
    padding-left: 65px;
    height: 32px;
    line-height: 32px;
    max-width: 253px;
    cursor: pointer;
}

.returnMenuAdmin {
    background-image: url('../img/menu_fleche_droite_orange.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: 1px;
    padding: 0;
    padding-left: 65px;
    height: 32px;
    line-height: 32px;
    max-width: 233px;
    cursor: pointer;
}

article.historique,
article.modifier {
    background-image: url('../img/barre.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

article.historique button.action {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #007576;
!important;
    border-radius: 0;
}

article.historique button.action:hover,
article.historique button.action:focus {
    background-color: #007576;
);
}

button.sauvegarder {
    bottom: -38px;
}

button.ajouter,
.champs button {
    float: right;
    color: #fff;
    background-color: rgb(151, 151, 151);
    border: 0 none rgb(0, 0, 0);
    font-family: Signika;
    font-size: 14px;
}

.champs button,
.modifier input + button {
    background-color: #007576;;
    margin: 4px 0 0 5px;
}

button.changementMotDePasse {
    margin-left: 20px;
    color: #fff;
    background-color: rgb(151, 151, 151);
    border: 0 none rgb(0, 0, 0);
    font-family: Signika;
    font-size: 14px;
    margin-top: 30px;
}

button.cacher {
    visibility: hidden;
}

.checkgroup {
    vertical-align: top;
    margin: 0;
}

/***** Table *****/
table {
    width: 100%;
    border-collapse: collapse;
}

table, article.historique form {
    border: 1px solid rgb(217, 217, 217);
    margin-top: 15px;
}

article.historique table {
    background-color: white;
}

th {
    height: 51px;
}

td > div.cell,
td > div.button-cell {
    background-color: rgb(241, 241, 241);
    height: 43px;
}

td > div.cell {
    overflow: hidden;
    word-break: break-word;
}

#admin-page #admin-declaration-table td > div.cell,
#admin-page #admin-np-users td > div.cell,
#admin-page #admin-status td > div.cell {
    word-break: keep-all;
}

td > div.button-cell {
    padding: 5px;
}

tr:hover td > div.cell,
tr:hover td > div.button-cell {
    background-color: rgb(217, 217, 217);
}

th,
td > div.cell,
article.historique form {
    padding: 10px 10px;
}

th, label {
    font-weight: normal;
}

th, td select {
    color: rgb(153, 153, 153);
}

td > div.cell {
    position: relative;
}

.indicateur {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 9px;
    height: 9px;
    background-color: rgb(176, 165, 156);
}

.obligatoire {
    color: #007576;;
}

/***** Tableaux *****/
th.tri {
    background-image: url('../img/trino.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}

th.asc {
    background-image: url('../img/triasc2.ico.png?v20221003123830');
}

th.desc {
    background-image: url('../img/tridesc2.ico.png?v20221003123830');
}

th.triprim.asc {
    background-image: url('../img/triasc.ico.png?v20221003123830');
}

th.triprim.desc {
    background-image: url('../img/tridesc.ico.png?v20221003123830');
}

.tableaux {
    margin-top: 20px;
}

.tableaux table {
    table-layout: fixed;
    width: 100%;
}

.tableaux .celulleroue,
.tableaux .celullecopy,
.tableaux .celullecroix,
.tableaux .cellulebarre,
.tableaux .celluleinfo,
.tableaux .celullevide {
    width: 39px;
}

.tableaux .celulleroue > .cell {
    background-image: url('../img/roue.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.tableaux .celullecroix > .cell {
    background-image: url('../img/croix2.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(151, 136, 123);
    cursor: pointer;
}

.tableaux .cellulebarre > .cell {
    background-image: url('../img/cerclebarre.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(151, 136, 123);
    cursor: pointer;
}

.tableaux .cellulebarre.switchoff > .cell {
    background-image: url('../img/cerclebarre-switchoff.ico.png?v20221003123830');
    background-color: transparent;
}

.tableaux .celluleinfo > .cell {
    background-image: url('../img/infoloupe.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.tableaux .celulleduplicate {
    display: none;
}

.tableaux .celulleduplicate > .cell {
    background-image: url('../img/duplicate.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(151, 136, 123);
    cursor: pointer;
}

.tableaux .celullecopy > .cell {
    background-image: url('../img/icon-copy.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.tableaux .appartenance > .cell {
    background-image: url('../img/etoile.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: right center;
}

.tableaux.input_table {
    background-color: #fff;
}

.tableaux.input_table td {
    border: 1px solid #fff;
    background-color: rgb(241, 241, 241);
    padding: 10px 20px;
}

.tableaux.input_table td > div {
    position: relative;
}

.tableaux.input_table .celulleroue,
.tableaux.input_table .celullecroix,
.tableaux.input_table .cellulebarre,
.tableaux.input_table .celluleinfo,
.tableaux.input_table .celullevide {
    padding: 5px 12px;
}

.tableaux.input_table td .cell {
    border-color: rgb(229, 229, 229);
}

.tableaux.input_table .celullevide .cell {
    border: none;
}

.tableaux.input_table tr:hover td {
    background: rgb(217, 217, 217);
}

.tableaux.input_table tr.selected td,
.tableaux.input_table tr.selected .celulleroue > div,
.tableaux.input_table tr.selected .celluleinfo > div,
.tableaux.input_table tr.selected .celullevide > div {
    background-color: rgb(248, 223, 212);
}

.tableaux.input_table tr.selected:hover td,
.tableaux.input_table tr.selected:hover .celulleroue > div,
.tableaux.input_table tr.selected:hover .celluleinfo > div,
.tableaux.input_table tr.selected:hover .celullevide > div {
    background-color: rgb(242, 191, 168);
}

tr.filtre th {
    padding: 0;
    margin: 0;
    text-align: center;
    height: 24px;
}

tr.filtre input,
tr.filtre select {
    display: inline-block;
    min-width: 0;
    min-height: 19px;
    height: 19px;
    width: calc(100% - 6px);
    padding: 0 13px;
    margin: 0 3px 5px;
    font-weight: normal;
}

tr.filtre input {
    padding: 0 17px;
}

/***** Page Favoris ******/
.categorie, .categorietab {
    display: block;
    color: #007576;;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #7baeae;
    padding-bottom: 10px;
    padding-top: 20px;
    margin-bottom: 20px;
}

article.mesfavoris button.newelt {
    float: right;
    margin-bottom: 15px;
    color: #fff;
    background-color: rgb(151, 136, 123);
    border: 0 none rgb(0, 0, 0);
    width: 69px;
    height: 25px;
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif;
    font-size: 12px;
}

/***** Tooltips *****/
.champs button + .tooltip > .tooltip-inner,
.modifier input + button + .tooltip > .tooltip-inner,
div.help + .tooltip > .tooltip-inner {
    background-color: rgb(151, 136, 123) !important;
    font-style: italic;
    max-width: 350px;
    min-width: 150px;
}

.champs button + .tooltip.right > .tooltip-arrow,
.modifier input + button + .tooltip.right > .tooltip-arrow,
div.help + .tooltip.right > .tooltip-arrow {
    border-right-color: rgb(151, 136, 123) !important;
}

.champs button + .tooltip.bottom > .tooltip-arrow,
.modifier input + button + .tooltip.bottom > .tooltip-arrow,
div.help + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: rgb(151, 136, 123) !important;
}

.champs button + .tooltip.left > .tooltip-arrow,
.modifier input + button + .tooltip.left > .tooltip-arrow,
div.help + .tooltip.left > .tooltip-arrow {
    border-left-color: rgb(151, 136, 123) !important;
}

.champs button + .tooltip.top > .tooltip-arrow,
.modifier input + button + .tooltip.top > .tooltip-arrow,
div.help + .tooltip.top > .tooltip-arrow {
    border-top-color: rgb(151, 136, 123);
}

.champs button + .tooltip > .tooltip-inner ol,
.champs button + .tooltip > .tooltip-inner ul,
.modifier input + button + .tooltip > .tooltip-inner ol,
.modifier input + button + .tooltip > .tooltip-inner ul,
div.help + .tooltip > .tooltip-inner ol,
div.help + .tooltip > .tooltip-inner ul {
    text-align: left;
    margin: 0;
}

.champs button + .tooltip > .tooltip-inner p,
.modifier input + button + .tooltip > .tooltip-inner p,
div.help + .tooltip > .tooltip-inner p {
    /*white-space: nowrap;*/
    margin: 0;
}

/*.champs button + .tooltip > .tooltip-arrow,*/
/*.modifier input + button + .tooltip > .tooltip-arrow,*/
/*div.help + .tooltip > .tooltip-arrow {*/
/*border-right-color: rgb(151, 136, 123);*/
/*}*/
.tooltip > .tooltip-inner {
    background-color: rgb(121, 121, 121) !important;
}

.tooltip.right > .tooltip-arrow {
    border-right-color: rgb(121, 121, 121);
}

.tooltip.bottom > .tooltip-arrow {
    border-bottom-color: rgb(121, 121, 121);
}

.tooltip.left > .tooltip-arrow {
    border-left-color: rgb(121, 121, 121);
}

.tooltip.top > .tooltip-arrow {
    border-top-color: rgb(121, 121, 121);
}

/***** popup *****/
div.modal-dialog,
div.modal {
    margin-bottom: 0;
    margin-top: 0;
}

div.modal textarea {
    margin-bottom: 15px;
    max-width: 100%;
}

div.modal .textareagroup {
    display: inline-block;
    max-width: 100%;
}

#nameModalFunction .modal-content div {
    margin: 0;
}

.popupLabel {
    font-size: 12px;
}

/****** Message ******/
div.historique_message,
div.moncompte_message,
div.saisie_message,
div.confirm_message {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

div.saisie_message {
    margin-left: 346px;
    margin-bottom: 15px;
}

#passModalFunction .moncompte_message {
    width: 100%;
}

.message {
    background-color: #fff;
    padding: 8px;
    font-size: 12px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

span.erreur, p.erreur {
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif;
    font-size: 12px;
    color: rgb(255, 0, 0);
}

span.attention, p.attention {
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif;
    font-size: 12px;
    color: rgb(255, 168, 0);
}

span.reussi, p.reussi {
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif;
    font-size: 12px;
    color: rgb(0, 128, 0);
}

span.echec, p.echec {
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif;
    font-size: 12px;
    color: red;
}

/**** Pagination ******/
div.table_pagination {
    text-align: center;
}

.pagination > li > a,
.pagination > li > span {
    color: #007576;
}

.pagination.purple-color > li > a,
.pagination.purple-color > li > span {
    color: #5B2679;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: rgb(102, 102, 102);
    cursor: not-allowed;
    background-color: #fff;
    border-color: rgb(229, 229, 229);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;
    background-color: #007576;
    border-color: #007576;
}

.pagination.purple-color > .active > a,
.pagination.purple-color > .active > span,
.pagination.purple-color > .active > a:hover,
.pagination.purple-color > .active > span:hover,
.pagination.purple-color > .active > a:focus,
.pagination.purple-color > .active > span:focus {
    color: #fff;
    background-color: #5B2679;
    border-color: #5B2679;
}

.paged_table_container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.paged_table_container > .items_per_page {
    position: absolute;
    top: -24px;
    right: 0;
    margin: 0;
}

#admin-page #admin-declarations-tabs select#pagination_hist,
#admin-page #admin-np-users select#pagination_user,
#admin-page #admin-status select#pagination_status {
    top: -12px;
}

html .clear {
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none rgb(0, 0, 0) !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
}

/**** Confirm ****/
#modal-confirm-body-text {
    text-align: center;
}

#modal-confirm-body-text > b,
#modal-confirm-body-text > span {
    display: block;
    margin: 0.6vw auto;
}

/***** Affichage autocomplete ******/
#suggestions {
    z-index: 1000;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 999999999;
    left: 999999999;
    display: none;
}

#suggestions li {
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0 5px;
    color: rgb(153, 153, 153);
    background-color: rgb(242, 242, 242);
}

#suggestions li.active {
    color: #fff;
    background-color: #007576;;
}

/***** Loader *****/
div#loader {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgb(0, 0, 0);
    color: rgb(121, 121, 121);
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif;
    font-size: 14px;
    line-height: 100%;
    vertical-align: middle;
    text-align: center;
}

/*** Datepicker ***/
.datepicker .active > span {
    color: black;
}

.datepicker .btn,
.datepicker th {
    padding: 3px;
    height: auto;
    width: auto;
    background-color: white;
    color: black;
}

.datepicker .btn-info.active {
    background-color: #7baeae;
}

.datepicker .active {
    background-color: #d7d7d7;
}

.datepicker-required {
    border: 1px solid #d80027 !important;
}

.datepicker .ng-invalid-date {
    border: 1px solid #d80027 !important;
}

.datepicker table,
.datepicker li > div {
    margin: 0;
}

.datepicker ul {
    padding: 0;
}


div#loader,
.modal-backdrop.in {
    filter: alpha(opacity=40);
    opacity: 0.4;
}

div#loader .position {
    position: absolute;
    top: 45%;
    left: 50%;
    width: auto;
}

div#loader .animation {
    display: inline-block;
    height: 48px;
    width: 48px;
    background-image: url('../img/loader.gif?v20221003123830');
    background-repeat: no-repeat;
}

/****************ADMIN**************************/
.saisie fieldset {
    background-color: rgb(229, 229, 229);
    padding: 20px 30px 20px 20px;
    margin-top: 50px;
    position: relative;
}

.saisie legend {
    color: rgb(197, 189, 183);
    font-style: italic;
    border: 0 none rgb(0, 0, 0);
}

.span-3 {
    width: 277px;
}

.form-group.btn {
    border: 1px solid #cccccc;
    border-top-radius: 4px;
    border-bottom-radius: 0;
    width: 208px !important;
}

/*.form-group {*/
/*   !* float: left;*/
/*    clear: left;*!*/
/*    !*width: 240px;*!*/
/*}*/

input.form-control {
    margin-bottom: 0;
    border-radius: 0;
    border: 1px solid #cccccc;
    border-top: none;
    padding-right: 20px;
}

.row .form-group:first-child input.form-control {
    border-top: 1px solid #cccccc;
    border-top-radius: 4px;
}

.row .form-group:last-child input.form-control {
    border-bottom-radius: 4px;
}

.ng-repeat-reorder-parent, [ng-repeat-reorder] {
    z-index: 10;
    position: relative;
}

[ng-repeat-reorder].dragging {
    z-index: 11;
    position: absolute;
}

.form-group.dragging input {
    border: 1px solid #cccccc;
}

.form-group.dragging-after input {
    background-color: green;
    border-top: 1px solid #cccccc;
}

.form-group.dragging-before input {
    background-color: red;
}

#names > div:first-child {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

.active-drag-below {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.menuadmin_saisie {
    position: absolute;
}

.menuadmin_saisie aside {
    margin: 0;
    margin-top: 29px;
}

.menuadmin_saisie ol {
    padding: 0;
}

.menuadmin_saisie li {
    position: relative;
    display: block;
    min-height: 35px;
    line-height: 35px;
    padding: 0;
    padding-right: 35px;
    margin: 6px;
    color: rgb(153, 153, 153);
    background-color: rgb(229, 229, 229);
    font-family: Signika;
    font-size: 16px;
    border: 0px solid rgb(229, 229, 229);
}

.menuadmin_saisie li span.numero {
    padding: 0 5px;
    background-color: #fff;
    border: 3px solid rgb(229, 229, 229);
    font-size: 24px;
    margin-right: 12px;
    float: left;
    max-height: 35px;
    line-height: 33px;
}

.menuadmin_saisie li div.titre {
    margin-left: 41px;
}

.menuadmin_saisie li.rempli {
    color: #fff;
    background-color: #7baeae;
}

.menuadmin_saisie li.rempli span.numero {
    color: #7baeae;
    border-color: #7baeae;
}

.menuadmin_saisie li.courrant {
    left: 10px;
    color: #fff;
    background-color: #007576;;
    overflow: visible;
}

.menuadmin_saisie li.courrant span.numero {
    color: #007576;;
    border-color: #007576;;
}

.menuadmin_saisie li.rempli {
    color: #fff;
    background-color: #7baeae;
}

.menuadmin_saisie li.rempli span.numero {
    color: #7baeae;
    border-color: #7baeae;
}

#menu_admin {
    min-height: 32px;
    margin-bottom: 15px;
}

.admin_onglet_menu {
    position: absolute;
    top: 11px;
    right: 11px;
}

.type_de_champ {
    margin-left: 49px;
    min-width: 413px;
}

button.buttonroue {
    background-image: url('../img/roue.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    margin-top: 5px;
    margin-right: -32px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 0;
    top: 2px;
}

button.buttoncroix {
    background-image: url('../img/croix2.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(151, 136, 123);
    float: right;
    margin-top: 5px;
    margin-right: -5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 0;
}

button.fieldBtn {
    border: 0 none rgb(0, 0, 0);
    min-height: 37px;
    font-family: Signika;
    float: right;
    font-size: 18px;
    color: #fff;
    background-color: #007576;;
    min-width: 114px;
    margin-right: 4px;
}

button.normal {
    border: 0 none rgb(0, 0, 0);
    min-height: 37px;
    font-family: Signika;
    float: right;
    font-size: 18px;
    color: #fff;
    background-color: #007576;;
    min-width: 114px;
    margin-right: 4px;
}

.fieldboxtitle {
    display: block;
    color: rgb(51, 51, 51);
    font-size: 18px;
    border-bottom: 1px solid rgb(217, 217, 217);
    padding-bottom: 10px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.numerofieldbox {
    padding: 0 5px;
    background-color: #fff;
    border: 3px solid rgb(229, 229, 229);
    font-size: 24px;
    margin-right: 12px;
    margin-top: -20px;
    float: left;
    max-height: 35px;
    line-height: 33px;
}

button.saveCfield {
    font-family: Signika;
    font-size: 18px;
    color: #fff;
    background-color: rgb(151, 136, 123);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -2px;
    margin-right: -9px;
    cursor: pointer;
    height: 25px;
    border: 0;
    top: 2px;
}

fieldset.field {
    background-color: #007576;;
    position: relative;
    margin-top: 1px;
}

.field {
    color: #fff;
    font-size: 12px;
    /*  height: 60px; */
    margin-right: 13px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.numerofield {
    padding: 0 5px;
    background-color: #fff;
    color: rgb(102, 102, 102);
    border: 3px solid rgb(229, 229, 229);
    font-size: 15px;
    margin-top: -5px;
    margin-right: 20px;
    float: left;
    max-height: 25px;
    line-height: 23px;
}

.conditionfield {
    background-color: rgb(229, 229, 229);
    padding: 20px;
    margin-top: 50px;
    position: relative;
}

.subpagefield {
    background-color: rgb(229, 229, 229);
    padding: 20px;
    margin-top: 50px;
    position: relative;
}

button.buttoncroixpage {
    background-image: url('../img/croix2.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(151, 136, 123);
    float: right;
    margin-top: -30px;
    margin-right: -32px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 0;
}

button.buttonrouepage {
    background-image: url('../img/roue.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    margin-top: 5px;
    margin-right: -4px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 0;
    top: 2px;
}

li.titrepage {
    position: relative;
    max-width: 330px;
    padding-right: 70px;
}

li.titrepage button.buttonrouepage {
    position: absolute;
    right: 28px;
    top: 0;
    margin: 5px;
}

li.titrepage button.buttoncroixpage {
    position: absolute;
    right: 0;
    top: 0;
    margin: 5px;
}

.principal_section {
    padding-bottom: 50px;
}

.principal_section #saisie-page a {
    text-decoration: underline !important;
    color: #428bca;
}

footer,
footer a,
footer a:hover,
footer a:focus,
footer a:active {
    font-size: 12px;
    color: #999;
    text-decoration: none;
}

footer a:hover {
    cursor: pointer;
}

footer {
    padding: 10px 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#choiceFormModal .modal-body {
    padding: 10px;
}

.btn-formdeclaration {
    margin: 3px 0;
    background-color: #7baeae;
    color: #ffffff;
    text-align: left;
    white-space: initial;
}

.btn-formdeclaration:hover, .btn-formdeclaration:focus, .btn-formdeclaration:active, .btn-formdeclaration.active {
    background-color: #007576;;
    color: #ffffff;
}

.btn-formdeclaration > span {
    font-size: 0.7em;
    font-style: italic;
}

#connexion-page article.connexion { /* connexion page */
    position: relative;
}

#connexion-page article.connexion .welcome { /* connexion page */
    font-size: 18px;
}

#motdepasseperdu-page article.motdepasseperdu { /* mot de passe perdu page */
    position: relative;
}

#inscription-page article.inscription { /* inscription page*/
    position: relative;
}

#inscription-page form[name="register_form"] input.particular-user { /* inscription page*/
    margin-bottom: 15px !important;
    vertical-align: top;
}

#inscription-page form[name="register_form"] input.external-provider { /* inscription page*/
    margin-bottom: 15px !important;
    vertical-align: top;
}

#inscription-page form[name="register_form"] div.help.declarant-mail-info-bubble { /* inscription page*/
    position: relative;
}

#mentions-legales-page .address { /* mentions legales page*/
    font-size: 12px;
    margin-bottom: -10px
}

#accueil-page { /* accueil page*/
    max-width: 95%;
}

#accueil-page #main_nav {
    margin-bottom: 60px;
}

#accueil-page #main_nav > ul > li > a { /* accueil page*/
    font-size: 1.1em;
    font-weight: bolder;
}

#accueil-page #main_nav > ul > li > .content > .declarationMenu .link_content { /* accueil page*/
    font-size: 1em;
    border-radius: 0px;
    background-color: white;
    color: #007576;
    padding: 5px 10px;
}

#accueil-page #main_nav > ul > li:hover > .content { /* accueil page*/
    padding: 5px;
}

#accueil-page #declrations_table { /* accueil page*/
    margin-bottom: 60px;
}


.accueilTable tbody tr td div.button-cell { /* accueil page*/
    width: 100%;
}

.accueilTable ul.dropdown-menu .divider { /* accueil page*/
    text-align: center;
}

.accueilTable tfoot tr {
    border-top: 1px solid rgb(217, 217, 217);
    border-right: none !important;
    border-bottom: 1px solid rgb(217, 217, 217);
}

.red {
    border: 1px solid rgb(255, 0, 0);
}

.user_onglet_menu {
    position: relative;
    bottom: 2px;
    right: 11px;
}

#accueil-page #addCresModal {
    padding-top: 160px;
}

#accueil-page #addCresModal .modal-body {
    margin-bottom: 32px;
}

#accueil-page #addCresModal #import_file_form #fileCres {
    font-size: 12px;
}

#accueil-page #addCresModal .attachement-errors {
    margin: 0px;
}

#accueil-page #addCresModal .attachement-errors label[for="fileCres"] {
    min-width: 250px;
    margin-bottom: 20px;
}

#accueil-page #addCresModal .attachement-errors label[for="fileCresOptionnel"] {
    min-width: 250px;
    margin-bottom: 12px;
}

#accueil-page #addCresModal .add-attachement {
    cursor: pointer;
}

#accueil-page #addCresModal #cres-upload-attached-file {
    min-width: 234px;
}

#accueil-page #addCresModal #fileCresOptionnel {
    font-size: 12px;
    margin-left: 32px;
}

#accueil-page #addCresModal .remove-attachement {
    color: #b50a0a;
    cursor: pointer;
}

#accueil-page #addCresModal #submitCresForm {
    margin-left: 5px;
}

#accueil-page #needSigisModal .modal-body select {
    margin-top: 40px;
    margin-bottom: 20px;
}

#accueil-page #siretNeededModal .modal-footer button[type="submit"] {
    background-color: #007576;
    color: white;
}

#pdfnontrouve-page {
    background-image: url(../img/carre.ico.png?v20221003123830);
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
}

.flag-img {
    width: 35px;
    height: 20px;
    margin-top: 15px;
    min-height: 20px;
    min-width: 20px;
    padding-left: 30px;
    font-size: 12px;
    text-align: center;
    vertical-align: text-top;
}

.flag-img:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
}

.translation-text {
    color: white;
    margin-top: 3px;
    font-family: Signika;
    font-size: 14px;
    cursor: pointer;

}

#header-page .establishments-tooltip,
#header-page .users-tooltip {
    display: none;
    background-color: rgb(151, 136, 123);
    position: absolute;
    margin-left: -160px;
    margin-top: 50px;
    z-index: 1;
    font-size: 1.3em;
    border-radius: 5px;
}

#header-page .faq-tooltip {
    display: none;
    background-color: rgb(151, 136, 123);
    position: absolute;
    margin-right: 0px;
    margin-top: 50px;
    z-index: 1;
    font-size: 1.3em;
    border-radius: 5px;
}

#header-page .help-tooltip {
    display: none;
    background-color: rgb(151, 136, 123);
    position: absolute;
    margin-left: 2px;
    margin-top: 54px;
    z-index: 1;
    font-size: 18px;
    border-radius: 5px;
}

#header-page .establishments-tooltip {
    margin-left: -83px;
    margin-top: 53px;
}

#header-page .profil-tooltip {
    display: none;
    background-color: rgb(151, 136, 123);
    position: absolute;
    margin-left: -140px;
    margin-top: 50px;
    z-index: 1;
    font-size: 1.3em;
    border-radius: 5px;
}

#header-page .admin-tooltip {
    display: none;
    background-color: rgb(151, 136, 123);
    position: absolute;
    margin-left: -75px;
    margin-top: 50px;
    z-index: 1;
    font-size: 1.3em;
    border-radius: 5px;
}

#header-page .profil:hover .profil-tooltip {
    display: block;
}

#header-page .help-button:hover .help-tooltip {
    display: block;
}

#header-page .establishments:hover .establishments-tooltip,
#header-page .users:hover .users-tooltip,
#header-page .faq:hover .faq-tooltip {
    display: block;
}

#header-page .admin:hover .admin-tooltip {
    display: block;
}

#creatingCresModal .modal-dialog {
    height: auto;
    max-height: 100%;
}

#creatingCresModal .modal-body {
    padding: 30px;
}

#creatingCresModal .modal-body input {
    min-width: 200px;
}

#moncompte-page .listSigis {
    margin-left: 190px;
    margin-top: -2%;
    list-style: none
}

#accueilAsnEntity-page #select_establishment {
    margin-top: -50px;
    width: 400px;
}

#accueilAsnEntity-page {
    max-width: 95%;
}

header .nom {
    text-align: right;
    flex-grow: 1;
    flex-basis: 100%;
}

header .orange .orange-body {
    position: absolute !important;
    right: 60px !important;
    top: 10px !important;
    margin: 0px !important;
    padding: 0px !important;
    color: #ffffff;
    font-size: 16px;
}

article.saisie_form {
    margin-top: 75px;
}

ul.list-style-item-tag, ol.list-style-item-tag {
    list-style: none;
}

#saisie-page .mobile-aside {
    display: none;
}

.modal-footer button {
    white-space: normal;
}

#saisie-page form[name="input_form"] div.displayColMatrix input, #saisie-page form[name="input_form"] div.displayColMatrixRepeatable input {
    height: 100% !important;
}

#saisie-page form[name="input_form"] div.displayColMatrix oi-select, #saisie-page form[name="input_form"] div.displayColMatrixRepeatable oi-select {
    padding-left: 0px !important;
    padding-top: 0px;
    height: 100% !important;
}

#saisie-page form[name="input_form"] div.displayColMatrix oi-select .select-search, #saisie-page form[name="input_form"] div.displayColMatrixRepeatable oi-select .select-search {
    height: 100% !important;
    margin: 0;
}

div.displayColMatrix .scrollable-table oi-select:not(.multiple):not(.cleanMode) .select-search:after {
    right: 50px;
}

#saisie-page form[name="input_form"] oi-select {
    min-width: 245px;
    max-width: 675px;
    padding-left: 10px;
    height: 62px;
}


#saisie-page form[name="input_form"] oi-select.ng-invalid .select-search {
    padding: 0 !important;
    height: 36px;
    margin: 0 !important;
}

#saisie-page form[name="input_form"] oi-select.ng-invalid {
    height: 36px;
    padding-top: 0px !important;
}

#saisie-page form[name="input_form"] oi-select.ng-invalid.ng-invalid-error-condition-matrix .select-search {
    border-color: red;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 6px !important;
}

#saisie-page form[name="input_form"] oi-select div.select-search ul.select-search-list {
    height: 36px;
    padding-top: 0;
}

#saisie-page form[name="input_form"] oi-select .select-dropdown {
    margin-top: 0;
    top: 45px;
    width: 100%;
}

#saisie-page form[name="input_form"] .radionuclide_field label:not(.vertical) {
    align-self: center;
}

#saisie-page form[name="input_form"] .radionuclide_field oi-select {
    padding: 0 !important;
    height: 29px;
    display: inline-block;
    width: auto;
    margin-left: 6px;
    max-width: 280px;
    min-width: 210px;
}

#saisie-page form[name="input_form"] .radionuclide_field oi-select.vertical {
    margin-left: 2px !important;
}

#saisie-page form[name="input_form"] .radionuclide_field .select-dropdown {
    top: 28px !important;
    max-height: 255px;
}

#saisie-page form[name="input_form"] .radionuclide_field .select-dropdown .select-dropdown-optgroup-option {
    padding: 3px 10px;
}

#saisie-page form[name="input_form"] .radionuclide_field oi-select .select-search {
    margin: 0 !important;
    height: 100%
}

#saisie-page form[name="input_form"] .radionuclide_field oi-select .select-search-list {
    height: 100% !important;
}

#saisie-page form[name="input_form"] .radionuclide_field oi-select .select-search-list-item_input {
    margin: 0 !important;
}

#saisie-page form[name="input_form"] .radionuclide_field oi-select:not(.multiple) .select-search-list-item_selection {
    color: #797979 !important;
    font-weight: bold;
    font-size: 12px;
}

#saisie-page form[name="input_form"] .radionuclide_field oi-select:not(.multiple):not(.cleanMode) .select-search::after {
    margin-top: -15px;
}

.radionuclide_field oi-select:not(.multiple) .select-search::after {
    border-color: #797979 transparent transparent !important;
}

.radionuclide_field oi-select.open:not(.multiple) .select-search::after {
    border-color: transparent transparent #797979 !important;
}

#saisie-page form[name="input_form"] oi-select.ng-invalid .select-dropdown {
    margin-top: unset;
    top: 36px;
    width: 100%;
}

#saisie-page form[name="input_form"] oi-select:not(.multiple):not(.cleanMode) .select-search:after {
    margin-left: 170px;
    right: 6px;
}

#admin-page {
    max-width: 95%;
    margin-top: 0;
    padding-bottom: 116px;
}

#admin-page table .form-date {
    width: 140px;
    text-align: left;
}

#admin-page table .form-disabled {
    width: 100px;
    text-align: left;
}

#admin-page #admin_form_table .form-date .form-disabled div.cell {
    padding-top: 5px
}

#admin-page #admin-inb-users {
    padding-top: 0;
}

#admin-page #admin-inb-users .row .nouvelle {
    background-color: #f1f1f1;
    min-width: 200px;
    margin-bottom: 0;
}

#admin-page #admin-inb-users #admin-inb-table {
    margin-top: 0;
}

/* *********************************************
 *     * INSCRIPTION  FOR RESPONSIVE * 			*
 ********************************************* */
section.inscription label {
    width: 230px;
}

section.inscription label[for="leaderCheckBox"] {
    width: 100%;
    display: inline;
}

section.inscription p.small {
    position: relative;
    left: 235px;
    max-width: 230px;
    font-size: 9px;
}

/* *******************************************************************************
*********************************** RESPONSIVE ***********************************
******************************************************************************* */

/************************ STYLE NORMAL *****************************************/
@media screen and (min-width: 1130px) {
    div#loader .animation {
        height: 128px;
        width: 128px;
        background-image: url('../img/big-loader.gif?v20221003123830');
    }

    header div.logo {
        width: 201px;
    }

    header > * {
        min-height: 48px;
        line-height: 48px;
        display: inline-block;
        float: left;
        margin: 0;
        margin-top: 60px;
        font-size: 24px;
        padding-left: 5px;
        padding-right: 5px;
    }

    header .orange {
        display: block;
        float: none;
    }

    header .soustitre,
    header .partie,
    header .souspartie {
        background-image: url('../img/triangle.ico.png?v20221003123830');
        background-repeat: no-repeat;
        padding-left: 25px;
        padding-right: 0;
        background-position: -20px center;
    }

    header .deconnecter {
        float: right;
        background-image: url('../img/deconnecter.png?v20221003123830');
        background-repeat: no-repeat;
        width: 125px;
    }

    section {
        margin-top: 42px;
    }

    article.saisie {
        max-width: 1045px;
        margin-left: 346px;
    }

    div.menu_saisie {
        max-width: 315px;
    }

    div.menu_saisie aside {
        width: 300px;
        float: left;
        margin: 15px;
    }

    article {
        background-image: url('../img/carre.ico.png?v20221003123830');
        background-repeat: no-repeat;
        background-position: top left;
        position: relative; /* pour positionnement des boutons */
    }

    article.purple-bi {
        background-image: url('../img/carre_purple.ico.png?v20221003123830');
    }

    input,
    select, option {
        font-weight: bold;
    }

    th.ref {
        min-width: 173px;
    }

    th.date {
        min-width: 173px;
    }

    th.etablissement {
        min-width: 381px;
    }

    th.type {
        min-width: 176px;
    }

    th.etat {
        min-width: 137px;
    }

    th.action {
        min-width: 92px;
    }

    article.saisie form div.champs > div.favoris label,
    article.saisie form div.champs > fieldset > div.favoris label {
        font-style: italic;
        font-weight: bold;
    }

    article.modifier .definir_appartenance {
        border-top: 1px solid rgb(217, 217, 217);
        padding-top: 37px;
        margin-top: 10px;
    }

    div.confirm_message {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #accueil-page #main_nav ul { /* accueil page main nav */
        display: flex;
        flex-direction: row;
        align-content: space-between;
        min-height: 45px;
    }

}

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

    .translation-text {
        margin-top: 0;
        font-size: 14px !important;
    }

    #header-page {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    header .logo {
        flex-basis: 30%;
        order: 1;
        height: 50px !important;
        background-size: 106px !important;
    }

    header .orange {
        flex-basis: 70%;
        order: 2;
        height: 50px;
        right: 15px !important;
        top: 50px !important;
        margin: auto;
        padding: auto;
    }

    header .orange div {
        width: auto;
    }

    header .titre {
        flex-basis: 100%;
        order: 3;
        margin-top: 0px;
        min-height: 48px;
        line-height: 48px;
        font-size: 19px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        text-align: center;
    }

    header .soustitre {
        flex-basis: 100%;
        max-width: unset;
        order: 4;
        margin-top: 0px;
        min-height: 48px;
        line-height: 48px;
        font-size: 19px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        text-align: center;
    }

    header #user-toolbar {
        flex-basis: 100%;
        order: 5;
        display: flex;
        flex-direction: row;
        width: 0px;
        margin-top: 0px;
        text-align: center;
    }

    header .nom {

        color: #ffffff;
        max-width: none;
        flex-basis: 100%;
        order: 1;
        min-height: 48px;
        line-height: 48px;
        font-size: 19px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        text-align: center;
    }

    header .nom span {
        padding: 0;

    }

    header #user-toolbar #establishment-select-ctnr {
        order: 5;
        flex-basis: 100%;
    }

    header .establishments-add {
        flex-basis: 20%;
        order: 6;
    }

    header .admin {
        flex-basis: 20%;
        order: 7;
        border-left: 1px solid;
        margin-top: 0;
    }

    header .profil {
        flex-basis: 20%;
        order: 8;
        margin-top: 0;
        border-left: 1px solid white;
    }

    header .help-button {
        flex-basis: 20%;
        order: 9;
        border-left: 1px solid white;
    }

    header .users {
        flex-basis: 20%;
        order: 9;
    }

    header .deconnecter {
        font-size: 12px;
        min-height: 22px;
        line-height: 22px;
        flex-basis: 100%;
        order: 8;
    }

    /*header .users,*/
    /*header .establishments {*/
    /*background-position: 15px 15px;*/
    /*}*/
    header .orange .orange-body {
        right: 0 !important;
    @media screen and (min-width: 1130 px) margin: auto !important;
        padding: auto !important;
        color: #ffffff;
        font-size: 16px;
    }

    section {
        margin-top: 15px;
    }

    section.inscription p.small {
        left: 0;
        max-width: 100%;
    }

    div.menu_saisie, aside, div.help {
        display: none;
    }

    input:not(#connexion-page input), select:not(#connexion-page select), textarera:not(#connexion-page textarea), header div.logo, table, form, article, .message {
        width: 100%;
    }

    input[type="radio"], input[type="checkbox"] {
        width: auto;
    }

    div.help-container {
        display: block;
    }

    .help-container label {
        max-width: inherit;
    }

    .champs .label,
    label {
        text-align: center;
        /*width: 100%;*/
        min-width: inherit;
    }

    #admin-page #addAccountModal .modal-body form[name="addInbEstablishmentForm"] label {
        width: auto;
        text-align: start !important;
    }

    .champs p {
        display: block;
    }

    /* Informative text */
    .help-container.informative_text {
        position: relative;
        display: block;
    }

    .help-container.informative_text > div:first-child {
        display: block;
    }

    .help-container.informative_text > div:first-child > p,
    .help-container.informative_text > div:first-child > p + div {
        display: block;
    }

    /**** Form *****/
    form div {
        margin-bottom: 10px;
    }

    .likeRightField, .checkgroup {
        margin-left: 0;
        text-align: center;
    }

    #connexion-page .likeRightField {
        padding-left: 75px;
    }

    #connexion-page .oublie {
        padding-left: 0;
    }

    .likeRightField label, .checkgroup label {
        width: auto;
    }

    .categorie, .categorietab {
        font-size: 12px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-bottom: 10px;
    }

    article {
        padding-bottom: 50px;
    }

    article.saisie legend {
        font-size: 12px;
    }

    input:not(#connexion-page input), select:not(#connexion-page select), textarea:not(#connexion-page textarea) {
        max-width: inherit;
        min-width: inherit;
    }

    /*  Text (device button) */
    .help-container.default > div {
        display: block;
    }

    /*** mon compte ***/
    div.nouvelle {
        margin-right: auto;
        margin-left: 0;
        margin-bottom: 16px;
        padding-top: 0;
    }

    .monCompte {
        margin-top: 0;
    }

    .historique select {
        margin-bottom: 10px;
    }

    select.parpage {
        float: none;
        margin-bottom: 5px;
    }

    #connexion-page label { /* connexion page **/
        width: 220px !important;
    }

    #connexion-page .likeRightField label[for="souvenir"] { /* connexion page **/
        text-align: start !important;
    }

    #motdepasseperdu-page label { /* connexion page **/
        width: auto !important;
        text-align: start !important;
    }

    #accueil-page #main_nav ul { /* accueil page main nav */
        display: flex;
        flex-direction: row;
        align-content: space-between;
    }

    #moncompte-page .menu_moncompte { /* moncompte page */
        position: relative;
    }

    #moncompte-page form[name='account_form'] input, #moncompte-page form[name='account_form'] select { /* moncompte page */
        max-width: 338px !important;
    }

    #addUserModal .champs .label,
    #addUserModal label {
        text-align: center;
        width: auto;
        min-width: inherit;
    }

    #saisie-page article.saisie {
        max-width: 1045px;
        margin-left: 346px;
    }

    #saisie-page div.menu_saisie, #saisie-page aside, #saisie-page div.help {
        display: block;
    }

    #saisie-page div.menu_saisie #retour_accueil {
        margin-bottom: 45px;
    }

    .formName {
        margin-top: -78px !important;
    }

    #saisie-page form[name="input_form"] button.precedent {
        left: auto;
    }

    #admin-page div#menu_admin div.nouvelle {
        margin-left: 0px;
        margin-bottom: 15px;
    }

    #header-page oi-select .select-search-list-item_input input {
        margin-left: 0px !important;
    }

    #header-page #establishment-select-ctnr .select-search-list-item_input {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }

    #header-page #establishment-select-ctnr .select-search-list {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #header-page #establishment-select-ctnr .select-search {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

}

@media screen and (max-width: 709px) {
    .historique th.type,
    .historique tr td:nth-child(3),
    .historique th.etat,
    .historique tr td:nth-child(4) {
        display: none;
    }

    header #user-toolbar {
        flex-basis: 100%;
        order: 5;
        display: flex;
        flex-direction: column;
    }

    header .nom {
        text-align: center;
        width: 100% !important;
    }

    header #user-toolbar #establishment-select-ctnr {
        width: 100% !important;
    }

    #saisie-page div.menu_saisie, #saisie-page aside, #saisie-page div.help {
        display: none;
    }

    #connexion-page label { /* connexion page **/
        width: 100% !important;
        /*text-align: center !important;*/
    }

    #connexion-page .likeRightField label[for='souvenir'] { /* connexion page **/
        text-align: center !important;
        width: auto !important;
    }

    #connexion-page input { /* connexion page **/
        text-align: center !important;
        width: 100% !important;
    }

    #connexion-page .likeRightField input#souvenir { /* connexion page **/
        width: auto !important;
    }

    #connexion-page .likeRightField { /* connexion page **/
        padding-left: 0px;
    }

    #connexion-page .oublie { /* connexion page **/
        padding-left: 0px;
    }

    #inscription-page article.inscription {
        margin-bottom: 100px;
    }

    #inscription-page label { /* inscription page **/
        width: 100% !important;
        display: inline !important;
        /*text-align: center !important;*/
    }

    #inscription-page input:not([type='checkbox']) { /* inscription page **/
        text-align: center !important;
        width: 100% !important;
    }

    #inscription-page form[name="register_form"] div.help.declarant-mail-info-bubble {
        display: none;
    }

    #moncompte-page .menu_moncompte { /* moncompte page */
        position: relative;
    }

    #moncompte-page form[name='account_form'] input, #moncompte-page form[name='account_form'] select { /* moncompte page */
        width: 100%;
        max-width: unset !important;
        min-width: unset !important;
    }

    #moncompte-page form[name='account_form'] input { /* moncompte page */
        text-align: center;
    }

    #moncompte-page form[name='account_form'] select { /* moncompte page */
        text-align-last: center;
    }

    #moncompte-page form[name='account_form'] label { /* moncompte page */
        width: 100% !important;
        text-align: center;
    }

    #moncompte-page .listSigis { /* moncompte page */
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding-left: 0px !important;
    }

    #moncompte-page .listSigis #establishment_sigis { /* moncompte page */
        width: 90%;
    }

    #moncompte-page div.help { /* moncompte page */
        display: none;
    }

    #users-management, #users-management thead, #users-management tbody, #users-management th, #users-management td, #users-management tr,
    #admin-page #admin-status-table, #admin-page #admin-status-table thead, #admin-page #admin-status-table tbody, #admin-page #admin-status-table th, #admin-page #admin-status-table td, #admin-page #admin-status-table tr {
        display: block;
    }

    #users-management thead tr,
    #admin-page #admin-status-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;

    }

    #users-management tr td,
    #admin-page #admin-status-table tr td {
        background-color: rgb(241, 241, 241);
        border: solid 2px white;
        position: relative;
        padding-left: 45%;
    }

    #users-management td:before,
    #admin-page #admin-status-table td:before {
        position: absolute;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: normal;
    }

    #admin-page #admin-status-table tr:nth-of-type(odd) td, #admin-page #admin-status-table tr:nth-of-type(odd) div {
        background-color: rgb(217, 217, 217);
    }

    #admin-page #admin-np-table tbody td > div.cell,
    #admin-page #admin-status-table tbody td > div.cell,
    #admin-page #admin-status-table tbody td > div.button-cell {
        border: none;
        border-left: 1px solid #fff;
    }

    #users-management .cell .indicateur {
        display: none;
    }

    #users-management td > div.cell,
    #users-management td > div.button-cell {
        border-left: 1px solid #fff;
        min-height: 67px;
    }

    #users-management td > div.button-cell {
        border: none;
    }

    #users-management tr:hover td > div.cell, #users-management tr:hover td > div.button-cell {
        background-color: unset;
    }

    #users-management td:nth-of-type(1):before {
        content: "Courriel ";
        font-weight: bold;
    }

    #users-management td:nth-of-type(2):before {
        content: "Gestionnaire";
        font-weight: bold;
    }

    #users-management td:nth-of-type(3):before {
        content: "Activé";
        font-weight: bold;
    }

    #users-management td:nth-of-type(4):before {
        content: "";
        font-weight: bold;
    }

    #admin-page #admin-status-table td:nth-of-type(1):before {
        content: "Identifier";
        font-weight: bold;
    }

    #admin-page #admin-status-table td:nth-of-type(2):before {
        content: "Titre";
        font-weight: bold;
    }

    #admin-page #admin-status-table td:nth-of-type(3):before {
        content: "Commentaire";
        font-weight: bold;
    }

    #admin-page #admin-status-table td:nth-of-type(4):before {
        content: "Filtre Etat";
        font-weight: bold;
    }

    #addUserModal input {
        width: 100%;
    }

    #addUserModal .champs .label,
    #addUserModal label {
        text-align: center;
        width: 100%;
        min-width: inherit;
    }

    #accueilAsnEntity-page #select_establishment {
        width: 100%;
    }

    #admin-page nav.admin_onglet_menu ul {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    #admin-page #menu_admin div.nouvelle {
        margin-left: 0px;
        margin-right: auto;
    }

    #admin-page nav.onglet_menu {
        float: unset;
    }

    #admin-page .admin_onglet_menu {
        position: initial;
        top: 0px;
        right: 0px;
    }

    #admin-page nav.onglet_menu li.active {
        background-color: #fff;
        color: rgb(151, 136, 123);
    }

    #admin-page nav.onglet_menu li {
        position: relative;
        list-style-type: none;
        min-height: 52px;
        line-height: 36px;
        color: rgb(176, 165, 156);
        background-color: rgb(241, 241, 241);
        border: 0 none rgb(0, 0, 0);
        font-family: Signika;
        font-size: 18px;
        padding: 0 7px;
        cursor: pointer;
        margin-left: 0px;
    }

    #admin-page nav.onglet_menu li.active:after {
        width: 100%;
        left: 0;
    }

    #admin-page #admin_form_table, #admin-page #admin_form_table thead, #admin-page #admin_form_table tbody, #admin-page #admin_form_table th, #admin-page #admin_form_table td, #admin-page #admin_form_table tr { /*final*/
        /*display: block;*/
        /*overflow-x: hidden;*/
        display: block;
    }

    #admin-page #admin_form_table thead tr { /*final*/
        position: absolute;
        top: -9999px;
        left: -9999px;

    }

    #admin-page #admin_form_table tr td { /*final*/
        background-color: rgb(241, 241, 241);
        border: solid 2px white;
        position: relative;
        width: 100%;
    }

    #admin-page #admin_form_table .celulleroue, #admin-page #admin_form_table .celullecroix {
        width: 100%;
    }

    #admin-page tr:hover td > div.cell, #admin-page tr:hover td > div.button-cell {
        background-color: unset;
    }

    #admin-page #admin-declarations-tabs {

        margin-top: 0px !important;
    }

    #admin-page #test-functionalities select#export_conditions,
    #admin-page #test-functionalities select#export_bc {
        width: 233px;
    }

    textarea#establishment_address {
        width: 100%;
    }

}

/* !! Refonte CSS !! */

/* ******************************************************************************
 *                                  * GLOBAL *                                  *
 ****************************************************************************** */

textarea {
    resize: vertical;
}

/* ******************************************************************************
 *                                  * PAGES *                                   *
 ****************************************************************************** */

/* *********************************************
 *                  * LOGIN *                  *
 ********************************************* */
section.connexion label {
    width: 230px;
}

/* *********************************************
 *                  * ADMIN *                  *
 ********************************************* */

button.buttonrouefieldbox {
    position: absolute;
    top: 25px;
    right: 45px;
    background-image: url('../img/roue.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 0;
}

button.buttoncroixfieldbox {
    position: absolute;
    top: 25px;
    right: 10px;
    background-image: url('../img/croix2.ico.png?v20221003123830');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(151, 136, 123);
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 0;
}

/* **********************************************
 *                  * PROFIL *                  *
 ********************************************** */

div#motDePasseModal label {
    width: 230px;
}

body#page-profil form[name='account_form'] label,
body#page-profil-modifier form[name='change_form'] label,
body#page-profil-modifier div#declarationDeviceModal label {
    width: 230px;
}

/* Radio buttons */
body#page-profil-modifier form[name='change_form'] > div > div > fieldset.radio_fieldset > div > label {
    width: 100%;
}

body#page-profil-modifier form[name='change_form'] > div > div > fieldset.radio_fieldset > div > label > input[type='radio'] {
    position: absolute;
    min-width: 0;
    left: 23%;
}

body#page-profil-modifier form[name='change_form'] > div > div > fieldset.radio_fieldset > div > label > input[type='radio'] + p {
    display: block;
    padding-left: 25%;
    text-align: left;
}

/* ****************************************************
 *                  * DECLARATIONS *                  *
 **************************************************** */

.help-container fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 0 0 2px;
    padding: 10px 20px;
    background: none;
}

.help-container legend {
    color: rgb(197, 189, 183);
    font-style: italic;
    border: 0 none rgb(0, 0, 0);
}

/* Radio buttons */
.help-container.radio > div > *:first-child + fieldset > div.radio > label > input {
    margin: 0 0 0 -20px !important;
}

.help-container.radio > div > *:first-child + fieldset > div.radio > label {
    min-width: 0;
    max-width: none;
    font-size: 12px;
    text-align: left;
}

/* Checkboxes (multiple)) */
.help-container.checkboxsaisie > div > fieldset > div > label {
    min-width: 0;
    max-width: none;
    text-align: left;
}

.help-container.checkboxsaisie > div > fieldset > div > label > input {
    position: absolute;
}

.help-container.checkboxsaisie > div > fieldset > div > label > p {
    margin-left: 20px;
}

/* Textarea */
.help-container.textarea > textarea {
    float: none;
}

/* .help */
div.help-container {
    /*margin-bottom: 14px;*/
    /*margin-top: 6px;*/
    display: block;
    position: relative;
}

div.help {
    display: inline-block;
    background-color: transparent;
    background-image: url('../img/interrogation.ico.png?v20221003123830');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    margin-left: 5px !important;

}


@media screen and (max-width: 1130px) {
    /* Label reset width */
    .help-container.radio > div > p:first-child,
    .help-container.checkboxsaisie > div > p,
    .help-container > label,
    .help-container.informative_text > div > p.label {
        display: block !important;
        width: auto !important;
    }

    /* Content reset width */
    .help-container.radio > label + div,
    .help-container.informative_text > div > p.label + p,
    .help-container.default > div > input,
    .help-container > label + input,
    .help-container > label + textarea,
    .help-container > label + select,
    .help-container > label + div {
        display: block !important;
        width: 100% !important;
    }

    /* Help */
    div.help-container .help {
        right: -26px;
    }

    /* Labels reset text-align */
    .help-container.radio > div > *:first-child,
    .help-container.checkboxsaisie > div > *:first-child {
        text-align: center;
    }

    /* Textarea */
    .help-container.textarea > textarea {
        width: 100%;
    }
}

@media screen and (min-width: 1130px) {
    /* ****************************************************
     *                  * DECLARATIONS *                  *
     **************************************************** */
    /* verrtical */
    label.vertical,
    p.vertical {
        display: block;
        text-align: left;
    }

    .help-container.radio > div > p:first-child,
    .help-container.checkboxsaisie > div > p,
    .help-container > label,
    .help-container.informative_text > div > p.label {
        width: 230px;
    }

    /* Radio buttuns */
    .help-container.radio {
        display: table;
    }

    .help-container.radio > div {
        display: table-row;
    }

    .help-container.radio > div > p:first-child {
        display: table-cell;
        vertical-align: top;
        text-align: right;
    }

    .help-container.radio > div > p:first-child.vertical {
        display: block;
        text-align: left;
    }

    .help-container.radio > div > *:first-child + fieldset {
        display: table-cell;
    }

    .help-container.radio > div > *:first-child + fieldset > div.radio {
        margin: 0;
    }

    .help-container.radio > div > *:first-child + fieldset > div.radio > label > input {
        margin: 0 0 0 -20px !important;
    }

    .help-container.radio > div > .help.vertical, .help-container.checkboxsaisie > div > .help.vertical {
        right: -25px !important;
        margin-top: -1px !important;
    }

    .help-container.radio > div > .help:not(.vertical), .help-container.checkboxsaisie > div > .help:not(.vertical) {
        right: -50px !important;
        margin-top: -1px !important;
    }


    /* Textarea */
    .help-container.textarea > label {
        vertical-align: top;
    }

    /* Informative text */
    .help-container.informative_text {
        position: relative;
        display: table;
    }

    .help-container.informative_text > div:first-child {
        display: table-row;
    }

    .help-container.informative_text > div:first-child > p,
    .help-container.informative_text > div:first-child > p + div {
        display: table-cell;
    }

    /* --- vertical --- */
    .help-container.informative_text.vertical > div:first-child > p,
    .help-container.informative_text.vertical > div:first-child > p + div {
        display: inline-block;
    }

    .help-container.informative_text.vertical > div:first-child > p:first-child {
        display: block;
        padding: 0;
    }

    /* Selection (multiple) */
    .help-container.selectionliste > label {
        vertical-align: top;
    }

    .help-container.selectionliste > select {
        float: none;
    }

    /*  Checkbox (multiple) */
    .help-container.checkboxsaisie {
        display: table;
    }

    .help-container.checkboxsaisie > div {
        display: table-row;
    }

    .help-container.checkboxsaisie > div > p {
        /*min-width: 230px ;*/
        vertical-align: top;
        display: table-cell;
        text-align: right;
    }

    .help-container.checkboxsaisie > div > p.vertical {
        display: block;
        text-align: left;
    }

    .help-container.checkboxsaisie > div > fieldset {
        display: table-cell;
    }


    /*  Checkbox (confirmation) */
    .help-container.checkboxconfirm > div > label {
        min-width: 0;
        max-width: 100%;
    }

    /*  Text (device button) */
    .help-container.default > div {
        position: relative;
        display: inline-block;
    }

    .help-container.default > div > button {
        float: none;
    }

    .help-container.default > div > .help {
        right: -26px;
    }

    /* Vertical help */
    /*.help.vertical {*/
    /*top: 15px;*/
    /*}*/
    #user-toolbar {
        max-width: 30%;
    }
}

.oldBrowserWarning {
    top: 0px;
    background-color: #FDFFA0;
    color: black;
    font-style: bold;
    font-size: 18px;
    min-height: 45px;
    width: 99.7%;
    padding: 15px !important;
    display: inline-block;
}

.profileChangePasswordButton {
    border-style: outset;
    border-width: medium;
    background: #FCFCFC;
}

.unusedOrangeButton {
    border-style: outset;
    border-width: medium;
    background: #F06630;
    color: #EEEEEE;
}

.unusedCoralButton {
    border-style: outset;
    border-width: medium;
    background: #FFF2EC;
    border-color: #F05926;
}

th.ref, th.type, th.etat {
    min-width: initial !important;
}

#main_nav {
    margin-bottom: 35px;
    height: 40px;
}

#main_nav > ul {
    list-style: none;
    padding: 0px;
    background-color: #007576;
    height: 100%;
}

#main_nav > ul > li {
    display: inline-block;
    padding: 5px;
    border-right: solid 1px white;
    /*width: 13%;*/
    height: 100%;
    vertical-align: top;
}

#main_nav > ul > li:last-of-type {
    border-right: none;
}

#main_nav > ul > li:hover {
    background-color: #7baeae;
    cursor: pointer;
}

#main_nav > ul > li > a {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    display: block;
    font-size: smaller;
    width: 100%;
    height: 100%;
}

#main_nav > ul > li > a > img {
    position: absolute;
    top: 0px;
    right: -30px;
}

#main_nav > ul > li > .content {
    display: none;
    position: absolute;
    width: 100%;
}

#main_nav > ul > li:hover > .content {
    display: block;
    background-color: white;
    z-index: 2;
    left: 0px;
    padding: 20px;
    border: solid 4px #7baeae;
}

#main_nav > ul > li:hover > .orange-arrow {
    display: block;
}

#main_nav > ul > li > .content > .declarationMenu {
    width: 100%;
    text-decoration: none;
    color: white;
    display: inline-block;
}

@keyframes padding_left_animation {
    from {
        width: 100%
    }
    to {
        width: 95%
    }
}

#main_nav > ul > li > .content > .declarationMenu .link_content {
    width: 100%;
    background-color: #007576;
    font-size: 1.2em;
    padding: 10px 20px;
    margin: 5px 0px;
    border-radius: 5px;
    color: white;
    float: right;
}

/*#main_nav > ul > li > .content > a:hover .link_content {*/
/*animation: padding_left_animation 0.3s forwards;*/
/*}*/

#main_nav > ul > li > .content > .declarationMenu > .arrow_go {
    color: grey;
}

#transparent-block {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.orange-arrow {
    position: relative;
    bottom: -10px;
    left: 50%;
    z-index: 3;
    height: 15px;
    width: 40px;
    display: none;
}

.new_form_label {
    margin-bottom: 0px !important;
    padding: 5px;
    background-image: url(../img/barre.ico.png?v20221003123830);
    background-repeat: no-repeat;
    background-position: 1px 1px;
    padding-left: 41px;
}

th.date {
    width: 175px !important;
}

th.action {
    width: 85px !important;
}

th.etat {
    width: 250px !important;
}

th.ref {
    width: 250px !important;
}

.action-dropdown {
    left: auto;
    right: 0px;

}

.modal {
    padding-top: 160px;
}

.admin_section article.saisie {
    display: inline-block;
    margin-left: 20px;
    margin-top: 30px;
    vertical-align: top;
}

.admin_section .menuadmin_saisie {
    position: relative;
    display: inline-block;
}

/* Input Page */
@media (min-width: 1450px) {

    #inscription_modal .modal-dialog {
        width: 45%;
    }

    .admin_section .menuadmin_saisie {
        width: 20%;
    }

    .admin_section article.saisie {
        width: 75%;
    }

    #accueil-page #main_nav ul { /* accueil page main nav */
        min-height: unset;
    }
}

@media (max-width: 1449px) {
    .draftExistConfirmationModal .modal-dialog {
        /*width: 70%;*/
    }

    #inscription_modal .modal-dialog {
        /*width: 40%;*/
    }

    /*inscription_modal*/
    .admin_section .menuadmin_saisie {
        width: 30%;
    }

    .admin_section article.saisie {
        width: 65%;
    }
}

@media (max-width: 1449px) {
    #addCresModal .modal-dialog {
        width: 70%;
    }
}

@media (min-width: 1450px) {
    #addCresModal .modal-dialog {
        width: 60%;
    }
}

#addCresModal .modal-content div {
    margin: 10px;
}

/*addCresModal*/

@media (min-width: 1600px) {
    #abandonModal .modal-dialog {
        width: 60%;
    }

    .draftExistConfirmationModal .modal-dialog {
        width: 60%;
    }
}

@media (max-width: 1600px) {
    #abandonModal .modal-dialog {
        width: 85%;
    }

    .draftExistConfirmationModal .modal-dialog {
        width: 85%;
    }

}

@media (max-width: 1100px) {
    textarea.formText {

        min-width: 260px;
        max-width: 675px;
        min-height: 60px;

    }
}

.input_error {
    border: solid 1px red !important;
}

/** Couleur lien dans tooltip **/
.tooltip-inner a {
    color: #ffe4cc !important;
    text-decoration: underline !important;
}

.remove-file-icon {
    cursor: pointer;
    color: darkred;
}

.remove-file-icon:hover {
    color: #ac0000;
}

.matrix-table-type {
    background-color: #efefef;
}

.matrix-table-type thead th {
    padding: 5px 5px;
    height: 30px;
    font-weight: bolder;
}

.matrix-table-type tbody td input {
    width: 95%;
    min-height: 38px;
}

.matrix-table-type tbody td button .glyphicon-remove {
    top: 3px;
}

/*.matrix-table-type tbody td * {*/
/*height: 100% !important;*/
/*}*/
.matrix-table-type tbody tr {
    height: min-content;
}

.select-search-list-item.select-search-list-item_input input {
    height: unset;
}

.matrix-table-type tfoot td {
    padding-top: 15px;
    padding-bottom: 5px;
}

.errorCondition {
    color: red;
}

.accueilTable {
    border-bottom: 0;
}

.close {
    opacity: .37;
}

.formName {
    margin-left: -39px;
    display: inline;
    margin-top: -60px;
    position: absolute;
    font-size: 16px;
    font-family: Signika;
    margin-bottom: -15px;
}

@media screen and  (max-width: 1130px) {
    header .users,
    header .establishments {
        background-size: 30px;
        margin-top: 0px;
        border-right: 1px solid white;
    }

    #header-page .manage-establishments:hover .manage-establishments-tooltip,
    #header-page .establishments:hover .establishments-tooltip,
    #header-page .users:hover .users-tooltip,
    #header-page .profil:hover .profil-tooltip,
    #header-page .admin:hover .admin-tooltip,
    #header-page .help-button:hover .help-tooltip,
    #header-page .pdf:hover .pdf-tooltip,
    #header-page .menu-tooltip,
    #header-page .faq-tooltip {
        display: none !important;
    }

    #main_nav > ul {
        list-style: none;
        padding: 0px;
        display: table;
        background-color: #007576;
        /*height: 100%;*/
        min-height: 65px;
    }

    /*    display: block;
    overflow-x: auto;*/
    .ul-gestion {
        display: block;
        margin-top: -47px;
        margin-right: -10px;
    }

}

.header-establishment {
    float: right;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 5px;
}

.header-establishment-icon {
    display: block;
    color: #fff;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 5px;
    margin-top: 59px;
    width: 63px;
    text-align: center;
    background: #999;
}

#establishmentSelectHeader {
    cursor: pointer;
    float: right;
    display: inline-block;
    border: none;
    text-align: center;
    background: #999;
    color: #fff;
    border-right: 1px solid #fff;
    border-radius: 0px;
    padding: 5px;
    font-size: 12px;
    width: 250px;
}

#establishmentSelectHeader:active, #establishmentSelectHeader:focus {
    box-shadow: none;
}

#establishmentSelectHeader option {
    font-size: 15px;
    color: #999;
    background: #ffff;
}

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

    #accueil-page #main_nav { /* accueil page main nav*/
        margin-bottom: 0px !important;
        height: 100% !important;
    }

    #accueil-page #main_nav ul { /* accueil page main nav */
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    #main_nav > ul > li {
        padding: 10px 15px 10px 15px !important;
    }

    #accueil-page #main_nav ul > li { /* accueil page main nav */
        border-bottom: solid 1px white !important;
    }

    #accueil-page #declrations_table form select { /* accueil page declrations table */
        width: 100%;
    }

    #accueilAsnEntity-page #main_nav { /* accueil page main nav*/
        margin-bottom: 0px !important;
        height: 100% !important;
    }

    #accueilAsnEntity-page #main_nav ul { /* accueil page main nav */
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    #accueilAsnEntity-page #main_nav ul > li { /* accueil page main nav */
        border-bottom: solid 1px white !important;
    }

    #saisie-page div.menu_saisie, #saisie-page aside, #saisie-page div.help {
        display: none;
    }

    #saisie-page .mobile-aside {
        display: grid !important;
    }

    #saisie-page article.saisie {
        margin-left: 0;
    }

    article.saisie_form {
        margin-top: 100px;
    }

    .formName {
        margin-top: -100px !important;

    }

    #saisie-page .courrant .courrant {
        display: none;
    }

    #saisie-page div.page_icone {
        position: relative !important;
    }

    #saisie-page form[name='input_form'] button.suivant {
        bottom: 14px;
    }

    #admin-page #menu_admin {
        margin-bottom: 17px;
        padding-top: 0px;
        margin-top: 0px;
    }

    #admin-page #formulaires {
        padding-top: 0px;
        margin-top: 45px;
    }

    #admin-page nav.onglet_menu ul {
        border-bottom-width: 10px;
        padding-bottom: 0px;
        margin-top: 29px;
    }

    #admin-page #admin-declarations-tabs,
    #admin-page #admin-np-users,
    #admin-page #admin-inb-users,
    #admin-page #admin-status {
        padding-top: 0px;
        margin-top: 44px;
    }

    #admin-page #admin-declaration-table, #admin-page #admin-declaration-table thead, #admin-page #admin-declaration-table tbody, #admin-page #admin-declaration-table th, #admin-page #admin-declaration-table td, #admin-page #admin-declaration-table tr {
        display: block;
    }

    #admin-page #admin-declaration-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;

    }

    #admin-page #admin-declaration-table tr td {
        background-color: rgb(241, 241, 241);
        border: solid 2px white;
        position: relative;
        padding-left: 45%;
    }

    #admin-page #admin-declaration-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: normal;
    }

    #admin-page #admin-declaration-table tr:nth-of-type(odd) td, #admin-page #admin-declaration-table tr:nth-of-type(odd) div {
        background-color: rgb(217, 217, 217);
    }

    #admin-page #admin-declaration-table tbody td > div.cell,
    #admin-page #admin-declaration-table tbody td > div.button-cell {
        border: none;
        border-left: 1px solid #fff;
    }

    #admin-page #admin-declaration-table .cell .indicateur {
        display: none;
    }

    #admin-page #admin-declaration-table tr:hover td > div.cell, #admin-page #admin-declaration-table tr:hover td > div.button-cell {
        background-color: unset;
    }

    #admin-page #admin-declaration-table td > div.cell {
        padding: 5px;
    }

    #admin-page #admin-declaration-table td:nth-of-type(1):before {
        content: "ID";
        font-weight: bold;
    }

    #admin-page #admin-declaration-table td:nth-of-type(2):before {
        content: "Utilisateur";
        font-weight: bold;
    }

    #admin-page #admin-declaration-table td:nth-of-type(3):before {
        content: "Etablissement";
        font-weight: bold;
    }

    #admin-page #admin-declaration-table td:nth-of-type(4):before {
        content: "Formulaire";
        font-weight: bold;
    }

    #admin-page #admin-declaration-table td:nth-of-type(5):before {
        content: "Etat";
        font-weight: bold;
    }

    #admin-page #admin-declaration-table td:nth-of-type(6):before {
        content: "Date";
        font-weight: bold;
    }

    #admin-page #admin-declaration-table td:nth-of-type(7):before {
        content: "Date modification";
        font-weight: bold;
    }

    #admin-page #admin-np-table, #admin-page #admin-np-table thead, #admin-page #admin-np-table tbody, #admin-page #admin-np-table th, #admin-page #admin-np-table td, #admin-page #admin-np-table tr,
    #admin-page #admin-inb-table, #admin-page #admin-inb-table thead, #admin-page #admin-inb-table tbody, #admin-page #admin-inb-table th, #admin-page #admin-inb-table td, #admin-page #admin-inb-table tr {
        display: block;
    }

    #admin-page #admin-np-table thead tr,
    #admin-page #admin-inb-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;

    }

    #admin-page #admin-np-table tr td,
    #admin-page #admin-inb-table tr td {
        background-color: rgb(241, 241, 241);
        border: solid 2px white;
        position: relative;
        padding-left: 45%;
    }

    #admin-page #admin-np-table td:before,
    #admin-page #admin-inb-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 45%;
        white-space: normal;
        padding: 10px 0 0 10px;
    }

    #admin-page #admin-np-table tr:nth-of-type(odd) td, #admin-page #admin-np-table tr:nth-of-type(odd) div,
    #admin-page #admin-inb-table tr:nth-of-type(odd) td, #admin-page #admin-inb-table tr:nth-of-type(odd) div {
        background-color: rgb(217, 217, 217);
    }

    #admin-page #admin-np-table .cell .indicateur,
    #admin-page #admin-inb-table .cell .indicateur {
        display: none;
    }

    #admin-page #admin-np-table tbody td > div.cell,
    #admin-page #admin-np-table tbody td > div.button-cell,
    #admin-page #admin-inb-table tbody td > div.cell,
    #admin-page #admin-inb-table tbody td > div.button-cell {
        border: none;
        border-left: 1px solid #fff;
    }

    #admin-page #admin-np-table tr:hover td > div.cell, #admin-page #admin-np-table tr:hover td > div.button-cell {
        background-color: unset;
    }

    #admin-page #admin-np-table td:nth-of-type(1):before {
        content: "Identifiant";
        font-weight: bold;
    }

    #admin-page #admin-np-table td:nth-of-type(2):before {
        content: "Nom";
        font-weight: bold;
    }

    #admin-page #admin-np-table td:nth-of-type(3):before {
        content: "Prénom";
        font-weight: bold;
    }

    #admin-page #admin-np-table td:nth-of-type(4):before {
        content: "Téléphone";
        font-weight: bold;
    }

    #admin-page #admin-np-table td:nth-of-type(5):before {
        content: "Courriel";
        font-weight: bold;
    }

    #admin-page #admin-np-table td:nth-of-type(6):before {
        content: "Actif";
        font-weight: bold;
    }

    #admin-page #admin-np-table td:nth-of-type(7):before {
        content: "Admin";
        font-weight: bold;
    }

    #admin-page #admin-inb-table td:nth-of-type(1):before {
        content: "Login";
        font-weight: bold;
    }

    #admin-page #admin-inb-table td:nth-of-type(2):before {
        content: "Email";
        font-weight: bold;
    }

    #admin-page #admin-inb-table td:nth-of-type(3):before {
        content: "Gestionnaire";
        font-weight: bold;
    }

    #admin-page #admin-inb-table td:nth-of-type(4):before {
        content: "Exploitant";
        font-weight: bold;
    }

    #admin-page #admin-inb-table td:nth-of-type(5):before {
        content: "Nom du site";
        font-weight: bold;
    }

    #admin-page #admin-inb-table td:nth-of-type(6):before {
        content: "Compte central";
        font-weight: bold;
    }

}

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

    .accueilTable { /* accueil page accueil table */
        word-wrap: break-word;
    }

    .accueilTable, .accueilTable thead, .accueilTable tbody, .accueilTable th, .accueilTable tbody td, .accueilTable tbody tr, .accueilTable tfoot { /* accueil page accueil table */
        display: block;
    }

    .accueilTable thead tr { /* accueil page accueil table */
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .accueilTable tbody tr td {
        background-color: rgb(241, 241, 241);
        border: solid 2px white;
        position: relative;
        padding-left: 45%;
    }

    .accueilTable tbody td:before { /* accueil page accueil table */
        position: absolute;
        left: 6px;
        width: 45%;
        white-space: normal;
        padding: 10px 0 0 10px;
    }

    .accueilTable tbody tr:nth-of-type(odd) td, .accueilTable tbody tr:nth-of-type(odd) div { /* accueil page accueil table */
        background-color: rgb(217, 217, 217);
    }

    .accueilTable tbody td:nth-of-type(1):before {
        content: " Date dernière modif";
        font-weight: bold;
    }

    .accueilTable tbody td:nth-of-type(2):before {
        content: "Type";
        font-weight: bold;
    }

    .accueilTable tbody td:nth-of-type(3):before {
        content: "Etat";
        font-weight: bold;
    }

    .accueilTable tbody td:nth-of-type(4):before {
        content: "Référence ASN";
        font-weight: bold;
    }

    .accueilTable tbody td:nth-of-type(4):before {
        content: "N° SIGIS";
        font-weight: bold;
    }

    .accueilTable tbody td:nth-of-type(5):before {
        content: "Modifié par";
        font-weight: bold;
    }

    .accueilTable .cell .indicateur { /* accueil page accueil table */
        display: none;
    }

    .accueilTable tbody td > div.cell,
    .accueilTable tbody td > div.button-cell { /* accueil page accueil table */
        border: none;
        border-left: 1px solid #fff;
    }

    .accueilTable tbody td > div.cell { /* accueil page accueil table */
        min-height: 55px;
    }

    .accueilTable tr td > div { /* accueil page accueil table */
        height: 100% !important;
        border: none;
    }

    .accueilTable tfoot { /* accueil page accueil table */
        background-color: rgb(241, 241, 241);

    }

    .accueilTable tfoot tr { /* accueil page accueil table */
        border-top: none !important;
        border-bottom: none !important;
    }

    .accueilTable tfoot tr td { /* accueil page accueil table */
        border: none;
    }

}

@media screen and  (max-width: 1610px) {
    .accueilTable {
        display: inline-table;
        overflow-x: visible;
    }

    .accueilTable tr td > div {
        white-space: initial !important;
        border: none;
        word-break: keep-all;
    }

    .accueilTable tr td {
        background-color: rgb(241, 241, 241);
        border: solid 2px white;
    }

    .accueilTable tr:hover td {
        background-color: rgb(217, 217, 217);
    }

    .accueilTable tbody td > div.fixed-type-cell,
    .accueilTable tbody td > div.fixed-mail-cell,
    .accueilTable tbody td > div.fixed-date-cell {
        display: inline-block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .accueilTable tbody td > div.fixed-date-cell {
        width: 180px !important;
    }

    .accueilTable tbody td > div.fixed-type-cell {
        width: 15vw !important;
    }

    .accueilTable tbody td > div.fixed-mail-cell {
        width: 15vw !important;
    }
}

.btn-warning {
    color: #fff;
    background-color: #007576 !important;
    border-color: #7baeae !important;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    border-color: #7baeae !important;
    background-color: #7baeae !important;

}

header div.logo {
    background-image: url('../img/logo_trans2.png?v20221003123830');
}

@media screen and (max-width: 1314px) {
    header * {
        /*padding-left: 10px ;
        padding-right: 15px ;*/
    }

    header .soustitre {
        background-position: -23px;
        padding-left: 20px;
    }

    /*.nom {*/
    /*width: 38%;*/
    /*}*/
    #header-page oi-select .select-search-list-item_input input {
        margin-left: 0px;
        min-height: 48px;
        line-height: 48px;
        /*display: block;*/
        width: 100%;
        text-align: center;
    }

    #header-page #establishment-select-ctnr .select-search-list-item_input {
        margin-left: 0px;
    }
}

.pcr-modification-panel {
    max-width: 1045px;
    margin: 0 auto;
}

.pcr-modification-panel .saisie {
    margin: 0 auto;
}

#establishment-select-ctnr {
    float: right;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
}

#establishment-select-ctnr .select-search {
    height: 48px;
    width: 440px;
    border-radius: 0;
}

#establishment-select-ctnr oi-select.focused .select-search {
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(161, 161, 161, 0.6);
}

#establishment-select-ctnr .select-search-list {
    margin-top: 6px;
}

#establishment-select-ctnr .select-search-list-item_input {
    margin: 0 0 0 5px;
    margin-top: -8px;
}

#establishment-select-ctnr .select-search:after {
    top: 42px;
}

#establishment-select-ctnr .select-dropdown {
    overflow-y: auto;
    max-height: 200px;
    border: #333;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(113, 113, 113, 0.6);
    padding: 0;
}

#establishment-select-ctnr.expanded .select-dropdown {
    max-height: 550px !important;
}

.establishments-add {
    background-image: url('http://www.iconsplace.com/icons/preview/white/plus-2-256.png') !important;
}

#establishment-select-ctnr {
    float: right;
    margin-right: 0px;
    padding-right: 0;
    display: inline-block;
    position: relative;
    /*width: 55%;*/
    flex-grow: 2;
    flex-basis: 100%;
}

#establishment-select-ctnr > oi-select {
    padding: 0;
}

#establishment-select-ctnr .select-search {
    height: 48px;
    width: 100%;
    border-radius: 0;
}

#establishment-select-ctnr oi-select.focused .select-search {
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(161, 161, 161, 0.6);
}

#establishment-select-ctnr .select-search-list {
    margin-top: 6px;
}

#establishment-select-ctnr .select-search-list-item_input {
    margin: 0 0 0 5px;
    margin-top: -8px;
}

#establishment-select-ctnr .select-search:after {
    top: 42px;
}

#establishment-select-ctnr .select-dropdown-optgroup-option .btn {
    float: right;
    margin-top: 3px;
}

#establishment-select-ctnr .select-dropdown {
    overflow-y: auto;
    max-height: 300px;
    border: #333;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(113, 113, 113, 0.6);
}

#establishment-select-ctnr .select-dropdown-optgroup-option {
    height: 45px;
    padding: 2px 5px;
    margin: 0;
}

#establishment-select-ctnr .select-dropdown-optgroup-option > span {
    width: 80%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0;
    margin: 0;
}

/*.displayColMatrix oi-select{*/
/*height: 36px;*/
/*}*/
#saisie-page form[name="input_form"] .displayColMatrix oi-select .select-dropdown, #saisie-page form[name="input_form"] .displayColMatrixRepeatable oi-select .select-dropdown {
    top: 37px;
}

.displayColMatrix oi-select .select-search .select-search-list .select-search-list-item_selection,
.displayColMatrixRepeatable oi-select .select-search .select-search-list .select-search-list-item_selection {
    color: #797979 !important;
    font-weight: bold;
    font-size: 12px;
    align-items: center;
    display: flex;
}

.displayColMatrix oi-select:not(.multiple) .select-search .select-search-list .select-search-list-item_selection, .displayColMatrixRepeatable oi-select:not(.multiple) .select-search .select-search-list .select-search-list-item_selection {
    height: 100%;
}

.displayColMatrix oi-select:not(.multiple) .select-search::after, .displayColMatrixRepeatable oi-select:not(.multiple) .select-search::after {
    border-color: #797979 transparent transparent !important;
}

.displayColMatrix oi-select.open:not(.multiple) .select-search::after, .displayColMatrixRepeatable oi-select.open:not(.multiple) .select-search::after {
    border-color: transparent transparent #797979 !important;
}

.displayColMatrix oi-select .select-search .select-search-list .select-search-list-item_input, .displayColMatrixRepeatable oi-select .select-search .select-search-list .select-search-list-item_input {
    margin: 0;
}

.displayColMatrix .select-search::after, .displayColMatrixRepeatable .select-search::after {
    margin-top: -21px;
}

.displayColMatrix oi-select .select-search-list-item_selection-remove, .displayColMatrixRepeatable oi-select .select-search-list-item_selection-remove {
    padding-bottom: 2px;
    font-size: 17px;
}

#establishment-select-ctnr .select-search-list-item_selection {
    width: 90%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.establishments-add {
    background-image: url('../img/add-establishment.png') !important;
}

#select_establishment > div.select-dropdown {
    max-height: 300px;
}

.menu-tooltip {
    padding: 5px;
}

#user-toolbar {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    float: right;
    display: flex;
    flex-direction: row-reverse;
    min-width: 28%;
}

#user-toolbar.inverse-width #establishment-select-ctnr {
    width: 45%;
}

#user-toolbar.inverse-width .nom {
    width: 55%;
}

@media screen and (min-width: 1600px) {
    #user-toolbar {
        width: 40%;
    }
}

.cresFormId {
    margin-left: 10px;
}

.nav-menu-sub-element {
    margin-left: 30px;
    color: #007576;
}

.cresPopupLabel {
    width: 200px;
    float: left;
}

.pdf-tooltip {
    display: none;
    background-color: rgb(151, 136, 123);
    position: absolute;
    margin-left: -170px;
    margin-top: 5px;
    font-size: 1.3em;
    border-radius: 5px;
    color: white;
}

.pdf:hover > .pdf-tooltip {
    display: block;
}

.pdf {
    background-color: #007576;
    color: white;
}

#mbq_radionuclide {
    height: 34px;
    margin-top: 5px;
}

#radonuclide_help {
    margin-left: -62px;
    margin-top: 38px;
}

.radionuclide_field_title {
    margin-left: 20px;
}

.radionuclide_field_value {
    margin-left: 10px;
}

.english_form {
    display: -webkit-box;
}

.english_form_title {
    margin-left: 20px !important;
}

.linkUpdateSiret {
    cursor: pointer;
    padding-left: 28px;
    font-size: 10px;
}

.linkUpdateSiret:hover {
    text-decoration: underline;
}

#radionuclide-admin-select-ctnr, #page-admin-select-ctnr {
    display: inline-flex;

}

#radionuclide-admin-select-ctnr .select-dropdown, #page-admin-select-ctnr .select-dropdown {
    margin-top: 0;
}

#radionuclide-admin-select-ctnr .select-search, #page-admin-select-ctnr .select-search {
    margin-bottom: 0;
}

#radionuclide-admin-select-ctnr .select-search:after, #page-admin-select-ctnr .select-search:after {
    top: 42px;
}

#radionuclide-admin-select-ctnr oi-select {
    min-width: 240px;
}

#radionuclide-admin-select-ctnr oi-select:not(.cleanMode) .select-search:after, #page-admin-select-ctnr oi-select:not(.cleanMode) .select-search:after {
    content: "";
    position: absolute;
    display: block;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: -19px;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
}

#radionuclide-admin-select-ctnr oi-select.open .select-search:after, #page-admin-select-ctnr oi-select.open .select-search:after {
    border-color: transparent transparent #000;
    border-width: 0 5px 5px;
}

#radionuclide-admin-select-ctnr .select-search-list-item.select-search-list-item_input input, #page-admin-select-ctnr .select-search-list-item.select-search-list-item_input input {
    min-width: 10px;
}

#radionuclide-admin-select-ctnr .select-search-list-item.select-search-list-item_input, #page-admin-select-ctnr .select-search-list-item.select-search-list-item_input {
    width: 20px;
}

#radionuclide-admin-select-ctnr .select-search-list, #page-admin-select-ctnr .select-search-list {
    min-width: 150px;
}

.refresh-button {
    background-image: url(../img/refresh.png?v20221003123830);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    width: 40px;
    height: 44px;
    border: 0;
    /*margin-top: 6px;*/
}

.text-muted {
    padding-left: 10px;
    color: red;
}

.custom-champ_erreur {
    margin-bottom: 14px;
    margin-top: 16px;
}

.qcoefficient-champ_erreur {
    margin-bottom: -2px !important;
    margin-top: 0 !important;
}


.scrollable-table {
    border-collapse: collapse;
    overflow-x: scroll;
    display: block;
    width: fit-content;
    max-width: 100%;
    overflow-y: hidden;
}

.oi-select-overflow {
    display: contents;
}

.scrollable-table oi-select {
    display: contents;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.scrollable-table oi-select .select-dropdown {
    /*margin-top: -13px !important;*/
    top: unset !important;
    width: 252px !important;
    position: inherit !important;
}

.scrollable-table oi-select:not(.multiple):not(.cleanMode) .select-search:after {
    position: inherit;
    display: block;
    margin-left: 240px;
    margin-right: unset;
}

.label-contact {
    min-width: 130px;
}

.input-contact {
    max-width: inherit !important;
    min-width: inherit !important;
    font-weight: normal !important;
    font-size: 12px !important;
    width: 100%;
}

.input-contact-captcha {
    max-width: inherit !important;
    min-width: inherit !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

.btn-action {
    padding: 5px;
}

.btn-action > a {
    text-decoration: none;
    color: rgb(0, 117, 118);
}

.requiredField {
    color: rgb(0, 117, 118);
}

.border-error {
    border-color: rgb(255, 0, 0) !important;
}

.ng-invalid {
    box-shadow: none;
}

.errorMsg {
    color: red;
    vertical-align: -6px;
    display: block;
    margin-left: 57px;
}


.link_home {
    cursor: pointer;
    font-size: 12px;
}

.articleHome {
    margin-top: 40px;
    margin-left: 35px;
    margin-right: 35px;
}


.matrix_scroll {
    overflow-x: scroll;
    max-width: 95%;
    display: block;
    padding: 0 10px;
}

.border_danger {
    border: 1px solid red
}

oi-select.ng-invalid .select-search {
    border: 1px solid #d80027 !important;
}


.trix-button-group .trix-button-group--file-tools {
    display: none;
}

.span-input {
    background-color: rgb(235, 235, 228);
    padding-top: 7px;
    display: block;
    min-height: 36px;
    font-weight: bold;
    width: 200px;
    border: 1px solid rgb(195, 195, 195);
    padding-left: 5px;
    margin-left: 10px;
}

.history-filters {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.history-filters div {
    padding: 0 10px;
}

.history-filters .datepicker input {
    width: 120px;
    min-width: 120px;
}

#password_group i {
    cursor: pointer;
    position: absolute;
    right: 8px;
    z-index: 2 !important;
}

.inner-addon {
    display: inline;
    position: relative
}

input::-ms-reveal {
    display: none;
}

.btn-danger {
    border: 1px solid transparent;
}

.establishment-search::-ms-clear {
    display: none;
}

tags-input .tags .input {
    width: 100%;
}

#dropdown-declaration-object a:hover {
    background-color: rgb(0, 120, 215) !important;
    color: white !important;
}

#dropdown-declaration-object a {
    cursor: default;
    width: 100%;
    margin: 0px;
    font-weight: bold;
    font-size: 12px;
    color: #797979;
    padding: 5px 5px !important;
}

#declarationObject div {
    cursor: default;
    align-self: center;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: 300px;*/
}

#declarationObject {
    border: 1px solid rgb(209, 209, 209);
    /*width: 300px;*/
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 0px;
    font-weight: bold;
    min-height: 29px;
    margin: 0px 0px 0px 2px;
    border-radius: 3px;
}

.drop-down-button {
    padding: 2px 4px;
    margin-bottom: 2px;
    background-color: #e1e1e1;
    border: 1px solid #adadad;
}

.arrow {
    border: solid #565656;
    border-width: 0 1px 1px 0;
}

@media \0screen {
    #declarationObject {
        padding: 0px 10px;
    }

    .drop-down-button {
        padding: 0px 4px;
        margin-top: 4px;
        background-color: rgba(240, 240, 240, 1);
        border: 1px solid grey;
    }

    .drop-down-button .arrow {
        border-width: 0 2px 2px 0;
        border-color: black;
    }

    .all-objects {
        background-color: rgb(38, 160, 218) !important;
        color: white !important;
    }

    #dropdown-declaration-object a.all-objects:hover {
        background-color: rgb(38, 160, 218) !important;
        color: white !important;
    }

    .dropdown-menu {
        border: 2px solid black;
        border-radius: 0px;
    }

    #dropdown-declaration-object a {
        padding: 0px 5px !important;
    }

    #dropdown-declaration-object a.object-item:hover {
        background-color: rgb(222, 222, 222) !important;
        color: black !important;
    }

    #dropdown-declaration-object {
        top: -1px;
    }
}

@media screen and (min-width: 0\0
) {
    #declarationObject {
        padding: 0px 10px;
    }

    .drop-down-button {
        padding: 0px 4px;
        margin-top: 4px;
        background-color: rgba(240, 240, 240, 1);
        border: 1px solid grey;
    }

    .drop-down-button .arrow {
        border-width: 0 2px 2px 0;
        border-color: black;
    }

    .all-objects {
        background-color: rgb(38, 160, 218) !important;
        color: white !important;
    }

    #dropdown-declaration-object a.all-objects:hover {
        background-color: rgb(38, 160, 218) !important;
        color: white !important;
    }

    .dropdown-menu {
        border: 2px solid black;
        border-radius: 0px;
    }

    #dropdown-declaration-object a {
        padding: 0px 5px !important;
    }

    #dropdown-declaration-object a.object-item:hover {
        background-color: rgb(222, 222, 222) !important;
        color: black !important;
    }

    #dropdown-declaration-object {
        top: -1px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #declarationObject {
        padding: 0px 10px;
    }

    .drop-down-button {
        padding: 0px 4px;
        margin-top: 4px;
        background-color: rgba(240, 240, 240, 1);
        border: 1px solid grey;
    }

    .drop-down-button .arrow {
        border-width: 0 2px 2px 0;
        border-color: black;
    }

    .all-objects {
        background-color: rgb(38, 160, 218) !important;
        color: white !important;
    }

    #dropdown-declaration-object a.all-objects:hover {
        background-color: rgb(38, 160, 218) !important;
        color: white !important;
    }

    .dropdown-menu {
        border: 2px solid black;
        border-radius: 0px;
    }

    #dropdown-declaration-object a {
        padding: 0px 5px !important;
    }

    #dropdown-declaration-object a.object-item:hover {
        background-color: rgb(222, 222, 222) !important;
        color: black !important;
    }

    #dropdown-declaration-object {
        top: -1px;
    }
}

.max-not-rep-not-vertical-align-with-title {
    max-width: 950px;

}


.break-word {
    word-break: break-word;
}


.max-rep-without-tooltip {
    width: 100%;
}


.dropzone > .dz-default, .dz-message {
    position: relative !important;
}

.dropzone > .dz-default, .dz-message > .dz-button {
    width: 100%;
}

.dz-details {
    max-height: 90px !important;
    overflow: hidden !important;
    padding-top: 5px !important;
}

.dz-filename {
    display: block !important;
    max-height: 90px;
    min-height: 90px;
    overflow-wrap: break-word;
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: unset !important;
}


.dropzone .dz-preview .dz-remove {
    z-index: 30 !important;
}

.preview-filename {
    max-width: 120px;
    overflow-wrap: break-word;
    text-align: center;
    margin-top: 22px;
}

.dropzone .dz-preview .dz-remove {
    top: 120px !important;
    bottom: unset !important;
}

.recommendedBrowser {
    text-align: center;
    color: #97887b;
    font-weight: bold;
}

.text-red {
    color: red;
}

.text-bold {
    font-weight: bold;
}

#modalEditSigis .modal-body {
    padding: 0 15px 15px 15px;
}