@charset "utf-8";

/*

1. Fonts
2. Global
3. Local
4. Extras
5. No-script
6. Mobile

*/





/* 1. FONTS: */


@import url('https://fonts.googleapis.com/css?family=Kalam');

@font-face {
    font-family: Arial_Black;
    src: url(http://www.pheno.ulg.ac.be/fonts/calibri/Arial_Black.ttf) format('truetype');
}

@font-face {
    font-family: Calibri;
    src: url(http://www.pheno.ulg.ac.be/fonts/calibri/CalibriREGU.ttf) format('truetype');
}

@font-face {
    font-family: Calibri;
    src: url(http://www.pheno.ulg.ac.be/fonts/calibri/CalibriITA.ttf) format('truetype');
	font-style: italic;
	font-weight: normal;
}

@font-face {
    font-family: Calibri;
    src: url(http://www.pheno.ulg.ac.be/fonts/calibri/CalibriBO.ttf) format('truetype');
	font-style: normal;
	font-weight: bold;
}

@font-face {
    font-family: Calibri;
    src: url(http://www.pheno.ulg.ac.be/fonts/calibri/CalibriITA.ttf) format('truetype');
	font-style: italic;
	font-weight: bold;
}

@font-face {
    font-family: CalibriLight;
    src: url(http://www.pheno.ulg.ac.be/fonts/calibrilight/CalibriLightREGU.ttf) format('truetype');
}

@font-face {
    font-family: CalibriLight;
    src: url(http://www.pheno.ulg.ac.be/fonts/calibrilight/CalibriLightITA.ttf) format('truetype');
	font-style: italic;
	font-weight: normal;
}

@font-face {
    font-family: CenturyGothic;
    src: url(http://www.pheno.ulg.ac.be/fonts/centurygothic/CenturyGothicREGU.ttf) format('truetype');
}

@font-face {
    font-family: CenturyGothic;
    src: url(http://www.pheno.ulg.ac.be/fonts/centurygothic/CenturyGothicITA.ttf) format('truetype');
	font-style: italic;
	font-weight: normal;
}

@font-face {
    font-family: CenturyGothic;
    src: url(http://www.pheno.ulg.ac.be/fonts/centurygothic/CenturyGothicBO.ttf) format('truetype');
	font-style: normal;
	font-weight: bold;
}

@font-face {
    font-family: CenturyGothic;
    src: url(http://www.pheno.ulg.ac.be/fonts/centurygothic/CenturyGothicITABO.ttf) format('truetype');
	font-style: italic;
	font-weight: bold;
}

@font-face {
    font-family: SourceSansPro;
    src: url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/regular.eot?),
	url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/regular.ttf) format('truetype'),
	url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/regular.woff) format('woff');
}

@font-face {
    font-family: SourceSansPro;
    src: url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/italic.eot?),
	url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/italic.ttf) format('truetype'),
	url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/italic.woff) format('woff');
	font-style: italic;
	font-weight: normal;
}

@font-face {
    font-family: SourceSansPro;
    src: url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/semibold.eot?),
	url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/semibold.ttf) format('truetype'),
	url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/semibold.woff) format('woff');
	font-style: normal;
	font-weight: bold;
}

@font-face {
    font-family: SourceSansPro;
    src: url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/semibold-italic.eot?),
	url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/semibold-italic.ttf) format('truetype'),
	url(http://www.pheno.ulg.ac.be/fonts/sourcesanspro/semibold-italic.woff) format('woff');
	font-style: italic;
	font-weight: bold;
}

@font-face {
    font-family: Arcon;
    src: url(http://www.pheno.ulg.ac.be/fonts/arcon/ArconREGUROUNDED.otf) format('opentype');
}

@font-face {
    font-family: OpenSans;
    src: url(http://www.pheno.ulg.ac.be/fonts/Open_Sans/OpenSans-Regular.ttf) format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: OpenSans;
    src: url(http://www.pheno.ulg.ac.be/fonts/Open_Sans/OpenSans-Italic.ttf) format('truetype');
	font-style: italic;
	font-weight: normal;
}

@font-face {
    font-family: OpenSans;
    src: url(http://www.pheno.ulg.ac.be/fonts/Open_Sans/OpenSans-Bold.ttf) format('truetype');
	font-style: normal;
	font-weight: bold;
}

@font-face {
    font-family: OpenSans;
    src: url(http://www.pheno.ulg.ac.be/fonts/Open_Sans/OpenSans-BoldItalic.ttf) format('truetype');
	font-style: italic;
	font-weight: bold;
}

@font-face {
    font-family: OpenSans;
    src: url(http://www.pheno.ulg.ac.be/fonts/Open_Sans/OpenSans-Light.ttf) format('truetype');
	font-style: normal;
	font-weight: 300;
}



/* ##################################################################################################### */


/* 2. GLOBAL: */



:root {
	--primary-theme-color: #408cbf;
	--nav-background-color: #242424;
	--primary-link-color: rgba(66, 139, 202, 1);
	--fontfamily-section-main: OpenSans, Calibri, "Trebuchet MS", Trebuchet, sans-serif;
	--fontfamily-header-and-contact: CalibriLight, "Calibri Light", Calibri, "Trebuchet MS", Arial, sans-serif;
	--fontfamily-footer: Calibri, "Trebuchet MS", Trebuchet, Arial, sans-serif;
	--fontfamily-nav: CalibriLight, "Calibri Light", Calibri, "Trebuchet MS", Arial, sans-serif;
	--fontfamily-main-title: Arcon, CenturyGothic, "Calibri Light", Calibri, "Trebuchet MS", Arial, sans-serif;
}

#bap {
	--primary-theme-color: rgba(265,131,71,1);
}

#groupe-de-contact-phenomenologie-clinique {
	--primary-theme-color: #979e03;
}

#brentano {
	--primary-theme-color: rgba(0,170,255,1);
	--primary-link-color: var(--primary-theme-color);
}

#gcepa,
#esth {
	--primary-theme-color: rgba(0,204,160,1);
}

#rest_axess_page {
	--primary-theme-color: #999966;
}

#seminaire-annuel {
	--primary-theme-color: #2e829e;
}

#gcphen {
	--primary-theme-color: #35c6ca;
}

