@charset "utf-8";

/* Main stylesheet - yoyodesign.org -

   2005-08-29
   2005-09-15 added aural style for abbr
   2005-12-02 added cursor visual style for abbr[title]/a[href]
              additional zeroing style (.raz)
   2005-12-14 no more colour for abbr and em (italic only now)
              changed strong style (no more colour and just bolder now)
   2005-12-24 adopted short notation for background (eg. no more background-color) 
   2006-04-28 deleted illegal media value 'speech' but kept non-standard property 'opacity'
   2007-07-20 changed title style (added height and line-height) to fit new Html layout
              added 'Holly Hack' for IE6 users
   2007-07-23 added visibility on ycopy
   2007-09-22 added style for French number abbreviation, ie no
   2008-12-00 changed style for number abbreviation (.numero);
              changed style for footnotes (.note and .back)
              changed style for page top link
              added style for citations (cite, .cite and .citation)
              changed title selector to 'ycategory'
              added style for publication dates on yoyodesign.org (.yoyo-pub)
              added style for edition dates on yoyodesign.org (.date-details)
              added style for superscripts
              added style for a summary (#ysummary)
              added style for rounding main box (-moz-border-radius)
              changed style for language switch (italic now)

*/

/*
  ColorBlender : http://www.meyerweb.com/eric/tools/color-blend/ ***
   Midpoints=7 : #FFFFCC <- E6E6B3 #CCCC99 B3B380 #999966 80804D #666633 4D4D1A -> #333300
   Midpoints=3 : #CCCCFF <- B3B3F2 9999E6 8080D9 -> #6666CC
*/

/* Init */
html,body,div,pre,dl,dt,dd,fieldset,table,caption,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,img,hr,address {margin:0;padding:0;}
html {background:#cc9;color:#663;font-size:100%;line-height:1.6em;font-family:verdana,arial,helvetica,sans-serif;}

body {margin:5px;cursor:default;}

a:link,
a:visited {cursor:pointer;padding:0 .1em;}

img {border:none;vertical-align:middle;}

/* Style for pop image (make bigger) */
a:link.ypopimg,
a:visited.ypopimg,
a:link.imagelink,
a:visited.imagelink {padding:0;border:none;}

/* JavaScript-enabled elements (display and visibility) */
.jsvisibility {visibility:hidden;}
.jsdisplayblock,
.jsdisplayinline {display:none;}
 
/* Last modified display and skip navigation */
#metainfo {position:absolute;top:0;width:128px;text-align:center;font-size:small;}
.metainfo {right:0;}
.metainfoFlip {left:0;} /* alternative layout */
#metainfo a:link,
#metainfo a:visited {visibility:hidden;}


/* Menu (site navigation) */
#ymenu {position:fixed;top:5px;width:128px;text-align:center;font-size:smaller;z-index:2;}
.ymenu {left:5px;}
.ymenuFlip{right:5px;} /* alternative layout */

#ymenu a:link,
#ymenu a:visited {display:block;text-decoration:none;background:#9999e6;color:#fff;border:1px solid #fff;padding:.2em .25em;
   letter-spacing:.1em;font-family:arial,helvetica,sans-serif;}
#ymenu a:hover {background:#66c;color:#fff;}
#ymenu .yoyo {padding:0 !important;margin:0 !important;border:none !important;} /* required for IE6 */
#ymenu ul {margin-top:2.6em;list-style:none;}
#ymenu li {margin-bottom:1.6em;}
#ymenu a.yoyo {border:none;padding:0;}
#ymenu a.hilite {background:#66c;}


/* Language Switching */
#yswitch {position:absolute;top:89px;width:128px;text-align:center;font-size:smaller;}
#yswitch ul {margin-top:2.6em;list-style:none;}
.yswitch {right:5px;}
.yswitchFlip {left:5px;} /* alternative layout */

#yswitch a:link,
#yswitch a:visited {display:block;text-decoration:none;background:#9999e6;color:#fff;border:1px solid #fff;padding:.2em .25em;
   letter-spacing:.1em;font-family:verdana,arial,helvetica,sans-serif;font-style:italic;}
