@import url(reset.css);

html { font-size: 100%; }

body {
 background: black;
 font: 0.75em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: black;
 text-align: center;
}

#global {
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -463px; /* moitié de la largeur */
 margin-top: -317px; /* moitié de la hauteur */
 width: 925px;
 height: 635px;
 text-align: left;
 background: white url(images/fond.jpg) top left no-repeat;
}

a { text-decoration: none; }
a:hover { text-decoration: none;}


#centre a { color: #5F3F23; text-decoration: none;  /*border-bottom: 1px solid #9F7F63*/}
#centre a:hover { text-decoration: none; color: #9F7F63; }

/* Menu */
#menu {
 position: absolute;
 top: 25px;
 left:300px;
 z-index:2;
}


/* Langues */

#langues {
 position: absolute;
 top: 142px;
 left: 120px;
}

#langues a {
 margin-right: 10px;
}


/* Zone de contenu */

#centre {
 position: absolute;
 top: 95px;
 left: 310px;
 width: 575px;
 height: 475px;
 clip: auto;
 overflow: auto;
 padding-bottom: 10px;
 padding-right: 10px;
}

#centre img {
    clear: right;
    float: right;
    margin: 5px 5px 5px 5px;
}


#centre h3 {
 font-size: 16px;
 font-weight: bold;
 color: #5F3F23;
 margin: 15px 0 5px;
}
#mycustomscroll h3 { font-size: 15px;}
#centre h4 {
 font-size: 12px;
 font-weight: bold;
 color: #5F3F23;
 margin: 10px 0 0px;
}

#centre p {
 font-size: 13px;
 margin: 10px 0;
 line-height: 1.3em;
}

#centre li {
 font-size: 1em;
 line-height: 1.4em;
 margin-left: 1.4em;
 list-style-type: square;
}


/* Page des liens */

#centre dl.liens dt {

 margin: 3px 0;
 border-top: 0px solid #f1ede3;
 padding-top: 5px
}


#centre dl.liens a {
 font-size: 13px;
 color: #5F3F23;
 font-weight: bold;
 border: 0
}

#centre dl.liens a:hover {
 color: #9F7F63;
}

#centre dl.liens p {
 font-size: 12px;
 margin: 0 0;
 line-height: 1.2em;
}

/* Page des références - Livres */
/*
#centre dl {
 margin-left: 0px;
}

#centre dl dd {
 margin-top: -5px;
 margin-bottom: 20px;
}

#centre dl dt p{
 margin: 0;
}
*/



/* Page des témoignages */

#centre dl.temoignages dt {
 font-size: 0.94em;
 font-style: italic;
 color: #5F3F23;
 margin-left: 10px;
 margin-right: 10px;
}

#centre dl.temoignages dd {
 font-size: 0.92em;
 text-align: right;
 border-bottom: 1px solid #f1ede3;
 margin: 10px;
 padding-bottom: 3px;
}


/* Animation */

#anim {
 position: absolute;
 top: 178px;
 left: 64px;
}

/* Pub */

#pub {
 position: absolute;
 top: 500px;
 left: 62px;
}

/*********************/


#baseline {
 position: absolute;
 top: 595px;
 left: 545px; 
 bottom: 13px;
 font-size: 10px;
 color: #E19A64;
 font-weight: bold;
}

#baseline li {
 display: inline;
 list-style-type: none;
 padding: 0 10px;
 border-right: 1px solid #E4DDCB;
 font-size: 1.2em;
}

#baseline li.last {
 border-right: 0;
}


#baseline a 		  { color: white; }
#baseline a:hover,#baseline li.here a { color: #9F7F63; }

#baseline a {
 border-bottom: 0 !important;
 text-decoration: none;
}

/*************/

div.spacer {
 clear: both;
} 

#search {
    float: right;
    margin-top: 18px;
    padding-right: 15px;
    position: relative;
    width: 540px;
    z-index: 900;
    left: 60px;
    position: absolute;
    top: 555px;
    width: 30%;
    padding: 1px;
    height: 20px;
    margin-bottom:10px;
    border: 0px solid white;
}
.customfieldclass{

}
/************************************************/
/****************the scroll****/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
#search-txt{
   color: white;
   font-weight:bold
}
#customfield{
}

.vscrollerbase {
width: 2px;
}
.vscrollerbar {
width: 5px;
height: 10px;
background-color: #757575;
}