#groupe-belge-d-etudes-sartriennes {
	--primary-theme-color: #ec1349;
}

html {
	margin: 0;
	font-family: var(--fontfamily-section-main);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

b, strong {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

.clear {
	clear: both;
}

.always_hidden {
	display: none;
}

.displayed-on-mobile-only {
	display: none;
}

.exposant {
	vertical-align: super;
	font-size: 50%;
}

.indice {
	vertical-align: sub;
	font-size: 50%;
}

.smallcaps {
	text-transform: uppercase;
	font-size: smaller;
}

*[id*="hidden-"] {
  	display: none;
}

a[href*="javascript:hideshow"]:hover {
	text-decoration: none;
}


a[href^="tel:"]::before {
	content: "\2706" " ";
}

a[href^="mailto:"]::after {
	content: "\2709" " ";
	padding-left: 5px;
}

/* HIDE-SHOW ARROWS: */

.hs_arrow_down,
.hs_arrow_up {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px
}
.hs_arrow_down::after,
.hs_arrow_down::before,
.hs_arrow_up::after,
.hs_arrow_up::before{
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
}
.hs_arrow_down::after {
    width: 6px;
    height: 6px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    transform: rotate(-45deg);
    left: 2px;
	bottom: 0;
}

.hs_arrow_up::after {
    width: 6px;
    height: 6px;
    border-top: 1px solid;
    border-left: 1px solid;
    transform: rotate(45deg);
    left: 2px;
	top: 9px
}


img.shadowed,
.shadowed img,
#perso article img,
#photos article img, 
#bibliotheque article img, 
#home article img {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.css_dropdown {
  position: relative;
  display: inline-block;
}

.css_dropdown:hover {
  fill: var(--primary-theme-color);
  cursor: pointer;
}

.css_dropdown_content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 10;
}

.css_dropdown_content p {
  padding: 0 0 16px 0;
	font-size: 0.8rem;
	letter-spacing: .08rem;}

.css_dropdown:hover .css_dropdown_content {
  display: block;
}

header {
	font-family: var(--fontfamily-header-and-contact);
	font-weight: 300;
	/* = required for some OS to recognize Calibri Light */
}

nav {
	position: relative;
	font-family: var(--fontfamily-nav);
	font-weight: 300;
	/* = required for some OS to recognize Calibri Light */
	z-index: 100;
}

.choose_language {
	position: relative;
	width: 2rem;
	top: -6rem;
	left: 72rem;
	border: 1px solid #fff;
	padding: .2rem;
}

.choose_language a {
	color: #fff;
	text-decoration: none;
}

header a {
	text-decoration: none;
}

header li {
	display: inline-block;
}

header:first-child {
	height: 3.3rem;
	background-color: #fff;
	font-size: 0.8rem;
	border-bottom: 1px solid #111;
	letter-spacing: .08rem;
	z-index: 10;
}

header:first-child ul {
	display: block;
	padding: 1.5rem 0 0.5rem 12rem;
}

header:first-child ul a {
	color: #111;
}

#googlesearch {
	position: absolute;
	top: .5rem;
	margin-left: 58rem;
	width: 15rem;
	z-index: 10;
}


header:first-child ul li,
header:nth-of-type(2) ul li, 
header:nth-of-type(3) ul li {
	padding-right: 1rem;
}

header:nth-of-type(2) {
	margin: 0 auto;
	height: 2.5em;
}

header:nth-of-type(2) ul {
	margin-top: -2.5rem;
}

header:nth-of-type(2) svg {
	height: 1.2rem;
}

header:nth-of-type(2) li a:hover {
	color: var(--primary-theme-color);
	fill: var(--primary-theme-color);
}

header:nth-of-type(2) ul a {
	color: #111;
}

.main_title_hc {
margin: 0 auto;
width: 1200px;
padding-top: 3rem;
}

header:nth-of-type(3) {
	height: 10rem;
	width: 100%;
	background-color: var(--primary-theme-color);
}

header:nth-of-type(3) h1,
header:nth-of-type(3) h2 {
	float: left;
	font-size: 1.5rem;
}

header:nth-of-type(3) h1 {
    width: 500px;
height:auto;
	margin: 0 auto;
	padding-left: 1.5rem;
border-left: 1px solid #fff;
}

header:nth-of-type(3) h2 {
    width: 330px;
	margin: 0;
	padding: 0;
}

header:nth-of-type(3) h1 a, 
header:nth-of-type(3) h2 a {
	color: #fff;
	font-family: var(--fontfamily-main-title);
    font-weight: bold;
}

header:nth-of-type(4) {
	height: 3.2rem;
	background-color: var(--nav-background-color);
	margin: 0 0 -2rem -6.5rem;
	font-family: var(--fontfamily-nav);
}

