/* ---------- color ------------
Black:    color00-
Red:                     color01-
Orange: color02-
yellow: color03-
Green:   color04- #8ec64b
Blue:                     color05-
Violet:   color06-
White:   color99-
Gray light  (lines table) #ecebeb
Gray super light (container background): #fafbfc;
Black special #383a3a
Green (button) : #8ec64b 
Blue dark (Title, links): #0068b6
Blue light (box background) : #e8f0f9
Blue medium (borders) #9eb9d6
Orange (close button e.g table): #ec9a33

Palette 
web_p-green {.web_color00 #448114}
*/

.web_color00 {color:#000}
.web_color01 {color:red}
.web_color02 {color:#ec9a33}
.web_color04 {color:#008A00;}
.web_color05 {color:#0068b6}
.web_color99 {color:white}

/* Advanced template*/
.web_color-at01 {color:#6A1b9a} /*violet*/
.web_color-at02 {color:#dd2c00} /*rouge*/
.web_color-at03 {color:#cc008f} /*pink*/
.web_color-at04 {color:#fd5f07} /*orange*/
.web_color-at05 {color:#1f6573} /*vert*/
.web_color-at06 {color:#0b0064} /*bleu*/

.web_clear{
   clear: both;
}
.web_hidden{
    display: none !important;
}

/* -----end color-------*/


.main-section {
    min-height: auto;
    }

/* _____________________________________
   -------------OECD CONTAINER --------- */
#web_oecd-container {
   font-family: "Noto Sans Display",sans-serif;
   min-width:290px;
   min-height:1024px;
   margin:0 auto;
}
#matches{
    font-size: 0.75em;
    line-height: 1.4;
    background-color: white;
}

.web_match{
    display: block;
    color: black;
    border: 1px solid #ccc;
    padding: 0.4em;
    font-size: 0.95em;
    line-height: 1.6;
}
.web_match:hover{
    background-color: #dae8f9;
    cursor: pointer;
}

.web_count-match{
    display: block;
    color: black;
    border-bottom: 1px solid #ccc;
    padding: 0.4em;
    font-size: 0.9em;
    text-align: left;
    line-height: 1.6;
    background-color: #eee;
}

.web_counter-match{
    color: #555;
    font-weight: bold;
    padding-right: 1em;
}

.web_match-show-all{
    color: #0068b6;
    text-decoration: none;
    border-bottom: 1px #0068b6 dotted;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.web_match-show-all:hover{
    cursor: pointer;
}

.web_search-marker{
    font-weight:bold;
    background-image: linear-gradient(180deg,#ffc20e 24%,transparent 0);
    background-position: 0 .98em;
    padding: 0 3px 0 2px;
    margin: 0 -3px 0 -2px;
}
.web_search-hidden{
    display: none;
}

.web_main-container { 
   margin: 1em auto;
   padding-left: 600px;
   max-width: 1650px;
   padding-bottom: 2em;
  }

/*  --------- Container  2 column : Aside and Article dans le web_main-container------------*/
.web_article {
    margin: 3em 0 0 0;
    width:100%; 
    max-width: 800px;
    min-height: 100vh;
    padding: 0 0 0 30px;
    background:#fff;
    font-size: 1.05em;
}

#web_oecd-container .breadcrumb {
    display: block;
    width: 100%;
    list-style: none;
    border-radius: 4px;
    font-size: 12px;
    padding: 0 6em;
    margin: 2em auto;
    max-width: 1650px;
}

#web_oecd-container .breadcrumb a {
    display: inline-block;
    text-decoration: underline;
    border: 0;
    max-width: 20%;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

#web_oecd-container .breadcrumb span{
    display: inline-block;
    max-width: 50%;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
}

.web_icon_breadcrumb {
    width: 22px;
    display: inline-block;
    text-align: center;
    color: #ddd;
    font-size: 8px;
    padding: 0 5px;
}


.web_citeas-subtitle {display:block}
  

/* Overlays et inside content */
.web_disclaimer-open{
    /*padding: 0.1em 0.3em;*/
    font-size: 20px;
    line-height: 1.5;
    padding: 0.3em 0.3em 0.6em 0.3em;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #666;
}
.web_disclaimer-open:hover {
    background: #dae8f9;
    cursor: pointer;
}
.web_disclaimer-overlay, .web_metadata-overlay{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 15;
}
.web_disclaimer-div, .web_metadata-div{
    width: 971px;
    max-width: 90%;
    max-height: 75%;
    background-color: white;
    margin: 7em auto 0 auto;
    overflow: auto;
}

.web_disclaimer-close, .web_metadata-close{
    vertical-align: top;
    padding:0.5em 0.5em 0.3em 0;
    text-align: right;
}
.web_disclaimer-btn-close, .web_metadata-btn-close, .web_toc-btn-close{
    border: 1px solid black;
    text-align: right;
    padding:0.4em 0.5em 0.4em 0.5em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;  
    border-color: #828282;
    background-color: white;
    color: #828282;
    font-size: 0.8em;
    cursor: pointer;
}
.web_disclaimer-body, .web_metadata-body{
    padding: 0 2em 2em 2em;
    font-size: 0.8em;
}
.web_disclaimer-title, .web_metadata-title{
    color: #0b0064;
    font-size: 1.675em !important;
    margin: 0;
    font-weight: 500;
    line-height: 1.2;
}
.web_disclaimer-div .web_disclaimer-body p{
    margin: 0;
    font-size: 1em;
}

.web_metadata-div .web_metadata-body p {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1em;
    margin-left: 2em;
}

.web_disclaimer-div .web_disclaimer-body div, .web_metadata-div .web_metadata-body div{
    margin-bottom: 1em;
    font-size: 1em;
}

.web_metadata-btn-div{
    display: table;
    margin: 4em auto 0 auto;
}

#web_oecd-container a.web_btn-metadata-goto-ilibrary, .web_btn-metadata-cancel{
    display: table-cell;
    width: 250px;
    max-height: 40px;
    background-color: black;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
    color: white;
    cursor: pointer;
}

#web_oecd-container a.web_btn-metadata-goto-ilibrary:hover, .web_btn-metadata-cancel:hover{
    background-color: green;
    border: none;
}

.web_between-btn-metadata{
    display: table-cell;
    width: 2em;
}

.web_metadata-cover{
    float: left;
    padding: 0 2em 2em 0;
    width: 30%;
}

.web_metadata-details-list h2{
  font-size: 1.6em;
  line-height: 1.5;
}

.web_metadata-details {
    padding: 0 2em 0 0;
    vertical-align: top;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.4;
    color: #353535;
}

.web_section-disclaimer-page div {
    margin-bottom: 1em;
    font-size: 1em;
}

.web_section-disclaimer-page div p {
    margin: 0;
    font-size: 0.95em;
}
.web_disclaimer-component .web_h2{
    margin: 0;
}
.web_disclaimer-component{
    border: 1px solid #005E8A;
    padding: 2em 2em 2em 2em;
    font-size: 0.8em;
    margin-top: 5em;
}

a#web_revised-version {
    padding: .1em;
    color: black;
    font-size: .8em;
    margin: .5em 0 1.5em;
    border: 1px solid #8ec64b;
    display: block;
    width: initial;
    text-align: center;
    font-family: arial;
}
a:hover#web_revised-version { color: #ec9a33; cursor:pointer;}

#footer .web_backtotop a {
    position: fixed;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    right: 1em;
    bottom: 20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 0 13.65px 1.35px rgba(11,30,45,.3);
    background: #fff;
    cursor: pointer;
    transition: all .5s;
    z-index: 10;
}

.web_backtotop img {
    transform: rotate(-90deg);
    width: 8px;
    height: 15px;
}

.web_backtotop img:last-child {
    margin-top: -5px;
}

/* List of tables and graphs */
.web_tables-graphs-component{
    margin: 2em 0;
}

h3.web_tables-graphs-component-title{
    font-size: 1.05em;
    color: #0b0064;
}

#web_oecd-container .web_tables-graphs-p.web_a{
    display: block;
    text-decoration: none;
    border: none;
    padding: 0.1em 0.2em 0.2em 0.2em;
    margin: 0.1em 0;
	color: #333;
}

#web_oecd-container .web_tables-graphs-p.web_a:hover{
	background-color: #0b0064;
	color: white;
}

.web_prefix-tables-graphs-heading{
    font-weight:700;
}

.web_graphs{
    
}

.web_tables{
    
}

.web_end-article-container{
    margin: 0 auto;
    padding: 0 4em;
    max-width: 1650px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 10;
}
.web_end-article-container-ghost{
    height: 10em;
    position: relative;
    background-color: white;
    z-index: 1;
}
.web_end-article {
   font-size: 16px;
    line-height: 2;
    background: #0b0064;
    color: #fff;
    margin: 0 auto;
    min-height: 46px;
    clear: both;
    display: table;
    width: 100%;
    max-width: 1650px;
    height: 46px;
    text-align: center;
}
.web_end-article-title {
    max-width: 400px;
    line-height: 1.625;
    font-weight: 400;
    font-size: .9em;
    color:#fff;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}
.web_end-article-title:hover {
    text-decoration:underline;
}
#web_oecd-container .web_end-article a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    line-height: 44px;
    display: inline-block;
}
.web_btn-previous {
    width: 97px;
    font-size:14px;
    color: white;
    background: #0b0064;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.web_btn-next {
    width: 73px;
    font-size:14px;
    color: white;
    background: #0b0064;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.web_btn-previous:hover, .web_btn-next:hover {
    background-color: #383a3a;
}
.web_btn-previous-empty{
    width: 85px;
    font-size:14px;
    line-height:36px;
    text-align: center;
    color: white;
    background: #0b0064;    
    display: table-cell;
    vertical-align: middle;
}
.web_btn-next-empty{
    width: 85px;
    font-size:14px;
    line-height:36px;
    text-align: center;
    color: white;
    background: #0b0064;    
    display: table-cell;
    vertical-align: middle;
}

.web_aside-illus {padding:0 0 .5em 0;}
.web_aside-cover {   
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

/* --------------- FIN OECD CONTAINER-----------------------*/


/*_______________________________________
  ----------- styles --------------------*/

/* effet */
.web_main-container, .web_aside, p, h1, h2, h3, h4, h5, img {
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    transition:all 0.6s;
    } 

/* paragraphe */
.web_main-container  p {
    font-weight:400;
    color: #333;
    margin: .7em 0;
}
.web_main-container .web_opener {
    color: #0b0064;
    font-size: 1.08em;
    padding: 1em 0;
}
/* Float */ 
.web_fltl {  float: left;}
.web_fltr {  float: right;}

/* Indents */
.web_indentlevel1 {text-indent:0;}
.web_indentlevel2 {padding-left:.5em;}
.web_indentlevel3 {padding-left:1em;}
.web_indentlevel4 {padding-left:1.5em;}

/* Alignement */
.web_inlinemiddle {vertical-align:-50%;}
.web_top {vertical-align:top;}
.web_bottom {vertical-align:bottom;}
.web_middle {vertical-align:middle;}

.web_text-left {text-align:left}
.web_text-center {text-align:center}
.web_text-right {text-align:right}
.web_text-justify {text-align:justify}
.web_text-lowercase {text-transform:lowercase}
.web_text-uppercase {text-transform:uppercase}
.web_text-capitalize {text-transform:capitalize}


/* Case style */ 
.web_lroman {list-style-type:lower-roman;}
.web_uroman {list-style-type:upper-roman;}
.web_lalpha {list-style-type:lower-alpha;}
.web_ualpha {list-style-type:upper-alpha;}
.web_hardcoded {list-style-type:none;}
.web_list-labelised {list-style:none;margin-left: 0;padding-left: 2em;text-indent: -1em;}
.web_list-label {float:left;margin-left:-5em;padding-right:0.5em;color:#0b0064;text-align:right;width:5em;display:block;}

/* Font style*/
.web_ita {font-style:italic;}
.web_normal {font-style:normal;}
.web_boldital {font-weight:700; font-style:italic;}
.web_underline {text-decoration:underline;}


/* citation */
.web_citation {
  font-size:1em;
  text-indent: 0;
  margin-left:1.4em;
  padding:.2em .5em;
  border-left: double #1A7AAC 4px;
  overflow:hidden;
  }
.web_citation p {
    margin: .2em .2em;
    }

/* -- List style type --*/
.web_main-container ol,
.web_main-container ul {
    margin-left:.05em;
    margin-bottom:.2em;
    padding-left: 1.5em;
    color:#0b0064;}
.web_main-container li p {
    text-indent:0;
    padding:0;
    margin:0 0 .2em;
    color:#333;
    orphans:2;
    widows:2;
    }

/* Style des Titres textes */

.web_h1-part,
.web_h1,
.web_h2,
.web_h3,
.web_h4,
.web_h5 {font-family: "Oswald",sans-serif;color:#0b0064;}
.web_h2  {color:#0b0064;/* border-bottom: 1px solid #0b0064;*/}

h1.web_h1{
    visibility: hidden;
    position: absolute;
}

.web_abstract-heading{
   font-family: "Oswald",sans-serif;
   font-size:1.8em;
   line-height:1.4;
   color:#0b0064; 
}

.web_h1-part {
  font-size: 1.675em;
  line-height:1.5;
  font-weight: 600;
  text-align:center;
  padding-bottom: .5em;
  margin: 1.6em 0 1em 0;
}
.web_h1 {
   font-size: 1.675em;
   line-height:1.5;
   font-weight: 600;
   padding-bottom: 1em;
   padding-top: .1em;
   margin: 1.6em 0 1em 0;
   }
.web_prefix-section {
   /*font-weight:800;*/
   }   
.web_h-subtitle {
    display:block;
    font-weight:100;
    font-size: 1.5em;
    margin: 0 0 2em 0;
    color:#0b0064;
    line-height: 1.5;
}
.web_h2 {
    font-size: 1.9em;
    line-height: 1.4;
    padding-bottom: .2em;
    padding-left: 30px;
    margin: 2.6em 0 1em -30px;
   }
.web_h3 {
   font-family: "Noto Sans Display", sans-serif;
   font-size: 1.2em;
   line-height: 1.4;
   font-weight: bold;
   padding-left: 30px;
   margin: 1.6em 0 1em -30px;
   }
.web_h4 {
   font-family: "Noto Sans Display", sans-serif;
   font-size: 1.1em;
   line-height: 1.4;
   font-style: italic;
   font-weight: bold;
   padding-left: 30px;
   margin: 1.6em 0 .6em -30px;
}
.web_h5 {
   font-family: "Noto Sans Display", sans-serif;
   font-size: 1.1em;
   line-height: 1.4;
   font-style: italic;
   margin: 1.4em 0 .6em -40px;
   padding-left: 40px;
   }
.web_h6 {
   font-family: "Noto Sans Display", sans-serif;
   font-size: 1.1em;
   line-height: 1.4;
   color: #333;
   margin: 1.4em 0 .6em -40px;
   padding-left:40px;
   }
.web_section-indicator {
   padding: 0.2em 0.5em;
   display: inline-block;
   border-top: thin solid #9eb9d6;;
   border-bottom: thin solid #9eb9d6;
}
/* Abstract style */
.web_section-abstract {
    padding: 1.625em;
    background: #fff;
    margin-top: 2em;
    margin-bottom: 2em;
    border: solid 3px #ecebeb;
    color: #333;
    overflow: hidden;
    width: 100%;
}
.web_section-disclaimer {
    padding: 0 .2em;
    margin: .5em;
    font-size: 0.7em;
    background-color: #ecebeb;
}

/* frontmatter section*/              
.web_section-frontmatter .web_h1,
.web_section-frontmatter .web_h2,
.web_section-frontmatter .web_h3,
.web_section-frontmatter .web_h4,
.web_section-frontmatter .web_h5 {}
.web_section-frontmatter .web_h2 {color:#0b0064;border-bottom:none}

/* Glossary and Acronyms - Style */
.web_section-glossary {}
.web_glossary-table {display:table;width:100%;}
.web_glossary-row {
/* define a div as a table */
   display:table-row;
   font-size:14px;
   line-height:1.2;
   font-weight:700;
   color:#0b0064;
   width:100%;
               }
.web_acronym {
/* define a div as a cell  */
   display:table-cell;
   min-width:5em;
   width:15%;
   padding-bottom: .5em;
   }
.web_def {
   display:table-cell
   }
   
.web_def p {
   color:#333;
   font-weight:400;
   padding-left:.5em
   }

.web_section-contactInfo{
    margin: 4em 0;
    background-color: rgba(11, 0, 100, 0.08);
    padding: 0.8em;
}

.web_section-contactInfo .web_h2 {
    font-size: 1.9em;
    line-height: 1.4;
    font-weight: 400;
    padding-bottom: .2em;
    margin: 0 0 0.3em -30px;
}

.web_section-contactInfo p{
    margin: .2em 0;
    font-size: 0.95em;
}

/* Bibliography and note section*/
.web_main-container .web_biblio-container p {
   font-size: 0.95em;
   margin-left: 1em;
   padding-left: 1em;
   text-indent: -2em;
   text-align: left;
}

.web_note-container p {
   font-size: 0.95em;
}

.web_biblio-container .web_h3 {font-size: 1em;  font-weight: 400;}
.web_biblio-container .web_h4 {font-size: 1em;  font-style:italic; font-weight: 400;}
               
/* back matter section*/
.web_section-backmatter .web_h1,
.web_section-backmatter .web_h2,
.web_section-backmatter .web_h3,
.web_section-backmatter .web_h4,
.web_section-backmatter .web_h5 {}
.web_section-backmatter .web_h2 {color:#0b0064;border-bottom:none}

/* _______________________________________
  --------------hyperlink and ref --------  */

/* decalle de la hauteur du bandeau -- @2DO manage offset with javascript*/
.web_offset {
/*    display: block;*/
    position: relative;
    top: -170px;
    visibility: hidden;
}
.web_offset-inline {
    position: relative;
    top: -170px;
    visibility: hidden;
}
               
/* table of content link*/
.web_btnmenu-position a.web_toc-link:link {
   display:inline-block;
   width:90%;
   font-weight:inherit;
   max-width: 400px;
   }
@media (hover: hover) {
    #web_oecd-container a.web_toc-link:hover {
        border: none;
        background: #dae8f9;
    }
}

/* Search */
.web_search-ul{
    font-family: "Noto Sans Display",sans-serif;
    font-size: 0.85em;
    margin-top: 1em !important;
}

.web_form-control {
    width: 88%;
    height: 38px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: 0 -1px 7px -3px rgba(115,115,115,0.75);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.web_form-control:focus{
    outline: none;
}

.web_search-btn {
    float: right;
    width: 10%;
    height: 38px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* border: 1px solid #ced4da; */
    padding: 0.375rem 0.375rem 0.375rem 0.375rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
/*border: 1px solid grey;*/
    border: none; /* Prevent double borders */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: white;
    background-color: rgba(11, 0, 100, 0.5);
    box-shadow: 0 -1px 7px -3px rgba(115,115,115,0.75);
    cursor: pointer !important;
}

.web_search-btn:hover {
    background-color: #0b7dda;
}

/*form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none; /\* Prevent double borders *\/
  cursor: pointer;
}

form.example button:hover {
  background: #0b7dda;
}

/\* Clear floats *\/
form.example::after {
  content: "";
  clear: both;
  display: table;
}*/


/* Button menu link */
#web_oecd-container .web_btnmenu-position a {color:white;text-decoration:none;}
#web_oecd-container .web_btnmenu-position a.web_toc-link {color:black;text-decoration:none;padding:0.4em 0.3em 0.5em 0.3em;}
#web_oecd-container .web_btnmenu-position a.web_toc-link.web_top-entry-chapter {font-weight:bold;}

.web_btnmenu-position a.web_link-btn:link {
    color:#fff;
    line-height:44px;
    text-align:center;
    height: 100%;
    width: 100%;
    padding: 0 1em; 
    display: inline-block;
}
a.web_link-btn:active, a.web_link-btn:active{text-decoration: none;background-color: #0b0064;}
a.web_link-btn:hover {background-color: #383a3a;}
.web_btn-toc-div{background-color: #383a3a;}

ul li.web_btn-toc-close{
    width: 30px;
    line-height: 30px;
}

.web_toc-open {
    text-align: right;
    padding: 0.5em 0.5em 0.5em 0.5em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-color: #828282;
    color: #828282;
    font-size: 1.2em;
    cursor: pointer;
}
.web_toc-open-div {
    position: absolute;
    right: 0;
    top: 0.5em;
}
.web_toc-close {
    background-color: white;
    /*border: 2px solid #383a3a;*/
    position: relative;
    color: black;
    /* z-index: 9; */
    box-shadow: 0 0 13.65px 1.35px rgba(11,30,45,.3);
    left: 1em;
    border-radius: 50%;
    outline: none;
    width: 45px;
    height: 45px;
    line-height: 45px;
}

/* text link*/
#web_oecd-container a.ssk {color:white; }

a.web_a, a.web_a:visited, a.web_a:active {
  color:#0068b6;
  text-decoration: none;
  border-bottom: 1px #0068b6 dotted;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  }
a.web_a:hover {
  color: #0068b6;
  border: none;
  border-bottom: 2px #8ec64b solid;
  }
.web_a-nodeco:link {
/* used in: back to ref in the endnotes*/
   color:#0068b6;
   text-decoration:none;
}

.web_bibref{
   color:#0068b6; 
}

.web_bibref, .web_bibref:visited, .web_bibref:active {
  color:#0068b6;
  font-weight:400;
  text-decoration: none;
  border-bottom: 1px #0068b6 dotted;
  word-wrap: break-word;
  overflow-wrap: break-word;
  }
.web_bibref:hover {
  color: #0068b6;
  border: none;
  border-bottom: 2px #8ec64b solid;
  cursor:pointer
  }
  
.web_falink{
    font-size: 1.2em;
}

/*  Anchoring for social media*/
.web_headline-link {
    visibility: hidden;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #005e8a;
    width:22px;
    height:22px;
    line-height: 1.3;
    background: #ffffff;
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid #cccccc;
    margin-left: -30px;
    margin-top: 0.3em;
    padding: 0.1em;
    position: absolute;
    font-style: normal;
}
.web_h2 .web_headline-link {
    margin-top: 1em;
    line-height: 1.2;
}
.web_headline-link.web_copyFigureLink, .web_headline-link.web_copyInfographicLink {
    margin-left: -90px;
    margin-top: 3em;
    line-height: 1.3;
}
.web_headline-link.web_copyTableLink {
    margin-top: 3em;
}
/* change color of # on hover */
.web_headline-link:hover{
	background: #0b7dda;
	color:white;
	transition: background .3s;
	border: 1px solid #005e8a;
	cursor:pointer;
}

.web_copyBoxLink, .web_copyInBriefLink, .web_copyKeyBoxLink{
    margin-left: -30px;
    margin-top: 1.5em;
}

.web_copyAbstractLink{
    margin-left: -30px;
    margin-top: 2.8em;
}

.web_tooltiptext {
    font-family: "Noto Sans Display",sans-serif;
    visibility: hidden;
    font-size:12px;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    padding: 5px 0;
    /* Position the tooltip */
    z-index: 1;
    position: absolute;
    margin-top: 3.5em;
    margin-left: 0;
}

.web_tooltiptextcopied{
    font-family: "Noto Sans Display",sans-serif;
    visibility: hidden;
    font-size:12px;
    width: 100px;
    background-color: green;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    padding: 5px 0;
    /* Position the tooltip */
    z-index: 1;
    position: absolute;
    margin-top: 3.5em;
    margin-left: 0;
}

	/* Show tooltip on hover */
.web_headline-link:hover .web_tooltiptext {
  visibility: visible;
}

blockquote {
    padding: 0;
    margin: 0;
    font-size: 1em;
}

figure {
    margin: 0;
}

.web_blockquote {
    max-width: 50%;
    margin-right: -20%;
    padding: 0.5em 0 0.5em 0;
    float: right;
    border-left: white solid 6px;
    background: url(../../images/svg/openquote.png) top 5px left no-repeat;
}
    
.web_blockquote-text {
    font-size: 1.18em;
    line-height: 1.5em;
    color: #0b0064;
    text-align: left;
    margin-left: 50px;
    font-style: italic;
    padding: 0.2em;
    position: relative;
}

.web_openquote-img {
    position: absolute;
    /* right: 0; */
    z-index: 0;
}

.web_quote-share-expand{
    display: none;
}
.web_quote-share{
    color: #909090;
    cursor:pointer;
}


#web_oecd-container a.web_share:hover {
    background:#fafbfc;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);
    -moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);
    box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.57);
}

#web_oecd-container a.web_share.ssk {
    background:white;
    color: #0068b6;
    margin-left: 0.2em;
}

#web_oecd-container a.web_share.ssk-twitter:before {
    font-family: social-share-kit!important;
    content: "b";
    font-size: 25px;
}

#web_oecd-container a.web_share.ssk-facebook:before {
    font-family: FontAwesome!important;
    content: "\f230";
    font-size: 25px;
    padding-right: 0.3em;
}

#web_oecd-container a.web_share.ssk-linkedin:before {
    font-family: FontAwesome!important;
    content: "\f08c";
    font-size: 25px;
}

.web_main-container span.web_embed-cyc-open{
    color: #0068b6;
    font-weight: 900;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    margin-left: 0.2em;
}

.web_main-container span.web_embed-cyc-open:hover{
    background: #0b0064;
    color:white
}

#web_oecd-container .web_main-container .web_figure-share a.web_share{
    color: #0068b6;
    font-weight: 900;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    margin-left: 0.2em;
}

#web_oecd-container .web_main-container .web_figure-share a.web_share:hover{
    background: #0b0064;
    color:white;
}

.web_embed-cyc-overlay{
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  /*visibility: hidden;*/
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 10; /* Specify a stack order in case you're using a different order for other elements */
  /*cursor: pointer;*/ /* Add a pointer on hover */
}
.web_embed-cyc-div{
    width: 971px;
    max-width: 90%;
    max-height: 90%;
    background-color: white;
    margin: 7em auto 0 auto;
    /*padding: 0 0 2em 2em;*/
    overflow: auto;
}

.web_embed-cyc-close{
    vertical-align: top;
    padding: 0.7em 0.5em 0.3em 0;
    text-align: right;
}
.web_embed-cyc-btn-close{
    border: 1px solid black;
    text-align: right;
    padding:0.5em 0.5em 0.5em 0.5em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;  
    border-color: #828282;
    color: #828282;
    font-size: 0.8em;
    cursor: pointer;
}
.web_embed-cyc-body{
    padding: 0 2em 2em 2em;
}
.web_embed-cyc-title{
    color: #0b0064;
    font-size: 1.675em;
    margin-top: 0;
}

.web_embed-code{
    font-family: "Courier";
    width: 100%;
    height: 100px;
    resize: vertical;
    font-size: 15px;
    min-height: 100px;
}

.web_embed-code-copy{
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    border: 1px solid #828282;
    width: 110px;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1.5em;
    padding: 0.5em;
    cursor: pointer;
}

.web_embed-code-copied{
    display: none;
    float: left;
    width: 110px;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1.5em;
    padding: 0.5em;
}

.web_span-link-citation{
  display: none;
}

/* super script for notes style
.fignoteref, .tabnoteref, .boxnoteref, .noteref 
*/
a.web_noteref, a.web_noteref:visited, a.web_noteref:active {
    font-weight: 600;
    font-size: smaller;
    line-height: normal;
    vertical-align: .5em;
    color: #0068b6;
    text-decoration: none;
}
.web_noteref:hover {
    color: #0068b6;
    border: none;
    background: #e6eff3;}

/* statlink button */
a.web_statlink {
    text-decoration:none;
    color: #0068b6;
    }
a.web_statlink:hover {
    color: #0068b6;
    border: none;
    border-bottom: 2px #0b0064 dotted;
    }
/* download logo */
.web_logo-download:before {
    content: '\00a0\f019';
    font-family: FontAwesome;
    font-size: .9em;
    background: #383a3a;
    color: #fafbfc;
    padding: .3em .8em .1em .5em;
    }
/* navigation entre les sections h2 next & previous */
.web_section-topdown {float:right;display:block;}
.web_section-top:after {
    content: "\f0de";
    font-family: FontAwesome;
    font-size: 1em;
    text-decoration: none;
    margin:0 .5em;
    }
.web_section-down:before {
    content: "\00a0\00a0\f0dd";
    font-family: FontAwesome;
    font-size: 1em;
    text-decoration: none;
    padding-right:.5em;
}

/* _______________________________
   ----------- fix Menu ----------
   -------------------------------*/
* { Box-sizing: Border-box }
.web_fullheader{
   /*position: absolute;*/
   left: 0; 
   right: 0; 
   padding: 0 4em 0 4em;
   margin-top: 2em;
   margin-left: auto; 
   margin-right: auto;
   max-width: 1650px;
   width: 100%;
   z-index: 7;
}
.web_fullheader-ghost{
    width: 100%;
}

#web_oecd-container a.web_a-titleheader{
    color:#0b0064;
}
#web_oecd-container .web_titleheader-serial-title-fixed a.web_a-titleheader{
    /*color:black;*/
}
.web_titleheader {
    text-align:left;
    color:#0b0064;
    background-color: white;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.web_btn-open-pdf {
    background-color: white;
    color: #333 !important;
    border: 2px solid #333;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 0.9em 1.8em;
    font-weight: bold;
    float: right;
    margin: 1em;
}
.web_btn-open-pdf:hover {
    border-color: #ffc20e;
}
.web_btn-open-pdf-fixed{

}

.web_titleheader-fixed{
    overflow: hidden;
}
.web_titleheader-title{
    font-family: "Oswald",sans-serif;
    width: 100%;
    padding: 0.8em 0.5em;
    font-size: 2.5em;
    line-height: 1.4;
}
.web_titleheader-title-fixed{
    font-size: 16px;
    padding: 0.4em;
    float: left;
    max-width: calc(100% - 270px);
}

.web_titleheader-serial-title{
    font-weight: normal;
    font-size: .65em;
}
.web_titleheader-paper-title{
    font-size: 1.05em;
    line-height: 1.3;
    margin: 0;
    font-weight: 600;
    transition: none;
}

.web_titleheader-serial-title-fixed{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8em;
}
.web_titleheader-paper-title-fixed{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
div.web_titleheader-updated-date {
    font-family: "Noto Sans Display",sans-serif;
    font-weight: bold;
    font-size: 0.4em;
    margin-top: 0.4em;
}
.web_titleheader-title-fixed div.web_titleheader-updated-date {
    font-size: 0.75em;
    margin-top: 0.1em;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}
.web_header-img{
    width:100%;
    background-repeat: no-repeat;
    background-size: 50%;
    background-color: #0b0064;
    background-position-x: right;
    background-position-y: center;
    height: 100px;
    overflow: hidden;
}
.web_header-img-fixed{
    background-size:30%;
    height: 50px;
}
.web_header-img.web_header-img-cyc{
    max-height: 100%;
}

.web_oecd-covid{
    visibility:hidden;
    display: table-row;
    height: 100px;
}
.web_oecd-covid-fixed{
    height: 50px;
}

.web_oecd-logo-white{
    display: table-cell;
    vertical-align: middle;
    padding-left: 2em;
}
.web_oecd-logo-white-img{
    height: 35px;
}
.web_oecd-logo-white-img-fixed{
    height: 30px;
}
.web_covid-white-logo{
    display: table-cell;
    vertical-align: middle;
    padding-left: 2em;
}
.web_covid-white-logo-img{
    height: 35px;
}
.web_covid-white-logo-img-fixed{
    height: 30px;
}
.web_covid-color-logo{
    /*display: table-cell;*/
}



.web_banner{
    display: block;
    width: 100%;
    height: auto;
}
.web_banner-fixed{
    display: none;
}
.web_btnmenu-fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 0 !important;
    width: 100%;
}
.web_btnmenu-position {
    position: absolute;
    width:100%;
    height:0;
}
.web_list-none { 
    margin: 0;
    padding: 0;
    list-style: none;
    }
#web_nav {
    position:relative;
    margin:0 auto;
    }
#web_nav-page {
    margin: 0 auto;
}
.web_nav-page-fixed{
    right: 0;
}
#web_pubtitle{
    display: none;
}

