:root {
/*  ok --custom-color: #dce87e;*/
    --maLargeur: 440px;  /* 440px;  40%;*/
    --duree: 2s;  --decal:.1s;
/*     --duree: 4s;  --decal:1s;*/
    --topa: 155px;
}
body{
    background-color: #000000;
}

.C_lePtitMess{
    position:absolute;
    display: block;
     background-color: #ffffff; 
	left: 23%; top: 5%;  width:50%; height:10%;
    border: 4px  solid #000000;  
    padding: 30;
    opacity: 0 ; 
    font-size: 3vw; 
    overflow: hidden; 
    z-index: 111111;   
    transition: all 2s;
    border-radius: 40px;
    pointer-events: none ;
    text-align: center;
}

/*
@keyframes modifBackgroun {
  from { background-color:rgba(0, 0, 0, 0);; }
  to   { background-color: rgba(0, 0, 0, 0.46);; }
}
@keyframes modifColor {
  from {color: rgba(0, 255, 255, 1); }
  to   {color: rgba(255, 255, 0, 1); }
}
@keyframes modifColorBorder {
  from { border-color: rgba(11, 11, 11, 1); }
  to   { border-color: rgba(255, 255, 255, 1); }
}
 */

.C_EnPause{ 
    position:absolute;
    display: none;
     background-color: rgba(0, 0, 0, 0);  
	left: 0px; top: 0px;  width:500; height:500;
    /*    border: 4px  solid  rgb(255, 0, 0) ; 
    border: 4px  double ;
    border-color: aqua;
    color: white;
    */
    opacity: 1 ;  
	font-size:40px;	 
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
    visibility: visible;
/*   text-shadow: -1px 0 black , 0 1px black, 1px 0 black, 0 -1px black;*/
    z-index: 4445;
    
    /*  
     pointer-events: none; 
    animation: .5s ease-in 0s  infinite alternate modifColorBorder; 
  animation: 3s ease-in 1s  infinite alternate modifColor;
    */
}
/*
.C_EnPause{ 
    position:absolute;
    display: block;
     background-color: rgba(0, 0, 0, 0);  
	left: 2px; top: 10px;  width:10px; height:10px;
    color: white;
    opacity: 1 ;  
	font-size:40px;	 
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
    visibility: hidden;
   text-shadow: -1px 0 black , 0 1px black, 1px 0 black, 0 -1px black;
    z-index: 4444;
}
*/
.C_monDebug{ 
    position:absolute;
    display: none;
     background-color: rgb(167, 167, 167);  
	left: 100px; top: 22px;  width:auto; height:auto;
/*    border: 1px  solid #0f0f0f;    visibility: visible;  */
    color: white;
    opacity: 1 ;  
	font-size:20px;	 
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
 
   text-shadow: -1px 0 black , 0 1px black, 1px 0 black, 0 -1px black;
    z-index: 4444;
}


.C_ReperRot{ 
    position:absolute;
    display: none;
     background-color: rgb(113, 113, 113);  
	left: 2px; top: 2px;  width:120px; height:20px;
    border: 1px  solid #0f0f0f;  
    color: white;
    opacity: 1 ;  
	font-size:18px;	 
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif; 
    visibility: visible;
   text-shadow: -1px 0 black , 0 1px black, 1px 0 black, 0 -1px black;
    z-index: 4444;
    pointer-events: none; 
}

.C_leDivAffSelect{
     position:absolute;
    display: block;
     background-color: rgba(255, 235, 0, 0); 
	left: 100px; top: 100px;  width:100px; height:100px;
    border: 2px  solid #ebff00;  
    opacity: 1 ; 
    visibility: hidden;
    z-index: 222;
}
.C_leDivA{ 
    position:absolute;
    display: block;
     background-color: #000000; /*     #93886a;*/
	left: 0px; top: 0px;  width:800px; height:450px;
    border: 1px  solid #000000;  
    opacity: 1 ;  
    overflow: hidden;
   
} 
.C_LayCanevTmp{
     position:absolute;
    display: block;
     background-color: rgba(73, 90, 183, 0);
	left: 0px; top: 0px;  width:900px; height:600px;
    border: 0px  solid #004199;  
    z-index: 1111;
/*     cursor: not-allowed*/
}

