TP_JO2024/home/dist/component/header/header.min.css

11 lines
29 KiB
CSS
Raw Permalink Normal View History

2024-03-27 17:19:37 +01:00
/*!
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-header{--underline-img:none;--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;--text-spacing:0;--title-spacing:0;position:relative;width:100%}.fr-header__body-row{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:0 -1rem}.fr-header__brand{--idle:transparent;--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);background-color:var(--background-raised-grey);filter:drop-shadow(var(--raised-shadow));flex-wrap:wrap;padding-left:.25rem;padding-right:.25rem;z-index:calc(var(--ground) + 750)}.fr-header__brand,.fr-header__brand-top{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.fr-header__brand-top{overflow:hidden}.fr-header__logo{flex:0 0 auto;order:1;padding:.75rem}.fr-header__logo .fr-logo{font-size:.7875rem;margin:-.75rem;padding:.75rem}.fr-header__logo .fr-logo:before{background-position:0 -.046875rem,0 0,0 0;background-size:2.0625rem .84375rem,2.0625rem .75rem,0;height:.75rem;margin-bottom:.25rem;width:2.0625rem}:root[data-fr-mourning] .fr-header__logo .fr-logo:before{background-size:2.0625rem .84375rem,0,2.0625rem .75rem}.fr-header__logo .fr-logo:after{background-position:0 calc(100% + 1.40625rem);background-size:3.9375rem 2.8125rem;min-width:1.96875rem;padding-top:1.65625rem}[data-fr-theme=dark] .fr-header__logo .fr-logo:after{background-position:-1.96875rem 100%}.fr-header__operator{flex:0 1 auto;order:2;padding:.75rem}.fr-header__operator img{display:block;min-width:3.5rem}.fr-header__service{--external-link-content:none;box-shadow:inset 0 1px 0 0 var(--border-default-grey);color:var(--text-title-grey);margin-left:.75rem;margin-right:.75rem;padding-bottom:.75rem;padding-top:.75rem;width:100%}.fr-header__service-title{font-size:1.125rem;font-weight:700;line-height:1.5rem}.fr-header__service-title .fr-badge{margin:-.25rem 0 0 .25rem;vertical-align:middle}.fr-header__service-tagline{font-size:.875rem;line-height:1.5rem}.fr-header .fr-modal{--idle:transparent;--hover:var(--background-lifted-grey-hover);--active:var(--background-lifted-grey-active);background-color:var(--background-lifted-grey);justify-content:normal;overflow:auto}.fr-header .fr-modal:not([role=dialog]){transition:none}.fr-header .fr-modal:after,.fr-header .fr-modal:before{content:none}.fr-header .fr-modal>*>.fr-btn--close{margin-bottom:1.5rem}.fr-header .fr-modal>.fr-container{height:100%;overflow:inherit;padding-bottom:4.5rem;padding-top:1rem;pointer-events:all}.fr-header__navbar{align-items:flex-end;align-self:flex-start;display:flex;flex:0 0 auto;flex-direction:row;margin-left:auto;margin-right:-.5rem;margin-top:.25rem;order:3;padding:.25rem;z-index:calc(var(--ground) + 1000)}.fr-header__navbar .fr-btn{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france);flex:0 0 auto;font-size:1rem;line-height:1.5rem;margin-left:.5rem;margin-right:.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-header__navbar .fr-btn:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-header__navbar .fr-btn--menu:after,.fr-header__navbar .fr-btn--menu:before{--icon-size:1.5rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(../../icons/system/menu-fill.svg);mask-image:url(../../icons/system/menu-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-header__navbar .fr-btn--menu:before{content:""}.fr-header__navbar .fr-btn--search:after,.fr-header__navbar .fr-btn--search:before{--icon-size:1.5rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(../../icons/system/search-line.svg);mask-image:url(../../icons/system/search-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-header__navbar .fr-btn--search:befor
/*! media sm */
/*! media sm */}@media (min-width:48em){
/*! media md */.fr-header__service-title{font-size:1.25rem;line-height:1.75rem}
/*! media md */}@media (min-width:62em){
/*! media lg */.fr-header__body-row{padding:1.5rem 0}.fr-header__brand{background:transparent;filter:none;flex-wrap:nowrap;margin-bottom:-1rem;margin-top:-1rem;padding-left:0;padding-right:0;width:auto;z-index:auto}.fr-header__brand-top{width:auto}.fr-header__logo,.fr-header__operator,.fr-header__service{padding:1rem}.fr-header__service{box-shadow:none;margin-left:0;margin-right:0;width:auto}.fr-header .fr-modal{background-color:transparent;height:auto;margin:0;opacity:1;overflow:initial;position:static;visibility:inherit;width:auto}.fr-header .fr-modal>*>.fr-btn--close{display:none}.fr-header .fr-modal>.fr-container{height:auto;padding-bottom:0;padding-top:0}.fr-header__navbar{display:none}.fr-header__tools{align-items:flex-end;flex:1 0 auto;flex-direction:column;margin-left:auto;padding-left:1rem;padding-right:1rem;text-align:right}.fr-header__tools-links+.fr-header__search{margin-top:1rem}.fr-header__tools .fr-header__search{margin-left:auto;max-width:24rem}.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"],.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"],.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-],.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:before,.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]:before,.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]:before,.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-header__tools-links{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.fr-header__tools-links .fr-btns-group{justify-content:flex-end;margin:0 -.25rem -1rem}.fr-header__tools-links .fr-btns-group .fr-btn{margin-left:.25rem;margin-right:.25rem;max-width:100%;width:auto}.fr-header__tools-links .fr-btns-group>li{align-items:flex-start;display:inline-flex;max-width:100%;width:auto}.fr-header .fr-header__menu-links .fr-translate{margin-bottom:-1rem;margin-left:0;margin-right:0}.fr-header .fr-header__menu-links{display:none}.fr-header .fr-nav{justify-content:flex-start}.fr-header .fr-nav__list{margin:0 -1rem;max-width:calc(100% + 1rem)}.fr-header .fr-links-group{justify-content:flex-end}.fr-header .fr-links-group .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-header .fr-links-group>li{displa
/*! media lg */}@media (min-width:78em){
/*! media xl */
/*! media xl */}@media (hover:hover) and (pointer:fine){.fr-header__brand.fr-enlarge-link a[href]:hover{--a:0.1}.fr-header__brand.fr-enlarge-link a[href]:active{--a:0.2}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-header ol,.fr-header ul{list-style-type:none}.fr-header ol,.fr-header ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-header [href]{text-decoration:none}.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn.fr-btn--display:before,.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):not(.fr-btn--display):before,.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:before,.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]:before,.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]:before,.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{height:1rem;width:1rem}.fr-header__tools-links .fr-link{background-color:transparent;color:#000091;overflow:visible}.fr-header__operator img{height:auto!important}.fr-header__brand{background-color:#fff;z-index:750}.fr-header__service{color:#161616}.fr-header__menu-links:after,.fr-header__service{box-shadow:inset 0 1px 0 0 #ddd}.fr-header__menu-links .fr-btn{background-color:transparent;box-shadow:none;color:#000091}.fr-header__menu-links .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__menu-links .fr-btn:disabled,.fr-header__menu-links a.fr-btn:not([href]){background-color:transparent;color:#929292}.fr-header__menu-links .fr-btn:disabled:hover,.fr-header__menu-links a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-btn:disabled:active,.fr-header__menu-links a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-btn{background-color:transparent;color:#000091}.fr-header__tools-links .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-btn:disabled,.fr-header__tools-links a.fr-btn:not([href]){background-color:transparent;color:#929292}.fr-header__tools-links .fr-btn:disabled:hover,.fr-header__tools-links a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-btn:disabled:active,.fr-header__tools-links a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled:hover,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled:active,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]):activ