/* HEADER SECTION */

#topMenuBar
{
   width: 100%;
   height: 38px;
   background: url(topBar-b.gif) repeat-x top left;
   min-width: 850px;
}

#topMenuBar ul
{
   margin-bottom: 0px;
}

#topMenuBar ul li
{
   line-height: 1.4em;
}

#topMenuContent
{   
   width: 850px;
   margin: 0 auto 0 auto;
}

.topMenuSeparator
{
   float: left;
   margin: 0 15px 0 15px;
   width: 2px;
   height: 38px;
   background: url(topBar-s.gif) no-repeat top left;
}

#topMenu
{
   text-align: center;
   float: left;
   margin: 0 0 0 5px;
}

#topMenu li
{
   float: left;
   margin: 0 5px 0 5px;
}

#topMenu li a
{
   float: left;
   display: block;
   padding: 10px 10px 0 10px;
   height: 27px;
   color: #000000;
   text-decoration: none;
}

#topMenu li a:hover
{
   color: #333;
}

/* Rollover Sliding Doors */

#topMenu li:hover, #topMenu li.over
{
   background: url(topBar-a.gif) no-repeat 100% -38px;
   border-width:0;
}

#topMenu li:hover a, #topMenu li.over a
{
   background: url(topBar-c.gif) no-repeat 0% -38px;
}

/* Pour afficher la current page */

#colocation #topMenuItemProducts,
#managedHosting #topMenuItemProducts, 
#webHosting #topMenuItemProducts, 
#dedicated #topMenuItemProducts,
#domains #topMenuItemProducts,
 
#products #topMenuItemProducts, 
#aboutUs #topMenuItemAbout, 
#home #topMenuItemHome, 
#hub #topMenuItemHub, 
#pageCommunity #topMenuItemCommunity, 
#contacts #topMenuItemContacts
{
   background: url(topBar-a.gif) no-repeat top right;
   border-width:0;
}

#colocation #topMenuItemProducts a, 
#managedHosting #topMenuItemProducts a, 
#webHosting #topMenuItemProducts a, 
#dedicated #topMenuItemProducts a,
#domains #topMenuItemProducts a, 
#products #topMenuItemProducts a, 
#aboutUs #topMenuItemAbout a, 
#home #topMenuItemHome a, 
#hub #topMenuItemHub a, 
#pageCommunity #topMenuItemCommunity a, 
#contacts #topMenuItemContacts a
{
   background: url(topBar-c.gif) no-repeat top left;
   color: #fff;
}

#topMenuLanguage
{
   float: left;
}

#topMenuLanguage li
{
   float: left;
}

#topMenuLanguage li a
{
   float: left;
   display: block;
   padding: 10px 10px 0 10px;
   height: 28px;
   color: #000000;
   text-decoration: none;
}

#topMenuLanguage li a:hover
{
   color: #333;
}

#topMenuLanguage li.active a
{
   background: url(topBar-d.gif) no-repeat top center;
}

#searchForm
{
   float: left;
   margin: 0 0 0 0;
}

#searchForm #searchField
{
   width: 118px;
   height: 15px;
   padding: 3px 5px 0 5px;
   color: #999;
   background: url(searchFo.gif) no-repeat top left;
   border: 0;
   float: left;
   font-size: 11px;
   font-style: italic;
   margin: 8px 0 0 0;
}

#searchForm #searchBtn
{
   float: left;
   width: 17px;
   height: 18px;
   border: 0;
   position: relative;
   left: -10px;
   margin: 8px 0 0 0;
}

#container
{
   width: 850px;
   margin: 15px auto 0 auto;
   position: relative;
}

#header
{
   height: 60px;
   margin-bottom: 24px;
   
}

#header #logo img
{
   margin-top: 10px;
}

#contactInfo
{
   float: right;
   height: 60px;
   text-align: right;
   color: #000000;
   margin: 16px 0 0 0;
}

#contactInfo p
{
	text-align: inherit;
}

#phoneNumber
{
   float: left;
   font-size: 11px;
   margin: 0 10px 0 0;
   height: 60px;
   line-height:20px;
   position:relative;
   top: -5px;
}

#phoneNumber img
{
   position:relative;
   top:3px;
}

#liveChat
{
   float: left;
}

/* content */

#mainContent
{
   padding: 10px 0 0 0;
}

/* Footer */

#footer
{
   width: 100%;
   color: #000000;
   font-size: 11px;
   clear: both;
   padding: 30px 0 0 0;
   position: relative;
}

#footer p.currencyNotice 
{
   margin: 0px;
   color: #000000000000;
   font-size: 11px;
}

#footer a
{
   color: #000000;
}

#footerContent
{
   border-top: 1px solid #ccc;
   padding: 10px 0pt 20px
}

#hotPicks
{
   float: right;
   text-align: right;
}

#errorPageMessage
{
	margin: 100px auto;
	padding-top: 30px;
}

#errorPageMessage div
{
	padding: 0 30px 30px 30px;
	font-size: 14px;
	text-align: center;
}