/*-------------------------------------------     pour la timline */
.C_laTimLin{
	position:absolute;
    display: none;
/*     width:1200;height:200px; NON voir script*/
	left: 0px; top: 460px;  
	z-index:10;
	background-color: #7fa3aa;
     padding: 1px;
	border: medium solid #1e7235;
	font-size: 9px;	 
	line-height: 9px;
	font-family: Arial, Helvetica, sans-serif;
/*    font-size: 88px;*/
	visibility: visible; 

}


/* -----------------------------------------------------CadrePourElem*/
.C_BoutCmdCfgPar{
	position:absolute;
    display: none;
	left: 4px; top: 153px;  width: 43; height: 270px;
    background-color: #bfff01;
}
.C_TabloNmDossLesMV{
    background-color: #ffa200;
    font-size: 14px;	 
	line-height: 14px;
}
.C_TabloNmDossLesMV th{
    background-color: #cfb892;
    border: 1px solid #721e1e;
    font-weight:100;
    width: 200px;
    text-align: right;
}
.C_TabloNmDossLesMV td{
    background-color: #bdb7ad;
    border: 1px  solid #721e1e;
    font-weight: 900;
  width:250px;   /* calc(100% - 200px); */
  text-align:center;
}


.C_idNmDossLesMV{
	position:absolute;
    display: block;
	left: 4px; top: 25px;  width:460; 
    height: 24px ;	
    background-color: #ffa200;
    color: #000000;
     padding: 0px;
	border: 2px solid #721e1e;
	/* 
    font-size: 14px;	
line-height: 14px;  
*/

    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	visibility: visible; 
    z-index: 4;  /**/


}
.C_CadrePourElem{
    
	position:absolute;
    display: block;
	left: 4px; top: 183px;  width:454; 
    
    height: calc(100% - 195px) ;
	
    background-color: #7fa3aa;
     padding: 1px;
	border: medium solid #1e7235;
	font-size: 9px;	 
	line-height: 9px;
	font-family: Arial, Helvetica, sans-serif;
	visibility: visible; 
    z-index: 1;  /**/
}
.C_CadreConfigParams{
    position:absolute;
    display: none;
    border: medium solid #1e7235;
    background-color: #a4a8e4;
    left: 120; top: 1;width:350;  height:98%;
    border: thin  solid #4e4e4e;         
    padding: 2px;
    line-height: 20px;
    text-align: left;
    font-size: 18px;
    font-weight: 800; 
    /* overflow-y:scroll;
    overflow-x: hidden; */
    z-index: 4;   
}
.C_CadreDescript{
    /* position:absolute; */
    display: none;
    border: medium solid #1e7235;
    background-color: #a4a8e4;
    left: 24px; top: 1;width:330;  height:150px;
    border: thin  solid #4e4e4e;         
    padding: 2px;
    line-height: 12px;
    text-align: left;
    font-size: 12px;
    font-weight: 100; 

    /*
    
    overflow-y:scroll;
    overflow-x: hidden; */
    z-index: 4;   
}
.C_TextDescript{
     position:absolute; 
    display: block;
    border: medium solid #1e7235;
    background-color: #a4a8e4;
    left: 34px; top: 5px;width:290;  height:140px;
    border: thin  solid #4e4e4e;         
    padding: 2px;
    line-height: 12px;
    text-align: left;
    font-size: 12px;
    font-weight: 100; 
    overflow-x:auto;
    /*
    
    overflow-y:scroll;
    overflow-x: hidden; */
    z-index: 4;   
}



