/* corrections styles h2 à h6, et box-h1, box-h2, box-h3 -- 21 mai 2014*/

/*--------Table of Contents-------
	Reset
	font
	img
	body
	2) GLOBAL TEXT STYLE
		Indents
		Alignement
		Lettrine
		Float txt block
		Font style and family
		Supperscript fignote table noteref
		other text style: citation
    3) GLOBAL HEADINGS DEFINITIONS
  		Base for Headings
		Headings details 
		h1, h2, h3, h4, h5, h6
		Part Stye
		Chapter Style
		Author name and function
		Indicator Style - toc-indicator
		Executive Summary Style
		Annex Style, Biblio
		Endnotes Style
		Biblio Style / Biblio of the book / Biblio of the chapters
		Special Factbook - sub-headings in Biblio
		Frontmatter Headings: Foreword, acknowledgement, introduction, glossary, preface
		Glossary Style
	4) LIST DEFINITION
		List Style type
	5) BOX DEFINITION
		Box title Style
		Other type of box
	6) FIGURE DEFINITION
		How to read (special EcoSurveys)
	7) TABLE DEFINITION
		Resset Table
		Table container overflow
		Table color style over effects and pygamas stipes
		Table on mouse over
		Scroll Aspect iOS
	8) HYPERLINK DEFINITION
		StatLinks Style 

19px = 1.188em | 17px = 1.063em | 16px = 1em  | 15px = .938em | 14px = .875em | 13px = .813em | 12px = .750em 
10px = .625em |  5px = .313em |  4px = .250em |  3px = .188em |  2px = .125em
 --------------END Table of Content-------------*/


/* Reset */
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

/* ****************Font Face integration ***************** */
@font-face {
font-family:HelveticaCondensed;
src:url(../fonts/Helvetica/HelveticaNeueLTStd-Cn.otf);
}

@font-face {
font-family:symbol;
src:url(../fonts/Symbol/symbol.ttf);
}

/*@todo*/
/*@font-face { 
	   font-family: zapfdingbats;
	   src:url(../fonts//);
}*/
/* *********************END Font Face ***************** */

img {
max-width:100%;
}

.img-float {
    float:right; 
    width:20em;
    margin: 0 0 1em 1em;
    max-width: 40%;
}

/* **************Body, 100% = font-size:16px************* */
body {
font:100%/1.5 "Century Gothic", sans-serif, arial, helvetica!important;
color:#281b21;
margin:.188em!important;
padding:0!important;
border-width:0;
background:#FFF!important;
}

/* -------------------------------
   2) GLOBAL TEXT STYLE
 ----------------------------------*/
/* Cible 14px divisé par le contexte de 16px défini dans le body*/
/* avoid indent for .mobi */

p {
font-size:.875em;
text-align:justify;
text-indent:0;
padding:0 0 .25em;
margin:.375em 0;
width:auto;
/*2 lignes veuves*/
widows:2;
/*2 lignes orphelines*/
orphans:2;
/* not implemented, CSS3  working draft*/
-epub-hyphens:auto;
hyphens:auto;
-webkit-hyphens-before:1;
hyphenate-before:1;
-webkit-hyphenate-after:1;
hyphenate-after:1;
-webkit-hyphenate-lines:2;
hyphenate-lines:2;
hyphenate-limit-last:always;
/* not implemented working draft*/
}

/* Indents */
.indentlevel1 {
text-indent:0;
}

.indentlevel2 {
padding-left:.5em;
}

.indentlevel3 {
padding-left:1em;
}

.indentlevel4 {
padding-left:1.5em;
}

/* Alignement */
.inlinemiddle {
vertical-align:-50%;
}

.left {
text-align:left;
}

.right {
text-align:right;
}

.center {
text-align:center;
}

.justify {
text-align:justify;
}

.top {
vertical-align:top;
}

.bottom {
vertical-align:bottom;
}

.middle {
vertical-align:middle;
}

/* Lettrine */
p .lettrine {
float:left;
font-size:300%;
font-style:normal;
line-height:0.95;
text-align:right;
color:#569099;
margin:0 .05em 0 0;
}

/* Float txt block */
.txt-float {
float:left;
font-size:.875em;
line-height:1.5;
width:30%;
margin:0 .5em 0 .05em;
padding:0;
/* not implemented, CSS3  working draft*/
-epub-hyphens:auto;
-webkit-hyphens-before:1;
hyphenate-before:1;
-webkit-hyphenate-after:1;
hyphenate-after:1;
-webkit-hyphenate-lines:2;
hyphenate-lines:2;
hyphenate-limit-last:always;
/* not implemented working draft*/
}

