﻿@charset "utf-8";
/* CSS Document */
/* W3Line */

/**************************************************/
/***** Navigation Haut ****************************/
/**************************************************/
div#NavHaut {
	background: transparent;
	width: 450px;
	height: 41px;
	margin:0;
	padding-left:205px;
	float:left;
	}


div#globalNavHaut {
	width: 450px;
	height: 41px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}

div#globalNavHaut ul#menu {
	width: 450px;
	height: 41px;
	background: transparent url(../img/fr/navig.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	}

div#globalNavHaut ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}

#NavHaut ul#menu li, #NavHaut ul#menu a {

display: block;

}	

#NavHaut ul#menu li #navAccueil, #NavHaut ul#menu #navAccueil a,
#NavHaut ul#menu li #navQui, #NavHaut ul#menu #navQui a,
#NavHaut ul#menu li #navContact, #NavHaut ul#menu #navContact a, 
#NavHaut ul#menu li #navDemandePassage, #NavHaut ul#menu #navDemandePassage a{ 

height: 41px;

}
	
		
div#globalNavHaut ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
}


	
#navAccueil {left: 0; width: 52px;}
#navQui {left: 52px; width: 130px;}
#navContact {left: 182px; width: 104px;}
#navDemandePassage {left: 286px; width: 164px;}

#navAccueil a:hover	{background: transparent url(../img/fr/navig.gif) -0px -41px no-repeat;}
#navQui a:hover	{background: transparent url(../img/fr/navig.gif) -52px -41px no-repeat;}
#navContact a:hover	{background: transparent url(../img/fr/navig.gif) -182px -41px no-repeat;}
#navDemandePassage a:hover	{background: transparent url(../img/fr/navig.gif) -286px -41px no-repeat;}


/* "Vous etes ici"  */
body#pageAccueil #navAccueil	{background: transparent url(../img/fr/navig.gif) -0 -41px no-repeat;}
body#pageQui #navQui	{background: transparent url(../img/fr/navig.gif) -52px -41px no-repeat;}
body#pageContact #navContact	{background: transparent url(../img/fr/navig.gif) -182px -41px no-repeat;}
body#pageDemandePassage #navDemandePassage	{background: transparent url(../img/fr/navig.gif) -286px -41px no-repeat;}





/***********************************************************************************************/
/***** ETHIQUE / PROTECTION DE L'ENVIRONNEMENT ******/
/***********************************************************************************************/

div#NavEnvironnement {
	background: transparent;
	width: 175px;
	height: 45px;
	margin: 0;
	}

div#globalNavEnvironnement {
	width: 175px;
	height: 45px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavEnvironnement ul#menu {
		width: 175px;
		height: 45px;
		background: transparent url(../img/fr/btn_ethique_prot_environnement.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavEnvironnement ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 45px;
			}

#NavEnvironnement ul#menu li, #NavEnvironnement ul#menu a {
	display: block;
	}	

#NavEnvironnement ul#menu li #navEthiqueProtection, #NavEnvironnement ul#menu #navEthiqueProtection a{ 
	height: 45px;
	}
		
div#globalNavEnvironnement ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navEthiqueProtection {left: 0; width: 175px;}

#navEthiqueProtection a:hover	{background: transparent url(../img/fr/btn_ethique_prot_environnement.gif) -0 -45px no-repeat;}





/***********************************************************************************************/
/***** GALERIE / REALISATIONS ******/
/***********************************************************************************************/

div#NavGalerie {
	background: transparent;
	width: 175px;
	height: 54px;
	margin: 25px 0 15px 0;
	}

div#globalNavGalerie {
	width: 175px;
	height: 54px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavGalerie ul#menu {
		width: 175px;
		height: 54px;
		background: transparent url(../img/fr/btn-galerie.png) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavGalerie ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 54px;
			}

#NavGalerie ul#menu li, #NavGalerie ul#menu a {
	display: block;
	}	

#NavGalerie ul#menu li #navGalerie, #NavGalerie ul#menu #navGalerie a{ 
	height: 54px;
	}
		
div#globalNavGalerie ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navGalerie {left: 0; width: 175px;}

#navGalerie a:hover	{background: transparent url(../img/fr/btn-galerie.png) -0 -54px no-repeat;}




/***********************************************************************************************/
/***** SPECIAL ECOLE ******/
/***********************************************************************************************/

div#NavSpecialEcole {
	background: transparent;
	width: 175px;
	height: 58px;
	margin: 0;
	}

div#globalNavSpecialEcole {
	width: 175px;
	height: 58px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavSpecialEcole ul#menu {
		width: 175px;
		height: 58px;
		background: transparent url(../img/fr/btn_ecole.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavSpecialEcole ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 58px;
			}

#NavSpecialEcole ul#menu li, #NavSpecialEcole ul#menu a {
	display: block;
	}	

#NavSpecialEcole ul#menu li #navEcole, #NavSpecialEcole ul#menu #navEcole a{ 
	height: 58px;
	}
		
div#globalNavSpecialEcole ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navEcole {left: 0; width: 175px;}

#navEcole a:hover	{background: transparent url(../img/fr/btn_ecole.gif) -0 -58px no-repeat;}





/***********************************************************************************************/
/***** ACHAT EXPRESS ******/
/***********************************************************************************************/

div#NavAchatExpress {
	background: transparent;
	width: 98px;
	height: 18px;
	margin: 0;
	}

