/* CSS Document */


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#000000;
color:#ffffff;
}
#conteneur {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}
#conteneur_formule {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_formule.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#conteneur_videos {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_video.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#conteneur_oriental {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_oriental.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#conteneur_photos {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_photos.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#conteneur_liens {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_liens.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#conteneur_livre {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_livre.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#conteneur_coc {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_cocktails.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#conteneur_animation {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_dj.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#conteneur_contact {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_contact.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}



#conteneur2 {
	position:relative;
	margin:0 auto;
	width: 980px;
	background-position:center;
	background-repeat:no-repeat;
	
}

#plus{
	position:absolute;
	left: 770px;
	top: 241px;

}

#conteneur_ecoute {
	position:relative;
	margin:0 auto;
	width: 980px;
	height: 850px;
	background-image:url(../../images-urbanfamily/masque_ecoute.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

#header{
	position:relative;
	background-image:url(../../images-urbanfamily/header.jpg);
	width:980px;
	height:246px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}

#contenu{
	position: relative;
	width:780px;
	background-image: url(../../images-urbanfamily/bande.jpg);
	margin:0px auto;
	padding:0px 0px 0px 200px;
}

#contenu h3{
width:700px;
height:40px;
margin:0px;
margin-left:90px;
}

#contenu table{
margin-left:10px;
}

#titre{
	position:absolute;
	left:288px;
	top:217px;
	z-index:10;

}

#menu{
	position:absolute;
	left: 40px;
	top: 186px;
	z-index:1;
}

#bande{
	position:absolute;
	left: -148px;

}

#bande2{
	position:absolute;
	left: 979px;

}

#animation{
	position:absolute;
	left: 296px;
	top: 585px;

}

#zoom{
	position:absolute;
	z-index:10;
	left: 726px;
	top: 144px;

}

#formule{
	position:absolute;
	width: 714px;
	left: 241px;
	top: 351px;
	height: 466px;

}

#droite{
	float: left;
	height:382px;
	}
	
#gauche{
	float:left;
	width:380px;
	height:466px;
	}
#bas{
	float:left;
	width:290px;
	padding:0 10px 0 0;
}

#cocktails{
	position:absolute;
	font-size:18px;
	left: 281px;
	top: 402px;
	

}
#videos{
	position:absolute;
	left: 244px;
	top: 314px;
	width: 82px;

}

#oriental{
	position:absolute;
	left: 291px;
	top: 278px;

}

#repertoire{
	position:absolute;
	font-size:18px;
	left: 307px;
	top: 335px;
	width: 634px;
	height: 458px;
	

}

#repertoire1{
	position:absolute;
	font-size:18px;
	left: 307px;
	top: 260px;
	!top: 280px;
	width: 634px;
	height: 458px;
	

}

#dj{
	position:absolute;
	font-size:14px;
	left: 244px;
	top: 605px;
	width: 376px;
	color: #000000;	

}


#liens{
	position:absolute;
	font-size:14px;
	left: 295px;
	top: 322px;
	width: 437px;


}

#contact{
	position:absolute;
	font-size:14px;
	left: 296px;
	top: 261px;
	width: 549px;


}

#livre{
	position:absolute;
	font-size:14px;
	left: 242px;
	top: 261px;
	width: 405px;
	height: 539px;


}

#son{
	position:absolute;
	left: 893px;
	top: 810px;

}

#photos{
	position:absolute;
	left: 226px;
	top: 287px;


}


#footer{
	position:relative;
	background-image: url(../../images-urbanfamily/footer.jpg);
	height:132px;
	width:980px;
	margin:0 auto;
}


#pied{
	position:relative;
	margin-top:20;
}

#pied2{
	position:absolute;
	margin-top:20;
	top: 860px;
}

.bord{
border:1px #FFFFFF solid;
}


#bando{
	position:absolute;
	top: 724px;

}

#bando2{
	position:absolute;
	top: 724px;
	left: 195px;

}




hr { 
clear: both;
width: 95%;
border: 0; /* enleve toute bordure */
border-bottom: 1px #FFFFFF solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}



#fomule th{
	size:20px;

}

a:link {text-decoration: none; color: #ee007b; }
a:visited {text-decoration: none; color: #ffffff; }
a:active {text-decoration: none; color: #ee007b; }
a:hover {text-decoration: none; color: #ee007b; }

.tab{
border-right:1px #00A1BD solid;
}