@charset "utf-8";
/* CSS Document */

/******************************************/
/********* Navigation Franchise ***********/
/******************************************/

div#navFranchise {
	height: 31px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 45px;
	top: 130px;
	z-index: 2;
	}

	div#navFranchise ul#menuNavFranchise {
		width: 95px;
		height: 31px;
		background: transparent url(../images/fr/nav_franchise.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navFranchise ul#menuNavFranchise li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			ul#menuNavFranchise li, ul#menuNavFranchise a {
				height: 31px;
				display: block;
			}
			div#navFranchise ul#menuNavFranchise li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navFranchise {
				left: 0;
				width: 95px;
			}
			#navFranchise a:hover {
				background: transparent url(../images/fr/nav_franchise.gif) 0 -31px no-repeat;
			}
body#pageFranchise #navFranchise {
	background: transparent url(../images/fr/nav_franchise.gif) 0 -31px no-repeat;
}

/******************************************/
/********* Navigation Principale **********/
/******************************************/

div#navPrincipale {
	height: 54px;
	margin: 0;
	padding: 0;
	}
	div#navPrincipale ul#menuNavPrincipale {
		width: 990px;
		height: 54px;
		background: transparent url(../images/fr/nav_principale.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navPrincipale ul#menuNavPrincipale li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			ul#menuNavPrincipale li, ul#menuNavPrincipale a {
				height: 54px;
				display: block;
			}
			div#navPrincipale ul#menuNavPrincipale li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navEnseigne {
				left: 20px;
				width: 166px;
			}
			#navRejoignez {
				left: 186px;
				width: 247px;
			}
			#navProduits {
				left: 433px;
				width: 165px;
			}
			#navMagasins {
				left: 598px;
				width: 228px;
			}
			#navAgoraphile {
				left: 826px;
				width: 164px;
			}
			#navEnseigne a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -20px -54px no-repeat;
			}
			#navRejoignez a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -186px -54px no-repeat;
			}
			#navProduits a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -433px -54px no-repeat;
			}
			#navMagasins a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -598px -54px no-repeat;
			}
			#navAgoraphile a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -826px -54px no-repeat;
			}
body#pageEnseigne #navEnseigne, 
body#pageEnseigneHistorique #navEnseigne, 
body#pageEnseigneConcept #navEnseigne,
body#pageEnseigneAtouts #navEnseigne, 
body#pageEnseigneActualite #navEnseigne,
.navEnseigneOn  
 {
	background: transparent url(../images/fr/nav_principale.gif) -20px -54px no-repeat;
}
body#pageRejoignez #navRejoignez, 
body#pageRejoignezOffre #navRejoignez, 
body#pageRejoignezPartenariat #navRejoignez, 
body#pageRejoignezCandidature #navRejoignez, 
body#pageRejoignezTemoignages #navRejoignez,
body#pageRejoignezOffre2 #navRejoignez, 
body#pageRejoignezPartenariat2 #navRejoignez,
body#pageRejoignezContact2 #navRejoignez,
body#pageRejoignezMetiers #navRejoignez,
body#pageRejoignezOffre3 #navRejoignez,
.navRejoignezOn
 {
	background: transparent url(../images/fr/nav_principale.gif) -186px -54px no-repeat;
}
body#pageProduits #navProduits, 
body#pageProduitsPresse #navProduits, 
body#pageProduitsLibrairie #navProduits, 
body#pageProduitsLoisirs #navProduits,
.navProduitsOn  
 {
	background: transparent url(../images/fr/nav_principale.gif) -433px -54px no-repeat;
}
body#pageMagasins #navMagasins {
	background: transparent url(../images/fr/nav_principale.gif) -598px -54px no-repeat;
}
body#pageAgoraphile #navAgoraphile, 
body#pageAgoraphileCarte #navAgoraphile, 
body#pageAgoraphileSacs #navAgoraphile, 
body#pageAgoraphileAnimations #navAgoraphile, 
body#pageAgoraphileServices #navServicesAgora,
.navAgoraphileOn    
 {
	background: transparent url(../images/fr/nav_principale.gif) -826px -54px no-repeat;
}

/***************************************************/
/******** Navigation Découvrez l'enseigne **********/
/***************************************************/

