@charset "UTF-8";

:root {
  --rose: #FFE0E0;
  --rose-fonce: #FFA0A0;
  --bleu-pale: #E0EBFF;
  --vert-pale: #E0FFE0;
  --parme: #EFE0FF; 
    		
}


@media(min-width: 680px) {
		div.sousItem_cours div.disp {
			text-align: left;
			margin-left: 180px;
	 		}
		}

table.menuExercices {
		border-color: var(--gris-fonce);
        border-style: none none solid solid; 
		}

th.choix {				
		font-weight: bold;
        background-color: var(--gris-clair);
		color: var(--noir-moyen);
		border-color: var(--gris-fonce);
        border-style: solid solid none none;
        text-align: center;
		}

td.exercice,
td.choisi {        
		background-color: var(--fond-menu);	
		border-color: var(--gris-fonce);
        border-style: solid solid none none;
        text-align: center;
		font-weight: bold;
		font-style: italic;
        }

td.choisi {
		color: var(--rouge-fonce);
		}
td.exercice {		
		color: var(--bleu);
		cursor: pointer;
		}
		
td.exercice:hover {
		background-color: var(--fond-menu-soul);
		} 
		
div[class^="enonce"],
div[class^="sousItem_"] { 
		box-shadow: var(--grande-ombre);
		border-style: solid;
		border-color: var(--noir-fort);
		border-radius: 8px;
		}
		

div[class^="enonce"] {
		background-color: var(--fond-contenu);
		z-index:2;
		position: sticky; 
		}

div[class^="enonce"],
div[class^="items"],
div[class^="sousItem_"] {
		font-size: 100%;
		}
		
div.enonceVu,
div.itemsVu,
div.menuItems {
		display: block;
		visibility: visible;
		}
		
div.enonceCache,
div.itemsCache {
		display: none;
		visibility: hidden;
		}

div.titreExo {
		text-align: center;		
		font-style: italic;
		font-weight: bold;	
		color: var(--gris-tres-fonce);
		font-size: 125%;
		}
		
div.titreExo span {
		font-weight: normal;	
		font-size: 80%;		
		}

span.droite {			
		float: right;
		}
		
span.gauche {		
		float: left;
		visibility: hidden;
		}
	
div.par {
		text-align: left;
	    padding-block: 0.5ex;
		}

div.itemInitial,
div[class^="item_"] {
		font-weight: normal;
		font-style: normal;
		font-family: serif;
		font-size: 100%;	
		white-space: normal;
		}

div.sousItem_indication {background-color: var(--vert-pale);}
div.sousItem_cours 		{background-color:var(--orange-clair);}
div.sousItem_figure 		{background-color: var(--parme);}
div.sousItem_reponse 	{background-color: var(--bleu-pale);}
div.sousItem_correction {background-color: var(--rose);}

div.menuItems {
		margin-inline: auto;
		padding: 0;
		width: fit-content;
}

div[class^="titreItem_"] {
		font-style: italic;		
		font-weight: bold;
		font-size: 95%;
		padding: 0;
		cursor: pointer;  
	 	text-align: center;		
		font-size: 115%;
	    }

div.disp,
div.centr {
		text-align: center;
		margin: 0;
		}

div.disp {	
		padding-block: 1ex; 
		}
		
div.centr {	
		padding: .4ex; 
		}


div.item_correction canvas,
div.item_figure canvas,
td.cadre {
		border-style: ridge;
		border-color: var(--gris-pale);
		padding:0;
		}

div.rem {
		font-size: 90%;
		font-style: italic;
		margin-left: 2em;
		margin-block: 1.5ex;
		}

div.image,
div.erreur {
		text-align: center;
		}
		
td.cadre {
		border-width:2px;
		font-size: 90%;
} 
		
div.legende {
		font-size: 90%;
		font-style: italic;
		text-align: center;
		}
		
span.cours,
span.erreur,
a.erreur {
	position: relative;
	text-decoration: none; 
	color: black;
	}

span.cours {
	display: inline-block;
	background-color: var(--rose-fonce);	
	padding: 0;
  	margin-inline: 0;
  	margin-block: 1px;
	color: black;
	}
		
a.erreur,
div.erreur,
span.erreur {
	font-weight: bold;
    background-color: var(--gris-moyen);   
	color: var(--rouge);
	padding-right: 0.15rem;	
	padding-left: 0.25rem;
	padding-top: 0.15rem; 
	padding-bottom: 0.2rem;
	}

div.noteC {
		display: inline;
		visibility : hidden;
		margin-left: .65rem;
		left: -500px;
		position: absolute;
		white-space: nowrap;
		color: black;
		border-style: solid; 		
		border-color: var(--gris-tres-fonce);		
		border-radius: 6px;		
		background-color: var(--jaune-clair);
		z-index: 1;
		font-weight: normal;		
		font-style: normal;
		text-align: left;
}

div.noteC div.disp,
div.item_cours div.disp {
		padding: 0.3ex; 
		}

div.noteC div.centr  {	
		padding: 0.1ex; 
		}				

div.noteC ul,
div.item_cours ul {
		list-style-type: disc;
		padding: 0.4ex;
		margin: 0;
}

div.noteC ul li,
div.item_cours ul li {
		margin-left: 2rem;
  		padding-left: 0rem;
  		padding-block: 0.2ex;
}