/************************************************************
 *
 *	Name		:	fashionMeteo-fiche.css
 *	Author		:	Kubota Hideo
 *	Created		:	02.03.2009
 *	Modified	:	02.03.2009
 *
 *	Description	:	Set styles for the cabine-essayage page
 *
 ************************************************************/

/** Cabine d'essayage ***************************************/
/** Styles used in the page **/
div#container{
	width:51em;
}
div#container p{
	font-size:1.2em;
	line-height:1.333em;
	color:#333333;
}
div#container h3.bg{
	font-size:1.7em;
	color:#3d156f;
	background:url(../media/image/content/bg-cabineEssayage-h2.gif) left top repeat-x;
	padding:0.2em 0 0.3em 0.5em;
	margin:1em 0 0 0;
	font-family:georgia, verdana, serif;
}
div#container ol{
	overflow:hidden;
}
div#container ol li.left{
	float:left;
}
div#container ol li.right{
	float:right;
}
div#container ol li a img{
	border:solid 1px #eaeae9;
	padding:0.1em;
	max-width:102px;
	width:102px;
}
div#container ol li a:hover img{
	border:solid 1px #3d156f;
	padding:0.1em;
}
div#container ol li div.desc{
	width:11em;
	overflow:hidden;
}
div#container ol li div.desc p{
	font-size:1.1em;
	line-height:1.2em;
	color:#333333;
}
div#container ol li div.desc h4{
	font-weight:bold;
	font-size:1.1em;
	line-height:1.2em;
	height:2.5em;
	overflow:hidden;
	margin-bottom: 3px;
}
div#container div.more{
	background:url(../media/image/content/bg-pagination-separ.gif) #f7f7f7 left top repeat-x;
	padding:0.2em 0 0.3em;
	margin-top:0.7em;
}
div#container div.more a{
	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;
	float:right;
	margin-right:0.7em;
}

div#container 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;
	float:right;
	margin-top:0.3em;
}

/** meteo *********************************/
div#container div#illusArticles{
	margin-top:1.5em;
}
div#container div#illusArticles div.media{
	float:left;
	width:24.3em;
}
div#container div#illusArticles div.media div.more{
	background:#f7f7f7 none;
	margin-top:0;
}
div#container div#illusArticles div.right{
	float:right;
	width:24.3em;
	margin-left:2.3em;
}
div#container div#illusArticles div.right h2{
	font-family:georgia, verdana, serif;
	font-size:1.8em;
	color:#3d156f;
	margin-bottom:0.2em;
}
div#container div#illusArticles div.right p.desc{
	font-size:1.1em;
	line-height:1.2em;
	color:#333333;
	height:6.818em;
	margin:0.5em 0;
}
div#container div#illusArticles div.right ol li a{
	font-weight:bold;
	color:#7133af;
}
div#container div#illusArticles div.right ol li a:hover{
	text-decoration:underline;
	position:relative;
}
div#container div#illusArticles div.right p strong{
	font-size:1.091em;
	line-height:1.333em;
	color:#333333;
}

/** listArticles **********************************/
div#container div#listArticles{
	
}
div#container div#listArticles div.left{
	float:left;
	width:24.3em;
}
div#container div#listArticles div.right{
	float:right;
	width:24.3em;
}
div#container div#listArticles ol li a{
	font-weight:bold;
	color:#7133af;
}
div#container div#listArticles ol li a:hover{
	text-decoration:underline;
	position:relative;
}

/** otherFashionMeteo *****************************/
div#container h3.otherFashions{
	background-color:#838383;
	color:#ffffff;
	text-align:center;
	padding:0.2em 0;
	font-size:1.2em;
	margin-top:1em;
	text-transform:uppercase;
}
div#container div#otherFashionMeteo{
	background:url(../media/image/content/bg-bloc_otherFashionMeteo.gif) left top repeat-y;
	border-left:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
	border-right:solid 1px #dfdfdf;
	padding:0.2em 0;
}
div#container div#otherFashionMeteo a.prev, div#container div#otherFashionMeteo a.next{
	float:left;
}
div#container div#otherFashionMeteo a.prev img{
	margin:2.5em 1.5em 0 1.5em;
}
div#container div#otherFashionMeteo a.next img{
	margin:2.5em 0 0 1.5em;
}
div#container div#otherFashionMeteo #carousel{
	width:42em;
	height:8.8em;
	overflow:hidden;
	float:left;
}
div#container div#otherFashionMeteo #carou{
	height:100%;
	width:100%;
	overflow:hidden;
}
div#container div#otherFashionMeteo ol#ol_carousel{
	text-align:center;
	height:8.8em;
	width:300em;
}
div#container div#otherFashionMeteo ol li{
	display:inline;
	margin:0 0.2em;
	height:8.8em;
	width:5.6em;
	float:left;
}
div#container div#otherFashionMeteo ol li a img{
	padding:0.2em;
	border:0 none;
	width:52px;
}
div#container div#otherFashionMeteo ol li a:hover img,
div#container div#otherFashionMeteo ol li.selected a img{
	border:solid 1px #3d156f;
	padding:0.1em;
}

/** pagination ************************************/
div#container table.pagination{
	width:99.8%;
	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:#7b41b4;
}
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:#7b41b4;
}