#content{
	background-color: #1a171b;
	color: #777777;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 462px;
	line-height: 16px;
	position:relative;
	text-align: left;
}
#content a{
	color: #777777;
}

.visuel{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 462px;
    z-index:8;
}

.visuel.active {
    z-index:10;
}

.visuel.last-active {
    z-index:9;
}


#content h1{
	background: transparent url(../_img/fr/la-maison/titre_savoir.gif) no-repeat 40px 38px;
	height: 120px;
	text-indent:-9999px;
}

#content h1.en{
	background: transparent url(../_img/en/la-maison/titre_savoir.gif) no-repeat 40px 38px;
	height: 120px;
	text-indent:-9999px;
}

#content h1,
#content .savoir{
	padding-left: 40px;
	overflow: hidden;
	margin-left: 446px;
}

#content .savoir h2{
	border-top: 1px solid #313131;
}
#content .savoir h2.first{
	border-top: none;
}
#content .savoir h2{
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	line-height: 13px;
	padding: 7px 0 8px;
	width: 342px;
}
#content .savoir h2.selected{
	border-bottom: 1px solid #313131;
	color: white;
}
#content .savoir p{
	padding-top: 18px;
	padding-bottom: 50px;
	width: 367px;
}
#content .savoir p{
	height: 82px;
}
#content .savoir p.first{
	height: 111px;
}
#content .savoir p a{
	color: #C7C7C9;
	text-decoration: none;
}
#content .savoir p a:hover{
	text-decoration: underline;
}