/************************************************************
 *
 *	Name		:	peopleMode.css
 *	Author		:	Elio Jesoph
 *	Created		:	07.09.2009
 *	Modified	:	07.09.2009
 *
 *	Description	:	Set styles for the peopleMode page
 *
 ************************************************************/

/** Shopping Mode ****************************************/
div#container div#shoppingModeBloc{
	background:url(../media/image/content/bg-bigIllus-middle.gif) left top repeat-y;
	height:100%;
}
div#container div#shoppingModeBloc div#pmb2{
	background:url(../media/image/content/bg-bigIllus-top.gif) left top no-repeat;
}
div#container div#shoppingModeBloc div#pmb3{
	background:url(../media/image/content/bg-bigIllus-bottom.gif) left bottom no-repeat;
	padding:1.5em 1.1em 1em 0.9em;
	height:100%;
}

div#container div#shoppingModeBloc img{
	width:49.8em;
}

div#container div#shoppingModeBloc 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#shoppingModeBloc div.transparent-bg h2{
	color:#ffffff;
}
div#container div#shoppingModeBloc div.transparent-bg h2 a{
	color:#ffffff;
	font-size:2.3em;
	font-weight:bold;
}
div#container div#shoppingModeBloc div.transparent-bg h2 span{
	font-size:0.869em;
	color:#ffffff;
	font-style:italic;
}
div#container div#shoppingModeBloc div.transparent-bg p{
	font-size:1.2em;
	height:2.8em;
	line-height:1.333em;
	color:#ffffff;
	overflow:hidden;
}

div#container div#shoppingModeBloc a.more{
	float:right;
	background:url(../media/image/content/arrow-mode-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#6724a9;
	font-size:1.1em;
	line-height:1.454em;
	margin:0.3em 0.5em 0 0;
}

/** Shopping Beaute ****************************************/
div#container div#shoppingBeauteBloc{
	background:url(../media/image/content/bg-bigIllus-middle.gif) left top repeat-y;
	height:100%;
}
div#container div#shoppingBeauteBloc div#pmb2{
	background:url(../media/image/content/bg-bigIllus-top.gif) left top no-repeat;
}
div#container div#shoppingBeauteBloc div#pmb3{
	background:url(../media/image/content/bg-bigIllus-bottom.gif) left bottom no-repeat;
	padding:1.5em 1.1em 1em 0.9em;
	height:100%;
}

div#container div#shoppingBeauteBloc img{
	width:49.8em;
}

div#container div#shoppingBeauteBloc 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#shoppingBeauteBloc div.transparent-bg h2{
	font-size:2.3em;
	font-weight:bold;
	color:#ffffff;
}
div#container div#shoppingBeauteBloc div.transparent-bg h2 a{
	color:#ffffff;
}
div#container div#shoppingBeauteBloc div.transparent-bg h2 span{
	font-size:0.869em;
	color:#ffffff;
	font-style:italic;
}
div#container div#shoppingBeauteBloc div.transparent-bg p{
	font-size:1.2em;
	height:2.8em;
	line-height:1.333em;
	color:#ffffff;
	overflow:hidden;
}

div#container div#shoppingBeauteBloc 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;
}
/** Generic Blocs *******************************************/
div#container div#genBlocs{
	margin-top:1em;
}
div#container div#genBlocs ol{
	overflow:hidden;
}
div#container div#genBlocs ol li{
	background:url(../media/image/content/bg-blocs_subHome-middle.gif) left top repeat-y;
	display:block;
	width:25.7em;
	height:100%;
}
div#container div#genBlocs ol li div.b2{
	background:url(../media/image/content/bg-blocs_subHome-top.gif) left top no-repeat;
}
div#container div#genBlocs ol li div.b3{
	background:url(../media/image/content/bg-blocs_subHome-bottom.gif) left bottom no-repeat;
	padding:1em 0.6em 1em 0.9em;
	height:100%;
}
div#container div#genBlocs ol li.left{
	float:left;
}
div#container div#genBlocs ol li.right{
	float:right;
}
div#container div#genBlocs ol li h2{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.3em;
	color:#333333;
	margin-bottom:0.5em;
	text-transform:uppercase;
}
div#container div#genBlocs ol li img{
	
}
div#container div#genBlocs ol li p{
	font-size:1.2em;
	line-height:1.333em;
	color:#333333;
	height:2.7em;
	margin-top:0.3em;
	overflow:hidden;
}
div#container div#genBlocs ol li p a{
	color:#333333;
}
div#container div#genBlocs ol li a.more{
	float:right;
	background:url(../media/image/content/arrow-mode-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#6724a9;
	font-size:1.1em;
	line-height:1.454em;
	margin:0.3em 0.5em 0 0;
}
div#container div#genBlocs a.all{
	float:right;
	background:url(../media/image/content/arrow-mode-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#6724a9;
	font-size:1.1em;
	line-height:1.454em;
	margin:0.3em 0.5em 0 0;
}
div#container div#genBlocs.Beaute ol li a.more{
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	color:#F86851;
}
div#container div#genBlocs a.all{
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	color:#F86851;
}

