body{
    background-color:rgb(0, 0, 0);   
  
}


.C_DivLeBoutA{
    display:block;
    position:fixed;
    left: calc(50% - 30px);
    top:1%;
    opacity: 0;
}







.C_LaDiapo{
display:block;
position:fixed;
background-color:rgb(0, 0, 0);
/* padding: 4px; */
border-radius: 2px;
/* vertical-align:top ; */
/* padding-bottom: 8px; */
left: 5px;
width: calc(100% - 10px);
top: 5px;
height:  calc(100% - 30px);
/* left:400px; */

/*
transition: opacity var(4s) var(1s);  
transition: opacity 4s; 
transition: all var(--duree); 
transition: all 4s; 
*/

}
.C_Recepteur{
display:block;
position:fixed;
/*  background-color:rgb(0, 0, 0); */
left: 5px;
width: calc(100% - 10px);
top: 5px;
height:  calc(100% - 30px);
/* 
cursor:url("flecheD.png") , pointer; 
left:400px;  
cursor:n-resize;  
col-resize  wait  
cursor:ew-resize;

cursor:URL("flecheD.png");  , pointer;
*/
}


.C_LaImageA{

     /* display:block;
    position:relative ;   */

    width: calc(100% - 10px);

    height:  calc(100% - 30px);
/* left:400px; */
}
.C_LaImageB{
    width: calc(100% - 10px);
    height:  calc(100% - 30px);
}


.C_DivimA{
    display:block;
    position:absolute ; 
    /*
    display:flexbox;
    position:absolute ;




    display:block;
position:static ;

position:absolute ; 

height:  calc(100% - 30px);
*/
left: 5px;
top: 5px;
width: calc(100% - 10px);
}
.C_DivimB{

    display:block;
    position:absolute ; 
/*     
    display:flexbox;
    position:absolute ; 
    
    height:  calc(100% - 30px);    
    */
    

    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    }


.C_Bubulle{
display:block;
position:absolute ;
/* background-color:rgba(214, 192, 150, 0.904); */
background-color:rgb(163, 163, 163);
border-radius: 10px;
border-style:solid;
border-width : 2px;
border-color: black;
left: 10%;
top: 5%;
width: 30%;
height:   20%;
padding: 5px;
text-align:left;
/* font-size: 3em;       */
/* visibility: hidden; */
}
.C_Version{
display:block;
position:absolute ;
background-color:rgb(223, 170, 170);
border-radius: 10px;
border-style: solid;
border-width : 2px;
border-color: black;
left: 20px;
top: 0px;
width: 222px;
height:   20px;
padding: 5px;
text-align:left;
visibility: hidden;
/* font-size: 3em;       */
/* visibility: hidden; */
}
.cursFlechD	{
/* cursor:url("flecheD.gif"), default; */
cursor:url("flecheD.png") , pointer; 
}
.C_canvas{
display:block;
position:fixed;
left: 0px;
width: calc(100% - 0px);
top: 0px;
height:  300px;
opacity: 1;
/* background-color:rgba(223, 170, 170,.5); */
/* height:  calc(100% - 0px); */
}