body
{
    margin: 0 ;
    font-family:serif ;
    background-image:url("ayman.jpg");
    background-size:cover;
    background-attachement:fixed;
}

/*

.xbutton
{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100px;
    background-color: red;
    color: white;
    padding:20px; 
    border: outset 10px gray;
    box-sizing: border-box;
    text-align: center;
}
.xbutton:hover
{
    border: inset 10px gray;
}
*/
#menu
{
    position: absolute ;
    top: 0;
    left: 0;
    font-size:22px;
    width:20%;
    height:100%; 
    background-color: 851757 ;
    color:1A0312 ;
    
}
#contenu
{
    position: absolute ;
    background-image:url("ayman.jpg");
    background-size:cover;
    right: 0;
    width:80%;
    height:100%;
    color:F2F2F2;
}
#footer
{
    position:absolute ;
    bottom:10px;
    left:10px;
    font-size: 30px ; 
}
a
{
    text-decoration: none ;
    color:black ;
}
a:hover
{
    color: yellow ;
}

.author
{
    font-weight: bold;
    font-size: 18 px ;
    color:0EC921 ; 
}
.date
{
    font-size: 13px ;
    margin-bottom: 5px ;
    color:27F58E;
}
.content
{
    font-size:16px ;
    margin-bottom: 15 px;
    color:000000;
}
.auth-bouttons
{
    position:relative;
    text-align:center ;
    top:40%;
}
.auth-bouttons a
{
    display: inline-block;
    padding:10px ;
    margin: 10px ;
    text-decoration:none;
    border-radius:5px;
    font-size:18px ;
}
.boutton-inscription
{
    background:blue ;
       color: white ;
}
.boutton-login
{
    background :green ;
    color: white ;
}

.logout.php
{
    position:relative ; 
    top : 0 ;
}
.boutton-logout
{
    background : red ;
    color: white ;
}
.login-cont
{
    position:absolute;
    bottom:10px;
    left:2px ;
    margin-bottom:-8px;    
    font-size:20px;
    background-color:blue;
    text-align:center ;
}

.inscription-cont
{

    position : relative ;
    bottom :40%;
    font-size : 35px ;
    left: 10px ;
    text-align :center ;

}
.profil
{
    font-size:20px ;
    font-family: serif;

}
.profil-avatar
{
    text-align: center;
    margin:10px ;
}
.avatar-user
{
    width: 30px;
    height:30px;
    border-radius:20% ;
    object-fit: cover;
    border:1px;
    font-size:10px;
}