#main
{
	background: url('images/piedsHousses/deepjungle.jpg') no-repeat center center / 100% auto;
}

#tof 
{
	position: relative;
	float: right;
   z-index: 2;
   height: 100%;
   width: 35%;
   margin-left: auto;
   margin-bottom: 0;
	background: url('images/piedsHousses/housse.png') no-repeat center left / auto 100%;
	border-left: 2px solid black;
}

#description
{
	float: right;
	z-index:0;
	width: 63%;
	height: 100%;
}

#description>div>a
{
	display: block;	
	float: right;	
	width: 20%;
	width: 30vh;
	height: 100%;
}
#description>div>a:focus {
	outline: none;
}
#description>div>a::-moz-focus-inner {
	border: none;
}
#description>div>a:hover
{
	background: url('images/piedsHousses/selection.png') no-repeat center right / auto 100%;
}
#description>div>div
{
	display: block;	
	float: right;	
	width: 50%;
	height: 85%;
	margin: 1em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#housses
{
	width: 100%;
	height: 50%;
	border-bottom: 2px solid black;
}
#housseimg
{
	width: 100%;
	height: 100%;
	background: url('images/piedsHousses/housseouvertealenvers.png') no-repeat center right / auto 100%;
}

#pieds
{
	width: 100%;
	height: 50%;
}
#piedimg
{
	width: 100%;
	height: 100%;
	background: url('images/piedsHousses/pied.png') no-repeat center right / auto 100%;
}

.textaccordion {
	margin: 1% 0;
}

.textaccordion {
	height: 100%;
}

.textaccordion dt, dd {
	text-align: left;
	color: #cc9f66;
}

.textaccordion dt a {
	display: block;
	text-decoration: none;
	color: #cc9f66;
	padding: 1% 2.5%;
	background: url('images/v.png') no-repeat left center / auto 30%;
}

.textaccordion dd {
	width: 90%;
	height: auto;
/*	max-height: 80%;	*/
	overflow: auto;
	text-align: justify;
}

.textaccordion dd p {
	margin: 0 0 1vh 0;
	padding: 0 2vh 0 0;
}

#scrooly {
	height: 250px;
    background-color: lightgrey;
	display: none;
}
.actif
{
	display: block;
}
.inactif
{
	display: none;
}