body{ background-color: #F6F4E8; } /*Afin d'indenter le texte comme souhaité*/ .texte{ display: flex; flex-direction: column; justify-content: center; margin-right: 10%; margin-left: 10%; color: #1D3124; text-align: justify; } /*Toutes les petites spécifiactions pour les liens*/ a{ text-decoration: none; } a:visited{ color: #F6F4E8; } a:link{ color: #F6F4E8; } a:hover{ color: #E59560; } h3{ } /*"Boutons" de la barre de navigation*/ .buttonbar{ border-width: thin; margin-top: 10px; width: 128px; font-size: 100%; display:block; cursor:pointer; text-decoration: none; } /*Positionnement du titre de la barre de navigation*/ .flexbar{ display:flex; justify-content:space-evenly; align-items:center; flex-direction:row; z-index: 10; } /*Positionnement de la barre et de ses éléments*/ .flex{ display:flex; justify-content: space-around; align-items:baseline; flex-direction:row; margin-bottom: -2px; } /*position et propriétés glaobales de la barre*/ .bar{ position: sticky; top: 8px; background-color: #1D3124; margin-right: 8%; margin-left: 8%; color: #F6F4E8; border-radius: 5px/5px; height: 100px; text-align: center; } td{ border-radius: 5px/5px; border-color: #1D3124; border-width: thin; border-style: solid; color: #1D3124; width: 20%; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } section{ padding-top:90px } .image{ margin-left: auto; margin-right: auto; width: 56% }