prmTopbar.css
f10ea23b3462Maj_january_2022

prmTopbar.css
View Options

			/* Crée la place pour le titre et le sous-titre */
			prm-topbar {
			height: 150px !important;
			}
			prm-main-menu[menu-type="menu"],
			.top-nav-bar,
			prm-search-bookmark-filter
			{
			max-height: 60px !important;
			height: 60px !important;
			min-height: auto !important;
			}

			/* Mise en forme du titre et sous-titre */
			.main-title{
			padding: .85em;
			background-color: white;
			}
			.main-title h1{
			font-size: 2em !important;
			margin-bottom: 0;
			}
			.main-title h1 > a{
			color: black;
			}
			prm-main-menu[menu-type="menu"] #mainMenu>div {
			border-bottom: solid #ddd 1px;
			}
			.main-title h2{
			font-size: 1.2em !important;
			font-weight: bold;
			}

			/* Adapte le sous-titre lorsque l'écran est relativement petit */
			@media only screen and (max-width: 660px){
			.main-title h2{
			font-size: 1.1em !important;
			}
			}

			/* Menu sur les petits écrans */
			prm-main-menu[menu-type="full"] .md-button .md-headline{
			color: #ff9999 !important;
			}
			prm-main-menu .md-subhead{
			display: none;
			}
			.__sm prm-main-menu[menu-type="full"] .settings-container + md-divider{
			margin-top: 6em !important;
			}

			/* Menu sur grand écran */
			prm-main-menu[menu-type="menu"] .button-over-dark, prm-topbar .md-button:not(.disable-hover){
			color: #222 !important;
			}

			/* Petit triangle du menu */
			prm-user-area-expandable .button-with-menu-arrow:hover .menu-arrow:hover:not([disabled]){
			background-color: inherit;
			}