div#navDecouvrezEnseigne {
	position: absolute;
	width: 160px;
	height: 148px;
	/*top: 55px;*/
	top: 85px;
	left: 20px;
	margin: 0;
	padding: 0;	
	}
	div#navDecouvrezEnseigne ul#menuNavDecouvrezEnseigne {
		width: 160px;
		height: 148px;
		background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navDecouvrezEnseigne ul#menuNavDecouvrezEnseigne li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}
			ul#menuNavDecouvrezEnseigne li, ul#menuNavDecouvrezEnseigne a {
				width: 160px;
				height: 37px;
				display: block;
			}
			div#navDecouvrezEnseigne ul#menuNavDecouvrezEnseigne li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navHistorique {
				top: 0;
				height: 37px;
			}
			#navConcept {
				top: 37px;
				height: 37px;
			}
			#navAtouts {
				top: 74px;
				height: 37px;
			}
			#navActualite {
				top: 111px;
				height: 37px;
			}
			#navHistorique a:hover {
				background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) 0 -151px no-repeat;
			}
			#navConcept a:hover {
				background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) 0 -187px no-repeat;
			}
			#navAtouts a:hover {
				background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) 0 -224px no-repeat;
			}
			#navActualite a:hover {
				background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) 0 -261px no-repeat;
			}
body#pageEnseigneHistorique #navHistorique {
	background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) 0 -151px no-repeat;
}
body#pageEnseigneConcept #navConcept {
	background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) 0 -187px no-repeat;
}
body#pageEnseigneAtouts #navAtouts {
	background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) 0 -224px no-repeat;
}
body#pageEnseigneActualite #navActualite {
	background: transparent url(../images/fr/nav_decouvrez_enseigne.gif) 0 -261px no-repeat;
}


/***************************************************/
/********* Navigation Rejoignez Franchise **********/
/***************************************************/

div#navRejoignezFranchise {
	position: absolute;
	width: 160px;
	height: 147px;
	top: 55px;
	left: 20px;
	margin: 0;
	padding: 0;
	
	}
	div#navRejoignezFranchise ul#menuNavRejoignezFranchise {
		width: 160px;
		height: 147px;
		background: transparent url(../images/fr/nav_rejoignez_franchise.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navRejoignezFranchise ul#menuNavRejoignezFranchise li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}
			ul#menuNavRejoignezFranchise li, ul#menuNavRejoignezFranchise a {
				width: 160px;
				height: 37px;
				display: block;
			}
			div#navRejoignezFranchise ul#menuNavRejoignezFranchise li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navOffre {
				top: 0;
				height: 37px;
			}
			#navPartenariat {
				top: 37px;
				height: 37px;
			}
			#navCandidature {
				top: 74px;
				height: 37px;
			}
			#navTemoignages {
				top: 111px;
				height: 35px;
			}
			#navOffre a:hover {
				background: transparent url(../images/fr/nav_rejoignez_franchise.gif) 0 -149px no-repeat;
			}
			#navPartenariat a:hover {
				background: transparent url(../images/fr/nav_rejoignez_franchise.gif) 0 -186px no-repeat;
			}
			#navCandidature a:hover {
				background: transparent url(../images/fr/nav_rejoignez_franchise.gif) 0 -223px no-repeat;
			}
			#navTemoignages a:hover {
				background: transparent url(../images/fr/nav_rejoignez_franchise.gif) 0 -260px no-repeat;
			}
body#pageRejoignezOffre #navOffre {
	background: transparent url(../images/fr/nav_rejoignez_franchise.gif) 0 -149px no-repeat;
}
body#pageRejoignezPartenariat #navPartenariat {
	background: transparent url(../images/fr/nav_rejoignez_franchise.gif) 0 -186px no-repeat;
}
body#pageRejoignezCandidature #navCandidature {
	background: transparent url(../images/fr/nav_rejoignez_franchise.gif) 0 -223px no-repeat;
}
body#pageRejoignezTemoignages #navTemoignages {
	background: transparent url(../images/fr/nav_rejoignez_franchise.gif) 0 -260px no-repeat;
}

/***************************************************/
/********* Navigation Rejoignez Affiliation **********/
/***************************************************/

div#navRejoignezAffiliation {
	position: absolute;
	width: 160px;
	height: 109px;
	top: 55px;
	left: 20px;
	margin: 0;
	padding: 0;
	
	}
	div#navRejoignezAffiliation ul#menuNavRejoignezAffiliation {
		width: 160px;
		height: 109px;
		background: transparent url(../images/fr/nav_rejoignez_affiliation.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navRejoignezAffiliation ul#menuNavRejoignezAffiliation li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}
			ul#menuNavRejoignezAffiliation li, ul#menuNavRejoignezAffiliation a {
				width: 160px;
				height: 36px;
				display: block;
			}
			div#navRejoignezAffiliation ul#menuNavRejoignezAffiliation li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navOffre2 {
				top: 0;
				height: 36px;
			}
			#navPartenariat2 {
				top: 36px;
				height: 36px;
			}
			#navContact2 {
				top: 72px;
				height: 36px;
			}
			#navOffre2 a:hover {
				background: transparent url(../images/fr/nav_rejoignez_affiliation.gif) 0 -112px no-repeat;
			}
			#navPartenariat2 a:hover {
				background: transparent url(../images/fr/nav_rejoignez_affiliation.gif) 0 -148px no-repeat;
			}
			#navContact2 a:hover {
				background: transparent url(../images/fr/nav_rejoignez_affiliation.gif) 0 -184px no-repeat;
			}