/*Nav button at the top of the page*/
.web_btn-fullnav-top {
    font-size:14px;
    color: white;
    background: #0b0064;
}
.web_btn-fullnav-top:hover {
    background-color: #383a3a;
}
/**/


li.web_btn {
    text-align: center;
    color: white;
    margin-top: 0.5em;
    }
li.web_btn.web_btn-cyc {
    width: 46px;
    }
.web_btn-book-title {
    min-height: 44px;
    line-height: 44px;
    border-left: 1px solid #333;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #0b0064;
    font-size: 14px;
    width: auto;
    padding: 0 3px;
    vertical-align: middle;
    }
#web_nav li.web_btn:hover  {
    cursor:pointer;
    color:white;
    /*background-color: #383a3a;*/
    }
.web_btn-toc-content {
    font-family: "Oswald",sans-serif;
    font-size: 1.4em;
    color: #333;
    width: 400px;
    height:90vh;
    overflow-y:auto;
    overflow-x:hidden;
    background-color: #eee;
    padding: 1.5em .3em 3em .5em;
    line-height:1.4em;
    z-index:6;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #ccc;
    cursor: default;
    }
    
.web_back-to-top{
    cursor:pointer;
}
.web_btn-toc-title {
    width: 397px;
    top: 0;
    z-index: 7;
    position: absolute;
    color: black;
    cursor: default;
    padding-top:0.5em;
    }
    
