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

/******************************************/
/********* Navigation Principale **********/
/******************************************/
	
div#navPrincipale {
	position: absolute;
	width: 920px;
	height: 21px;
	bottom: 28px;
	left: 25px;
	margin: 0;
	padding: 0;
	}
body.pageAccueil #global1 #global2 div#navPrincipale,
body.pageAnimation #global1 #global2 div#navPrincipale {
	display: none;
	}
	div#navPrincipale ul#menuNavPrincipale {
		width: 920px;
		height: 21px;
		background: transparent url(../images/fr/nav_principale.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navPrincipale ul#menuNavPrincipale li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			display: block;
			height: 21px;
		}
		div#navPrincipale ul#menuNavPrincipale li#navAventure {
			left: 0;
			width: 106px;
		}
		div#navPrincipale ul#menuNavPrincipale li#navMetier {
			left: 106px;
			width: 110px;
		}
		div#navPrincipale ul#menuNavPrincipale li#navCollections {
			left: 220px;
			width: 127px;
			}
		div#navPrincipale ul#menuNavPrincipale li#navPhilosophie {
			left: 347px;
			width: 125px;
		}
		div#navPrincipale ul#menuNavPrincipale li#navInspirations {
			left: 472px;
			width: 126px;
		}
		div#navPrincipale ul#menuNavPrincipale li#navPresse {
			left: 598px;
			width: 86px;
		}
		div#navPrincipale ul#menuNavPrincipale li#navTrouver {
			left: 684px;
			width: 146px;
		}
		div#navPrincipale ul#menuNavPrincipale li#navContacts {
			left: 830px;
			width: 90px;
			}
			div#navPrincipale ul#menuNavPrincipale li a {
				text-indent: -9999px;
				text-decoration: none;
				height: 21px;
				display: block;
				}
			div#navPrincipale ul#menuNavPrincipale li a.lienNavPrincipaleOn {
				border-left: 1px solid #00a487;
				color: #00a487;
				}
			div#navPrincipale ul#menuNavPrincipale li#navAventure a:hover {
				background: transparent url(../images/fr/nav_principale.gif) 0 -21px no-repeat;
			}
			div#navPrincipale ul#menuNavPrincipale li#navMetier a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -106px -21px no-repeat;
			}
			div#navPrincipale ul#menuNavPrincipale li#navCollections a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -220px -21px no-repeat;
				}
			div#navPrincipale ul#menuNavPrincipale li#navPhilosophie a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -347px -21px no-repeat;
			}
			div#navPrincipale ul#menuNavPrincipale li#navInspirations a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -472px -21px no-repeat;
			}
			div#navPrincipale ul#menuNavPrincipale li#navPresse a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -598px -21px no-repeat;
			}
			div#navPrincipale ul#menuNavPrincipale li#navTrouver a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -684px -21px no-repeat;
			}
			div#navPrincipale ul#menuNavPrincipale li#navContacts a:hover {
				background: transparent url(../images/fr/nav_principale.gif) -830px -21px no-repeat;
				}

			body#pageCollectionsGammes div#navPrincipale ul#menuNavPrincipale li#navCollections {
				background: transparent url(../images/fr/nav_principale.gif) -220px -21px no-repeat;
				}
			body#pageTrouver div#navPrincipale ul#menuNavPrincipale li#navTrouver {
				background: transparent url(../images/fr/nav_principale.gif) -684px -21px no-repeat;
			}
			body#pageContacts div#navPrincipale ul#menuNavPrincipale li#navContacts {
				background: transparent url(../images/fr/nav_principale.gif) -830px -21px no-repeat;
				}
			body#pageInspirations div#navPrincipale ul#menuNavPrincipale li#navInspirations {
				background: transparent url(../images/fr/nav_principale.gif) -472px -21px no-repeat;
			}
			body#pagePresse div#navPrincipale ul#menuNavPrincipale li#navPresse {
				background: transparent url(../images/fr/nav_principale.gif) -598px -21px no-repeat;
			}

/***** Menus Principaux **********/

.ssmenuPrincipal {
	position: absolute;
	bottom: 28px;
	background: #fff;
	text-align: left;
	border-left: 2px solid #00a487;
	z-index: 1000;
	visibility: hidden;
	}
.ssmenuPrincipalOn {
	position: absolute;
	bottom: 28px;
	background: #fff;
	text-align: left;
	border-left: 2px solid #00a487;
	z-index: 1000;
	visibility: visible;
	}
	.ssmenuPrincipal h6,
	.ssmenuPrincipalOn h6 {
		margin: 0;
		padding: 0 0 5px 7px;
		font-size: 11px;
		line-height: 11px;
		text-transform: uppercase;
		color: #00a487;
		font-weight: bold;
	}
	.ssmenuPrincipal ul,
	.ssmenuPrincipalOn ul {
		margin: 0;
		padding: 0 0 0 7px;	
		}
		.ssmenuPrincipal ul li,
		.ssmenuPrincipalOn ul li {	
			margin: 0;
			padding: 0;
			list-style-position: outside;
			list-style-type: none;
			}
			.ssmenuPrincipal ul li a,
			.ssmenuPrincipalOn ul li a {
				display: block;
				font-size: 11px;
				line-height: 15px;
				height: 15px;
				text-decoration: none;
				color: #000;
				margin: 0;
				padding: 0;
			}
			.ssmenuPrincipal ul li a:hover,
			.ssmenuPrincipal ul li a:active,
			.ssmenuPrincipalOn ul li a:hover,
			.ssmenuPrincipalOn ul li a:active {
				color: #00a487;
				text-decoration: none;
			}