div#globalNavAchatExpress {
	width: 98px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavAchatExpress ul#menu {
		width: 98px;
		height: 18px;
		background: transparent url(../img/fr/achat_express.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavAchatExpress ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 18px;
			}

#NavAchatExpress ul#menu li, #NavAchatExpress ul#menu a {
	display: block;
	}	

#NavAchatExpress ul#menu li #navAchat, #NavAchatExpress ul#menu #navAchat a{ 
	height: 18px;
	}
		
div#globalNavAchatExpress ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navAchat {left: 0; width: 98px;}

#navAchat a:hover	{background: transparent url(../img/fr/achat_express.gif) -0 -18px no-repeat;}





/***********************************************************************************************/
/***** VOIR LE PRODUIT ******/
/***********************************************************************************************/

div#NavVoirProduit {
	background: transparent;
	width: 105px;
	height: 18px;
	margin-top: 10px;
	}

div#globalNavVoirProduit {
	width: 105px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavVoirProduit ul#menu {
		width: 105px;
		height: 18px;
		background: transparent url(../img/fr/voir_produit.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavVoirProduit ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 18px;
			}

#NavVoirProduit ul#menu li, #NavVoirProduit ul#menu a {
	display: block;
	}	

#NavVoirProduit ul#menu li #navFicheProduit, #NavVoirProduit ul#menu #navFicheProduit a{ 
	height: 18px;
	}
		
div#globalNavVoirProduit ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navFicheProduit {left: 0; width: 105px;}

#navFicheProduit a:hover	{background: transparent url(../img/fr/voir_produit.gif) -0 -18px no-repeat;}

div#globalNavVoirFamille {
	width: 105px;
	height: 45px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavVoirFamille ul#menu {
		width: 105px;
		height: 45px;
		background: transparent url(../img/fr/voir_produits_m_famille2.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavVoirFamille ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 45px;
			}

#NavVoirFamille ul#menu li, #NavVoirFamille ul#menu a {
	display: block;
	}	

#NavVoirFamille ul#menu li #navFicheFamille, #NavVoirFamille ul#menu #navFicheFamille a{ 
	height: 45px;
	}
		
div#globalNavVoirFamille ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navFicheFamille {left: 0; width: 105px;}

#navFicheFamille a:hover	{background: transparent url(../img/fr/voir_produits_m_famille2.gif) -0 -45px no-repeat;}



div#globalNavVoirRealisations {
	width: 130px;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavVoirRealisations ul#menu {
		width: 130px;
		height: 16px;
		background: transparent url(../img/fr/voir_realisation.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavVoirRealisations ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 16px;
			}

#NavVoirRealisations ul#menu li, #NavVoirRealisations ul#menu a {
	display: block;
	}	

#NavVoirRealisations ul#menu li #navFicheRealisations, #NavVoirRealisations ul#menu #navFicheRealisations a{ 
	height: 16px;
	}
		
div#globalNavVoirRealisations ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navFicheRealisations {left: 0; width: 130px;}

#navFicheRealisations a:hover	{background: transparent url(../img/fr/voir_realisation.gif) -0 -16px no-repeat;}




/***********************************************************************************************/
/***** Zoom ******/
/***********************************************************************************************/

div#NavZoomProduit {
	background: transparent;
	width: 105px;
	height: 18px;
	margin-top: 10px;
	}

div#globalNavZoomProduit {
	width: 54px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavZoomProduit ul#menu {
		width: 54px;
		height: 18px;
		background: transparent url(../img/fr/zoom.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavZoomProduit ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 18px;
			}

#NavZoomProduit ul#menu li, #NavZoomProduit ul#menu a {
	display: block;
	}	

#NavZoomProduit ul#menu li #navZoom, #NavZoomProduit ul#menu #navZoom a{ 
	height: 18px;
	}
		
div#globalNavZoomProduit ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navZoom {left: 0; width: 54px;}

#navZoom a:hover	{background: transparent url(../img/fr/zoom.gif) -0 -18px no-repeat;}






/***********************************************************************************************/
/***** Voir produits de la même famille ******/
/***********************************************************************************************/

div#NavVoirProduits {
	background: transparent;
	width: 274px;
	height: 18px;
	margin: 10px 0 20px 25px;
	float:left;
	}

div#globalNavVoirProduits {
	width: 274px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}
	div#globalNavVoirProduits ul#menu {
		width: 274px;
		height: 18px;
		background: transparent url(../img/fr/voir_produits_m_famille.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		}
		div#globalNavVoirProduits ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			height: 18px;
			}

#NavVoirProduits ul#menu li, #NavVoirProduits ul#menu a {
	display: block;
	}	

#NavVoirProduits ul#menu li #navFamille, #NavVoirProduits ul#menu #navFamille a{ 
	height: 18px;
	}
		
div#globalNavVoirProduits ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	
#navFamille {left: 0; width: 274px;}

#navFamille a:hover	{background: transparent url(../img/fr/voir_produits_m_famille.gif) -0 -18px no-repeat;}

a.aRecrutement {
	position: absolute;
	top: 42px;
	left: 580px;
	display: block;
	padding: 2px 0 0 20px;
	height: 30px;
	z-index: 1000;
	font-weight: bold;
	font-style: italic;
	font-size: 14px !important;
	color: #FFEE66 !important;
	background: transparent url(../img/com/tache-recrutement.gif) 0 0 no-repeat;
}
a.aRecrutement:hover {
	color: #fff !important;
}

