*{
	margin:0;
	padding:0;
}

body{
	background:url('back.png');
	font-family:"Trebuchet MS";
	margin:25px;
}

h1{
	color:#77C8FF;
	margin:25px;
}

#main{
	width:804px;
	margin:auto;
	margin-bottom:30px;
}

#content{
	height:400px;
	border:#77C8FF 2px solid;
	-moz-border-radius:10px;
	background:#EEEEEE;
	overflow:hidden;
}

#familleSelector{
	background:url('famille.png') #DDDDDD bottom left no-repeat;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomleft:8px;
}

#samiSelector{
	background:url('sami.png') #DDDDDD bottom left no-repeat;
}

#beatriceSelector{
	background:url('beatrice.png') #DDDDDD bottom left no-repeat;
}

#michelSelector{
	background:url('michel.png') #DDDDDD bottom left no-repeat;
}

#philippeSelector{
	background:url('philippe.png') #DDDDDD bottom left no-repeat;
}

#contactSelector{
	background:url('contact.png') #DDDDDD bottom left no-repeat;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomright:8px;
}

#maxxSelector{
	background:url('maxx.png') #DDDDDD bottom left no-repeat;
}

.slider{
	height:100%;
	float:left;
}

.selector{
	height:400px;
	width:20px;
	display:block;
	float:left;
}

.panel{
	float:left;
	overflow:hidden;
}

.pannelContent{
	padding:20px;
	background:#EEEEEE;
	height:400px;
}

.profileImage{
	float:left;
	margin-right:10px;
	border:solid grey 1px;
}

.title{
	font-weight:bold;
}

.citation{
	font-style:italic;
}

hr{
	color:grey;
	clear:both;
}

a{
	color:#0094FF;
	font-weight:bold;
	text-decoration:underline;
}

a:hover{
	color:#0026FF;
}

#alert{
	background:white;
	position:fixed;
	top:25px;
	left:25px;
	padding:5px;
	border:solid 2px grey;
	-moz-border-radius:5px;
}

#alert:hover{
	cursor:pointer;
}