Bonjour,
Débutant et nouveau sur le forum, je suis en train de modifier un site web (particulièrement le système du Menu) et j’ai tenté le CSS
.
La difficulté (pour moi) était de faire apparaître une fenêtre à 2 ou 3 colonnes lors du survol d'un bouton du menu
Après pas mal de galère, le résultat est fidèle à ce qui est souhaité
. Jusque là, j’étais content mais je n’avais pas tenté de valider. Catastrophe ! 
La validation se passe mal avec une (des) alertes telle(s) que :
« La balise "div" n'est pas autorisée dans "ul". Elle n'est acceptée que dans blockquote, body, button, dd, del, div, fieldset, form, ins, li, map, noscript, object, td, th.[XHTML 1.0 Strict] »
J’ai essayé une modification en remplaçant la div (voir la 3ème fenêtre « Support») mais j’ai alors droit à :
« La balise "dl" n'est pas autorisée dans "ul". Elle n'est acceptée que dans… »
Après moult essais d'autres imbrications, je désespère et ne trouve aucune solution ; soit le résultat n’est plus convenable, soit le validateur me jette.
Une idée, une suggestion ?
Merci d’avance à qui prendra le temps de me lire.
Modifié par Dan 78 (29 Nov 2010 - 19:14)
Débutant et nouveau sur le forum, je suis en train de modifier un site web (particulièrement le système du Menu) et j’ai tenté le CSS
.La difficulté (pour moi) était de faire apparaître une fenêtre à 2 ou 3 colonnes lors du survol d'un bouton du menu
Après pas mal de galère, le résultat est fidèle à ce qui est souhaité
. Jusque là, j’étais content mais je n’avais pas tenté de valider. Catastrophe ! La validation se passe mal avec une (des) alertes telle(s) que :« La balise "div" n'est pas autorisée dans "ul". Elle n'est acceptée que dans blockquote, body, button, dd, del, div, fieldset, form, ins, li, map, noscript, object, td, th.[XHTML 1.0 Strict] »
J’ai essayé une modification en remplaçant la div (voir la 3ème fenêtre « Support») mais j’ai alors droit à :
« La balise "dl" n'est pas autorisée dans "ul". Elle n'est acceptée que dans… »
Après moult essais d'autres imbrications, je désespère et ne trouve aucune solution ; soit le résultat n’est plus convenable, soit le validateur me jette.
Une idée, une suggestion ?Merci d’avance à qui prendra le temps de me lire.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>????? A indiquer ultérieurement??????</title>
<meta name=Description content="????????????????????? A indiquer ultérieurement ??????????????????????" />
<meta name="robots" content="index, follow" />
<link rel="stylesheet" media="screen" type="text/css" title="???? A indiquer ultérieurement????" href="design.css" />
</head>
<body>
<div id="corps">
<div id="header">
</div>
<div id="logo">
<a href="#" title="????? A indiquer ultérieurement ??????" style="text-decoration : none;" class="logo"></a>
</div>
<div id="slogan">
<a href="#" title="Qui sommes nous ? Notre philosophie !" style="text-decoration : none; color: #69C;">...Ppppppp...Eeeeeeee</a>
</div>
<div id="telephone">
Tél. 01 02 03 04 05
</div>
<div id="menu">
<ul id="menu">
<li><a href="#" title="Retour à la page d'accueil ????? A indiquer ultérieurement ??????">Accueil</a></li>
<li><a href="#" title="Choisir l'application sur laquelle porte votre recherche">Applications</a>
<ul id="applications">
<div id="appcolgauche">
<dl>
<dt><a href="#" title="Matériels pour satisfaire aux exigences de l'administration en matière d'autocontrôle">Autosurveillance</a></dt>
<dd><a href="produits-canal-ouvert.html" title="Systèmes jaugeurs pour mesure du débit en canal ouvert : venturis, déversoirs, seuils">Canaux ouverts</a></dd>
<dd><a href="produits-debitmetre-canal-ouvert.html" title="Appareils de mesure du débit sur jaugeur tel que seuil, déversoir, venturi">Débitmètres sur canaux ouverts</a></dd>
<dd><a href="produits-debitmetre-electromagnetique.html" title="Débitmètres pour conduites en charge">Débitmètres électromagnétiques</a></dd>
<dd><a href="produits-enregistreur-video.html" title="Systèmes d'enregistrement vidéo graphiques et dataloggers">Enregistreurs vidéos avec acquisition</a></dd>
<dd><a href="produits-ph-redox.html" title="Mesures de pH sur eaux résiduaires">pH mètres</a></dd>
<dd><a href="produits-preleveur-fixe.html" title="Echantillonneurs automatiques pour eaux usées">Préleveurs d'échantillons automatiques</a></dd>
<dt><a href="#" title="Matériels portatifs pour contrôles itinérants">Portables de terrain</a></dt>
<dd><a href="produits-capteur-niveau-piezometre-Minidat-1.html" title="Sondes de mesure de niveau et conductivité">Capteurs et sondes piézométriques</a></dd>
<dd><a href="produits-debitmetre-courantometre.html" title="Appareils de mesure du débit en absence de jaugeurs">Courantomètres</a></dd>
<dd><a href="produits-debitmetre-canal-ouvert-portable-460.html" title="Appareils portatifs de mesure du débit sur jaugeurs">Débitmètres sur canaux ouverts</a></dd>
<dd><a href="produits-multiparametre-de-terrain.html" title="Multiparamètres portables de mesure d'oxygène, conductivité, température, pH, redox, et autres ions spécifiques">Multiparamètres de terrain</a></dd>
<dd><a href="produits-parametre-portatif-a-main.html" title="Oxymètres portables pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres portatifs</a></dd>
<dd><a href="produits-preleveur.html#PreleveursPortables" title="Différents échantillonneurs automatiques toutes eaux">Préleveurs d'échantillons automatiques</a></dd>
<dd><a href="produits-profileur-portable-etat-sante-boues-activees.html" title="Systèmes portatifs de suivi de l'activité des boues">Profileur d'état de santé des boues activées</a></dd>
<dd><a href="produits-mesure-niveau-voile-boues.html" title="Suivi du niveau de l'interface eau / boues">Profondeur du voile de boues</a></dd>
<dd><a href="produits-sonde-lumineuse-niveau-des-nappes.html" title="Détections d'interfaces en forages">Sondes lumineuses pour niveau des nappes</a></dd>
<dd><a href="produits-saturometre-tensionometre.html" title="Appareils de mesure de sursaturation gazeuse">Sursaturomètre</a></dd>
<dt><a href="#" title="Matériels pour suivi des boues sur station d'épuration">Boues activées</a></dt>
<dd><a href="produits-oxygene-dissous-poste-fixe.html" title="Oxymètres à poste fixe pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres fixes</a></dd>
<dd><a href="produits-parametre-portatif-a-main.html" title="Oxymètres portables pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres portatifs</a></dd>
<dd><a href="produits-ph-redox.html" title="Mesures du potentiel d'oxydo-réduction pour la conduite de l'aération">Redoxmètres</a></dd>
<dd><a href="produits-profileur-activite-biologique.html" title="Systèmes de suivi de l'activité biologique des boues activées">Profileur d'activité biologique</a></dd>
<dd><a href="produits-profileur-portable-etat-sante-boues-activees.html" title="Systèmes portatifs de suivi de l'activité des boues">Profileur portable d'état de santé des boues</a></dd>
<dd><a href="produits-mesure-filtrabilite-des-boues.html" title="Appareils de mesure du temps de succion capillaire">Filtrabilité des boues</a></dd>
<dd><a href="produits-mesure-niveau-voile-boues.html#Debut" title="Suivi du niveau du voile de boues en décanteurs">Profondeur du voile de boues</a></dd>
</dl>
</div>
<div id="appcolmilieu">
<dl>
<dt><a href="#" title="Matériels pour les eaux de rejets et effluents">Eaux usées</a></dt>
<dd><a href="produits-canal-ouvert.html" title="Appareils de mesure du débit sur jaugeurs">Canaux ouverts</a></dd>
<dd><a href="produits-debitmetre-courantometre.html" title="Appareils de mesure du débit en absence de jaugeurs">Courantomètres</a></dd>
<dd><a href="produits-debitmetre-canal-ouvert.html" title="Appareils de mesure du débit sur jaugeurs">Débitmètres sur canaux ouverts</a></dd>
<dd><a href="produits-debitmetre-electromagnetique.html" title="Débitmètres pour conduites en charge">Débitmètres électromagnétiques</a></dd>
<dd><a href="produits-multiparametre-de-terrain.html" title="Analyseurs multiparamètres portables pour mesure d'oxygène, conductivité, température, pH, redox, et autres ions spécifiques">Multiparamètres</a></dd>
<dd><a href="produits-capteur-niveau.html" title="Appareils pour mesure du niveau">Niveaux</a></dd>
<dd><a href="produits-oxygene-dissous-poste-fixe.html" title="Oxymètres à poste fixe pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres fixes</a></dd>
<dd><a href="produits-parametre-portatif-a-main.html" title="Oxymètres portables pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres portatifs</a></dd>
<dd><a href="produits-ph-redox.html" title="Mesures de pH et redox sur eaux résiduaires">pH mètres / Redoxmètres</a></dd>
<dd><a href="produits-suivi-des-boues.html" title="Systèmes d'optimisation de l'activité biologique des boues activées">Suivi des boues activées </a></dd>
<dd><a href="produits-preleveur.html" title="Différents échantillonneurs automatiques pour eaux usées">Préleveurs d'échantillons automatiques</a></dd>
<dd><a href="produits-mesure-niveau-voile-boues.html#Debut" title="Suivi du niveau du voile de boues en décanteurs">Profondeur du voile de boues</a></dd>
<dt><a href="#" title="Matériels de suivi de rivières, lacs et étangs">Eaux de surface</a></dt>
<dd><a href="produits-debitmetre-canal-ouvert.html" title="Appareils de mesure du débit sur jaugeurs">Débitmètres sur canaux ouverts</a></dd>
<dd><a href="produits-debitmetre-courantometre.html" title="Appareils de mesure du débit en absence de jaugeurs">Courantomètres</a></dd>
<dd><a href="produits-multiparametre-de-terrain.html" title="Sondes multiparamètres portables pour mesure d'oxygène, conductivité, température, pH, redox, et autres ions spécifiques en fonction de la profondeur">Multiparamètres et CTD</a></dd>
<dd><a href="produits-capteur-niveau.html" title="Appareils pour mesure du niveau">Niveaux</a></dd>
<dd><a href="produits-oxygene-dissous-poste-fixe.html" title="Oxymètres à poste fixe pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres fixes</a></dd>
<dd><a href="produits-parametre-portatif-a-main.html" title="Oxymètres portables pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres portatifs</a></dd>
<dd><a href="produits-ph-redox.html" title="Mesures de pH et redox sur eaux naturelles">pH mètres</a></dd>
<dd><a href="produits-preleveur.html" title="Différents échantillonneurs automatiques pour eaux naturelles">Préleveurs d'échantillons automatiques </a></dd>
<dd><a href="produits-sonde-lumineuse-niveau-des-nappes.html" title="Détections d'interfaces en forages">Sondes lumineuses pour niveau des nappes</a></dd>
</dl>
</div>
<div id="appcoldroite">
<dl>
<dt><a href="#" title="Matériel de surveillance des puits">Forages et piézomètres</a></dt>
<dd><a href="produits-capteur-niveau-piezometre-Minidat-1.html" title="Détections de niveau et conductivité de nappe en forages">Capteurs et sondes piézométriques</a></dd>
<dd><a href="produits-sonde-lumineuse-niveau-des-nappes.html" title="Détections d'interfaces en forages">Sondes lumineuses pour niveau des nappes</a></dd>
<dt><a href="#" title="Matériel de surveillance des eaux souterraines">Hydrogéologie</a></dt>
<dd><a href="produits-capteur-niveau-piezometre-Minidat-1.html" title="Détections de niveau et conductivité de nappe en forages">Capteurs et sondes piézométriques</a></dd>
<dd><a href="produits-multiparametre-de-terrain.html" title="Sondes multiparamètres portables pour mesure d'oxygène, conductivité, température, pH, redox, et autres ions spécifiques">Multiparamètres</a></dd>
<dt><a href="#" title="Matériels pour les eaux de consommation">Eaux potables</a></dt>
<dd><a href="produits-ph-redox.html" title="Mesures de pH et redox lors du traitement de l'eau potable">pH mètres</a></dd>
<dd><a href="produits-conductivite-resistivite.html" title="Mesures de conductivité et résistivité sur eau potable">Conductimètres / Résistivimètres</a></dd>
<dd><a href="produits-turbidite-eaux-potables.html" title="Mesures de turbidité durant potabilisation de l'eau">Turbidimètres</a></dd>
<dt><a href="#" title="Matériel pour suivi du milieu maritime">Océanographie</a></dt>
<dd><a href="produits-capteur-niveau-piezometre-Minidat-1.html" title="Sondes de mesure de niveau et conductivité">Capteurs et sondes piézométriques</a></dd>
<dd><a href="produits-multiparametre-de-terrain.html" title="Sondes multiparamètres portables pour mesure d'oxygène, conductivité, température, pH, redox, et autres ions spécifiques en fonction de la profondeur">Multiparamètres et CTD</a></dd>
<dd><a href="produits-oxygene-dissous-poste-fixe.html" title="Oxymètres à poste fixe pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres fixes</a></dd>
<dd><a href="produits-parametre-portatif-a-main.html" title="Oxymètres portables pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres portatifs</a></dd>
<dd><a href="produits-saturometre-tensionometre.html" title="Appareils de mesure de sursaturation gazeuse">Saturomètre / Sursaturomètre</a></dd>
<dt><a href="#" title="Oxymètre, multiparamètre à main ou fixe, saturomètre ou sursaturomètre">Aquaculture</a></dt>
<dd><a href="produits-oxygene-dissous-poste-fixe.html" title="Oxymètres à poste fixe pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres fixes</a></dd>
<dd><a href="produits-parametre-portatif-a-main.html" title="Oxymètres portables pour mesure de l'oxygène dissous par capteurs classiques ou optiques">Oxymètres portatifs</a></dd>
<dd><a href="produits-multiparametre-portatif-a-main.html" title="Analyseurs multiparamètres portables pour mesure d'oxygène, conductivité, température, pH, redox, et autres ions spécifiques">Multiparamètre à main</a></dd>
<dd><a href="produits-multiparametre-fixe.html" title="Multiparamètres à poste fixe pour mesure d'oxygène, conductivité, température, pH, redox, et autres ions spécifiques">Multiparamètre contrôleur régulateur fixe</a></dd>
<dd><a href="produits-saturometre-tensionometre.html" title="Appareils de mesure de sursaturation gazeuse">Saturomètre / Sursaturomètre </a></dd>
</dl>
</div>
</ul>
</li>
<li><a href="#" title="L'ensemble de nos appareils de mesure">Produits</a>
<ul id="produits">
<div id="procolgauche">
<dl>
<dt><a href="#" title="aller à la section 2 1">Canaux de mesure</a></dt>
<dd><a href="#" title="aller à la section 2 2">» Canal Venturi</a></dd>
<dd><a href="#" title="aller à la section 2 2">» Bac jaugeur</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Déversoir triangulaire rectangulaire</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Seuil jaugeur</a></dd>
<dt><a href="#" title="aller à la section 2 2">Débitmètres fixes</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Débitmètre canal ouvert</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Débitmètre électromagnétique</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Débitmètre à turbine</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Courantomètre doppler</a></dd>
<dt><a href="#" title="aller à la section 2 2">Débitmètres portables</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Débitmètre canal ouvert</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Courantomètre doppler</a></dd>
<dt><a href="#" title="aller à la section 2 2">Courantomètres</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Portable pour petites rivières</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Profileur mobile tous cours d'eau</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Fixe tous cours d'eau</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Laboratoires</a></dd>
<dt><a href="#" title="aller à la section 2 1">Préleveurs échantillonneurs fixes</a></dt>
<dt><a href="#" title="aller à la section 2 2">Préleveurs échantillonneurs portables</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Monobloc non réfrigéré</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Réfrigéré</a></dd>
</dl>
</div>
<div id="procolmilieu">
<dl>
<dt><a href="#" title="aller à la section 2 2">Niveaux fixes</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Ultrasons</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Pression immergé</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Poire et contacteur</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Niveau de voile de boues</a></dd>
<dt><a href="#" title="aller à la section 2 2">Niveaux portables</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Sonde lumineuse</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Pression immergé</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Niveau de voile de boues</a></dd>
<dt><a href="#" title="aller à la section 2 2">Multiparamètres fixes</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Multiparamètre avec régulation</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Multiparamètre de terrain</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Niveau-conductimètre</a></dd>
<dt><a href="#" title="aller à la section 2 2">Multiparamètres portables</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Multiparamètres à main</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Multiparamètres de terrain</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Sonde CTD</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Oxy-conductimètre à main</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Niveau-conductimètre</a></dd>
<dt><a href="#" title="aller à la section 2 2">pHmètres - Rédoxmètres</a></dt>
<dd><a href="#" title="aller à la section 2 1">» pH / redoxmètre fixe</a></dd>
<dd><a href="#" title="aller à la section 2 1">» pH / redoxmètre portable</a></dd>
</dl>
</div>
<div id="procoldroite">
<dl>
<dt><a href="#" title="aller à la section 2 1">Conductimètres</a></dt>
<dd><a href="#" title="aller à la section 2 2">» Conductimètre fixe à contact</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Conductimètre fixe sans contact</a></dd>
<dd><a href="#" title="aller à la section 2 2">» Oxy-conductimètre portable à main</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Niveau-conductimètre</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Sonde CTD</a></dd>
<dt><a href="#" title="aller à la section 2 2">Turbidimètres</a></dt>
<dt><a href="#" title="aller à la section 2 1">Oxymètres</a></dt>
<dd><a href="#" title="aller à la section 2 2">» Oxymètre fixe</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Oxymètre portable à main</a></dd>
<dt><a href="#" title="aller à la section 2 2">Saturomètres</a></dt>
<dt><a href="#" title="aller à la section 2 2">Suivi des boues</a></dt>
<dd><a href="#" title="aller à la section 2 1">» Mesure de filtrabilité des boues</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Profileur d'activité des boues</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Mesure de l'état de santé des boues</a></dd>
<dd><a href="#" title="aller à la section 2 1">» Niveau de voile de boues</a></dd>
<dt><a href="#" title="aller à la section 2 2">Enregistreurs</a></dt>
<dt><a href="#" title="aller à la section 2 2">Régulateurs</a></dt>
<dt><a href="#" title="aller à la section 2 2">Relais de seuil</a></dt>
</dl>
</div>
</ul>
</li>
<li><a href="#" title="Louer nos matériels">Location</a></li>
<li><a href="#" title="Service Après Vente : FAQ, consommables, documentations, dépannages, interventions, contrats, formations ...">Support</a>
<ul id="support">
<dl id="supcolgauche">
<dt><a href="#" title="Notre Hot-Line à votre service sans frais">Assistance en ligne </a></dt>
<dd><a>gratuite par téléphone ou email</a></dd>
<dt><a href="#" title="Questions les plus fréquemment posées par nos utilisateurs">Questions fréquentes (FAQ)</a></dt>
<dd><a>à consulter avant de nous joindre</a></dd>
<dt><a href="#" title="Comment procéder pour nous adresser un matériel en vue de réparation">Entretien et dépannage</a></dt>
<dd><a>en nos ateliers</a></dd>
<dt><a href="#" title="Nous demander un devis pour cet élément de rechange">Pièces de rechange,</a></dt>
<dd><a>consommables et accessoires</a></dd>
</dl>
<dl id="supcoldroite">
<dt><a href="#" title="Intervenir directement sur votre site">Interventions directes</a></dt>
<dd><a>sur vos sites</a></dd>
<dt><a href="#" title="Nos prestations en matière de formation">Formations</a></dt>
<dd><a>en nos locaux ou sur votre site</a></dd>
<dt><a href="#" title="Pour obtenir une brochure technique et commerciale sur un produit">Documentations</a></dt>
<dd><a>techniques et commerciales</a></dd>
<dt><a href="#" title="Pour obtenir le manuel de mise en service et entretien d'un appareil en votre possession">Manuels de pose,</a></dt>
<dd><a>exploitation et maintenance</a></dd>
</dl>
</ul>
</li>
<li><a href="#" title="Qui sommes nous ?">Nous connaître</a></li>
<li><a href="#" title="Pour nous joindre">Nous contacter</a></li>
</ul>
</div>
<div id="page">
</div>
<div id="pied_de_page">
</div>
<div id="mentions">
?????? A indiquer ultérieurement ??????
</div>
</div>
</body>
</html>
@charset "utf-8";
body {
margin-left: 0px;
background-image: url(design/Fond_degrade.jpg);
background-color: #3F84A8;
background-repeat: repeat-x;
}
#corps {
width: 980px;
height: 1520px;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: -10px;
}
#header {
background-image: url(design/header.jpg);
height: 110px;
background-repeat: repeat-x;
}
a.logo {
float: left;
position: absolute;
top: 25px;
left: 25px;
height: 43px;
width: 240px;
display: block;
}
#slogan {
font-size: 24px;
font-style: italic;
font-weight: normal;
float: left;
position: absolute;
top: 44px;
left: 270px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#telephone {
font-size: 14px;
font-style: italic;
font-weight: bold;
float: left;
position: absolute;
top: 80px;
left: 140px;
text-decoration: none;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #69C;
}
#menu {
list-style: none;
margin: 0;
overflow: hidden;
padding-left: 0px;
background-color: #FFF;
right: 0px;
}
#menu li {
float: left;
width: 140px;
margin-right: 0px;
}
#menu li a {
display: block;
color: #356A9F;
line-height: 2em;
text-align: center;
text-decoration: none;
background-color: #FFF;
background-image: url(design/Bouton_N.jpg);
background-repeat: repeat-x;
background-position: left top;
padding-top: 0px;
padding-right: 0;
padding-bottom: 4px;
padding-left: 0;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1em;
font-weight: bold;
}
#menu li a:hover, #menu li a:focus, #menu li a:active {
text-decoration: none;
font-weight: bold;
color: #F60;
background-color: #FFF;
background-image: url(design/Bouton_S.jpg);
background-repeat: repeat-x;
background-position: left top;
}
#applications {
display: none;
}
#menu ul li:hover #applications {
display:block;
background-color: #F2FBFF;
height: 500px;
width: 900px;
background-image: none;
position: absolute;
left: 20px;
border: 10px solid #C1EBFF;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
top: auto;
margin: 0px;
}
#appcolgauche {
position: absolute;
margin-left: 0px;
}
#appcolmilieu {
margin-left: 310px;
position: absolute;
}
#appcoldroite {
margin-left: 600px;
position: absolute;
}
#appcolgauche dt a, #appcolmilieu dt a, #appcoldroite dt a {
color: #356A9F;
background-image: none;
font-weight: bold;
text-align: left;
text-decoration: underline;
line-height: 200%;
width: 160px;
background-color: #F2FBFF;
font-size: 13px;
}
#appcolgauche dd a, #appcolmilieu dd a, #appcoldroite dd a {
color: #000;
background-image: none;
line-height: 100%;
font-size: 13px;
width: 260px;
background-color: #F2FBFF;
text-indent: -20px;
text-align: left;
}
#appcolgauche dt a:hover, #appcolmilieu dt a:hover, #appcoldroite dt a:hover {
color: #F60;
background-image: none;
background-color: #F2FBFF;
}
#appcolgauche dd a:hover, #appcolmilieu dd a:hover, #appcoldroite dd a:hover {
color: #F60;
background-image: none;
background-color: #F2FBFF;
text-decoration: underline;
}
#produits {
display: none;
}
#menu ul li:hover #produits {
display:block;
background-color: #F2FBFF;
height: 470px;
width: 900px;
background-image: none;
margin: 0px;
position: absolute;
left: 20px;
top: auto;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 10px solid #C1EBFF;
}
#procolgauche {
position: absolute;
margin-left: 20px;
}
#procolmilieu {
margin-left: 320px;
position: absolute;
}
#procoldroite {
margin-left: 610px;
position: absolute;
}
#procolgauche dt a , #procolmilieu dt a, #procoldroite dt a{
color: #356A9F;
background-image: none;
font-weight: bold;
text-align: left;
text-decoration: underline;
line-height: 200%;
width: 260px;
background-color: #F2FBFF;
font-size: 13px;
}
#procolgauche dd a , #procolmilieu dd a, #procoldroite dd a{
color: #000;
background-image: none;
line-height: 100%;
font-size: 13px;
width: 260px;
background-color: #F2FBFF;
text-indent: -20px;
text-align: left;
}
#procolgauche dt a:hover, #procolmilieu dt a:hover, #procoldroite dt a:hover {
width: 260px;
margin-right: 0px;
color: #F60;
background-image: none;
font-weight: bold;
text-align: left;
background-color: #F2FBFF;
}
#procolgauche dd a:hover, #procolmilieu dd a:hover, #procoldroite dd a:hover {
width: 260px;
margin-right: 0px;
color: #F60;
background-image: none;
background-color: #F2FBFF;
text-align: left;
text-decoration: underline;
}
#support {
display: none;
}
#menu ul li:hover #support {
display:block;
background-color: #F2FBFF;
height: 260px;
width: 900px;
background-image: none;
margin: 0px;
position: absolute;
left: 20px;
top: auto;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 10px solid #C1EBFF;
}
#supcolgauche {
position: absolute;
margin-left: 20px;
}
#supcoldroite {
margin-left: 500px;
position: absolute;
}
#supcolgauche dt a, #supcoldroite dt a {
color: #356A9F;
background-image: none;
font-weight: bold;
text-align: left;
text-decoration: underline;
line-height: 300%;
width: 410px;
background-color: #F2FBFF;
font-size: 13px;
}
#supcolgauche dd a, #supcoldroite dd a , #supcolgauche dd a:hover, #supcoldroite dd a:hover{
color: #000;
line-height: 100%;
font-size: 13px;
width: 350px;
background-color: #F2FBFF;
text-indent: -20px;
text-align: left;
background-image: url(none);
}
#supcolgauche dt a:hover, #supcoldroite dt a:hover {
color: #F60;
background-image: none;
background-color: #F2FBFF;
}
#page {
background-repeat:no-repeat;
width: 980px;
height: 1370px;
background-color: #FFF;
}
#pied_de_page {
width: 980px;
height: 30px;
background-image: url(design/pied_de_page.jpg);
}
#mentions {
font-size: 14px;
font-style: italic;
font-weight: bold;
float: left;
position: absolute;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
text-align: center;
left: 300px;
bottom: -25px;
}
Modifié par Dan 78 (29 Nov 2010 - 19:14)
mais je crois que je n'y voyais plus très clair. Je croyais avoir tout essayé...
.