body#pageRejoignezOffre2 #navOffre2 {
	background: transparent url(../images/fr/nav_rejoignez_affiliation.gif) 0 -112px no-repeat;
}
body#pageRejoignezPartenariat2 #navPartenariat2 {
	background: transparent url(../images/fr/nav_rejoignez_affiliation.gif) 0 -148px no-repeat;
}
body#pageRejoignezContact2 #navContact2 {
	background: transparent url(../images/fr/nav_rejoignez_affiliation.gif) 0 -184px no-repeat;
}

/***************************************************/
/*********** Navigation Rejoignez Emploi ***********/
/***************************************************/

div#navRejoignezEmploi {
	position: absolute;
	width: 160px;
	height: 72px;
	top: 55px;
	left: 20px;
	margin: 0;
	padding: 0;
	
	}
	div#navRejoignezEmploi ul#menuNavRejoignezEmploi {
		width: 160px;
		height: 72px;
		background: transparent url(../images/fr/nav_rejoignez_emploi.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navRejoignezEmploi ul#menuNavRejoignezEmploi li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}
			ul#menuNavRejoignezEmploi li, ul#menuNavRejoignezEmploi a {
				width: 160px;
				height: 35px;
				display: block;
			}
			div#navRejoignezEmploi ul#menuNavRejoignezEmploi li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navMetiers {
				top: 0;
				height: 35px;
			}
			#navOffre3 {
				top: 35px;
				height: 35px;
			}
			#navMetiers a:hover {
				background: transparent url(../images/fr/nav_rejoignez_emploi.gif) 0 -75px no-repeat;
			}
			#navOffre3 a:hover {
				background: transparent url(../images/fr/nav_rejoignez_emploi.gif) 0 -109px no-repeat;
			}
body#pageRejoignezMetiers #navMetiers {
	background: transparent url(../images/fr/nav_rejoignez_emploi.gif) 0 -75px no-repeat;
}
body#pageRejoignezOffre3 #navOffre3 {
	background: transparent url(../images/fr/nav_rejoignez_emploi.gif) 0 -109px no-repeat;
}

/***************************************************/
/******** Navigation Adoptez nos produits **********/
/***************************************************/

div#navAdoptezProduits {
	position: absolute;
	width: 160px;
	height: 114px;
/*	top: 55px;*/
	top: 85px;
	left: 20px;
	margin: 0;
	padding: 0;
	
	}
	div#navAdoptezProduits ul#menuNavAdoptezProduits {
		width: 160px;
		height: 114px;
		background: transparent url(../images/fr/nav_adoptez_produits.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navAdoptezProduits ul#menuNavAdoptezProduits li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}
			ul#menuNavAdoptezProduits li, ul#menuNavAdoptezProduits a {
				width: 160px;
				height: 37px;
				display: block;
			}
			div#navAdoptezProduits ul#menuNavAdoptezProduits li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navPresse {
				top: 0;
				height: 37px;
			}
			#navLibrairie {
				top: 37px;
				height: 38px;
			}
			#navLoisirsCulturels {
				top: 75px;
				height: 39px;
			}
			#navPresse a:hover {
				background: transparent url(../images/fr/nav_adoptez_produits.gif) 0 -115px no-repeat;
			}
			#navLibrairie a:hover {
				background: transparent url(../images/fr/nav_adoptez_produits.gif) 0 -152px no-repeat;
			}
			#navLoisirsCulturels a:hover {
				background: transparent url(../images/fr/nav_adoptez_produits.gif) 0 -191px no-repeat;
			}
body#pageProduitsPresse #navPresse {
	background: transparent url(../images/fr/nav_adoptez_produits.gif) 0 -115px no-repeat;
}
body#pageProduitsLibrairie #navLibrairie {
	background: transparent url(../images/fr/nav_adoptez_produits.gif) 0 -152px no-repeat;
}
body#pageProduitsLoisirs #navLoisirsCulturels {
	background: transparent url(../images/fr/nav_adoptez_produits.gif) 0 -191px no-repeat;
}

/******************************************/
/********** Navigation Magasins ***********/
/******************************************/

