/* Menu */ //*#fond_menu{ background-image:url(files/interface/fond_menu.jpg); background-repeat:no-repeat; width:880px; height:30px; } */ #menu, #menu ul /* Liste */ { padding : 0; /* pas de marge intérieure */ margin : 0; /* ni extérieure */ list-style : none; /* on supprime le style par défault de la liste */ line-height : 30px; /* on défini une hauteur pour chaque élément */ /*text-align : center; on centre le texte qui se trouve dans la liste */ } #menu /* Ensemble du menu */ { height:66px; padding-top:10px; z-index:10; position:relative; } #menu a /* Contenu des listes */ { display : block; /* on change le type d'élément, les liens deviennent des balises de type block */ padding : 0; /* aucune marge intérieure */ /*background : #005aae; couleur de fond */ color : #ffffff; /* couleur du texte */ text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */ /*width : 144px; largeur */ /*padding-left:15px; padding-right:15px;*/ position:relative; border-bottom:1px solid transparent; } #menu a:hover{/*border-bottom:1px solid #bf0704; */ /*background-color:red; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;*/ } /***** FR *****/ #li_1_fr a{ width:101px; height:66px; background-image:url(files/interface/menu_1.jpg); background-repeat:no-repeat; } #li_2_fr a{ width:123px; height:66px; background-image:url(files/interface/menu_2.jpg); background-repeat:no-repeat;} #li_3_fr a{ width:138px; height:66px; background-image:url(files/interface/menu_3.jpg); background-repeat:no-repeat;} #li_4_fr a{ width:100px; height:66px; background-image:url(files/interface/menu_4.jpg); background-repeat:no-repeat;} #li_5_fr a{ width:123px; height:66px; background-image:url(files/interface/menu_5.jpg); background-repeat:no-repeat;} #li_6_fr a{ width:138px; height:66px; background-image:url(files/interface/menu_6.jpg); background-repeat:no-repeat; } #li_7_fr a{ width:101px; height:66px; background-image:url(files/interface/menu_7.jpg); background-repeat:no-repeat;} #li_8_fr a{ width:124px; height:66px; background-image:url(files/interface/menu_8.jpg); background-repeat:no-repeat;} #li_1_on_fr a{ width:101px; height:66px; background-image:url(files/interface/menu_1_on.jpg); background-repeat:no-repeat; } #li_2_on_fr a{ width:123px; height:66px; background-image:url(files/interface/menu_2_on.jpg); background-repeat:no-repeat;} #li_3_on_fr a{ width:138px; height:66px; background-image:url(files/interface/menu_3_on.jpg); background-repeat:no-repeat; } #li_4_on_fr a{ width:100px; height:66px; background-image:url(files/interface/menu_4_on.jpg); background-repeat:no-repeat; } #li_5_on_fr a{ width:123px; height:66px; background-image:url(files/interface/menu_5_on.jpg); background-repeat:no-repeat; } #li_6_on_fr a{ width:138px; height:66px; background-image:url(files/interface/menu_6_on.jpg); background-repeat:no-repeat; } #li_7_on_fr a{ width:101px; height:66px; background-image:url(files/interface/menu_7_on.jpg); background-repeat:no-repeat; } #li_8_on_fr a{ width:124px; height:66px; background-image:url(files/interface/menu_8_on.jpg); background-repeat:no-repeat; } #li_1_fr a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_1_on.jpg); background-repeat:no-repeat; } #li_2_fr a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_2_on.jpg); background-repeat:no-repeat; } #li_3_fr a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_3_on.jpg); background-repeat:no-repeat; } #li_4_fr a:hover{ width:100px; height:66px; background-image:url(files/interface/menu_4_on.jpg); background-repeat:no-repeat; } #li_5_fr a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_5_on.jpg); background-repeat:no-repeat; } #li_6_fr a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_6_on.jpg); background-repeat:no-repeat; } #li_7_fr a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_7_on.jpg); background-repeat:no-repeat; } #li_8_fr a:hover{ width:124px; height:66px; background-image:url(files/interface/menu_8_on.jpg); background-repeat:no-repeat; } /***** EN *****/ #li_1_en a{ width:101px; height:66px; background-image:url(files/interface/menu_1_en.jpg); background-repeat:no-repeat; } #li_2_en a{ width:123px; height:66px; background-image:url(files/interface/menu_2_en.jpg); background-repeat:no-repeat;} #li_3_en a{ width:138px; height:66px; background-image:url(files/interface/menu_3_en.jpg); background-repeat:no-repeat;} #li_4_en a{ width:100px; height:66px; background-image:url(files/interface/menu_4_en.jpg); background-repeat:no-repeat;} #li_5_en a{ width:123px; height:66px; background-image:url(files/interface/menu_5_en.jpg); background-repeat:no-repeat;} #li_6_en a{ width:138px; height:66px; background-image:url(files/interface/menu_6_en.jpg); background-repeat:no-repeat; } #li_7_en a{ width:101px; height:66px; background-image:url(files/interface/menu_7_en.jpg); background-repeat:no-repeat;} #li_8_en a{ width:124px; height:66px; background-image:url(files/interface/menu_8_en.jpg); background-repeat:no-repeat;} #li_1_on_en a{ width:101px; height:66px; background-image:url(files/interface/menu_1_on_en.jpg); background-repeat:no-repeat; } #li_2_on_en a{ width:123px; height:66px; background-image:url(files/interface/menu_2_on_en.jpg); background-repeat:no-repeat;} #li_3_on_en a{ width:138px; height:66px; background-image:url(files/interface/menu_3_on_en.jpg); background-repeat:no-repeat; } #li_4_on_en a{ width:100px; height:66px; background-image:url(files/interface/menu_4_on_en.jpg); background-repeat:no-repeat; } #li_5_on_en a{ width:123px; height:66px; background-image:url(files/interface/menu_5_on_en.jpg); background-repeat:no-repeat; } #li_6_on_en a{ width:138px; height:66px; background-image:url(files/interface/menu_6_on_en.jpg); background-repeat:no-repeat; } #li_7_on_en a{ width:101px; height:66px; background-image:url(files/interface/menu_7_on_en.jpg); background-repeat:no-repeat; } #li_8_on_en a{ width:124px; height:66px; background-image:url(files/interface/menu_8_on_en.jpg); background-repeat:no-repeat; } #li_1_en a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_1_on_en.jpg); background-repeat:no-repeat; } #li_2_en a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_2_on_en.jpg); background-repeat:no-repeat; } #li_3_en a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_3_on_en.jpg); background-repeat:no-repeat; } #li_4_en a:hover{ width:100px; height:66px; background-image:url(files/interface/menu_4_on_en.jpg); background-repeat:no-repeat; } #li_5_en a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_5_on_en.jpg); background-repeat:no-repeat; } #li_6_en a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_6_on_en.jpg); background-repeat:no-repeat; } #li_7_en a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_7_on_en.jpg); background-repeat:no-repeat; } #li_8_en a:hover{ width:124px; height:66px; background-image:url(files/interface/menu_8_on_en.jpg); background-repeat:no-repeat; } /***** NL *****/ #li_1_nl a{ width:101px; height:66px; background-image:url(files/interface/menu_1_nl.jpg); background-repeat:no-repeat; } #li_2_nl a{ width:123px; height:66px; background-image:url(files/interface/menu_2_nl.jpg); background-repeat:no-repeat;} #li_3_nl a{ width:138px; height:66px; background-image:url(files/interface/menu_3_nl.jpg); background-repeat:no-repeat;} #li_4_nl a{ width:100px; height:66px; background-image:url(files/interface/menu_4_nl.jpg); background-repeat:no-repeat;} #li_5_nl a{ width:123px; height:66px; background-image:url(files/interface/menu_5_nl.jpg); background-repeat:no-repeat;} #li_6_nl a{ width:138px; height:66px; background-image:url(files/interface/menu_6_nl.jpg); background-repeat:no-repeat; } #li_7_nl a{ width:101px; height:66px; background-image:url(files/interface/menu_7_nl.jpg); background-repeat:no-repeat;} #li_8_nl a{ width:124px; height:66px; background-image:url(files/interface/menu_8_nl.jpg); background-repeat:no-repeat;} #li_1_on_nl a{ width:101px; height:66px; background-image:url(files/interface/menu_1_on_nl.jpg); background-repeat:no-repeat; } #li_2_on_nl a{ width:123px; height:66px; background-image:url(files/interface/menu_2_on_nl.jpg); background-repeat:no-repeat;} #li_3_on_nl a{ width:138px; height:66px; background-image:url(files/interface/menu_3_on_nl.jpg); background-repeat:no-repeat; } #li_4_on_nl a{ width:100px; height:66px; background-image:url(files/interface/menu_4_on_nl.jpg); background-repeat:no-repeat; } #li_5_on_nl a{ width:123px; height:66px; background-image:url(files/interface/menu_5_on_nl.jpg); background-repeat:no-repeat; } #li_6_on_nl a{ width:138px; height:66px; background-image:url(files/interface/menu_6_on_nl.jpg); background-repeat:no-repeat; } #li_7_on_nl a{ width:101px; height:66px; background-image:url(files/interface/menu_7_on_nl.jpg); background-repeat:no-repeat; } #li_8_on_nl a{ width:124px; height:66px; background-image:url(files/interface/menu_8_on_nl.jpg); background-repeat:no-repeat; } #li_1_nl a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_1_on_nl.jpg); background-repeat:no-repeat; } #li_2_nl a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_2_on_nl.jpg); background-repeat:no-repeat; } #li_3_nl a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_3_on_nl.jpg); background-repeat:no-repeat; } #li_4_nl a:hover{ width:100px; height:66px; background-image:url(files/interface/menu_4_on_nl.jpg); background-repeat:no-repeat; } #li_5_nl a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_5_on_nl.jpg); background-repeat:no-repeat; } #li_6_nl a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_6_on_nl.jpg); background-repeat:no-repeat; } #li_7_nl a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_7_on_nl.jpg); background-repeat:no-repeat; } #li_8_nl a:hover{ width:124px; height:66px; background-image:url(files/interface/menu_8_on_nl.jpg); background-repeat:no-repeat; } /***** IT *****/ #li_1_it a{ width:101px; height:66px; background-image:url(files/interface/menu_1_it.jpg); background-repeat:no-repeat; } #li_2_it a{ width:123px; height:66px; background-image:url(files/interface/menu_2_it.jpg); background-repeat:no-repeat;} #li_3_it a{ width:138px; height:66px; background-image:url(files/interface/menu_3_it.jpg); background-repeat:no-repeat;} #li_4_it a{ width:100px; height:66px; background-image:url(files/interface/menu_4_it.jpg); background-repeat:no-repeat;} #li_5_it a{ width:123px; height:66px; background-image:url(files/interface/menu_5_it.jpg); background-repeat:no-repeat;} #li_6_it a{ width:138px; height:66px; background-image:url(files/interface/menu_6_it.jpg); background-repeat:no-repeat; } #li_7_it a{ width:101px; height:66px; background-image:url(files/interface/menu_7_it.jpg); background-repeat:no-repeat;} #li_8_it a{ width:124px; height:66px; background-image:url(files/interface/menu_8_it.jpg); background-repeat:no-repeat;} #li_1_on_it a{ width:101px; height:66px; background-image:url(files/interface/menu_1_on_it.jpg); background-repeat:no-repeat; } #li_2_on_it a{ width:123px; height:66px; background-image:url(files/interface/menu_2_on_it.jpg); background-repeat:no-repeat;} #li_3_on_it a{ width:138px; height:66px; background-image:url(files/interface/menu_3_on_it.jpg); background-repeat:no-repeat; } #li_4_on_it a{ width:100px; height:66px; background-image:url(files/interface/menu_4_on_it.jpg); background-repeat:no-repeat; } #li_5_on_it a{ width:123px; height:66px; background-image:url(files/interface/menu_5_on_it.jpg); background-repeat:no-repeat; } #li_6_on_it a{ width:138px; height:66px; background-image:url(files/interface/menu_6_on_it.jpg); background-repeat:no-repeat; } #li_7_on_it a{ width:101px; height:66px; background-image:url(files/interface/menu_7_on_it.jpg); background-repeat:no-repeat; } #li_8_on_it a{ width:124px; height:66px; background-image:url(files/interface/menu_8_on_it.jpg); background-repeat:no-repeat; } #li_1_it a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_1_on_it.jpg); background-repeat:no-repeat; } #li_2_it a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_2_on_it.jpg); background-repeat:no-repeat; } #li_3_it a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_3_on_it.jpg); background-repeat:no-repeat; } #li_4_it a:hover{ width:100px; height:66px; background-image:url(files/interface/menu_4_on_it.jpg); background-repeat:no-repeat; } #li_5_it a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_5_on_it.jpg); background-repeat:no-repeat; } #li_6_it a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_6_on_it.jpg); background-repeat:no-repeat; } #li_7_it a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_7_on_it.jpg); background-repeat:no-repeat; } #li_8_it a:hover{ width:124px; height:66px; background-image:url(files/interface/menu_8_on_it.jpg); background-repeat:no-repeat; } #li_1_fr a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_1_on.jpg); background-repeat:no-repeat; } #li_2_fr a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_2_on.jpg); background-repeat:no-repeat; } #li_3_fr a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_3_on.jpg); background-repeat:no-repeat; } #li_4_fr a:hover{ width:100px; height:66px; background-image:url(files/interface/menu_4_on.jpg); background-repeat:no-repeat; } #li_5_fr a:hover{ width:123px; height:66px; background-image:url(files/interface/menu_5_on.jpg); background-repeat:no-repeat; } #li_6_fr a:hover{ width:138px; height:66px; background-image:url(files/interface/menu_6_on.jpg); background-repeat:no-repeat; } #li_7_fr a:hover{ width:101px; height:66px; background-image:url(files/interface/menu_7_on.jpg); background-repeat:no-repeat; } #li_8_fr a:hover{ width:124px; height:66px; background-image:url(files/interface/menu_8_on.jpg); background-repeat:no-repeat; } #ss_li a{ border:solid 1px #ffffff; background-image:none; /*border-bottom:1px solid #bf0704;*/ font-size:11px; line-height:20px; /*background-image:url(files/interface/bt.jpg); background-repeat:repeat-x;*/ background-color: #c1883e; padding:5px 5px 5px 5px; height:20px; width:150px; } #ss_li a:hover{background-image:none;height:20px; width:150px; background-color:#e5ae51; /*filter: alpha(opacity=50); */ } #menu li /* Elements des listes */ { float : left; list-style:none; /* pour ie qui ne reconnait pas "transparent" */ /*border-right : 1px solid ; #fff on met une bordure blanche à droite de chaque élément */ } /* ie ne reconnaissant pas le sélecteur ">" */ html>body #menu li { /*border-right: 1px solid transparent ; on met une bordure transparante à droite de chaque élément */ } #menu li ul /* Sous-listes */ { position: absolute; /* Position absolu */ width: 210px; /* Largeur des sous-listes */ left: -999em; /* Hop, on envoi loin du champ de vision */ } #menu li ul li /* Eléments de sous-listes */ { /* pour ie qui ne reconnait pas "transparent" (comme précédement) */ /*border-top : 1px solid ;*/ /*#fff on met une bordure blanche en haut de chaque élément d'une sous liste */ } /* ie ne reconnaissant pas le sélecteur ">" */ html>body #menu li ul li { /* border-top : 1px solid transparent; on met une bordure transparante en haut de chaque élément */ } #menu li ul ul { margin : -22px 0 0 210px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */ /* pour ie qui ne reconnait pas "transparent" (comme précédement) */ /*border-left : 1px solid ; #fff Petite bordure à gauche pour ne pas coller ... */ } /* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */ html>body #menu li ul ul { border-left : 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */ } #menu a:hover /* Lorsque la souris passe sur un des liens */ { /* color: #005aae; On passe le texte en noir ... */ /*background: #b1d9ff; ... et au contraire, le fond en blanc */ } #menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ { left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */ } #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ { left: auto; /* Repositionnement normal */ min-height: 0; /* Corrige un bug */ }