@charset "utf-8";
q:before {content; open-quote;}
q:after {content: close-quote;}
*:lang(fr) > * {quotes: "\00AB\00A0" "\00A0\00BB";}
*:lang(en) > * {quotes: "\201C" "\201D";}
*:lang(de) > * {quotes: "\201E" "\201C";}

body{font-family: Helvetica, Arial, Tahoma, Sans-Serif;font-size:16px;font-style:normal;color:#202020;font-weight:normal;line-height:normal;margin:0px 0px;padding:0px;text-align:center;background-color:#bb0e2a;}
#bdy1,#bdy2,#bdy3,#bdy4,#bdy5,#bdy6{position:relative;left:0px;width:100%;max-width:1800px;margin:0 auto;padding:0;z-index:1;text-align:center;top: 0px;background:#FFFFFF;}
#pge1,#pge2,#pge3,#pge4,#pge5,#pge6,#pge6_in,#pageflip,#pge{position:relative;left:0px;width:100%;margin:0px auto;padding:0;z-index:2;text-align:left;overflow:hidden;}
#bdy1{z-index:3} /* pour éviter qu'il ne soit recouvert par l'Overlay qui est dans un div en index 2 */

div{margin:0;padding:0;display:block;}

p{margin-top:8px;margin-bottom:8px;}
a{color:#202020;}  
a:hover, .rouge{color:#c73730;}
a.nonsouli{text-decoration:none;}
img{border:0px;}
.imagebloc{display:block;}
.gras{font-weight:bold;}
.gras_soul{font-weight:bold;text-decoration:underline;}
.titmaj{font-variant: small-caps;}
.justifier{text-align: justify;}
.centrer{text-align: center;}
.alignright{text-align:right;}
.centrer100{text-align: center;width:100%;}
.flgauche{float:left;}
.fldroit{float:right;}
.imagedroite{padding:4px 0 4px 24px;float:right;}
.imagegauche{padding:4px 16px 4px 10px;}
.clearb{clear:both;}
.clearl{clear:left;}
.clearr{clear:right;}
.clearit{clear:both;line-height:8px;font-size:6px;margin:0;padding:0;}
p.nobottom{margin-bottom:0 !important;}
.nomargin{margin:0 !important;}
.nomargin-nopadding{margin:0 !important;padding:0 !important;}
.caps{font-variant:small-caps;}
.erreur{color:#c00;font-weight: bold;}
.light{opacity:.8;}

/* bannière */
#pge1{background:#000;margin:0;width:100%;}
#pge1 #titre{padding:0;text-align:center;}
#pge1 #titre img.logo{display:block;margin: 0 auto;max-width:100%;}
@media all and (max-width:495px){
	#pge1 #titre {width: 100%;height: auto;aspect-ratio: 495/80;}
}
@media all and (min-width:496px){
	#pge1{background:#000 url(/img/rideau2.jpg) no-repeat right;}
	#pge1 #titre {background:transparent url(/img/rideau1.jpg) no-repeat left;height: 80px;}
}
#autreslangues{position:absolute;right:185px;top:4px;z-index:9;}
#autreslangues a{display:inline;padding:4px;margin:0 2px;}
@media all and (max-width:900px){
	#autreslangues{right:0px;}
}
@media all and (max-width:580px){
	#autreslangues .current{display:none;}
}
#othersite{position:absolute;left:0;top:79px;z-index:9;width:100%;text-align:center;}
#othersite{color:#aaa;font-size:80%;}
#othersite a{color:#aaa;}
#othersite a:hover{font-weight: bold;color:#eee}

/* corps */
#pge3{background:#FFFFFF url(/img/fondpage3b.png) top left repeat-y;}
.nav-primary{position:absolute;left:0px;top:0px;z-index:3;opacity:.5;transition:opacity 3s;}
.nav-primary:hover,.nav-primary:focus{opacity:1;transition:all 300ms;background-color:#ccc;}
#pge3 #pge3_in{position:relative;padding:0 10px 0 180px;top:0px;z-index:2;min-height:1450px;}

	/* menu en col gauche et addthis_toolbox */
.nav-primary{padding:20px 0 0;margin:0;text-align:left;background:#dededc;width:180px;}
.nav-primary img{padding:0;margin:0;}
.nav-primary p{padding: 2px 0 2px;margin:1px 0 4px 10px;text-align:left;font-weight:bold;}
.nav-primary p,.nav-primary p a{font-size:15px;text-decoration:none;color:#222;}
.nav-primary p span.pitilien a{font-size:12px;text-decoration:none;}
.nav-primary ul{margin:0 0 0 10px;padding:0;}
.nav-primary li.sujet{font-size:15px;margin:4px 0;padding:0;list-style-type:none;line-height:120%;border-bottom:1px solid #ccc;}
/* .nav-primary li.separ{margin-top:6px;} */
.nav-primary li.sujet:before{content:"» ";}
.nav-primary li.sujet a{text-decoration:none;color:#222;}
.nav-primary li.sujet a:hover,.nav-primary p a:hover{color:#C22;}
.nav-primary li.on{font-weight:bold;}
/* .nav-primary p.b-52{font-weight:normal;} */
.mm-button {display:none;}

.nav-primary p.user{font-weight:normal;}
.nav-primary i{padding:2px 8px 0 0;}

@media all and (max-width:900px){
	
	div.focus{display:none;}
	#pge3_in h1{padding-top:50px;}
	#pge3_in p.soustitre{margin-bottom: 10px!important;}

	
	/* changement de menu */
	#pge3{background:none;}
	#pge3 #pge3_in{padding:0 1%;}
	#retour{display:none;}
	.nav-primary{opacity:1;}
	
	.mm-button {display:block;position:absolute;left:6px;top:0px;z-index:99;padding:8px;}
	.mm-button {font-size:0.5em;letter-spacing:2px;}
	.mm-button span {display:block;margin:4px 0px;height:3px;background:#333;width:28px;}
	.mm-button:hover {cursor:pointer;}
	.nav-primary {position:relative;top:0;left:0;z-index:98;display:block;text-align:center;
		padding:0;margin:0;width:100%;}
	.nav-primary {
		overflow: hidden;
		max-height: 0px;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: max-height 1s ease;
		opacity:0.9;
	}
	.nav-primary.mm-open {max-height: 999px;}

	.nav-primary ul{margin:0;padding:0;}
	.nav-primary p,.nav-primary li,.nav-primary li::before{box-sizing:border-box;}
	.nav-primary li{display:block;}
	.nav-primary p{text-align:center;margin:1px auto 4px;}
	.nav-primary .b-11{float:right;text-align:left;margin-right:16px;}
	.nav-primary .b-11 span.pitilien{display:block;}
	.nav-primary hr{clear:both;}
	.nav-primary hr.nodrop{display:none;}
	.nav-primary li.sujet{font-size:15px;line-height:120%;}
	
	.nav-primary p.quatro{width:25%;float:left;text-align:center;border-right:1px solid #666;}
	.nav-primary p.duo{width:50%;float:left;text-align:center;border-right:1px solid #666;}
	.nav-primary li.sujet{width:25%;float:left;text-align:left;border-right:1px solid #666;border-bottom:none;margin:4px 0;padding:0 0 0 3%;}
	.nav-primary > p.quatro:nth-of-type(4n){border-right:none;}
	.nav-primary > p.duo:nth-of-type(even){border-right:none;}
	.nav-primary ul > li:nth-of-type(4n){border-right:none;}
	
	.notforsmall{display:none;}
}
@media all and (max-width:800px){
	/* 3 colonnes */
	.nav-primary p.quatro{width:50%;border-right:1px solid #666;}
	.nav-primary > p.quatro:nth-of-type(4n){border-right:1px solid #666;}
	.nav-primary > p.quatro:nth-of-type(even){border-right:none;}
	.nav-primary li.sujet{width:33%;border-right:1px solid #666;}
	.nav-primary ul > li:nth-of-type(4n){border-right:1px solid #666;}
	.nav-primary ul > li:nth-of-type(3n){border-right:none;}
}
@media all and (max-width:550px){
	/* 2 colonnes */
	.nav-primary li.sujet{width:50%;border-right:1px solid #666;}
	.nav-primary ul > li:nth-of-type(3n){border-right:1px solid #666;}
	.nav-primary ul > li:nth-of-type(even){border-right:none;}
}
@media all and (max-width:400px){
	.nav-primary li.sujet:before{content:none;}
}
@media all and (max-width:320px){
	/* 1 col */
	.nav-primary li.sujet:before{content:"» ";}
	.nav-primary li.sujet{padding-left:8%;}
	.nav-primary.mm-open {max-height: 1500px;}
	.nav-primary li.sujet, .nav-primary p.duo,.nav-primary p.quatro{width:100%;border-right:none;}
	.nav-primary ul > li:nth-of-type(3n){border-right:none;}
}

div.addthis_toolbox{padding: 0 0 20px;margin:-16px auto 0;text-align:left;font-size:12px;font-weight:normal;line-height:16px;width:990px;color:#eb7967;}
.nav-primary div.addthis_toolbox{padding: 0 0 20px;margin:36px 0 0 22px;text-align:left;font-size:12px;font-weight:normal;line-height:16px;width:200px;color:#eb7967;}

/* contenu principal */
h1{text-align:center;font-size:24px;color:#c73730;margin: 0px auto;padding:16px 0;}
h1 small{font-size:70%;}
#retour{position:absolute;left:180px;top:10px;;margin:0 10px;font-size:9px;z-index:99;}
#nextpg{float:right;margin:10px 0 0;font-size:9px;text-align:center;}
#retour a,#nextpg a{color:#aaa;text-decoration:none;}
#retour img,#nextpg img{display:block;margin:0 auto;}

#pge3_in p{margin: 16px 3%;}

/* Liste0 */
#pge3_in div.liste0{line-height:150%;}
div.liste0{-moz-columns:auto;-moz-column-width :250px;-moz-column-rule:1px dotted #ccc;-moz-column-gap:16px;
	-webkit-columns:auto;-webkit-column-width :250px;-webkit-column-rule:1px dotted #ccc;-webkit-column-gap:16px;
	columns:auto;column-width :250px;column-rule:1px dotted #ccc;column-gap:16px;
	margin-top:40px;padding:0;}
div.liste0_large{-moz-column-width :350px;-webkit-column-width :350px;column-width :350px;}
div.liste0_extralarge{-moz-column-width :450px;-webkit-column-width :450px;column-width :450px;}
div.liste0_supralarge{-moz-column-width :550px;-webkit-column-width :550px;column-width :550px;}
div.liste0_extralarge dl, div.liste0_supralarge dl{break-inside:avoid;}
div.liste0 p.liste0_alpha1{display:inline-block;} 	/* pour controler les coupures */
#pge3_in p.liste0_alpha,#pge3_in p.liste0_alpha1{margin:0;line-height:150%;padding:0px 0 0 3%;color:#777;width:100%;}
p.liste0_alpha a,p.liste0_alpha1 a{text-decoration:none;color:#777;}
.ie78 div.liste0 p.liste0_alpha1 {float:left;width:250px; border-right:1px solid #eee;border-bottom:1px solid #eee;}
.ie78 div.liste0 p.liste0_alpha1	{display:block;} 	/* pour controler les coupures */
.ie789 div.liste0 p.liste0_alpha1 {float:left;width:250px; border-right:1px solid #eee;border-bottom:1px solid #eee;}
.ie789 div.liste0 p.liste0_alpha1	{display:block;} 	/* pour controler les coupures */

#pge3_in p.navbar img{display:inline;margin: 0 21px;}
#pge3_in p.navbar img.premier{margin-right:5px;}
#pge3_in p.navbar img.second{margin-left:5px;}
#pge3_in p.navbar{text-align:center;margin: 0 auto 16px;line-height:30px;font-weight:normal;font-size:14px;clear:both;}
#pge3_in p.navbar span.lesnums{font-weight:bold;font-size:14px;}
#pge3_in p.navbar .lesnums a,#pge3_in p.navbar .lesnums b{padding:0 16px;}
#pge3_in p.navbar a{text-decoration:none;font-weight:normal;font-size:14px;}
#pge3_in p.navbar b,#pge3_in p.navbar a:hover{transform: scale(2);-webkit-transform:scale(2);display:inline-block;}
#pge3_in p.navbar a{ transition: transform .2s ease-in-out;}

#pge3_in p.barrealpha{text-align:center;margin-top:0;line-height:30px;font-size:14px;}
.alpha-on{font-weight: bold;color:#000;margin-left:12px;margin-right:12px;}
.alpha-on, p.barrealpha a:hover{transform: scale(2);-webkit-transform:scale(2);display:inline-block;text-decoration:none;}
p.barrealpha a{ transition: transform .2s ease-in-out;}
p.barrealpha a:link,p.barrealpha a:visited{font-weight:normal;color:#333;}
.disabled{color:#ccc;}
.fillin{color:#FFF;}


/* .ie789 p.liste0_col{display:table-cell;min-width:250px; border-right:1px solid #eee;} */
.nombold{color:#444;font-weight:bold;}
.nblivres{color:#999;font-size:70%;}

/* Liste livres */
div.belleliste_container{width:100%;clear:right;}
div.unlivreenliste {display:inline-block;vertical-align:top;margin:0px 10px;padding: 0px 0;width:330px;max-width:95%;border-top:1px solid #bbb;}
.ie7 div.unlivreenliste {display:inline;zoom: 1;}
div.imageenliste{float:left;display:block;width:130px;}
div.imageenliste2{display:block;margin:8px auto;border:0;padding:0px;}
div.imageenliste img{display:block;margin:0;border:1px solid #bbb;padding:0px;}
div.livreenlistedetail{margin-left:135px;}
#pge3_in p.lld_entete{text-align:center;line-height:26px;}
#pge3_in p.lld_type{font-size:20px;color:#dc3c35;margin:32px 40px 0;}
div.fch_other,p.fch_extern {clear:left;}
#pge3_in p.lld_connexe,div.fch_other p.chapeau{font-size:20px;color:#dc3c35;margin:32px 40px 0;clear:left;}
#pge3_in p.lld_titre{font-size:16px;font-weight:bold;margin:6px 0 0 0;line-height:17px;}
#pge3_in p.lld_titre a{text-decoration:none;}
#pge3_in p.lld_titre img{border:0;}
#pge3_in p.lld_soustitre{font-size:13px;font-weight:normal;margin:0;}
span.lld_annee{font-size:12px;font-weight:normal;}
#pge3_in p.lld_auteurs{margin:0 0;font-size:11px;}
#pge3_in p.lld_editeur,#pge3_in p.lld_isbn{margin:2px 0;font-size:11px;}
#pge3_in p.lld_sujet{margin:10px 0;font-size:11px;}
#pge3_in p.lld_sortie{margin:10px 0 4px;font-size:11px;}
.lld_edition,.lld_langue{}
#pge3_in p.lld_liens{line-height:25px;}
div.separlivreenliste{border-bottom:1px solid #bbb;font-size:8px;line-height:8px;clear:left;}
div.unlivreenliste p.lld_titre { transition: transform .2s ease-in-out; }
div.unlivreenliste p.lld_titre:hover{transform: scale(1.10);}
div.unlivreenliste p.lld_auteurs a:hover,div.unlivreenliste p.lld_editeur a:hover,div.unlivreenliste p.lld_sujet a:hover{transform: scale(1.10);}
div.unlivreenliste div.imageenliste2{
	transform: perspective(1300px);
	transform-style: preserve-3d;
	position: relative;
	background-color:#ccc;
}
div.imageenliste2 img{
	transition: all 0.6s ease-out 0s;
	transform-origin:left bottom;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	position: absolute;top: 0px;left: 0px;
}
div.imageenliste2 a:hover img{
	transition: all 0.6s ease-out 0s;
	transform-origin:left bottom;
	transform-style: preserve-3d;
	transform: perspective(1300px) rotateY(-30deg);
}
#block_focus{float:left;margin:0 10px;}
.focus,#focusslide,#focusfade {margin:0 auto 30px;padding:8px 5px;width:250px;border:1px solid #bbb;border-radius:5px;text-align:center;}
.fichelivre #focusslide,.fichelivre #focusfade {margin:0 auto;padding:8px 5px;width:250px;border:0;text-align:center;}
.focus img{display:block;margin:0 auto;}
#pge3_in p.focus_surtitre{font-size:17px;margin:0 auto 6px;line-height:17px;letter-spacing:1px;}
#pge3_in p.focus_titre{font-size:17px;font-weight:bold;margin:6px auto 0;line-height:17px;}
#pge3_in p.focus_titre a{text-decoration:none;}
#pge3_in p.focus_soustitre{font-size:13px;font-weight:normal;margin:0;}
#pge3_in p.focus_note{margin:6px auto;}
#pge3_in p.focus_annee{font-size:12px;font-weight:normal;margin:0 auto;}
#pge3_in p.focus_auteurs{margin:0 0;font-size:12px;}
#pge3_in p.focus_editeur{margin:2px 0;font-size:12px;}
#pge3_in p.focus_suite{margin:8px auto;}
#pge3_in p.focus_suite a{color:#c73730;font-size:13px;}
#pge3_in p.autresfocus{text-align:center;font-size:12px;margin:0 auto 0;}
#pge3_in p.autresfocus a{color:#c73730;font-size:12px;}

#focusslide,#focusfade  {height:330px;overflow:hidden;}  
.fichelivre #focusslide,.fichelivre #focusfade  {height:300px;}  
#focusslide ul{width:1700%;height:300px;padding:0;margin:0;list-style: none;}  
#focusslide li {float:left;width:250px;}  
#focusslide li img{display:block;margin:0 auto;border:1px solid #eee;}
#focusslide li img.focus270{margin-top:15px;}
#focusslide li img.focus240{margin-top:30px;}
#focusslide li img.focus200{margin-top:50px;}
#focusfade img{position:absolute;z-index:8;opacity:0.0;}
#focusfade img.active{z-index:10;opacity:1.0;}
#focusfade img.lastactive{z-index:9;}

div.epuise{background-color:#F0F0F0;}
.epuise_entete{display:none;}
div.etranger{background-color:#fdf8ed;}
div.etranger div#fch_couverture img.cover, div.etranger div.imageenliste img{border:1px solid #cf8c0b;}
.nofr{color:#cf8c0b;}
div.epuise,div.epuise a{color:#777;}
div.epuise a:hover{color:#c73730;}
p#disc_off{float:right;margin-top:0;margin-bottom:0;}
p#disc_off,p#disc_off a{color:#888;font-size:12px;}
p.signaler,p.signaler a{color:#888;font-size:12px;}

#pge3_in p.bottom_suite{margin-bottom:32px;}

/* particularités pour la page des ajouts */
div.unlivreenliste.ajouts {width:95%;}
div.unlivreenliste.ajouts div.livreid{float:left;width:4%;padding-top:8px;text-align:center;font-size:55%;}
div.unlivreenliste.ajouts div.imageenliste{width:160px;}
div.unlivreenliste.ajouts p.lld_titre:hover{transform: scale(1.01);}
/* */
/* particularités pour les user lists */
/*
div.unlivreenliste.userlist {width:95%;}
div.unlivreenliste.userlist div.livreid{float:left;width:4%;padding-top:8px;text-align:center;font-size:55%;}
div.unlivreenliste.userlist div.imageenliste{width:160px;}
div.unlivreenliste.userlist p.lld_titre:hover{transform: scale(1.01);}
*/
/* autre affichage des user lists */
div.unlivreenliste.userlist div.livreid{display:none;}

/* */

@media all and (min-width:1630px){
	/* on est sur 4 colonnes */
	div.unlivreenliste,#block_focus {width:23%;}
}
@media all and (min-width:1260px) and (max-width:1630px){
	/* on est sur 3 colonnes */
	div.unlivreenliste,#block_focus {width:31%;}
}
@media all and (min-width:730px) and (max-width:1260px){
	/* on est sur 2 colonnes */
	div.unlivreenliste,#block_focus {width:46%;}
}
@media all and (max-width:730px){
	/* on est sur une colonne */
	div.unlivreenliste {width:95%;}
	#block_focus{float:none;width:95%;}
	/* montrer les epuisés */
	p#disc_off{float:none; text-align:center;}
}




/* Petite Liste livres */
div.petiteliste_container{width:100%;margin:10px 0 0 1%;}
div.unpetitlivreenliste {display:inline-block;vertical-align:top;margin:0px 10px;padding: 0px 0;width:200px;border-top:1px solid #bbb;}
.ie7 div.unpetitlivreenliste {display:inline;zoom: 1;}
div.imageenpetiteliste{float:left;display:block;}
div.imageenpetiteliste img{display:block;margin:8px 8px 2px 0;border:1px solid #bbb;padding:2px;}
#pge3_in p.lpl_titre{font-size:14px;font-weight:bold;margin:8px 0 0 0;}
#pge3_in p.lpl_titre a{text-decoration:none;}
#pge3_in p.lpl_soustitre{font-size:12px;font-weight:normal;margin:0;}
span.lpl_annee{font-size:12px;font-weight:normal;}
#pge3_in p.lpl_auteurs{margin:0 0 4px;font-size:11px;}
.lpl_langue{font-size:12px;}
#pge3_in p.lpl_sujet{margin:6px 0;font-size:10px;}
#pge3_in hr.connexes {display: block;clear: both;height: 2px;margin: 20px 0 20px;padding: 0;color:#888;background-color:#888;}

@media all and (min-width:1375px){
	div.unpetitlivreenliste{width:17%;}
}
@media all and (min-width:1100px) and (max-width:1375px){
	div.unpetitlivreenliste{width:22.5%;}
}
@media all and (min-width:700px) and (max-width:1100px){
	div.unpetitlivreenliste{width:30%;}
}
@media all and (min-width:470px) and (max-width:700px){
	div.unpetitlivreenliste{width:45%;}
}
@media all and (max-width:470px){
	div.unpetitlivreenliste{width:93%;}
}
#coldroite div.unpetitlivreenliste{width:95%;margin:0 2%;}

/* Fiche livre */
h1.titre_livre, h1.userlist {max-width:85%;margin: 0px 7.5% 32px;padding:16px 0 0;}
h1.avec_sstitre {max-width:85%;margin-bottom:8px;padding-bottom:0;}
@media all and (min-width:1000px){
	.centrage_ajuste,.barrealpha{position:relative;top:0;left:-2%;}
	.navbar{position:relative;top:0;left:-3%;}
}
@media all and (min-width:1100px){
	.centrage_ajuste,.barrealpha{left:-4%;}
	.navbar{left:-5%;}
}
@media all and (min-width:1200px){
	.centrage_ajuste,.barrealpha{left:-6%;}
	.navbar{left:-7%;}
}
div.fichelivre{padding: 8px 0 1px;}
#pge3_in p.soustitre{text-align:center; max-width:85%;margin: 0 7.5% 24px; font-size:18px;color:#c73730;}
#pge3_in p.soustitre a.lienadd{font-size:80%;color:#777;}
#fch_couverture{float:left;margin:0px 5% 20px 3%;width:25%;text-align:center;}
#fch_couverture img.cover{border:1px solid #888;max-width:100%;margin:0 auto;width:100%;height:auto;}
#fch_couverture img.epais1{box-shadow:1px 1px #aaa,2px 2px #999;}
#fch_couverture img.epais2{box-shadow:1px 1px #aaa,2px 2px #aaa,3px 3px #999;}
#fch_couverture img.epais3{box-shadow:1px 1px #aaa,2px 2px #aaa,3px 3px #aaa,4px 4px #999;}
#fch_couverture img.epais4{box-shadow:1px 1px #aaa,2px 2px #aaa,3px 3px #aaa,4px 4px #aaa,5px 5px #999;}
#fch_couverture img.epais5{box-shadow:1px 1px #aaa,2px 2px #aaa,3px 3px #aaa,4px 4px #aaa,5px 5px #aaa,6px 6px #999;}
#fch_couverture img.epais1r{box-shadow:1px 1px #aaa,0px 2px #666,1px 3px #666,3px 3px #666,-1px 2px 04px #888;}
#fch_couverture img.epais2r{box-shadow:1px 1px #aaa,2px 2px #aaa,0px 2px #666,1px 3px #666,2px 4px #666,4px 4px #666,-1px 2px 04px #888;}
#fch_couverture img.epais3r{box-shadow:1px 1px #aaa,2px 2px #aaa,3px 3px #aaa,0px 2px #666,1px 3px #666,2px 4px #666,3px 5px #666,5px 5px #666,-1px 2px 04px #888;}
#fch_couverture img.epais4r{box-shadow:1px 1px #aaa,2px 2px #aaa,3px 3px #aaa,4px 4px #aaa,0px 2px #666,1px 3px #666,2px 4px #666,3px 5px #666,4px 6px #666,6px 6px #666,-1px 2px 04px #888;}
#fch_couverture img.epais5r{box-shadow:1px 1px #aaa,2px 2px #aaa,3px 3px #aaa,4px 4px #aaa,5px 5px #aaa,0px 2px #666,1px 3px #666,2px 4px #666,3px 5px #666,4px 6px #666,5px 7px #666,7px 7px #666,-1px 2px 04px #888;}
#pge3_in p.fch_amaz{text-align:center;margin:8px 0;}
#pge3_in p.fch_amaz a{margin:0 6px;}
#pge3_in p.fch_auteurs{margin:4px 0 0;}
#fch_dim_relative img{display:inline;margin:0 4px;border:1px solid #888;}
#fch_details #fch_dim_relative {float:right;margin :0 0 20px 10px;color:#888;letter-spacing:3px;font-size:80%;text-align:center;}
#fch_details{overflow:hidden;} /* min-width:380px; */
p.fch_desc{text-align:justify;clear:left;}
#pge3_in div.fch_other p.chapeau{margin-top:4px;margin-bottom:2px;}
#pge3_in p.fch_type a{font-weight:bold;}
#pge3_in p.fch_note a{font-size: 82%;color: #888;}
a.lesvotes{text-decoration:none;}
#votation{border:1px solid #888;width:250px;padding:4px 24px;margin:0 0 16px 30px;font-size:90%;border-radius:5px;display:none;clear:right;}
#votation p{margin:4px;}
#votation table{font-size:87%;}
#votation select{font-size:12px;}
#votation table td{padding:1px 2px;border:0;}
#voterbutt{display:none;margin:0 auto;padding-left:10px;}
#fch_details .closebutt{float:right;padding:0;margin:-2px -18px 0 0;}
#fch_details .closebutt a{text-decoration:none;font-weight: bold; margin:0;border:1px solid #bbb;border-radius:4px;padding:3px 4px;color:#999;}

#coldroite{float:right;width:22%;margin:0 0 0 16px;border-left:1px solid #888;border-bottom:1px solid #888;padding:0 0 16px 8px;background-color:#FFFFFF;}
#pge3_in #coldroite p.lld_connexe{font-size:18px;color:#996633;margin:0 0 0;}
#pge3_in #coldroite p.titre{margin:16px auto 0;text-align:center;font-size:18px;color:#dc3c35;font-weight:normal;}

#popup{display:none;background-color:#eee;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:100px;padding:35px}
.button{background-color:#800;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none;}
.button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px}
.button:hover{background-color:#b00;}
.button>span{font-size:120%;font-weight:normal;}
.button.b-close{border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% sans-serif;padding:6px 10px 8px;position:absolute;right:-14px;top:-14px;}
#popup img{border:1px solid #bbb;}

#pge3_in p.fch_desc{line-height:140%;}

.book_details dt::after{content:' :';}
#fch_details dt,#fch_details dd{line-height:21px;}
#fch_details dt{display:block;margin:0 4px 0 0;font-variant:small-caps;font-size:80%;float:left;}
#fch_details dd{display:block;margin:0 0 0 120px;text-transform:uppercase;font-size:13px;font-weight:bold;}

#fch_details dt,#fch_details dt a{color:#888;}
#fch_details dd,#fch_details dd a{color:#777;}

#fch_details dt.fch_tags + dd,#fch_details dt.fch_langue + dd ,#fch_details dt.fch_isbn + dd  {margin-bottom:20px;}
#fch_details dt.fch_collection + dd,#fch_details dt.fch_editeur + dd + dd,#fch_details dt.fch_langue + dd,#fch_details dt.fch_note + dd {font-weight:normal;font-size:12px;}
#fch_details dd .precision {font-weight:normal;font-size:12px;text-transform:none;color:#aaa;}
.epuise #fch_details dt.fch_annee + dd{font-weight:normal;}



@media all and (max-width:1000px){
	#fch_couverture{width:35%;}
}
@media all and (max-width:750px){
	#fch_details #fch_dim_relative {float:none;margin:0;}
	#fch_details{margin-left:10px;min-width:200px;}
}
@media all and (max-width:620px){
	/* les détails prennent la forme dt/dd classique */
	#fch_couverture{width:40%;}
	#fch_details dt{float:none;}
	#fch_details dd{margin-left:16px;}
}
@media all and (max-width:460px){
	/* les détails passent de force sous la couverture */
	#fch_couverture{width:100%;float:none;margin:0 auto;}
	#pge3_in p.fch_auteurs{text-align:center;margin: 10px auto 0;}

}


/* divers */
input.bouton, button {border-radius: 5px;background:#eee;
background: -webkit-linear-gradient( #eee, #999); 
background: -moz-linear-gradient( #eee, #999); 
background: -ms-linear-gradient( #eee, #999); 
background: -o-linear-gradient( #eee, #999); 
background: linear-gradient( #eee, #999);
}
form#courrier.courrier button{
	padding: 2px 30px;
}

form .petitenote{font-size:0.7em;color:#888;text-align:center;}
form > div {clear: both;overflow: hidden;padding: 1px;margin: 20px 0;}
form.rechercheprecise > div {margin:8px 0;}
form > div > fieldset > div > div {margin: 0 0 5px 0;}
form > div > label,legend {width: 20%;float: left;text-align:right;padding: 3px 10px 0 0;font-size:0.85em;color:#666;}
form > div > div,form > div > fieldset > div {width: 75%;float: right;margin-right:3%;}
form > div > fieldset label {font-size: 90%;}
fieldset {border: 0; padding: 0;}
@media (min-width: 900px) {
	form.recherche label {display:block;}
}

form.courrier{margin-top:50px;}
form.courrier input[type=text],input[type=moyen],input[type=court],textarea {width: 100%;max-width:500px;border-radius: 3px;background-color:#F4F4F4;color:#000;border:1px solid #999;}
input[type=court] {width: 30%;}
input[type=moyen] {width: 65%;max-width:375px;}
input[type=text]:focus,input[type=court]:focus,textarea:focus {outline: 0;border-color: #4697e4;}
textarea,input[type=text],input.texte,select{background-color:#F4F4F4;color:#000;border:1px solid #999;font-weight:normal;border-radius: 3px;padding:2px;}

/* .bouton_texte{background-color:#F4F4F4;color:#000;border:1px solid #999;border-radius: 3px;padding:2px 12px;font-weight:normal;font-size:.85em;} */

@media (max-width: 600px) {
  form > div {margin: 0 2% 4px;}
  form > div > label,legend {width: 93%;float: none;margin: 0 4px 4px;}
  form > div > div,form > div > fieldset > div {width: 93%;float: none;}
  input[type=text],input[type=moyen],input[type=court],textarea {width: 100%;}
  input{padding-top:8px !important;padding-bottom:8px !important;}
  form.recherche input{height:auto;width:auto;}
  .leftpage {display:none;}
}
input::placeholder{font-style:italic;color:#666;font-size:12px;}


#pge3_in p.indice,span.indice{margin:2px;font-size:70%;}
p.petitenote{font-size:70%;}
table.recherche{margin-left:20px;}

#pge3_in p.errormess{margin-top:80px;}
#pge3_in p.errormess0{margin-top:0;padding-top:60px;font-weight:bold;}
#pge3_in p.errormess0,#pge3_in p.errormess1,#pge3_in p.correction{text-align:center;font-size:120%;line-height:130%;}
p.correction a{font-weight:bold;}

/* bas de page */
p.notebas{margin:0;font-size:75%;color:#888;clear:both;}
#bdy5{background-color:#eae7d6;}
#pge5{background-color:#d2cfb9;}
h5 a{color:#444;}
h5 a:hover{color:#000;}
h5{clear:both;background:#aaa;color:#444;font-size:12px;letter-spacing:1px;line-height:18px;font-weight:normal;text-align:center;margin:0 auto;padding:12px 0;}

/* auto complete */
.ui-autocomplete{font-size:13px;text-align:left;}
.ui-dialog .ui-widget-header{background:#a20;color:#FFF;}
.ui-dialog h6{font-size:1em;line-height:150%;color:#666;}
.ui-dialog .yesbutt{background:#c20;color:#FFF;}

/* Listes users */
#pge3_in p.soustitre .soustitre_liste{font-size:16px;color:#888;}
.soustitre_liste a{color:#1b5;text-decoration:none;}
#users{position:absolute;top:4px;right:12%;color:#fff;}
.inliste{font-size:1em;margin-top:8px;color:#182;}
.liste-dropdown-wrap{width:200px;margin:0 auto;}
.bouton_liste, #liste-dropdown{background-color:#F4F4F4;color:#222;border:1px solid #999;border-radius: 4px;padding:2px 12px;font-weight:normal;font-size:.85em;}
.withdrop{border-top-right-radius:0;border-bottom-right-radius:0;width:85%;}
.dropbutton{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;padding-left:4px;padding-right:5px;width:15%;}
#liste-dropdown{padding:0;margin-top:3px;width:200px;display:none;}
.bouton_liste_drop{display:block;width:95%;text-align:left;background-color:#F4F4F4;color:#222;border-bottom:1px solid #ddd;padding:4px 0 4px 5%;font-weight:normal;font-size:1em;}
.bouton_liste_drop .listtype{color:#888;font-size:.85em;}
.bas_liste{border-top:1px solid #999;color:#666;font-size:.9em;}
/* .livre_in_list{color:#1b5 !important;} */

dl.publiclists{margin:0px 8px 16px 18px;font-size:18px;}
dt.listname a{color:#222;font-size:18px;}
dt.listname .nbinliste{font-size:14px;color:#888;}
dl.publiclists dd {margin:2px 0 2px 24px;}
dd.listauteur {font-size:14px;color:#888;}
dd.listdesc{font-size:14px;color:#666;margin-top:2px;}

a.bouton_liste,a.bouton_liste_drop{text-decoration:none;}
#pge3_in p.trashcan{margin:8px 0 0 4px;}  /* {float:right;margin:8px 5%;} */
#pge3_in p.petitcoeur{margin:0 0 8px 4px;}  
#pge3_in p.checkmark{margin:0 3px 8px;color:#1b5;float:left;}  

#triselect{float:right;margin: 0 16px 16px 24px;padding:10px 8px 0;border:1px solid #ddd;}
#triselect p{text-align:right;font-size:70%;margin:2px;}

/* ajouts pour users (dupliqués dans l'autre css) */
dd.listliens{font-size:13px;margin-top:5px; padding-left:5px;}
dd.listliens,dd.listliens a{color:#696;text-decoration:none;}
dd.listliens a.on{color:#d33;}

.votez{font-size:150%;text-align:center;}
.votez i{padding:0 .4em;}
#votation i{color:#ccc;}
#votation i.staron{color:#c73730 !important;}

.book-ic:before {content: "\1F4D6\20";font-weight:normal;} 
.extrait-ic:before {content: "\1F56E\20";font-weight:normal;} 
.man-ic:before {content: "\1F468\20";font-weight:normal;}
.speak-ic:before {content: "\1F4E2\20";font-weight:normal;}
.contents-ic:before {content: "\1F4D1\20";font-weight:normal;}
.back-ic:before {content: "\1F4D8\20";font-weight:normal;}
.loupe-ic:before {content: "\1F50E\20";font-weight:normal;}

/* Overlay Working....  */
.overlay{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;
    background: rgba(255,255,255,0.5) url("/img/spinner-1s-200px.gif") center no-repeat;}
body.loading{overflow: hidden;}
body.loading .overlay{display: block;}

div.debuginfo{background:white;color:black;margin:0;padding:2% 10%;text-align:left;font-size:1em; }