body{font-size: 10px;text-align:center;font-family:verdana, sans-serif,"Bitstream vera serif", Georgia, serif;background:#fff;margin:0;padding:0}
#main {width: 1200px;text-align:left;margin: 20px auto;padding : 10px;/*border-radius: 10px;*/background-color: #FFFFFF;font-size: 12px;}
#content{clear:both;}
#content p.legendeillustration{padding-bottom:15px; color:#555;}
#content p.legendeillustration::after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 50%; /* Change this to whatever width you want. */
    padding-top: 20px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid #999; /* This creates the border. Replace black with whatever color you want. */
}
/*#main * {font-size: 12px;}*/
.hidden{display:none;}
.nostyle{list-style-type:none;}
.liwidth {display: inline-block;width: 120px;}
.bold{font-weight:bold;}
a.ui-tabs-anchor:hover {border-bottom: none;}
a.ext, span.ext {background: url("../images/ext.png") no-repeat scroll right center rgba(0, 0, 0, 0);padding-right: 13px;}
span.h4 {color: #000000;margin: 3ex 0 2ex;}
.keywords{margin:1em 0;}
a{color:#0075ab;text-decoration:none}
a:hover{border-bottom:1px dotted}
#resume p,
#texte p {line-height:150%;text-align:justify;}
p{line-height:150%;}
h1,h2,h3,h4,h5,h6,
#content h2.accueil,#content h3.accueil {color:#00608C;}
h1,h2,h3,h4,h5,h6,p,form,fieldset,img,blockquote{margin:0;padding:0;border:0}
li{line-height:150%;margin-bottom:1ex}
dt{font-weight:bold;margin-bottom:1ex}
.familyName{font-variant:small-caps}
.spacer{display:block;height:2em;clear:both}
h2.publiParente,h3,h4{margin-bottom:2ex}
h2.publiParente{padding-top:1em}
.lastrubrique{color:333;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {font-size: 65%;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {color: #777; font-weight: 400; line-height: 1;}
.page-header {border-bottom: 1px solid #eee;margin: 40px 0 20px;padding-bottom: 9px;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}
.lastrub.pull-right{
  position: relative;
  top: 20px;
}

h2.accueil,
h3.accueil{margin-top:3ex; color:#000;}
a.footnotecall,a.FootnoteSymbol{font-family:"Bitstream vera sans", verdana, sans-serif;font-weight:bold}
a.footnotecall{font-size:90%;margin-left:.3em;font-style:normal}
a.footnotecall:before,a.FootnoteSymbol:before{content:"["}
a.footnotecall:after,a.FootnoteSymbol:after{content:"]"}
a.indexBack{display:block;font-size:90%;font-family:"Bitstream vera sans", verdana, sans-serif;font-weight:bold;text-align:right;margin-top:3em;border:0}
br.nobr{display:none}
span.sousTitre{display:block;font-size:90%;font-weight:normal;font-style:italic}
dl.listArticles dt{margin:2ex 0 0 0}
dl.listArticles dd{margin:0 0 0 0;padding:0}
dl.listArticles dd.date{font-size:90%;font-style:italic}
dl.listArticles dd.paruDans{font-family:"Bitstream vera sans", verdana, sans-serif;font-size:90%;color:#666}
dl.listArticles dd.paruDans a{color:#666}
div.notes p{margin-bottom:1.5ex;text-align:justify}
img.icone{display:block;float:left;max-width:200px;border:1px solid #aaa;margin-right:1em}
#accessible,#footer{text-align:center;color:#e5e8e3;padding:.5ex 0;font-family:"Bitstream vera sans", verdana, sans-serif}
#accessible a,#footer a,#ariane{color:#aaa}
#cartouche{color:#fff;background:#0075ab;height:80px;padding:1em;margin-bottom:10px}
#cartouche span.sousTitre{font-weight:bold;font-size:70%;margin-top:0}
#cartouche a{color:#fff;text-decoration:none}
#ariane{font-family:"Bitstream vera sans", verdana, sans-serif;font-size:90%;padding:-.3ex 0 3ex 0}
#ariane,#ariane li{margin:0;padding:0;list-style:none}
#ariane li{display:inline}
#menu,#inside,#content{background:#fff}
#menu{font-family:"Bitstream vera sans", verdana, sans-serif;position:absolute;top:164px;font-size:90%;padding:1.3em 1em;width:162px;height:490px;}
*>#menu{height:auto;min-height:490px}
#menu ul,#menu ul li{margin:0;padding:0;list-style:none;line-height:100%}
#menu ul li{margin-bottom:1ex}
#menu ul{margin:2ex 0}
#menu ul li li{margin-left:1em}
#menu h3{margin:2ex 0 1ex 0}
#recherche{padding:2ex 0}
#recherche input,#recherche select{font-size:90%}
#recherche select{width:150px}
#recherche label{display:block}
#advanced_search{margin-top:2ex;padding-top:1ex}
#advanced_search label{font-size:90%}
#rss{display:block;text-align:center;margin:2ex 0 0 0}
#inside{margin:0 0 0 185px;border-left:10px solid #eee;padding:1em 2em 2em 2em;height:510px}
*>#inside{height:auto;min-height:510px}
#footer{height:auto;font-size:90%;border-top:1px solid #eee;z-index:1}
#inside.article h4{margin:3ex 0 2ex 0;color:#000000}
#enteteDocument{margin:30px 0}
#enteteDocument h3{margin:0 0 2ex 0}
#enteteDocument h3 span.sousTitre{display:block;font-size:80%;font-weight:normal}
#enteteDocument div.doi {padding:0 0 15px 0;}
#resume{font-size:90%;text-align:justify;line-height:150%}
#toc{color:#803588}
#toc .toc_section1,div.type{font-weight:bold}

#menu a.map:before,#toc .toc_section1:before,div.type:before{content:"\2794";font-weight:normal}
#toc .toc_section2:before,#menu ul li li:before{content:"\2219";font-size:200%;vertical-align:-15%}
#menu ul li li:before{vertical-align:-30%}
#toc .toc_section2{margin-left:1.5em}
#toc .toc_section3{margin-left:3em}
#toc .toc_section4{margin-left:4em}
#toc .toc_section5{margin-left:5em}
#toc .toc_section6{margin-left:6em}
#texte{position:relative}
#personDesc,#personInfo{clear:both;margin-top:3em}
#personInfo dd{margin:0}
#personInfo dt{margin:2ex 0 1ex 0}
#texte p.texte,#bibliographie p{line-height:150%;text-align:justify;margin:1ex 0}
#texte p.epigraphe, p.pigraphe {margin: .5em 0 .5em 12.5em;text-align: right;color: #7C7C7C;}
#texte p.quotations,
#texte p.quotation,
#texte p.citation{line-height:150%;text-align:justify;margin:2ex 0 2ex 4em;font-style:italic;margin-bottom:2ex;}
#texte p.citationbis{line-height:150%;text-align:justify;margin:2ex 0 2ex 4em;margin-bottom:2ex;}
#texte h1,#bibliographie h1{font-size:130%;margin:4ex 0 2ex 0}
#texte h2,#bibliographie h2{font-size:120%;margin:3ex 0 2ex 0}
#texte h3,#bibliographie h3{font-size:110%;margin:3ex 0 2ex 0}
#texte h4,#bibliographie h4{font-size:100%;margin:2ex 0 1ex 0}
#texte span.paranumber{display:block;font-size:70%;color:#aaa;left:-2em;text-align:right;position:absolute;font-family:"Bitstream vera sans", verdana, sans-serif}
#texte table{border-collapse:collapse;width:100%}
#texte table td{border:1px solid #aaa;padding:1ex 1em;vertical-align:top}
#texte table td p.texte{margin:0;text-align:left}
#flux{clear:both;margin-top:4em}
#flux ul{font-size:90%;font-family:"Bitstream vera sans", verdana, sans-serif}
#flux ul,#flux ul li{list-style:none;margin:0;padding:0}
#flux ul li{margin-bottom:2em}
#flux ul a{font-weight:bold}
#flux ul p{margin-top:1em}
#annexes{font-size:90%}
#annexes h4{font-size:110%}
#bibliographie p{text-align:left}
#map{margin-top:4em}
#map ul,#map ul li{list-style:none;margin:2ex 0;padding-left:0}
#map ul li{font-weight:bold;clear:both;padding-left:2.5em}
#map ul li li{font-weight:normal;margin-left:.5em}
#map ul li img{display:block;position:absolute;margin-left:-2.5em}
#map strong.auteurs{display:block;font-size:90%}
#tabAlpha{font-size:90%;font-family:"Bitstream vera sans", verdana, sans-serif;color:#aaa}
#alphabet dt{font-size:200%;margin:1.5em 0 .5em 0}
#alphabet dd{margin:0 0 1ex 0;padding-left:0}

/*#main * {font-family:Arial,Tahoma,Geneva,Helvetica,Verdana,sans-serif}*/


#inside {margin: 0 0 0 0 ;width: 855px;border:none ;float: left  ;}
#inside.rubrique{float: left  ;}
#inside.statistics{width: 1150px ;}
#inside.full {display: block;padding: 0;width: 100% !important;}
#pres H3,#instruction h3,#presentation H3 {color: #666666;}
#pres H2,#instruction h2,#presentation H2 {color: #8F9947;font-size: x-large;margin: 0.5em 0;}
#pres p,#instruction p, #presentation p{padding:2px 0 3px 0px;}
#pres ul,#instruction ul, #presentation ul {padding: 2px 0 3px 10px;}

#menu {width: 250px ;float: left  ;position: inherit ;background-color: #fff ;border-radius: 10px ;}
#menu #recherche input, #menu #recherche select, #menu #recherche option {color: #000000 ;}
#menu{color: #000000;}
#menu ul.hidden{display:none;}
#footer {color: #000 !important;clear:both !important;}
#footer > p:first-child::before {}
#footer::after{
    content: "";
    background-image: url('https://popups.uliege.be/accueil/tpl/images/popups2022.png');
    display: inline-block;
    width: 70px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right:10px;
}
#footer p{text-align:center;}
#accessible{display:none;}

#outils{float: right;text-align:right;}
#outils a{color: rgba(0, 0, 0, 0);background-position: center center;background-repeat: no-repeat;padding:0 2px;}
#outils .fr{background-image: url("../images/flag/fr.png"); }
#outils .en{background-image: url("../images/flag/en.png"); }
#outils .nl{background-image: url("../images/flag/nl.png"); }
#outils .es{background-image: url("../images/flag/es.png"); }
#outils #langselect{padding:5px;}

nav.navbar{background-color:transparent;letter-spacing: 1px;margin: 10px ;height: 40px;display:block;clear: both;}
nav.navbar ul {padding:0;margin:0;list-style-type:none;}
nav.navbar li {margin-left:2px;float:left;line-height: 150%; margin-bottom: 1ex;}
nav.navbar li a{display:block;float:left;font-weight:bold;text-decoration:none;text-align:center;padding:10px;color:#00608C;}
nav.navbar li a:link {}
nav.navbar li a:visited {}
nav.navbar li a:hover {background-color:#909090;color:#ffffff;}

#bandeau{height: 150px;margin-bottom: 10px;display: block;}
#logo{float:left;width: 11em;max-height: 150px;}
#logo img {width: 9em;padding: 1em; }
#logo img.small {cursor: pointer;border: 1px solid #E5E8E3;max-height:130px; }
#logo img.large {position:absolute;width:auto;left: 11em;padding:0;border: 1px solid #808080;}
#bandeau .cartouche {float: left;width: 71em;padding: 10px;}
#bandeau .nomsite a{font-size: xx-large; color:#000;}
#bandeau .ISSN{padding-right:15px;}
#bandeau .ISSN:before{content:"ISSN : ";}
#bandeau .EISSN:before{content:"E-ISSN : ";}
#bandeau .logo_institution img{width: 10em;}
a.rss{background-image: url("../images/rss.png");background-position: left center;background-repeat: no-repeat;padding-left: 20px;}
#ariane.breadcrumb {display:none;}
#ariane.breadcrumb {background-color: #F5F5F5;border-radius: 4px;list-style: none outside none;margin-bottom: 20px;padding: 8px 15px;}
#ariane.breadcrumb > li {display: inline-block;}
#ariane.breadcrumb > li + li:before {color: #CCCCCC;content: "/ ";padding: 0 5px;}
#ariane.breadcrumb > .active {color: #999999;}

#map li.textes ul{display:none;}

/* Div #bottomNav */
#bottomNav{clear: both;position: relative;padding: 4em 0 2em 0;}
#bottomNav .previous, 
#bottomNav .next{	position: absolute;	font-family: "Bitstream vera sans", verdana, sans-serif;	font-size: 90%;}
#bottomNav .previous{left: 0;}
#bottomNav .next{	right: 0;}

/* Div articleActions */
#articleActions{float: right;}
#articleActions .printer{float:right;}
#articleActions #other img{vertical-align: middle;padding:5px 10px;}

/* stat by article */
#stat {background-color: #808080;border: 1px solid #808080;border-radius: 5px;color: #FFFFFF;padding: 5px;max-width: 300px;margin: 0 0 10px 10px;min-width: 200px;}
#stat .alphabet {font-weight: bold;}
body a.toolt{display:block;}
body .ui-tooltip {box-shadow: 0 0 5px #AAAAAA;background-color:#e1e7d2;background-image:none !important;max-width: 500px; padding: 8px; position: absolute; z-index: 9999;}
body .ui-tooltip {border-width: 2px;border-radius:5px;text-align:left;}
body .ui-tooltip ul {padding-left:10px;font-size: smaller;}
#stat .morestat {color:#99CCFF;font-weight: bold;line-height: 2em;padding: 5px;vertical-align: top;}

/* Full Text */
span.fullText {}
span.fullText.pdf{background-image: url("../images/pdf.png");background-position: left center;background-repeat: no-repeat;padding-left: 20px;}
#texte p img{display: block; margin-left: auto !important; margin-right: auto !important;border: 1px solid #E5E8E3 !important; max-width: 855px;}
#texte p.titreillustration{display: block;text-align: center;}
#texte p.legendeillustration{display: block;text-align: center;}
/*bibliographie*/
#bibliographie p {padding-left: 45px;text-indent: -45px;}

/**/
#annexes h4 {font-size: 110%;margin: 2ex 0;}
.DocumentAnnexes{margin-bottom:2em}
.DocumentAnnexes h4 {color: #803588; margin: 3ex 0 2ex;}
hr.middle {width: 66%;margin: 20px auto;}
/* Style Page présentation*/
#pres h3 {margin: 2ex 0;}
#pres h4 {margin: 2ex 0 1ex;}

#inside span.paranumber {display:none;}
p.EDITEUR{padding-top:7px;}
#inside #toc .toc_section2:before{content: "∙";vertical-align: -15%;font-size: inherit;}

/* statgen */
#statgen{font-size: 10px;}
#statgen a.ui-tabs-anchor {padding: 0.5em;}
#statgen table.statistics {background: none repeat scroll 0 0 #FFFFFF;margin: 0;width: 100%;}
#statgen table.statistics {border-collapse: collapse;width: 100%;}
#statgen table.statistics td {padding: 3px 9px; border:none;}
#statgen table.statistics th {padding: 3px 9px; border:none;}
#statgen table.statistics tr {background-color:   #FFFFFF;}
#statgen table.statistics thead tr {border-bottom: 1px solid #808080;line-height: 20px;}
#statgen table.statistics tr.grey {background-color: #E5E5E5;}
#statgen table.statistics td.pays {}
#statgen table.statistics td.link {width: 75%;}
#statgen table.statistics th:nth-child(2),
#statgen table.statistics td.total {text-align:right;}
#statgen table.statistics td.pourc {}
#statgen table.statistics td {background-color:transparent;}
#statgen #my-table td a {text-transform: capitalize;}

/* notes */
.footnotebody{text-indent: -15px; padding: 2px 15px;}
.footnotebody .footnotedefinition{}

/* Module de recherche */
#advancedSearch{text-align: right;padding: 5px 5px 0;}
/* Menu droite */
/*#ul-0 a.pr10 {margin-left: 15px;}*/
#ul-0 img{width: 9px; padding-right:8px;cursor: pointer;}
#menu #ul-0 li li:before {content: none;}
#menu #ul-0 ul {padding-left:15px;}
#menu ul.index {padding-left:15px;}
#menu ul.index li:first-letter {text-transform: uppercase;}

dl.listArticles dd.stat, 
dl.listArticles dd.date {font-size: 90%;font-style: italic;}
dl.listArticles dd.stat{color: #808080;padding-left: 10px;}

dt.auteur {font-weight: normal;}
dt.auteur .familyName{font-weight: bold;}


footer {background-color: #F5F5F5;border-radius: 10px;clear: both;margin: 5px;padding: 10px;}
footer .col-md-6 {float: left;width: 50%;}
footer .col-md-5 {float: left;width: 41%;}
footer .col-md-4 {float: left;width: 33%;}
footer .col-md-3 {float: left;width: 25%;}
footer .col-md-2 {float: left;width: 16%;}

/*page comite */
#comite .panel-heading {
    color: /*#8F9947;*/ #000000;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0;
}
#comite .panel-body {
    color: #666666;
    padding-left: 15px;
}

#gauche {
    float: right;
    width: 270px;
}

#contribution {
    background-color: rgba(246, 129, 18, 0.5);
    border-radius: 10px !important;
    border : 1px solid #0d73be;
    margin: 10px 0;
    padding: 1.3em 1em;
    width: 270px;
    font-size: 90%;
}

#contribution > h2 {
    border-bottom: 1px solid;
    color: rgba(40, 150, 40, 0.8);
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 5px;
}
#contribution > h3 {
    border-bottom: 1px solid;
    color: rgba(20, 150, 20, 0.6);
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 5px;
}
#contribution > a.contribmore {
  float:right;
}
/*pagination*/
.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 2;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 3;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #777;
    cursor: not-allowed;
}
.pagination-lg > li > a, .pagination-lg > li > span {
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 16px;
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

