.header {
	background:url(../images/nautiluspluslogo_en.gif) no-repeat; 
	width: 100%;         /* width of .main container */
	float: left;        /* left side of window */
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 116px;
	width: 950px;
	border: 0;
}

.menuDiv{ 
	width: 100%; 
	margin: 0;
	left: 40px;
	top: 0px;
	position: relative;
	float: left;
}

ul#navigation{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	float: left;
}

ul#navigation li{
	display: inline;
}

ul#navigation a{
	display: block;
	float: left; 
}

#menuAproposHighlighted
{
	width: 75px;
	height: 41px; 
	float: left; 
	display: block;
	background: transparent url(../images/menuEn/apropos.gif) no-repeat; 
	background-position: -75px 0;
	margin-left:20px;
}

#menuAproposHighlighted a
{
  display: none;
} 


#menuApropos
{
	width: 75px;
	height: 28px; 
	float: left;
	margin-left:20px;	
}

#menuApropos a
{
  float: left;
  display: block;
  width: 75px;
  height: 28px;
  background: transparent url(../images/menuEn/apropos.gif) no-repeat; 
} 

#menuApropos a:hover
{
	background-position: -75px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 75px;
	height: 41px;
} 

#menuAbonnementHighlighted
{
	width: 95px;
	height: 41px; 
	float: left; 
	margin-left: 40px;
	display: block;
	background: transparent url(../images/menuEn/abonnement.jpg) no-repeat; 
	background-position: -92px 0;

}

#menuAbonnementHighlighted a
{
  float: left;
  display: block;
  width: 95px;
  height: 28px;
  background: transparent url(../images/menuEn/abonnement.jpg) no-repeat; 
  background-position: -92px 0;
  text-decoration:none;
} 
 

#menuAbonnement
{
	width: 95px;
	height: 28px; 
	float: left; 
	margin-left: 40px;
}

#menuAbonnement a
{
  float: left;
  display: block;
  width: 95px;
  height: 28px;
  background: transparent url(../images/menuEn/abonnement.jpg) no-repeat; 
} 

#menuAbonnement a:hover
{
	background-position: -92px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 95px;
	height: 41px;
} 

/*==========menu service=====================*/
#menuServiceHighlighted
{
	width: 65px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	display: block;
	background: transparent url(../images/menuEn/services.jpg) no-repeat; 
	background-position: -67px 0;

}

#menuServiceHighlighted a
{
	float: left;
	display: block;
	width: 65px;
	height: 28px;
	background: transparent url(../images/menuEn/services.jpg) no-repeat; 
	background-position: -67px 0;
	text-decoration:none;
} 
 

