@charset "UTF-8";

:root {
  --fond: #FFFFFF;
  --fond-bandeau: #0158BB;
  --fond-bandeau-soul: #003876;
  --coul-bandeau: #FFFFFF;  
  --coul-bandeau-stop: #808080;
  --coul-titre: #1919A0;
  --ombre: #808080;
  --grande-ombre: 3px 3px 6px var(--ombre);
  --petite-ombre: 2px 2px 4px var(--ombre);
  --fond-menu: #FADBD8;
  --fond-menu-soul: #F5B7B1;
  --coul-menu: #0000FF;
  --coul-menu-soul: #C00000;
  --coul-bord-menu: #808080;
  --fond-contenu: #FFFBF2;
  --fond-marqueDisp: #B9B9B9;
  --fond-marqueDispp: #C0C0FF;
  
}

		
html::-webkit-scrollbar { /* Hide scrollbar for Chrome, Safari and Opera */
  		display: none; 
}

html {	/* Hide scrollbar for Firefox, IE and Edge */
 		-ms-overflow-style: none; /* IE and Edge */
   		scrollbar-width: none; /* Firefox */
		}
		
@media(max-width: 680px) {
	.detail {
	   	display: none;
	 	}
	 	
	.mobilePortrait {
		display: flex;
		}

	div.groupePages {
		display: flex;
		}
		
	a.pageSimple {
		display: none;
		}
}		

@media(min-width: 680px) {
	.detail {
	   	display: table-cell;
	 	}
	 	
	.mobilePortrait {
		display: none;
		}


	div.groupePages {
		display: none;
		}
		
	a.pageSimple {
		display: block;
		}
}

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

@media(max-width: 460px) {
	.mobilePortraitDisp {
		display: flex;
		}
	
}

@media(min-width: 460px) {
	.mobilePortraitDisp {
		display: none;
		}
	
}	

@media(max-width: 1024px) {
	.noteB,
	.noteR {
		visibility: hidden;
		}
		
	.intitule {
		height: 21px;
		margin-top: 2px;
		margin-bottom: -2px;
		}
}

body {				
		width: 100%;
		font-family: Verdana, Geneva, sans-serif;
		background-color: var(--fond);
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
 		margin-bottom: 0;
 		cursor: default;
		} 

/**************** Haut de page ****************/

table {		
		padding: 0;
		border-spacing: 0;  
		}
		

div.bandeau {
		position: sticky;
		top:0;
		z-index:2;
		width: 100%;
		font-size: 110%;
		display: flex;
		align-items: flex-start;
		margin-inline: 0;
		margin-block: 0;
		padding: 0;
		border-spacing: 0;
		color: var(--coul-bandeau); 
		background-color: var(--fond-bandeau);
		}
		
a.pageSimple,
a.pageAccueil,
div.groupePages {
		align-items: center;
		padding: 0;
		border-spacing: 0;
		}

a.pageAccueil {
		display: block;
		}
		
a.pageSimple,
div.groupePages {
		justify-content: space-around;
		}
		
div.groupePages {
		flex-direction: column;
		}

div.sousBandeau {
		display: grid;
		position: absolute;
		visibility: hidden;				
		}
		
a.pageMultiple {
		position: relative;
		display: block;
		text-align: center;
		font-size: 90%;
		background-color:var(--fond-bandeau);
		}

a.pageSimple,
a.pageAccueil,
a.pageMultiple {
		text-decoration: none;		
		cursor: pointer;	
		}
		
a.pageSimple:hover,
a.pageAccueil:hover,
a.pageMultiple:hover {		
		background-color : var(--fond-bandeau-soul);
		}
		
p.nomBandeau {
		margin: 0;
		padding: 0;
		border-spacing: 0;
		font-weight: bold;
		font-style: italic;
		white-space: nowrap;
		}
		
/************* Pages *************/

div.pageMenu {
		display: block;
}

div.pageInfo {
		display: none;
}

div.filigrane {
		color: #D0D0D0;
		font-style: italic;
		text-align: center;
		}

