@charset "utf-8"; html{ font-size:14px; } @media screen and (max-width: 920px) { #wpadminbar { display: none; } } table.xdebug-error { margin-top: 8rem; } .fgvpposterbuilderview{ display: none; position: fixed;top: 0;left: 0; right: 0;z-index: 101; } :root { --color-lightgray: #fafafa; --fg-fullbg-color: 64, 6, 14; --fg-fullbg-gradient: linear-gradient(0deg, rgba(var(--fg-fullbg-color), 0.1) 0%, rgba(var(--fg-fullbg-color), 0.75) 75%, rgba(var(--fg-fullbg-color), 1) 100%); --fg-links-colors: #FF9E32; --fg-content-backgrounds: rgb(22, 22, 22); --font-base: arial, sans-serif; --font-best: georgia, sans-serif; --page-background-color: #FAF5F5; --site-max-width: 2400px; --site-background-color: transparent; --background-color-highlight: white; --background-color-highlight-text: black; --color-links: black; --headings-background-color: white; --entry-title-text-shadow:chocolate 0.1em 0.1em 0.2em,gold 1px -1px 0; --header-bloc-text-shadow: black 4px 4px 5px,gold 2px -2px 4px; --fond-blanc-text-shadow: #919191 0 2px 4px; --links-hover-color: orange; --button-background-color: var(--fg-links-colors); --button-text-color: black; --footer-background-color: var(--fg-content-backgrounds); --footer-background-text-color: black; --footer-links-color: wheat; --footer-distance: 0px; --form-background-color: #4b0306; --form-background-input: #f3f3f3; --form-text-input: black; --form-background-input-focus: white; --textarea-text-color: #666; --menuicon-color: black; --navigationbar-height:150px; --navigation-background-color: ghostwhite; --navigation-link-background-color: var(--fg-links-colors); --navigation-link-text-color: black; --navigation-link-background-hover-color: var(--fg-links-colors); --navigation-link-text-hover-color: black; --fg-navitem-text-color: black; --categorie-menu-de-categorie-background-color: var(--color-lightgray); --mobile-break: 800px; --header-background-color: var(--fg-content-backgrounds); --header-text-color: black; --body-text-color: black; --fg-bg-white-text-color: black; --fg-bg-white: var(--color-lightgray); --fg-bg-btn-affiche: var(--fg-content-backgrounds); --text-stroke: 0.002em white; --fg-bg-clear: black; --button-svg-color: #FAF5F5; --button-svg-hover-color: var(--fg-links-colors); --fg-bg-page-actualite: var(--color-lightgray); --fg-bg-page-formations: var(--color-lightgray); --fg-bg-pagination: var(--color-lightgray); --fg-bg-search-form: var(--color-lightgray); --descriptor-border: 2px solid gray; --descriptors-color: white; --fg-borders-color: var(--color-lightgray); --fg-box-shadows: rgba(0, 0, 0, 0.25) 0 1rem 1rem 0.2rem; --form-accepted-text-color: green; --fg-bg-fg-share-box: white; --fg-global-border: 1px solid gold; --fg-bg-bordered-container: darkgoldenrod; --content-padding: 0 0 32px; --border-radius-global: 5px; --video-max-size: 75vh; } .fg-page-container { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; position: relative; } .fg-presse-container { width: 100%; max-width: 1280px; background: white; padding-top: 2rem; padding-bottom: 2rem; } .fgvp-grid-content { border: 1px solid lightgray; } .infos-theatro { display: grid; grid-template-columns: repeat(auto-fill, minmax(50%,600px)); justify-content: center; position: relative; background-color: white; color: black; max-width: 1280px; margin: 0 auto; } .bloc-spectacle { width: 100%; max-width: 1280px; background-color: var(--descriptors-color); overflow: hidden; margin: 0 auto; color: black; padding-bottom: 2rem; } .performers { text-align: center; padding: 0 0.5rem 2rem; } .personnes { text-align: center; padding: 0 0.5rem 2rem; } .info-gauche, .info-droite { padding: 2rem 0.5rem 0; text-align: center; text-shadow: var(--fond-blanc-text-shadow); margin: 0 auto; position: relative; width: 100%; } .affiche { padding: 0 0 2rem; margin: 0 auto; } .affiche img, .affiche figcaption { margin: 0 auto; transition: transform 300ms; } .affiche a img:hover, .affiche a img:focus { transform: perspective(75cm) rotateX(15deg); box-shadow: rgba(22, 31, 39, 0.42) 0px 60px 22px -25px, rgba(19, 26, 32, 0.08) 0px 35px 75px -35px; } .fg-note-wrapper { padding: 0 0.5em 2rem; } .fg-multi-container { display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; max-width: 1280px; gap: 1rem; justify-content: center; margin: 0 auto; } .fg-multi-container .performers,.fg-multi-container .note,.fg-multi-container .personnes{ text-align: center; width: 100%; max-width: 600px; padding: 0; border: 1px solid black; overflow: hidden; } .fg-multi-container .affiche { border: 1px dotted black; width:100%; margin: 0 auto; object-fit: cover; overflow: hidden; } .fiche-spectacle img { transition: box-shadow 200ms ease 0s, transform 200ms ease 0s,filter 400ms ease-in-out 200ms; } .fiche-spectacle img:hover, .fiche-spectacle img:focus { box-shadow: rgba(0, 0, 0, 0.44) 0 12px 20px 0; transform: scale3d(1.1, 1.1, 1); filter: saturate(1.5); } .theatrobreadcrumb { display: block; padding: 1rem 0.25rem; text-align: center; background: black; color:ghostwhite; text-decoration:underline dotted; } .fg-itemprop { font-family: var(--font-best); font-weight: bold; } .fg-auteur-msc { margin: 1rem 0; } .fg-bouton-reserver { margin: 1rem auto; padding: 1rem 5px; transition: box-shadow 0.314116s ease-in-out 0s, background-position 0.314116s ease 0s; background-size: 200%; color: var(--button-text-color); box-shadow: rgb(0, 0, 0) 0 0 5px; border-radius: 3px; display: block; cursor: pointer; font-weight: bolder; font-size: 1.5rem; text-align: center; max-width: 400px; min-width: min(150px, 100%); overflow-wrap: anywhere; background-image: linear-gradient(to right, rgb(250, 208, 77) 0%, rgb(255, 255, 255) 51%, rgb(250, 211, 92) 100%); } .fg-bouton-reserver:hover { background-position: right center; text-decoration: none; box-shadow: rgb(64, 64, 64) 0 0 5px; } .fg-wp-editlink, .fg-wp-editlink a { text-align: center; background-color: firebrick !important; color: yellow !important; padding: 5px !important; } .fg-wp-loglinks { position: fixed; top: 25%; z-index: 999999; } .fg-build-error-messages { z-index: 99999; mix-blend-mode: unset; background-color: white; color: black; text-align: left; padding: 5px; } html, body { max-width: var(--site-max-width); margin: 0 auto; background: #4b0306; line-height: 1.5; overflow-wrap: break-word; word-break: break-all; min-height: 100vh; backface-visibility: hidden; font-family: var(--font-base); scroll-behavior: smooth; } body { display: flex; flex-direction: column; background-color: black; position: relative; z-index: 0; } @media screen and (min-width: 200px) { html, body { word-break: break-word; } } header, footer { flex: none; width: 100%; } tr { word-break: keep-all; } address { padding: 0 0.5rem; } .fg-adresse-wrapper { border: 1px dotted; max-width: fit-content; margin: 0 auto; padding: 0.5rem; } main { flex: auto; color: white; overflow-x: clip; position: relative; padding: 0 0; width: 100%; } nav { -webkit-user-select:none; user-select: none; width: unset; } *, ::before, ::after { box-sizing: border-box; } * { margin: 0; padding: 0; } pre { font-family: var(--font-base); } em { font-family: inherit; font-style: italic; } img, picture, canvas { max-width: 100%; object-fit: contain; height: auto; } img { display: block } video { background-color: black; display: block; aspect-ratio: 16 / 9; margin: 0 auto; cursor: pointer; max-height: var(--video-max-size); object-fit: contain; width: 100%; } .video-fit-size{ margin: 0 auto; } video.fg-bgvideo::-webkit-media-controls { display: none; } .video-transparentbg { position: relative; background: transparent; } .video-transparentbg.video-blend{ mix-blend-mode: screen; } .video-normal { position: relative; background: white; width: 100%; } video.fgvpspinner { position: absolute; z-index: 1; top: calc(50% - (100px / 2)); left: calc(50% - (100px / 2)); width: 100px; height: 100px; z-index: -1; border-radius: 50%; } .fg-video-container { margin: 2rem auto; background: inherit; text-align: center; max-width: 1280px; width: 100%; } .fg-single-video-container { margin: 0 auto; background: none; color: black; background-color: black; width: 100%; } input, button, textarea, select { font: inherit; border: none; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; text-align: center; } p a{ font-style: italic; } ol, ul, li { list-style: none; } ul { padding-top: 0.5rem; padding-bottom: 0.5rem; } input[type="checkbox"] { cursor: pointer; } .erreur-lien-casse{ background:red; color:pink; text-decoration-line: line-through; } cite { display: block; } .fgvp-grid { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(55ch,100%),1fr)); grid-auto-rows: 2rem; padding-top: 2rem; } textarea { resize: vertical; } a { text-decoration: 0.05rem solid underline black; cursor: pointer; color: inherit; max-width: 100%; } a:hover, a:focus{ text-decoration: 0.15rem solid underline black; } .font-base { font-family: var(--font-base); } .font-best { font-family: var(--font-best); } strong { font-weight: bold; } input::placeholder { color: black; background: none; } input:focus::placeholder { color: gray; background: none; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { background-color: var(--links-hover-color); cursor: pointer; } input[type="search"] { max-width: 100%; padding: 8px 16px; margin: 0 auto; text-align: center; background-color: #d8e3ff; border-radius: 5px; border: 1px solid #3F51B5; } input:focus { color: var(--form-text-input); background-color: var(--form-background-input-focus); border: 2px solid green; } .background-highlight { background-color: var(--background-color-highlight); color: var(--background-color-highlight-text); } .home { --body-text-color: white; --page-background-color: #4b0306; --fg-bg-bordered-container: var(--page-background-color); color: var(--body-text-color); background-color: var(--page-background-color); } .accueil { background-color: transparent; } .theatrographie { --body-text-color: black; --page-background-color: black; color: var(--body-text-color); background-color: var(--page-background-color); } .recherche { --body-text-color: black; --page-background-color: black; background-color: var(--page-background-color); color: var(--body-text-color); } .fg-page-accueil { --body-text-color: white; --page-background-color: transparent; --fg-bg-bordered-container: var(--page-background-color); color: var(--body-text-color); background-color: var(--page-background-color); } .fg-page-actualite-title, .fg-page-spectacle-title { max-width: 100%; width: 100%; margin: 0 auto; } .fg-page-formations, .fg-page-lunivers-du-clown, .fg-page-actualite, .fg-page-spectacle { display: block; position: relative; --page-background-color: white; margin: 0 auto; padding: 0 0 32px; color: var(--body-text-color); background-color: var(--page-background-color); } html { scroll-padding-top: 0; } .site-header { position: relative; padding-top: var(--navigationbar-height); z-index: 1; background-color: #FF9E32; } .custom-logo { margin: 0 auto; display: block; position: relative; z-index: 1; } .fg-link-back { font-size: 0.95rem; font-style: oblique; } a.fg-link-back::after { content: ' 👀'; } a.fg-link-back:hover { text-decoration-color: white; } #menuTrigger:checked~#fg-opener,#menuTrigger.show~#fg-opener { display: block; width: 100%; } #menuTrigger { appearance: none; display: none; color: black; background: #ff9e32; } #menuTrigger:checked + label::after,#menuTrigger.show + label::after { vertical-align: text-top; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2em' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2333363F' stroke-linecap='square' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); } #menuTrigger:not(checked) + label::after,#menuTrigger:not(show) + label::after { vertical-align: text-top; content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='2em' fill='none' viewBox='0 0 24 24' %3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 5a1 1 0 0 0 0 2h16a1 1 0 1 0 0-2H4Zm-1 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E%0A"); } #fg-opener { display: none; } #fgmenudropbtn { display: block; font-size: 35px; text-align: center; background-color:#ff9e32 ; color: black; } .fullnav { font-size: 20px; position: relative; background-color: white; display: block; z-index: 100; margin: 0 auto; } .fullnav ul, .fullnav li { list-style: none; background-color: var(--navigation-background-color); padding: 16px 5px; } .nav-item { text-align: center; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.33); font-weight: bolder; background: var(--color-lightgray); padding: 5px; } .nav-item a { display: block; line-break: auto; color: var(--navigation-link-text-color); word-wrap: break-word; align-content: center; text-decoration: none; margin: 0 auto; min-height: 3rem; } .menu-svg-recherche { background: lightgray; align-content: center; text-align: center; margin: 0 auto; } .nav-item a:focus, .nav-item a:hover, .nav-item:active, .nav-item .active, .nav-item.active { background-color: rgb(255, 158, 50); color: var(--navigation-link-text-hover-color); text-decoration: underline 2px solid var(--navigation-link-text-hover-color); } .menu-svg-recherche { background: lightgray; } .custom-logo { margin: 0 auto; display: block; height: 84px; max-width: 100%; object-fit: scale-down; } .page-header-bloc { display: block; position: relative; mix-blend-mode: normal; color:white; } .entry-title-header { display: block; position: relative; padding: 5rem 1rem 5rem; } .fg-big-introduction { position: relative; margin: 0 auto; font-weight: bolder; background-color: white; text-shadow: var(--fond-blanc-text-shadow); color: black; padding: 1rem 0; width: 100%; } .fg-big-introduction img { max-width: 100%; box-shadow: rgb(64, 64, 64) 0 0 1vw; margin-top:3vh; } @media screen and (min-width: 800px) { html{ scroll-padding-top: 100px; font-size:16px; } main{ padding: 100px 0 0; } #fgmenudropbtn { display: none; } #fg-opener { display: block; } .custom-logo { max-width: 84px; } .fullnav { position: fixed; max-width: var(--site-max-width); margin: 0 auto; right: 0; left: 0; top: 0; height:100px; } .fullnav ul { flex-direction: row; display: flex; justify-content: center; } .fullnav ul, .fullnav li { list-style: none; background-color: var(--navigation-background-color); padding: 0 8px; } .entry-title-header { display: block; position: relative; padding: 2rem 1rem 2rem; } .fg-big-introduction { margin: 0 auto; font-weight: bolder; background-color: white; text-shadow: var(--fond-blanc-text-shadow); color: black; padding: 1rem 0; width: 100%; margin-bottom: 0; margin-top: 0; } .nav-item { height:100px; align-content: center; } .nav-item a { height: calc(100px - 16px); } } .fg-textelink { font-weight: inherit; font-style: italic; } .fg-small-header { font-family: var(--font-base); font-size: 0.85rem; font-style: normal; } .fg-names { font-family: var(--font-best); padding: 1rem 0.5rem 0; font-weight: bold; font-style: italic; font-size: 1.25rem; } .fg-names-sticky { font-family: var(--font-best); padding: 0 0.5rem; font-weight: bold; font-style: italic; font-size: 1.25rem; } .fg-sub-header { font-family: var(--font-base); } .fg-header-role { padding: 1rem 0.5rem 0; font-family: var(--font-base); font-size: 1rem; font-style: normal; } .fg-person-names { font-family: var(--font-best); padding: 0 0.5rem; font-weight: bold; font-style: italic; font-size: 1.1rem;} .fg-sub-header { font-family: var(--font-base); } .fg-person-subrole { font-size: 0.85rem; font-family: var(--font-base); } .fg-small-header { font-family: var(--font-base); font-size: 0.85rem; font-style: normal; } .fg-page-formations, .fg-page-lunivers-du-clown { --body-text-color: black; --page-background-color: white; --fg-bg-bordered-container: var(--page-background-color); color: var(--body-text-color); background-color: var(--page-background-color); max-width: 1000px; } .informations { background: white; color: black; max-width: 1280px; width: 100%; margin: 0 auto; } .fg-headline { color: var(--background-color-highlight-text); text-align: center; max-width: 70ch; margin: 0; position: relative; font-size: 1.15rem; font-weight: bolder; background-color: var(--background-color-highlight); } .fg-big-headline { text-align: center; margin: 0 auto; font-size: 1.2rem; font-weight: bolder; } .svg-button { display: flex; flex-direction: column-reverse; width: 100%; align-items: center; margin: 2rem auto; border-radius: 8px; padding: 5px; max-width: 280px; background-color: rgb(240, 240, 240); color: black; transition: color 0.25s, background-color 0.25s; } .fgvp-js-spinner { position: absolute; top: 0; left: 0; ; right: 0; bottom: 0; mix-blend-mode: color-dodge; } .svg-button:hover, .svg-button:focus { color: white; background-color: black; fill: white; } .svg-chevron { max-width: 40px; margin: 0 auto; display: block; } .svg-chevron circle { fill: black; } .svg-chevron path { fill: white; } .svg-chevron:hover path { fill: lightgreen; } .svg-chevron.down { transform: rotateZ(180deg); } .svg-chevron.right { transform: rotateZ(90deg); } .svg-chevron.left { transform: rotateZ(-90deg); } button, input, select, optgroup, search, form { color: var(--body-text-color); font-family: var(--font-base); padding-top: 1rem; padding-bottom: 1rem; } h1,.ash1{ font-size: 2.5rem; } h2,.ash2,.fg-sous-titre-type,.fg-sous-titre-haut-page,.fg-sous-titre-type { font-size: 2rem; } h3,.ash3 { font-size: 1.5rem; } h4{ font-size: 1.2rem; } h5, h6 { font-size: 0.95rem; } .fg-upper{ text-transform: uppercase; padding: 1rem 0.5rem; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-best); } .fg-p-bloc,p { padding: 1rem 0.5rem; font-weight: normal; max-width: 55ch; margin: 0 auto; text-align: justify; } article{ position: relative; } hr { background-color: var(--body-text-color); border: 0; height: 1px; margin: 0; width: inherit; } img { -webkit-user-select:none; user-select: none; backface-visibility: hidden; } figure { position: relative; background-size:contain; background-repeat: no-repeat; background-position: center top; } figcaption, .figcaption { background-color: white; padding: 0.5rem; color: black; text-align: center; font-family: var(--font-best); width: 100%; padding-bottom: 1rem; font-size: 0.85rem; position: relative; } label { position: relative; cursor: pointer; font-weight: bolder; padding: 0 5px; -webkit-user-select:none; user-select: none; } .fg-double-container { display: flex; max-width: 100%; width: 100%; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; gap: 8px; text-align: center; background-color: var(--descriptors-color); margin: 0 auto; align-items: stretch; } .btn-grad { background-image: linear-gradient(to right, rgb(255 215 91) 0%, rgb(255, 255, 255) 51%, rgb(250, 211, 92) 100%); font-weight: bold; text-transform: uppercase; } .btn-grad { margin: 1rem auto; padding: 1rem; transition: box-shadow 0.314116s ease-in-out 0s, background-position 0.314116s ease 0s; background-size: 200%; color: var(--button-text-color); box-shadow: rgb(128 128 128) .25em 0.25em 0.5em; border-radius: 3px; display: block; cursor: pointer; text-align: center; max-width: 800px; overflow-wrap: anywhere; } .btn-grad:hover,.btn-grad:focus{ background-position: right center; text-decoration: none; box-shadow: rgb(64, 64, 64) 0 0 5px; } .btn-vers-page { margin: 1rem auto; padding: 1rem; background-color: whitesmoke; color: var(--button-text-color); box-shadow: rgb(128 128 128) .25em 0.25em 0.5em; transition: box-shadow 0.2s ease-out 0s; border-radius: 3px; display: block; cursor: pointer; text-align: center; max-width: 800px; overflow-wrap: anywhere; } .btn-vers-page:hover,.btn-vers-page:focus { box-shadow: rgb(64, 64, 64) 0 0 5px; } .svg-vers-page { display: flex; width: 95%; margin: 0.5rem auto; border-radius: 8px; padding: 10px; max-width: 400px; background-color: #ff9e32; color: black; fill: black; transition: color 0.25s, background-color 0.25s; flex-direction: row; justify-content: space-evenly; box-shadow: rgb(128 128 128) .25em 0.25em 0.5em; align-items: center; } a.svg-vers-page:hover, a.svg-vers-page:focus { background: gold; text-decoration: 0.05rem underline solid; box-shadow: rgb(64, 64, 64) 0 0 5px; } .fg-button-content-wrapper { display: flex; justify-content: center; } .fg-animation-buzz-out:hover, .fg-animation-buzz-out:focus { animation-name: fg-animation-buzz-out; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; } .categories { padding-left: 1em; } .post-edit-link { background-color: black; color: white; } .post-password-form { background-color: white; max-width: 1200px; margin: 0 auto; padding: 1em; } .page-title { margin: 0 auto; } .fg-page-spectacle-container { position: relative; max-width: 1280px; box-shadow: var(--fg-box-shadows); margin: 0 auto; overflow: hidden; } .search .site-branding { min-height: 0; } .fg-signature { position: relative; padding: 1rem; width: fit-content; margin: 0 auto; } .fg-signature-simple { font: 90% var(--font-best); color: wheat; text-align: center; background: transparent; margin: 2rem auto; } .fg-signature-caption { font: 90% var(--font-best); color: wheat; text-align: center; background: transparent; margin: 0 auto; } .fg-signature a:hover, .fg-signature a:focus { opacity: 0.8; } .fg-signature a { display: block; text-decoration: underline 1px solid coral; transition: opacity 0.2s ease-in-out 0s; margin: 0 auto; text-align: center; color: white; font-size:0.75rem; } .fg-signature img { color: coral; border-style: dashed; border-width: 4px; border-radius: 50%; max-width:100%; object-fit: cover; margin: inherit; } .fg-share-box { display: block; white-space: normal; color: white; background-color: black; border-radius: 5px; max-width: 500px; margin: 1rem auto; border: var(--fg-global-border); padding: 1rem 5px; text-align: center; width: 100%; } .fg-share { background: black; padding: 1rem 5px; } .fg-module-title { font-size: 1.25rem; font-family: var(--font-best); padding-bottom: 1rem; } .fg-icon-simple { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; } .fg-icon { width: 32px; height: auto; } .fg-icon:hover, .fg-icon:focus { opacity: 0.5; } .fg-icon-simple a { fill: gold; } .fg-icon-simple a:hover { text-decoration: none; } .fgvp_1280 { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; background: black; } .fg-butlinkpad { padding: 2rem 0.5rem; text-align: center; background: black; } .page-header-bloc h1 { padding: 1rem 0.5rem; text-align: center; text-shadow: var(--fond-blanc-text-shadow); font-style: oblique; font-family: var(--font-best); font-weight: bold; } .entry-title,.fg-sous-titre-type,.fg-header-type,.fg-video-header-type,.fg-video-subheader-type,.fg-presse-header-type{ padding: 1rem 0.5rem; text-align: center; text-shadow: var(--entry-title-text-shadow); background-color: #FF9E32; color: black; width: 100%; position: relative; box-shadow: var(--fg-box-shadows); font-style: oblique; font-family: var(--font-best); font-weight: bold; z-index: 1; } .fg-sous-titre-type,.fg-sous-titre-haut-page { text-align: center; } .entry-title a { color: black; } .fg-photo-galerie-container { background-color: transparent; display: flex; gap: 0.5rem; color: black; position: relative; flex-direction: row; flex-wrap: wrap; padding: 2rem 1rem; justify-content: center; } .fg-photo-galerie-images-item { border: 1px solid darkgoldenrod; cursor: pointer; transition: filter 200ms ease-in-out 0s; } .fg-photo-galerie-images-item img { margin: 0 auto; position: relative; aspect-ratio: 1/1; } .fg-photo-galerie-images-item:hover, .fg-photo-galerie-images-item:focus { filter: drop-shadow(2px 4px 6px black); } .photo-galerie-caption { font-size: 0.75rem; } .fg-post-thumbnail { display: block; margin: 1rem auto; transition: transform 0.314s ease-in-out 0s; width: 100%; max-width: 300px; } .fg-post-thumbnail img { margin: 0 auto; border-radius: var(--border-radius-global); border: 2px solid goldenrod; } .fg-post-thumbnail:hover { transform: scale(0.95); } .post-thumbnail { margin: 0 auto; text-align: center; } .fg-thumbnail { display: block; margin: 1rem auto; box-shadow: black 0 0 5px; max-width: 100%; } .attachment-post-thumbnail { max-height: 300px; width: auto; } .fg-pad { padding: 1rem 0; } .fg-pad li { padding-bottom: 0.5em; } .fg-pad-top { padding-top: 2rem; } .fg-pad-top1 { padding-top: 1rem; } .fg-pad-bottom { padding-bottom: 2rem; } .fg-pad-bottom1 { padding-bottom: 1rem; } .fg-rnd-img { border-radius: 50%; box-shadow: rgb(204, 204, 204) 0 0 1rem; } .fg-textcenter, .fg-txtctr, .fg-txtcenter { text-align: center; display: block; } .fg-sm-italic { font-size: 0.7rem; font-style: italic; } .fg-page-entry-container { background-color: var(--site-background-color); } .fg-page-paged .fg-page-title-container { text-align: center; margin: 0; padding: 30px 5px; background-color: var(--site-background-color); color: black; box-shadow: rgba(0, 0, 0, 0.5) 0 31px 15px -19px; border-radius: 0 0 16px 16px; } .fg-page-paged .fg-page-title-container p { background-color: var(--site-background-color); } .fg-page-paged .fg-page-title-container span { font-size: 1.1rem; font-weight: bold; } .fg-page-paged h3, .fg-page-paged h4, .fg-page-paged .fg-heading { margin: 3rem auto 1.5rem; padding-top: 1rem; padding-bottom: 1rem; text-align: center; font-size: 1.5rem; background-color: rgb(255, 255, 255); border-radius: var(--border-radius-global); box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 0; } .fg-5rem { padding: 5rem 5px; } .fg-vertical-spacer { margin-top: 5rem; margin-bottom: 5rem; } .fg-rnd-img-container { color: var(--body-text-color); white-space: normal; } a.fg-rnd-img-container:hover { opacity: 0.8; text-decoration-color: var(--body-text-color); } a.fg-rnd-img-container { text-decoration: 2px solid underline; } .fg-rnd-img-container img { width: 150px; border-style: dashed; border-width: 4px; border-radius: 50%; margin: 0 auto; } .fg-rnd-img-container .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fg-round img { border-radius: 50%; } .fg-excerpt { text-align: center; font-size: 1rem; min-height: 9rem; } .excerpt-title { font-family: var(--font-base); font-size: 0.85rem; } .results-inner { padding: 5px 5px 1em; margin: 0 auto; text-align: center; border: 1px solid gold; border-radius: var(--border-radius-global); } .entry-footer { padding: 0.5rem; background-color: black; color: whitesmoke; min-height: 0.5rem; text-align: center; font-size: 1.5rem; } .fg-max-70ch { display: block; position: relative; max-width: 70ch; margin: 0 auto; } .cookiemodal { position: fixed; left: 0; top: 25%; width: 100%; height: max-content; opacity: 0; z-index: 10000; display: none; } .cookiemodal-content { position: relative; background-color: cornflowerblue; border: 2px solid rgb(235, 255, 238); border-radius: 0.5em; text-align: center; padding: 10px; min-width: 250px; margin: 0 auto; overflow: auto; color: floralwhite; max-width: 800px; } .cookieclose-button { text-align: center; cursor: pointer; border-radius: var(--border-radius-global); background-color: rgb(65, 105, 225); line-height: 2; font-size: 2rem; margin-top: 1rem; transition: background-color 0.25s linear 0s; } .cookieclose-button:hover, .cookieclose-button:focus { background-color: darkblue; } .cookieshow-modal { display: block; opacity: 1; transition: opacity 0.25s ease 0s, transform 0.25s ease 0s; } #fg-search-form.show { display: flex; width: 94%; text-align: center; max-width: 400px; } #fg-search-form { display: none; position: fixed; background: var(--fg-bg-search-form); padding: 5px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 101; border-radius: var(--border-radius-global); box-shadow: darkgray 0 0 10px; flex-flow: column nowrap; } .screen-reader-text { position: absolute; left: -100%; top: auto; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; background-color: white; color: black; } .screen-reader-text:focus { height: auto; width: auto; border-radius: var(--border-radius-global); box-shadow: rgba(0, 0, 0, 0.6) 0 0 2px 2px; display: block; font-weight: bold; left: 5px; padding: 15px 23px 14px; text-decoration: none; top: 5px; z-index: 102; } .screen-reader-text:focus { font-size: 1rem; } .alignnone, .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignleft { text-align: left; } .entry-header { text-align: center; padding: 0; } .updated:not(.published) { display: none; } footer { display: block; background-color: var(--footer-background-color); color: var(--footer-background-text-color); margin: var(--footer-distance) auto 0; position: relative; border: 1px solid gold; flex: none; width: 100%; } .site-info { padding: 0 1rem 1rem; text-align: center; font-family: var(--font-best); color: white; display: flex; flex-wrap: wrap; gap: 1rem; align-content: center; justify-content: center; align-items: center; flex-direction: column; } .site-info a { color: var(--footer-links-color); text-decoration: underline; font-size: 1rem; display: block; position: relative; height: 3em; align-content: center; } .fg-small-font { font-family: var(--font-base); font-size: 0.75rem; } .fg-totop { position: fixed; z-index: 110; cursor: pointer; bottom: 1vh; right: 1vw; background-color: rgba(255, 255, 255, 0.5); font-size: max(min(24px, 3rem), 3vw); text-decoration: none; } .fg-totop:hover, .fg-totop:focus { background-color: rgba(0, 0, 0, 0.33); text-decoration: none; } .fgvp-tag-ani{ position: relative; } .fgjsoff{ visibility: hidden; pointer-events: none; z-index: -1; } @keyframes fg-animation-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0deg); } 100% { transform: translateX(-1px) rotate(0deg); } } .fg-counter { counter-reset: section 0; } .fgflipinhorbottom, .fg-slider-fade-in, .fade-in, .fade-in-bottom, .fade-in-up, .slide-left, .slide-right, .swirlin, .fgzoomindown, .zoomin { opacity: 0; } .fg-slider-fade-in { animation: 0.3s ease-in 0s 1 normal forwards running fade-in; } .fade-in { animation: 0.66s ease-in 0s 1 normal forwards fade-in; } .fadein { animation: 0.6s ease-in 0s 1 normal forwards fadein; } .jsfadein { animation: 0s ease-in 1s 1 fadeout,1s ease-in 0s 1 fg-scalein ; } @keyframes fg-ani-montante { 0% { opacity: 0; } 1% { opacity: 0; transform: translateY(100%); } 99% { opacity: 1; } 100% { opacity: 1; transform: translateY(0); } } .out{ pointer-events: none; } .fgvpanimationpresse { animation: 1s ease-in-out 0s 1 normal both running swirlin; } .fgvpanimationpresse.out { animation: 1s ease-in-out 0s 1 normal forwards running swirlinout; } .swirlin { animation: 1.5s ease-in-out 0s 1 normal forwards running swirlin; } .swirlin.out { animation: 1.0s ease-in-out 0s 1 normal forwards running swirlinout; } .fgvpanimationgalerie{ animation: flip-in-diag 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .fgvpanimationgalerie.out{ animation: slide-in-blurred-top-out 1.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;} @keyframes swirlin { 0% { opacity: 0; transform: rotate(-540deg) scale(0); } 100% { opacity: 1; transform: rotate(0deg) scale(1); } } @keyframes swirlinout { 0% { transform: rotate(0) scale(1); } 100% { opacity: 0; transform: rotate(-540deg) scale(0.5); } } .fade-in-bottom { animation: 1s ease-in-out 0s 1 normal forwards running fade-in-bottom; } .fade-in-bottom.out { animation: 1s ease-in-out 0s 1 normal forwards running fade-in-bottom-out; } @keyframes fade-in-bottom { from{ } to { transform: translate3d(0,0,0); opacity: 1; } } @keyframes fade-in-bottom-out { to { transform: translate3d(0,100%,0); opacity: 0; } } @keyframes slide-in-blurred-top { 0%{ opacity: 0; transform: translate(0,-100%) scale(1.5,1.5); transform-origin: 50% 0%; filter: blur(50px); } 100% { transform: translate(0,0) scale(1,1) ; transform-origin: 50% 50%; filter: blur(0); opacity: 1; } } @keyframes slide-in-blurred-top-out { 0%{ opacity: 0; transform: translate(0,0) scale(1,1) ; transform-origin: 50% 50%; filter: blur(0); opacity: 1; } 100% { opacity: 0; transform: translate(0,-350%) scale(1,2.5) ; transform-origin: 50% 0%; filter: blur(10px); } } .flip-in-diag { animation: flip-in-diag 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; } @keyframes flip-in-diag { from { transform: rotate3d(-1, 1, 0, 80deg); opacity: 0; } to { transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } } @keyframes flip-in-diag-out { from { transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } to { transform: rotate3d(-1, 1, 0, 80deg); opacity: 0; } } .fgzoomindown { animation: 1s ease-in-out 0s 1 normal forwards running zoomindown; } .fgzoomindown.out { animation: 1s ease-in-out 0s 1 normal forwards running zoomindown-out; } @keyframes zoomindown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 50%, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } 100% { opacity: 1; } } @keyframes zoomindown-out { 0% { opacity: 1; } 60% { opacity: 0; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 50%, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } } .fgflipinhorbottom { animation: fgflipinhorbottom 1.25s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; } .fgflipinhorbottom.out { animation: fgflipinhorbottom-out 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; } @keyframes fgflipinhorbottom { 0% { opacity: 0; transform: rotateX(80deg); } 100% { transform: rotateX(0); opacity: 1; } } @keyframes fgflipinhorbottom-out { 0% { transform: rotateX(0); } 100% { transform: rotateX(80deg); opacity: 0; } } .jsfadeout { animation: 2s ease-in 0s 1 normal forwards fadeout; } .fadeout { animation: 0.2s ease-in 0s 1 normal forwards fadeout; } .fadeinalternate { animation: fadeinalternate 0.6s ease-in-out 0s infinite alternate both running; } .fg-ani-highlight { animation: fghighlight 0.6s ease-in-out 0s infinite alternate both running; } @keyframes fghighlight{ 0%{ filter: contrast(1.5) drop-shadow(0 0 0.5em white) hue-rotate(251deg); } } .fadeinoutwaiter { animation: fadeinalternate 0.6s ease-in-out 0s infinite alternate both running; } .fg-ani-scalein { animation: 3s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 normal forwards running fg-scalein; } .animation-menu-in{ animation: 0.25s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 normal forwards running fg-scalein; } .animation-menu-out{ animation: 0.2s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 reverse both running fg-scalein; } @keyframes fg-hoverlarger { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } .fg-hover-larger:hover { animation: 1s linear 0s 1 alternate both running fg-hoverlarger; } .fade-in-up { animation: 1s ease-in-out 0s 1 normal forwards running fade-in-up; } .slide-left { animation: 1s ease-in-out 0s 1 normal forwards running slide-in-left; } .slide-right { animation: 1s ease-in-out 0s 1 normal forwards running slide-in-right; } .zoomin { animation: 1s ease-in-out 0s 1 normal forwards running zoomin; } .fg-image-negate { filter: contrast(0.9) invert(90%) grayscale(90%); } .anirunning { -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } @keyframes fg-scalein { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 1; } } @keyframes fg-scaleout { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes slide-in-left { 0% { transform: translateX(-50%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-out-left { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-50%); } } @keyframes slide-in-right { 0% { opacity: 0; transform: translateX(100px); } 100% { transform: translateX(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { opacity: 0; transform: translateY(50%); } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-in-up { 0% { transform: translateY(50%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeout { 0% { } 100% { opacity: 0; } } @keyframes fadeinalternate { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes zoomin { 0% { opacity: 0; transform: scale(0.3); } 70% { opacity: 1; transform: scale(1); } 100% { opacity: 1; transform: scale(1); } } .fg-justify { text-align: justify; } .fg-ol-count { counter-reset: item 0; } .fg-ol-count ul, .fg-ol-count ol li { display: block; margin-bottom: 0.5rem; margin-left: 2rem; } .fg-ol-count ol { counter-reset: item1 0; margin-left: 0; padding: 0 5px; } .fg-ol-count ol::before { content: ""; counter-increment: item 1; } .fg-ol-count ol li::before { display: inline-block; content: counter(item) "." counter(item1) ")"; counter-increment: item1 1; margin-right: 0.5rem; } .fg-erreur { background-color: white; color: red; text-decoration: line-through; } .fadey { animation: 0s ease 0s 1 normal none running fadey; } @keyframes fadey { 0% { opacity: 0; transform: translate3d(-50%, 0%, 0) scale(0); } 10% { opacity: 0; transform: translate3d(-50%, 0%, 0) scale(1); } 25% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 50% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 80% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 100% { opacity: 0; transform: translate3d(50%, -50%, 0) scale(2); } } @keyframes fg-bg-floatup { 0% { opacity: 0; } 15% { opacity: 0.35; } 30% { opacity: 0.75; transform: translateX(5vw) rotateZ(2deg); } 45% { opacity: 0.86; } 60% { opacity: 1; } 85% { opacity: 0.75; } 100% { opacity: 0; transform: translateX(0) rotateZ(-1deg); } } @keyframes fg-bg-floatup-r { 0% { opacity: 0; } 15% { opacity: 0.35; } 30% { opacity: 0.75; transform: translateX(5vw) rotateZ(-2deg); } 45% { opacity: 0.86; } 60% { opacity: 1; } 85% { opacity: 0.75; } 100% { opacity: 0; transform: translateX(0) rotateZ(0deg); ; } } @media screen and (min-width: 1280px) { html{ font-size:17px; } .page-header-bloc h1 { text-shadow: var(--header-bloc-text-shadow); color: white; } .fg-big-introduction { } .fgvp_1280, .fg-butlinkpad,.page-header-bloc,.fg-share { background-color: transparent; background: transparent; } .fg-bg-rideaux { position: fixed; background-color: #4b0306; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: normal; max-width: var(--site-max-width); margin: 0 auto; overflow: hidden; } .fg-bg-header { position: absolute; background-color: #4b0306; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: normal; max-width: var(--site-max-width); margin: 0 auto; overflow: hidden; } .fg-bg-light { position: absolute; top: 0; bottom: 0; } .fg-bg-x1 { animation: 10s cubic-bezier(0.73, 0.34, 0.6, 1) 0s infinite normal none running fg-bg-floatup; box-shadow: rgb(167 12 12) 0 0 2.8vw 1.75vw; } .fg-bg-x2 { animation: 7s linear 0s infinite normal none running fg-bg-floatup; box-shadow: rgb(167 12 12) 0 0 2.8vw 1.75vw; left: 15%; } .fg-bg-x3 { animation: 9.5s linear 0s infinite normal none running fg-bg-floatup; box-shadow: rgb(167 12 12) 0 0 4.8vw 2.75vw; left: 21%; } .fg-bg-x4 { animation: 7.5s linear 0s infinite normal none running fg-bg-floatup; box-shadow: rgb(205 0 0 / 53%) 0 0 2vw 4vw; left: 36%; } .fg-bg-x5 { animation: 8s linear 0s infinite normal none running fg-bg-floatup; left: 50%; } .fg-bg-x6 { animation: 12s cubic-bezier(0.74, -0.35, 0.4, 1.48) 0s infinite normal none running fg-bg-floatup; box-shadow: rgba(245, 41, 41, 0.72) 0 0 5vw 1.5vw; left: 62%; } .fg-bg-x7 { animation: 10s linear 0s infinite normal none running fg-bg-floatup; box-shadow: rgba(255, 41, 41, 0.72) 0 0 3.8vw 1vw; left: 80%; } .fg-bg-x8 { animation: 8.3s linear 0s infinite normal none running fg-bg-floatup; box-shadow: rgba(245, 41, 41, 0.72) 0 0 3vw 1vw; left: 90%; } .fg-bg-x9 { animation: 14.1s ease-in 0s infinite normal none running fg-bg-floatup; box-shadow: rgb(255 0 151 / 98%) 0 0 2vw 0.5vw; left: 94%; } } @media screen and (min-width: 1600px) { html{ font-size:17px; } } @media screen and (min-width: 2000px) { html{ font-size:18px; } } .fg-link { color: inherit; font-style: italic; text-decoration: 1px underline; font-weight: bold; } .fgvp-spinner-old { margin: 0 auto; background-repeat: no-repeat; background-position: center center; } .fgvp-spinner { position: absolute; background-color: transparent; border: 6px dotted white; border-radius: 50%; filter: drop-shadow(0 0 0.2rem rgb(0, 0, 0)); animation: 3s linear 0s infinite normal forwards running fgvp-spinwait; mix-blend-mode: normal; width: 50px; height: 50px; z-index: 5; left: calc(50% - 25px); top: calc(50% - 25px); } @keyframes fgvp-spinwait { 0% { transform: rotate(0); } 25% { } 50% { } 75% { } 100% { transform: rotate(360deg); } } .fgmod_closeBtn { color: white; font-size: 2rem; position: absolute; top: 0; right: 0; margin: 2vw; cursor: pointer; transition: 0.2s ease-in-out; background-color: black; line-height: 1; } .fgmod_closeBtn:hover { color: rgb(55, 200, 55); } .fgvpmodalgalcss { width: 100%; height: 100%; position: fixed; top: 0; display: flex; justify-content: center; align-items: center; background-color: black; -webkit-user-select:none; user-select: none; max-width: var(--site-max-width); z-index: 25; } .modaleanimateout { animation: modalzoomout 0.3s ease-in-out; } .modaleanimatein { animation: modalzoom 0.3s ease-in-out; } .fgvp-modalspinner { position: absolute; border: 12px dotted ghostwhite; border-radius: 50%; animation: 3s linear 0s infinite normal forwards running fgvp-spinwait; mix-blend-mode: normal; width: 50px; height: 50px; z-index: -1; } @keyframes modalzoom { from { transform: scale(0); } to { transform: scale(1); } } @keyframes modalzoomout { from { transform: scale(1); } to { opacity: 0; transform: scale(0); } } .fgvpmodalgalcss img { width: auto; object-fit: contain; max-height: 100%; align-self: auto; } .fgvpmodalgalcss .photo-galerie-caption { font-size: 1rem; text-align: center; display: block; position: absolute; bottom: 0; width: 100%; max-width: 100%; background-color: #00000085; color: lightgoldenrodyellow; text-shadow: 1px 1px black, -1px -1px black, 1px 2px black, -1px 2px black; border: none; } .fgmod_prevBtn, .fgmod_nextBtn { position: absolute; font-size: min(100px, 15vw); color: white; background-color: #00000094; cursor: pointer; bottom: min(100px,15vh); border-radius: 10%; } .fgmod_prevBtn { left: 0; transform: rotateZ(180deg); } .fgmod_nextBtn { right: 0; } .fgmod_prevBtn:hover, .fgmod_nextBtn:hover { background-color: #00550094; } .fgmod_prevBtn, .fgmod_nextBtn, .fgmod_closeBtn { z-index: 1; } .me-contacter input { background-color: var(--form-background-input); border: 2px solid; border-radius: 3px; box-shadow: rgba(255, 0, 0, 0.45) 0 0 4px inset; display: inline-block; font-size: 1rem; transition: background-color 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; padding: 5px; } .me-contacter .fg-checkbox.cvgok { background-color: darkgreen; } .me-contacter .fg-checkbox { background-color: darkred; } .fgform-field-link a { color: black; background: white; text-decoration: underline; } input.form-control-error { border-color: red; background-color: var(--form-background-input); color: black; } .me-contacter input:focus-within { border-color: rgb(0, 89, 255); background-color: var(--form-background-input); } .me-contacter .fg-checkbox { text-align: center; border-radius: 16px; padding: 16px 5px; max-width: 600px; margin: 0 auto; } .me-contacter { --content-padding: 0 0; --body-text-color: white; --page-background-color: var(--navigation-link-background-color); --fg-bg-bordered-container: var(--page-background-color); color: var(--body-text-color); background: none; } .contact-page-wrapper { padding: 2rem 1rem; max-width: 1280px; margin: 0 auto; display: flex; justify-content: center; flex-direction: column; background-color: inherit; } .fg-form-container input[type="checkbox"] { cursor: pointer; accent-color: var(--form-accepted-text-color); width: 1rem; } .me-contacter textarea { background-color: var(--form-background-input); border: 2px solid red; border-radius: 3px; display: inline-block; font-size: 1rem; transition: background-color 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } input[type="email"].form-control-ok, input[type="text"].form-control-ok, textarea.form-control-ok { background-color: green; color: white; border: 2px solid #c4ffc4; } .fg-form-container { border-radius: 5px; background-color: var(--form-background-color); padding: 1rem; margin: 0 auto; } .fg-page-recherche { --body-text-color: black; --page-background-color: white; --fg-bg-bordered-container: var(--page-background-color); color: var(--body-text-color); background-color: var(--page-background-color); padding: 5px 5px 16px; margin: 0 auto; text-align: center; border: 1px solid black; } .fg-page-recherche article { margin: 2rem auto; border: 2px solid #792405; border-radius: var(--border-radius-global); padding: 2rem 0.25rem; max-width: 70ch; } .fg-page-recherche p { text-align: center; padding: 1rem 1rem 0; } .nbresultats { font-size: 1.5rem; font-weight: bold; } .fg-page-recherche img { background-color: white; } .bggreenclass{ background-color: green; } .bgorangeclass{ background-color: orange; } .fg-waiter{ animation: fadeinalternate 0.6s ease-in-out 0s infinite alternate both running; } .kenburns-bottom{ animation:kenburns-bottom 2s ease-in-out infinite alternate both; } @keyframes kenburns-bottom{ 0%{transform:scale(1) translateY(0);transform-origin:50% 84%}100%{transform:scale(1.25) translateY(15px);transform-origin:bottom} } .wrapactu { font-size: min(12vw,3em); } .wrapactu span { display: inline-block; } @media screen and (min-width: 1240px) { .wrapactu span { animation: fgvp-txt-wave 2s ease-in-out infinite; } .wrapactu span:nth-child(1) { animation-delay: 120ms; } .wrapactu span:nth-child(2) { animation-delay: 240ms; } .wrapactu span:nth-child(3) { animation-delay: 360ms; } .wrapactu span:nth-child(4) { animation-delay: 480ms; } .wrapactu span:nth-child(5) { animation-delay: 600ms; } .wrapactu span:nth-child(6) { animation-delay: 720ms; } .wrapactu span:nth-child(7) { animation-delay: 840ms; } .wrapactu span:nth-child(8) { animation-delay: 960ms; } .wrapactu span:nth-child(9) { animation-delay: 1120ms; } @keyframes fgvp-txt-wave { 25% { text-shadow: 0 1em white, 0 2em black; } 75% { text-shadow: 0 -1em gold, 0 -2em black; filter: drop-shadow(4px 4px 5px black); } } }