/* MAIN MENU */

#banner
{
   width: 100%;
   
}



#mainMenu
{
   width: 100%;
   height: 36px;
   margin-bottom: 0; 
}

#mainMenu li
{
	float: left;
	position: relative;
	margin-bottom: 0;
	background-image: url(media/images/main.jpg);
	z-index: 6000;
	overflow: visible;
	visibility: visible;
}

#mainMenu li a
{
   float: left;
   text-indent: -9999px;
   display: block;
   width: 214px;
   height: 37px;
}

#mainMenu li#mainMenuItemShared a
{
   width: 170px;
}
#mainMenu li#mainMenuItemDedicated a
{
   width: 170px;
   
}
#mainMenu li#mainMenuItemManaged a
{
   width: 170px;
}
#mainMenu li#mainMenuItemColo a
{
   width: 170px;
}
#mainMenu li#mainMenuItemNoc a
{
   width: 170px;
}


/* Suckerfish dropdowns */

#mainMenu ul 
{
   position:relative;
   z-index: 60000;
}

#mainMenu li ul
{
   display: none;
   position: absolute;
   top: 35px;
   left: 1px;
   width: 158px;
   z-index: 60000;
   background: url(images/nav/menu-bg.jpg) no-repeat bottom left;
   padding: 5px 5px 5px 5px;
   
}

#mainMenu li li a
{
   color:#004080;
   text-decoration: none;
   display: block;
   font-size: 12px;
   float: none;
   text-indent: 0;
   margin: 0 0 2px 5px;
   line-height: 24px;
   height: 15px;
   background: none !important;
}

#mainMenu li.active.blackMenu a, #mainMenu li.active.cagesMenu a
{
   color: #fff;
}


#mainMenu li.active li a
{
   color: #336699;
}

#mainMenu li.active li a:hover
{
   color: #333;
}

#mainMenu li.active.blackMenu a:hover, #mainMenu li.active.cagesMenu a:hover
{
   color: #fbac39;
}


#mainMenu li li a:hover
{
   color:#265159;
}

#mainMenu li:hover ul, #mainMenu li.over ul
{
   display: block;
}

#mainMenu li.active
{
   text-indent: -9999px;
   display: block;
   width: 212px;
   height: 36px;
}

#mainMenu li#mainMenuItemShared.active li
{
   margin-left: 5px;
}

#mainMenu li#mainMenuItemShared.active
{
   width: 214px;
}

/*
li#mainMenuItemShared
{
   background-position: 0px 0px;
}
li#mainMenuItemDedicated
{
   background-position: 0px 0px;
}
li#mainMenuItemManaged
{
   background-position: 0px 0px;
}
li#mainMenuItemColo
{
   background-position: 0px 0px;
}
li#mainMenuItemShared:hover, li#mainMenuItemShared.over a, li#mainMenuItemShared.over a:hover
{
   background-position: 0px -36px;
}
li#mainMenuItemDedicated:hover, li#mainMenuItemDedicated.over a, li#mainMenuItemDedicated.over a:hover
{
   background-position: -214px -36px;
}
li#mainMenuItemManaged:hover, li#mainMenuItemManaged.over a, li#mainMenuItemManaged.over a:hover
{
   background-position: -426px -36px;
}
li#mainMenuItemColo:hover, li#mainMenuItemColo.over a, li#mainMenuItemColo.over a:hover
{
   background-position: -638px -36px;
}

/* Lien actif 

li#mainMenuItemDedicated.active a, li#mainMenuItemDedicated.active.blackMenu a, 
li#mainMenuItemShared.active a, li#mainMenuItemShared.active.blackMenu a,
li#mainMenuItemManaged.active a, li#mainMenuItemManaged.active.blackMenu a, 
li#mainMenuItemColo.active a, li#mainMenuItemColo.active.blackMenu a
{
   background-position: 0;
}


li#mainMenuItemDedicated.active a
{
}

li.active li,li.active.blackMenu li
{
   width: 202px;
}

li.active ul
{
   background: url(images/nav/menu-bg-gris.PNG) no-repeat bottom left !important;
   margin-left: 3px;
}

li.active.blackMenu ul, li.active.cagesMenu ul
{
   background: url(images/nav/menu-bg-noir.PNG) no-repeat bottom left !important;
   margin-left: 3px;
}

li#mainMenuItemDedicated.active ul li a
{
   background: none !important; 
}

li#mainMenuItemDedicated.active.blackMenu a
{
   /* background: locale */
}

li#mainMenuItemDedicated.active.blackMenu ul li a
{
   background: none !important; 
}

li#mainMenuItemShared.active a
{
   /* background: locale */
}

li#mainMenuItemShared.active ul li a
{
   background: none !important; 
}

li#mainMenuItemShared.active.blackMenu a
{
   /* background: locale */
}

li#mainMenuItemShared.active.blackMenu ul li a
{
   background: none !important; 
}