/***** SsMenu Aventure **********/
			
#ssmenuAventure {
	width: 99px;
	left: 25px;
}
body.pageAventure #ssmenuAventure {
	visibility: visible;
}
body#pageAventureHistoire #lienHistoire a,
body#pageAventureAujourdhui #lienAujourdhui a {
	color: #00a487;
}
  
/***** SsMenu Métier **********/
			
#ssmenuMetier {
	width: 110px;
	left: 131px;
}
body.pageMetier #ssmenuMetier {
	visibility: visible;
}
body#pageMetierPate #lienPate a,
body#pageMetierTours #lienTours a,
body#pageMetierGres #lienGres a,
body#pageMetierMateriau #lienMateriau a,
body#pageMetierEmail #lienEmail a,
body#pageMetierCrucuit #lienCrucuit a {
	color: #00a487;
}
/***** SsMenu Collections **********/
			
#ssmenuCollections {
	width: 119px;
	left: 245px;
}
body.pageCollectionsProduits #ssmenuCollections {
	visibility: visible;
}
/***** SsMenu Philosophie **********/
			
#ssmenuPhilosophie {
	width: 114px;
	left: 372px;
}
body.pagePhilosophie #ssmenuPhilosophie {
	visibility: visible;
}
body#pagePhilosophieCreation #lienCreation a,
body#pagePhilosophieCasenove #lienCasenove a {
	color: #00a487;
}

/***********************************/
/******** Bouton Catalogue *********/
/***********************************/
	
	div#btnCatalogue {
		position: absolute;
		width: 170px;
		width: 114px;
		bottom: 10px;
		left: 253px;
		margin: 0;
		padding: 0;
		display: none;
		}
		div#btnCatalogue a:link, div#btnCatalogue a:visited {
			font-size: 10px;
			color: #00a487;
			text-decoration: none;
			text-transform: uppercase;
		}
		div#btnCatalogue a:hover, div#btnCatalogue a:active {
			font-size: 10px;
			color: #000;
			text-decoration: none;
			text-transform: uppercase;
		}
	body.pageCollectionsProduitsGammes div#btnCatalogue, body.pageCollectionsProduits div#btnCatalogue {
		display: block;
		}

/***********************************/
/********* Navigation Bdp **********/
/***********************************/
	
	div#navBdp {
		position: absolute;
		/*width: 114px;*/ /*longueur sans News*/
		width: 170px;
		height: 14px;
		bottom: 7px;
		
		/*right: 45px;*/ /*right sans News*/
		right: 33px;
		margin: 0;
		padding: 0;
		}
	body.pageAccueil #global1 #global2 div#navBdp,
	body.pageAnimation #global1 #global2 div#navBdp {
		display: none;
		}
		div#navBdp ul#menuNavBdp {
			margin: 0;
			padding: 0;
			}
			div#navBdp ul#menuNavBdp li {
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				top: 0;
				border-top: 1px solid #999;
			}
			div#navBdp ul#menuNavBdp li#navHome {
				left: 0;
				width: 36px;
				border-right: 1px solid #999;
			}
			div#navBdp ul#menuNavBdp li#navNews {
				left: 36px;
				width: 42px;
				border-right: 1px solid #999;
				text-align: center;
			}
			div#navBdp ul#menuNavBdp li#navMentions {
				/*left: 36px;*/ /*left sans News*/
				left: 78px;
				width: 90px;
				text-align: right;
			}
				div#navBdp ul#menuNavBdp li a {
					margin: 0;
					padding: 0;
					height: 14px;
					display: block;
					font-size: 10px;
					line-height: 14px;
					}
				div#navBdp ul#menuNavBdp li a:link, div#navBdp ul#menuNavBdp li a:visited {
					color: #999;
					}
				div#navBdp ul#menuNavBdp li a:hover, div#navBdp ul#menuNavBdp li a:active {
					color: #00a487;
					}
				div#navBdp ul#menuNavBdp li a.lienNavBdpOn {
					color: #00a487;
					}

/*************************************************/
/********* Navigation Produits Finition **********/
/*************************************************/
	
	div#navProduitsFinitions {
		position: absolute;
		width: 105px;
		top: 147px;
		left: 407px;
		background: #f8f3ea;
		margin: 0;
		padding: 0 0 5px 10px;
		z-index: 1;
		}
		div#navProduitsFinitions h3 {
			margin: 0;
			padding: 2px 0 0 0;
			font-size: 11px;
			line-height: 14px;			
			}
		div#navProduitsFinitions ul {
			margin: 0;
			padding: 3px 0 0 0;
			}
			div#navProduitsFinitions ul li {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				div#navProduitsFinitions ul li a {
					margin: 0;
					padding: 0;
					font-size: 10px;
					line-height: 14px;
					text-transform: uppercase;
					}
				div#navProduitsFinitions ul li a:link, div#navProduitsFinitions ul li a:visited {
					color: #00a487;
					}
				div#navProduitsFinitions ul li a.lienFinitionOn:link, div#navProduitsFinitions ul li a.lienFinitionOn:visited {
					color: #92d1d0;
					}
				div#navProduitsFinitions ul li a:hover, div#navProduitsFinitions ul li a:active {
					color: #000;
					}