@media (prefers-color-scheme: dark) {
	:root {
			--mh-color-scheme:dark;
			/*wpour les WC*/
			--primary-text-color:#FFFFFF;
			
			--mh-body-background-color: #303030;
			/*#121212*/
			--mh-theme-background-color:#262626;
			--mh-theme-color-secondary:#a1a1a1;
			--mh-theme-color:#d5d5d5;/*primary*/
			
			--mh-theme-background-color-hover:#101010;
			--mh-theme-color-hover:var(--paper-light-blue-500);
			
			--mh-viewer-email-background-color:#fcfcfc;
			--mh-viewer-resume-gp-background-color: #1a1a1a;
			--mh-viewer-resume-gp-color: var(--paper-light-blue-50);
			

			/*c'est pour les H1, H*  dans l'éditeur*/
			--mh-editor-header-background-color:#363636;
			
			/*mh-app générique*/
	
			--mh-toolbar-background-color:#262626;
			--mh-toolbar-height: 25px;
			--mh-form-toolbar-button-backgroud-color:#00334a;
			--mh-form-toolbar-button-color:white;
			--toolbar-icons-color:#ddd;			
			
			--mh-app-content-background-color:#262626;

		    --mh-explorer-background-color: var(--mh-theme-background-color);
		    --mh-explorer-folder-background-color-hover: var(--mh-theme-background-color-hover, #e1f5fe);
		   	--mh-explorer-folder-color-hover: var(--mh-theme-color-hover, #354141);	
		    --mh-explorer-folder-color: white;
		    --mh-explorer-item-background-color-hover: var(--mh-theme-background-color-hover, #e1f5fe);
		    --mh-explorer-item-background-color-selected: var(--paper-grey-300, #e1f5fe);
		    --mh-explorer-item-color-selected: var(--paper-grey-900, #e1f5fe);
		   	--mh-explorer-item-color-hover: var(--mh-theme-color-hover, #354141);	
		    --mh-explorer-item-color: white;
			
			
			--mh-app-explorer-background-color:#202020;
			--mh-app-explorer-folder-background-color-hover: var(--mh-theme-background-color-hover);
			--mh-app-explorer-folder-color-hover: #f3f9fc;
			--mh-app-explorer-folder-color: #d5d5d5;
			--mh-app-explorer-item-background-color-hover: var(--mh-theme-background-color-hover);
			--mh-app-explorer-item-color-hover: #f3f9fc;
			--mh-app-explorer-item-color: #d5d5d5;		
			/*--mh-app-explorer-item-background-color-selected:var(--paper-grey-800, #e1f5fe);*/
			--mh-app-explorer-item-color-selected:var(--paper-grey-100, #e1f5fe);

			--mh-app-explorer-folder-size: 1em;
			--mh-app-explorer-item-size: 1em;

			--mh-app-button-background-color: #00334a;
			--mh-app-button-color: white;

			--mh-drawer-header-background-color: black;
		    --mh-drawer-header-color : white;

			--mh-line-paire-background-color:var(--mh-theme-background-color, black);
			--mh-line-impaire-background-color:#313131;

			--mh-in-explorer-background-color:var(--mh-theme-background-color, black);
			--mh-in-explorer-folder-background-color-hover: var(--paper-grey-900, #e1f5fe);
			--mh-in-explorer-folder-color: var(--paper-grey-100, #454545);
			--mh-in-explorer-item-background-color-hover: var(--mh-theme-background-color-hover);
			--mh-in-explorer-item-background-color-selected:var(--paper-grey-800, #e1f5fe);
			--mh-in-explorer-item-color-selected:var(--paper-grey-100, #e1f5fe);
			--mh-in-explorer-item-color: var(--paper-grey-50);					
			
			/*je remet les styles in*/
			--mh-doc-explorer-background-color:var(--mh-in-explorer-background-color);
			--mh-doc-explorer-folder-color:var(--mh-in-explorer-folder-color);
			--mh-doc-explorer-folder-background-color-hover:var(--mh-in-explorer-folder-background-color-hover);
			--mh-doc-explorer-folder-color-hover:var(--mh-in-explorer-folder-color-hover);
			--mh-doc-explorer-item-background-color-selected:var(--mh-in-explorer-item-background-color-selected);
			--mh-doc-explorer-item-background-color-hover:var(--mh-in-explorer-item-background-color-hover);
			--mh-doc-explorer-item-color-selected:var(--mh-in-explorer-item-color-selected);
			--mh-doc-explorer-item-color-hover:var(--mh-in-explorer-item-color-hover);
			--mh-doc-explorer-item-color:var(--mh-in-explorer-item-color);
					
	
			--mh-form-barre-boutons-background-color: #d9d8d9;
			--mh-form-background-color:#262626;
			--mh-form-color:yellow;
			
			--mh-form-is-form-ready-background-color:#000;
			--mh-form-is-load-data-background-color:#000;
			--mh-form-is-save-data-background-color:#121212;
			--mh-form-is-request-action-background-color:#000;
			--mh-form-is-delete-data-background-color:#000;
			--mh-form-is-change-contexte-background-color:#000;
			--mh-form-is-window-close-background-color:#000;
					
	
			--mh-form-bloc-background-color:#2E2E2E;
			--mh-form-bloc-color:#F0F0F0;
			--mh-form-bloc-title-color:#FFFFFF;
			--mh-form-bloc-disabled-background-color: #2D3436;

			--mh-alerte-form:var(--paper-deep-orange-500);	
	    	--mh-info-form:var(--paper-blue-grey-900);
	    	--mh-input-bloc:var(--paper-grey-900);
			
			--mh-input-label-color:#a7a7a7;
			--mh-input-background-color:#303030;
			--mh-input-border-color: #d0d0d0;
			--mh-input-color:#c7c7c7;
			--mh-input-disabled-background-color:var(--paper-grey-800);
			--mh-input-disabled-color:var(--paper-grey-100);
			--mh-input-focused-background-color:var(--paper-grey-900, #e1f5fe);
			--mh-input-focused-color:inherit;
			
			--chip-input-autocomplete-background-color:#303030;
			--chip-input-autocomplete-color:white;
			--chip-input-autocomplete-hover-background-color:var(--mh-theme-background-color-hover);
			--chip-input-autocomplete-hover-color:var(--mh-theme-color-hover);
			
			--mh-select-item-background-color-hover:var(--mh-theme-background-color-hover);
			--mh-select-item-color-hover:var(--mh-theme-color-hover);
			--mh-select-item-border-top:#424242;
			--paper-listbox-background-color:#303030;
	    	--paper-listbox-color:#d0d0d0;
	    	
	    	--mh-qosp:#505050;
	    	
	    	
			--mh-fieldset-legend-background-color:var(--mh-input-bloc, var(--paper-grey-800));
			--mh-fieldset-background-color:var(--mh-input-bloc, #262626);
			--mh-fieldset-border-color: var(--paper-grey-600);
			
			--mh-ace-barre-bouton-background-color: #000;
			--mh-ace-barre-bouton-color: var(--mh-app-developpement);

			--mh-grid-form-background-color:var(--mh-input-bloc, #262626);
			--mh-grid-form-color: var(--paper-grey-600);
			/*--mh-grid-form-border-color: var(--mh-app-header-light-background-color, black);*/
			--mh-grid-form-border-color: transparent;
			
	
			--mh-button-number-background-color : #4d4d4d;
			--mh-button-action-background-color-selection : var(--mh-theme-background-color);
			--mh-button-action-selection-background-color:#0d1217;
			--mh-button-action-color-selection : var(--paper-blue-400);	
			--mh-button-action-background-color : var(--mh-theme-background-color, #4d4d4d);
			--mh-button-action-color : var(--paper-grey-800);	
						
			--mh-field-label-color : #fefefe;
			
			--mh-form-bloc-termine-background-color:var(--mh-input-bloc, #262626);
			
			--mh-today-background-color:var(--paper-grey-900);
			--mh-today-background-color:var(--paper-grey-900);
			
			--mh-stat-label-total-color:var(--paper-grey-50);
			--mh-stat-value-color:var(--paper-grey-50);
			--mh-stat-value-discrete-color:var(--paper-grey-400);
			
			--mh-etiquette-background-color: var(--paper-grey-900);
			--mh-etiquette-color: var(--paper-grey-50);

			--mh-chip-background-color: var(--paper-grey-700);
			--mh-chip-color: var(--paper-grey-50);
			
			--mh-email-viewer-background-color:#333;
			--mh-email-viewer-separation-color:var(--paper-grey-700);
			
			
			--mh-field-label-color:#808080;
			--mh-field-value-color:var(--paper-grey-50);
			--mh-field-value-border-color: #505050;
			
			
			--mh-pole-emploi-background-color : transparent;
			
			--mh-message-success-background-color: var(--paper-green-600, #43A047);
			--mh-message-success-color:white;
		
			--mh-message-warning-background-color: var(--paper-orange-600, #FFB300);
			--mh-message-success-color:white;
		
			--mh-message-error-background-color:  var(--paper-red-600, #FF5722);
			--mh-message-error-color:white;
		
			--mh-message-info-background-color: var(--paper-blue-600, blue);
			--mh-message-info-color:white;
		
			--mh-message-alert-background-color: var(--paper-pink-400, blue);
			--mh-message-alert-color:white;
		
			--mh-message-simple-background-color: var(--paper-grey-900, #FEFEFE);
			--mh-message-simple-color:white;
			
			--mh-message-progress-background-color: var(--paper-blue-grey-900, blue);
			--mh-message-progress-color:white;
			  
			--mh-drop-zone-general-background-color:var(--mh-form-bloc-background-color);
			
			--mh-window-header-action-new-background-color: var(--paper-cyan-600, #C62828);
			--mh-window-header-action-update-background-color: var(--paper-cyan-900, #C62828);
			--mh-window-header-action-result-background-color: var(--paper-cyan-400, #C62828);
			--mh-window-header-action-result-error-background-color: var(--paper-red-400, #C62828);
			
			--mh-grider-header:var(--mh-theme-background-color);
			--mh-grider-row-paire-background-color: #2d3436;
			--mh-grider-row-paire-background-color-hover: #3d4749;
			--mh-grider-row-impaire-background-color: #262c2e;
			--mh-grider-row-impaire-background-color-hover: #3d4749;
			
			--mh-form-bloc-hightlight-border-color: var(--mh-theme-background-color);
			--mh-form-bloc-hightlight-background-color: var(--mh-theme-background-color);
			
			--chip-background-color: var(--mh-theme-background-color);
			
			/*
			--mh-stat-passif-anterieur-color: #ffffff;	
			--mh-stat-passif-anterieur-label-color: rgb(85, 87, 83);
			--mh-stat-passif-anterieur-value-color: #484848;		
			--mh-stat-passif-anterieur-form-bloc-title-color: #ffffff;
			--mh-stat-passif-anterieur-total-background-color: transparent;
			*/
			--mh-stat-table-color: var(--paper-grey-50,#fcfcfc);
			--mh-stat-total-color: #ffffff;
			--mh-stat-nombre-color: #000000;
			
			--mh-stat-line-background-color: transparent;
			--mh-stat-line-color:white;
			--mh-stat-label-color:white;
			--mh-stat-label2-color:var(--paper-grey-800);
			
			--mh-bloc-etape-creance-background-color:var(--mh-form-bloc-background-color);
			--mh-bloc-etape-creance-is-sel-background-color:var(--mh-theme-background-color);
			
			--mh-conversation-background-color:var(--mh-form-bloc-background-color);
			
			--mh-cal-events-header:#fcfcfc;
			--mh-cal-events-periode:#303030;
			--mh-cal-events-periode-out:#202020;
			--mh-agenda-border-color:#101010;	
			--fc-border-color:#101010;
			--mh-cal-event-background-color: var(--mh-theme-background-color);

			--mh-tableau-is-selection:var(--paper-light-blue-a200);
			--mh-tableau-is-full-data-row-color:var(--paper-green-400);
			--mh-tableau-is-full-data-row-is-sum-color:var(--paper-blue-200);
			--mh-tableau-not-is-full-data-row-is-cpt-color:var(--paper-grey-300);
			--mh-tableau-not-is-full-data-row-not-is-cpt-color:var(--paper-blue-100);
			--ag-overlay-loading-wrapper:transparent;	
	 }
}
 
@media (prefers-color-scheme: dark) {
:root {
	
	/*bleu nuit*/
	--mh-app-dossier : #062c4d;
	--mh-app-dossier-light: #074862;;
	
	/*rouge*/
	--mh-app-dossier1 : #400000;
	--mh-app-dossier-light1: #500000;
	
	/*vert*/
	--mh-app-dossier2 : #012000;
	--mh-app-dossier-light2: #013000;

	--mh-app-dossier3 : #46002b;
	--mh-app-dossier-light3: #56002b;
			
	--mh-app-dossier4 : #17002d;
	--mh-app-dossier-light4 : #27002d;

	--mh-app-dossier-dt : var(--paper-brown-900,#4527a0);
	--mh-app-dossier-light-dt : var(--paper-brown-700,#4527a0);

	--mh-app-dossier-ap : var(--paper-cyan-900,#4527a0);
	--mh-app-dossier-light-ap : var(--paper-cyan-700,#4527a0);
	
	--mh-app-mymh : var(--paper-light-green-800, #4a148c);
	
	--mh-app-agenda  : var(--paper-cyan-900, #4a148c);
	--mh-app-agenda-light  : var(--paper-cyan-300, #4a148c);
	--mh-app-contact : var(--paper-blue-800, #4a148c);
	
	/*--mh-app-email   : var(--paper-blue-900, #4a148c);*/
	--mh-app-email   : #0b3860;
	
	/*night
	--mh-app-email  : #101010;
	--mh-app-email-light : #202020;
	--mh-app-email-color: var(--paper-light-blue-500, #FFFFFF);
	*/
	
	
	--mh-app-cfg : var(--paper-grey-800, #455a64);
	
	--mh-app-docbox : var(--paper-pink-a400, #4a148c);	
	--mh-app-stat : var(--paper-green-900,#00bfa5);
	
	--mh-app-comptas : var(--paper-blue-900, #00bfa5);
	--mh-app-comptas-light : var(--paper-blue-600, #00bfa5);
	
	
	--mh-app-developpement : var(--paper-pink-a400, #4a148c); 
	--mh-app-reality : var(--paper-teal-600, #2196f3);	
}
}