@charset "UTF-8";

:root {
  --fond: #FFFFFF;
  --noir: black;
  --noir-fort: #303030; 
  --noir-moyen: #404040;
  --noir-faible: #505050;
  --gris-pale: #E0E0E0;
  --gris-clair: #D9D9D9;
  --gris-moyen: #C0C0C0;
  --gris-fonce: #808080;
  --gris-tres-fonce: #606060;
  --fluo-jaune: #FFFE00;
  --fluo-orange: #FFB000;
  --rouge: #E00000;
  --rouge-fonce: #B00000; 
  --bleu: #0000FF;
  --bleu-fonce: #1919A0;
  --vert: #00561B;
  --violet: #800080;
  --jaune-clair: #FFFEBE; 
  --orange: #FF4000;  
  --orange-clair: #FFE8C8; 
  --fond-bandeau: #0158BB;
  --fond-bandeau-soul: #003876;
  --coul-bandeau: #FFFFFF;
  --coul-titre: #1919A0;
  --grande-ombre: 3px 3px 6px var(--gris-fonce);
  --petite-ombre: 2px 2px 4px var(--gris-fonce);  
  --coul-lien: #0000FF;
  --fond-contenu: #FFFBF2;
}

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) {
		div.groupePages {
			display: flex;
			}
			
		a.pageSimple {
			display: none;
			}
		}		

@media(min-width: 680px) {
		div.groupePages {
			display: none;
			}
			
		a.pageSimple {
			display: block;
			}
		}

@media(max-width: 1024px) {
		.noteB{
			visibility: hidden;
			}
		}

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;
		} 

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

div.bandeau {
		position: sticky;
		top:0;
		z-index:3;
		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,
a.pageIndex,
div.groupePages {
		align-items: center;
		padding: 0;
		border-spacing: 0;
		}

a.pageAccueil,
a.pageIndex {
		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.pageIndex,
a.pageMultiple {
		text-decoration: none;		
		cursor: pointer;
		color: var(--coul-bandeau);	
		}
	
span.droite,
div.droite {			
		float: right;
	}
		
span.gauche {		
		float: left;
		visibility: hidden;
		}

	
a.lienExt {		
		font-style: italic;
		cursor: pointer;
		}
		
a.lienInt {
		color: var(--bleu);
		font-style: italic;
		cursor: pointer;
		}		
		
a.pageSimple:hover,
a.pageAccueil:hover,
a.pageIndex: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;
		}
        
div.nouveau1,
div.nouveau2 {
        font-size: 90%;
        text-align: left;
		font-weight: bold;
		font-style: italic;
        color: var(--noir-moyen);  	
		}
		
span.nouveau1,
span.nouveau2 {
		font-size: 100%;
        text-align: center;
		font-weight: bold;
		font-style: italic;
		}
		
span.nouveau1 {
		color: var(--noir-moyen);	 	
		background-color: var(--fluo-jaune);
		}
		
span.nouveau2 {
		color: var(--noir-fort);	 	
		background-color: var(--fluo-orange);
		}

div.noteB {
		position: absolute;
		white-space: nowrap;
		color: var(--noir); 
		background-color: var(--jaune-clair); 
		border: 1px solid var(--noir-moyen);
		z-index: 1;
		padding-inline: 0.4rem;
		font-weight: normal;		
		font-style: normal;
		text-align: left;
		display: none;
		font-size: 70%;
		padding-block: 0.10ex;	
		}		


div.titre,
h1.sousTitre {
		text-align: center;
		font-weight: bold;
		color: var(--bleu-fonce);
		}
				
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);  
		}

div.pageInfo {
		display: block;
}

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

div.rubriqueInfo { 
		box-shadow: var(--grande-ombre);
		border-style: solid;
		border-color: var(--noir-moyen); 
		border-radius: 8px;		
		font-size: 110%;	
		font-weight: normal;
		font-family: serif;
		white-space: normal;
		color: var(--noir-fort);		
		background-color: var(--fond-contenu); 
		position: relative; 
		
		}


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

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

.titreItem_figure {
		color: var(--violet);
		}
				
.titreItem_cours {
		color: var(--orange);
		}
				  
.titreItem_indication {
		color: var(--vert);
		} 

.titreItem_reponse {
		color: var(--bleu-fonce);
		}
		
.titreItem_correction {
		color: var(--rouge);
		}

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;
		}