/************************************************************
 *
 *	Name		:	mode.css
 *	Author		:	Kubota Hideo
 *	Created		:	16.02.2009
 *	Modified	:	16.02.2009
 *
 *	Description	:	Set styles for the mode page
 *
 ************************************************************/

/** Big Illustration ****************************************/
div#container div#homeBeauteBloc{
	background:url(../media/image/content/bg-bigBeaute-bloc-middle.gif) left top repeat-y;
	/*height:100%;*/
	height:35.7em;
}
div#container div#homeBeauteBloc div#hbb2{
	background:url(../media/image/content/bg-bigBeaute-bloc-top.gif) left top no-repeat;
}
div#container div#homeBeauteBloc div#hbb3{
	background:url(../media/image/content/bg-bigBeaute-bloc-bottom.gif) left bottom no-repeat;
	padding:0 1.1em 1em 0.9em;
	height:34.6em;
}
div#container div#homeBeauteBloc ol#menu-hbb{
	margin-left:15em;
}
div#container div#homeBeauteBloc ol#menu-hbb li{
	display:block;
	float:left;
}
div#container div#homeBeauteBloc div.shopping{
	position:absolute;
	overflow:hidden;
}

div#container div#homeBeauteBloc img.media{
	width:49.8em;
	height:26.4em;
}
div#container div#homeBeauteBloc div.transparent-bg{
	margin-top:-7em;
	position:relative;
	background:url(../media/image/content/pixelOpacity.png) left top repeat;
	padding:0.5em 1em;
	height:6em;
}
div#container div#homeBeauteBloc div.transparent-bg h2{
	font-size:2.3em;
	font-weight:bold;
	color:#ffffff;
	width:478px;
}
div#container div#homeBeauteBloc div.transparent-bg h2 span{
	font-size:0.869em;
	color:#ffffff;
	font-style:italic;
}
div#container div#homeBeauteBloc div.transparent-bg h2 a{
	color:#FFFFFF;
}
div#container div#homeBeauteBloc div.transparent-bg p{
	font-size:1.2em;
	height:2.8em;
	line-height:1.333em;
	color:#ffffff;
	overflow:hidden;
width: 478px;
}
div#container div#homeBeauteBloc div.all{
	overflow:hidden;
	text-align:right;
	width:49.8em;
}
div#container div#homeBeauteBloc a.all{
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#f86851;
	font-size:1.1em;
	line-height:1.454em;
	margin:0.3em 0.5em 0 0;
}

/** People et la mode ***************************************/
div#container div#colLeft{
	margin-top:2.1em;
	width:25.7em;
	float:left;
}
div#container div#colLeft div#peopleModeActu{
	
}
div#container div#colLeft div#peopleModeActu h2{
	font-size:1.8em;
	color:#f86851;
}
div#container div#colLeft div#peopleModeActu p{
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
	line-height:1.333em;
}
div#container div#colLeft div#peopleModeActu div#peopleModeBloc{
	background:url(../media/image/content/bg-bloc_peopleMode-middle.gif) left top repeat-y;
	margin-top:0.7em;
	height:100%;
}
div#container div#colLeft div#peopleModeActu div#peopleModeBloc div#pmb2{
	background:url(../media/image/content/bg-bloc_peopleMode-bottom.gif) left bottom no-repeat;
}
div#container div#colLeft div#peopleModeActu div#peopleModeBloc div#pmb3{
	background:url(../media/image/content/bg-bloc_peopleMode-top.gif) left top no-repeat;
	padding:0.3em 0 1em 0;
	height:100%;
}

div#container div#colLeft div#peopleModeActu div#peopleModeBloc div.bloc{
	background:url(../media/image/content/bg-bloc_peopleMode-separ.gif) left top no-repeat;
	height:100%;
	padding:0.3em 0.6em 0.1em 0.5em;
}
div#container div#colLeft div#peopleModeActu div#peopleModeBloc div.b2{
	background:url(../media/image/content/bg-bloc_peopleMode-in.gif) left top repeat-x;
	padding:0.2em 0.3em 0.5em 0.5em;
}

