html, body { width: 100%; height: 100%; } body { background-color: #3C0C01; margin: 0; padding: 0; } .hidden { display: none; visibility: hidden; } #video-container { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .video-background-container { background-color: black; height: 100%; opacity: 0.6; filter: alpha(opacity = 60); width: 100%; position: absolute; top: 0; left: 0; } #video-close-button { background-color: black; border: 5px solid white; border-radius: 20px 20px 20px 20px; color: white; cursor: pointer; font-weight: bold; height: 30px; line-height: 30px; position: absolute; right: -21px; text-align: center; top: -21px; vertical-align: middle; width: 30px; } #video-frame-outter-container { border: 5px solid white; border-radius: 5px 5px 5px 5px; height: 300px; margin-left: auto; margin-right: auto; margin-top: 200px; width: 550px; position: relative; } .video-frame-inner-container { } #left-container { position: absolute; width: 100%; } .image-fond { position: fixed; right: 400px; top: 0; } #center-container { background-color: #F2F3C5; min-height: 703px; position: absolute; right: 600px; width: 190px; } #right-container { background-color: #DF7733; position: absolute; right: 0; width: 600px; } .logo { background-image: url("../images/logo.png"); height: 171px; left: 10px; position: absolute; top: 15px; width: 168px; } .bouton-video { position: absolute; right: 25px; top: 25px; } .bouton-video:hover { cursor: pointer; } .facebook-logo { left: 20px; position: absolute; top: 613px; cursor: pointer; background-image: url("../images/facebook-logo.png"); width: 28px; height: 28px; } .facebook-logo:hover { background-image: url("../images/facebook-logo-hover.png"); width: 34px; height: 34px; } .facebook-like { left: 55px; position: absolute; top: 410px; } .triangle-noir { background-image: url("../images/triangle-noir.png"); height: 14px; left: 20px; position: absolute; top: 350px; width: 13px; z-index: 1; } .menu { cursor: pointer; height: 28px; position: absolute; width: 191px; } .title-images img { position: absolute; top: 0; left: 0; } .carte-ardoise.title-images img { padding-left: 30px; } .accueil { background-image: url("../images/choice-accueil.png"); top: 192px; } .accueil:hover, .accueil.selected { background-image: url("../images/choice-accueil-hover.png"); } .carte { background-image: url("../images/choice-carte.png"); top: 222px; } .carte:hover, .carte.selected{ background-image: url("../images/choice-carte-hover.png"); } .evenements { background-image: url("../images/choice-evenements.png"); top: 252px; } .evenements:hover, .evenements.selected { background-image: url("../images/choice-evenements-hover.png"); } .partenaires { background-image: url("../images/choice-partenaires.png"); top: 282px; } .partenaires:hover, .partenaires.selected { background-image: url("../images/choice-partenaires-hover.png"); } .historique { background-image: url("../images/choice-historique.png"); top: 312px; } .historique:hover, .historique.selected { background-image: url("../images/choice-historique-hover.png"); } .video { background-image: url("../images/choice-video.png"); top: 342px; } .video:hover, .video.selected { background-image: url("../images/choice-video-hover.png"); } .contact { background-image: url("../images/choice-contact.png"); top: 372px; } .contact:hover, .contact.selected { background-image: url("../images/choice-contact-hover.png"); } #infos { position: absolute; top: 440px; margin-left: 20px; color: #46543C; cursor: pointer; font-size: 14px; } #infos ul { margin: 0; padding: 0 0 0 15px; } .telephone-number { font-family: times; font-weight: bold; } .flowers { background-image: url("../images/flowers.png"); bottom: 0; height: 62px; position: absolute; width: 192px; } .accueil-footer, .carte-footer, .evenements-footer, .partenaires-footer, .historique-footer, .contact-footer { bottom: 0; position: absolute; width: 600px; } .contact-footer { clear: both; } .bg-footer { background-color: black; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); } .content-footer { color: white; position: relative; padding: 10px 10px 10px 20px; } .triangle-orange { background-image: url("../images/triangle-orange.png"); background-repeat: no-repeat; float: left; height: 14px; margin-right: 10px; margin-top: 4px; width: 13px; } .visit-container { cursor: pointer; } .visit-container:hover { text-decoration: underline; } .visit-link { } .mentions-legales { float: right; font-size: 12px; cursor: pointer; } .mentions-legales:hover { text-decoration: underline; } #content_accueil { height: 703px; } #content_carte { height: 1030px; } #content_partenaires { height: 703px; } #content_historique { height: 970px; } #content_contact { height: 715px; } .carte-ardoise { } .ardoise { background-image: url("../images/ardoise.png"); height: 250px; position: absolute; right: 0; top: 160px; width: 330px; } #ardoise-text { -moz-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -ms-transform: rotate(-11deg); zoom: 1; color: white; font-family: 'Comic Sans MS'; font-weight: bold; left: 340px; position: absolute; text-align: center; top: 214px; z-index: 1; } .decor-fleur-1 { background-image: url("../images/decor-fleur-1.png"); height: 320px; width: 205px; } .decor-fleur-2 { background-image: url("../images/decor-fleur-2.png"); height: 305px; width: 145px; } .menu_container { font-weight: bold; position: absolute; right: 100px; top: 400px; width: 400px; } .menu_container ul { padding: 0; text-align: center; margin: 10px 0 20px; list-style-type: none; } .menu_container li { color: #C9511E; } .menu_container li::before { content: "\2022\0020"; } .entrees_container { } .menu_entrees { background-image: url("../images/menu_entrees.png"); height: 33px; width: 245px; margin-top: 10px; margin-left: auto; margin-right: auto; } .plats_container { } .menu_plats { background-image: url("../images/menu_plats.png"); height: 33px; width: 205px; margin-top: 10px; margin-left: auto; margin-right: auto; } .desserts_container { } .menu_desserts { background-image: url("../images/menu_desserts.png"); height: 33px; width: 265px; margin-top: 10px; margin-left: auto; margin-right: auto; } .whiteText { color: white; } #content_carte .decor-fleur-1 { position: absolute; top: 350px; } #content_carte .decor-fleur-2 { position: absolute; top: 670px; } #content_evenements .decor-fleur-1 { position: absolute; top: 245px; } #content_evenements .decor-fleur-2 { position: absolute; top: 570px; } .evenement-title { background-image: url("../images/evenements.png"); height: 30px; width: 216px; } .evenement-header { color: white; font-size: 26px; font-weight: bold; } .fleur { background-image: url("../images/fleur.png"); height: 42px; left: 55px; position: absolute; width: 47px; } .evenements-container { left: 40px; position: absolute; top: 300px; width: 525px; } .evenements-sub-container { margin-left: auto; margin-right: auto; width: 320px; } #content_evenements ul { color: white; font-style: italic; font-weight: bold; margin: 0; padding: 5px 0 5px 17px; } #content_evenements li { } .evenements-contact { color: #5B2813; font-weight: bold; text-align: center; padding-bottom: 30px; } .evenements-more-infos { font-weight: bold; font-size: 17px; } #btnGroupesEtSeminaires { background-color: white; border: 2px solid; color: #354B2D; cursor: pointer; display: inline; font-family: HorizonWide; font-size: 21px; font-weight: normal; margin-left: 75px; padding: 2px; } #btnActuellement { background-color: white; border: 2px solid; color: #354B2D; cursor: pointer; display: inline; font-family: HorizonWide; font-size: 21px; font-weight: normal; padding: 2px; margin-left: 5px; } img, div, header { border: 0; margin: 0; padding: 0 } a { text-decoration: none } a, a:visited { color: #333 } a:hover { cursor: pointer } img { vertical-align: middle } .aaa014 { border-radius: 4px; border-radius: var(--mdc-shape-medium, 4px); background-color: #fff; background-color: var(--mdc-theme-surface, #fff); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) } .aaa014 .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa014::after { border-radius: 4px; border-radius: var(--mdc-shape-medium, 4px) } .aaa009 { box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12); border-width: 1px; border-style: solid; border-color: #e0e0e0 } .aaa014 { display: flex; flex-direction: column; box-sizing: border-box; position: relative } .aaa014::after { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid transparent; border-radius: inherit; content: ""; pointer-events: none } @media screen and (forced-colors:active) { .aaa014::after { border-color: CanvasText } } .aaa009::after { border: none } .aaa099 { display: flex; flex-direction: column; box-sizing: border-box; position: relative; outline: none; color: inherit; text-decoration: none; cursor: pointer; overflow: hidden } .aaa099:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .aaa099:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .aaa099 { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity } .aaa099 .aaa034::before, .aaa099 .aaa034::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: "" } .aaa099 .aaa034::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; z-index: var(--mdc-ripple-z-index, 1) } .aaa099 .aaa034::after { z-index: 0; z-index: var(--mdc-ripple-z-index, 0) } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::before { transform: scale(var(--mdc-ripple-fg-scale, 1)) } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::after { top: 0; left: 0; transform: scale(0); transform-origin: center center } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .aaa034::after { top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0) } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .aaa034::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .aaa034::after { animation: mdc-ripple-fg-opacity-out .15s; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)) } .aaa099 .aaa034::before, .aaa099 .aaa034::after { top: -50%; left: -50%; width: 200%; height: 200% } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%) } .aaa099 .aaa034::before, .aaa099 .aaa034::after { background-color: #000; background-color: var(--mdc-ripple-color, #000) } .aaa099:hover .aaa034::before, .aaa099.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .aaa034::before { opacity: .04; opacity: var(--mdc-ripple-hover-opacity, .04) } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .aaa034::before, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus .aaa034::before { transition-duration: 75ms; opacity: .12; opacity: var(--mdc-ripple-focus-opacity, .12) } .aaa099:not(.VfPpkd-ksKsZd-mWPk3d) .aaa034::after { transition: opacity .15s linear } .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):active .aaa034::after { transition-duration: 75ms; opacity: .12; opacity: var(--mdc-ripple-press-opacity, .12) } .aaa099.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12) } .aaa099 .aaa034 { box-sizing: content-box; height: 100%; overflow: hidden; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::after, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus::after { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 5px double transparent; border-radius: inherit; content: ""; pointer-events: none } @media screen and (forced-colors:active) { .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::after, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus::after { border-color: CanvasText } } .aaa010 { border-radius: 8px; background-color: #fff; border-width: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15) } .aaa010 .aaa035 { opacity: 0 } .aaa011 { border-radius: 8px; background-color: #fff; border: 1px solid rgb(218, 220, 224); box-shadow: none } .aaa011 .aaa035 { opacity: 0 } .aaa015 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; outline: none } .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa035 { opacity: .11; background-color: transparent } a, div, img, header { border: 0; color: inherit; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline } .aaa003 { position: relative; } .aaa004 { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; } .aaa006 { flex-shrink: 0; scroll-snap-align: start } .aaa020 { background-size: contain } .aaa035 { opacity: 0 } .aaa001 { --gap-width: 12px } .aaa002 { overflow: visible } .aaa005 { display: flex; gap: var(--gap-width); padding: calc(var(--gap-width)/2) 0; padding-left: 18px; scroll-snap-type: unset } .aaa007 { padding-left: calc(var(--gap-width)/2); margin-right: calc(var(--gap-width)/2*-1) } @media screen and (max-width:600px) { .aaa004::-webkit-scrollbar { display: none }  } @media screen and (min-width:600px) { .aaa001 { --gap-width: 16px } .aaa005 { padding-left: 40px } } @media screen and (min-width:1280px) { .aaa001 { --gap-width: 24px } .aaa002 { margin-left: 18px; margin-right: 18px; overflow: visible } } @media screen and (min-width:1280px) and (min-width:600px) { .aaa002 { margin-left: 40px; margin-right: 40px } } @media screen and (min-width:1280px) and (min-width:1280px) { .aaa002 { margin-left: 60px; margin-right: auto; max-width: calc(100vw - 120px) } } @media screen and (min-width:1280px) and (min-width:1440px) { .aaa002 { margin-left: auto; max-width: 1320px } } @media screen and (min-width:1280px) { .aaa005 { padding-left: unset; scroll-snap-type: x mandatory } } .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa023 { align-items: center; display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .aaa024 { display: inline-block; vertical-align: center; } .aaa026 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .aaa027, .aaa028 { font-family: Roboto, Arial, sans-serif; line-height: 1rem; font-size: .75rem; letter-spacing: .025em; font-weight: 400; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: .2px } .aaa030 .aaa031, .aaa027, .aaa028 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104) } .aaa030 .aaa031:not(:disabled), .aaa027:not(:disabled), .aaa028:not(:disabled) { color: rgb(95, 99, 104) } .aaa030 .aaa031 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa030 .aaa031:not(:disabled) { color: rgb(154, 160, 166) } .aaa027 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa027:not(:disabled) { color: rgb(154, 160, 166) } .aaa028 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa028:not(:disabled) { color: rgb(154, 160, 166) } .aaa027 { padding: 0 8px } .aaa030 .aaa031 { font-size: .625rem } .aaa029, .aaa030 { align-items: center; display: inline-flex; height: 100% } .aaa030 { padding-left: 2px } .aaa025 { color: rgb(0, 0, 0); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: -.2px } .aaa032 { margin-left: 12px } .aaa019 { column-gap: 16px; display: grid; grid-template-columns: max-content auto; margin: 16px 0 } .aaa021 { border-radius: 12px; border-width: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15); height: 56px; width: 56px } .aaa021 .aaa035 { opacity: 0 } .aaa022 { display: grid; grid-template-rows: max-content; height: fit-content; row-gap: 2px } .aaa035 { opacity: 0 } .aaa013 { --gap-width: 12px; --card-width: calc(100vw - 48px); border: 0; display: flex; width: var(--card-width) } .aaa016 { border-radius: 8px; margin: 0 calc(var(--gap-width)/2*-1); padding: 0 calc(var(--gap-width)/2) } .aaa017 { display: flex; position: relative } .aaa017 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem } .aaa017 { color: rgb(95, 99, 104) } .aaa017 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa017 { color: rgb(154, 160, 166) } .aaa018 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; font-family: Roboto, Helvetica, Arial, sans-serif; align-items: center; display: flex; flex: 0 0 24px; flex-direction: column; margin: 34px 8px 0 0 } .aaa018:not(:disabled) { color: rgb(95, 99, 104) } .aaa018 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa018:not(:disabled) { color: rgb(154, 160, 166) } .aaa097:not(:disabled) { color: rgb(32, 33, 36); } .aaa097 { color: rgb(32, 33, 36); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-family: "Google Sans", Helvetica, Arial, sans-serif; font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1.125rem; letter-spacing: 0; font-weight: 400; font-weight: 500; } .t5eBue .mZr3Me.aaa093 .TwyJFf { font-size: 24px; font-weight: 300 } .t5eBue .hAJqZ.aaa093, .t5eBue .r2Osbf.aaa093 { font-weight: 500 } .ovVTif .jGu02.qs41qe { color: #689f38 } .t5eBue.ovVTif .hAJqZ.aaa093, .t5eBue.ovVTif .r2Osbf.aaa093 { color: #8d9d29 } .wWRLCd .jGu02.qs41qe { color: #ed3b3b } .t5eBue.wWRLCd .hAJqZ.aaa093, .t5eBue.wWRLCd .r2Osbf.aaa093 { color: #a84137 } .LW9aSc .jGu02.qs41qe { color: #039be5 } .t5eBue.LW9aSc .hAJqZ.aaa093, .t5eBue.LW9aSc .r2Osbf.aaa093 { color: #1380b5 } .aaa094 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); background-color: #fff; border: 1px rgb(218, 220, 224) solid; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 14px; font-weight: 500; height: 32px; letter-spacing: .25px; line-height: 18px; min-width: auto; outline: none; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: none; transition: background .2s .1s; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; z-index: 0 } .P9KVBf .aaa094 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166) } .P9KVBf .aaa094 { background-color: rgb(32, 33, 36) } .P9KVBf .aaa094 { border: 1px rgb(95, 99, 104) solid } .P9KVBf .aaa094::before, .P9KVBf .aaa094::after { background-color: rgb(218, 220, 224); background-color: var(--mdc-ripple-color, rgb(218, 220, 224)) } .P9KVBf .aaa094:hover::before, .P9KVBf .aaa094.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE::before { opacity: .08; opacity: var(--mdc-ripple-hover-opacity, .08) } .P9KVBf .aaa094.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::before, .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d):focus::before { transition-duration: 75ms; opacity: .24; opacity: var(--mdc-ripple-focus-opacity, .24) } .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d)::after { transition: opacity .15s linear } .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d):active::after { transition-duration: 75ms; opacity: .24; opacity: var(--mdc-ripple-press-opacity, .24) } .P9KVBf .aaa094.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24) } .aaa094.qs41qe { border: none; padding: 1px } .aaa094.RDPZE { cursor: auto } .aaa094.aaa093 { color: rgb(26, 115, 232); fill: rgb(26, 115, 232); background-color: rgb(232, 240, 254); border: none; padding: 1px } .P9KVBf .aaa094.aaa093 { color: rgb(138, 180, 248); fill: rgb(138, 180, 248) } .P9KVBf .aaa094.aaa093 { background-color: rgba(138, 180, 248, .24) } .P9KVBf .aaa094:focus { color: #fff; fill: #fff } .aaa094:focus .aaa090 { opacity: .12 } .aaa094 .aaa090 { background-color: rgb(95, 99, 104) } .P9KVBf .aaa094 .aaa090 { background-color: rgb(218, 220, 224) } .aaa090 { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0 } .UQI9cd .aaa089 { margin: 0 12px } .aaa089 { align-items: center; display: flex; position: relative; margin: 0 16px } .aaa089 .aaa086 { display: inline-block; margin: 6px 4px } .aaa088 { display: inline-flex; flex-shrink: 0; margin: 0 4px 0 0 } .aaa088.aaa087 { display: none } .aaa094.u3bW4e { outline: 1px solid transparent } .aaa095 { display: flex; flex-wrap: wrap; gap: 12px } .aaa092 { border-radius: 9999px } .aaa092 .Ka7T4c, .KnEF3e .Ka7T4c { font-size: 16px } .KuPXpe.aaa091 { color: #056449; fill: #056449; stop-color: #056449 } .KuPXpe.aaa091:not(:disabled) { color: #056449 } .P9KVBf .KuPXpe.aaa091 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .KuPXpe.aaa091:not(:disabled) { color: #00b380 } .mrSlsb.aaa093 { color: #056449; fill: #056449; stop-color: #056449; background-color: #e6f3ef } .mrSlsb.aaa093:not(:disabled) { color: #056449 } .P9KVBf .mrSlsb.aaa093 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .mrSlsb.aaa093:not(:disabled) { color: #00b380 } .mrSlsb.aaa093:not(:disabled) { background-color: #e6f3ef } .P9KVBf .mrSlsb.aaa093 { background-color: #013d2c } .P9KVBf .mrSlsb.aaa093:not(:disabled) { background-color: #013d2c } .aaa091.aaa093 { color: #056449; fill: #056449; stop-color: #056449; background-color: #e6f3ef } .aaa091.aaa093:not(:disabled) { color: #056449 } .P9KVBf .aaa091.aaa093 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .aaa091.aaa093:not(:disabled) { color: #00b380 } .aaa091.aaa093:not(:disabled) { background-color: #e6f3ef } .P9KVBf .aaa091.aaa093 { background-color: #013d2c } .P9KVBf .aaa091.aaa093:not(:disabled) { background-color: #013d2c } .P9KVBf .NWM5Eb.aaa093 { color: #ff708c; fill: #ff708c; stop-color: #ff708c } .P9KVBf .NWM5Eb.aaa093:not(:disabled) { color: #ff708c } .NWM5Eb.aaa093:not(:disabled) { background-color: #f9e8ee } .P9KVBf .NWM5Eb.aaa093 { background-color: #610b29 } .P9KVBf .NWM5Eb.aaa093:not(:disabled) { background-color: #610b29 } .ArLwsf.aaa093 { color: #035282; fill: #035282; stop-color: #035282; background-color: #e5f1f9 } .ArLwsf.aaa093:not(:disabled) { color: #035282 } .P9KVBf .ArLwsf.aaa093 { color: #50b4f4; fill: #50b4f4; stop-color: #50b4f4 } .P9KVBf .ArLwsf.aaa093:not(:disabled) { color: #50b4f4 } .ArLwsf.aaa093:not(:disabled) { background-color: #e5f1f9 } .P9KVBf .ArLwsf.aaa093 { background-color: #024066 } .P9KVBf .ArLwsf.aaa093:not(:disabled) { background-color: #024066 } .aaa098 { margin-left: 24px; margin-right: 24px; padding-bottom: 20px } .aaa097 { color: rgb(32, 33, 36); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-family: "Google Sans", Helvetica, Arial, sans-serif; font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1.125rem; letter-spacing: 0; font-weight: 400; font-weight: 500 } .aaa097:not(:disabled) { color: rgb(32, 33, 36) } .P9KVBf .aaa097 { color: rgb(232, 234, 237); fill: rgb(232, 234, 237); stop-color: rgb(232, 234, 237) } .P9KVBf .aaa097:not(:disabled) { color: rgb(232, 234, 237) } .aaa096 { margin-left: 24px; margin-right: 24px; margin-bottom: 8px } @media screen and (min-width:600px) { .aaa096, .aaa098 { margin-left: 48px; margin-right: 48px } .aaa013 { --gap-width: 16px; --card-width: calc(75vw - 76px) } } @media screen and (min-width:840px) { .aaa013 { --card-width: calc(50vw - 56px) } } @media screen and (min-width:960px) { .aaa013 { --card-width: calc(33.3333333333vw - 42.6666666667px) } } @media screen and (min-width:1280px) { .aaa096, .aaa098 { margin-left: 72px; margin-right: 72px } .aaa097 { font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.75rem; font-size: 1.375rem; letter-spacing: 0; font-weight: 400; font-weight: 500 } .aaa013 { --gap-width: 24px; --card-width: calc(33.3333333333vw - 64px) } .aaa018 { font-size: 1rem; font-weight: 400; letter-spacing: .00625em; line-height: 1.5rem; flex: 0 0 32px; margin-top: 40px } .aaa021 { height: 64px; width: 64px } .aaa022 { row-gap: 0 } .aaa028 { font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; letter-spacing: .2px } .aaa030 .aaa031 { font-size: .75rem } .aaa025 { font-size: 1rem; font-weight: 400; letter-spacing: .00625em; line-height: 1.5rem; letter-spacing: 0 } .aaa032 { margin-left: 16px } } @media screen and (min-width:1440px) { .aaa096, .aaa098 { margin-left: auto; margin-right: auto; max-width: 1296px } .aaa013 { --card-width: 416px } } #groupes-et-seminaires-container { padding-top: 20px; } #actuellement-container { padding-top: 20px; } .partenaires-container { margin-left: auto; margin-right: auto; width: 450px; } .partenaires-container img { float: left; padding-right: 20px; } .partenaires-container a { color: #006BB2; float: left; font-size: 17px; font-weight: bold; width: 310px; } .nolink { cursor: default; text-decoration: none; } .partenaires-link { clear: both; height: 70px; margin-bottom: 10px } #historique-title-1 { padding-left: 70px; } .flowers-right { background-image: url("../images/flowers-right.png"); height: 697px; position: absolute; right: 0; top: 150px; width: 200px; } .notre-histoire { background-image: url("../images/notre-histoire.png"); height: 37px; left: 30px; position: absolute; top: 250px; width: 343px; } .cadre-blanc-metro { background-image: url("../images/cadre-blanc-metro.png"); height: 311px; left: 20px; position: absolute; top: 570px; width: 392px; } #content_historique .decor-fleur-1 { position: absolute; top: 295px; } .historique-container { color: white; left: 104px; position: absolute; top: 350px; width: 400px; } .historique-more-infos { } .google-map-container { padding: 10px; } .chaise-et-table { background-image: url("../images/chaise-et-table.png"); height: 255px; position: absolute; right: 0; top: 400px; width: 226px; } #bouton-rappel { background-image: url("../images/bouton-rappel.png"); cursor: pointer; height: 26px; margin-left: 40px; margin-right: 25px; width: 153px; float: left; } #bouton-envoyer { background-image: url("../images/bouton-envoyer.png"); cursor: pointer; height: 26px; width: 119px; float: left; } .contact-row { clear: both; } .contact-label { float: left; height: 25px; vertical-align: top; width: 130px; } .contact-input { display: inline-block; width: 225px; } .contact-mandatory { text-align: right; padding-right: 20px; font-size: 11px; } .contact-form { padding-left: 10px; width: 360px; padding-bottom: 15px; } #content_contact select { margin-bottom: 5px; margin-top: 10px; width: 360px; } #content_contact input, #content_contact textarea { width: 222px; } img, div, header { border: 0; margin: 0; padding: 0 } a { text-decoration: none } a, a:visited { color: #333 } a:hover { cursor: pointer } img { vertical-align: middle } .aaa014 { border-radius: 4px; border-radius: var(--mdc-shape-medium, 4px); background-color: #fff; background-color: var(--mdc-theme-surface, #fff); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) } .aaa014 .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa014::after { border-radius: 4px; border-radius: var(--mdc-shape-medium, 4px) } .aaa009 { box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12); border-width: 1px; border-style: solid; border-color: #e0e0e0 } .aaa014 { display: flex; flex-direction: column; box-sizing: border-box; position: relative } .aaa014::after { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid transparent; border-radius: inherit; content: ""; pointer-events: none } @media screen and (forced-colors:active) { .aaa014::after { border-color: CanvasText } } .aaa009::after { border: none } .aaa099 { display: flex; flex-direction: column; box-sizing: border-box; position: relative; outline: none; color: inherit; text-decoration: none; cursor: pointer; overflow: hidden } .aaa099:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .aaa099:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .aaa099 { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity } .aaa099 .aaa034::before, .aaa099 .aaa034::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: "" } .aaa099 .aaa034::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; z-index: var(--mdc-ripple-z-index, 1) } .aaa099 .aaa034::after { z-index: 0; z-index: var(--mdc-ripple-z-index, 0) } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::before { transform: scale(var(--mdc-ripple-fg-scale, 1)) } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::after { top: 0; left: 0; transform: scale(0); transform-origin: center center } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .aaa034::after { top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0) } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .aaa034::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .aaa034::after { animation: mdc-ripple-fg-opacity-out .15s; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)) } .aaa099 .aaa034::before, .aaa099 .aaa034::after { top: -50%; left: -50%; width: 200%; height: 200% } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%) } .aaa099 .aaa034::before, .aaa099 .aaa034::after { background-color: #000; background-color: var(--mdc-ripple-color, #000) } .aaa099:hover .aaa034::before, .aaa099.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .aaa034::before { opacity: .04; opacity: var(--mdc-ripple-hover-opacity, .04) } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .aaa034::before, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus .aaa034::before { transition-duration: 75ms; opacity: .12; opacity: var(--mdc-ripple-focus-opacity, .12) } .aaa099:not(.VfPpkd-ksKsZd-mWPk3d) .aaa034::after { transition: opacity .15s linear } .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):active .aaa034::after { transition-duration: 75ms; opacity: .12; opacity: var(--mdc-ripple-press-opacity, .12) } .aaa099.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12) } .aaa099 .aaa034 { box-sizing: content-box; height: 100%; overflow: hidden; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::after, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus::after { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 5px double transparent; border-radius: inherit; content: ""; pointer-events: none } @media screen and (forced-colors:active) { .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::after, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus::after { border-color: CanvasText } } .aaa010 { border-radius: 8px; background-color: #fff; border-width: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15) } .aaa010 .aaa035 { opacity: 0 } .aaa011 { border-radius: 8px; background-color: #fff; border: 1px solid rgb(218, 220, 224); box-shadow: none } .aaa011 .aaa035 { opacity: 0 } .aaa015 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; outline: none } .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa035 { opacity: .11; background-color: transparent } a, div, img, header { border: 0; color: inherit; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline } .aaa003 { position: relative; } .aaa004 { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; } .aaa006 { flex-shrink: 0; scroll-snap-align: start } .aaa020 { background-size: contain } .aaa035 { opacity: 0 } .aaa001 { --gap-width: 12px } .aaa002 { overflow: visible } .aaa005 { display: flex; gap: var(--gap-width); padding: calc(var(--gap-width)/2) 0; padding-left: 18px; scroll-snap-type: unset } .aaa007 { padding-left: calc(var(--gap-width)/2); margin-right: calc(var(--gap-width)/2*-1) } @media screen and (max-width:600px) { .aaa004::-webkit-scrollbar { display: none }  } @media screen and (min-width:600px) { .aaa001 { --gap-width: 16px } .aaa005 { padding-left: 40px } } @media screen and (min-width:1280px) { .aaa001 { --gap-width: 24px } .aaa002 { margin-left: 18px; margin-right: 18px; overflow: visible } } @media screen and (min-width:1280px) and (min-width:600px) { .aaa002 { margin-left: 40px; margin-right: 40px } } @media screen and (min-width:1280px) and (min-width:1280px) { .aaa002 { margin-left: 60px; margin-right: auto; max-width: calc(100vw - 120px) } } @media screen and (min-width:1280px) and (min-width:1440px) { .aaa002 { margin-left: auto; max-width: 1320px } } @media screen and (min-width:1280px) { .aaa005 { padding-left: unset; scroll-snap-type: x mandatory } } .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa023 { align-items: center; display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .aaa024 { display: inline-block; vertical-align: center; } .aaa026 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .aaa027, .aaa028 { font-family: Roboto, Arial, sans-serif; line-height: 1rem; font-size: .75rem; letter-spacing: .025em; font-weight: 400; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: .2px } .aaa030 .aaa031, .aaa027, .aaa028 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104) } .aaa030 .aaa031:not(:disabled), .aaa027:not(:disabled), .aaa028:not(:disabled) { color: rgb(95, 99, 104) } .aaa030 .aaa031 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa030 .aaa031:not(:disabled) { color: rgb(154, 160, 166) } .aaa027 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa027:not(:disabled) { color: rgb(154, 160, 166) } .aaa028 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa028:not(:disabled) { color: rgb(154, 160, 166) } .aaa027 { padding: 0 8px } .aaa030 .aaa031 { font-size: .625rem } .aaa029, .aaa030 { align-items: center; display: inline-flex; height: 100% } .aaa030 { padding-left: 2px } .aaa025 { color: rgb(0, 0, 0); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: -.2px } .aaa032 { margin-left: 12px } .aaa019 { column-gap: 16px; display: grid; grid-template-columns: max-content auto; margin: 16px 0 } .aaa021 { border-radius: 12px; border-width: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15); height: 56px; width: 56px } .aaa021 .aaa035 { opacity: 0 } .aaa022 { display: grid; grid-template-rows: max-content; height: fit-content; row-gap: 2px } .aaa035 { opacity: 0 } .aaa013 { --gap-width: 12px; --card-width: calc(100vw - 48px); border: 0; display: flex; width: var(--card-width) } .aaa016 { border-radius: 8px; margin: 0 calc(var(--gap-width)/2*-1); padding: 0 calc(var(--gap-width)/2) } .aaa017 { display: flex; position: relative } .aaa017 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem } .aaa017 { color: rgb(95, 99, 104) } .aaa017 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa017 { color: rgb(154, 160, 166) } .aaa018 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; font-family: Roboto, Helvetica, Arial, sans-serif; align-items: center; display: flex; flex: 0 0 24px; flex-direction: column; margin: 34px 8px 0 0 } .aaa018:not(:disabled) { color: rgb(95, 99, 104) } .aaa018 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa018:not(:disabled) { color: rgb(154, 160, 166) } .aaa097:not(:disabled) { color: rgb(32, 33, 36); } .aaa097 { color: rgb(32, 33, 36); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-family: "Google Sans", Helvetica, Arial, sans-serif; font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1.125rem; letter-spacing: 0; font-weight: 400; font-weight: 500; } .t5eBue .mZr3Me.aaa093 .TwyJFf { font-size: 24px; font-weight: 300 } .t5eBue .hAJqZ.aaa093, .t5eBue .r2Osbf.aaa093 { font-weight: 500 } .ovVTif .jGu02.qs41qe { color: #689f38 } .t5eBue.ovVTif .hAJqZ.aaa093, .t5eBue.ovVTif .r2Osbf.aaa093 { color: #8d9d29 } .wWRLCd .jGu02.qs41qe { color: #ed3b3b } .t5eBue.wWRLCd .hAJqZ.aaa093, .t5eBue.wWRLCd .r2Osbf.aaa093 { color: #a84137 } .LW9aSc .jGu02.qs41qe { color: #039be5 } .t5eBue.LW9aSc .hAJqZ.aaa093, .t5eBue.LW9aSc .r2Osbf.aaa093 { color: #1380b5 } .aaa094 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); background-color: #fff; border: 1px rgb(218, 220, 224) solid; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 14px; font-weight: 500; height: 32px; letter-spacing: .25px; line-height: 18px; min-width: auto; outline: none; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: none; transition: background .2s .1s; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; z-index: 0 } .P9KVBf .aaa094 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166) } .P9KVBf .aaa094 { background-color: rgb(32, 33, 36) } .P9KVBf .aaa094 { border: 1px rgb(95, 99, 104) solid } .P9KVBf .aaa094::before, .P9KVBf .aaa094::after { background-color: rgb(218, 220, 224); background-color: var(--mdc-ripple-color, rgb(218, 220, 224)) } .P9KVBf .aaa094:hover::before, .P9KVBf .aaa094.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE::before { opacity: .08; opacity: var(--mdc-ripple-hover-opacity, .08) } .P9KVBf .aaa094.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::before, .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d):focus::before { transition-duration: 75ms; opacity: .24; opacity: var(--mdc-ripple-focus-opacity, .24) } .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d)::after { transition: opacity .15s linear } .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d):active::after { transition-duration: 75ms; opacity: .24; opacity: var(--mdc-ripple-press-opacity, .24) } .P9KVBf .aaa094.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24) } .aaa094.qs41qe { border: none; padding: 1px } .aaa094.RDPZE { cursor: auto } .aaa094.aaa093 { color: rgb(26, 115, 232); fill: rgb(26, 115, 232); background-color: rgb(232, 240, 254); border: none; padding: 1px } .P9KVBf .aaa094.aaa093 { color: rgb(138, 180, 248); fill: rgb(138, 180, 248) } .P9KVBf .aaa094.aaa093 { background-color: rgba(138, 180, 248, .24) } .P9KVBf .aaa094:focus { color: #fff; fill: #fff } .aaa094:focus .aaa090 { opacity: .12 } .aaa094 .aaa090 { background-color: rgb(95, 99, 104) } .P9KVBf .aaa094 .aaa090 { background-color: rgb(218, 220, 224) } .aaa090 { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0 } .UQI9cd .aaa089 { margin: 0 12px } .aaa089 { align-items: center; display: flex; position: relative; margin: 0 16px } .aaa089 .aaa086 { display: inline-block; margin: 6px 4px } .aaa088 { display: inline-flex; flex-shrink: 0; margin: 0 4px 0 0 } .aaa088.aaa087 { display: none } .aaa094.u3bW4e { outline: 1px solid transparent } .aaa095 { display: flex; flex-wrap: wrap; gap: 12px } .aaa092 { border-radius: 9999px } .aaa092 .Ka7T4c, .KnEF3e .Ka7T4c { font-size: 16px } .KuPXpe.aaa091 { color: #056449; fill: #056449; stop-color: #056449 } .KuPXpe.aaa091:not(:disabled) { color: #056449 } .P9KVBf .KuPXpe.aaa091 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .KuPXpe.aaa091:not(:disabled) { color: #00b380 } .mrSlsb.aaa093 { color: #056449; fill: #056449; stop-color: #056449; background-color: #e6f3ef } .mrSlsb.aaa093:not(:disabled) { color: #056449 } .P9KVBf .mrSlsb.aaa093 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .mrSlsb.aaa093:not(:disabled) { color: #00b380 } .mrSlsb.aaa093:not(:disabled) { background-color: #e6f3ef } .P9KVBf .mrSlsb.aaa093 { background-color: #013d2c } .P9KVBf .mrSlsb.aaa093:not(:disabled) { background-color: #013d2c } .aaa091.aaa093 { color: #056449; fill: #056449; stop-color: #056449; background-color: #e6f3ef } .aaa091.aaa093:not(:disabled) { color: #056449 } .P9KVBf .aaa091.aaa093 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .aaa091.aaa093:not(:disabled) { color: #00b380 } .aaa091.aaa093:not(:disabled) { background-color: #e6f3ef } .P9KVBf .aaa091.aaa093 { background-color: #013d2c } .P9KVBf .aaa091.aaa093:not(:disabled) { background-color: #013d2c } .P9KVBf .NWM5Eb.aaa093 { color: #ff708c; fill: #ff708c; stop-color: #ff708c } .P9KVBf .NWM5Eb.aaa093:not(:disabled) { color: #ff708c } .NWM5Eb.aaa093:not(:disabled) { background-color: #f9e8ee } .P9KVBf .NWM5Eb.aaa093 { background-color: #610b29 } .P9KVBf .NWM5Eb.aaa093:not(:disabled) { background-color: #610b29 } .ArLwsf.aaa093 { color: #035282; fill: #035282; stop-color: #035282; background-color: #e5f1f9 } .ArLwsf.aaa093:not(:disabled) { color: #035282 } .P9KVBf .ArLwsf.aaa093 { color: #50b4f4; fill: #50b4f4; stop-color: #50b4f4 } .P9KVBf .ArLwsf.aaa093:not(:disabled) { color: #50b4f4 } .ArLwsf.aaa093:not(:disabled) { background-color: #e5f1f9 } .P9KVBf .ArLwsf.aaa093 { background-color: #024066 } .P9KVBf .ArLwsf.aaa093:not(:disabled) { background-color: #024066 } .aaa098 { margin-left: 24px; margin-right: 24px; padding-bottom: 20px } .aaa097 { color: rgb(32, 33, 36); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-family: "Google Sans", Helvetica, Arial, sans-serif; font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1.125rem; letter-spacing: 0; font-weight: 400; font-weight: 500 } .aaa097:not(:disabled) { color: rgb(32, 33, 36) } .P9KVBf .aaa097 { color: rgb(232, 234, 237); fill: rgb(232, 234, 237); stop-color: rgb(232, 234, 237) } .P9KVBf .aaa097:not(:disabled) { color: rgb(232, 234, 237) } .aaa096 { margin-left: 24px; margin-right: 24px; margin-bottom: 8px } @media screen and (min-width:600px) { .aaa096, .aaa098 { margin-left: 48px; margin-right: 48px } .aaa013 { --gap-width: 16px; --card-width: calc(75vw - 76px) } } @media screen and (min-width:840px) { .aaa013 { --card-width: calc(50vw - 56px) } } @media screen and (min-width:960px) { .aaa013 { --card-width: calc(33.3333333333vw - 42.6666666667px) } } @media screen and (min-width:1280px) { .aaa096, .aaa098 { margin-left: 72px; margin-right: 72px } .aaa097 { font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.75rem; font-size: 1.375rem; letter-spacing: 0; font-weight: 400; font-weight: 500 } .aaa013 { --gap-width: 24px; --card-width: calc(33.3333333333vw - 64px) } .aaa018 { font-size: 1rem; font-weight: 400; letter-spacing: .00625em; line-height: 1.5rem; flex: 0 0 32px; margin-top: 40px } .aaa021 { height: 64px; width: 64px } .aaa022 { row-gap: 0 } .aaa028 { font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; letter-spacing: .2px } .aaa030 .aaa031 { font-size: .75rem } .aaa025 { font-size: 1rem; font-weight: 400; letter-spacing: .00625em; line-height: 1.5rem; letter-spacing: 0 } .aaa032 { margin-left: 16px } } @media screen and (min-width:1440px) { .aaa096, .aaa098 { margin-left: auto; margin-right: auto; max-width: 1296px } .aaa013 { --card-width: 416px } }