@charset "utf-8";
/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/fira-sans-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/fira-sans-v16-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/fira-sans-v16-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/fira-sans-v16-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('fonts/fira-sans-v16-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/fira-sans-v16-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-code-pro-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-code-pro-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-code-pro-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-code-pro-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-code-pro-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-code-pro-v22-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-code-pro-600 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-code-pro-v22-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-code-pro-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-code-pro-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-code-pro-v22-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-code-pro-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-code-pro-v22-latin-600.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}


body { 
	font-family: 'Fira Sans', Arial, sans-serif;
	/*font-family : 'times new roman', times, serif;*/
	color: Navy; /*#000080*/
	background-color : #F2F3F4;
	/* = #000080 */
	/*font-size: 14pt;*/
	line-height : 125%;
}

/*@media (max-width: 600px) {
  .MathJax{
	  font-size : 1.3em;
  }
}
*/
h1 {  
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif; 
	background-color:#006400;
	color:white;
	font-size: 120%;
	font-weight: bold;
	/*text-align: center;*/
	margin-left:0em;
	text-indent: 0em;
	padding: 3px;
}
h2 {  
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	/*background-color: #00AA00;*/
	color : #006400; /*color: white;*/
	}
h3 {  
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif;
	font-size: 105%; 
	font-weight: bold; 
	color: #00BB00;}
ol{
	margin-left : 0em;
	padding-left: 1em;
}
.GdTitre {  
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif;
	background-color:#006400;
	font-size: 115%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	/*border: solid;*/
	margin-left:20px;
	margin-right:20px;
}
.entete{
	background-color:#006400;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	/*border: solid;*/
	padding-left:10px;
	padding-right:10px;
}
/* N'a pas l'air de marcher avec Firefox
#bloc_page{
	width:400px;
	margin:auto;
}
*/
.titre{
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif; 
	font-size: 110%;
	font-weight: bold;
	color: #0000AA; 
	text-align: center;
	margin-left:3em;
	text-indent: 3em;
}
.bt_pdf{
	width:auto;
	margin-left: 0em;
	margin-right:0em;
	cursor: pointer;
	font-weight:bold;
	font-size: 100%;
	text-decoration: none;
	border : thin solid red;
	color : white;
	background-color:red;
	padding: 5px 5px 5px 5px;
            border-radius : 10px ;
            box-shadow : 5px 1px 5px 0px #ccc ;
    height:120%;
    display:inline-block;
}
.bt_inactif{
	width:auto;
	cursor: not-allowed;
	margin-left: 0em;
	margin-right:0em;
	font-size: 100%;
	font-style: italic;
	border : thin solid DarkGrey;
	color : white;
	background-color:DarkGrey;
	padding: 5px 5px 5px 5px;
            border-radius : 10px ;
            box-shadow : 5px 1px 5px 0px #ccc ;
    height:120%;
    display:inline-block;
}
.bt_inactif a{
   text-decoration:none;
    color:inherit;
	cursor: not-allowed;
}
.bt_pdf a{
   text-decoration:none;
    color:inherit;
}
.bt_vid{
	width:auto;
	margin-left: 0em;
	margin-right:0em;
	cursor: pointer;
	font-weight:bold;
	font-size: 100%;
	text-decoration: none;
	border : thin solid DarkOrange;
	color : white;
	background-color:#FF8C00;
	padding: 5px 5px 5px 5px;
            border-radius : 10px ;
            box-shadow : 5px 1px 5px 0px #ccc ;
    height:120%;
    display:inline-block;
}
.bt_vid a{
	text-decoration: none;
	color: inherit;
}
.centrage{
	text-align:center;
}
.bt_html:visited{
		color: BlueViolet;
}
.bt_html{
	cursor: pointer;
	font-weight:bold;
	font-size: 100%;
	text-decoration: none;
	border : thin solid #0000AA;
	color : white;
	background-color:#0000AA;
	padding: 3px 3px 3px 3px;
            border-radius : 5px ;
            box-shadow : 5px 1px 5px 0px #ccc ;
    display:inline-block;
	margin: 2px 2px 2px 2px;
}
.bt_html a{
   text-decoration:none;
    color:inherit;
}
.bt_html:hover{
		background-color:#0000FF;
}

.bt_pdf:hover{
			background-color:#FF5555;
}
.bt_vid:hover{
		background-color: #FFAC20;
}
.logos{
	text-align: right;
	padding:3em;
	}
/* PARTIE POUR LA REDACTION DES COURS ET EXOS */
.prop{ 
	color: #CC0000;
}
.surligne{
	background-color:Yellow;
	font-weight:bold;
}
.exemple{
	color: #005500;
}
.tcalc{/* instructions calculatrice */
	font-family: 'Source Code Pro', ui-monospace, serif;
	color: blueviolet;
}
.encadre{
	width: 95%;
	margin: 5px;	
	border: solid thin #FF0000;	
	padding: .25em;
	/*font-size : small;*/
	background-color: Cornsilk;

	}
.annonce {
	color: #0000AA;
	font-weight: bold;
	margin-top:.5em;
	margin-bottom: .5em;
	margin-left:0em;
	text-indent:0em;
}
table {
	border:medium solid #0000AA;
	border-collapse: collapse;
	margin: auto;
}
td	{
	text-align: center;
	border: thin solid #0000AA;
	padding: 5px;
	
}
 th {
	text-align: center;
	border: thin solid #0000AA;
	padding: 5px;
	background-color : #D3F2C9;	
	font-weight : bold;
}	
td.vide{
	background-color: #222222;
}
em {
		font-style:italic;
}
.bt_extra{cursor:pointer;
	border : thin solid #003399;
	color : white;
	background-color:#003399;
	padding: 2px;
            border-radius : 10px ;
            box-shadow : 5px 1px 5px 0px #ccc ;
}
.extra{
	visibility:hidden;
	position:absolute;
	z-index:100;
	opacity:1;
	background-color:#6699FF;
	padding: 10px;
	margin:10px;
	width:750px;
	border-style: solid;
	border-color:black;
	border-width:thin;
	box-shadow: 4px 4px 4px black;
}
.bt_cor{
	cursor:pointer;
	position : static;
	font-size: 100%;
	font-family: sans-serif;
	font-weight: bold;
	/*width : 290px ;
	height : 80px ;*/
	margin-top : 25px;
	margin-bottom : 25px;
	border : thin solid #006633;
	color : white;
	background-color:#006633;
	line-height : 2;
	padding: 2px 5px 2px 5px;
            border-radius : 10px ;
            box-shadow : 5px 1px 5px 0px #ccc;
}
.bt_cor:hover{
		background-color:#58F54C;
}
/* cbc = cadre du bouton corrigé */
.cbc{
	text-align: center;
}
.corrige{
	text-align: left;
	display : none;
	/*position:relative;
	z-index:100;
	opacity:1;*/
	background-color:#CCFFCC; /*soit R=204, V=255 et B=204 */
	padding: 3px;
	margin:3px;
	border-radius: 3px;
	border-style:solid;	
	border-color:black;
	border-width:thin;
	/*box-shadow: 2px 2px 2px black;*/
}
.bt_supp{
	cursor:pointer;
	position : static;
	font-size: 100%;
	font-family: sans-serif;
	font-weight: bold;
	/*width : 290px ;
	height : 80px ;*/
	margin-top : 25px;
	margin-bottom : 25px;
	border : thin solid Brown;
	color : white;
	background-color:Gold;
	line-height : 2;
	padding: 2px 5px 2px 5px;
            border-radius : 10px ;
            box-shadow : 5px 1px 5px 0px #ccc;
}
.bt_supp:hover{
		background-color:Brown;
}
.supp{
	display : none;
	/*position:relative;
	z-index:100;
	opacity:1;*/
	background-color:LightYellow; 
	padding: 3px;
	margin:3px;
	border-radius: 3px;
	border-style:solid;	
	border-color:Brown;
	border-width:thin;
	/*box-shadow: 2px 2px 2px black;*/
}
.corlight{
	visibility : hidden;
	color : DarkRed;
	font-weight: bold;
	background-color: LightGreen;
}
.bt_ind{cursor:pointer;
	font-weight : bold;
	border : thin solid #006633;
	color : white;
	background-color:DarkMagenta;
	padding: 0px 5px 0px 5px;
            border-radius : 10px ;
            box-shadow : 5px 1px 5px 0px #ccc;
}
.bt_ind:hover{
		background-color:Fuchsia;
}
.indication{	
	display:none;
	background-color:Moccasin;
	padding: 3px;
	margin:3px;
	border-radius: 3px;
	border-style:solid;	
	border-color:black;
	border-width:thin;
}
.commentaire{
	display: inline-block;
	background-color: #FFFF11;
	border: 1px solid blue;
	width:680px;
	vertical-align: middle;
}
.iconecommentaire{
		display: inline-block;
		vertical-align: middle;
}
.logos{
	text-align: right;
	padding:3em;
	}
.flottantdroite{
	float:right;
}
.conteneur{
	display : flex;
}
.contenu{
	flex-grow : 1;
}
.nomenclature{
	cursor: pointer;
	font-weight:bold;
	font-size: 100%;
	text-decoration: none;
	display : inline-block;
}
.nomenclature a{
   text-decoration: underline dotted;
    color:inherit;
}
.nomenclature:hover{
		color:#FF0000;
}
.ducode {
	color : DarkRed;
	background-color : LemonChiffon;
	font-family : "Times New Roman", serif;
}	
.portable{
		width: 520px;
		padding: 10px;
		background-color:white;
}
.footnotesize{
		font-size : 75%;
}
.listing{
		font-family : 'Source Code Pro', Garamond, Cambria, "Courier New", Courier, monospace;
		font-weight : 600;
		white-space: pre;
		background-color: AliceBlue;
}
.lstnum{
		liste-style-type : decimal;
}
.lstalph{
		liste-style-type : alpha;
}
.zonenav{
		background-color: #dcedc8;
		text-align:center;
		padding:3px;
}	
.cliquable{
	cursor:pointer;
}
.numexo{
	/*color : white;*/
	font-weight : bold;
	background-color: #dcedc8;
	border: 2px solid #dcedc8;
}	
pre {
		font-family : 'Source Code Pro', Garamond, Cambria, "Courier New", Courier, monospace;
		font-weight : 600;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  font-size :smaller;
  width: 240px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.italique{
	font-style: italic;
}
.enrouge{
	color: red;
}
.enbleumarine{
	color: navy;
}
.theme{
	color : #006400;
	font-weight : bold;
	font-size:120%;
	margin-top:7px;
	margin-bottom: 7px;
}
.imageligne{
	position : relative; 
	bottom : -4px;
}
.q1{
	text-indent : -1em;
	margin-left: 1em;
}
.q2{
	text-indent : -1em;
	margin-left: 2em;
}
.q12{
	text-indent : -2em;
	margin-left : 2em;
}
.clignotant{
	animation:blinking 1.5s infinite;
	font-size: 20px;
	font-weight : bold;
	}
	@keyframes blinking{
	0%{   color: red;   }
	50%{   color: transparent; }
	100%{  color: red;   }
	}
.aucentre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}	
.struct{
	font-weight : bold;
	color : #006400;
}
.structit{
	font-weight: bold;
	font-style: italic;
	color : #006400;
}
.vert{
	writing-mode: vertical-rl;
	text-orientation: sideways;
}