@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) 
{

/* ################################################################################### */

.flexbox-frame
{
    display:               flex;
    justify-content: flex-start;
    align-items:     flex-start;
    flex-direction:         row;
    flex-wrap:             wrap;

    gap:                  0.1em;
}

.flexbox-center-user
{
    display:               flex;
    width:                 100%;
    min-height:            10em;
    justify-content:     center;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;

    padding:                2em;
    border:                none;
    /* background-color: rgba(0, 0, 0, 0.1); */
    background-image: url(../background/bgUHD.png);
    background-size:      cover;
}

.flexbox-center-left-user
{
    display:               flex;
    width:                 100%;
    min-height:            10em;
    justify-content:       left;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;

    padding:                2em;
    border:                none;
    /* background-color: rgba(0, 0, 0, 0.1); */
    background-image: url(../background/bgUHD.png);
    background-size:      cover;
}

.flexbox-left-user
{
    display:               flex;
    width:                 100%;
    min-height:            10em;
    justify-content: flex-start;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;
    padding-left:           2em;

    border:                none;
    /* background-color: rgba(0, 0, 0, 0.1); */
    background-image: url(../background/bgUHD.png);
    background-size:      cover;
}

.flexbox-liste-user
{
    display:        inline-flex;
    flex-direction:      column;
    gap:                    1em;
}

.flexbox-link-user::before 
{
    content:      '\2622';
    font-size:       18px;
    margin-right:     1em;
}

.flexbox-link-user
{
    
    text-shadow: 1px 1px 2px #FFFFFF;
}

.flexbox-link-user:hover
{
    color:  #007a83;
    text-shadow: 1px 1px 2px #FFFFFF;
}

.flexbox-liste-link-user
{
    display:        inline-flex;
    flex-direction:      column;
    gap:                  0.3em;
   /* margin-left:            4em; */
}

.flexbox-textbox-L-user
{
    display:               none;
    /*
    width:                 15em;
    height:                auto;
    padding:              0.5em;

    margin-left:          0.5em;
    margin-right:         0.5em;
    margin-top:           0.5em;
    margin-bottom:        0.5em;
    text-align:          center;
    background-color: #FFFFFF;
    */
}

.flexbox-textbox-R-user
{
    width:                 15em;
    height:                auto;
    padding:              0.5em;

    margin-left:          0.5em;
    margin-right:         0.5em;
    margin-top:           0.5em;
    margin-bottom:        0.5em;
    text-align:          center;
    background-color: #FFFFFF;
}

.flexbox-textbox-C-user
{
    width:                 15em;
    height:                auto;
    padding:              0.5em;

    margin-left:            3em;
    margin-right:           3em;
    margin-top:           0.5em;
    margin-bottom:        0.5em;
    text-align:          center;
    background-color: #FFFFFF;
}

.flexbox-pics-user
{
    width:                 auto;
    height:               6.5em;
    border:                none;
    border-radius:         25em;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

textarea.user
{
    width:                 20em;
    height:               2.5em;
}

/* ################################################################################### */

}