.svg-picto-ok {
    opacity: 0;
}

.svg-picto-warn{
    opacity: 0.4;
    fill: orange;    
}

.svg-picto-warn:hover{
    opacity: 1;
}

.svg-picto-warn:hover ~ *  {
    opacity: 1;
    display: block;
}




.svg-picto-error{
    opacity: 0.4;
    fill: red;    
}

.svg-picto-error:hover {
    opacity: 1;
    display: block;
}

.svg-picto-error:hover ~ * {
    opacity: 1;
    background-color: blue;
    display: block;
} 

.svg-messageBox > * {
    opacity: 1;
    display: inline;
}


  .svg-picto-error:hover .svg-messageBox {
 
    opacity: 1;
}