/* Additional CSS3 instructions for fancy telephones
   Supplement to lubiane.css
   (C) 2015 Hotel La Lubiane
*/
 
/* plus grand espacement entre les liens pour tous les ecrancs */
A.doigt
   {display:       inline-block; /*Plenty of space around links */
    margin:        5px;
    font-size:     larger;
   }
   
 /* cette section concerne les ecrans jusqu'à 500 */ 
     @media only screen and (max-width: 568px) {
/*    @media only screen and (max-width: 570px) { */ 
  
/*    @media only screen and (max-width: 550px) {    */
 /* @media only screen and (max-width: 375px) {   */
 /* @media only screen and (max-width: 400px) {   */

      /*   @media only screen and (max-width: 501px) {  */ 
        /*    @media only screen and (max-width: 400px) {   */
BODY
   {margin-left:   10px;
    margin-right:  7px;
   }
H1, H2, H4, H4
   {margin-left:   -5px;
   }

.pas-sur-tel
   {display:       none;
   }
   
 .pas-sur-mob
   {display:       none;
   }  
.floatl
   {float:         left;
    margin-left:   -10px;
    margin-right:  5px;
   }
} 

/* cette section concerne les ecrans jusqu'a 375 px */
/* @media only screen and (min-width: 375px){  */
     @media only screen and (min-width: 320px){ 

  /*  @media only screen and (min-width: 501px){   */
 /* @media only screen and (min-width: 401px){ */
.tel-seul
   {display: none;
   }
}