html {
scroll-behavior: smooth;
}
body *{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 580px) {
.bloc-titre-site{
display: none;
}
}
.border-box { 
position: relative;
}
.border-box:before {
content: "";
position: absolute;
inset: 0;
background: var(--wp--preset--color--custom-neutral);
mask:
radial-gradient(20px at 20px 20px,#0000 calc(98% - 3px),#000 calc(100% - 3px) 98%,#0000) -20px -20px,
linear-gradient(90deg,#000 6px,#0000 0) -3px 50% /100% calc(100% - 40px + 3px) repeat-x,
linear-gradient(      #000 6px,#0000 0) 50% -3px/calc(100% - 40px + 3px) 100% repeat-y;
}
.border-box .wp-block-buttons{
position: relative;
z-index: 100;
}
.banner-tu-cherches img{
position: absolute;
left: 50%;
top: -36px;
transform: translateX(-50%);
}
.hero-yeux{
position: absolute;
left: 0;
right: 0;
bottom: -4.25rem;
}
@media only screen and (max-width: 580px) {
.hero-yeux .wp-block-columns .wp-block-column:nth-of-type(1){
display: none;
}
}
.overlapped{
margin-top: -3rem;
z-index: -1;
}
.opacite-20{
opacity: 0.2;
}
@media only screen and (max-width: 475px) {
.prix-formule{
justify-content: center;
}
}
@media only screen and (max-width: 580px) {
.offres-formule{
flex-wrap: wrap;
}
}
@media only screen and (max-width: 900px) {
.contenu-formule{
flex-wrap: wrap;
}
}
.deco-fleurs{
position: absolute;
left: 0;
right: 0; bottom: 0;
z-index: -1;
}
.wp-block-image :where(figcaption) {
margin-top: 1em;
margin-bottom: 0;
}
.bloc-titre-formule{
min-width: 250px;
} .wp-block-button__link:hover{
background-color: var(--wp--preset--color--custom-neutral);
color: var(--wp--preset--color--custom-background);
}
.is-style-neg .wp-block-button__link:hover{
background-color: var(--wp--preset--color--custom-accent);
color: var(--wp--preset--color--custom-neutral);
}  .wpcf7-form h4{
margin-top: 5rem;
} .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
font-family: var(--wp--preset--font-family--inter);
padding: 1rem;
border-radius: 2rem;
border: none;
width: 100%;
} .select-flex{
display:flex;
align-items: center;
}
.wpcf7-form .wpcf7-select{
padding: 1rem 3rem 1rem 2rem;
border-radius: 2rem;
border: none;
background-color: #fff;
margin-right: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
background: #fff url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
background-repeat: no-repeat;
background-position-x: 79%;
background-position-y: 19px;
background-size: 10px;
} .wpcf7-form .wpcf7-radio {
}
.wpcf7-form .wpcf7-radio label {
position: relative;
cursor: pointer;
display:flex;
margin: 0.5rem 0;
}
.wpcf7-form .wpcf7-radio input[type=radio] {
position: relative;
visibility: hidden;
flex: 0 0 auto;
margin-right: 1rem;
}
.wpcf7-form .wpcf7-radio span {
flex: 1 1 auto;
margin: 0;
}
.wpcf7-form .wpcf7-radio input[type=radio] + span { }
.wpcf7-form .wpcf7-radio input[type=radio] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 18px;
width: 18px;
top: 0px;
left: 0px;
border: 2px solid #fff;
background-color: #fff;
}
.wpcf7-form .wpcf7-radio input[type=radio] + span:after {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 10px;
width: 10px;
top: 6px;
left: 6px;
visibility: hidden;
}
.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before {
background: #fff;
}
.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {
background: #222;
visibility: visible;
} .wpcf7-form .wpcf7-checkbox label,
.wpcf7-form .wpcf7-acceptance label {
position: relative;
cursor: pointer;
display:flex;
margin: 0.5rem 0;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox],
.wpcf7-form .wpcf7-acceptance input[type=checkbox] {
position: relative;
visibility: hidden;
flex: 0 0 auto;
margin-right: 1rem;
}
.wpcf7-form .wpcf7-checkbox span,
.wpcf7-form .wpcf7-acceptance span {
flex: 1 1 auto;
margin: 0;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span,
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span { }
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before,
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 5px;
height: 18px;
width: 18px;
top: 0px;
left: 0px;
border: 2px solid #fff;
background-color: #fff;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after,
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:after {
display: block;
position: absolute;
content: '\2713';
border-radius: 100%;
height: 10px;
width: 10px;
top: 0px;
left: 5px;
visibility: hidden;
font-size: 16px;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before,
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:before {
background: #fff;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after,
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-form .wpcf7-acceptance a:hover{
color: var(--wp--preset--color--custom-neutral);
} .wpcf7 input[type="submit"]{
background-color: #fff;
font-family: var(--wp--preset--font-family--fraunces);
color: var(--wp--preset--color--custom-neutral);
padding: 1rem 2rem;
border-radius: 2rem;
border: none;
}
.wpcf7 input[type="submit"]:hover{
background-color: var(--wp--preset--color--custom-neutral);
color: var(--wp--preset--color--custom-background);
}