header:nth-of-type(4) ul a {
	display: block;
	line-height: 2.5rem;
	padding: 0 10px;
	color: #fff;
}

header ul {
	margin: 0px auto 0px auto;
	width: 1100px;
}

header:nth-of-type(4) li a[href*="agenda"] {
	position: relative;
	margin-left: 2.15rem;
	background-color: var(--primary-theme-color);
	color: #fff;
	text-align: right;
	height: 3.2rem;
	width: 160px;
	margin-left: 34px;
	padding: .5rem 1.5rem 0 0;
}

#esth header:nth-of-type(4) li a[href*="esth"],
#documents header:nth-of-type(4) li a[href*="doc"],
#liens header:nth-of-type(4) li a[href*="liens"],
#agenda header:nth-of-type(4) li a[href*="agenda"] {
	text-decoration: underline;
}

nav {
	text-align: center;
	border-top: 1px solid #fff;
	margin: 2rem 0 4.5rem 0;
}

nav ul li:hover > ul {
	display: block;
}


nav ul {
	position: relative;
	left: 0;
	background-color: #fff;
	padding: 0 2rem;
	list-style: none;
	display: inline-table;
	width: 75rem;
}

nav ul::after {
	content: "";
	clear: both;
}

nav ul li {
	float: left;
	width: 10rem;
	font-size: 1rem;
	font-weight: normal;
	text-transform: uppercase;
}

nav ul li:hover {
	background-color: var(--nav-background-color);
}

nav ul li:hover a {
	color: #fff; 
}

nav ul li a {
	display: block;
	padding: 1.25rem 1.25rem 1.25rem 1.55rem;
	text-decoration: none;
	color: #111;
}

nav ul li a::before {
	content: url(http://www.pheno.ulg.ac.be/img/externallinkWhite.png);
}

nav ul li a[href*="#"]::before,
nav ul li a[href*="http://www.pheno.ulg.ac.be/"]::before {
	content: '';
}

nav ul ul {
	display: none;
	position: absolute;
	left: 0;
	padding: 1rem;
	text-align: left;
	background-color: var(--nav-background-color);
}

nav ul ul li {
	font-size: 1rem;
	position: relative;
	margin: 0 0 0 2rem;
	width: auto;
	text-transform: none;
}

nav ul ul li a {
	padding: .5rem 0;
	color: #fff;
	background-color: var(--nav-background-color);
}	

nav ul ul li:hover {
	background-color: #fff;
}

nav ul ul li a:hover {
	text-decoration: underline;
}

.larger_dd_menu {width: 25rem;}

ul.larger_dd_menu li {margin: 0 0 0 1.5rem;}

nav ul ul ul {
	position: absolute;
	left: 100%;
	top:0;
	width: 100%;
}

nav ul ul li ul {
	position: absolute;
	left: 0;
	top: 100%;
	background-color: var(--nav-background-color);
}

nav ul ul li ul li {
	margin: 0;
	padding: 0;
}
/* Change this in order to change the Dropdown symbol */

nav ul ul li > a::after {
	content: '';
	display: inline-block;
	transform: rotate(45deg);
	width: .5rem;
	height: .5rem;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin: .2rem 0 0 .5rem;
	padding: 0;
	transition: transform .2s ease;
}

nav ul ul li a:hover::after {
	border-width: 1px;
}

nav ul ul li > a:only-child::after {
	display: none;
}
/* End */

#home a.nav-home,
#presentation a.nav-home,
#historique a.nav-home,
#colloques a.nav-activites,
#autres-activites a.nav-activites,
#projets a.nav-activites,
#debats a.nav-activites,
#enseignements a.nav-enseignements,
#seminaire-annuel a.nav-enseignements,
#equipe a.nav-equipe,
#visiteurs a.nav-equipe,
#perso a.nav-equipe,
#brentano a.nav-equipe,
#theses a.nav-equipe,
#publications a.nav-publications,
#bap a.nav-publications,
#info a.nav-divers,
#photos a.nav-divers,
#gcphen a.nav-divers,
#bibliotheque a.nav-divers {
	background-color: var(--nav-background-color);
	color: #fff;
}

section {
	margin: -2rem auto 0 auto;
	width: 1150px;
	height: auto;
	font-size: .9rem;
}

.standard_link,
section a {
	color: var(--primary-link-color);
	text-decoration: none;
	cursor: pointer;
}

section a:hover {
	text-decoration: underline;
}

article {
	float: left;
	width: 61%;
	margin-bottom: 2.5rem;
	line-height: 1.2rem;
}

section a[href*="ext=pdf"],
section a[href$=".pdf"],
.pdf_link {
    background: url(/img/pdf-icon.gif) center right no-repeat;
    padding-right: 18px;
}

.no_pdf_tag {
	background: none !important;
	padding: none !important;
}

.choose_language a {
	background: none;
    padding-right: 0;
}

.dox_link {
    background: url(/img/dox-icon.png) center right no-repeat;
    padding-right: 18px;
}

a[href*="ext=txt"],
a[href$=".txt"],
.txt_link {
    background: url(/img/txt-icon.png) center right no-repeat;
    padding-right: 18px;
}

a[href*="ext=doc"],
a[href*="ext=docx"],
a[href$=".doc"],
a[href$=".docx"],
.doc_link {
    background: url(/img/word-icon.jpeg) center right no-repeat;
    padding-right: 18px;
}

a[href*="ext=xls"],
a[href$=".xls"],
.xls_link {
    background: url(/img/xls-icon.gif) center right no-repeat;
    padding-right: 18px;
}

