/*--------------------------------------------------------------------------------------------
Nom : style.css
Dernière mise à jours : 06/05/2008
Description : Css seulement pour la page accueil
Auteur : Pascal-André Allaire
Email : paallaire@inpix.ca
--------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------
!Éléments commun à accueil gabarit1 et gabarit2
--------------------------------------------------------------------------------------------*/
#recherche p.plus {  background: url(../img_en/plus.gif) 0 0 no-repeat; width:243px; height:73px; text-indent:-9000px; margin:0; }
#recherche p.news_fb_tw {
	background: url(../img_en/btn_info_fb_tw.gif) 0 0 no-repeat;
	width:243px;
	height:50px;
	text-indent:-9000px;
	margin:0;
}

/*********************************************************************************************
!visez_sante ( accueil )
*********************************************************************************************/
#visez_sante { width:234px; border-right:1px solid #dbdbdb; float:left; display:inline; min-height:268px;}
	#visez_sante h2 {
	background: url(../img_en/t_visez_santeMC.gif) 0 0 no-repeat;
	width:180px;
	height:21px;
	text-indent:-9000px;
	margin:0 0 20px 0;
}
	#visez_sante #txt_visez_sante {
	width:205px;
	float:left;
	margin:10px 15px 10px 0;
}
/*********************************************************************************************
!du_nouveau ( accueil )
*********************************************************************************************/
#visez_sante { width:234px; border-right:1px solid #dbdbdb; float:left; display:inline; min-height:268px;}
	#du_nouveau h2 {
	background: url(img/accueil/t_du_nouveau.gif) 0 0 no-repeat;
	width:149px;
	height:21px;
	text-indent:-9000px;
	margin:0 0 20px 0;
}
	#visez_sante #txt_visez_sante {
	width:205px;
	float:left;
	margin:10px 15px 10px 0;
}
#oseiste { width:280px; float:left; display:inline; min-height:268px;}
	#du_nouveau h2 {
	background: url(img/accueil/t_du_nouveau.gif) 0 0 no-repeat;
	width:149px;
	height:21px;
	text-indent:-9000px;
	margin:0 0 20px 0;
}
	#visez_sante #txt_visez_sante {
	width:205px;
	float:left;
	margin:10px 15px 10px 0;
}

/*********************************************************************************************
!recettes_saison ( accueil )
*********************************************************************************************/
#recettes_saison {
	float:left;
	width:279px;
	margin:0 0 0 24px;
}
	#recettes_saison h2 {
	width:300px;
	height:30px;
	text-indent:-9000px;
	background-image: url(../img/maquillage2009/defG.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
}
	
	#recettes_saison #txt_recettes_saison {
	width:279px;
	float:left;
	margin:0 0 0px 0;
	float:left;
}
	#recettes_saison #txt_recettes_saison img { margin:0 0 10px 0; }
	
	#recettes_saison ul {
	float:left;
	width:300px;
	font-family:Tahoma, Arial, Verdana;
}
	#recettes_saison ul li { margin:0 0 8px 0; background: url(../img/list_cube.gif) 0 6px no-repeat; padding:0 0 0 7px;}
	
/*********************************************************************************************
!concours ( accueil )
*********************************************************************************************/
#concours {
	float:left;
	margin:0 0 0 20px;
	width: 360px;
}

/*--------------------------------------------------------------------------------------------
!presentation_recette  ( accueil gabarit1 )
Description : Page d'accueil avec l'image en grand format
--------------------------------------------------------------------------------------------*/
#presentation_recette h2.recette_semaine { background: url(../img_en/t_recette_semaine.gif) 0 0 no-repeat; width:230px; height:17px; text-indent:-9000px; margin:0 0 8px 0; }
#presentation_recette h3.recette { color:#e35491; font-size:1.2em; font-weight:bold; margin:0 0 5px 0; }

#recette_semaine { position: absolute; top:158px; left:763px; margin:0; padding:0 }
	#recette_semaine .fondtranslucide {
	width: 202px;
	height:294px;
	background-color:#efa8ca;
	opacity: 0.90;
}
	
	#recette_semaine .texteopaque {
	width: 202px;
	height:293px;
	background-color: transparent;
	position: absolute;
	z-index: 2;
}
	#recette_semaine .texteopaque h2 {
	width:153px;
	height:60px;
	text-indent:-9000px;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 10px;
	background-image: url(../img_en/maquillage2009/p_plus_maquillageE.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
	#recette_semaine .texteopaque p {color:#2f2f31; margin:10px 0 0 10px; width:185px; text-align:left; }
	
	#recette_semaine .texteopaque p a { color:#2f2f31; font-weight:bold; }
	
/*--------------------------------------------------------------------------------------------
!presentation_recette ( accueil gabarit2 )
Description : Page d'accueil avec l'image en petit format
--------------------------------------------------------------------------------------------*/
body.gabarit2 #presentation_recette #bg_image { background: url(../img/bg_presenation_recette.gif) 0 0 repeat-y; width:463px; height:245px; padding:24px 0 0 24px; height:269px; }