@charset "utf-8"; @import "/css/generic.css"; @import "/css/livres.css"; img#Splash { position:absolute; top:50%; left:50%; margin-top:-336px; margin-left:-500px; border:1px solid #800e12; } div#Panier { font-size:12px; overflow:visible } div#Popup { color:#000000; font-size:12px; padding:10px; overflow:hidden; } div#Popup h1 { color:#990000; font-size:16px; padding:0; margin:0; } div#Popup p { color:#000; font-size:12px; padding:0; margin:0; margin-bottom:5px; text-align:justify; } div#Popup a { color:#800e12; } .menu { width:222px; min-height:50px; background:white url(/pics/angle.png) right top no-repeat; padding-left:20px; padding-top:10px; padding-bottom:10px; margin-top:0px; margin-bottom:30px; clear:left; border:none; text-align:left; } #Panier.menu { background-color:#a0b9c5; float:left; overflow:auto; } .menu h1, .menu h1 a, .menu h1 a:hover { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#cf1075; color:#114f6d; font-size:15px; font-weight:300; margin:0; padding:0; margin-top:0px; margin-bottom:20px; } .menu h1 strong { font-size:26px; font-size:24px; font-weight:300; } .menu ul { list-style:none; list-style-position:inside; margin:0; padding:0; font-size:15px; } .menu ul li { text-transform:uppercase; margin:0; padding:0; font-size:15px; color:#000000; line-height:90%; margin-bottom:20px; } .menu ul li a { color:#000000; text-decoration:none } .menu ul li a:hover { color:#68083b; text-decoration:none } .menu ul li.light { opacity:0.3; } .infobulle { position: absolute; visibility : hidden; border: 1px dashed white; padding: 10px; font-family: Verdana, Arial; font-size: 10px; background-color:#000; color:#FFFFFF; opacity:.95; filter:alpha(opacity=95); } #Details.apparait { animation: apparait .5s ease-out; } @keyframes apparait { from { opacity:0; } to { opacity:1; } } #BandeauCookies { position:fixed; left:50%; bottom:20px; transform:translateX(-50%); z-index:1000; width:560px; max-width:calc(100% - 40px); box-sizing:border-box; padding:15px 20px; background:#000; color:#fff; border:1px dashed #fff; font-size:12px; text-align:center; } #BandeauCookies p { margin:0 0 10px 0; line-height:1.5; } #BandeauCookies button { margin:0 8px; padding:6px 18px; font-size:12px; cursor:pointer; border:1px solid #fff; background:#114f6d; color:#fff; } #BandeauCookies button:hover { background:#fff; color:#114f6d; } a.menu_accueil img { } a:hover.menu_accueil img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; } div#libraires { margin-top:0; width:679px; position:absolute; left:260px; top:0px; overflow:auto; height:800px; margin-bottom:30px; } div#libraires div#map_canvas { width:400px; height:400px; float:right; border:2px white dashed; margin:5px; } div#libraires ul { list-style-position:inside; margin:0; padding:0; line-height:normal; } div#libraires ul li { opacity:0.7; color:white; padding:0; margin:0; margin-bottom:2px; cursor:pointer; width:200px; overflow:auto; line-height:normal; font-size:10px; } div#libraires ul li:hover { opacity:1; } div#libraires h1 { text-transform:uppercase; margin:0; padding:0; font-size:15px; color:#fff; line-height:90%; margin-bottom:20px; } div#libraires h1 strong { color:#cf1075; } div#err404 { margin-top:0; width:679px; position:absolute; left:260px; top:0px; overflow:auto; height:800px; margin-bottom:30px; } div#err404 h1 { text-transform:uppercase; margin:0; padding:0; font-size:15px; color:#fff; line-height:90%; margin-bottom:20px; } div#err404 ul { list-style-position:inside; margin:0; padding:0; line-height:normal; } div#err404 ul li { opacity:0.7; color:white; padding:0; margin:0; margin-bottom:2px; cursor:pointer; width:400px; overflow:auto; line-height:normal; font-size:12px; } div#Langs { position:absolute; top:10px; left:50%; margin-left:200px; width:300px; border:none; text-align:right; color:#fff; font-size:12px; font-family:Calibri, "Century Gothic"; } div#Langs a{ color:#fff; text-decoration:none; } div#Langs a:hover{ color:#CCFF66; text-decoration:underline; } div#Header { width:1000px; height:137px; border:none; position:absolute; top:10px; left:50%; margin-left:-500px; background:url(/pics/logo_noir.png) #114f6d no-repeat; } div#Navig { float:left; clear:left; width:260px; background:#114f6d;} div#Content { border-width:0 1px 1px 1px; border-color:#114f6d; border-style:solid; width:1000px; min-height:500px; position:absolute; top:147px; left:50%; margin-left:-500px; background:#114f6d;} .cache { display:none; } .lien-souligne { cursor:pointer; text-decoration:underline; } .langue-courante { text-decoration:underline; } form.paypal { padding:0; margin:0; } #Recherche { position:absolute; top:100px; left:10px; text-transform:uppercase; color:white; font-size:12px; } #critereRecherche { background:none; border:#FFFFFF 1px dashed; color:#FFFFFF; } #NomJaponais { position:absolute; top:90px; left:50%; margin-left:120px; font-size:18px; font-weight:900; color:#FFFFFF; } #divPropositions { position:absolute; background:#6A0035; opacity:.90; border:1px dashed white; font-size:12px; color:white; padding:10px; } #divPropositions ul { margin:0; padding:0; list-style:none; } #divPropositions li { border-top:1px solid pink; padding:3px; } #divPropositions li:first-child { border-top:none; } #divPropositions img.couverture { float:left; margin-right:10px; border:1px solid pink; max-height:100px; } #Rideau { background:url(/pics/noir70.png); position:fixed; top:0; left:0; width:100%; height:100%; } div#Popup { background:white; border:20px dashed #000; position:fixed; top:50%; left:50%; width:500px; height:340px; margin-left:-250px; margin-top:-170px; } .fenetre-contenu { position:absolute; max-height:300px; top:0; left:0; overflow:auto; padding:10px; } .fenetre-panier { width:500px; } .fenetre-boutons { position:absolute; min-height:20px; bottom:0; right:0; } .fenetre-boutons input { margin:5px; } #Popup #PanierDetail { border:white 1px solid; border-collapse:collapse; margin-top:10px; margin-bottom:10px; } #Popup #PanierDetail td { border:#dab013 1px solid; } #Popup #PanierDetail img { height:50px; } #Navig .menu { overflow:auto; } #Panier #PanierDetail { border:white 1px solid; border-collapse:collapse; } #Panier #PanierDetail td { border:white 1px solid; } #PiedDePage { text-align:center; border-top:1px solid #a0b9c5; font-size:11px; color:#fff; clear:both; } #PiedDePage .link { cursor:pointer; } #Credit { position:fixed; bottom:10px; right:10px; width:100px; padding:7px; background:#777; color:#fff; text-transform:uppercase; font-size:11px; opacity:0.25; } #Credit:hover { opacity:0.9; } #Credit a, #Credit a:hover { color:#FFFFFF; text-decoration:underline; } #MenuAccueil img { width:300px; height:234px; border:none; } #MenuAccueil img.second { margin-left:50px; } #MenuTexte { width:679px; height:146px; position:absolute; left:260px; top:450px; } #MenuTexte img.survol { position:absolute; top:107px; cursor:pointer; border:none; } #MenuTexte #pointsdevente { left:100px; } #MenuTexte #actu { left:197px; } #MenuTexte #distribution { left:344px; } #MenuTexte #bondecommande { left:482px; } div#Livres ul li img.couverture { float:left; cursor:pointer; height:110px; } div#Livres ul li img.couverture.epuise { opacity:0.3; } img.apercu { max-height:70px; max-width:70px; margin:0 3px; border:1px solid pink; } img.apercu-grand { max-height:210px; max-width:210px; margin:0 3px; border:1px solid pink; } div#Details { position:relative; border:0px solid #dab013; width:720px; height:230px; overflow:auto; float:right; margin-top:20px; } #DetailsImg { float:left; margin-right:10px; } #DetailsTxt { position:absolute; bottom:0; left:170px; padding:0; font-size:12px; width:140px; color:white; } #DetailsTxt .titre { text-transform:uppercase; font-size:14px; margin-bottom:10px; } #DetailsTxt .format { text-transform:uppercase; font-size:11px; } #DetailsTxt .prix { font-size:14px; } #DetailsTxt input { margin:5px; } #DetailsResume { position:absolute; top:0; right:10px; padding:0; font-size:12px; width:380px; text-align:justify; max-height:158px; overflow:auto; color:white; } #DetailsApercus { position:absolute; bottom:0; right:10px; padding:0; width:380px; max-height:72px; overflow:auto; color:white; text-align:left; } div#Livre div#Details { height:432px; } div#Livre #DetailsImg { border:1px solid pink; } div#Livre #DetailsTxt { bottom:200px; } div#Livre #DetailsResume { top:auto; bottom:200px; max-height:232px; } div#Livre #DetailsApercus { top:242px; bottom:auto; width:710px; max-height:142px; } div#Livre img.apercu { max-height:140px; max-width:140px; } iframe.facebook { border:none; overflow:hidden; width:450px; height:80px; } div#libraires ul li.region { list-style:none; color:pink; margin-top:10px; opacity:1; font-weight:bold; } div#libraires span.nom { font-size:12px; font-weight:bold; } div#libraires span.adresse { font-size:10px; line-height:normal; } div#err404 p { color:#FFFFFF; }