/* Version 13.01
COULEURS
BLANC #FFFFFF
Noir #000000
lightsteelblue	#B0C4DE
lightgrey	#D3D3D3
darkgreen	#006400
darkblue	#00008B
chocolate	#D2691E
Red             #FF0000
vert brillant   #7cfc00
vert            #008000
vert fonce      #006400
orange          #ffa500
1 rem = 12pt environ
10px = 0.8rem
*/



.normal{
    color:#4c4c4c;
    font-size: 0.8rem;
    font-style: normal;
    font-weight:normal; 
}

.clear{
    clear:both;
    display:block;
    height: 0;
    font-size: 0.1rem;
    line-height: 0px;
    margin: 1px;
}

a {
    /*color: black;*/
    text-decoration:none;
}
input[type="submit"] {
    cursor:pointer;
}
label {
    cursor:pointer;
}
/*a:hover {
    color: white;
    background-color:#f5f5f5;
    text-decoration:underline #00008B;
}*/
.no_background:hover {
    background-color: transparent;
}
.repertoire {
    font-size: 1.1rem;
    font-weight: bold;
    color: #1e45ba;
}
.repertoire img {
    margin-right:10px;
    margin-top:15px;
    background-color:white;
    vertical-align:text-bottom;
    height:22px;
}
.repertoire:hover {
    color: blue;
    background-color:white;
}

.no_print a:hover{
    background-color: transparent;
}
abbr {
    /*color: black;*/
    text-decoration:none;
}
.loupe:hover{
    background-color:#f2f2f2;
}

/*a:hover {
    color: #006400;
}*/
a img {
    border: 0px;
    margin: 1px;
}

.ref_h1{
    margin:10px;
    position: relative;
    font-size: 1.6rem;
    color:#778899;/* lightslategray */
    border: 3px solid transparent;
    border-radius:18px;
    padding:2px 15px 0px 15px;
}
.ref_statut {
    display:inline-block;
    position:relative;
    top:-6px;
}
.ref_createur{
    display:inline-block;
    position:absolute;
    left:50%;
    top:143px;
    z-index:10;
}
.ref_enreg{
    display:inline-block;
    position:absolute;
    left:50%;
    top:165px
}
.ref_origine{
    display:block;
    position:absolute;
    left:50%;
    top:138px
}


h4 {
    color: #4c4c4c;
    text-align: left;
    margin-left: 20px;
    font-weight: bold;
    font-size: 0.8rem;
}

/* pour accordion et des mises en forme sur des titres */
    h5 {
        margin:11px 5px 0px 5px;
        color:#4c4c4c;
        font-weight: bold;
        font-size: 0.8rem;
        border: 1px solid #c0c0c0;
        border-radius:18px;
        text-align: left;
        padding : 10px;
        background-color: #f5f5f5;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("../interface/images/sort_desc.png");
        transition-property: opacity;
        transition-duration: 0.3s;
    }
    h5:hover {
        opacity:0.6;
        background-color: white;
        cursor: pointer;
        background-image: url("../interface/images/sort_2.png");
    }
    h5.is-open {
        background-color: white;
        background-image: url("../interface/images/sort_asc.png"); 
        border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;
    }
    h5.is-open:hover {
        background-color: #fafafa;/* entre white et #f5f5f5 */
        background-image: url("../interface/images/sort_2.png"); 
    }
    .pannel_accordeon {
        border: 1px solid #c0c0c0;
        margin:-1px 5px;
        background-color: white;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px;
        padding-bottom:10px;
    }
    .pannel_admin{
        padding:5px 15px;
    }
    .onglet_admin {
        padding:5px 21px;
    }

h6 {
    color:blue;
    font-weight: bold;
    font-size: 0.9rem;
}

