/* ------ FONTS ------ */
@font-face {
  font-family: "Computer Modern";
  src: url('../css/cmunss.otf');
}
@font-face {
  font-family: "Computer Modern";
  src: url('../css/cmunsx.otf');
  font-weight: bold;
}
@font-face {
  font-family: "Computer Modern";
  src: url('../css/cmunsi.otf');
  font-style: italic, oblique;
}
@font-face {
  font-family: "Computer Modern";
  src: url('../css/cmunbxo.otf');
  font-weight: bold;
  font-style: italic, oblique;
}
@font-face {
  font-family: "Pinyon";
  src: url('../css/PinyonScript-Regular.ttf');
}
@font-face {
  font-family: "Soopafre";
  src: url('../css/soopafre.ttf');
}

/* --------------- */

body{          
	font-family: "Computer Modern", Verdana;
	color: white; 
	font-size: 15px;
	background-color: #000;
	min-width: 905px;
}
#me {
	max-width: 1000px;
	background-color: #224;
	color: white;
	padding: 15px; 
	padding-bottom: 0px;
	margin: 0px;
	width: 860px;
	height: 130px;
}
#me img{
	border: solid white 1px;
}
#theme {
	padding: 10px; 
	padding-left: 0px; 
	cursor: pointer;
}
a:link {
  color: darkgrey;
}
a:visited {
  color: grey;
}
a:hover {
  color: lightgrey;
}
.fonctionPoste{
	background-color: #EEE;
}
.rub {
	overflow:auto;
}
.titleRub {
	max-width: 850px;
	border-top: solid white 1px;
	border-bottom: solid white 1px;
	color: white;
	text-align: center;
	background-repeat:no-repeat;
	background-size: contain;
	background-color: #224;
	font-size: 20px;
}
#crypt {
	unicode-bidi:bidi-override;
	direction:rtl;
}
#jobs {
	/*padding-left: 25px; */
}
#ecole {
	/*padding-left: 25px; */
}
#computer {
	/*padding-left: 25px; */
}
#interets {
	/*padding-left: 25px; */
}
#logoLTF {
	width: 130px;
	//height: 50px;
}
#listOss {
  text-align: left; 
  display: flex; 
  justify-content: left; /* horizontalement */
  align-items: left; /* verticalement */
  height: 20px;
  width: 100%;
}
#lang {
  padding-left: 15px; 
  text-align: center; /* Centre le contenu */
  display: flex; /* Utilise un conteneur flexible */
  justify-content: left; /* horizontalement */
  align-items: center; /* verticalement */
  height: 20px;
  width: 100%;
}
.trombone{
	width: 20px;
	cursor: pointer;
}
.textImage{
	height: 17px;
	justify-content: left; /* horizontalement */
  align-items: bottom; /* verticalement */
}
.date {
	text-align: left;
	font-family: "Pinyon";
}
.row {
	overflow: auto;
}
.columnD {
	float: left;
	width: 160px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-right: solid white 1px;
}
.columnL {
	float: left;
	width: 650px;
	padding-left: 15px;
	padding-top: 10px;
}
.columnR {
	float: right;
	text-align: right;
	width: 120px;
	padding-left: 15px; 
}
.columnTitleL {
	float: left;
	width: 250px;
	padding-left: 15px;
}
.columnTitleR {
	display: inline-block;
	float: right;
	width: 520px;
	padding-left: 0px; 
}
.columnTitleR img{
	float: right;
	width: 100px;
}
.columnTitleR span{
	color: #888;
	font-size: 13px;
	padding: 10px;
	float: right;
	text-align: right;
}