@import url("https://fonts.googleapis.com/css?family=Sofia");

.zoneRendu {
	background: linear-gradient(to right, #ffffff 0%, #ffcc99 100%);
	font-size: 100%;	
	font-family: Arial,Verdana,sans-serif;	
}

.coursPublic__actions {
	display: flex;
	width: min(800px, 92%);
	justify-content: flex-end;
	margin: 1.5rem auto 0;
}

.coursPublic__actions button {
	padding: 0.7rem 1.1rem;
	border: 1px solid #1f6fa9;
	border-radius: 7px;
	background: #1f6fa9;
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.coursPublic__actions button:hover,
.coursPublic__actions button:focus-visible {
	background: #185b8c;
}

h2, h3, h4, h5, h6, p, .définitionContenu, .propriétéContenu, .remarque, .remarques, .exemple, .exemples, .information, .exercice, .solution, table, .image,
.python, .programmePython, .sortieProgramme  {
	margin: auto;
	width: 800px;	
	margin-top: 10px;
	margin-bottom: 10px;
}

.définitionContenu, .propriétéContenu {
	margin-top: 20px;
	margin-bottom: 20px;
}

img {
	width: 600px;
}

.mini {
	width: 300px;
	display: inline;
}

@media screen and (max-width: 850px) {
	h2, h3, h4, h5, h6, p, .définitionContenu, .propriétéContenu, .remarque, .remarques, .exemple, .exemples, .information, .exercice, .solution, table, img, .videoYoutube, 
	.image, .python, .programmePython, .sortieProgramme {
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 92%;
	}
}

.programmePython {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 10px 0;
	overflow: hidden;
	border: 2px solid #6f6257;
	border-radius: 5px;
	background-color: rgb(39, 39, 39);
	color:rgb(255,150,50);
}

.programmePython .cm-editor {
	width: 100%;
	max-width: 100%;
}

.programmePython .cm-scroller {
	max-width: 100%;
	overflow: auto;
}

.programmePythonImpression {
	display: none;
}

.python > button {
	min-width: 4.5rem;
	min-height: 2.5rem;
	margin: 0 0 10px;
	padding: 0.45rem 0.85rem;
}

.python .sortieProgramme {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.sortieProgramme {
	box-sizing: border-box;
	display: block;
	font-family: Consolas, "Courier New", monospace;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	resize: vertical;
}

.sortieProgramme--erreur {
	border: 2px solid #9b1c1c;
	background: #fff4f4;
	box-shadow: inset 5px 0 0 #9b1c1c;
}

.python button:disabled {
	cursor: wait;
	opacity: 0.7;
}

.videoYoutube, .image {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.geogebra {
	display: none;
}

.titre {
	color: purple;	
	width: 300px;
	text-align: center;
	margin: auto;
	margin-bottom: 50px;
	padding: 10px;
	background: rgb(228,178,255);
	border: 2px solid #AA0000;
	border-radius: 10px;	
}

h2,h3,h4,h5,h6 {	
	color: blue;
	font-weight: bold; 
	text-align: left; 
	text-decoration: underline;
	font-size: 100%;		
	/*padding-left: 10px;*/
} 

h2 {
	font-size: 200%;
}

h3 {		
	font-size: 150%;						
}
	
h4 {		
	font-size: 120%;	
}
	
.cadre {
	border: 1px solid black;
	background: rgb(255,255,120);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	overflow-wrap: anywhere;
	word-break: normal;
	padding: 0.18em 0.32em;
}

.cadre mjx-container[jax="CHTML"] {
	display: inline-block !important;
	max-width: 100%;
	overflow: visible !important;
	vertical-align: baseline;
}

.cadreFormule {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	margin: 0.12em 0;
	padding: 4px 6px;
	vertical-align: middle;
	white-space: nowrap;
}

.cadre mjx-container[jax="CHTML"] {
	margin: 0.2em 0.08em;
}

.cadreFormule > mjx-container[jax="CHTML"],
.cadreFormule > mjx-container[jax="CHTML"][display="true"] {
	display: inline-block !important;
	width: auto;
	max-width: 100%;
	margin: 0 !important;
	overflow: visible !important;
}

.formuleBloc {
	box-sizing: border-box;
	display: block;
	width: fit-content;
	max-width: 100%;
	margin: 0.8em auto;
	padding: 0.45em 0.65em;
	overflow-x: auto;
	overflow-y: visible;
	border: 1px solid black;
	background: rgb(255,255,120);
}

.formuleBloc mjx-container[jax="CHTML"] {
	max-width: 100%;
	overflow: visible !important;
}

.formuleBloc mjx-container[jax="CHTML"][display="true"] {
	margin: 0.2em 0 !important;
}
	
.définitionTitre {    
	color: blue;
    background: rgb(155,155,255);   
	border-style:solid;
	border-color:purple;	
	border-width: 2px;
	border-radius:6px;
	padding: 4px;
	text-align: center;
	font-weight: bold;	
	position: relative;	
	top: -34px;
	left: 25px;	
	display: inline;	
}

.définitionContenu {    	
    background: rgb(220,220,255);
	color: purple;			
	border-style: solid;
	border-radius: 10px;	
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;	
	display: block;	
	box-shadow: 10px 10px 5px grey;	
}

.propriétéTitre {    
	color : blue;
    background: rgb(155,155,255);   
	border-style:solid;
	border-color:purple;	
	border-width : 2px;
	border-radius:6px;
	padding : 4px;
	text-align:center;
	font-weight:bold;	
	position:relative;	
	top: -34px;
	left: 25px;	
	display:inline;
}

.propriétéContenu{    
    background: rgb(120,255,255);
	color: purple;	
	border-style: solid;
	border-radius: 10px;	
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;	
	display: block;	
	box-shadow: 10px 10px 5px grey;	
}

.définitionContenu,
.propriétéContenu,
.exemple,
.exemples,
.remarque,
.remarques,
.information,
.exercice {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	overflow: visible;
}

.exemple, .exemples, .remarque, .remarques, .information {	
	border: solid;	
	padding: 10px;	
	display: block;	
}

.exemple, .exemples {
	color: rgb(29, 122, 29);
	background-color: rgb(171, 241, 171);
}

.remarque, .remarques {
	color: maroon;		
	background-color:rgba(231, 231, 223, 0.918)	
}

.information {		
	color: rgb(39, 39, 39);
	background-color: white;	
	border-radius: 10px;
}

.exercice {	
	color: rgb(255,255,204);	
	font-family: Sofia;			
	padding: 10px;
	background-image: url('../images/TableauNoir3.jpg');
	border: 1px solid #000000;
	border-radius: 10px;
	box-shadow: 10px 10px 5px grey;
	display: block;
}

.solution {	
	color: blue;
}

.button {
  background-color: #008CBA;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
} 

table.tableauValeurs, table.tableauValeurs th, table.tableauValeurs td {
	border: solid 1px;
	border-collapse: collapse;	
	text-align: center;
}

table.tableauValeurs th, table.tableauValeurs td {
	width: 50px;
}

table.tableauDérivées {
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 20px;
	border-style: solid;	
	overflow: hidden;
}

table.tableauDérivées th, table.tableauDérivées td {		
	text-align: center;
}

table.tableauDérivées th:not(:last-child), table.tableauDérivées td:not(:last-child) {
	border-right: 1px solid black;
}

.tableauDérivées tr:nth-child(odd) {
	background-color:rgb(255, 255, 55);
}

.tableauDérivées tr:nth-child(even) {
	background-color:rgb(252, 218, 166);
}

.tableauDérivées tr:nth-child(1) {
	background-color:rgb(190, 252, 166);
}

.tableauDérivées tr:hover {
	background-color:rgb(247, 184, 223);
}

.tabVar {
	--ml-variation-border: #166534;
	--ml-variation-axis-bg: #fffaf5;
	--ml-variation-values-bg: #fffaf5;
	box-sizing: border-box;
	width: min(800px, 100%);
	max-width: 100%;
	min-width: 0;
	margin: 10px auto;
	text-align: center;
}

.tabVar > .ml-variation-wrap {
	display: block;
	width: 100%;
	min-width: 0;
	contain: inline-size;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.tabVar > .ml-variation-wrap > .ml-variation-table {
	width: max-content;
	max-width: none;
	margin: 0 auto;
	border: 1px solid var(--ml-variation-border);
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
	table-layout: fixed;
	background: var(--ml-variation-values-bg);
}

.tabVar > .ml-variation-wrap > .ml-variation-table > tbody > tr {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

.tabVar > .ml-variation-wrap > .ml-variation-table > tbody > tr:hover {
	background: transparent;
}

.tabVar > .ml-variation-wrap > .ml-variation-table > tbody > tr > th,
.tabVar > .ml-variation-wrap > .ml-variation-table > tbody > tr > td {
	box-sizing: border-box;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--ml-variation-border);
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	vertical-align: middle;
	background: transparent;
}

.tabVar > .ml-variation-wrap > .ml-variation-table > tbody > tr > .ml-variation-axis {
	background: var(--ml-variation-axis-bg);
}

.tabVar > .ml-variation-wrap > .ml-variation-table > tbody > tr > .ml-variation-values {
	background: var(--ml-variation-values-bg);
}

div#tableau span.a
	{
		display: inline;
	}

div#tableau:hover span.a
	{
		display: none;
	}  

div#tableau span.b
	{
		display: none;
	}

div#tableau:hover span.b
	{
		display: inline;
	}  	

span#tableau span.a
	{
		display:inline;
	} 
	
span#tableau:hover span.a
	{
		display:none;
	}  

span#tableau span.b
	{
		display:none;
	} 
	
span#tableau:hover span.b
	{
		display:inline;
	}

[contenteditable]:focus {
	outline: 0px solid transparent;
}