.Objet { border: #ffffff 1px solid; width: 300px; padding: 2px; cursor: pointer; background-color: #000000; } /* --------------------------- BODY - SCROLLBAR - IMG - ERREUR/REUSSITE - LIENS - BOUTONS/FORMULAIREs --------------------------- */ body { margin: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #dddddd; scrollbar-3d-light-color: #646464; scrollbar-arrow-color: #330000; scrollbar-base-color: #000000; scrollbar-dark-shadow-color: #cc0000; scrollbar-face-color: #550000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; background-color: #D2CBD7; background-image: url(bg_neutre.jpg); background-repeat: repeat-x; /*background-attachment:fixed ;*/ } img { border: 0; } a:active { text-decoration: none; background-color: #D7C1EE; } a:hover { text-decoration: underline; color: darkred; } a { text-decoration: none; color: #D7C1EE; } /* -----------formulaire------------- */ input[type="submit"] { border: 2px outset #660099; background-color: #E2D3EF; cursor: pointer; } input[type="submit"]:hover { border: 2px outset #8d04c1; background-color: white; color: purple; } input[type="submit"]:active { border: 2px inset #8d04c1; background-color: #caa0eb; color: #8d04c1; } select, option { /* ---menu deroulant et checkbox--- */ background-color: #E2D3EF; color: #000000; } textarea { /* ---formulaire--- */ border: ridge 1px #550000; background-color: #E2D3EF; color: #000000; } /* --------------------------- ELEMENTS DE LA PAGE --------------------------- */ .encadre {background-image: url(images/img_bg_e_ne.jpg) ; border: ridge 4px #715886 ; width: 200px; padding: 5px; } .encadrem {background-image: url(images/img_bg_e_ne.jpg) ; border: ridge 4px #715886 ; width: 400px; padding: 5px; } .encadrel {background-image: url(images/img_bg_e_ne.jpg) ; border: ridge 4px #715886 ; padding: 5px; } .encadre2 {background-image: url(images/img_bg_e_ne_2.jpg) ; border: ridge 2px #715886 ; padding: 5px; } tr.titre { font-size: 14px; font-weight: bold; color: #000000; background-color: #777777; } .contenu { width: 760px; border: ridge 3px #461F76; background: #000000; position: absolute; left: 195px; top: 80px; z-index: 105; visibility: visible; } .droite { font-weight: bold; width: 130px; border: ridge 3px #490170; background-image: url('logo_neutre.jpg'); background-repeat: no-repeat; position: absolute; left: 965px; top: 5px; z-index: 105; visibility: visible; } .top { font-weight: bold; width: 950px; height: 60px; border: outset 3px #490170; background: #000000; background-image: url(images/img_bg_e_ne.jpg) ; position: absolute; left: 5px; top: 5px; z-index: 101; visibility: visible; } .erreur { color: #d21d13; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bolder; text-align: center; } .reussite { color: #00CC33; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bolder; text-align: center; } .evt_erreur {color: #d21d13; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bolder; text-align: left} .evt_reussite {color: #00CC33; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bolder; text-align: left} /* --------------------------- MENU --------------------------- */ .skinMenu { border: ridge 3px #490170; background: #000000; position: absolute; left: 5px; top: 80px; visibility: visible; z-index: 102; } /* div.um-menu-vertical-haut { padding-top: 15px !important; } */ /* SCALING DE L'INTERFACE USAGER: L'interface usager devrait avoir des tailles de polices en pixels et non en % Elle a été conçue pour avoir des tailles en pixels, mais comme les textes en pixels ne se redimensionnent pas dans IE Win quand on fait Affichage > Taille du texte, alors les % sont utilisés Noter que les % sont rendus plus petits que la normale dans FF Mac Les font-size en pixels ont été commentés. Pour un rendu idéal dans les navigateurs, commenter les font-size en % et décommenter les font-size en pixels. Les règles concernées sont: div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a LA CASCADE: À comprendre pour écraser un style de la feuille maître (celle-ci): http://www.yoyodesign.org/doc/w3c/css2/cascade.html#cascading-order */ /* ---------------premier niveau--------------- */ div#um-menu-vertical ul.um-premier-niveau { margin: 0; padding: 10px 0px 0px 0px; background-image: url(images/img_bg_e_ne.jpg) ; } div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau { /* This fixes the white-space bug that increases the height of LIs in some browsers. You'll have to set explicitly, and later in the cascade, the font-size and line-height of elements containing text inside this UL. YOU CAN USE THIS FIX ONLY IF THE MENU LINKS HAVE FONT-SIZE IN PIXELS (NOT IN % OR EM) */ /*font-size: 1%;*/ /*line-height: 1%;*/ /* end of fix */ margin: 0; padding: 0; list-style-type: none; text-align: right; border-bottom: 2px ridge #550000; } div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a { font-size: 13px; font-weight: bold; color: #ffccff; line-height: normal; width: 150px; display: block; padding: 1px 10px 5px 9px; } div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a:hover { color: #800080; text-decoration: underline; } /* ---------------deuxieme niveau--------------- */ div#um-menu-vertical ul.um-deuxieme-niveau { margin: 0px; padding: 0px 0px 4px 0px; } div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau { /* This fixes the white-space bug that increases the height of LIs in some browsers. You'll have to set explicitly, and later in the cascade, the font-size and line-height of elements containing text inside this UL. YOU CAN USE THIS FIX ONLY IF THE MENU LINKS HAVE FONT-SIZE IN PIXELS (NOT IN % OR EM) */ /*font-size: 1%;*/ /*line-height: 1%;*/ /* end of fix */ margin: 0; list-style-type: none; text-align: right; padding: 0; } div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau * { /* revert the fix */ /*font-size: 11px;*/ /*line-height: normal;*/ /* end of fix */ } div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a { font-size: 12px; font-weight: normal; color: #e4e4e4; line-height: normal; display: block; padding: 7px 0px 0px 0px; } div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a:hover { color: #800080; text-decoration: underline; }