@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Courgette&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    box-sizing: border-box;
}

img {
    width: 100%;
}

nav a, nav li {
    color: orange;
}

/* element1 = applique à element1*/
/* element1, element2 = applique à element1 et element2 */
/* element0 element1 = applique à element1 s'il est dans element0*/ 

h1 {
    font-size: 40px;
    font-family: "Arima", cursive;
    margin: 40px 0 10px;
    text-align: center;
}

h2 {
    margin: 0.83em 0 0 0;
}

ul {
    /*margin: 5px 0 5px 0;*/
    /*MARGIN: si le bas n'est pas donné alors = haut, si la gauche n'est pas donnée alors = droite*/
    margin: 5px 0;
    /*si on veut haut et bas différents, mais droite = gauche : margin: 5px 0 10px; = haut 5px, droite 0px, bas 10px, gauche 0px */
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 20px;
}

body {
    font-family: "Roboto", sans-serif;
    margin: 0;
}

header {
    font-size: 60px;
    font-family: "Courgette", cursive;
    color: white;
    text-shadow: 0 0 30px black;
    /* text-shadow: x y flou couleur */
}

footer {
    /*background-color: #CACACA;*/
    background-image: url("https://static.vecteezy.com/system/resources/thumbnails/000/532/210/small/3-01.jpg");
    background-size: 300px;
    /*background: left 100px url("https://static.vecteezy.com/system/resources/thumbnails/000/532/210/small/3-01.jpg"), black;*/
    /*background-repeat: repeat-x (= répéter sur la largeur) / repeat-y (répéter sur la hauteur)*/
    /*background-position: center */
    font-size: 18px;
    margin-top: 40px;
    padding: 15px;
}

a {
    text-decoration: none;
}

/*Couleur : */
/*   - nom */
/*   - code en hexadecimal */
/*   - rgb (red, green, blue) */
/*   -rgba */

/* GRAS : font-weight: bold;
ITALIQUE : font-style: italic;
SOULIGNER/BARRER/TRAIT AU-DESSUS : text-decoration: underline / line-through / overline */

#bienvenue {
    background-image: url("../images/abeille-fleur.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    /*justify-content: left; left = valeur par défaut, on n'est pas obligé de le faire figurer */
    align-items: center;
    /*flex-direction: row; row = valeur par défaut */
}

#slogan {
    display: block;
    font-size: 30px;
    font-family: "Roboto", arial, sans serif;
}

#top {
    font-size: 19px;
    text-align: center;
    margin-bottom: 40px;
}

#bruyère {
    background-image: url("https://lamiellerie.fr/cdn/shop/articles/Le-miel-de-Bruyere-des-Landes-un-tresor-medicinal-et-culinaire-la-miellerie-58852222.jpg?v=1709799038");
    grid-row: 1 / 3;
}

#propolis {
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTLNV2J_uEyT1ZuBMak0ZhGkXxb3x04WZNLyA&s");
    grid-column: 2 / 4;
    /* grid-row: */
}

#pollen {
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQO-0kr9mhg7lbZ76mi3c4I33eyumB6yBIYiQ&s");
}

