	<style type="text/css">
		a:link { color: #0000FF; font-weight: bold; text-decoration:none; }
		a:visited { color: #663399; font-weight:400; text-decoration:none;}
		a:hover {font-weight: bold; text-decoration:underline;}
		h1,h2,h3{padding: 10px;}
		h4,h5,h6{padding: 0px 10px;}
		h1{font-weight:800;font-family:"Open Sans",Lora,-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}
		h2{font-weight:600;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}
		h3,h4,h5,h6{font-weight:300;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}
		body{
			font-weight:400;
			font-family:Avenir,"Avenir Next","Segoe UI",Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
		}
		body,h6{line-height:1.6}
		html{box-sizing:border-box;font-size:62.5%;margin:0;padding:0px}
		body{letter-spacing:.01em;font-size:1.3em}
		h1,h2,h3{letter-spacing:-.1rem}
		h1{font-size:4rem;line-height:1.2}
		h2{font-size:4.5rem;line-height:1.25}
		h3{font-size:2.9rem;line-height:1.3}
		h4{font-size:2.1rem;line-height:1.35;letter-spacing:-.07rem}
		h5{font-size:1.5rem;line-height:1.5;letter-spacing:-.05rem}
		h6{font-size:1.3rem;letter-spacing:0}
		body{
			/* max-width:960px; */
			margin:0 auto;
			width:85%;}
		table{border-collapse: collapse; margin-right:10px; margin-left:10px; background-color:;}
		/* table{border-collapse: collapse; } */
		table.exo{background-color:#FFF8C7;margin: 0px 0px;}
		table.exo td{padding: 5px; }
		table.lblue{color:white;font-weight:bold;}
		table.lblue td:first-child {font-weight:normal;background-color:white;color:black;text-align:right}
		table.lblue td {background-color:#00B8DE;padding:1px 5px;}
		
		.insertion{
			padding: 0px;
			/* padding: 0px 0px 20px 0px; */
			/* border-color: rgba(201, 241, 255, 255); */
			/* border-style: none none solid none; */
			/* border-width: 2mm; */
		}
		.exo {
			padding: 0px 20px;
			margin: 20px 90px 0px 90px;
			float: center;
			border: 1px dotted #FFCCAA;	
			background-color: #FFFDE0;
		}
		/* The Modal (background) */
		.modal {
		  display: none; /* Hidden by default */
		  position: fixed; /* Stay in place - could be relative */
		  /* float: center; */
		  z-index: 1; /* Sit on top */
		  padding-top: 20px; /* Location of the box */
		  left: 5%;
		  top: 5%;
		  width: 90%; /* Full width */
		  height: 90%; /* Full height */
		  overflow: auto; /* auto: Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(220,200,200,0.4); /* grey w/ opacity */
		}

		/* Modal Content */
		.modalContent {
		  background-color: #fffefe;
		  margin: auto; /* auto */
		  padding: 20px;
		  border: 1px solid #888;
		  width: 60%;
		}
		/* Slideshow: will be extracted from html 
		   into a separate file for embedded display */
		.slideshow {
		display: none;
		visibility: hidden;
		}
		.dialog {
		display: none;
		visibility: hidden;
		}
		.exergue{
			padding: 5px 50px;
			margin: 0px 50px 20px 50px;
			float: center;
			border: 4px solid #00B8DE;
			/* background-color:#00B8DE; */
			/* color:#0C2340; */
			/* color:#FFFFFF; */
			/* font-weight: bold; */
			font-size:2.5rem;line-height:1.35;letter-spacing:-.08rem;
			text-align:center;
		}
		.indent{
			margin-left: 40px;
		}
		.probleme {
			padding: 5px 10px 5px 10px;
			/* background-color:#F32A73; */
			/* color:#FFFFFF; */
			border: 4px solid #F32A73;
			font-weight:600;
			font-size:1.8rem;
			margin: 0px 30px 20px 30px;
			}
		.problem {
			/* Attention: utilise par Edx */
			padding: 5px 10px 5px 10px;
			/* background-color:#C2F0E5; */
			/* background-color:#00B8DE; */
			border: 2px solid #00B8DE;
			color:#000000;
			font-weight:500;
			font-size:1.6rem;
			margin: 0px 30px 20px 30px;
			}
		.QuestionAnswer {
			padding: 10px;
			background-color:#D9E1E2;
			color:#001F41;
			margin: 0px 30px 20px 30px;
			}
		.code {
			padding: 0px 10px 20px 10px;
			margin: 20px 20px 0px 20px;
			/* float: center; */
			border: 1px dotted #DDBB99;	
			background-color: #FFEEEE;
			/* font-family:"Fira Mono Medium",Courier */
			}
		.readings {
			padding: 0px 10px 0px 10px;
			margin: 20px 20px 0px 20px;
			border: 1px dotted #DDBBFF;	
			/* background-color: #F4F4FF; */
			background: url('Fond_MOOC.png');background-position: 0% 0%;background-size: 100% 100%;
			/* font-family:"Fira Mono Medium",Courier */
			}
		.objectives {
			padding: 0px 20px;
			margin: 10px;
			float: center;
			border: 1px dotted #FFCCAA;	
			/* background-color: #DFFAFF;} */
			background: url('Fond_MOOC.png');background-position: 0% 0%;background-size: 100% 100%;
		}
		caption {
			caption-side: top;
			text-align: left;
			letter-spacing:+.05rem;
			line-height:1.25;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		.xjlcode {font-family:"Fira Mono Medium",Courier;font-size-adjust: 0.50;}
		.xjlmath {font-family:Cambria;font-size-adjust: 0.50;}
		.highlight {font-weight: bold;color:#00B8DE}		/* pour hl */
		
		.videodiv {
			width: 642;
			height: 362;
			/* margin: 0px 144px 0px 144px; */
			float: center;	/* marche pas */
			border: 1px solid #00B8DE;
			padding: 1px;
			/* background-color: #F4F4FF; */
			text-align:center;
			}
		
		#summary {padding: 0px 20px;margin: 5px;float: right;border: 1px dotted #FFCCAA;	background-color: #FFFDE0;max-width:45%;}
		
				
		
		#forum {padding: 0px 20px;margin: 20px;float: center;border: 1px dotted #FFCCAA;	background-color: #C0D0FF;}
		#optional {padding: 0px 20px;margin: 0px;float: center;border: 1px dotted #FFCCAA;	background-color: #D8FFCD;}
		#hidden {padding: 0px 20px;margin: 0px;float: center;border: 1px dotted #FFCCAA;	background-color: #DDDDDD;}
		#warning {padding: 0px 20px;margin: 0px;float: center;border: 1px dotted #FFCCAA;	background-color: #FFDDDD;}

		@font-face {font-family:Nanum Pen Script;
		src: url(https://fonts.googleapis.com/css?family=Nanum+Pen+Script) format("truetype");}
		</style>
		<style>
		@font-face {font-family:Roboto;
		src: url(https://fonts.googleapis.com/css?family=Roboto) format("truetype");}
		</style>
		<style>
		@font-face {font-family:Open Sans;
		src: url(https://fonts.googleapis.com/css?family=Open+Sans) format("truetype");}
		</style>
		<style>
		@font-face {font-family:Fira Mono;
		src: url(https://fonts.googleapis.com/css?family=Fira+Mono) format("truetype");}
				
	</style>
