.header {
	background:url(../images/nautiluspluslogo_fr.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/menuFr/apropos.gif) no-repeat; 
	background-position: -75px 0;
	margin-left:0px;
}

#menuAproposHighlighted a
{
  float: left;
  display: block;
  width: 75px;
  height: 28px;
  background: transparent url(../images/menuFr/apropos.gif) no-repeat;
  background-position: -75px 0;  
} 


#menuApropos
{
	width: 75px;
	height: 28px; 
	float: left;
	margin-left:0px;
}

#menuApropos a
{
  float: left;
  display: block;
  width: 75px;
  height: 28px;
  background: transparent url(../images/menuFr/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: 5px;
	display: block;
	background: transparent url(../images/menuFr/abonnement.jpg) no-repeat; 
	background-position: -95px 0;

}

#menuAbonnementHighlighted a
{
  float: left;
  display: block;
  width: 95px;
  height: 28px;
  background: transparent url(../images/menuFr/abonnement.jpg) no-repeat; 
  background-position: -95px 0;
  text-decoration:none;
} 
 

#menuAbonnement
{
	width: 95px;
	height: 28px; 
	float: left; 
	margin-left: 5px;
}

#menuAbonnement a
{
  float: left;
  display: block;
  width: 95px;
  height: 28px;
  background: transparent url(../images/menuFr/abonnement.jpg) no-repeat; 
} 

#menuAbonnement a:hover
{
	background-position: -95px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 95px;
	height: 41px;
} 

/*==========menu service=====================*/
#menuServiceHighlighted
{
	width: 80px;
	height: 41px; 
	float: left; 
	margin-left: 8px;
	display: block;
	background: transparent url(../images/menuFr/services.jpg) no-repeat; 
	background-position: -80px 0;

}

#menuServiceHighlighted a
{
	float: left;
	display: block;
	width: 80px;
	height: 28px;
	background: transparent url(../images/menuFr/services.jpg) no-repeat; 
	background-position: -80px 0;
	text-decoration:none;
} 
 

#menuService
{
	width: 80px;
	height: 28px; 
	float: left; 
	margin-left: 8px;
}

#menuService a
{
  float: left;
  display: block;
  width: 80px;
  height: 28px;
  background: transparent url(../images/menuFr/services.jpg) no-repeat; 
} 

#menuService a:hover
{
	background-position: -80px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 80px;
	height: 41px;
} 


#menuPromotionHighlighted
{
	width: 78px;
	height: 41px; 
	float: left; 
	display: block;
	margin-left: 15px;
	background: transparent url(../images/menuFr/promotion.jpg) no-repeat; 
	background-position: -78px 0;
	text-decoration:none;
}

#menuPromotionHighlighted a
{ 
  float: left;
  display: block;
  width: 78px;
  height: 28px;
  background: transparent url(../images/menuFr/promotion.jpg) no-repeat;
  background-position: -78px 0;
  text-decoration:none;
} 

#menuPromotion
{
	width: 78px;
	height: 28px; 
	float: left; 
	margin-left: 15px;
}

#menuPromotion a
{
  float: left;
  display: block;
  width: 78px;
  height: 28px;
  background: transparent url(../images/menuFr/promotion.jpg) no-repeat; 
} 

#menuPromotion a:hover
{
	background-position: -78px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 78px;
	height: 41px;
} 


#menuSuccursaleHighlighted
{
	width: 90px;
	height: 41px; 
	float: left; 
	margin-left: 10px;
	display: block;
	background: transparent url(../images/menuFr/succursale.jpg) no-repeat; 
	background-position: -93px 0;
}

#menuSuccursaleHighlighted a
{
  float: left;
  display: block;
  width: 90px;
  height: 28px;
  background: transparent url(../images/menuFr/succursale.jpg) no-repeat;
  background-position: -93px 0;
  text-decoration:none;
} 

#menuSuccursale
{
	width: 90px;
	height: 28px; 
	float: left; 
	margin-left: 10px;
}

#menuSuccursale a
{
  float: left;
  display: block;
  width: 90px;
  height: 28px;
  background: transparent url(../images/menuFr/succursale.jpg) no-repeat; 
} 

#menuSuccursale a:hover
{
	background-position: -93px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 90px;
	height: 41px;
} 

#menuCarriereHighlighted
{
	width: 79px;
	height: 41px; 
	float: left; 
	margin-left: 10px;
	display: block;
	background: transparent url(../images/menuFr/carriere.jpg) no-repeat; 
	background-position: -79px 0;
}

#menuCarriereHighlighted a
{
  float: left;
  display: block;
  width: 79px;
  height: 28px;
  background: transparent url(../images/menuFr/carriere.jpg) no-repeat;
  background-position: -79px 0;
  text-decoration:none;
} 

#menuCarriere
{
	width: 79px;
	height: 28px; 
	float: left; 
	margin-left: 10px;
}

#menuCarriere a
{
  float: left;
  display: block;
  width: 79px;
  height: 28px;
  background: transparent url(../images/menuFr/carriere.jpg) no-repeat; 
} 

#menuCarriere a:hover
{
	background-position: -79px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 79px;
	height: 41px;
} 

#menuBoutiqueHighlighted
{
	width: 126px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	display: block;
	background: transparent url(../images/menuFr/boutique.jpg) no-repeat; 
	background-position: -126px 0;
}

#menuBoutiqueHighlighted a
{
  display: none;
} 

#menuBoutique
{
	width: 126px;
	height: 28px; 
	float: left; 
	margin-left: 20px;
}

#menuBoutique a
{
  float: left;
  display: block;
  width: 126px;
  height: 28px;
  background: transparent url(../images/menuFr/boutique.jpg) no-repeat; 
} 

#menuBoutique a:hover
{
	background-position: -126px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 126px;
	height: 41px;
} 


#menuBlogHighlighted
{
	display: block;
	width: 121px;
	height: 41px; 
	float: left; 
	margin-left: 20px;
	background: transparent url(../images/menuFr/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/menuFr/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: 121px;
	height: 41px; 
	float: left; 
	margin-left: 10px;
	background: transparent url(../images/menuFr/cours_groupe.jpg) no-repeat; 
	background-position: -118px 0;
	outline:none;
}

#menuCoursHighlighted a
{ 
  display: none;
  outline:none;  
} 

#menuCours
{
	width: 121px;
	height: 28px; 
	float: left; 
	margin-left: 10px;
}

#menuCours a
{
  float: left;
  display: block;
  width: 121px;
  height: 28px;
  background: transparent url(../images/menuFr/cours_groupe.jpg) no-repeat;
  outline:none;  
} 

#menuCours a:hover
{
	background-position: -118px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 121px;
	height: 41px;
	outline:none;
} 

/* lien semi-prive */
#menuSemiPriveHighlighted
{
	display: block;
	width: 245px;
	height: 41px; 
	float: left; 
	margin-left: 10px;
	background: transparent url(../images/menuFr/semi_prive.jpg) no-repeat; 
	background-position: -240px 0;
	outline:none;
}

#menuSemiPriveHighlighted a
{ 
  float: left;
  display: block;
  width: 245px;
  height: 28px;
  background: transparent url(../images/menuFr/semi_prive.jpg) no-repeat;
  background-position: -240px 0;
  text-decoration:none;
  outline:none;  
} 

#menuSemiPrive
{
	width: 245px;
	height: 28px; 
	float: left; 
	margin-left: 10px;
}

#menuSemiPrive a
{
  float: left;
  display: block;
  width: 245px;
  height: 28px;
  background: transparent url(../images/menuFr/semi_prive.jpg) no-repeat;
  outline:none;  
} 

#menuSemiPrive a:hover
{
	background-position: -240px 0;
	text-decoration: none;
	display: block;
	float: left;
	width: 245px;
	height: 41px;
	outline:none;
}  
 

/* other images */

.login-go{ 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	background-image:url(../images/submit.gif); 
	vertical-align: middle;
}

.calculate{ 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	background-image:url(../images/calculate.gif); 
	vertical-align: middle;
}

#greyPanel .submit{ 
	background-image:url(../images/submit.gif); 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	vertical-align: middle;
	margin: 20px 0 30px 45px;
}

#greyPanel .send{ 
	width:100px; 
	height:26px; 
	border: 0px solid #FFFFFF;
	background-image:url(../images/send.gif); 
	vertical-align: middle;
	margin: 40px 0 30px 15px;
}

.envoyer {
    background-image: url("../images/send.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.gif); 
	vertical-align: middle;
	margin: 20px 0 30px 15px;
}