﻿@charset "utf-8";
@import "default.css";
/* CSS Document : Le Panyol */

/**********************************/
/*****Gestion des Backgrounds******/
/**********************************/

body#conseils_entretien #contenu {background: transparent url(../Images/fr/conseils_entretien_background.jpg) 100% 0 no-repeat;}
body#conseils_montage #contenu {background: transparent url(../Images/fr/conseils_montage_background.jpg) 100% 0 no-repeat;}
body#conseils_preparation #contenu {background: transparent url(../Images/fr/conseils_preparation_background.jpg) 100% 0 no-repeat;}
body#conseils_recettes #contenu {background: transparent url(../Images/fr/conseils_recettes_background.jpg) 100% 0 no-repeat;}
body#conseils_recettes_pizza #contenu {background: transparent url(../Images/fr/conseils_recettes_pizza_background.jpg) 100% 0 no-repeat;}
body#conseils_recettes_pain #contenu {background: transparent url(../Images/fr/conseils_recettes_pain_background.jpg) 100% 0 no-repeat;}
body#conseils_recettes_gigot #contenu {background: transparent url(../Images/fr/conseils_recettes_gigot_background.jpg) 100% 0 no-repeat;}
body#conseils_recettes_tarte #contenu {background: transparent url(../Images/fr/conseils_recettes_tarte_background.jpg) 100% 0 no-repeat;}
body#conseils_stockage #contenu {background: transparent url(../Images/fr/conseils_stockage_background.jpg) 100% 0 no-repeat;}
body#conseils_utilisation #contenu {background: transparent url(../Images/fr/conseils_utilisation_background.jpg) 100% 0 no-repeat;}

body#contact_formulaire #contenu {background: transparent url(../Images/fr/contact_formulaire_background.jpg) 100% 0 no-repeat;}
body#contact_liens #contenu {background: transparent url(../Images/fr/contact_liens_background.jpg) 100% 0 no-repeat;}

body#faq #contenu {background: transparent url(../Images/fr/faq_background.jpg) top left no-repeat;}
body#faq_formulaire #contenu {background: transparent url(../Images/fr/faq_formulaire_background.jpg) 100% 0 no-repeat;}

body#histoire_entreprise #contenu {background: transparent url(../Images/fr/histoire_entreprise_background.jpg) 100% 0 no-repeat;}
body#histoire_four #contenu {background: transparent url(../Images/fr/histoire_four_background.jpg) 100% 0 no-repeat;}
body#histoire_panyol #contenu {background: transparent url(../Images/fr/histoire_panyol_background.jpg) 100% 0 no-repeat;}

body#presse_actualites #contenu {background: transparent url(../Images/fr/presse_background.jpg) 100% 0 no-repeat;}
body#presse_photosHD #contenu {background: transparent url(../Images/fr/presse_background.jpg) 100% 0 no-repeat;}

body#produits_four #contenu {background: transparent url(../Images/fr/produits_four_background.jpg) 100% 0 no-repeat;}

body#produits_habillage #contenu {background: transparent url(../Images/fr/produits_habillage_background.jpg) 100% 0 no-repeat;}

body#produits_particuliers #contenu {background: transparent url(../Images/fr/produits_particuliers_background.jpg) 180px 5px no-repeat;}
html>body#produits_particuliers #contenu {background: transparent url(../Images/fr/produits_particuliers_background.jpg) 100% 0 no-repeat;}

body#produits_professionnels #contenu {background: transparent url(../Images/fr/produits_professionnels_background.jpg) 123px 3px no-repeat;}
html>body#produits_professionnels #contenu {background: transparent url(../Images/fr/produits_professionnels_background.jpg) 100% 0 no-repeat;}
body#produits_trouver #contenu {background: transparent url(../Images/fr/produits_trouver_background.jpg) 100% 0 no-repeat;}

