*{margin: 0;
padding: 0;}

#BodyChallengeurs, #BodyPageChallenge, #BodyPageChallengeReceive{background-color:rgb(199, 247, 255);
                                                                padding-right: 5px;
                                                                padding-left: 5px;}
#BodyChallengeurs{margin-bottom: 250px;}
h1{background-color: rgb(197, 184, 0);
    height: auto;
    padding: 15px;}
#LesArticles li{list-style: none;}
#UnLeader{position: relative;
            margin: 25px 1px 0 1px;}
#UnLeader B{background-color: rgb(248, 241, 148);
            text-align: center;
            width: 25mm;
            padding: 1px;
            position: absolute;
            top: -18px;}
#UnLeader p{background-color: rgba(133, 233, 233, 0.74);
                text-align: center;
                width: 25mm;
                border-radius: 15px;
                position: absolute;
                bottom: 5px;}
li{border-radius: 5px;
    width: 25mm;
    height: 25mm;
    margin: 2px;}
ul{display: flex;
   flex-flow: wrap;}
h2{background-color: rgb(119, 209, 206);
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    width: max-content;
    padding: 0 1px;}
h2 p{margin: 0;
    padding: 0;}
#ContenuChallenge{display: flex;
                  flex-flow: wrap;
                  position: relative;
                  margin-bottom: 15px;}
#AjouterUnChallenge{background-color: rgb(151, 151, 0);
                    font-size: xx-large;
                    border-radius: 35px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    height: 60px;
                    width: 60px;}
#LienTaille{text-decoration: none;
            color: black;}
#UnChallenge{margin: 5px;
            position: relative;
            width: 70mm;
            height: 70mm;}
#Playing{text-decoration: none;
            color: black;
            background-color: rgba(255, 255, 255, 0.34);
            display: flex;
         font-size: 20px;
         position: relative;
         width: 10mm;
        height: 10mm;
        left: 38%;
        bottom: 70%;
        justify-content: center;
        align-items: center;
        padding: 14px;
        border-radius: 35px;}
#AnnonceAjouterChallenge{background-color: rgba(255, 255, 255, 0.34);
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin: 5px;
                        width: 115px;
                        height: 115px;}
#UnChallenge button{background-color: rgba(121, 150, 150, 0.452);
                    text-align: left;
                    padding-left: 2px;
                    width: 15mm;
                    border-radius: 15px;
                    position: absolute;
                    left: 2px;
                    bottom: 2px;}
#ZoneFollowers{position: fixed;
                width: calc(100% - 10px);
                height: 250px;
                background-color: none;
                bottom: 0;
                display: grid;
                grid-template-areas: 
                "mssg"
                "saisie" ;
                /*overflow: hidden;*/}
#ZoneMessages{position: absolute;
                    width: 100%;
                    height: 200px;
                    padding-bottom: 50px;
                    background-color: rgba(25, 25, 25, 0.500);
                    overflow-x: hidden;
                    overflow-y: scroll;
                    scroll-behavior: 100%;
                    grid-area: mssg;}
#ZoneVoterCommenter{position: absolute;
                        position: fixed;
                        display: flex;
                        height: 50px;
                        width: calc(100% - 30px);
                        min-height: 35px;
                        padding: 0 50px 0 10px;
                        bottom: 0;
                        grid-area: saisie;}
#ZoneVoterCommenter a{width: 50%;
                        min-height: 35px;
                        margin: 3px;
                        font-size: 20px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        text-decoration: none;
                        color: black;
                        background-color: rgb(197, 184, 0);
                        border-radius: 10px;
                        bottom: 0;
                        box-shadow: 0 0 5px rgb(50, 50, 50);}
#ZoneFollowers2{position: fixed;
                    width: calc(100% - 10px);
                    height: 100vh;
                    background-color: none;
                    bottom: 0;
                    display: grid;
                    grid-template-areas: 
                    "mssg"
                    "saisie" ;
                    /*overflow: hidden;*/}
#ZoneMessages2{position: absolute;
            width: 100%;
            height: calc(100vh - 40px - 40%);
            top: 40%;
            background-color: rgba(25, 25, 25, 0.500);
            overflow-x: hidden;
            overflow-y: scroll;
            scroll-behavior: 100%;
            grid-area: mssg;}
#ZoneMessages p, #ZoneMessages2 p{width: max-content;
                max-width: 70%;
                background-color: white;
                padding: 5px;
                margin: 5px 5px 5px 0;
                border-radius: 10px;}
#ZoneSaisie{position: absolute;
            position: fixed;
            width: calc(100% - 70px);
            min-height: 35px;
            font-size: 16px;
            padding: 0 50px 0 10px;
            background-color: white;
            border-radius: 20px;
            bottom: 0;
            box-shadow: 0 0 5px rgb(50, 50, 50);
            grid-area: saisie;}
#EnvoyerFollow{position: absolute;
    width: 40px;
    height: 30px;
    background-color: rgb(197, 184, 0);
    border-radius: 20px;
    border: none;
    right: 2px;
    bottom: 5px;}
#ValiderChangement{font-size: 16px;
        width: 200px;
        height: 25px;
        background-color: white;
        position: absolute;
        bottom: 35px;
        right: calc(50% + 100px) ;
        left: calc(50% - 100px);
        padding: 0 10px 10px 10px;
        border-radius: 15px;
        text-decoration: none;}

#Fil_Actualiser:hover, #Discuter:hover, #Photos:hover, #AjouterUnChallenge:hover{background-color: rgb(197, 197, 197);
                                                                                cursor: pointer;}
@media(max-width:500px)
{#UnProfilVu{grid-template-columns: auto;}
#UnChallenge, #AnnonceAjouterChallenge{width: 27mm;
                                       height: 27mm;} 
#Playing{left: 42px;
         bottom: 98px;
         padding: 0px;
         height: 11mm;
         padding-left: 4px;
         border-radius: 35px;}
}
/*-----------------------------------------------------------------------------*/
#BodyInscriptionETconnection, #BodyModification{background-color:white;
                            background: url(./Images/figure-reine.PNG) center/cover; 
                            text-align: center;}
#choiseLogOrSign{display: flex;
                flex: auto;
                margin: 0 0 0 30vw; 
                width: 25vw;
                height: 30px;
                padding-top: 10px;
                background-color: rgb(197, 184, 0);
                padding-left: 3vw;}
#choiseLogOrSign p{margin: 0;}
#FormTofProfil{background-color: rgb(119, 209, 206);
                padding: 10px 10px 0 10px;
                width: 300px;
                margin: auto;}
#FormInscription{background-color: rgb(119, 209, 206);
                padding: 10px 10px 40px 10px;
                width: 300px;
                margin: auto;
                margin-bottom: 5.7%;}
/*#ImgProfil{width: 280px;}*/
#BtnValider{padding: 10px;}
p{margin-top: 15px;}
@media(max-width:800px) 
{#BodyInscriptionETconnection, #BodyModification{background: url(./Images/figure-reine2.PNG) center;}
}
/*-----------------------------------------------------------------------------*/