.C_CadreTests{
    position:absolute;
    display: none;
    border: medium solid #382a0a;
    background-color: #00fff7;
    left: 120; top: 1;width:335;  height:99%;
    border: thin  solid #4e4e4e;         
    padding: 2px;
    line-height: 10px;
    text-align: left;
    font-size: 18px;
    font-weight: 800; 
    z-index: 14;
}
.C_texarTest{
    width: 100%;
    height: 90%;
    resize: none;
    font-size: 20px;;
    font-family: 'Times New Roman', Times, serif;
}
.C_CadreConfigTexte{
    position:absolute;
    display: none;
    border: medium solid #382a0a;
    background-color: #ddca8d;
    left: 120; top: 1;width:330;  height:260;
    border: thin  solid #4e4e4e;         
    padding: 2px;
    line-height: 20px;
    text-align: left;
    font-size: 18px;
    font-weight: 800; 
    z-index: 4;
}
.C_latextar{
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 20px;;
    font-family: 'Times New Roman', Times, serif;
}
.C_DivCdrCfgPr{
    position: absolute; 
    display: block;  
	left: 1px; top: 1px;  width:115px; height:99%;
    background-color: #473c32;
    border-color: #ebff00 ;
    border-width: 5px;
    /* z-index: 22;    */
}
  .C_TabloCmdParams {
    width: 100%;
}  
.C_TabloCmdParams th{
    width: 100%;
    background-color: #89501d;
     color: white;
}
.C_TabloCmdParams td{
    width: 100%;
    background-color: #ffffff;
    cursor: hand;
}

.C_TabloCmdParams .TCP_boutton{
    width: 100%;
    color: #ffffff;
    background-color: #063a0e; 
    border: 7px rgb(143, 255, 169) ridge ;
    border-radius: 8px;
    text-align: center;
    /* box-shadow: 3px 3px 3px 3px  rgb(143, 255, 169) inset; 
    groove
    */
}
.C_TabloCmdParams .gris{
    background-color: #28432a;
}

/*------*/
.C_TabloCmdParams td{
    font-size: 14;
     font-weight: 600; 
    font-family:'Times New Roman', Times, serif;
    /* 
    Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
    'Times New Roman', Times, serif; 
    */
   border: solid 1px #45174e;
  
}
/* .C_TabloCmdParams td:hover{
 background-color: #1e7235;
} */



.C_TabloParams td{
    border: solid 1px #000000;
 }
.C_TabloParams th{
   border: solid 1px #000000;
}
.C_TabloParams td:hover{
   border: solid 1px #000000;
}
.C_TabloParams .C_CellInput{
   background-color: #edd1f4;
   text-align: center;
   width: 10px;
   max-width: 10px;
   white-space: nowrap;
    overflow:hidden; 
    
   /*    overflow-y:hidden;
   overflow-x: scroll;*/
}

.C_TabloParams .C_Jauge{

   width: 10px;
}
/* ------------------------- BarreSon  */
.C_DivDebFinSon{
 display: block; 
     /*   position: absolute;   */
	left: 1px; top: 1px;  width:95%; height:40;
    background-color: #74d983;
    border-color: #0a1c09 ;
    border-width: 5px;
z-index: 111;
}
.C_BarreSon{
    display: block; 
        /*   position: absolute;   */
       left: 4px; top: 1px;  height:20px;
       /* width:300px; NON c'est defini dans Debut2 !  */
              background-color: #0e3314;
        /*   border-color: #ffffff ;
    border-width: 1px; */
   z-index: 111;
   }
   /* --------------------------- */

.C_ExplicsParmSon{
    font-weight: 100;  
    font-size: 12px; 
    line-height: 12px; 
    padding-top: 3px;  
}    
.C_TabloParmSon .C_CellInput{
    background-color: #edd1f4;
    text-align: center;
    width: 10px;
    max-width: 10px;
    white-space: nowrap;
     overflow:hidden; 
    /*    overflow-y:hidden;
    overflow-x: scroll;*/
 }
 .C_TabloParmSon td{
    border: solid 1px #000000;
 }