.web_toc-hidden{
    display: none;
}

.web_btn-toc-title-text{
    display: table-cell;
    vertical-align: middle;
    height: 44px;
    padding-left: 15px;
    color: #0b0064;
}

span.web_toc-link.web_toc-current-a.web_top-entry-chapter{
    display: inline-block;
    width: 90%;
    max-width: 400px;
    font-weight: bold;
}

/*scrollbar main*/
.web_panel-scroll::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    border-radius: 10px;
}
/*scrollbar height*/
::-webkit-scrollbar-button {
    width: 1px;
    height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #ffffff;
    border: 6px solid #eee;
    background-clip: content-box;
}
/* Handle */

.web_btn-slide-content {
    margin: 0 0 0 6px;
    padding: 0 0 0 0;
    width: 44px;
    display: none;
    overflow: hidden;
    position:absolute;
    }
.web_btn-slide-content.social-links li > a {
    font-size: 16px;
    height: 44px;
    line-height: 26px;
    background: #186398;
    border-radius: 100px;
    display: block;
    text-align: center;
    transition: all 0.3s ease 0s;
    margin: .5em 0;
    padding: .5em;
    }
.web_btn-slide-access {
    margin: 0 0 0 0px;
    padding: 0 0 0 0;
    display: none;
    overflow: hidden;
    position:absolute;
    }
