/*	http://www.htmldog.com/articles/suckerfish/hover/ 
	http://www.htmldog.com/articles/suckerfish/dropdowns/
	http://wydstudios.com/blog/suckerfishhover-%E2%80%93-simple-y-maravilloso/
*/

/*
   1. // Created a long, long time ago by Tanny O'Haley  
   2.   
   3. // Update history.  
   4.   
   5. // 24 Oct 2006 - Added to http://tanny.ica.com  
   6.   
   7. // 14 Jul 2006 - Modified the way the iframe is added to the DOM. I no longer use   
   8.   
   9. //          innerHTML but use DOM methods.  
  10.   
  11. // 15 Sep 2006 - Added a check to see if the target element onmouseout is contained  
  12.   
  13. //          in the onmouseout element. If it is then I dont' remove the  
  14.   
  15. //          sfhover class. I made use of the Microsoft proprietary  
  16.   
  17. //          obj.contains() method.  
  18.   
  19. //       Added check to make sure that the sfhover class is not already in  
  20.   
  21. //          the li element.  
  22.   
  23. //  
  24.   
  25. sfHover = function() {  
  26.   
  27.     // Support the standard nav without a class of nav.  
  28.   
  29.     var el = document.getElementById("superior");  
  30.   
  31.     if(!/\bsuperior\b/.test(el.className) && el.tagName == "UL")  
  32.   
  33.         setHover(el);  
  34.   
  35.   
  36.   
  37.     // Find all unordered lists.  
  38.   
  39.     var ieNavs = document.getElementsByTagName('ul');  
  40.   
  41.     for(i=0; i<ieNavs.length; i++) {  
  42.   
  43.         var ul = ieNavs[i];  
  44.   
  45.         // If they have a class of nav add the menu hover.  
  46.   
  47.         if(/\bsuperior\b/.test(ul.className))  
  48.   
  49.             setHover(ul);  
  50.   
  51.     }  
  52.   
  53.   
  54.   
  55. }  
  56.   
  57.   
  58.   
  59. function setHover(superior) {  
  60.   
  61.     var ieULs = superior.getElementsByTagName('ul');  
  62.   
  63.     if (navigator.appVersion.substr(22,3)!="5.0") {  
  64.   
  65.         // IE script to cover <select> elements with <iframe>s  
  66.   
  67.         for (j=0; j<ieULs.length; j++) {  
  68.   
  69.             var ieMat=document.createElement('iframe');  
  70.   
  71.             if(document.location.protocol == "https:")  
  72.   
  73.                 ieMat.src="//0";  
  74.   
  75.             else if(window.opera != "undefined")  
  76.   
  77.                 ieMat.src="";  
  78.   
  79.             else  
  80.   
  81.                 ieMat.src="javascript:false";  
  82.   
  83.             ieMat.scrolling="no";  
  84.   
  85.             ieMat.frameBorder="0";  
  86.   
  87.             ieMat.style.width=ieULs[j].offsetWidth+"px";  
  88.   
  89.             ieMat.style.height=ieULs[j].offsetHeight+"px";  
  90.   
  91.             ieMat.style.zIndex="-1";  
  92.   
  93.             ieULs[j].insertBefore(ieMat, ieULs[j].childNodes[0]);  
  94.   
  95.             ieULs[j].style.zIndex="101";  
  96.   
  97.         }  
  98.   
  99.         // IE script to change class on mouseover  
 100.   
 101.         var ieLIs = nav.getElementsByTagName('li');  
 102.   
 103.         for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {  
 104.   
 105.             // Add a sfhover class to the li.  
 106.   
 107.             ieLIs[i].onmouseover=function() {  
 108.   
 109.                 if(!/\bsfhover\b/.test(this.className))  
 110.   
 111.                     this.className+=" sfhover";  
 112.   
 113.             }  
 114.   
 115.             ieLIs[i].onmouseout=function() {  
 116.   
 117.                 if(!this.contains(event.toElement))  
 118.   
 119.                     this.className=this.className.replace(' sfhover', '');  
 120.   
 121.             }  
 122.   
 123.         }  
 124.   
 125.     } else {  
 126.   
 127.         // IE 5.0 doesn't support iframes so hide the select statements on hover and show on mouse out.  
 128.   
 129.         // IE script to change class on mouseover  
 130.   
 131.         var ieLIs = document.getElementById('nav').getElementsByTagName('li');  
 132.   
 133.         for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {  
 134.   
 135.             ieLIs[i].onmouseover=function() {this.className+=" sfhover";hideSelects();}  
 136.   
 137.             ieLIs[i].onmouseout=function() {this.className=this.className.replace(' sfhover', '');showSelects()}  
 138.   
 139.         }  
 140.   
 141.     }  
 142.   
 143. }  
 144.   
 145.   
 146.   
 147. // If IE 5.0 hide and show the select statements.  
 148.   
 149. function hideSelects(){  
 150.   
 151.     var oSelects=document.getElementsByTagName("select");  
 152.   
 153.     for(var i=0;i<oSelects.length;i++)  
 154.   
 155.         oSelects[i].className+=" hide";  
 156.   
 157. }  
 158.   
 159.   
 160.   
 161. function showSelects(){  
 162.   
 163.     var oSelects=document.getElementsByTagName("select");  
 164.   
 165.     for(var i=0;i<oSelects.length;i++)  
 166.   
 167.         oSelects[i].className=oSelects[i].className.replace(" hide","");  
 168.   
 169. }  
 170.   
 171.   
 172.   
 173. // Run this only for IE.  
 174.   
 175. if (window.attachEvent) window.attachEvent('onload', sfHover);  
 176.   
 177. // end  
*/