body#terre_carriere #contenu {background: transparent url(../Images/fr/terre_carriere_background.jpg) 100% 0 no-repeat;}
body#terre_cuisine #contenu {background: transparent url(../Images/fr/terre_cuisine_background.jpg) 100% 0 no-repeat;}
body#terre_fabrication #contenu {background: transparent url(../Images/fr/terre_fabrication_background.jpg) 100% 0 no-repeat;}

/**********************************/
/***** Navigation Haut       ******/
/**********************************/
div#nav {
	background: transparent;
	border: 0;
	height: 37px;
	margin: 0;
	padding: 0;
	width: 630px;
}

div#nav ul#navItems {
	background: transparent url(../Images/fr/menu_navig.gif) top left no-repeat;
	height: 37px;	
	margin: 0;
	padding: 0;
	position: relative;
	width: 630px;
}

div#nav ul#navItems li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
	
ul#navItems li, ul#navItems a {
	display: block;
	height: 37px;
}

div#nav ul#navItems li a {
	text-decoration: none;
	text-indent: -9999px;
}
	
#navAccueil	{left: 0; width: 62px;}
#navHistoire {left: 69px; width: 64px;}
#navTerre {left: 136px; width: 104px;}
#navProduits {left: 239px; width: 81px;}
#navRealisations {left: 322px; width: 81px;}
#navConseils {left: 402px; width: 62px;}
#navDistributeurs {left: 462px; width: 80px;}
#navPresse {left: 541px; width: 45px;}
#navContact {left: 585px; width: 50px;}

#navAccueil a:hover	{background: transparent url(../Images/fr/menu_navig.gif) 0 -37px no-repeat;}
#navHistoire a:hover {background: transparent url(../Images/fr/menu_navig.gif) -69px -37px no-repeat;}
#navTerre a:hover {background: transparent url(../Images/fr/menu_navig.gif) -136px -37px no-repeat;}
#navProduits a:hover {background: transparent url(../Images/fr/menu_navig.gif) -239px -37px no-repeat;}
#navRealisations a:hover {background: transparent url(../Images/fr/menu_navig.gif) -322px -37px no-repeat;}
#navConseils a:hover {background: transparent url(../Images/fr/menu_navig.gif) -402px -37px no-repeat;}
#navDistributeurs a:hover {background: transparent url(../Images/fr/menu_navig.gif) -462px -37px no-repeat;}
#navPresse a:hover {background: transparent url(../Images/fr/menu_navig.gif) -541px -37px no-repeat;}
#navContact a:hover {background: transparent url(../Images/fr/menu_navig.gif) -585px -37px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#histoire_entreprise #navHistoire,
body#histoire_four #navHistoire,
body#histoire_panyol #navHistoire
{background: transparent url(../Images/fr/menu_navig.gif) -69px -37px no-repeat;}

body#terre_carriere #navTerre,
body#terre_fabrication #navTerre,
body#terre_cuite #navTerre,
body#terre_cuisine #navTerre
{background: transparent url(../Images/fr/menu_navig.gif) -136px -37px no-repeat;}

body#produits_particuliers #navProduits,
body#produits_professionnels #navProduits,
body#produits_habillage #navProduits,
body#produits_four #navProduits
{background: transparent url(../Images/fr/menu_navig.gif) -239px -37px no-repeat;}

body#realisations_particuliers #navRealisations,
body#realisations_professionnels #navRealisations,
body#realisations_partager #navRealisations
{background: transparent url(../Images/fr/menu_navig.gif) -322px -37px no-repeat;}

body#conseils_stockage #navConseils,
body#conseils_preparation #navConseils,
body#conseils_montage #navConseils,
body#conseils_utilisation #navConseils,
body#conseils_entretien #navConseils,
body#conseils_recettes #navConseils,
body#conseils_recettes_pizza #navConseils,
body#conseils_recettes_pain #navConseils,
body#conseils_recettes_gigot #navConseils,
body#conseils_recettes_tarte #navConseils
{background: transparent url(../Images/fr/menu_navig.gif) -402px -37px no-repeat;}