.web_cross-close {
    line-height: 40px;
    background-color: rgba(232, 137, 0, 0.75);
    width: 50px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    left: 240px;
    }
/* style de la table des matieres */
.web_toc-title {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align:left;
    font-size: 0.9em;
    line-height: 1.5;
    }
.web_top-entry-chapter{
    font-weight:bold;
}
.web_toc-title ul {
    list-style: none;
    font-weight:normal;
    /*margin-left: .6em;*/
    padding:0;
    }

.web_toc-title ul ul {margin-left:.3em}
.web_toc-part {border-top: #0b0064 1px solid;font-weight:bold;font-variant: small-caps;margin-top:.4em}
.web_toc-chapter {border-bottom: #ccc 1px solid;padding: 9px 0 0 0;font-variant: none;}
.web_toc-current-item {background-color: #dae8f9; font-weight: bold;}
.web_toc-chapter > .web_toc-item-block{display:none;}

.web_toc-chapter > .web_toc-title > .web_toc-section > .web_toc-subsection-content > .web_toc-section > .web_toc-item-block a {
    font-size: 16px;
    color: #222 !important;
}

.web_toc-chapter > .web_toc-title > .web_toc-section > .web_toc-subsection-content > .web_toc-section > .web_toc-subsection-content > .web_toc-section > .web_toc-item-block a {
    color: #333 !important;
}

.web_toc-chapter > .web_toc-title > .web_toc-section > .web_toc-subsection-content > .web_toc-section > .web_toc-subsection-content > .web_toc-section > .web_toc-subsection-content > .web_toc-section > .web_toc-item-block a {
    font-style: italic;
    color: #333 !important;
}

/* sub-level section title in the TOC */
.web_toc-subsection-container {}

.web_toc-subsection-icon {
    line-height: 1;
    display: inline-block;
    text-align: center;
    /* float: right; */
    width: 10%;
    padding: 0.3em;
    cursor: pointer;
 }
 
.web_toc-item-block-closed > .web_toc-subsection-icon > span.web_plusminus:after{
    color: #333;
    content: "\f078";
    font-size: 15px;
    font-family: FontAwesome;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: inline-block;
    
}

.web_toc-item-block-closed + .web_toc-subsection-content{
    display: none !important;
}

.web_toc-subsection-icon:hover {
  cursor:pointer;
  /*transform: translatey(-2px);*/
  transition: all 0.2s ease-in-out;}
    /* chevron down icon */

.web_plusminus:after {
    color: #8ec64b;
    font-size: 15px;
    font-family: FontAwesome;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: inline-block;
    content: "\f077";
}

.web_plusminus:hover {}
  

.web_toc-title > .web_toc-section > .web_toc-subsection-content {
    background-color: #f7f7f7;
    box-shadow: 0 -1px 7px -3px rgba(115,115,115,0.75);
}

.web_toc-section > .web_toc-subsection-content{
    font-family: "Noto Sans Display",sans-serif;
    font-size: 15px;
    margin: 0em 0 0.5em 0.5em;
}

.web_toc-title > .web_toc-section > .web_toc-item-block{
    border-top: 1px solid #ccc;
    font-size: 22px;
    line-height:1.5;
}
.web_toc-tablegrp, .web_toc-figure{
}

.web_toc-tablegrp, .web_toc-figure{
}
.web_num-tablegrp-toc, .web_num-figure-toc, .web_num-box-toc{
    font-weight: 600;
}
.web_toc-subsection-content .web_toc-section > .web_toc-item-block,
.web_toc-tablegrp > .web_toc-item-block,
.web_toc-figure > .web_toc-item-block,
.web_toc-box > .web_toc-item-block{
    font-family: "Noto Sans Display",sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    border-bottom: 1px solid #ddd;
}
.web_toc-keybox > .web_toc-item-block,
.web_toc-inbrief > .web_toc-item-block{
    font-family: "Noto Sans Display",sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}
.web_chart-icon {
    line-height: 1.6;
    display: inline-block;
    text-align: center;
    /* float: right; */
    width: 10%;
    padding: 0.3em;
    cursor: pointer;
}

.web_chart-icon > span:after {
    content: "\f065";
    font-size: 15px;
    font-family: FontAwesome;
    cursor: pointer;
    color: #555;
}

.web_table-icon {
    line-height: 1.6;
    display: inline-block;
    text-align: center;
    /* float: right; */
    width: 10%;
    padding: 0.3em;
    cursor: pointer;
}

.web_table-icon > span:after {
    content: "\f065";
    font-size: 15px;
    font-family: FontAwesome;
    cursor: pointer;
    color: #555;
}

 .web_toc-level2 {padding-left:.6em}
 .web_toc-level3 {padding-left:1em;font-style:italic}

/* END -------- fix Menu ----------*/




/* __________________________________
	 --- block pour tableaux ---
------------------------------------ */

/* Containeur d'objets a etendre */
.web_blk-expand {
  min-height: 115px;
  margin: .5em 0 2.5em 0;
  overflow: hidden;
  -webkit-transition: width .5s, height 1.2s;
  transition: width .5s, height 1.2s;
}
/* Etendre vers le bas */
.web_blk-expand-down {
    width: 100vw;
    max-width: 1018px;
    height: auto;
    max-height: none;
    padding-left:.5em;
    position: relative;
    z-index: 1000;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #fff;
    border: 1px solid #fff;
}
/* decallage gauche des objets dans les encadres */
.web_box-container > .web_blk-expand.web_blk-expand-down {
    padding-left:.7em;}

/* vue page entiere */
.web_blk-expand-full-page {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    max-height: 100vh;
    width: 100%;
    max-width: 100vw;
    float: right;
    padding: 0 .5em 1em .5em;
    border-bottom: 3px solid #0b0064;
    margin: auto;
    z-index: 10;
    background:#fff;
}
/* objet a etendre */
.web_block-object {
    width: 100%;
    height: auto;
    background:#fff;
    border-bottom: 1px solid #0b0064;
    }
/* containeur des boutons */
.web_blk-btn {
    width: 100%;
    border-bottom: solid 1px #0b0064;
    }
/* Aspect des boutons */
.web_btn-view,
.web_btn-view-full {
    display: inline-block;
    font-size: 0.875em;
    line-height: normal;
    text-align: center;
    color: white;
    width: 60px;
    background: #0b0064;
    padding: .4em 0;
    /*  margin: 0 0em 0 2.5em;*/
    border: none;
    border-radius: 3px 3px 0 0;
    cursor:pointer;
    }
/* Comportement des boutons au click */
.web_btn-view-hidden {display:none}
.web_btn-view-colose {  
    background: #b9b9b9;
    font-weight: 600;
    background: #ec9a33;
    margin-top: .5em;
    }

/* Additionel pour  les tableaux visible par defaut*/
.web_blk-expand.web_blk-visible {
    max-height: none;
    min-width: 100%;
    margin: 3em 0 2.6em -30px;
    padding-left: 30px;
    -webkit-transition: width .5s, height 1.2s;
    transition: width .5s, height 1.2s;
    }

.web_blk-visible.web_blk-expand-down {
    width: 100vw;
    max-width: 1090px;
    height: auto;
    max-height: none;
    padding-left: 2.7em;
    float: right;
    }
.web_blk-visible.web_blk-expand-full-page {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    max-height: 100vh;
    width: 100%;
    max-width: 100vw;
    float: right;
    overflow: auto;
    margin: auto;
    z-index: 15;
    background: #fff;
    padding: .5em .5em .5em 2.7em;
    }

/* -------------------------------
	TABLE DEFINITION 
---------------------------------- */
/* Reset Table */
table,caption,tbody,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
background:transparent;
}
/* Bootstrap .web_table-responsive utilise a la place de .table-container overflow (Scroll if table too large) */

.web_table-style, td, th {
   font-size: 0.938em;
   line-height: 1.5;
   color:#000;
   border-collapse:collapse;
   margin-bottom:1em;
   }
.web_table-style {background:white;width:100%}
.web_table-style th,
.web_table-style td {
   margin:.2em 0;
   padding: .3em .1em;
   border:1px solid #ecebeb;
}
.web_table-style tbody[class=web_group-tbody] 
/* top bottom body border*/ {
   border-top:2px solid #0b0064;
   border-bottom:2px solid #0b0064;
   }
.web_table-style tbody[class=web_group-tfoot] td  {
/*remove border in foot row*/
   border:none;
   padding:0;
   }
tbody[class=web_group-tbody] tr:hover {
/* rule color on mouse over*/
   background:#eef9e2;
   line-height:inherit;
   }
tbody[class=web_group-tbody] td:hover {
/*cell color on mouse over cell*/
   background:#A3D06C;
   color:#fff;
   font-weight:600;
   line-height:inherit;
   }
.web_table-heading, .web_table-subheading,
.web_figure-heading, .web_figure-subheading{
   font-family: "Noto Sans Display", sans-serif;
   font-size: 1.15em;
   font-weight: bold;
   text-align: center;
   padding: .313em;
   }
.web_table-subheading, .web_figure-subheading{
    font-family: "Noto Sans Display", sans-serif;
    font-size: 1em;
    font-weight: normal;
   }
.web_group-thead th p,
.web_group-tbody td p {
   font-size: 0.938em;
   line-height: 1.5;
   }
    
.web_table-style  p {margin-bottom:.2em;}
.web_table-style tbody[class=web_group-tfoot] td p {
   margin:.5em 0 0;
   }
.web_prefix-num {
   font-style:normal;
   font-weight:400;
   color:#333;
   }

/* Responsive Table check also mediaqueries*/
.web_blk-expand-full-page .web_table-responsive {
    overflow: auto;
    max-height: 90vh;
    }

.web_table-responsive {
    min-height: 0.01%;
    overflow-y: hidden;
    }
/* Scroll Aspect iOS*/
.web_table-responsive::-webkit-scrollbar, 
.web_figure-compare::-webkit-scrollbar, 
.web_figure-expand::-webkit-scrollbar  {
    background:#ecebeb;
    height:10px;
    overflow:visible;
    width:10px;
    border-radius:10px;
    }
.web_table-responsive::-webkit-scrollbar-track,
.web_figure-compare::-webkit-scrollbar-track, 
.web_figure-expand::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
    }
.web_table-responsive::-webkit-scrollbar-thumb,
.web_figure-compare::-webkit-scrollbar-thumb, 
.web_figure-expand::-webkit-scrollbar-thumb {
   background-color:#c1c1c1;
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
   -webkit-border-radius:10px;
   }
.web_table-responsive::-webkit-scrollbar-thumb:hover,
.web_figure-compare::-webkit-scrollbar-thumb:hover, 
.web_figure-expand::-webkit-scrollbar-thumb:hover {
   background-color:#909090;
   }
::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
   background-color:#c1c1c1;
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
   -webkit-border-radius:10px;
}    
/* ________________________________________
 	---------------BOX Container ----------- */
