/* 
    Created on : 9 nov. 2019, 12:08:46
    Author     : Laurent Thumser
*/
       body {
            font-family:'Comic Sans MS';
            background-color:#DFF;
            color:#330;
            width:1400px;
            margin:auto;
            font-size:100%;
        }
            
        h1 {
            display:inline-block;
            margin-left:50px;
            font-size:24px;
            color:#999;
            
            font-family:verdana;
            text-shadow: -1px 0 0 rgba(110, 100, 100, 0.8), 
             1px 0 0 rgba(110, 100, 100, 0.8),
             0 -1px 0 rgba(110, 100, 100, 0.8),
             0 1px 0 rgba(110, 100, 100, 0.8);
        }
        
        .auteur {
            background-color:#F8F8FE;
            position:relative;
            left: 60px;
            top:10px;
            display:inline-block;
            font-size: 12px;
            border:solid 1px #DDE;
            opacity:0.7;
            padding:3px;
            text-align:center;
            border-radius:3px;
        }
        .auteur:hover {
            opacity:1;
        }
        
        .auteur a {
            color:#999;
        }
        
    #conteneur {
       display: inline-block;
       text-align: center;
    }
    #symbole,#nom,#Z_ {
        display:inline-block;
        font-size: 20px;
        font-family: arial;
        width:60px;
    /*    height:80px; */
      /*  border:solid 1px; */
        vertical-align: middle;
        line-height : 1.1;
        text-align: center;
    }
    #symbole,#Z_ {
        font-size: 26px;
    } 
    #Z_ {
        font-size: 26px;
        width:100px;
    }   
    #nom {
        width:100px;
    }
    #configuration {
        font-size:1vw;
     /*   width:860px; */
    /*    text-align: left; */
    }  

    
    .barre line {
        stroke:#FF0;
        stroke-width:8;
    }
    
    .couche,.jaune {
        margin:3px;
        padding: 4px;
        font-size: 140%;
    }
    .jaune {
        background-color: rgba(255,255,0,0.3);
    }    
    
    
    .masquer {
        opacity:0;
    }
    .afficher {
        opacity:1;
    }    
    rect {
        fill:none;
        stroke-width:0.3px;
        cursor: pointer;
       /* stroke:#888; */
    }

    .z {
        fill:#888;
    } 
    
    
    .colore {
        fill:rgba(255,255,0,0.3);
      /*  stroke-width:0.3px; */
    }
    .cou {
        fill:#EEE;
        font-size:17px;
   /*     stroke-width:0.3px; */
    /*    font-family: arial; */
    }      
    .colore_e {
        fill: #F00;
        font-size:17px;
    } 
    .cou:hover,.colore_e:hover ,rect:hover {
        opacity:0.4;
    }
    
    .sy {
      /*  fill:#008;  */
        font-size:17px;
    /*    font-family: arial; */
    } 
    .barre circle {
        fill:#DDD;
    }
    text {
        font-size:12px;
        pointer-events: none;
    } 
    
    
.poussoir {
    position:relative;
    top:4px;
    cursor: pointer;
}
.poussoir:active {
    top:7px;
    left:-3px;
}