div#container div#colLeft div#peopleModeActu div#peopleModeBloc div.bloc h3{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.333em;
	color:#333333;
	margin:0.1em 0 0.2em 0;
}
div#container div#colLeft div#peopleModeActu div#peopleModeBloc div.bloc a img{
	width:23.7em;
	height:16.5em;
}
div#container div#colLeft div#peopleModeActu div#peopleModeBloc div.bloc a.more{
	float:right;
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#f86851;
	font-size:1.1em;
	line-height:1.454em;
	margin:0.3em 0.5em 0 0;
}
div#colLeft div#peopleModeActu div#peopleModeBloc a.all{
	float:right;
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#f86851;
	font-size:1.1em;
	line-height:1.454em;
	margin:0.3em 1em 0 0;
}

/** Zoom Sur ************************************************/
div#container div#colLeft div#dayWord{
	margin-top:1em;
	padding-top:1em;
	background:url(../media/image/content/bg-zoomSur-separ.gif) left top repeat-x;
}
div#container div#colLeft div#dayWord h2{
	font-size:1.8em;
	color:#f86851;
	margin-bottom:0.4em;
}
div#container div#colLeft div#dayWord img{
	display:block;
	width:9.4em;
	height:6.5em;
	padding:0.3em;
	border:solid 1px #eaeaea;
	float:left;
	margin-right:0.5em;
}
div#container div#colLeft div#dayWord div.desc{
	width:14em;
	float:left;
}
div#container div#colLeft div#dayWord div.desc h3{
	font-size:1.7em;
	color:#333333;
	margin-bottom:0.1em;
}
div#container div#colLeft div#dayWord div.desc h3 a{
	color:#333333;
}
div#container div#colLeft div#dayWord div.desc p{
	font-size:1.2em;
	color:#333333;
	line-height:1.333em;
}
div#container div#colLeft div#dayWord div.desc a.more{
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#f86851;
	font-size:1.1em;
	line-height:1.454em;
	margin-top:0.3em;
	float:right;
}

div#container div#colLeft a.more{
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#f86851;
	font-size:1.1em;
	float:right;
}

/** People et la mode ***************************************/
div#container div#fashionNewsBloc{
	border:solid 1px #ffe8e4;
	background-color:#fff4f2;
	padding:1em 0 0.5em 0;
	width:24.7em;
	float:right;
	margin:1em 0.4em 0 0;
}
div#container div#fashionNewsBloc p{
	font-size:1.2em;
	color:#333333;
	line-height:1.333em;
	margin-bottom:0.1em;
}
div#container div#fashionNewsBloc p.date{
	font-size:1.1em;
	line-height:1.454em;
	font-style:italic;
	font-weight:bold;
	color:#9a9a9a;
}
div#container div#fashionNewsBloc a.more{
	float:right;
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#f86851;
	font-size:1.1em;
	line-height:1.454em;
	margin:0.1em 0 0 0;
}

div#container div#fashionNewsBloc div.actu{
	background:url(../media/image/content/bg-fashionNews-separ.gif) left bottom repeat-x;
	padding:0 0 0.5em 0.5em;
}
div#container div#fashionNewsBloc div.actu h2{
	font-size:1.8em;
	color:#f86851;
}
div#container div#fashionNewsBloc div.actu img{
	width:23.7em;
	height:16.5em;
	margin:0.5em 0;
}
div#container div#fashionNewsBloc div.actu h3{
	line-height:1.125em;
	margin-top:0.2em;
}
div#container div#fashionNewsBloc div.actu h3 a{
	font-size:1.6em;
	font-weight:bold;
	color:#333333;
}
div#container div#fashionNewsBloc div.actu a.more{
	margin:0.1em 0.5em 0 0;
}

div#container div#fashionNewsBloc ol{
	
}
div#container div#fashionNewsBloc ol li{
	background:url(../media/image/content/bg-fashionNews-separ.gif) left bottom repeat-x;
	padding:0 0.5em 0.7em 0;
	display:block;
	margin-top:0.7em;
}
div#container div#fashionNewsBloc ol li p.date{
	margin-left:0.5em;
}
div#container div#fashionNewsBloc ol li img{
	width:9.4em;
	height:6.5em;
	float:left;
	margin-right:0.5em;
	margin-left:0.5em;
}
div#container div#fashionNewsBloc ol li div.desc{
	float:left;
	width:13.8em;
}
div#container div#fashionNewsBloc ol li div.desc h3{
	color:#333333;
}
div#container div#fashionNewsBloc ol li div.desc h3 a{
	color:#333333;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.23em;
}
div#container div#fashionNewsBloc a.all{
	float:right;
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#f86851;
	font-size:1.1em;
	line-height:1.454em;
	margin:0.3em 0.4em 0 0;
}