/* CSS Document  */
    
    
    
    
    /* //{    HTML               */
        
        html { /*   //{  */
            
            height: 100%;
        font-family: Calibri ,sans-serif;
        
        } /* //} */
        
        
        /* //} */
    
    /* //{    BODY               */
        
        
        
        body { /* //{ */ // #D9E5FF
            
            height: 100%;
        
   
        background-color : #d4b9cd;
        // background-color : brown;
        // background-image: url("../../images_site/fond.webp");
        background-size: 100%;
        margin: 0;
        padding: 0;
        
        } /* //} */ 
        
        /* //} */
    
    /* //{    FORM               */
        
        form { /* //{ */
            
            //  Pour le centrer dans la page 
            //     margin: 0 auto;
            //     width: 100%-300px;
            //  Pour voir les limites du formulaire 
            
            padding: 5px;
        
        } /* //} */
        
        form div + div {  /* //{ */
            
            margin-top: 20px;
        
        
        } /* //} */
        
        
        /* //} */
    
    /* //{    INPUT              */
        
        
        input.imageIcone { /* //{ */
            
            
            border-color: var(--couleur1);
        background: var(--couleur7);
        // color: black;
        height: 25px;
        margin: 1px;
        padding: 1px;
        // Font-size :100%;
        // Text-shadow :2px 2px 3px #000000;
        } /* //} */
        
        
        input { /* //{ */
            
            
            
            background: var(--couleur7);
        // color: black;
        border:2px solid var(--couleur1);
        margin: 1px;
        padding: 1px;
        Font-size :100%;
        // Text-shadow :2px 2px 3px #000000;
        } /* //} */
        
        input:disabled { /* //{ */
            
            background: #ADADAD;
        border-color: #5E5E5E;
        
        } /* //} */
        
        input:focus { /* //{ */ 
            
            outline: none !important;
        border:2px solid var(--couleur2);
        // box-shadow: 0 0 10px #719ECE;
        
        
        background: #FFFFFF;
        // border-color: #00C000;
        
        margin: 1px;
        padding: 1px;
        Font-size :100%;
        
        } /* //} */
        
        
        
        /* //} */
    
    /* //{    SELECT             */
        
        
        select { /* //{ */
            
            
            border-color: var(--couleur3);
        background: var(--couleur7);
        color: black;
        // height: 35px;
        margin: 0px;
        padding: 0px;
        // Font-size :90%;
        
        } /* //} */
        
        select.telephone { /* //{ */
            
            
            border-color: var(--couleur3);
        background: var(--couleur7);
        color: black;
        // height: 35px;
        margin: 1px;
        padding: 1px;
        // Font-size :90%;
        
        } /* //} */
        
        
        
        
        
        /* //} */
    
    /* //{    LABEL              */
        
        label { /* //{ */
            
            // Afin de s'assurer que toutes les étiquettes aient la même dimension et soient alignées correctement 
            display: inline-block;
        width: 20px;
        text-align: right;
        } /* //} */
        
        
        /* //} */
    
    /* //{    FIELDSET           */
        
        fieldset { /* //{ */
            
            position : relative;
        background-color : var(--couleur7);
        
        // /* background-color : #b2b4ed; */
        
        } /* //} */
        
        fieldset.urgent3 { /* //{ */
            
            position : relative;
        background-color : #FFC3C3;
        
        // /* background-color : #b2b4ed; */
        
        } /* //} */
        
        fieldset.urgent2 { /* //{ */
            
            position : relative;
        background-color : #FFD28E;
        
        // /* background-color : #b2b4ed; */
        
        } /* //} */
        
        
        fieldset.urgent1 { /* //{ */
            
            position : relative;
        background-color : #D0FFD0;
        
        // /* background-color : #b2b4ed; */
        
        } /* //} */
        
        
        
        /* //} */
    
    /* //{    BUTTON             */ 
        
        
        button { /* //{ */  
            display: inline-block;
        padding-right: 3px; // /* même dimension que les étiquettes */
        padding-left: 3px;
        margin: 2px;
        // font-size: 12px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        outline: none;
        color: #410000;
        background-color: var(--couleur5);
        border: 1px solid var(--couleur0);
        border-radius: 2px;
        box-shadow: 2px 2px var(--couleur3);
        }  /* //} */
        
        button.simple { /* //{ */  
            display: inline-block;
        padding-right: 0px; // /* même dimension que les étiquettes */
        padding-left: 0px;
        margin: 0px;
        // font-size: 12px;
        cursor: pointer;
        text-align: left;
        text-decoration: none;
        outline: none;
        
        background-color: var(--couleur6);
        border: 1px solid var(--couleur0);
        border-radius: 0px;
        box-shadow: 0px 0px var(--couleur3);
        }  /* //} */
        
        button.toggle_on { /* //{ */  
            display: inline-block;
        padding-right: 3px; // /* même dimension que les étiquettes */
        padding-left: 3px;
        margin: 2px;
        // font-size: 12px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        outline: none;
        color: #410000;
        background-color: var(--couleur7);
        border: 1px solid var(--couleur0);
        border-radius: 2px;
        box-shadow: 2px 2px var(--couleur3);
        }  /* //} */
        
        button.toggle_off { /* //{ */  
            display: inline-block;
        padding-right: 3px; // /* même dimension que les étiquettes */
        padding-left: 3px;
        margin: 2px;
        // font-size: 12px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        outline: none;
        color: var(--couleur2);
        background-color: var(--couleur3);
        border: 1px solid var(--couleur0);
        border-radius: 2px;
        box-shadow: 0px 0px var(--couleur3);
        }  /* //} */
        
        button.menuLien { /* //{ */
            
            /* Pour positionner les boutons de la même manière que les champs textuels */
            padding-left: 5px; 
        padding-right: 5px;
        
        margin: 2px;
        margin-bottom: 4px;
        text-align:center;
        
        height:35px;
        background-color: var(--couleur5);
        border: 1px solid var(--couleur0);
        border-radius: 2px;
        box-shadow: 2px 2px var(--couleur3);
        } /* //} */
        
        button.menuFloat { /* //{ */
            
            
            margin: 5px;
        // float:left;
        text-align:center;
        // max-width:250px;
        width:130px;
        height:45px;
        color: #000000;
        background:  var(--couleur6);
        
        } /* //} */
        
        button.menuGrand { /* //{ */
            
            
            padding: 0px; // /* même dimension que les étiquettes */
        // border: 1px solid #09FC00;
        margin: 0px;
        text-align:center;
        width:150px;
        height:45px;
        color: #000000;
        background:  var(--couleur7);
        } /* //} */
        
        button.menuTechnicien { /* //{ */
            
            
            margin: 5px;
        text-align:left;
        width:95%;
        height:55px;
        color: #000000;
        background:  var(--couleur6);
        line-height: 1em;
        
        } /* //} */
        
        button.menuTresGrand { /* //{ */
            
            
            margin: 5px;
        text-align:center;
        width:95%;
        height:45px;
        color: #000000;
        background:  var(--couleur6);
        
        } /* //} */
        
        button.menu300 { /* //{ */
            
            
            margin: 5px;
        text-align:center;
        width:320px;
        height:45px;
        color: #000000;
        background:  var(--couleur6);
        
        } /* //} */
        
        button.menu300PC { /* //{ */
            
            
            margin: 5px;
        text-align:center;
        width:320px;
        height:30px;
        color: #000000;
        background:  var(--couleur6);
        
        } /* //} */
        
        
        button.retour { /* //{ */
            
            padding-left: 10px; 
        padding-right: 10px;
        height:40px;
        color: white;
        background: #213089;
        } /* //} */
        
        button.supprimer { /* //{ */
            
            
            padding-left: 10px; 
        padding-right: 10px;
        border: 3px solid #09FC00;
        color: white;
        height:40px;
        background: #8A0000;
        } /* //} */
        
        button.supprimerPC { /* //{ */
            
            
            padding-left: 10px; 
        padding-right: 10px;
        border: 3px solid #09FC00;
        color: white;
        
        background: #8A0000;
        } /* //} */
        
        button.avance { /* //{ */
            
            
            padding-left: 5px; 
        padding-right: 5px;
        border: 3px solid #00B800;
        height:40px;
        color: white;
        background: #006600;
        } /* //} */
        
        button.avancePC { /* //{ */
            
            
            padding-left: 5px; 
        padding-right: 5px;
        border: 3px solid #00B800;
        
        color: white;
        background: #006600;
        } /* //} */
        
        button.action { /* //{ */
            
            
            padding-left: 10px; 
        padding-right: 10px;
        border: 3px solid #2b3d6c;
        height:40px;
        color: white;
        background: #0B1637;
        } /* //}  */
        
        button.actionPC { /* //{ */
            
            
            padding-left: 10px; 
        padding-right: 10px;
        border: 3px solid #2b3d6c;
        
        color: white;
        background: #0B1637;
        } /* //}  */
        
        button.actionPC2 { /* //{ */
            
            
            padding-left: 1px; 
        padding-right: 1px;
        border: 1px solid  var(--couleur4);
        
        color: black;
        background:  var(--couleur6);
        } /* //}  */
        
        button:hover { /* //{ */ 
            
            background-color: var(--couleur8);
        color: var(--couleur0);
        } /* //} */
        
        button:active { /* //{ */ 
            background-color: var(--couleur3);
        box-shadow: 0 2px #666;
        transform: translateY(2px);
        } /* //} */
        
        button:disabled { /* //{ */ 
            background-color: #DFDFDF;
        color: #828282;
        box-shadow: 0px 0px #505050;
        
        } /* //} */3E8E41
        
        /* //} */
    
    /* //{    IMAGE              */
        
        img { /* //{ */ 
            
            vertical-align:middle;
        
        border: 4px solid #FFFFFF;
        border-radius: 4px;
        padding: 0px;
        // width: 150px;
        
        filter: drop-shadow(5px 5px 4px #AEAEB2);
        
        } /* //} */
        
        img.lien { /* //{ */ 
            
            margin: 0px;
        vertical-align: middle;
        // padding: 0px;
        // color : #000092;
        // text-decoration: underline;
        cursor: pointer;
        
        } /* //} */  
        
        img.lien_cadre { /* //{ */ 
            
            margin: 2px;
        border: 2px solid  var(--couleur1);
        border-radius: 6px;
        // padding: 0px;
        // color : #000092;
        // text-decoration: underline;
        filter: drop-shadow(1px 1px 1px  var(--couleur0) );
        cursor: pointer;
        
        } /* //} */    
        
        img.cadre { /* //{ */ 
            
            margin: 2px;
        border: 2px solid  var(--couleur1);
        
        // padding: 0px;
        // color : #000092;
        // text-decoration: underline;
        filter: drop-shadow(1px 1px 1px  var(--couleur0) );
        
        
        } /* //} */  
        
        /* //} */
    
    /* //{    DIV              */
        
        div.cadre1 { /* //{ */ 
            
            background-color: var(--couleur5);
        float:left;
        width:98%;
        padding:5px;
        margin:5px; 
        border: 2px solid  var(--couleur1);
        border-radius: 10px;
        filter: drop-shadow(3px 3px 3px  var(--couleur0) );
        
        } /* //} */
        
        div.dropZone { /* //{ */ 
            
            border: 2px dashed #ccc;
        border-radius: 10px;
        padding: 5px;
        
        margin: 5px auto;
        background-color: #f9f9f9;
        
        } /* //} */
        
        div.dropZone:focus { /* //{ */ 
            
            border: 2px dashed #ccc;
        border-radius: 10px;
        padding: 5px;
        
        margin: 5px auto;
        background-color: #00FF00;
        
        } /* //} */
        
        /* //} */
    
    /* //{    H2              */
        
        h2.lien { /* //{ */ 
            
            margin: 0px;
        // padding: 0px;
        color : #000092;
        text-decoration: underline;
        cursor: pointer;
        
        } /* //} */
        
        
        
        /* //} */
    
    /* //{    H3              */
        
        h3.lien { /* //{ */ 
            
            margin: 0px;
        // padding: 0px;
        color : #000092;
        text-decoration: underline;
        cursor: pointer;
        
        } /* //} */
        
        
        
        /* //} */   
    
    
    
    /* //{    P PARAGRAPHE              */
        
        p.lien { /* //{ */ 
            
            margin: 0px;
        padding: 0px;
        color : #000092;
        text-decoration: underline;
        cursor: pointer;
        } /* //} */
        
        p.simple { /* //{ */ 
            display:inline-block;
        margin: 0px;
        padding: 0px;
        cursor: pointer;
        } /* //} */
        
        /* //} */
    
    
    /* //{    SPAN              */
        
        span.lien { /* //{ */ 
            
            margin: 0px;
        // padding: 0px;
        color : #000092;
        text-decoration: underline;
        cursor: pointer;
        
        } /* //} */
        
        
        
        /* //} */   
    
    
    /* //{    TABLE           */
        
        
        table {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        
        }
    
    
    
    
    
    table td {
        padding-left: 7px;
        padding-right: 7px;
        }
    
    td.lien {
        margin: 0px;
        color : #000092;
        text-decoration: underline;
        cursor: pointer;
        }
    
    
    
    /* //{    listeNoir           */
            
            table.listeNoir {
            border-collapse: collapse;
            margin: 20;
            padding: 20;
            background-color:#FFFFFF;
            }
        
        table.listeNoir thead {
            background-color: #000000;
            width: calc( 100% - 1em );
            }
        
        table.listeNoir thead tr {
            
            background-color: #000000;
            width:100%;
            // table-layout:fixed;
            border: 1px solid #DEDEDE;
            }
        
        table.listeNoir thead th {
            background-color: #000000;
            border: 1px solid #DEDEDE;
            color: white;
            }
        
        
        table.listeNoir tbody td,th {
            // background-color: #000000;
            border: 1px solid #7E7E7E;
            padding: 2px 5px;
            }
        
        table.listeNoir tbody tr:nth-child(even){background-color:#E2E2E2}    
        
        
        /* //} */ 
        
        /* //{    listeTriable           */
            
            
            
            table.listeTriable {
            border-collapse: collapse;
            margin: 0;
            padding: 0;
            background-color :  var(--couleur8);
            }
        table.listeTriable th {
            position: sticky; top: 0px;
            background-color:  var(--couleur6);
            
            }
        table.listeTriable td,th {
            border: 1px solid black;
            padding: 2px 5px;
            }
        table.listeTriable tr:nth-child(even){background-color:  var(--couleur9)}    
        table.listeTriable tbody {
            // display:block;
            
            //  overflow:auto;
            }
        table.listeTriable thead, tbody tr {
            //     display:table;
            width:100%;
            // table-layout:fixed;
            }
        table.listeTriable thead {
            width: calc( 100% - 1em )
                }
        
        /* //} */   
        
        /* //{    tableDense           */
            
            
            
            table.tableDense {
            border-collapse: collapse;
            margin: 0;
            padding: 0;
            
            }
        table.tableDense th {
            
            
            }
        table.tableDense td,th {
            border: 0px solid black;
            padding: 0px 0px;
            padding-left: 0px;
            padding-right: 0px;
            }
        
        table.tableDense thead, tbody tr {
            //     display:table;
            width:100%;
            // table-layout:fixed;
            }
        table.tableDense thead {
            width: calc( 100% - 1em )
                }
        
        /* //} */  
        
        
        
        /* //{    listeTriableHide           */
            
            table.listeTriableHide {
            color: #555555;
            border-collapse: collapse;
            margin: 0;
            padding: 0;
            background-color : #BBBBBB;
            }
        table.listeTriableHide th {
            
            background-color: #999999;
            color: black;
            }
        table.listeTriableHide td,th {
            border: 1px solid black;
            padding: 2px 5px;
            }
        table.listeTriableHide tr:nth-child(even){background-color: #DDDDDD}    
        table.listeTriableHide tbody {
            // display:block;
            
            //  overflow:auto;
            }
        table.listeTriableHide thead, tbody tr {
            //     display:table;
            width:100%;
            // table-layout:fixed;
            }
        table.listeTriableHide thead {
            width: calc( 100% - 1em )
                }
        
        /* //} */   
        
        /* //{    listeTriable2           */
            
            table.listeTriable2 {
            border-collapse: collapse;
            margin: 0;
            padding: 0;
            background-color : var(--couleur8);
            }
        table.listeTriable2 th {
            background-color: var(--couleur6);
            color: black;
            }
        table.listeTriable2 td,th {
            border: 1px solid black;
            padding: 2px 5px;
            }
        table.listeTriable2 tr:nth-child(even){background-color: var(--couleur9)}    
        table.listeTriable2 tbody {
            // display:block;
            
            //  overflow:auto;
            }
        table.listeTriable2 thead, tbody tr {
            //     display:table;
            width:100%;
            // table-layout:fixed;
            }
        table.listeTriable2 thead {
            width: calc( 100% - 1em )
                }
        
        /* //} */   
        
        table.listePetite tr:nth-child(even){background-color: var(--couleur8)}   
    
    
    table.Menu1 {
        
        background-color : #97A6FF;
        }
    
    
    table.liste { 
        background-color : var(--couleur8);
        }
    table.liste th {
        background-color: var(--couleur6);
        color: black;
        }
    
    table.liste td {
        text-align: left;
        padding: 3px;
        }
    
    
    table.liste tr:nth-child(even){background-color: var(--couleur9)}
    
    
    table.tableaulong tbody { position:absolute; max-height:80vh; overflow-y: scroll;}
    
    
    th.lien {
        margin: 0px;
        color : #000092;
        text-decoration: underline;
        cursor: pointer;
        }
    
    // table.tableaulong { margin-bottom:30vh; width:50vw; margin:auto;  }
    
    
    
    // table.tableaulong tbody { position:absolute; max-height:20vh; overflow-y: scroll;}
    
    
    // table.tableaulong tfoot{ position:absolute; margin-top:20vh; z-index:-1; }
    // table.tableaulong tbody, .tableaulong tfoot {width:50vw;}
    
    // table.tableaulong td, .tableaulong th { width:25vw; text-align:center;}
    // table.tableaulong tbody, .tableaulong tfoot{border-top:solid 1px;}
    
    
    /* //} */
    
    /* //{    NOUVEAU            */
        
        
        /* //} */