/*rR agraph.css*/
#titre {
    position   : absolute;
    left       : 1em;
    top        : 1em;
    color      : white;
    font-size  : 2em;
    font-style : italic;
}
#deltaTime {
    position   : absolute;
    top        : 13em;
    right      : 1em;
    color      : white;
    font-size  : 0.2em;
}
#MescDiv {
    display    : none;
    position   : absolute;
    right      : 1em;
    top        : 9em;
    font-size  : 1.5em;
    font-style : monospace;
    color      : white;
}
#Targets {
    position : absolute;
    top      : -2em;
    left     :  1em;
    color    : white;
}
#CartoDiv {
    display  : none;
    position : absolute;
    top      : 5em;
    left     : 0.5em;
}
#CartoDiv svg {
    margin : 1em;
    cursor : crosshair;
}
#CartoForSpin {
    position : absolute;
    top      : 380px;
    left     : 0;
}
#Gonios img {
    vertical-align:top;
}
#Gonios span {
    margin-top : 4em;
    margin-left:-2em;
    color: white;
}
.Aiguille {
    transform : translate(7.5vh, 7.5vh) rotate(90deg);
    transform-origin: 0 0;
    width     : 8vh;
    height    : 4px;
    background-color:white;
}
.Gonio {
}
.TableauDeBordChore {
    position  : absolute; 
    right     : 1em;
    top       : 1em;
    font-size : 0.5em;
    display   : none;
}
.TableauDeBordChore button {
    background-color : grey;
}
.TableauDeBordChore audio {
    margin-bottom : -8px;
}
#changePosture { background-color:white; }
#validePosture { background-color:grey; } 
#annulePosture { background-color:grey; }
#deconnPosture { background-color:grey; } 
#reconnPosture { background-color:grey; } 
#selectPosture { display : inline-block; }
#chargePosture { display : inline-block; background-color:white; }
#choosePosture {
    display     : inline-block;
    margin-left : 0.3em;
    margin-top  : 0.3em;
}
.sliTex {
    width      : 2em;
    text-align : right;
    display    : inline-table;
}
.sliDer {
    vertical-align : middle;
    width          : 3em;
}
#ControlSpyOnScreen button {
    border-color:#DD2;
    font-size:0.8em;
    color:#DD2;
    background-color:#660000; 
}
#ControlRdvOnScreen button {
    border-color:#DD2;
    font-size:0.8em;
    color:#DD2;
    background-color:#660000;
}
#ControlRdvOnScreen input {
    border-color:#DD2;
    background-color:#DD2;
    color:#660000;
}
#RdvOnScreen button {
    border-color:#DD2;
    font-size:0.8em;
    color:#DD2;
    background-color:#660000; 
}
#OuiOuNon {
    display      : none;
    background   : #BBB;
    padding      : 10px;
    border       : 2px solid #ddd;
    float        : left;
    font-size    : 1.2em;
    position     : fixed;
    top          : 50%;
    left         : 50%;
    z-index      : 99999;
    box-shadow   : 0px 0px 20px #fff;
    border-radius: 6px 6px 6px 6px;
    padding      : 6px 6px 4px;
    width        : 300px;
    color        : black;
}
#OuiOuNonOk {
    display:none;
    background-color:white;
}
#OuiOuNonOui {
    display:none;
    background-color:lightgreen;
}
#OuiOuNonNon {
    display:none;
    background-color:red;
}