.vscrollerbase {
width:5px;
background-image: url(images/trai.png);
}
.vscrollerbar {
background-image: url(images/scrollbar.png);
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 30px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(images/scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}
.hscrollerbase {
height: 15px;
width:20px;
background-color: #ffffff;
}
.hscrollerbar {
height: 10px;
width:20px;
background-color: #ffffff;
}

.scrollerjogbox {
width: 5px;
height: 5px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: auto;
height:555px;
top:5px;
position: relative;
}
/************************************************/
fieldset {
border: 0px solid #CCA383;
width: 80%;
/*background: #FFE8EF;*/
padding: 10px;
height: 20px;
margin-bottom:10px;
}
fieldset legend {
background: #CCA383;
padding: 6px;
font-weight: bold;
}
#tablebook{
border-collapse: collapse;
width: 90%;
}
#trtablebook{
font-family: monospace;
width: 100%;
padding: 5px;
margin-top:100px;
/*background-color: #D0E3FA;*/
vertical-align:middle;

}
#tdtablebook{
font-family: sans-serif;
width: 100%;
padding: 5px;
text-align: left;
/*background-color: #ffffff;*/
vertical-align:top;
}
#bookcover {
    clear: right;
    float: right;
    margin: 5px 5px 5px 5px;
    height: 140px;
    width: 95px;
    margin-bottom: 10px;
}
#ajaxSearch_submit{
   /* background: url(images/ok.gif) no-repeat scroll left top transparent;*/
    background: url(images/icon_search.png) no-repeat scroll left top transparent;
    border: 0 none;
    cursor: pointer;
    height: 17px;
    margin: 1px 0 0;
    padding: 0;
    width: 32px;
}
/************************************************/
.categorie { color:  #73363D;font-weight: bold }
a.categorie:hover { color: #5F3F23;  }
.introtext { 
    font-size: 1em;
    line-height: 1.4em;
    margin: 20px 5px 20px 0;
}
#voirlivres {
    display: block;
    margin: 4px 10px 0 0;
    padding: 0 0 1px 22px;
    float: right;
}
#livreblockdiv{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #FAC997;
    padding: 15px 5px 5px 10px;
    margin: 25px 25px 25px 25px;
    color:#000000;
}
#livreblockdiv img{
    float: right;
    margin: 5px 5px 5px 5px;
    margin-bottom: 10px;
}
#spantitle{
    color: #73363D;
    font-size: 0.9em;
    margin: 0px 0px 0px 0px;	
}
.flashy{
  font-size: 25px;
  font-weight: bold;
}
.tableplus {
    /*margin-left:auto;
    margin-right:auto;*/

}
.trtableplus {
    /*margin-left:auto;
    margin-right:auto;*/
    font-size: 18px;
}
.tdtableplus {
    /*margin-left:auto;
    margin-right:auto;*/
        font-size: 18px;
	font-weight: bold;
	padding-top:15px;
        text-align:center;
}
.tableplusDept{
  font-size: 15px;
  font-weight: bold;
  padding-top:5px;
  
}
.suite{
  margin: 5px 5px 5px 5px;
  display:block;
   color:  #73363D;
  
}
.suite:hover{
   text-decoration: underline;
   color: #5F3F23;
}
.lelien{
   color: #E4DDCB;
}
#livrehtml{
	height:100%;
        width:100%;
        border: 1px solid black;
}
#chunkcont{
        height:100%;
        width:100%;
        border: 1px solid yellow;
}
.CornerTopLeft {
    background: url(images/Books_Corner_Top_Left.gif);
}
.CornerBoLeft {
    background-image: url(images/Books_Corner_Top_Left.gif);
}
.CornerBottomRight {
    background-image: url(images/Books_Corner_Bottom_Right.gif);
}
.CornerBottomLeft {
    background-image: url("images/Books_Corner_Bottom_Left.gif");
}

div.rounded-box {
    width: 9em;
    background-color: #E6E6E6;
    margin: 3px;
}
div.top-left-corner, div.bottom-left-corner,
div.top-right-corner, div.bottom-right-corner
{position:absolute; width:20px; height:20px;
background-color:#FFF; overflow:hidden;}
div.top-left-inside, div.bottom-left-inside,
div.top-right-inside, div.bottom-right-inside
{position:relative; font-size:150px; font-family:arial;
color:#E6E6E6; line-height: 40px;}
div.top-left-corner { top:0px; left:0px; }
div.bottom-left-corner {bottom:0px; left:0px;}
div.top-right-corner {top:0px; right:0px;}
div.bottom-right-corner {bottom: 0px; right:0px;}
div.top-left-inside {left:-8px;}
div.bottom-left-inside {left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}
div.box-contents {
	position: relative; padding: 8px; color:#000;
}
hr {
    background: url("images/separateur.jpg") no-repeat scroll center center transparent;
    border: 0 none;
    height: 2px;
    margin-bottom: 8px;
}
.ajaxSearch_paging{
display:block;
padding-bottom: 5px !important;
}