/* Nejma, Revue Littéraire
Webdesign by Yahia Chlyeh
http://yahia.ma/design/ */
@media screen{
*,#a ul{margin:0;padding:0}
body{color:#000;background:#EEE8AA;font:14px/1.4 "Times New Roman", serif;cursor:default}
#a,#b{width:600px;margin:0 auto;position:relative}body.deco #a,body.deco #b{width:745px}
.h,#txtnav span{display:none}
a img{border:0}
img{display:block}

#a{height:157px;background:#900000 url(a.png) no-repeat scroll 0 0}body.deco #a{background-image:url(ad.png)}
#a a{display:block;position:absolute;text-indent:-9999em;background:url(s.png) no-repeat scroll 0 0;outline:none/*moz/ff hack*/}
#a #l0{width:368px;height:118px;left:10px;top:33px;background-position:0 -118px}/*#a #l0:hover{background-position:0 0}*/
#a li{list-style:none}
#a li a{height:17px;left:378px}
#a #l1{background-position:-368px -118px;width:117px;top:49px}#a #l1:hover{background-position:-368px 0}
#a #l2{background-position:-368px -135px;width:86px;top:66px}#a #l2:hover{background-position:-368px -17px}
#a #l3{background-position:-368px -152px;width:79px;top:83px}#a #l3:hover{background-position:-368px -34px}
#a #l4{background-position:-368px -169px;width:82px;top:100px}#a #l4:hover{background-position:-368px -51px}
#a #l5{background-position:-368px -186px;width:67px;top:117px}#a #l5:hover{background-position:-368px -68px}
#a #l6{background-position:-368px -203px;width:79px;top:134px}#a #l6:hover{background-position:-368px -85px}

body.deco #b{background:url(bd.png) no-repeat scroll 505px 0;min-height:510px}* html body.deco #b{height:510px}
#b1,#b2,#c,#f{margin:0 16px 0}#f{clear:left;margin-top:1.8em;margin-bottom:1em;position:relative}body.deco #b1,body.deco #b2,body.deco #c,body.deco #f{margin-right:250px}
#b1{padding-top:6px;font:bold 1em Garamond, Georgia, "Times New Roman", serif}
#b1 a,#b2 small a,#txtnav a,#hdp{color:#900000;text-decoration:none}
#b2{margin-bottom:10px;font:bold small-caps 1.8em Garamond, Georgia, "Times New Roman", serif}
#b2 small{position:absolute;top:16px;left:0;display:block;text-align:center;width:100%;font:bold italic .4em Georgia, "Times New Roman", serif} * html #b2 small{left:16px}
#f{font:.8em/1.3 Arial, sans-serif}

p,ol,ul,dl,blockquote,table{margin:.4em 0}
strong{font-weight:bold}
em{font-style:italic}
small{font-size:.8em}
.dedic{text-align:right}
.separ{text-align:center;font-weight:bold;font-size:1.25em}
.introtxt{font-size:1.25em;width:75%}
h3{margin:.8em 0 .4em;padding-top:.4em;border-top:3px solid;font:bold 1.3em Garamond, Georgia, "Times New Roman", serif}
h3.first{padding:0;border:0}
h4{font-size:1.15em;font-weight:bold;font-style:italic;text-decoration:underline;margin:.4em 0 -.3em}h4 cite{font-style:normal}
ul{list-style-type:disc}
ul,ol{list-style-position:inside}
ul ul,ul ol,ol ol,ol ul{margin:0 0 0 1em}
ul.texts{list-style:none}* html ul.texts{list-style-position:outside}
ul.texts li{margin-bottom:.6em;line-height:1.2}
ul.texts cite{font-size:1.15em;font-weight:bold}/*what*/
ul.texts strong{font-size:.9em;font-weight:normal}/*who*/
blockquote{margin-right:3em;font-style:italic;font-size:.9em;line-height:1.2}
blockquote p{margin:.3em 0}
div.text p{text-indent:1.2em}
div.text p.textnote,div.text p.aut,div.text p.pagenote{text-indent:0}
div.poem p{text-align:center}
div.poem p.aut,div.poem p.pagenote{text-align:left}
p.aut{margin:1.2em 0;font-size:.9em;line-height:1.2}
p.aut strong{font-size:1.15em;font-style:italic}/*who*/
p.aut em{font-weight:bold}/*where*/
.pagenote{clear:left;list-style:none;margin-top:1.2em;padding-top:.2em;font-size:.9em;background:url(pagenotesep.png) no-repeat scroll 0 0}
a:link{color:#900000;text-decoration:underline}
a:visited{color:#900000;text-decoration:none}
a:hover{color:#00c;text-decoration:none}
a:active{color:#6b6b6b}
#f a,a.aut{text-decoration:none}

div.illu{float:right;margin:.25em 0 0 .5em}
div.illu img{border:1px solid} /*side200p*/
div.illu2 img{border:2px solid;margin:2px 0} /*475pDECO | 564pSANS*/
ul.illu3{float:left;margin-right:-2px} /*2x281pSANS*/
body.deco ul.illu3{margin-right:-1px} /*2x237pDECO*/
ul.illu3 li{float:left;list-style:none}
ul.illu3 img{border:1px solid;margin:0 2px 2px 0}
body.deco ul.illu3 img{margin:0 1px 1px 0} * html body.deco ul.illu3{width:480px}
div.illu4 img{border-width:1px 0;border-style:dashed} /*galleryExtracts*/ /*568pSANS*/
div.numerolist div.illu{float:left;margin:.25em .5em 1em 0}
div.numerolist h3{clear:left}

#txtnav{list-style:none;font-weight:bold;font-size:1.5em;line-height:1}
#txtnav li{position:absolute;top:10px} * html #txtnav li{top:13px} /*msie6*/
#txtnavs{right:-10px}
#txtnavp{left:-10px}

#hdp{position:absolute;top:0;right:0;display:block;font-size:2em;font-family:Garamond, Georgia, "Times New Roman", serif;line-height:1.3} * html #hdp{right:8px}* html body.deco #hdp{margin-right:233px}
#hdp:hover:before{content:attr(title)" ";display:inline;font-weight:bold}
}
/*
475+2+2 deco
564+2+2 sans
*/