@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Regular.eot); src: url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Regular.eot?#iefix) format('embedded-opentype'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Regular.woff2) format('woff2'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Regular.woff) format('woff'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Regular.ttf) format('truetype'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Regular.svg#Raleway) format('svg'); }
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: bold;
font-display: swap;
src: url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700.eot); src: url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700.eot?#iefix) format('embedded-opentype'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700.woff2) format('woff2'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700.woff) format('woff'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700.ttf) format('truetype'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700.svg#Raleway) format('svg'); }
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Italic.eot); src: url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Italic.eot?#iefix) format('embedded-opentype'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Italic.woff2) format('woff2'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Italic.woff) format('woff'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Italic.ttf) format('truetype'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-Italic.svg#Raleway) format('svg'); }
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: bold;
font-display: swap;
src: url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700italic.eot); src: url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700italic.eot?#iefix) format('embedded-opentype'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700italic.woff2) format('woff2'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700italic.woff) format('woff'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700italic.ttf) format('truetype'), url(//trigram.fr/wp-content/themes/lapierrequimousse/inc/raleway/Raleway-700italic.svg#Raleway) format('svg'); }
:root {
--typotexte:
"Raleway", sans-serif;
--gris1: #30302F;
--or: #FCAF17;
}
body {
background-color: #FFF;
font-family: var(--typotexte);
padding: 0;
margin: 0;
font-size: 16px;
line-height: 1.5;
--or: #FCAF17;
--sombre: #30302F;
}       html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 0em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {     line-height: 1;
padding: 0.6em 1em 0.4em;
background: transparent;
border: navajowhite;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { }
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
width: 100%;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
margin-left: auto;
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.tm {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 80px;
width: 100%;
padding-right: 80px;
}
.lehimg {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
}
.leheader {
position: relative;
height: calc(100vh - 100px);
color: #FFF;
display: flex;
align-items: revert;
flex-direction: column;
justify-content: center;
background-color: var(--sombre);
}
html {
scroll-behavior: smooth;
}
.scrollbas path {
fill: #FFF;
}
.scrollbas {
position: absolute;
z-index: 10; bottom: 22px;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
width: 100px;
height: 20px;
}
.bg-or {
background-color: var(--or);
}
.bg-sombre {
background-color: var(--sombre);
color: #A8A8A8;
}
section.testimonial-block.bc.bg-bg-sombre {}
.bc .tm, .minic .tm {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 20px;
}
.imgor, .imgnb, .imgnb2 {position: relative;}
.imgor:after, .imgor:before, .imgnb:after, .imgnb2:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--sombre);
z-index: 10;
}
.imgor:after {
background: var(--or);
z-index: 11;
mix-blend-mode: color;
}
.imgor:before {
mix-blend-mode: difference;
opacity: 0.8;
}
.imgor img, .imgnb img, .imgnb2 img {
position: relative;
width: 100%;
object-fit: cover;
display: block;
height: 100%;
}
.imgnb:after, .imgnb2:after {
mix-blend-mode: color;
}
.minicitz {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.minictrv {
perspective: 380px;
z-index: 2;
color: #5E5E5E;
}
.minictrv .recto {
position: relative;
z-index: 2;
backface-visibility: hidden;
background: #FFF;
padding: 20px;
border-radius: 20px;
height: 100%;
display: flex;
flex-direction: column;
}
.minictrv .verso {
transform: rotateY(180deg);
position: absolute;
top: 0;
min-height: 100%;
background: #FFF;
z-index: 1;
backface-visibility: hidden;
display: flex;
padding: 1em;
box-sizing: border-box;
border-radius: 10px;
}
.minictrv:hover .recto {
transform: rotateY(180deg);
}
.minictrv:hover .verso {
transform: rotateY(360deg);
}
.minicitrv :where(.verso, .recto) {
transition: all ease .5s;
}
.minictrv .recto, .minictrv .verso {
transition: transform ease 0.5s 0.1s;
}
.minictrv:hover {
z-index: 3;
}
.minictrv .bcp {
display: flex;
flex-direction: column;
min-height: 100%;
justify-content: center;
}
.licorne .tm {
display: grid;
}
.licorne > .tm {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 90px;
padding-top: 60px;
}
.licorne img {
height: 100%;
width: 100%;
object-fit: contain;
display: block;
object-position: center bottom;
}
.citation:before, .citation:after {
display: inline-block;
content: "";
width: 0.7em;
height: 0.7em;
background-size: contain;
background-repeat: no-repeat; position: relative;
z-index: 2;
}
.citation {position: relative;font-size: 26px;gap: 0.3em;line-height: 1.1;display: flex;color: #FFF;font-weight: 400;font-size: 2em;font-style: italic;margin-bottom: 2em;}
.citation:before {
background-image: url(//trigram.fr/wp-content/themes/lapierrequimousse/images/citation-entrante.svg);
transform: translateY(-0.2em);
}
.citation:after {
background-image: url(//trigram.fr/wp-content/themes/lapierrequimousse/images/citation-sortante.svg);
align-self: flex-end;
background-position: center bottom;
transform: translateY(0.2em) translateX(-0.1em);
}
.citation span {
margin-left: -0.2em;
}
.licorne > .tm > .item {
}
.licorne > .tm > .item:nth-child(2) {
}
.minictrv:hover .recto, .minictrv:hover .verso {
transition: transform cubic-bezier(0.06, 0.23, 0.12, 1.54) 0.8s 0s;
}
.enj > .tm {
display: grid;
grid-template-columns: 1fr;
gap: 70px;
align-items: center;
}
.imgnb2:after {
opacity: .5;
}
.enjit {
padding: 1em;
border-radius: 1em;
background: #FFF;
margin-bottom: 1em;
display: grid;
grid-template-rows: 8em max-content;
gap: 0.9em;
}
.encart-sombre {
background-color: var(--sombre);
padding: 1em;
border-radius: 0.5em;
color: #FFF;
}
.encart-sombre a {
color: inherit;
}
header.letitre {
background: var(--sombre);
color: #FFF;
padding-top: 2em;
padding-bottom: 2em;
}
.fond-jaune {
background: var(--or);
}
.texte-introduction {
margin: 0;
}
header.letitre h1 {
margin: 0;
}
.contenu-principal .tm2 {
background: #FFF;
border-radius: 20px;
padding-top: 5px;
}
.contenu-principal {
padding-bottom: 40px;
padding-top: 40px;
}
.tm2 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.fond-jaune {
padding-top: 40px;
}
.contact {
background: var(--sombre);
color: #A8A8A8;
padding-bottom: 60px;
padding-top: 60px;
}
.contact-desc {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
padding-bottom: 40px;
}
#masthead {
display: grid;
grid-template-columns: 200px 1fr;
grid-gap: 20px;
padding: 20px;
align-items: center;
}
.menu-contact a {
border: 1px solid;
border-radius: 10px;
padding: 0.2em 0.8em;
}
.main-navigation a {
color: var(--sombre);
padding-left: 5px;
padding-right: 5px;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
flex-direction: column;
background: #FFF;
padding-top: 15px;
padding-bottom: 10px;
}
.main-navigation a:hover {
background: var(--sombre);
color: #FFF;
}
.main-navigation .menu-toggle svg {
width: 2.5em;
height: 2.5em;
cursor: pointer;
}
@media screen and (min-width: 900px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
gap: 15px;
align-items: center;
justify-content: end;
}
#masthead { text-align: center;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
right: 0;
}
}
@media screen and (max-width: 500px) {
.custom-logo {
max-width: 200px;
}
.menu-toggle, .main-navigation.toggled ul {
margin-right: auto;
}
#masthead {
grid-template-columns: 1fr;
text-align: center;
justify-content: center;
gap: 0;
}
.main-navigation ul ul a {
width: 100%;
background: var(--sombre);
color: #FFF;
border-bottom: 1px solid #ffffff5c;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
padding-top: 0;
padding-bottom: 0;
border: 1px solid #FFF;
}
}
.leheader .lehtitre br + br {
display: none;
}
.leheader .lehtitre {
font-size: 2.3rem;
line-height: 1.2;
}
.leheader .lehtitre b {
color: var(--or);
}
.lehsstitre {
font-weight: 400;
font-size: 1.4em;
margin-top: 60px;
margin-bottom: 40px;
}
.btn, a.btn, input[type="submit"] {
background: #FFF;
border: 10px;
padding: 0.6em;
text-decoration: none;
border-radius: 7px;
color: var(--sombre);
text-align: center;
border: 1px solid transparent;
}
.btn:hover, a.btn:hover, input[type="submit"]:hover {
background: var(--sombre);
color: #FFF;
border-color: #FFF;
}
.leheader :where(.btn:hover, a.btn:hover) {
background: var(--or) !important;
color: #000 !important;
border-color: transparent !important;
}
svg.scrollbas {
animation: scrollbas ease 1.5s infinite;
}
@keyframes scrollbas {
0%,100% {transform: translate(0, 0);}
50% {transform: translate(0, -10px);}
}
.bct {
color: #FFF;
}
.bc3 {
color: #FFF;
font-weight: 400;
font-size: 4em;
margin: 0;
padding: 0;
line-height: 1;
}
.bchs p {
padding: 0;
margin: 0;
margin-bottom: 2em;
}
.bcbl {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 30px;
align-items: center;
}
.bg-sombre .bc2 {
color: #FFF;
}
.bc2 {
line-height: 1.2;
}
.bcbl :where(h2,p) {
padding: 0;
margin: 0;
}
.bc {
padding-top: 60px;
padding-bottom: 60px;
}
.bcbl:not(:last-child) {
padding-bottom: 30px;
border-bottom: 1px solid;
margin-bottom: 30px;
}
.minic {
padding-top: 60px;
padding-bottom: 60px;
}
.minic3 {
font-weight: 400;
color: #000;
padding: 0;
margin: 0;
margin-top: 0.5em;
}
.minic2 {
margin: 0;
padding: 0;
font-size: 1.6em;
color: #000;
line-height: 1.2;
margin-top: auto;
margin-bottom: auto;
}
.minic3 br + br {
display: none;
}
.minictrv .item {
display: flex;
flex-direction: column;
height: 100%;
}
.minicit :where(.btn, a.btn) {
background: var(--or) !important;
color: var(--sombre)!important;
}
.minicit :where(.btn:hover, a.btn:hover) {
border-color: var(--sombre) !important;
color: var(--sombre) !important;
background: #FFF !important;
}
.bg-or .bcp {
color: #000;
}
.auteur {
margin: 0;
padding: 0;
color: #FFF;
margin-left: 2.6em;
margin-bottom: -1.9em;
font-size: 0.8em;
font-weight: 400;
}
.citation-item {
font-size: 1.2em;
}
.licorne {
color: #FFF;
}
.licorne :where(strong,b) {
color: var(--or);
}
.enj {
padding-top: 60px;
padding-bottom: 60px;
}
.btn br {
display: none;
}
.espace {height: 3em;}
.enjit p {
margin: 0;
margin-top: 0.3em;
}
.wpcf7-submit {
min-width: 110px;
}
.contact-avantages-liste {
list-style-type: none;
padding: 0;
margin: 0;
}
.contact-avantages-liste {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.contact-avantages-liste li:before {
content: "";
display: block;
width: 1em;
height: 1em;
background-image: url(//trigram.fr/wp-content/themes/lapierrequimousse/images/puce.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translateY(0.2em);
}
.contact-avantages-liste li {
display: grid;
grid-template-columns: max-content 1fr;
gap: 10px;
margin-bottom: 10px;
}
.leheader .tm, .leheader .scrollbas {
z-index: 2;
}
.bg-or .bc2 {
color: #FFF;
}
.bg-or .imgor:before {opacity: 1;mix-blend-mode: color;background: var(--or);display: none;}
.bg-or .imgor:after {
background: var(--sombre);
mix-blend-mode: difference;
opacity: 0.4;
display: none;
}
.bgor .imgor img {
filter: saturate(1);
}
.bg-or .imgor img {
filter: saturate(0);
}
.site-footer {
background: var(--sombre);
padding-top: 40px;
padding-bottom: 5px;
}
.reference-clients {
list-style-type: none;
padding: 0;
margin: 0;
}
.refernce-clients-image {
position: relative;
width: 100%;
aspect-ratio: 1/1;
}
.refernce-clients-image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
filter: saturate(0);
}
.refernce-clients-name {
text-align: center;
font-size: .8em;
margin-top: .1em;
}
.refs {
padding-top: 20px;
padding-bottom: 20px;
}
.refernce-clients-image:hover img {
filter: saturate(1);
}
.reference-clients li:hover img {
filter: saturate(1);
}
.footer-menus ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-menus {
display: grid;
grid-template-columns: 1fr max-content;
grid-gap: 40px 30px;
color: #A8A8A8;
}
@keyframes coeur
{
0%
{
}
14%, 42%
{
transform: scale(1.3);
filter: brightness(0) invert(1);
opacity: 0.8;
}
0%, 28%, 70%,100%
{
transform: scale(1);
filter: brightness(0) invert(1);
opacity: 0.5;
}
42%
{
}
70%
{
}
}
.footer-menus a {
color: inherit;
text-decoration: none;
}
.footer-menus a:hover {
text-decoration: underline;
}
.site-info {
grid-column: span 2;
text-align: center;
}
.footer-title {
font-size: 1em;
color: #FFF;
}
.menu-rs .menu-texte {
display: none;
}
.menu-rs .menu-icone svg {
width: 1.5em;
height: 1.5em;
}
.menu-rs .menu-icone {}
.menu-rs {
text-align: right;
}
.menu-rs path {
fill: #A8A8A8;
}
.site-info .emoji {
filter: brightness(0) invert(1);
opacity: .5;
}
.site-info a:hover .emoji {
animation: coeur ease 1.5s infinite both;
}
@media (max-width:1000px) {
.minicitz {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.minic2 {
font-size: 1.2em;
}
.minic3 {
font-size: 1.1em;
}
}
@media (max-width:800px) {
html {
font-size: 13px;
}
.bc .tm, .minic .tm, .enj > .tm, .licorne > .tm, .contact-avantages-liste {
grid-template-columns: 1fr;
}
.contact-avantages-liste {
gap: 0;
}
}
.item.enjz {
display: grid;
grid-template-columns: 1fr 1fr 1Fr;
gap: 20px;
}
@media (max-width:550px) {
.bcbl, .footer-menus, .item.enjz {
grid-template-columns: 1fr;
}
.tm {
padding-left: 40px;
padding-right: 40px;
}
.minictrv .recto {
padding: 7px;
}
.contact-img {
display: none;
}
.contact-desc-g {
grid-column: span 2;
}
.site-info {
grid-column: span 1;
}
.menu-rs {
text-align: left;
}
}
.contact form {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.site-info a:hover .emoji {}
.site-info:has(a:hover) .emoji {  animation: coeur ease 1.5s infinite both;
}
.fond-jaune .type-page {}
.fond-jaune :has(.type-page .entry-content:empty) {
display: none;
}
.btn-centre {
}
.btn-centre {
display: block;
width: max-content;
margin-left: auto;
margin-right: auto;
}
a.btn + a.btn {
margin-top: .5em;
}.login h1 a {
background: url(//trigram.fr/wp-content/themes/lapierrequimousse/images/logo-lpqm.svg) !important;
background-size: contain;
background-repeat: no-repeat; width: 100%;
background-position: center bottom;
display: block;
}
body.login {
background-color: #23252c;
background-image: url(//trigram.fr/wp-content/themes/lapierrequimousse/images/login-header.jpg);
background-size: cover;
background-position: center top;
}
#login #nav a, #login #backtoblog a, .dashicons-translation { color: #FFF;
}
.fusee {
display: block;
animation: animfuseeafter cubic-bezier(0.48, -0.07, 0.3, 0.75) 1 2s both;
opacity: 0;
z-index: -1;
}
.fusee:after,
.fuseecont,
.lune:after {
animation-delay: 0s;
}
.fusee, .fuseecont {
animation-iteration-count: 1;
animation-delay: 4s;
}
.language-switcher:after {
content: "🚀";
transform: translate(0.2em, -0.8em) scale(.8);
display: block;
font-size: 2em;
position: absolute;
display: block;
animation: animfusee cubic-bezier(0.48, -0.07, 0.3, 0.75) 1 2s  2s both;
left: 50%;
z-index: 99999;
}
.fuseecont {
display: block;
animation: animfuseecont linear 1 2s both;
}
@keyframes animfusee {
100% {
transform: translate(9em, -15em) rotate(-35deg)  scale(0);
opacity: 1;
margin-top: -10em;
}
60% {
transform: translate(7em, 0) rotate(-30deg) scale(1);
margin-top: -5em;
}
10% {
transform: translate(0.2em, -0.8em) scale(1);
}
1% {
opacity: 1;
}
0% {
transform: translate(0.2em, -0.8em) scale(.8);
opacity: 0;
z-index: 100;
margin-top: 0;
}
}
@keyframes animfuseecont {
0% {
transform: translate(0em, 0em);
}
60% {
transform: translate(0em, -12.8em);
}
100% {
transform: translate(0em, -24.8em);
}
}
@keyframes secoue {
4% {
transform: translate(-9px, 15px) rotate(5deg);
}
8% {
transform: translate(5px, 15px) rotate(7deg);
}
12% {
transform: translate(4px, 12px) rotate(3deg);
}
16% {
transform: translate(-11px, 3px) rotate(5deg);
}
20% {
transform: translate(-5px, -11px) rotate(-1deg);
}
24% {
transform: translate(12px, 14px) rotate(1deg);
}
28% {
transform: translate(12px, 8px) rotate(-11deg);
}
32% {
transform: translate(9px, 14px) rotate(-1deg);
}
36% {
transform: translate(-14px, 5px) rotate(-14deg);
}
40% {
transform: translate(-3px, 9px) rotate(-14deg);
}
44% {
transform: translate(-4px, 11px) rotate(-14deg);
}
48% {
transform: translate(13px, -7px) rotate(-13deg);
}
52% {
transform: translate(8px, 13px) rotate(-3deg);
}
56% {
transform: translate(6px, 0px) rotate(9deg);
}
60% {
transform: translate(0px, 5px) rotate(14deg);
}
64% {
transform: translate(12px, 4px) rotate(-12deg);
}
68% {
transform: translate(6px, -6px) rotate(4deg);
}
72% {
transform: translate(6px, 7px) rotate(-3deg);
}
76% {
transform: translate(9px, 0px) rotate(-1deg);
}
0%,
80%,
100% {
transform: translate(0, 0) rotate(0);
}
}
@keyframes anim {
0%,
20% {
transform: rotateX(90deg);
}
50% {
transform: rotateX(-25deg);
}
90% {
transform: rotateX(5deg);
}
100% {
transform: rotateX(0deg);
}
}
.login h1 {
animation-name: secoue;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-play-state: paused;
display: block;
}
.login h1:hover{
animation-play-state: running;
}
.login h1 a {
transition: all cubic-bezier(0.25, 0.1, 0.25, 2.1) .5s;
transform: rotateX(0deg);
}
.login h1 a:hover {
transform: rotateX(90deg);
}
.login #loginform {
box-shadow: -3px 16px 20px 2px #302e34;
}.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}