div#navLocalisezBoutique {
	position: absolute;
	width: 180px;
	height: 37px;
	top: 45px;
	left: 20px;
	margin: 0;
	padding: 0;
	
	}
	div#navLocalisezBoutique ul#menuNavLocalisezBoutique {
		width: 180px;
		height: 37px;
		background: transparent url(../images/fr/nav_magasins.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navLocalisezBoutique ul#menuNavLocalisezBoutique li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}
			ul#menuNavLocalisezBoutique li, ul#menuNavLocalisezBoutique a {
				width: 180px;
				height: 37px;
				display: block;
			}
			div#navLocalisezBoutique ul#menuNavLocalisezBoutique li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navPresdechezvous {
				top: 0;
				height: 37px;
			}
			#navPresdechezvous a:hover {
				background: transparent url(../images/fr/nav_magasins.gif) 0 -41px no-repeat;
			}
/*body#pageMagasins #navPresdechezvous {
	background: transparent url(../images/fr/nav_magasins.gif) 0 -41px no-repeat;
}*/
/***************************************************/
/********* Navigation Devenez Agoraphile ***********/
/***************************************************/

div#navDevenezAgoraphile {
	position: absolute;
	width: 160px;
	height: 149px;
/*	top: 55px;*/
	top: 75px;
	left: 20px;
	margin: 0;
	padding: 0;
	
	}
	div#navDevenezAgoraphile ul#menuNavDevenezAgoraphile {
		width: 160px;
		height: 149px;
		background: transparent url(../images/fr/nav_devenez_agoraphile.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navDevenezAgoraphile ul#menuNavDevenezAgoraphile li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}
			ul#menuNavDevenezAgoraphile li, ul#menuNavDevenezAgoraphile a {
				width: 160px;
				height: 37px;
				display: block;
			}
			div#navDevenezAgoraphile ul#menuNavDevenezAgoraphile li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navCarteFidelite {
				top: 0;
				height: 36px;
			}
			#navSacs {
				top: 35px;
				height: 37px;
			}
			#navAnimations {
				top: 72px;
				height: 38px;
			}
			#navServicesAgora {
				top: 110px;
				height: 38px;
			}
			#navCarteFidelite a:hover {
				background: transparent url(../images/fr/nav_devenez_agoraphile.gif) 0 -151px no-repeat;
			}
			#navSacs a:hover {
				background: transparent url(../images/fr/nav_devenez_agoraphile.gif) 0 -186px no-repeat;
			}
			#navAnimations a:hover {
				background: transparent url(../images/fr/nav_devenez_agoraphile.gif) 0 -223px no-repeat;
			}
			#navServicesAgora a:hover {
				background: transparent url(../images/fr/nav_devenez_agoraphile.gif) 0 -261px no-repeat;
			}
body#pageAgoraphileCarte #navCarteFidelite {
	background: transparent url(../images/fr/nav_devenez_agoraphile.gif) 0 -151px no-repeat;
}
body#pageAgoraphileSacs #navSacs {
	background: transparent url(../images/fr/nav_devenez_agoraphile.gif) 0 -186px no-repeat;
}
body#pageAgoraphileAnimations #navAnimations {
	background: transparent url(../images/fr/nav_devenez_agoraphile.gif) 0 -223px no-repeat;
}
body#pageAgoraphileServices #navServicesAgora {
	background: transparent url(../images/fr/nav_devenez_agoraphile.gif) 0 -261px no-repeat;
}

/***** Menus Haut **********/

.menuHaut  {
	position: absolute;
	text-align: left;
	visibility: hidden;
	z-index: 1000;
	}
	.menuHaut ul {
	margin: 5px;
	padding: 0;
	
		}
		.menuHaut ul li {	
			margin: 0;
			padding: 0;
			list-style-position: outside;
			list-style-type: none;
			}
			.menuHaut ul li a {
				display: block;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				line-height: 17px;
				height: 17px;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				margin: 0;
				padding: 0;
			}
			.menuHaut ul li a:hover, .menuHaut ul li a:active {
				color: #000;
				text-decoration: none;
			}


/***** Menu Enseigne **********/
			
#menuEnseigne {
	width: 135px;
	height: 80px;
	top: 155px;
	left: 31px;
	background: url(../images/commun/fond_menu_enseigne.gif) left top no-repeat;
	}

/***** Menu Rejoignez **********/
			
#menuRejoignez {
	width: 130px;
	height: 40px;
	top: 155px;
	left: 195px;
	background: url(../images/commun/fond_menu_rejoignez.gif) left top no-repeat;
	}

/***** Menu Produits **********/
			
#menuProduits {
	width: 145px;
	height: 60px;
	top: 155px;
	left: 443px;
	background: url(../images/commun/fond_menu_produits.gif) left top no-repeat;
	}

/***** Menu Agoraphile **********/
			
#menuAgoraphile {
	width: 138px;
	height: 77px;
	top: 156px;
	left: 835px;
	background: url(../images/commun/fond_menu_agoraphile.gif) left top no-repeat;
	}