@charset "UTF-8";
/* CSS Document */


/*UTILITIES*/
.break{
	margin:0;
	padding:0;
	clear:both;
}


.barre_noire{

	width:800px;
	border-bottom:1px dashed #000;
	
}
.infoBox{
    
    background-color:#00FFFF;
    color:#000;
    font-family:Arial;
    font-size:12px;
   	display:none;
    padding:13px;
    z-index:300;
}
.caption{
    
    background-color:#000;
    color:#FFF;
    font-family:Arial;
    font-size:10px;
    width:250px;
   	display:none;
    padding:13px;
    z-index:300;
}
.caption p{
	font-family:Georgia, Times New Roman,Times,serif;
	font-size:11px;
}
/*//////////////////////////////*/



body{
	
	margin:0px;
}
a, img{
	outline:none;
	border:0;
}

#body_wrap{

	
	width:800px;
	margin-left:13px;
	margin-top:13px;
	margin-bottom:13px;
}


#header{
	position:relative;
	width:800px;
	height:69px;
	padding:0px;
	margin:0px;
}

#bloc_title{
	
	margin:0;
	border-top:solid 3px #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	float:left;
}

#bloc_langue{

	margin:0px;
	float:right;
}

#bloc_langue a{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:black;
}

#bloc_langue a:focus{

	color:#CCCCCC;
}



/*TOGGLE: CATEGORY TITLE (USED TO ENLARGE CATEGORIES)*/
.toggle{
	background-color:#FFF;
	height:17px;
	border-bottom: 1px dashed #000;
	cursor: pointer;
	margin:0px;
	padding:3px 0 0 3px;
	color:#000;
	
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:left;

}

.toggle a{
	
}

#firstToggle{
	border-top: 1px dashed #000;
}
#secondToggle{
	border:0px;
}
#lastToggle{
	border-top:1px dashed #000;
}




#sub_menu{
	
	height:17px;
	border-bottom:#000 dashed 1px;
	padding-left:3px;
	padding-top:3px	
}

#sub_menu li{

	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	padding-top:0px;
	height: 13px;
	display:block;
	float:left;
}

.menu{
	border-right:solid 1px #CCCCCC;
	padding-right:5px;
}

#last{

	border-right:none;
}

#sub_menu ul{
	height:13px;
	position:relative;
	margin-top:0px;
	margin-left:0px;
	padding:0px
}

#sub_menu a{

	text-decoration:none;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	position:relative;
	margin-top:0px;
}

#sub_menu a:focus{

	color:#000;
}

.handler{

	height:10px;
	width:534px;
	position:absolute;
	
	z-index:1;
	cursor: n-resize;
}

.elem{
	overflow:hidden;
	padding:13px;
	width:508px;
	position:relative;
	margin-left:0px;
	margin-top:3px;
	
}

.image{

	position:relative;
	width:508px;
	height:339px;
	background-color:#CCCCCC;
}
.subtitle{
	font-size:12px;
	font-weight:bold;
}

.contener{

	width:797px;
	
	position:relative;
	overflow:hidden;
	margin-top: 0px;
	margin-left:13px;
}

/*one column*/
.element{
	cursor:pointer;
	width:250px;
	height:450px;
	position:relative;
	margin:0px;
	
	padding:0px;
	float:left;
}
.slider{
	padding-left:3px;
	width:534px;
	margin-right:13px;
}


.pub{

	background-color:#FFF;
}

#auteur{

	background-color:#FFF;
}

#contacts{
	width:250px;
	position:relative;
	background-color:#FFF;
	float:left;
	
}


.contactText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:211px;
	line-height:16px;
	overflow:hidden;
	margin-left:13px;
	margin-right:13px;
	padding-top:13px;
	padding-bottom:13px;
	float:left;
	
}
.contact{
	border-top: 1px dashed #000;
	padding:7px 0 0 0;
	margin-bottom:7px;
}
.contact a{
	font-weight:bold;
	
	
	color:#00FFFF;
	text-decoration:none;	
}

.contact a:hover{
	text-decoration:underline;
}
.downfile{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.downfile img{
	margin-right:3px;
}
.texte{

	font-family:Georgia, Times New Roman,Times,serif;
	width:211px;
	height:424px;
	
	
	font-size:12px;
	line-height:16px;
	margin-top:0px;

	margin-left:13px;
	margin-right:13px;
	padding-top:11px;
	padding-bottom:13px;
	float:left;
	overflow:hidden;
	
}


.texte .bookTitle{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	
	
	font-style:normal;
	font-weight:bold;
	font-size:17px;
	line-height:20px;
	
}
.texte .bookSubTitle{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
}

.texte .bookInfo{
	
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:7px 0 0 0;
	padding: 7px 0 0 0;

	border-top:dotted 1px #000000;
	
}
.texte .bookDesc{
	margin:7px 0 0 0;
	padding: 7px 0 0 0;
	border-top:dotted 1px #000000;
}
.texte .bookArtists{
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	border-top:dotted 1px #000000;
	padding: 7px 0 0 0;
	margin: 7px 0 0 0;
}

.texte .bookInfo p{
	margin:0;
	padding:0;
	
}

.texte .bookArtists p{
	margin:0;
	padding:0;

}

.texte a{
	font-weight:bold;
	
	
	color:#00FFFF;
	text-decoration:none;	
}

.texte a:hover{
	text-decoration:underline;
}






.handler_v{
	position:absolute;
	left:250px;
	width:10px;
	height:100%;
	z-index:3;
	cursor:e-resize;	
}

.black{
	
	width:3px;
	height:100%;
	margin-left:0px;
	margin-top:0px;
	background-color:#000;

}

.black_v{
	width:534px;
	height:3px;
	margin-left:0px;
	margin-top:0px;
	background-color:#000;
}

.ui{
	position:relative;
	float:right;
}

.boutton{
	position:relative;
	width:13px;
	height:13px;
	cursor:pointer;
	border-bottom:1px #FFF solid;
	margin:0px;
	background-image:url(../img/unlarge_over.gif)
}
.boutton:hover{
	background-image:url(../img/unlarge.gif)
}
.thumb{

	width:13px;
	height:30px;
	background-color:#00FFFF;
	position:absolute;
	top:0px;
	left:0px;
}

.track{
	width:13px;
	height:437px;
	position:relative;
	margin-top:0px;
	
}