ul  { 
	list-style-image:  url(/images/structure/smallarrow.gif); 
	margin: 0px 0px 0px 30px; 
	padding: 5px 0px 5px 10px ; 
	}
	
	ol  { 
	 
	margin: 0px 0px 0px 30px; 
	padding: 5px 0px 5px 10px ; 
	}
	/* Hotel Malaga ... */
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	}

/* Options avec curseur: Caractère blanc + fond bleu*/
#nav a:hover {
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
	text-align: left;
	background-color: #384784;
	height: 16px;
	font-size: 11px;
}

/*---------------------Navigation*/	

/* Option menu général */			
#nav, #nav ul {
	float: left;
	width: 360px;
	height:16px;
	list-style: none;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #F7DB6C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #66FFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	color: #000001;
	text-decoration: none;
}

/* Options Générales avec link*/
#nav a {
	display: block;
	width: auto;
/*	w\idth: 25px;*/
	color: #000000;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*
#nav a.daddy {
	color: #00FF00;
	background-color: #FF0000;
	background-image: url(/images/structure/rightarrow2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
*/

/* Menu général  Hotel Malaga ... */
#nav li {
	float: left;
	padding: 0px;
	width: 58px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFD;
	color: #FF0000;
}

/* Sous-menu : Si non défini prend valeur de menu général */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: auto;
	w\idth: 117px;
	font-weight: normal;
	margin: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFC;
	color: #FF0000;
	background-color: #F7DB6C;
	font-size: 11px;
}

/* Etabli largeur cellule sous-menu: Hotel -> Home, ... */
#nav li li {
	width: 117px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFE;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
}


/* // Sous Menus : options avec link */
#nav li ul a {
	/*	w\idth: 115px;	*/
	width: 117px;
	text-decoration: none;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	height: 15px;
}
		
/* Peut-être Sous-Sous-menu ??? */
/*#nav li ul ul {
	/*margin: -1.75em 0 0 14em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	width: 115px;
}*/

/* ???? */
/*#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color: #FF0000;
	width: 115px;
}
*/

/* Affiche sous-menu: Blackground affecte, color non ??? */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color: #FFFFFF;
	background-color: #F7DB6C;
	font-weight: bolder;
}

/* Parent actif : Ne tiens pas en compte la couleur caractère! */
#nav li:hover, #nav li.sfhover {
	color: #FF0000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 16px;
	font-weight: bolder;
}

/*---------------------------------------------------------------------------------------------------------------------Navigation*/