#menuService
{
	width: 65px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuService a
{
  float: left;
  display: block;
  width: 65px;
  height: 28px;
  background: transparent url(../images/menuEn/services.jpg) no-repeat; 
} 

#menuService a:hover
{
	background-position: -67px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 65px;
	height: 41px;
} 



#menuPromotionHighlighted
{
	width: 84px;
	height: 41px; 
	float: left; 
	display: block;
	margin-left: 20px;
	background: transparent url(../images/menuEn/promotion.jpg) no-repeat; 
	background-position: -84px 0;
}

#menuPromotionHighlighted a
{ 
	float: left;
	display: block;
	width: 84px;
	height: 28px;
	background: transparent url(../images/menuEn/promotion.jpg) no-repeat;  
	background-position: -84px 0;
	text-decoration:none;
} 

#menuPromotion
{
	width: 84px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuPromotion a
{
  float: left;
  display: block;
  width: 84px;
  height: 28px;
  background: transparent url(../images/menuEn/promotion.jpg) no-repeat; 
} 

#menuPromotion a:hover
{
	background-position: -84px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 84px;
	height: 41px;
} 


#menuSuccursaleHighlighted
{
	width: 63px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	display: block;
	background: transparent url(../images/menuEn/succursale.jpg) no-repeat; 
	background-position: -59px 0;
}

#menuSuccursaleHighlighted a
{
	float: left;
	display: block;
	width: 63px;
	height: 28px;
	background: transparent url(../images/menuEn/succursale.jpg) no-repeat; 
	background-position: -59px 0;
	text-decoration:none;

} 

#menuSuccursale
{
	width: 63px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuSuccursale a
{
  float: left;
  display: block;
  width: 63px;
  height: 28px;
  background: transparent url(../images/menuEn/succursale.jpg) no-repeat; 
} 

#menuSuccursale a:hover
{
	background-position: -59px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 63px;
	height: 41px;
} 

#menuCarriereHighlighted
{
	width: 79px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	display: block;
	background: transparent url(../images/menuEn/carreer.jpg) no-repeat; 
	background-position: -79px 0;
}

#menuCarriereHighlighted a
{
  float: left;
  display: block;
  width: 79px;
  height: 28px;
  background: transparent url(../images/menuEn/carreer.jpg) no-repeat; 
  background-position: -79px 0;
  text-decoration:none;
} 

#menuCarriere
{
	width: 79px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuCarriere a
{
  float: left;
  display: block;
  width: 79px;
  height: 28px;
  background: transparent url(../images/menuEn/carreer.jpg) no-repeat; 
} 

#menuCarriere a:hover
{
	background-position: -79px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 79px;
	height: 41px;
} 

#menuBoutiqueHighlighted
{
	width: 94px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	display: block;
	background: transparent url(../images/menuEn/boutique.jpg) no-repeat; 
	background-position: -94px 0;
}

#menuBoutiqueHighlighted a
{
  display: none;
} 

#menuBoutique
{
	width: 94px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuBoutique a
{
  float: left;
  display: block;
  width: 94px;
  height: 28px;
  background: transparent url(../images/menuEn/boutique.jpg) no-repeat; 
} 

#menuBoutique a:hover
{
	background-position: -94px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 94px;
	height: 41px;
} 


#menuBlogHighlighted
{
	display: block;
	width: 121px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	background: transparent url(../images/menuEn/blog.jpg) no-repeat; 
	background-position: -121px 0;
}

#menuBlogHighlighted a
{ 
  display: none; 
} 

#menuBlog
{
	width: 121px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuBlog a
{
  float: left;
  display: block;
  width: 121px;
  height: 28px;
  background: transparent url(../images/menuEn/blog.jpg) no-repeat; 
} 

#menuBlog a:hover
{
	background-position: -121px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 121px;
	height: 41px;
} 

#menuCoursHighlighted
{
	display: block;
	width: 105px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	background: transparent url(../images/menuEn/cours_groupe.jpg) no-repeat; 
	background-position: -102px 0;
	outline:none;
}

#menuCoursHighlighted a
{ 
  display: none;
  outline:none;  
} 

#menuCours
{
	width: 105px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuCours a
{
  float: left;
  display: block;
  width: 105px;
  height: 28px;
  background: transparent url(../images/menuEn/cours_groupe.jpg) no-repeat;
  outline:none;  
} 

#menuCours a:hover
{
	background-position: -102px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 105px;
	height: 41px;
	outline:none;
}  
/* lien semi-prive */
#menuSemiPriveHighlighted
{
	display: block;
	width: 180px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	background: transparent url(../images/menuEn/semi_prive.jpg) no-repeat; 
	background-position: -177px 0;
	outline:none;
}

#menuSemiPriveHighlighted a
{ 
  display: none;
  outline:none;  
} 

#menuSemiPrive
{
	width: 180px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuSemiPrive a
{
  float: left;
  display: block;
  width: 180px;
  height: 28px;
  background: transparent url(../images/menuEn/semi_prive.jpg) no-repeat;
  outline:none;  
} 

#menuSemiPrive a:hover
{
	background-position: -177px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 180px;
	height: 41px;
	outline:none;
}  



/* other images */

.login-go{ 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	background-image: url(../images/submit_en.gif); 
	vertical-align: middle;
}

.calculate{ 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	background-image:url(../images/calculate_en.gif); 
	vertical-align: middle;
}

#greyPanel .submit{ 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	background-image:url(../images/submit_en.gif); 
	vertical-align: middle;
	margin: 20px 0 30px 45px;
}

#greyPanel .send{ 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	background-image:url(../images/send_en.gif); 
	vertical-align: middle;
	margin: 40px 0 30px 15px;
}

.envoyer {
    background-image: url("../images/send_en.gif");
    border: 0 solid #FFFFFF;
    height: 26px;
    margin: 10px 0 0;
    vertical-align: middle;
    width: 100px;
}

#greyPanel .sendContact{ 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	background-image:url(../images/send_en.gif); 
	vertical-align: middle;
	margin: 20px 0 30px 15px;
}