.deroule_indic{
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    padding: 10px 15px;
    color: #1c5887;
    background-color: #f5f5f5;
    border: 1px solid #c0c0c0;
    border-radius:2px;
    width:100%;
    margin:0px;
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.deroule_indic:hover{
    color: blue;
    border: 1px solid #87ceeb;
}

.upload_file{
    width:550px;
    height:150px;
    text-align:center;
    margin:10px auto;
    border-radius:2px;
}


p {
    color:#4c4c4c;
    text-align: left;
    margin-left: 10px;
}
select {
    color:#4c4c4c;
    margin: 2px;
    width: 160px;
    padding:2px 7px;
    box-sizing: border-box;
    font-size: 0.8rem;
    background-color: #f5f5f5;
    height: 25px;
    border: 0px solid #e6e6e6;/* lightsteelblue */
    border-radius : 11px;
    scrollbar-width: auto;
    /*overflow-y: scroll;*/
  }
.select50 {
    width: 50px;
  }
.select100 {
    width: 100px;
  }
.select150 {
    width: 150px;
  }
.select160 {
    width: 160px;
  }
.select300 {
    width: 300px;
  }
option {
    font-size: 0.75rem;
  }
  input {
    color:#4c4c4c;
  }
input[type=number] {
    width: 50px;
    text-align:center;
}
input[type=time] {
    width: 100px;
    text-align:center;
}
input[type=radio]:checked{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 6px solid #2f4f4f;
    border-radius: 6px;
    margin: -1px 5px;
}
select:disabled{
    background-color: white;
}

.recherche {
    height:25px;
    margin-right:-24px;
    margin-left:0px;
    vertical-align:middle;
}

hr {
    border: none;
    border-bottom: 1px solid #B0C4DE;
}
.message{
    color:#4c4c4c;
    width: 50%;
    margin: 15px auto;
    padding: 15px;
    border: 2px Outset #B0C4DE;/* lightsteelblue */
    font-weight: bold;
    background-color: #B0C4DE;/* lightsteelblue */
}
.pdf{
    padding:0px;
    border:0px;
}

/**** LES FORMULAIRES ****/

.form {
    color:#4c4c4c;
    width: 962px;
    background-color: white;
    box-shadow: 0px 0px 10px #B0C4DE;
    border: 0px solid #c0c0c0; 
    border-radius:18px;
    margin-top: 25px;
    margin-left:auto;
    margin-right: auto;
    padding: 10px;
    vertical-align: top;
    text-align: center;
    /*line-height:20px;*/ 
}
@media (max-width: 962px) {
    .form {
        width: 99%;
    }
}
.form_tableau {
    color:#4c4c4c;
    display: inline-block;
    min-width:962px;
    max-width:97%;
    background-color: white;
    box-shadow: 1px 3px 5px #B0C4DE;
    border: 1px solid #c0c0c0; 
    border-radius:18px;
    margin-top: 20px;
    margin-left:auto;
    margin-right: auto;
    padding: 10px;
    vertical-align: top;
    text-align: center;
}
.form_tdb {
    color:#4c4c4c;
    width: 862px;
    border: 1px solid #c0c0c0; 
    margin-top: 0px;
    margin-left:38px;
    padding: 10px;
    vertical-align: top;
    text-align: left;
    /*line-height:20px;*/ 
}
.admin {
    color:#4c4c4c;
    width: 932px;
    position:relative;
    float: left;
    margin-top: -10px;
    margin-left:-18px;
    margin-bottom:10px;
    text-align: left;
/*    padding-left:55px;*/
    padding: 0px 10px 0px 57px;
    border-radius:18px;
    box-shadow: 0px 0px 200px 2px #B0C4DE;
}
.vide {
    color:#4c4c4c;
    width: 982px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    vertical-align: top;
    text-align: center;
}
.vide table {
    box-shadow: 0px 0px 10px #B0C4DE;
    border: 0px solid #c0c0c0; 
    border-radius:18px;
    background-color: white;
    border-collapse: collapse;
}
.padding_5 {
    width: 972px;
    padding: 10px;
}
.padding_0 {
    width: 982px;
    padding: 0px 0px 1px 0px;
}
.padding_10_0 {
    width: 982px;
    padding: 10px 0px;
}
.form_ged {
    width: 980px;
    margin: 5px auto;
    padding: 0px;
    vertical-align: top;
}
.formpj {
    width: 980px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-left: 0px solid #B0C4DE;/* lightsteelblue */
    border-right: 0px solid #B0C4DE;/* lightsteelblue */
    border-bottom: 0px solid #B0C4DE;/* lightsteelblue */
    vertical-align: top;
    text-align: left;
    background-color: white;
}
.form td {
    vertical-align: middle;
    padding:  5px 2px;
}
.couleur {
    height: 40px;
    font-weight: bold;
    /*text-align:center;*/
    width:980px;
}
.font15{
    font-size:1.25rem;
    font-weight: normal;
}

.form_no_border {
    color:#4c4c4c;
    width: 980px;
    margin: 5px auto;
    padding: 2px;
    vertical-align: top;
    text-align: center;
}
.form_no_border_white {
    width: 950px;
    margin: 5px auto;
    padding: 2px;
    vertical-align: top;
    text-align: center;
    background-color: white;
}
.form_calendrier {
    width: 950px;
    margin: 5px auto;
    padding: 2px;
    text-align: center;
    vertical-align: top;
}
.form p{
    margin: 10px 5px;
    padding: 0px;
}
.ql-editor p{
    margin: 0px;
}

.align_left {
    text-align: left;
}

.form hr{
    margin-left: -10px;
    margin-right: -10px;
}
.pseudo_textarea {
/*    font-family: Roboto,Arial, sans-serif;
    font-size: 0.8rem;*/
    color:#4c4c4c;
    border: 0px solid #B0C4DE;
    margin: 2px;
    padding:2px 5px;
    min-height:32px;
    background-color: #f5f5f5;
    border-radius:12px;
}
.pseudo_textarea hr{
    margin-left: -5px;
    margin-right: -5px;
}


.suivant_form {
    background:url(interface/icones/suivant.png);
    border:none;
    margin-bottom:-10px;
    margin-left:10px;
    cursor: pointer;
}


.form_new {
    width: 25%;
    display: block;
    float: left;
    /*color: black;*/
    padding: 3px 2px;
    margin: 0px 10px;
    text-align: right;
}

.calendrier {
    background-color: white;
    border-collapse: collapse;
    padding:5px;
    margin:auto;
}
.calendrier td{
    text-align:left;
    vertical-align: top;
    border: 1px solid #a9a9a9;
    height:50px;
    padding:2px;
}
.calendrier th{
    text-align:left;
    /*vertical-align: top;*/
    border: 0px solid;
    height:20px;
    padding:4px;
    font-weight: normal;
}

.centre{
    text-align: center;
}

.charger{
    text-decoration: none;
    text-align: center;
    padding: 3px 5px;
    margin: 5px;
    color: #4c4c4c;
    background-color: 'white';/* whitesmoke */
}

/**** FIN DES FORMULAIRES ****/

/**** EDITION ****/

.edit {
    width: 950px;
    margin: 5px auto;
    padding: 0px;
    border: 2px dotted #a9a9a9;/* lightsteelblue */
    font-size: 0.8rem;
    font-family: Arial, sans-serif;
    background-color: white;/* #fafafa snow presque blanc */
    text-align: left;
    vertical-align: top;
    border-collapse: collapse;
    /*box-shadow: 0px 0px 4px #B0C4DE;*/
}
.edit th{
    border-right: 2px dotted #a9a9a9;/* lightsteelblue */
    vertical-align: top;
    padding-top: 10px;
}
.edit td{
    vertical-align: top;
    padding-top: 10px;
    padding-left: 5px;
}
/* .edit p{
    margin: 10px 5px;
    padding: 0px;
}
.edit p span{
    width: 20%;
    display: block;
    float: left;
    color: #4c4c4c;
    padding: 3px 2px;
    margin: 0px 10px;
    text-align: right;
} */

.message p{
    text-align: center;
}

.liste_action{
    margin: 10px;
    padding: 0px;
    border: 1px solid #a9a9a9;/* lightsteelblue */
    background-color: #fafafa;/* snow presque blanc */
}

.action{
    margin: 2px;
    padding: 2px 0px;
    border: 1px solid #a9a9a9;/* lightsteelblue */
    background-color: #B0C4DE;/* lightsteelblue */
}

.fermer{
    background-image: url("../interface/icones/fond_fermer.png");
    background-position: 100% 100%;
    height:20px;
    float:right;
    display: block;
    margin: 3px 3px;
    border: 1px solid #6bc6e0;
    color: #1a7cc1!important;
    opacity:0.7;
    text-align:center;
    border-radius:18px;
    padding: 8px 31px 8px 1px;
    width:100px;
}
.fermer:hover{
    opacity:1;
/*    background-color: rgba(0, 0, 255, 0.1);*/
}
.bouton_admin{
    text-align:left;
    width:410px;
    /*width:700px;
/*    margin:1px;*/
}
.bouton_volant{
    display:block;
    width:40px;
}

.boutonchoix{
    display: block;
    position:relative;
    /*height: 40px;*/
    width: 70px;
    line-height: 15px;
    text-decoration: none;
    color:#0671a8;
    text-align: center;
    font-weight: normal;
    margin: 2px auto;
    padding: 4px 0px;
    /*flex-grow:1;*/
    /*vertical-align:bottom;*/
    border: 2px solid transparent;
    border-radius:5px;
    cursor: pointer;
}
@media (max-width: 1149px) {
    .boutonchoix{
        display: inline-block;
        vertical-align: top;
        margin: 2px 3px;
        height: 40px;
        /*width: 80px;*/
    }
}
@media (max-height: 559px) {
    .boutonchoix{
        display: inline-block;
        vertical-align: top;
        margin: 2px 3px;
        height: 40px;
    }
}
.boutonchoix:hover{
    background-color: white;
    color: blue;
    text-decoration: underline white;
    border: 2px solid #1e90ff;
    /*margin: 0px auto;*/
}
.boutonchoix abbr a{
    color:#006097;
}
.boutonchoix abbr a img{
    height:15px;
}
.plus_tdb{
/*    float: left;*/
    display: block;
    width: 40px;
    font-size: 1.25rem;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    /*margin: 0px 0px 0px 3px;*/
    padding: 5px 1px;
    color: blue;
    background-color: white;
    border: 2px solid #a9a9a9; 
    border-radius:2px;
    /*box-shadow: 0px 0px 4px #B0C4DE;*/
}
.plus_tdb:hover {
    border: 2px solid #1e90ff;
    /*background-color: #006097;*/
}
.petit_old{
    text-decoration: none;
    text-align: center;
    width: 12px;
    height: 12px;
    padding: 0px;
    margin: 0px;
    color: #f5f5f5;
    background-color: #cdcdcd;
    border: 2px solid #1e90ff;/* dodgerblue */
/*    background-color: #f5f5f5; whitesmoke 
    border: 1px solid #B0C4DE; lightsteelblue */
}

.petit_lien{
    width: 30px;
    height: 17px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    letter-spacing: 10px;
    color: white;
    float:right;
/*    background-color: #0073b1;
    border: 1px solid #0073b1; dodgerblue 
    border-radius:2px;*/
}    

.suppression{
    text-decoration: none;
    padding: 8px 14px;
    margin: 5px;
    color: white;
    font-weight:bold;
    background-color: #dc143c;/* crimson */
    border: 2px solid crimson;/* lightsteelblue */
    border-radius:18px;
    width:184px;
}
.suppression:hover {
    background-color: white;
    color: #dc143c;/* crimson */
    border: 2px solid crimson;/* dodgerblue */
    /*margin: 4px;*/
}
.no_hauteur{
    min-height:0px;
}
.largeur40{
    width: 40px;
}
.largeur60{
    width: 60px;
}
.largeur100{
    width: 100px;
}
.largeur150{
    width: 150px;
}
.largeur160{
    width: 160px;
}
.largeur200{
    width: 200px;
}
.largeur240{
    width: 240px;
}
.largeur390{
    width: 390px;
}
.largeur450{
    width: 450px;
}
.largeur490{
    width: 490px;
}
.largeur800{
    width: 900px;
}
.largeur1100{
    width: 1100px;
}
.largeur1200{
    width: 1200px;
}
.largeur1300{
    width: 1300px;
}
.largeur1600{
    width: 1600px;
}
.largeur1700{
    width: 1700px;
}
.largeur1900{
    width: 1900px;
}
.largeur2000{
    width: 2000px;
}
.float_right{
    float:right;
    display: block;
}
.float_left{
    float: left;
    display: block;
}
.float_middle{
    float: none;
    display: block;
    margin:auto;
}
.block{
    display: block;
}
.margin_0 {
    margin:0px;
}
.margin_auto {
    margin:auto;
}
.margin_top0 {
    margin-top:0px;
}
.margin_top3 {
    margin-top:3px;
}
.margin_top8 {
    margin-top:8px;
}
.margin_top13 {
    margin-top:13px;
}
.margin_top20 {
    margin-top:20px;
}
.gauche {
    display: block;
    width: 100px;
    float: left;
    margin : 0px 10px 0px 0px;
    padding : 0px;
    text-align: right;
}
.droite {
    display: block;
    width: 100px;
    float: right;
    margin : 0px 0px 0px 10px;
    padding : 0px;
    text-align: right;
}
.crimson {
    color:white;
    background-color: crimson;
}
.lightgrey {
    color:white;
    background-color: lightgrey;
}
.silver {
    color:white;
    background-color: silver;
}
.green {
    color:white;
    background-color: green;
}
.dodgerblue {
    color:white;
    background-color: dodgerblue;
}
.orange {
    color:#4c4c4c;
    background-color: orange;
}
.limegreen {
    color:white;
    background-color: limegreen;
}
.steelblue {
    color:white;
    background-color: steelblue;
}
.white {
    color:#4c4c4c;
    background-color: white;
}
.decale {
    margin-left: 30px;
    position: relative;
}
.decale_repertoire {
    margin-left: 39px;
    position: relative;
}
.decale_sup {
    margin-left: 30px;
    vertical-align: super;
    position: relative;
}
.decale2 {
    margin-left: 110px;
    position: relative;
}
.decale3 {
    margin-left: 210px;
    position: relative;
}
.decale4 {
    margin-left: 300px;
    position: relative;
}
.decale5 {
    margin-left: 400px;
    position: relative;
}
.decale6 {
    margin-left: 510px;
    position: relative;
}
.decale_erreur {
    margin-left: 30px;
    position: relative;
    font-weight: bold;
    color: crimson
}
.decale_juste {
    margin-left: 30px;
    position: relative;
    font-weight: bold;
    color:green
}
.liste table{
    margin-left: 5px;
    text-align: left;
/*    border: 1px solid #B0C4DE; lightsteelblue */
    background-color: white;
    border-collapse: collapse;
}
.liste td{
    vertical-align: top;
    padding: 3px;
/*    border-bottom: 1px dotted #B0C4DE; lightsteelblue */
/*    border-bottom: 1px solid #B0C4DE; lightsteelblue */
}
/*    border-bottom: 1px dotted #B0C4DE; lightsteelblue */
/*    border-bottom: 1px solid #B0C4DE; lightsteelblue */
/*}*/
.paire{
    background-color: #fafafa;
    border: 1px solid #f2f2f2;
}
.liste tr:hover{
    background-color: #e7e9f9;
}
.liste th{
/*    background-color: green;
    color: white;*/
    border: 1px solid #dcdcdc;/* lightsteelblue */
    background-color: #edf0f8;
    font-weight: normal;
    padding: 3px;
}
.zone1{
     left: 100px;
     text-align: right;
     position: absolute;
 }
.zone2{
     left: 180px;
     position: absolute;
 }
.zone3{
     left: 200px;
     position: relative;
 }
.aide {
    vertical-align: middle;
    cursor:  help;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    position: relative;
}
.aide:focus::after {
    content: attr(title);
    position: absolute;
    background: white;
    color: black;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #757575;
    top: 100%;
    left: 50%;
    transform: translateY(5px);
    transform: translateX(-5px);
    white-space: pre-line;
    font-size: 15px;
    line-height: 1.7;
    z-index: 30;
    width: max-content;
  }
.obligatoire {
    vertical-align: top;
    cursor:  help;
    font-size: 0.8rem;
    font-style: normal;
    text-decoration: none;
}
.aide_old {
    color:green;
    background-color: #e0ffff;/* lightcyan */
    vertical-align: top;
    cursor:  help;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: normal;
}
.contenant {
    width : 100px;
    background-color: #f5f5f5;  
    color: #d2691e;/* chocolate */
    border: 1px solid #a9a9a9;/* lightsteelblue */
}
.lien {
    text-decoration: none;
    white-space: Nowrap;
    color:#4c4c4c;
}
.lien:hover {
    opacity: 0.5;
}

.decal_fenetre{
    position:relative;
    }
.decal_fenetre span{
    position:absolute;
    left:130px;
    top:5px;
}
#rotate {
    transform: rotate(-90.0deg);
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    -ms-transform: rotate(-90deg);
    font-size: 1.25rem;
    padding: 0px;
}
.tdb{
    display: block;
    margin: auto;
    width: 100%;
    height: 25px;
/*    padding: 5px;*/
    text-align:center;
    color:white;
    font-weight: bold;
}
.tdb:hover {
    border: 2px solid #1e90ff;/* dodgerblue */
    margin: -2px;
}
.logo_indicateur{
    /*float: right;*/
    display: block;
    margin: auto;
    width: 138px;
    height: 47px;
}
.logo_indicateur:hover {
    border: 2px solid #1e90ff;/* dodgerblue */
    margin: 1px auto;
}
.fenetre_accueil{
    transition: .2s height;
    position:absolute;
    overflow:auto;
    width: 680px;
    background-color:#f5f5f5;/* whitesmoke */
    border: 1px solid #B0C4DE;/* lightsteelblue */
    height:160px;
    margin: 2px;
    z-index: 4;
}
.fenetre_ged{
    width: 440px;
    overflow:auto;
    border: 0px solid #B0C4DE;/* lightsteelblue */
    max-height:200px;
    margin: 4px;
}
.enregistres_fenetre{
    overflow:auto;
    width: 99%;
    max-width:650px;
    border: 1px solid #f5f5f5;/* whitesmoke */
    max-height:190px;
    margin: 2px;
    z-index: 4;
}

