html {
font-size: 100%;
width:100%;
height:100%;}

body {
background-color: rgb(220,240,242);
font-family: helvetica,geneva,arial,tahoma,sans-serif;
font-size: 0.8em;
color: #333333;
width:100%;
height:100%;
}

.cacher
{display:none;}

#evenements {
margin-top: -10px;
margin-left:30px;
margin-right:30px;
padding:10px;
border: 1px solid #7099a0;
background: #acd6dd;
-moz-box-shadow: 0 0 4px gray;
-webkit-box-shadow: 0 0 4px gray;
box-shadow: 0 0 4px gray;
}

#evenements ul {
padding: 12px 24px 0;
}

#evenements p {
padding: 4px 12px;
text-align: justify;
}

#recap {
padding-top:10px;
}

#recap p {padding:0 !important;}

* {
margin: 0;
padding: 0;
border: 0;
}

a {
color:navy;
text-decoration:none;
font-weight:bolder;
}

a:focus, a:hover {
text-decoration:underline;
}

div {text-align: left;}

p {padding-bottom:0.33em;}

table {
background-color: transparent;
margin-left:auto;
margin-right:auto;
}

h2 {
font-size:1.33em;
padding-top:2.5em;
padding-bottom:0.85em;
text-align:center;
}

hr {
display:block;
height: 1px;
width:100%;
clear: both;
margin: 0;
visibility:hidden;
}

#conteneur {
position: relative;
background:#a5cfd6 url(./images/papierpeint3.gif) repeat-y left top;
width:990px;
margin: 0 auto;
text-align: center;
}

#header {
background:rgb(220,240,242) url(./images/papierpeint.gif) repeat-y left top;
height:200px;
margin-left:0px;
position:relative;
}

#logo {
background:url(./images/header3.png) no-repeat right top;
display:block;
width:900px;
height:100%;
float:right;
}

#logo h1 {
float:right;
padding-right:194px;
margin-top:40px;
width:270px;
height:80px;
}

hr.taille {width:900px;}

#menu {
padding-top:5px;
padding-bottom:20px;
height:30px;
margin-left:25px;
}


#menu li {
display:block;
float:left;
list-style: none;
}

#menu li a {
margin-top:0.5em;
height: 30px;
margin:0 15px;
padding-bottom:5px;
text-decoration: none;
display:block;
float:left;
border-bottom:2px solid transparent;
}

#menu li a:hover, #menu li a:focus, #menu li a#actif {border-bottom:2px solid #443731;}

#nouveau {
position:relative;
width:100%;
clear:both;
margin-top:1.7em;
height:auto;
text-align:left;
}

#titre_principal {position:absolute;margin:0;padding:0;left:-3000px;height:30px;font-size:0em;margin-top:-30px;}

.accessible {position:absolute;margin:0;padding:0;left:-3000px;height:30px;font-size:0em;margin-top:-30px;}

.parution {width:100%;margin-left:1%;}

.livre {
float:left;
text-align:left;
margin-top:1.25em;
width:48%;
min-height:13.34em;
height:13.34em;
position:relative;
}

.livre2 {
float:right;
text-align:left;
margin-top:1.25em;
width:48%;
min-height:13.34em;
height:13.34em;
position:relative;
}

.livre p,.livre2 p {margin-bottom:0.25em;margin-left:90px;}

.book {float:left;margin-right:0.85em;}

.book a {width:80px;display:block; background:transparent; overflow:hidden; position:absolute;}

.book a img {border:1px solid rgb(99,94,87);width:80px;}

.book a:focus, .book a:hover {top:-30px;width:120px;z-index:100;}

.book a:focus img {width:120px;}

.book a:hover img {width:120px;}

#informations {
width:100%;
clear:both;
margin-top:1.7em;
height:auto;
text-align:left;
position:relative;
display:none;
}

#dernieres-parutions {position:relative;width:66%;float:left;text-align:left;}

.sous_bloc1 {text-align:left;float:left;width:33%;}
#infos-bloc {float:left;width:63%;margin-left:1%;}
.sous_bloc3 {float:right;width:33%;margin-right:0.85em;}
.sous_bloc2 {float:left;width:48%;padding-right:0.43em;}

#google1 {
margin-top:2.55em;
padding-top:1em;
width:48%;
float:right;
}

a#aw0 b, a#aw1 b, a#aw2 b, a#aw3 b {text-decoration:none;}

