.annuaire {
	margin: 10px;
	background-color: #7E6148;
	height:722px;
	border-top: 1px solid #7E6148;
	border-bottom: 1px solid #7E6148;
	border-radius:15px 15px;
	/*max-width: 1150px;*/
	margin: auto;
	overflow:hidden;
	margin: 0 10px 0 10px;
}

.bindview {
	float: right;
	display:block;
	top:40px;
	left:40px;
	width:586px;
	height:722px;
	background: url(images/binder.png) repeat-y 0 0 transparent;
	-moz-box-sizing:content-box;
	-webkit-box-sizing: content-box;
    box-sizing: content-box;
	border-top: 1px solid #7E6148;
	border-bottom: 1px solid #7E6148
}

.bindview.singleCol {
	width:310px;
}

.bindcontent {
	/*float: right;*/
	position:relative;
	display:block;
	top:0px;
	left:70px;
	width:510px;
	height:660px;
	padding: 20px 4px 40px 4px;
	border-left:2px ridge #F20;
	background:none;
}

.bindcontent.singleCol {
/*	width:255px;*/
	width:233px;
}

.binddetails {
/*	position:relative;*/
	height:700px;
/*	height: auto;*/
	padding: 9px 4px 0px 4px;
	border: 1px solid transparent;
	min-width:160px;
/*	max-width:510px;*/
	border-bottom-left-radius: 15px 15px;
	border-top-left-radius: 15px 15px;
	overflow: hidden;
	/*background-color: transparent !important;*/
	background-color: #0094AA !important;
}

.booklist {
	background: url(images/blueline.png) repeat 0 0 transparent;
	width:100%;
	height:100%;
	line-height:20px;
	font-family:sans-serif;
	font-size:14px;
}

.booklist div a:hover {
	cursor:pointer;
	text-decoration: underline;
	color: #7E6148;
}

.booklist div a {
	color: #000;
	text-decoration: none;
}

/*.booklist div a .marked {
	background-color: yellow;
}*/
.booklist div.columns {
	display:inline-block;
	float:left;
	width:245px;
	height:24px;
	line-height: 23px; /* pour eviter de voir le haut de la ligne suivante */
	margin-bottom: 4px;
	margin:0 5px 0 0;
	overflow: hidden;
}

.booklist div.columns a.mark, .booklist div.column a.mark {
	background-color: yellow;
	max-width: 245px;
	height:19px;
	overflow: hidden;
	display: inline-block;
}

.booklist div.columns a.famous, .booklist div.column a.famous {
	padding-left: 20px;
	background-image: url('images/famousp.png');
	background-repeat: no-repeat;
	background-position-y: 50%;
}

.booklist div.columns a.special, .booklist div.column a.special {
	padding-left: 20px;
	background-image: url('images/speciale.png');
	background-repeat: no-repeat;
}

.booklist div.columns.singleCol, .booklist div.column.singleCol {
	width:225px;
}

.booklist div.column {
	display:block;
	float:left;
	height:24px;
	margin:0 5px 0 0;
	overflow: hidden;
	width: 100%;
}

.bindtabs {
	float: right;
	background:#E7E8EB;
	border-left: 2px solid #89765A;
	display:block;
	top:40px;
	left:620px;
	width:40px;
	height:722px;
	overflow:hidden;
	border-bottom-right-radius:15px 15px ;
	border-top-right-radius:15px 15px ;
	border-top: 1px solid #7E6148;
	border-bottom: 1px solid #7E6148;
}

ul.vtab {
	width:43px;
	background:gray;
	list-style-type: none ;
   	margin:0;
	font-family:sans-serif;
	font-size:14px;
	padding:0;
}

ul.vtab li {
	display:block;
	height:22px;
	width:43px;
	/*background: url(images/vtab.png) no-repeat 0 0 transparent;*/
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:10px 6px 6px 6px;
}

ul.vtab li:hover {
	display:block;
	height:22px;
	width:43px;
	background: url(images/vtab-hover.png) no-repeat 0 0 transparent;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:10px 6px 6px 6px;
}

ul.vtab li a {
	color:#fff;
	text-decoration: none;
}

/*ul.vtab li a.selected {
	color:#000;
	font-size:13px;
	font-weight:bold;
	border: 2px solid #FFF;
	background-color: #FFF;
	display: block;
	margin-right: 13px;
}

ul.vtab li a.selected:hover {
	font-size:16px;
	font-weight: bold;
	color: #fff;
}*/

ul.vtab li a.selected {
	font-size:16px;
	font-weight: bold;
	color:orange;
}

