html {
    background:#82ade2;
}
body {
    width:21cm;
    margin:1cm auto;
    padding:5px 1cm;
    background:white;
    font-size:12pt;
}

a, a:visited {
    color:blue;
}
a:hover {
    color:#ff8000;
}

#bandeau-droit {
    text-align:right;
}
#bandeau p, #footer p {
    margin:0;
}

#erreur {
    width:50%;
    border: 1px solid red;
    border-radius:10px;
    padding:10px;
    margin:auto;
    background-color:#FFAAAA;
    text-align:center;
}

nav ul {
    list-style-type:none;
    padding:0;
}
nav ul li {
}

form td[colspan="2"] {
    text-align:center;
}

#profil_php td[colspan="2"] {
    text-align:center;
}
#profil_list table, #user_list table {
    border-collapse:collapse;
    margin:auto;
}
#profil_list table td, #profil_list table th, #user_list table td, #user_list table th {
    border:1px solid black;
    padding:5px;
    max-width:6cm;
    word-wrap:break-word;
}
#profil_list table th, #user_list table th {
    background:#369;
}
#profil_list table tr:nth-child(odd), #user_list table tr:nth-child(odd) {
    background:#9cf;
}
#profil_list table tr:nth-child(even), #user_list table tr:nth-child(even) {
    background:#dae6f6;
}
#profil_list table tr:hover, #user_list table tr:hover {
    background:#ffc69e;
}

/*
.semaine_table {
    padding-top:10mm;
    padding-bottom:1mm;
    max-height:227mm;
    /*
    border:1px solid black;
    /**//*
    margin-left:-5mm;
    margin-right:-5mm;
    overflow-y:hidden;
}
*/
.semaine_table_erreur {
    border:5px solid red;
}
.pas_afficher {
    display:none;
}
.afficher {
    display:block;
}
.semaine_table table {
    margin:auto;
    border-collapse:collapse;
}
/*
.semaine_table table:nth-of-type(1) {
    margin-bottom:2cm;
}
*/
.semaine_table th, .semaine_table td {
    border:1px solid black;
    min-width:31.29mm;
}
.semaine_table td {
    vertical-align:top;
}
.semaine_table table textarea {
    width:79.351483333333mm;
    border:none;
    background:inherit;
    resize:none;
    font-size:inherit;
    font-family:inherit;
}
.semaine_table ul {
	margin:0;
	padding-left:20px;
}
.semaine_table table input[type="text"] {
    border:none;
    background:inherit;
    text-align:center;
    font-size:inherit;
    font-family:inherit;
}
.semaine_table table td:nth-child(1), .semaine_table table td:nth-child(2){
    text-align:center;
}

.semaine_table table:nth-of-type(2) th {
    text-align:left;
}

.heures {
	color:#606060;
}
.heures_recup {
	color:#ff6060;
}
.recup {
	color:red;
}

.info {
    font-size:75%;
}

.important_message {
    display:block;
    background-color:#ffaaaa;
    border-radius:10px;
    padding:10px;
    width:75%;
    margin:5px auto;
    font-size:100%;
}

.couleur {
    display:inline-block;
    width:80px;
}

#footer p {
    text-align:center;
}

#lien_menu_mobile {
    display:none;
}

legend {
    font-size:inherit;
}

@media only screen and (max-width: 870px) {
    html {
        background-color:white;
    }
    body {
        background-color:white;
        width:auto;
        margin:0;
        padding:5px;
        margin-top:60px;
        font-size:15px;
    }
    #bandeau {
        position:fixed;
        top:0;
        left:0;
        padding-top:5px;
        width:100%;
        height:60px;
        background-color:white;
    }
    #bandeau-droit {
        margin:20px 0;
        padding-right:5px;
    }
    #lien_menu_mobile {
        display:block;
        font-size:36px;
        padding:5px;
        margin:0;
        background-color:#82ade2;
        border:1px solid black;
        position:fixed;
        top:5px;
        left:5px;
    }
    #lien_menu_mobile:hover {
        background-color:#ff8000;
        cursor:pointer;
    }
    nav {
        display:none;
    }
    nav ul li {
        border-width:0px 1px 1px 1px;
        border-style:solid;
        border-color:black;
        text-align:center;
    }
    nav ul li:first-of-type {
        border-top-width:1px;
    }
    nav ul li a {
        display:block;
        padding:1em;
        background-color:#82ade2;
        color:white !important;
        text-decoration:none;
    }
    nav ul li a:hover {
        background-color:#ff8000;
        color:white;
    }
}