li#mainMenuItemManaged.active a
{
   /* background: locale */
}

li#mainMenuItemManaged.active ul li a
{
   background: none !important; 
}


li#mainMenuItemManaged.active.blackMenu a
{
   /* background: locale */
}

li#mainMenuItemManaged.active.blackMenu ul li a
{
   background: none !important; 
}

li#mainMenuItemColo.active a
{
   /* background: locale */
}

li#mainMenuItemColo.active ul li a
{
   background: none !important; 
}

li#mainMenuItemColo.active.blackMenu a
{
   /* background: locale */
}

li#mainMenuItemColo.active.blackMenu ul li a
{
   background: none !important; 
}
/*
li#mainMenuItemShared.over li a, li#mainMenuItemShared.over li a:hover,
li#mainMenuItemDedicated.over li a, li#mainMenuItemDedicated.over li a:hover,
li#mainMenuItemManaged.over li a, li#mainMenuItemManaged.over li a:hover,
li#mainMenuItemColo.over li a, li#mainMenuItemColo.over li a:hover,
li#mainMenuItemShared.blackMenu.over li a, li#mainMenuItemShared.blackMenu.over li a:hover,
li#mainMenuItemDedicated.blackMenu.over li a, li#mainMenuItemDedicated.blackMenu.over li a:hover,
li#mainMenuItemManaged.blackMenu.over li a, li#mainMenuItemManaged.blackMenu.over li a:hover,
li#mainMenuItemColo.blackMenu.over li a, li#mainMenuItemColo.blackMenu.over li a:hover
{
   background-image: none;
}

#mainMenu li li:hover, #mainMenu li a:hover, #mainMenu li li a
{
   background: none;
}
#mainMenu li li:hover
{
   background: url(images/nav/separatorMainMenu.gif) repeat-x bottom left;
}
*/
#mainMenu li li
{
   float: none;
   background:  none;
}
/*

#mainMenu li.active li:hover
{
   background: url(images/nav/separatorMainMenuGris.gif) repeat-x bottom left;
}

#mainMenu li.active li
{
   float: none;
   background: url(images/nav/separatorMainMenuGris.gif) repeat-x bottom left;
}

#mainMenu li.blackMenu li:hover, #mainMenu li.cagesMenu li:hover
{
   background: url(images/nav/separatorMainMenuNoir.gif) repeat-x bottom left;
}

#mainMenu li.blackMenu li, #mainMenu li.cagesMenu li
{
   float: none;
   background: url(images/nav/separatorMainMenuNoir.gif) repeat-x bottom left;
}

#mainMenu li.active li.last, #mainMenu li.cagesMenu li.last, #mainMenu li.blackMenu li.last, #mainMenu li li.last
{
   background: none;
   padding: 0;
}

#mainMenu li ul#mainMenuItemSubShared
{
   border-left: 0;
   left: 0px;
   width: 214px;
   background: url(images/nav/menu-bgLeft.PNG) no-repeat -1px bottom;
   padding: 10px 5px 5px 0;
}

#mainMenu li.active ul#mainMenuItemSubShared
{
   left: -3px;
}

#mainMenu li ul#mainMenuItemSubShared

{

}
*/

#mainMenu li ul#mainMenuItemSubDedicated li a
{
  width:158px;
   padding: 0 0px 0 0;
}
#mainMenu li ul#mainMenuItemSubManaged li a
{
  width:158px;
   padding: 0 0px 0 0;
}
#mainMenu li ul#mainMenuItemSubShared li a
{
  width:158px;
   padding: 0 0px 0 0;
}
/*
#mainMenu li #mainMenuItemSubColo
{
   border-right: 0;
   left: auto;
   right: 0px;
   background: url(images/nav/menu-bgRight.PNG) no-repeat bottom left;
   padding: 10px 0 5px 5px;
}

#mainMenu li.active #mainMenuItemSubColo,#mainMenu li.active.blackMenu #mainMenuItemSubColo
{
   right: -3px;
}
*/
#mainMenu li ul#mainMenuItemSubColo li a
{
width:158px;
   padding: 0 0px 0 0;
}

