Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

22.03.2009

Feuille de styles de ce blog

26/03 : Première mise à disposition

Ce qu'il reste à faire (notamment) :

  • Calage des éléments graphiques dans les colonnes : manque le liseré du bas.
  • Gestion des rendus Firefox et IE, pour l'instant équivalent, sans le liseré du bas.
  • Gestion de l'arrière-plan général pour l'en-tête et la partie centrale


/* http://GeeMee.hautetfort.com/style.css
/* Version : 2009-0326-1430
/******************************
/* Theme Name: Aspire pour Wordpress - Modifié pour Hautetfort
/* Theme URI: http://www.infocreek.com/webdesign/aspire.html
/* Description: Aspire Designed by <a href="http://www.infocreek.com">InfoCreek </a>
/*  adapté pour Hautetfort par <a href="http://geemee.hautetfort.com/">Gee Mee</a>.
/*  à partir de la CSS HautetFort "PT p4"
/* Version: 1.0
/* Author: InfoCreek.com
/* Author URI: http://www.infocreek.com/
/* http://www.infocreek.com/webdesign/aspire.html      
/* The CSS, XHTML and design is released under the Creative Common Attribution 3.0 License
/*  (http://creativecommons.org/licenses/by/3.0/), which means you can use and modify it for any purpose.  
/*  By downloading our themes, you agree that you:
/*  1)  Can not resell the theme
/*  2)  You may use and modify the theme but the footer link back to InfoCreek.com should be retained.
/*  3)  You may use the theme on personal or commercial projects as far as #2 above is met
******************************/

{margin:0px; padding:0px;}

body {
background: #ddb866  url(images/aspire/mytop2.jpg) center top no-repeat;
margin: 90px 0px 20px 0px;
text-align:center;
font-size:12px;
color:#240f02;
font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

#mytop {
display: block;
background: #ddb866  url(images/aspire/mytop2.jpg) center top no-repeat;
}
#container {
line-height: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 20px; /*** 5px ***/
text-align: left;
background: transparent;
width: 988px; /* IE 5 */
}
html>body #container {
width: 988px; /* Mozilla & Safari & IE bug */
}
#container .container-decorator1 {
width: 100%;
}
#container .container-decorator1 .container-decorator2  {
width: 100%;
background: transparent;
}

#left {
display: none;
}

#right {
overflow: hidden;
float: right;
width: 225px;
background: #ddb866 url(images/aspire/body-bg.jpg);
color: #000000;
}

#center {
width: 760px;
overflow: hidden;
float: left;
background: #ddb866 url(images/aspire/content-bg.jpg);
}

#banner {
background: transparent url("http://static.hautetfort.com/backend/graphics/design/preview/set8/cab22a/bandeau.gif") no-repeat 0% 0%;
display: none;
}
#banner h1 {
font-weight:normal;
padding: 43px 25px 0px 25px;
}
#banner h2 {
padding: 10px 25px 0px 25px;
}
#banner a {
color: #ffffff;
text-decoration: none;
}
#banner-img {
background: transparent url(images/aspire/banniere2c.jpg) no-repeat 0% 0%;
height: 150px;
}
div.img-link a {
display: block;
text-decoration: none;
width: 100%;
height: 150px;
}
.nowrap {
white-space: nowrap;
}

/******** CENTRE ********/

.content {
overflow: visible;
padding: 0px 0px 0px 0px;
line-height: 100%;
font-size: 12px;
}
/***aspire : cadre***/
.cont-r {position:relative; background: url(images/aspire/border.gif) right top repeat-y; }
.cont-l {position:relative; background: url(images/aspire/border.gif) left top repeat-y; padding-left:-26px}
.cont-bot {position:relative; background: url(images/aspire/content-bottom-bg.jpg) left bottom no-repeat; top:0px; padding-bottom:20px; min-height:380px;}
.begin {background: url(images/aspire/begin.gif) 10px 0px no-repeat; position:relative; top:0px; left:0px; width:100%; height:40px;}
/***aspire***/

