body {
    font-family: Arial, Helvetica, sans-serif;
    background: linear-gradient(to right, rgba(34, 193, 195, 1) 30%, rgba(253, 187, 45, 1) 50%);
    margin: 0;
}

.nav {
text-align: center;
background-image: url(../images/anime-landscape-background-12xkkc2cnstc3gp2.jpg);
color: rgb(0, 0, 0);
position: relative;
width: 1024px;
border: 0;
left: 400px;
padding: 5px;
z-index: 200;
}

/* ce qui touche le menu de l index*/

.menu {
background-image: url(../images/anime-landscape-background-12xkkc2cnstc3gp2.jpg) ;
border: 0;
border-radius: 10px;
width: 150px;
position: sticky;
z-index: 1000;
padding: 10px;
margin-top: 10px;
top: 40px;
cursor: pointer;
background-attachment: fixed;

}


ul,li {
list-style: none;
padding: 5px;
text-align: center;
font-size: larger;
font-weight: bold;
}
/* ce qui touche tout le main de l index */

button {
    background:none;
     border-radius: 10px;
    backdrop-filter: blur(7px);
}

.rapport,.interview,.parcours,.Conclusion {
border:  0 ;
border-radius: 50%;
width: 250px;
height: 250px;
text-align: center;
box-shadow: 4px 4px 4px 4px #000000;
cursor: pointer;
}

a {
    color: black;
    text-decoration: none;
}

.rapport,.interview,.parcours,.Conclusion, h1,p {
padding: 15px;
}

.rapport {
 left: 250px;
 bottom: 200px;
 position: relative;
 background-color: rgb(216, 101, 120);
 
}
.interview {
position: relative;
left: 650px;
bottom: 486px;
background-color: rgb(59, 173, 59);
}
.parcours {
position: relative;
background-color: rgb(230, 230, 111);
left: 250px;
bottom: 410px;
}
.Conclusion {
position: relative;
background-color: rgb(119, 169, 245);
left: 650px;
bottom: 690px;
}
.footer {
background-color: black;
color: white;
width: 1034px;
text-align: center;
bottom: 0;
position: fixed;
}
.container{
background-color: #3d1717;
width: 1034px;
left: 400px; 
top: -20px;
position: relative;
}

.menu,p { 
font-weight: bold;
}
.mainindex {
position: relative;
}
/* autre pages html */ 
.menu1 {
background-image: url(../images/anime-landscape-background-12xkkc2cnstc3gp2.jpg) ;
border: 0;
border-radius: 10px;
width: 150px;
position: sticky;
z-index: 1000;
padding: 10px;
margin-top: 20px;
top: 40px;
cursor: pointer;
background-attachment: fixed;
}
.container1 {
background-color: #3d1717;
width: 1034px;
left: 400px; 
height: auto;
top: -20px;
position: relative;
}
.box {
    text-align: center;
    color: white;
    position: relative;
    bottom: 220px;
    left: 40px;
    
}
.box,h1 {
font-weight: bold;

}


.footer1 {
background-color: rgb(0, 0, 0);
color: rgb(255, 253, 253);
width: 1034px;
text-align: center;
position: fixed;
bottom: 0;
}
.texte {
border: 2px solid white;
border-radius: 10px;
width: 700px;
padding: auto;
position: relative;
left: 200px;
}
.texte,p {
    font-weight: bold;
    font-size: larger;
 text-decoration: none;
}
h2 {
    font-weight: bold;
    font-size: 30px;
    text-decoration: underline;
}
.texte h1 {
    text-decoration: underline;
    font-size: 50px;
}

/* image de la page parcours */
img {
    height: 100px;
    position: relative;
    bottom: 1195px;
    right: 225px;
    border-radius: 50%;
    cursor: pointer;
}
/* hover et les keyframes */
img {
    animation: rotate 10s linear infinite;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.rapport:hover {
    transform: scale(1.15);
    transition: 0.5s ease-in-out;
}
.interview:hover {
    transform: scale(1.15);
    transition: 0.5s ease-in-out;
}
.parcours:hover {
    transform: scale(1.15);
    transition: 0.5s ease-in-out;
}
.Conclusion:hover {
    transform: scale(1.15);
    transition: 0.5s ease-in-out;
}