/* pour pouvoir avoir les calendrier dans les popin */
.ui-datepicker {
    z-index: 9999 !important;
}

.marginCls {
    margin: 0px;
}

/* lien d'ajout */
/*a.action_ajout{color:#5ac0cf !important;text-decoration:none;background:#434343; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding:5px 20px}*/


/* filtres */
.FormFiltres h3 {
    margin-bottom: 20px;
}

.FormFiltres form {
    border: 1px solid #535353;
    margin: 10px 0;
    padding: 10px;
    font-size: 11px;
}

.DivFiltre {
    float: left;
    margin: 0 10px;
    text-align: center;
    padding-top: 5px;
}

.DivFiltre label {
    font-weight: bold
}

.DivFiltre input:not(:first-of-type) {
    margin-top: 5px;
}

/*.liste_img_aide{display:inline-block;background: url(../img_global/picto/info.png) no-repeat center top;width:26px;height:27px;cursor:help;}*/

/*.liste_img_aide_petit{display:inline-block;background: url(../img_global/picto/info_petit.png) no-repeat center top;width:15px;height:15px;cursor:help;}*/
/*.liste_img_aide:hover,
liste_img_aide_petit:hover{background-position:center bottom}*/
.liste_img_active_unselected {
    background: url(../img_global/picto/picto_active_unselected.png) no-repeat center center;
    width: 21px;
    height: 21px;
}

.liste_img_desactive_unselected {
    background: url(../img_global/picto/picto_desactive_unselected.png) no-repeat center center;
    width: 21px;
    height: 21px;
}

/*.liste_img_add{background:url(../img_global/picto/plus.png) no-repeat center top;width:26px;height:27px;margin-left:auto;margin-right:auto;display:block;}
.liste_img_add:hover{background-position:center bottom}*/

/*.liste_img_add2{background:url(../img_global/picto/picto_ajout2.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;display:block;}*/
/*.liste_img_moins2{background:url(../img_global/picto/picto_moins2.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;display:block;}*/

/* .liste_img_modif{background:url(../img_global/picto/picto_modif.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;cursor: pointer; margin-right:5px;} */
/*.liste_img_modif_petit{background:url(../img_global/picto/picto_modif_petit.png) no-repeat center center;width:15px;height:15px;margin-left:auto;margin-right:auto;cursor: pointer;}*/
.liste_img_modif_petit_transparent {
    background: url(../img_global/picto/picto_modif_transparent.png) no-repeat center center;
    width: 10px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    vertical-align: top;
    background-size: 10px;
    cursor: pointer;
}

/*.liste_img_param,
.liste_img_voir{background:url(../img_global/picto/picto_voir.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;}*/
/*.liste_img_param_petit,
.liste_img_voir_petit{background:url(../img_global/picto/picto_voir_petit.png) no-repeat center center;width:15px;height:15px;margin-left:auto;margin-right:auto;}*/

/*.liste_img_inter{background:url(../img_global/picto/picto_inter.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;}*/
.liste_img_pdfInter {
    display: inline-block;
    background: url(../img_global/picto/picto_inter_pdf1.png) no-repeat left top;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    padding-left: 30px;
    padding-top: 5px;
    box-sizing: border-box;
}

.liste_img_pdfInter:hover {
    background-position: left bottom;
}

.liste_img_pdfInterPhoto {
    display: inline-block;
    background: url(../img_global/picto/picto_inter_pdf2.png) no-repeat left top;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    padding-left: 30px;
    margin-right: 10px;
    padding-top: 5px;
    box-sizing: border-box;
}

.liste_img_pdfInterPhoto:hover {
    background-position: left bottom;
}

/*.liste_img_next{background:url(../img_global/picto/next-step2.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;}*/
/*.liste_img_liste_suivi{background:url(../img_global/picto/list-etat.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;}*/
.liste_img_liste_pj {
    background: url(../img_global/picto/picto_pj.png) no-repeat center center;
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
}

.picto_ajout_pj {
    background: url(../img_global/picto/ajout_pj.png) no-repeat center center;
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}


.liste_img_infos {
    background: url(../img_global/picto/picto_infos.png) no-repeat center center;
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

/* .liste_img_suppr{background:url(../img_global/picto/picto_suppr.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;} */
/*.liste_img_suppr_petit{background:url(../img_global/picto/picto_suppr_petit.png) no-repeat center center;width:15px;height:15px;margin-left:auto;margin-right:auto;}*/

.liste_img_active {
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    position: relative;
}

.liste_img_active::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f111';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #5cb85c;
    font-size: 18px;
    position: absolute;
    left: 0;
    pointer-events: none;
}
.liste_img_active.square::before {
    content: '\f0c8';
}