.jpg_link {
    background: url(/img/jpg-icon.png) center right no-repeat;
    padding-right: 18px;
}

article h1, 
article h2, 
article h3, 
article h4, 
article h6 {
	font-family: var(--fontfamily-main-title);
	font-weight: bold;
	color: var(--primary-theme-color);
}

article h1 {
	margin-top: 2rem;
	padding-bottom: 1.5rem;
	line-height: 2rem;
	font-size: 1.5rem;

}

article h2 {
	margin-top: 2rem;
	padding-bottom: 1.5rem;
	font-size: 1.7rem;
}

article h3 {
	margin-top: 2rem;
	padding-bottom: 1.5rem;
	font-size: 1.3rem;
}

article h3::before {
	display: inline-block;
	content: " ";
	width: 5rem;
	border-top: 1px solid var(--primary-theme-color);
	margin: 0 -1.5rem 0 0;
	transform: translateY(.3rem);
}

article h4 {
	margin-top: 2rem;
	padding-bottom: 1.5rem;
	font-size: 1.5rem;
}

article h5 {
	margin: 1rem 0 .5rem 0;
	font-size: .9rem;
	font-family: var(--fontfamily-footer);
}

article p {
	padding-bottom: 0.5rem;	
}

article ul, article ol {
	padding: 0 0 1rem 0;
}

article ol li {
	list-style-type: disc;
	margin-left: 1.5em;
}

article dt {
	display: inline;
	padding-left: .5rem;
	font-size: 1rem;
	background-color: #fff;
	/* = required for the #publications page where dt are with lateral line */
	font-family: var(--fontfamily-header-and-contact);
	font-weight: 300;
	/* = required for some OS to recognize Calibri Light */
}

article dd {
	padding-bottom: 0.8rem;
}

aside {
	float: right;
	width: 30%;
	margin-bottom: 2rem;
	line-height: 1.2rem;
	padding: 0 1.5rem;
	color: #000;
	background-color: rgba(0,0,0,.06);
}

div.homepageinfos,
div.SectionBottom {
	display: none;
}

aside h1 {
	margin: 0 0 3rem -1.5rem;
	width: 21.5rem;
	color: #fff;
	background-color: var(--primary-theme-color);
	padding: .5rem .5rem .5rem 1rem;
	font-size: .9rem;
	font-family: var(--fontfamily-nav);
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 5px solid #fff;
}

aside p {
	padding: .7rem 0;
	border-top: 1px dotted var(--primary-theme-color);
}

aside p::before {
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  height: .5rem;
  width: .5rem;
  border-right: 3px solid var(--primary-theme-color);
  border-top: 3px solid var(--primary-theme-color);
  transform: rotate(45deg);
  margin: 0 .7rem 0 0;
}

aside p:first-of-type {
	margin-top: 2rem;
}

aside p:last-of-type {
	margin-bottom: 1.5rem;
}

aside ul {
	margin-bottom: .8rem;
	padding: 1rem;
	border-top: 4px solid #ddd;
}

aside ul:first-of-type {
	margin-top: 1rem;
	border-top: none;
}

aside ul:last-of-type {
	margin-bottom: 1rem;
}

aside ul a, 
aside ul a:hover {
	color: rgba(0,0,0,.5);
	text-decoration: none;
}

aside ul li {
	list-style-type: square;
	margin-left: 1rem;
	padding-left: 0;
	color: var(--primary-theme-color);
}

aside li {
	padding-bottom: 9px;
}

aside li:last-child {
	padding-bottom: 3px;
}

aside iframe.BAPnewIssue {
	margin: -.6rem 0 -4rem .7rem;
}

#contact {
	clear: both;
	display: block;
	margin: 0 auto 0 auto;
	width: 1150px;
	height: 17rem;
	padding: 25px 60px;
	color: var(--primary-theme-color);
	font-family: var(--fontfamily-header-and-contact);
	font-weight: 300;
	line-height: 1.3rem;
}

#contact a {
	color: var(--primary-theme-color);
	text-decoration: none;
}

#contact a:hover {
	text-decoration: underline;
}

#contact ul {
	float: left;
	width: 40%;
}

#contact ul,
#contact div,
footer,
#contact a[href="https://www.uliege.be/"] svg {
	filter: brightness(180%);
}

#contact a[href="https://www.uliege.be/"] svg {
	margin: 5rem 0 0 0;
	height: 3rem;
}

a.socialbutton, 
#contact a[href="https://www.uliege.be/"] {
  position: relative;
  display: inline-block;
}

.socialbutton svg {
	fill: var(--primary-theme-color);
	margin-right: 1rem;
}

.socialbutton svg:hover,
#contact a[href="https://www.uliege.be/"] svg:hover {
	fill: #fff;
}

#bap footer,
#brentano footer,
#esth footer,
#bap #contact ul,
#brentano #contact ul,
#esth #contact ul,
#bap .socialbutton,
#brentano .socialbutton,
#esth .socialbutton,
#bap #contact div,
#brentano #contact div,
#esth #contact div,
#bap a[href="https://www.uliege.be/"] svg,
#brentano a[href="https://www.uliege.be/"] svg,
#esth a[href="https://www.uliege.be/"] svg,
#bap .fb-share,
#brentano .fb-share,
#esth .fb-share {
	filter: brightness(100%);
}

#contact ul {
	padding-bottom: 4rem;
}

#contact ul li:first-child {
	padding-top: 4rem;
}