.content h2 {
background:transparent url(images/aspire/date-bg-blank.gif) no-repeat scroll left top;
color:#602600;
font-family:"Trebuchet MS","Century Gothic","Lucida Grande",Verdana,Arial,Helvetica;
font-size:16px;
font-weight:bold;
height: 60px;
margin:0 16px 3px;
padding:16px 0 3px 30px;
}
.content h2.date {
margin: 0px 16px 3px 16px;
padding: 3px 0px 3px 25px;
font-size: 16px;
line-height: 225%;
height: 35px;
color:#FFFFFF;
background:url(images/aspire/date-bg.gif) no-repeat 0px 1px;
}
.content h3 {
margin:8px 8px 8px 16px;
padding:16px;
font-family: "Trebuchet MS", "Century Gothic", "Lucida Grande", Verdana, Arial, Helvetica;
font-weight:bold;
font-size: 20px;
color:#602600;
line-height: 1.2em;
}
.content .posttext,
.content p {
margin:4px 16px;
font-size: 12px;
color:#272727;
line-height:150%;
}
.content blockquote {
font-size: 12px;
}
.content ul {
font-size: 12px;
}
.content ul li{
list-style-type:none;
padding: 0px 0px 0px 22px;
color:#272727;
line-height:150%;
}
/*** code lettrine ***/
.texte_note p {
padding: 5px 28px 5px 28px;
margin: 5px 0px 5px 0px;
font-size: 1em;
line-height: 1.25em;
}
.texte_note p + p {
margin: 0;
}
.texte_note p:first-letter {
font-size: 3.5em;
line-height: 1em;
font-weight: 400;
float: left;
margin: 0;
}
.texte_note p:first-line {
font-weight: 800;
}
.texte_note p + p:first-letter {
font-size: 1em;
line-height: 1.25em;
float: none;
margin: 0;
}
.texte_note p + p:first-line {
font-weight: 400;
}
/*** /code lettrine ***/

.content p.posted {
margin:5px 0 8px;
padding:8px 4px 40px 32px;
width=100%;
font-size: 11px;
height: 28px;
color:#5b5b5b;
clear: both;
background: transparent url(images/aspire/post-devider2.jpg) no-repeat scroll center bottom ;
}
.content p.posted a {
color: #5b5b5b;
}
.content p.posted a:hover {
color: #c9ba36;
text-decoration:none;
}
.content p.posted2 {
padding: 5px 0px 50px 28px;
margin: 5px 0px 5px 0px;
width=100%;
font-size: 11px;
height: 28px;
color:#5b5b5b;
clear: both;
background: transparent url(images/aspire/message-number-center.gif) center no-repeat ;
}
.content p.posted2 a {
color: #5b5b5b;
}
.content p.posted2 a:hover {
color: #c9ba36;
text-decoration:none;
}


a {text-decoration: none;}
a:link {color: #c97B00;}
a:visited {color: #c97B00;}
a:hover {color: #c9ba36;}
a:active {color: #c97B00;}

/* Sidebar */
.sidebar {
padding: 0px 0px 0px 0px;
color:#5b5b5b;
font-size:12px
}

/*** Sidebar CUI
#sidebars {position:relative; width:225px; float:right; margin-top:-66px;}
#sidebars #searchform #s {border:1px solid #212121; background:#689330; background-image:none; color:#ffffff; width:100%; height:auto !important; margin:0px 0 0 0px;}
#sidebar-left {width:225px; float:left; overflow:hidden;}
#sidebar-right {width:225px; float:right; overflow:hidden;}
***/
.sb-bot {background:url(images/aspire/sidebar-bottom.jpg) center top /*bottom*/ repeat-x; margin-top:8px; margin-bottom:24px; padding:0px 0px 1px 0px;}
.sb-top {background:url(images/aspire/sidebar-top.jpg) center top repeat-x; margin-top:8px; margin-bottom:8px; padding:0px 0px 0px 0px;}
.sb-right {background:url(images/aspire/sb-border.gif) right top repeat-y; margin-top:8px; margin-bottom:8px;}
.sb-left {background:url(images/aspire/sb-border.gif) left top repeat-y; margin-top:8px; margin-bottom:8px;}
.sb-rb {background:url(images/aspire/sidebar-rb.jpg) right bottom no-repeat;}
.sb-lb {background:url(images/aspire/sidebar-lb.jpg) left bottom no-repeat;}
.sb-rt {background:url(images/aspire/sidebar-rt.jpg) right top no-repeat;}
.sb-lt {/*position:relative*/; background:url(images/aspire/sidebar-lt.jpg) left top no-repeat; margin-top:8px; margin-bottom:8px; /*padding:0px 0px 8px 0px;*/ overflow:hidden;}
/*** sidebar CUI ***/

.decorator1, .decorator2 {
padding: 0px;
margin: 0px;
}
.sidebar ul {
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
}

.sidebar li {
margin: 0px 0px 5px 0px;
list-style-type: none;
}
.sidebar img {
border:5px solid #dcdcdc;
margin:0px;
padding:0px;
}
#right .sidebar li.album, #left .sidebar li.album {
list-style-type: none;
background: none;
border:0px;
text-align:center;
border:0px;
}

#right .sidebar li.album.cover, #left .sidebar li.album.cover {
list-style-type: none;
background: none;
border:0px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
border:0px;
}
#right .sidebar li.album a, #left .sidebar li.album a{
font-size:11px;
color:#5b5b5b;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px;
}
#left .sidebar li.album a:hover{
color:#c9ba36;
}
#right .sidebar li.album a:hover{
color:#d0d0d0;
}

