body.login #contenu {
   padding-top: 30px;
   padding-bottom: 30px;
}

/* = Tablette - Portrait */
@media only screen and (min-width: 600px) and (max-width: 939px),only screen and (max-device-width : 1024px) and (orientation : portrait) {
   #contenu, .contenu, #entete-app > div, #bas-page-app > div > div {width: 600px;}
}

/* = Mobile - Paysage */
@media only screen and (min-width:500px) and (max-width: 599px), only screen and (max-device-width : 480px) and (orientation : landscape) {
   #contenu, .contenu, #entete-app > div, #bas-page-app > div > div {width: 500px;}
}

/* = Mobile - Portrait */
@media only screen and (max-width: 499px), only screen and (max-device-width : 480px) and (orientation : portrait) {
   html, body {min-width: 310px;}
   #contenu, .contenu, #entete-app > div, #bas-page-app > div > div {width: 310px;}
}


/* Quand la hauteur de l'écran est grande */
@media only screen and (min-height: 640px) {
   body.login #contenu {padding-top: 100px;}
}