.web_div-box{
    margin-left: -30px;
    padding-left: 30px;
}
.web_box-container {
    font-size: 1em;
    line-height: 1.4;
    padding: .5em;
    margin: 2em 0;
    border: 1px solid  #0b0064;
    background: rgba(212, 191, 168, 0.18);
    page-break-inside: avoid;
    clear: both;
   }
.web_box-container.web_box-inbrief {
    border-bottom: 8px solid #FD5F07;
    border-top: 8px solid #FD5F07;
    border-left: none;
    border-right: none;
    margin: 5em 0;
    }
    
.web_h-inbrief {
    color: #FD5F07;
    font-family: "Oswald",sans-serif;
    font-size: 1.8em;
    font-weight: 400;
    margin-top: 0;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #BFBFBF;
    margin-bottom: 1em;
}
.web_box-container.web_box-keybox {
    margin-top: 4em;
    margin-bottom: 4em;
    border-right: solid #0b0064 6px;
    padding: .5em;
    border-top: none;
    border-bottom: none;
    border-left: none;
} 

/* tips pour eviter d ajouter overflow:hidde,*/	
.web_box-container:after {content:'\00a0';
    font-size: .2em;
    line-height: inherit;}

/* Titre d'encadres */
.web_box-container .web_h1 {font-family: "Noto Sans Display", sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: .5em;
    text-align: left;
    color: black;
    border-bottom: 1px dotted #BFBFBF;}
.web_box-keybox .web_h1 {
    font-family: "Oswald",sans-serif;
    font-size: 1.8em;
    font-weight: 400;
    color: #0b0064;
    margin-top: 0;
    padding-bottom: 0.5em;
}

.web_box-container .web_h2,
.web_box-container .web_h3,
.web_box-container .web_h4 {font-family: "Noto Sans Display", sans-serif;font-size:1em;font-weight:600;color:black;margin: 1.4em 0 1em 0;border-bottom:none;padding-left: 0;}
.web_box-container .web_h3 {font-family: "Noto Sans Display", sans-serif;font-style:italic}
.web_box-container .web_h4 {font-family: "Noto Sans Display", sans-serif;font-weight:400;font-style:italic;padding-left:.5em;}
.web_box-container .web_h5, .web_box-container .web_h6 {
    padding-left: 10px;
}
.web_box-container .web_prefix-section {display:inline; font-style:normal;}
.web_box-container .web_note,
.web_box-container .web_source,
.web_box-container .web_statlink{
    font: normal normal .89em/1.4 "Noto Sans Display",sans-serif;
    line-height: 1.525;
    margin:.5em 0;
}
/* notes sources statlink style in fingure-container*/
.web_figure-container .web_note, 
.web_figure-container .web_source,
.web_figure-container .web_statlink {
    font: normal normal .95em/1.4 "Noto Sans Display",sans-serif;
    line-height: 1.525;
    margin:.5em 0;
}

/* _______________________________________
------------- FIGURE Container ---------- */
.web_figure-container {
    font-size:.938em;
    line-height: 1.5;
    color: #000;
    padding: 2em 0 0 30px;
    margin: 1em 0 2.5em -30px;
    overflow: hidden;
    border-collapse: collapse;
    clear: both;
    }
               
.web_center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
    }              