.sidebar li.link img {
border: 0px;
padding: 0px;
margin: 0px;
vertical-align: -4px;
}
.sidebar a:link, .sidebar a:visited {
color: #000000;
}
.sidebar a:hover, .sidebar a:active {
color: #99cc00;
text-decoration: underline;
}

/* LEFT */
#left .sidebar form{
margin: 0px;
padding: 0px;
}
#left .sidebar form ul li{
background:none;
text-align:left;
margin: 0px 0px 5px 22px;
padding: 0px 0px 0px 0px;
}
#left .sidebar {
padding: 0px 0px 0px 0px;
}
#left .sidebar h2 {
margin: 0px 0px 10px 0px;
font-size: 14px;
font-weight: bold;
color:#cab22a;
border-bottom: 1px solid #d0d0d0;
padding: 0px 0px /***22px***/ 2px 22px;
text-transform:uppercase;
line-height:130%;
}

#left .boxcontent-decorator3 {
margin: 0px 0px 21px 22px;
}

#left .sidebar ul {
padding: 0px;
margin: 0px;
}
#left .sidebar li {
margin: 0px;
padding: 0px 0px 10px 22px;
list-style-type: none;
background: url("http://static.hautetfort.com/backend/graphics/design/preview/set8/cab22a/puce.gif") no-repeat 0px 2px;
}
#left .sidebar li.description {
font-size:12px;
text-align: left;
margin: 0px;
padding: 0px 5px 15px 0px;
list-style-type: none;
background: none;
line-height:150%;
}
#left .sidebar a {
text-decoration: none;
font-size:12px;
color:#5b5b5b;
}
#left ul.popular-tags {
margin:0px 0px 22px 0px;
padding:0px;
}
#left ul.popular-tags li {
display: inline;
margin:0px 10px 0px 0px;
padding:0px;
background:none;
}
/* RIGHT */
#right .sidebar form{
margin: 0px;
padding: 0px;
}
#right .sidebar form ul li{
background:none;
text-align:left;
margin: 0px 0px 5px 22px;
padding: 0px 0px 0px 0px;
border:none;
}
#right .sidebar {
padding: 0px 0px 0px 0px;
}

#right .sidebar h2  {
font:bold 16px "Trebuchet MS";
color:#602600;
margin:0px 0px 0px 0px ;
text-align:center;
line-height:350%;
background:url(images/aspire/sidebar-title-line.jpg) center bottom no-repeat;
padding: 0px -2px 18px 22px;}

#right .boxcontent-decorator3 {
padding: 0px 0px 10px 0px;
margin: 3px 0px 10px 22px;
}

#right .sidebar ul {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#right .sidebar li {
margin: 5px 0px 5px 0px;
padding: 0px 5px 5px 20px;
list-style-type: none;
background: url(images/aspire/sb-marker.gif) no-repeat 0px 3px;
}
#right .sidebar a {
text-decoration: none;
font-size:12px;
color:#5b5b5b;
}

#right .sidebar li.description {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
background:none;
border:none;
line-height:150%;
}


#right ul.popular-tags {
margin:0px 0px 22px 0px;
padding:0px;
}
#right ul.popular-tags li {
display: inline;
margin:0px 10px 0px 0px;
padding:0px;
background:none;
border:none;
}
/* rollover des liens gauche droite*/
#right a:hover, #right a:active {
color: #d0d0d0;
text-decoration: none;
}

#right li a:hover, #right li a:active, #right .calendar a:hover, #right .calendar a:active {
color: #d0d0d0;
text-decoration: none;
}
#left a:hover, #left a:active {
color: #c9ba36;
text-decoration: none;
}

#left li a:hover, #left li a:active, #left .calendar a:hover, #left .calendar a:active {
color: #c9ba36;
text-decoration: none;
}
#left TD.day a:hover, #right TD.day a:hover {
color:#ffffff;
}
/* fin rollover des lien gauche centre droite*/

.link-note {
font-size: 100%;
text-align: center;
line-height: 100%;
margin: 15px 0px 15px 0px;
}

