ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,form,fieldset,input,td,dl,dt,dd
 {
 margin: 0;
 padding: 0;
}

a img,:link img,:visited img {
 border: none;
}

a:focus {
 outline: none;
}

body,td {
 font-size: 10px;
 color: #222;
 background-color: #fff;
 font-family: "Times New Roman", Georgia, serif;
}

body.fck {
 margin: 10px;
 width: 510px;
 border-left: 1px solid #EEE;
 border-right: 1px solid #EEE;
 text-align: left;
 font-size: 16px;
}

body {
 text-align: center;
 background-color: #FFF;
 text-rendering: optimizeLegibility;
}

/* FCKEditor styles combo box */
div.SC_Panel,div.SC_Panel td {
 font-family: "Times New Roman", Georgia, serif;
}

/**************/ /*   STICKY FOOTER   */ /**************/
html,body {
 height: 100%;
}

#wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -66px;
 /* the bottom margin is the negative value of the footer's height */
}

#footer,#push_footer {
 height: 66px; /* .push must be the same height as .footer */
}

/**************/ /*   END STICKY FOOTER   */ /**************/
 /***************/ /*   CONTENT   */ /***************/
h1 {
 font-weight: normal;
 font-size: 26px;
 line-height: 1em;
 margin: 16px 0pt;
}

h2 {
 font-weight: normal;
 font-size: 22px;
 line-height: 1em;
 margin: 16px 0pt;
}

h3 {
 font-weight: normal;
 font-size: 19px;
 line-height: 1em;
 margin: 16px 0pt;
}

p {
 font-size: 16px;
 line-height: 20px;
 margin-bottom: 1em;
 text-align: justify;
}

hr {
 margin: 2em 0pt;
 color: #e4d0e4;
 background-color: #e4d0e4;
 height: 1px;
 border: 0;
}

a:link,a:visited,a:active {
 color: #222;
 text-decoration: none;
}

a:hover {
 border-bottom-style: dotted;
 border-bottom-width: 1px;
}

a.colored:link,a.colored:visited,a.colored:active {
 color: #871A86;
}

a.colored:hover {
 border-bottom-color: #222;
}

a.noborder:hover {
 border-bottom-width: 0pt;
}

div#page {
 width: 900px;
 margin: 0 auto;
 text-align: left;
}

div#content {
 padding: 22px;
 background-color: white;
 clear: left;
 border-top: 1px solid #871a86;
 font-size: 1.6em;
}

a.delete {
 border-bottom-width: 0pt;
}

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

a.delete img {
 position: relative;
 bottom: -2px;
}

div.left {
 float: left;
 width: 303px;
 position: relative;
}

div.right {
 float: left;
 width: 510px;
 padding-left: 43px;
 padding-top: 1.1875em;
 /* 19px pour alignement pied à pied avec H1 sur .left */
}

div.right p:first-child {
 margin-top: 3px;
 padding-top: 0pt;
}

div.right h1:first-child {
 margin-top: -3px;
 padding-top: 0pt;
}

div.right h2:first-child {
 margin-top: 0pt;
 padding-top: 0pt;
}

div.right h3:first-child {
 margin-top: 3px;
 padding-top: 0pt;
}

.clear {
 clear: both;
}

div.random {
 position: absolute;
 top: 5px;
 left: 0pt;
}

div.random a {
 display: block;
 position: relative;
 border-width: 0pt;
}

div.random a p {
 display: none;
/* position: absolute;
 bottom: 0pt;
 left: 0pt;
 margin-bottom: 0pt;
 padding: 8px 6px; 
 background-image: url('../images/transp70.png');
 border-top: 1px solid white; */
 padding: 8px 2px;
 background-color: #fafafa;
 text-align: center;
 font-size: 0.75em;
}

div.random a p.bordure {
  bottom: 1px;
  left: 1px;
}

div.random a:hover p {
  display: block;
}

img.bordure {
 border: 1px solid #ccc;
}

span.titre {
 color: #871a86;
}

/**************/ /*   HEADER   */ /**************/
div#header {
 position: relative;
}

#header h1 {
 height: 45px;
 margin: 0;
 background: transparent url("../images/header1.jpg") no-repeat scroll
  top left;
 padding-bottom: 16px;
}

#header h1 span {
 display: none;
}

#header form {
 position: absolute;
 top: 63px;
 right: 22px;
 font-size: 1.5em;
 z-index: 900;
}

#header input {
 border: 1px solid #871a86;
 height: 15px;
 width: 15.4em;
 font-family: "Times New Roman", Georgia, serif;
 font-size: 13px;
 line-height: 13px;
 vertical-align: bottom;
}

#header form img {
 vertical-align: bottom;
}

#header form a:hover {
 border-bottom-width: 0pt;
}

#header #panier {
 position: absolute;
 top: 35px;
 right: 5px;
 font-size: 13px;
}

/**************/ /*   FOOTER   */ /**************/
div#footer {
 position: relative;
 width: 900px;
 margin: 0 auto;
 text-align: left;
 border-top: 1px solid #871a86;
 background: white url("../images/footer1.jpg") no-repeat scroll bottom
  left;
}

#footer ul {
 position: absolute;
 left: 22px;
 bottom: 50px;
 width: 100%;
 padding-left: 0pt;
 margin: 0pt;
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 font-size: 1.2em;
 font-weight: normal;
 line-height: 1;
}

#footer li {
 float: left;
 padding-right: 22px;
}

#footer li#colophon {
 float: right;
 padding-right: 44px;
}

/**************/ /*  LISTES LIVRES   */ /**************/
ul.liste_livres {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
}

ul.liste_livres li {
 padding-bottom: 1em;
}

.liste_livres a {
 white-space: nowrap;
}

.liste_livres a.titre {
 color: #871a86;
 /*  font-weight: bold;
  letter-spacing: 0.7px; */
}

.liste_livres span.sous_titre {
 font-size: 0.75em;
 font-style: italic;
}

.liste_livres a.titre:hover {
 border-color: #222;
}

.liste_livres a.auteur:hover,.liste_livres a.artiste:hover,.liste_livres a.nom:hover
 {
 border-color: #871a86;
}

.liste_livres .format_livre {
 font-size: 0.75em; /* 12px */
}