body {
     background-color: rgb(4, 4, 4);
     color: #ffffff;
     margin: 0px;
     font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
.bold {
     font-weight: bold;
     color: rgb(209, 209, 18);
}

.bannerdebut h1 {
     color: rgb(209, 209, 18);
     font-size: 50px;
     text-align: center;
}
.titleremi {
     color: whitesmoke;
     font-size: 30px;
     text-align: center;
     font-weight: bold;
     margin-top: -40px;
}
ul {
     text-align: center;
     margin-right: 40px;
     font-size: 20px;
}
ul li {
     display: inline;
}
 
.offrecoaching h1 {
     color: rgb(209, 209, 18);
     font-size: 50px;
     text-align: center;
}

hr {
     border: 1px solid whitesmoke;
     width: 60%;
     margin: auto;
     margin-top: -30px;
}
.hrbanner {
     width: 100%;
     margin-top: 0px;
}

.card {
     background-color: rgb(4, 4, 4);
     display: flex;
     flex-direction: column 2;
     justify-content: center;
     padding-bottom: 10px;
     
}
.card1 {
     background-color: rgb(8, 8, 8);
     padding-bottom: 50px;
     border-radius: 30px;
     border: 1px solid aliceblue;
     margin-top: 30px;
}
.card1 h3 {
     color: rgb(209, 209, 18);
     font-size: 25px;
     text-align: center;
     margin-top: 20px;
     padding-bottom: 20px;

}
.card1 p {
     text-align: center;
     margin-left: 10px;
     margin-right: 10px;
     padding-bottom: 30px;
}

.boutonsuivi{
     text-decoration: none;
     background-color: rgb(209, 209, 18);
     color: #000000;
     padding: 20px;
     border-radius: 10px;
     margin-left: 107px;
}


/** section contact **/ 

.contactindex {
     text-align: center;
}
.contactindex h1 {
     color: rgb(209, 209, 18);
     font-size: 50px;
     text-align: center;
     margin-bottom: 0px;
}
.textcontactindex {
     margin-top: -10px;
     font-size:25px;
     color: whitesmoke;
}

.mailindex {
     font-size: 18px;
     color: whitesmoke;
     text-decoration: underline 1px rgb(209, 209, 18);
}
.instaindex {
     font-size: 18px;
     color: whitesmoke;
     text-decoration: solid 1px rgb(209, 209, 18);
     margin-top: -10px;
     padding-bottom: 30px;
}


/* section image présentation rémi*/

.presbox {
     display: flex;
     justify-content: center;
     align-items: center;

}
.box2 {
     border: #ffffff 1px solid;
     border-radius: 20px;
     padding: 10px;
     position: absolute;
     top: 422px;
     left: 10%;
}
.box2 p {
     font-size: 15px;
     text-align: center;
     padding-top: 80px;
}
.box2 img {
     width: 150px;
     height: auto;
     border-radius: 100px;
     border: #ffffff 1px solid;
     margin-top: 10px;
     margin-bottom: 10px;
     position: absolute;
     top: -70px;
     left: -30px;
}