div.titre,
h1.sousTitre {
		text-align: center;
		font-weight: bold;
		color: var(--coul-titre);
		}
				
div.titre {
		font-size: 170%;
		text-shadow: var(--grande-ombre);  
		}

h1.sousTitre {
	    font-size: 125%;
        margin-block: 0;	
		font-style: italic;
		text-shadow: var(--petite-ombre);  
		}

/************* Menu principal *************/


div.titreAutrePage,
div.titreSubdivision {
		font-style: italic;
		font-weight: bold;
		text-shadow: var(--petite-ombre);
		text-align: center;
		color: #B00000;
		font-size: 120%;	
}

table.menuRetour,
table.menu,
table.menuExercices {
		border-color: var(--coul-bord-menu);
        border-style: none none solid solid; 
		}
			
th, th.choix {				
		font-weight: bold;
        background-color: #D9D9D9;
		color: #404040;
		border-color: var(--coul-bord-menu);
        border-style: solid solid none none;
        text-align: center;
		}
 
td.nomSubd,
td.detail,
td.rotation { 		
        background-color: var(--fond-menu);
		border-color: var(--coul-bord-menu);
        border-style: solid solid none none;
		}

td.nomSubd {
		white-space: nowrap;
		font-weight: bold;
		font-style: italic;
        text-align: center;
		}
		
div.sommaire, h2, h3, h4, h5 {
        font-size: 110%;
        padding: 0;
        margin: 0;        
		}

td.detail {		
		font-size: 95%;
		}

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

td.choisi {
		color: var(--coul-menu-soul);
		}
		
td.exercice {
		color: var(--coul-menu);
		cursor: pointer;
		}

a.intitule,
a.choisi,
a.detail {
		position: relative;
		display: block;
		text-decoration: none;
		}		

a.intitule,
a.choisi {
		font-weight: bold;
		font-style: italic;
		}
		
a.intitule {
		color: var(--coul-menu);
		cursor: pointer;
		}
		
a.choisi {
		color: var(--coul-menu-soul);
		}

a.detail {
		font-style: normal; 
		color: black;
		cursor: pointer;
		}
		
div.consigne,
div.mobilePortrait {
		text-align: left;
		font-weight: bold;
		font-style: italic;
        color: #505050; 
		}
div.consigne {
        font-size: 110%;
        }
        
div.mobilePortrait {
		align-items: flex-start;
        font-size: 100%;
        }
        
div.mobilePortraitDisp {
		justify-content: center;
		margin-bottom: 15px;
		font-weight: bold;
		font-style: italic;
		color: #0000FF;
} 

div.mobilePortraitDisp span {
		padding-top: 5px;
		padding-right: 15px;
} 

div.mobilePortraitDisp img {
		padding-right: 15px;
} 
		
/**************** Exercices ****************/

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

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

[class^="titreItem_"] {
	    font-weight: bold;
		font-style: italic;
		}

div[class^="titreItem_"] {  
	 	text-align: center;		
		font-size: 115%;
	    }
	    
button.marqueDisp {
	    font-weight: bold;
	    padding: 2px;
	    color: #8B0000;
		}