/** Zoom Sur ************************************************/
div#container div#zoomSur{
	margin-top:1em;
	padding-top:1em;
	background:url(../media/image/content/bg-zoomSur-separ.gif) left top repeat-x;
}
div#container div#zoomSur img{
	display:block;
	width:9.5em;
	height:10em;
	padding:0.3em;
	border:solid 1px #eaeaea;
	float:left;
	margin-right:0.5em;
}
div#container div#zoomSur div.desc{
	width:18em;
	float:left;
}
div#container div#zoomSur div.desc h2{
	font-size:1.8em;
	color:#3d156f;
	margin-bottom:0.4em;
}
div#container div#zoomSur.Beaute div.desc h2{
	color:#F86851;
}
div#container div#zoomSur div.desc h3{
	font-size:1.6em;
	color:#333333;
	margin-bottom:0.1em;
}
div#container div#zoomSur div.desc p{
	font-size:1.2em;
	color:#333333;
	line-height:1.333em;
}
div#container div#zoomSur div.desc a{
	color:#6724a9;
}
div#container div#zoomSur.Beaute div.desc a{
	color:#F86851;
}
div#container div#zoomSur div.desc a.more{
	background:url(../media/image/content/arrow-mode-more.gif) left 0.45em no-repeat;
	padding-left:1.4em;
	color:#6724a9;
	font-size:1.1em;
	line-height:1.454em;
	margin-top:0.3em;
}
div#container div#zoomSur.Beaute div.desc a.more{
	background:url(../media/image/content/arrow-beaute-more.gif) left 0.45em no-repeat;
	color:#F86851;
}

/************* LISTE ****************/

/** Bazar ***************************************************/
/** BazarList **/
div#container ol#bazarList{
	
}
div#container ol#bazarList li{
	width:51em;
	margin-bottom:0.5em;
	padding-top:1em;
}
div#container ol#bazarList li.elem{
	background:url(../media/image/content/bg-separ-1.gif) left bottom repeat-x;
	padding-bottom:1em;
	margin-bottom:0.3em;
}
div#container ol#bazarList li.alter{
	background:#f1f1f1;
}
div#container ol#bazarList li.elem h2{
	font-size:1.9em;
	color:#3D156F;
}
div#container ol#bazarList li.elem h2 a{
	color:#3D156F;
}
div#container ol#bazarList li.elem h3{
	font-size:1.2em;
	line-height:1.2em;
	color:#252525;
	margin:10px 0 5px 0;
}
div#container ol#bazarList li.elem img.media{
	margin:0.5em 0;
}

/** pagination ************************************/
div#container table.pagination{
	width:51em;
	background:url(../media/image/content/bg-pagination2-separ.gif) left top repeat-x;
	margin:1.5em 0;
}
div#container table.pagination tr{
	background:url(../media/image/content/bg-pagination2-separ.gif) left bottom repeat-x;
}
div#container table.pagination tr td{
	vertical-align:middle;
	padding:0.7em 0;
}
div#container table.pagination tr td.prev{
	width:10em;
}
div#container table.pagination tr td.next{
	width:9em;
	text-align:right;
}
div#container table.pagination tr td.prev a, table.pagination tr td.next a{
	font-size:1.1em;
	color:#3D156F;
}
div#container table.pagination tr td a:hover{
	text-decoration:underline;
}
div#container table.pagination tr td ol{
	text-align:center;
}
div#container table.pagination tr td ol li{
	display:inline;
}
div#container table.pagination tr td ol li a{
	font-size:1.1em;
	color:#3D156F;
}
div#container table.pagination tr td ol li.selected a{
	font-weight:bold;
	text-decoration:underline;
}