* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Qu";
}
:root {
--beige: #F9EDDC;
--blanc: #FFFFFF;
--bleu: #003D5B;
--bleuF: #0A1128;
--noir: #000000;
--rose: #EC4C6C;
--vert: #AEC3B0;
}
::after, ::before {
box-sizing: inherit;
}
html, body {
position: relative;
font-size: 1em;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
margin: 0;
padding: 0;
line-height: 1;
}
h1 {
font-family: "Co";
color: var(--bleuF);
font-size: 5.5em;
}
h2 {
font-family: "HsSB";
color: var(--bleu);
font-size: 4.5em;
margin: 1em 0 0.5em;
}
h3 {
font-family: "HsL";
color: var(--bleuF);
font-size: 3.4em;
margin: 1em 0 0.5em;
}
h4 {
font-family: "Co";
color: var(--rose);
font-size: 2em;
margin: 1em 0 0.5em;
}
h5 {
font-family: "QuB";
color: var(--bleu);
font-size: 1.6em;
margin: 1em 0 0.5em;
}
h6 {
font-family: "QuB";
color: var(--rose);
font-size: 1.3em;
margin: 1em 0 0.5em;
}
p {
margin-bottom: 1em;
line-height: 1.1;
}
a {
text-decoration: none;
line-height: 1.1;
color: var(--noir);
}
p > a {
font-family: "QuB";
color: var(--bleuF);
position: relative;
}
p > a:after {
content: "";
width: 0;
height: 1px;
background-color: var(--bleuF);
position: absolute;
bottom: 0;
left: 0;
transition: ease-in-out 0.3s;
}
p > a:hover:after {
width: 100%;
}
ul {
list-style: inside;
margin-bottom: 1em;
}
ol {
margin: 0 0 1em 16px;
}
ul > li, ol > li {
line-height: 1.1;
margin-bottom: 0.2em;
}
ul ul {
margin-left: 15px;
}
.btn, .content_page .wp-block-button > .wp-block-button__link {
color: var(--vert);
border: 3px solid var(--vert);
border-radius: 3px;
text-transform: uppercase;
text-align: center;
display: block;
width: -moz-max-content;
width: max-content;
max-width: 100%;
padding: 0.8em 1.2em;
font-family: "QuB";
cursor: pointer;
position: relative;
transition: all 0.3s;
}
.btn:hover, .content_page .wp-block-button > .wp-block-button__link:hover {
background-color: var(--vert);
color: var(--blanc);
}
.btn:after, .content_page .wp-block-button > .wp-block-button__link:after {
content: "";
width: 94%;
height: 155%;
border: 3px solid var(--vert);
border-radius: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.btn:hover:after, .content_page .wp-block-button > .wp-block-button__link:hover:after {
height: 100%;
}
.container {
max-width: 1320px;
width: 95%;
margin: auto;
}
figure.wp-block-image {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
width: -moz-max-content;
width: max-content;
max-width: 100%;
position: relative;
}
figure.wp-block-image:before {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
content: "";
height: 100%;
-webkit-mask-image: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0));
mask-image: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0));
max-height: 40%;
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
figure.wp-block-image > figcaption.wp-element-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
color: #FFFFFF;
font-size: 13px;
margin: 0;
padding: 1em;
text-align: center;
text-shadow: 0 0 1.5px #000;
will-change: transform;
width: 100%;
max-height: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
strong {
font-family: "QuB";
}
em {
font-family: "QuI";
} @media screen and (max-width: 1440px) {
.container {
max-width: 1140px;
}
}
@media screen and (max-width: 1200px) {
h1 {
font-size: 5em;
}
h2 {
font-size: 3.5em;
}
h3 {
font-size: 2.8em;
}
h4 {
font-size: 1.8em;
}
h5 {
font-size: 1.5em;
}
h6 {
font-size: 1.1em;
}
.container {
max-width: 960px;
}
}
@media screen and (max-width: 990px) {
h1 {
font-size: 4em;
}
h2 {
font-size: 3em;
}
h3 {
font-size: 2.2em;
}
h4 {
font-size: 1.5em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
}
.container {
max-width: 720px;
}
}
@media screen and (max-width: 768px) {
h1 {
font-size: 3.5em;
}
.container {
max-width: 540px;
}
.btn, .content_page .wp-block-button > .wp-block-button__link {
padding: 0.4em 1em;
font-size: 0.9em;
}
.btn:after, .content_page .wp-block-button > .wp-block-button__link:after {
height: calc(155% + 0.4em);
}
}
@media screen and (max-width: 576px) {
h1 {
font-size: 3em;
}
h2 {
font-size: 2.5em;
}
h3 {
font-size: 1.8em;
}
}
@media screen and (max-width: 450px) {
h1 {
font-size: 2.2em;
}
}
.has-noir-background-color {
background-color: var(--noir);
}
.has-noir-color {
color: var(--noir);
}
.has-blanc-background-color {
background-color: var(--blanc);
}
.has-blanc-color {
color: var(--blanc);
}
.has-beige-background-color {
background-color: var(--beige);
}
.has-beige-color {
color: var(--beige);
}
.has-bleu-background-color {
background-color: var(--bleu);
}
.has-bleu-color {
color: var(--bleu);
}
.has-bleu-fonce-background-color {
background-color: var(--bleuF);
}
.has-bleu-fonce-color {
color: var(--bleuF);
}
.has-rose-background-color {
background-color: var(--rose);
}
.has-rose-color {
color: var(--rose);
}
.has-vert-background-color {
background-color: var(--vert);
}
.has-vert-color {
color: var(--vert);
}          header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 4em;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
z-index: 9;
}
header.open:after {
content: "";
width: 100%;
height: 100%;
background-color: var(--blanc);
position: absolute;
top: 0;
left: 0;
}
header > a {
display: block;
flex: 0 0 180px;
max-width: 180px;
position: relative;
z-index: 1;
transition: all 0.3s;
}
header > a:hover {
transform: scale(0.9);
filter: grayscale(1);
} header > .ordi {
display: flex;
align-items: center;
gap: 2em;
position: relative;
z-index: 1;
}
header > .ordi > ul {
display: flex;
align-items: center;
gap: 2em;
list-style: none;
margin: 0;
}
header > .ordi > ul > li {
margin: 0;
}
header > .ordi > p, header > .ordi > ul > li > a {
display: block;
margin: 0;
font-family: "QuL";
font-size: 1.4em;
padding-bottom: 4px;
cursor: pointer;
position: relative;
transition: all 0.3s;
}
header > .ordi > p:hover, header > .ordi > ul > li > a:hover, header > .ordi > p.open {
color: var(--rose);
}
header > .ordi > p:after, header > .ordi > ul > li > a:after {
content: "";
width: 0;
max-width: 90%;
height: 3px;
background-color: var(--rose);
position: absolute;
bottom: 0;
left: 0;
transition: ease-in-out 0.3s;
}
header > .ordi > p:hover:after, header > .ordi > ul > li > a:hover:after {
width: 75px;
}
header > .ordi > p > i {
font-size: 0.9em;
transition: all 0.3s;
}
header > .ordi > p.open > i {
transform: rotate(180deg);
color: var(--rose);
} header > .megaMenuOrdi {
display: none;
width: 100vw;
padding: 150px 4em 4em;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
max-height: 100vh;
overflow-y: auto;
scrollbar-width: thin;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s;
}
header > .megaMenuOrdi > ul:not(.activites) {
display: none;
list-style: none;
align-items: center;
flex-wrap: wrap;
gap: 2em;
margin: 0 auto;
max-width: 1920px;
}
header > .megaMenuOrdi > .activites {
margin: 0 auto;
max-width: 1920px;
}
header > .megaMenuOrdi > .activites > li > ul {
display: flex;
list-style: none;
align-items: center;
flex-wrap: wrap;
gap: 2em;
}
header > .megaMenuOrdi > ul:not(.activites) > li, header > .megaMenuOrdi > .activites > li > ul > li {
flex: 0 0 calc(25% - 1.5em);
max-width: calc(25% - 1.5em);
margin: 0;
}
header > .megaMenuOrdi > ul:not(.activites) > li > a, header > .megaMenuOrdi > .activites > li > ul > li > a {
display: flex;
align-items: flex-end;
height: 200px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
header > .megaMenuOrdi > ul:not(.activites) > li > a:before, header > .megaMenuOrdi > .activites > li > ul > li > a:before {
content: "";
background-image: url(//canifun-lozere.com/wp-content/themes/canifun/assets/img/papier-dechire.webp);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
height: 75px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s;
}
header > .megaMenuOrdi > ul:not(.activites) > li > a:hover:before, header > .megaMenuOrdi > .activites > li > ul > li > a:hover:before {
height: 100px;
}
header > .megaMenuOrdi > ul:not(.activites) > li > a > p, header > .megaMenuOrdi > .activites > li > ul > li > a > p {
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-family: "Co";
text-align: center;
padding: 1em 0.2em;
font-size: 1.2em;
margin: 0;
width: 100%;
min-height: 60px;
position: relative;
transition: all 0.3s;
}
header > .megaMenuOrdi > ul:not(.activites) > li > a:hover > p, header > .megaMenuOrdi > .activites > li > ul > li > a:hover > p {
padding-bottom: calc(1em + 25px);
}
header > .megaMenuOrdi > .activites > li {
list-style: none;
}
header > .megaMenuOrdi > .activites > li:last-child {
margin-top: 4em;
}
header > .megaMenuOrdi > .activites > li > a > p {
color: var(--bleu);
font-family: "HsSB";
font-size: 4em;
margin-bottom: 0.2em;
} header > .mobile {
display: none;
align-items: center;
gap: 1em;
cursor: pointer;
position: relative;
z-index: 1;
}
header > .mobile > p {
font-family: "QuB";
text-transform: uppercase;
font-size: 1.2em;
margin: 0;
transition: all 0.3s;
}
header > .mobile:hover > p {
color: var(--rose);
}
header > .mobile > div > .barre {
height: 4px;
width: 35px;
margin-bottom: 5px;
border-radius: 15px;
background-color: var(--noir);
transition: all 0.3s;
}
header > .mobile:hover > div > .barre {
background-color: var(--rose);
}
header > .mobile > div > .barre03 {
margin-bottom: 0;
}
header > .mobile:hover > div > .barre01, header > .mobile:hover > div > .barre02 {
margin-bottom: 10px;
}
header > .mobile.open > div > .barre01 {
margin: 0;
transform: rotate(45deg);
position: relative;
top: 2px;
}
header > .mobile.open > div > .barre02 {
display: none;
}
header > .mobile.open > div > .barre03 {
margin: 0;
transform: rotate(-45deg);
position: relative;
top: -2px;
} header > .megaMenuMobile {
display: none;
width: 100vw;
padding: 90px 4em 2em;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
max-height: 100vh;
overflow-y: auto;
scrollbar-width: thin;
position: absolute;
top: 0;
left: 0;
}
header > .megaMenuMobile > ul {
list-style: none;
margin: 0;
}
header > .megaMenuMobile > ul > li {
margin-bottom: 1em;
}
header > .megaMenuMobile > ul > li > a {
font-family: "QuL";
font-size: 1.4em;
cursor: pointer;
transition: all 0.3s;
}
header > .megaMenuMobile > ul > li > a:hover, header > .megaMenuMobile > ul > li > a.open {
color: var(--rose);
}
header > .megaMenuMobile > ul > li.menu-item-has-children > a {
padding-right: 5px;
}
header > .megaMenuMobile > ul > li.menu-item-has-children > a:after {
content: "\f078";
font-weight: 900;
font-family: "Font Awesome 6 Free";
margin-left: 1em;
font-size: 0.8em;
transition: all 0.3s;
}
header > .megaMenuMobile > ul > li.menu-item-has-children > a.open:after {
content: "\f077";
}
header > .megaMenuMobile > ul > li > ul {
display: none;
margin: 0.2em 0 1em 2em;
list-style: none;
}
header > .megaMenuMobile > ul > li > ul > li {
margin-top: 0.6em;
}
header > .megaMenuMobile > ul > li > ul > li > a, header > .megaMenuMobile > ul > li > ul > li > ul > li > a {
font-family: "QuL";
font-size: 1.2em;
transition: all 0.3s;
}
header > .megaMenuMobile > ul > li > ul > li > a:hover, header > .megaMenuMobile > ul > li > ul > li > ul > li > a:hover {
color: var(--bleu);
}
header > .megaMenuMobile > ul > li > ul > li > ul > li {
list-style: none;
margin-top: 0.5em;
}
header > .megaMenuMobile > ul > li > ul > li > ul > li > a {
font-size: 1em;
} header.collapse > a {
flex: 0 0 120px;
max-width: 120px;
}
header.collapse > .ordi > p, header.collapse > .ordi > ul > li > a {
font-size: 1.2em;
}
header.collapse > .megaMenuOrdi {
padding-top: 100px;
}
header.collapse > .megaMenuMobile {
padding-top: 75px;
} .preloader {
width: 100vw;
height: 100vh;
background-color: #FFFFFF;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.preloader > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.preloader > div > img {
display: block;
margin: auto;
}
.preloader > div > p {
margin: 1em 0 2em;
font-size: 1.1em;
text-align: center;
}
.preloader > div > div {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-top: 1em;
}
.preloader > div > div > span {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.3);
}
.preloader > div > div > .point1 {
animation: loaderAnimation1 1.2s infinite ease-in-out;
}
@keyframes loaderAnimation1 {
0% {
transform: scale(1);
}
25% {
transform: scale(1.3);
background-color: var(--noir);
}
50% {
transform: scale(1);
background-color: rgba(0, 0, 0, 0.3);
}
}
.preloader > div > div > .point2 {
animation: loaderAnimation2 1.2s infinite ease-in-out;
}
@keyframes loaderAnimation2 {
0% {
transform: scale(1);
}
50% {
transform: scale(1.3);
background-color: var(--noir);
}
75% {
transform: scale(1);
background-color: rgba(0, 0, 0, 0.3);
}
}
.preloader > div > div > .point3 {
animation: loaderAnimation3 1.2s infinite ease-in-out;
}
@keyframes loaderAnimation3 {
0% {
transform: scale(1);
}
75% {
transform: scale(1.3);
background-color: var(--noir);
}
100% {
transform: scale(1);
background-color: rgba(0, 0, 0, 0.3);
}
} @media screen and (max-width: 1700px) {
header > .megaMenuOrdi > ul:not(.activites) > li > a, header > .megaMenuOrdi > .activites > li > ul > li > a {
height: 180px;
}
header > .megaMenuOrdi > ul:not(.activites) > li > a > p, header > .megaMenuOrdi > .activites > li > ul > li > a > p {
padding: 0.5em 0.1em;
font-size: 1.1em;
}
}
@media screen and (max-width: 1440px) {
header {
padding: 0 2em;
}
header > a {
flex: 0 0 150px;
max-width: 150px;
}
header > .ordi > p, header > .ordi > ul > li > a {
font-size: 1.2em;
}
header.collapse > .ordi > p, header.collapse > .ordi > ul > li > a {
font-size: 1em;
}
header > .megaMenuOrdi {
padding-top: 120px;
}
header.collapse > .megaMenuOrdi {
padding-top: 80px;
}
header > .megaMenuOrdi > ul:not(.activites) > li, header > .megaMenuOrdi > .activites > li > ul > li {
flex: 0 0 calc(33.33% - 1.4em);
max-width: calc(33.33% - 1.4em);
}
header > .megaMenuOrdi > ul:not(.activites) > li > a:before, header > .megaMenuOrdi > .activites > li > ul > li > a:before {
height: 65px;
}
header > .megaMenuOrdi > ul:not(.activites) > li > a > p, header > .megaMenuOrdi > .activites > li > ul > li > a > p {
padding: 0.8em 0.1em;
min-height: 50px;
}
header > .megaMenuOrdi > .activites > li > a > p {
font-size: 3em;
}
}
@media screen and (max-width: 1200px) {
header > .megaMenuOrdi > ul {
gap: 2em 1em;
}
header > .megaMenuOrdi > ul:not(.activites) > li, header > .megaMenuOrdi > .activites > li > ul > li {
flex: 0 0 calc(50% - 1em);
max-width: calc(50% - 1em);
}
header > .megaMenuOrdi > ul:not(.activites) > li > a:before, header > .megaMenuOrdi > .activites > li > ul > li > a:before {
height: 60px;
}
header > .megaMenuOrdi > ul:not(.activites) > li > a > p, header > .megaMenuOrdi > .activites > li > ul > li > a > p {
padding: 0.5em 0.1em;
font-size: 1em;
min-height: 52px;
}
}
@media screen and (max-width: 990px) {
header > .ordi {
display: none;
}
header > .mobile {
display: flex;
}
}
@media screen and (max-width: 768px) {
header > .megaMenuMobile {
padding: 90px 2em 2em;
}
}
@media screen and (max-width: 576px) {
header {
padding: 0 1em;
}
header > .megaMenuMobile > ul > li > a {
font-size: 1.2em;
}
header > .megaMenuMobile > ul > li > ul > li > a {
font-size: 1em;
}
header > .megaMenuMobile > ul > li > ul > li > ul > li > a {
font-size: 0.8em;
}
}
@media screen and (max-width: 450px) {
header > .mobile {
gap: 0.5em;
}
header > .mobile > p {
font-size: 1em;
}
header > .mobile:hover > div > .barre01, header > .mobile:hover > div > .barre02 {
margin-bottom: 8px;
}
}     footer {
margin-top: 6em;
padding-top: 2em;
background-color: var(--beige);
}
footer > div:first-child {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 2em;
}
footer > div > div:first-child {
flex: 0 0 500px;
max-width: 500px;
}
footer > div > div > a {
display: block;
max-width: 300px;
transition: all 0.3s;
}
footer > div > div > a:hover {
transform: scale(0.9);
filter: grayscale(1);
}
footer > div > div:first-child > div:not(.goAds) {
display: flex;
align-items: center;
gap: 10px;
font-size: 1.4em;
padding-left: 2em;
}
footer > div > div > div:not(.goAds) > p {
margin: 0;
text-transform: uppercase;
font-family: "QuL";
}
footer > div > div > div:not(.goAds) > a {
display: block;
font-size: 1.4em;
transition: all 0.3s;
}
footer > div > div > div:not(.goAds) > a:hover {
transform: scale(0.9);
}
footer > div > div:last-child {
flex: 0 0 calc(100% - 500px - 2em);
max-width: calc(100% - 500px - 2em);
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 {
text-transform: uppercase !important;
font-family: "QuB";
font-size: 2em;
margin-bottom: 0.2em;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p {
font-family: "Qu";
font-size: 0.9em;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper {
background-color: transparent;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
font-size: 0.9em;
text-transform: uppercase;
font-family: "QuB";
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
background-color: transparent !important;
font-size: 0.8em !important;
padding: 5px !important;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow, footer > div > div:last-child .ml-form-recaptcha, footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
margin-bottom: 10px;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
margin: 0;
text-align: left;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
width: -moz-max-content !important;
width: max-content !important;
max-width: 100%;
border: 2px solid var(--bleu) !important;
transition: all 0.3s;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
background-color: transparent !important;
color: var(--bleu) !important;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description:before, footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description:after {
width: 20px;
height: 20px;
}
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
font-family: "Qu" !important;
}
footer .goAds {
margin-top: 2em;
font-size: 0.8em;
} footer > .legal {
margin-top: 2em;
background-color: var(--vert);
padding: 1em;
}
footer > .legal > p {
text-align: center;
margin: 0;
} @media screen and (max-width: 1440px) {
footer > div > div:first-child {
flex: 0 0 400px;
max-width: 400px;
}
footer > div > div:last-child {
flex: 0 0 calc(100% - 400px - 2em);
max-width: calc(100% - 400px - 2em);
}
}
@media screen and (max-width: 990px) {
footer > div:first-child {
gap: 1em;
}
footer > div > div:first-child {
flex: 0 0 300px;
max-width: 300px;
}
footer > div > div:first-child > div {
font-size: 1.2em;
}
footer > div > div:last-child {
flex: 0 0 calc(100% - 300px - 1em);
max-width: calc(100% - 300px - 1em);
}
}
@media screen and (max-width: 768px) {
footer > div > div:first-child {
margin: auto;
}
footer > div > div > a {
margin: auto;
}
footer > div > div:first-child > div {
padding: 0;
justify-content: center;
}
footer > div > div:last-child {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 576px) {
footer > div > div:last-child #mlb2-8583398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 {
font-size: 1.5em;
}
footer > .legal {
padding: 1em 0.5em;
}
}
@media screen and (max-width: 450px) {
footer > div > div > a {
max-width: 250px;
}
}     .header_front {
height: 100vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.header_front > div, .header_page > div {
height: 100%;
background-color: rgba(255, 228, 193, 0.5);
position: relative;
}
.header_front > div > .titre {
width: -moz-max-content;
width: max-content;
max-width: 100%;
text-align: center;
position: absolute;
top: 55%;
left: 50%;
transform: translateX(-50%);
}
.header_front > div > .titre > h1 {
color: var(--rose);
font-size: 7.7em;
}
.header_front > div > .titre > h2 {
font-size: 5.5em;
margin: -20px 0 0 50px;
font-family: "DJB";
}
.header_front > div > .titre > h2:after {
display: none;
}
.header_front > div > .scrolldown {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.header_front > div > .scrolldown > .trait {
width: 2px;
height: 65px;
background-color: var(--noir);
}
.header_front > div > .scrolldown > .circle {
width: 15px;
height: 15px;
border-radius: 50%;
background-color: var(--noir);
position: absolute;
left: -6px;
top: 5px;
animation: scrolldown-anim 3s infinite;
}
@keyframes scrolldown-anim {
0% {
top: 5px;
}
50% {
top: 45px;
}
100% {
top: 5px;
}
} .header_page {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.header_page > div {
height: 90vh;
position: relative;
}
.header_page > div > h1 {
position: absolute;
bottom: 1em;
left: 1em;
} @media screen and (max-width: 1200px) {
.header_page > div {
height: 80vh;
}
}
@media screen and (max-width: 990px) {
.header_page > div {
height: 75vh;
}
.header_page > div > h1 {
bottom: 0.5em;
left: 0.5em;
}
.header_front > div > .titre > h1 {
font-size: 6em;
}
.header_front > div > .titre > h2 {
font-size: 4em;
}
}
@media screen and (max-width: 768px) {
.header_front {
height: 70vh;
}
.header_front > div > .scrolldown > .trait {
height: 55px;
}
@keyframes scrolldown-anim {
0% {
top: 5px;
}
50% {
top: 35px;
}
100% {
top: 5px;
}
}
}
@media screen and (max-width: 576px) {
.header_front {
height: 55vh;
}
.header_page > div {
height: 65vh;
}
.header_front > div > .titre > h1 {
font-size: 3.5em;
}
.header_front > div > .titre > h2 {
font-size: 2.5em;
margin: 0;
}
.header_page > div > h1 {
left: 0.2em;
}
}
form.forminator-ui .forminator-field, .sib_signup_form > div > p {
position: relative;
}
form.forminator-ui input:not([type=checkbox]), form.forminator-ui textarea, .sib_signup_form > div > p > input:not([type=checkbox]) {
border: 2px solid var(--bleu);
width: 100%;
font-size: 1.2em;
padding: 0.6em 1em;
border-radius: 4px;
background-color: var(--blanc);
}
form.forminator-ui label:not(.forminator-checkbox):not(.forminator-radio), .sib_signup_form > div > p > label {
color: var(--bleu);
font-family: "QuB";
background-color: var(--blanc);
padding: 0 5px;
position: absolute;
left: 1em;
top: 14px;
transition: all 0.3s;
}
form.forminator-ui label:not(.forminator-checkbox):not(.forminator-radio).focus, .sib_signup_form > div > p > label.focus {
top: 0;
transform: translateY(-50%);
}
form.forminator-ui .forminator-required, form.forminator-ui .forminator-description, form.forminator-ui .forminator-response-message {
display: none;
}
form.forminator-ui .forminator-checkbox__wrapper, .sib_signup_form > div > .checkDiv {
display: flex;
align-items: center;
gap: 1em;
}
form.forminator-ui .forminator-checkbox__wrapper > .forminator-checkbox > input, .sib_signup_form > div > .checkDiv > input[type=checkbox] {
width: 20px;
height: 20px;
margin-top: 2px;
}
form.forminator-ui .forminator-checkbox__wrapper p, .sib_signup_form > div > .checkDiv > p {
margin: 0;
}
form.forminator-ui .forminator-error-message {
color: #D8000C;
display: block;
margin-top: 5px;
font-family: "QuL";
}
form.forminator-ui .forminator-field[role=radiogroup] .forminator-error-message, form.forminator-ui .forminator-field[role=group] .forminator-error-message {
margin: 0;
}
form.forminator-ui .forminator-button-submit.btn {
background-color: transparent;
}
form.forminator-ui .forminator-button-submit.btn:hover {
background-color: var(--vert);
}
form.forminator-ui .forminator-field[role=radiogroup], form.forminator-ui .forminator-field[role=group] {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5em;
}
form.forminator-ui .forminator-field[role=radiogroup] > .forminator-label, form.forminator-ui .forminator-field[role=group] > .forminator-label {
color: var(--bleu);
font-family: "QuB";
flex: 0 0 100%;
max-width: 100%;
}
form.forminator-ui .forminator-field[role=group] > .forminator-label {
font-size: 1em;
margin: 0;
}
form.forminator-ui .forminator-field[role=radiogroup] > .forminator-radio, form.forminator-ui .forminator-field[role=group] > .forminator-checkbox {
display: flex;
align-items: center;
gap: 0.2em;
margin-left: 1em;
}
form.forminator-ui .forminator-field[role=radiogroup] > .forminator-radio > .forminator-radio-label, form.forminator-ui .forminator-field[role=group] .forminator-checkbox > .forminator-checkbox-label {
color: var(--bleu);
font-family: "QuB";
}
form.forminator-ui .forminator-field[role=radiogroup] > .forminator-radio > input, form.forminator-ui .forminator-field[role=group] > .forminator-checkbox > input {
width: 20px;
height: 20px;
}
form.forminator-ui .rgpd p {
background-color: var(--blanc);
}
form.forminator-ui #captcha-1 {
display: none;
}
.sib_signup_form > div > .sib-default-btn {
margin-top: 20px;
background-color: var(--bleu);
color: var(--blanc);
border: 2px solid var(--bleu);
padding: 0.4em 1em;
cursor: pointer;
transition: all 0.3s;
}
.sib_signup_form > div > .sib-default-btn:hover {
background-color: transparent;
color: var(--bleu);
}
form.forminator-ui .fieldTarif {
flex: 0 0 400px;
max-width: 400px;
align-self: center;
}
form.forminator-ui .fieldTarif > div {
display: flex;
align-items: center;
gap: 5px;
}
form.forminator-ui .fieldTarif > div > label:not(.forminator-checkbox):not(.forminator-radio) {
position: unset;
transform: unset;
color: var(--rose);
}
form.forminator-ui .fieldTarif > div > input {
flex: 1;
padding: 0;
border: unset;
font-family: "QuB";
color: var(--rose);
}
form.forminator-ui .forminator-response-message {
width: -moz-max-content;
width: max-content;
max-width: 100%;
margin: -2em auto 2em;
padding: 10px;
border-radius: 3px;
color: #227700;
background-color: #DFF2BF;
}
@media screen and (max-width: 768px) {
form.forminator-ui .forminator-field[role=radiogroup] > .forminator-radio > input, form.forminator-ui .forminator-field[role=group] > .forminator-checkbox > input {
width: 15px;
height: 15px;
}
}      .wrap_content_page {
margin: 2em 0 8em;
}
.content_page {
position: relative;
z-index: 1;
}
.content_page > .ariane {
margin-bottom: 4em;
}
.content_page > .ariane a {
text-decoration: underline;
transition: all 0.3s;
}
.content_page > .ariane a:hover {
text-decoration: none;
}
.content_page > .ariane .breadcrumb_last {
color: var(--rose);
font-family: "QuB";
}
.content_page .wp-block-button {
max-width: 100%;
}
.content_page .wp-block-button > .wp-block-button__link {
background-color: transparent;
font-size: 1em;
margin: 2em 0 4em;
}
.content_page blockquote {
width: -moz-max-content;
width: max-content;
max-width: 60%;
margin: 4em auto 6em;
padding: 0.8em 0 0.8em 1em;
border-left: 10px solid var(--rose);
}
.content_page blockquote > p {
font-family: "QuBI";
}
.content_page blockquote > p:last-of-type {
margin: 0;
}
.content_page blockquote > cite {
font-family: "QuLI";
font-size: 0.9em;
padding: 0 0.8em;
margin-top: 1.5em;
display: block;
width: -moz-max-content;
width: max-content;
max-width: 100%;
position: relative;
}
.content_page blockquote > cite:before, .content_page blockquote > cite:after {
content: "-";
font-size: 1em;
font-family: "Qu";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.content_page blockquote > cite:before {
left: 0;
}
.content_page blockquote > cite:after {
right: 0;
}
.content_page .wp-block-cover {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50vw);
min-height: 600px;
margin: 4em 0 8em;
}
.content_page iframe {
width: 100%;
border: none;
min-height: 450px;
}
.content_page .wp-block-gallery figcaption {
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.4), transparent);
}
.content_page .podium .wp-block-gallery > .wp-block-image {
height: 400px;
margin-bottom: 0.5em !important;
}
.content_page .formBilletterie > iframe {
height: 1500px !important;
}
.content_page .listeHebergements > li {
margin-bottom: 0.8em;
}
.content_page .listeHebergements > li > a {
text-decoration: underline;
} .page-parent .remontee_archive {
margin-top: 6em;
}
.page-parent .remontee_archive > a {
flex: 0 0 calc(50% - 1em);
max-width: calc(50% - 1em);
}
.page-parent .remontee_archive > a > div > h3 {
margin: 0.5em 0;
} .portfolio-wraper.pfg-bootstrap > .col-lg-12 {
margin-bottom: 2em;
}
.portfolio-wraper.pfg-bootstrap > .col-lg-12 > ul {
margin: 0;
}
.portfolio-wraper.pfg-bootstrap > .col-lg-12 > ul > li {
padding: 0.6em 2em;
} @media screen and (max-width: 1200px) {
.content_page blockquote {
max-width: 70%;
}
}
@media screen and (max-width: 1024px) {
.content_page .wp-block-cover {
min-height: 450px;
}
}
@media screen and (max-width: 990px) {
.content_page blockquote {
max-width: 90%;
}
.wp-block-columns {
flex-wrap: wrap !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
.content_page .podium > div > .wp-block-spacer {
display: none;
}
.content_page .podium .wp-block-column:first-child, .content_page .podium .wp-block-column > figure {
order: 2;
}
.content_page .podium .wp-block-column:nth-child(2), .content_page .podium .wp-block-column > h4 {
order: 1;
}
.content_page .podium .wp-block-column:last-child, .content_page .podium .wp-block-column > p {
order: 3;
}
.content_page .podium .wp-block-column {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.content_page blockquote {
max-width: 100%;
}
.content_page .wp-block-cover {
min-height: 325px;
}
.page-parent .remontee_archive > a {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 576px) {
.content_page .wp-block-cover {
min-height: 250px;
}
}        .content_front {
margin-top: 4em;
} .content_front > .event {
display: flex;
align-items: center;
gap: 4em;
flex-wrap: wrap;
}
.content_front > .event:not(.benevole) > div {
flex: 0 0 calc(50% - 2em);
max-width: calc(50% - 2em);
}
.content_front > .event > div > h2 {
color: var(--rose);
margin: 0 0 0.2em;
}
.content_front > .event > div > h2:after {
display: none;
}
.content_front > .event > div > .btn {
margin: 3em 0;
} .content_front > .articles {
margin-top: 8em;
}
.content_front > .articles > div:first-child, .content_front > .partenaires > div:first-child {
display: flex;
align-items: center;
gap: 3em;
margin-bottom: 4em;
}
.content_front > .articles > div > h2, .content_front > .partenaires > div > h2 {
color: var(--rose);
margin: 0;
}
.content_front > .articles > div > h2:after, .content_front > .partenaires > div > h2:after {
display: none;
}
.content_front > .articles > div:first-child > div, .content_front > .partenaires > div:first-child > div {
flex: 1;
height: 3px;
background-color: var(--rose);
}
.remontee_archive {
display: flex;
align-items: center;
justify-content: center;
gap: 4em 2em;
flex-wrap: wrap;
padding-bottom: 2em;
}
.remontee_archive > a {
flex: 0 0 calc(33.33% - 1.35em);
max-width: calc(33.33% - 1.35em);
position: relative;
}
.remontee_archive > a > div:first-child {
height: 400px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}
.remontee_archive > a > div:last-of-type {
background-position: top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
padding: 1.5em 0.5em 2.5em;
border-radius: 0 0 5px 5px;
}
.remontee_archive > a > div > p {
text-transform: uppercase;
color: var(--bleu);
font-family: "QuB";
}
.remontee_archive > a > div > h3 {
color: var(--rose);
font-size: 2em;
width: unset;
margin: 0;
}
.remontee_archive > a > div > h3:after {
display: none;
}
.remontee_archive > a > p {
margin: 0;
font-family: "QuB";
text-transform: uppercase;
background-color: var(--bleu);
color: var(--blanc);
padding: 0.8em 1em;
border: 2px solid var(--bleu);
position: absolute;
bottom: -24px;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
width: -moz-max-content;
width: max-content;
max-width: 100;
transition: all 0.3s;
}
.remontee_archive > a > p:hover {
background-color: var(--blanc);
color: var(--bleu);
} .content_front > .benevole > div:first-child, .content_page .presidente > div:first-child {
flex: 0 0 60%;
max-width: 60%;
}
.content_front > .benevole > div:last-child, .content_page .presidente > div:last-child {
flex: 0 0 calc(40% - 4em);
max-width: calc(40% - 4em);
}
.content_front > .benevole, .content_front > .partenaires {
margin-top: 10em;
} .content_front > .partenaires > div:last-child {
position: relative;
}
.content_front > .partenaires > div > .paginator {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.content_front > .partenaires > div > .paginator > div {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: var(--gris);
font-size: 4em;
cursor: pointer;
}
.content_front > .partenaires > div > .paginator > div:first-child {
left: 0;
}
.content_front > .partenaires > div > .paginator > div:last-child {
right: 0;
}
.content_front > .partenaires > div > .slick {
margin: auto;
width: 87%;
}
.content_front > .partenaires > div > .slick .slick-track {
display: flex;
height: auto;
align-items: center;
gap: 3em;
}
.content_front > .partenaires > div > .slick a > img {
filter: grayscale(1);
margin: auto;
transition: all 0.3s;
}
.content_front > .partenaires > div > .slick a:hover > img {
filter: unset;
} .content_front > .galerie {
margin-top: 10em;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.5em;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50vw);
}
.content_front > .galerie > div {
flex: 0 0 calc(33.33% - 0.4em);
max-width: calc(33.33% - 0.4em);
height: 380px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.content_front > .galerie > div > p {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
color: #FFFFFF;
font-size: 13px;
margin: 0;
padding: 1em;
text-align: center;
text-shadow: 0 0 1.5px #000;
will-change: transform;
width: 100%;
max-height: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
} .popUpNews {
padding: 0 25px !important;
}
.popUpNews .ml-form-embedContent {
display: none;
}
.popUpNews .ays_content_box {
padding: 15px 20px 5px !important;
}
.popUpNews .ml-form-embedSubmit {
margin: 0 !important;
} @media screen and (max-width: 1200px) {
.content_front > .event:not(.benevole), .content_page .presidente {
gap: 2em;
}
.content_front > .event:not(.benevole) > div:first-child, .content_page .presidente > div:last-child {
flex: 0 0 40%;
max-width: 40%;
}
.content_front > .event:not(.benevole) > div:last-child, .content_page .presidente > div:first-child {
flex: 0 0 calc(60% - 2em);
max-width: calc(60% - 2em);
}
.remontee_archive > a {
flex: 0 0 calc(50% - 1em);
max-width: calc(50% - 1em);
}
.content_front > .partenaires > div > .slick .slick-track {
gap: 1em;
}
}
@media screen and (max-width: 990px) {
.content_front > .event:not(.benevole) {
gap: 0;
}
.content_front > .benevole {
gap: 2em;
}
.content_front > .benevole > div:last-child {
flex: 0 0 calc(40% - 2em);
max-width: calc(40% - 2em);
}
.content_front > .benevole > div:last-child, .content_page .presidente > div:last-child {
flex: 0 0 calc(40% - 2em);
max-width: calc(40% - 2em);
}
.content_front > .event:not(.benevole) > div:first-child {
flex: 0 0 100%;
max-width: 100%;
order: 2;
}
.content_front > .event:not(.benevole) > div:last-child {
flex: 0 0 100%;
max-width: 100%;
order: 1;
}
.remontee_archive > a > div:first-child {
height: 300px;
}
.content_front > .partenaires > div > .paginator > div {
font-size: 3em;
}
.content_front > .partenaires > div > .slick {
width: 85%;
}
.content_front > .galerie > div {
flex: 0 0 calc(50% - 0.4em);
max-width: calc(50% - 0.4em);
height: 260px;
}
.content_page .presidente > div:first-child, .content_page .presidente > div:last-child {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.content_front > .articles > div:first-child, .content_front > .partenaires > div:first-child {
gap: 1em;
}
.content_front > .articles {
margin-top: 5em;
}
.content_front > .benevole, .content_front > .partenaires, .content_front > .galerie {
margin-top: 6em;
}
.content_front > .partenaires > div > .slick {
width: 82%;
}
.remontee_archive {
gap: 3em 1em;
}
.remontee_archive > a {
flex: 0 0 calc(50% - 0.5em);
max-width: calc(50% - 0.5em);
}
.remontee_archive > a > div:first-child {
height: 250px;
}
.remontee_archive > a > div:last-of-type {
padding: 1em 0.5em 2em;
}
.remontee_archive > a > div > p {
margin-bottom: 0.5em;
}
}
@media screen and (max-width: 576px) {
.content_front > .articles > div:first-child, .content_front > .partenaires > div:first-child {
display: block;
}
.content_front > .articles > div:first-child > div, .content_front > .partenaires > div:first-child > div {
display: none;
}
.content_front > .articles > div:first-child > .btn, .content_front > .partenaires > div:first-child > .btn {
float: right;
margin-top: 0.5em;
}
.content_front > .galerie > div, .content_front > .benevole > div:first-child, .content_front > .benevole > div:last-child {
flex: 0 0 100%;
max-width: 100%;
}
.content_front > .partenaires > div > .slick .slick-track {
gap: 0;
display: block;
}
.content_front > .partenaires > div:last-child {
margin-top: 5em;
}
.content_front > .partenaires > div > .paginator > div {
font-size: 2em;
}
.remontee_archive > a {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 450px) {
.content_front > .partenaires > div > .slick {
width: 75%;
}
}     .blog .remontee_archive {
justify-content: unset;
}
.blog .page, .search .page {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.5em;
font-size: 1.6em;
text-transform: uppercase;
margin-top: 2em;
font-family: "DJB";
color: var(--rose);
}
.blog .page > .current, .search .page > .current {
font-family: "HsSB";
font-size: 2em;
}
.blog .page > a, .search .page > a {
font-family: "HsL";
color: var(--rose);
transition: all 0.3s;
}
.blog .page > a:hover, .search .page > a:hover {
text-decoration: underline;
} .content_page > .ariane:last-of-type {
margin: 2em 0 0;
display: flex;
gap: 0.5em;
color: var(--rose);
align-items: center;
width: -moz-max-content;
width: max-content;
max-width: 100%;
cursor: pointer;
}
.content_page > .ariane:last-of-type > i {
font-size: 1.5em;
position: relative;
left: 0;
transition: all 0.3s;
}
.content_page > .ariane:last-of-type:hover > i {
left: -15px;
}
.content_page > .ariane:last-of-type > p {
margin: 0;
font-family: "QuB";
padding: 5px;
position: relative;
}
body #slb_viewer_wrap .slb_theme_slb_baseline .slb_data_content {
margin-top: 0.5em;
}
body #slb_viewer_wrap .slb_theme_slb_default .slb_data_title {
font-size: 1.2em;
}
body #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
font-size: 1em;
}
body #slb_viewer_wrap .slb_theme_slb_default .slb_data_desc {
display: none;
}
.content_page .presidente {
display: flex;
align-items: center;
gap: 4em;
flex-wrap: wrap;
}
.content_page .presidente > div {
flex: 0 0 calc(50% - 2em);
max-width: calc(50% - 2em);
}
.content_page .organigramme {
margin-top: 10em;
}
.content_page .organigramme > div {
display: flex;
flex-wrap: wrap;
gap: 6em 2em;
margin-top: 3em;
}
.content_page .organigramme > div > div {
flex: 0 0 calc(33.33% - 1.4em);
max-width: calc(33.33% - 1.4em);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
border-radius: 5px;
height: 250px;
position: relative;
}
.content_page .organigramme > div > div > div {
background-color: var(--blanc);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
border-radius: 5px;
width: 70%;
padding: 1em 0.5em;
text-align: center;
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
}
.content_page .organigramme > div > div > div > p:last-child {
margin-bottom: 0;
}
.content_page .organigramme > div > div > div > p:first-child {
margin-bottom: 0.5em;
color: var(--rose);
font-size: 1.2em;
font-family: "QuB";
}
.content_page .organigramme + .remontee_archive {
margin-top: 12em;
} @media screen and (max-width: 990px) {
.content_page .presidente {
gap: 2em;
}
.content_page .organigramme > div > div {
flex: 0 0 calc(50% - 1em);
max-width: calc(50% - 1em);
}
}
@media screen and (max-width: 576px) {
.content_page .organigramme > div > div {
flex: 0 0 100%;
max-width: 100%;
}
}
.content_page .contact {
display: flex;
flex-wrap: wrap;
gap: 4em;
}
.content_page .contact > div:first-child {
flex: 0 0 calc(68% - 2em);
max-width: calc(68% - 2em);
}
.content_page .contact > div:last-child {
flex: 0 0 calc(32% - 2em);
max-width: calc(32% - 2em);
background-color: var(--beige);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
}
.content_page .contact > div:last-child > div {
height: 100%;
padding: 4em 2em;
color: var(--bleu);
position: relative;
}
.content_page .contact > div:last-child > div:before {
content: "";
width: 100%;
height: 100%;
background-image: url(//canifun-lozere.com/wp-content/themes/canifun/assets/img/fond_contact.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.4;
position: absolute;
top: 0;
left: 0;
}
.content_page .contact > div > div > img {
display: block;
width: 250px;
max-width: 95%;
margin: auto;
}
.content_page .contact > div > div > p {
font-family: "QuB";
}
.content_page .contact > div > div > p:first-of-type {
margin: 2em 0 0.5em;
font-size: 1.5em;
}
.content_page .contact > div > div > p:last-child {
font-size: 1.2em;
} @media screen and (max-width: 1440px) {
.content_page .contact > div:first-child {
flex: 0 0 calc(65% - 2em);
max-width: calc(65% - 2em);
}
.content_page .contact > div:last-child {
flex: 0 0 calc(35% - 2em);
max-width: calc(35% - 2em);
}
.content_page .contact > div > div > p:first-of-type {
font-size: 2.2em;
}
}
@media screen and (max-width: 1200px) {
.content_page .contact > div > div > p:first-of-type {
font-size: 1.8em;
}
.content_page .contact > div > div > p:nth-child(3) {
font-size: 1.2em;
}
.content_page .contact > div > div > p:last-child {
font-size: 1em;
}
.content_page .autre_partenaires > div {
gap: 2em;
}
.content_page .autre_partenaires > div > a {
flex: 0 0 calc(25% - 1.5em);
max-width: calc(25% - 1.5em);
}
.content_page .code_promo > div > a {
flex: 0 0 calc(17% - 1.9em);
max-width: calc(17% - 1.9em);
}
}
@media screen and (max-width: 990px) {
.content_page .contact > div:last-child > div {
padding: 2em 2em 1em;
}
.content_page .contact > div:first-child {
flex: 0 0 100%;
max-width: 100%;
order: 2;
}
.content_page .contact > div:last-child {
flex: 0 0 100%;
max-width: 100%;
order: 1;
}
}
@media screen and (max-width: 576px) {
.content_page .contact > div:last-child > div {
padding: 2em 1em 1em;
}
}
.content_page .categorie > div {
display: flex;
flex-wrap: wrap;
gap: 4em;
margin: 2em 0 6em;
}
.content_page .categorie > div > a {
flex: 0 0 calc(25% - 3em);
max-width: calc(25% - 3em);
background-color: #DDDDDD;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0.5em;
} @media screen and (max-width: 990px) {
.content_page .categorie > div > a {
flex: 0 0 calc(50% - 2em);
max-width: calc(50% - 2em);
}
}
@media screen and (max-width: 768px) {
.content_page .categorie > div {
gap: 2em;
}
.content_page .categorie > div > a {
flex: 0 0 calc(50% - 1em);
max-width: calc(50% - 1em);
}
}
@media screen and (max-width: 450px) {
.content_page .categorie > div {
gap: 1em;
}
.content_page .categorie > div > a {
flex: 0 0 calc(50% - 0.5em);
max-width: calc(50% - 0.5em);
}
}
.page-template-page-insta {
background-color: rgba(255, 228, 193, 0.5);
min-height: 100vh;
}
.page-template-page-insta .custom-logo-link {
display: block;
max-width: 500px;
margin: 1em auto 4em;
width: 90%;
}
.page-template-page-insta h1 {
text-align: center;
margin-top: 1em;
font-size: 3em;
color: var(--gris);
}
.page-template-page-insta > div > a:not(.custom-logo-link) {
display: block;
text-align: center;
max-width: 550px;
margin: 1.5em auto;
padding: 1em;
text-transform: uppercase;
font-family: "QuB";
color: var(--bleu);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
background-color: var(--blanc);
background: linear-gradient(to left, var(--blanc) 50%, var(--bleu) 50%) right;
background-size: 200%;
transition: 0.5s ease-out;
}
.page-template-page-insta > div > a:not(.custom-logo-link):hover {
color: var(--blanc);
background-position: left;
}
.page-id-199 {
background-image: url(https://canifun-lozere.com/wp-content/themes/canifun/assets/css/assets/img/header.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
position: relative;
}
.page-id-199:before {
content: "";
background-color: rgba(255, 255, 255, 0.75);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.page-id-199 > * {
position: relative;
}
.content_page .partenaires_principaux {
margin-top: 8em;
}
.content_page .partenaires_principaux > div {
display: flex;
flex-wrap: wrap;
gap: 4em;
margin-top: 4em;
}
.content_page .autre_partenaires > div {
gap: 4em 2em;
}
.content_page .code_promo > div {
gap: 2em;
}
.content_page .partenaires_principaux > div > a {
flex: 0 0 calc(33.33% - 2.7em);
max-width: calc(33.33% - 2.7em);
background-color: #DDDDDD;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
border-radius: 5px;
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0.5em;
}
.content_page .autre_partenaires > div > a {
flex: 0 0 calc(20% - 1.6em);
max-width: calc(20% - 1.6em);
}
.content_page .code_promo > div > a {
flex: 0 0 calc(15% - 2.31em);
max-width: calc(15% - 2.31em);
padding: 0.4em 0;
}
.content_page .partenaires_principaux > div > a > img, .content_page .categorie > div > a > img {
display: block;
max-width: 90%;
margin: auto;
transition: all 0.3s;
}
.content_page .partenaires_principaux > div > a:hover > img, .content_page .categorie > div > a:hover > img {
transform: scale(0.8);
}
.content_page .partenaires_principaux > div > a > p, .content_page .categorie > div > a > p {
font-size: 1em;
margin-bottom: 0;
font-family: "QuB";
padding: 0.2em 0.2em 0;
text-align: center;
}
.content_page .autre_partenaires > div > a > p {
font-size: 1.05em;
}
.content_page .code_promo > div > a > p {
font-size: 0.9em;
} @media screen and (max-width: 990px) {
.content_page .partenaires_principaux:not(.autre_partenaires):not(.code_promo) > div > a {
flex: 0 0 calc(50% - 2em);
max-width: calc(50% - 2em);
}
.content_page .code_promo > div > a {
flex: 0 0 calc(20% - 1.6em);
max-width: calc(20% - 1.6em);
}
}
@media screen and (max-width: 768px) {
.content_page .partenaires_principaux > div {
gap: 2em;
margin-top: 2em;
}
.content_page .partenaires_principaux:not(.autre_partenaires):not(.code_promo) > div > a {
flex: 0 0 calc(50% - 1em);
max-width: calc(50% - 1em);
}
.content_page .autre_partenaires > div > a {
flex: 0 0 calc(33.33% - 1.4em);
max-width: calc(33.33% - 1.4em);
}
.content_page .code_promo > div > a {
flex: 0 0 calc(25% - 1.5em);
max-width: calc(25% - 1.5em);
}
}
@media screen and (max-width: 576px) {
.content_page .partenaires_principaux > div {
gap: 1em;
}
.content_page .partenaires_principaux:not(.autre_partenaires):not(.code_promo) > div > a {
flex: 0 0 calc(50% - 0.5em);
max-width: calc(50% - 0.5em);
}
.content_page .autre_partenaires > div > a {
flex: 0 0 calc(33.33% - 0.7em);
max-width: calc(33.33% - 0.7em);
}
.content_page .code_promo > div > a {
flex: 0 0 calc(25% - 0.8em);
max-width: calc(25% - 0.8em);
}
}
@media screen and (max-width: 450px) {
.content_page .code_promo > div > a > p {
font-size: 0.7em;
}
}
.filtresG {
margin-bottom: 4em;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
.filtresG > button {
padding: 0.6em 2em;
background-color: #E8E8E8;
text-align: center;
font-size: 1em;
font-weight: 600;
border: none;
cursor: pointer;
transition: all 0.3s;
}
.filtresG > button.active {
background-color: var(--vert);
}
.filtresG > button:not(.active):hover {
background-color: #CCCCCC;
}
.galerieG {
position: relative;
}
.galerieG > .grid-sizer {
width: 322px;
}
.galerieG > .grid-item {
width: 322px;
margin-bottom: 10px;
}
.galerieG > .grid-item.is-hidden {
display: none;
} @media screen and (max-width: 1440px) {
.galerieG > .grid-sizer, .galerieG > .grid-item {
width: 277px;
}
}
@media screen and (max-width: 1200px) {
.galerieG > .grid-sizer, .galerieG > .grid-item {
width: calc(33.33% - 10px);
}
}
@media screen and (max-width: 768px) {
.galerieG > .grid-sizer, .galerieG > .grid-item {
width: calc(50% - 5px);
}
}
@media screen and (max-width: 576px) {
.filtresG > button {
font-size: 0.8em;
}
}
@media screen and (max-width: 450px) {
.galerieG > .grid-sizer, .galerieG > .grid-item {
width: 100%;
}
}