/* -------------------------------------------------------------- 
	
	* screen.css - monsite.com

	* @type:    Screen
	* @langue:  Français
	* @year:    2009
	* @author:  CyberGénération
	
--------------------------------------------------------------- */
	
	@import url("../commun/screen.css");		/* Set up the base layout for the site. */
	
/* pageHeader
--------------------------------------------------------------- */
	#pageHeader h1				{ background: url(img/bg_headerLogo.png) no-repeat}
	#pageHeader h2				{ background: url(img/bg_headerSlogan.png) no-repeat}

/* topMenu
--------------------------------------------------------------- */
	
	#mainMenu .menu01			{ width: 110px; background: url(img/menu_accueil.jpg) no-repeat 0 0; }
	#mainMenu .menu01:hover		{ width: 110px; background: url(img/menu_accueil.jpg) no-repeat 0 -34px; }
	#mainMenu .menu02			{ width: 136px; background: url(img/menu_propos.jpg) no-repeat 0 0; }
	#mainMenu .menu02:hover		{ width: 136px; background: url(img/menu_propos.jpg) no-repeat 0 -34px; }
	#mainMenu .menu03			{ width: 133px; background: url(img/menu_equipe.jpg) no-repeat 0 0; } 
	#mainMenu .menu03:hover		{ width: 133px; background: url(img/menu_equipe.jpg) no-repeat 0 -34px; } 
	#mainMenu .menu04			{ width: 132px; background: url(img/menu_produits.jpg) no-repeat 0 0; }
	#mainMenu .menu04:hover		{ width: 132px; background: url(img/menu_produits.jpg) no-repeat 0 -34px; }
	#mainMenu .menu05			{ width: 177px; background: url(img/menu_echantillon.jpg) no-repeat 0 0; }
	#mainMenu .menu05:hover		{ width: 177px; background: url(img/menu_echantillon.jpg) no-repeat 0 -34px; }
	#mainMenu .menu06			{ width: 118px; background: url(img/menu_idees.jpg) no-repeat 0 0; }
	#mainMenu .menu06:hover		{ width: 118px; background: url(img/menu_idees.jpg) no-repeat 0 -34px; }
	#mainMenu .menu07			{ width: 134px; background: url(img/menu_joindre.jpg) no-repeat 0 0; }
	#mainMenu .menu07:hover		{ width: 134px; background: url(img/menu_joindre.jpg) no-repeat 0 -34px; }



/*pageTitle
--------------------------------------------------------------- */
	
	#blog h3 	{ background: url(img/pageTitle_blog.jpg) no-repeat; display: block; height: 90px; }
	#phone h3 	{ background: url(img/pageTitle_phone.jpg) no-repeat; display: block; height: 92px; }
	#news h3 	{ background: url(img/pageTitle_news.jpg) no-repeat; display: block; height: 105px; }

/* Index Buttons
--------------------------------------------------------------- */
	
	#pageColumn2 .contentBottom ul .shower a 			{ background: url(img/btn_douche.gif) no-repeat 0 0; }
	#pageColumn2 .contentBottom ul .environnement a		{ background: url(img/btn_environnement.gif) no-repeat 0 0; }
	#pageColumn2 .contentBottom ul .commercial a		{ background: url(img/btn_commercial.gif) no-repeat 0 0; }
	#pageColumn2 .contentBottom ul .normes a 			{ background: url(img/btn_normes.gif) no-repeat 0 0; }
	
/* Section Side Buttons
--------------------------------------------------------------- */
	
	#pageSection #sideMenu ul .shower a 				{ background: url(img/btn_side_douche.jpg) no-repeat 0 0; }
	#pageSection #sideMenu ul .environnement a			{ background: url(img/btn_side_environnement.jpg) no-repeat 0 0; }
	#pageSection #sideMenu ul .commercial a				{ background: url(img/btn_side_commercial.jpg) no-repeat 0 0; }
	#pageSection #sideMenu ul .histoire a				{ background: url(img/btn_side_histoire.jpg) no-repeat 0 0; }
	
	#pageColumn2 .contentBottom ul .shower a:hover,
	#pageColumn2 .contentBottom ul .commercial a:hover,
	#pageColumn2 .contentBottom ul .environnement a:hover,
	#pageColumn2 .contentBottom ul .normes a:hover,
	#pageSection #sideMenu ul .shower a:hover, 
	#pageSection #sideMenu ul .commercial a:hover, 
	#pageSection #sideMenu ul .environnement a:hover,
	#pageSection #sideMenu ul .histoire a:hover			{ background-position: 0 -47px; }
	
	#quickSearch .formSearch .showAll	{ background: url(img/btn_afficherTous.gif) no-repeat; }
	
	#pageSection.produits #pageContent .descItem	.stock			{ background: url(img/stock.jpg) no-repeat left top; }
	#pageSection.produits #pageContent .descItem	.stock.empty	{ background: url(img/stock_empty.jpg) no-repeat left top; }
	#pageSection.produits .exclusif								{ background: url(img/produit_exclusif.png) no-repeat left top;}
	#pageSection.produits #pageContent .descItem  .thumb .zoom			{ background: url(img/btn_agrandir.jpg) no-repeat left top; }
	
	#pageSection .pageColumn2 h3.shrink		{ font-size: 28px; }