#diagMessage{
    display:none;
    position:fixed;top:50%;left:50%;width:60%;
    text-align:center;
    transform:translate(-50%,-50%);
    z-index:300;padding:20px;
    border:1px solid black;border-radius:15px;
    background-color:powderblue;
    line-height:30px;
    font-size:25px;font-weight:900
}
img {-webkit-user-drag: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;}

* {box-sizing: border-box;}
    

#logo> img{position:absolute;top:-50px;left:-50px;width:50px;height:50px;cursor:pointer}

#titre{display:none}
#titre > div{transform:translate(-50%,0%);user-select: none;
width:10em;height:75px;border:1px solid black;border-radius:10px;
background-color:yellow;font-size:200%;text-align:center;position:relative}

#titre > div > :nth-child(1) {display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0px;white-space:nowrap}

#titre > div > :nth-child(2) {position:absolute;bottom:2px;right:5px;font-size:50%;display:none}

#identification {position:absolute;bottom:0px;left:50%;transform:translate(-60%,-120%);
padding:5px 15px;border:1px solid black;border-radius:5px;background-color:whiteSmoke}

#identification > :nth-child(n+2) {width:450px;height:75px;padding:5px}
#identification > :nth-child(2) {margin:0px 0px 0px 10px;white-space:nowrap;background-color:yellow;border:1px solid black;z-index:50;position:relative}
#identification > :nth-child(2) > input {margin-left:10px}
#identification > :nth-child(3) {margin:0px 0px 0px 10px;white-space:nowrap;background-color:pink;display:none;border:1px solid black;position:relative}

/*== Onglet pour l'authentification ==*/
#onglet {display:flex}
#onglet > div {flex:1}
#onglet > div > span{display:inline-block;width:150px;padding:4px;cursor:pointer;border:1px solid black;border-bottom:0px;position:relative;top:1.2px}
#onglet > :nth-child(1) {text-align:right}
#onglet > :nth-child(1) > span {background-color:yellow;margin-right:5px;z-index:100}
#onglet > :nth-child(2) {text-align:left}
#onglet > :nth-child(2) > span {background-color:pink;margin-left:5px;z-index:00}


/*=========== Changement mot de passe =================*/

#changePassword{
    display:none;
    position:fixed;top:50%;left:50%;width:60%;
    text-align:center;
    transform:translate(-50%,-50%);
    z-index:300;padding:20px;
    border:1px solid black;border-radius:15px;
    background-color:powderblue;
    line-height:30px;
    font-size:25px;font-weight:900
}


/*========== Animationbordure ===================*/

.myBorder{opacity:1;display:block ! important;
-webkit-animation: myAnimBorder 2s ease infinite alternate;
-moz-animation: myAnimBorder 2s ease infinite alternate;
animation: myAnimBorder 2s ease infinite alternate;
}
@-webkit-keyframes myAnimBorder {
}
@-moz-keyframes myAnimBorder {
}
@keyframes myAnimBorder {
    0%{border:4px solid seagreen;}
    100%{border:10px solid lightgreen;}
}


/*========== Animation Titre ===================*/

.myTitre{opacity:1;display:block ! important;
-webkit-animation: myAnimTitre 2s ease;
-moz-animation: myAnimTitre 2s ease;
animation: myAnimTitre 2s ease;
}
@-webkit-keyframes myAnimTitre {
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes myAnimTitre {
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes myAnimTitre {
    0%{opacity:0}
    100%{opacity:1}
}

<input type="password">

/*========== Animation gradient ===================*/

#myBody {
    background: linear-gradient(156deg, #4d478b, #ffffff, #ff0000);
    bbackground-size: 5000px 5000px;
    
    -webkit-aanimation: myAnim 20s ease infinite;
    -moz-aanimation: myAnim 20s ease infinite;
    animation: myAnim 20s ease infinite;
}

@-webkit-keyframes myAnim {
    0%{background-position:43% 0%}
    50%{background-position:58% 80%}
    100%{background-position:43% 0%}
}
@-moz-keyframes myAnim {
    0%{background-position:43% 0%}
    50%{background-position:58% 80%}
    100%{background-position:43% 0%}
}
@keyframes myAnim {
    0%{background-position:43% 0%}
    50%{background-position:58% 80%}
    100%{background-position:43% 0%}
}