/* Feuille de style pour tablette */
#container{width:640px;margin: 0 auto;}
h1, h2, h3, h4{font-size: 90%;}
#evit, .menu, .mascotte{display: none;}
.open{position:relative;top:30px;left:5px;}

/* header */ 
#logo{max-width:200px;position: relative; left: 5px;width: 48%;}
#head{padding-top:5px;}
.middle{width: 35%;left:40px;font-size: 12px;}
.right{left:35px;font-size: 12px;}

/* Navigation*/
#pageslide .menu{display: block;}
#pageslide .menu a {float:none;display: block;width: 80%;height: 20px;text-align: left;}


/* Navigation gauche */
.ac-container label{font-size:85%;padding: 5px;height: 20px;line-height: 9px;}
.ac-container article li{font-size:70%;line-height: 9px;}

/* Index */
#boxs{width: 100%;}
.box{width:33%;}

#boxForm1, #boxSys1,#boxForm2, #boxSys2{margin: 10px 3px 10px 0px;}
#boxDev1, #boxDev2{margin: 10px 0px;}

/* Contenu */
#contenu p{padding-left: 10px;width:90%;}
.categories {font-size: 70%;}
#contenu img{max-width:100%;}

.tarif span, .fs1{font-size: 75%;}
.tarif{width:30%;}