.thlog-espace-noconnect .frame .title
    {
        background-color:#4e9fd7;
    }

/****************/
/* CSS Variable */
/****************/


/* CSS Document */

.thlog-espace-noconnect
    {
        display: flex;
        background-color: #f2f2f2;
        font-family: Calibri light, Helvetica Neue;
        height: 100%;
    }
.thlog-espace-noconnect a
    {
        text-decoration: none;
    }
.thlog-espace-noconnect .frame
    {
        width: 50%;
        max-width: calc(650px - 30px);
        border-radius: 10px;
        margin: auto;
        display: flex;
        flex-direction: column;
        color: white;
        background-color: white;
        height: fit-content;
    }
.thlog-espace-noconnect .frame .title
    {
        margin-bottom: 0px !important;
        border-radius: 10px 10px 0px 0px;
        padding: 15px;
    }
.thlog-espace-noconnect .title h1
    {
        font-family: calibri;
font-weight: lighter;
font-size: 20px;
        background-color: rgba(0, 0, 0, 0.15);
        border-radius: 50px;
        padding: 10px 15px;
        color: white;
        inline-size: fit-content;
        text-align: center;
        user-select: none;
    }
.thlog-espace-noconnect .title .refappareil
    {
        color:#e8e8e8;
        text-align:center;
        font-size:7px;
        margin-top: -13px;
        margin-bottom: -15px;
    }
.thlog-espace-noconnect .frame .content
    {
        padding: 15px;
        height: 100%;
        background-color: white;
        display: flex;
        flex-direction: column;
        margin: auto;
        border-radius: 0px 0px 10px 10px;
    }
.thlog-espace-noconnect .frame .content img
    {
        width: 100%;
    }
.thlog-espace-noconnect #widget_moncompte
    {
        display: flex;
        flex-direction: column;
        margin: 10px auto 0px auto;
        color: black;
    }
.thlog-espace-noconnect #widget_moncompte form
    {
        display: flex;
        flex-direction: column;
    }
.thlog-espace-noconnect #widget_moncompte p
    {
        margin: 15px auto 7.5px auto;
        text-align: center;
    }
.thlog-espace-noconnect #widget_moncompte input
    {
        height: 40px;
        width: 100%;
        max-width: 300px;
        margin: 0px auto;
        font-weight: lighter;
        font-size: 15px;
        border: 0.5px solid #dddddd;
        border-radius: 3px;
        text-align: center;
        color: #888888;
        outline: none;
        user-select: none;
        background-color: white;
        transition: background-color 0.5s;
        padding: 5px 10px !important;
        box-sizing: border-box;
    }
.thlog-espace-noconnect #widget_moncompte .btn /* exception thlog ne pas supprimer au moment du regroupage des css */
    {
        width: 100%;
        height: 40px;
        padding: 5px 10px;
        margin-top: 15px;
    }
.thlog-espace-noconnect #widget_moncompte .btn
    {
        box-sizing: border-box;
        cursor: pointer;
        background-color: #F3F3F3;
        border-radius: 3px;
        background-image: linear-gradient(#EEE,#E2E2E2);
        border: 0.5px solid #CDCDCD;
        display: flex;
        user-select: none;
    }
.thlog-espace-noconnect #widget_moncompte .btn:active
    {
        background-image: linear-gradient(#E2E2E2,#EEE);
    }
.thlog-espace-noconnect #widget_moncompte .btn p
    {
        margin: auto !important;
        padding-left: 0px !important;
        border-left: none !important;
        color: #393939;
    }
.thlog-espace-noconnect #widget_moncompte .codepointage
    {
        font-size: 45px;
        font-weight: bold;
        user-select: none;
    }
#exptime
    {
        color:#ECECEC;
    }

@media all and (max-width: 915px)
        {
            .thlog-espace-noconnect .frame
                {
                    width: 90%;
                    max-width: 90%;
                }
        }