body#produits_trouver #navDistributeurs
{background: transparent url(../Images/fr/menu_navig.gif) -462px -37px no-repeat;}

body#presse_actualites #navPresse,
body#presse_photosHD #navPresse
{background: transparent url(../Images/fr/menu_navig.gif) -541px -37px no-repeat;}

body#contact_formulaire #navContact,
body#contact_liens #navContact
{background: transparent url(../Images/fr/menu_navig.gif) -585px -37px no-repeat;}

/**********************************/
/***** Navigation Gauche     ******/
/**********************************/
ul#menuItems li {
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

ul#menuItems li a {
	text-decoration: none;
	text-indent: -9999px;
}


	/**********************************/
	/***** Navigation Gauche Histoire */
	/**********************************/
	div#menuHistoire {
		background: transparent;
		border: 0;
		height: 83px;
		margin: 0;
		padding: 96px 0 0 0;
		width: 119px;
	}
	
	div#menuHistoire ul#menuItems {
		background: transparent url(../Images/fr/menu_histoire.gif) top left no-repeat;
		height: 83px;	
		margin: 0;
		padding: 0;
		position: relative;
		width: 119px;
	}
	
	div#menuHistoire ul#menuItems li, div#menuHistoire ul#menuItems a {
		display: block;
		height: 20px;
	}
	
	#menuHistoireEntreprise {top: 23px; width: 119px;}
	#menuHistoireFour {top: 43px; width: 119px;}
	#menuHistoirePanyol {top: 63px; width: 119px;}
	
	#menuHistoireEntreprise a:hover {background: transparent url(../Images/fr/menu_histoire.gif) 0 -106px no-repeat;}
	#menuHistoireFour a:hover {background: transparent url(../Images/fr/menu_histoire.gif) 0 -126px no-repeat;}
	#menuHistoirePanyol a:hover {background: transparent url(../Images/fr/menu_histoire.gif) 0 -146px no-repeat;}
	
	/* "Vous etes ici" - Navigation principale */
	body#histoire_entreprise #menuHistoireEntreprise {background: transparent url(../Images/fr/menu_histoire.gif) 0 -106px no-repeat;}
	body#histoire_four #menuHistoireFour {background: transparent url(../Images/fr/menu_histoire.gif) 0 -126px no-repeat;}
	body#histoire_panyol #menuHistoirePanyol {background: transparent url(../Images/fr/menu_histoire.gif) 0 -146px no-repeat;}
	
	
	/***********************************/
	/* Navigation Gauche Terre Blanche */
	/***********************************/
	div#menuTerre {
		background: transparent;
		border: 0;
		height: 84px;
		margin: 0;
		padding: 96px 0 0 0;
		width: 119px;
	}
	
	div#menuTerre ul#menuItems {
		background: transparent url(../Images/fr/menu_terre.gif) top left no-repeat;
		height: 84px;	
		margin: 0;
		padding: 0;
		position: relative;
		width: 119px;
	}
	
	div#menuTerre ul#menuItems li, div#menuTerre ul#menuItems a {
		display: block;
		height: 20px;
	}
	
	#menuTerreCarriere {top: 24px; width: 119px;}
	#menuTerreFabrication {top: 44px; width: 119px;}
	#menuTerreCuisine {top: 64px; width: 119px;}
	
	#menuTerreCarriere a:hover {background: transparent url(../Images/fr/menu_terre.gif) 0 -108px no-repeat;}
	#menuTerreFabrication a:hover {background: transparent url(../Images/fr/menu_terre.gif) 0 -128px no-repeat;}
	#menuTerreCuisine a:hover {background: transparent url(../Images/fr/menu_terre.gif) 0 -148px no-repeat;}
	
	/* "Vous êtes ici" - Navigation principale */
	body#terre_carriere #menuTerreCarriere {background: transparent url(../Images/fr/menu_terre.gif) 0 -108px no-repeat;}
	body#terre_fabrication #menuTerreFabrication {background: transparent url(../Images/fr/menu_terre.gif) 0 -128px no-repeat;}
	body#terre_cuisine #menuTerreCuisine {background: transparent url(../Images/fr/menu_terre.gif) 0 -148px no-repeat;}
	
	
	/***********************************/
	/* Navigation Gauche Produits ******/
	/***********************************/
	div#menuProduits {
		background: transparent;
		border: 0;
		height: 150px;
		margin: 0;
		padding: 96px 0 0 0;
		width: 119px;
	}
	
	div#menuProduits ul#menuItems {
		background: transparent url(../Images/fr/menu_produits.gif) top left no-repeat;
		height: 150px;	
		margin: 0;
		padding: 0;
		position: relative;
		width: 119px;
	}
	
	div#menuProduits ul#menuItems li, div#menuProduits ul#menuItems a {
		display: block;
		height: 16px;
	}
	
	#menuProduitsParticuliers {top: 54px; width: 119px;}
	#menuProduitsProfessionnels {top: 70px; width: 119px;}
	#menuProduitsHabillage {top: 118px; width: 119px;}
	#menuProduitsFour {top: 134px; width: 119px;}
	
	#menuProduitsParticuliers a:hover {background: transparent url(../Images/fr/menu_produits.gif) 0 -248px no-repeat;}
	#menuProduitsProfessionnels a:hover {background: transparent url(../Images/fr/menu_produits.gif) 0 -264px no-repeat;}
	#menuProduitsHabillage a:hover {background: transparent url(../Images/fr/menu_produits.gif) 0 -312px no-repeat;}
	#menuProduitsFour a:hover {background: transparent url(../Images/fr/menu_produits.gif) 0 -328px no-repeat;}
	
	/* "Vous êtes ici" - Navigation principale */
	body#produits_particuliers #menuProduitsParticuliers {background: transparent url(../Images/fr/menu_produits.gif) 0 -248px no-repeat;}
	body#produits_professionnels #menuProduitsProfessionnels {background: transparent url(../Images/fr/menu_produits.gif) 0 -264px no-repeat;}
	body#produits_habillage #menuProduitsHabillage {background: transparent url(../Images/fr/menu_produits.gif) 0 -312px no-repeat;}
	body#produits_four #menuProduitsFour {background: transparent url(../Images/fr/menu_produits.gif) 0 -328px no-repeat;}
	
	/***********************************/
	/* Navigation Gauche Conseils ******/
	/***********************************/
	div#menuConseils {
		background: transparent;
		border: 0;
		height: 150px;
		margin: 0;
		padding: 96px 0 0 0;
		width: 119px;
	}
	
	div#menuConseils ul#menuItems {
		background: transparent url(../Images/fr/menu_conseils.gif) top left no-repeat;
		height: 150px;	
		margin: 0;
		padding: 0;
		position: relative;
		width: 119px;
	}
	
	div#menuConseils ul#menuItems li, div#menuConseils ul#menuItems a {
		display: block;
		height: 21px;
	}
	
	#menuConseilsStockage {top: 25px; width: 119px;}
	#menuConseilsPreparation {top: 46px; width: 119px;}
	#menuConseilsMontage {top: 67px; width: 119px;}
	#menuConseilsUtilisation {top: 88px; width: 119px;}
	#menuConseilsEntretien {top: 109px; width: 119px;}
	#menuConseilsRecettes {top: 130px; width: 119px;}
	
	#menuConseilsStockage a:hover {background: transparent url(../Images/fr/menu_conseils.gif) 0 -175px no-repeat;}
	#menuConseilsPreparation a:hover {background: transparent url(../Images/fr/menu_conseils.gif) 0 -196px no-repeat;}
	#menuConseilsMontage a:hover {background: transparent url(../Images/fr/menu_conseils.gif) 0 -217px no-repeat;}
	#menuConseilsUtilisation a:hover {background: transparent url(../Images/fr/menu_conseils.gif) 0 -238px no-repeat;}
	#menuConseilsEntretien a:hover {background: transparent url(../Images/fr/menu_conseils.gif) 0 -259px no-repeat;}
	#menuConseilsRecettes a:hover {background: transparent url(../Images/fr/menu_conseils.gif) 0 -280px no-repeat;}
	
	div#menuConseils ul#menuItems #menuPopup2 {top: 330px; width: 119px; height: 132px; background: transparent url(../Images/fr/mini_schema_foureclate.jpg) no-repeat 8px top;}
	div#menuConseils ul#menuItems #menuPopup2 a{display: block; height: 132px; overflow: hidden;}
	
	/* "Vous êtes ici" - Navigation principale */
	body#conseils_stockage #menuConseilsStockage {background: transparent url(../Images/fr/menu_conseils.gif) 0 -175px no-repeat;}
	body#conseils_preparation #menuConseilsPreparation {background: transparent url(../Images/fr/menu_conseils.gif) 0 -196px no-repeat;}
	body#conseils_montage #menuConseilsMontage {background: transparent url(../Images/fr/menu_conseils.gif) 0 -217px no-repeat;}
	body#conseils_utilisation #menuConseilsUtilisation {background: transparent url(../Images/fr/menu_conseils.gif) 0 -238px no-repeat;}
	body#conseils_entretien #menuConseilsEntretien {background: transparent url(../Images/fr/menu_conseils.gif) 0 -259px no-repeat;}
	body#conseils_recettes #menuConseilsRecettes,
	body#conseils_recettes_pizza #menuConseilsRecettes,
	body#conseils_recettes_pain #menuConseilsRecettes
	{background: transparent url(../Images/fr/menu_conseils.gif) 0 -280px no-repeat;}
	
	
	
	/***********************************/
	/* Navigation Gauche Contact ******/
	/***********************************/
	div#menuContact {
		background: transparent;
		border: 0;
		height: 80px;
		margin: 0;
		padding: 96px 0 0 0;
		width: 119px;
	}
	
	div#menuContact ul#menuItems {
		background: transparent url(../Images/fr/menu_contact.gif) top left no-repeat;
		height: 80px;	
		margin: 0;
		padding: 0;
		position: relative;
		width: 119px;
	}
	
	div#menuContact ul#menuItems li, div#menuContact ul#menuItems a {
		display: block;
		height: 20px;
	}
	
	#menuContactFormulaire {top: 20px; width: 119px;}
	#menuContactLiens {top: 40px; width: 119px;}
	#menuContactDistributeurs {top: 60px; width: 119px;}
	
	#menuContactFormulaire a:hover {background: transparent url(../Images/fr/menu_contact.gif) 0 -100px no-repeat;}
	#menuContactLiens a:hover {background: transparent url(../Images/fr/menu_contact.gif) 0 -120px no-repeat;}
	#menuContactDistributeurs a:hover {background: transparent url(../Images/fr/menu_contact.gif) 0 -140px no-repeat;}
	
	/* "Vous êtes ici" - Navigation principale */
	body#contact_formulaire #menuContactFormulaire {background: transparent url(../Images/fr/menu_contact.gif) 0 -100px no-repeat;}
	body#contact_liens #menuContactLiens {background: transparent url(../Images/fr/menu_contact.gif) 0 -120px no-repeat;}
	body#produits_trouver #menuContactDistributeurs {background: transparent url(../Images/fr/menu_contact.gif) 0 -140px no-repeat;}
	
	
	/***********************************/
	/* Navigation Gauche FAQ      ******/
	/***********************************/
	div#menuFAQ {
		background: transparent;
		border: 0;
		height: 40px;
		margin: 0;
		padding: 96px 0 0 0;
		width: 119px;
	}
	
	div#menuFAQ ul#menuItems {
		background: transparent url(../Images/fr/menu_faq.gif) top left no-repeat;
		height: 40px;	
		margin: 0;
		padding: 0;
		position: relative;
		width: 119px;
	}
	
	div#menuFAQ ul#menuItems li, div#menuFAQ ul#menuItems a {
		display: block;
		height: 20px;
	}
	
	#menuFAQFaq {top: 0; width: 119px;}
	#menuFAQFormulaire {top: 20px; width: 119px;}
	
	#menuFAQFaq a:hover {background: transparent url(../Images/fr/menu_faq.gif) 0 -40px no-repeat;}
	#menuFAQFormulaire a:hover {background: transparent url(../Images/fr/menu_faq.gif) 0 -60px no-repeat;}
	
	/* "Vous êtes ici" - Navigation principale */
	body#faq #menuFAQFaq {background: transparent url(../Images/fr/menu_faq.gif) 0 -40px no-repeat;}
	body#faq_formulaire #menuFAQFormulaire {background: transparent url(../Images/fr/menu_faq.gif) 0 -60px no-repeat;}
	
	
	
	/***********************************/
	/* Navigation Gauche Réalisations **/
	/***********************************/
	div#menuRealisations {
		background: transparent;
		border: 0;
		height: 80px;
		margin: 0;
		padding: 96px 0 0 0;
		width: 119px;
	}
	
	div#menuRealisations ul#menuItems {
		background: transparent url(../Images/fr/menu_realisations.gif) top left no-repeat;
		height: 80px;	
		margin: 0;
		padding: 0;
		position: relative;
		width: 119px;
	}
	
	div#menuRealisations ul#menuItems li, div#menuRealisations ul#menuItems a {
		display: block;
		height: 20px;
	}
	
	#menuRealisationsParticuliers {top: 20px; width: 119px;}
	#menuRealisationsProfessionnels {top: 40px; width: 119px;}
	#menuRealisationsPartager {top: 60px; width: 119px;}
	
	#menuRealisationsParticuliers a:hover {background: transparent url(../Images/fr/menu_realisations.gif) 0 -100px no-repeat;}
	#menuRealisationsProfessionnels a:hover {background: transparent url(../Images/fr/menu_realisations.gif) 0 -120px no-repeat;}
	#menuRealisationsPartager a:hover {background: transparent url(../Images/fr/menu_realisations.gif) 0 -140px no-repeat;}
	
	/* "Vous êtes ici" - Navigation principale */
	body#realisations_particuliers #menuRealisationsParticuliers {background: transparent url(../Images/fr/menu_realisations.gif) 0 -100px no-repeat;}
	body#realisations_professionnels #menuRealisationsProfessionnels {background: transparent url(../Images/fr/menu_realisations.gif) 0 -120px no-repeat;}
	body#realisations_partager #menuRealisationsPartager {background: transparent url(../Images/fr/menu_realisations.gif) 0 -140px no-repeat;}
	
	
	
	/***********************************/
	/* Navigation Gauche Presse   ******/
	/***********************************/
	div#menuPresse {
		background: transparent;
		border: 0;
		height: 60px;
		margin: 0;
		padding: 96px 0 0 0;
		width: 119px;
	}
	
	div#menuPresse ul#menuItems {
		background: transparent url(../Images/fr/menu_presse.gif) top left no-repeat;
		height: 60px;	
		margin: 0;
		padding: 0;
		position: relative;
		width: 119px;
	}
	
	div#menuPresse ul#menuItems li, div#menuPresse ul#menuItems a {
		display: block;
		height: 20px;
	}
	
	#menuPresseActualites {top: 20px; width: 119px;}
	#menuPressePhotosHD {top: 40px; width: 119px;}
	
	#menuPresseActualites a:hover {background: transparent url(../Images/fr/menu_presse.gif) 0 -80px no-repeat;}
	#menuPressePhotosHD a:hover {background: transparent url(../Images/fr/menu_presse.gif) 0 -100px no-repeat;}
	
	/* "Vous êtes ici" - Navigation principale */
	body#presse_actualites #menuPresseActualites {background: transparent url(../Images/fr/menu_presse.gif) 0 -80px no-repeat;}
	body#presse_photosHD #menuPressePhotosHD {background: transparent url(../Images/fr/menu_presse.gif) 0 -100px no-repeat;}