@import url(https://fonts.cdnfonts.com/css/uncut-sans-2);
:root {
--maxwidth: 1400px;
--maxwidth2: 1400px;
--maxwidth3: 1400px;
--maxwidth4: 1600px;
--font1: 'Uncut Sans', arial, sans-serif;
--baseFontSize: 10px;
--remFontSize: 1.8rem;
--fontRatio: 1.3;
--fontRatio2: 1.15;
--fontSize300: calc(var(--remFontSize) / var(--fontRatio)); --fontSize400: var(--remFontSize); --fontSize450: calc(var(--fontSize400) * var(--fontRatio2)); --fontSize500: calc(var(--fontSize400) * var(--fontRatio)); --fontSize550: calc(var(--fontSize500) * var(--fontRatio2)); --fontSize600: calc(var(--fontSize500) * var(--fontRatio)); --fontSize700: calc(var(--fontSize600) * var(--fontRatio)); --fontSize750: calc(var(--fontSize700) * var(--fontRatio2)); --fontSize800: calc(var(--fontSize700) * var(--fontRatio)); --fontSize900: calc(var(--fontSize800) * var(--fontRatio)); --fontSize1000: calc(var(--fontSize900) * var(--fontRatio)); --white: #ffffff;
--blue: #283C5D;
--blue2: #0D578B;
--yellow: #FAC700;
--yellow2: #D1AB19;
--grey: #7385A5;
--grey2: #E0E2E5;
--grey3: #F1F3F6;
--expoInOut: cubic-bezier(.8,-0.05,.2,1.05);
}
.wp-block-columns {
width: 100%;
margin-bottom: 0;
}
.wp-block-cover .wp-block-cover__inner-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: unset;
}
.wp-block-cover.alignleft .wp-block-cover__inner-container {
align-items: flex-start;
}
.wp-block-cover.alignright .wp-block-cover__inner-container {
align-items: flex-end;
}
.wp-block-cover .wp-block-columns {
max-width: var(--maxwidth)!important;
}
.wp-block-column {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.wp-block-column *:first-child {
margin-top: 0;
}
@media (max-width: 1280px) {
.wp-block-columns {
padding-left: unset!important;
padding-right: unset!important;
gap: 2.4rem!important;
}
}
@media (max-width: 768px) {
.wp-block-column {
margin: 0!important;
padding: 0!important;
}
}
.has-white-color {color: var(--white)}
.has-white-background-color {background-color: var(--white)}
.has-blue-color {color: var(--blue)}
.has-blue-background-color {background-color: var(--blue)}
.has-blue-2-color {color: var(--blue2)}
.has-blue-2-background-color {background-color: var(--blue2)}
.has-yellow-color {color: var(--yellow)}
.has-yellow-background-color {background-color: var(--yellow)}
.has-yellow-2-color {color: var(--yellow2)}
.has-yellow-2-background-color {background-color: var(--yellow2)}
.has-grey-color {color: var(--grey)}
.has-grey-background-color {background-color: var(--grey)}
.has-grey-2-color {color: var(--grey2)}
.has-grey-2-background-color {background-color: var(--grey2)}
.has-grey-3-color {color: var(--grey3)}
.has-grey-3-background-color {background-color: var(--grey3)}
@media (max-width: 1680px) {
:root {
--maxwidth4: calc(100% - 80px);
}
}
@media (max-width: 1480px) {
:root {
--maxwidth3: calc(100% - 80px);
}  
}
@media (max-width: 1480px) {
:root {
--maxwidth2: calc(100% - 80px);
}
}
@media (max-width: 1480px) {
:root {
--maxwidth: calc(100% - 80px);
}
}
@media (max-width: 1440px) {
:root {
--baseFontSize: 9px;
--fontSize1000: var(--fontSize900);
}
}
@media (max-width: 800px) {
:root {
--fontSize1000: var(--fontSize800);
--fontSize900: var(--fontSize800);
--fontSize800: var(--fontSize750);
}
}
@media (max-width: 768px) {
:root {
--maxwidth4: calc(100% - 40px);
--maxwidth3: calc(100% - 40px);
--maxwidth2: calc(100% - 40px);
--maxwidth: calc(100% - 40px);
}
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: var(--baseFontSize);
overflow: auto;
scroll-behavior: smooth;
scroll-padding-top: 200px;
}
body {
position: relative;
width: 100%;
max-width: 100%;
margin: 0;
font-family: var(--font1);
font-size: var(--fontSize400);
color: var(--blue);
text-wrap: balance!important;
overflow: hidden;
letter-spacing: -0.05rem;
--wp--preset--font-size--small: var(--fontSize300);
--wp--preset--font-size--medium: var(--fontSize600);
--wp--preset--font-size--large: var(--fontSize700);
--wp--preset--font-size--x-large: var(--fontSize900);
--wp--preset--spacing--20: 1.2rem;
--wp--preset--spacing--30: 2.4rem;
--wp--preset--spacing--40: 3.6rem;
--wp--preset--spacing--50: 4.8rem;
--wp--preset--spacing--60: 6rem;
--wp--preset--spacing--70: 7.2rem;
--wp--preset--spacing--80: 8.4rem;
}
@media (max-width: 768px) {
body {
--wp--preset--font-size--x-large: var(--fontSize750);
--wp--preset--spacing--20: 0.6rem;
--wp--preset--spacing--30: 1.2rem;
--wp--preset--spacing--40: 1.8rem;
--wp--preset--spacing--50: 2.4rem;
--wp--preset--spacing--60: 3rem;
--wp--preset--spacing--70: 3.6rem;
--wp--preset--spacing--80: 4.2rem;
}
}
#page {
min-height: 100vh;
justify-content: space-between;
}
.main {
width: 100%;
max-width: var(--maxwidth);
}
h1 {
margin: 2rem 0;
font-size: var(--fontSize900);
font-weight: 600;
letter-spacing: -0.3rem;
}
h2 {
margin: 2rem 0;
font-size: var(--fontSize700);
font-weight: 600;
letter-spacing: -0.2rem;
}
h3 {
margin: 2rem 0;
font-size: var(--fontSize550);
font-weight: 600;
}
h4 {
margin: 2rem 0;
font-size: var(--fontSize500);
font-weight: 600;
}
h5 {
margin: 2rem 0;
font-size: var(--fontSize450);
font-weight: 600;
}
h1, h2 {
width: 100%;
line-height: 120%;
}
h3, h4, h5 {
width: 100%;
line-height: 130%;
}
strong {
font-weight: 600;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
font-weight: 700;
}
p strong, ul strong, ol strong {
font-weight: 600;
}
a {
color: inherit;
}
p, ul, ol {
width: 100%;
margin: 2.4rem 0;
color: var(--black2);
}
ul li, ol li {
font-size: var(--fontSize400);
}
ul.check {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
gap: 1.6rem;
padding-left: 2rem;
list-style: url(https://sign.vet/wp-content/themes/signvet/assets/chart/check.svg);
}
ul.check li {
padding-left: 1rem;
}
p {
font-size: var(--fontSize400);
line-height: 180%;
}
p.big, .big p {
font-size: 2rem;
font-weight: 600;
}
.has-medium-font-size p {
font-size: 20px;
}
blockquote {
width: 100%;
margin: 0;
}
figure {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
}
figcaption {
color: var(--grey);
text-align: center;
}
img {
max-width: 100%;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}
.flex__col {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.links {
width: 100%;
justify-content: flex-start;
flex-flow: wrap;
gap: 0.6rem;
margin: 3rem 0;
}
.links.center {
justify-content: center;
}
.links.Om {
margin: 0;
}
.block-editor-block-list__block.wp-block-spacer {
background-color: rgba(0,0,0,0.05);
width: 100%;
}
.wp-block-cover, .wp-block-cover-image {
width: 100vw;
padding: 0;
justify-content: flex-start;
}
.bg--contain .wp-block-cover__image-background {
object-fit: contain;
object-position: top left;
}
.wp-block-column .wp-block-cover {
width: 100%;
}
.wp-block-cover.aligncenter {
width: 100%;
}
.block-editor-block-list__block.wp-block-cover {
max-width: 100%;
}
.wp-block-cover__inner-container {
width: 100%;
}
.error-404, .searchPage {
margin-top: 100px;
min-height: calc(70vh - 100px);
}
.error-404 h1 {
text-align: center;
}
.btnwysiwyg {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.btnwysiwyg p {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: auto;
gap: 1rem;
}
.border-radius-6, .wp-block-image.border-radius-6 img, .wp-block-post-featured-image.border-radius-6 img {
border-radius: 6px;
}
.border-radius-16, .wp-block-image.border-radius-16 img, .wp-block-post-featured-image.border-radius-16 img {
border-radius: 16px;
}
.border-radius-16-top, .wp-block-image.border-radius-16-top img, .wp-block-post-featured-image.border-radius-16-top img {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.border-radius-100, .wp-block-image.border-radius-100 img, .wp-block-post-featured-image.border-radius-100 img {
border-radius: 100%;
}
.line-height-140 {
line-height: 140%;
}
.no_underline, .no_underline a {
text-decoration: none;
}
.wp-block-image.alignfull.size-full {
width: 100vw;
}
.chevron {
}
.chevron::after {
content: "";
display: inline-block;
width: 1.5rem;
height: 2rem;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/chevron.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 0.8rem;
transform: translateY(25%) rotate(-90deg);
}
.gap1 {
gap: 1rem;
}
.gap16 {
gap: 1.6rem;
}
.nomargin {
margin: 0;
}
.img-decorations {
position: relative;
}
.img-decorations::before {
content: "";
position: absolute;
z-index: 2;
width: 74px;
height: 203px;
top: 10%;
left: 0;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-1.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translateX(-50%) rotate(10deg);
}
.img-decorations::after {
content: "";
position: absolute;
z-index: 2;
width: 151px;
height: 80px;
top: 100%;
left: 65%;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-2.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-65%);
}
@media (max-width: 768px) {
.img-decorations {
margin-bottom: 2rem;
}
}
.img-decorations-2 {
position: relative;
}
.img-decorations-2::before {
content: "";
position: absolute;
z-index: 2;
width: 125px;
height: 128px;
top: 10%;
left: 100%;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-4.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translateX(-50%);
}
.img-decorations-3 {
position: relative;
}
.img-decorations-3::before {
content: "";
position: absolute;
z-index: 2;
width: 74px;
height: 203px;
bottom: 10%;
left: 0;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-1.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translateX(-50%) rotate(10deg);
}
.img-decorations-4 {
position: relative;
}
.img-decorations-4::before {
content: "";
position: absolute;
z-index: 2;
width: 141px;
height: 88px;
top: 1%;
right: 10%;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-3.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-50%) rotate(10deg);
}
.img-decorations-4::after {
content: "";
position: absolute;
z-index: 2;
width: 151px;
height: 80px;
top: 100%;
right: -5%;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-2.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-65%);
}
html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] {
height: auto;
}
@media (max-width: 768px) {
.height-1-mobile {height: 1rem!important;}
.height-2-mobile {height: 2rem!important;}
.height-3-mobile {height: 3rem!important;}
.height-4-mobile {height: 4rem!important;}
.height-5-mobile {height: 5rem!important;}
.height-6-mobile {height: 6rem!important;}
.height-7-mobile {height: 7rem!important;}
.height-8-mobile {height: 8rem!important;}
.height-9-mobile {height: 9rem!important;}
.height-10-mobile {height: 10rem!important;}
.height-11-mobile {height: 11rem!important;}
.height-12-mobile {height: 12rem!important;}
h2 {
margin: 1.6rem 0;
}
p, ul, ol {
margin: 1.6rem 0;
}
.hide-on-mobile {
display: none;
}
.h12rem-onmobile {
height: 12rem!important;
}
.wp-block-column .wp-block-buttons {
margin: 3rem 0;
}
}
.btn, .wp-element-button, .btnwysiwyg a {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
padding: 1.6rem 2.4rem;
font-size: var(--fontSize400);
font-weight: 600;
text-decoration: none;
background-color: var(--blue);
color: var(--white);
border-radius: 16px;
box-sizing: border-box;
border: unset;
cursor: pointer;
overflow: hidden;
text-align: center;
filter: brightness(1);
transition: all 0.3s var(--expoInOut);
}
.btn:hover, .wp-element-button:hover, .btnwysiwyg a:hover {
filter: brightness(0.9);
}
@media (max-width: 768px) {
.btn, .wp-element-button, .btnwysiwyg a {
padding: 2rem 2.4rem;
}
}
.btn__yellow {
background-color: var(--yellow);
color: var(--blue);
}
.btn__blue {
background-color: var(--blue);
}
.btn__bluelight {
background-color: var(--blue2);
}
.btn__white {
background-color: var(--white);
color: var(--blue);
}
.btn__whitetransp { background-color: #52789E;
color: var(--white);
}
.btn__grey {
background-color: var(--grey3);
color: var(--blue);
}
.wp-element-button.has-yellow-color {color: var(--yellow);}
.wp-element-button.has-yellow-background-color {background-color: var(--yellow);}
.wp-element-button.has-yellow-2-color {color: var(--yellow2);}
.wp-element-button.has-yellow-2-background-color {background-color: var(--yellow2);}
.wp-element-button.has-blue-color {color: var(--blue);}
.wp-element-button.has-blue-background-color {background-color: var(--blue);}
.wp-element-button.has-blue-2-color {color: var(--blue2);}
.wp-element-button.has-blue-2-background-color {background-color: var(--blue2);}
.wp-element-button.has-grey-color {color: var(--grey);}
.wp-element-button.has-grey-background-color {background-color: var(--grey);}
.wp-element-button.has-grey-2-color {color: var(--grey2);}
.wp-element-button.has-grey-2-background-color {background-color: var(--grey2);}
.wp-element-button.has-grey-3-color {color: var(--grey3);}
.wp-element-button.has-grey-3-background-color {background-color: var(--grey3);}
.big, .big h1, .big h2, .big h3, .big h4, .big h5, .big h6 {
font-size: var(--fontSize550)!important;
}
.header {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
background-color: var(--transparent);
transition: all 0.3s;
}
body.admin-bar .header {
top: 33px;
}
.header__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth2);
justify-content: flex-start;
gap: 0.6rem;
padding: 2rem 0rem;
box-sizing: border-box;
}
.header__logo {
position: relative;
width: 100%;
max-width: 200px;
aspect-ratio: 200/65;
}
.header__logo a, .header__logo a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
aspect-ratio: 200/65;
}
.header__logo__alt {
opacity: 0!important;
}
.header__menu {
}
.header__menu ul {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
gap: 0.6rem;
}
.header__menu ul li {
position: relative;
}
.header__menu ul li a {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 2.4rem 0.9rem;
font-size: 1.8rem;
font-weight: 500;
color: var(--white);
background-color: transparent;
text-decoration: none;
transition: all 0.3s;
box-sizing: border-box;
}
.header__menu ul li.menu-item-has-children a::after {
content: "";
width: 1.6rem;
height: 1.6rem;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/chevron.svg);
background-size: contain;
background-repeat: no-repeat;
margin: auto;
margin-left: 0.6rem;
transform: translateY(0.4rem);
transform-origin: center;
transition: all 0.3s;
}
.header.active .header__menu ul li.menu-item-has-children a::after {
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/chevron-bleu.svg);
}
.header.active .header__menu ul li.menu-item-has-children ul.sub-menu li.special a::after {
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/arrow.svg);
}
.header__menu ul li.menu-item-has-children ul.sub-menu li a::after {
display: none;
}
.header__menu ul li.btn__yellow a,
.header__menu ul li.btn__blue a,
.header__menu ul li.btn__bluelight a,
.header__menu ul li.btn__whitetransp a {
font-weight: 600;
padding: 1.6rem 2.4rem;
}
.header__menu ul li.btn__yellow a {
color: var(--blue);
}
.header__menu ul li ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
width: max-content;
background-color: var(--white);
display: none;
justify-content: flex-start;
align-items: stretch;
flex-direction: column;
padding: 2.4rem;
border-radius: 16px;
gap: 0;
opacity: 0;
pointer-events: none;
box-shadow: 0 3px 6px rgba(0,0,0,0.1);
transition: all 0.3s var(--expoInOut);
}
.header__menu ul li:hover ul.sub-menu {
display: flex;
opacity: 1;
pointer-events: all;
}
.header__menu ul li ul.sub-menu li {
justify-content: flex-start;
}
.header__menu ul li ul.sub-menu li.special {
box-sizing: border-box;
background-color: var(--grey3);
border-radius: 16px;
transition: all 0.5s var(--expoInOut);
margin-bottom: 2.4rem;
}
.header__menu ul li ul.sub-menu li.special:last-child {
margin-bottom: 0;
}
.header__menu ul li ul.sub-menu li.special:hover {
background-color: var(--grey2);
}
.header__menu ul li ul.sub-menu li a {
flex-flow: wrap;
align-items: flex-start;
color: var(--blue);
font-weight: 400;
padding: 1rem 0;
justify-content: flex-start;
}
.header__menu ul li ul.sub-menu li.special a {
padding: 2.4rem;
}
.header__menu ul li ul.sub-menu li.special a::before {
content: "";
display: block;
width: 100%;
height: 2rem;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/signature-sign-vet.svg);
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 1rem;
}
.header__menu ul li ul.sub-menu li.special a::after {
content: "";
display: inline;
float: right;
width: 3rem;
height: 2.3rem;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/arrow.svg);
background-size: 1.6rem;
background-repeat: no-repeat;
background-position: right top;
margin: 0;
margin-left: auto;
}
.header__buttons {
margin-left: auto;
}
.header__buttons .btn {
padding: 0;
}
.hiddenMobile {
display: none;
}
.display-none {
display: none;
}
.editor-styles-wrapper .display-none {
display: block;
}
#burger {
display: none;
}
.header.active, .header.mobileopen {
background-color: var(--white);
}
.header.active .header__menu ul li a, 
.header.mobileopen .header__menu ul li a {
color: var(--blue);
}
.header.active .header__logo__main,
.header.mobileopen .header__logo__main {
opacity: 0!important;
}
.header.active .header__logo__alt,
.header.mobileopen .header__logo__alt {
opacity: 1!important;
}
.header.active .header__menu ul li.btn__whitetransp a,
.header.mobileopen .header__menu ul li.btn__whitetransp a {
color: var(--white);
}
@media (max-width: 1280px) {
.header__inner {
position: unset;
max-width: 100%;
height: 80px;
padding: 2rem;
justify-content: space-between;
}
.header__pre {
display: none;
}
.header__logo {
width: auto;
height: 100%;
}
#burger {
display: flex;
position: relative;
width: 24px;
height: 40px;
padding: 10px 0px 10px 20px;
cursor: pointer;
overflow: hidden;
}
#burger div {
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 3px;
background-color: var(--white);
transform: translate(-50%, -50%);
transition: all 0.3s var(--expoInOut);
}
.header.active #burger div,
.header.mobileopen #burger div {
background-color: var(--blue);
}
#burger div:nth-child(1) {
transform: translate(-50%, -50%) translateY(-8px);
}
#burger div:nth-child(3) {
transform: translate(-50%, -50%) translateY(8px);
}
#burger.active div:nth-child(1) {
transform: translate(-50%, -50%) translateY(0) rotate(-45deg);
}
#burger.active div:nth-child(2) {
transform: translate(-50%, -50%) translateX(200%);
}
#burger.active div:nth-child(3) {
transform: translate(-50%, -50%) translateY(0) rotate(45deg);
}
.header__menu {
position: absolute;
z-index: -1;
top: 80px;
left: 0;
width: 100vw;
height: 530px;
justify-content: flex-start;
align-items: flex-start;
background-color: var(--white);
padding: 0;
box-sizing: border-box;
transform: translateX(100%);
transition: all 0.5s var(--expoInOut);
}
.header__inner .header__menu:nth-child(3)::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--white);
}
.header__inner .header__menu:nth-child(3)::before {
content: "";
position: absolute;
z-index: -2;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: var(--blue);
opacity: 0;
transition: all 0.3s var(--expoInOut);
transition-delay: 0s;
}
.header__inner .header__menu.active:nth-child(3)::before {
opacity: 0.5;
transition-delay: 0.25s;
}
.header__menu.active {
transform: translateX(0);
}
.header.mobileopen .header__buttons {
transform: translateX(0);
}
.header__menu .header__nav {
width: 100%;
height: 330px;
overflow-y: auto;
justify-content: flex-start;
align-items: flex-start;
padding: 3dvh 0;
box-sizing: border-box;
} .header__menu .header__nav::-webkit-scrollbar {
width: 4px;
}
.header__menu .header__nav::-webkit-scrollbar-thumb {
background-color: var(--blue);
border-radius: 0px;
}
.header__menu .header__nav::-webkit-scrollbar-track {
background-color: var(--grey3);
border-radius: 0px;
}
.header__menu.header__buttons {
top: unset;
bottom: -510px;
width: 100%;
height: auto;
background-color: transparent;
z-index: 2;
padding: 0;
transform: translateX(100%);
padding: 0 2.1rem 0 2.1rem;
}
.header__menu.header__buttons .header__nav {
height: auto;
padding: 0;
}
.header__menu.header__buttons ul {
flex-direction: column-reverse;
}
.header__menu.header__buttons ul li:not(.btn) {
padding: 1.6rem 0;
}
.header__menu ul {
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
gap: 0.5rem;
}
.header__menu ul li {
width: 100%;
}
.header__menu ul li a {
justify-content: flex-start;
border-radius: 0;
}
.header__buttons ul li a {
justify-content: center;
text-align: center;
}
.header .header__menu ul li a,
.header.active .header__menu ul li a,
.header.mobileopen .header__menu ul li a {
font-size: var(--fontSize500);
font-weight: 400;
padding: 1rem 2.1rem
}
.header .header__menu ul li a,
.header.active .header__menu ul li a,
.header.mobileopen .header__menu ul li a,
.header .header__menu ul li a:hover,
.header.active .header__menu ul li a:hover,
.header.mobileopen .header__menu ul li a:hover {
color: var(--blue);
}
.header__menu ul li ul.sub-menu li.special a::before {
display: none;
}
.header .header__menu.header__buttons li.btn {
padding: 1.6rem 0;
}
.header .header__menu.header__buttons ul li a {
font-size: var(--fontSize450);
font-weight: 600;
}
.header__buttons .header__inner {
width: 100%;
}
.header .header__menu ul li.btn__whitetransp {
background-color: var(--grey3);
color: var(--blue);
}
.header.mobileopen .header__menu ul li.btn__whitetransp a,
.header .header__menu ul li.btn__whitetransp a {
color: var(--blue);
}
.header .header__menu ul li.btn__yellow a {
color: var(--blue);
}
.header .header__menu ul li ul.sub-menu {
position: relative;
top: unset;
left: unset;
width: auto;
padding: 0;
opacity: 1;
background-color: transparent;
padding-left: 2.1rem;
box-sizing: border-box;
height: 0;
visibility: hidden;
opacity: 0;
box-shadow: unset;
transition: 0s all;
}
.header .header__menu ul li.active ul.sub-menu {
display: flex;
height: auto;
visibility: visible;
opacity: 1;
}
.header .header__menu ul li.menu-item-has-children.active a::after {
transform: rotate(-90deg);
}
.header .header__menu ul li ul.sub-menu li {
margin-bottom: 0;
background-color: transparent
}
.header .header__menu ul li ul.sub-menu li a {
padding: 1rem 2.1rem;
}
.header .header__menu ul li ul.sub-menu li.special:hover {
background-color: transparent;
}
.header .header__menu ul li ul.sub-menu li a br {
display: none;
}
.header .header__menu ul li ul.sub-menu li.special a::after {
display: none;
}
.hiddenMobile {
display: block;
}
.header .header__menu ul li.menu-item-has-children a::after {
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/chevron-bleu.svg);
}
}
.footer {
position: relative;
z-index: 2;
width: 100vw;
background-color: var(--blue);
}
.footer__inner {
width: 100%;
max-width: var(--maxwidth);
color: var(--white);
}
.footer__inner a {
text-decoration: none;
}
.footer__menus {
width: 100%;
align-items: stretch;
flex-flow: wrap;
gap: 2rem 10rem;
margin: 8rem 0;
}
.footer__col {
width: calc(33.33% - 8rem);
justify-content: flex-end;
align-items: flex-start;
}
.footer__menus .footer__col:first-child {
width: calc(33.33% - 4rem);
}
.footer__menus .footer__col:first-child *:last-child {
margin-bottom: 0;
}
.footer__logo {
width: 100%;
max-width: 263px;
aspect-ratio: 263/95;
margin-bottom: 1rem;
}
.footer__logo img {
width: 100%;
}
.footer__menu ul {
width: 100%;
align-items: flex-start;
gap: 2.4rem;
margin: 0;
padding: 0;
list-style: none;
}
.footer__menu ul li.menu-item {
font-size: var(--fontSize500);
max-width: 260px;
text-wrap: initial;
}
@media (max-width: 1440px) {
.footer__menu ul li.menu-item {
max-width: 250px;
}
}
.footer__rs ul {
gap: 3.4rem;
}
.footer__rs ul li a {
width: 24px;
height: 24px;
}
.footer__rs a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.footer__mentions {
width: 100%;
border-top: 1px solid var(--grey);
justify-content: space-between;
padding: 3.2rem 0;
}
.footer__mentions .footer__menu ul {
flex-flow: wrap;
}
.footer__mentions .footer__menu ul li.menu-item {
font-size: var(--fontSize450);
}
@media (max-width: 768px) {
.footer__menus {
margin: 6rem 0 4rem 0;
gap: 2.4rem;
}
.footer__col, .footer__menus .footer__col:first-child {
width: 100%;
}
.footer__menu ul li.menu-item {
max-width: 100%;
}
.footer__col br {
display: none;
}
.footer__logo {
max-width: 200px;  
}
}
@media (max-width: 600px) {
.footer__mentions {
flex-direction: column-reverse;
gap: 2.4rem;
}
}
.intro {
position: relative;
z-index: 2;
justify-content: space-between;
width: 100%;
color: var(--white);
gap: 6rem;
padding: 16rem 0 18rem 0;
}
.introvideo, .introtext, .introclassic {
padding: 18rem 0 10rem 0;
}
.introtext, .introclassic {
justify-content: center;
}
.intro::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
background: linear-gradient(45deg, var(--blue) 0%, var(--blue2) 100%);
transform: translateX(-50%);
}
.intro__slider {
position: relative;
max-width: calc(50% - 3rem);
max-height: 534px;
}
.acf-block-preview .intro__slider {
max-width: 100%;
height: 534px;
overflow: auto;
}
.intro__slider .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 32px;
}
.intro__img {
position: relative;
max-width: calc(50% - 3rem);
max-height: 80vh;
}
.introbase .intro__img::after,
.intro__slider::after {
content: "";
position: absolute;
z-index: 2;
top: 100%;
left: 60%;
width: 20%;
height: auto;
aspect-ratio: 142/91;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-3.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-65%);
}
.intro__slider::after {
top: 20%;
left: 100%;
transform: translateX(-75%);
}
.introvideo .intro__img.picto::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 104px;
height: auto;
aspect-ratio: 1/1;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/play.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
}
.intro__img figure,
.intro__slider figure {
width: 100%;
}
.intro__img img,
.intro__slider img {
width: 100%;
height: auto;
border-radius: 16px;
object-fit: cover;
}
.intro__text {
width: calc(50% - 3rem);
align-items: flex-start;
}
.introtext .intro__text {
width: 100%;
max-width: 1080px;
}
.introclassic .intro__text {
width: 100%;
max-width: 760px;
}
.intro__text h1, .underline {
margin: 0 0 4rem 0;
position: relative;
}
.underline {
margin: 2rem 0;
}
.intro__text h1::after, .underline::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-width: 350px;
height: auto;
aspect-ratio: 100/5;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-titre.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.intro__text p {
margin: 0;
color: var(--white);
}
.introtext .intro__text p {
font-size: var(--fontSize700);
letter-spacing: -0.1rem;
line-height: 140%;
}
.introtext h1 {
width: auto;
font-size: var(--fontSize400);
font-weight: 600;
line-height: 120%;
letter-spacing: -0.05rem;
margin: 0;
}
.introtext h1::after, .introclassic h1::after {
display: none;
}
.introvideo label, .introtext label, .singleintro label {
display: flex;
justify-content: center;
align-items: center;
padding: 1.2rem 1.8rem;
font-size: var(--fontSize400);
font-weight: 600;
background-color: rgba(115, 133, 165, 0.2);
color: var(--white);
border-radius: 16px;
box-sizing: border-box;
margin-bottom: 1.6rem;
}
.introtext label {
font-weight: 500;
padding: 0;
background-color: unset;
margin-bottom: 3rem;
border-radius: unset;
}
.intro__clients {
width: 100%;
max-width: 500px;
}
.intro__clients .swiper-wrapper {
align-items: center;
}
.acf-block-preview .intro__clients .swiper-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.intro__clients .swiper {
width: 100%;
height: auto;
}
.intro__clients .swiper-slide {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.intro__clients .swiper-slide figure,
.intro__clients .swiper-slide img {
width: 100%;
max-width: 100%;
height: auto;
}
.intro__text h1 strong {
font-weight: 700;
}
@media (max-width: 1440px) { }
@media (max-width: 1380px) {
.intro::after {
max-width: 100%;
height: 50px;
}
}
@media (max-width: 768px) {
.intro {
gap: 4rem;
flex-direction: column;
padding: 12rem 0 8rem 0;
}
.intro br {
display: none;
}
.intro__text {
width: 100%;
}
.intro__text h1 {
margin: 0 0 4rem 0;
}
.intro__slider {
max-width: 100%;
}
.intro__img {
width: 100%;
max-width: 100%;
max-height: unset;
}
.intro__text .links {
flex-direction: column;
align-items: flex-start;
}
.intro__text .links a.btn {
width: 100%;
max-width: 400px;
}
.intro__clients {
max-width: 350px;
}
.introclassic .intro__text h1 {
margin: 0 0 2rem 0;
}
.introclassic *:not(.btn) {
text-align: left!important;
}
.introtext, .introvideo, .introclassic {
padding: 12rem 0 4rem 0;
}
.introtext h1 {
margin: 0;
}
.introtext label {
margin-bottom: 1.6rem;
}
.introtext .intro__text p {
font-size: var(--fontSize550);
}
}
.atouts {
position: relative;
z-index: 3;
width: 100%;
}
.atouts__inner {
width: 100%;
height: auto;
justify-content: space-between;
align-items: flex-start;
flex-flow: wrap;
padding: 4.8rem 8rem;
gap: 2rem;
box-sizing: border-box;
border-radius: 16px;
background-color: var(--white);
box-shadow: 0 4px 80px 0 rgba(40,60,93,0.1);
}
.atouts__inner.absolute {
transform: translateY(-50%);
}
.atouts__inner.static {
margin: 4rem 0;
}
.atouts__item {
width: calc(20% - 1.6rem);
text-align: center;
}
.atouts__item img {
width: 28px;
height: 28px;
object-fit: contain;
}
.atouts__inner p {
font-weight: 600;
line-height: 140%;
}
.atouts__inner p:last-child {
margin-bottom: 0;
}
@media (max-width: 1280px) {
.atouts__inner,
.atouts__inner.absolute,
.atouts__inner.static {
position: relative;
top: unset;
left: unset;
max-width: 600px;
gap: 4rem;
margin: 4rem 0;
padding: 4.8rem;
transform: unset;
justify-content: center;
}
.atouts__inner.absolute {
margin: 0 0 4rem 0;
transform: translateY(-4rem);
}
.atouts__item {
width: calc(50% - 2rem);
}
}
@media (max-width: 768px) {
.atouts__inner,
.atouts__inner.absolute,
.atouts__inner.static {
margin-bottom: 0;
}
}
@media (max-width: 600px) {
.atouts__inner,
.atouts__inner.absolute,
.atouts__inner.static {
padding: 4.8rem 2rem;
}
.atouts__item {
width: 100%;
}
}
.temoignages {
position: relative;
z-index: 2;
width: 100%;
padding: 10rem 0 12rem 0;
color: var(--white);
}
.temoignages::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
background: var(--grey);
transform: translateX(-50%);
}
.temoignages__slider {
width: 100%;
overflow: visible!important;
margin-top: 1rem;
}
.temoignages__slider .swiper-wrapper {
align-items: stretch;
}
.temoignages__item {
display: flex!important;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 3.2rem;
background-color: var(--white);
border-radius: 16px;
color: var(--blue);
box-sizing: border-box;
height: auto!important;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/favicon-background.svg);
background-size: 80% 80%;
background-repeat: no-repeat;
background-position: center;
}
.temoignages__item__img {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 56px;
}
.temoignages__item__img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 56px;
height: 56px;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/citation.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.temoignages__item__img img {
width: auto;
height: 56px;
}
.temoignages__item p {
font-size: var(--fontSize500);
line-height: 130%;
}
.temoignages__item__name {
margin-top: auto;
font-weight: 600;
}
.temoignages_user_item {
border-radius: 16px;
background-color: var(--blue);
color: var(--white);
padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/favicon-background.svg);
background-size: 80% 80%;
background-repeat: no-repeat;
background-position: center;
}
.temoignages_experts__item {
border-radius: 16px;
background-color: var(--grey3);
color: var(--blue);
padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/favicon-background.svg);
background-size: 80% 80%;
background-repeat: no-repeat;
background-position: center;
}
.temoignagesNew .columns-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 768px) {
.temoignagesNew .columns-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.cta {
position: relative;
z-index: 2;
width: 100%;
max-width: 1128px;
padding: 6.4rem;
box-sizing: border-box;
background-color: var(--yellow);
border-radius: 16px;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/favicon-background-2.svg);
background-size: auto 100%;
background-position: calc(100% - 6.4rem) 0;
background-repeat: no-repeat;
}
.cta__col {
width: 50%;
}
.cta__col.left {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 1.6rem 2rem;
}
.cta__list {
width: calc(50% - 1rem);
}
.cta h2 {
font-size: var(--fontSize800);
letter-spacing: -0.3rem;
margin: 0 0 4.7rem 1.6rem;
position: relative;
}
.cta h2::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-width: 400px;
height: auto;
aspect-ratio: 100/5;
background-image: url(https://sign.vet/wp-content/themes/signvet/assets/chart/crayonne-titre-2.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.cta ul {
justify-content: flex-start;
align-items: flex-start;
list-style: url(https://sign.vet/wp-content/themes/signvet/assets/chart/check.svg);
gap: 1.6rem;
margin: 0;
padding-left: 2rem;
}
.cta ul li {
font-weight: 600;
padding-left: 1rem;
}
.cta__col .links {
align-items: flex-end;
flex-direction: column;
gap: 1.6rem;
margin: 0;
}
.cta .links a.btn {
padding: 2.4rem;
width: 100%;
max-width: 291px;
}
.cta__col.right.solo {
width: 100%;
}
.cta__col.right.solo .links {
align-items: center;
}
@media (max-width: 1280px) {
.cta__list {
width: 100%;
}
}
@media (max-width: 768px) {
.cta {
flex-direction: column;
padding: 3.2rem 2.4rem;
gap: 4rem;
}
.cta__col {
width: 100%;
}
.cta__col.right .links{
align-items: flex-start;
}
.cta h2 {
font-size: var(--fontSize700);
letter-spacing: -0.2rem;
margin: 0 0 3rem 0;
margin-left: 0;
}
.cta ul {
padding-left: 4rem;
}
}
.onglets {
position: relative;
z-index: 2;
width: 100%;
}
.onglets__nav {
position: relative;
z-index: 3;
align-items: flex-start;
flex-flow: wrap;
gap: 0.8rem;
}
.onglets__nav a.nav__item {
padding: 2rem 3.2rem;
background-color: var(--grey3);
border-radius: 16px;
text-decoration: none;
gap: 0.8rem;
transition: all 0.3s;
}
.onglets__nav a.nav__item.active {
background-color: var(--blue2);
}
.onglets__nav a.nav__item img {
width: 24px;
height: auto;
aspect-ratio: 1/1;
object-fit: contain;
}
.onglets__nav a.nav__item.active img {
filter: brightness(0) invert(1);
}
.onglets__nav__text {
font-weight: 600;
color: var(--blue);
}
.onglets__nav a.nav__item.active .onglets__nav__text {
color: var(--white);
}
.onglets__onglets {
position: relative;
z-index: 2;
width: 100%;
padding: 4rem 0;
}
.onglets__onglet {
display: none;
width: 100%;
}
.onglets__onglet.active {
display: flex;
}
.onglets__content {
width: 100%;
max-width: 490px;
}
.onglets__image {
width: 50%;
}
@media (max-width: 1000px) {
.onglets__nav {
flex-flow: wrap;
}
.onglets__nav__separator {
display: none;
}
}
@media (max-width: 768px) {
.onglets__onglets::after {
border-top: 2px solid var(--green);
}
.onglets__onglets::before {
display: none;
}
.onglets__nav__date {
font-size: var(--fontSize600);
}
.onglets__nav__nbr {
width: 5rem;
height: 5rem;
font-size: var(--fontSize500);
}
.onglets__onglet {
flex-direction: column;
gap: 2rem;
max-width: 600px;
}
.onglets__content {
width: 100%;
}
.onglets__image {
width: 100%;
}
}
.contactForm {
position: relative;
z-index: 2;
width: 100%;
margin-top: 1.6rem;
}
.contactForm__inner {
width: 100%;
max-width: 757px;
gap: 20px;
flex-flow: wrap;
}
.contactForm__inner h2 {
color: var(--blue);
text-align: center;
}
.contactForm__inner span.wpcf7-form-control-wrap {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}
.contactForm__inner span.wpcf7-form-control-wrap[data-name="message"] {
width: 100%;
}
.contactForm__inner span.wpcf7-form-control-wrap input,
.contactForm__inner span.wpcf7-form-control-wrap textarea,
.contactForm__inner span.wpcf7-form-control-wrap select {
width: 100%;
background-color: var(--grey3);
padding: 2.4rem 1.6rem;
border: unset;
font-family: var(--font1);
font-size: var(--fontSize400);
color: var(--blue);
border-radius: 8px;
box-sizing: border-box;
}
.contactForm__inner span.wpcf7-form-control-wrap select {
width: 100%;
appearance: none;
}
.contactForm__inner .contactForm__labeluse {
position: relative;
width: 100%;
}
.contactForm__inner .contactForm__labeluse label {
position: absolute;
z-index: 2;
top: 50%;
left: 1.6rem;
transform: translateY(-50%);
transition: all 0.3s;
}
.contactForm__inner .contactForm__labeluse.active label {
transform: translateY(-100%) scale(0.8);
transform-origin: top left;
}
.contactForm__inner .contactForm__labeluse span.wpcf7-form-control-wrap input,
.contactForm__inner .contactForm__labeluse span.wpcf7-form-control-wrap textarea,
.contactForm__inner .contactForm__labeluse span.wpcf7-form-control-wrap select {
padding: 3.6rem 1.6rem 1.2rem 1.6rem;
}
.contactForm__inner span.wpcf7-form-control-wrap[data-name="typesociete"] {
position: relative;
}
.contactForm__inner span.wpcf7-form-control-wrap[data-name="typesociete"]::before {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 20px;
background-image: url(//sign.vet/wp-content/themes/signvet/assets/chart/arrow-select.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: translateY(-50%);
}
.contactForm__inner span.wpcf7-form-control-wrap textarea {
resize: vertical;
}
.contactForm__inner span.wpcf7-form-control-wrap input::placeholder,
.contactForm__inner span.wpcf7-form-control-wrap textarea::placeholder {
color: var(--black);
}
.contactForm__full {
width: 100%;
gap: 20px;
}
.contactForm__last,
.contactForm__captcha,
.kc_captcha .wpcf7-form-control {
width: 100%;
}
.kc_captcha .captcha-image {
width: 100%;
border: unset;
background-color: var(--grey3);
border-radius: 8px;
color: var(--black);
font-family: var(--font1);
font-size: 16px;
box-sizing: border-box;
padding: 2.4rem 1.6rem;
}
.contactForm__full span.wpcf7-form-control-wrap {
width: 100%;
}
.contactForm__inner input[type="submit"]{
appearance: none;
padding: 2.6rem 4rem;
align-self: flex-start;
font-size: var(--fontSize450);
font-weight: 600;
}
.contactForm__inner input[type="submit"]:disabled {
opacity: .3;
}
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"] {
position: relative;
width: 30px;
height: 30px;
appearance: none;
padding: 10px;
border-radius: 0;
margin: 0;
margin-right: 10px;
background-color: var(--grey3);
border: unset;
border-radius: 3px;
}
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked::before,
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 3px;
border-radius: 100px;
background-color: var(--blue);
transform: translate(-10px, 0px) rotate(45deg);
}
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked:after {
width: 15px;
transform: translate(-3px, -2.5px) rotate(-45deg);
}
.contactForm__inner span.wpcf7-form-control-wrap label {
display: flex;
}
.contactForm__inner span.wpcf7-form-control-wrap span.wpcf7-list-item-label {
display: block;
width: calc(100% - 50px);
font-size: 16px;;
font-weight: 400;
color: var(--black);
}
.contactForm .wpcf7-not-valid-tip {
font-size: var(--fontSize300);
margin-top: 4px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
background-color: #46b450;
color: var(--white);
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232;
background-color: #dc3232;
color: var(--white);
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; 
background-color: #f56e28;
color: var(--white);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900;
background-color: #ffb900;
color: var(--white);
}
.wpcf7 form .wpcf7-response-output {
width: 100%;
margin: 0;
padding: 10px 20px;
border-radius: 8px;
box-sizing: border-box;
}
.wpcf7-list-item {
margin: 0;
}
@media (max-width: 800px) {
.contactForm__inner {
gap: 20px;
}
.contactForm__inner span.wpcf7-form-control-wrap {
width: calc(50% - 10px);
}
.contactForm__full span.wpcf7-form-control-wrap {
width: 100%;
}
.contactForm__inner span.wpcf7-form-control-wrap[data-name="captcha-170"],
.contactForm__inner span.wpcf7-form-control-wrap[data-name="message"],
.contactForm__inner span.wpcf7-form-control-wrap[data-name="rgpd"] {
width: 100%
}
}
@media (max-width: 450px) {
.contactForm__inner {
gap: 10px;
}
.contactForm__inner span.wpcf7-form-control-wrap {
width: 100%;
}
.contactForm__inner span.wpcf7-form-control-wrap input, 
.contactForm__inner span.wpcf7-form-control-wrap textarea, 
.contactForm__inner span.wpcf7-form-control-wrap select {
border-radius: 22px;
}
}
.accordeon {
width: 100%;
align-items: flex-start;
justify-content: space-between;
gap: 2.6rem;
}
.accordeon__sections {
position: relative;
align-items: flex-start;
gap: 0.8rem 2rem;
}
.accordeon__sections__item {
position: relative;
padding: 1rem 2.1rem;
text-decoration: none;
gap: 0.8rem;
font-size: var(--fontSize450);
font-weight: 600;
color: var(--grey);
transition: all 0.3s;
}
.accordeon__sections__item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background-color: var(--yellow);
transition: all 0.3s;
transform: scaleY(0);
}
.accordeon__sections__item.active::before {
transform: scaleY(1);
}
.accordeon__sections__item.active {
color: var(--blue);
}
.accordeon__onglets__item {
display: none;
max-width: 1080px;
}
.accordeon__onglets__item.active {
display: flex;
}
.accordeon__item {
position: relative;
width: 100%;
align-items: flex-start;    
overflow: hidden;
padding: 2rem 0;
border-top: 1px solid var(--grey3);
}
.accordeon__item:last-child {
border-bottom: 1px solid var(--grey3);
}
.accordeon__item__title {
position: relative;
width: 100%;
font-size: var(--fontSize500);
font-weight: 600;
cursor: pointer;
margin: 2.6rem 0;
}
.accordeon__item__title span {
display: block;
width: 100%;
box-sizing: border-box;
padding-right: 10rem;
}
.accordeon__item__title__icon {
position: relative;
width: 20px;
height: 20px;
margin: 0 20px;
}
.accordeon__item__title__icon::before,
.accordeon__item__title__icon::after {
content: "";
position: absolute;
width: 20px;
height: 3px;
background-color: var(--blue);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.accordeon__item__title__icon::before {
transform: translate(-50%, -50%);
}
.accordeon__item__title__icon::after {
transform: translate(-50%, -50%) rotate(-90deg);
transition: transform 0.5s var(--expoInOut);
}
.accordeon__item__title.active .accordeon__item__title__icon::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.accordeon__item__content {
width: 100%;
height: 0;
overflow: hidden;
}
.accordeon__item__content *:first-child {
margin-top: 0;
}
.accordeon__item__content p {
margin: 1.6rem 0;
}
.accordeon__item__content ul, .accordeon__item__content ol {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
margin: 2.4rem 0;
gap: 1.6rem;
}
.accordeon__item__content ul li, .accordeon__item__content ol li {
font-size: var(--fontSize400);
line-height: 180%;
}
.accordeon__item .links {
margin: 0;
}
@media (max-width: 1280px) {
.accordeon {
flex-direction: column;
}
.accordeon__sections {
flex-direction: row;
flex-flow: wrap;
}
.accordeon__sections__item {
padding: 1rem 0 1rem 0;
}
.accordeon__sections__item::before {
top: 100%;
left: 0;
width: 100%;
height: 3px;
}
}
@media (max-width: 500px) {
.accordeon__item__title span {
padding-right: 2rem;
}
}
.listeCategories {
width: 100%;
margin: 8rem 0 6rem 0;
align-items: flex-start;
flex-flow: wrap;
gap: 1.6rem;
}
.listeCategories .btn {
background-color: var(--grey3);
color: var(--blue);
}
.listeCategories .btn:hover, .listeCategories .btn.active {
background-color: var(--yellow);
}
@media (max-width: 768px) {
.listeCategories {
margin: 4rem 0 4rem 0;
gap: 1rem;
justify-content: flex-start;
}
}
section.blog {
position: relative;
width: 100%;
gap: 8rem 2.4rem;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
padding-bottom: 8rem;
}
.blog .blog__item {
position: relative;
width: calc(33.33% - 1.6rem);
align-items: flex-start;
}
.blog__item__link::before {
content: "";
position: absolute;
z-index: 4;
display: block;
inset: 0;
}
.blog .blog__item__content {
}
.blog .blog__item__content p {
color: var(--black);
margin-bottom: 2rem;
}
.blog .blog__item__header {
margin-bottom: 1rem;
}
.blog .blog__item__title {
font-size: var(--fontSize550);
}
@media (max-width: 1000px) {
.blog .blog__item {
width: calc(50% - 1.2rem);
}
}
@media (max-width: 640px) {
.blog .blog__item {
width: 100%;
}
}
.blog__pagination {
width: 100%;
justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.blog__pagination .nav-links {
display: flex;
justify-content: center;
align-items: center;
flex-flow: wrap;
gap: 6px;
}
.blog__pagination .nav-links span,
.blog__pagination .nav-links a {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
font-size: var(--fontSize400);
font-weight: 600;
color: var(--blue);
background-color: var(--grey3);
text-decoration: none;
border-radius: 16px;
overflow: hidden;
transition: all 0.3s var(--expoInOut);
}
.blog__pagination .nav-links span.current,
.blog__pagination .nav-links a:hover {
background-color: var(--yellow);
color: var(--blue);
}
.single .main {
align-items: flex-start;
margin: 0!important;
}
.single__article {
width: 100%;
margin: 0 0 1rem 0;
}
.single__article h1 {
font-size: var(--fontSize800);
}
.single__main {
width: 100%;
margin-bottom: 8rem;
text-wrap: pretty!important;
}
.single__content {
position: relative;
z-index: 2;
width: 100%;
max-width: 840px;
padding-top: 20px;
}
.single__header {
position: relative;
width: calc(95% - 40px);
max-width: 1000px;
align-items: flex-start;
align-self: center;
margin-bottom: 40px;
}
.single__header::before {
content: "";
position: absolute;
z-index: -1;
top: -20px;
left: -30px;
width: calc(100% + 60px);
height: calc(100% + 40px);
background-color: var(--white);
}
.single__image {
position: relative;
z-index: 2;
width: 100vw;
height: auto;
min-height: 300px;
overflow: hidden;
}
.single__image::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100vw;
height: 100%;
opacity: 0.5;
background-color: var(--blue);
}
.single__image__content {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--maxwidth);
justify-content: flex-start;
align-items: flex-start;
color: var(--white);
padding: 60px 0;
}
.single__image__date {
font-size: var(--fontSize500);
font-weight: 500;
color: var(--white);
}
.single__image img {
position: absolute;
z-index: -2;
top: -40px;
left: -40px;
width: calc(100% + 80px);
max-width: unset;
height: calc(100% + 80px);
object-fit: cover;
filter: blur(10px);
}
.singleintro .intro__text {
max-width: unset;
align-items: center;
text-align: center;
}
.singleintro label {
margin-bottom: 3rem;
}
.singleintro .intro__thumbmarge {
width: 100%;
aspect-ratio: 1128/290;
}
.single__backlink {
font-weight: 600;
text-decoration: none;
align-self: flex-start;
}
.single__backlink img {
width: 1.6rem;
transform: rotate(90deg);
margin-right: 0.6rem;
}
.single__thumb {
position: relative;
z-index: 2;
width: 100%;
aspect-ratio: 1128/317;
}
.single__thumb img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-radius: 16px;
aspect-ratio: 1128/634;
object-fit: cover;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
width: 100%;
margin: 4rem 0;
}
.wp-block-embed-youtube iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
iframe.youtube {
width: 100%;
height: auto;
aspect-ratio: 16/9;
margin: 4rem 0;
}
.single__main ul, .single__main ol {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
margin: 2.4rem 0;
gap: 1.6rem;
}
.single__main ul li, .single__main ol li {
font-size: var(--fontSize400);
line-height: 180%;
}
.single__main h2, .single__main h3 {
margin: 4rem 0;
}
.single__main .wp-block-image {
margin: 4rem 0;
}
.single__article h2,
.post-type-post h2.block-editor-rich-text__editable {
font-family: var(--font1);
font-size: var(--fontSize600);
font-weight: 600;
text-transform: unset;
letter-spacing: normal;
}
.share {
align-items: center;
margin: 4rem 0 2rem 0;
margin-top: 2.6rem;
padding-top: 2.6rem;
border-top: 1px solid var(--grey3);
}
.share__items {
width: 100%;
justify-content: center;
align-items: flex-start;
flex-flow: wrap;
gap: 0.8rem;
margin-top: 1.6rem;
}
.share__items a {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 100%;
background-color: var(--grey3);
transition: all 0.3s var(--expoInOut);
}
.share__items a:hover {
background-color: var(--black);
}
.share__items a img {
width: 20px;
height: 20px;
object-fit: contain;
}
@media (max-width: 1000px) {
.single__main {
flex-direction: column;
gap: 4rem 0;
}
.single__content {
width: 100%;
}
.single__content .share {
margin-bottom: 0;
}
.single__sidebar {
width: 100%;
padding-bottom: 2rem;
}
.single .blog h2 {
margin-bottom: 0;
}
.single .blog__items {
margin-top: 0;
}
.share__items a {
width: 44px;
height: 44px;
}
}
@media (max-width: 768px) {
.singleintro .intro__text {
align-items: flex-start;
}
}
.actualites {
position: relative;
z-index: 2;
width: 100%;
}
.acf-block-preview .actualites .blog__item__link::before {
display: none;
}
.actualites__content {
width: 100%;
align-items: flex-start;
margin-bottom: 3.2rem;
}
.actualites .links {
position: absolute;
top: 0;
right: 0;
width: auto;
margin-top: 1.6rem;
}
.actualites__items {
width: 100%;
align-items: flex-start;
overflow: visible!important;
}
.actualites__item {
position: relative;
}
.acf-block-preview .actualites__item {
width: calc(33.33% - 2rem);
}
.acf-block-preview .actualites__items .swiper-wrapper {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
gap: 3rem;
}
.actualites__item figure, .blog__item figure {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 16/9;
border-radius: 16px;
overflow: hidden;
}
.actualites__item figure img, .blog__item figure img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s var(--expoInOut);
transform: scale(1);
will-change: transform;
}
.actualites__item:hover figure img, .blog__item:hover figure img{
transform: scale(1.1);
}
.blog__item__content {
width: 100%;
align-items: flex-start;
margin-top: 1.6rem; 
} 
.blog__item__date {
color: var(--grey);
font-size: var(--fontSize400);
}
.blog__item__title {
font-weight: 600;
margin-bottom: 0;
}
@media (max-width: 600px) {
.actualites .links {
position: relative;
top: unset;
right: unset;
width: 100%;
margin: 3rem 0 1.6rem 0;
}
}
.is-style-youtube-16-9,
.is-style-youtube-16-9-720 {
width: 100%;
}
.is-style-youtube-16-9-720 {
max-width: 720px;
}
.is-style-youtube-16-9 .wp-block-embed__wrapper,
.is-style-youtube-16-9-720 .wp-block-embed__wrapper {
margin: 0;
}
.is-style-youtube-16-9 iframe,
.is-style-youtube-16-9-720 iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.is-style-img-width-100,
.is-style-img-width-100 img,
.is-style-img-width-100 .components-resizable-box__container {
width: 100%!important;
object-fit: cover;
overflow: hidden;
}
.is-style-no-margin {
margin: 0!important;
}
.wp-block-post-terms a {
text-decoration: none;
}
:where(.wp-block-post-template.is-layout-grid) {
gap: 48px;
}
.wp-block-post-excerpt__more-text {
margin-top: 16px;
}
@media (max-width: 768px) {
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
grid-template-columns: 1fr;
}
:where(.wp-block-post-template.is-layout-grid) {
gap: 24px;
}
}