.form0 {
    width: 980px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
    padding: 0px;
    border: 0px solid #B0C4DE;/* lightsteelblue */
    vertical-align: top;
    text-align: center;
}
.form0 p{
    margin: 0px;
    padding: 0px;
}
.texte_vertical {
    writing-mode:tb-rl;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(270deg);
    filter: flipv fliph;
    white-space: nowrap;
}
.nobr {
  white-space: Nowrap;
}
.invisible {
  visibility:hidden;  
  font-size: 0pt;
}
.reveil {
    display : inline;
    font-size : 18px;
    /* vertical-align: -35%; */
}
.dossier {
    display : inline;
    font-size : 18px;
    /* vertical-align: -50%; */
}
.input_center {
    text-align:center;
}

@media (max-width: 500px) {
    .masquer_smartphone{
        display: none;
    }
}


.defileParent {
    /*display: block;*/
    margin: -17px auto 0px auto;
    overflow: hidden;
    /*position: relative;*/
    table-layout: fixed;
    width: 980px;
}
.defile {
    display:block;
    -webkit-animation:linear marqueelike 20s infinite ;
    -moz-animation:linear marqueelike 20s infinite ;
    -o-animation:linear marqueelike 20s infinite ;
    -ms-animation:linear marqueelike 20s infinite ;
    animation:linear marqueelike 20s infinite ;
    /*margin-left:0%;*/
    padding:0 5px;
    text-align:left;
    height:15px;
}
.defile:after {
    content:attr(data-text);
    position:absolute;
    white-space:nowrap;
    padding-left:10px;
}

