/* pub vod vignettes */
#rotator
{
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	width: 140px;
	height: 200px;
}
#rotator img
{
	border: 0;
	cursor: pointer;
	width: 140px;
	height: 200px;
	text-align: center;
}
/* Début infobulle */
.infobullehtml {
	BORDER-BOTTOM: red 1px solid;
	BORDER-LEFT: red 1px solid;
	PADDING-RIGHT: 10px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 100% 50%;
	BORDER-TOP: red 1px solid;
	CURSOR: help;
	BORDER-RIGHT: red 1px solid;
	BACKGROUND-IMAGE: url(../travaux/images/icone_infobulle_html.gif);
	BORDER-BOTTOM: #017ac6 1px dashed;
	BORDER-LEFT: #017ac6 0px dashed;
	BORDER-TOP: #017ac6 0px dashed;
	BORDER-RIGHT: #017ac6 0px dashed;
}
.blocinfobulle {
	BACKGROUND-IMAGE: url(../travaux/images/infobulle.png);
	Z-INDEX: 1200;
	POSITION: absolute;
	WIDTH: 215px;
	DISPLAY: none;
	HEIGHT: 113px;
	TOP: 12px;
}
.blocinfobulle SPAN {
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	DISPLAY: block;
	HEIGHT: 75px;
	OVERFLOW: auto;
	PADDING-TOP: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
/* Fin infobulle */

/* -------------- Début Pop up News ------------------- */
#popup {
	display: none; /* <----IMPORTANT----- */
	z-index: 99; /* css z-index permet de spécifier la position d'empilement d'un bloc par rapport aux autres (notion de profondeur) */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background-image: url(../Templates/images/grille.gif);*/
	background-repeat: repeat;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#hautpopup {
	width: 320px;
	height: 360px;/* <---- Augmenter ici la taille pour insérer + d'infos ----- */

	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
}
#exit{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #324D68;
	height: 16px;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	margin-top: 4px;
	margin-bottom: 5px;
	width: 320px;
	padding-bottom: 5px;
}
.blocexit {
	cursor:  pointer; /* change l'aspect du curseur */
	width: 115px;
	height: 20px;
	background-image: url(../Templates/images/fermer.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 5px;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #999999;
	float: right;
}
#textinfo {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
#titretextinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #C9A601;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4px;
}
.tablelist{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#baspopup {
	height: 105px;
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-image: url(../Templates/images/construction.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#miseajour{
	height: 20px;
	width: 175px;
	margin-top: 10px;
	float: right;
}
#signature {
	float: right;
	width: 175px;
	height: 16px;
	text-align: right;
	margin-right: 8px;
	background-image: url(../Templates/images/pizzatoy-news.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-top: 45px;
}
/* Fin Pop News */
/*--------------------------- TARIF ------------------------------*/
#bodytarif {
	float: left;
	width: 590px;
	text-align: center;
}
#imprimable { /* tableau tarif */
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background: white;
	width: 550px;
	float: left;
}
.boutonimprime {
	width: 200px;
	text-align: left;
	padding-left: 10px;
	float: left;
}	
#tarifprint{
}
.tabletarif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 580px;
	text-align: center;
}
th{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
th scope{
}
th[scope="col"]{
	background-color: #EEEEEE;
	color: #666666;
	text-align: center;
	font-size: 20px;
	vertical-align: middle;
	width: 88px;
	height: 70px;
	cursor: help;
}
th[scope="row"]{
	text-align: left;
	color: #87BD0F;
	text-indent: 5px;
	font-size: 16px;
	width: 280px;
	height: 40px;
	font-weight: bold;
	vertical-align: middle;
}
.firstTd{
	font-size: 18px;
	color: #666666;
	background-color: #EEEEEE;
	text-align: left;
	text-indent: 5px;
	font-weight: bold;
	height: 70px;
	vertical-align: middle;
}
.greenrow{
	color: #FFFFFF;
	background-color: #9DCA3A;
	text-align: center;
	font-weight: bold;
	height: 40px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.points{
	background-image: url(../images/points.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 1px;
	font-size: 1px;
}
.euro{
	font-size: 21px;
	font-weight: bold;
}
.eurogreen{
	font-size: 21px;
	font-weight: bold;
	color: #9DCA3A;
}
.repet{
	color:#8bc014;
	font-size: 12px;
	font-weight: bold;
}
.traitcolonne{
	width: 1px;
	font-size: 1px;
	background-image: url(../images/traitvertical.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #FFFFFF;
}
#optiontarif{
	width: 550px;
	margin-top: 35px;
	margin-bottom: 35px;
	float: left;
}
.tarif_lien {
	width: 88px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/bouton_lien.png);
	text-align: center;
	height: 30px;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 5px;
	vertical-align: middle;
	background-position: center center;
}
.tarif_lien a:link, .tarif_lien a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.tarif_lien a:hover {
	font-size: 13px;
	font-weight: bolder;	/*font-weight: bolder;*/
	/*font-size: 14px;*/
}
.tarif_lien a:active {}
.tarif_lien a:focus{
	font-weight: bold;
}
#intertarif {
	float: left;
	width: 760px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
#faqtarif {
	margin-top: 35px;
	float: left;
}
/* -------------------- SIDEBAR [3 BLOCKS] (page Tarif)----------------------- */
	#sidebar-content {
	width: 135px;
	float:left;

		-margin-right: -2px;
	margin-left: 35px;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #D2D2CD;
	}