#contact b {
	font-weight: bold;
}

#contact::before {
	content: '';
	position: absolute;
	left: 0;
	z-index: -10;
	width: 100%;
	height: 29rem;
	margin: 0 auto 0 auto;
	background-color: rgba(0,0,0,.7);
}

.fb-share {
	position: absolute;
	cursor: pointer;
	filter: brightness(60%) saturate(70%);
	top: -5rem;
	left: 6rem;
}

footer {
	clear: both;
	display: block;
	border-top: 1px solid rgba(255,255,255,.05);
	margin: 1rem auto 0 auto;
	padding: 0 0 0 1.5rem;
	width: 67rem;
	font-family: var(--fontfamily-footer);
}

footer ul {
	margin: 1rem auto 0 auto;
	font-size: 0.9rem;
	color: var(--primary-theme-color);
	padding: 2.5rem 0 0 0;
}

footer ul:nth-child(2) {
	margin: 0 auto 0 auto;
	padding: 2rem 0 0 0;
}

footer li {
	display: inline;
	padding: 0 3.5rem 0 0;
}

footer a {
	color: var(--primary-theme-color);
	text-decoration: none;
}

footer a:hover {
	color: #fff;
}

.grayimg {
	opacity: 0.55;
	filter: saturate(0);
	transition: all 0.5s ease;
}

article dt.titlewithline {
	display: inline;
	margin: 0 0 0 10%;
	background-color: #fff;
	z-index: 100;
}

article dt.titlewithline::after {
	display: block;
	content:'';
	width: 10%;
	margin: -0.6rem 0 1rem 0;
	border-top: 1px dotted rgba(0,0,0,1);
}

article dt.titlewithline::before {
	content: '';
	display: inline-block;
	margin: 2.3rem 0 0 0;
}

.highlighted {
	color: red;
	border-bottom: 3px solid red;
}



/* TO-TOP ARROW: */


#totoparrow {
	position: relative;
	margin-left: .5rem;
	top: 14rem;
	list-style-type: none;
}

#totoparrow a {	
	display: block;
	margin-left: .2rem;
	width: .8rem;
	height: .8rem;
    border-top: 3px solid rgba(255,255,255,.1);
    border-right: 3px solid rgba(255,255,255,.1);
	transform: rotate(315deg);
	z-index: 150;
}

#totoparrow::after {
	content: "";
	margin-left: -.4rem;
	margin-top: -1.6rem;
	left: 0;
	display: block;
	height: 2rem;
	width: 2rem;
	border: 3px solid rgba(255,255,255,.1);
	border-radius: 3px;
}

/* END */


/* Hamburger Menu: */

#hamburgermenu a {
  text-decoration: none;
  color: #111;
}

#hamburgermenu a:hover {
  text-decoration: underline;
}

#hamburgermenuToggle {
  display: block;
  position: fixed;
  top: 20px;
  left: 10px;  
  z-index: 10;  
  -webkit-user-select: none;
  user-select: none;
   background-color: var(--primary-theme-color);
  padding: 11px;
	opacity: 0;
	pointer-events: none;
	transition: all .7s ease;
	z-index: 1000;
}

#hamburgermenuToggle.fixednav {
	opacity: 1;
	pointer-events: auto;
	transition: all .7s ease;
}

#hamburgermenuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;  
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

#hamburgermenuToggle span {
  display: block;
  width: 27px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;  
  background-color: #fff;
  border-radius: 3px;  
  z-index: 1;  
  transform-origin: 4px 0px;  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#hamburgermenuToggle span:first-child {
  transform-origin: 0% 0%;
}

#hamburgermenuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#hamburgermenuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background-color: #fff;
}

#hamburgermenuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#hamburgermenuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#hamburgermenu {
  position: absolute;
  width: 300px;
  margin: -110px 0 0 -50px;
  padding: 18px 10px 20px 40px;
  background-color: #f6f6f6;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.1);
	border-top: 130px solid var(--primary-theme-color);
}

#hamburgermenu li {
  padding: .4rem 0;
  font-size: .9rem;
}

#hamburgermenuToggle input:checked ~ ul {
  transform: none;
}

/* END Of Hamburger Menu */


.drag {
		cursor:move;
}

a.link_with_restricted_access::after {
	content: url("http://www.pheno.ulg.ac.be/img/restricted-access.svg");
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	margin-left: .4rem;
	opacity: .4;
}









/* ##################################################################################################### */


/* 3. LOCAL: */



#colloques article dt,
#agenda article dt,
#publications article dt {
	line-height: 4rem;
}

#colloques article dt::before,
#agenda article dt::before,
#publications article dt::before {
	content:'';
  position: relative;
	display: block;
	margin: -2rem 0;
  z-index: -10;
	border-top: 1px solid rgba(0,0,0,.2);
}

#agenda .archives a {
	display: inline-block;
	padding: .1rem .6rem;

}

.agenda_browse_arrow {
	content: '';
	display: inline-block;
	margin: 3rem 0rem 0 .3rem;
	border: 1px solid var(--primary-theme-color);
	color: var(--primary-theme-color);
	padding: 0 .6rem .4rem .6rem;
	font-size: 1.8rem;
}

.inactive_agenda_browse_arrow {
	border-color: rgba(0,0,0,.2);
	color: rgba(0,0,0,.2);
	pointer-events: none;
}

a.agenda_browse_arrow:hover {
	background-color: var(--primary-theme-color);
	color: #fff;
	text-decoration: none;
}