.datepicker {
        z-index: 12;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
}
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
}
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
}
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
}
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
}

/*@media only screen and (max-width: 860px) {
    .defileParent {
            display: block;
            margin: 3em auto;
            overflow: hidden;
            position: relative;
            table-layout: fixed;
            width: 100%;
    }

    .defile {
            display:block;
            -webkit-animation:linear marqueelike 15s infinite ;
            -moz-animation:linear marqueelike 15s infinite ;
            -o-animation:linear marqueelike 15s infinite ;
            -ms-animation:linear marqueelike 15s infinite ;
            animation:linear marqueelike 15s infinite ;
            margin-left:-100%;
            padding:0 5px;
            text-align:left;
            height:15px;
    }
}*/

/* Chrome */
input[type=range].custom-slider {
  -webkit-appearance: none;     /*nécessaire pour Chrome */
  appearance: none;
  padding: 0;                   /* nécessaire pour IE */
  font: inherit;                /* même rendu suivant font document */
  outline: none;
  color: #069;                  /* sert pour couleur de référence, via currentColor, pour le curseur */
  /*opacity: .9;*/
  background: #CCC;             /* sert pour couleur de fond de la zone de déplacement */
  box-sizing: border-box;       /* même modèle de boîte pour tous */
  transition: opacity .2s;
  cursor: pointer;
}
/* la zone de déplacement */
input[type=range].custom-slider::-webkit-slider-runnable-track {
  height: 25px;
  border: none;
  border-radius: 0;
  background-color: transparent;  /* supprimé définie sur l'input */
}
/* le curseur */
input[type=range].custom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;       /* également nécessaire sur le curseur */
  width: 1em;
  height: 20px;                /* s'adapte à la hauteur de l'input */
  border: none;
  border-radius: 0;               /* pris en compte sur Webkit et Edge */
  /*background: currentColor;        pris en compte sur Webkit only */
}
/* Firefox */
/* la zone de déplacement */
input[type=range].custom-slider::-moz-range-track {
  height: 25px;
  border: none;
  border-radius: 0;
  background-color: transparent;  /* supprimé définie sur l'input */
}
/* le curseur */
input[type=range].custom-slider::-moz-range-thumb {
  width: 1em;
  height: 20px;                /* s'adapte à la hauteur de l'input */
  border: none;                   /* supprimer la bordure */
  border-radius: 0;               /* supprimer le rayon */
  /*background: currentColor;*/
}
/* barre progression avant */
input[type=range].custom-slider::-moz-range-progress {
  height: 0;
  background: transparent;        /* supprime barre progression avant */
}
/* IE Edge */
/* la zone de déplacement */
input[type=range].custom-slider::-ms-track {
  height: 40px;
  border: none;
  border-radius: 0;
  color: transparent;             /* supprime les graduations pour IE */
  background-color: transparent;  /* supprimé définie sur l'input */
}
/* le curseur */
input[type=range].custom-slider::-ms-thumb {
  width: 8px;
  height: 25px;                /* s'adapte à la hauteur de l'input */
  border: none;                   /* supprimer la bordure */
  border-radius: 0;               /* supprimer le rayon */
  /*background: currentColor;*/
}
/* la tooltip de la valeur
input[type=range].custom-slider::-ms-tooltip {
  /*display: none;                   supprime l'affichage de la valeur au survol */
