/************************************************************
 *
 *	Name		:	mustHave.css
 *	Author		:	Kubota Hideo
 *	Created		:	10.03.2009
 *	Modified	:	10.03.2009
 *
 *	Description	:	Set styles for the dressCode page
 *
 ************************************************************/

div#container{
	width:51em;
}
/** mustHave *********************************************/
div#container p.sous_titre{
	font-size:1.2em;
	line-height:1.2em;
}
div#container div#listArticles{
	margin:1em 0;
	border:solid 1px #b5b5b5;
	height:100%;
}
div#container div#listArticles div.bloc{
	overflow:hidden;
}
div#container div#listArticles div.bloc div{
	float:left;
}
div#container div#listArticles div.bloc div#article-2{
	float:right;
}
div#container div#listArticles div.bloc div#article-3{
	float:right;
}
div#container div#listArticles div.bloc div.right{
	float:right;
}
div#container div#listArticles div.bloc div img{
	width:166px;
}
div#container div#listArticles div.bloc div.left img, div#container div#listArticles div.bloc div.right img{
	width:auto;
	height:338px;
}

div#container div#listArticles div.bloc div.etiquette{
	position:absolute;
	background:url(../media/image/content/bg-etiquette-left.png) left top no-repeat;
	margin:1em 0 0 1em;
	height:100%;
}
div#container div#listArticles div.bloc div.etiquette.big{
	position:absolute;
	background:url(../media/image/content/bg-etiquette-left.png) left top no-repeat;
	margin:17em 0 0 15em;
	height:100%;
}
div#container div#listArticles div.bloc div.etiquette div.e1{
	background:url(../media/image/content/bg-etiquette-right.gif) right top no-repeat;
	padding:0 1em 0.5em 3.5em;
}
div#container div#listArticles div.bloc div.etiquette div.e2{
	background:url(../media/image/content/bg-etiquette-middle.gif) center top repeat-x;
	padding:0.5em 0 0 0;
	height:59px;
}
div#container div#listArticles div.bloc div.etiquette h2{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2em;
}
div#container div#listArticles div.bloc div.etiquette p{
	font-size:1.2em;
	line-height:1.333em;
	color:#F86851;
	max-width:35em;
}

/** pagination ************************************/
div#container table.pagination{
	width:99.8%;
	background:url(../media/image/content/bg-separ-beaute.gif) left top repeat-x;
	margin:1em 0;
}
div#container table.pagination tr{
	background:url(../media/image/content/bg-separ-beaute.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:#F86851;
}
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:#F86851;
}