/* scroll bloc conditionnement  */
 .scroll {
    width:500px;
    -ms-overflow-style: scroll!important;
    outline:none!important;
    overflow:auto!important;
    scrollbar-width:none!important;
    overflow-y:hidden!important;  
    }
 .scoll-pane::-webkit-scrollbar { 
    display:none!important; 
    }
   
 /* ********************************************************* */
           /* Média query pour les devices < 769 */
  /* ********************************************************* */
  @media only screen and (max-device-width: 769px) {
    
    /* style des boutons */
    .slideBt {
        height:240px!important;
        width:6rem!important;   
        background-color:rgb(241, 253, 240);
        border:none;
        font-size:xx-large;
        font-weight: bolder;
      
    }
  /* panel des conditionnements */
    /* selon nombre de conditionnements  */
    .scoll-pane {
        padding-left:395px!important;
        width:900px;
        font-size:x-large;
    }
    .scoll-pane-d {
        width: 100%!important;
        height: auto;
        width:800px!important; 
        font-size:xx-large;
  }

}

/* ********************************************************* */
           /* Média query pour les devices > 768 */
  /* ********************************************************* */
  

@media only screen and (min-device-width: 769px) and (max-device-width:972px) {
    /* style des boutons */
    .slideBt {
        height:60px!important;
        width:3rem!important;   
        background-color:rgb(241, 253, 240);
        border:none;
        font-size:large;
    }

 /* panel des conditionnements */
    /* selon nombre de conditionnements  */
    .scoll-pane {    
         width:800px;     
        font-size:0.9rem!important;
    }

    .scoll-pane-d {    
        width: 100%!important;
        height: auto;
        width:800px!important; 
  }
  
}

/* ********************************************************* */
           /* Média query pour les devices > 973 */
  /* ********************************************************* */
 
@media only screen and (min-device-width: 973px)  {
     /* style des boutons */
    .slideBt {
        height:60px!important;
        width:3rem!important;   
        background-color:rgb(241, 253, 240);
        border:none;
        font-size:large;
    }
    /* panel des conditionnements */
    /* selon nombre de conditionnements  */
    .scoll-pane {
        padding-left:150px!important;
        width:400px!important;
        -ms-overflow-style: scroll;  
        scrollbar-width: none;  
        font-size:x-small!important;
    }

    .scoll-pane-d {
        width: 100%!important;
        height: auto;
        width:400px!important; 
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: scroll;  
        scrollbar-width: none;
        font-size:x-small!important;  
  }

  .condTitre {
    font-size:x-small;
  }
}


/* ********************************************************* */
           /* Média query pour les devices > 1410 */
  /* ********************************************************* */
@media only screen and (min-device-width:1410px)  {
     /* style des boutons */
    .slideBt {
        height:60px!important;
        width:3rem!important;   
        background-color:rgb(241, 253, 240);
        border:none;
        font-size:large;
    }


     /* panel des conditionnements */
    /* selon nombre de conditionnements  */
    .scoll-pane { 
        padding-left:150px!important;
          padding-right:15px!important;    
        width:400px!important;
        font-size:x-small!important;
    }

    .scoll-pane-d {
        width: 100%!important;
        height: auto;
        width:400px!important;
        overflow: auto;
        overflow-y: hidden!important;
        -ms-overflow-style: scroll!important; 
        scrollbar-width: none; 
        font-size:x-small!important;    
  }
}