/*--------------------------------------------------------------------------------------------
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/plus.gif) 0 0 no-repeat; width:243px; height:73px; text-indent:-9000px; margin:0; }
#recherche p.news_fb_tw {  background: url(../img/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; float:left; display:inline; min-height:268px;}
	#visez_sante h2 {
	background: url(../img/maquillage2009/oseistes_a_table.gif) 0 0 no-repeat;
	width:279px;
	height:85px;
	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:280px;
	float:left;
	display:inline;
	min-height:100px;
}

#videos {
	width:375px;
	float:left;
	display:inline;
	min-height:100px;
}

	#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:600px;
	margin:0 0 0 24px;
}
#recettes_saisonGauche {
	float:left;
	width:550px;
	margin:10px 15px 10px 20px;
}
	#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:300px;
	float:left;
	margin:0 15px 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 19px;
	width: 300px;
}

/*--------------------------------------------------------------------------------------------
!presentation_recette  ( accueil gabarit1 )
Description : Page d'accueil avec l'image en grand format
--------------------------------------------------------------------------------------------*/
#presentation_recette h2.recette_semaine { background: url(../img/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: 1;
}
	#recette_semaine .texteopaque h2 {
	width:190px;
	height:60px;
	text-indent:-9000px;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 10px;
	background-image: url(../img/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; }