.link-note img {
border: none;
margin: 5px;
background: transparent;
}

.photo {
margin-bottom: 20px;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

/* Calendar */
.calendar a:link, .calendar a:visited {
color: #ffffff;
}

TABLE.calendar {
border:0px solid #ffffff;
border-collapse:collapse;
background-color: transparent /***#f5f1d0***/;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
width: 169px; /* IE 5 */
voice-family: ""}"";
voice-family: inherit;
width: 169px; /* IE 6 */
}

html>body .calendar {
width: 169px; /* Mozilla & Safari & IE bug */
}

TH.day-of-week {
font-size: 10px;
text-align: center;
line-height: 100%;
margin-top: 10px;
list-style-type: none;
}

#right TH.day-of-week, #left TH.day-of-week {
background:transparent/***#fdfcf6***/;
color: #602600;
padding:5px;
}

TD.selected-day {
font-size: 10px;
text-align: center;
line-height: 100%;
margin-top: 10px;
list-style-type: none;
background:#602600/***#ddd162***/;
}

TD.day {
font-size: 10px;
text-align: center;
line-height: 100%;
margin-top: 10px;
list-style-type: none;
border:0px solid #ffffff;
padding:5px;
}
#left TD.day a, #right TD.day a {
font-size: 10px;
font-weight:bold;
text-align: center;
line-height: 100%;
margin: 0px;
padding:0px 3px 0px 3px;
background:#602600/***#ddd162***/;
color:#ffffff;
}

/* Comments */

input {
font-size: 12px;
border:1px solid #999999;
border-width: expression(this.type=="radio"||this.type=="checkbox"?'0px':'');
}

textarea {
clear: both;
width: 99%;
font-size: 12px;
border:1px solid #999999;
}

form  {
padding-top: 1em;
margin: 0px 32px 32px 32px;
}

form .formelement {
clear: both;
padding-bottom: 10px;
font-size: 12px;
background: transparent;
width: 99%;
}

form .formelement .name {
float: left;
width: auto;
font-size:12px;
}

form .formelement .value {
float: right;
width: 70%;
}

form .formelement .error {
color: #f00;
font-size: 12px;
}

/* Albums */

.album-container {
background-image : none ! important;
background-color: #ffffff ! important;
}
.container-decorator4 {
width: 100%;
padding-bottom:13px;
background: transparent url("http://static.hautetfort.com/backend/graphics/design/preview/set8/cab22a/f_bas_album.gif") no-repeat 100% 100%;
}
.album-container h3 {
text-align: left;
color:#cab22a;
background:url("http://static.hautetfort.com/backend/graphics/design/preview/set8/cab22a/puce2.gif") no-repeat 0px 1px;
margin: 0px 0px 0px 22px;
padding: 3px 0px 5px 26px;
font-weight: bold;
font-size: 16px;
}
.album-container a img {
padding: 3px;
border: 1px solid #000000;
background: #ffffff;
}
.album-container p {
font-size: 70% ! important;
line-height: 150% ! important;
}
.album-container #gallery,
.album-container #cover-intro {
text-align: center;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
width: 988px;
}

* html .album-container #gallery {
width: 988px; /* IE 5*/
voice-family: ""}"";
voice-family: inherit;
width: 988px; /* IE 6*/
}

html>body .album-container #gallery {
width: 988px; /* Mozilla & Safari & IE bug */
}

* html .album-container #cover-intro {
width: 988px; /* IE 5*/
voice-family: ""}"";
voice-family: inherit;
width: 988px; /* IE 6*/
}

html>body .album-container #cover-intro {
width: 988px; /* Mozilla & Safari & IE bug */
}