.blk_side_blue{ width:100%; background: #8DCBDC url(../images/sbg_blue.jpg) top left no-repeat;}
.blk_side_blue_end{ width:100%; height:6px; margin-top:0px; background: #8DCBDC url(../images/send_blue.jpg) bottom left no-repeat;}

/*image on background*/

.blk_side_green{ width:100%; background: #7DB306 url(../images/sbg_green.jpg) top left no-repeat;}
.blk_side_green_end{ width:100%; height:6px; margin-top:16px; background: #7DB306 url(../images/send_green.jpg) bottom left no-repeat;}

.blk_side_grey{ width:100%; background: #D2D2CD url(../images/sbg_grey.jpg) top left no-repeat;}
.blk_side_grey_end{ width:100%; height:6px; margin-top:5px; background: #D2D2CD url(../images/send_grey.jpg) bottom left no-repeat;}

.blk_side{text-align:left; margin:9px 0 0 0; color:#2B2723; font:14px Arial;}
.blk_side .title{
	font-size:16px;
	font-weight:bold;
	padding:20px 20px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 19px;
	color: #666666;
}
.blk_side .content{ padding:0px 20px 0 20px;}
.blk_side .content_white{ padding:20px 20px 0 20px; color:#FFFFFF;}

.blk_side li{
	margin-left:20px;
	list-style-image: url(../images/tick.gif);
	list-style-position: outside;
	padding-left: 10px;
}
/*.blk_side .list li{ height:30px; background:url(side_puce.gif) top left no-repeat; padding:0 0 0 15px;} */
.blk_side .list li a{ color:#0986CE; text-decoration:underline;}
.blk_side .list li a:hover{ text-decoration:underline;}

.blk_side .link{ padding:20px 20px 0 20px;}
.blk_side .link a{ color:#0986CE; text-decoration:none; font-weight:bold;}
.blk_side .link a:hover{ text-decoration:underline;}

.blk_side .sign{ font-size:12px; padding:20px 20px 0 20px;}

.blk_side a:hover{ text-decoration:underline;} 
/* ---Fin sidebar--- */
/* ---- Page résultat recherche pizzeria, pages resultat & avancee (tableau...) ---- */
#tabRecherche a, .tabRecherche a:link, .tabRecherche a:visited {
	color: #006600;
}
#tabRecherche a:hover {
	color: #006600;
	text-decoration: underline;
}
.hautTableau {
	color: #FFFFFF;
	text-align: center;
	background-color: #004080;
	font-weight: bold;
}
.couleurFond_0 {
	color: #333333;
	text-align: center;
    background-color: #FFFFFF;
}
.couleurFond_1{
	color: #333333;
	text-align: center;
    background-color: #99C9FF;
}
.couleurFondOver{
	color: #333333;
	text-align: center;
    background-color: #98D173;
}
.couleurFondOverPP{
	color: #333333;
	text-align: center;
    background-color: #FBCE71;
}	
#mapFrance {
	float: left;
}
.premier {
	float: left;
	width: 550px;
	border: thin solid #FF6600;
	padding: 5px;
	text-align: left;
	background-color: #FFCC66;
	font-size: 14px;
	margin-top: 5px;
}
#logoMini {
	border: thin dotted #D1D1D1;
	height: 186px;
	width: 186px;
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
}
#message {
	float: left;
	width: 600px;
	margin-top: 10px;
}
/* Autocompleter */
#indicateur-chargement-ville {
	width: 10px;
}
div.autocomplete {
  position: absolute;
  width: 200px;
  background-color: white;
  border: 1px solid #CCCCCC;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}
div.autocomplete ul li.selected {
    background-color: #ffb;
}
div.autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}
div.autocomplete ul li span.informal {
    color: #999999;
}
/* -------------------------- PAGE PIZZERIA  -------------------------- */
/*
#theLayer { NE MARCHE PAS EN CSS incompatibilité avec Doctype !?
z-index: 99;
position:absolute;
width:250px;
left:500px;
top:70px;
visibility:hidden;
}
*/
/* Page concept */
.etapeTri {
	height: 55px;
	width: 160px;
	border: thin dashed #366D00;
	float: left;
	font-size: 12px;
	color: #366D00;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
#localiserPage {
	width: 565px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	height: 75px;
	float: left;
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* ----------------------- Ticket commande ----------------------- */
#ticket table {
width:170px;
text-align: center;
vertical-align: top;
border-collapse:collapse;
padding:0px;
border-spacing:0px;
border-width:0px;
}
#ticket table td, #ticket table th {
padding : 0px; 
}
#ticket {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
}
.ticketEnteteG {
width:152px;
background-image: url(http://www.pizzatoy.com/commande/images/ticketEnteteG.gif);
background-repeat: no-repeat;
height:37px;
text-align: right;
}
.ticketEnteteC {
width:100%;
background-image: url(http://www.pizzatoy.com/commande/images/ticketEnteteC.gif);
background-repeat: no-repeat;
height:37px;
}
.ticketEnteteD {
width:18px;
background-image: url(http://www.pizzatoy.com/commande/images/ticketEnteteD.gif);
background-repeat: no-repeat;
height:37px;
}
.ticketBoutonG {
width:85px;
background-image: url(http://www.pizzatoy.com/commande/images/ticketBoutonG.gif);
background-repeat: no-repeat;
background-position: center center;
height:50px;
}
.ticketBoutonD {
width:85px;
background-image: url(http://www.pizzatoy.com/commande/images/ticketBoutonD.gif);
background-repeat: no-repeat;

height:50px;
}
.ticketHaut {
background-image: url(http://www.pizzatoy.com/commande/images/ticketHaut.gif);
background-repeat: no-repeat;
}
.ticketBord {
background-image: url(http://www.pizzatoy.com/commande/images/ticketLigne.gif);
}
.ticketBordG {
background-image: url(http://www.pizzatoy.com/commande/images/ticketBordG.gif);
background-repeat: repeat-y;
background-position: left top;
}
.ticketBordD {
background-image: url(http://www.pizzatoy.com/commande/images/ticketBordD.gif);
background-repeat: repeat-y;
background-position: right top;
}
.ticketBasG {
width:41px;
height:12px;
background-image: url(http://www.pizzatoy.com/commande/images/ticketBasG.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
.ticketBasD {
width:129px;
height:12px;
background-image: url(http://www.pizzatoy.com/commande/images/ticketBasD.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
/* -------------------------------------------------------------- */
#sign {
	width: 575px;
}
#topSign {
	width: 575px;
	margin-bottom: 10px;
	text-align: center;
	height: 75px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003466;
}
#overTheTop {
	height: 40px;
	font-size: 28px;
	text-align: left;
	width: 575px;
}

#logoPP {
	height: 40px;
	font-size: 28px;
	text-align: left;
	width: 440px;
	float: left;
	background-image: url(../Templates/images/votez3.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/*
#stars {
	height: 40px;
	text-align: left;
	width: 130px;
	float: right;
	text-align: center;
}
#ratingtext{
	text-align: center;
}
*/
.count {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	letter-spacing: 0px;
}
#date {
	height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#heure{
	float: right;
}
#jour{
	float: right;
}
#logoPizzeria {
	width: 186px;
	float: left;
	margin-bottom: 15px;
}
#infoPizzeria {
	float: left;
	width: 190px;
	text-align: center;
	height: 200px;
}
#Planning {
	float: right;
	width: 190px;
}
#tabPlanning {
	border-collapse: collapse; /* cellules sans bordure */
	float: right;
	width: 190px;
	height: 186px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #34679C;
	border: thin solid #94B1CB;
	text-align: center;
}
.hautPlanning {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004080;
}
.ceJour {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004080;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#pancarte {
	float: right;
}
#cartePizzas{
	text-align: center;
	width: 575px;
	float: left;
}
/* page connexion pizzanaute*/
.messageErreur {
color: #F50A0A
}
.imageMiddle {
	border: none;
	vertical-align: middle;
}
/* Recherche avancée */
#localiserAvancee {
	width: 565px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	height: 75px;
	float: left;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(../recherche/images/fondRechercheAvancee.gif);
}
.moduleAvancee {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	float: left;
	height: 70px;
	padding-top: 5px;
	margin-top: 0px;
	width: 165px;
}
.moduleAvancee a{
	float: right;
}
.chercheAvancee {
	width:275px;
	z-index:2;
	float: left;
	height: 40px;
}
/* Messages */
/* ----------------------------- INFOBULLES ------------------------------------- */
/* http://www.sebastiennoirie.fr/blog/2010/10/31/css-de-bien-jolies-info-bulles-en-css/ */
.tooltip {
	/* border-bottom: 1px dotted #000000; color: #000000; outline: none; */
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img.ibulle{ /* j'ai ajouté cette classe .ibulle , sinon même l'image qui sert de lien (exemple: InfoMini.png) se déplace lors du survol de la souris */
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.infos { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
/* -------------------------- Fin infoBulle ---------------------------------------- */
.alerte {
	font-size: 14px;
	color: #CC0000;
	border: thin dotted #CC0000;
	width: 615px;
	text-align: left;
	padding: 15px;
	list-style-type: square;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-position: inside;
}
.GOODandRAZ {
	font-size: 14px;
	color: #009900;
	border: thin dotted #009900;
	width: 615px;
	text-align: left;
	padding: 15px;
	list-style-type: square;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-position: inside;
}
/* -------------------------- MENU DéROULANT (exemple : sélection pays) ---------------------------------------- */
#menu img {
float: left;
margin: 0 6px 0 2px;
width:14px;
height:14px;
vertical-align: middle;
}
#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éfaut de la liste */
line-height : 16px; /* on définit une hauteur pour chaque élément */
text-align : left; /* on place le texte qui se trouve dans la liste */
}
#menu {/* Ensemble du menu */
/*font-weight : bold;  on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menu a {/* Contenu des listes */
font-weight: normal;
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #F1F8F1; /* couleur de fond */        
color : #000000; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 70px; /* largeur */
vertical-align: middle;
}
#menu .titlemenu {/* Titre de la liste */
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #ffffff; /* couleur de fond */        
color : #000000; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 70px; /* largeur */
}
#menu li {/* Elements des listes */      
float : left; 
/* pour IE qui ne reconnaît 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 transparente à droite de chaque élément */
}
#menu li ul {/* Sous-listes */
position: absolute; /* Position absolue */
width: 70px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li {/* Éléments de sous-listes */
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
/*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 transparente en haut de chaque élément */
}
#menu li ul ul {
margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
/*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 transparente sur la gauche de chaque élément */
}
#menu a:hover {/* Lorsque la souris passe sur un des liens */    
font-weight : bold;
color: #006600; /* couleur le texte  */
background: #CCCCCC; /* ... et le fond */
}
#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 sous IE */
}