/*.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}*/

.web_img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    padding: 1em 0;
}
.web_figure-container.web_figure-container-expanded {
    display: block;
    z-index:15;
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin:0;
    padding: 1em 1em 1em 39px;
    background-color: white;
}
.web_cycgraph-container.web_figure-container-expanded {
    display: block;
    z-index:15;
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin:0;
    padding: 1em;
    background-color: white;
}    
div.web_figure-button {
    margin: 0;
    list-style: none;
    float:left;
    background: #0b0064;
    padding: .5em .1em .2em;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}
div.web_figure-button.web_figure-button-cyc {
    margin-top: 20px;
    margin-right: 0.25em;
}
div.web_figure-share {
    display: none;
    margin-top: 10px;
    margin-bottom: -10px;
    list-style: none;
    float:left;
    padding: .5em .1em .2em .1em;
    border-radius: 3px 3px 0 0;
    margin-right: 0.25em;
    cursor: pointer;
    font-size: 20px;
}
.web_block-share-btn{
    float: left;
}
.web_figure-button:hover {background:#383a3a;}
.web_btn-view:hover, .web_btn-view-full:hover {background:#383a3a;}
.web_figure-buttonclick span {
    font-size: 1em;
    padding: .5em 1.3em .2em 1.5em;
    text-decoration: none;
}
.web_figure-buttonclick span.web_comparescreen, .web_figure-buttonclick span.web_sharegraph {
    font-size: 1em;
    padding: 1.5em 0.6em 0.35em 0.6em;
    text-decoration: none;
    color: white;
}
.web_figure-expand, .web_figure-compare {
    max-height: 1100px;
    height: 98%;
    overflow-y: auto;
    max-width: 1900px;
    width: 100%;
    margin: 0 auto;
    background: white;
    border-top: solid 1px #0b0064;
    border-bottom: solid 1px #0b0064;
    }

.web_figure-data-portal {
    border-top: 0;
    border-bottom: 0;
}

.web_img-max {
    max-height: 1000px;
    border: none;
}
/*Author style*/
.web_main-container .web_author{
    color: #0b0064;
    font-size: 1em;
    font-weight: 600;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 3em;
}
.web_author-name{
    font-style: normal;
    font-weight: bold;
    margin-bottom: 0.7em;
}

.web_author-role{
    font-size: 0.95em;
    margin-bottom: 0.6em;
    }
#web_divsvg{
    visibility:hidden;
}

.web_progbar{
    font-size: .75em;
    margin-top: 0.4em;
    margin-bottom: 0;
    box-shadow: 2px 2px #ccc;
    border-color: black;
    cursor: pointer;
}

.web_concept_low_relevance, .web_country_low_relevance{
    display: none;
}

.web_show_all_concept{
    font-size: .7em;
    color: #0068b6;
    text-decoration: underline;
    text-align: right;
    margin-top: 0.3em;
    cursor: pointer;
}

.web_show_all_countries{
    font-size: .7em;
    float: left;
    color: #0068b6;
    text-decoration: underline;
    text-align: right;
    cursor: pointer;
    white-space:nowrap;
    margin-top: 0.3em;
    margin-right: 0.3em;
    padding: 0.2em 0.4em;
}

.web_progbar_label{
    float: left;
    color: black;
    padding-left: 0.3em;
    padding-top: 0.15em;
    cursor: pointer;
}

.web_progbar .ui-progressbar-value {
    background-color: rgba(0, 104, 182, 0.2);
    cursor: pointer;
}

.web_pills{
    font-size: 0.7em;
    float: left;
    border-radius:4px;
    padding: 0.2em 0.4em;
    white-space:nowrap;
    margin-top: 0.3em;
    margin-right: 0.3em;
    font-weight: 500;
    cursor: pointer;
}

.web_concept_title, .web_countries_title{
    font-size: 0.9em;
    font-weight: bold;
}

.web_concept_title{
    float: left;
}

.web_semantic_label{
    font-size: 0.8em;
    font-weight: normal;
}

.web_concept{
    margin-top: 10.5em;
    width:100%;
    clear:both;
    background-color: #eee;
    padding: 0.4em;
    border-radius: 5px 5px;
    visibility:hidden;
} 

.web_countries{
    margin-top: 2em;
    width:100%;
    clear:both;
    background-color: #eee;
    padding-top: 0.4em;
    padding-bottom: 0;
    padding-left: 0.4em;
    padding-right: 0.4em;
    border-radius: 5px 5px;
    visibility:hidden;
    z-index: 7;
}

/* pop up citations */
.web_ref-pop {
    position: fixed;
    display:block;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 762px;
    min-width:190px;
    max-height: 200px;
    min-height: 100px;
    font-size: 1em;
    line-height: 1.5;
    border-bottom: solid 2px #383a3a;
    background: #ecebeb;
    overflow: auto;
    z-index: 16;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
}
.web_pop-ref-container {
    padding: 0 1em;
    display: block;
    font-size: 0.9em;
    line-height: 1.55;
}
   /* Add Animation */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}
@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}
@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}
@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
} 
.web_ref-pop-close {
    display: block;
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 1em;
    background-color: #0b0064;
    font-weight: bold;
    font-size: 1em;
    color: white;
}
.web_ref-pop-close:hover {
    background:#383a3a;
}
.web_ref-ico-close {
    font-size: 30px;
    line-height: 40px;
    padding-right: 1em;
    float: right;
}

/* IFRAME MANAGER */
.web_div-iframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.web_div-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.web_div-iframe-compare {
    display: none;
}
.web_div-dataportal-iframe-hide-link-top{
    position: absolute; 
    height: 27px; 
    width: 70%; 
    z-index: 1000; 
    top: 0;
}
.web_div-dataportal-iframe-hide-link-bottom{
    position: absolute; 
    height: 27px; 
    width: 150px; 
    z-index: 1000; 
    bottom: 0;
    right: 0;
}