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

/* COLOR DEFINITIONS */
/* Light theme colors */ 
:root {
	--background-color: #fdf6e3; /* Solarized base3 */
	--background-highlights-color: #eee8d5; /* Solarized base2 */
	--invert-background-highlights-color: #073642; /* Solarized base02 */
	--primary-text-color: #657b83;  /* Solarized base00 */
	--secondary-text-color: #93a1a1; /* Solarized base1 */
	--emphasized-text-color: #586e75; /* Solarized base01 */
}
/* Dark theme colors */ 
[data-theme="dark"] {
	--background-color: #002b36; /* Solarized base03 */
	--background-highlights-color: #073642; /* Solarized base02 */
	--invert-background-highlights-color: #eee8d5; /* Solarized base2 */
	--primary-text-color: #839496; /* Solarized base0 */
	--secondary-text-color: #586e75; /* Solarized base01 */
	--emphasized-text-color: #93a1a1; /* Solarized base1 */
} 
/* Other theme colors */ 
:root {
    --site-title-color: #cb4b16;/* Solarized orange */
    --site-subtitle-color: #b58900;/* Solarized yellow */
    --section-title-color: #859900; /* Solarized green */
    --time-text-color: #268bd2; /* Solarized blue */
    --actual-time-text-color: #6c71c4; /* Solarized violet */
    --details-text-color: #2aa198; /* Solarized cyan */
    --action-color: #d33682; /* Solarized magenta */
    --red-color: #dc322f; /* Solarized red */
	--terminal-window-color: #300A24; /* Ubuntu terminal background */
    --terminal-bar-color: #222222; /* Ubuntu terminal bar*/
    --terminal-text-color: #D3D7CF;  /* Ubuntu terminal text*/
    --terminal-folder-color: #3465A4;  /* Ubuntu terminal location/folder*/
    --terminal-folder-color2: #729FCF;  /* Ubuntu terminal color*/
    --terminal-user-color: #8AE234; /* Ubuntu terminal user*/
	--terminal-exit-button-color: #e04a26; /* Ubuntu terminal user*/
	--terminal-bar-component-color: #fff; /* Ubuntu terminal user*/
}

/* BASE SETTINGS*/
html {
	font-family: Ubuntu;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	margin-top: 5rem; /* Ecart avec le haut de l'écran */
  	background: var(--background-color); 
  	color: var(--primary-text-color);
    font-size: 100%;
  	font-weight: normal;
    font-style: normal;
    line-height: 1.5rem;
    cursor: auto;
}
h1, h2, h3, h4, h5, h6{color: var(--emphasized-text-color);}
h1 {font-size: 2.75rem;}
h2{font-size: 2rem;}
h3{font-size: 1.50rem;}
a {
	background-color: transparent;
	color: var(--action-color);
	text-decoration:none;
}
a:hover {background: var(--background-highlights-color);}
.date{color: #268bd2; /* blue */}
.date_active{
 color: #6c71c4; /* violet */
 font-weight: bold;
}
.location {color: var(--secondary-text-color);}
.topic_name{color: var(--details-text-color);}
.complementary_info{color: var(--emphasized-text-color);}
/* Pictures */
svg:not(:root) {overflow: hidden;}
img {
	max-width: 100%;
	height: auto; 
	vertical-align: middle;
}
/* Quotations */
blockquote{background-color: var(--background-highlights-color);}
/* Tables */
table {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-bottom: 0.1rem solid black;
	border-top: 0.1rem solid black; 
	background-color: var(--background-color);
}
th, td{
	text-align: left;
	color: var(--primary-text-color);
}
th, td {padding: 1rem;}
table thead tr th {
	border-bottom: 0.1rem solid black;
	background-color: var(--background-highlights-color);
	color: var(--emphasized-text-color);
}
tr td, table tr td{color: var(--primary-text-color);}
tbody tr:nth-child(even) {background-color: var(--background-highlights-color);}
/* Positionning */
.unpadding{padding: 0rem;}
.border {
	width: 2rem;
	height: 1px;
	margin: 0 auto;
	margin-top: 1rem  !important;
	background: var(--emphasized-text-color);
	margin-bottom: 0.5rem;
}

/* HEADER */
/* Identity */
.site_title{
	color: var(--site-title-color); /* orange */
	font-weight: bold;
}
.site_subtitle{
	color: var(--site-subtitle-color); /* yellow */
	font-weight: bold;
}
.site_photo{margin-top:1rem;}
/* Additional info */
.site_additional_info{
	padding-top: 1rem;
	color: var(--emphasized-text-color);
}
.border-left {
  border-left: 1px solid;
}
.border-left ul {
  margin-bottom: 0;
}
.social_networks a {
	margin-top: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.5rem;
}
.social_networks a .icon {
	width: 2.5rem;
	fill: var(--action-color);
}
.header_links{
	padding-top: 2rem;
}
/* Langage plugin*/
.langswitcher {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
/* Theme color switcher */
.theme_switcher{margin-bottom: 1rem;}
#theme_switch {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 1rem;
  margin: 0rem;
}
.theme_switch input {opacity: 0;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-highlights-color);
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 0rem;
  bottom: 0rem;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
} 
input:checked + .slider:before {
  -webkit-transform: translateX(1.5rem);
  -ms-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
}
.theme_switcher .icon {
	width: 1rem;
	height: 1rem;
	fill: var(--invert-background-highlights-color);
}

