Bonjour,

Lorsque tu veux obtenir des effets différents, tu as besoin de styles différents.
Il existe peut-être d'autres manières de faire, mais je te propose celle-là.

Pour plus de souplesse, j'ai déplacé le code relatif aux styles dans un fichier externe.
Pour avoir 2 effets différents, j'ai créé 2 jeux de styles différents.
Je suis intervenu au minimum dans ton code et l'ai juste un peu modifié (en dehors du bandeau jaune en bas).

Je n'utilise pas DW alors j'ai fait ça à la main. Tu vas certainement avoir besoin d'aller mettre les doigts dans le code.

J'ai dû nommer chaque <div> contenant chaque partie du menu

    id="menug"

    #menug a
    #menug a:visited

<div align="left" class="Style20">Nos services<br />
    <span class="Style23"> &nbsp;&nbsp;&nbsp;<a href="achat.html">Achat</a> <br />
    &nbsp;&nbsp;&nbsp;<a href="entreposage.html">Entreposage</a><br />
    &nbsp;&nbsp;&nbsp;<a href="gestion_des_stocks.html">Gestion des &nbsp;&nbsp;&nbsp;stocks</a><br />
    &nbsp;&nbsp;&nbsp;<a href="transport.html">Transport</a><br />
    &nbsp;&nbsp;<a href="systemes_informations.html">&nbsp;Syst&egrave;mes &nbsp;&nbsp;&nbsp;d'informations</a></span></div>

    <div align="left" class="Style20" id="menug">
      Nos services<br />
       <p class="Style23"><a href="achat.html">Achat</a></p>
       <p class="Style23"><a href="entreposage.html">Entreposage</a></p>
       <p class="Style23"><a href="gestion_des_stocks.html">Gestion des stocks</a></p>
       <p class="Style23"><a href="transport.html">Transport</a></p>
       <p class="Style23"><a href="systemes_informations.html">Systèmes d'informations</a></p>
    </div>

	margin : 0;
	margin-left : 10px;

    a:link {
        color: #FFFFFF;
        text-decoration: none;
    }
    a:visited {
        text-decoration: none;
        color: #FFFFFF;
    }
    a:hover {
        text-decoration: underline;
        color: #FFFFFF;
    }
    a:active {
        text-decoration: none;
        color: #FFFFFF;
    }

    #menug {
        color: #f90;
    }
    #menug a {
        text-decoration: none;
        color: #f90;
    }
    #menug a:visited {
        text-decoration: none;
        color: #99f;
    }
    #menug a:hover {
        text-decoration: underline;
        color: #eee;
    }
    #menug a:active {
        text-decoration: none;
        color: #ff5;
    }

<ul id="dans_le_texte">

    #dans_le_texte {
        list-style-type : circle;
        }
    #dans_le_texte a {
        text-decoration: none;
        color: #09f;
        }
    #dans_le_texte a:visited {
        text-decoration: none;
        color: #9f0;
        }
    #dans_le_texte a:hover {
        text-decoration: underline;
        color: #f90;
        }
    #dans_le_texte a:active {
        text-decoration: none;
        color: #000;
        }

Au fait, je me relis et je constate que tout au long de cette démonstration, je suis resté sur une idée initiale due à mes habitudes : UN menu fait d'UNE liste pour les liens et qui n'est donc utilisée qu'UNE fois.
Or, ton menu est fait de plusieurs sous parties. J'ai donc utilisé cette “id” plusieurs fois.

Les puristes feront remarquer que puisque j'emploie plusieurs fois la classe “menug”, je ne dois pas l'appeler “id”. Et ils auront raison. Une “id” ne doit servir qu'une fois.
J'aurais donc dû utiliser une “class”.

Une correction est disponible ici. Et la feuille de styles ici.

Par contre, comme “dans_le_texte” n'est utilisée qu'une fois, là, c'est correct.
    L'intelligence artificielle se définit comme le contrair­e de la bêtise naturelle.