.titreItem_detail 		{color: #800080;}		
.titreItem_precisions 	{color: #FF6000;}		  
.titreItem_indication 	{color: #00561B;} 
.titreItem_figure 		{color: #800080;}
.titreItem_cours 		{color: #FF6000;}
.titreItem_reponse 		{color: #1919a0;}
.titreItem_correction 	{color: #F00000;}
 			
div.itemInitial,
div[class^="item_"] {
		font-weight: normal;
		font-style: normal;
		font-family: serif;
		font-size: 100%;	
		white-space: normal;
		margin: 0;
		}

div.item_detail 	{background-color: #F8D0F8;}
div.item_precisions {background-color:#FFFEBE;}

div.sousItem_indication {background-color: #E0FFE0;}
div.sousItem_cours 		{background-color:#FFFEBE;}
div.sousItem_figure 		{background-color: #EFE0FF;}
div.sousItem_reponse 	{background-color: #E0EBFF;}
div.sousItem_correction {background-color: #FFE0E0;}
 
 /*********** Mise en forme du texte ***********/
 
div[class^="enonce"],
div[class^="sousItem_"],
div.rubriqueInfo { 
		box-shadow: var(--grande-ombre);
		border-style: solid;
		border-color: #403300; 
		border-radius: 8px;
		}
		

div[class^="enonce"],
div.rubriqueInfo {
		background-color: var(--fond-contenu); 
		}

div[class^="enonce"],
div[class^="items"],
div[class^="sousItem_"] {
		font-size: 100%;
		}
		
div[class^="enonce"]{
		z-index:1;
		position: sticky;
		}

div[class^="items"],
div[class^="sousItem_"],
div.rubriqueInfo{
		position: relative; 
		}
	
	div[class^="sousItem_"] {	
	color: black;
	margin-inline: 0;
	}
			
div.rubriqueInfo {			
		font-size: 110%;	
		font-weight: normal;
		font-family: serif;
		white-space: normal;
		color: #303030;
		}		

div.enonceVu,
div.itemsVu,
div.menuItems {
		display: block;
		visibility: visible;
		}

		
div.enonceCache,
div.itemsCache {
		display: none;
		visibility: hidden;
		}

div.par {
		text-align: left;
	    padding-block: 0.5ex;
		}
		
div.ppar {		
	    text-align: left;
	    padding-top: 0ex;
	    padding-bottom: 1.5ex;
	    margin: 0;
	}

ul {
		list-style-type: disc;
		padding: 0.5ex;
		margin: 0;
}

ul li {
		margin-left: 2rem;
  		padding-left: 0rem;
  		padding-block: 0.5ex;
		}

ul ul {
		list-style-type: circle;
		padding: 0.25ex;
		margin: 0;
		}

ul ul li {
		margin-left: 1.5rem;
  		padding-left: 0rem;
  		padding-block: 0.25ex;
		}

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

div.disp {	
		padding-block: 1ex; 
		}
		
div.centr {	
		padding: .4ex; 
		}
		
div.titreExo {
		text-align: center;		
		font-style: italic;
		font-weight: bold;	
		color: #606060;
		font-size: 125%;
		}
		
div.titreExo span {
		font-weight: normal;	
		font-size: 80%;		
		}

span.droite,
div.droite {			
		float: right;
	}
		
span.gauche {		
		float: left;
		visibility: hidden;
		}
		
div.rem {
		font-size: 90%;
		font-style: italic;
		margin-left: 2em;
		margin-block: 1.5ex;
		}

div.image,
div.erreur {
		text-align: center;
		}

div.item_correction canvas,
div.item_figure canvas,
td.cadre {
		border-style: ridge;
		border-color: #E0E0E0;
		padding:0;
		}
		
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: #FFA0A0;	
	padding: 0;
  	margin-inline: 0;
  	margin-block: 1px;
	color: black;
	}
		
a.erreur,
div.erreur,
span.erreur {
	font-weight: bold;
    background-color: #C0C0C0;   
	color: #FF3030;
	padding-right: 0.15rem;	
	padding-left: 0.25rem;
	padding-top: 0.15rem; 
	padding-bottom: 0.2rem;
	}

div.noteC,
div.testC,
div.noteB,
div.noteR,
div.noteM {
		position: absolute;
		white-space: nowrap;
		color: black;
		background-color: #FFFEBE; 
		border: 1px solid #404040;
		z-index: 10;
		padding-inline: 0.4rem;
		padding-block: 0.25ex;
		font-weight: normal;		
		font-style: normal;
		text-align: left;
		}
		
div.noteB,
div.noteR,
div.noteM {
		display: none;
		font-size: 85%;		
		}
		
div.noteC,
div.testC {
		display: inline;
		visibility : hidden;
		margin-left: .65rem;
		}

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

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

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

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