56 lines
1.6 KiB
CSS
56 lines
1.6 KiB
CSS
.left-background {
|
|
background-color: #db5559; /* Couleur de fond */
|
|
width: 20%; /* Prend 1/4 de la largeur de l'écran */
|
|
height: 100%; /* Prend toute la hauteur de la fenêtre */
|
|
position: fixed; /* Reste en place même si on fait défiler la page */
|
|
top: 0; /* Commence en haut de l'écran */
|
|
left: 0; /* Aligne à gauche de l'écran */
|
|
}
|
|
|
|
.index-title-page{
|
|
font-family: 'Brittany Signature', sans-serif;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none; /* Enlève les points de la liste */
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
|
|
padding-bottom:30px;
|
|
}
|
|
|
|
.btn-custom {
|
|
background-color: #FFFFFF; /* Couleur de fond verte */
|
|
color: black; /* Couleur du texte blanche */
|
|
border: none; /* Pas de bordure */
|
|
padding: 15px 30px; /* Espace intérieur (padding) */
|
|
font-size: 16px; /* Taille de police */
|
|
font-weight: bold; /* Texte en gras */
|
|
cursor: pointer; /* Curseur en forme de main au survol */
|
|
width: 100%; /* Ajuste la largeur automatiquement en fonction du contenu */
|
|
display: inline-block; /* Empêche le bouton de s'étendre à 100% */
|
|
}
|
|
|
|
/* Effet au survol */
|
|
.btn-custom:hover {
|
|
background-color: #f8b5b5; /* Couleur légèrement plus foncée au survol */
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.icon-medium {
|
|
display: inline-flex; /* Utilise inline-flex pour gérer l'alignement facilement */
|
|
align-items: center; /* Centre verticalement l'icône */
|
|
width: 25px;
|
|
height: 25px;
|
|
margin-right: 8px; /* Espace entre l'icône et le texte */
|
|
}
|
|
|
|
.icon-container {
|
|
display: inline-flex; /* Permet d'afficher l'icône et le texte sur la même ligne */
|
|
align-items: center; /* Centre verticalement le contenu */
|
|
}
|
|
|
|
|