.album-container #cover-intro p {
font-size:12px;
color:#5b5b5b;
text-align: center;
line-height: 130%;
}
.album-container #cover-intro p a {
font-size:14px;
font-weight: bold;
}
.album-container #cover-intro img {
padding:0px;
border: 5px solid #dcdcdc;
background: #ffffff;
}
.album-container .nav {
text-align: right;
font-size:12px;
color: #5b5b5b;
margin: 22px 38px 0px 0px;
}
.album-container .nav a {
color: #5b5b5b;
text-decoration:none;
}
.album-container .nav a:hover {
color: #c9ba36;
text-decoration:none;
}
.album-container #photo-detail {
margin: 0px 0px 9px 0px;
padding: 0;
background-color: #ffffff;

}
.album-container #photo-detail .photo-container {
padding: 20px;
text-align: center;
}
.album-container #photo-detail .photo-container h4 {
font-size: 14px;
color:#5b5b5b;
}
.album-container #photo-detail .photo-container img {
margin: 0 auto 0 auto;
border: 5px solid #dcdcdc;
background: #ffffff;
}
.album-container #photo-detail .photo-container-no-thumb {
text-align:left;
padding: 25px 25px 0px 25px;
}
.album-container #photo-detail .photo-container-no-thumb h4 {
margin: 0;
font-size: 14px;
color:#5b5b5b;
}
.album-container #photo-detail .photo-container-no-thumb img {
float:left;
margin: 0 25px 25px 0;
border: 5px solid #dcdcdc;
background: #ffffff;
}
.album-container .thumblist {
float: left;
width: 100%;
clear: both;
padding: 0px 0px 0px 12px;
}
.album-container .thumblist img {
float: left;
margin: 10px;
padding: 0px;
border: 5px solid #dcdcdc;
background: #ffffff;
}
.album-container .thumblist-nofloat {
padding-top: 15px;
}
.album-container .thumblist-nofloat img {
margin: 10px;
padding: 0px;
border: 5px solid #dcdcdc;
background: #ffffff;
}
.album-container .thumblist-with-detail {
clear: both;
text-align: left;
width: 95%;
margin: 0px 20px 0px 10px;
}

.album-container .thumblist-with-detail .thumb-container {
float: left;
width: 100%;
}
.album-container .thumblist-with-detail a {
float: left;
font-size: 70%;
}
.album-container .thumblist-with-detail img {
margin: 10px;
padding: 0px;
border: 5px solid #dcdcdc;
background: #ffffff;
}
.album-container .thumblist-with-detail h4 {
margin: 0;
padding: 10px 0 0 0;
font-size: 14px;
color:#5b5b5b;
}
.album-container .thumblist-with-detail a.view-details {
float: right;
}
.spacer {
clear: both;
}



/* Diapo */
body.diapo {
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #aaaaaa;
}

#diapo-container {
margin: 0px;
padding: 0px;
text-align: center;
width: 95%;
}

#diapo-container .content {
width: 100%;
position: relative;
text-align: center;
padding: 0px;
margin: 20px 0px 0px 0px;
overflow: auto;
height: 500px;
}

#diapo-container .content img {
margin: 0 auto 0 auto;
border: 5px solid #dcdcdc;
}

#diapo-container .content p {
font-size: 12px;
color: #ffffff;
margin: 25px auto 0 auto;
}

#diapo-container .nav {
color: #ffffff;
font-size: 12px;
margin: 0px;
width: 100%;
}

#diapo-container .top {
position: relative;
height: 30px;
}

#diapo-container .bottom {
position: relative;
height: 80px;
text-align: center;
float: left;
padding-top: 1px;
}

#diapo-container .nav .menu {
text-align: center;
width: 100%;
}

#diapo-container .nav .menu select {
background-color: #ffffff;
padding: 0px;
margin: 0px 0px 0px 0px;
color: #231f20;
vertical-align: middle;
}

#diapo-container .nav .close {
text-align: right;
float: right;
line-height: 200%;
}

#diapo-container .nav a {
color: #ffffff;
text-decoration: underline;
}

#diapo-container .nav a:hover, #diapo-container .nav a:active {
text-decoration: underline;
}

ul.category-list {
margin:0px;
padding:0px;
}
ul.archive-list {
margin:0px;
padding:0px;
}
ul.category-list li, ul.archive-list li {
font-size:12px;
list-style-type: none;
background:url("http://static.hautetfort.com/backend/graphics/design/preview/set8/cab22a/puce3.gif") no-repeat 0px 3px;
margin:0px;
padding:0px 0px 0px 17px;
}

ul.popular-tags li {
display: inline;
margin: 0.2em;
}
ul.tag-list {
padding:0;
margin-left:0;
}
ul.tag-list li {
display: inline;
margin: 0.2em;
}
h3.total {
padding: 0;
font-size: 14px;
background : none;
margin-top : 10px;
font-weight:bold;
}
h3.total a {
text-decoration : none;
}

/*** Menu horizontal dans la feuille de styles */
/*** Credits: Stu Nicholls */
/*** URL: http://www.stunicholls.com/menu/skeleton/skeleton.css */

#nav,
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px "trebuchet",verdana, sans-serif; border:1px solid #000; border-color:#b97 #b97 #b97 #b97; border-width: 0 1px 1px; background:#EFE6C7; position:relative; z-index:200;}
#nav {height:25px; width:758px; padding:0;}

#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#888; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#b75;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}
/* Menu horizontal dans la feuille de styles ***/


Les commentaires sont fermés.