p {
	margin-top: 16px;
	margin-bottom: 16px;
}

#panel {
	height: 759px; /*746px*/
	width: 650px;
	float: left;
	overflow: hidden;
	position: absolute;
	background-image: url(bby_images/tiroir_ombre_bas.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	z-index: 2;
}
#panel .panel-logo {
	margin-top: 10px;
	width: 22px;
	height: 130px;
}
#panel a {
	text-decoration: underline;
	cursor: hand;
}
#panel a:hover {
	text-decoration: underline;
}
#panel strong {
	font-weight: 700;
}

#panel.panel-closed {
	width: 44px;
}

#panel-border {
	position: absolute;
	right: 0;
	height: 744px;
}
#panel-border-top{
	width: 44px;
	background: url(bby_images/border-rouge.gif) left repeat-y;
	height:50px;
}
#panel-border-bottom{
	position:absolute;
	width: 44px;
	background: url(bby_images/border-gris.gif) left no-repeat;
	top: 292px;
	height:454px;

}
#panel-tab {
	position: absolute;
	top: 40px;
	width: 44px;
	height: 252px;
	background: url(bby_images/font.png) no-repeat;
	cursor: pointer;
}
#panel-content {
	position: absolute;
	right: 44px;
	width: 606px;
	height: 746px;
	overflow-y: auto;
	background-color: white;
}
#panel-top{
	height: 13px;
	width: 560px;
	float: right;
}	
#panel-top img {
	float: right;
}
.mask {
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}

.font-1 {
	font-family: times, serif;
}
.font-2 {
	font-family: courier, serif;
}
.font-3 {
	font-family: arial, serif;
}
.font-4 {
	font-family: "lucida console", serif;
}
.font-5 {
	font-family: times, sans-serif;
}
.font-6 {
	font-family: courier, sans-serif;
}
.font-7 {
	font-family: arial, sans-serif;
}
.font-8 {
	font-family: "lucida console", sans-serif;
}
.font-9 {
	font-family: serif;
}
.font-10 {
	font-family: sans-serif;
}