header {
            background-color: #CC66CC; /* Rose  */
            color: white;
            padding: 10px 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
		
		a {color:#732d73;}
		a:hover {color:#CC66CC;}
		
		h1, h2, h3 {color:#CC66CC;}

        .logo {
            font-size: 1.5em;
            font-weight: bold;
            text-decoration: none;
            color: white;
        }
		.logo img {width:150px;height:auto;}

        /* Menu déroulant (Dropdown) */
        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropbtn {
            background-color: #732d73;
            color: white;
            padding: 10px 15px;
            font-size: 16px;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
            right: 0; /* Aligner le menu à droite pour le rendre plus compact sur mobile */
        }

        .dropdown-content a {
            color: #333;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            white-space: nowrap; /* Empêche le retour à la ligne des items */
        }

        .dropdown-content a:hover {
            background-color: #e2e6ea;
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }
        
        /* Contenu principal */
        main {
            padding: 20px;
            max-width: 1200px;
            margin: auto;
        }