main{
    max-width:1000px;
    width:100%;
    margin:0 auto;
    padding: 5px;
    box-sizing: border-box;
}

div h2{
    text-align: left;
    font-size: 22px;
    margin-bottom: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    text-transform: none;
}

div h2 a{
    text-decoration:none;
    color:grey;
}

div h2 a:hover{
   
    color:black;
}

h3{
    margin:30px 0 0;
}

.em{
    font-style : italic;
    font-weight:800;
    font-size:1.2em;
}

main p, main li{
    line-height:26px;
    margin:10px;
}

textarea{
    width:99%;
}

label{
    width:200px;
}

.subject{
    background-color:#fbf4e5;
    padding:20px;
    margin-top:5px;
}

div.com,.decale{
    padding:20px;
    display:flex;
    background-color:#F2F2F2;
    justify-content: space-between;
    margin-top:30px;
    border-radius: 0 8px 8px 8px;
}

.rond{
    border-radius:50%;
    width:100px;
    height:100px;
    overflow: hidden;
}

.date{
    font-size:0.8em;
    color:lightslategray;
}

.hide{
    display:none;
}

.decale{
    margin-left:75px;
    background-color:#fbf8f1;
    margin-top:5px;
}

div.com span,div.decale span{
    width:15%;
    font-size:0.8em;
    margin-right:20px;
    line-height: 1.5em;
    font-weight: bold;
}

div.com em,div.decale em{
    font-style: italic;
}

.white{
    color: #fff;
    text-decoration: none;
    margin-top: 5px;
    margin-left: 80px;
    display: block;
    text-align: right;
}

.reponses{
    color:#00a651;
    cursor:pointer;
}

.formdecale{
    margin-left:75px;
}

/*compte forum*/
.account{
    position:fixed;
    top:5px;
    right:5px;
    z-index:100;
}

.account ul{
    list-style-type: none;
}

.account ul a {
    text-decoration:none;
    color:#fff;
}

.account ul li{
    margin-top:20px;
}

button{
    margin:0;
    background-color:cornflowerblue;
}

/*form connect*/
.login{
    max-width:500px;
    width:100%;
    margin:0 auto;
    padding:10px;
}

.login input{
    height:25px;
    width:170px;
    margin-top:20px;

}

.login button{
    margin-top:20px;
    margin-left:155px;
}

.login strong{
    margin-top:10px;
    display: block;
}

.center{
    text-align: center;;
}

/* form signin*/
.signin{
    max-width:600px;
   
}

.signin label{
    width:280px;
}

.signin input{
    width:200px;
}


@media screen and (max-width: 500px) { 
    div.com,.decale{
        
        display:block;
       
    }

    }