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 ***/

---