/* FEUILLE DE STYLE GENERALE NOTICES 03-2025 */
  
/* CADRES */
  	
	body
		{overflow:hidden;}
	#miroir 
		{display:block; width:100vw; height:100vh; 
		overflow:auto;}
	nav 
		{position:fixed; top:0vh; left:0;
		width:99vw;	height:8vh;
		margin-left:0.5vw; 
		overflow:hidden;
		background-color:#457348; color:#D2D2D2; 
		font-family:Arial, sans-serif; font-size:1.2vw;}
	
	header
		{position:fixed; top:8vh; left:0; 
		width:99vw; height:4vh;
		margin-left:0.5vw; 
		padding-top:0.4vh; 
		text-align:center;
		overflow:hidden;
		background-color:#D2D2D2; 
		font-family:"Times new roman", serif; 
		font-size:16px;
		font-weight:bold;
		font-variant:small-caps;}

	#blocG  													/*bloc gauche*/ 	
		{display:block;
		position:fixed; top:12vh; left:0;
		margin-left:0.5vw; box-sizing:border-box;
		width:29.7vw; height:87vh;
		overflow:auto;
		background:#457348;	color:#FFFFFF;
		line-height:3vh;
		padding-bottom:3vh;}
		
	#blocGB													/* bloc gauche bas */
		{display:block; overflow:hidden;
		 position:relative; left:1vw;
		 width:27vw;
		 background:#457348; border: 0.1vw solid #FFFFFF;
		 box-sizing:border-box}
		 
	#blocD  											               /*bloc droit total*/  
		{display:block;
		position:fixed; top:12vh; left:30.3vw;
		width: 69.2vw; height: 87vh;
		overflow:auto;
		box-sizing:border-box;
		border:2px solid #457348;
		background-color:#FFFFFF;
		padding-left:3vw; padding-right:3vw;
		line-height:3vh;}
	
	#vnt	                                                                                           /* fenêtre de notes, masquée/démasquée */										  
		{position: fixed; top:15vh; left:33vw;
		 width:33vw;
		 height: 22vh;
		 display:none; 
		 border: 2px solid #457348;
		 background-color:#E3F6CE;
		 padding-bottom:1em;
		 overflow:auto;
		 resize:both;}
		 	
	div.niv2                                                                                             /*pour passages cachés*/
		{border: solid 1px;
		 margin-left: 2vw;
		 margin-right: 0vw;
		 margin-top: 18px;
		 padding: 0.5em;
		 background-color: #FAFAD2;
		 display: none;}