.date {
float:left;
width:23%;
min-width:2.95em;
text-decoration:underline;
text-align:right;
}

.auteur_p, .editeur_p, .titre_p, .traducteur_p  {text-decoration:underline;}

.titre {float:left;margin-left:0.85em;}

html>body .titre {width:70%;min-width:17.85em;max-width:70%;}

.titre p {width:98%;}

.amazon {
display:block;
clear:both;
position:relative;
bottom:-1em;
margin-left:90px;
}

.amazon2 {
display:block;
margin-top:10px;
position:relative;
margin-left:140px;}


.amazon a {width:57px;display:block; background:transparent; overflow:hidden; position:absolute;}

.amazon a img,.amazon2 a img {width:100%;}

.amazon a:focus, .amazon a:hover, .amazon2 a:focus, .amazon2 a:hover {width:60px;z-index:100;}

html>body .amazon a:focus img, html>body .amazon2 a:focus img {width:60px;}

html>body .amazon a:hover img, html>body .amazon2 a:hover img {width:60px;}

.amazon2 a {width:57px;display:block; background:transparent; overflow:hidden; position:absolute;}

.affiche_haut {clear:both;}

.affiche_bas {
position:relative;
left:0px;
bottom:-0.85em;
}

#dernier-element {height:18em;}

#footer {
position: absolute;
bottom: 0; left: 0;
width: 100%;
height:13.67em;
min-height:13.67em;
text-align:center;
background:url(./images/liseuse2.gif) no-repeat right bottom;
}

#footer p {padding-bottom:1px;}

#info_bas {
font-size:0.9em;
text-align:center;
}

#logo_bas {
background:url(./images/liseuse.gif) no-repeat right bottom;
display:block;
min-width:12.5em;
width:12.5em;
height:166px;
float:right;
}

#recherche_google {
width:auto;
margin-bottom:0.85em;
}

.suite {
clear:both;
padding-top:10px;
}

.aparaitre {
clear:both;
padding-top:10px;
padding-left:40px;
padding-right:20px;
}

/* .intro {padding-top:10px;} */

.recherche {
margin-left:10px;
margin-right:10px;
margin-top:-60px;
float:right;
}

.recherche ul {margin-left:20px;}

.formulaire {
font-weight:bold;
font-size:1.2em;
}

select {margin-top:5px;}

#tous, #nimporte {
margin-right: 5px !important;
}
 
.intro {padding-top:40px;}

.intro table {
margin-top:40px;
text-align:center;
width:100%;
}

.intro table tr td {
width:20%;
text-align:center;
}

.suite ul li, #contenu ul li {background-color: #A5CFD6;list-style-position: inside;}

.intro ul li {
background-color: #A5CFD6;
list-style-position: inside;
margin-left:40px;
}

.intro ul {margin-bottom:10px;}

.bio {
margin-left:40px;
margin-right:40px;
text-align:justify;
background-color: #A5CFD6;
}

.bio img {margin-right:10px;}

.recherche {
padding-bottom:30px;
}

#contenu, #liens, #bibliographie {
margin-left:40px;
margin-right:40px;
text-align:justify;
}

#cartouche {
width:55%;
float:left;
padding-left:40px;
}

.info_auteur p {background-color: #A5CFD6;}

.info_livre span {background-color: #A5CFD6;}

.info_livre a {background-color: #A5CFD6;}

.info_livre strong {background-color: #A5CFD6;}

.info_livre em {background-color: #A5CFD6;}

#contenu {clear:both;padding-top:10px;}

#contenu h2 {margin-top:10px;padding-top:0;}

.photo {float:left;width:120px;margin-right:20px;}

.info_auteur h1 {
background-color: #A5CFD6;
font-size:1.4em;
}

.japonais {font-family: "ms mincho", "ms pmincho", "ms gothic", "ms pgothic", "ms ui gothic", "watanabe";}

.separation {text-align:center;}

.souligne {text-decoration: underline;}

.italic {font-style: italic;}

input.image {vertical-align:text-bottom;}

form.interne {margin-bottom:10px;}

label.formulaire {display:block;}

label {padding-right:4px;}

form.interne input.choix {margin-top:2px;}

fieldset {margin-top:4px;}

p.arbo_annuaire {
width:700px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:20px;
padding-bottom:20px;
}

.suite table {
padding-top:20px;
}
