/ Style général /
@font-face {
font-family: "PlumePLUME"; / Remplacez par le nom que vous souhaitez utiliser pour la police /
src: url('C:/wamp64/www:PROJET_HTML/PlumePLUME.ttf'); / Remplacez par le chemin vers votre fichier TTF /
font-family: "AramisItalic";
src: url('C:/wamp64/www:PROJET_HTML/Aramis Italic.ttf');
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
}
/ Style général / @font-face { font-family: "PlumePLUME"; / Remplacez par le nom que vous souhaitez utiliser pour la police / src: url('C:/wamp64/www:PROJET_HTML/PlumePLUME.ttf'); / Remplacez par le chemin vers votre fichier TTF / font-family: "AramisItalic"; src: url('C:/wamp64/www:PROJET_HTML/Aramis Italic.ttf'); font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif }
menuButton {
display: block; margin: 20px auto; padding: 10px 20px; background-color: #9c928d; color: #fff; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; }
{ margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #f2eee8; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: "PlumePLUME"; font-family: "Aramis Italic"; }
/ Style de l'en-tête / header { background-color: #613a39; color: #fff; text-align: center; padding: 20px 0; box-shadow: 0 5px 10px rgba(0,0,0,0.1); }
/ Style du titre principal / h1 { font-size: 3em; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 10px; }
/ Style des sous-titres des sections /
h2 {
font-size: 2em; / text-transform: uppercase; / letter-spacing: 0.2em; margin-top: 20px; font-family: "Georgia"; /ajout de la propriété font-family/ }
/ Style des boutons de la section Affichage du menu / / CSS styles for buttons / button { background-color: #4bad75; color: #fff; font-size: 1.8em; text-transform: uppercase; letter-spacing: 0.2em; padding: 20px 40px; margin: 140px 0; border: none; border-radius: 50px; cursor: pointer; transition: all 0.3s ease-in-out; position:absolute; top: 50px; left: 20px; }
button:nth-child(1) { margin-top: 160; } button:nth-child(2) { margin-top: 270; } button:nth-child(3) { margin-top: 380; }
button:hover { background-color: #ffcc29; color: #613a39; transform: scale(1.1); }
/ CSS styles for the sections /
/ Style de la section Entrées /
entree {
}
/ Style de la section Plats /
plat {
}
/ Style de la section Desserts /
dessert {
}
menu {
}
/ Style des éléments du menu / h3 { font-size: 1.8em; margin-bottom: 10px; }
ul { list-style-type: none; margin-bottom: 30px; }
li { font-size: 1.4em; margin-bottom: 10px; }
.luxury { background-color: gold; border-radius: 10px; }