#yswitch a:hover {background:#8080d9;color:#fff;}
#yswitch li .noresource {display:none;visibility:hidden;}


/* Page navigation */
#ymenuslide {visibility:hidden;}
#ymenuslide:hover {cursor:pointer;letter-spacing:.6em;}

#ypagetop {text-align:right;}
#ypagetop span a:link,
#ypagetop span a:visited {outline:thin solid #996;color:#996;vertical-align:top;text-decoration:none;border:none;padding:0 .2em;}
#ypagetop span a:hover {background:#996;color:#fff;}


/* Title */
#ytitle {margin:0 128px;height:84px;padding:0 1.6em;line-height:84px;}
.ytitle {text-align:right;}
.ytitleFlip {text-align:left;} /* alternative layout */

#ycategory {font-size:48px;background:inherit;color:#b3b380;font-family:georgia,times,serif;
    letter-spacing:.1em;text-shadow:2px 2px 3px #e6e6b3;position:relative;top:19px;}


/* Content */
#ycontent {margin:0 134px;padding:1em 6% 2em 6%;background:#fff;color:#039;font-family:verdana,arial,helvetica,sans-serif;}
#ycontent a[hreflang]:after {content:"\A0(" attr(hreflang) ")";font-family:times,serif;font-size:small;}
#ycontent a[lang=en] {font-style:italic;}
#ycontent a {text-decoration:none;background:transparent;}
#ycontent a:link {color:#03c;border-bottom:1px solid #03c;}
#ycontent a:visited {color:#669;border-bottom:1px dotted #669;}
#ycontent a:hover {background:#66c;color:#fff;border-bottom:1px solid transparent;}
#ycontent ul {list-style:square;margin-left:.6em;line-height:1.6em;}
#ycontent h3+ul,
#ycontent h3+ol {margin-top:1.6em;}
#ycontent dd {margin-left:1.6em;}
#ycontent dt {margin-top:.6em;}


/* Copyright */
#ycopy {margin:0 134px;font-size:smaller;}
.ycopy {text-align:right;}
.ycopyFlip {text-align:left;} /* alternative layout */