.liste_img_file_active {
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: white;
    font-weight: 600;
    margin-top: 6px !important;
}

.liste_img_file_active::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f15b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #5cb85c;
    font-size: 25px;
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 0;
}

.liste_img_file_active span {
    position: relative;
    z-index: 1;
}

.liste_img_file_desactive {
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: white;
    font-weight: 600;
    margin-top: 6px !important;
}

.liste_img_file_desactive::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f15b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #d9534f;
    font-size: 25px;
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 0;
}

.liste_img_file_desactive span {
    position: relative;
    z-index: 1;
}

.liste_img_tempo {
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    position: relative;
}

.liste_img_tempo::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f111';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #ffe600;
    font-size: 18px;
    position: absolute;
    left: 0;
    pointer-events: none;
}

.liste_img_none {
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    position: relative;
}

.liste_img_none::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f111';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: black;
    font-size: 18px;
    position: absolute;
    left: 0;
    pointer-events: none;
}

.liste_img_important {
    background: url(../img_global/picto/picto_important.png) no-repeat center center;
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.liste_img_desactive_picto {
    background: url(../img_global/picto/picto_desactive.png) no-repeat center center;
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.liste_img_desactive {
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.liste_img_desactive::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f111';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: var(--color-rouge);
    font-size: 18px;
    position: absolute;
    left: 0;
    pointer-events: none;
}
.liste_img_desactive.square::before {
    content: '\f0c8';
    color: #ddd;
}

.liste_img_semi_active {
    width: 21px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    position: relative;
}

.liste_img_semi_active::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f111';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: orange;
    font-size: 18px;
    position: absolute;
    left: 0;
    pointer-events: none;
}

.liste_img_active_petit {
    background: url(../img_global/picto/picto_active_petit.png) no-repeat center center;
    width: 15px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.liste_img_desactive_petit {
    background: url(../img_global/picto/picto_desactive_petit.png) no-repeat center center;
    width: 15px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
}

/*.liste_img_check{background:url(../img_global/picto/check.png) no-repeat center center;width:21px;height:21px;margin-left:auto;margin-right:auto;}*/
.liste_img_check_petit {
    background: url(../img_global/picto/check_petit.png) no-repeat center center;
    width: 15px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
}

/*.liste_img_copy{background:url(../img_global/picto/copy.jpg) no-repeat center center;width:21px;height:21px;margin-left:auto;margin-right:auto;display:block;}*/
/*.liste_img_fact{background:url(../img_global/picto/facture.png) no-repeat center center;width:27px;height:27px;margin-left:auto;margin-right:auto;}/*TD 23-09-2013*/

/*.liste_img_euro{background:url(../img_global/picto/euro.png) no-repeat center top;width:26px;height:27px;margin-left:auto;margin-right:auto;display:block;}
.liste_img_euro{background-position:center bottom}
*/
/*.liste_img_euro{display:inline-block;background: url(../img_global/picto/euro.png) no-repeat center top;width:26px;height:27px;cursor:pointer;}
.liste_img_euro:hover{background-position: center bottom;}*/

/*.liste_img_tel{display:inline-block;background: url(../img_global/picto/tel.png) no-repeat center top;width:26px;height:27px;cursor:pointer;}
.liste_img_tel:hover{background-position: center bottom;}*/

/*.liste_img_mail{background: url(../img_global/picto/mail.png) no-repeat center top;width:26px;height:27px;cursor:pointer;}
.liste_img_mail:hover{background-position: center bottom;}*/

/*.liste_img_fact{display:inline-block;background: url(../img_global/picto/facture.png) no-repeat center top;width:26px;height:27px;cursor:pointer;}
.liste_img_fact:hover{background-position: center bottom;}*/

/*.liste_img_copy{display:inline-block;background: url(../img_global/picto/copie.png) no-repeat center top;width:26px;height:27px;cursor:pointer;}
.liste_img_copy:hover{background-position: center bottom;}*/

/*.liste_img_pdf{display:inline-block;background:url(../img_global/picto/pdf.png) no-repeat center top;width:27px;height:27px;margin-left:auto;margin-right:auto;cursor:pointer;}
.liste_img_pdf:hover{background-position:center bottom;}*/

.liste_img_pdf_secure {
    display: inline-block;
    background: url(../img_global/picto/pdfsecure.png) no-repeat center top;
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.liste_img_pdf_secure:hover {
    background-position: center bottom;
}

.img_deconnexion {
    background: url(../img_global/picto/picto_deconnexion.png) no-repeat center center;
    width: 20px;
    height: 20px;
    margin: 5px 10px;
    display: block;
    background-size: 100%;
}

/*.img_excel{display:inline-block;background: url(../img_global/picto/Excel.png) no-repeat center top;width:26px;height:27px;cursor:pointer;}
.img_excel:hover{background-position: center bottom;}*/

.img_param {
    display: inline-block;
    background: url(../img_global/picto/param.png) no-repeat center top;
    width: 26px;
    height: 27px;
    cursor: pointer;
}

.img_param:hover {
    background-position: center bottom;
}

.img_param_petit {
    display: inline-block;
    background: url(../img_global/picto/param_petit.png) no-repeat center top;
    width: 16px;
    height: 17px;
    cursor: pointer;
}

.img_param_petit:hover {
    background-position: center bottom;
}

.liste_img_fleche_droite {
    background: url(../img_global/picto/fleche_droite_jaune.jpg) no-repeat;
    width: 15px;
    height: 15px;
}

.liste_img_fleche_bas {
    background: url(../img_global/picto/fleche_bas_rouge.png) no-repeat;
    width: 15px;
    height: 15px;
}

.liste_img_fleche_haut {
    background: url(../img_global/picto/fleche_haut_vert.png) no-repeat;
    width: 15px;
    height: 15px;
}

.liste_img_graph {
    display: inline-block;
    background: url(../img_global/picto/stats.png) no-repeat center top;
    width: 26px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
}

/* Spécifique à la gestion de badge */
.liste_img_refus_demande {
    background: url('../img_global/picto/refus_badge.png') no-repeat center center;
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.liste_img_activer {
    background: url('../img_global/picto/activer.png') no-repeat center center;
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.liste_img_desactiver {
    background: url('../img_global/picto/desactiver.png') no-repeat center center;
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}


.img_masque {
    display: inline-block;
    background: url(../img_global/picto/masque.png) no-repeat center top;
    width: 26px;
    height: 27px;
    cursor: pointer;
}

.img_masque:hover {
    background-position: center bottom;
}


.displayNone,
.hide,
.IsNotVisible {
    display: none
}

.displayBlock,
.show,
.IsVisible {
    display: block
}

.nowrap,
.Nowrap {
    white-space: nowrap;
}

.whitespace_pre {
    white-space: pre;
}

.displayInlineBlock {
    display: inline-block
}

.ok,
.msg.vert,
.msg.green {
    /*color:#82b92c*/
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    padding: 10px !important;
    font-size: 12px !important;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

.vert,
.green {
    color: #155724;
}

.red {
    color: red;
}

.err,
.msg.red {
    /*color:#ff0000 !important;*/
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 10px !important;
    font-size: 12px !important;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}



.info {
    /*color:#ff0000 !important;*/
    color: #004085;
    background-color: #cce5ff;
    border: 1px solid #b8daff;
    padding: 10px !important;
    font-size: 12px !important;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

.warning {
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    padding: 10px !important;
    font-size: 12px !important;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

.blue {
    color: #10a8bd
}

.orange {
    color: orange;
}

.fondvert {
    background-color: #82b92c
}

.fondred {
    background-color: #ff0000 !important
}

.fondblue {
    background-color: #10a8bd
}

.fondorange {
    background-color: orange;
}

.fondjaune {
    background-color: yellow;
}

.fondgris {
    background-color: #949494;
}

.alignCenter,
.AlignCenter,
.Center,
.center {
    text-align: center !important;
}

.alignRight,
.AlignRight {
    text-align: right !important;
}

.alignLeft,
.AlignLeft {
    text-align: left !important;
}

.alignJustify,
.AlignJustify {
    text-align: justify !important;
}

.floatRight,
.FloatRight {
    float: right;
}

.floatLeft,
.FloatLeft {
    float: left;
}

.clear,
.Clear {
    clear: both;
}

.Label {
    color: #006777;
    line-height: 16pt;
}

.Bold {
    font-weight: bold;
}

.width50pc {
    width: 50%
}

.width49pc {
    width: 49%
}

.positionAbsolute,
.PositionAbsolute {
    position: absolute
}

.Question {
    font-family: verdana, tahoma, arial;
    text-align: center;
    font-size: 11px;
    font-weight: bold
}

tr.selected,
tr.selected td {
    font-weight: bold
}

.multiSelectOptions {
    min-height: 300px;
}

#popin_contenu #popin_text_contenu .multiSelectOptions label {
    display: block;
    padding: 0 2px;
    white-space: nowrap;
    float: none;
    width: auto;
}

/* bouton submit */
.input_button_annuler {
    font-size: 13px !important;
    background: #859ea6;
    width: 150px;
    height: 27px;
    color: #fff;
    padding: 5px;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    text-transform: none !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.input_button_annuler:hover {
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    background-color: rgb(92, 9, 112);
}

/*LD - 02/06/2023 - on force pour jquery confirm*/
.jconfirm-box .jconfirm-buttons{
    text-align: center !important;
}

.jconfirm-box .jconfirm-buttons button{
    padding: 0 12px !important;
}

/* GL - 07-11-2022 - min-width:150 au lieu de width:150 pour gérer les cas où les boutons doivent être plus grand (cf : config type projets) */
.input_button_creation,
.input_button_fermer {
    min-width: 150px;
    background: #434343;
    font-size: 1em !important;
    height: 27px;
    color: #fff;
    padding: 5px;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    text-transform: none !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

/*.input_button_creation{font-size: 13px !important; background:#859ea6}
.input_button_fermer,.input_button_annuler{background:#434343;}*/

.input_button_creation:hover,
.input_button_fermer:hover {
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    /*border:1px solid #fff !important;*/
    background-color: rgb(92, 9, 112);
}

.input_button_valider {
    font-size: 13px !important;
    background: #859ea6;
    min-width: 150px;
    width: auto;
    height: 27px;
    color: #fff;
    padding: 5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    /*border:1px solid #535353 !important;*/
    /*border-bottom:2px solid #535353 !important;border-right:2px solid #535353 !important;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}


.input_button_valider_filtre { /*// EP |***| 02/05/2025 - Pour nouvelle maquette filtre*/
    font-size: 13px !important;
    background: #859ea6;
    min-width: 80px;
    width: auto;
    height: 27px;
    color: #fff;
    padding: 5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    /*border:1px solid #535353 !important;*/
    /*border-bottom:2px solid #535353 !important;border-right:2px solid #535353 !important;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.input_button_filtre_retablir{ /*// EP |***| 02/05/2025 - Pour nouvelle maquette filtre*/
    font-size: 10px !important;
    /*background: #859ea6;*/
    min-width: 80px;
    width: auto;
    height: 27px;
   /* color: #fff;*/
    padding: 5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    /*border:1px solid #535353 !important;*/
    /*border-bottom:2px solid #535353 !important;border-right:2px solid #535353 !important;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.input_button_valider:hover { 
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    /*border:2px solid #535353 !important;*/
    background-color: rgb(92, 9, 112);
}

.input_button_valider_filtre:hover { /*// EP |***| 02/05/2025 - Pour nouvelle maquette filtre*/
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    /*border:2px solid #535353 !important;*/
    background-color: rgb(92, 9, 112);
}

.input_button_filtre_retablir:hover { /*// EP |***| 02/05/2025 - Pour nouvelle maquette filtre*/
    /*color: #fff;*/
    cursor: pointer;
    font-weight: normal;
    /*border:2px solid #535353 !important;*/
    /*background-color: rgb(92, 9, 112);*/
    text-decoration: underline;
}

.input_button_valider.bgRed {
    background: #cc0033;
}

/* FILTRE */
.responsiveFlex .DivFiltre{margin: 0 5px;}
/* END FILTRE */

/* NOUVEAU BOUTONS PORTAIL V3.6 */
/*// EP |***| 29/04/2025 - Ajout bouton liste_img_word*/
.btn_flex,
.popin_header,
.popin_header_galerie,
.liste_img_suppr,
.liste_img_modif,
.liste_img_save,
.liste_img_voir,
.liste_img_param,
.liste_img_masque,
.liste_img_gift,
.picto_plus2,
a.action_ajout,
.liste_img_copy,
.liste_img_pdf,
.liste_img_excel,
.liste_img_word,
.liste_img_euro,
.liste_img_fact,
.liste_img_aide,
.liste_img_tel,
.img_excel,
.liste_img_check,
.liste_img_add,
.liste_img_add2,
.liste_img_moins2,
.liste_img_mail,
.liste_img_next,
.liste_img_inter,
.liste_img_liste_suivi,
.liste_img_aide_petit,
.liste_img_modif_petit,
.liste_img_param_petit,
.liste_img_voir_petit {
    padding: 5px !important;
    cursor: pointer;
    font-weight: normal;
    display: inline-flex;
    border-radius: 5px;
    color: black;
    transition: all ease 0.3s;
    background-color: #f7f7f7;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    font-size: 15px;
    box-sizing: border-box;
    /*min-width: 32px;
    min-height: 32px;*/
    min-width: 27px;
    min-height: 27px;
    position: relative;
}
/*// EP |***| 29/04/2025 - Ajout liste_img_word*/
.btn_flex:hover,
.popin_header:hover,
.popin_header_galerie:hover,
.liste_img_suppr:hover,
.liste_img_modif:hover,
.liste_img_save:hover,
.liste_img_voir:hover,
.liste_img_param:hover,
.liste_img_masque:hover,
.liste_img_gift:hover,
.picto_plus2:hover,
a.action_ajout:hover,
.liste_img_copy:hover,
.liste_img_pdf:hover,
.liste_img_excel:hover,
.liste_img_word:hover,
.liste_img_euro:hover,
.liste_img_fact:hover,
.liste_img_aide:hover,
.liste_img_tel:hover,
.img_excel:hover,
.liste_img_check:hover,
.liste_img_add:hover,
.liste_img_add2:hover,
.liste_img_moins2:hover,
.liste_img_mail:hover,
.liste_img_next:hover,
.liste_img_inter:hover,
.liste_img_liste_suivi:hover,
.liste_img_aide_petit:hover,
.liste_img_modif_petit:hover,
.liste_img_param_petit:hover,
.liste_img_voir_petit:hover,
.liste_img_suppr_petit:hover {
    background-color: rgb(92, 9, 112);
    border-color: rgb(92, 9, 112);
    color: white !important;
}
/*// EP |***| 29/04/2025 - Ajout liste_img_word*/
.btn_flex a,
.liste_img_suppr a,
.liste_img_modif a,
.liste_img_save a,
.liste_img_param a,
.liste_img_masque a,
.liste_img_gift a,
.liste_img_voir a,
.liste_img_copy a,
.liste_img_pdf a,
.liste_img_excel a,
.liste_img_word a,
.liste_img_euro a,
.liste_img_fact a,
.img_excel a,
.liste_img_check a,
.liste_img_add a,
.liste_img_add2 a,
.liste_img_moins2 a,
.liste_img_mail a,
.liste_img_next a,
.liste_img_inter a,
.liste_img_liste_suivi a,
.liste_img_aide_petit a,
.liste_img_modif_petit a,
.liste_img_param_petit a,
.liste_img_voir_petit a,
.liste_img_suppr_petit a {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
}

.btn_supprimer,
.liste_img_suppr,
.liste_img_suppr_petit {
    background-color:
        /*#d9534f*/
        var(--color-rouge);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;

    /*-webkit-backface-visibility: hidden; 
    -webkit-transform: translateZ(0);
    transform: translateZ(0);*/
}

.btn_supprimer,
.liste_img_suppr {
    font-size: 13px;
}

.btn_supprimer:before,
.liste_img_suppr:before,
.liste_img_suppr_petit:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1f8";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_supprimer:before,
.liste_img_suppr:before {
    font-size: 16px;
}

.liste_img_copy_petit {
    background-color: var(--color-violet);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_img_copy_petit::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0c5';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_img_suppr_petit {
    width: 15px;
    height: 15px;
    padding: 2px;
    font-size: 9px;
    text-align: center;
    border-radius: 5px;
    color: black;
    transition: all ease 0.2s;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    cursor: pointer;
}

.liste_img_copy_petit {
    width: 15px;
    height: 15px;
    padding: 2px;
    font-size: 9px;
    text-align: center;
    border-radius: 5px;
    color: black;
    transition: all ease 0.2s;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    cursor: pointer;
}

.btn_clock {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_clock:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    content: '\f017';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_download {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_download:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f019';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_deconnexion:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f2f5';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_plus {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_plus:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\2b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_log {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_log:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f15c';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_check_connexion {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_check_connexion:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f796';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_resolve {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_resolve:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f0f8';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_moins {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_moins:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f068';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_modif,
.liste_img_modif,
.liste_img_modif_petit {
    background-color: var(--color-vert);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_modif::before,
.liste_img_modif::before,
.liste_img_modif_petit::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f044';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_save,
.liste_img_save {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_save::before,
.liste_img_save::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0c7';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_trad{
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_trad::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1ab';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_task{
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_task::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0ae';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_filter{
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_filter::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0b0';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_img_modif_petit {
    min-width: 15px;
    min-height: 15px;
    padding: 2px;
    font-size: 9px;
}

.btn_refresh {
    background-color: #859ea6;
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_refresh::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f021';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

.btn_export {
    background-color: var(--color-vert-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_export::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1c3';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_export_csv {
    background-color: var(--color-vert-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_export_csv::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f6dd';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_import {
    background-color: var(--color-vert-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_import::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f56f';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_load_down {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}
.btn_load_down::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f358';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_maj {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_maj::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f35b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_version {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_version::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f126';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_rattrapage {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_rattrapage::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f03a';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

.btn_maj_attente {
    background-color: #859ea6;
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_maj_attente::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f35b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_maj_cours {
    background-color: var(--color-orange);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_maj_cours::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f35b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_maj_erreur {
    background-color: var(--color-rouge);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_maj_erreur::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f35b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_metas {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_metas::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f121';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_stop {
    background-color: var(--color-rouge);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_stop::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f05e';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_params {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_params::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f013';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


.btn_masque,
.liste_img_masque {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_masque::before,
.liste_img_masque::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f070';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_envoi,
.liste_img_envoi {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_envoi::before,
.liste_img_envoi::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f14d';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn_ajout,
.popin_header,
.popin_header_galerie,
.picto_plus2,
a.action_ajout {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px !important;
}

.btn_ajout::before,
.popin_header::before,
.popin_header_galerie::before,
.picto_plus2::before,
a.action_ajout::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0fe';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_ajout_pj {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_ajout_pj::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f574';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_levelup {
    background-color: var(--color-violet);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_levelup::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f101';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_ok {
    background-color: var(--color-vert-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_ok::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_send_mail_ok {
    background-color: var(--color-vert);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}
.btn_send_mail {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_send_mail::before, .btn_send_mail_ok::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1d8';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}


.btn_nok {
    background-color: var(--color-rouge);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_nok::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00d';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_icognito {
    background-color: var(--color-rouge);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_icognito::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f21b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_undo {
    background-color: #c47342;
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_undo::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0e2';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_activate {
    background-color: var(--color-vert);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_activate::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0e2';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_desactivate {
    background-color: var(--color-rouge);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_desactivate::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0e2';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_transfert {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_transfert::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f2f5';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_openSuivi {
    background-color: #859ea6;
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_openSuivi::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f122';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    transform: scaleX(-1);
    transition: ease all 0.3s;
}

.btn_openSuivi.open::before {
    transform: scaleX(1);
}

.btn_voir,
.liste_img_voir,
.liste_img_param,
.liste_img_gift,
.liste_img_param_petit,
.liste_img_voir_petit {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_voir::before,
.liste_img_voir::before,
.liste_img_param::before,
.liste_img_param_petit::before,
.liste_img_voir_petit::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f06e';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_gift::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f06b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btns_meta_masse + .msg_info {
    width: 100%;
    margin-bottom: 15px;
}

.liste_img_param_petit,
.liste_img_voir_petit {
    min-width: 15px;
    min-height: 15px;
    padding: 2px;
    font-size: 9px;
}

.btn_reorder_up {
    background-color: #859ea6;
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_reorder_up::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0d8';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_reorder_down {
    background-color: #859ea6;
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_reorder_down::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0d7';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_qrCode {
    background-color: transparent;
    border: solid 1px var(--color-bleu-v-1);
    color: var(--color-bleu-v-1) !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_qrCode::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f029';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_img {
    background-color: transparent;
    border: solid 1px var(--color-bleu-v-1);
    color: var(--color-bleu-v-1) !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_img::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f03e';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_zip{
    background-color: transparent;
    border: solid 1px #c68c03;
    color: #c68c03 !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_zip::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1c6';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_copy,
.liste_img_copy {
    background-color: var(--color-violet);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_copy::before,
.liste_img_copy::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0c5';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

.btn_sql {
    background-color: var(--color-gris);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.btn_sql::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1c0';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_pdf,
.liste_img_pdf {
    background-color: white;
    color: var(--color-rouge) !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    border: 1px solid var(--color-rouge);
}

.btn_pdf::before,
.liste_img_pdf::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    content: '\f1c1';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.btn_excel,
.liste_img_excel {
    background-color: white;
    color: var(--color-vert) !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    border: 1px solid var(--color-vert);
}


.btn_excel::before,
.liste_img_excel::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    content: '\f1c3';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

/*// EP |***| 29/04/2025 -  Ajout bouton word*/
.btn_word,
.liste_img_word {
    background-color: white;
    color: var(--color-bleu-v-1) !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    border: 1px solid var(--color-bleu-v-1);
}

/*// EP |***| 29/04/2025 -  Ajout bouton word*/
.btn_word::before,
.liste_img_word::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    content: '\f1c2';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.btn_euro,
.liste_img_euro {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_euro::before,
.liste_img_euro::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f153';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.btn_fact,
.liste_img_fact {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.btn_fact::before,
.liste_img_fact::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f570';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_aide,
.liste_img_aide_petit {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    cursor: help;
    border-radius: 100%;
}

.liste_img_aide::before,
.liste_img_aide_petit::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f129';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.liste_img_aide_petit {
    min-width: 15px;
    min-height: 15px;
    padding: 2px;
    font-size: 9px;
}

.liste_img_tel {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    cursor: help;
    border-radius: 100%;
}

.liste_img_tel::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f879';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_mail {
    background-color: var(--color-bleu-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    cursor: help;
    border-radius: 100%;
}

.liste_img_mail::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1fa';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.btn_excel,
.img_excel {
    background-color: white;
    color: var(--color-vert) !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    border: 1px solid var(--color-vert);
}

.btn_excel::before,
.img_excel::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    content: '\f1c3';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_check {
    background-color: var(--color-vert-v-1);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important;
}

.liste_img_check::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_retour {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.liste_img_retour::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f053';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_img_add {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.liste_img_add::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f067';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_add2 {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.liste_img_add2::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f067';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_moins2 {
    background-color: var(--color-ajout);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.liste_img_moins2::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f068';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_next {
    background-color: var(--color-vert);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.liste_img_next::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f017';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_inter {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.liste_img_inter::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f56c';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.liste_img_liste_suivi {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important;
}

.liste_img_liste_suivi::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f07c';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}

.btn_recu {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important;
}

.btn_recu::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f543';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-size: 18px;*/
}
.btn_play {
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important;
}

.btn_play::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f04b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: var(--color-vert-v-1, #198754);

    /*font-size: 18px;*/
}

.btn_play_dark {
    background-color: lightgray;
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important;
}

.btn_play_dark::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f04b';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: var(--color-vert-v-1, #198754);
    /*font-size: 18px;*/
}

.btn_pendding {
    background-color: var(--color-gris);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important;
}

.btn_pendding::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f252';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: white;
}

.btn_load {
    background-color: var(--color-bleu);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important;
}

.btn_load::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1ce';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: white;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
}

.btn_pause {
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important;
}
.btn_pause::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f04c';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color : var(--color-rouge, #ce1616);

    /*font-size: 18px;*/
}

.btn_acces_clone_user 
{
    background-color: rgb(162, 106, 48);
    color: white !important;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 15px !important; 
}
.btn_acces_clone_user::before 
{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f500';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: white;
}
/* FIN DES NOUVEAU BOUTON */

/* Infobulle */
.infobulle_content {
    display: none;
    position: absolute;
    background: #222;
    left: calc(100% + 10px);
    padding: 5px 10px;
    z-index: 2;
    border-radius: 5px;
    font-size: 13px;
    width: 300px;
    max-width: max-content;
}
.infobulle_trigger:hover .infobulle_content {
    display: block;
}

.infobulle_content:before {
    position: absolute;
    background: #222;
    z-index: -1;
    content: '' !important;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: -15px;
    top: calc(50% - 5px);
    left: 10px;
}

/* nouveau pictos */
.picto_edit {
    background: url(../img_global/picto/pictos_portail2.png) no-repeat center top;
    width: 26px;
    height: 27px;
}

.picto_voir {
    background: url(../img_global/picto/pictos_portail2.png) no-repeat center top;
    width: 26px;
    height: 27px;
}

.picto_plus {
    background: url(../img_global/picto/pictos_portail2.png) no-repeat center top;
    width: 26px;
    height: 27px;
}

.picto_i {
    background: url(../img_global/picto/pictos_portail2.png) no-repeat center top;
    width: 26px;
    height: 27px;
}

.picto_excel {
    background: url(../img_global/picto/pictos_portail2.png) no-repeat center top;
    width: 26px;
    height: 27px;
}


/* picto point pour état*/
.point_blanc {
    background: url(../img_global/picto/point_blanc.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_gris {
    background: url(../img_global/picto/point_gris.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_jaune {
    background: url(../img_global/picto/point_jaune.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_marron {
    background: url(../img_global/picto/point_marron.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_orange {
    background: url(../img_global/picto/point_orange.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_rouge {
    background: url(../img_global/picto/point_rouge.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_vert {
    background: url(../img_global/picto/point_vert.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_violet {
    background: url(../img_global/picto/point_violet.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_vert_violet {
    background: url(../img_global/picto/point_vert_violet.png) no-repeat center top;
    width: 15px;
    height: 14px;
}

.point_alerte {
    background: url(../img_global/picto/alerte.gif) no-repeat center top;
    width: 20px;
    height: 20px;
}

.point_bleu_jaune {
    background: linear-gradient(110deg, var(--color-bleu) 0%, var(--color-bleu) 50%, rgb(243, 221, 18) 50%, rgb(243, 221, 18) 100%);
    width: 12px;
    height: 12px;
    border-radius: 100%;
}


/* multi select */
.ui-multiselect-menu .ui-widget-header {
    font-weight: normal;
    padding: 3px;
}

.ui-multiselect.ui-widget>span:not(.ui-icon) {
    width: calc(100% - 16px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

/*.ui-multiselect-checkboxes{height:300px !important}*/

.Desactive {
    color: #859ea6;
}

/* Ligne verte sous les onglets de chaque page en disposant */
.LigneSousOnglet {
    background: #82b92c;
    color: #ffffff;
    width: 100%;
    height: 30px;
}

#Affich .liste_img_active,
#Affich .liste_img_desactive {
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
}

/* Affichage popin de modification sur tinymce */
.tox-dialog {
    min-width: 600px;
}

/*cursor pointer sur une image dans l'ajout d'image*/
.dropzone .dz-preview .dz-remove img{cursor: pointer;}
.dz-filename{
    max-width: 80%;
}

input#ChargerMeta, input#MetaDefaut{
	margin-top: 0px !important;
	margin-right: 10px;
}

a#ChargerMeta::before{
    content: none;
}

fieldset.marginField{
	margin: 10px 0 !important;
}

/* PG ($) - 16/04/2024 - Permet d'avoir un texte avec un title */
.texteAide > span {
    cursor: help;
    border-bottom: 1px dashed;
    padding-bottom: 1px;
}

.superSession
{
    padding: 5px;
    background: #fadcac;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: sticky;
    top: 0;
    z-index: 100;
}
.superSession em
{
    font-weight: bold;
    text-transform: capitalize;
    font-style: normal;
}
.superSession .btn_nok
{
    cursor: pointer;
    color: white;
    min-width: 19px;
    min-height: 19px;
    padding: 3px !important;
}
.superSession .btn_nok::before
{
    font-size: 11px;
}

/* ------------------------------ Extra select2 ----------------------------- */
.select2.select2-container--focus + .select2-actions
{
    border-color: black;
}
.select2-actions
{
    display: flex;
    border: 1px solid #aaa;
    border-top: none;
    margin-top: -3px;
    padding: 5px;
    width: 100%;
    border-radius: 4px;
    background: rgb(224, 224, 224);
    z-index: 1;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    gap: 5px;
}
.select2-actions > input
{
    background: white;
    cursor: pointer;
    padding: 2px 5px;
    border: 1px solid rgb(185, 185, 185);
    border-bottom-width: 2px;
    border-bottom-color: rgb(149, 149, 149);
    border-radius: var(--default-border-radius);
    transition: all .15s ease-in-out;
    margin-top: 0px !important;
}
.select2-actions > input:hover
{
    background: rgb(219, 219, 219);
    border-bottom-color: var(--color-bleu);
}
.select2-actions > input[disabled]
{
    pointer-events: none;
}
.select2-clearAllCheck
{
    color: var(--color-rouge);
    font-weight: bold;
}

/* Affichage des type de compte */
.color_compte_pro:before {
    color: #75402c !important;
}

.color_compte_pro_spec::before {
    color: #55409c !important;
}

.color_compte_particulier:before {
    color: #e1d1a7 !important;
}

.color_compte_aucun:before {
    color: transparent !important;
    border: 1px solid #555;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    position-area: center;
}

/*****************  CSS pour les tabs  *****************/ 
.ui-tabs { 
    background: none !important; 
    border: none !important; 
} 
.ui-tabs .ui-widget-header { 
    border: none; 
    background: none; 
    display: flex; 
    flex-wrap: wrap; 
    row-gap: 5px; 
padding: 0px !important; 
margin: 0px !important; 
    margin-top: 0.2em !important; 
} 
.ui-tabs .ui-widget-header::before, .ui-tabs .ui-widget-header::after { 
    content: none; 
} 
.ui-tabs .ui-state-default:not(.ui-state-active), .ui-tabs .ui-state-hover:not(.ui-state-active) { 
    background: #efefef; 
} 
.ui-tabs .ui-tabs-panel { 
    padding: 10px !important; 
    border: solid 1px #aaaaaa !important; 
} 
/***************  Fin CSS pour les tabs  ***************/ 

.cursorPointer{
    cursor:pointer;
}

#btn_plus_filtre{
    border-style: solid;width:25px;border-radius: 0 0 5px 5px; border-width:0px 1px 1px 1px; border-color: #006777
    ; text-align:center; margin-right:1%;
}