@charset "UTF-8";

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

ol li {
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
}

a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}

a:visited {
	color: #6E6C64;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
	width:80%;
	background-color: #FFEBCD;
	margin: 0 auto;
	overflow: hidden;
}

.sidebar1 {
	background-color: #FFEBCD;
	padding-bottom: 10px;
	width:20%;
	/*position: fixed;*/
	/*width:20%;*/
	float:  left;
	overflow: hidden;
}
.content {
	width:80%;
	min-height: 100vh;
	float: right;
	text-align: justify;
	background-color: #FFF;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

ul.nav {
	list-style: none;
	border-top: 1px solid #666; 
	margin-bottom: 15px;
}

ul.nav li {
	border-bottom: 1px solid #666;
}

ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background-color: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background-color: #ADB96E;
	color: #FFF;
}

ul.nav2 {
	list-style: none;
	border-top: 1px solid #666; 
	margin-bottom: 0px;
	margin-top: -1px;
}

ul.nav2 li {
	border-bottom: 1px solid #666;
}

ul.nav2 a, ul.nav2 a:visited {
	padding: 5px 5px 5px 45px;
	display: block; 
	text-decoration: none;
	background-color: #E1F5A9;
}
ul.nav2 a:hover, ul.nav2 a:active, ul.nav2 a:focus {
	background-color: #ADB96E;
	color: #FFF;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.refEtudiantNom {
	color: #330;
	font-size: 16px;
	font-weight: bold;
}

.refEtudiantAnnee {
	font-size: 16px;
}

.refEtudiantSujet {
	font-size:14px;
}

.refBiblioAnnee {
	font-size:22px;
	font-weight:bold;
	margin-left: -30px;
	margin-bottom: 20px;
	display:inline-block;
}

.refBiblioTitre {
	color: #063;
	font-size:16px;
}

.refBiblioAuteurs {
	font-size:14px;
}

.refMoi {
	font-size: 14px;
	font-weight: bold;
	color: #339;
}

.refBiblioDescriptif {
	font-size:14px;
	font-style:italic;
}

#images{
    text-align:center;
    margin:20px auto; 
}
#images a{
    margin:0px 20px;
    display:inline-block;
    text-decoration:none;
    color:black;
 }

 @media (prefers-color-scheme: dark)
 {
	body {
		font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
		background-color: #35363a ;
		margin: 0;
		padding: 0;
		color: #eeeeee;
	}

	ul, ol, dl {
		padding: 0;
		margin: 0;
	}

	ol li {
		margin-bottom: 20px;
	}

	h1, h2, h3, h4, h5, h6, p {
		margin-top: 0;	
		padding-right: 15px;
		padding-left: 15px;
	}

	a img {
		border: none;
	}

	a:link {
		color: #eeeeee;
		text-decoration: underline; 
	}

	a:visited {
		color: #6E6C64;
		text-decoration: underline;
	}

	a:hover, a:active, a:focus {
		text-decoration: none;
	}

	.container {
		width:80%;
		background-color: #35363a;
		margin: 0 auto;
		overflow: hidden;
	}

	.sidebar1 {
		background-color: #35363a;
		padding-bottom: 10px;
		width:20%;
		/*position: fixed;*/
		/*width:20%;*/
		float:  left;
		overflow: hidden;
	}
	.content {
		width:80%;
		min-height: 100vh;
		float: right;
		text-align: justify;
		background-color: #35363a;
		color: #eeeeee;
	}

	.content ul, .content ol { 
		padding: 0 15px 15px 40px; 
	}

	ul.nav {
		list-style: none;
		border-top: 1px solid #666; 
		margin-bottom: 15px;
	}

	ul.nav li {
		border-bottom: 1px solid #666;
	}

	ul.nav a, ul.nav a:visited {
		padding: 5px 5px 5px 15px;
		display: block; 
		text-decoration: none;
		background-color: #35363a ;
		color: #eeeeee;
	}
	ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
		background-color: #35363a ;
		color: #6E6C64;
	}

	ul.nav2 {
		list-style: none;
		border-top: 1px solid #666; 
		margin-bottom: 0px;
		margin-top: -1px;
	}

	ul.nav2 li {
		border-bottom: 1px solid #666;
	}

	ul.nav2 a, ul.nav2 a:visited {
		padding: 5px 5px 5px 45px;
		display: block; 
		text-decoration: none;
		background-color: #35363a ;
		color: #eeeeee;
	}
	ul.nav2 a:hover, ul.nav2 a:active, ul.nav2 a:focus {
		background-color: #35363a;
		color: #6E6C64;
	}

	.fltrt {
		float: right;
		margin-left: 8px;
	}
	.fltlft {
		float: left;
		margin-right: 8px;
	}

	.clearfloat {
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}

	.refEtudiantNom {
		color: #01f9f0;
		font-size: 16px;
		font-weight: bold;
	}

	.refEtudiantAnnee {
		font-size: 16px;
	}

	.refEtudiantSujet {
		font-size:14px;
	}

	.refBiblioAnnee {
		color: #eeeeee;
		font-size:22px;
		font-weight:bold;
		margin-left: -30px;
		margin-bottom: 20px;
		display:inline-block;
	}

	.refBiblioTitre {
		color: #06b6f8;
		font-size:16px;
	}

	.refBiblioAuteurs {
		font-size:14px;
	}

	.refMoi {
		font-size: 14px;
		font-weight: bold;
		color: #01f9f0;
	}

	.refBiblioDescriptif {
		font-size:14px;
		font-style:italic;
	}

	#images{
	    text-align:center;
	    margin:20px auto; 
	}
	#images a{
		margin:0px 20px;
		display:inline-block;
		text-decoration:none;
		color:black;
	}
}