#feature, #featureSmall
{
   width: 100%;
   height: 170px;
   position: relative;
   z-index: 1;
  
}
/*
#featureSmall
{
   height: 80px;
}

#featureSmall a
{
   display: block;
   height: 80px;
   background: transparent url(images/nav/smallFeatureSeparator.gif) repeat-y 168px 0px;
   text-decoration: none;
   color: #000;
}

#featureSmall a span.bannerIcon
{
   float: left;
   margin-right: 30px;
   display: block;
   width: 160px;
   height: 80px;
   text-align: center;
}

#featureSmall a span.bannerIcon img
{
   margin: 15px auto;
}

#featureSmall a span.bannerTitle, #featureSmall a span.bannerSubtitle 
{
   margin: 0px;
   padding-top: 20px;
   display: block;
   font-size: 18px;
   font-weight: bold;
   color: #000;
}

#featureSmall a span.bannerSubtitle
{
   font-size: 14px;
   padding-top: 0px;
}

#featureSmall.black
{
   background-color: black;
}

#featureSmall.black a
{
   background: transparent url(images/nav/smallFeatureSeparatorBlack.gif) repeat-y 168px 0px;
}

#featureSmall.black a span.bannerTitle,#featureSmall.black a span.bannerSubtitle
{
   color: #fff;  
}

.subMenu
{
   width: 100%;
   height: 65px;
   overflow: hidden;
   
}

.subMenu li
{
   float: left;
}

.subMenu li a
{
   float: left;
   text-indent: -9999px;
   display: block;
   height: 65px;
   overflow:hidden;
}

.subMenu li
{
   width: 142px;
}
.subMenu li.firstOrLast
{
   width: 141px;
}

.subMenu li a
{
   width: 142px;
}
.subMenu li.firstOrLast a
{
   width: 141px;
}
*/
/* Commented Backslash Hack
  hides rule from IE5-Mac \
#subMenu a {float:none;}
/* End IE5-Mac hack 

/* SOUS-SOUS-MENU 

#subMenuDedicated
{
   /* background: locale 
}

#subMenuDedicated li a:hover
{
   /* background: locale
   background-repeat: no-repeat;
}

#subMenuDedicated .active a
{   
   /* background: locale 
   background-repeat: no-repeat;
}

#subMenuShared
{
   /* background: locale 
}

#subMenuShared li a:hover
{
   /* background: locale 
   background-repeat: no-repeat;
}

#subMenuShared .active a
{   
   /* background: locale 
   background-repeat: no-repeat;
}

#subMenuManaged
{
   /* background: locale 
}

#subMenuManaged li a:hover
{
   /* background: locale 
   background-repeat: no-repeat;
}

#subMenuManaged .active a
{   
   /* background: locale 
   background-repeat: no-repeat;
}

#subMenuColocation
{
   /* background: locale 
}

#subMenuColocation li a:hover
{
   /* background: locale 
   background-repeat: no-repeat;
}

#subMenuColocation .active a
{   
   /* background: locale 
   background-repeat: no-repeat;
}

#subMenuItem1 a:hover
{
   background-position: 0 -65px;
}

li#subMenuItem1.active a
{
   background-position: 0 -130px;
}

#subMenuItem2 a:hover
{
   background-position: -141px -65px;
}

li#subMenuItem2.active a
{
   background-position: -141px -130px;
}

#subMenuItem3 a:hover
{
   background-position: -283px -65px;
}

li#subMenuItem3.active a
{
   background-position: -283px -130px;
}

#subMenuItem4 a:hover
{
   background-position: -425px -65px;
}

li#subMenuItem4.active a
{
   background-position: -425px -130px;
}

#subMenuItem5 a:hover
{
   background-position: -567px -65px;
}

li#subMenuItem5.active a
{
   background-position: -567px -130px;
}

#subMenuItem6 a:hover
{
   background-position: -709px -65px;
}

li#subMenuItem6.active a
{
   background-position: -709px -130px;
}

#navMenu 
{
   width: 100%;
   margin: 5px 0 16px;
}

#navMenu ul
{
   background: url(images/nav/subPages-bg.gif) repeat-x top left;
   float: left;
   width: 100%;
   margin-bottom: 12px;
}

#navMenu ul li
{
   float: left;
   padding: 10px 0 0 0;
   margin: 0 10px 0 0;
   line-height: 1em;
}

#navMenu ul li a
{
   float: left;
   display: block;
   padding: 5px;
   border: 1px solid #eee;
   color: #666;
   text-transform: uppercase;
   font-size: 10px;
   text-decoration: none;
}

#navMenu ul li a:hover
{
   color: #333;
   border: 1px solid #ccc;
}

#navMenu ul li.active
{
   background: url(images/nav/subPages-active.gif) no-repeat top center;
}

#navMenu ul li.active a
{
   background: #eee;
   color: #333;
}


li#mainMenuItemDedicated.active:hover div.navigationUsability
{
   width:850px;
   height: 170px;
   opacity: 0.8;
   background-color:#eee;
   position: absolute;
   top:35px;
   left:-215px;
   
}

li.active #navigationUsabilityGlow
{
   position: absolute;
   background: transparent url(images/subMenuShadow.PNG) no-repeat top left;
   width:880px;
   height: 95px;
   top:196px;
   display: none;
}

li#mainMenuItemShared.active #navigationUsabilityGlow
{
   left:-15px;
}

li#mainMenuItemDedicated.active #navigationUsabilityGlow
{
	left:-229px;
   
}

li#mainMenuItemManaged.active #navigationUsabilityGlow
{
	left:-441px;
   
}

li#mainMenuItemColo.active #navigationUsabilityGlow
{
   left:-653px;
}

li.active:hover #navigationUsabilityGlow
{
   display: block;
}
*/