/* gabarit général pour les feuilles de style http://www.designvegetal.com/css/gabarit/gabarit.css */
/* début reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
nav, header, footer, section, article, aside, figure, figcaption {
	margin: 0; padding: 0; border: 0; outline: 0; 
    font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* fin du  reset */

/* balises de base voir http://www.w3.org/TR/CSS21/sample.html pour valeur par défaut des navigateurs*/
html {background: url('fond2e.jpg') center repeat-y;}
/* body {behavior:url("../../htc/csshover.htc");} /* pour que les :hover marchent avec IE - Peter Nederlof http://www.xs4all.nl/~peterned/htc/csshover.htc */
body { width: 640px; margin-left:auto; margin-right:auto; }
body {font-family: palatino, serif;font-size:100%;}
div {}
applet {} /* java */
object {} /* inclusion de quelque chose */
iframe {} /* inclusion de quelque chose */
blockquote {} /* citation longue */

span {}
span.lettrine {font-size:1.4em;color:#fff;background-color:#070;border-top:solid 5px #070;line-height: 1.2em;}

h1 {font-size:1.75em;}               /* corps 21 */
h2 {font-size:1.33em;}               /* corps 16 */
h3 {font-size:1.17em;}               /* corps 14 */
h4, h5, h6 {font-size:1.08em;}       /* corps 13 */

p {font-size: 0.92em;line-height: 1.17em; text-align:justify; padding-top:0.17em; padding-bottom:0.17em;}

blockquote {font-style:oblique;border-left:1px solid #008;padding-left:1em;} /* citation longue */
pre {font-family: courier;font-size:0.92em; overflow: auto;}  /* corps 11 *//* texte préformaté */
a:link { color:#009 ;}
a:hover {font-weight: bold;}
a:visited { color: #004;}
abbr {}
acronym {}
address {font-style: normal;}
big {font-size:1.17em;font-weight: bold;}
cite {}
code {font-family: courier;font-size:0.83em; background-color:#eef;display:block;overflow:auto;white-space:nowrap;}
del {}
defn {}
em {font-size:1.12em;font-weight: bold;color:#002;}
font {}
img {}
ins {background-color:#ff6;}
kbd {font-family: arial , sans-serif;}
q {quotes: '"' '"' "«" "»";}
s {}
samp {}
small {font-size: 0.83em;}
strike {}
strong {font-size:1.12em;font-weight: bold;color:#200;}
strong:hover {background-color:#800;}
sub {font-size: 0.83em;}
sup {font-size: 0.83em;vertical-align: super;}
tt {} 
var {} 
b {} 
u {} 
i {} 
center {} 
dl {} 
dt {display:block; clear:both; padding-top:0.5em;padding-right:0.5em;background-color:#ddd;} 
/* dt:after {content: " : ";} */
dl dl {margin-left:50px;} 
dd {font-size: 0.92em;padding-bottom:0.25em;padding-left:0.5em; background: url(carre05.gif) no-repeat -9px 3px ;line-height: 1.17em;}
dd dd {font-size: 1em; line-height: 1em; }


ol {margin-left: 1.17em; list-style: decimal;} 
ul {margin-left: 1.17em; list-style: disc;} 
li {font-size: 0.92em;line-height: 1.17em; } 
li li {font-size: 1em; line-height: 1em; } 

fieldset {} 
form {} 
label {} 
legend {} 
table {} 
caption {} 
tbody {} 
tfoot {} 
thead {} 
tr {}
th  {font-size: 0.92em;line-height: 1.17em; } 
th th, th td {font-size: 1em;line-height: 1em; } 
td  {font-size: 0.92em;line-height: 1.17em; } 
td th, td td {font-size: /em;line-height: 1em; } 
/* balises html5 */
nav {}
header {}
footer {}
section {}
article {}
aside {}
figure {}
figcaption {}

/* classes s'appliquant au texte */

.gauche {text-align:left;}
.centre {text-align:center;}
.droite {text-align:right;}
img.droite {float:right;}

.discret, .discret a { color:#88b; text-decoration: none;}
.discret:hover, .discret a:hover { color:#006;}

.design, .design a {color: #666600;}
.vegetal, .vegetal a {color: #005500;}

.sansfond  {background-color:#fff; } 
.fondleger  {background-color:#cce; } 
.fondmoyen   {background-color:#98f; } 
.fondfort   {background-color:#78f; } 

.voit   {display:block; border-left: solid 5px red; margin-left:7px;}
.voit  .voit {display:block; border-left: solid 5px green; margin-left:7px;}
.voit  .voit  .voit  {display:block; border-left: solid 5px blue; margin-left:7px;}
.cache  {display:none; }

.separateur { display: block; margin-left: auto; margin-right: auto;  clear: both;}

h3.titreliste {font-size: medium; font-weight: bold; color:#335; margin-top: 1em; margin-bottom: 0px; text-align:left;}
h3.titreliste a {text-decoration: none; color:#335;}


.date {line-height:0.75em;}
.dossier {line-height:0.75em;}
/* voir aussi dans .chapitre et dans .refdocument */

/* classes pour faire des tableaux */
/* table .entete  {background-color:#bbd; } */

/* balise table pour faire la mise en page sur plusieurs colonnes */

table.miseenpage {margin:0px; padding:0px; width:100%; border-collapse:collapse; }

/* balise table pour faire des tableaux */

.tableau {border:solid 1px #00f; margin:5px; border-collapse:collapse; }
.tableau caption {border-top:solid 5px #f00;}
.tableau thead  {border-bottom:solid 5px #0f0;}
.tableau tfoot {border-top:solid 5px #099;} 

.tableau  td {border:solid 1px #990; padding:5px; }
.tableau  th {border:solid 1px #099; padding:5px; }
.tableau tr.evidence {border:solid 5px #59f;}
.tableau tr.entete {border:dashed 2px #000;}
.tableau  td.evidence {border:solid 10px #f60;}
.tableau  col.evidence {border:solid 6px #f95;}
.tableau  col.entete {border:solid 3px #03f;}

/* balise table pour faire des factures */
.facture {width:100%; }

.facture thead  {background-color:#bbd; border-bottom: #007 solid 1px; }
.facture thead th,.facture thead td { text-align:center; vertical-align:middle;}
.facture tr.totalavanttaxes {border-top: #007 solid 1px;}
.facture tr.totalaprestaxes {border-top: #007 solid 1px; background:#ccf;}
.facture .description { text-align:left; }
.facture .quantite { text-align:center; }
.facture .prix { text-align:right; padding-right: 14px; }

/* classes et id s'appliquant aux div et influançant leur contenu */
div#margehaute {}

/* menu pour avoir accès aux différents aspects */

.menuaspect {display:block;  margin-left:-28px;  border-left:solid 10px #700;  padding-left:12px; color:#ddf;   height:20px; } 
.menuaspect:before  {content: "Aspect"; margin-left:0px; width: 145px; display: inline-block; border-left: none; }
.menuaspect a  {color:#ddf;  padding-right: 5px;    font-size: 0.92em;  border-left: none;  padding-left:18px;  }
 .menuaspect:hover,  .menuaspect:hover a {color:#000;} 
 .menuaspect a + a,  .menuaspect a + script + a  { border-left: solid 1px;  padding-left: 5px;   }
.menuaspect ul {list-style:none; display:inline-block; }
.menuaspect li  {display:inline;  border-left: none; }
.menuaspect li  a {  padding-left:0px;  }
.menuaspect li  a + a  {   border-left: none;   }
.menuaspect li + li  { border-left: solid 1px; padding-left:5px; }


/* menu général pour bgdv */
.menusite {display:block; margin-left:-28px;  border-left:solid 10px #070;   padding-left:12px; color:#aaf;  height:20px; } 
.menusite a {color:#aaf; padding-right: 5px;  font-size: 0.92em;    display: inline-block; border-left: none; margin-left:0px; width: 155px;  padding-left:0px; }
.menusite:hover, .menusite:hover a {color:#000;}
.menusite  a + a  { border-left: none;  width: auto;  padding-left: 5px; }
.menusite a + a + a { margin-left:1px; border-left: solid 1px; } 
.menusite ul {list-style:none; display:block; margin-left:0px; padding-left: 0px; }
.menusite li  {display:inline-block; width: 155px; border-left: none; }
.menusite li  a { border-left: none; display:inline;   width:auto;  padding-left:0px; }
.menusite li + li  { width: auto; border-left: none; padding-left:10px; } 
.menusite li + li + li { border-left: solid 1px; padding-left:5px;  } 


 /* menu interne à la page */
.menupage {display:block; background-color:#070;}
.menupage * {display:none;}
.menupage:hover {background-color: transparent;}
.menupage:hover * {display:inline;}
.menupage:hover .menusection {display:block;}
.menupage { text-align: center; padding-left: 160px; padding-top: 5px; padding-bottom: 5px; }
.menupage a {padding-left: 5px; padding-right: 5px; border-left: none;font-size:0.8em;}
.menupage a + a,  .menupage li + li  {border-left: solid 1px;}
.menupage .menusection + a, .menupage .menusection + li   {border-left: none;}
.menupage .menusection,  .menupage .menusection a {padding-top:0.6em; border-left: none; color: #050; font-size:1em; }
.menupage .menusection:hover { background-color: #9c9; }

 /* type apa1500 avec suite de logo */
.menucours {display:inline-block;  width:100%; }
.menucours  .menusite {display:block; margin-left:0px;  border-left:none;   padding-left:0px; color:#000;  width:auto; height:auto; } /* annule  le .menusite défini dans le menu général */
.menucours ul {margin-left:0px; list-style:none;   }
.menucours .menusite a {display:inline; width:auto; padding: 0px; } 
.menucours .menusite img {display: block; float: right; }
.menucours  img {display: block; float: left; padding-left:2px;  }

.menuindex {display:block; text-align: center;} /* type abcdefg */
.menuindex a  {padding-right: 5px;  font-size:0.8em;  border-left: none;  padding-left: 5px;   }
.menuindex ul {list-style:none; display:inline-block; padding-left:0px; }
.menuindex li  {display:inline; } 

.menutournepage {display:block; text-align: center;  font-size:0.8em;  padding-left: 160px;  }
.menutournepage a {padding-right: 5px;  border-left: none;  }
.menutournepage ul {list-style:none; display:inline-block; padding-left:0px; }
.menutournepage li  {display:inline; } 

.tabledesmatieres {display:block;}
.tabledesmatieres .chapitre {margin:0px; padding:0px;}
.tabledesmatieres h3 {text-align:center; color:#000;}
.tabledesmatieres ul {list-style:none; }
.tabledesmatieres li {background: url(trait1.gif) repeat-x  0px 0.5em ;}
.tabledesmatieres li.chapitre {background: url("") repeat-x  0px 0.5em ;}
.tabledesmatieres a {padding-right:0.5em;background-color:#fff;color:#000; text-decoration:none;}
.tabledesmatieres .numpage {display:block; float:right; padding-left:0.5em;background-color:#fff;}


.liste li:hover {background-color:#cce; }
.liste li:hover ul {background-color:#ffe; }
.liste li .option {display:block; text-align:left; margin-botom:1px ; border-bottom: solid 1px; }
.liste li .choix {display:block; text-align:right; padding-left:0px; }
/* .liste li .niveau {display:block; text-align:left; margin-botom:0px ; border-bottom: none; background-color:red; }
.liste li .description {display:block; text-align:left; padding-left:0px; background-color:green;}
.liste li .choix {display:block; text-align:right; margin-botom:0px ; border-bottom: none; background-color:blue; } */

.clefdidentification li:hover {background-color:#cce;}
.clefdidentification li:hover ul {background-color:#ffe;}
.clefdidentification ul ul { display:none;}
.clefdidentification ul li:hover ul { display: block; }
.clefdidentification ul li:hover ul ul { display: none; }
.clefdidentification ul ul li:hover ul { display: block; }
.clefdidentification ul ul li:hover ul ul { display: none; }
.clefdidentification ul ul ul li:hover ul { display: block; }
.clefdidentification ul ul ul li:hover ul ul { display: none; }
.clefdidentification ul ul ul ul li:hover ul { display: block; }
.clefdidentification ul ul ul ul li:hover ul ul { display: none; }



.bandeau { display: table; width: 100%; padding-top:1em;padding-bottom:1em; border-top-style: solid; border-top-width: thin; border-bottom-style: solid; border-bottom-width: thin;}
.bandeau address.bgdv-logo {width: 140px; display: block; float:left;}
.bandeau .menuimage { display: block; float: left; width: 230px;}
.bandeau .menuimage ul { margin-left:0px;list-style:none;}
.bandeau .menuimage li a, .bandeau .menuimage a  { display: block; text-decoration: none; font-size: medium; line-height: 1.5em; text-align: left; text-indent: 5mm; background: no-repeat left center url(../../gadrat/l/logos/carre04.gif); color: #005 ;}
.bandeau .menuimage li a:first-letter, .bandeau .menuimage a:first-letter {font-size: x-large ;}
.bandeau .menuimage li + li a, .bandeau .menuimage a + a  {color: #009; background: no-repeat left center url(../../gadrat/l/logos/carre05.gif);}
.bandeau .menuimage li + li + li a, .bandeau .menuimage a + a + a {color: #00c; background: no-repeat left center url(../../gadrat/l/logos/carre06.gif);}
.bandeau .menuimage li + li + li + li a, .bandeau .menuimage a + a + a + a {color: #00f; background: no-repeat left center url(../../gadrat/l/logos/carre06.gif);}
.bandeau .note, .bandeau .note2 { font-size: xx-small ;}
.bandeau .note a, .bandeau .note2 a { text-decoration: none ;}
.bandeau .note .bgdv-nom, .bandeau .note2 .bgdv-nom { font-size: larger ;}


.entete, .pieddepage {display:block; padding-left: 160px;padding-top:1em; text-align: center;}
/* corriger tr.entete voir table */
.entete h2, .pieddepage h2 { font-size: 1em; color: #005 ;}
.entete a, .pieddepage a {text-decoration:none;}
.entete p, .pieddepage p {text-align: center;}
.entete p.soustitre, .pieddepage  p.soustitre { font-size: 0.67em; color: #400; text-align: center; border-top: solid 1px;}
.entete hr, .pieddepage hr { border-color: #009; }
.entete address { text-align: left;}
.entete address + address { text-align: right;margin-top:-1em;}
.entete address + address + address { text-align: left;margin-top:0em;}
.entete address + address + address + address { text-align: right;margin-top:-1em;}
.entete address + address + address + address + address { text-align: left;margin-top:0em;}
.entete .bgdv-nom {font-size: 1em;}
.entete .bgdv-adresseposte {font-size: 0.83em;}
.entete .bgdv-siteweb {font-size: 0.83em;}
.entete .bgdv-adresseweb {font-size: 0.83em;}

.entete-bgdv {display:block; padding-top:0.4em;}
.entete-bgdv h2 {font-size:1.17em; letter-spacing: 0.05em; text-align:center; width:275px;float:left;color:#000;}
.entete-bgdv h2 b {font-size:1.1em;}
.entete-bgdv a {text-decoration:none ;color:#000;}
.entete-bgdv .lettrine {font-size:1.4em;color:#fff;background-color:#070;border-top:solid 5px #070;}
.entete-bgdv h2:first-letter {font-size:1.2em ; color:#060;}
.entete-bgdv p {}
.entete-bgdv p.soustitre {float:left;margin-top: -0.25em;}

.entete-bgdv p.soustitre {height: 0.6em; width: 100%; font-size:0.75em; border-bottom: solid thin; }

.entete-bgdv p.soustitre .decale{background-color:#fff;margin-left:88px;padding-left:0.4em;margin-right:-88px; padding-right:0.4em;}
.entete-bgdv address {padding-top:0.79em;font-size:0.83em;font-style:normal;text-align:right;}
.entete-bgdv address + address {padding-top:0em;}
.entete-bgdv .bgdv-tel b {font-size:1.4em;letter-spacing: -0.1em;}



.titre { display:block; padding-left: 160px; text-align: right; padding-top: 30px; padding-bottom: 10px; position: relative; z-index:2 ;}
.bgdv-portfolio .titre {text-align: center;}
.titre p { color: #060; font-size: small;   padding-top: 0.83em;text-align: right;}
.titre p a { color: #360; font-size: small; text-decoration: none;}
.titre p.soustitre { color: #060; font-size: large;  padding-top: 0.3em;}
.titre p.soustitre a { color: #360; font-size: large; text-decoration: none;}
.titre address { font-size: 1em ; padding-top: 0.83em;}
.titre address + address {padding-top: 0; }
.titre .bgdv-nom {}
.titre .bgdv-adresseposte { }
.titre .bgdv-siteweb b {font-size: 1.4em; }
.titre .bgdv-adresseweb { }
.titre h1 { text-shadow: #ddf 5px 5px 3px ; padding-top: 0.5em;}
.titre h1:first-letter { font-size: 1.8em; color: #400; font-style: italic; text-shadow: #bbf 5px 5px 3px ;}
.titre img {display: block; padding-left: 10px;}

.section {display:table; background: no-repeat url(fleche03.gif) 137px 0px ; margin-top:3em;}
.section h1 { padding-left: 170px;padding-top:0.25em; font-variant: small-caps;  color: #050; text-shadow: #aaf 0px 2px 2px; }
.section p { padding-left: 160px; }

.chapitre {display:block; padding-left: 160px; padding-bottom: 10px;  }
.chapitre h2 { color: #00b; text-shadow: #99f 0px 3px 3px ;}
.chapitre h2:first-letter { font-size: 1.69em; }
.chapitre + .chapitre h2 { color: #009; }
.chapitre + .chapitre + .chapitre h2 { color: #007; }
.chapitre + .chapitre + .chapitre + .chapitre h2 { color: #005; }
.chapitre + .chapitre + .chapitre + .chapitre + .chapitre h2 { color: #003; }
.chapitre h3 { color:#335;}
.chapitre p.soustitre { margin-top: -0.25em; margin-bottom: 0.5em; font-size: 0.75em ;}
.chapitre p { text-align: justify ;}
.bgdv-portfolio .chapitre p {text-indent: 5mm;}
.chapitre .note { display: block; margin-left: -160px; width: 130px;}
.chapitre code { display: block; margin-left: -160px; }

/*références de correspondance */
.chapitre .date span, .chapitre .dossier span,.chapitre .objet span   {display:block;width:130px; float:left; text-align:right; margin-left:-160px;}

.note {display:block; float: left; width: 130px;padding-top:0.5em;}
.note2 {display:block; float: right; width: 140px; padding-left:10px;}
.note3 {}
.note p, .note2 p, .note3 p {font-size: 0.83em;line-height: 1em; text-align:justify; padding-top:0.17em; padding-bottom:0.17em;} /* corps 10 */

div.pub {}
div.pub div.note {margin-right:-180px; float:right;} /* pub étroite vertiticale */
div.pub div.note3 {} /* pub large horizontale */
.pub img {margin-right:  auto; margin-left: auto;}

.resume {display:block; padding-left:160px;}
.resume h1, .resume h2, .resume h3 { font-size: medium; color: #77b; text-shadow: #777 3px 3px 3px ; border-bottom: solid 1px;}
.resume h1 + p, .resume h2 +p, .resume h3 +p {margin-top: -0.7em;}

.galerie, .illustration {display:block; padding-top:1em; padding-bottom:1em;}
.gravure {display:table; margin-left:auto; margin-right:auto;text-align:center;}
.gravure img, illustration img { padding: 10px; border: solid 1px; position: relative; z-index: 1;}
.gravure p, illustration p { position: relative; z-index: 5;}
.titregravure, .galerie .gravure + p, .illustration .gravure + p {display: table;  position: relative; z-index: 5; background: #fff ; margin-left: auto ; margin-right: auto ; border-left:solid 0.5em #fff;  border-right:solid 0.5em #fff; margin-top: -1.0em; font-size: small; text-align: center; font-style: italic; text-shadow: #00f 0px 3px 3px;}

/* .musique {display:block; width:100%; padding-top:50px;  padding-bottom:50px; text-align:center;} */
 .musique audio {width:100%; height:200px;} 

.menugalerietexte {display:block; width: 140px; float: left; margin-left: -150px; font-size: 0.83em; position: relative; z-index:4;}
.menugalerietexte ul{ margin-left:0px;list-style:none;}
.menugalerietexte a {text-decoration: none;}

.menugalerieimage {display:block; padding-left: 0px; width:98%; margin-left: auto; margin-right: auto; position: relative; z-index:3;}
.menugalerieimage { max-height:250px; overflow:auto;}
.menugalerieimage ul { margin-left:0px;list-style:none; padding-left: 10px; }
.menugalerieimage li {display: inline;}
.menugalerieimage li table {display: inline; }


.encart { display:block; padding: 10px; border: solid 1px; background:#eee; }

.references {display:block; padding-left:160px;}
.chapitre .references {display:block; padding-left:0px;}
.references {font-size: 0.92em;line-height: 1em; text-align:left; padding-top:0.17em; padding-bottom:0.17em;}

.pieddepage {display:block; padding-left:160px;}

.refdocument {display:block; font-size: 0.67em;line-height: 1em; text-align:left; color: #88b; }
.refdocument a { color: #88b; text-decoration: none;}
.refdocument p:hover, .refdocument a:hover { color: #006;}
.refdocument p { padding-top: 0em; padding-bottom: 0em;}
.refdocument .date {font-size: 1.4em;}
.refdocument .dossier {font-size: 1.4em;}

#cadre1 span, #cadre2 span, #cadre3 span, #cadre4 span {display: none;}

.accroche {display:block; margin-left:0px;padding-right:30px;width:130px; float:left; text-align:right ;font-style:italic;}
.chapitre .accroche {display:block; margin-left:-160px;padding-right:0px;}
span.accroche {font-size:0.8em;}
p.accroche {text-align:right; font-size: 1em;}
.chapitre h1.accroche, .chapitre h2.accroche  {display:block; width:130px; min-height:50px;padding-right:30px;padding-top:0px;background: no-repeat url(fleche03.gif) 135px center ;}
.chapitre h1.accroche {color:#050;}
.chapitre h1.accroche + p  {padding-top:5px; }
.chapitre h2.accroche + p  {padding-top:0px; }
.chapitre h3.accroche + p  {padding-top:0px; }

/* pages particulières */
body.bgdv {}

html.bgdv-correspondance {background: url('') center repeat-y ;}
.lettrine-G {width:1.4em;margin-bottom:-0.4em;}
.bgdv-correspondance .chapitre, .bgdv-correspondance .titre, .bgdv-correspondance .resume {background:  url('trait-vertical.jpg') 140px 0px  repeat-y;}

html.index {background: url('') center repeat-y ;}
html.index body { width: 100%;}
html.index a {display:block; font-size:2.4em;  padding: 1em;   background-color:#fff; border-bottom:solid 1px black; text-decoration:none; }
html.index a.repertoire { background-color:#eef; }
html.index a.repertoireParent { background-color:#555; color : #eee; clear : both;}
html.index a.image { padding: 0em;}
html.index nav nav  { display block;clear:both;}
html.index nav nav a { display:inline-block; }
html.index nav nav a + a { display:inline-block; float:right;}


body.cours {}
body.APA1500 {}


@media screen {
#pagecouverture {display:block;}
.sautdepage {height:2em; margin-bottom:2em;border-bottom:solid 1px #543;}

}
@media print {
body { width: auto; margin-left:auto; margin-right:auto; } 
#pagecouverture {display:block;}
.sautdepage {page-break-after:always;}
@page	{size:letter portrait}
/* @page :left	{ 	  @bottom-left	{ 	content:counter(page); 	} }  */
@page :left	{ 	@bottom-right 	{ 	content:counter(page); 	} }
@page :right	{ 	@bottom-right	{ 	content:counter(page); 	} } 
@page :first	{ 	@bottom-right	{ 	content:normal; 	} 
}
h1, h2, h3, h4, h5, h6, p.soustitre, h3.titreliste 	{page-break-after:avoid}
a	{text-decoration:none}
.tabledesmatieres  a:after	{ 	content:leader('.') target-counter(attr(href), page) }
/* body	{column-count:2;column-gap:8mm}*/

}