/*} */
/* barre progression avant */
input[type=range].custom-slider::-ms-fill-lower {
  background: transparent;
}
/* barre progression après */
input[type=range].custom-slider::-ms-fill-upper {
  background: transparent;
}
/*==============================*/
/* partie commune               */
/*==============================*/
input[type=range].custom-slider.custom-slider-bullet {
  height: 25px;
  color: #FFF;
  background: transparent;
  /*background-image: linear-gradient(to bottom, #FFF, #999, #FFF);*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 25%;
}
/*==============================*/
/* le curseur                   */
/*==============================*/
/* Chrome */
input[type=range].custom-slider.custom-slider-bullet::-webkit-slider-thumb {
    width: 19px;
    height:19px;
    padding: 2px;                                               /* largeur du bord */
    border: 1px solid #888;
    border-radius: 50%;
    box-shadow: 0 0 4px #FFF inset;
    background: linear-gradient(#888, #FFF) content-box,           /* le centre */
              linear-gradient(-90deg, #888, #DDD) border-box;    /* le bord */
    /*background:#999;*/
}
input[type=range].custom-slider.custom-slider-bullet::-moz-range-thumb {
    width: 15px;
    height:15px;
    padding: 2px;                                               /* largeur du bord */
    border: 1px solid #888;
    border-radius: 50%;
    box-shadow: 0 0 4px #FFF inset;
    background: linear-gradient(#888, #FFF) content-box,           /* le centre */ 
              linear-gradient(-90deg, #888, #DDD) border-box;    /* le bord */
    /*background:#999;*/
}
input[type=range].custom-slider.custom-slider-bullet::-ms-thumb {
    width: 15px;
    height:15px;
    padding: 2px;                                               /* largeur du bord */
    border: 1px solid #888;
    border-radius: 50%;
    box-shadow: 0 0 4px #FFF inset;
    background: linear-gradient(#888, #FFF) content-box,           /* le centre */
              linear-gradient(-90deg, #888, #DDD) border-box;    /* le bord */
    /*background:#999;*/
}

/* Nouveau Range pour avoir l'affichage de la valeur*/
.range-control {
  position: relative;
}

input[type=range] {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

output {
  position: absolute;
  top: -48px;
  display: none;
  width: 38px;
  height: 29px;
  border: 2px solid #808080;
  background-color: #fff;
  border-radius: 3px;
  color: #333;
  font-size: 1em;
  line-height: 24px;
  text-align: center;
}

input[type=range]:active + output {
  display: block;
  transform: translateX(-50%);
}

.ui-autocomplete {
     position: absolute;
     cursor: default;
     /*partie à ajouter : */
     max-height: 300px;
     overflow-y: auto; /* affiche une scrollbar si l'affichage dépasse 400px*/
     overflow-x: hidden; /* empeche l'affichage d'une scrollbar horizontale sous IE*/
}
.rotation90 {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
 }
.rotation-90 {
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
.rotation180 {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 
.image-upload>input
{
    display:none;
    width:30px;
    height:45px;
    z-index:2;
}
.image-upload img
{
    height:20px;
    width: 30px;
    cursor: pointer;
    z-index:1;
}

.tooltip
{
    text-decoration:none;
    position:relative;
    white-space: Nowrap;
    color:#4c4c4c;
}
.tooltip span
{
  display:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:#4c4c4c;
  background:white; 
} 
.tooltip span img
{
  float:left;
  margin:0px 8px 8px 0;
} 
.tooltip:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:auto;
/*  max-width:320px;
  min-height:128px;*/
height:auto;
  border:1px solid #808080;
  margin-top:-100px;
  margin-left:150px;
  overflow:hidden;
  padding:8px;
}

.vignette{
    display:none;
}
a:hover .vignette {
    display:block;
    position:absolute;
    max-width:95vw;
    max-height:90vh;
    z-index: 100;
    left:50%;
    transform: translate(-50%, 1%);
}
.choix_graph {
    text-align: left;
    width:60%;
    /*border-collapse: collapse;*/
    table-layout: fixed;
    margin:25px auto;
    border:1px solid #B0C4DE;
    border-radius:18px;
}
.initialisation_table_evenement {
    text-align: left;
    margin:10px auto;
    border-collapse: collapse;
}
.ligne_largeurs_td {
    text-align: left;
    padding: 2px;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    vertical-align: top;
    border-collapse: collapse;
    margin:0px 10px 0px 10px;
}
.quill-editor a {
    cursor: pointer;
}

/* style pour le span avec id tocopy : color:transparent;font-size:0pt*/ 
.tocopy {
    color:transparent;
    font-size:0pt;
}
.js-copy {
    margin-bottom: -3px;
}

.separateur {
    background-color: #a9a9a9!important;
    color: white;
    text-align: left;
    font-size: 0.9rem;
    font-weight: bold;
}

/* pour code barre */
/** Style du formulaire */
.codebarre-container>div:first-of-type {
    display: flex;
    align-items: center;
    /** Espace entre l'input et l'image */
    gap: 0;
}

.codebarre-container img {
    height: 1.5rem;
    margin-right: 0.5rem;
    padding: 0;
}

.codebarre-container input {
    height: 1.5rem;
    max-width: 50svw;
}

/** POPUP CAMERA */
.wrapper-camera {
    display: none;
    position: fixed !important;
    top: 10%;
    left: 25%;
    max-width: 50svw;
    aspect-ratio: 16 /9;
    overflow: hidden;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/** OVERLAY */
.wrapper-camera::before {
    content: '';
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
}

/* Croix de fermeture */
.close-camera-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #fff;
    border: none;
    font-size: 1rem;
    padding: .2rem .4rem;
    cursor: pointer;
    z-index: 30;
    border-radius: .2rem;
}

.camera, video {
    width: 100%;
    height: 100%;
}

video {
    object-fit: cover;
}

canvas.quagga-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/** En dessous de 600px */
@media (max-width: 600px) {
    .wrapper-camera {
        left: 5%;
        max-width: 90svw;
        aspect-ratio: 16 /9;
    }
}