/* Font style and family*/
.italic {
font-weight:400;
font-style:italic;
}

.bold {
font-weight:700;
font-style:normal;
}

.bolditalic {
font-weight:700;
font-style:italic;
}

.normal {
font-weight:400;
font-style:normal;
}

.symbol {
font-family:symbol;
}

.sub,.sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
.sup {
top:-.5em;
}
.sub {
bottom:-.25em;
}

/* Supperscript fignote table noteref */
.fignoteref,.tabnoteref,.boxnoteref,.noteref {
font-size:.8em;
text-shadow:none;
vertical-align:.5em;
background-color:#9c0;
border-radius:4px;
}

/* ----- Other text style ------ */
.section-citation {
text-indent:0;
padding:2px 0 2px 5px;
margin:1% 5%;
border-left:dotted #569099 2px;
}

/* -------------------------------
    3) GLOBAL HEADINGS DEFINITIONS
 ----------------------------------*/
/* ---- Base for Headings : hypernation + page break + color--- */
h1,h2,h3,h4,h5,h6 {
hyphens:none!important;
-epub-hyphens:none!important;
-moz-hyphens:none!important;
-webkit-hyphens:none!important;
-ms-hyphens:none!important;
-o-hyphens:none!important;
adobe-hyphenate:none!important;
page-break-before:auto;
page-break-after:avoid;
page-break-inside:avoid;
text-indent:0;
color:#569099;
margin:0;
}

/* --- Headings details ---- */
/* 19px = 1.188em, 17px = 1.063em */
h2 {
font:bold normal 1.3em/1.4 "Century Gothic", sans-serif, arial, helvetica;
text-align:left;
letter-spacing:.03em;
margin:1.4em 0 .8em;
}

h3 {
font:bold italic 1.2em/1.3 "Century Gothic", sans-serif, arial, helvetica;
text-align:left;
margin:1em 0 .6em;
}

h4 {
font:italic normal 1.2em/1.3 "Century Gothic", sans-serif, arial, helvetica;
text-align:left;
margin:.9em 0 .6em;
}

h5 {
font:normal normal 1.05em/1.2 "Century Gothic", sans-serif, arial, helvetica;
text-align:left;
margin:.9em 0 0 .6em;
}

h6 {
font:normal  normal 1em/1.2 "Century Gothic", sans-serif, arial, helvetica;
color:black;
text-align:left;
margin:.9em  0 .6em;
}

/* ----- Part, Chapter, author name and function, Indicator Style, Executive Summary Style, Annex Headings, Notes Biblio ----- */
/* -- Part Style 24px -- */
/*.section-part {}*/
h1.part-heading { 
font-size:1.5em;
font-style:normal;
font-weight:700;
text-align:center;
color:#569099;
border:solid 1px #569099;
padding:.313em .125em;
margin:1.25em .625em .313em .313em;
-moz-border-radius:.313em;
-webkit-border-radius:.313em;
border-radius:1.25em;
}

.prefix-part-numbering {
font-size:1.125em;
font-style:italic;
font-weight:400;
text-align:center;
text-shadow:none;
color:#569099;
padding:0 .125em;
margin:.063em auto;
width:40%;
border-bottom:solid .063em #569099;
display:block;
}