#bap .bottomimg {
	margin: 45px 25px 15px 25px;
}

#brentano article li {
	padding-bottom: 0.5rem;
}

#seminaire-annuel .sem_menu li,
#colloques .conf_menu li {
	display: inline-block;
	padding: 0;
}

#seminaire-annuel .sem_menu li::after,
#colloques .conf_menu li::after {
	content: '';
	display: inline-block;
	width: .4rem;
	height: .4rem;
	margin: 0 .8rem;
	background-color: rgba(0,0,0,.2);
}

#seminaire-annuel .sem_menu li:last-child::after,
#colloques .conf_menu li:last-child::after {
background: none;
}


#colloques .conf_menu,
#seminaire-annuel .sem_menu {
	margin-bottom: 3rem;
}

#debats article h2 {
	clear: both;
}

#debats article h3 {
	clear: both;
	margin-left: 21%;
	font-size: 1.1rem;
	font-family: var(--fontfamily-header-and-contact);
	font-weight: 300;
	/* = required for some OS to recognize Calibri Light */
}

#debats article h3::before {
	content: none;
}

#debats article img {
	float: left;
	margin-bottom: 35px;
	margin-left: 25px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

#debats article .text {
	float: right;
	width: 73%;
	margin-right: 25px;
	padding: 12px;
	margin-bottom: 15px;
}

#docoj article li {
	line-height: 2rem;
	margin-left: 3rem;
	padding-left: 0.5rem;
	list-style-type: square;
}

#esth svg.banniere-esthetique {
	float: left;
	margin: -.3rem 2rem 0 0;
}

#esth svg.banniere-esthetique g {
	fill: var(--primary-theme-color);
}

#home aside {
	margin-bottom: 2rem;
}

#home div.homepageinfos,
#home div.SectionBottom {
	display: block;
}

#home div.bannieres {
	display: block;
	clear: both;
	text-align: center;
	margin-bottom: -1.55rem;
	padding: 2rem 1rem 3rem 1rem;
	background-color: #fff;
	filter: brightness(97.5%);
}

#home .bannieres svg,
#home .bannieres img {
	margin: 1rem 1.3em;
	border: none;
	border-radius: 2px;
}

#home .newbooks ul {
  	display: none;
}

#home ol li {
	display: block;
	z-index: -10;
	height: 5rem;
}

#home time {
	margin-right: 1rem;
	clear: both;
	float: left;
	width: 3.2rem;
	text-align: center;
	border-radius: 0.1rem;
	font-size: 0.8rem;
	padding: .5rem .7rem; margin-bottom: 0.5rem;
	background-color: #333;
	color: #fff;
	font-family: var(--fontfamily-footer);
	text-transform: uppercase;
}

#home aside ol {
	margin: 1rem 0 0.5rem 0;
}

#home aside ol li {
	position: relative;
	margin-bottom: .7rem;
	z-index: 10;
    height:auto;
}

.newbooks {
	overflow: hidden;
	margin: 0 0 17px 0;
}

.newbooks div,
.newbooks p {
	display: inline;
}

.newbooks div {
	float: left top;
	width: 103px;
}

.newbooks p,
.newbooks ul {
	float: right;
	width: 36rem;
}

.newbooks ul::first-letter {
	float: left;
	color: rgba(0,0,0,0.8);
	font-family: var(--fontfamily-footer);
	font-size: 2.5rem;
	margin: .4rem .6rem .6rem 0;
}

.newbooks img {
	margin: 0;
	border: none;
}

#liens article p a:visited,
#liens article p a:visited:hover {
	color: #bbb;
}

#perso article ol li {
	list-style-type: decimal;
}

#perso article img {
	float: left;
	margin: 0 20px 10px 0;
}

#perso div.persowrapper {
	width: 640px;
	height: 96px;
	padding: 5px;
}

#perso div.persowrapper::after {
	content: '';
	clear: both;
}

#perso div.persowrapper div:first-child {
	float: left;
}

#perso div.persowrapper div:nth-child(2) {
	float: right;
}

#photos article figure {
	float: left;
	margin: 10px;
}

#photos article figure+p {
	padding-top: 25px;
}

#projets article p + ul li, 
#equipe article p + ul li {
	margin: 0.5rem 0 0.5rem 2rem;
}

#projets article li, 
#sitemap article li {
	list-style-type: disc;
}

#sitemap article ul {
	margin-left: 65px;
}

#equipe article ol {
	margin-left: -2.5rem;
}

#equipe article ol ul {
	margin: .8rem 0 .8rem 2rem;
	padding-bottom: 0.5rem;
}

#equipe article ol li {
	list-style-type: none;
	padding: 0 0 .3rem 1rem;
}

#equipe ul[id*="hidden-"] li a img {
	margin: 1rem 0 0 .5rem;
	border-radius: 50%;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	transform: scale(.9,.9);
}

#enseignements section dd dl {
	margin: 0.2rem 0 0 2rem;
	padding: 0 0 0 1rem;
	border-left: 3px solid #333;
	border-radius: 15px;
}

#enseignements section dd dl::before {
	content: "";
	position: absolute;
	margin-top: 2.5rem;
	margin-left: -1.35rem;
	background-color: #fff;
	width: .6rem;
	height: .6rem;
	border-left: 2px solid #333;
	border-top: 1px solid #333;
	transform: rotate(315deg);
}

#theses dt {
	display: block;
	font-weight: bold;
	padding: 1.5rem 0 .2rem 0;
}

#theses h3 + dt {
	border: none;
}