#gelée {
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhUQDxIPFQ8QFQ8PEBAQEBAQDw8PFREWFhUVFhYYHSggGBolGxUVITEhJSkrLi4uFyAzODMtNygtLisBCgoKDg0OGBAQGi0lHR0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKy0tLS0tLS0tLS0tLf/AABEIAKcBLQMBEQACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAADBAECBQAGB//EADsQAAEDAwIDBQUGBQQDAAAAAAEAAhEDBCESMQVBUSJhcYGREzJCobFSYpLB0fAGFCNy4RUzgvFDc5P/xAAaAQADAQEBAQAAAAAAAAAAAAAAAQIDBAUG/8QAMhEAAgIBAwMCAgkFAQEAAAAAAAECEQMSITEEQVETYQWhFCJxgZGx0eHwBjJCUsHxFf/aAAwDAQACEQMRAD8ASegZDXwmMetrpIDTo3SAD+3SAo+ugBWtXTAzbh8oEIVQgBYtTEaFjbSpYGr/ACOErAz7q3hUAqAgAzEAMMCAGabUANU2oAO1iYFw1MAjUAGplIYwwpAFBQBIKACNKACBAiSmBQpCIKAKpAUqFIYlWqJoYq+sqECdVQAJ1RMARegCRUSEZb2JFgXNQBDTCAGqVdADIuEgIdWQAJ9RMQB6AFqiAFycoEavDXgJAbnthCQjHv6gVIDOBTAYphIY1TagBum1AxhgTAO1Ai0IAsAmARoSAM1IYVqALhIQRqYBAgCUCISAhAEFIANVAzMuiqQCRKYypQIqQmANwQIpKQiXUUjQE+2QAB9skAP2ZCBlggROpAEEoEUcUwFqpQAq4oEGt68FAh4XpRQC1aqSUwJpMQA/RppDHKdNAxhrEAFa1MAzQgQRrUAFaxAFwxABGsSAK1iALaUAWaEAEAQB0JCIQBCQEFAAKxTGZlymApCYyYQBBagAbmoEBcEAP+yQMkUEAc60lIYF9gkFgXWCAsDUsigBWpRIQABwQIXqBMBd4QIoAgArQgQVjEwH7ekkM0qNFIY0ykgAwppgSGIAu1qYg7GpAFa1AFw1ABGtQASECOhAHAIAI0IoC2lOgKlqVAUISAo5IBWu5MZnVyqGLoAlAHFAA3lAC7ygRuimgAzKKqhNhRRToVkmgjSLUVNuFOkeoE+1SoaYlcWSmirMe7s4QMzatNAhV7UxA4QILTCAHKNNAzTt6aQx6m1ADDAgYQBAi2lAFmtTAMwIEOULJ7sgY6nCwn1OODpspQkyzbGpOnTJ7iIQupxtcg4SRapavZ7zSO/ceoWkckXwxUwa0JJDUAEaxUkS2Ea1XpJbLaVWkVkFqlxHYJ7VDiUmLVVnRYnWQMSqMTAEWIA7SmBUhAAagQIVegD1bWJpCbDsYtUiGy8K6Js5FARCmgIhJxHZR9OVDiUpGdd2yhotM89fUIUjMqoExASmIJSSA07VqQ0adFiRQy0IAK0JgFaECCAIAsAmAzZslwB23I8Fh1E9GNtFQVyNt9QHLZjniIM7LxMii3qidUbWzOZcQpjkobhZL7x04OCqbk5OV8goqqCUXtdh7QRscAfNdODLKMk2ZTguwtc2jRlrh1gmfCF6uPKpPSc0o0rANC7EjEsroRyAOQBVwUNFJitVixki4sVdSUllDbpAUdbpgBfQTAA+mgBaqxMBKoMoEewa1VEhhAFskQzlQiEAckByVAQk0MDXYs5IqLMDidJZNGqPOXAymhMVcUCL0TlIDbsaLj8LvwlKmNM16ds77J809D8D1IYbbHu9U9EhakXFHv8AkSjSGoto/uPlH5opeQs4E/Yf5lqKXkNzm6vsgD+4k/RH1Q3Nqx9lALR2zhzS4yO8dQufqIqUK5Lg2pHXVyW4DQN+ufUrwuoy6dlGvx/U7ccL3bEDeHmPRcPrSs39NF2X/cV0Y8+R7JESxoOys48j9Au3H0WfK7lsvc555YQ43Dl5K9rpuljhXlvucWTI5nBdqMSUwOQByAOKljBOas5IpMp7NRRdkaEqAo5iBgKjEDFKrEAJVwmBn1RlIR6xpWiM2EWqJOVCIQByAOQByQFKmyzZSMusKer+tr9nmdEatsbrJmq9jIuatmD/ALVU5+Izj8YVXEmpCVTi1Jp/p21OPvBpP0KNS8BRUfxFU+FlFo5Q0yPnHyRrYaTY4JxN9V7WPgiDJAhxxjw8klJt0JqkeiqUSMAjuIY0kKnFkplajXgYrx/aymPzBSplWgBfUJzWc7uPZ+jis25L+fsUqOrB3d+M/os9c/8AX5/sXUfPy/cCNXOPU/ojVPx8/wBgqPn5fuMUqZImWx0yT9FS1+F+L/Ql6f4v3GKWPid5AfqrSkTaK1687uef7o/ys8mFZNpU/uLjNx4KOo8ysV0GKL1UvwLfUTe1hGLoUUuEZtt8hmFUiWGC1iQyy0QjkxEoA5AzkgIKhggZWbLRUlIoE4oGBeUAK1igYhXcgDPqnKQj0bKytMTQdtULVMhoKCrJOKBHIA5AHJMAdQrNlIx+IOWTNUebuxlIZnVGoECQB6T+FmQ4VT7ocWE8mnTOfGYUuWloTV7HtqTgTMiRvO3nutdTZnR15JyIHUB1Nx8gXD6JSmkhpCdTUNqbj+H8lxy6yC/8ZvHC2Aq3DiINOp5A/kVg+uxPyarp5eULis3aYPRxcPrhbQz45cSYpYprsP24xM4PoumORPg53F9w2n0+a0sku6g0jAIPe4EH02UNtcDRZzmhpFQOgbEDSB5kKbfcNkLU3yAesFUmUHYUyWGaVomQwi0TEcmByAJQByQFXFSxoE4rNloG4pDBPKAAvKBi1RAxGuEAZ9UZQI0HVylZVFqVyVopCcR+hXK0UjNxHGVVVk0X1IsVHSlYUVc9JsaQnc11m2WkYl9XUM0MisUgE6oSELlAHsf4J0mjVaftg495vZEOjfrnxSe6aZLtO0b9EOGGAGMGSZjwiQf31WWNOP8Abx/PwCTvkb9g4dp0RGwNQH8lcssoq2JRT4Frmqz7VWe5xP1XDPrn2ijoh099wdINcJ1VI2hxhZPqpNbxRTw0+QjaTftg9zod8ipU8cv7o7iqa4YzavDZIjoYAC2U6/tf/fzE9T5GNTDyGo/ZglNZ5fzYTiin8u4ZMAdSdOO8ZXRCcl/d+Zm0nwKVrYHdwAGdUy0Ed0Z2VOTmqS2FVdxWjgAE6iAAXRGqOcclqtkAZrlQgzHqkyWgzXLRMlotKdiJlOwIlFgVLkrHRRzlDZSQNxUlA3FAA3FAwTkACcErGLVmIsYhVpZSFRoNtZTUQcgjbNWokuQZlCFVCsIRCLAE+tCeoKBm9RYaQFW+ClsaRnXN8obKSM2rVJU2MEUAAqBAhZ6APQ/wxwF73MrukMBDmAe8+Dz6Nx5qJSfCFt3PdaSd8EfaAMjyhRPM48kxjZf5eAcFD6j2+RaxsC8NiNVSe87LGWaP+qNFjl5FnMHxOcJ7xJ9As3ljW0VZeiXk4sZvqHk5ZW/4itJLXNmM8tvqtY5aVKKE8Te9j9ItHf3QPorWdL/H8jN435Dm4aRAEeDWhL6Sldf8D0n3O9iKrfZme4zGepla4MzlzyTKGkxrm2dSdpd4gjYhdSaZBUOTAu16YgraipMVFxVVWKjjWTsVFHV0WOgZrKbKSJD0hkkoAG4oAGSgZVTYFSkMDUCBilRiBG2ykuhIxbCaVVE2TCdBYN9NS0NMz7uksmaJmBevIKmzQRNclFiLMaSpbAO23SsZLrZFgK1qCBCVWmqsR9S4Mz+hSaMaWMB/CFmuCJcmo2gOYE8srPMvqDg9wRphclo2F6rRzWE5FpAHws9aLpg+yj1EFMs1w5JrIgpjNO9I2jza0/ULRdRJf+C9Owgu3H7P4Wp/SJvx+AaEFY5zveM+KqMpSf1mJpLgz+PuHYj7w+i7cDTsxkjLa9dBJb2iBHGqmMqa6dhRU1kWFHCpKLAKwJWAdgRYBIRYijgmME4JDKJAdCQyjmJgD9ikFmoutHKcqA5AHIABcMwspIuLPO8UorFmyMVrcpDH7diQD1NikCzqaAFq1FACNa3TTA+gWNCKTI+yz6BZKRDQ00uHNRNlRSKVK68yc2jpURK4uVhPIzSMBN9ys9RekGLlCkPSEFyFpqQtJdl2l6gaA9O7T9R0GgYpXJK0xybZLihPipnT5r0+k7nNl7GfK7TI4vQBR1RAAzUQBZrkANUWoAbptSEGAQIlMDnBAwD2oGgelAyQ1AFwxBIRtJArLrrRgcmByAOQBSookUjD4m1YSNonnzupKH7ZSwHmBSBeEAUexAAX0kwPW8LrjQwfdaPkuD1Kky3HYdqvCiWXYFEy69VccnbOiKM27qrOaNoiNSthTpLAishRAL7VXpAJTqpUA1SeithDtq5aY+SZE3Ykju/Ur1el7nHl7Cj6a6zAXqNQMXeUAD1IANRKANK3CQDbQgRZMCUAcUADegYIpjJamII1AhhiCQS6kYnJgcgDkAUqHCiRSMLilTCwkbRPOF+VJRpWhUMDSphSAYNQBBYmBVzEAPWtaAPMLzMnL+1nSkMVLzC5ZMtREqleUoouhG7qqpIpCDqqmigftEUMOKn5K6EEp1FFDHKD0UI0rZyIP65MuA79z4D8163S8s4s3Yqaa6ZzjBXJpL32MUm+CaVJuzgDO8jI8Oi+P+K/Eeqx9U1CVKNV4e3fzZ3YsUXDdCtbhokjUfu4x5/quqH9SJuOqG3ff8kR9G8MPS4XTc0AgyQJdJkOj03XBn+OdXj6iTTTinsq2rt77rvZpHBBx9wfDLQNDnPjUHOYOcaTBPr9F1fG/ieR6MWJtKUVJ+98L9SMONbtjDmCRGZE45ySu34Dkl9Glreyk6v7F8jPqEtexeF7sJxmtUXa8o52q5JVAcgCCUADe5MYpdXTKeXuAnadz4Ba48M8jqCsuEJT2iibW7ZUEscCDPccb4OU8mGeN1JBPHKDpoZa5ZGYzTcqJBBy6EZEqhHIA4lJsaQld14WcmXFHmOK3SyZqjHY/KkDXsnKGM2aCkBkNQInQmBRzUBZDm6fVwXDmhTfudOKWpIBWrLjlE2QE1URRQtdPwqkhoQc9RRRVr0JDGGPx6KhBmOUsBy3cpA07UrJbSsT4HQe0fAL2ul5Zw5uEW0TA5zz2Xlf1DgyzxRnH+2PK/79xXTTim0wdwXM94ZH7818ilex3KhCrxEzkRymf8LaOBDObeHk4kQTiN1UsfkEgzLqcHaZ+WfyWcoBVDZuJhjY2G3NYuMquT4+QgzyIHM7E+C+i/ptT15Xf1aW3u+/yZy9VVIHK+sOM4lAGfxbiQohuJc4wBMYG5XV0vTetJ26SN8OH1GAtOLMqYy13Q5B8CtOo6KeKOpO0Vl6eUFfKPNXtw6rUc49SAOQaNgvYw41igoo9DHBQikilEQeYO4POVqt9mW99j1XD7ovY1x3O/iDE/JfPdTjWPLKKPIywUJtI0qVTCxMRVlwt0yHEX4hx2lRB1EF4gezBGok/TquvB008rXZPuTQSx4vTrCWGY06hBlpImO/p5Kc2CeF1INJavdrnbKSMXiF+spM0UTzlzWLiosoLSsK0n+lVxuPZvkYnaOgWH0nDt9db+6DS/B6Pg9lS0tfUeSZILGGZ6AECZ2Md42XkfEPiWXDNwhHxu/nt8jWGNPdsboNIJGwaROsQdM9OsK+t6pxw48ilTbXFP7d+9Exju0MtjkQe8L0cOVZYKcU6fkhqnRZaEgHuk42G56nop/ufsS/rbIHVf2QOcmVy9SzrxISqlcrN0BlCGBujj0TlwNCTlBRDEDGW/omINSUDHqAUsRoUCs+4M0KfvHwXr9I7bOHP2AX10WHAERPzXn/ABLr8/T51CFVV01zyXgwxnG3yCqcSNVpxloJzyhfL5MUFPVFUn28fsdiVIwLi8guaT24DgIxJK7IYbSfYpcmGXkZE6gZ1c5n99fnC76T2Y6G6fHKkidJ07iA3VI5wsX0cKfuI9Hw+5a46zqHukZiCQcfKF5uXG4rSM2qdeRLRB5HoFhieaKePG3Uquu/4GclHllWvPxGSvs/hGLLi6esnnZPsjgzNOWxDnr1DM8jxYTWfPXHhAhfR9Ik8EKPWwV6aFHNLe03cZ8HBbbNNPg152YxbW89rkRq+QP5oZDdbFalEkhoGSiUowi5PhD1JK2bVA6Who2AA8e9fOZcmubk+55E5apN+RunXwpIPM8auHkRqBY3/cZTcBULSRpcDB2ycDku3pcssMfU03fD+zlfMJIzeO3NBzmvcHVKxbS0ipBY6k6CQAAIPvZOQfKNPpumOmGyuyEanCuKU6YNvEFlQspmSdbDUcJMCehnKM8cua8qVKu/Gy7FI2+I3LGNLKWhzidLqjjIB5hoXmzy1sgjFvdmX/Jh3vCOvaIlZa2bUdaWIDw+kwueyHAEy2dufj9IXN1c4ejKOSVJ7Dit9h2te1QWtcGB06IadQY6QQT1g85OSvn8HS9PLWotvunVedjSU5IFeGpRILXHtjQeyC0Oc6TEiSdREn9FtCGLqu+67PxwqrsZycoUUNcPwJJiHOPUj3hzMZ9V29OnODwSikktq/P+edyW03fcddeNb1jEYcY8Su/BGUMcYPlKhuKbsu+7xkgatsGQO/otHb2Mnu6iVZcjm6np2xqnvQnSo0UEuCj6gMkEESYI6Lkzbtm0OAJWCNEwLkirBVshDew0KFqgqyGtRYxmkzl4IsQ0xqQWM0ykwsao1FmuQbGX3RbyyYGxI2/6Xp9Has5MqsBe1tY7W3USCr6rpYdQlrW64fcnHNw4M+l2XwDggjxXy3VYfSnKH+rO6EtUUzHuWuD3B4OZIJIAcJwZGD5d62hWlaTWPApVeBz7uWRt5+H6LZJsGVtuHPqy5sQ05LjEnoN53Py6onnjj2fcmrPS8HY8tDHN7QcQ7SDGhobpd+XqvPyzUZ64/dfneyZbjt3eBhDRr5nI0g+AK9b4Jgnj15G1vSpNP8aObO1KkAPFxsDnpG/gvfsw0on/AFIHfVjkWOH5IthpRl8QLXHWHAO5tMgGNvAr1uhzZoRpwbi+6X8s7MEpRVU6E6dSR4r0c2RRVnRNpG/bPphjW7kNyI5DH6LzP/oxitTOPW95Cd2SM0xE7vdGqPujx5rqxRn1NSy7R7R/V/8ADWEda+vx4/Uz3aty5x8XFehCEYqopHTGMUtkO2N6QCHDVtG8rz+r6SM5KUXpObN08W7Rgs9r7appqaGzqDXYNWABGckAncYnryzyTvDBR8cKvz9+Ty5c8GVfX5FX2hYwFuoVDpc0OpjECcE9433mFwaHF3Jc9gUTPoX5qVDUDsFzxBMj3i4EQN4IMcsL2seS4pJ1S49l3/A0R6+hUpObTLS0gtY6X6tRdGcH1jvXg9U4vLJxqn4Ljdbj7XbQ2n/xBB+bfzXMUM0WnS4vc5jNJ1aC4Pjp05flheL8Q6mM0oRVtP7vBcV7mbcXtvTYxzA32oAL31Zp6wYLm1IOTM8umSohhzzlvtF7Lgzk4pKuRKvxOpXd7N4bSLT7Vha8PbpbIkGYcJaBIJha4unjgWqLu6Xv+HzIlJzdcUatk9jGyalFuN/b03d8kxJMn9wvRhoj3FGUUi1bjHKidZ+2RDAPuzue9aLU37Ddy9kAN67mymfvOdMZzn/KtRL2XBDuJuaSdNIt2JE6fkDjxT0BY7w+6p1gRJ1g7MjTHLBAKznjXclyaew8yzZsawaej2lYrDF/5UWskvBccIe73HsfuezqGB4juT+it8NFequ6Mi5a9pMs2x7zc+qwlha5NVKwD9Q3aOvvs/VR6TK1ADcRu0/ip/ql6TCxu3qznYd5bn0Kax+4WEbX7vOWhJwAZoEu+JjR1JJHyCccd8uhOVdhkUY7TX6u+HNaPEkLWPSw51X936mM80uK+ZD7h4AIOTLjLSR3RjGy6scVFbEJt7s63vA50VSA0Bxn3e0BicHfbzU55yhByj2HFJsWuqwLgQQ0tOMGDnqea+YzZZZpOUl7bHXBaVSC0alOpNOoAXAOInskBx3Hp8lytThUo8GlmNxHhBHapnXAOsFzQ4Yxj4ufou7D1Se0tvAzX4bRpUWbkgzqc4honqB+9t1xZ5zyz44Ghi0uA0DtAvJ1HScRtH771nlg5N7bIll+IXjH03AlpcwjBIkOkYz3Eru+FYs2HqI/Vema+6vP4mOVxafsYza4Hws5mREjuX1Rzh23Z+6Bzk4/VFAKXDGklwiTvp+q9zoviSSWPN22T/X9Tqx9RS0yF7po0y3fcEcl39Z0rywaRtkg5KgFjdVWmXzmIO4DW7AdF83j6LOpJSWyZyxhPihh9/Ue74jzgN5Dc4Gy+mxwUYrU/wDh2xiorcJT7Ww9BstZZMcFcnQ3JR5ZtcPBpAzpJduCfdjvG6+f6/qlmmtK2XzPPz5VN7cI8fWdVguFJ7twCQHaSYhw78LfoM2LEpa+Xwzkkm+DPr2VWs1rarah0tDXCNDoGIMjfmo6zqFOScO3caQ7Z8G9mIbSgHn72e8yuKU5S5ZSoc/l2thxdGYgEyooLIr3pGBUIA5wJHdJKnT7DsA24d77agmWnLmAGNtjnzWGXp4ZOUCYpWq1Kh7JbqIIMAOJOc+KnF0/pKlwTSZrVxcVKYa6kWwC0Gm4NDQSwkwM/COfxHdZ9N0/oyk7vV5KlboSt+F1WulrII3JeHECV1hQSu1zBFRwGTPaG/yTQCj71s6WudP3i8j6J7hsL1Kjj72mP+I8sN/VFhQa3rGnHstIdmHMjUB4SJHip55Bo2rb+JarBFVlNw5nX7JxnORJCTEoeB+h/EtBx1OpVA6WgF38u8H58lNK7Y6kUvb6zBmTP9jhuOUHKiWOL3T+RalJCRu7KSCSIEyRVjyh2VHpe/5leo/AGpdWuNMZz/5Bjv1HCn0vcetnUeI2vIE8vceT4/5T9INbG6XFqQMNY88sU4nw1BNY15+QnKX8Y7/q2IpUCTMDXUp0+W/Zk/JaJwXCM3GUuWLVri5ce2KbGDJbTdqJjkXEJN37DUEiKt088iI+9p+ZhUkUZ9e4qbYjOA8n/CLFQm+8rDHs2vAyP6rWuHh+/Ncebpo5JauH8jSMmtgF1fXROKOkx2XktDpjmNj5LKHRQjy/uG5sXqXPEHQAGCBkDdx6nOPBaro8CvZ/ITnIdZxC/LWtLaQ0gjWZ1Gd4zhZL4fhUm0nv27D9R8GhYurNy/RnnOJPh5q83SQy0qqvAozruNGyc4EuOn4s8/2V6MEkkkZMuzhp5O2+6eqpCKvtasgamxB94f4TtAL1rWuezqHPYwN45iU9S8DoAzhl2J01aefhcyoRP4ZC7MPxDLi2T299zohlcA9O1uwILaDuRg1WmfMLrXxVf5R/n4mvrxe4zaWFZxEtawtMtLHvMerAqfxPFKLjKDp/YN54VTR6Ck105cNoOljTPmCvFbXZHC0XNtO7nf8Az/yk6YuDz4s6pPZqQRjEdx6eHNaWu6I3Dm0nDnPLsCQ7sjyidu9K0G5zrVw+IRGfe69dyiwO9np+JhzsWuI26R4eiTYwL2NcYLgOsN2E8krHRDaVPDQZmInV2jOdXlHogKCXFalTJiAQNR7LnGNsHHRJ7gtgBuhUDfZuMx29UxPRo/6WUHO5akq7fZ7lBKbKh/3HtgbSwGf0VoGDfagnJBHPDpB8JiFSJZwtGASQ06ZzpA8+qNLYXQs+ozEERj4Nk9IWEgb9gbGInlvtzUKLS3HYcBo20HAOWQI9E9IWDNQCf9qdgQx/XmigsALwd0dzBBO/NJqikwrLiSGksjAkM235KWh2dqaZBcJ/9aKCw9CSOzt/aI26Sof2FDDawB0vc089OkyPONk6As69DcUxI2wGggk89W6dMVoWq8bcJGnP/HKelitFBxJz5nUI5yJHXr9EaA1EC6qun2eqBHxMM+oBS0hqJf8AzG4c5uM5a7zycI0oG6BinWHaL3Sck6pjyT0oVs61rVcxDs7EyJzyIhPRYtQ0wvdyycfCG+jYTWINZfS8Y1U5wPdOB3d8wmsYtZZ9V09ogkY2Ppko0BqLNHMEgcyfDu3T0e4avYsyjPuuk7E6dJEb7lGj3DW/AUWB31eg2AHRPQg1sJSs8kl3nnJ/7G6pQQnMaFsT9kzjJf5809KFqCMtY3YzVmImPRFBqDBhGNI8sfQpNIdhQ0nk35/qkI//2Q==);
}

