/* ===================================
   Adaptation smartphone Classenpoche
   =================================== */


* {
    box-sizing:border-box;
}


html, body {

    margin:0;
    padding:0;

    width:100%;

    font-family:
    Arial,
    Helvetica,
    sans-serif;

    font-size:18px;

    line-height:1.6;
}


/* Conteneur principal */

table {

    max-width:100% !important;

}


/* Images */

img {

    max-width:100%;
    height:auto;

}


/* Texte */

html {
    font-size:20px !important;
}

body,
body td,
body p,
body div,
body span,
body li {

    font-size:20px !important;

    line-height:1.6 !important;

}


body a {

    font-size:20px !important;

}


h1 {

    font-size:32px !important;

}


h2 {

    font-size:28px !important;

}


h3 {

    font-size:24px !important;

}


/* Liens */

a {

    font-size:18px;

    padding:4px;

}


/* Menus */

.menu {

    width:100% !important;

}


/* Formulaires quiz */

input[type="radio"],
input[type="checkbox"] {

    width:24px;
    height:24px;

    margin-right:10px;

}


/* Boutons */

input[type="submit"],
input[type="button"] {

    font-size:18px;

    padding:12px 20px;

    border-radius:8px;

}


/* Smartphones */

@media screen and (max-width:600px) {


body {

    padding:10px;

}


h1 {

    font-size:28px;

}


h2 {

    font-size:24px;

}


h3 {

    font-size:21px;

}


/* anciennes colonnes */

td {

    display:block;

    width:100% !important;

}


/* tableaux */

table {

    display:block;

    overflow-x:auto;

}


}/* CSS Document */