html, body {
  margin: 0;
  padding: 0;
}

body {
}

#debugbox
{
    position: fixed;
    top: 5%;
    right: 5%;
    bottom: 5%;
    width: 40%;
    background-color: rgba(0, 0, 0, 0.3);
}

.profil
{
    text-align:right;
    font-size:200%;
}

.header
{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.suppression
{
    box-align:right;
}

.pseudo
{
    text-align:left;
    font-size:150%;
    text-shadow: 0px 0px 10px black;
}

.entete
{
    background-color: rgb(0,0,0);
    display: flex;
    justify-content: space-between;
    align-items: start;
    border:5px solid rgb(100,100,100);
}

.entete a
{
    font-size: 200%;
    border:2px solid black;
}

.date
{
    font-size:100%;
    /* text-shadow: 0px -10px 1px black; */
}

.avatar
{
    width: 80px;
    border-radius: 100%;
    box-shadow: 0 0 10px purple;
}

.emission
{
    padding-bottom:20px;
    background-color: rgb(100,100,100);
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.emission form
{
    margin:0;
}

.comment_list
{
    background-color: rgb(150,150,150);
}

.message
{
    width:calc(98%);
    height:calc(20%);
    border: 3px solid black;
}

.sujet
{
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    width: 100%;
    border: 3px solid black;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.topic_list
{
    background-color: rgb(150,150,150);
    position: relative;
}

.topic_list form
{

}

.topic_list input[type="button"]
{
    background-color: black;
    color: red;
    border: 2px solid darkred;
    border-radius: 10px;
    /*background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSVoxeTKZYmWvIk69RLly65zlZktTo2eR4i8A&s");*/
}

.comment_list p
{
    margin: 0;
}

.calendar
{
    width:100%;
}

.calendar .activity
{
    padding-left:5px;
    padding-top:5px;
    border:5px solid purple;
    margin:5px;
}

.calendar td
{
    border:1px solid black;
}

.connex
{
}

.titre
{
    background-color: rgb(255,0,0);
    width:200px;
}

.inscription
{
    background-color: rgb(255,0,0);
}