/* CONTENTS */
.section_title{
  color: #859900; /* green */
  font-weight: bold;
  border-bottom: 2px dotted;
  padding-top: 4rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
/* Terminal */
.terminal {  
	color: var(--terminal-text-color);
	height: auto; 
	box-shadow: 2px 4px 10px rgba(0,0,0,0.5);
} 
.terminal a, .terminal_prompt_location{color: var(--terminal-folder-color);}
.terminal a:hover{
	background: var(--terminal-window-color);
	color: var(--terminal-folder-color2);
}
.terminal_bar {
	display: flex;  
	margin: 0rem !important;
	align-items: center;  
	padding: 0 8px;  
	border-top-left-radius: 5px;  
	border-top-right-radius: 5px;  
	background: var(--terminal-bar-color);
	color: var(--terminal-bar-component-color);
} 
.bar_buttons {  
	text-align: right;
	padding: 0rem;
} 
.bar_button {  
	margin: 0;
	margin-right: 1rem;  
	border-radius: 100%;  
	padding: 0;
	background-color: var(--terminal-bar-color);
	transition: background-color; 
}
.bar_button:hover, .bar_button:focus{
	background-color: var(--terminal-bar-color);
	cursor: pointer;
	outline: none;
}
.bar_exit_button{  
	background: var(--terminal-exit-button-color);    
	margin-right: 0.5rem; 
	height: 1.5rem;
	width: 1.5rem;
} 
.bar_exit_button:hover, .bar_exit_button:focus{background-color: var(--terminal-exit-button-color);}
.bar_title {
	text-align: center;
	margin: 0.5rem 0rem;
} 
.terminal_body {  
	text-align: justify;
	background: var(--terminal-window-color);  
	font-family: 'Ubuntu Mono';  	  
	padding: 0.5rem; 
} 
.terminal_prompt {display: flex;}
.terminal_prompt_user {color: var(--terminal-user-color);}
.terminal_prompt_cursor {
  width: 0.5rem;
  margin-left: 0.5rem;
  animation: blink 1200ms linear infinite;
}	
@keyframes blink {
  0% {background: var(--terminal-text-color);}
  49% {background: var(--terminal-text-color);}
  60% {background: transparent;}
  99% {background: transparent;}
  100% {background: var(--terminal-text-color);}
}
/* Research topics */
.research_block ul{list-style: none}
.research_block ul li .list_icon {
	fill: var(--emphasized-text-color);
    width: 1rem;
    height: 1rem;
    vertical-align: -0.125rem;
}
/* Timelines */
.timeline_block {
	position: relative;
	margin-top: 3rem;
	text-align: justify;
}
.timeline_content {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-left: 0.3rem solid;
	padding-left: 2rem;
}
.timeline_content:before { /* Arrow head */
	border-style: solid;
	border-width: 0 0.5rem 1rem 0.5rem;
	border-color: transparent transparent var(--actual-time-text-color) transparent;
	content: "";
	position: absolute;
	left: -0.4rem;
	top: -0.5rem;
}
.timeline_content:after { /* Starting dot */
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: var(--time-text-color);
	content: "";
	position: absolute;
	left: -0.4rem;
	bottom: -0.2rem;
}
.timeline_content .content_item{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.timeline_content .content_item:before { /* Item corresponding dot*/
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 3px solid;
	background: var(--time-text-color);
	content: "";
	position: absolute;
	left: -0.4rem;
	margin-top: 2rem;
}
.timeline_content .content_item .logo{
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 7rem;
	max-width: 7rem;
}
/* Suvervising */
.supervising_block h3 {
	font-weight: normal;
	border-bottom: 2px dotted;
	padding-top: 2rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.supervising_block h4{
	padding: 0rem;
	margin: 0rem;
	border-bottom: none;
}

/* FOOTER */
.footer p {font-size: 0.7rem;}













.picture_note {
  color: #93a1a1; /* base1 */
}

.italic {
  font-style: italic;
}