@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) 
{
            /* tablette*/
    .Debug{ background:yellow } 
    * { font-size:9px}
    .PassForm { min-width:53% ! important; margin-left:25% }

.Menu {
  padding: 5px 6px;
  height:47px;
  box-shadow: rgba(0, 0, 0, 0.75) 0px 23px 10px -15px;
}
.menu a{
    display: block;
    padding: 10px;
    font-size: 12px;
}

.triangleRight , .triangleLeft {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
}

    .Marq { max-height:180px; }
    .Fd2 img { margin-bottom:3rem; }

    .Vitrines { height: 65vh ! important; }
    .LoginForm
    {
        width:70%;
        margin:3% 10% 1% 15% ;
        padding:3%;
    }

}

@media (pointer: coarse) and  (orientation: landscape) and (max-device-width: 640px) /* mobile , paysage */
{
    .Debug{ background:orange } 
}

@media (min-width: 481px) and (max-width: 767px) 
{
    .Debug{ background:green } 
}

@media (min-width: 320px) and (max-width: 480px) 
{
    .Debug{ background:red } 
}
/*

@media (min-width: 1281px) {
  .Td1 { background-color: green ! important; color:white ! important }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .Td1 { background-color: red ! important; color:white ! important }
  
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Td1 { background-color: yellow ! important; color:white ! important }
}


*/