ul.vtab li a.selected:hover {
	font-size:16px;
	font-weight: bold;
	color: orange;
}

ul.vtab li a:hover {
	font-size:16px;
	font-weight: bold;
	color: #fff;
}



/*
Version avec les lettres suivantes :
'ANNU_LETTER_LIST', 'A,B,C,D,E,F,G,H,I,J-K,L,M,N,O,P,Q,R,S,T,U,V,W-X,Y-Z'
*/
/* 
.annuaire {
	margin: 10px;
	background-color: #7E6148;
	height:876px;
	border-top: 1px solid #7E6148;
	border-bottom: 1px solid #7E6148;
	border-radius:15px 15px;
	max-width: 1150px;
	margin: auto;
	overflow:hidden;
}

.bindview {
	float: right;
	display:block;
	top:40px;
	left:40px;
	width:586px;
	height:874px;
	background: url(images/binder.png) repeat-y 0 0 transparent;
	-moz-box-sizing:content-box;
	-webkit-box-sizing: content-box;
    box-sizing: content-box;
	border-top: 1px solid #7E6148;
	border-bottom: 1px solid #7E6148
}

.bindview.singleCol {
	width:310px;
}

.bindcontent {
	position:relative;
	display:block;
	top:0px;
	left:70px;
	width:510px;
	height:814px;
	padding: 20px 4px 40px 4px;
	border-left:2px ridge #F20;
	background:none;
}

.bindcontent.singleCol {
	width:233px;
}

.binddetails {
	height:854px;
	padding: 9px 4px 0px 4px;
	border: 1px solid transparent;
	min-width:160px;
	border-bottom-left-radius: 15px 15px;
	border-top-left-radius: 15px 15px;
	overflow: hidden;
	background-color: transparent !important;
}

.booklist {
	background: url(images/blueline.png) repeat 0 0 transparent;
	width:100%;
	height:100%;
	line-height:20px;
	font-family:sans-serif;
	font-size:14px;
}

.booklist div a:hover {
	cursor:pointer;
	text-decoration: underline;
	color: #7E6148;
}

.booklist div a {
	color: #000;
	text-decoration: none;
}

.booklist div.columns {
	display:inline-block;
	float:left;
	width:245px;
	height:24px;
	line-height: 23px; 
	margin-bottom: 4px;
	margin:0 5px 0 0;
	overflow: hidden;
}

.booklist div.columns a.mark, .booklist div.column a.mark {
	background-color: yellow;
	max-width: 245px;
	height:19px;
	overflow: hidden;
	display: inline-block;
}

.booklist div.columns a.famous, .booklist div.column a.famous {
	padding-left: 20px;
	background-image: url('images/famousp.png');
	background-repeat: no-repeat;
	background-position-y: 50%;
}

.booklist div.columns a.special, .booklist div.column a.special {
	padding-left: 20px;
	background-image: url('images/speciale.png');
	background-repeat: no-repeat;
}

.booklist div.columns.singleCol, .booklist div.column.singleCol {
	width:225px;
}

.booklist div.column {
	display:block;
	float:left;
	height:24px;
	margin:0 5px 0 0;
	overflow: hidden;
	width: 100%;
}

.bindtabs {
	float: right;
	background:#E7E8EB;
	border-left: 2px solid #89765A;
	display:block;
	top:40px;
	left:620px;
	width:40px;
	height:874px;
	overflow:hidden;
	border-bottom-right-radius:15px 15px ;
	border-top-right-radius:15px 15px ;
	border-top: 1px solid #7E6148;
	border-bottom: 1px solid #7E6148;
}

ul.vtab {
	width:43px;
	background:green;
	list-style-type: none ;
   	margin:0;
	font-family:sans-serif;
	font-size:14px;
	padding:0;
}

ul.vtab li {
	display:block;
	height:22px;
	width:43px;
	background: url(images/vtab.png) no-repeat 0 0 transparent;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:10px 6px 6px 6px;
}

ul.vtab li:hover {
	display:block;
	height:22px;
	width:43px;
	background: url(images/vtab-hover.png) no-repeat 0 0 transparent;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:10px 6px 6px 6px;
}

ul.vtab li a {
	color:#fff;
	text-decoration: none;
}

ul.vtab li a.selected {
	font-size:16px;
	font-weight: bold;
	color:orange;
}

ul.vtab li a.selected:hover {
	font-size:16px;
	font-weight: bold;
	color: orange;
}

ul.vtab li a:hover {
	font-size:16px;
	font-weight: bold;
	color: #fff;
}

*/