* {
		margin:0;
		padding:0;
		}
		
html, body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#000000;
	}


#distance{
		width:1px;
		height:50%;
		margin-bottom:-27em; /* half of container's height */
		float:left;
}

#conteneur{
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:55em;
		width:900px;
		clear:left;
		background-color:#938f7a;
}

#logo{
position:relative;
left:11em;
top:1.5em;
width:213px;
height:179px;
background-image:url("../images/accueil/logo-maison-larzul.jpg");
}

#accroche{
position:absolute;
left:32em;
top:3.7em;
width:500px;
height:157px;
background-image:url("../images/accueil/histoire-de-famille.jpg");
background-repeat:no-repeat;
background-position:top;
}

#accrocheEn{
position:absolute;
left:32em;
top:3.7em;
width:500px;
height:86px;
background-image:url("../images/accueil/family-story.jpg");
background-repeat:no-repeat;
background-position:45px 0px;
}


#texteguillemet{
background-image:url("../images/accueil/guillemet.jpg");
background-repeat:no-repeat;
height:60px;
padding-left:50px;
margin-top:70px;
padding-top:10px;
}

#menu{
top:215px;
position:absolute;
width:866px;
height:303px;
background-color:#938f7a;
}

#col1{
padding-top:53px;
height:303px;
width:221px;
float:left;
}

#col2{
height:303px;
width:215px;
float:left;
}

#col3{
height:303px;
width:215px;
float:left;
}
#col4{
height:303px;
width:215px;
float:left;
}

#langue{
height:40px;
width:138px;
position:relative;
top:380px;
left:700px;
}

#lienQVC{position:relative;top:350px; width:500px; left:20px; color:#FFFFFF; font-size:12px;}
#lienQVC a{color:#FFFFFF; text-decoration:none;}
#lienQVC a:hover{color:#FFFFFF; text-decoration:underline;}


#mentions{
height:20px;
width:138px;
position:relative;
top:390px;
left:0px;
color:#938f7a;
}

#mentions a{
color:#938f7a;
text-decoration:none;
}

#mentions a:hover{
color:#ffffff;
text-decoration:none;
}