@import url(reset.css);
@import url(typo.css);
 
/* 
 * CSS Document for lavieendeux-lefilm.ch
 * One Pixel Studio - onepixel.ch
 * april 2009
 */
/* ================ main id ========== */
body {
	background:url(../images/body_bkg.png) 2px 4px repeat #E3F5FF;
}
#container{
	position:relative;
	height: 100%;
  	width: 100%;
	min-width:920px;
}
#menu{
	position:relative;
	width:100%;
	height:80px;
	top:67px;
	text-transform:uppercase;
	font-size:19px;
}
#lavieendeux-home #main_content{
	position:relative;
	width:560px;
	height:315px;
	margin: 140px auto 0;
	padding:0;
	text-align: left;
	background:none;
}
#lavieendeux-main #main_content{
	position:relative;
	width:635px;
	height:280px;
	margin: 140px auto 0;
	padding:0;
	text-align: left;
	background:url(../images/content_bkg.png) top left repeat;
}
* html #lavieendeux-main #main_content{
	background:#E3F5FF;
}
.invisible{
	display:none !important;
}
/* ================ NAV ========== */
ul.level_1{
	height:34px;
	width:98%;
	padding:0 0 0 18px;
	background: url(../images/mmenu_bkg.png) top left repeat-x;
}
* html ul.level_1{
	background: #E2007A;
}
ul.level_1 li{
	display:inline;
}
ul.level_1 li a, p.active, ul.level_2 li a{
	display:block;
	float:left;
	margin:6px 0;
	padding:0 20px;
	border-right:2px solid #FFF;
	
}
#menu ul.level_1 li a, #menu ul.level_2 li a{
	color:#FFF;
	}
ul.level_1 li.last a, p.active.last{
	border-right:none;
}
#menu ul.level_1 li a:hover, #menu ul.level_1 li p.active, #menu ul.level_1 a.trail{
	color:#F49FCD;
}
ul.level_1 li.submenu ul.level_2{
	display:none;
}
ul.level_1 li.active ul.level_2, ul.level_1 li.trail ul.level_2{
	display:block;
}
ul.level_2{
	position:absolute;
	bottom:0;
	left:0;
	height:34px;
	width:98%;
	padding:0 0 0 18px;
	background: url(../images/smenu_bkg.png) top left repeat-x;
}
* html ul.level_2{
	background: #66B8DC;
	width:100%;
}
#menu ul.level_2 li a:hover, #menu ul.level_2 li p.active{
	color:#3685BD;
}
/* ================ CONTENT ========== */
#main_content #contentscroll {
width:635px;
height:260px;
overflow: auto;
margin: 0;
padding:10px 0;
}

.contentwrapper{
	margin:0 15px 0 0;
}

#main_content .content{
	padding:0 5px 0 65px;
}
#main_content .persos img, #main_content .fred img{
	position:absolute;
	left:5px;
}

#lavieendeux-home .ce_download{
	margin:20px 0 0 0;
	text-align:center;
	font-weight:bold;
}
.ce_download img{
	position:relative;
	top:3px;
	}
#main_content .photos{
	position:relative;
	left:-40px;
}