a {
  text-decoration: none;
  color: rgb(32, 109, 224); 
}

* {
 margin:0;
 padding:0;
 }

#box1{
height: 220px;
background-color: rgb(235, 232, 232);
position: relative;
top: 0px;
left: 0px;
border:3px solid rgb(221, 215, 215);
}

body {
background-color:rgb(5, 26, 58);
}

#box5{
position: absolute;
width: 100%;
top:750px;
height: 520px;
border: solid rgb(172, 166, 166);
border-width: 1px 0px;
background-color:rgba(0, 0, 0, 0.897);
}

.logo{
position: relative;
width:200px;
height:200px;
background-image: url('images/logo.jpg');
border-radius: 10px;
top:10px;
}

nom{
position: absolute;
top:0px;
}

position{
display: flex;
justify-content: center;
}

.acc{
  position: relative;
  top:110px;
  margin:50px;
  font-size: 22px;
  font-family: Cooper Black;
  color: rgb(32, 109, 224); 
}

.rdj{
  position: relative;
  top:110px;
  margin:50px;
  font-size: 22px;
  font-family: Cooper Black;
  color: rgb(32, 109, 224); 
}
.cdj{
  position: relative;
  top:110px;
  margin:50px;
  font-size: 22px;
  font-family: Cooper Black;
  color: rgb(32, 109, 224); 
}
.com{
  position: relative;
  top:110px;
  margin:50px;
  font-size: 22px;
  font-family: Cooper Black;
  color: rgb(32, 109, 224); 
}

.titre {
  position: absolute;
  left:320px;
  top:25px;
  font-family: Gloucester MT Extra Condensed, Footlight MT Light;
  font-variant: small-caps;
  font-size: 50px;
  font-weight:bold;
}

.sous-titre {
  position: absolute;
  top:73px;
  left:320px;
  font-family: Calibri Light, Stencil, Arial Black;
  font-weight:650;
  font-size: 30px;
  color:#FF0000;
}

#conteneur{
  position:relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

sun{
  margin:100px;
}

.titre2 {
  position: relative;
  display: flex;
  top:60px;
  justify-content: center;
  font-family: Gloucester MT Extra Condensed, Footlight MT Light;
  font-variant: small-caps;
  font-weight:bold;
  font-size: 50px;
  color: rgb(17, 199, 223);
}

.sous-titre2 {
  position: relative;
  display: flex;
  top:60px;
  justify-content: center;
  text-align: center;
  font-family: Calibri Light, Stencil, Arial Black;
  font-weight:650;
  font-size: 30px;
  color:rgb(255, 250, 250);
}

.copyright {
  position: relative;
  top:-50px;
  text-align: center;
  line-height:200%;
  font-style: bold;
  font-size:12px;
	letter-spacing: 0.08em;
	word-spacing: 0.05em;
  font-family: Arial Black;
  color: white;
}

section.login-container{
    position: relative;
    display: flex;
    top:80px;
    left: 0;
    bottom: 0;
    right: 0;
}

.Identification{
position: relative;
top:0px;
text-align: center;
font-size:35px;
padding: 30px;
text-decoration: underline;

}

section.login-container > div{
    width: 850px;
  
    margin: auto;
  
    padding: 10px;

    text-align: center;

    background: #eee;
    border: 1px solid #ccc;

    border-radius: 5px;

}

section.login-container form{
    display: flex;
    flex-direction: column;
}

form input[type="password"], 
form input[type="text"], 
form button[type="submit"]
{
    width: 100%;
  
    margin-bottom: 30px;
    padding: 16px;
  
    color: #333;

    border: 1px solid #ccc;
    border-radius: 5px;

    outline: 0;
}

form input[type="text"]:focus,
form input[type="text"]:hover,
form input[type="password"]:focus,
form input[type="password"]:hover {
    background-color: #ccc;
}

form button[type="submit"] {
    font-weight: bold;
    color: #eee;
    text-transform: uppercase;

    background-color: #e67e22;
}

form button[type="submit"]:focus,
form button[type="submit"]:hover {
    background-color: #d35400;
}

button[type="text2"]{
  position: relative;
  top:-20px;
  width: 100%;
    padding: 16px;

    border: 1px solid #ccc;
    border-radius: 5px;

    outline: 0;
    font-weight: bold;
    color: #eee;
    text-transform: uppercase;

    background-color: #e0e6e7;
}

button[type="text2"]:focus,
button[type="text2"]:hover{
  background-color: #b8b9bd;
}

html{
    box-sizing: border-box;
}

*,*:before,*:after{
    box-sizing: inherit;
}

.wrapper{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}