/*Code commun à tout le site*/
body{
    background-color: #ebebebd2;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    height: 100%;
}

.bordure{
    width: 1024px;
    margin: 0 auto;
    box-shadow: 0 5px 5px #33333367;
    height: 100%;
   
}

header{
    background-color: #FFFFFF;
    position: relative;
    padding: 15px;
    border-bottom: 10px solid #333;
}

.banniere{
    position: absolute;
    width: 1024px;
    text-align: center;
    bottom: 25px;
    font-size: xx-large;
    color: #f8475f;
}

.logo{
    width: 100px;
}

footer{
    text-align: center;
    background-color: #333;
    position: fixed;
    bottom: 0;
    width: 1024px;
    color: #f2f2f2;
    height: 35px;
    padding-top: 25px;   
}

.retour-haut-page{
    position: sticky;
    top: 85%;
    margin-left: 980px;
    text-decoration: none;
    color: #700b19;
    font-weight: 1000;
    border: 1px solid none;
    border-radius: 35%;
    background-color: #f8475f;
    font-size: 25px;

}

/*Code pour la page d'acceuil*/
/*Code Navbar*/
.nav-container{
    width: 17%;
    height: 150px;
    position: sticky;
    top: 0;
    overflow: hidden;
    background-color: #333;
    padding-bottom: 10px;
    font-size: x-large;
    z-index: 100;
}

.nav-container a{
    color: #f2f2f2;
    align-items: center;
    text-decoration: none;
    font-size: 17px;
    padding: 5%;

}

.nav-container a:hover{
    background-color: #ddd;
    color: #f8475f;
    text-decoration: underline;
    cursor: pointer;
    width: 100%;
}

/*code box*/
.box-container{
    position: relative;
    bottom : 80px;
    margin-left: 350px;
    margin-bottom: 100px;
    width: 30%;
    height: 25%;
}

.box-container tr td{
    border: 3.5px solid #f8475f;
    border-radius: 10px;
    padding: 35px;
}   

.animation:hover{
    box-shadow: 3px 4px #33333367;
    transition: transform 0.05s ease-in-out ;   
}

.box-container tr td a{
    color: #333;
    text-decoration: none;
}

.box-container tr td a h1{
    color: #8d1626;
}

.box-container tr .espace-vertical{
    border: #ddd;
    box-shadow: none;
    padding: 10px;
}

.box-container tr .espace-vertical:hover{
    transition: none;
}

.box-container tr .espace-horizontal{
    border: #ddd;
    box-shadow: none;
    padding: 10px;
}
/*Code pour le rapport*/
.rapport{
    position: relative;
    top: 80px;
    border: 3.5px solid #f8475f;
    border-radius: 15px;
    width: 75%;
    margin: 0 auto;
    padding: 20px;
}
 .info1{
    font-weight: bold;
    width: 300px;
    padding-top: 15px;
 }

.espace-avant-footer{
    height: 185px;
} 

.titre-rapport{
    text-align: center;
    margin-top: 10px;
}
/*Code pour la page de parcours*/
.texte_page3{
    border: 3px solid #f8475f;
    border-radius: 15px;
}

.texte_page3 , .texte_parcours{
    margin: 50px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}

.texte_page3 .texte_parcours, h1 , h2{
    color: #8d1626;
}
.texte_page3 , .texte_parcours, p{
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    left: 60px;
}

.espace-avant-footer-parcours{
    height: 44px;
}

.espace-avant-footer-interview{
    height: 120px;
}
/*Code pour la page d'interview*/
.texte_page4{
    position: relative;
    top: 25px;
    left: 60px;
    border: 3px solid #f8475f;
    border-radius: 15px;
    width: 70%;
    margin: 0 auto;
    padding-left: 15px;
    text-align: justify;
}

.texte_page4 .question{
    color: #530c16;
}

.texte_page4 .reponse{
    color: #850e1e;
}

.texte_page h1, h2{
    color: #333;
} 
/*Code pour la page de conclusion*/
.texte_page5{
    border: 3px solid #f8475f;
    border-radius: 15px;
}

.texte_page5 , .texte_conclusion{
    margin: 50px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}

.texte_page5  .texte_conclusion h1{
    color: #8d1626;
}

.arnold{
    color: black;
}

.espace-conclusion{
    height: 100px;
}