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:2520px;
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;
}

button[type="text"]{
  position:absolute;
  top:30px;
  left:1020px;
  width:15%;
  outline:none;
  padding:10px;
  font-size:25px;
  border-radius:8px;
  font-family:Cooper Black;
  text-align: center;
  cursor:pointer; 
  margin-top:10px;
  transition: .3s ease background-color;
}

button[type="text"]:hover{
  background-color: rgb(207, 207, 207);
}

.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;
}

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

.présentation {
  position: relative;
  top : 40px;
  width:600px;
  left:320px; 
  font-family: Comic Sans MS, Calibri Light;
  color:#FF0000;
}

.présentation2 {
  position: relative;
  top : 85px;
  width:600px;
  left:320px;
  font-family: Comic Sans MS, Calibri Light;
  color:#FF0000;
}

.présentation3 {
  position: relative;
  top : 130px;
  width:600px;
  left:320px;
  font-family: Comic Sans MS, Calibri Light;
  color:#FF0000;
}

.présentation4 {
  position: relative;
  top : 175px;
  width:600px;
  left:320px; 
  font-family: Comic Sans MS, Calibri Light;
  color:#FF0000;
}

.desc {
  position: relative;
  width: 800px;
  top: 60px;
  left:320px;
  font-family: Arial Black;
  color: white;
}

sun{
  position: relative;
  top:65px;
  margin:15px;
}

.desc2 {
  position: relative;
  width: 800px;
  top: 105px;
  left:320px;
  font-family: Arial Black;
  color: white;
}

sun2{
  position: relative;
  top:110px;
  margin:15px;
}

.desc3 {
  position: relative;
  width: 800px;
  top: 150px;
  left:320px;
  font-family: Arial Black;
  color: white;
}

sun3{
  position: relative;
  top:155px;
  margin:15px;
}

.desc4 {
  position: relative;
  width: 800px;
  top: 195px;
  left:320px;
  font-family: Arial Black;
  color: white;
}

sun4{
  position: relative;
  top:200px;
  margin:15px;
}

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

sunny{
  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;
}