@charset "UTF-8";

:root {
   --fond-menu: #FADBD8;
  --fond-menu-soul: #F5B7B1; 
}


@media(max-width: 680px) {
		.detail {
		   	display: none;
		 	}
		 	
		.mobilePortrait {
			display: flex;
			}
		}		

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

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

		
div.consigne {
        font-size: 110%;
        text-align: left;
		font-weight: bold;
        }

div.consigne,
div.mobilePortrait {
		text-align: left;
		font-weight: bold;
		font-style: italic;
        color: var(--noir-faible); 
		}

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

th, th.choix {				
		font-weight: bold;
        background-color: var(--gris-clair);
		color: var(--noir-fort);;
		border-color: var(--gris-fonce);
        border-style: solid solid none none;
        text-align: center;
		}
 
div.sommaire, h2, h3, h4, h5 {
        font-size: 110%;
        padding: 0;
        margin: 0;        
		}

 
td.nomSubd,
td.detail { 		
        background-color: var(--fond-menu);
		border-color: var(--gris-fonce);
        border-style: solid solid none none;
		}

td.nomSubd {
		white-space: nowrap;
		font-weight: bold;
		font-style: italic;
        text-align: center;
		}
		
a.intitule,
a.choisi,
a.detail {
		position: relative;
		text-decoration: none;
		overflow-wrap : normal; 
		}
		
a.intitule,
a.choisi,
a.detail,
div.detailChantier,
div.intituleChantier {
		display: block;
		}
		
div.detailChantier,
div.intituleChantier {		
		position: relative;
		font-style: italic; 
		color: var(--gris-fonce);		
		}

a.intitule,
div.intituleChantier,
a.choisi {
		font-weight: bold;
		}
		
a.intitule {
		color: var(--bleu);
		cursor: pointer;
		font-style: italic;
		}
		
a.choisi {
		color: var(--rouge-fonce);
		font-style: italic;
		}

a.detail {
		font-style: normal; 
		color: var(--noir); 
		cursor: pointer;
		}

div.noteR {
		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;
		}
		
div.noteR{
		display: none;
		font-size: 75%;
		padding-block: 0.15ex;	
}