/* LIENS */
  	
	a.som:link                                                                                    /*dans sommaire*/
		{text-decoration:none; color:#FFFFFF;}
	a.som:visited  
		{text-decoration:none; color:#FFFFFF;}
	a.som:hover
		{color:#000000; background-color:#D2D2D2;}
	a.pseudo
		{text-decoration:none; color:#6CB361;}
			
	a.texte:link                                                                                /*html standard vers extérieur*/ 
		{text-decoration:none; color:#831B1B;} 
	a.texte:visited 
		{text-decoration:none; color:#831B1B;} 
	a.texte:hover 
		{color:#BC2424;}
		
	a.outnt:link                                                                                /*sortie de fenêtre de note*/
		{position:absolute; top:0; right:0;
		 text-decoration:none;
		 font-weight:bold; font-size:18px;}
	a.outnt:hover
		{position:absolute; top:0; right:0;
		 background-color:red;
		 text-decoration:none;
		 font-weight:bold; font-size:18px;}
	
	a.btn, button.btn                                                                        /*liens internes*/                                                                          
		{text-decoration:none; 
		 border-bottom:3px outset #B2B2B2;
		 border-right:3px outset #B2B2B2;
		 border-top:2px solid #D2D2D2;
		 border-left: 2px solid #D2D2D2;
		 background-color:#D2D2D2;
		 color:#000000;
		 font-size:13px;
		 font-family:Arial, sans-serif;} 
	
	button.texte                                                                                /*appels de notes*/
		{text-decoration:none; 
		 background-color:#DAF7A6;
		 color:#457348;
		 border: 1px solid #457348;
		 font-weight:bold; 
		 font-size: 10px;
		 text-transform:none;
		 font-family:Arial, sans-serif;} 

	button.star											/*appel de note étoile*/
		{font-weight:bold; 
		 font-size: 20px;
		 text-decoration:none;
		 border:none;
		 background-color:white;
		 font-family:Arial, sans-serif;} 
	button.star:hover	
		{background-color:#DAF7A6;
		 font-weight:bold; 
		 font-size: 20px;
		 text-decoration:none;
		 font-family:Arial, sans-serif;} 
	button.trad
		{font-size: 10px;
		 text-decoration:none;
		 border:1px solid #457348;;
		 background-color:#DAF7A6;
		 font-family:Arial, sans-serif; 
		}
	
/* LISTES */

	ol.som 
		{font-size:16px;
		 line-height:21px;
		 padding-left:40px;}
	ul.som 
		{font-size:16px;
		 line-height:21px;
		 list-style-type:none; 
		 padding-left:40px;}
	ul.tb
		{font-size:16px;
		 line-height:21px;
		 list-style-type:none;
		 padding-left:0px;}
	ul.dbltb
		{font-size:16px;
		 line-height:21px;
		 list-style-type:none;
		 padding-left:30px;}
	li.mort
		{color:#6CB361;}

/*INTERLIGNE*/		

	sub, sup
		{vertical-align:baseline;
		 position:relative;}
	sup	
		{top:-0.3em}
	sub	
		{bottom:-0.3em}
	br
		{margin:0;}
			
/* PARAGRAPHES */
		
	p.nul											/*vide, devant h2*/
		{margin:0; padding:0; line-height:15px;}
	p.Paragr, li.Paragr								/*standard*/
		{margin-top:2.4vh; margin-bottom:0;
		line-height:21px;
		font-size:16px;
		text-align:justify;
		position:static;}
	p.ParagrH                                                                              /*standard sans interligne avant*/
		{margin-top:0; margin-bottom:0;
		line-height:21px;
		font-size:16px;
		text-align:justify;
		position:static;}
	p.ParagrC										/*standard centré*/
		{margin-top:2.4vh;
		line-height:21px;
		font-size:16px;
		text-align:center;
		position:static;}
	p.ParagrR										/*standard avec retrait*/
		{margin-top:2.4vh; margin-bottom:0;
		margin-left:6vw;
		margin-right:6vw;
		line-height:21px;
		font-size:16px;
		text-align:justify;}	
	p.biblio										/*biblio finale*/
		{margin:7px;
		font-size:15px;
		line-height:21px;
		text-align:justify;}
	
	#auteur
		{margin-top:2vh; margin-bottom:0;
		line-height:20px;
		font-size:16px; 
		text-align:right;}

	p.legende										     /*légende pour img.illustr1*/
		{margin-top:0;
		margin-bottom:0;
		margin-left:6vw;
		width: 40vw;
		text-align:center;
		line-height:2.3vh;
		font-size:1vw;}
	p.centr												/*légende pour img.illustr1*/
		{margin-top:0;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		width: 40vw;
		text-align:center;
		line-height:2.3vh;
		font-size:16px;}
	
	p.exergue
		{margin-top:3vh;
		margin-left:36vw;
		margin-bottom:2vh; 
		text-align:justify;
		line-height:21px;
		font-size:15px; }

	hr 
		{color:#007800; 
		background-color:#007800; 
		height:1px;}

/* dans fenêtres de notes*/

	p.bar
		{font-size:14px;
		 margin:0;
		 line-height:1.5em;	
		 background-color:#8FBC8B;}
	hr.bar	
		{margin:0;}
 
	p.popup
		{font-size:14px;
		 margin-top: 0.5em;
		 margin-left:1.5em;
		 margin-right:1.5em;
		 margin-bottom:0;
		 line-height:1.2em;
		 text-align:justify;}
	p.popupR
		{margin-left: 3vw;
		 margin-right:1.5em;
		 margin-top: 0.5em;
		 margin-bottom:0;
		 font-size:14px;
		 line-height:1.2em;
		 text-align:justify;}

/* Titres */
	
	h2												/*titre niveau 1*/
		{margin:0;
		line-height:22px;
		font-size:16px;
		color:#007800;
		text-transform:uppercase;
		font-weight:bold;}
	h2.mrg											 /* dans aside de menu */
		{margin-top: 1vw; margin-left:1vw; 
		color:#FFFFFF; 
		font-size:15px;
		line-height:21px;}
	h3.mrg											/* idem */
		{margin-top:0vh;
		margin-left:0.5vw;
		margin-bottom:0vh;
		color:#FFFFFF; 
		font-size:13px;
		line-height:21px;
		font-variant:small-caps;}
	h3												/*titre niveau 2*/										
		{margin-top:1vh; margin-bottom:0;
		line-height:21px;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;}
	h4												/*titre niveau 3*/
		{margin-top:1.3vh; margin-bottom:0;
		line-height:21px;
		font-size:16px;
		font-weight:bold;
		font-style:italic;}
	h5												/*titre niveau 4*/
		{margin-top:2.4vh; margin-bottom:0;
		 line-height:20px;
		 font-size:15px;
		 font-weight:bold;}

/* Exemples */

	 p.Ex                                                                               	/*exemple numéroté sans pre-wrap*/
		{margin-top:2vh;
		margin-left:6vw;
		margin-bottom:0;
		text-align:justify;
		white-space:normal;
		text-indent:-50px;
		line-height:21px;
		font-size:16px;}
	p.Exh                                                                               	/*idem sans marge h*/
		{margin-top:0;
		margin-left:6vw;
		margin-bottom:0;
		text-align:justify;
		white-space:normal;
		text-indent:-50px;
		line-height:21px;
		font-size:16px;}
	p.Ex2
		{margin-top:1vh;
		margin-bottom:0;
		margin-left:6vw;
		line-height:21px;
		font-size:16px;}
	p.Ex2h	                                                                                     /*idem sans marge h*/					
		{margin-top:0;
		margin-bottom:0;
		margin-left:6vw;
		line-height:21px;
		font-size:16px;}
	p.Ex2j												/*idem justifié*/
		{margin-top:2vh;
		margin-right:0;
		margin-bottom:0;
		margin-left:6vw;
		line-height:21px;
		text-align:justify;
		font-size:1.1vw;}
	p.Ex2c                                                                                            /*idem cemtré*/
		{margin-top:1vh;
		margin-bottom:0;
		margin-left:6vw;
		line-height:21px;
		font-size:16px;
		text-align:center;
		}

/*TABLEAUX*/

/* Tableaux dans le texte*/

	table.norm
		{border: 1px solid #007800;
		 border-collapse: collapse;
		 margin-left:6vw;
		 margin-right:auto;
		 margin-top:2.4vh;}
	tr.norm
		{border: 1px solid #007800;
		 border-collapse: collapse;} 
	td.norm
		{border: 1px solid #007800;
		 border-collapse: collapse;
		 padding-left: 1em;
		 padding-right: 1em;
		 padding-top:0.3vh;
		 padding-bottom: 0.3vh;
		 text-align: left;
		 line-height: 2.4vh;
		 vertical-align: baseline;
		 font-size: 16px;}
	td.normC
		{border: 1px solid #007800;
		 border-collapse: collapse;
		 padding-left: 1em;
		 padding-right: 1em;
		 padding-top:0.3vh;
		 padding-bottom: 0.3vh;
		 text-align: center;
		 line-height: 2.4vh;
		 vertical-align: baseline;
		 font-size: 16px;}
	th.norm	
		{border: 1px solid #007800;
		 border-collapse: collapse;
		 background-color: #E3F6CE;
		 padding-left: 1em;
		 padding-right: 1em;
		 padding-top: 0.3vh;
		 padding-bottom: 0.3vh;
		 text-align: center;
		 line-height: 2.4vh;}

/*IMAGES*/
	
	#logo 
		{width:28.5vw; height:6vh;}
	img.praat
		{width:46vw; height:35vh;
		vertical-align:middle;}                                          
	img.illustr1											 /*format moyen*/
		{margin-top:1vh; margin-bottom:0;
		margin-left:6vw;
		width: 40vw;
		height:auto;}
	img.centr1											 
		{display:block;
		margin-top:1vh; margin-bottom:0;
		margin-left:auto; margin-right:auto;
		width: 40vw;
		height:auto;}
	img.illustr2											 /*grand format*/
		{margin-top:0.5vh; margin-bottom:0;
		margin-left:6vw;
		width: 50vw;
		height:auto;}	
	img.centr2											 
		{display:block;
		margin-top:1vh; margin-bottom:0;
		margin-left:auto; margin-right:auto;
		width: 50vw;
		height:auto;}
	img.illustr3										         /*petit format*/
		{margin-top:0.5vh; margin-bottom:0;
		margin-left:6vw;
		width: 30vw;
		height:auto;}
	img.centr3										         
		{display:block;
		margin-top:1vh; margin-bottom:0;
		margin-left:auto; margin-right:auto;
		width: 30vw;
		height:auto;}
	img.illustr4											 /*très grand format*/
		{margin-top:0.5vh; margin-bottom:0;
		margin-left:6vw;
		width: 55vw;
		height:auto;}
	img.centr4											 
		{display:block;
		margin-top:1vh; margin-bottom:0;
		margin-left:auto; margin-right:auto;
		width: 55vw;
		height:auto;}
	img.illustr5										         /*très petit format*/
		{margin-top:0.5vh; margin-bottom:0;
		width: 22vw;
		height:auto;}		
	img.centr5											 
		{display:block;
		margin-top:1vh; margin-bottom:0;
		margin-left:auto; margin-right:auto;
		width: 22vw;
		height:auto;}
	img.illustr6										         /*très petit format*/
		{margin-top:0.5vh; margin-bottom:0;
		width: auto;
		height:12vh;}		
	img.centr6											 
		{display:block;
		margin-top:1vh; margin-bottom:0;
		margin-left:auto; margin-right:auto;
		width: 17vw;
		height:auto;}
	img.pleinformat
		{margin-top:0.5vh; margin-bottom:0;
		margin-left: 6vw;
		width: 85vw;
		height:auto;}
	img.enligne
		{height: 3.3vh;
		 width:auto;
		 vertical-align:middle;}