#flexbox-produit {
    /* display: flex; */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap: 30px;
}

#tous {
    display: inline-flex;
    align-items: center;
    color: black;
    transition: all 0.4s;

}

#tous:hover {
    font-size : 20px;
    font-weight : bold;
}

/* Pour modifier l'apparence d'un lien déjà visité :
 #tous:visited {
    color: red;
} */

#flexbox-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.produit {
    background-size: cover;
    width: 100%;
    /* largeur = 100% de la largeur de l'élément parent (section flexbox-produit) */
    height: 100%;
    min-width: 200px;
    min-height: 200px; 
    border: 5px solid white;
    transition: all 0.3s;
    border-radius: 50px;
    font-size: 40px;
    color: white;
    text-shadow: 0 0 20px black;
    display: flex;
    justify-content: center;
    align-items: center;
    /* box-shadow: 0 0 100px rgba(0, 0, 0, 0.4); A EVITER QUAND ON A UNE BORDURE BLANCHE DE BASE */
}

.produit:hover {
    border: 5px solid black;
}

.mot {
    color: pink
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.contenu {
    padding: 15px;
    /* padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px; */
}

.conteneur {
    width: 1200px;
    margin: 0 auto;
}



/* LE RESPONSIVE DESIGN */

/* 1200px : notebook (habituellement on considère 1024px pour un notebook) */
@media all and (max-width: 1242px) {
    .conteneur {
        width: 800px;
    }
    #flexbox-produit {
        grid-template-columns: repeat(2, 1fr);
    }
    #propolis {
        grid-column: auto;
    }
    #gelée {
        grid-column: 1 / 3;
    }
}

/* 800px : tablette (habituellement 768px) */
@media all and (max-width: 850px) {
    .conteneur {
        width: 500px;
    }
    #flexbox-produit {
        grid-template-columns: 1fr;
        /* une seule colonne de 1fr */
    }
    #bruyère {
        grid-row: auto;
    }
    #gelée {
        grid-column: auto;
    }
    #flexbox-foot {
        flex-direction: column;
        gap: 50px;
    }
    #logo-foot {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* 480px: smartphone */
@media all and (max-width: 550px) {
    .conteneur {
        width: 100%;
    }
    #bienvenue {
        padding: 15px;
    }
}