/* Headings */
h1,h2,h3,h4,h5,h6 {margin-top:1.6em;margin-bottom:.6em;font-weight:normal;color:#c30;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:110%;}
h5 {font-size:100%;font-style:italic;}
h6 {font-size:90%;}


code, samp {font-family:arial,helvetica,sans-serif;letter-spacing:.125em;background:#eee;color:#333;}
samp {background:#cff;}
#ycontent a:link code,
#ycontent a:visited code,
h1 code,h2 code,h3 code,h4 code,h5 code,h6 code {background:inherit;color:inherit;}

p {margin-top:1em;margin-bottom:1em;}

pre {background:#eee;color:#033;padding:1em;border:1px solid #999;font-family:monaco,courier,monospace;font-size:smaller;}

blockquote {margin-left:2em;}

dfn {padding:0 .2em;outline:1px solid #ccc;}

p.caption,caption {margin:.2em .5em;font-style:italic;background:inherit;color:inherit;font-size:smaller;letter-spacing:.1em;}

abbr {font-variant:small-caps;text-decoration:none;border:none;}

abbr[title],
span[title] {cursor:help;}

a[href] abbr[title] {cursor:pointer;border:none;}

em {font-size:105%;}
em.ndt {font-size:smaller;}
span.ndt {font-style:italic;}

/* Usage: item <span class="numero"></span>1 */
.numero {font-style:italic;}
.numero:before {content:"n";}
.numero:after  {content:"o\2009";vertical-align:top;font-size:x-small;}

strong {font-weight:normal;font-style:italic;font-size:105%;}
sup {vertical-align:top;font-size:x-small;}

fieldset {margin-top:1.6em;padding:1.6em;border:1px solid #039;}

legend {font-size:110%;font-style:italic;padding-left:.25em;padding-right:.25em;background:#039;color:#fff;}

/*
q:lang(fr) {quotes:"\AB\A0" "\A0\BB" "\201C" "\201D";}
q:lang(en) {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
*/
cite,
.cite {font-style:italic;}
.citation:before {content:"« ";}
.citation:after {content:" »";}

/* Index pages */
#ytoc ul {margin-left:1.6em;list-style:none;line-height:1.2em;}
#ytoc dt {font-size:160%;font-weight:normal;margin:1.6em 0 .6em;color:#c30;}
#ytoc h1 {text-align:center;margin-top:1.6em;margin-bottom:2em;line-height:1.6em;}
#ytoc ul h2 {margin-bottom:1.6em;font-size:110%;}
#ytoc ul h3,
#ytoc ul h4 {margin:0;font-size:100%;}
#ytoc ul h2:before,
#ytoc ul h3:before,
#ytoc ul h4:before {content:"\2023 ";font-family:monaco,courier,monospace;margin-left:-2ex;}
#ytoc ul p {margin:0;margin-bottom:1.6em;background:inherit;font-size:smaller;}

/* Pages containing a summary */
#ysummary h2 {margin-bottom:.6em;}
#ysummary ul {margin:0;padding:1.3em;padding-top:1em;border-bottom:2px solid #c30;border-top:2px solid #c30;line-height:1.6em}

/* Pages containing a translated article */
#ytrlheader {margin-top:3em;margin-bottom:3em;color:#c30;}
#ytrlheader h1 {text-align:center;line-height:1.6em;}
#ytrlheader ul {margin-top:1.6em;line-height:1.3em;list-style:none;margin-left:0;font-size:smaller;border-top:1px solid #c30;padding-top:1.6em;padding-left:1.6em;}
#notes {margin-left:2.6em;line-height:1.6em;font-size:smaller;}
.original {background:inherit !important;color:#c30 !important;font-style:italic;border:none !important;}
#ycontent .note:link,
#ycontent .note:visited {text-decoration:none;font-size:small;vertical-align:top;font-family:times,serif;border:none;padding-left:.25em;}
#ycontent .note:hover {background:transparent;color:#03c;}
#ycontent .back:link,
#ycontent .back:visited {outline:thin solid #36c;text-decoration:none;border:none;padding:0 .2em;}
#ycontent .back:visited {outline-color:#669;}
#ycontent .back:hover {color:#fff;background:#36c;}

#ytoc .date-details {margin:.3em 0 0;color:#c30;font-style:italic;font-size:small;font-family:arial,sans-serif;}

.yversions, .ynotes {font-size:smaller;}

.ywarning {border:2px solid #000;background:#fc6;color:#000;font-size:smaller;}
.ywarning legend {border:2px solid #000;background:#f90;color:inherit;}


/* Links: hover */
a:hover {text-decoration:none;background:#66c;color:#fff;}
a.exolink:hover {background:#f93 !important;color:#003 !important;}

/* Links: active */
a:active {background:#66c;color:#fff;}
a.exolink:active {background:#090 !important;color:#fff !important;}


/* style for screen readers */
@media aural {
   abbr         {speak:spell-out;}
   abbr.acronym {speak:normal;}
}

/* style for print */
@media print {
   body {background:#fff none !important;width:auto !important;color:#000 !important;margin:0 !important;padding:0 !important;font-family:serif;}
   #metainfo {color:#333;}
   #ymenu ul {display:none;}
   #ycontent  {margin:0 !important;padding:0 !important;width:auto !important;}
   a:link,
   a:hover,
   a:visited,
   a:active {text-decoration:none !important;border:none !important;padding:0 !important;background:none !important;font-weight:bolder;}
   a[href]:after {content:" (" attr(href) ") ";font-size:80%;}
   a[href^="#"]:after {content:" (page) ";font-size:50%;}
   /* Page breaks */
   h1 {page-break-before:auto;}
   h1,h2,h3,h4 {page-break-after:avoid;}
   p {page-break-inside:avoid;}
   ul,ol {page-break-inside:avoid;}
}


/* Holly Hack for IE */
* html #ymenu {position:absolute;height:0;}
* html #ymenu li {height:0;}
* html #ymenu li a {height:0;}
* html #yswitch li a {height:0;}

/* Non-standard CSS declarations (rounding corners) */
#ycontent {-moz-border-radius:16px;border-radius:16px;}