#theses dd {
	padding: .2rem 0 0 0;
}

#visiteurs article li {
	padding-bottom: 0.6rem;
}












/* ##################################################################################################### */


/* 4. EXTRAS: */





/* TEMPORARY: */

#postit1,
#postit2,
#postit3,
#postit4 {
	position: absolute;
}

#postit1 {
	margin: -15.5rem 0 0 8.5rem;
	z-index: 120;
	transform: rotate(-3deg);
}

#postit2 {
	margin: -17rem 0 0 -1.5rem;
	z-index: 100;
	transform: rotate(2deg);
}

#postit3 {
	margin: -20rem 0 0 -16rem;
	z-index: 100;
	transform: rotate(-1deg);
}

#postit4 {
	margin: -8rem 0 0 -10rem;
	z-index: 100;
	transform: rotate(4deg);
}

.postit1,
.postit2,
.postit3,
.postit4 {
	line-height: 1;
	text-align:center;
	padding:0 1rem;
	position:relative;   
	border:1px solid #e8e8e8;  
	font-size: 1.1rem;      
	border-bottom-right-radius: 60px 5px;
	display:inline-block;
	font-family: Kalam, cursive;
	color: darkblue;
}

.postit1 {
	width: 210px;
	min-height:210px;
	max-height:210px;
	border-top: 45px solid #fdfd86;
	background: #ffff88; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* IE10+ */
	background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.postit2 {
	width: 160px;
	min-height:160px;
	max-height:160px;
	border-top: 45px solid #ffb3d9;
	background: #ffb3d9; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffb3d9 81%, #ffb3d9 82%, #ffb3d9 82%, #ffe6f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffb3d9), color-stop(82%,#ffb3d9), color-stop(82%,#ffb3d9), color-stop(100%,#ffe6f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffb3d9 81%,#ffb3d9 82%,#ffb3d9 82%,#ffe6f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffb3d9 81%,#ffb3d9 82%,#ffb3d9 82%,#ffe6f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffb3d9 81%,#ffb3d9 82%,#ffb3d9 82%,#ffe6f2 100%); /* IE10+ */
	background: linear-gradient(135deg, #ffb3d9 81%,#ffb3d9 82%,#ffb3d9 82%,#ffe6f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb3d9', endColorstr='#ffe6f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.postit3 {
	width: 185px;
	min-height:185px;
	max-height:185px;
	border-top: 45px solid #66ff66;
	background: #ffb3d9; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #66ff66 81%, #66ff66 82%, #66ff66 82%, #b3ffb3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#66ff66), color-stop(82%,#66ff66), color-stop(82%,#66ff66), color-stop(100%,#b3ffb3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #66ff66 81%,#66ff66 82%,#66ff66 82%,#b3ffb3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #66ff66 81%,#66ff66 82%,#66ff66 82%,#b3ffb3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #66ff66 81%,#66ff66 82%,#66ff66 82%,#b3ffb3 100%); /* IE10+ */
	background: linear-gradient(135deg, #66ff66 81%,#66ff66 82%,#66ff66 82%,#b3ffb3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb3d9', endColorstr='#b3ffb3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.postit4 {
	width: 185px;
	min-height:185px;
	max-height:185px;
	border-top: 45px solid #cce6ff;
	background: #cce6ff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #cce6ff 81%, #cce6ff 82%, #cce6ff 82%, #e6f3ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#cce6ff), color-stop(82%,#cce6ff), color-stop(82%,#cce6ff), color-stop(100%,#e6f3ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #cce6ff 81%,#cce6ff 82%,#cce6ff 82%,#e6f3ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #cce6ff 81%,#cce6ff 82%,#cce6ff 82%,#e6f3ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #cce6ff 81%,#cce6ff 82%,#cce6ff 82%,#e6f3ff 100%); /* IE10+ */
	background: linear-gradient(135deg, #cce6ff 81%,#cce6ff 82%,#cce6ff 82%,#e6f3ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb3d9', endColorstr='#e6f3ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
 
.postit1::after,
.postit2::after,
.postit3::after,
.postit4::after {     
	content: "";
	position:absolute;
	z-index:-1;
	right:-0px;
	bottom:20px;
	width:180px;
	height: 25px;
	background: rgba(0, 0, 0, 0.2);
	box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40);
	-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	transform: matrix(-1, -0.1, 0, 1, 0, 0);
}

.postit1::after {     
	width:180px;
}

.postit2::after,
.postit3::after,
.postit4::after {     
	width:150px;
}

.postit1::before,
.postit2::before,
.postit3::before,
.postit4::before {
	content: url("data:image/svg+xml,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 476.737 476.737' style='enable-background:new 0 0 476.737 476.737;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23010002;' d='M475.498,232.298l-3.401-5.149l-63.565-63.565c-6.198-6.198-16.304-6.198-22.47,0 c-6.198,6.198-6.198,16.273,0,22.47l36.423,36.423H254.26V54.253l36.423,36.423c6.166,6.198,16.273,6.198,22.47,0 c6.166-6.198,6.166-16.273,0-22.47L249.588,4.64l-0.159-0.095l-4.99-3.305L238.369,0h-0.064l-6.007,1.24l-4.99,3.305l-0.191,0.095 l-63.565,63.565c-6.198,6.198-6.198,16.273,0,22.47s16.273,6.198,22.47,0l36.455-36.423v168.225H54.253l36.423-36.423 c6.198-6.198,6.198-16.273,0-22.47s-16.273-6.198-22.47,0L4.64,227.149l-0.095,0.159l-3.305,4.99L0,238.369v0.064l1.24,6.007 l3.305,4.958l0.095,0.191l63.565,63.565c6.198,6.198,16.273,6.198,22.47,0c6.198-6.166,6.198-16.273,0-22.47L54.253,254.26 h168.225v168.225l-36.423-36.423c-6.198-6.166-16.273-6.166-22.47,0c-6.198,6.198-6.198,16.304,0,22.47l63.565,63.565l5.149,3.432 l6.007,1.208h0.064l6.07-1.24l5.149-3.401l63.565-63.565c6.166-6.198,6.166-16.304,0-22.47c-6.198-6.198-16.304-6.198-22.47,0 l-36.423,36.423V254.26h168.225l-36.423,36.423c-6.166,6.166-6.166,16.273,0,22.47c6.198,6.166,16.304,6.166,22.47,0 l63.565-63.565l3.432-5.149l1.208-6.007v-0.064L475.498,232.298z'/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;display: block;
	width: 15px;
	height: 15px;
	margin: -37px 0 0 -10px;
	opacity: .2;
}


/* ##################################################################################################### */


/* 5. NO-SCRIPT: */



noscript.noscript_alert {
	position: fixed;
	display: block;
	left: 12rem;
	top: 12rem;
	z-index: 1000;
	background-color: none !important;
}

noscript.noscript_alert::after {
	content: "Votre navigateur ne supporte pas JavaScript, ce qui vous emp\0000EAchera de profiter de toutes les fonctionalit\0000E9s de ce site. Il est recommand\0000E9  d\000027autoriser JavaScript dans les param\0000E8tres de s\0000E9curit\0000E9  de votre navigateur.";
	position: absolute;
	display: block;
	width: 32rem;
	height: auto;
	background-color: #ffff66;
	box-shadow: 10px 10px 10px #666;
	border: 1px solid #000;
	padding: 15px;
	color: #000;
}













/* ##################################################################################################### */



/* 6. MOBILE
(CSS CODES FOR MOBILES AND THE LIKE): */

@media only screen and (max-width: 700px) {
	body {
		width: auto;
		margin: 0;
		padding: 0;
		hyphens: auto;
	}
	
	.hidden-on-mobile,
	nav,
	header:nth-of-type(1),
	header:nth-of-type(4),
	footer,
	.newbooks img,
	.postit,
	#home .twitter-timeline,
	#home .fb-page,
	#bap section::before,
	#brentano section::before,
	#esth section::before,
	#announcement-in-header,
	#googlesearch {
		display: none !important;
	}
	
	.displayed-on-mobile-only {
		display: block !important;
	}
	
	body,
	section,
	header,
	header h1,
	header h2,
	nav,
	footer,
	article {
		margin-left: 0 !important;
		width: 100% !important;
		height: auto !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		float: none !important;
	}
	
	header ul {
		width: 80% !important;
		height: auto !important;
	}
	
	header:nth-of-type(2) ul {
		background: none !important;
		box-shadow: none !important;
		margin-top: 1rem !important;
		display: box;width: 8rem !important;
	}
	
	header:nth-of-type(2) ul li:first-child {
		display: block;
		margin-bottom: .8rem !important;
	}
	
	header:nth-of-type(3) {
		margin-bottom: 3rem;
		background: none;
	}


.main_title_hc {
margin: 0 auto;
width: auto;
padding: 3rem 0 2rem 0;
}

header:nth-of-type(3) h1 a, 
header:nth-of-type(3) h2 a {
	color: var(--primary-theme-color);
}
	
	header:nth-of-type(3) h1 {
		font-size: 2rem !important;
	}
	
	header:nth-of-type(3) h2 {
		font-size: 1.5rem !important;
	}

	nav a {
		display: block;
		padding: .5rem !important;
	}
	
	section {
		position: relative !important;
	}
	
	aside {
		float: none !important;
		width: 100%;
	}
	
	aside iframe {
		width: 100% !important;
	}
	
	#contact {
		width: 100% !important;
		height: auto !important;
		background-color: #fff;
		border-top: 3px solid var(--primary-theme-color) !important;
		margin-top: 1.55rem !important;
		padding: 0 .5rem !important;
	}
	
	#contact::before {
		content: none !important;
	}
	
	#contact ul {
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
	}
	
	#contact ul,
	#contact div,
	a.socialbutton,
	footer,
	#contact a[href="https://www.uliege.be/"] svg {
		filter: brightness(100%);
	}
	
	div#hamburgermenuToggle {
		opacity: 1 !important;
		pointer-events: auto;
	}
		
	.fb-share {
	position: absolute !important;
	}
	
	.newbooks div,
	.newbooks p,
  	.newbooks ul {
		float: none !important;
		width: 100% !important;
}

.choose_language {
	top: -2rem;
	left: 2.5rem;
	border: none;
	padding: 0;
}

.choose_language a {
	color: #111;
	font-weight: bold;
}

#totoparrow {
	margin-left: 45%;
	top: 20rem;
	list-style-type: none;
}

#totoparrow a {	
	width: 1.5rem;
	height: 1.5rem;
    border-top: 2px solid var(--primary-theme-color);
    border-right: 2px solid var(--primary-theme-color);
}

#totoparrow::after {
	content: none;
}

#perso div.persowrapper {
	width: 100%;
	height: auto;
}
	
#perso div.persowrapper div {
	float: none !important;
	margin-bottom: .5rem;;
}
	
}