/*lettrine à supprimer une fois l'intégration de la class="lettrine"*/
.part-heading + p:first-letter {text-indent:0;float:left;font-size:3em;line-height:1;color:#569099;}

/*autres */
.part-frontmatter-heading, .conclusion-heading {
font: normal normal 1.3em/1.5 "Century Gothic", sans-serif, arial, helvetica;
text-align: left;
margin: .5em 0 .375em;}

/* -- Chapter Style 24px-- */ 
h1.chapter-heading { 
font-size:1.5em;
font-style:normal;
font-weight:400;
text-align:left;
padding:0 1.25em .313em 0;
margin:10% .5em 5% .25em;
}

.prefix-chapter-numbering {
font-size:1.4em;
display:inline-block;
background-color:#569099;
color: white;
padding-left: 0.4em;
padding-right: 0.4em;
margin-right: 0.5em;
font-weight: bold;
-moz-border-radius:.313em;
-webkit-border-radius:.313em;
border-radius:.313em;
}

.subheading{
display:block;
}

/*lettrine à supprimer une fois l'intégration de la class="lettrine"*/
.chapter-heading + p:first-letter {text-indent:0;float:left;font-size:3em;line-height:1;color:#569099;
}

/* Author name and function */
.author {
font-size:1em;
font-weight:700;
color:#569099;
text-align:right;
padding:0 2.688em 3% .25em;
margin:0 0 0 5%;
}

/* Gérer dans la xslt, utile dans le cas de plusieurs auteurs...*/
.author-before {
font-size:.875em;
display:block;
font-weight:400;
color:#569099;
font-style:italic;
}

.author-function {
font-size:.875em;
display:block;
font-weight:400;
color:#569099;
}

/* Indicator style */
.indicator {
text-transform:uppercase;
padding: 0.2em 0.5em;
margin-bottom:1em;
display:inline-block;
border-top:thin solid #569099;
border-bottom:thin solid #569099;
}
.toc-indicator {
font-size: .938em;
margin: 5%;
padding: .5em .5em .5em 2.5em;
border-top: 1px solid #569099;
border-bottom: 1px solid #569099;
list-style-type:square;
}
/* -- Executive Summary Style 24px-- */
.execsumm-heading {
font-size:1.5em;
font-style:normal;
font-weight:400;
text-align:right;
padding:0 1.25em .125em 0;
margin:10% .5em 10% .25em;
border-bottom:solid 1px #569099;
border-right:solid 1px #569099;
border-radius:0 0 .625em 0;
}
    
/* -- Annex Style -- */
.section-annex {}
.section-annex .annex-heading {
page-break-before:avoid;
}
.annex-heading {
font-size:1.125em;
font-style:normal;
font-weight:400;
text-align:left;
padding:0 1.25em .125em .625em;
margin:10% .5em 5% .25em;
page-break-before:always;
border-top:solid 1px #569099;
border-left:solid 1px #569099;
border-radius:.625em 0 0 0;
}

.prefix-annex-numbering {
font-style:italic;
display:block;
}

/* -- Endnotes Style -- */
.section-note {
border-top:.125em dotted #569099;
border-bottom:.125em dotted #569099;
border-left:1px solid #569099;
page-break-before:always;
border-radius:.625em 0 0 0;
padding:0 1.25em .125em .625em;
margin:10% .5em 5% .25em;
}

.note-heading {
font-size:1.125em;
font-style:normal;
font-weight:400;
text-align:left;
padding-top:1em;
}

p.note {
font-size:.875em;
text-indent:-2em;
padding-left:2.5em;
margin:0 1em;
}

/* -- Biblio Style -- */
.section-biblio {
border-top:.125em dotted #569099;
border-bottom:.125em dotted #569099;
border-left:1px solid #569099;
page-break-before:always;
border-radius:.625em 0 0 0;
padding:0 1.25em .125em .625em;
margin:10% .5em 5% .25em;
}

/* -- Biblio of the book -- */
.biblio-heading {
font-size:1.5em;
font-style:normal;
font-weight:400;
text-align:right;
padding:0 .5em .5em;
padding:0 1.25em .125em 0;
margin:3% .5em 2% .25em;
}

/* -- Biblio of the chapters -- */
.biblio-chapter-heading {
font-size:1.125em;
font-style:normal;
font-weight:400;
text-align:left;
padding:1em 0 .5em 0;
}

.section-biblio p {
margin:0 1em;
padding-left:1em;
text-indent:-2em;
}

/*Special Factbook - sub-headings in Biblio*/
.section-biblio .section-heading2 p {font-size:0.8em; padding-left: 1em;}
.section-biblio .section-heading2 h3,
.section-biblio .section-heading2 h4{font-size: 0.9em; padding:0.7em 0 0 0.5em}

/* ----- END  Executive, Part, Chapter, Annex Headings, Biblio ----- */


/* ----- Frontmatter Headings: Foreword, acknowledgement, introduction, glossary, preface ----- */
.foreword-heading,.acknowledgement-heading,.introduction-heading,.glossaryAcronymList-heading,.preface-heading {
font-size:1.5em;
font-style:italic;
font-weight:400;
text-align:left;
padding:.25em .5em;
margin:10% .5em 5% .25em;
border-bottom:solid 1px #569099;
border-left:solid 1px #569099;
border-radius:0 0 0 .625em;
}

/* -- Glossary Style --*/
.glossary-table {
display:table;
width:100%;
}
.glossary-row {
/* define a div as a table */
display:table-row;
font-size:.875em;
font-weight:700;
color:#569099;
width:100%;
}
.acronym {
/* define a div as a cell  */
display:table-cell;
width:15%;
padding-bottom: 0.5em;
}
.def {
display:table-cell;
color:#281b21;
font-weight:400;
padding: 0px 0px 0.5em 0.5em;
width:85%;
}
/* -- END Glossary Style --*/


/* -------------------------------
   4) LIST DEFINITION
----------------------------------*/
ol {
margin:0;
}

ul {
margin:0;
color:#569099;
}

li p {
text-indent:0;
padding:0;
margin:0;
color:#281b21;
orphans:2;
widows:2;
}

/* -- List style type --*/
.lroman {
list-style-type:lower-roman;
}
.uroman {
list-style-type:upper-roman;
}
.lalpha {
list-style-type:lower-alpha;
}
.ualpha {
list-style-type:upper-alpha;
}

/* -------------------------------
 	5) BOX DEFINITION 
		(.box-container =  réduction de +/-10%)
---------------------------------- */
/*  cible 15px - Reduce all content in the box-container*/

.box-container {
font-size:.938em;
padding:.5em 1.333em 1em 1em;
margin:3% 1%;
border-top:.133em solid #569099;
border-bottom:.133em solid #569099;
background:#f2fdff;
-webkit-border-radius:.313em;
-moz-border-radius:.313em;
border-radius:.313em;
-webkit-box-shadow:0 .25em .563em .25em silver;
-moz-box-shadow:0 .25em .563em .25em silver;
box-shadow:.25em .563em .25em silver;
page-break-inside:avoid;
}

.readmore-container {
font-size:.938em;
padding:.5em 1.333em 1em 1em;
margin:3% 1%;
border:.05em solid #569099;
-webkit-border-radius:.313em;
-moz-border-radius:.313em;
border-radius:.313em;
-webkit-box-shadow:0 .25em .563em .25em silver;
-moz-box-shadow:0 .25em .563em .25em silver;
box-shadow:.25em .563em .25em silver;
page-break-inside:avoid;
color:#569099;
text-align: left;
}

/* Box title Style*/
.box-h1 {
/* dans le contexte = 15px */
font-size:1em!important;
font-weight:700;
text-align:center;
border:none;
margin-bottom: .5em;
}

.box-container h2,.box-container h3,.box-container h4,.box-container h5,.box-container h6 {
/*@todo box-h2, box-h3,…*/
font-size:.933em;
text-align:left;
}
.box-container .box-h2 {
	font-size:1em;
	margin:1.4em 0 .6em;
	letter-spacing:normal}
.box-container .box-h3 {margin:.9em 0 .6em;}

.box-container li > p {
padding:0;
margin:.125em 0 0;
}

.prefix-box-numbering {
font-style:normal;
font-weight:400;
color:#4B4B4B;
}

/* -------------Other type of box --------- */
.abstract {
font-style:italic;
padding:.625em;
margin:5%;
border:1px solid #569099;
-webkit-border-radius:.313em;
-moz-border-radius:.313em;
border-radius:.313em;
-webkit-box-shadow:0 .25em .563em .25em silver;
-moz-box-shadow:0 .25em .563em .25em silver;
box-shadow:.25em .563em .25em silver;
page-break-after:always;
}

/*lettrine à supprimer un fois class="lettrine" */
.abstract + p:first-letter {text-indent:0;float:left;font-size:3em;line-height:1;color:#569099;}

.bckgrnd-lightblue {
padding:.5em;
margin:0 0 .5em;
background-color:#f2fdff;
}

/* -------------------------------
	6) FIGURE DEFINITION
---------------------------------- */
/*15px (cible) ÷ 16px (contexte) = em */

.figure-container {
font-size:.938em;
line-height:1.3;
border:1px solid #569099;
padding:.1875em;
margin:1.5em auto;
page-break-inside:avoid;
max-width:760px;
}

.figure-heading {
font-size:1em;
font-style:normal;
font-weight:700;
letter-spacing:.069em;
text-align:center;
color:#333;
background-color:#77d1e1;
padding:.200em;
margin-top:.001em;
-epub-hyphens:none!important;
-moz-hyphens:none!important;
-webkit-hyphens:none!important;
-ms-hyphens:none!important;
-o-hyphens:none!important;
hyphens:none!important;
}

.figure-subheading {
font-size:1em;
font-style:normal;
font-weight:400;
text-align:center;
padding:0;
margin:.188em;
}

img.figure-center {
display:block;
width:95%;
margin:.5em auto;
}

.prefix-figure-numbering {
font-weight:400;
font-style:normal;
color:#333;
}

.fignote {
margin:.2em;
text-indent:0;
}
.prefix-fignote-note {
font-style:italic;
font-weight:400;
}
.prefix-fignote-number {
}

/* @todo */
.source {
text-indent:0;
margin:.2em;
}

/*  How to read (special EcoSurveys): blue background, in Economic Surveys à supprimer quand <div class="bckgrnd-lightblue"> */
p[class=source] ~p {
padding:.125em .188em .188em;
margin:0;
background:#f2fdff;
color:#000;
}

p[class=source] ~p:last-of-type {
background:#FFF;
margin:.625em;
}

/* -------------------------------
    7) TABLE DEFINITION
---------------------------------- */
/* Reset Table*/
table,caption,tbody,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
background:transparent;
}

/* Table container overflow (Scroll if table too large) */
.table-container {
overflow-x:auto!important;
overflow-y:hidden!important;
margin:4% auto;
padding:.5em 3px;
background:#fff;
border:1px solid #569099;
page-break-inside:avoid;
}

/* largeur du tableau dans son container .tab-container */
.table-style {
border-collapse:collapse;
margin:-1px auto;
width:98%;
}

.table-style,td,th {
font-size:.938em;
line-height:1;
}

.table-style tbody th {
/* couleur filets du thead */
border:1px solid #c3d2e6;
padding:0;
}

.table-style td {
/*padding:1px 2px 0;*/
/* couleur filets des cellules tbody + foot */
border:1px solid #c3d2e6;
}

.table-style tbody[class=group-heading] tr div[class=table-heading] {
/* si thead contient l'attribut 'tabletitle'*/
font:bold normal 1.0666666666667em/1.2 "Century Gothic", helvetica, arial;
text-align:center;
letter-spacing:.069em;
color:#333;
background-color:#77d1e1;
padding:.375em .25em;
margin:.125em;
-epub-hyphens:none!important;
-moz-hyphens:none!important;
-webkit-hyphens:none!important;
-ms-hyphens:none!important;
-o-hyphens:none!important;
hyphens:none!important;
}

.table-subheading {
font-size:1em;
font-style:normal;
font-weight:400;
text-align:center;
padding:.313em;
}

/* Table color style over effects and pygamas stipes*/
tbody[class=group-tbody] tr:nth-child(odd) {
/*pygamas stipes*/
background-color:#f2fdff;
vertical-align:top;
}

/* Table on mouse over*/
tbody[class=group-tbody] tr:hover {
/* rule color on mouse over*/
background-color:#e1edff;
color:#034A99;
line-height:inherit;
}

tbody[class=group-tbody] td:hover {
/*cell color on mouse over cell*/
background-color:#690;
color:#FFF;
font-weight:400;
line-height:inherit;
}
/* -- END -- Table color style ans stipes*/

.prefix-table-numbering {
font-style:normal;
font-weight:400;
color:#333;
}

.prefix-source {
font-style:italic;
font-weight:400;
}

.table-style tbody[class=group-tbody] /* top bottom body border*/ {
border-top:2px solid #569099;
border-bottom:2px solid #569099;
}

.table-style tbody[class=group-tfoot] td {
/*remove border in row*/
border:none;
}

th p {
font-family:HelveticaCondensed, Arial, sans-serif;
line-height:1;
text-indent:0;
font-weight:400;
margin:.188em .125em;
page-break-inside:avoid;
}

td p {
font-family:HelveticaCondensed, Arial, sans-serif;
line-height:1.2;
text-indent:0;
margin:.125em;
page-break-inside:avoid;
}

.cell {
	/* used in pubstat table in replacement of <p> ??*/
	font-family: HelveticaCondensed, Arial, sans-serif; 
	font-size: .875em;
	text-indent: 0;
	margin: 0.125em;
	line-height: 1.2;
	page-break-inside: avoid;
}

.prefix-tabnote-note {
font-style:italic;
font-weight:400;
}

/* Scroll Aspect iOS*/
.table-container::-webkit-scrollbar {
background:#D3D3D3;
height:10px;
overflow:visible;
width:10px;
border-radius:10px;
}

.table-container::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
border-radius:10px;
}

.table-container::-webkit-scrollbar-thumb {
background-color:rgba(153,204,0,0.99);
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius:10px;
}

.table-container::-webkit-scrollbar-thumb:hover {
background-color:rgba(57,107,173,1);
}

/* -------------------------------
   8) HYPERLINK DEFINITION
----------------------------------  */
a:link {
color:#569099;
text-decoration:underline;
}

a.nodecolink:link {
/* used in: back to ref in the endnotes*/
color:#569099;
text-decoration:none;
}

a:visited {
color:#569099;
text-decoration:none;
}

a:active {
color:red;
text-decoration:none;
}

a:hover {
color:#e5f0fa;
background:#517eca;
text-align:center;
text-decoration:none;
border-radius:.25em;
}

a.nohoverlink:hover {
background:none;
}

/* StatLinks Style */
p.statlink {
text-align:left;
margin-top:0;
padding-right:.188em;
word-break:break-all;
}

/*.statlink:before {
padding:0 .313em 0 0;
}*/