.C_TabloParmSon th{
   border: solid 1px #000000;
}

/* ============================================================= DivComTempoints */
.C_CadreConfigParamTP{
    /* position:absolute; */
    display: block;
    border: medium solid #1e7235;
    background-color: #a4e4d1;
    left: 0; top: 45;width:330;  
    /* height:calc( 100% - 60px); */
    border: thin  solid #4e4e4e;         
    padding: 2px;
    line-height: 20px;
    text-align: left;
    font-size: 18px;
    font-weight: 800; 
    overflow-y:scroll;
    overflow-x: hidden;
      z-index: 4;   
}
.C_DivComTempointTP{
    /* position:absolute; */
   display: block;   
   /* left: 103; top:1; width: 335  ;  height: 250px; */
   left: 1; top:230;width:330; 
    /* height: calc(100% - 120px); */
   background-color: #4f7267; 
   padding: 2px;
   z-index: 23;
    
}

.C_DivComTempoints{
    position:absolute;
   display: block;   
   /* left: 103; top:1; width: 335  ;  height: 250px; */
   left: 120; top: 1;width:330;  height:260;
   background-color: #833f93;
   padding: 2px;
   z-index: 23;
    
}
.C_TabloComTempoints{
  
   background-color: #23672e;
   left: 1px ;   top: 0px;width: 100%; height: 40px;
   font-size: 10px;
   line-height: 8px;
}
.C_TabloComTempoints td{
   font-size: 12px;
   background-color: #d96500;    
   color:#ffffff; 
   height: 12px;
   line-height: 12px;
   text-align: center;
   width:20;
   border-radius: 9px;
   border: .3px  solid #ffffff;
}
.C_TabloComTempoints td:hover{
   background-color: #804d27; 
   color:#ffffff; 
   transition: background-color .6s ,color .4s ;
}       
.C_TabloComTempoints tr{ 
   height: 8px;
   line-height: 8px;
}





.C_monSlider {
    /* position:absolute; */
    display: block;  
    background: linear-gradient(0.25turn, #ebf8e1, #802a91);
    accent-color: #ff8902;
    height:14;
    width: 170;  
    /* autres changements : */
    border: solid 4px #45174e;
    border-radius: 8px;
    outline: none;
    transition: background 450ms ease-in;
    transition: accent-color 450ms ease-in;
    -webkit-appearance: none;
}









.C_myinput {
    /*ko ?  background: linear-gradient(to right, #82CFD0 0%, #82CFD0 50%, #fff 50%, #fff 100%); */
    /* Pour changer couleur du fond 
    background-color: #802a91;  */
    /* Pour changer couleur du fond degradé vertical 
    background: linear-gradient(#802a91, #9198e5); */
    /* Pour changer couleur du fond degradé horizontal 
                        ok meme sur TROIS couleurs : 0.25turn, #3f87a6, #ebf8e1, #f69d3c);
    */
    background: linear-gradient(0.25turn, #ebf8e1, #802a91);
    /* Pour changer couleur du rond 
        ok: accent-color: #c03fda;
        ko: accent-color: radial-gradient(#c68def, #19111e);
    */
    accent-color: #ff8902;
    height:14;
    width: 625px;  
    /* autres changements : */
    border: solid 4px #45174e;
    border-radius: 8px;
    outline: none;
    transition: background 450ms ease-in;
    transition: accent-color 450ms ease-in;
    -webkit-appearance: none;
}
.C_myColor {
    background: linear-gradient(0.25turn, #ebf8e1, #802a91);
}
.C_myinput:hover {
    /*   non . ce    <input ... type="range" n'a pas de hover ?*/
    background: linear-gradient(0.25turn, #802a91, #ebf8e1);
    accent-color:  #fffb00;
}