html  {
    background-color:rgb(103, 103, 103);
    width: 100%;
}

nav {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   align-items: center;
   padding: 30px;
   background-color: black;
   border-bottom: 4px solid rgb(61, 61, 61);
}

.barre a:hover {
   color:#5f00ba;
}

nav .onglets {
   margin-top: 3px;
   margin-left: 300px;

}
nav .onglets a{
   text-decoration: none;
   color: rgb(255, 255, 255);
   margin-right: 10px;
   border-bottom: 1px solid rgb(61, 61, 61);
   padding-bottom: 5px;
   font-size: 25px;
   font-family: "Harper";

}

#logo {
   width: 150px;
}

h1 {
   max-height: 800px;
   max-width: 650px;
   border: solid 4.5px black;
   border-radius : 6px;
   display: block;
   width : 60%;
   height: 60%;
   display: block;
   width: 150%;
   margin-left: 300px;
   padding-left: 250px;
}

main {
   background-color:rgb(178, 213, 235);
   font-family: Verdana;
   max-width: 900px; 
   color:black;
   margin: 20px;
   width: 95%;
   border: solid 3.5px black;
   border-radius: 15px;

}

p {
   
   border: solid 3.25px black;
   padding: 2px;
   margin: 20px;
   border-radius: 5px;
   background-color:white;
   padding-left: 5px;
   position: relative;
  

}

h2 {
   margin: 20px;
   width: 65%;
   display: block;
   padding: 5px;

}

h3 {
   margin: 20px;
   width: 65%;
   display: block;
   padding: 5px;

}
footer{
   background-color: black;
   border-top: 4px solid rgb(61, 61, 61);
   bottom: 0;
   padding-bottom: 35px;
   color: rgb(255, 255, 255);
   font-size: 12pt;
   font-family: "Gravity";
}

footer ul {
   list-style-type: none;
}

.liste-footer {
   display: inline-block;
   width: 32%;
   text-align: center;
}

#instagram {
   width: 5%;
   height: 5%;
}

#facebook {
   width: 5%;
   height: 5%;
}

#tiktok {
   width: 5%;
   height: 5%;
}
/*footer {
       color:black;
       border: solid 5px black;
       border-radius: 5px;
       margin: 15px;
       background-color:rgb(178, 213, 235);

}

.logoInsta::before {
   content: url(images/Dessin/fichier\ 2.png);
}

.logoTwitter::before {
   content: url(images/Dessin/Fichier\ 1euro.png);
   width: 20px;
   height: 20px;
   
}*/

nav ul {
   list-style-type: none;
   list-style: none;
}

#cadre{
   max-width: 900px;
   text-decoration: none;
   margin-left: 300px;
   font-size: 20px;
   border: solid 7.5px black;
   border-radius: 15px;
   color: black;
   padding: 1px;
   display: block;
   width: 150%;
}

#baniere{
   height: 99.5%;
   width: 99.5%;
   border : solid 6px black;
   border-radius : 8.5px;
}