img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px } .mtsnb div, .mtsnb span, .mtsnb h1, .mtsnb h2, .mtsnb h3, .mtsnb h4, .mtsnb h5, .mtsnb h6, .mtsnb p, .mtsnb blockquote, .mtsnb pre, .mtsnb a, .mtsnb img, .mtsnb dl, .mtsnb dt, .mtsnb dd, .mtsnb ol, .mtsnb ul, .mtsnb li, .mtsnb fieldset, .mtsnb form, .mtsnb label, .mtsnb legend, .mtsnb table, .mtsnb caption, .mtsnb tbody, .mtsnb tfoot, .mtsnb thead, .mtsnb tr, .mtsnb th, .mtsnb td, .mtsnb article, .mtsnb aside, .mtsnb details, .mtsnb footer, .mtsnb header, .mtsnb menu, .mtsnb meter, .mtsnb nav, .mtsnb output, .mtsnb progress, .mtsnb section, .mtsnb summary { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; } .mtsnb { line-height: 1 } .mtsnb article, .mtsnb aside, .mtsnb dialog, .mtsnb figure, .mtsnb footer, .mtsnb header, .mtsnb nav, .mtsnb section, .mtsnb blockquote { display: block } .mtsnb nav ul { list-style: none } .mtsnb ol { list-style: decimal } .mtsnb ul { list-style: disc } .mtsnb ul ul { list-style: circle } .mtsnb blockquote, .mtsnb q { quotes: none } .mtsnb blockquote:before, .mtsnb blockquote:after, .mtsnb q:before, .mtsnb q:after { content: none } .mtsnb table { border-collapse: collapse; border-spacing: 0; } .mtsnb input, .mtsnb select, .mtsnb a img { vertical-align: middle } .mtsnb, .mtsnb *, .mtsnb *:before, .mtsnb *:after { box-sizing: border-box; } .mtsnb .screen-reader-text { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; max-height: 1px; } .mtsnb { text-align: center; position: fixed; top: 0; width: 100%; z-index: 9999; transition: all 0.25s linear; -webkit-backface-visibility: hidden; min-height: 30px; } .mtsnb .mtsnb-container { position: relative; margin-right: auto; margin-left: auto; max-width: 100%; width: 1000px; padding: 10px 60px; line-height: 1.4 } .admin-bar .mtsnb.mtsnb-fixed.mtsnb-top, #wp-toolbar .mtsnb.mtsnb-fixed.mtsnb-top { top: 32px } .mtsnb-container-outer { position: relative } .mtsnb-clearfix:before, .mtsnb-clearfix:after { content: " "; display: table; } .mtsnb-clearfix:after { clear: both } .mtsnb-clearfix { *zoom: 1 } .mtsnb .mtsnb-show { padding: 10px } .mtsnb-hide, .mtsnb-show { position: absolute; right: 20px; background-color: inherit; color: #fff; font-size: 18px!important; line-height: 50px; text-align: center; box-sizing: initial; line-height: 1;} .mtsnb-top .mtsnb-show { bottom: 1px;} .mtsnb-hide { top: 50%; background: transparent; margin-top: -9px!important;} .mtsnb-hide span { display: inline-block; -webkit-transform: rotate(45deg) translate3d(0,0,0); transform: rotate(45deg) translate3d(0,0,0); } .mtsnb-hidden { transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; } .mtsnb-hidden.mtsnb-top { -webkit-transform: translateY(-100%) translate3d(0,0,0); transform: translateY(-100%) translate3d(0,0,0); } .mtsnb-hidden .mtsnb-show { transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; } .mtsnb-hidden.mtsnb-top .mtsnb-show { -webkit-transform: translateY(100%) translate3d(0,0,0); transform: translateY(100%) translate3d(0,0,0); } .mtsnb-shown { transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; -webkit-transform: translateY(0%) translate3d(0,0,0); transform: translateY(0%) translate3d(0,0,0); } .mtsnb-hidden .mtsnb-hide, .mtsnb-shown .mtsnb-show { display: none } body.has-mtsnb { transition: padding-top ease 0.3s, padding-bottom ease 0.3s; width: 100%; height: 100%; float: left; position: relative; box-sizing: border-box; } .mtsnb a { text-decoration: none; color: inherit; } .mtsnb .mtsnb-text, .mtsnb .mtsnb-button, .mtsnb .mtsnb-text, .mtsnb input { margin: .2em .5em } .mtsnb input { padding: 6px 10px; font-size: 12px; border-radius: 3px; color: #666; border: 0; font-family: inherit; } .mtsnb .mtsnb-button { display: inline-block; padding: 6px 10px; font-size: 12px; border-radius: 3px; color: #fff!important; outline: 0; border: 0; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);} .mtsnb .mtsnb-message { display: block }.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232;  font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d;  opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc;  top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before {  animation-name: blink;  animation-duration: 2000ms; } } @keyframes spin { from {  transform: rotate(0deg); }  to {  transform: rotate(360deg); } } @keyframes blink { from {  opacity: 0; }  50% {  opacity: 1; }  to {  opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } span.eeb-nodis {   display:none !important; } span.eeb-rtl {   unicode-bidi:bidi-override !important;   direction:rtl !important;   display:inline !important; } span.eeb-rtl span.eeb-sd, span.eeb-nrtl span.eeb-sd{ display:inline !important; padding-left:0 !important; } span.eeb-nrtl {   word-break: break-all !important; } .eeb-encoded {   position:relative;   margin-top:-0.3em;   z-index:1000;   color:green; } .vyv-loading {   display: inline-block;   height: 32px;   width: 32px;   background-size: 32px;   background-repeat: no-repeat;   background-position: center;   background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='//www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z' fill='%23482683' fill-opacity='1'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='-90 64 64' dur='2000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E"); } .tweet-text a {   color: rgb(27, 149, 224); } .tweet-text a:hover {   text-decoration: underline; }  [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {   transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {   transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {   transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {   transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {   transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {   transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {   transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {   transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {   transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {   transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {   transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {   transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {   transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {   transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {   transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {   transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {   transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {   transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {   transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {   transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {   transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {   transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {   transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {   transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {   transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {   transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {   transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {   transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {   transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {   transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {   transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {   transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {   transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {   transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {   transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {   transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {   transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {   transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {   transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {   transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {   transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {   transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {   transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {   transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {   transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {   transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {   transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {   transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {   transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {   transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {   transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {   transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {   transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {   transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {   transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {   transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {   transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {   transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {   transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {   transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {   transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {   transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {   transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {   transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {   transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {   transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {   transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {   transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {   transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {   transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {   transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {   transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {   transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {   transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {   transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {   transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {   transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {   transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {   transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {   transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {   transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {   transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {   transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {   transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {   transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {   transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {   transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {   transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {   transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {   transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {   transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {   transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {   transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {   transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {   transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {   transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {   transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {   transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {   transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {   transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {   transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {   transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {   transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {   transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {   transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {   transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {   transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {   transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {   transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {   transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {   transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {   transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {   transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {   transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {   transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {   transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {   transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {   transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {   transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {   transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {   transition-delay: 3s; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] {   transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] {   transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] {   transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] {   transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] {   transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] {   transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] {   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] {   transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] {   transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] {   transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {   transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] {   transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] {   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] {   transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] {   transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] {   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] {   transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] {   transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] {   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] {   transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^="fade"][data-aos^="fade"] {   opacity: 0;   transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate {   opacity: 1;   transform: translateZ(0); } [data-aos="fade-up"] {   transform: translate3d(0, 100px, 0); } [data-aos="fade-down"] {   transform: translate3d(0, -100px, 0); } [data-aos="fade-right"] {   transform: translate3d(-100px, 0, 0); } [data-aos="fade-left"] {   transform: translate3d(100px, 0, 0); } [data-aos="fade-up-right"] {   transform: translate3d(-100px, 100px, 0); } [data-aos="fade-up-left"] {   transform: translate3d(100px, 100px, 0); } [data-aos="fade-down-right"] {   transform: translate3d(-100px, -100px, 0); } [data-aos="fade-down-left"] {   transform: translate3d(100px, -100px, 0); } [data-aos^="zoom"][data-aos^="zoom"] {   opacity: 0;   transition-property: opacity, transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate {   opacity: 1;   transform: translateZ(0) scale(1); } [data-aos="zoom-in"] {   transform: scale(0.6); } [data-aos="zoom-in-up"] {   transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos="zoom-in-down"] {   transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos="zoom-in-right"] {   transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos="zoom-in-left"] {   transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos="zoom-out"] {   transform: scale(1.2); } [data-aos="zoom-out-up"] {   transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos="zoom-out-down"] {   transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos="zoom-out-right"] {   transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos="zoom-out-left"] {   transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^="slide"][data-aos^="slide"] {   transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate {   transform: translateZ(0); } [data-aos="slide-up"] {   transform: translate3d(0, 100%, 0); } [data-aos="slide-down"] {   transform: translate3d(0, -100%, 0); } [data-aos="slide-right"] {   transform: translate3d(-100%, 0, 0); } [data-aos="slide-left"] {   transform: translate3d(100%, 0, 0); } [data-aos^="flip"][data-aos^="flip"] {   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   transition-property: transform; } [data-aos="flip-left"] {   transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate {   transform: perspective(2500px) rotateY(0); } [data-aos="flip-right"] {   transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate {   transform: perspective(2500px) rotateY(0); } [data-aos="flip-up"] {   transform: perspective(2500px) rotateX(-100deg); } [data-aos="flip-up"].aos-animate {   transform: perspective(2500px) rotateX(0); } [data-aos="flip-down"] {   transform: perspective(2500px) rotateX(100deg); } [data-aos="flip-down"].aos-animate {   transform: perspective(2500px) rotateX(0); }  html {   line-height: 1.15;   -webkit-text-size-adjust: 100%; } body {   margin: 0; } main {   display: block; } h1 {   font-size: 2em;   margin: 0.67em 0; } hr {   box-sizing: content-box;   height: 0;   overflow: visible; } pre {   font-family: monospace, monospace;   font-size: 1em; } a {   background-color: transparent; } abbr[title] {   border-bottom: none;   text-decoration: underline;   -webkit-text-decoration: underline dotted;   text-decoration: underline dotted; } b, strong {   font-weight: bolder; } code, kbd, samp {   font-family: monospace, monospace;   font-size: 1em; } small {   font-size: 80%; } sub, sup {   font-size: 75%;   line-height: 0;   position: relative;   vertical-align: baseline; } sub {   bottom: -0.25em; } sup {   top: -0.5em; } img {   border-style: none; } button, input, optgroup, select, textarea {   font-family: inherit;   font-size: 100%;   line-height: 1.15;   margin: 0; } button, input {   overflow: visible; } button, select {   text-transform: none; } [type="button"], [type="reset"], [type="submit"], button {   -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {   border-style: none;   padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring {   outline: 1px dotted ButtonText; } fieldset {   padding: 0.35em 0.75em 0.625em; } legend {   box-sizing: border-box;   color: inherit;   display: table;   max-width: 100%;   padding: 0;   white-space: normal; } progress {   vertical-align: baseline; } textarea {   overflow: auto; } [type="checkbox"], [type="radio"] {   box-sizing: border-box;   padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {   height: auto; } [type="search"] {   -webkit-appearance: textfield;   outline-offset: -2px; } [type="search"]::-webkit-search-decoration {   -webkit-appearance: none; } ::-webkit-file-upload-button {   -webkit-appearance: button;   font: inherit; } details {   display: block; } summary {   display: list-item; } [hidden], template {   display: none; } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {   margin: 0; } button {   background-color: transparent;   background-image: none; } button:focus {   outline: 1px dotted;   outline: 5px auto -webkit-focus-ring-color; } fieldset, ol, ul {   margin: 0;   padding: 0; } ol, ul {   list-style: none; } html {   font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell,   Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial,   Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;   line-height: 1.5; } *, :after, :before {   box-sizing: border-box;   border: 0 solid; } hr {   border-top-width: 1px; } img {   border-style: solid; } textarea {   resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder {   color: #a0aec0; } input:-ms-input-placeholder, textarea:-ms-input-placeholder {   color: #a0aec0; } input::placeholder, textarea::placeholder {   color: #a0aec0; } [role="button"], button {   cursor: pointer; } table {   border-collapse: collapse; } h1, h2, h3, h4, h5, h6 {   font-size: inherit;   font-weight: inherit; } a {   color: inherit;   text-decoration: inherit; } button, input, optgroup, select, textarea {   padding: 0;   line-height: inherit;   color: inherit; } code, kbd, pre, samp {   font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,   Courier New, monospace; } audio, canvas, embed, iframe, img, object, svg, video {   display: block;   vertical-align: middle; } img, video {   max-width: 100%;   height: auto; } html {   scroll-behavior: smooth; } body {   background-color: var(--vyv-blanc);   font-family: Wigrum, Helvetica, Arial, sans-serif;   font-weight: 400;   font-size: 1rem;   line-height: 1.625;   color: var(--vyv-gris-texte);   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;   position: relative; } h1, h2 {   margin-bottom: 1.5rem; } h3 {   margin-bottom: 1rem; } p + p {   margin-top: 1.5rem; } a:focus, button:focus, svg:focus {   outline: 0; } select {   -webkit-appearance: none;   -moz-appearance: none;   appearance: none;   cursor: pointer;   background-color: transparent;   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23472583' height='8' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.99l-.02-.23c-.07-.88-.4-1.5-.91-1.7-.24-.08-.71-.16-1.24.36L5 4.35 2.2.45 2.16.4C1.64-.1 1.17-.02.93.07.43.27.1.88.02 1.76L0 1.99 5 8l5-6.01z'/%3E%3C/svg%3E");   background-position-x: 100%;   background-position-y: 9px;   background-repeat: no-repeat;   fill: currentColor;   padding: 0.25rem 1rem 0.25rem 0.25rem; } select:hover {   text-decoration: underline; } select:focus {   outline: 0; } select option {   padding: 0.5rem; } section:not(.auto) {   overflow: hidden; } @font-face {   font-family: Wigrum;   font-stretch: normal;   font-style: normal;   font-weight: 200;   src: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Wigrum/Wigrum-Light.woff2) format("woff2"),   url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Wigrum/Wigrum-Light.woff) format("woff"); } @font-face {   font-family: Wigrum;   font-stretch: normal;   font-style: normal;   font-weight: 400;   src: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Wigrum/Wigrum-Regular.woff2) format("woff2"),   url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Wigrum/Wigrum-Regular.woff) format("woff"); } @font-face {   font-family: Wigrum;   font-stretch: normal;   font-style: normal;   font-weight: 500;   src: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Wigrum/Wigrum-Medium.woff2) format("woff2"),   url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Wigrum/Wigrum-Medium.woff) format("woff"); } @font-face {   font-family: Wigrum;   font-stretch: normal;   font-style: normal;   font-weight: 700;   src: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Wigrum/Wigrum-Bold.woff2) format("woff2"),   url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Wigrum/Wigrum-Bold.woff) format("woff"); } @font-face {   font-family: Aria;   font-stretch: normal;   font-style: normal;   font-weight: 700;   src: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Aria/ariatextg1-bold-webfont.woff2) format("woff2"),   url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Aria/ariatextg1-bold-webfont.woff) format("woff"); } @font-face {   font-family: Aria;   font-stretch: normal;   font-style: normal;   font-weight: 400;   src: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Aria/ariatextg1-webfont.woff2) format("woff2"),   url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Aria/ariatextg1-webfont.woff) format("woff"); } .container {   width: 100%;   margin-right: auto;   margin-left: auto; } @media (min-width: 576px) {   .container {     max-width: 576px;   } } @media (min-width: 768px) {   .container {     max-width: 768px;   } } @media (min-width: 992px) {   .container {     max-width: 992px;   } } @media (min-width: 1200px) {   .container {     max-width: 1200px;   } } .btn {   display: inline-flex;   align-items: center;   position: relative;   justify-content: center;   border-width: 2px;   cursor: pointer;   background-color: transparent;   font-weight: 700;   line-height: 1;   font-size: 0.875rem;   padding-left: 1.5rem;   padding-right: 1.5rem;   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);   overflow: hidden;   height: 52px;   min-width: 190px;   letter-spacing: -0.05em; } .btn, .btn .icon {   transition-duration: 0.3s; } .btn .icon {   position: absolute;   transition-property: all;   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);   right: 0.5rem;   top: 1.1rem;   width: 9px; } @media (min-width: 576px) {   .btn {     padding-left: 2.5rem;     padding-right: 2.5rem;     letter-spacing: 0;   } } html:not(.apple) .btn {   line-height: 150%;   padding-bottom: 0.2em; } .btn-90deg .icon {   transform: rotate(90deg); } .btn-submit {   min-width: 236px; } .btn-primary, .btn-violet {   border-color: transparent;   background-color: var(--vyv-violet);   color: var(--vyv-blanc); } @media (min-width: 992px) {   .btn-primary,   .btn-violet {     background-color: transparent;     border-color: var(--vyv-violet);     color: var(--vyv-violet);   }   .btn-primary:focus,   .btn-primary:hover,   .btn-violet:focus,   .btn-violet:hover {     border-color: transparent;     background-color: var(--vyv-violet);     color: var(--vyv-blanc);   } } .btn-primary-reverse, .btn-violet-reverse {   border-color: transparent;   background-color: var(--vyv-violet);   color: var(--vyv-blanc); } .btn-primary-reverse:focus, .btn-primary-reverse:hover, .btn-violet-reverse:focus, .btn-violet-reverse:hover {   background-color: transparent;   border-color: var(--vyv-violet);   color: var(--vyv-violet); } .btn-green {   border-color: transparent;   background-color: var(--vyv-vert-moyen);   color: var(--vyv-blanc); } @media (min-width: 992px) {   .btn-green {     background-color: transparent;     border-color: var(--vyv-vert-moyen);     color: var(--vyv-vert-moyen);   }   .btn-green:focus,   .btn-green:hover {     border-color: transparent;     background-color: var(--vyv-vert-moyen);     color: var(--vyv-blanc);   } } .btn-blue {   border-color: transparent;   background-color: #3182c4;   color: var(--vyv-blanc); } @media (min-width: 992px) {   .btn-blue {     background-color: transparent;     border-color: #3182c4;     color: #3182c4;   }   .btn-blue:focus,   .btn-blue:hover {     border-color: transparent;     background-color: #3182c4;     color: var(--vyv-blanc);   } } .btn-blue-lake {   border-color: transparent;   background-color: #007c9e;   color: var(--vyv-blanc); } @media (min-width: 992px) {   .btn-blue-lake {     background-color: transparent;     border-color: var(--vyv-bleu-fonce);     color: var(--vyv-bleu-fonce);   }   .btn-blue-lake:focus,   .btn-blue-lake:hover {     border-color: transparent;     background-color: var(--vyv-bleu-fonce);     color: var(--vyv-blanc);   } } .btn-white {   border-color: transparent;   background-color: var(--vyv-blanc);   color: var(--vyv-violet); } @media (min-width: 992px) {   .btn-white {     background-color: transparent;     border-color: var(--vyv-blanc);     color: var(--vyv-blanc);   }   .btn-white:focus,   .btn-white:hover {     border-color: transparent;     background-color: var(--vyv-blanc);     color: var(--vyv-violet);   } } .btn-download .icon {   position: relative;   display: inline-block;   width: 30px;   top: inherit;   right: inherit;   margin-left: 13px; } .blockquote {   font-family: Wigrum, Helvetica, Arial, sans-serif;   font-size: 1.5625rem;   line-height: 1.375;   color: #878786;   background-color: var(--vyv-blanc);   padding-top: 1.5rem;   padding-bottom: 1.5rem;   position: relative; } .blockquote footer {   font-family: Wigrum, Helvetica, Arial, sans-serif;   font-size: 1rem;   line-height: 1.375;   color: var(--vyv-violet);   margin-top: 1rem; } .blockquote .icon {   fill: currentColor;   color: var(--vyv-violet);   position: absolute;   top: 0;   right: 0;   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   margin-right: 1rem;   transform: translateY(-60%); } @media (min-width: 992px) {   .blockquote .icon {     transform: translateY(-100%);   } } @media (min-width: 992px) {   .blockquote.offset {     transform: translateX(-70px);   } } @media (min-width: 992px) {   .blockquote {     padding-left: 3rem;   } } .square {   position: relative;   background-color: var(--vyv-blanc);   color: var(--vyv-violet);   cursor: pointer;   overflow: hidden;   background-repeat: no-repeat;   background-position: bottom;   height: 12rem;   padding: 0.5rem; } .square, .square:before {   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-duration: 0.4s; } .square:before {   content: "";   position: absolute;   display: block;   top: 0;   right: 0;   bottom: 0;   left: 0;   background-color: transparent;   z-index: 0; } @media (min-width: 768px) {   .square {     padding: 1rem;   } } @media (min-width: 992px) {   .square {     padding: 0.5rem;   } } @media (min-width: 1200px) {   .square {     padding-top: 1.5rem;     padding-bottom: 1.5rem;   } } .square-title {   position: relative;   line-height: 1.375;   text-align: center;   font-weight: 700;   z-index: 10;   font-size: 0.75rem; } @media (min-width: 768px) {   .square-title {     font-size: 1rem;   } } @media (min-width: 992px) {   .square-title {     font-size: 0.75rem;   } } @media (min-width: 1200px) {   .square-title {     font-size: 1rem;   } } .square-desc {   position: relative;   font-size: 0.75rem;   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-duration: 0.4s;   opacity: 0;   z-index: 10;   transform: translateY(16rem); } @media (min-width: 768px) {   .square-desc {     font-size: 0.8125rem;   } } @media (min-width: 992px) {   .square-desc {     font-size: 0.75rem;   } } @media (min-width: 1200px) {   .square-desc {     font-size: 0.8125rem;   } } .square:hover {   color: var(--vyv-blanc); } .square:hover:before {   background-color: #007c9e; } .square:hover .square-desc {   opacity: 1;   color: var(--vyv-blanc);   transform: translateY(0); } .download-item {   display: flex; } .key-item {   text-align: center;   line-height: 1.25;   position: relative; } .key-item:before {   content: "";   display: block;   width: 1px;   height: 124px;   background-color: #9A9A99;   position: absolute;   top: 50%;   left: 0;   z-index: 5;   transform: translateY(-50%); } .isedge .key-item:before, .tns-slide-active + .slide[aria-hidden="true"] .key-item:before, [aria-hidden="true"] + .slide .key-item:before {   display: none; } .key-image {   margin-left: auto;   margin-right: auto;   margin-bottom: 1rem; } .key-data {   font-size: 2.1875rem;   font-weight: 700;   color: var(--vyv-violet-fonce); } .actu-link, .savoirfaire-link {   display: flex;   flex-direction: column;   height: 100%;   min-height: 455px; } .actu-link img, .savoirfaire-link img {   width: 100%;   transition-property: transform;   transition-duration: 0.15s; } .actu-link--comm .actu-surtitle {   margin-bottom: 1.5rem; } .actu-link--comm .actu-desc {   padding-top: 1.6rem;   padding-bottom: 3.6rem; } .actu-link--comm .actu-title {   font-size: 1.35rem; } .actu-link--comm .actu-footer {   bottom: 0;   right: 0;   text-align: right;   left: inherit;   padding-right: 1rem;   padding-bottom: 1rem; } .actu-link--comm .actu-footer a {   display: inline-block;   position: relative;   color: var(--vyv-violet);   padding: 0 0.5rem;   transition: all 0.3s ease-in-out; } .actu-link--comm .actu-footer a:after {   content: "";   display: block;   width: 1px;   height: 80%;   background-color: #4e2087;   opacity: 0.6;   position: absolute;   top: 50%;   right: 0;   z-index: 5;   transform: translateY(-40%); } .actu-link--comm .actu-footer a:last-child:after {   display: none; } .actu-link--comm .actu-footer a:focus, .actu-link--comm .actu-footer a:hover {   color: #0ca4d0;   color: var(--vyv-bleu-fonce); } .actu-link--nopic {   min-height: 360px; } @media screen and (min-width: 768px) {   .actu-link--picture .actu-desc {     min-height: 235px;   } } .actu-thumb {   display: block;   overflow: hidden; } .actu-desc {   display: block;   padding: 1.25rem;   flex: 1 1 0%; } .actu-surtitle, .publication-card-surtitle {   font-size: 0.75rem;   font-weight: 500;   margin-bottom: 0.25rem;   opacity: 0.5; } .actu-surtitle, .actu-title, .publication-card-surtitle, .publication-card-title {   color: var(--vyv-violet);   transition-property: background-color, border-color, color, fill, stroke;   transition-duration: 0.2s;   transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .actu-title, .publication-card-title {   margin-bottom: 1rem;   font-size: 1.275rem;   font-weight: 700;   line-height: 1.25; } .actu-video .actu-desc, .actu-video .actu-surtitle, .actu-video .actu-title {   color: var(--vyv-blanc); } .savoirfaire-link .actu-desc {   position: relative;   padding-right: 1em;   padding-bottom: 2em; } .savoir-faire .show-details {   background: var(--vyv-fond-gris); } .savoir-faire.bg-section--gris .show-details {   background: var(--vyv-blanc); } .savoirfaire-link .media-link-icon {   color: var(--vyv-violet);   position: absolute;   transition-property: all;   transition-duration: 0.3s;   bottom: 1rem;   right: 1rem; } .savoirfaire-link:hover .media-link-icon {   color: var(--vyv-bleu-fonce); } .actu-video .actu-desc:focus .actu-surtitle, .actu-video .actu-desc:focus .actu-title, .actu-video .actu-desc:hover .actu-surtitle, .actu-video .actu-desc:hover .actu-title {   color: var(--vyv-bleu-fonce); } .savoirfaire-link .actu-desc:focus .actu-surtitle, .savoirfaire-link .actu-desc:hover .actu-surtitle, a.actu-event:focus .actu-surtitle, a.actu-event:hover .actu-surtitle, a.actu-link:focus .actu-surtitle, a.actu-link:hover .actu-surtitle, a.savoirfaire-link:focus .actu-surtitle, a.savoirfaire-link:hover .actu-surtitle {   color: var(--vyv-bleu-fonce);   opacity: 0.5; } .savoirfaire-link .actu-desc:focus .actu-title, .savoirfaire-link .actu-desc:hover .actu-title, a.actu-event:focus .actu-title, a.actu-event:hover .actu-title, a.actu-link:focus .actu-title, a.actu-link:hover .actu-title, a.savoirfaire-link:focus .actu-title, a.savoirfaire-link:hover .actu-title {   color: var(--vyv-bleu-fonce); } .video-thumb {   display: block;   position: relative;   z-index: 0;   width: 100%; } .video-thumb .icon {   position: absolute;   color: var(--vyv-violet);   background-repeat: no-repeat;   background-position: 50%;   transition-property: all;   transition-duration: 0.3s;   left: 50%;   top: 50%;   transform: translate(-50%, -50%);   z-index: 1; } .video-thumb[data-video] {   cursor: pointer; } .video-container.active {   display: block; } .video-container iframe {   display: block;   border: none;   width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   z-index: 5; } a.video-thumb:focus .icon, a.video-thumb:hover .icon {   color: var(--vyv-bleu-moyen); } .actu-event {   display: flex;   flex-direction: column;   height: 100%;   padding-left: 1.5rem;   padding-right: 1.5rem;   min-height: 435px; } .actu-event:before {   display: block;   position: absolute;   top: 0;   right: 0;   bottom: 0;   left: 0;   background-repeat: no-repeat;   transition-duration: 0.2s;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-event.svg);   background-position: 0 70px;   background-size: 100% calc(100% - 70px);   content: "";   z-index: -1; } .isie11 .actu-desc {   flex: 1 1 auto; } .isie11 .actu-event, .isie11 .actu-link:not(.actu-link--comm) {   height: 435px; } .actu-event-inner {   position: relative;   min-height: 336px;   padding: 40px 0; } @media screen and (max-width: 768px) {   .actu-event-inner {     padding-top: 30px;   } } .actu-footer {   position: absolute;   bottom: 1rem;   left: 0;   z-index: 5;   width: 100%;   margin-top: 0; } .actu-result:focus .actu-more, .actu-result:focus .actu-title, .actu-result:hover .actu-more, .actu-result:hover .actu-title, .breadcrumb {   color: var(--vyv-bleu-moyen); } .breadcrumb {   font-size: 0.8125rem; } .breadcrumb li {   display: inline-block; } .breadcrumb li:not(.current):after {   display: inline-block;   margin-left: 10px;   margin-right: 10px;   content: ">"; } .breadcrumb a {   font-weight: 500; } .breadcrumb .current {   opacity: 0.5; } .hover-link {   display: block;   padding-top: 1rem;   padding-bottom: 1rem;   overflow: hidden;   position: relative; } @media (min-width: 768px) {   .hover-link {     margin-left: -22px;     padding-left: 22px;   } } .hover-link:before {   display: block;   position: absolute;   transition-property: all;   transition-duration: 0.2s;   opacity: 0;   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23d4f9ff' viewBox='0 0 44 42' width='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.83 0c9.5-.25 24.14 13.76 24.2 23.53.06 9.77-17.52 20.02-25.82 18.62C8.91 40.76.58 31.47.02 21.68-.54 11.9 10.66.22 18.82 0'/%3E%3C/svg%3E");   content: "";   height: 42px;   left: 3rem;   top: 6px;   width: 44px;   z-index: -1; } .hover-link:focus, .hover-link:hover {   color: #007c9e;   font-weight: 700; } .hover-link:focus:before, .hover-link:hover:before {   opacity: 1;   left: 0; } .hover-mask {   position: relative;   overflow: hidden;   height: 286px;   width: 510px; } @media screen and (max-width: 1240px) {   .hover-mask {     max-width: 100%;   } } .hover-mask img {   position: absolute;   top: 0;   width: 100%;   opacity: 0;   transition-property: all;   transition-duration: 0.15s;   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);   -o-object-fit: contain;   object-fit: contain;   transform: translateX(-1rem); } .hover-mask img.active {   opacity: 1;   transform: translateX(0); } .regular-slider .hover-mask {   width: 300px;   height: 248px;   margin: 0 auto 10px; } @media (min-width: 576px) {   .regular-slider .hover-mask {     width: 400px;     height: 330px;   } } @media (min-width: 768px) {   .regular-slider .hover-mask {     width: 500px;     height: 415px;   } } .sorting-bar {   padding-top: 1.25rem; } .sorting-bar [class^="col"] {   padding-bottom: 1rem; } .filters-bar {   border-top: 1px solid #ebeaea; } .publication-image img {   display: block;   width: 100%;   height: 100%;   -o-object-fit: cover;   object-fit: cover; } .regular-grid .container, .results-grid .container {   position: relative;   z-index: 10; } .news-header .container {   position: relative;   z-index: 50; } .z-100 {   z-index: 100; } .download-card {   display: block;   position: relative;   background-color: var(--vyv-blanc);   display: flex;   flex-direction: column;   height: 100%;   padding: 1.5rem 1.25rem;   margin-bottom: 3rem; } @media (min-width: 768px) {   .download-card {     margin-bottom: 1.25rem;   } } .download-card-detail {   display: block; } .download-card-detail:focus .download-card-arrow, .download-card-detail:focus .download-card-title, .download-card-detail:hover .download-card-arrow, .download-card-detail:hover .download-card-title {   color: var(--vyv-bleu-moyen); } .download-card-icon {   display: block;   color: var(--vyv-violet);   position: absolute;   top: 0;   right: 0;   transition-property: all;   transition-duration: 0.3s;   margin-top: -1.3rem;   margin-right: -0.4rem;   z-index: 5; } .download-card-icon:focus, .download-card-icon:hover {   color: #0ca4d0; } .download-card-arrow {   display: block;   color: var(--vyv-violet);   position: absolute;   bottom: 0;   right: 0;   transition-property: all;   transition-duration: 0.3s;   transform: translate(-100%, -100%);   z-index: 5; } .download-card-type {   font-size: 0.75rem;   opacity: 0.5; } .download-card-title, .download-card-type {   display: block;   font-weight: 700;   color: var(--vyv-violet-fonce); } .download-card-title {   font-size: 1.75rem;   line-height: 1.125;   margin-top: 2rem;   margin-bottom: 1rem;   transition-property: all;   transition-duration: 0.3s; } .download-card-desc {   display: block;   margin-bottom: 2rem; } .download-card-date {   display: block;   font-weight: 700;   font-size: 0.625rem;   color: var(--vyv-violet-fonce);   position: absolute;   bottom: 0;   left: 0;   padding-left: 1.25rem;   padding-bottom: 1.5rem; } .hidden-card {   display: none; } .back-to-top {   position: fixed;   bottom: 1rem;   right: 1rem;   z-index: 600;   opacity: 0;   transition: all 0.4s ease; } @media screen and (min-width: 992px) {   .back-to-top {     bottom: 10rem;     right: 50px;   } } .scrolldown .back-to-top {   opacity: 1; } .i18n-menu {   position: absolute;   top: 0;   right: 50px;   text-transform: uppercase;   padding: 0 2rem; } .i18n-menu a {   position: relative;   display: inline-block;   font-weight: 700;   font-size: 0.875rem;   color: var(--vyv-violet);   opacity: 0.5;   padding: 15px 0.8rem; } .i18n-menu a.active {   opacity: 1; } .i18n-menu a.active:after {   content: "";   display: block;   width: 75%;   height: 3px;   background-color: #0ca4d0;   position: absolute;   bottom: 0;   left: 50%;   z-index: 5;   transform: translateX(-50%); } .js-to_expand .i18n-menu {   top: -5rem;   border-right: 2px solid #ebeaea; } .twitter-icon-link {   transform: translate(30%, -50%); } .space-y-2 > :not(template) ~ :not(template) {   margin-top: 0.5rem; } .space-x-2 > :not(template) ~ :not(template) {   margin-left: 0.5rem; } .space-x-4 > :not(template) ~ :not(template) {   margin-left: 1rem; } .space-x-5 > :not(template) ~ :not(template) {   margin-left: 1.25rem; } .space-x-8 > :not(template) ~ :not(template) {   margin-left: 2rem; } .divide-y > :not(template) ~ :not(template) {   border-top-width: 1px; } .divide-white > :not(template) ~ :not(template) {   border-color: var(--vyv-blanc); } .divide-solid > :not(template) ~ :not(template) {   border-style: solid; } .divide-dashed > :not(template) ~ :not(template) {   border-style: dashed; } .divide-dotted > :not(template) ~ :not(template) {   border-style: dotted; } .divide-double > :not(template) ~ :not(template) {   border-style: double; } .divide-none > :not(template) ~ :not(template) {   border-style: none; } .sr-only {   position: absolute;   width: 1px;   height: 1px;   padding: 0;   margin: -1px;   overflow: hidden;   clip: rect(0, 0, 0, 0);   white-space: nowrap;   border-width: 0; } .not-sr-only {   position: static;   width: auto;   height: auto;   padding: 0;   margin: 0;   overflow: visible;   clip: auto;   white-space: normal; } .appearance-none {   -webkit-appearance: none;   -moz-appearance: none;   appearance: none; } .bg-fixed {   background-attachment: fixed; } .bg-local {   background-attachment: local; } .bg-scroll {   background-attachment: scroll; } .bg-clip-border {   background-clip: border-box; } .bg-clip-padding {   background-clip: padding-box; } .bg-clip-content {   background-clip: content-box; } .bg-black {   background-color: var(--vyv-noir); } .bg-white {   background-color: var(--vyv-blanc); } .bg-grey-linx {   background-color: var(--vyv-fond-gris); } .bg-grey-crystal {   background-color: var(--vyv-fond-gris); } .bg-grey-plaster {   background-color: var(--vyv-fond-gris); } .bg-blue-lake {   background-color: var(--vyv-bleu-moyen); } .bg-blue-cyan {   background-color: var(--vyv-bleu-moyen); } .bg-violet-spanish {   background-color: var(--vyv-violet); } .bg-violet-dull {   background-color: var(--vyv-violet-fonce); } .bg-orange {   background-color: var(--vyv-orange-moyen); } .bg-green {   background-color: var(--vyv-vert-moyen); } .bg-yellow {   background-color: var(--vyv-vert-moyen); } .hover\:bg-violet-spanish:hover {   background-color: var(--vyv-violet); } .bg-none {   background-image: none; } .bg-repeat {   background-repeat: repeat; } .bg-no-repeat {   background-repeat: no-repeat; } .bg-repeat-x {   background-repeat: repeat-x; } .bg-repeat-y {   background-repeat: repeat-y; } .bg-repeat-round {   background-repeat: round; } .bg-repeat-space {   background-repeat: space; } .border-collapse {   border-collapse: collapse; } .border-separate {   border-collapse: separate; } .border-white {   border-color: var(--vyv-blanc); } .border-grey-plaster {   border-color: #ebeaea; } .border-grey-silver {   border-color: #e0dede; } .border-grey-brown {   border-color: #b2b2b2; } .border-violet-dull {   border-color: #82358b; } .rounded-sm {   border-radius: 0.125rem; } .rounded {   border-radius: 0.25rem; } .border-solid {   border-style: solid; } .border-dashed {   border-style: dashed; } .border-dotted {   border-style: dotted; } .border-double {   border-style: double; } .border-none {   border-style: none; } .border {   border-width: 1px; } .border-t-2 {   border-top-width: 2px; } .border-b-2 {   border-bottom-width: 2px; } .border-t {   border-top-width: 1px; } .border-b {   border-bottom-width: 1px; } .box-border {   box-sizing: border-box; } .box-content {   box-sizing: content-box; } .block {   display: block; } .inline-block {   display: inline-block; } .inline {   display: inline; } .flex {   display: flex; } .inline-flex {   display: inline-flex; } .table {   display: table; } .table-caption {   display: table-caption; } .table-cell {   display: table-cell; } .table-column {   display: table-column; } .table-column-group {   display: table-column-group; } .table-footer-group {   display: table-footer-group; } .table-header-group {   display: table-header-group; } .table-row-group {   display: table-row-group; } .table-row {   display: table-row; } .hidden {   display: none; } .flex-row {   flex-direction: row; } .flex-row-reverse {   flex-direction: row-reverse; } .flex-col {   flex-direction: column; } .flex-col-reverse {   flex-direction: column-reverse; } .flex-wrap {   flex-wrap: wrap; } .flex-wrap-reverse {   flex-wrap: wrap-reverse; } .flex-no-wrap {   flex-wrap: nowrap; } .items-start {   align-items: flex-start; } .items-end {   align-items: flex-end; } .items-center {   align-items: center; } .items-baseline {   align-items: baseline; } .items-stretch {   align-items: stretch; } .content-center {   align-content: center; } .content-start {   align-content: flex-start; } .content-end {   align-content: flex-end; } .content-between {   align-content: space-between; } .content-around {   align-content: space-around; } .content-evenly {   align-content: space-evenly; } .self-auto {   align-self: auto; } .self-start {   align-self: flex-start; } .self-end {   align-self: flex-end; } .self-center {   align-self: center; } .self-stretch {   align-self: stretch; } .justify-start {   justify-content: flex-start; } .justify-end {   justify-content: flex-end; } .justify-center {   justify-content: center; } .justify-between {   justify-content: space-between; } .justify-around {   justify-content: space-around; } .justify-evenly {   justify-content: space-evenly; } .flex-1 {   flex: 1 1 0%; } .flex-auto {   flex: 1 1 auto; } .flex-grow {   flex-grow: 1; } .flex-shrink {   flex-shrink: 1; } .float-right {   float: right; } .float-left {   float: left; } .float-none {   float: none; } .clearfix:after {   content: "";   display: table;   clear: both; } .clear-left {   clear: left; } .clear-right {   clear: right; } .clear-both {   clear: both; } .clear-none {   clear: none; } .font-normal {   font-weight: 400; } .font-medium {   font-weight: 500; } .font-bold {   font-weight: 700; } .h-0 {   height: 0; } .h-5 {   height: 1.25rem; } .h-10 {   height: 2.5rem; } .h-15 {   height: 3.75rem; } .h-full {   height: 100%; } .text-10 {   font-size: 0.625rem; } .text-12 {   font-size: 0.75rem; } .text-13 {   font-size: 0.8125rem; } .text-14 {   font-size: 0.875rem; } .text-16 {   font-size: 1rem; } .text-18 {   font-size: 1.125rem; } .text-19 {   font-size: 1.2rem; } .text-20 {   font-size: 1.275rem; } .text-22 {   font-size: 1.4rem; } .text-24 {   font-size: 1.5rem; } .text-28 {   font-size: 1.875rem; } .text-30 {   font-size: 1.875rem; } .text-35 {   font-size: 2.1875rem; } .text-40 {   font-size: 2.5rem; } .leading-7 {   line-height: 1.75rem; } .leading-none {   line-height: 1; } .leading-supertight {   line-height: 1.125; } .leading-tight {   line-height: 1.25; } .leading-snug {   line-height: 1.375; } .leading-normal {   line-height: 1.5; } .list-inside {   list-style-position: inside; } .list-outside {   list-style-position: outside; } .m-0 {   margin: 0; } .-m-4 {   margin: -1rem; } .my-2 {   margin-top: 0.5rem;   margin-bottom: 0.5rem; } .mx-3 {   margin-left: 10px;   margin-right: 10px; } .my-8 {   margin-top: 2rem;   margin-bottom: 2rem; } .my-10 {   margin-top: 2.5rem;   margin-bottom: 2.5rem; } .mx-13 {   margin-left: 3.25rem;   margin-right: 3.25rem; } .mx-auto {   margin-left: auto;   margin-right: auto; } .-mx-3 {   margin-left: -10px;   margin-right: -10px; } .mt-0 {   margin-top: 0; } .mb-0 {   margin-bottom: 0; } .mb-1 {   margin-bottom: 0.25rem; } .mt-2 {   margin-top: 0.5rem; } .mr-2 {   margin-right: 0.5rem; } .mb-2 {   margin-bottom: 0.5rem; } .ml-2 {   margin-left: 0.5rem; } .mt-3 {   margin-top: 10px; } .mr-3 {   margin-right: 10px; } .mb-3 {   margin-bottom: 10px; } .mt-4 {   margin-top: 1rem; } .mb-4 {   margin-bottom: 1rem; } .ml-4 {   margin-left: 1rem; } .mt-5 {   margin-top: 1.25rem; } .mr-5 {   margin-right: 1.25rem; } .mb-5 {   margin-bottom: 1.25rem; } .ml-5 {   margin-left: 1.25rem; } .mt-6 {   margin-top: 1.5rem; } .mr-6 {   margin-right: 1.5rem; } .mb-6 {   margin-bottom: 1.5rem; } .mb-7 {   margin-bottom: 1.75rem; } .mt-8 {   margin-top: 2rem; } .mb-8 {   margin-bottom: 2rem; } .mt-10 {   margin-top: 2.5rem; } .mb-10 {   margin-bottom: 2.5rem; } .mb-12 {   margin-bottom: 3rem; } .mb-15 {   margin-bottom: 3.75rem; } .mt-16 {   margin-top: 4rem; } .mb-16 {   margin-bottom: 4rem; } .mb-20 {   margin-bottom: 5rem; } .-mt-1 {   margin-top: -0.25rem; } .-mt-2 {   margin-top: -0.5rem; } .-mt-32 {   margin-top: -8rem; } .max-w-card {   max-width: 17rem; } .max-w-xs {   max-width: 22.5rem; } .max-w-s {   max-width: 30rem; } .min-w-full {   min-width: 100%; } .opacity-0 {   opacity: 0; } .group:hover .group-hover\:opacity-100 {   opacity: 1; } .outline-none {   outline: 0; } .overflow-auto {   overflow: auto; } .overflow-hidden {   overflow: hidden; } .overflow-visible {   overflow: visible; } .overflow-scroll {   overflow: scroll; } .overflow-x-auto {   overflow-x: auto; } .overflow-y-auto {   overflow-y: auto; } .overflow-x-hidden {   overflow-x: hidden; } .overflow-y-hidden {   overflow-y: hidden; } .overflow-x-visible {   overflow-x: visible; } .overflow-y-visible {   overflow-y: visible; } .overflow-x-scroll {   overflow-x: scroll; } .overflow-y-scroll {   overflow-y: scroll; } .scrolling-touch {   -webkit-overflow-scrolling: touch; } .scrolling-auto {   -webkit-overflow-scrolling: auto; } .p-1 {   padding: 0.25rem; } .p-2 {   padding: 0.5rem; } .p-4 {   padding: 1rem; } .p-6 {   padding: 1.5rem; } .p-8 {   padding: 2rem; } .p-10 {   padding: 2.5rem; } .p-12 {   padding: 3rem; } .py-1 {   padding-top: 0.25rem;   padding-bottom: 0.25rem; } .py-2 {   padding-top: 0.5rem;   padding-bottom: 0.5rem; } .px-2 {   padding-left: 0.5rem;   padding-right: 0.5rem; } .py-3 {   padding-top: 10px;   padding-bottom: 10px; } .px-3 {   padding-left: 10px;   padding-right: 10px; } .py-4 {   padding-top: 1rem;   padding-bottom: 1rem; } .px-4 {   padding-left: 1rem;   padding-right: 1rem; } .px-5 {   padding-left: 1.25rem;   padding-right: 1.25rem; } .py-6 {   padding-top: 1.5rem;   padding-bottom: 1.5rem; } .px-6 {   padding-left: 1.5rem;   padding-right: 1.5rem; } .py-8 {   padding-top: 2rem;   padding-bottom: 2rem; } .py-10 {   padding-top: 2.5rem;   padding-bottom: 2.5rem; } .py-20 {   padding-top: 5rem;   padding-bottom: 5rem; } .pt-0 {   padding-top: 0; } .pl-0 {   padding-left: 0; } .pt-1 {   padding-top: 0.25rem; } .pb-1 {   padding-bottom: 0.25rem; } .pt-2 {   padding-top: 0.5rem; } .pb-2 {   padding-bottom: 0.5rem; } .pl-2 {   padding-left: 0.5rem; } .pb-3 {   padding-bottom: 10px; } .pt-4 {   padding-top: 1rem; } .pr-4 {   padding-right: 1rem; } .pb-4 {   padding-bottom: 1rem; } .pl-4 {   padding-left: 1rem; } .pt-5 {   padding-top: 1.25rem; } .pt-6 {   padding-top: 1.5rem; } .pr-6 {   padding-right: 1.5rem; } .pl-6 {   padding-left: 1.5rem; } .pb-7 {   padding-bottom: 1.75rem; } .pt-8 {   padding-top: 2rem; } .pr-8 {   padding-right: 2rem; } .pb-8 {   padding-bottom: 2rem; } .pl-8 {   padding-left: 2rem; } .pt-10 {   padding-top: 2.5rem; } .pr-10 {   padding-right: 2.5rem; } .pb-10 {   padding-bottom: 2.5rem; } .pt-12 {   padding-top: 3rem; } .pr-12 {   padding-right: 3rem; } .pb-12 {   padding-bottom: 3rem; } .pl-12 {   padding-left: 3rem; } .pr-16 {   padding-right: 4rem; } .pt-18 {   padding-top: 4.5rem; } .pt-20 {   padding-top: 5rem; } .pb-20 {   padding-bottom: 5rem; } .pt-22 {   padding-top: 5.5rem; } .pb-26 {   padding-bottom: 6.5rem; } .pb-28 {   padding-bottom: 7rem; } .pb-32 {   padding-bottom: 8rem; } .placeholder-violet-spanish::-moz-placeholder {   color: var(--vyv-violet); } .placeholder-violet-spanish:-ms-input-placeholder {   color: var(--vyv-violet); } .placeholder-violet-spanish::placeholder {   color: var(--vyv-violet); } .pointer-events-none {   pointer-events: none; } .pointer-events-auto {   pointer-events: auto; } .static {   position: static; } .fixed {   position: fixed; } .absolute {   position: absolute; } .relative {   position: relative; } .sticky {   position: -webkit-sticky;   position: sticky; } .top-0 {   top: 0; } .right-0 {   right: 0; } .bottom-0 {   bottom: 0; } .left-0 {   left: 0; } .resize-none {   resize: none; } .resize-y {   resize: vertical; } .resize-x {   resize: horizontal; } .resize {   resize: both; } .shadow-sm {   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .shadow {   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .shadow-md {   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),   0 2px 4px -1px rgba(0, 0, 0, 0.06); } .fill-current {   fill: currentColor; } .table-auto {   table-layout: auto; } .table-fixed {   table-layout: fixed; } .text-left {   text-align: left; } .text-center {   text-align: center; } .text-right {   text-align: right; } .section-bloc-mise-en-avant-texte .text-right {   float: right; } .text-justify {   text-align: justify; } .text-white {   color: var(--vyv-blanc); } .text-grey-base {   color: #878786; } .text-blue-lake {   color: var(--vyv-bleu-fonce); } .text-blue-cyan {   color: #0ca4d0; } .text-blue-windows {   color: #3182c4; } .text-blue-cyanlight {   color: var(--vyv-bleu-fonce); } .text-violet-spanish {   color: var(--vyv-violet); } .text-violet-spanishlighter {   color: #553286; } .text-violet-dull {   color: var(--vyv-violet-fonce); } .text-green {   color: var(--vyv-vert-moyen); } .hover\:text-white:hover {   color: var(--vyv-blanc); } .hover\:text-blue-aqua:hover {   color: var(--vyv-bleu-fonce); } .hover\:text-blue-lake:hover {   color: var(--vyv-bleu-fonce); } .hover\:text-blue-cyan:hover {   color: #0ca4d0; } .hover\:text-violet-spanish:hover {   color: var(--vyv-violet); } .focus\:text-blue-lake:focus {   color: #007c9e; } .italic {   font-style: italic; } .not-italic {   font-style: normal; } .uppercase {   text-transform: uppercase; } .lowercase {   text-transform: lowercase; } .capitalize {   text-transform: capitalize; } .normal-case {   text-transform: none; } .underline {   text-decoration: underline; } .line-through {   text-decoration: line-through; } .no-underline {   text-decoration: none; } .antialiased {   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased {   -webkit-font-smoothing: auto;   -moz-osx-font-smoothing: auto; } .select-none {   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none; } .select-text {   -webkit-user-select: text;   -moz-user-select: text;   -ms-user-select: text;   user-select: text; } .select-all {   -webkit-user-select: all;   -moz-user-select: all;   -ms-user-select: all;   user-select: all; } .select-auto {   -webkit-user-select: auto;   -moz-user-select: auto;   -ms-user-select: auto;   user-select: auto; } .align-baseline {   vertical-align: baseline; } .align-top {   vertical-align: top; } .align-middle {   vertical-align: middle; } .align-bottom {   vertical-align: bottom; } .align-text-top {   vertical-align: text-top; } .align-text-bottom {   vertical-align: text-bottom; } .visible {   visibility: visible; } .invisible {   visibility: hidden; } .group:hover .group-hover\:visible {   visibility: visible; } .whitespace-normal {   white-space: normal; } .whitespace-no-wrap {   white-space: nowrap; } .whitespace-pre {   white-space: pre; } .whitespace-pre-line {   white-space: pre-line; } .whitespace-pre-wrap {   white-space: pre-wrap; } .break-normal {   word-wrap: normal;   word-break: normal; } .break-words {   word-wrap: break-word; } .break-all {   word-break: break-all; } .truncate {   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .w-7 {   width: 1.75rem; } .w-1\/2 {   width: 50%; } .w-full {   width: 100%; } .z-30 {   z-index: 30; } .hover\:scale-105:hover {   transform: scale(1.05); } .-translate-x-1\/2 {   transform: translateX(-50%); } .translate-y-15 {   transform: translateY(3.75rem); } .-translate-y-3 {   transform: translateY(-10px); } .-translate-y-1\/2 {   transform: translateY(-50%); } .group:hover .group-hover\:translate-y-0 {   transform: translateY(0); } .transition-all {   transition-property: all; } .transition {   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform; } .transition-colors {   transition-property: background-color, border-color, color, fill, stroke; } .ease-linear {   transition-timing-function: linear; } .ease-in {   transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-out {   transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .ease-in-out {   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .duration-150 {   transition-duration: 0.15s; } .duration-200 {   transition-duration: 0.2s; } .duration-300 {   transition-duration: 0.3s; } .duration-500 {   transition-duration: 0.5s; } @-webkit-keyframes spin {   to {     transform: rotate(1turn);   } } @keyframes spin {   to {     transform: rotate(1turn);   } } @-webkit-keyframes ping {   75%,   to {     transform: scale(2);     opacity: 0;   } } @keyframes ping {   75%,   to {     transform: scale(2);     opacity: 0;   } } @-webkit-keyframes pulse {   50% {     opacity: 0.5;   } } @keyframes pulse {   50% {     opacity: 0.5;   } } @-webkit-keyframes bounce {   0%,   to {     transform: translateY(-25%);     -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);     animation-timing-function: cubic-bezier(0.8, 0, 1, 1);   }   50% {     transform: none;     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);   } } @keyframes bounce {   0%,   to {     transform: translateY(-25%);     -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);     animation-timing-function: cubic-bezier(0.8, 0, 1, 1);   }   50% {     transform: none;     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);   } } .embed-responsive {   position: relative;   display: block;   height: 0;   padding: 0;   overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive > embed, .embed-responsive > iframe, .embed-responsive > object, .embed-responsive > video {   position: absolute;   top: 0;   left: 0;   bottom: 0;   height: 100%;   width: 100%;   border: 0; } .aspect-ratio-none {   padding-bottom: 0; } .aspect-ratio-16\/9 {   padding-bottom: 56.25%; } .vertical-text {   transform: rotate(270deg);   transform-origin: left bottom; } .icon {   fill: currentColor;   color: currentColor;   display: inline-block; } .link {   text-decoration: underline;   transition-property: background-color, border-color, color, fill, stroke;   transition-duration: 0.2s; } .link:focus, .link:hover {   text-decoration: none; } .title-xl {   font-size: 3rem;   font-weight: 700;   line-height: 1.125; } @media (min-width: 992px) {   .title-overline:before {     content: "";     height: 3px;     width: 1.75rem;     display: block;     background-color: #007c9e;     margin-bottom: 1.5rem;   } } .title-h1 {   font-size: 1.875rem;   text-align: center;   font-weight: 700;   line-height: 1;   color: var(--vyv-violet);   margin-bottom: 1.5rem;   width: 100%; } @media (min-width: 576px) {   .title-h1 {     text-align: left;   } } @media (min-width: 768px) {   .title-h1 {     font-size: 2.1875rem;   } } @media (min-width: 992px) {   .title-h1 {     font-size: 2.8125rem;   } } .title-h3, .title-l {   font-size: 1.4rem;   text-align: center;   font-weight: 700;   line-height: 1; } @media (min-width: 576px) {   .title-h3,   .title-l {     text-align: left;   } } @media (min-width: 768px) {   .title-h3,   .title-l {     font-size: 1.5rem;   } } @media (min-width: 992px) {   .title-h3,   .title-l {     font-size: 1.75rem;   } } .title-h2 {   font-size: 1.75rem;   text-align: center;   font-weight: 700;   line-height: 1.125;   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem; } @media (min-width: 576px) {   .title-h2 {     text-align: left;   } } @media (min-width: 768px) {   .title-h2 {     font-size: 1.875rem;   } } @media (min-width: 992px) {   .title-h2 {     font-size: 3rem;   } } .title-h2.text-center {   text-align: center; } .surtitle + .title-h2 {   margin-top: 0; } .title-h3 {   color: var(--vyv-violet);   margin-top: 2.5rem; } .title-h3, .title-h4 {   margin-bottom: 1.5rem; } .title-h4 {   font-size: 1.2rem;   font-weight: 700;   line-height: 1.125;   color: var(--vyv-violet-fonce);   margin-top: 1.5rem; } @media (min-width: 768px) {   .title-h4 {     font-size: 1.4rem;   } } @media (min-width: 992px) {   .title-h4 {     font-size: 1.5rem;   } } .float-left + .title-h2, .float-left + .title-h3, .float-left + .title-h4, .float-right + .title-h2, .float-right + .title-h3, .float-right + .title-h4, [class^="col"] > h2:first-child, [class^="col"] > h3:first-child, [class^="col"] > h4:first-child {   margin-top: 0; } .surtitle {   margin-bottom: 1rem;   color: #878786;   font-size: 1.125rem;   font-weight: 700;   opacity: 0.5; } @media (min-width: 992px) {   .column-2 {     -moz-column-count: 2;     column-count: 2;     grid-column-gap: 50px;     -moz-column-gap: 50px;     column-gap: 50px;   } } @media (min-width: 1200px) {   .inner {     margin-left: 110px;     margin-right: 110px;   } } .list, .small-list {   padding-left: 2.5rem;   margin-top: 1.5rem;   margin-bottom: 1.5rem; } .list li, .small-list li {   position: relative;   padding: 0 0 0 1em; } .list li:before, .small-list li:before {   content: "";   display: block;   width: 6px;   height: 6px;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/puce.svg);   background-repeat: no-repeat;   background-color: transparent;   background-position: 50% 50%;   background-size: 100% 100%;   position: absolute;   top: 11px;   left: 0;   z-index: 5; } .list li + li {   margin-top: 1rem; } .r-flex {   display: flex;   flex-direction: column; } @media (min-width: 992px) {   .r-flex {     flex-direction: row;   } } input.hide-clear[type="search"]::-ms-clear, input.hide-clear[type="search"]::-ms-reveal {   display: none;   height: 0;   width: 0; } input.hide-clear[type="search"]::-webkit-search-cancel-button, input.hide-clear[type="search"]::-webkit-search-decoration, input.hide-clear[type="search"]::-webkit-search-results-button, input.hide-clear[type="search"]::-webkit-search-results-decoration {   display: none; } .rotate-0 {   transform: rotate(0deg); } .rotate-90 {   transform: rotate(90deg); } .rotate-180 {   transform: rotate(180deg); } .rotate-270 {   transform: rotate(270deg); } .translate-x-16 {   transform: translateX(4rem); } .translate-x-24 {   transform: translateX(6rem); } .translate-y-64 {   transform: translateX(16rem); } .-translate-x-1\/2 {   transform: translateX(-50%); } .-translate-y-3 {   transform: translateY(0.75rem); } .translate-y-0 {   transform: translateY(0); } .translate-x-0 {   transform: translateX(0); } .-translate-x-1\/2 {   transform: translateY(-50%); } .-translate-x-full {   transform: translateX(-100%); } .translate-y-1\/2 {   transform: translateY(50%); } .translate-x-full {   transform: translateX(100%); } .-translate-y-full {   transform: translateY(-100%); } .menu-open, .menu-open body, .search-open, .search-open body {   overflow: hidden; } .accueil {   position: relative; } @media (min-width: 992px) {   .onepage-header {     min-height: 440px;   } } @media (min-width: 992px) {   .offerpage .onepage-header {     min-height: 260px;   } } @media (min-width: 1200px) {   .offerpage .onepage-header {     min-height: 400px;   } } .sitemap {   background-color: var(--vyv-violet);   color: var(--vyv-blanc);   font-size: 0.75rem;   position: relative; } .sitemap > .container {   position: relative;   padding-top: 2rem; } .sitemap > .container:before {   display: block;   position: absolute;   left: 0;   background-repeat: no-repeat;   background-size: contain;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-footer-spot-landing.png);   background-size: 100%;   content: "";   height: 61px;   width: 63px;   top: -25px; } @media (min-width: 1200px) {   .sitemap > .container:before {     width: 80px;     height: 80px;     top: -32px;   } } @media screen and (min-width: 1490px) {   .sitemap > .container:before {     top: -50px;     left: -85px;     height: 122px;     width: 126px;   } } .sitemap li a {   display: block;   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-duration: 0.5s;   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);   line-height: 1.125; } .sitemap li a:focus, .sitemap li a:hover {   opacity: 0.5; } @media screen and (max-width: 967px) {   .footer-links {     display: block;     text-align: center;     padding-top: 0.5rem;     padding-bottom: 0.5rem;   }   .footer-links a,   .footer-links li {     display: inline-block;   }   .footer-links a {     padding: 0.5rem;   } } .actus {   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-actus.svg); } .actus, .engagement {   background-position: 50% 100.1%;   background-repeat: no-repeat;   background-size: 100%; } .engagement {   background-color: var(--vyv-fond-gris);   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-engagement.png); } @media screen and (max-width: 575px) {   .video .title-h2 {     margin-top: 0;   } } @media (min-width: 1200px) {   .video:after {     margin-left: 560px;   } } .expertise-wrapper {   position: relative;   background-color: var(--vyv-violet);   padding: 2.5rem; } @media (min-width: 992px) {   .expertise-wrapper {     padding-left: 110px;     padding-right: 110px;   }   .expertise-wrapper:before {     display: block;     position: absolute;     right: 0;     background-repeat: no-repeat;     background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-expertise-spot.png);     background-size: 100%;     content: "";     height: 118px;     right: -40px;     top: -59px;     width: 104px;   } } .carousel {   background-color: var(--vyv-fond-gris);   background-position: top;   position: relative;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-top-carousel.svg); } .carousel, .carousel:before {   background-repeat: no-repeat;   background-size: 100%; } .carousel:before {   background-position: bottom;   position: absolute;   top: 0;   right: 0;   bottom: 0;   left: 0;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-bottom-carousel.svg);   content: "";   bottom: -2px; } .image-corner {   position: relative; } .key-data-wrapper {   position: relative;   padding: 50px 0; } @media (min-width: 768px) {   .key-data-wrapper {     padding-top: 50px;     padding-bottom: 50px;   } } .related {   margin-top: 1.5rem;   margin-bottom: 2.5rem; } .related > .container {   position: relative;   padding-top: 3.5rem;   padding-bottom: 3.5rem;   z-index: 0;   background-color: var(--vyv-violet-fonce);   z-index: 1; } .implantations {   position: relative;   background-color: var(--vyv-fond-gris);   background-repeat: no-repeat;   background-position: 50% -1px;   background-size: 100%;   min-height: 500px;   padding: 60px 0; } @media screen and (min-width: 1860px) {   .implantations {     background-position: 50% -1%;   } } .bg-light-gray {   background-color: var(--vyv-fond-gris); } .press-header {   position: relative; } .motto {   padding: 1.6em 0 0.8em; } .motto img {   max-width: 34.5rem; } section[data-section] h2 {   margin-top: 0; } .navbar {   position: relative;   top: 0;   width: 100%;   background-color: var(--vyv-blanc);   padding-top: 10px;   transform: translate(0);   z-index: 700; } @media (min-width: 992px) {   .navbar {     background-color: transparent;   } } .scrollup .navbar, .scrollup .shadow-nav {   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-duration: 0.2s; } .fixed_navbar .navbar {   position: fixed;   background-color: var(--vyv-blanc);   transform: translateY(-1px) scale(1.001); } .fixed_navbar .shadow-nav {   height: 83px; } @media (min-width: 992px) {   .fixed_navbar .shadow-nav {     height: 121px;   } } .fixed_navbar.offerpage .shadow-nav {   height: 224px; } @media screen and (max-height: 960px) {   .fixed_navbar.offerpage .shadow-nav {     height: 190px;   } } @media (min-width: 768px) {   .fixed_navbar.offerpage .shadow-nav {     height: 248px;   } } @media screen and (min-width: 768px) and (max-height: 960px) {   .fixed_navbar.offerpage .shadow-nav {     height: 172px;   } } @media (min-width: 992px) {   .fixed_navbar.offerpage .shadow-nav {     height: 308px;   } } @media screen and (min-width: 992px) and (max-height: 960px) {   .fixed_navbar.offerpage .shadow-nav {     height: 216px;   } } @media screen and (max-width: 991px) {   .level-1 + .invisible {     position: relative;     box-shadow: none;     max-height: 0;     height: auto;     overflow: hidden;     transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;   } } @media screen and (max-width: 991px) {   .level-1.text-violet-spanish:focus,   .level-1.text-violet-spanish:hover {     color: var(--vyv-violet) !important;   } } @media screen and (max-width: 991px) {   .level-1.active + .invisible {     transform: translateY(0);     visibility: visible;     opacity: 1;     max-height: 99em;   } } .level-1.active .icon {   transform: rotate(-90deg); } .offerpage .navbar {   padding-bottom: 0; } .fixed_navbar.pagemenuscroll .navbar, .fixed_navbar.scrolldown .navbar {   transform: translateY(-100%);   pointer-events: none; } .navbar-top {   display: none;   font-size: 0.75rem;   line-height: 1.5;   color: var(--vyv-violet); } @media (min-width: 992px) {   .navbar-top {     display: flex;     flex-wrap: wrap;     justify-content: flex-end;     align-items: center;     padding-bottom: 1.25rem;   } } .navbar-top > li {   display: flex;   align-items: center; } .navbar-top > li > a:focus, .navbar-top > li > a:hover {   text-decoration: underline; } .navbar-top option {   color: #2f2c30; } .navbar-top > li + li:before {   background-color: currentColor;   border-radius: 3px;   content: "";   display: inline-block;   height: 3px;   margin-right: 1rem;   width: 3px; } .navbar .logo {   position: relative;   display: block;   order: 2;   max-width: 109px; } @media (min-width: 992px) {   .navbar .logo {     order: -9999;     margin-right: 1rem;   } } @media screen and (min-width: 1400px) {   .navbar .logo {     transition-property: background-color, border-color, color, fill, stroke,     opacity, box-shadow, transform;     transform: translateX(-2rem);   } } @media screen and (min-width: 1440px) {   .navbar .logo {     transform: translateX(-4rem);   } } .navbar--landing {   position: absolute !important;   background: transparent !important; } .navbar--landing .logo {   margin: 9px 0 0 27px;   width: 152px;   height: 120px;   max-width: 180px;   transform: none; } @media (min-width: 1200px) {   .navbar--landing .logo {     width: 154px;   } } .navbar--landing .logo img {   width: 100%;   height: 100%; } .primary-navigation {   position: absolute;   top: 0;   right: 0;   bottom: 0;   left: 0;   width: 100%;   z-index: 20;   background-color: var(--vyv-blanc);   transition-property: all;   transition-duration: 0.3s;   transform: translate(-110%, 80px); } @media screen and (max-width: 991px) {   .primary-navigation {     height: calc(100vh - 80px);     padding: 30px 2rem 25px;     overflow: auto;   } } @media (min-width: 992px) {   .primary-navigation {     position: relative;     display: flex;     flex-direction: row;     justify-content: space-between;     align-items: flex-start;     flex: 1 1 0%;     width: auto;     height: auto;     background-color: transparent;     transform: none;   } } .primary-navigation li + li {   margin-top: 0.5rem; } @media (min-width: 992px) {   .primary-navigation li + li {     margin-top: 0;   } } .primary-navigation li li {   margin-top: 0; } .level-1 {   position: relative;   display: block;   font-weight: 700;   line-height: 1.25rem;   font-size: 1.0625rem;   text-align: left; } @media screen and (max-width: 991px) {   .level-1 {     max-width: 270px;     margin-right: auto;     margin-left: auto;     padding-top: 1rem;     padding-bottom: 1rem;   }   .level-1 br {     display: none;   }   .level-1 .icon {     margin-left: 1rem;     transform: rotate(90deg);     transition: all 0.2s ease-in-out;   } } @media (min-width: 992px) {   .level-1 {     font-size: 0.875rem;     padding: .5rem;     text-align: center;   }   .level-1 .icon {     display: none;   } } @media (min-width: 1200px) {   .level-1 {     font-size: 1.0625rem;   } } .level-1:hover {   color: var(--vyv-violet-fonce) !important; } .level-1:hover:before {   background-position-y: 50%; } @media screen and (max-width: 991px) {   .subnav {     text-align: left;     max-width: 270px;     margin-right: auto;     margin-left: auto;   }   .subnav a,   .subnav li {     color: var(--vyv-violet);   }   .subnav .level-2 {     position: relative;     padding: 0.2rem 0;   }   .subnav .level-2 .icon {     display: none;   } } @media (min-width: 992px) {   .subnav {     padding: 1.5rem;     width: 280px;   } } .level-2 {   position: relative;   font-size: .85rem;   display: block;   padding-top: 10px;   padding-bottom: 10px;   color: var(--vyv-violet);   font-weight: 400;   padding-left: 1.5rem; } @media screen and (max-width: 991px) {   .level-2 {     font-size: 0.9375rem;   } } .level-2.active, .level-2:hover {   font-weight: 700;   color: var(--vyv-violet-fonce); } .level-2.active .icon, .level-2:hover .icon {   opacity: 1; } .level-2 .icon {   position: absolute;   left: 0;   margin-right: 0.5rem;   opacity: 0;   transition-property: all;   transition-duration: 0.15s;   top: 50%;   transform: translateY(-50%); } .level-2.current {   font-weight: 700; } .level-2.current .icon {   visibility: visible; } .level-2.international {   position: relative;   margin-top: 10px;   padding-top: 1rem; } .level-2.international:before {   content: "";   display: block;   width: 40%;   height: 1px;   background-color: var(--vyv-bleu-fonce);   position: absolute;   top: 0;   left: 1.5rem;   z-index: 5; } body:not(.accueil) .primary-navigation .active .level-1 {   color: var(--vyv-bleu-fonce); } .secondary-navigation {   display: none;   color: var(--vyv-violet); } @media (min-width: 768px) {   .secondary-navigation {     width: 16.666667%;     align-items: flex-start;     justify-content: flex-end;   } } @media (min-width: 992px) {   .secondary-navigation {     display: flex;   } } .secondary-navigation a:focus, .secondary-navigation a:hover {   color: var(--vyv-violet-fonce) !important; } .menu-open .primary-navigation {   transform: translateY(78px); } .menu-btn {   z-index: 20;   position: relative;   order: 1;   display: block;   width: 40px;   height: 40px; } @media (min-width: 992px) {   .menu-btn {     display: none;   } } .menu-btn span {   display: block;   position: relative;   margin-bottom: 0.25rem;   background-color: var(--vyv-bleu-fonce);   pointer-events: none;   height: 3px;   transform-origin: 6px 0;   transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),   opacity 0.55s ease;   width: 26px;   margin-left: 7px;   z-index: 1; } .menu-btn span:first-child {   transform-origin: 0 0; } .menu-btn span:last-child {   margin-bottom: 0;   transform-origin: 0 100%; } .isie11 .menu-btn {   position: absolute;   margin-top: -8px; } .menu-open .menu-btn span {   opacity: 1;   transform: rotate(45deg) translate(-2px, -1px); } .menu-open .menu-btn span:nth-last-child(2) {   opacity: 0;   transform: rotate(0deg) scale(0.2); } .menu-open .menu-btn span:last-child {   transform: rotate(-45deg) translate(-2px); } @media screen and (min-width: 1420px) {   .navbar-top,   .search-btn {     margin-right: -2.5rem;   } } @media (min-width: 992px) {   .accueil:not(.fixed_navbar) .navbar .navbar-inverse,   .accueil:not(.fixed_navbar) .navbar .search-btn {     color: #482583;   }   .accueil:not(.fixed_navbar) .navbar .navbar-top li {     color: var(--vyv-blanc);   } } .search-btn {   order: 9999;   color: var(--vyv-violet);   position: relative;   width: 40px;   height: 40px;   z-index: 715; } .search-btn .icon {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); } .search-btn .icon:first-child {   opacity: 1; } .search-btn .icon:last-child {   opacity: 0;   stroke: var(--vyv-blanc); } @media (min-width: 992px) {   .search-btn {     color: var(--vyv-violet);     margin-left: 1rem;     z-index: 50;   }   .search-btn .icon:first-child {     opacity: 1;   }   .search-btn .icon:last-child {     display: none;   } } .search-btn:focus, .search-btn:hover {   color: var(--vyv-violet-fonce) !important; } .search-open .search-btn .icon:first-child {   opacity: 0; } .search-open .search-btn .icon:last-child {   opacity: 1; } @media (min-width: 992px) {   .search-open .search-btn .icon:first-child {     opacity: 1;   }   .search-open .search-btn .icon:last-child {     display: none;   } } @media (min-width: 992px) {   .accueil .navbar-top select {     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' height='8' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.99l-.02-.23c-.07-.88-.4-1.5-.91-1.7-.24-.08-.71-.16-1.24.36L5 4.35 2.2.45 2.16.4C1.64-.1 1.17-.02.93.07.43.27.1.88.02 1.76L0 1.99 5 8l5-6.01z'/%3E%3C/svg%3E");   } } .search-wrapper {   position: fixed;   top: 0;   right: 0;   bottom: 0;   left: 0;   display: flex;   flex-direction: column;   justify-content: flex-start;   align-items: center;   padding-top: 12rem;   z-index: 50;   opacity: 0;   transform: translate(110%);   height: 100vh;   width: 0;   transition: transform 0.3s ease-in-out, opacity 0.3s ease; } .search-open .search-wrapper {   visibility: visible;   opacity: 1;   transform: translate(0);   z-index: 710;   width: 100vw; } .search-close {   position: absolute;   top: 3rem;   right: 0;   padding: 1rem;   color: var(--vyv-blanc);   opacity: 0;   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-duration: 0.2s;   pointer-events: none;   z-index: -1; } .search-close .icon {   width: 34px;   height: 34px;   stroke: var(--vyv-blanc); } .search-close:hover {   opacity: 1; } @media (min-width: 992px) {   .search-close {     opacity: 1;     pointer-events: inherit;     z-index: 101;   } } .search-input {   width: 100%;   position: relative;   overflow: hidden; } .search-input input[type="search"] {   border-width: 2px;   border-color: transparent;   background-color: var(--vyv-blanc);   flex: 1 1 0%;   padding: 1.5rem;   outline: 0;   width: 100%;   height: 5rem;   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-duration: 0.2s; } .search-input input[type="search"]:focus {   background-color: #ebeaea;   border-color: #82358b; } @media (min-width: 992px) {   .search-input input[type="search"] {     font-size: 1.75rem;     padding-left: 3rem;     padding-right: 3rem;   } } .search-input input[type="search"] {   -webkit-appearance: none; } .search-input button[type="submit"] {   position: absolute;   right: 0;   color: var(--vyv-violet);   transition-property: all;   transition-duration: 0.2s;   top: 50%;   transform: translate(-2.5rem, -50%); } .search-input button[type="submit"]:focus, .search-input button[type="submit"]:hover {   color: #82358b; } .search-wrapper input:not([type="radio"]):not([type="checkbox"]) {   border-radius: 0; } .search-wrapper input[type="button"], .search-wrapper input[type="submit"], .search-wrapper input[type="text"], .search-wrapper textarea {   -webkit-appearance: none;   border-radius: 0; } input[type="search"] {   -webkit-appearance: none;   -webkit-border-radius: 0; } .page-navigation {   position: -webkit-sticky;   position: sticky;   top: 0;   background-color: var(--vyv-blanc);   z-index: 40;   padding: 1rem;   text-align: center; } @media (min-width: 768px) {   .page-navigation {     padding-top: 0;     padding-bottom: 0;   } } .js-stickybit-parent {   position: relative; } .page-navigation .menu {   flex-wrap: wrap;   justify-content: space-around;   display: none;   border-bottom-width: 2px;   border-color: #ebeaea; } @media (min-width: 768px) {   .page-navigation .menu {     display: flex;     align-items: stretch;   } } @media (min-width: 992px) {   .page-navigation .menu {     flex-wrap: nowrap;   } } .page-navigation .menu a {   display: block;   font-size: 1rem;   color: var(--vyv-violet);   opacity: 0.5;   transition-property: all;   transition-duration: 0.2s;   padding-top: 0.5rem;   line-height: 1;   text-align: center;   height: 100%;   margin-bottom: -2px; } .page-navigation .menu a > span {   display: table;   height: 48px; } .page-navigation .menu a > span > span {   display: table-cell;   vertical-align: middle; } .page-navigation .menu a:after {   display: block;   background-color: transparent;   margin-left: auto;   margin-right: auto;   margin-top: 0.5rem;   transition-property: all;   transition-duration: 0.2s;   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);   content: "";   height: 2px;   width: 28px; } .page-navigation .menu a:focus:after, .page-navigation .menu a:hover:after {   background-color: var(--vyv-bleu-fonce);   width: 100%; } @media (min-width: 992px) {   .page-navigation .menu a {     font-size: 1.5rem;   } } .page-navigation .menu li.current a {   opacity: 1;   font-weight: 700; } .page-navigation .menu li.current a:after {   background-color: var(--vyv-bleu-moyen); } .faq-select, .glossaire-select, .page-navigation-select {   display: block;   margin-left: auto;   margin-right: auto;   background-color: #0ca4d0; } @media (min-width: 768px) {   .faq-select,   .glossaire-select,   .page-navigation-select {     display: none;   } } .faq-select .dropdown-toggle, .glossaire-select .dropdown-toggle, .page-navigation-select .dropdown-toggle {   font-size: 1.125rem;   color: var(--vyv-blanc);   width: 100%;   padding-top: 0.5rem;   padding-bottom: 0.5rem; } .faq-select .dropdown-menu, .glossaire-select .dropdown-menu, .page-navigation-select .dropdown-menu {   background-color: var(--vyv-blanc);   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),   0 2px 4px -1px rgba(0, 0, 0, 0.06);   width: 260px;   right: inherit;   left: 50%;   margin-left: -130px; } .isie11 .page-navigation {   position: relative; } .isie11 .page-navigation.js-is-sticky {   width: 100%; } .isie11 .page-navigation .menu a > span > span {   height: 66px; } :root {   --accordion-size: 430px;   --accordion-size-close: 173px; } .accordion {   display: flex;   flex-direction: column;   width: 100%;   margin-top: 2rem; } @media (min-width: 992px) {   .accordion {     flex-direction: row;     height: 478px;     height: var(--accordion-size);   } } .accordion-item {   color: var(--vyv-blanc);   justify-content: flex-start;   align-items: center;   text-align: left;   transition-duration: 0.5s;   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);   position: relative;   overflow: hidden;   transition-property: all; } @media screen and (max-width: 767px) {   .accordion-item {     display: block !important;     transition-property: height;   } } @media (min-width: 768px) {   .accordion-item {     display: flex;     flex-direction: row;   } } @media (min-width: 992px) {   .accordion-item {     width: 173px;     width: var(--accordion-size-close);   } } .accordion-item:first-child {   background-color: var(--vyv-vert-moyen); } .accordion-item:nth-child(2) {   background-color: #ee7837; } .accordion-item:nth-child(3) {   background-color: #0ca4d0; } .accordion-item:nth-child(4) {   background-color: #fdd026; } @media (min-width: 992px) {   .accordion-item:not(.open) .accordion-btn {     position: absolute;     bottom: 0;     transform: rotate(-90deg);     height: 173px;     height: var(--accordion-size-close);     left: 173px;     left: var(--accordion-size-close);     width: 478px;     width: var(--accordion-size);   } } .accordion--offre {   max-width: 880px;   margin-right: auto;   margin-left: auto; } .accordion--offre .accordion-item:first-child {   background-color: #82358b; } .accordion--offre .accordion-item:nth-child(2) {   background-color: #0ca4d0; } .accordion--offre .accordion-item:nth-child(3) {   background-color: #fdd026; } .accordion--offre .accordion-item.open {   padding-right: 4rem;   padding-left: 4rem;   justify-content: flex-end;   align-content: flex-end;   align-items: flex-end; } @media (min-width: 768px) {   .accordion--offre .accordion-item.open .accordion-btn {     display: block;     flex: none;   } } .accordion-btn {   width: 100%;   transition-property: all;   cursor: pointer;   padding: 1rem;   transform-origin: bottom left;   text-align: center; } @media (min-width: 768px) {   .accordion-btn {     display: flex;     align-items: center;   } } @media (min-width: 992px) {   .accordion-btn {     padding: 2.5rem;   } } .accordion-title {   font-size: 1.125rem;   font-weight: 700;   line-height: 1;   margin-bottom: 0; } @media (min-width: 992px) {   .accordion-title {     font-size: 1.5625rem;   } } .accordion-desc {   font-weight: 500;   width: 100%;   max-height: 0;   height: auto;   overflow: hidden;   opacity: 0; } @media screen and (max-width: 767px) {   .accordion-desc {     transition-property: max-height, margin !important;   } } @media (min-width: 768px) {   .accordion-desc {     max-height: inherit;     overflow: inherit;     display: none;     margin-top: 1.5rem;   } } @media (min-width: 1200px) {   .accordion-desc p + p {     margin-top: 3rem;   } } .accordion-picto {   fill: currentColor;   margin-right: 1.5rem;   order: -9999;   height: 40px;   width: 40px; } @media screen and (max-width: 767px) {   .accordion-picto {     margin: 10px auto 0;   } } .accordion-btn, .accordion-desc, .accordion-picto, .accordion-title {   transition-property: transform;   transition-duration: 0.5s; } .accordion-item.open {   flex: 1 1 0%;   display: flex;   flex-direction: column;   justify-content: space-between;   align-items: center;   text-align: center;   padding: 1.5rem 2rem; } @media screen and (min-width: 1325px) {   .accordion-item.open {     padding: 2.5rem 5rem;   } } .accordion-item.open .accordion-btn {   padding: 0;   cursor: default;   pointer-events: none; } @media (min-width: 768px) {   .accordion-item.open .accordion-btn {     flex-direction: column;     flex: 1 1 0%;     justify-content: space-between;   } } .accordion-item.open .accordion-title {   font-size: 1.275rem;   z-index: 10;   text-align: center;   margin-bottom: 1rem;   order: -9999; } @media (min-width: 992px) {   .accordion-item.open .accordion-title {     font-size: 1.75rem;   } } @media screen and (min-width: 1325px) {   .accordion-item.open .accordion-title {     font-size: 1.875rem;   } } .accordion-item.open .accordion-desc {   max-height: 99em;   margin-top: 1.5rem; } @media (min-width: 768px) {   .accordion-item.open .accordion-desc {     display: block;     max-height: inherit;   } } .accordion-item.open .accordion-picto {   margin-right: 0;   height: 100px;   width: 100px; } @media screen and (max-width: 767px) {   .accordion-item.open .accordion-picto {     height: 40px;     width: 40px;     margin: 10px auto 0;   } } .accordion-item.open .accordion-btn, .accordion-item.open .accordion-desc, .accordion-item.open .accordion-picto, .accordion-item.open .accordion-title {   opacity: 1; } .accordion-item.enter .accordion-btn, .accordion-item.enter .accordion-desc, .accordion-item.enter .accordion-picto, .accordion-item.enter .accordion-title {   opacity: 0; } @media screen and (max-width: 767px) {   .accordion-item.enter .accordion-title {     opacity: 1;   } } .rapport-custom-button {   text-align: center;   margin-top: -1.5rem; } @media screen and (min-width: 1275px) {   .rapport-custom-button {     margin-top: -7rem;     float: right;   } } @media (min-width: 576px) {   .sm\:container {     width: 100%;     margin-right: auto;     margin-left: auto;   } } @media (min-width: 576px) and (min-width: 576px) {   .sm\:container {     max-width: 576px;   } } @media (min-width: 576px) and (min-width: 768px) {   .sm\:container {     max-width: 768px;   } } @media (min-width: 576px) and (min-width: 992px) {   .sm\:container {     max-width: 992px;   } } @media (min-width: 576px) and (min-width: 1200px) {   .sm\:container {     max-width: 1200px;   } } @media (min-width: 576px) {   .sm\:block {     display: block;   }   .sm\:flex {     display: flex;   }   .sm\:text-22 {     font-size: 1.4rem;   }   .sm\:mx-10 {     margin-left: 2.5rem;     margin-right: 2.5rem;   }   .sm\:mb-0 {     margin-bottom: 0;   }   .sm\:px-4 {     padding-left: 1rem;     padding-right: 1rem;   }   .sm\:pl-5 {     padding-left: 1.25rem;   }   .sm\:pt-8 {     padding-top: 2rem;   }   .sm\:text-left {     text-align: left;   }   .sm\:text-right {     text-align: right;   }   .sm\:w-1\/2 {     width: 50%;   } } @media (min-width: 768px) {   .md\:container {     width: 100%;     margin-right: auto;     margin-left: auto;   } } @media (min-width: 768px) and (min-width: 576px) {   .md\:container {     max-width: 576px;   } } @media (min-width: 768px) and (min-width: 768px) {   .md\:container {     max-width: 768px;   } } @media (min-width: 768px) and (min-width: 992px) {   .md\:container {     max-width: 992px;   } } @media (min-width: 768px) and (min-width: 1200px) {   .md\:container {     max-width: 1200px;   } } @media (min-width: 768px) {   .md\:space-x-8 > :not(template) ~ :not(template) {     margin-left: 2rem;   }   .md\:border-r {     border-right-width: 1px;   }   .md\:border-l {     border-left-width: 1px;   }   .md\:flex {     display: flex;   }   .md\:flex-row {     flex-direction: row;   }   .md\:justify-start {     justify-content: flex-start;   }   .md\:flex-1 {     flex: 1 1 0%;   }   .md\:float-right {     float: right;   }   .md\:text-20 {     font-size: 1.275rem;   }   .md\:text-28 {     font-size: 1.75rem;   }   .md\:-mx-4 {     margin-left: -1rem;     margin-right: -1rem;   }   .md\:mt-6 {     margin-top: 1.5rem;   }   .md\:mt-12 {     margin-top: 3rem;   }   .md\:mb-12 {     margin-bottom: 3rem;   }   .md\:mb-32 {     margin-bottom: 8rem;   }   .md\:ml-col {     margin-left: 110px;   }   .md\:px-4 {     padding-left: 1rem;     padding-right: 1rem;   }   .md\:py-32 {     padding-top: 8rem;     padding-bottom: 8rem;   }   .md\:pt-0 {     padding-top: 0;   }   .md\:pb-8 {     padding-bottom: 2rem;   }   .md\:pt-12 {     padding-top: 3rem;   }   .md\:pt-14 {     padding-top: 3.5rem;   }   .md\:pb-15 {     padding-bottom: 3.75rem;   }   .md\:pb-40 {     padding-bottom: 10rem;   }   .md\:text-left {     text-align: left;   }   .md\:text-right {     text-align: right;   }   .md\:w-1\/2 {     width: 50%;   }   .md\:w-1\/3 {     width: 33.333333%;   }   .md\:w-2\/5 {     width: 40%;   } } @media (min-width: 992px) {   .lg\:container {     width: 100%;     margin-right: auto;     margin-left: auto;   } } @media (min-width: 992px) and (min-width: 576px) {   .lg\:container {     max-width: 576px;   } } @media (min-width: 992px) and (min-width: 768px) {   .lg\:container {     max-width: 768px;   } } @media (min-width: 992px) and (min-width: 992px) {   .lg\:container {     max-width: 992px;   } } @media (min-width: 992px) and (min-width: 1200px) {   .lg\:container {     max-width: 1200px;   } } @media (min-width: 992px) {   .lg\:space-x-8 > :not(template) ~ :not(template) {     margin-left: 2rem;   }   .lg\:bg-transparent {     background-color: transparent;   }   .lg\:bg-white {     background-color: var(--vyv-blanc);   }   .lg\:border-grey-plaster {     border-color: #ebeaea;   }   .lg\:border-solid {     border-style: solid;   }   .lg\:border-r-2 {     border-right-width: 2px;   }   .lg\:block {     display: block;   }   .lg\:flex {     display: flex;   }   .lg\:flex-row {     flex-direction: row;   }   .lg\:items-start {     align-items: flex-start;   }   .lg\:justify-between {     justify-content: space-between;   }   .lg\:order-last {     order: 9999;   }   .lg\:h-8 {     height: 2rem;   }   .lg\:text-22 {     font-size: 1.4rem;   }   .lg\:text-24 {     font-size: 1.5rem;   }   .lg\:text-30 {     font-size: 1.875rem;   }   .lg\:text-45 {     font-size: 2.8125rem;   }   .lg\:mx-auto {     margin-left: auto;     margin-right: auto;   }   .lg\:mx-col {     margin-left: 110px;     margin-right: 110px;   }   .lg\:mt-0 {     margin-top: 0;   }   .lg\:mb-0 {     margin-bottom: 0;   }   .lg\:mb-4 {     margin-bottom: 1rem;   }   .lg\:mb-5 {     margin-bottom: 1.25rem;   }   .lg\:mt-6 {     margin-top: 1.5rem;   }   .lg\:mt-8 {     margin-top: 2rem;   }   .lg\:mr-8 {     margin-right: 2rem;   }   .lg\:mb-8 {     margin-bottom: 2rem;   }   .lg\:mt-10 {     margin-top: 2.5rem;   }   .lg\:mr-10 {     margin-right: 2.5rem;   }   .lg\:mt-12 {     margin-top: 3rem;   }   .lg\:ml-12 {     margin-left: 3rem;   }   .lg\:mt-16 {     margin-top: 4rem;   }   .lg\:mb-16 {     margin-bottom: 4rem;   }   .lg\:mb-18 {     margin-bottom: 4.5rem;   }   .lg\:mb-24 {     margin-bottom: 6rem;   }   .lg\:mt-32 {     margin-top: 8rem;   }   .lg\:mr-auto {     margin-right: auto;   }   .lg\:mr-col {     margin-right: 110px;   }   .lg\:ml-col {     margin-left: 110px;   }   .lg\:-mt-2 {     margin-top: -0.5rem;   }   .lg\:-mt-8 {     margin-top: -2rem;   }   .lg\:max-w-xs {     max-width: 22.5rem;   }   .lg\:max-w-s {     max-width: 30rem;   }   .lg\:px-0 {     padding-left: 0;     padding-right: 0;   }   .lg\:py-4 {     padding-top: 1rem;     padding-bottom: 1rem;   }   .lg\:px-4 {     padding-left: 1rem;     padding-right: 1rem;   }   .lg\:py-6 {     padding-top: 1.5rem;     padding-bottom: 1.5rem;   }   .lg\:py-10 {     padding-top: 2.5rem;     padding-bottom: 2.5rem;   }   .lg\:px-10 {     padding-left: 2.5rem;     padding-right: 2.5rem;   }   .lg\:px-20 {     padding-left: 5rem;     padding-right: 5rem;   }   .lg\:py-13 {     padding-top: 3.25rem;     padding-bottom: 3.25rem;   }   .lg\:py-16 {     padding-top: 4rem;     padding-bottom: 4rem;   }   .lg\:py-20 {     padding-top: 5rem;     padding-bottom: 5rem;   }   .lg\:pt-0 {     padding-top: 0;   }   .lg\:pr-4 {     padding-right: 1rem;   }   .lg\:pb-4 {     padding-bottom: 1rem;   }   .lg\:pr-5 {     padding-right: 1.25rem;   }   .lg\:pb-5 {     padding-bottom: 1.25rem;   }   .lg\:pt-8 {     padding-top: 2rem;   }   .lg\:pl-8 {     padding-left: 2rem;   }   .lg\:pt-10 {     padding-top: 2.5rem;   }   .lg\:pt-14 {     padding-top: 3.5rem;   }   .lg\:pr-14 {     padding-right: 3.5rem;   }   .lg\:pl-14 {     padding-left: 3.5rem;   }   .lg\:pb-15 {     padding-bottom: 3.75rem;   }   .lg\:pb-18 {     padding-bottom: 4.5rem;   }   .lg\:pb-20 {     padding-bottom: 5rem;   }   .lg\:pt-30 {     padding-top: 7.5rem;   }   .lg\:pt-32 {     padding-top: 8rem;   }   .lg\:pb-32 {     padding-bottom: 8rem;   }   .lg\:pb-40 {     padding-bottom: 10rem;   }   .lg\:pt-44 {     padding-top: 11rem;   }   .lg\:pt-48 {     padding-top: 12rem;   }   .lg\:pr-col {     padding-right: 110px;   }   .lg\:pl-col {     padding-left: 110px;   }   .lg\:absolute {     position: absolute;   }   .lg\:text-left {     text-align: left;   }   .lg\:text-right {     text-align: right;   }   .lg\:w-12 {     width: 3rem;   }   .lg\:w-1\/2 {     width: 50%;   }   .lg\:w-1\/3 {     width: 33.333333%;   }   .lg\:w-1\/4 {     width: 25%;   }   .lg\:w-1\/5 {     width: 20%;   }   .lg\:w-2\/5 {     width: 40%;   }   .lg\:w-3\/5 {     width: 60%;   }   .lg\:w-4\/5 {     width: 80%;   }   .lg\:w-5\/12 {     width: 41.666667%;   }   .lg\:w-10\/12 {     width: 83.333333%;   } } @media (min-width: 1200px) {   .xl\:container {     width: 100%;     margin-right: auto;     margin-left: auto;   } } @media (min-width: 1200px) and (min-width: 576px) {   .xl\:container {     max-width: 576px;   } } @media (min-width: 1200px) and (min-width: 768px) {   .xl\:container {     max-width: 768px;   } } @media (min-width: 1200px) and (min-width: 992px) {   .xl\:container {     max-width: 992px;   } } @media (min-width: 1200px) and (min-width: 1200px) {   .xl\:container {     max-width: 1200px;   } } @media (min-width: 1200px) {   .xl\:float-right {     float: right;   }   .xl\:text-19 {     font-size: 1.2rem;   }   .xl\:mt-0 {     margin-top: 0;   }   .xl\:mb-0 {     margin-bottom: 0;   }   .xl\:mb-22 {     margin-bottom: 5.5rem;   }   .xl\:ml-col {     margin-left: 110px;   }   .xl\:-mt-8 {     margin-top: -2rem;   }   .xl\:-mt-18 {     margin-top: -4.5rem;   }   .xl\:py-5 {     padding-top: 1.25rem;     padding-bottom: 1.25rem;   }   .xl\:px-20 {     padding-left: 5rem;     padding-right: 5rem;   }   .xl\:pr-16 {     padding-right: 4rem;   }   .xl\:pl-16 {     padding-left: 4rem;   }   .xl\:pr-18 {     padding-right: 4.5rem;   }   .xl\:pb-48 {     padding-bottom: 12rem;   }   .xl\:w-2\/3 {     width: 66.666667%;   }   .xl\:w-4\/12 {     width: 33.333333%;   }   .xl\:w-6\/12 {     width: 50%;   }   .xl\:w-8\/12 {     width: 66.666667%;   }   .xl\:w-10\/12 {     width: 83.333333%;   }   .xl\:translate-x-4 {     transform: translateX(1rem);   }   .xl\:translate-x-24 {     transform: translateX(6rem);   } }  @font-face {   font-family: swiper-icons;   src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");   font-weight: 400;   font-style: normal; } :root {   --swiper-theme-color: #007aff; } .swiper-container {   margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 0;   z-index: 1; } .swiper-container-vertical > .swiper-wrapper {   flex-direction: column; } .swiper-wrapper {   position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper {   transform: translateZ(0); } .swiper-container-multirow > .swiper-wrapper {   flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper {   flex-wrap: wrap;   flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper {   transition-timing-function: ease-out;   margin: 0 auto; } .swiper-slide {   flex-shrink: 0;   width: 100%;   height: 100%;   position: relative;   transition-property: transform; } .swiper-slide-invisible-blank {   visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {   height: auto; } .swiper-container-autoheight .swiper-wrapper {   align-items: flex-start;   transition-property: transform, height; } .swiper-container-3d {   perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {   transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   pointer-events: none;   z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left {   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right {   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top {   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom {   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-css-mode > .swiper-wrapper {   overflow: auto;   scrollbar-width: none;   -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {   display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {   scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {   -ms-scroll-snap-type: x mandatory;   scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {   -ms-scroll-snap-type: y mandatory;   scroll-snap-type: y mandatory; } :root {   --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev {   position: absolute;   top: 50%;   width: 27px;   width: calc(var(--swiper-navigation-size) / 44 * 27);   height: 44px;   height: var(--swiper-navigation-size);   margin-top: -22px;   margin-top: calc(-1 * var(--swiper-navigation-size) / 2);   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-theme-color);   color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {   opacity: 0.35;   cursor: auto;   pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after {   font-family: swiper-icons;   font-size: 44px;   font-size: var(--swiper-navigation-size);   text-transform: none !important;   letter-spacing: 0;   text-transform: none;   font-feature-settings: normal;   font-variant: normal;   line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next {   left: 10px;   right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {   content: "prev"; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev {   right: 10px;   left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {   content: "next"; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {   --swiper-navigation-color: var(--vyv-blanc); } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {   --swiper-navigation-color: var(--vyv-noir); } .swiper-button-lock {   display: none; } .swiper-pagination {   position: absolute;   text-align: center;   transition: opacity 0.3s;   transform: translateZ(0);   z-index: 10; } .swiper-pagination.swiper-pagination-hidden {   opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {   bottom: 10px;   left: 0;   width: 100%; } .swiper-pagination-bullets-dynamic {   overflow: hidden;   font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transform: scale(0.33);   position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {   transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {   transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {   transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {   transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {   transform: scale(0.33); } .swiper-pagination-bullet {   width: 8px;   height: 8px;   display: inline-block;   border-radius: 100%;   background: var(--vyv-noir);   opacity: 0.2; } button.swiper-pagination-bullet {   border: none;   margin: 0;   padding: 0;   box-shadow: none;   -webkit-appearance: none;   -moz-appearance: none;   appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet {   cursor: pointer; } .swiper-pagination-bullet-active {   opacity: 1;   background: var(--swiper-theme-color);   background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets {   right: 10px;   top: 50%;   transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {   margin: 6px 0;   display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {   top: 50%;   transform: translateY(-50%);   width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   display: inline-block;   transition: transform 0.2s, top 0.2s; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {   margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {   left: 50%;   transform: translateX(-50%);   white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: transform 0.2s, left 0.2s; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: transform 0.2s, right 0.2s; } .swiper-pagination-progressbar {   background: rgba(0, 0, 0, 0.25);   position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {   background: var(--swiper-theme-color);   background: var(--swiper-pagination-color, var(--swiper-theme-color));   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   transform: scale(0);   transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {   transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {   width: 100%;   height: 4px;   left: 0;   top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {   width: 4px;   height: 100%;   left: 0;   top: 0; } .swiper-pagination-white {   --swiper-pagination-color: var(--vyv-blanc); } .swiper-pagination-black {   --swiper-pagination-color: var(--vyv-noir); } .swiper-pagination-lock {   display: none; } .swiper-scrollbar {   border-radius: 10px;   position: relative;   -ms-touch-action: none;   background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar {   position: absolute;   left: 1%;   bottom: 3px;   z-index: 50;   height: 5px;   width: 98%; } .swiper-container-vertical > .swiper-scrollbar {   position: absolute;   right: 3px;   top: 1%;   z-index: 50;   width: 5px;   height: 98%; } .swiper-scrollbar-drag {   height: 100%;   width: 100%;   position: relative;   background: rgba(0, 0, 0, 0.5);   border-radius: 10px;   left: 0;   top: 0; } .swiper-scrollbar-cursor-drag {   cursor: move; } .swiper-scrollbar-lock {   display: none; } .swiper-zoom-container {   width: 100%;   height: 100%;   display: flex;   justify-content: center;   align-items: center;   text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {   max-width: 100%;   max-height: 100%;   -o-object-fit: contain;   object-fit: contain; } .swiper-slide-zoomed {   cursor: move; } .swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;   z-index: 10;   transform-origin: 50%;   -webkit-animation: swiper-preloader-spin 1s linear infinite;   animation: swiper-preloader-spin 1s linear infinite;   box-sizing: border-box;   border-left: 4px solid var(--swiper-theme-color);   border-bottom: 4px solid var(--swiper-theme-color);   border-right: 4px solid var(--swiper-theme-color);   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));   border-radius: 50%;   border-top: 4px solid transparent; } .swiper-lazy-preloader-white {   --swiper-preloader-color: var(--vyv-blanc); } .swiper-lazy-preloader-black {   --swiper-preloader-color: var(--vyv-noir); } @-webkit-keyframes swiper-preloader-spin {   to {     transform: rotate(1turn);   } } @keyframes swiper-preloader-spin {   to {     transform: rotate(1turn);   } } .swiper-container .swiper-notification {   position: absolute;   left: 0;   top: 0;   pointer-events: none;   opacity: 0;   z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide {   transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide {   pointer-events: none;   transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide {   pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {   pointer-events: auto; } .swiper-container-cube {   overflow: visible; } .swiper-container-cube .swiper-slide {   pointer-events: none;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   z-index: 1;   visibility: hidden;   transform-origin: 0 0;   width: 100%;   height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide {   pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide {   transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {   pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {   pointer-events: auto;   visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {   z-index: 0;   -webkit-backface-visibility: hidden;   backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow {   position: absolute;   left: 0;   bottom: 0;   width: 100%;   height: 100%;   background: var(--vyv-noir);   opacity: 0.6;   filter: blur(50px);   z-index: 0; } .swiper-container-flip {   overflow: visible; } .swiper-container-flip .swiper-slide {   pointer-events: none;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide {   pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {   pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {   z-index: 0;   -webkit-backface-visibility: hidden;   backface-visibility: hidden; } .slider-pagination {   display: flex;   align-items: center;   justify-content: center; } .swiper-bullet {   display: block;   background-color: var(--vyv-violet);   border-radius: 9999px;   opacity: 0.5;   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-duration: 0.2s;   height: 10px;   width: 10px; } .swiper-bullet-active {   opacity: 1; } .swiper-button-disabled {   opacity: 0.25;   cursor: not-allowed; } .carousel-1 {   position: relative;   height: auto; } @media (min-width: 992px) {   .carousel-1 {     padding-top: 3rem;     padding-bottom: 3rem;   } } .carousel-1 .swiper-container {   height: 450px; } @media (min-width: 768px) {   .carousel-1 .swiper-container {     height: 620px;   } } .carousel-1 .carousel-navigation {   position: absolute;   width: 100%;   display: none;   align-items: center;   justify-content: space-between;   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   left: 50%;   top: 42%;   transform: translate(-50%, -50%);   width: calc(100% + 50px); } @media (min-width: 992px) {   .carousel-1 .carousel-navigation {     display: flex;     width: calc(100% + 150px);   } } .carousel-1 .carousel-pagination, .carousel-2 .carousel-pagination {   position: absolute;   width: 100%;   display: flex;   align-items: center;   justify-content: center;   bottom: -2rem;   height: 1rem; } .carousel-navigation button {   color: var(--vyv-violet);   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transform-origin: center;   transition-duration: 0.2s; } .carousel-navigation button:hover {   color: #82358b;   transform: scale(1.05); } .carousel-1 .carousel-title {   text-align: center;   font-weight: 700;   font-size: 1.275rem;   line-height: 1.25;   padding-bottom: 1.5rem;   color: var(--vyv-violet); } @media (min-width: 768px) {   .carousel-1 .carousel-title {     padding-top: 1.5rem;   } } .carousel-1 .swiper-slide {   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-duration: 0.2s;   display: flex;   justify-content: center;   align-items: center; } .carousel-1 .swiper-slide img {   position: absolute;   width: 100%; } .carousel-1 .swiper-slide .carousel-btn {   position: absolute;   color: var(--vyv-violet);   transition-property: background-color, border-color, color, fill, stroke,   opacity, box-shadow, transform;   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);   z-index: 20;   opacity: 0;   transform: scale(0);   left: 1.5rem;   top: 50%;   transform: translateX(-50%); } @media (min-width: 992px) {   .carousel-1 .swiper-slide .carousel-btn {     left: 90px;   } } .carousel-1 .swiper-slide .carousel-btn:focus, .carousel-1 .swiper-slide .carousel-btn:hover {   color: var(--vyv-bleu-fonce); } .carousel-1 .swiper-slide-next {   justify-content: flex-end; } .carousel-1 .swiper-slide-prev {   justify-content: flex-start; } .carousel-1 .image-wrapper {   position: relative;   width: 100%;   height: 150px; } @media (min-width: 1200px) {   .carousel-1 .image-wrapper {     height: 200px;   } } .carousel-1 .image-wrapper img {   display: block;   width: calc(100% - 4px);   height: calc(100% - 4px);   border-left: 2px solid var(--vyv-fond-gris);   border-right: 2px solid var(--vyv-fond-gris);   margin: 2px auto 0;   -o-object-fit: cover;   object-fit: cover; } @media (min-width: 992px) {   .carousel-1 .image-wrapper:after {     content: "";     display: block;     width: calc(100% - 4px);     height: calc(100% - 4px);     opacity: 1;     transition: all 0.2s ease-in-out;     background-color: rgba(67, 72, 79, 0.5);     position: absolute;     top: 50%;     left: 50%;     z-index: 0;     transform: translate(-50%, -50%);   }   .carousel-1 .image-wrapper:hover:after {     opacity: 0;   } } .carousel-1 .swiper-slide-active .image-wrapper {   height: 340px; } @media (min-width: 992px) {   .carousel-1 .swiper-slide-active .image-wrapper {     height: 501px;   } } .carousel-1 .image-mask {   position: relative;   display: block;   background-repeat: no-repeat;   background-position: 50%;   background-size: cover;   transition-duration: 0.3s;   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);   transform-origin: center;   width: 100%;   height: 100%;   background-color: transparent;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/mask-carousel-inactive.svg);   content: "";   z-index: 1;   transition-property: background-color; } @media screen and (min-width: 968px) {   .carousel-1 .image-mask {     width: 100%;     height: 100%;   } } .carousel-1 .image-mask .desc {   display: none;   color: var(--vyv-blanc);   font-size: 0.875rem;   visibility: hidden;   opacity: 0;   transition-property: opacity;   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);   padding: 80px; } @media (min-width: 992px) {   .carousel-1 .image-mask .desc {     font-size: 1rem;     padding: 150px;   } } .carousel-1 .image-mask:hover {   background-color: transparent; } @media (min-width: 992px) {   .carousel-1 .swiper-slide-active .desc {     display: block;   } } .swiper-slide-active .image-wrapper {   position: relative; } @media (min-width: 992px) {   .swiper-slide-active .image-wrapper:after {     opacity: 0;     background-color: var(--vyv-violet);     position: absolute;   }   .swiper-slide-active .image-wrapper:hover:after {     opacity: 1;   } } .carousel-1 .swiper-slide-active .image-mask {   background-color: transparent;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/mask-carousel-inactive.svg); } @media (min-width: 992px) {   .carousel-1 .swiper-slide-active .image-mask {     background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/mask-carousel-active.png);   }   .carousel-1 .swiper-slide-active .image-mask:hover .desc {     visibility: visible;     opacity: 1;     transition-duration: 0.3s;     transition-delay: 0.2s;     z-index: 900;   } } .carousel-1 .swiper-slide > div {   width: 150px; } @media (min-width: 1200px) {   .carousel-1 .swiper-slide > div {     width: 200px;   } } .carousel-1 .swiper-slide-active > div {   position: absolute;   top: 0;   width: 340px; } @media (min-width: 992px) {   .carousel-1 .swiper-slide-active > div {     width: 635px;   } } .carousel-1 .swiper-slide-active > div .carousel-title {   color: #ee7837;   margin-top: 1.5rem; } @media (min-width: 992px) {   .carousel-1 .swiper-slide-active > div .carousel-title {     font-size: 1.625rem;   } } .carousel-1 .swiper-slide-active > div .carousel-btn {   opacity: 1;   transform: scale(1);   transition-duration: 0.2s;   transition-delay: 0.2s; } .carousel-1 .swiper-slide-active > div:hover .carousel-btn {   z-index: 0; } @media screen and (max-width: 991px) {   .carousel-1 .swiper-slide-active > div:hover .carousel-btn {     z-index: 50;   } }  :root {   --blue: #007bff;   --indigo: #6610f2;   --purple: #6f42c1;   --pink: #e83e8c;   --red: #dc3545;   --orange: #eb6530;   --yellow: #f8b014;   --green: #28a745;   --teal: #20c997;   --cyan: var(--vyv-bleu-fonce);   --white: var(--vyv-blanc);   --gray: #878786;   --gray-dark: #343a40;   --primary: #472783;   --secondary: var(--vyv-bleu-fonce);   --success: #28a745;   --info: var(--vyv-bleu-fonce);   --warning: #f8b014;   --danger: #dc3545;   --light: #f8f9f8;   --dark: #343a40;   --breakpoint-xs: 0;   --breakpoint-sm: 576px;   --breakpoint-md: 768px;   --breakpoint-lg: 992px;   --breakpoint-xl: 1200px;   --font-family-sans-serif: "Wigrum", "Segoe UI", Roboto, "Helvetica Neue",   Arial, "Noto Sans", sans-serif;   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,   "Liberation Mono", "Courier New", monospace;   --vyv-blanc: #ffffff;   --vyv-noir: #000000;   --vyv-violet: #472583;   --vyv-violet-fonce: #a61680;   --vyv-violet-clair: #eba4a7;   --vyv-violet-moyen: #cb5c99;   --vyv-bleu-moyen: #009ec9;   --vyv-bleu-fonce: #0074b0;   --vyv-gris-texte: #6f6f6f;   --vyv-fond-gris: #f8f7f7;   --vyv-vert-moyen: #6aa22f;   --vyv-vert-fonce: #1d8839;   --vyv-orange-fonce: #e42312;   --vyv-orange-moyen: #ed7102;   --vyv-orange-clair: #ffdd00;   --vyv-corail-moyen: #e56b84; } .img-fluid, .img-thumbnail {   max-width: 100%;   height: auto; } .img-thumbnail {   padding: 0.25rem;   background-color: var(--vyv-blanc);   border: 1px solid #dee2e6;   border-radius: 0.25rem; } .figure {   display: inline-block; } .figure-img {   margin-bottom: 0.5rem;   line-height: 1; } .figure-caption {   font-size: 90%;   color: #878786; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {   width: 100%;   padding-right: 10px;   padding-left: 10px;   margin-right: auto;   margin-left: auto; } @media (min-width: 576px) {   .container,   .container-sm {     max-width: 540px;   } } @media (min-width: 768px) {   .container,   .container-md,   .container-sm {     max-width: 720px;   } } @media (min-width: 992px) {   .container,   .container-lg,   .container-md,   .container-sm {     max-width: 960px;   } } @media (min-width: 1200px) {   .container,   .container-lg,   .container-md,   .container-sm,   .container-xl {     max-width: 1310px;   } } .row {   display: flex;   flex-wrap: wrap;   margin-right: -10px;   margin-left: -10px; } .no-gutters {   margin-right: 0;   margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] {   padding-right: 0;   padding-left: 0; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {   position: relative;   width: 100%;   padding-right: 10px;   padding-left: 10px; } .col {   flex-basis: 0;   flex-grow: 1;   max-width: 100%; } .row-cols-1 > * {   flex: 0 0 100%;   max-width: 100%; } .row-cols-2 > * {   flex: 0 0 50%;   max-width: 50%; } .row-cols-3 > * {   flex: 0 0 33.3333333333%;   max-width: 33.3333333333%; } .row-cols-4 > * {   flex: 0 0 25%;   max-width: 25%; } .row-cols-5 > * {   flex: 0 0 20%;   max-width: 20%; } .row-cols-6 > * {   flex: 0 0 16.6666666667%;   max-width: 16.6666666667%; } .col-auto {   flex: 0 0 auto;   width: auto;   max-width: 100%; } .col-1 {   flex: 0 0 8.3333333333%;   max-width: 8.3333333333%; } .col-2 {   flex: 0 0 16.6666666667%;   max-width: 16.6666666667%; } .col-3 {   flex: 0 0 25%;   max-width: 25%; } .col-4 {   flex: 0 0 33.3333333333%;   max-width: 33.3333333333%; } .col-5 {   flex: 0 0 41.6666666667%;   max-width: 41.6666666667%; } .col-6 {   flex: 0 0 50%;   max-width: 50%; } .col-7 {   flex: 0 0 58.3333333333%;   max-width: 58.3333333333%; } .col-8 {   flex: 0 0 66.6666666667%;   max-width: 66.6666666667%; } .col-9 {   flex: 0 0 75%;   max-width: 75%; } .col-10 {   flex: 0 0 83.3333333333%;   max-width: 83.3333333333%; } .col-11 {   flex: 0 0 91.6666666667%;   max-width: 91.6666666667%; } .col-12 {   flex: 0 0 100%;   max-width: 100%; } .order-first {   order: -1; } .order-last {   order: 13; } .order-0 {   order: 0; } .order-1 {   order: 1; } .order-2 {   order: 2; } .order-3 {   order: 3; } .order-4 {   order: 4; } .order-5 {   order: 5; } .order-6 {   order: 6; } .order-7 {   order: 7; } .order-8 {   order: 8; } .order-9 {   order: 9; } .order-10 {   order: 10; } .order-11 {   order: 11; } .order-12 {   order: 12; } .offset-1 {   margin-left: 8.3333333333%; } .offset-2 {   margin-left: 16.6666666667%; } .offset-3 {   margin-left: 25%; } .offset-4 {   margin-left: 33.3333333333%; } .offset-5 {   margin-left: 41.6666666667%; } .offset-6 {   margin-left: 50%; } .offset-7 {   margin-left: 58.3333333333%; } .offset-8 {   margin-left: 66.6666666667%; } .offset-9 {   margin-left: 75%; } .offset-10 {   margin-left: 83.3333333333%; } .offset-11 {   margin-left: 91.6666666667%; } @media (min-width: 576px) {   .col-sm {     flex-basis: 0;     flex-grow: 1;     max-width: 100%;   }   .row-cols-sm-1 > * {     flex: 0 0 100%;     max-width: 100%;   }   .row-cols-sm-2 > * {     flex: 0 0 50%;     max-width: 50%;   }   .row-cols-sm-3 > * {     flex: 0 0 33.3333333333%;     max-width: 33.3333333333%;   }   .row-cols-sm-4 > * {     flex: 0 0 25%;     max-width: 25%;   }   .row-cols-sm-5 > * {     flex: 0 0 20%;     max-width: 20%;   }   .row-cols-sm-6 > * {     flex: 0 0 16.6666666667%;     max-width: 16.6666666667%;   }   .col-sm-auto {     flex: 0 0 auto;     width: auto;     max-width: 100%;   }   .col-sm-1 {     flex: 0 0 8.3333333333%;     max-width: 8.3333333333%;   }   .col-sm-2 {     flex: 0 0 16.6666666667%;     max-width: 16.6666666667%;   }   .col-sm-3 {     flex: 0 0 25%;     max-width: 25%;   }   .col-sm-4 {     flex: 0 0 33.3333333333%;     max-width: 33.3333333333%;   }   .col-sm-5 {     flex: 0 0 41.6666666667%;     max-width: 41.6666666667%;   }   .col-sm-6 {     flex: 0 0 50%;     max-width: 50%;   }   .col-sm-7 {     flex: 0 0 58.3333333333%;     max-width: 58.3333333333%;   }   .col-sm-8 {     flex: 0 0 66.6666666667%;     max-width: 66.6666666667%;   }   .col-sm-9 {     flex: 0 0 75%;     max-width: 75%;   }   .col-sm-10 {     flex: 0 0 83.3333333333%;     max-width: 83.3333333333%;   }   .col-sm-11 {     flex: 0 0 91.6666666667%;     max-width: 91.6666666667%;   }   .col-sm-12 {     flex: 0 0 100%;     max-width: 100%;   }   .order-sm-first {     order: -1;   }   .order-sm-last {     order: 13;   }   .order-sm-0 {     order: 0;   }   .order-sm-1 {     order: 1;   }   .order-sm-2 {     order: 2;   }   .order-sm-3 {     order: 3;   }   .order-sm-4 {     order: 4;   }   .order-sm-5 {     order: 5;   }   .order-sm-6 {     order: 6;   }   .order-sm-7 {     order: 7;   }   .order-sm-8 {     order: 8;   }   .order-sm-9 {     order: 9;   }   .order-sm-10 {     order: 10;   }   .order-sm-11 {     order: 11;   }   .order-sm-12 {     order: 12;   }   .offset-sm-0 {     margin-left: 0;   }   .offset-sm-1 {     margin-left: 8.3333333333%;   }   .offset-sm-2 {     margin-left: 16.6666666667%;   }   .offset-sm-3 {     margin-left: 25%;   }   .offset-sm-4 {     margin-left: 33.3333333333%;   }   .offset-sm-5 {     margin-left: 41.6666666667%;   }   .offset-sm-6 {     margin-left: 50%;   }   .offset-sm-7 {     margin-left: 58.3333333333%;   }   .offset-sm-8 {     margin-left: 66.6666666667%;   }   .offset-sm-9 {     margin-left: 75%;   }   .offset-sm-10 {     margin-left: 83.3333333333%;   }   .offset-sm-11 {     margin-left: 91.6666666667%;   } } @media (min-width: 768px) {   .col-md {     flex-basis: 0;     flex-grow: 1;     max-width: 100%;   }   .row-cols-md-1 > * {     flex: 0 0 100%;     max-width: 100%;   }   .row-cols-md-2 > * {     flex: 0 0 50%;     max-width: 50%;   }   .row-cols-md-3 > * {     flex: 0 0 33.3333333333%;     max-width: 33.3333333333%;   }   .row-cols-md-4 > * {     flex: 0 0 25%;     max-width: 25%;   }   .row-cols-md-5 > * {     flex: 0 0 20%;     max-width: 20%;   }   .row-cols-md-6 > * {     flex: 0 0 16.6666666667%;     max-width: 16.6666666667%;   }   .col-md-auto {     flex: 0 0 auto;     width: auto;     max-width: 100%;   }   .col-md-1 {     flex: 0 0 8.3333333333%;     max-width: 8.3333333333%;   }   .col-md-2 {     flex: 0 0 16.6666666667%;     max-width: 16.6666666667%;   }   .col-md-3 {     flex: 0 0 25%;     max-width: 25%;   }   .col-md-4 {     flex: 0 0 33.3333333333%;     max-width: 33.3333333333%;   }   .col-md-5 {     flex: 0 0 41.6666666667%;     max-width: 41.6666666667%;   }   .col-md-6 {     flex: 0 0 50%;     max-width: 50%;   }   .col-md-7 {     flex: 0 0 58.3333333333%;     max-width: 58.3333333333%;   }   .col-md-8 {     flex: 0 0 66.6666666667%;     max-width: 66.6666666667%;   }   .col-md-9 {     flex: 0 0 75%;     max-width: 75%;   }   .col-md-10 {     flex: 0 0 83.3333333333%;     max-width: 83.3333333333%;   }   .col-md-11 {     flex: 0 0 91.6666666667%;     max-width: 91.6666666667%;   }   .col-md-12 {     flex: 0 0 100%;     max-width: 100%;   }   .order-md-first {     order: -1;   }   .order-md-last {     order: 13;   }   .order-md-0 {     order: 0;   }   .order-md-1 {     order: 1;   }   .order-md-2 {     order: 2;   }   .order-md-3 {     order: 3;   }   .order-md-4 {     order: 4;   }   .order-md-5 {     order: 5;   }   .order-md-6 {     order: 6;   }   .order-md-7 {     order: 7;   }   .order-md-8 {     order: 8;   }   .order-md-9 {     order: 9;   }   .order-md-10 {     order: 10;   }   .order-md-11 {     order: 11;   }   .order-md-12 {     order: 12;   }   .offset-md-0 {     margin-left: 0;   }   .offset-md-1 {     margin-left: 8.3333333333%;   }   .offset-md-2 {     margin-left: 16.6666666667%;   }   .offset-md-3 {     margin-left: 25%;   }   .offset-md-4 {     margin-left: 33.3333333333%;   }   .offset-md-5 {     margin-left: 41.6666666667%;   }   .offset-md-6 {     margin-left: 50%;   }   .offset-md-7 {     margin-left: 58.3333333333%;   }   .offset-md-8 {     margin-left: 66.6666666667%;   }   .offset-md-9 {     margin-left: 75%;   }   .offset-md-10 {     margin-left: 83.3333333333%;   }   .offset-md-11 {     margin-left: 91.6666666667%;   } } @media (min-width: 992px) {   .col-lg {     flex-basis: 0;     flex-grow: 1;     max-width: 100%;   }   .row-cols-lg-1 > * {     flex: 0 0 100%;     max-width: 100%;   }   .row-cols-lg-2 > * {     flex: 0 0 50%;     max-width: 50%;   }   .row-cols-lg-3 > * {     flex: 0 0 33.3333333333%;     max-width: 33.3333333333%;   }   .row-cols-lg-4 > * {     flex: 0 0 25%;     max-width: 25%;   }   .row-cols-lg-5 > * {     flex: 0 0 20%;     max-width: 20%;   }   .row-cols-lg-6 > * {     flex: 0 0 16.6666666667%;     max-width: 16.6666666667%;   }   .col-lg-auto {     flex: 0 0 auto;     width: auto;     max-width: 100%;   }   .col-lg-1 {     flex: 0 0 8.3333333333%;     max-width: 8.3333333333%;   }   .col-lg-2 {     flex: 0 0 16.6666666667%;     max-width: 16.6666666667%;   }   .col-lg-3 {     flex: 0 0 25%;     max-width: 25%;   }   .col-lg-4 {     flex: 0 0 33.3333333333%;     max-width: 33.3333333333%;   }   .col-lg-5 {     flex: 0 0 41.6666666667%;     max-width: 41.6666666667%;   }   .col-lg-6 {     flex: 0 0 50%;     max-width: 50%;   }   .col-lg-7 {     flex: 0 0 58.3333333333%;     max-width: 58.3333333333%;   }   .col-lg-8 {     flex: 0 0 66.6666666667%;     max-width: 66.6666666667%;   }   .col-lg-9 {     flex: 0 0 75%;     max-width: 75%;   }   .col-lg-10 {     flex: 0 0 83.3333333333%;     max-width: 83.3333333333%;   }   .col-lg-11 {     flex: 0 0 91.6666666667%;     max-width: 91.6666666667%;   }   .col-lg-12 {     flex: 0 0 100%;     max-width: 100%;   }   .order-lg-first {     order: -1;   }   .order-lg-last {     order: 13;   }   .order-lg-0 {     order: 0;   }   .order-lg-1 {     order: 1;   }   .order-lg-2 {     order: 2;   }   .order-lg-3 {     order: 3;   }   .order-lg-4 {     order: 4;   }   .order-lg-5 {     order: 5;   }   .order-lg-6 {     order: 6;   }   .order-lg-7 {     order: 7;   }   .order-lg-8 {     order: 8;   }   .order-lg-9 {     order: 9;   }   .order-lg-10 {     order: 10;   }   .order-lg-11 {     order: 11;   }   .order-lg-12 {     order: 12;   }   .offset-lg-0 {     margin-left: 0;   }   .offset-lg-1 {     margin-left: 8.3333333333%;   }   .offset-lg-2 {     margin-left: 16.6666666667%;   }   .offset-lg-3 {     margin-left: 25%;   }   .offset-lg-4 {     margin-left: 33.3333333333%;   }   .offset-lg-5 {     margin-left: 41.6666666667%;   }   .offset-lg-6 {     margin-left: 50%;   }   .offset-lg-7 {     margin-left: 58.3333333333%;   }   .offset-lg-8 {     margin-left: 66.6666666667%;   }   .offset-lg-9 {     margin-left: 75%;   }   .offset-lg-10 {     margin-left: 83.3333333333%;   }   .offset-lg-11 {     margin-left: 91.6666666667%;   } } @media (min-width: 1200px) {   .col-xl {     flex-basis: 0;     flex-grow: 1;     max-width: 100%;   }   .row-cols-xl-1 > * {     flex: 0 0 100%;     max-width: 100%;   }   .row-cols-xl-2 > * {     flex: 0 0 50%;     max-width: 50%;   }   .row-cols-xl-3 > * {     flex: 0 0 33.3333333333%;     max-width: 33.3333333333%;   }   .row-cols-xl-4 > * {     flex: 0 0 25%;     max-width: 25%;   }   .row-cols-xl-5 > * {     flex: 0 0 20%;     max-width: 20%;   }   .row-cols-xl-6 > * {     flex: 0 0 16.6666666667%;     max-width: 16.6666666667%;   }   .col-xl-auto {     flex: 0 0 auto;     width: auto;     max-width: 100%;   }   .col-xl-1 {     flex: 0 0 8.3333333333%;     max-width: 8.3333333333%;   }   .col-xl-2 {     flex: 0 0 16.6666666667%;     max-width: 16.6666666667%;   }   .col-xl-3 {     flex: 0 0 25%;     max-width: 25%;   }   .col-xl-4 {     flex: 0 0 33.3333333333%;     max-width: 33.3333333333%;   }   .col-xl-5 {     flex: 0 0 41.6666666667%;     max-width: 41.6666666667%;   }   .col-xl-6 {     flex: 0 0 50%;     max-width: 50%;   }   .col-xl-7 {     flex: 0 0 58.3333333333%;     max-width: 58.3333333333%;   }   .col-xl-8 {     flex: 0 0 66.6666666667%;     max-width: 66.6666666667%;   }   .col-xl-9 {     flex: 0 0 75%;     max-width: 75%;   }   .col-xl-10 {     flex: 0 0 83.3333333333%;     max-width: 83.3333333333%;   }   .col-xl-11 {     flex: 0 0 91.6666666667%;     max-width: 91.6666666667%;   }   .col-xl-12 {     flex: 0 0 100%;     max-width: 100%;   }   .order-xl-first {     order: -1;   }   .order-xl-last {     order: 13;   }   .order-xl-0 {     order: 0;   }   .order-xl-1 {     order: 1;   }   .order-xl-2 {     order: 2;   }   .order-xl-3 {     order: 3;   }   .order-xl-4 {     order: 4;   }   .order-xl-5 {     order: 5;   }   .order-xl-6 {     order: 6;   }   .order-xl-7 {     order: 7;   }   .order-xl-8 {     order: 8;   }   .order-xl-9 {     order: 9;   }   .order-xl-10 {     order: 10;   }   .order-xl-11 {     order: 11;   }   .order-xl-12 {     order: 12;   }   .offset-xl-0 {     margin-left: 0;   }   .offset-xl-1 {     margin-left: 8.3333333333%;   }   .offset-xl-2 {     margin-left: 16.6666666667%;   }   .offset-xl-3 {     margin-left: 25%;   }   .offset-xl-4 {     margin-left: 33.3333333333%;   }   .offset-xl-5 {     margin-left: 41.6666666667%;   }   .offset-xl-6 {     margin-left: 50%;   }   .offset-xl-7 {     margin-left: 58.3333333333%;   }   .offset-xl-8 {     margin-left: 66.6666666667%;   }   .offset-xl-9 {     margin-left: 75%;   }   .offset-xl-10 {     margin-left: 83.3333333333%;   }   .offset-xl-11 {     margin-left: 91.6666666667%;   } } .form-control {   display: block;   width: 100%;   height: calc(2.2em + 0.2rem + 2px);   padding: 0.2rem 0;   font-size: 1.25rem;   font-weight: 400;   line-height: 1.7;   color: #472682;   background-color: transparent;   background-clip: padding-box;   border: 1px solid #472682;   border-radius: 0;   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {   .form-control {     transition: none;   } } .form-control::-ms-expand {   background-color: transparent;   border: 0; } .form-control:-moz-focusring {   color: transparent;   text-shadow: 0 0 0 #472682; } .form-control:focus {   color: #472682;   background-color: transparent;   border-color: #c175ca;   outline: 0;   box-shadow: none; } .form-control::-moz-placeholder {   color: #878786;   opacity: 1; } .form-control:-ms-input-placeholder {   color: #878786;   opacity: 1; } .form-control::placeholder {   color: #878786;   opacity: 1; } .form-control:disabled, .form-control[readonly] {   background-color: #e9ecef;   opacity: 1; } input[type="date"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control, input[type="time"].form-control {   -webkit-appearance: none;   -moz-appearance: none;   appearance: none; } select.form-control:focus::-ms-value {   color: #472682;   background-color: transparent; } .form-control-file, .form-control-range {   display: block;   width: 100%; } .col-form-label {   padding-top: calc(0.2rem + 1px);   padding-bottom: calc(0.2rem + 1px);   margin-bottom: 0;   font-size: inherit;   line-height: 1.7; } .col-form-label-lg {   padding-top: calc(0.4em + 1px);   padding-bottom: calc(0.4em + 1px);   font-size: 2rem;   line-height: 1.5; } .col-form-label-sm {   padding-top: calc(0.4rem + 1px);   padding-bottom: calc(0.4rem + 1px);   font-size: 1.4rem;   line-height: 1.5; } .form-control-plaintext {   display: block;   width: 100%;   padding: 0.2rem 0;   margin-bottom: 0;   font-size: 1.25rem;   line-height: 1.7;   color: #878786;   background-color: transparent;   border: solid transparent;   border-width: 1px 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {   padding-right: 0;   padding-left: 0; } .form-control-sm {   height: calc(1.5em + 0.8rem + 2px);   padding: 0.4rem 0;   font-size: 1.4rem;   line-height: 1.5;   border-radius: 0; } .form-control-lg {   height: calc(2.3em + 2px);   padding: 0.4em 0;   font-size: 2rem;   line-height: 1.5;   border-radius: 0; } select.form-control[multiple], select.form-control[size], textarea.form-control {   height: auto; } .form-group {   margin-bottom: 2em; } .form-text {   display: block;   margin-top: 0.25rem; } .form-row {   display: flex;   flex-wrap: wrap;   margin-right: -5px;   margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] {   padding-right: 5px;   padding-left: 5px; } .form-check {   position: relative;   display: block;   padding-left: 1.25rem; } .form-check-input {   position: absolute;   margin-top: 0.3rem;   margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {   color: #878786; } .form-check-label {   margin-bottom: 0; } .form-check-inline {   display: inline-flex;   align-items: center;   padding-left: 0;   margin-right: 0.75rem; } .form-check-inline .form-check-input {   position: static;   margin-top: 0;   margin-right: 0.3125rem;   margin-left: 0; } .valid-feedback {   display: none;   width: 100%;   margin-top: 0.25rem;   font-size: 80%;   color: #28a745; } .valid-tooltip {   position: absolute;   top: 100%;   left: 0;   z-index: 5;   display: none;   max-width: 100%;   padding: 0.25rem 0.5rem;   margin-top: 0.1rem;   font-size: 1.4rem;   line-height: 1.7;   color: var(--vyv-blanc);   background-color: rgba(40, 167, 69, 0.9);   border-radius: 0.25rem; } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {   display: block; } .form-control.is-valid, .was-validated .form-control:valid {   border-color: #28a745;   padding-right: calc(1.7em + 0.4rem);   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");   background-repeat: no-repeat;   background-position: right calc(0.425em + 0.1rem) center;   background-size: calc(0.85em + 0.2rem) calc(0.85em + 0.2rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus {   border-color: #28a745;   box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid {   padding-right: calc(1.7em + 0.4rem);   background-position: top calc(0.425em + 0.1rem) right calc(0.425em + 0.1rem); } .custom-select.is-valid, .was-validated .custom-select:valid {   border-color: #28a745;   padding-right: calc(0.75em + 3.3rem);   background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath fill='%233CBCD7' d='M.4 21.5l.1-1c.4-3.7 2.4-6.3 5.4-7.1 1.4-.4 4.2-.7 7.3 1.5L30 31.5l16.6-16.4.2-.2c3.1-2.2 5.9-1.8 7.3-1.4 3 .8 5 3.4 5.4 7.1l.1 1L30 46.8.4 21.5z'/%3E%3C/svg%3E") no-repeat right 0 center/16px 16px,   url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") transparent no-repeat center right 3rem / calc(0.85em + 0.2rem) calc(0.85em + 0.2rem); } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {   border-color: #28a745;   box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.25); } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {   color: #28a745; } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {   display: block; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {   color: #28a745; } .custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before {   border-color: #28a745; } .custom-control-input.is-valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before {   border-color: #34ce57;   background-color: #34ce57; } .custom-control-input.is-valid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label:before {   box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.25); } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before, .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before, .was-validated .custom-file-input:valid ~ .custom-file-label {   border-color: #28a745; } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {   border-color: #28a745;   box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.25); } .invalid-feedback {   display: none;   width: 100%;   margin-top: 0.25rem;   font-size: 80%;   color: #dc3545; } .invalid-tooltip {   position: absolute;   top: 100%;   left: 0;   z-index: 5;   display: none;   max-width: 100%;   padding: 0.25rem 0.5rem;   margin-top: 0.1rem;   font-size: 1.4rem;   line-height: 1.7;   color: var(--vyv-blanc);   background-color: rgba(220, 53, 69, 0.9);   border-radius: 0.25rem; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {   display: block; } .form-control.is-invalid, .was-validated .form-control:invalid {   border-color: #dc3545;   padding-right: calc(1.7em + 0.4rem);   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");   background-repeat: no-repeat;   background-position: right calc(0.425em + 0.1rem) center;   background-size: calc(0.85em + 0.2rem) calc(0.85em + 0.2rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {   border-color: #dc3545;   box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {   padding-right: calc(1.7em + 0.4rem);   background-position: top calc(0.425em + 0.1rem) right calc(0.425em + 0.1rem); } .custom-select.is-invalid, .was-validated .custom-select:invalid {   border-color: #dc3545;   padding-right: calc(0.75em + 3.3rem);   background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath fill='%233CBCD7' d='M.4 21.5l.1-1c.4-3.7 2.4-6.3 5.4-7.1 1.4-.4 4.2-.7 7.3 1.5L30 31.5l16.6-16.4.2-.2c3.1-2.2 5.9-1.8 7.3-1.4 3 .8 5 3.4 5.4 7.1l.1 1L30 46.8.4 21.5z'/%3E%3C/svg%3E") no-repeat right 0 center/16px 16px,   url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") transparent no-repeat center right 3rem / calc(0.85em + 0.2rem) calc(0.85em + 0.2rem); } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {   border-color: #dc3545;   box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25); } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {   color: #dc3545; } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {   display: block; } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {   color: #dc3545; } .custom-control-input.is-invalid ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .custom-control-label:before {   border-color: #dc3545; } .custom-control-input.is-invalid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before {   border-color: #e4606d;   background-color: #e4606d; } .custom-control-input.is-invalid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before {   box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25); } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before, .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before, .was-validated .custom-file-input:invalid ~ .custom-file-label {   border-color: #dc3545; } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {   border-color: #dc3545;   box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25); } .form-inline {   display: flex;   flex-flow: row wrap;   align-items: center; } .form-inline .form-check {   width: 100%; } @media (min-width: 576px) {   .form-inline label {     justify-content: center;   }   .form-inline .form-group,   .form-inline label {     display: flex;     align-items: center;     margin-bottom: 0;   }   .form-inline .form-group {     flex: 0 0 auto;     flex-flow: row wrap;   }   .form-inline .form-control {     display: inline-block;     width: auto;     vertical-align: middle;   }   .form-inline .form-control-plaintext {     display: inline-block;   }   .form-inline .custom-select,   .form-inline .input-group {     width: auto;   }   .form-inline .form-check {     display: flex;     align-items: center;     justify-content: center;     width: auto;     padding-left: 0;   }   .form-inline .form-check-input {     position: relative;     flex-shrink: 0;     margin-top: 0;     margin-right: 0.25rem;     margin-left: 0;   }   .form-inline .custom-control {     align-items: center;     justify-content: center;   }   .form-inline .custom-control-label {     margin-bottom: 0;   } } .custom-control {   position: relative;   z-index: 1;   display: block;   min-height: 2.72rem;   padding-left: 3.2rem; } .custom-control-inline {   display: inline-flex;   margin-right: 3.5rem; } .custom-control-input {   position: absolute;   left: 0;   z-index: -1;   width: 2rem;   height: 2.36rem;   opacity: 0; } .custom-control-input:checked ~ .custom-control-label:before {   color: #82358b;   border-color: #82358b;   background-color: var(--vyv-blanc); } .custom-control-input:focus ~ .custom-control-label:before {   box-shadow: none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {   border-color: #c175ca; } .custom-control-input:not(:disabled):active ~ .custom-control-label:before {   color: var(--vyv-blanc);   background-color: #d29ad8;   border-color: #d29ad8; } .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {   color: #878786; } .custom-control-input:disabled ~ .custom-control-label:before, .custom-control-input[disabled] ~ .custom-control-label:before {   background-color: #e9ecef; } .custom-control-label {   position: relative;   margin-bottom: 0;   color: #878786;   vertical-align: top; } .custom-control-label:before {   pointer-events: none;   background-color: var(--vyv-blanc);   border: 0.15rem solid #82358b; } .custom-control-label:after, .custom-control-label:before {   position: absolute;   top: 0.36rem;   left: -3.2rem;   display: block;   width: 2rem;   height: 2rem;   content: ""; } .custom-control-label:after {   background: no-repeat 50%/64% 64%; } .custom-checkbox .custom-control-label:before {   border-radius: 0; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.657.001c-.4.013-.78.181-1.058.469-3.768 3.777-6.622 6.91-10.168 10.517L2.537 7.694a1.539 1.539 0 10-1.995 2.343l5 4.231a1.539 1.539 0 002.09-.084c4.135-4.143 7.084-7.459 11.155-11.539a1.539 1.539 0 00-1.13-2.644z' fill='%2382358b'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {   border-color: #82358b;   background-color: #82358b; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%2382358b' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before {   background-color: rgba(71, 39, 131, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {   background-color: rgba(71, 39, 131, 0.5); } .custom-radio .custom-control-label:before {   border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label:after {   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='4' fill='%2382358b'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before {   background-color: rgba(71, 39, 131, 0.5); } .custom-switch {   padding-left: 4.7rem; } .custom-switch .custom-control-label:before {   left: -4.7rem;   width: 3.5rem;   pointer-events: all;   border-radius: 1rem; } .custom-switch .custom-control-label:after {   top: 0.66rem;   left: -4.4rem;   width: 1.4rem;   height: 1.4rem;   background-color: #82358b;   border-radius: 1rem;   transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,   border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {   .custom-switch .custom-control-label:after {     transition: none;   } } .custom-switch .custom-control-input:checked ~ .custom-control-label:after {   background-color: var(--vyv-blanc);   transform: translateX(1.5rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label:before {   background-color: rgba(71, 39, 131, 0.5); } .custom-select {   display: inline-block;   width: 100%;   height: calc(2.8em + 0.2rem + 2px);   padding: 0.2rem 3rem 0.2rem 0;   font-size: 1rem;   font-weight: 400;   line-height: 1.7;   color: #82358b;   vertical-align: middle;   background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath fill='%233CBCD7' d='M.4 21.5l.1-1c.4-3.7 2.4-6.3 5.4-7.1 1.4-.4 4.2-.7 7.3 1.5L30 31.5l16.6-16.4.2-.2c3.1-2.2 5.9-1.8 7.3-1.4 3 .8 5 3.4 5.4 7.1l.1 1L30 46.8.4 21.5z'/%3E%3C/svg%3E") no-repeat right 0 center/16px 16px;   border: 0 solid #472682;   border-radius: 0;   -webkit-appearance: none;   -moz-appearance: none;   appearance: none; } .custom-select:focus {   border-color: #c175ca;   outline: 0;   box-shadow: none; } .custom-select:focus::-ms-value {   color: #472682;   background-color: transparent; } .custom-select[multiple], .custom-select[size]:not([size="1"]) {   height: auto;   padding-right: 0;   background-image: none; } .custom-select:disabled {   color: #878786;   background-color: #e9ecef; } .custom-select::-ms-expand {   display: none; } .custom-select:-moz-focusring {   color: transparent;   text-shadow: 0 0 0 #82358b; } .custom-select-sm {   height: calc(1.5em + 0.8rem + 2px);   padding-top: 0.4rem;   padding-bottom: 0.4rem;   padding-left: 0;   font-size: 1.4rem; } .custom-select-lg {   height: calc(2.3em + 2px);   padding-top: 0.4em;   padding-bottom: 0.4em;   padding-left: 0;   font-size: 2rem; } .custom-file {   display: inline-block;   width: 100%;   height: 48px;   margin-bottom: 0; } .custom-file-input {   position: relative;   z-index: 2;   width: 100%;   height: 48px;   margin: 0;   opacity: 0; } .custom-file-input:focus ~ .custom-file-label {   border-color: #c175ca;   box-shadow: none; } .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label {   background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label:after {   content: "Browse"; } .custom-file-input:lang(fr) ~ .custom-file-label:after {   content: "Choisir un fichier"; } .custom-file-input ~ .custom-file-label[data-browse]:after {   content: attr(data-browse); } .custom-file-label {   left: 0;   z-index: 1;   height: 48px;   font-weight: 400;   background-color: transparent;   border: 1px solid #472682;   border-radius: 0; } .custom-file-label, .custom-file-label:after {   position: absolute;   top: 0;   right: 0;   padding: 0.2rem 0;   line-height: 1.7;   color: #472682; } .custom-file-label:after {   bottom: 0;   z-index: 3;   display: block;   height: calc(1.7em + 0.4rem);   content: "Browse";   background-color: #e9ecef;   border-left: inherit;   border-radius: 0 0 0 0; } .custom-range {   width: 100%;   height: 1.2rem;   padding: 0;   background-color: transparent;   -webkit-appearance: none;   -moz-appearance: none;   appearance: none; } .custom-range:focus {   outline: none; } .custom-range:focus::-webkit-slider-thumb {   box-shadow: 0 0 0 1px var(--vyv-blanc), none; } .custom-range:focus::-moz-range-thumb {   box-shadow: 0 0 0 1px var(--vyv-blanc), none; } .custom-range:focus::-ms-thumb {   box-shadow: 0 0 0 1px var(--vyv-blanc), none; } .custom-range::-moz-focus-outer {   border: 0; } .custom-range::-webkit-slider-thumb {   width: 1rem;   height: 1rem;   margin-top: -0.25rem;   background-color: #82358b;   border: 0;   border-radius: 1rem;   -webkit-transition: background-color 0.15s ease-in-out,   border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,   box-shadow 0.15s ease-in-out;   -webkit-appearance: none;   appearance: none; } @media (prefers-reduced-motion: reduce) {   .custom-range::-webkit-slider-thumb {     -webkit-transition: none;     transition: none;   } } .custom-range::-webkit-slider-thumb:active {   background-color: #d29ad8; } .custom-range::-webkit-slider-runnable-track {   width: 100%;   height: 0.5rem;   color: transparent;   cursor: pointer;   background-color: #dee2e6;   border-color: transparent;   border-radius: 1rem; } .custom-range::-moz-range-thumb {   width: 1rem;   height: 1rem;   background-color: #82358b;   border: 0;   border-radius: 1rem;   -moz-transition: background-color 0.15s ease-in-out,   border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,   box-shadow 0.15s ease-in-out;   -moz-appearance: none;   appearance: none; } @media (prefers-reduced-motion: reduce) {   .custom-range::-moz-range-thumb {     -moz-transition: none;     transition: none;   } } .custom-range::-moz-range-thumb:active {   background-color: #d29ad8; } .custom-range::-moz-range-track {   width: 100%;   height: 0.5rem;   color: transparent;   cursor: pointer;   background-color: #dee2e6;   border-color: transparent;   border-radius: 1rem; } .custom-range::-ms-thumb {   width: 1rem;   height: 1rem;   margin-top: 0;   margin-right: 0.1rem;   margin-left: 0.1rem;   background-color: #82358b;   border: 0;   border-radius: 1rem;   -ms-transition: background-color 0.15s ease-in-out,   border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,   box-shadow 0.15s ease-in-out;   appearance: none; } @media (prefers-reduced-motion: reduce) {   .custom-range::-ms-thumb {     -ms-transition: none;     transition: none;   } } .custom-range::-ms-thumb:active {   background-color: #d29ad8; } .custom-range::-ms-track {   width: 100%;   height: 0.5rem;   color: transparent;   cursor: pointer;   background-color: transparent;   border-color: transparent;   border-width: 0.5rem; } .custom-range::-ms-fill-lower, .custom-range::-ms-fill-upper {   background-color: #dee2e6;   border-radius: 1rem; } .custom-range::-ms-fill-upper {   margin-right: 15px; } .custom-range:disabled::-webkit-slider-thumb {   background-color: #9a9a99; } .custom-range:disabled::-webkit-slider-runnable-track {   cursor: default; } .custom-range:disabled::-moz-range-thumb {   background-color: #9a9a99; } .custom-range:disabled::-moz-range-track {   cursor: default; } .custom-range:disabled::-ms-thumb {   background-color: #9a9a99; } .custom-control-label:before, .custom-file-label, .custom-select {   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,   box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {   .custom-control-label:before,   .custom-file-label,   .custom-select {     transition: none;   } } .d-none {   display: none !important; } .d-inline {   display: inline !important; } .d-inline-block {   display: inline-block !important; } .d-block {   display: block !important; } .d-table {   display: table !important; } .d-table-row {   display: table-row !important; } .d-table-cell {   display: table-cell !important; } .d-flex {   display: flex !important; } .d-inline-flex {   display: inline-flex !important; } @media (min-width: 576px) {   .d-sm-none {     display: none !important;   }   .d-sm-inline {     display: inline !important;   }   .d-sm-inline-block {     display: inline-block !important;   }   .d-sm-block {     display: block !important;   }   .d-sm-table {     display: table !important;   }   .d-sm-table-row {     display: table-row !important;   }   .d-sm-table-cell {     display: table-cell !important;   }   .d-sm-flex {     display: flex !important;   }   .d-sm-inline-flex {     display: inline-flex !important;   } } @media (min-width: 768px) {   .d-md-none {     display: none !important;   }   .d-md-inline {     display: inline !important;   }   .d-md-inline-block {     display: inline-block !important;   }   .d-md-block {     display: block !important;   }   .d-md-table {     display: table !important;   }   .d-md-table-row {     display: table-row !important;   }   .d-md-table-cell {     display: table-cell !important;   }   .d-md-flex {     display: flex !important;   }   .d-md-inline-flex {     display: inline-flex !important;   } } @media (min-width: 992px) {   .d-lg-none {     display: none !important;   }   .d-lg-inline {     display: inline !important;   }   .d-lg-inline-block {     display: inline-block !important;   }   .d-lg-block {     display: block !important;   }   .d-lg-table {     display: table !important;   }   .d-lg-table-row {     display: table-row !important;   }   .d-lg-table-cell {     display: table-cell !important;   }   .d-lg-flex {     display: flex !important;   }   .d-lg-inline-flex {     display: inline-flex !important;   } } @media (min-width: 1200px) {   .d-xl-none {     display: none !important;   }   .d-xl-inline {     display: inline !important;   }   .d-xl-inline-block {     display: inline-block !important;   }   .d-xl-block {     display: block !important;   }   .d-xl-table {     display: table !important;   }   .d-xl-table-row {     display: table-row !important;   }   .d-xl-table-cell {     display: table-cell !important;   }   .d-xl-flex {     display: flex !important;   }   .d-xl-inline-flex {     display: inline-flex !important;   } } @media print {   .d-print-none {     display: none !important;   }   .d-print-inline {     display: inline !important;   }   .d-print-inline-block {     display: inline-block !important;   }   .d-print-block {     display: block !important;   }   .d-print-table {     display: table !important;   }   .d-print-table-row {     display: table-row !important;   }   .d-print-table-cell {     display: table-cell !important;   }   .d-print-flex {     display: flex !important;   }   .d-print-inline-flex {     display: inline-flex !important;   } } .flex-row {   flex-direction: row !important; } .flex-column {   flex-direction: column !important; } .flex-row-reverse {   flex-direction: row-reverse !important; } .flex-column-reverse {   flex-direction: column-reverse !important; } .flex-wrap {   flex-wrap: wrap !important; } .flex-nowrap {   flex-wrap: nowrap !important; } .flex-wrap-reverse {   flex-wrap: wrap-reverse !important; } .flex-fill {   flex: 1 1 auto !important; } .flex-grow-0 {   flex-grow: 0 !important; } .flex-grow-1 {   flex-grow: 1 !important; } .flex-shrink-0 {   flex-shrink: 0 !important; } .flex-shrink-1 {   flex-shrink: 1 !important; } .justify-content-start {   justify-content: flex-start !important; } .justify-content-end {   justify-content: flex-end !important; } .justify-content-center {   justify-content: center !important; } .justify-content-between {   justify-content: space-between !important; } .justify-content-around {   justify-content: space-around !important; } .align-items-start {   align-items: flex-start !important; } .align-items-end {   align-items: flex-end !important; } .align-items-center {   align-items: center !important; } .align-items-baseline {   align-items: baseline !important; } .align-items-stretch {   align-items: stretch !important; } .align-content-start {   align-content: flex-start !important; } .align-content-end {   align-content: flex-end !important; } .align-content-center {   align-content: center !important; } .align-content-between {   align-content: space-between !important; } .align-content-around {   align-content: space-around !important; } .align-content-stretch {   align-content: stretch !important; } .align-self-auto {   align-self: auto !important; } .align-self-start {   align-self: flex-start !important; } .align-self-end {   align-self: flex-end !important; } .align-self-center {   align-self: center !important; } .align-self-baseline {   align-self: baseline !important; } .align-self-stretch {   align-self: stretch !important; } @media (min-width: 576px) {   .flex-sm-row {     flex-direction: row !important;   }   .flex-sm-column {     flex-direction: column !important;   }   .flex-sm-row-reverse {     flex-direction: row-reverse !important;   }   .flex-sm-column-reverse {     flex-direction: column-reverse !important;   }   .flex-sm-wrap {     flex-wrap: wrap !important;   }   .flex-sm-nowrap {     flex-wrap: nowrap !important;   }   .flex-sm-wrap-reverse {     flex-wrap: wrap-reverse !important;   }   .flex-sm-fill {     flex: 1 1 auto !important;   }   .flex-sm-grow-0 {     flex-grow: 0 !important;   }   .flex-sm-grow-1 {     flex-grow: 1 !important;   }   .flex-sm-shrink-0 {     flex-shrink: 0 !important;   }   .flex-sm-shrink-1 {     flex-shrink: 1 !important;   }   .justify-content-sm-start {     justify-content: flex-start !important;   }   .justify-content-sm-end {     justify-content: flex-end !important;   }   .justify-content-sm-center {     justify-content: center !important;   }   .justify-content-sm-between {     justify-content: space-between !important;   }   .justify-content-sm-around {     justify-content: space-around !important;   }   .align-items-sm-start {     align-items: flex-start !important;   }   .align-items-sm-end {     align-items: flex-end !important;   }   .align-items-sm-center {     align-items: center !important;   }   .align-items-sm-baseline {     align-items: baseline !important;   }   .align-items-sm-stretch {     align-items: stretch !important;   }   .align-content-sm-start {     align-content: flex-start !important;   }   .align-content-sm-end {     align-content: flex-end !important;   }   .align-content-sm-center {     align-content: center !important;   }   .align-content-sm-between {     align-content: space-between !important;   }   .align-content-sm-around {     align-content: space-around !important;   }   .align-content-sm-stretch {     align-content: stretch !important;   }   .align-self-sm-auto {     align-self: auto !important;   }   .align-self-sm-start {     align-self: flex-start !important;   }   .align-self-sm-end {     align-self: flex-end !important;   }   .align-self-sm-center {     align-self: center !important;   }   .align-self-sm-baseline {     align-self: baseline !important;   }   .align-self-sm-stretch {     align-self: stretch !important;   } } @media (min-width: 768px) {   .flex-md-row {     flex-direction: row !important;   }   .flex-md-column {     flex-direction: column !important;   }   .flex-md-row-reverse {     flex-direction: row-reverse !important;   }   .flex-md-column-reverse {     flex-direction: column-reverse !important;   }   .flex-md-wrap {     flex-wrap: wrap !important;   }   .flex-md-nowrap {     flex-wrap: nowrap !important;   }   .flex-md-wrap-reverse {     flex-wrap: wrap-reverse !important;   }   .flex-md-fill {     flex: 1 1 auto !important;   }   .flex-md-grow-0 {     flex-grow: 0 !important;   }   .flex-md-grow-1 {     flex-grow: 1 !important;   }   .flex-md-shrink-0 {     flex-shrink: 0 !important;   }   .flex-md-shrink-1 {     flex-shrink: 1 !important;   }   .justify-content-md-start {     justify-content: flex-start !important;   }   .justify-content-md-end {     justify-content: flex-end !important;   }   .justify-content-md-center {     justify-content: center !important;   }   .justify-content-md-between {     justify-content: space-between !important;   }   .justify-content-md-around {     justify-content: space-around !important;   }   .align-items-md-start {     align-items: flex-start !important;   }   .align-items-md-end {     align-items: flex-end !important;   }   .align-items-md-center {     align-items: center !important;   }   .align-items-md-baseline {     align-items: baseline !important;   }   .align-items-md-stretch {     align-items: stretch !important;   }   .align-content-md-start {     align-content: flex-start !important;   }   .align-content-md-end {     align-content: flex-end !important;   }   .align-content-md-center {     align-content: center !important;   }   .align-content-md-between {     align-content: space-between !important;   }   .align-content-md-around {     align-content: space-around !important;   }   .align-content-md-stretch {     align-content: stretch !important;   }   .align-self-md-auto {     align-self: auto !important;   }   .align-self-md-start {     align-self: flex-start !important;   }   .align-self-md-end {     align-self: flex-end !important;   }   .align-self-md-center {     align-self: center !important;   }   .align-self-md-baseline {     align-self: baseline !important;   }   .align-self-md-stretch {     align-self: stretch !important;   } } @media (min-width: 992px) {   .flex-lg-row {     flex-direction: row !important;   }   .flex-lg-column {     flex-direction: column !important;   }   .flex-lg-row-reverse {     flex-direction: row-reverse !important;   }   .flex-lg-column-reverse {     flex-direction: column-reverse !important;   }   .flex-lg-wrap {     flex-wrap: wrap !important;   }   .flex-lg-nowrap {     flex-wrap: nowrap !important;   }   .flex-lg-wrap-reverse {     flex-wrap: wrap-reverse !important;   }   .flex-lg-fill {     flex: 1 1 auto !important;   }   .flex-lg-grow-0 {     flex-grow: 0 !important;   }   .flex-lg-grow-1 {     flex-grow: 1 !important;   }   .flex-lg-shrink-0 {     flex-shrink: 0 !important;   }   .flex-lg-shrink-1 {     flex-shrink: 1 !important;   }   .justify-content-lg-start {     justify-content: flex-start !important;   }   .justify-content-lg-end {     justify-content: flex-end !important;   }   .justify-content-lg-center {     justify-content: center !important;   }   .justify-content-lg-between {     justify-content: space-between !important;   }   .justify-content-lg-around {     justify-content: space-around !important;   }   .align-items-lg-start {     align-items: flex-start !important;   }   .align-items-lg-end {     align-items: flex-end !important;   }   .align-items-lg-center {     align-items: center !important;   }   .align-items-lg-baseline {     align-items: baseline !important;   }   .align-items-lg-stretch {     align-items: stretch !important;   }   .align-content-lg-start {     align-content: flex-start !important;   }   .align-content-lg-end {     align-content: flex-end !important;   }   .align-content-lg-center {     align-content: center !important;   }   .align-content-lg-between {     align-content: space-between !important;   }   .align-content-lg-around {     align-content: space-around !important;   }   .align-content-lg-stretch {     align-content: stretch !important;   }   .align-self-lg-auto {     align-self: auto !important;   }   .align-self-lg-start {     align-self: flex-start !important;   }   .align-self-lg-end {     align-self: flex-end !important;   }   .align-self-lg-center {     align-self: center !important;   }   .align-self-lg-baseline {     align-self: baseline !important;   }   .align-self-lg-stretch {     align-self: stretch !important;   } } @media (min-width: 1200px) {   .flex-xl-row {     flex-direction: row !important;   }   .flex-xl-column {     flex-direction: column !important;   }   .flex-xl-row-reverse {     flex-direction: row-reverse !important;   }   .flex-xl-column-reverse {     flex-direction: column-reverse !important;   }   .flex-xl-wrap {     flex-wrap: wrap !important;   }   .flex-xl-nowrap {     flex-wrap: nowrap !important;   }   .flex-xl-wrap-reverse {     flex-wrap: wrap-reverse !important;   }   .flex-xl-fill {     flex: 1 1 auto !important;   }   .flex-xl-grow-0 {     flex-grow: 0 !important;   }   .flex-xl-grow-1 {     flex-grow: 1 !important;   }   .flex-xl-shrink-0 {     flex-shrink: 0 !important;   }   .flex-xl-shrink-1 {     flex-shrink: 1 !important;   }   .justify-content-xl-start {     justify-content: flex-start !important;   }   .justify-content-xl-end {     justify-content: flex-end !important;   }   .justify-content-xl-center {     justify-content: center !important;   }   .justify-content-xl-between {     justify-content: space-between !important;   }   .justify-content-xl-around {     justify-content: space-around !important;   }   .align-items-xl-start {     align-items: flex-start !important;   }   .align-items-xl-end {     align-items: flex-end !important;   }   .align-items-xl-center {     align-items: center !important;   }   .align-items-xl-baseline {     align-items: baseline !important;   }   .align-items-xl-stretch {     align-items: stretch !important;   }   .align-content-xl-start {     align-content: flex-start !important;   }   .align-content-xl-end {     align-content: flex-end !important;   }   .align-content-xl-center {     align-content: center !important;   }   .align-content-xl-between {     align-content: space-between !important;   }   .align-content-xl-around {     align-content: space-around !important;   }   .align-content-xl-stretch {     align-content: stretch !important;   }   .align-self-xl-auto {     align-self: auto !important;   }   .align-self-xl-start {     align-self: flex-start !important;   }   .align-self-xl-end {     align-self: flex-end !important;   }   .align-self-xl-center {     align-self: center !important;   }   .align-self-xl-baseline {     align-self: baseline !important;   }   .align-self-xl-stretch {     align-self: stretch !important;   } } .float-left {   float: left !important; } .float-right {   float: right !important; } .float-none {   float: none !important; } @media (min-width: 576px) {   .float-sm-left {     float: left !important;   }   .float-sm-right {     float: right !important;   }   .float-sm-none {     float: none !important;   } } @media (min-width: 768px) {   .float-md-left {     float: left !important;   }   .float-md-right {     float: right !important;   }   .float-md-none {     float: none !important;   } } @media (min-width: 992px) {   .float-lg-left {     float: left !important;   }   .float-lg-right {     float: right !important;   }   .float-lg-none {     float: none !important;   } } @media (min-width: 1200px) {   .float-xl-left {     float: left !important;   }   .float-xl-right {     float: right !important;   }   .float-xl-none {     float: none !important;   } } .sr-only {   position: absolute;   width: 1px;   height: 1px;   padding: 0;   margin: -1px;   overflow: hidden;   clip: rect(0, 0, 0, 0);   white-space: nowrap;   border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus {   position: static;   width: auto;   height: auto;   overflow: visible;   clip: auto;   white-space: normal; } .tns-outer {   padding: 0 !important; } .tns-outer [hidden] {   display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] {   cursor: pointer; } .tns-slider {   transition: all 0s; } .tns-slider > .tns-item {   box-sizing: border-box; } .tns-horizontal.tns-subpixel {   white-space: nowrap; } .tns-horizontal.tns-subpixel > .tns-item {   display: inline-block;   vertical-align: top;   white-space: normal; } .tns-horizontal.tns-no-subpixel:after {   content: "";   display: table;   clear: both; } .tns-horizontal.tns-no-subpixel > .tns-item {   float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {   margin-right: -100%; } .tns-gallery, .tns-no-calc {   position: relative;   left: 0; } .tns-gallery {   min-height: 1px; } .tns-gallery > .tns-item {   position: absolute;   left: -100%;   transition: transform 0s, opacity 0s; } .tns-gallery > .tns-slide-active {   position: relative;   left: auto !important; } .tns-gallery > .tns-moving {   transition: all 0.25s; } .tns-autowidth {   display: inline-block; } .tns-lazy-img {   transition: opacity 0.6s;   opacity: 0.6; } .tns-lazy-img.tns-complete {   opacity: 1; } .tns-ah {   transition: height 0s; } .tns-ovh {   overflow: hidden; } .tns-visually-hidden {   position: absolute;   left: -10000em; } .tns-transparent {   opacity: 0;   visibility: hidden; } .tns-fadeIn {   opacity: 1;   filter: alpha(opacity=100);   z-index: 0; } .tns-fadeOut, .tns-normal {   opacity: 0;   filter: alpha(opacity=0);   z-index: -1; } .tns-vpfix {   white-space: nowrap; } .tns-vpfix > div, .tns-vpfix > li {   display: inline-block; } .tns-t-subp2 {   margin: 0 auto;   width: 310px;   position: relative;   height: 10px;   overflow: hidden; } .tns-t-ct {   width: 2333.3333333333%;   width: 2333.33333%;   position: absolute;   right: 0; } .tns-t-ct:after {   content: "";   display: table;   clear: both; } .tns-t-ct > div {   width: 1.4285714286%;   width: 1.42857%;   height: 10px;   float: left; } .animated-expandmore__to_expand, .faq-expandmore__to_expand {   display: block;   position: relative;   opacity: 1;   transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;   max-height: 800em;   visibility: visible;   transition-delay: 0s; } [data-hidden="true"].animated-expandmore__to_expand, [data-hidden="true"].faq-expandmore__to_expand {   display: block;   overflow: hidden;   max-height: 0;   opacity: 0;   visibility: hidden;   transition-delay: 1s, 0s, 0s; } .js-expandmore-button {   display: block;   width: 100%;   text-align: left; } .js-expandmore-button.is-opened .icon {   transform: rotate(-90deg); } .faq-accordion__panel[aria-hidden="true"] {   display: block;   overflow: hidden;   max-height: 0;   opacity: 0;   visibility: hidden; } .faq-accordion__panel:not([aria-hidden="true"]) {   display: block;   position: relative;   opacity: 1;   transition: all 1s ease;   max-height: 800em;   visibility: visible; } .faq-accordion__header {   display: block; } .faq-accordion__header[aria-expanded="true"] {   border: none;   background-color: var(--vyv-fond-gris);   color: var(--vyv-bleu-fonce); } .faq-accordion__header[aria-expanded="true"] .icon {   transform: rotate(-90deg); } .faq-accordion__header:focus {   color: var(--vyv-bleu-fonce); } .faq-accordion__header .icon {   pointer-events: none;   margin-left: 10px; } .glightbox-container {   width: 100%;   height: 100%;   position: fixed;   top: 0;   left: 0;   z-index: 999999 !important;   touch-action: none;   -webkit-text-size-adjust: 100%;   -webkit-backface-visibility: hidden;   outline: none;   overflow: hidden; } .glightbox-container.inactive {   display: none; } .glightbox-container .gcontainer {   position: relative;   width: 100%;   height: 100%;   z-index: 9999;   overflow: hidden; } .glightbox-container .gslider {   transition: transform 0.4s ease;   height: 100%;   left: 0;   top: 0;   width: 100%;   position: relative;   overflow: hidden;   display: flex !important;   justify-content: center;   align-items: center;   transform: translateZ(0); } .glightbox-container .gslide {   width: 100%;   position: absolute;   opacity: 1;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;   display: flex;   align-items: center;   justify-content: center;   opacity: 0; } .glightbox-container .gslide.current {   opacity: 1;   z-index: 99999;   position: relative; } .glightbox-container .gslide.prev {   opacity: 1;   z-index: 9999; } .glightbox-container .gslide-inner-content {   width: 100%; } .glightbox-container .ginner-container {   position: relative;   width: 100%;   display: flex;   justify-content: center;   flex-direction: column;   max-width: 100%;   margin: auto;   height: 100vh; } .glightbox-container .ginner-container.gvideo-container {   width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {   flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {   max-width: 100% !important; } .gslide iframe, .gslide video {   outline: none !important;   border: none;   min-height: 165px;   overflow-scrolling: touch;   touch-action: auto; } .gslide-image {   align-items: center; } .gslide-image img {   max-height: 100vh;   display: block;   max-width: 100%;   padding: 0;   float: none;   outline: none;   border: none;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;   max-width: 100vw;   width: auto;   height: auto;   touch-action: none;   margin: auto;   min-width: 200px; } .desc-bottom .gslide-image img, .desc-top .gslide-image img {   width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img {   width: auto;   max-width: 100%; } .gslide-image img.zoomable {   position: relative; } .gslide-image img.dragging {   cursor: -webkit-grabbing !important;   cursor: grabbing !important;   transition: none; } .gslide-video {   width: 100%;   max-width: 100%;   position: relative;   width: 100vh;   max-width: 100vh;   width: 100% !important; } .gslide-video .gvideo-wrapper {   width: 100%;   margin: auto; } .gslide-video:before {   content: "";   display: block;   position: absolute;   width: 100%;   height: 100%;   background: rgba(255, 0, 0, 0.34);   display: none; } .gslide-video.playing:before {   display: none; } .gslide-video.fullscreen {   max-width: 100% !important;   min-width: 100%;   height: 80vh; } .gslide-video.fullscreen video {   max-width: 100% !important;   width: 100% !important; } .gslide-inline {   background: var(--vyv-blanc);   text-align: left;   max-height: calc(100vh - 40px);   overflow: auto;   max-width: 100%; } .gslide-inline .ginlined-content {   padding: 20px;   width: 100%; } .ginlined-content {   overflow: auto;   display: block !important;   opacity: 1; } .gslide-external {   display: flex;   width: 100%;   min-width: 100%;   background: var(--vyv-blanc);   padding: 0;   overflow: auto;   max-height: 75vh;   height: 100%; } .gslide-media {   display: block;   display: inline-flex;   display: flex;   width: auto; } .zoomed .gslide-media {   box-shadow: none !important; } .desc-bottom .gslide-media, .desc-top .gslide-media {   margin: 0 auto;   flex-direction: column; } .gslide-description {   position: relative; } .gslide-description.description-left, .gslide-description.description-right {   max-width: 100%; } .gslide-description.description-bottom, .gslide-description.description-top {   margin: 0 auto;   width: 100%; } .gslide-description p {   margin-bottom: 12px; } .gslide-description p:last-child {   margin-bottom: 0; } .zoomed .gslide-description {   display: none; } .glightbox-mobile .glightbox-container .gslide-description {   height: auto !important;   width: 100%;   background: transparent;   position: absolute;   bottom: 15px;   max-width: 100vw !important;   order: 2 !important;   max-height: 78vh;   overflow: auto !important;   background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.75));   transition: opacity 0.3s linear;   padding: 19px 11px 50px; } .glightbox-mobile .glightbox-container .gslide-title {   color: var(--vyv-blanc);   font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc {   color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a {   color: var(--vyv-blanc);   font-weight: 700; } .glightbox-mobile .glightbox-container .gslide-desc * {   color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc string {   color: var(--vyv-blanc); } .glightbox-mobile .glightbox-container .gslide-desc .desc-more {   color: var(--vyv-blanc);   opacity: 0.4; } .gdesc-open .gslide-media {   transition: opacity 0.5s ease;   opacity: 0.4; } .gdesc-open .gdesc-inner {   padding-bottom: 30px; } .gdesc-closed .gslide-media {   transition: opacity 0.5s ease;   opacity: 1; } .greset {   transition: all 0.3s ease; } .gabsolute {   position: absolute; } .grelative {   position: relative; } .glightbox-desc {   display: none !important; } .glightbox-open {   overflow: hidden; } .gloader {   height: 25px;   width: 25px;   -webkit-animation: lightboxLoader 0.8s linear infinite;   animation: lightboxLoader 0.8s linear infinite;   border: 2px solid var(--vyv-blanc);   border-right-color: transparent;   border-radius: 50%;   position: absolute;   display: block;   z-index: 9999;   left: 0;   right: 0;   margin: 0 auto;   top: 47%; } .goverlay {   width: 100%;   height: 100%;   position: fixed;   top: 0;   left: 0;   will-change: opacity; } .glightbox-mobile .goverlay, .goverlay {   background: #82358c; } .gclose, .gnext, .gprev {   background-repeat: no-repeat;   z-index: 99999;   cursor: pointer;   width: 26px;   height: 44px;   display: block;   background-position: 0 0;   border: none; } .gclose svg, .gnext svg, .gprev svg {   display: block;   width: 100%;   height: auto; } .gclose.disabled, .gnext.disabled, .gprev.disabled {   opacity: 0.1; } .gclose .garrow, .gnext .garrow, .gprev .garrow {   stroke: var(--vyv-blanc); } iframe.wait-autoplay {   opacity: 0; } .glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {   opacity: 0 !important; } .glightbox-clean .gslide-description, .glightbox-modern .gslide-description {   background: var(--vyv-blanc); } .glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner {   padding: 22px 20px; } .glightbox-clean .gslide-title, .glightbox-modern .gslide-title {   font-size: 1em;   font-weight: 400;   font-family: arial;   color: var(--vyv-noir);   margin-bottom: 19px;   line-height: 1.4em; } .glightbox-clean .gslide-desc, .glightbox-modern .gslide-desc {   font-size: 0.86em;   margin-bottom: 0;   font-family: arial;   line-height: 1.4em; } .glightbox-clean .gslide-video, .glightbox-modern .gslide-video {   background: var(--vyv-noir); } .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path, .glightbox-modern .gclose path, .glightbox-modern .gnext path, .glightbox-modern .gprev path {   fill: var(--vyv-blanc); } .glightbox-clean button:focus:not(.focused):not(.disabled), .glightbox-modern button:focus:not(.focused):not(.disabled) {   outline: none; } .glightbox-clean .gprev, .glightbox-modern .gprev {   position: absolute;   top: -100%;   left: 30px;   width: 40px;   height: 56px; } .glightbox-clean .gnext, .glightbox-modern .gnext {   position: absolute;   top: -100%;   right: 30px;   width: 40px;   height: 56px; } .glightbox-clean .gclose, .glightbox-modern .gclose {   width: 35px;   height: 35px;   top: 15px;   right: 10px;   position: absolute;   opacity: 0.7;   background-position: -59px 2px; } .glightbox-clean .gclose svg, .glightbox-modern .gclose svg {   width: 20px; } .glightbox-clean .gclose:hover, .glightbox-modern .gclose:hover {   opacity: 1; } .gfadeIn {   -webkit-animation: gfadeIn 0.5s ease;   animation: gfadeIn 0.5s ease; } .gfadeOut {   -webkit-animation: gfadeOut 0.5s ease;   animation: gfadeOut 0.5s ease; } .gslideOutLeft {   -webkit-animation: gslideOutLeft 0.3s ease;   animation: gslideOutLeft 0.3s ease; } .gslideInLeft {   -webkit-animation: gslideInLeft 0.3s ease;   animation: gslideInLeft 0.3s ease; } .gslideOutRight {   -webkit-animation: gslideOutRight 0.3s ease;   animation: gslideOutRight 0.3s ease; } .gslideInRight {   -webkit-animation: gslideInRight 0.3s ease;   animation: gslideInRight 0.3s ease; } .gzoomIn {   -webkit-animation: gzoomIn 0.5s ease;   animation: gzoomIn 0.5s ease; } .gzoomOut {   -webkit-animation: gzoomOut 0.5s ease;   animation: gzoomOut 0.5s ease; } @-webkit-keyframes lightboxLoader {   0% {     transform: rotate(0deg);   }   to {     transform: rotate(1turn);   } } @keyframes lightboxLoader {   0% {     transform: rotate(0deg);   }   to {     transform: rotate(1turn);   } } @-webkit-keyframes gfadeIn {   0% {     opacity: 0;   }   to {     opacity: 1;   } } @keyframes gfadeIn {   0% {     opacity: 0;   }   to {     opacity: 1;   } } @-webkit-keyframes gfadeOut {   0% {     opacity: 1;   }   to {     opacity: 0;   } } @keyframes gfadeOut {   0% {     opacity: 1;   }   to {     opacity: 0;   } } @-webkit-keyframes gslideInLeft {   0% {     opacity: 0;     transform: translate3d(-60%, 0, 0);   }   to {     visibility: visible;     transform: translateZ(0);     opacity: 1;   } } @keyframes gslideInLeft {   0% {     opacity: 0;     transform: translate3d(-60%, 0, 0);   }   to {     visibility: visible;     transform: translateZ(0);     opacity: 1;   } } @-webkit-keyframes gslideOutLeft {   0% {     opacity: 1;     visibility: visible;     transform: translateZ(0);   }   to {     transform: translate3d(-60%, 0, 0);     opacity: 0;     visibility: hidden;   } } @keyframes gslideOutLeft {   0% {     opacity: 1;     visibility: visible;     transform: translateZ(0);   }   to {     transform: translate3d(-60%, 0, 0);     opacity: 0;     visibility: hidden;   } } @-webkit-keyframes gslideInRight {   0% {     opacity: 0;     visibility: visible;     transform: translate3d(60%, 0, 0);   }   to {     transform: translateZ(0);     opacity: 1;   } } @keyframes gslideInRight {   0% {     opacity: 0;     visibility: visible;     transform: translate3d(60%, 0, 0);   }   to {     transform: translateZ(0);     opacity: 1;   } } @-webkit-keyframes gslideOutRight {   0% {     opacity: 1;     visibility: visible;     transform: translateZ(0);   }   to {     transform: translate3d(60%, 0, 0);     opacity: 0;   } } @keyframes gslideOutRight {   0% {     opacity: 1;     visibility: visible;     transform: translateZ(0);   }   to {     transform: translate3d(60%, 0, 0);     opacity: 0;   } } @-webkit-keyframes gzoomIn {   0% {     opacity: 0;     transform: scale3d(0.3, 0.3, 0.3);   }   to {     opacity: 1;   } } @keyframes gzoomIn {   0% {     opacity: 0;     transform: scale3d(0.3, 0.3, 0.3);   }   to {     opacity: 1;   } } @-webkit-keyframes gzoomOut {   0% {     opacity: 1;   }   50% {     opacity: 0;     transform: scale3d(0.3, 0.3, 0.3);   }   to {     opacity: 0;   } } @keyframes gzoomOut {   0% {     opacity: 1;   }   50% {     opacity: 0;     transform: scale3d(0.3, 0.3, 0.3);   }   to {     opacity: 0;   } } @media (min-width: 769px) {   .glightbox-container .ginner-container {     width: auto;     height: auto;     flex-direction: row;   }   .glightbox-container .ginner-container.desc-top .gslide-description {     order: 0;   }   .glightbox-container .ginner-container.desc-top .gslide-image,   .glightbox-container .ginner-container.desc-top .gslide-image img {     order: 1;   }   .glightbox-container .ginner-container.desc-left .gslide-description {     order: 0;   }   .glightbox-container .ginner-container.desc-left .gslide-image {     order: 1;   }   .gslide-image img {     max-height: 97vh;     max-width: calc(100% - 20px);     max-width: 100%;   }   .gslide-image img.zoomable {     cursor: zoom-in;   }   .zoomed .gslide-image img.zoomable {     cursor: -webkit-grab;     cursor: grab;   }   .gslide-inline {     max-height: 95vh;   }   .gslide-external {     max-height: 100vh;   }   .gslide-description.description-left,   .gslide-description.description-right {     max-width: 275px;   }   .glightbox-open {     height: auto;   }   .goverlay {     background: rgba(130, 53, 140, 0.92);   }   .glightbox-clean .gslide-media,   .glightbox-modern .gslide-media {     box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);   }   .glightbox-clean .gnext,   .glightbox-clean .gprev,   .glightbox-modern .gnext,   .glightbox-modern .gprev {     top: 45%;   } } @media (min-width: 992px) {   .glightbox-clean .gclose,   .glightbox-modern .gclose {     right: 20px;   } } @media screen and (max-height: 420px) {   .goverlay {     background: var(--vyv-noir);   } } select[data-ss-uuid] {   display: none;   pointer-events: none; } .style-select {   display: block;   position: relative; } .style-select, .style-select * {   padding: 0;   margin: 0;   box-sizing: border-box;   text-align: left;   line-height: 120%;   color: var(--vyv-noir);   font-weight: 300;   cursor: pointer; } .style-select .ss-selected-option {   display: inline-block;   width: 100%;   border-bottom: 1px solid #472783;   border-radius: 0;   padding: 0.75rem 3rem 1.1rem 0;   background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath fill='%233CBCD7' d='M.4 21.5l.1-1c.4-3.7 2.4-6.3 5.4-7.1 1.4-.4 4.2-.7 7.3 1.5L30 31.5l16.6-16.4.2-.2c3.1-2.2 5.9-1.8 7.3-1.4 3 .8 5 3.4 5.4 7.1l.1 1L30 46.8.4 21.5z'/%3E%3C/svg%3E") no-repeat right 0 center/16px 16px;   font-weight: 400;   font-size: 1rem;   color: #82358b;   vertical-align: middle;   outline: none; } .style-select .ss-selected-option:focus {   border-bottom: 1px solid var(--vyv-bleu-fonce); } .style-select .ss-dropdown {   position: absolute;   top: 50px;   left: 0;   z-index: 100;   float: left;   display: none;   width: 100%;   border: 1px solid #472783;   border-top: 0;   padding: 0.6rem 0;   background-color: var(--vyv-blanc); } .style-select .ss-dropdown .ss-option {   width: 100%;   padding: 0 0.8rem;   background-color: var(--vyv-blanc);   font-weight: 400;   font-size: 1rem;   line-height: 160%;   color: #82358b;   transition: all 0.2s ease-in-out; } .style-select .ss-dropdown .ss-option.highlighted {   background-color: #472783;   color: var(--vyv-blanc); } .style-select .ss-dropdown .ss-option.disabled {   color: #d0d0d0; } .style-select .ss-dropdown .ss-option.ticked {   font-weight: 700; } .style-select .ss-dropdown .ss-option[data-value=""] {   display: none; } .style-select.open .ss-dropdown {   display: block; } .validation-icon .icon {   display: block;   width: 100%;   height: 100%;   transition: all 0.2s ease-in-out; } .keyfigures-slider-container .tns-outer .tns-controls [aria-controls], .momentsdevie-slider-container .tns-outer .tns-controls [aria-controls], .news-slider-container .tns-outer .tns-controls [aria-controls], .one-slide-container .tns-outer .tns-controls [aria-controls], .regular-slider-container .tns-outer .tns-controls [aria-controls], .three-cards-slider-container .tns-outer .tns-controls [aria-controls] {   display: block;   border: none;   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23472783' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E");   background-repeat: no-repeat;   background-color: transparent;   background-position: 50% 50%;   background-size: 100% 100%; } .moment__title {   position: relative;   margin-bottom: 30px;   padding-bottom: 25px; } .moment__title:after {   content: "";   display: block;   width: 82px;   height: 8px;   background-color: var(--vyv-bleu-fonce);   position: absolute;   bottom: 0;   left: 0; } @media screen and (max-width: 539px) {   .moment__title:after {     margin: auto;     right: 0;   } } .custom-select, .form-control {   border-width: 0 0 1px; } .custom-select:focus, .form-control:focus {   border-bottom-color: var(--vyv-bleu-fonce); } .custom-control-input:focus ~ .custom-control-label:before {   border-color: var(--vyv-bleu-fonce) !important; } textarea.form-control {   border-width: 1px;   padding: 0 10px; } textarea.form-control:focus {   border-color: var(--vyv-bleu-fonce); } .custom-select--filter {   width: auto;   background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath stroke-width='18px' fill='none' stroke='%23472783' d='M14.1,32.1L50,67.9l35.9-35.8'%3E%3C/path%3E%3C/svg%3E") no-repeat right 5% center/14px 14px;   border: none !important;   font-weight: 500;   font-size: 1.25rem;   line-height: 120%;   color: #472783;   -moz-text-align-last: right;   text-align-last: right;   float: right; } .custom-select:focus, .custom-select:hover {   text-decoration: none; } .custom-control.custom-radio {   padding-left: 2.4rem; } input[type="checkbox"] + .custom-control-label, input[type="radio"] + .custom-control-label {   cursor: pointer; } input[type="checkbox"] + .custom-control-label {   padding-top: 9px; } .apple input[type="checkbox"] + .custom-control-label {   padding-top: 14px; } input[type="radio"] + .custom-control-label {   padding-top: 5px; } .apple input[type="radio"] + .custom-control-label {   padding-top: 8px; } input[type="radio"] + .custom-control-label:after, input[type="radio"] + .custom-control-label:before {   width: 28px;   height: 28px;   left: -2.45rem; } input[type="radio"] + .custom-control-label:after {   background: transparent;   border-radius: 50%;   transform: scale(0.725); } input[type="radio"]:checked ~ .custom-control-label:after:after {   background: #82358b; } .custom-file + .form-group {   margin-top: 3em; } @media (min-width: 992px) {   .custom-file + .form-group {     margin-top: 4.1em;   } } .recaptcha-wrapper {   margin: 2.05em 0 1.25em; } .mention {   line-height: 140%; } .mention + h2, .mention + h3 {   margin-top: 0 !important; } .custom-control-label:after, .custom-control-label:before {   left: -3rem; } .custom-control-label:after {   background-position: 60% 50%; } label, label a {   color:var(--vyv-violet-fonce); } label a {   text-decoration: underline; } label a:focus, label a:hover {   text-decoration: none; } .form-group {   position: relative;   margin-top: 1em; } @media (min-width: 992px) {   .form-group {     margin-bottom: 3em;   } } .title-h3 + .form-group {   margin-top: 2.4em; } .form-group + .title-h3 {   margin-top: 2em; } .custom-control {   padding-left: 3rem; } .form-group-submit {   padding: 0 0 1em; } .regular-form {   margin-bottom: 5.25em; } .modal .regular-form {   margin-bottom: 0; } .has-danger {   position: relative; } form .form-group.has-danger:after, form .form-group.has-success:after {   content: "";   position: absolute;   top: 0.5rem;   right: 0;   display: block;   width: 30px;   height: 30px;   background-repeat: no-repeat;   background-color: transparent;   background-position: 50% 50%;   background-size: 100% 100%; } form .form-group.has-danger .custom-select, form .form-group.has-success .custom-select {   background: transparent; } form .form-group.has-danger:after {   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='%23E02020' d='M29.9,14.4c0,14-25.9,12.3-25.9,12.3c4.3-4.3-3.8-4.6-3.8-12.3C0.1-1.5,29.9-1.4,29.9,14.4'/%3E%3Cpath fill='%23FEFEFE' d='M12.3,21.1c0-1.3,0.9-2.1,2.2-2.1c1.3,0,2.2,0.8,2.2,2.1c0,1.3-0.9,2.1-2.2,2.1 C13.1,23.2,12.3,22.4,12.3,21.1 M13.3,17.5c0.1-3.1-1-6.7-1-9.1c0-1.9,0.7-3.2,3.1-3.2c0.5,0,0.9,0.1,1.3,0.1c-1.5,3.4,0.6,12.4-2.3,12.4C14.1,17.7,13.6,17.6,13.3,17.5'/%3E%3C/svg%3E"); } form .form-group.has-success:after {   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='%23482683' d='M0,14.7C0,6.3,6,0.8,14.9,0.8c8.9,0,14.9,5.5,14.9,13.9c0,8-6,13.4-14.9,13.4C6,28.1,0,22.7,0,14.7'/%3E%3Cpath fill='%23FEFEFE' d='M24.6,8.7l-9.7,14.4c-0.4,0.1-0.6,0.1-0.9,0.1c-4.2,0-6.3-6.2-8.8-11.4c0.9-0.3,2.1-0.4,2.5-0.4 c3.6,0,3.9,7.2,5.7,8.7c4.3-8.8,6.5-11.6,9.6-11.6C23.4,8.4,24.1,8.5,24.6,8.7'/%3E%3C/svg%3E"); } form .form-group.custom-checkbox.has-danger .custom-control-label, form .form-group.custom-checkbox.has-success .custom-control-label {   padding-right: 3rem; } .pristine-error {   padding: 0.4em 0 0;   font-family: Wigrum, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,   sans-serif;   font-weight: 400;   font-size: 0.8rem;   color: #e02020; } .form-title {   margin: 0 0 0.625em !important;   text-align: center; } .form-title + .form-subtitle {   margin-top: 1.5em; } .form-subtitle {   margin: 0 0 0.5em;   font-size: 2.4rem;   line-height: 120%;   color: #472783; } .form-intro, .form-subtitle {   font-weight: 700;   text-align: center; } .form-intro {   margin: 0 0 3em;   font-size: 1.25rem;   color: var(--vyv-noir); } @media (min-width: 768px) {   .form-intro {     margin-bottom: 4.5em;   } } .validation-icon {   display: block;   width: 10rem;   height: 10rem;   margin: 0 auto 2em; } .validation-icon .icon {   fill: #472783; } @media screen and (min-height: 800px) {   .validation-icon {     width: 12.4rem;     height: 12.4rem;     margin-bottom: 4rem;   } } .validation-message {   margin: 0 auto 1.65em;   max-width: 65rem;   font-weight: 500;   font-size: 1.8rem;   line-height: 140%;   color: var(--vyv-noir);   text-align: center; } .validation-message p {   line-height: 140%; } .modal .validation-message {   max-width: 73rem; } input[type="checkbox"] + .custom-control-label {   line-height: 100%; } textarea.form-control {   margin-top: 0.8rem; } .regular-form > :last-child {   margin-bottom: 0 !important; } .big-field {   position: relative;   margin: 0.6em 0 2.2em;   border-radius: 6rem;   padding: 1.6em 4rem;   background-color: #f2f2f2; } .big-field label {   display: block;   margin: 0 1.25rem 0 0;   font-weight: 700;   font-size: 1.25rem;   text-transform: uppercase;   letter-spacing: 0.01em;   color: #25262c; } .big-field input[type="email"], .big-field input[type="text"] {   width: calc(100% - 1.25rem);   border: none;   border-bottom: 1px solid #ced4da;   padding: 0;   background: transparent;   font-weight: 400;   font-size: 1.45rem; } .big-field input[type="email"]:focus, .big-field input[type="text"]:focus {   outline: none;   border-bottom-color: var(--vyv-bleu-fonce); } @media (min-width: 768px) {   .big-field {     padding-right: 10px;     padding-left: 10px;   }   .big-field .pristine-error,   .big-field label {     width: calc(100% - 1.25rem);     text-align: right;   } } @media (min-width: 1200px) {   .modal .big-field {     margin-right: -1.25rem;     margin-left: -1.25rem;   } } .has-float-label {   display: block;   position: relative; } .has-float-label > span, .has-float-label label:not(.error) {   position: absolute;   top: 0;   cursor: text;   font-size: 1rem;   color: #82358b;   opacity: 1;   transition: all 0.2s;   top: -1em;   left: 0;   z-index: 3;   line-height: 1;   padding: 0; } .has-float-label textarea + label:not(.error) {   padding-left: 1.5rem; } .has-float-label .form-control::-moz-placeholder {   opacity: 1;   -moz-transition: all 0.2s;   transition: all 0.2s; } .has-float-label .form-control:-ms-input-placeholder {   opacity: 1;   -ms-transition: all 0.2s;   transition: all 0.2s; } .has-float-label .form-control::placeholder {   opacity: 1;   transition: all 0.2s; } .has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {   opacity: 0; } .has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {   opacity: 0; } .has-float-label .form-control:-moz-placeholder-shown:not(:focus)::placeholder {   opacity: 0; } .has-float-label .form-control:-ms-input-placeholder:not(:focus)::placeholder {   opacity: 0; } .has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {   opacity: 0; } .has-float-label .form-control:-moz-placeholder-shown:not(:focus) + :not(.error) {   font-size: 1rem;   color: #82358b;   opacity: 1;   top: 0.8em;   font-weight: 400; } .has-float-label .form-control:-ms-input-placeholder:not(:focus) + :not(.error) {   font-size: 1rem;   color: #82358b;   opacity: 1;   top: 0.8em;   font-weight: 400; } .has-float-label .form-control:placeholder-shown:not(:focus) + :not(.error) {   font-size: 1rem;   color: #82358b;   opacity: 1;   top: 0.8em;   font-weight: 400; } .input-group .has-float-label {   display: table-cell; } .input-group .has-float-label .form-control {   border-radius: 0; } .input-group .has-float-label:not(:last-child) .form-control {   border-top-right-radius: 0;   border-bottom-right-radius: 0; } .input-group .has-float-label:not(:first-child) .form-control {   border-top-left-radius: 0;   border-bottom-left-radius: 0;   margin-left: -1px; } .js .inputfile {   width: 0.1px;   height: 0.1px;   opacity: 0;   overflow: hidden;   position: absolute;   z-index: -1; } .custom-file {   display: block;   height: auto;   margin: 2em 0;   position: relative; } @media (max-width: 767.98px) {   .custom-file {     max-width: 300px;     margin-right: auto;     margin-left: auto;   } } .inputfile + label {   font-weight: 500;   cursor: pointer;   display: block;   padding: 0.7rem 1.5rem; } .inputfile + label strong {   font-weight: 600;   font-size: 0.85rem; } .inputfile + label span {   position: relative; } @media (min-width: 768px) {   .inputfile + label {     display: inline-block;     max-width: 80%;     text-overflow: ellipsis;     white-space: nowrap;     overflow: hidden;   } } .delete-type-file {   display: block;   padding: 1rem 0 0.9 0.7rem;   position: absolute;   top: 0;   right: 0;   background-color: var(--vyv-blanc);   font-weight: 700;   font-size: 0.9rem;   color: #472783;   text-decoration: underline; } .no-js .inputfile + label {   display: none; } .inputfile.has-focus + label, .inputfile:focus + label {   outline: none; } .inputfile + label svg {   width: 1em;   height: 1em;   vertical-align: middle;   fill: currentColor;   margin-top: -0.25em;   margin-right: 0.25em; } .inputfile-custom + label {   color: #472783;   background-color: var(--vyv-blanc);   padding: 0; } .inputfile-custom + label:hover, .inputfile-custom.has-focus + label, .inputfile-custom:focus + label {   border-color: #472783; } .inputfile-custom + label strong {   min-width: 210px;   padding: 0.8rem;   text-align: center; } .inputfile-custom + label strong.custom-file-uploaded {   background-color: var(--vyv-blanc);   border: 2px solid #472783;   color: #472783; } .inputfile-custom + label span {   display: block;   vertical-align: top;   font-weight: 400;   font-size: 1rem;   color: #878786; } @media (min-width: 768px) {   .inputfile-custom + label span {     display: inline-block;     width: 300px;     min-height: 2em;     overflow: hidden;     padding: 0.8rem 1.8rem;     text-overflow: ellipsis;     white-space: nowrap;   } } .inputfile-custom + label strong {   height: 100%;   color: var(--vyv-blanc);   background-color: #472783;   display: inline-block;   transition: all 0.2s ease-in-out; } .inputfile-custom + label:hover strong, .inputfile-custom.has-focus + label strong, .inputfile-custom:focus + label strong {   background-color: #82358b;   border-color: #82358b; } .inputfile-custom + label:hover strong.custom-file-uploaded, .inputfile-custom.has-focus + label strong.custom-file-uploaded, .inputfile-custom:focus + label strong.custom-file-uploaded {   color: var(--vyv-blanc); } @media screen and (max-width: 50em) {   .inputfile-custom + label strong {     display: block;   } } input[type="file"]:focus {   outline: none; } @media (max-width: 767.98px) {   .custom-file-reset {     display: block;   } } .intro-clip {   position: relative;   width: 626px;   height: 486px; } .intro-clip svg.clip-svg {   width: 100%;   height: 100%; } .intro-clip .svg-background, .intro-clip .svg-image {   -webkit-clip-path: url(#clip-shape-1);   clip-path: url(#clip-shape-1);   width: 626px;   height: 486px; } .intro-clip .svg-image {   opacity: 1; } .intro-clip-overshape {   position: absolute;   top: 9%;   left: 5%;   z-index: 5;   display: block;   width: 131.5px;   height: 131.5px; } .intro-clip--2, .intro-clip--2 .svg-background, .intro-clip--2 .svg-image {   width: 520px;   height: 409px; } .dropdown {   position: relative; } .dropdown .button {   font-family: inherit;   font-size: 1rem;   line-height: 1.5;   cursor: pointer;   display: inline-block;   padding: 0;   border: none;   background-color: transparent;   transition: all 0.2s ease-in-out;   touch-action: manipulation; } .dropdown-toggle {   position: relative; } .dropdown-menu {   opacity: 0;   visibility: hidden;   position: absolute;   bottom: 0;   right: 0;   z-index: 200;   transform: translateY(90%);   transition: all 0.2s ease-in-out; } .dropdown-on > .dropdown-menu {   opacity: 1;   visibility: visible;   transform: translateY(100%); } .dropdown--mainnav .dropdown-toggle .icon, .dropdown--sorting .dropdown-toggle .icon {   transition: all 0.2s ease-in-out;   transform: rotate(90deg); } .dropdown--mainnav .dropdown-menu, .dropdown--sorting .dropdown-menu {   min-width: 100%;   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),   0 2px 4px -1px rgba(0, 0, 0, 0.06); } .dropdown--mainnav.dropdown-on .dropdown-toggle .icon, .dropdown--sorting.dropdown-on .dropdown-toggle .icon {   transform: rotate(-90deg); } .dropdown--mainnav .dropdown-menu {   background-color: var(--vyv-blanc); } .dropdown--sorting {   display: inline-block;   margin: 0; } .dropdown--sorting:last-child {   margin-right: 0; } .dropdown--sorting .dropdown-toggle {   padding: 2px 7px 0 6px;   color: #472783; } .dropdown--sorting.dropdown-on .dropdown-toggle {   background-color: #472783;   color: var(--vyv-blanc); } .dropdown--sorting .dropdown-menu {   background-color: #472783;   font-weight: 400;   font-size: 0.75rem;   text-align: left; } .dropdown--sorting .dropdown-menu a {   display: block;   padding: 2px 8px;   color: var(--vyv-blanc);   transition: all 0.2s ease-in-out; } .dropdown--sorting .dropdown-menu a:focus, .dropdown--sorting .dropdown-menu a:hover {   background-color: var(--vyv-blanc);   color: #472783; } @media (min-width: 576px) {   .dropdown--sorting {     margin-right: 0.8em;     margin-left: 0.8em;   }   .dropdown--sorting .dropdown-toggle {     padding-right: 13px;     padding-left: 13px;   } } .offernavbar {   background-color: #472783;   color: var(--vyv-blanc); } .offernavbar-title {   position: relative;   min-height: 82px; } .offernavbar-title:after {   content: "";   display: block;   width: 100%;   max-width: 1174px;   height: 1px;   background-color: hsla(0, 0%, 100%, 0.8);   position: absolute;   bottom: 0;   left: 50%;   z-index: 5;   transform: translateX(-50%); } .offernavbar .dropdown-menu {   max-height: calc(100vh - 300px);   overflow: auto; } @media screen and (min-width: 470px) {   .offernavbar .dropdown-menu > ul > li {     float: left;     width: 50%;   } } @media (min-width: 576px) {   .offernavbar .dropdown-menu > ul > li {     width: 33%;   } } @media (max-width: 991.98px) {   .offernavbar {     text-align: center;   }   .offernavbar .dropdown-menu {     width: calc(100vw - 3rem);     font-size: 0.95rem;     right: 50%;     transform: translateX(50%);   }   .offernavbar .dropdown-on > .dropdown-menu {     transform: translate(50%, 100%);   } } @media screen and (max-height: 960px) {   .offernavbar {     margin-top: 5px !important;   }   .offernavbar-title {     min-height: inherit;     padding-top: 8px;     padding-bottom: 10px;   } } .offer-navigation, .offer-navigation-select {   display: none; } @media (max-width: 991.98px) {   .offer-navigation-select {     display: inline-block;   } } @media (min-width: 992px) {   .offer-navigation {     display: table;     width: 100%;     max-width: 1174px;     margin: 0 auto;   }   .offer-navigation > li {     display: table-cell;     vertical-align: middle;     text-align: center;     padding-left: 0.8rem;   }   .offer-navigation > li .group > a {     display: block;     padding: 1rem 0 1.5rem;     transition: all 0.2s ease-in-out;   } } @media screen and (min-width: 992px) and (max-height: 960px) {   .offer-navigation > li .group > a {     padding-top: 0.5rem;     padding-bottom: 0.5rem;   } } @media (min-width: 992px) {   .offer-navigation > li .group > a.active,   .offer-navigation > li .group > a:focus,   .offer-navigation > li .group > a:hover {     color: #007c9e;   } } @media (min-width: 992px) {   .offer-navigation > li:first-child {     padding-left: 0;     text-align: left;   }   .offer-navigation > li:first-child .group > a {     padding-left: 0;   } } @media (min-width: 992px) {   .offer-navigation > li:last-child {     text-align: right;   }   .offer-navigation > li:last-child .group > a {     padding-right: 0;   } } @media (min-width: 992px) {   .offer-navigation > li.has-submenu:focus .group > a,   .offer-navigation > li.has-submenu:hover .group > a {     background-color: var(--vyv-blanc);     color: #007c9e;   } } @media (min-width: 1200px) {   .offer-navigation {     font-weight: 500;     font-size: 1.05em;   } } .onepage-header p + .title-h2 {   margin-top: 0 !important; } @media (min-width: 992px) {   .onepage-header .intro-clip {     margin-left: -4rem;   } } @media screen and (min-width: 1120px) {   .onepage-header .intro-clip {     transform-origin: 50% 50%;     margin-left: 0;   } } @media (min-width: 1200px) {   .onepage-header .intro-clip {     margin-left: -2.4rem;   } } @media screen and (min-width: 1400px) {   .onepage-header .intro-clip {     margin-left: 0;   } } @media screen and (max-width: 1260px) {   .onepage-header .intro-clip {     transform-origin: 50% 0;     transform: scale(0.71);   } } @media (max-width: 991.98px) {   .onepage-header .intro-clip {     margin: 0 auto;   } } @media (max-width: 767.98px) {   .onepage-header .intro-clip {     display: none;   } } @media (max-width: 991.98px) {   .onepage-header .d-md-block {     height: 345px;   } } @media (min-width: 992px) {   .news-header .text-part {     position: relative;   }   .news-header .text-part-content {     min-height: 18rem;   }   .news-header .r-flex {     position: relative;     z-index: 5;   } } @media (max-width: 991.98px) {   .news-header .text-part-content {     margin-bottom: 1.6em;   } } .keyfigures-slider-container .tns-outer, .momentsdevie-slider-container .tns-outer, .news-slider-container .tns-outer, .one-slide-container .tns-outer, .regular-slider-container .tns-outer, .three-cards-slider-container .tns-outer {   position: relative; } .keyfigures-slider-container .tns-outer [aria-controls], .momentsdevie-slider-container .tns-outer [aria-controls], .news-slider-container .tns-outer [aria-controls], .one-slide-container .tns-outer [aria-controls], .regular-slider-container .tns-outer [aria-controls], .three-cards-slider-container .tns-outer [aria-controls] {   border: none;   outline: none; } .keyfigures-slider-container .tns-outer .tns-controls [aria-controls], .momentsdevie-slider-container .tns-outer .tns-controls [aria-controls], .news-slider-container .tns-outer .tns-controls [aria-controls], .one-slide-container .tns-outer .tns-controls [aria-controls], .regular-slider-container .tns-outer .tns-controls [aria-controls], .three-cards-slider-container .tns-outer .tns-controls [aria-controls] {   width: 30px;   height: 30px;   position: absolute;   top: 50%;   z-index: 30;   transform: translateY(-50%);   transition: all 0.2s ease-in-out; } .keyfigures-slider-container .tns-outer .tns-controls [aria-controls]:focus, .keyfigures-slider-container .tns-outer .tns-controls [aria-controls]:hover, .momentsdevie-slider-container .tns-outer .tns-controls [aria-controls]:focus, .momentsdevie-slider-container .tns-outer .tns-controls [aria-controls]:hover, .news-slider-container .tns-outer .tns-controls [aria-controls]:focus, .news-slider-container .tns-outer .tns-controls [aria-controls]:hover, .one-slide-container .tns-outer .tns-controls [aria-controls]:focus, .one-slide-container .tns-outer .tns-controls [aria-controls]:hover, .regular-slider-container .tns-outer .tns-controls [aria-controls]:focus, .regular-slider-container .tns-outer .tns-controls [aria-controls]:hover, .three-cards-slider-container .tns-outer .tns-controls [aria-controls]:focus, .three-cards-slider-container .tns-outer .tns-controls [aria-controls]:hover {   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2382358C' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E"); } .keyfigures-slider-container .tns-outer .tns-controls [data-controls="prev"], .momentsdevie-slider-container .tns-outer .tns-controls [data-controls="prev"], .news-slider-container .tns-outer .tns-controls [data-controls="prev"], .one-slide-container .tns-outer .tns-controls [data-controls="prev"], .regular-slider-container .tns-outer .tns-controls [data-controls="prev"], .three-cards-slider-container .tns-outer .tns-controls [data-controls="prev"] {   transform: translateY(-50%) rotate(180deg);   left: 0; } .keyfigures-slider-container .tns-outer .tns-controls [data-controls="next"], .momentsdevie-slider-container .tns-outer .tns-controls [data-controls="next"], .news-slider-container .tns-outer .tns-controls [data-controls="next"], .one-slide-container .tns-outer .tns-controls [data-controls="next"], .regular-slider-container .tns-outer .tns-controls [data-controls="next"], .three-cards-slider-container .tns-outer .tns-controls [data-controls="next"] {   right: 0; } .keyfigures-slider-container .tns-outer .tns-nav, .momentsdevie-slider-container .tns-outer .tns-nav, .news-slider-container .tns-outer .tns-nav, .one-slide-container .tns-outer .tns-nav, .regular-slider-container .tns-outer .tns-nav, .three-cards-slider-container .tns-outer .tns-nav {   position: absolute;   bottom: 0;   left: 0;   z-index: 15;   width: 100%;   text-align: center; } .keyfigures-slider-container .tns-outer .tns-nav [aria-controls], .momentsdevie-slider-container .tns-outer .tns-nav [aria-controls], .news-slider-container .tns-outer .tns-nav [aria-controls], .one-slide-container .tns-outer .tns-nav [aria-controls], .regular-slider-container .tns-outer .tns-nav [aria-controls], .three-cards-slider-container .tns-outer .tns-nav [aria-controls] {   width: 10px;   height: 10px;   margin: 0 5px;   border: none;   border-radius: 50%;   padding: 0;   background-color: #472783;   opacity: 0.5;   transition: all 0.2s ease-in-out; } .keyfigures-slider-container .tns-outer .tns-nav [aria-controls].tns-nav-active, .momentsdevie-slider-container .tns-outer .tns-nav [aria-controls].tns-nav-active, .news-slider-container .tns-outer .tns-nav [aria-controls].tns-nav-active, .one-slide-container .tns-outer .tns-nav [aria-controls].tns-nav-active, .regular-slider-container .tns-outer .tns-nav [aria-controls].tns-nav-active, .three-cards-slider-container .tns-outer .tns-nav [aria-controls].tns-nav-active {   opacity: 1; } .momentsdevie-slider-container {   margin-bottom: 3em; } .momentsdevie-slider-container .tns-outer {   padding-top: 0.2em !important;   padding-bottom: 4em !important; } @media (min-width: 992px) and (max-width: 1199.98px) {   .momentsdevie-slider-container {     padding-right: 2rem;     padding-left: 2rem;   } } .keyfigures-slider-container {   position: relative; } .keyfigures-slider-container .tns-outer {   padding-bottom: 3em !important; } @media (min-width: 1200px) {   .keyfigures-slider-container .tns-outer .tns-controls [data-controls="prev"] {     left: -3rem;   }   .keyfigures-slider-container .tns-outer .tns-controls [data-controls="next"] {     right: -3rem;   } } @media (min-width: 992px) {   .regular-slider-container .tns-outer .tns-controls [data-controls="prev"],   .three-cards-slider-container .tns-outer .tns-controls [data-controls="prev"] {     left: -3em;   }   .regular-slider-container .tns-outer .tns-controls [data-controls="next"],   .three-cards-slider-container   .tns-outer   .tns-controls   [data-controls="next"] {     right: -3em;   } } .regular-slider-container {   margin-bottom: 2em; } .regular-slider-container .tns-outer {   padding-bottom: 2em !important; } @media screen and (min-width: 992px) and (max-width: 1080px) {   .big-image .regular-slider-container {     margin-right: 3rem;     margin-left: 3rem;   } } .regular-slider-container--home .tns-outer .tns-controls [data-controls="next"], .regular-slider-container--home .tns-outer .tns-controls [data-controls="next"]:focus, .regular-slider-container--home .tns-outer .tns-controls [data-controls="next"]:hover {   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23FFFFFF' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E"); } .three-cards-slider-container {   margin-bottom: 3em; } .three-cards-slider-container .tns-outer {   padding-top: 0.2em !important;   padding-bottom: 4em !important; } @media (min-width: 992px) and (max-width: 1199.98px) {   .three-cards-slider-container {     padding-right: 2rem;     padding-left: 2rem;   } } .publications-juridiques .three-cards-slider-container .tns-outer {   padding-bottom: 1em !important; } @media (min-width: 992px) {   .publications-juridiques .three-cards-slider-container .tns-outer {     padding-bottom: 4em !important;   } } @media (max-width: 767.98px) {   .one-slide-container .tns-outer {     padding-bottom: 2.6em !important;   } } @media (min-width: 768px) {   .one-slide-container .tns-ovh {     overflow: visible;   } } .one-slide-slider {   display: flex; } @media (max-width: 767.98px) {   .one-slide-slider .tns-item {     padding: 22px 25px 0 0 !important;   } } @media (max-width: 991.98px) {   .tns-controls [data-controls="next"],   .tns-controls [data-controls="prev"] {     display: none !important;   } } .news-slider-container {   position: relative;   padding: 0.8em 0 3em; } .news-slider-container .tns-inner {   position: relative; } @media (min-width: 992px) {   .news-slider-container .tns-inner:after {     content: "";     display: block;     width: 612px;     height: 100%;     background-color: var(--vyv-violet-fonce);     position: absolute;     top: 0;     left: 4.9rem;     z-index: -1;   } } @media (min-width: 1200px) {   .news-slider-container .tns-inner:after {     left: 6.75rem;   } } @media (max-width: 991.98px) {   .news-slider-container .tns-outer {     max-width: 612px;     margin: 0 auto;   } } @media (min-width: 992px) {   .news-slider-container .tns-outer .tns-nav {     bottom: 0.8em;     left: 310px;     width: 200px;     text-align: right;   }   .news-slider-container .tns-outer .tns-nav [aria-controls] {     background-color: var(--vyv-blanc);   } } .simple-card {   display: block;   background-color: #ece9ea;   transition: all 0.5s ease; } .simple-card-inner {   position: relative;   min-height: 350px;   padding: 2.8em 30px 2em; } .simple-card-title {   margin: 0 0 0.4em;   font-weight: 600;   font-size: 28px;   line-height: 130%;   color: var(--vyv-violet); } .simple-card-content {   font-weight: 400;   font-size: 13px;   line-height: 150%;   color: #878786; } .simple-card-footer {   padding: 0 30px 1.4em; } .simple-card-footer .btn {   width: 100%;   text-align: center; } .masque {   position: relative;   margin: 0 auto; } .masque-picture {   width: 100%;   height: 100%;   overflow: hidden;   position: absolute;   top: 0;   left: 0;   z-index: 0; } .masque-picture img {   display: block;   width: calc(100% - 2px);   height: calc(100% - 2px);   -o-object-fit: cover;   object-fit: cover; } .masque-overlay {   position: relative;   z-index: 5; } .masque--1 {   max-width: 590px;   margin-bottom: 1.5em; } @media (min-width: 992px) {   .float-left .masque--1,   .float-right .masque--1 {     max-width: 482px;     margin-bottom: 0;   } } @media (min-width: 1200px) {   .float-left .masque--1,   .float-right .masque--1 {     max-width: 590px;   } } .masque--id {   width: 118px;   height: 86px; } .masque--id .masque-picture img {   -o-object-fit: none;   object-fit: none;   height: auto; } .publication-card {   position: relative;   display: block;   background-color: #ece9ea;   transition: all 0.5s ease; } .publication-card-pic {   background-color: var(--vyv-blanc);   height: 250px; } @media (max-width: 767.98px) {   .publication-card-pic {     height: auto;   }   .publication-card-pic img {     width: 100%;     max-width: inherit;     height: auto;     margin: auto;   } } @media (min-width: 768px) {   .publication-card-pic {     height: 422px;   }   .publication-card-pic img {     display: block;     width: 100%;     height: 100%;     -o-object-fit: cover;     object-fit: cover;     margin: auto;   } } .publication-card-inner {   position: relative;   padding: 1.6em 20px; } .publication-card-footer {   padding: 0 20px 2em; } .publication-card-footer .btn {   width: 100%;   text-align: center; } @media (min-width: 768px) {   [class*="col"] > .publication-card {     height: 100%;   }   [class*="col"] > .publication-card .publication-card-inner {     min-height: 240px;     padding-bottom: 110px;   }   [class*="col"] > .publication-card .publication-card-footer {     position: absolute;     bottom: 2em;     left: 0;     z-index: 5;     width: 100%;     padding: 0 20px;   } } .partners-list {   padding: 0;   list-style: none;   margin: 0 auto;   text-align: center; } .partners-list li {   display: inline-block;   width: 30%;   padding: 0 1rem; } .partners-list a {   color: #7f7f7f;   text-decoration: none;   transition: all 0.2s ease-in-out; } .partners-list a:focus, .partners-list a:hover {   color: #472783; } .partners-list img {   display: block;   width: 100%;   height: auto; } @media (min-width: 576px) {   .partners-list li {     width: 22%;     width: 18%;   } } @media (min-width: 992px) {   .partners-list {     display: table;   }   .partners-list li {     display: table-cell;     width: auto;   } } .regular-grid, .results-grid {   position: relative;   min-height: 360px; } @media (min-width: 768px) {   .regular-grid:after,   .results-grid:after {     content: "";     display: block;     width: 100%;     height: 360px;     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440.5 205.7'%3E%3Cpath fill='%23F8F7F7' d='M1440.5,0c0,0-353.3,130.6-705.4,158.7c-319.8,25.5-518.3-13.8-735-47.7c0,24.5,0,65.8-0.1,85.4 c535.1,27,1071.7-8.2,1440-58.4C1440.2,64.9,1440.5,0,1440.5,0z'/%3E%3C/svg%3E");     background-repeat: no-repeat;     background-color: transparent;     background-position: 50% 100%;     background-size: 100% auto;     position: absolute;     bottom: 0;     left: 0;     z-index: 0;   } } .bigsearch-suggestion {   max-height: 0;   overflow: hidden;   height: auto;   transition: all 0.2s ease-in-out; } .bigsearch-suggestion.active {   max-height: 90em; } .search-wrapper {   background-color: rgba(71, 37, 131, 0.7); } .tabs-list li {   color: var(--vyv-bleu-fonce);   font-weight: 500;   font-size: 1.25rem;   line-height: 1.125; } .tabs-list .active, .tabs-list a {   display: block;   height: 100%;   background-color: var(--vyv-fond-gris); } .tabs-list .active {   background-color: var(--vyv-bleu-fonce);   color: var(--vyv-blanc); } .tabs-list .active span {   opacity: 1; } .tabs-list a span {   opacity: 0.5;   transition: all 0.2s ease-in-out; } .tabs-list a:focus span, .tabs-list a:hover span {   opacity: 1; } @media (max-width: 991.98px) {   .tabs-list li {     border-bottom: 2px solid var(--vyv-blanc);   }   .tabs-list .active,   .tabs-list a {     padding: 0.5rem 1rem;   }   .tabs-list .active {     position: relative;     padding-left: 3rem;   }   .tabs-list .active:before {     content: "";     display: block;     width: 1.4rem;     height: 1.4rem;     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23FFFFFF' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1 c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E");     background-repeat: no-repeat;     background-color: transparent;     background-position: 50% 50%;     background-size: 100% 100%;     position: absolute;     top: 50%;     left: 1rem;     z-index: 5;     transform: translateY(-50%);   } } @media (min-width: 992px) {   .tabs-list {     display: table;     width: 100%;     table-layout: fixed;   }   .tabs-list li {     display: table-cell;     text-align: center;     vertical-align: middle;     padding: 0 1rem;   }   .tabs-list .active,   .tabs-list a {     display: table;     width: 100%;     height: 50px;     padding: 0 0.5rem;   }   .tabs-list .active span,   .tabs-list a span {     display: table-cell;     vertical-align: middle;   } } @media (min-width: 1200px) {   .tabs-list {     width: calc(100% + 20px);     margin-right: -10px;     margin-left: -10px;   }   .tabs-list li:first-child {     padding-left: 0.7rem;   }   .tabs-list li:last-child {     padding-right: 0.7rem;   }   .tabs-list .active,   .tabs-list a {     padding: 0 1rem;   } } .entite-link {   margin: 0 auto;   background-color: var(--vyv-blanc); } @media (max-width: 575.98px) {   .entite-link {     min-width: calc(100vw - 20px);   } } @media (min-width: 576px) and (max-width: 767.98px) {   .entite-link {     min-width: 520px;   } } .entite-link-thumb {   height: 300px;   max-width: 290px;   margin: 0 auto; } .entite-link-thumb img {   display: block;   width: 100%;   height: 100%;   -o-object-fit: cover;   object-fit: cover; } .entite-link-footer {   width: 100%; } .logo-link {   position: relative;   display: block;   padding: 1px;   background-color: #9a9a99; } .logo-link-inner {   background-color: var(--vyv-blanc); } .logo-link-thumb {   width: 186px;   height: 186px;   margin: 0 auto; } .logo-link-thumb img {   display: block;   width: 100%;   height: 100%;   -o-object-fit: contain;   object-fit: contain; } @media (max-width: 575.98px) {   .logo-link-thumb {     padding-right: 1.2rem;     padding-left: 1.2rem;   } } .logo-link-footer {   color: #472783;   padding: 0.5rem 0 1.55rem;   transition: all 0.2s ease-in-out; } .logo-link-footer .icon {   width: 2.7rem;   height: 2.7rem; } .logo-link:focus .logo-link-footer, .logo-link:hover .logo-link-footer {   color: var(--vyv-bleu-fonce); } .media-link {   position: relative;   display: block; } .media-link-thumb {   width: 100%;   height: 100%;   margin: 0 auto; } .media-link-thumb img {   display: block;   width: 100%;   height: 100%;   -o-object-fit: fit;   object-fit: fit; } .media-link-inner {   border: 1px solid #9a9a99;   border-top: 0 solid #9a9a99;   background-color: var(--vyv-blanc); } .media-link-title {   transition: all 0.2s ease-in-out; } .media-link-desc {   min-height: 190px;   padding-bottom: 10px; } .media-link-footer {   color: #472783;   transition: all 0.2s ease-in-out; } .media-link-icon {   position: absolute;   bottom: 0;   right: 0; } .media-link:focus .media-link-footer, .media-link:focus .media-link-title, .media-link:hover .media-link-footer, .media-link:hover .media-link-title {   color: var(--vyv-bleu-fonce); } .bio-card {   position: relative; } .bio-card-thumb {   top: 1.4rem; } @media (min-width: 768px) {   .bio-card-desc {     min-height: 277px;   } } .bio-card-title {   top: .6rem;   left: 130px;   display: table;   height: 70px; } .bio-card-title-inner {   display: table-cell;   vertical-align: bottom; } .section-moments {   padding: 4em 0 5em;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-publications-juridiques.svg);   background-repeat: no-repeat;   background-size: 100%; } @media (min-width: 576px) {   .section-moments {     padding-top: 6em;   } } @media (min-width: 768px) {   .section-moments {     padding-top: 8em;     margin-top: -3em;   } } @media (min-width: 992px) {   .section-moments {     padding-top: 10em;   } } @media (min-width: 1200px) {   .section-moments {     padding-top: 12em;   } } .section-moments:before {   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-keydata-bottom.svg); } .moment {   position: relative;   display: block;   width: 100%;   border-bottom: 2px solid var(--vyv-blanc);   background-color: var(--vyv-blanc); } @media (min-width: 768px) {   .moment {     border-bottom: none;   } } .moment__excerpt, .moment__footer, .moment__inner, .moment__intro, .moment__title {   position: relative;   z-index: 1;   display: block;   font-family: Wigrum, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,   sans-serif;   line-height: 120%;   color: var(--vyv-blanc); } .moment__inner {   display: block;   width: 100%;   height: 100%;   padding: 4em 5rem 4em 2rem; } @media (min-width: 576px) {   .moment__inner {     display: table;   } } @media (min-width: 992px) {   .moment__inner {     padding-left: 3em;     padding-bottom: 2em;   } } .moment__cell {   display: table-cell;   vertical-align: middle; } .moment__pic {   display: block;   width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   z-index: 0;   overflow: hidden; } .moment__pic img {   -o-object-fit: cover;   object-fit: cover; } .moment__pic:after, .moment__pic img {   display: block;   width: 100%;   height: 100%;   transition: all 0.2s ease-in-out; } .moment__pic:after {   content: "";   background-color: #43484f;   opacity: 0.5;   position: absolute;   top: 0;   left: 0;   z-index: 1; } .moment__title {   margin: 0 0 0.4em;   font-weight: 600;   font-size: 1.7em;   line-height: 120%; } .moment__title:after {   margin: 0;   right: inherit; } .moment__title br {   display: none; } @media (min-width: 992px) {   .moment__title {     font-size: 2em;   }   .moment__title br {     display: inline;   } } .moment__intro {   max-width: 350px;   margin: 0 0 0.6em;   font-weight: 600;   font-size: 1em;   line-height: 140%; } @media (min-width: 992px) {   .moment__intro {     font-size: 1.25em;   } } .moment__excerpt {   max-width: 480px;   margin: 0 0 1.6em;   font-weight: 400;   font-size: 0.8em;   line-height: 160%; } @media (min-width: 992px) {   .moment__excerpt {     font-size: 1em;   } } .moment__footer {   color: #007c9e;   position: absolute;   bottom: 1em;   right: 1em;   z-index: 5; } @media (min-width: 992px) {   .moment__footer {     bottom: 1.5em;     right: 1.5em;   } } @media (min-width: 1200px) {   .moment__footer {     bottom: 2em;     right: 2em;   } } .moment--big {   height: 100%;   border-bottom: 2px solid var(--vyv-blanc); } .moment--big .moment__intro {   max-width: 480px; } @media (min-width: 768px) {   .moment--big .moment__title {     padding-bottom: 0.4em;     font-size: 2.5em;   }   .moment--big .moment__intro {     font-size: 1.5em;   } } @media (min-width: 992px) {   .moment--big .moment__inner {     padding-top: 8em;   } } @media (min-width: 1200px) {   .moment--big .moment__inner {     padding-top: 24em;   } } .noTouchDevice .moment:focus .moment__pic:after, .noTouchDevice .moment:hover .moment__pic:after {   opacity: 0.2; } .shadow-section {   pointer-events: none;   width: 100%; } .show-details {   position: relative;   z-index: 200;   overflow: hidden;   cursor: pointer; } .show-details-close {   position: absolute;   top: 0.6rem;   right: 0.6rem; } .show-details-close svg {   stroke: var(--vyv-blanc); } .show-details .show-details-title {   margin: 0 0 1em;   font-weight: 700;   font-size: 1.275rem;   letter-spacing: -0.02em; } @media (max-width: 767.98px) {   .show-details .show-details-title {     font-size: 1.125rem;   } } @media (max-width: 575.98px) {   .show-details .show-details-title {     font-size: 1rem;   } } .show-details .show-details-flap {   background-color: var(--vyv-violet);   color: var(--vyv-blanc);   font-size: 0.875rem;   line-height: 1.375;   opacity: 0;   position: absolute;   top: 0;   left: 0;   transition-property: all;   transition-duration: 0.3s;   z-index: -1;   width: 100%;   height: 100%;   padding: 1rem 1rem 0; } @media (min-width: 768px) {   .show-details .show-details-flap {     width: calc(200% + 20px);   } } @media (min-width: 992px) {   .show-details .show-details-flap {     padding: 1.6rem 2rem 0 1.8rem;   } } @media (max-width: 767.98px) {   .show-details .show-details-flap {     font-size: 80%;   } } .show-details .show-details-flap ul {   margin-bottom: 1em; } @media screen and (min-width: 1320px) {   .show-details .show-details-flap ul {     margin-bottom: 3em;   } } .show-details .show-details-flap li {   position: relative;   padding: 0 0 0 1rem;   margin-bottom: 1rem; } .show-details .show-details-flap li:before {   content: "•";   display: block;   position: absolute;   top: 0;   left: 0;   z-index: 5;   font-size: 2em;   line-height: 50%; } @media (min-width: 1200px) {   .show-details .show-details-flap li {     margin-bottom: 1.5rem;   } } .show-details .show-details-flap .actu-thumb {   display: block;   width: 100%;   max-width: 100vw;   margin-bottom: 1em; } @media (min-width: 1200px) {   .show-details .show-details-flap .actu-thumb {     margin-bottom: 2.25em;   } } .show-details .show-details-col-a, .show-details .show-details-col-b {   position: relative; } .show-details .show-details-col-a {   padding-right: 10px; } @media (min-width: 1200px) {   .show-details .show-details-col-a {     padding-right: 20px;   } } .show-details .show-details-col-b {   padding-left: 10px; } @media (min-width: 1200px) {   .show-details .show-details-col-b {     padding-left: 20px;   } } .show-details .show-details-links {   border-color: var(--vyv-blanc);   border-top: 1px var(--vyv-blanc);   border-style: solid;   padding-top: 1.5rem; } .show-details .show-details-links p {   margin: 0 0 0.6em; } .show-details .show-details-links a {   display: block;   font-weight: 600;   transition: all 0.2s ease-in-out; } .show-details .show-details-links a:focus, .show-details .show-details-links a:hover {   color: var(--vyv-bleu-fonce); } @media screen and (min-width: 1320px) {   .show-details .show-details-links {     padding-top: 2rem;   } } .show-details.active {   overflow: visible;   z-index: 500; } .show-details.active .show-details-flap {   opacity: 1;   z-index: 510; } @media (min-width: 768px) and (max-width: 991.98px) {   .flex > div:nth-of-type(2n + 2) .show-details-flap {     left: inherit;     right: 0;   } } @media (min-width: 992px) {   .flex > div:nth-of-type(3n + 3) .show-details-flap {     left: inherit;     right: 0;   } } .fake-tag, .tag {   position: relative;   display: inline-block;   font-weight: 500;   color: #82358b; } .tag {   display: table-cell;   vertical-align: middle;   margin: 0;   padding: 0.2em 1rem;   font-weight: 500;   font-size: 1.25rem;   line-height: 1.125;   color: var(--vyv-bleu-fonce);   opacity: 0.5;   transition: all 0.4s ease-in-out;   cursor: pointer; } .MacOS .tag {   padding-top: 1.1rem;   padding-bottom: 0.9rem; } .tag-label {   display: inline-block;   margin: 0.2rem 0.4rem;   padding: 0; } .tag-label input[type="checkbox"], .tag-label input[type="radio"] {   position: absolute;   top: 0;   left: 0;   z-index: 0;   opacity: 0; } .tag-label:focus .tag, .tag-label:hover .tag, .tag-label input[type="checkbox"]:checked + .tag, .tag-label input[type="radio"]:checked + .tag {   text-decoration: none;   opacity: 1; } .tag-label input[type="checkbox"]:checked + .tag, .tag-label input[type="radio"]:checked + .tag {   background-color: var(--vyv-bleu-fonce);   color: var(--vyv-blanc); } .tag-label-inner {   background-color: var(--vyv-fond-gris);   display: table;   width: 100%; } @media (min-width: 576px) {   .tag-label {     width: 281px;     margin: 0.4rem 1rem;   }   .tag-inner {     height: 50px;   } } .fake-tag {   padding: 0 1.3rem 0 1rem;   font-size: 1.1rem;   line-height: 100%;   vertical-align: top; } .fake-tag:after {   content: "";   display: block;   width: 1px;   height: 100%;   background-color: #e9ecef;   position: absolute;   top: 0;   right: 0;   z-index: 5; } .fake-tag:last-child:after {   display: none; } .faq {   position: relative; } .faq-answer {   padding: 0.8rem 1rem 2.4rem 0;   line-height: 160%; } @media (min-width: 992px) {   .faq-answer {     padding-right: 3rem;     padding-left: 3rem;   } } @media (min-width: 1200px) {   .faq-answer {     padding-right: 6.3rem;     padding-left: 5rem;   } } .faq + .flex.flex-col.items-center.mt-12.mb-32 {   margin-top: 1.6em !important; } .faq-menu {   display: none;   background-color: var(--vyv-blanc); } .faq-menu-nav {   position: relative;   background-color: var(--vyv-blanc);   text-align: center; } @media (min-width: 768px) {   .faq-menu-nav {     padding-top: 2em;   } } @media (min-width: 992px) {   .faq-menu-nav {     padding-top: 3.5em;   } } .faq-menu-bg {   display: none; } @media (min-width: 992px) {   .faq-menu-bg {     display: block;     width: 190px;     height: 57px;     position: absolute;     top: 0;     left: 50%;     z-index: 5;     transition: all 0.2s ease-in-out;     transform: translate(18rem, -2.1rem);   } } @media (min-width: 1200px) {   .faq-menu-bg {     transform: translate(25rem, -2.1rem);   } } @media screen and (min-width: 1370px) {   .faq-menu-bg {     transform: translate(30rem, -2.1rem);   } } @media (min-width: 768px) {   .faq-menu {     display: block;     margin: 0 auto;     text-align: center;   }   .faq-menu li {     display: inline-block;     vertical-align: middle;     border: 5px solid var(--vyv-blanc);     background-color: var(--vyv-fond-gris);     font-weight: 500;     font-size: 1.25rem;     line-height: 110%;     color: #82358b;     text-align: center;     transition: all 0.2s ease-in-out;   }   .faq-menu li:focus,   .faq-menu li:hover {     background-color: var(--vyv-bleu-fonce);     color: var(--vyv-blanc);   }   .faq-menu li:focus a,   .faq-menu li:hover a {     color: var(--vyv-blanc);   }   .faq-menu a {     display: inline-block;     padding: 0.2em 1em;     color: #82358b;     transition: all 0.2s ease-in-out;   } } .faq-accordion {   overflow: hidden; } .faq-accordion__title {   margin-top: -2px;   border-top: 2px solid #ebeaea;   background-color: var(--vyv-blanc); } .faq-accordion__title:first-child {   border: none; } .faq-accordion__header {   width: 100%;   padding: 0.6em 1rem;   font-weight: 500;   text-align: left;   transition: all 0.2s ease-in-out; } @media (min-width: 576px) {   .faq-accordion__header {     padding: 1.6em 2rem 1em;   } } .faq-accordion__panel {   padding: 0 1rem;   background-color: var(--vyv-fond-gris); } @media (min-width: 576px) {   .faq-accordion__panel {     padding-right: 2rem;     padding-left: 2rem;   } } .faq-accordion__panel:not([data-hidden="true"]) + .js-expandmore .faq-expandmore__button {   border: none; } .glossaire-menu {   position: relative;   display: block;   max-width: 860px;   margin: 0 auto;   text-align: center; } .glossaire-menu-nav {   position: relative;   z-index: 100; } @media (max-width: 767.98px) {   .glossaire-menu-nav + .results-grid {     margin-top: -20px;   } } @media (min-width: 992px) {   .glossaire-menu-nav {     padding-bottom: 2em;   } } @media (min-width: 1200px) {   .glossaire-menu-nav {     padding-bottom: 2.35em;   } } .glossaire-menu li {   display: inline-block;   margin: 0 0.5em; } .glossaire-menu li:first-child a {   width: auto;   height: auto;   margin: 0;   padding: 0;   font-weight: 400;   font-size: 1rem;   line-height: 80%;   color: #472783; } .glossaire-menu li:first-child a.active, .glossaire-menu li:first-child a:focus, .glossaire-menu li:first-child a:hover {   color: #472783;   text-decoration: underline; } @media (min-width: 992px) {   .glossaire-menu li:first-child {     margin-left: -50px;   }   .glossaire-menu li:first-child a {     font-size: 1.5rem;   } } @media (min-width: 1200px) {   .glossaire-menu li:first-child {     margin-left: 0;     padding-right: 1.2rem;     position: absolute;     left: -96px;     top: 18px;     z-index: 5;   } } .glossaire-menu li a {   position: relative;   display: inline-block;   width: 40px;   height: 40px;   margin: 0 0 0.25em;   padding: 0.15em 0 0;   font-weight: 500;   font-size: 1.2em;   color: var(--vyv-blanc);   transition: all 0.3s ease-in-out; } .apple .glossaire-menu li a, .ios .glossaire-menu li a {   padding-top: 0.275em; } .glossaire-menu li a .icon {   display: block;   width: 40px;   height: 40px;   position: absolute;   top: 50%;   left: 50%;   z-index: -1;   transform: translate(-50%, -50%);   fill: #472783;   opacity: 0.5;   transition: all 0.3s ease-in-out; } .glossaire-menu li a.active, .glossaire-menu li a:focus, .glossaire-menu li a:hover {   color: var(--vyv-blanc); } .glossaire-menu li a.active .icon, .glossaire-menu li a:focus .icon, .glossaire-menu li a:hover .icon {   fill: #007c9e;   opacity: 1; } @media (min-width: 992px) {   .glossaire-menu li a {     font-size: 1.9em;   }   .glossaire-menu li a,   .glossaire-menu li a .icon {     width: 60px;     height: 60px;   } } .glossaire-menu li.active a {   color: var(--vyv-blanc); } .glossaire-menu li.active a .icon {   fill: #007c9e;   opacity: 1; } @media (min-width: 1200px) {   .glossaire-menu li {     margin-right: 0.7em;     margin-left: 0.7em;   } } .glossaire-entry {   position: relative;   z-index: 100;   max-height: 0;   height: auto;   overflow: hidden;   opacity: 0;   padding: 0 20px;   transition: all 0.5s ease-in-out; } .glossaire-entry.active {   max-height: 900px;   margin: 1rem 0;   overflow: visible;   opacity: 1; } @media (min-width: 992px) {   .glossaire-entry.active {     min-height: 472px;     margin-top: 2.5rem;     margin-bottom: 2.5rem;     padding-bottom: 2.5em;   }   .glossaire-entry.active:first-child {     margin-top: 1.45em !important;   } } @media (min-width: 1200px) {   .glossaire-entry.active {     padding-top: 1.8em;     padding-bottom: 2.5em;   } } .glossaire-entry.active .glossaire-entry-inner {   max-height: 900px;   padding-bottom: 1rem;   opacity: 1; } .glossaire-entry-inner {   max-height: 0;   height: auto;   overflow: hidden;   opacity: 0;   transition: all 0.5s ease-in-out; } .glossaire-entry:before {   content: "";   display: block;   width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   z-index: -1;   background-color: var(--vyv-fond-gris); } @media (min-width: 992px) {   .glossaire-entry:before {     width: 100vw;     left: inherit;     right: calc(50% + 10px);   } } @media (min-width: 1200px) {   .glossaire-entry {     padding-right: 100px;     padding-left: 100px;   } } .glossaire-entry-title {   margin: 0;   font-weight: 400;   font-size: 70px;   line-height: 105%;   text-align: center; } @media (min-width: 768px) {   .glossaire-entry-title {     font-size: 90px;   } } @media (min-width: 992px) {   .glossaire-entry-title {     font-size: 120px;     text-align: left;   } } @media (max-width: 991.98px) {   .glossaire-entry-menu {     margin-bottom: 1em;   } } @media (min-width: 992px) {   .glossaire-entry-menu {     width: 38.5%;   } } @media (min-width: 1200px) {   .glossaire-entry-menu {     width: 36%;   } } .glossaire-entry-list a {   display: inline-block;   padding: 0.75rem 0;   font-size: 1rem;   line-height: 110%;   transition: all 0.2s ease-in-out; } .glossaire-entry-list a.active {   font-weight: 700;   font-size: 1.2rem; } @media (max-width: 991.98px) {   .glossaire-entry-list {     text-align: center;   }   .glossaire-entry-list li {     display: inline-block;   }   .glossaire-entry-list a {     padding: 0.25rem 0.75rem;   } } .glossaire-entry-def {   max-height: 0;   height: auto;   overflow: hidden;   padding: 0 10px;   background-color: var(--vyv-blanc);   opacity: 0;   transform: translateY(25%);   transition: all 0.5s ease-in-out; } .glossaire-entry-def.active {   max-height: 500px;   padding-top: 1em;   padding-bottom: 1em;   opacity: 1;   transform: translateY(0); } @media (min-width: 992px) {   .glossaire-entry-def {     padding-right: 2rem;     padding-left: 2rem;     width: 60%;     position: absolute;     top: 2.5rem;     right: 0;     z-index: 5;   }   .glossaire-entry-def.active {     padding-top: 1.5em;     padding-bottom: 2em;   } } @media (min-width: 1200px) {   .glossaire-entry-def {     width: 56%;     right: 60px;   } } .glossaire-entry-def-title {   font-weight: 700;   font-size: 1.1rem; } @media (min-width: 992px) {   .glossaire-entry-def-title {     font-size: 1.5rem;     letter-spacing: 0.01em;   } } .glossaire-entry:nth-child(odd) .glossaire-entry-def-title, .glossaire-entry:nth-child(odd) .glossaire-entry-list a.active, .glossaire-entry:nth-child(odd) .glossaire-entry-list a:focus, .glossaire-entry:nth-child(odd) .glossaire-entry-list a:hover, .glossaire-entry:nth-child(odd) .glossaire-entry-title {   color: var(--vyv-violet-fonce); } .glossaire-entry:nth-child(2n) .glossaire-entry-def-title, .glossaire-entry:nth-child(2n) .glossaire-entry-list a.active, .glossaire-entry:nth-child(2n) .glossaire-entry-list a:focus, .glossaire-entry:nth-child(2n) .glossaire-entry-list a:hover, .glossaire-entry:nth-child(2n) .glossaire-entry-title {   color: #ee7837; } .title-error-code {   margin: 0;   font-weight: 700;   font-size: 5rem;   line-height: 90%; } @media (min-width: 576px) {   .title-error-code {     font-size: 6rem;   } } @media (min-width: 768px) {   .title-error-code {     padding-top: 0.65rem;     font-size: 7rem;   } } @media (min-width: 992px) {   .title-error-code {     font-size: 8rem;   } } @media (min-width: 1200px) {   .title-error-code {     font-size: 8.85rem;   } } .title-error-bg {   width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   z-index: -1; } .title-error-bg svg {   display: block;   width: 100%;   height: 100%; } .title-corner-a, .title-corner-b {   position: absolute;   z-index: 5; } .title-corner-a {   width: 130px;   height: 118px;   top: 0.9rem;   left: 10px; } @media (min-width: 768px) {   .title-corner-a {     top: 2.1rem;   } } @media (min-width: 992px) {   .title-corner-a {     top: 2.7rem;   } } @media (min-width: 1200px) {   .title-corner-a {     left: 0;   } } @media screen and (min-width: 1330px) {   .title-corner-a {     top: calc(2.7rem + 0.2vw);   } } .title-corner-b {   width: 99px;   height: 45px;   bottom: -0.3rem;   right: 10px; } @media (min-width: 1200px) {   .title-corner-b {     right: 7rem;   } } @media screen and (min-width: 1330px) {   .title-corner-b {     bottom: calc(-0.3rem + 0.3vw);   } } .modal-open {   overflow: hidden;   height: 100%; } #contentWrapper {   display: unset; }  #tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {   margin: 0;   padding: 0;   border: 0;   font-size: 100%;   font: inherit;   vertical-align: baseline;     text-align: initial;   text-shadow: initial; }  #tarteaucitronRoot * {   transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms }  #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {   display: block; } #tarteaucitronRoot ol, #tarteaucitronRoot ul {   list-style: none; } #tarteaucitronRoot blockquote, #tarteaucitronRoot q {   quotes: none; } #tarteaucitronRoot blockquote:before, #tarteaucitronRoot blockquote:after, #tarteaucitronRoot q:before, #tarteaucitronRoot q:after {   content: '';   content: none; } #tarteaucitronRoot table {   border-collapse: collapse;   border-spacing: 0; } #tarteaucitronRoot a:focus, #tarteaucitronRoot button:focus {   }  div#tarteaucitronMainLineOffset {   margin-top: 0 !important; } div#tarteaucitronServices {   margin-top: 21px !important; } #tarteaucitronServices::-webkit-scrollbar {   width: 5px; } #tarteaucitronServices::-webkit-scrollbar-track {   -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); } #tarteaucitronServices::-webkit-scrollbar-thumb {   background-color: #ddd;   outline: 0px solid slategrey; } div#tarteaucitronServices {   box-shadow: 0 0 35px #575757; }  @media screen and (max-width: 479px) {   #tarteaucitron .tarteaucitronLine .tarteaucitronName {     width: 90% !important;   }   #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {     float: left !important;     margin: 10px 15px 5px;   } } @media screen and (max-width: 767px) {   #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {     background: #fff;     border: 0 !important;     bottom: 0 !important;     height: 100% !important;     left: 0 !important;     margin: 0 !important;     max-height: 100% !important;     max-width: 100% !important;     top: 0 !important;     width: 100% !important;   }   #tarteaucitron .tarteaucitronBorder {     border: 0 !important;   }   #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {     border: 0 !important;   }   #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {     text-align: left !important;   }   .tarteaucitronName .tarteaucitronH2 {     max-width: 80%;   }   #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {     text-align: center !important;   }   #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {     margin-bottom: 5px;   } } @media screen and (min-width: 768px) and (max-width: 991px) {   #tarteaucitron {     border: 0 !important;     left: 0 !important;     margin: 0 5% !important;     max-height: 80% !important;     width: 90% !important;   } }  #tarteaucitron * {   zoom: 1; } #tarteaucitronRoot div#tarteaucitron {   left: 0;   right: 0;   margin: auto; } #tarteaucitronRoot button#tarteaucitronBack {   background: #eee; } #tarteaucitron .clear {   clear: both; } #tarteaucitron a {   color: rgb(66, 66, 66);   font-size: 11px;   font-weight: 700;   text-decoration: none; } #tarteaucitronRoot button {   background: transparent;   border: 0; } #tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong, #tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {   color: #fff; } #tarteaucitron strong {   font-size: 22px;   font-weight: 500; } #tarteaucitron ul {   padding: 0; } #tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {   display: block; } .cookie-list {   list-style: none;   padding: 0;   margin: 0; }  #tarteaucitronRoot {   left: 0;   position: absolute;   right: 0;   top: 0;   width: 100%; } #tarteaucitronRoot * {   box-sizing: initial;   color: #333;   font-family: sans-serif !important;   font-size: 14px;   line-height: normal;   vertical-align: initial; } #tarteaucitronRoot .tarteaucitronH1 {   font-size: 1.5em;   text-align: center;   color: #fff;   margin: 15px 0 28px; } #tarteaucitronRoot .tarteaucitronH2 {   display: inline-block;   margin: 12px 0 0 10px;   color: #fff; } #tarteaucitronCookiesNumberBis.tarteaucitronH2 {   margin-left: 0; }  #tarteaucitronBack {   background: #fff;   display: none;   height: 100%;   left: 0;   opacity: 0.7;   position: fixed;   top: 0;   width: 100%;   z-index: 2147483646; } #tarteaucitron {   display: none;   max-height: 80%;   left: 50%;   margin: 0 auto 0 -430px;   padding: 0;   position: fixed;   top: 6%;   width: 860px;   z-index: 2147483647; } #tarteaucitron .tarteaucitronBorder {   background: #fff;   border: 2px solid #472783;   border-top: 0;   height: auto;   overflow: auto; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel {   background: #472783;   color: #fff;   cursor: pointer;   font-size: 12px;   font-weight: 700;   text-decoration: none;   padding: 4px 0;   position: absolute;   right: 0;   text-align: center;   width: 70px; } #tarteaucitron #tarteaucitronDisclaimer {   color: #555;   font-size: 12px;   margin: 15px auto 0;   width: 80%; } .tarteaucitronSelfLink, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {   background: rgba(51, 51, 51, 0.07); } a.tarteaucitronSelfLink {   text-align: center !important;   display: block;   padding: 7px !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {   display: none;   position: relative; } #tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {   width: 100%;   box-sizing: border-box; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {   color: #fff;   display: inline-block;   font-size: 14px;   font-weight: 700;   margin: 20px 0px 0px;   padding: 5px 20px;   text-align: left;   width: auto;   background: #472783; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {   color: #fff;   font-weight: 500; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {   text-decoration: none !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {   font-size: 22px; } #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {   font-size: 14px; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {   padding: 5px 10px;   margin: 0; } #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {   color: #fff;   display: none;   font-size: 12px;   font-weight: 500;   margin-top: 0;   max-width: 270px;   padding: 20px;   position: absolute;   z-index: 2147483647; } #tarteaucitron #tarteaucitronInfo a {   color: #fff;   text-decoration: underline; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {   background: rgba(51, 51, 51, 0.2); } #tarteaucitron #tarteaucitronServices .tarteaucitronLine {   background: rgba(51, 51, 51, 0.1);   border-left: 5px solid transparent;   margin: 0;   overflow: hidden;   padding: 15px 5px; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {   border-color: #1B870B; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {   border-color: #9C1A1A; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {   background: #472783;   border: 3px solid #472783;   border-left: 9px solid #472783;   border-top: 5px solid #472783;   margin-bottom: 0;   margin-top: 21px;   position: relative; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {   background: #472783; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {   margin-left: 15px;   margin-top: 2px; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {   color: #fff; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {   margin-top: 0px !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {   display: inline-block;   float: left;   margin-left: 10px;   text-align: left;   width: 50%; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {   text-decoration: underline; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {   display: inline-block;   float: right;   margin: 7px 15px 0;   text-align: right; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {   background: gray;   border-radius: 4px;   color: #fff;   cursor: pointer;   display: inline-block;   padding: 6px 10px;   text-align: center;   text-decoration: none;   width: auto;   border: 0; } #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {   background-color: #1B870B;   opacity: 1; } #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {   background-color: #9C1A1A;   opacity: 1; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {   background-color: #1B870B; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {   background-color: #9C1A1A; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {   color: #333;   font-size: 12px; } #tarteaucitron .tarteaucitronH3 {   font-size: 18px; } #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {   width: auto !important;   margin-left: 0 !important;   font-size: 14px; } span#tarteaucitronDisclaimerAlert {   padding: 0 10px;   display: inline-block; } #tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {   border-color: #472783 !important; }  .tarteaucitronAlertBigTop {   top: 0; } .tarteaucitronAlertBigBottom {   bottom: 0; } #tarteaucitronRoot #tarteaucitronAlertBig {   background: #ee7837;   color: #fff;   display: none;   font-size: 15px !important;   left: 0;   position: fixed;   box-sizing: content-box;   z-index: 2147483645;   text-align: center;   padding: 10px 0 10px 0;   margin: auto;   width: 100%; } #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {   font: 15px verdana;   color: #fff; } #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {   font-weight: 700; } #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {   cursor: pointer; } #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {   background: #fff;   color: #333;   cursor: pointer;   display: inline-block;   font-size: 16px !important;   line-height: 1.2;   padding: 5px 10px;   text-decoration: none;   margin-left: 7px;   margin-bottom: 5px; } #tarteaucitron a.privacyUrl, #tarteaucitronAlertBig a.privacyUrl {   padding: 0 10px; }   #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {   background: #fff;   color: #333;   font-size: 13px;   margin-bottom: 3px;   margin-left: 7px;   padding: 5px 10px; } #tarteaucitronPercentage {   background: #0A0 !important;   box-shadow: 0 0 2px #fff, 0 1px 2px #555;   height: 5px;   left: 0;   position: fixed;   width: 0;   z-index: 2147483644; }  .tarteaucitronIconBottomRight {   bottom: 0;   right: 0; } .tarteaucitronIconBottomLeft {   bottom: 0;   left: 0; } .tarteaucitronIconTopRight {   top: 0;   right: 0; } .tarteaucitronIconTopLeft {   top: 0;   left: 0; } .tarteaucitronIconTopLeft #tarteaucitronManager {   border-radius: 2px 7px 7px 2px; } .tarteaucitronIconTopRight #tarteaucitronManager {   border-radius: 7px 2px 2px 7px; } .tarteaucitronIconBottomLeft #tarteaucitronManager {   border-radius: 7px 7px 2px 2px; } .tarteaucitronIconBottomRight #tarteaucitronManager {   border-radius: 7px 7px 2px 2px; } #tarteaucitronIcon {   background: transparent;   position: fixed;   display: none;   width: auto;   z-index: 2147483646; } #tarteaucitronIcon #tarteaucitronManager {   color: transparent;   cursor: pointer;   display: inline-block;   font-size: 11px !important;   padding: 8px 10px 8px;   border: none; } #tarteaucitronIcon #tarteaucitronManager img {   width: 50px;   height: 50px; } #tarteaucitronRoot .tarteaucitronCross::before {   content: '\2717';   display: inline-block;   color: #333; } #tarteaucitronRoot .tarteaucitronCheck::before {   content: '\2713';   display: inline-block;   color: #333; } #tarteaucitronRoot .tarteaucitronPlus::before {   content: '\271b';   display: inline-block;   color: white; }   .tarteaucitronAlertSmallTop, .tarteaucitronAlertSmallBottom {   bottom: 0; } #tarteaucitronAlertSmall {   background: #472783;   display: none;   padding: 0;   position: fixed;   right: 0;   text-align: center;   width: auto;   z-index: 2147483646; } #tarteaucitronAlertSmall #tarteaucitronManager {   color: #fff;   cursor: pointer;   display: inline-block;   font-size: 11px !important;   padding: 8px 10px 8px; } #tarteaucitronAlertSmall #tarteaucitronManager:hover {   background: rgba(255, 255, 255, 0.05); } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {   background-color: gray;   border-radius: 5px;   display: block;   height: 8px;   margin-bottom: 1px;   margin-top: 5px;   overflow: hidden;   width: 100%; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {   display: block;   float: left;   height: 100%;   width: 0%; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {   background-color: #1B870B; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {   background-color: #FBDA26; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {   background-color: #9C1A1A; } #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {   background: rgba(255, 255, 255, 0.2);   color: #fff;   cursor: pointer;   display: inline-block;   font-size: 30px;   padding: 0px 10px;   vertical-align: top; } #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {   background: rgba(255, 255, 255, 0.3); } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {   display: none;   max-height: 70%;   max-width: 500px;   position: fixed;   right: 0;   width: 100%; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {   background: #fff;   border: 2px solid #472783;   color: #472783;   font-size: 11px;   height: auto;   overflow: auto;   text-align: left; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {   color: #472783; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {   background: #472783;   margin-top: 21px;   padding: 13px 0 9px 13px;   text-align: left; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {   color: #fff;   font-size: 16px; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {   background: rgba(51, 51, 51, 0.1);   padding: 7px 5px 10px;   word-wrap: break-word; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {   background: rgba(51, 51, 51, 0.2); } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {   color: #472783;   text-decoration: none; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {   display: inline-block;   width: 50%; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {   color: darkred; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {   color: #472783;   display: inline-block;   font-size: 11px;   margin-left: 10%;   vertical-align: top;   width: 30%; }  .tac_activate {   background: #472783;   color: #fff;   display: table;   font-size: 12px;   height: 100%;   line-height: initial;   margin: auto;   text-align: center;   width: 100%; } .tac_float {   display: table-cell;   text-align: center;   vertical-align: middle; } .tac_activate .tac_float strong {   color: #fff; } .tac_activate .tac_float .tarteaucitronAllow {   background-color: #1B870B;   display: inline-block; }  ins.ferank-publicite, ins.adsbygoogle {   text-decoration: none; } div.amazon_product {   height: 240px;   width: 120px; } .tarteaucitronIsAllowed .tarteaucitronDeny {   opacity: 0.4 !important; } .tarteaucitronIsDenied .tarteaucitronAllow {   opacity: 0.4 !important; } .tarteaucitronIsAllowed .tarteaucitronAllow {   opacity: 1 !important; } .tarteaucitronIsDenied .tarteaucitronDeny {   opacity: 1 !important; } .tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {   opacity: 0.4; } #tarteaucitronServices_mandatory button.tarteaucitronAllow {   opacity: 1; } div#tarteaucitronInfo {   display: block !important;   position: relative !important;   text-align: center !important;   max-width: 80% !important;   padding: 15px 0 !important;   margin: -10px auto 40px !important;   font-size: 1em !important;   border-bottom: 1px solid;   border-top: 1px solid;   border-color: #555; } a.tarteaucitronSelfLink {   position: absolute;   left: 0;   right: 0;   padding-top: 13px !important;   display: block;   text-shadow: 0 0 14px white;   text-transform: uppercase; } .tarteaucitronMainLine .tarteaucitronH2 {   font-size: 1.2em !important;   margin-top: 4px !important; } span.tarteaucitronTitle.tarteaucitronH3 {   margin-top: 12px !important; } .spacer-20 {   height: 20px;   display: block; } .display-block {   display: block; } .display-none {   display: none; } #tarteaucitron #tarteaucitronPrivacyUrlDialog:hover {   background: #3cbcd7;   color: #fff;   -webkit-transition: all .3s linear;   -moz-transition: all .3s linear;   -ms-transition: all .3s linear;   -o-transition: all .3s linear;   transition: all .3s linear; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {   display: block;   text-align: center;   margin-bottom: 10px; } #tarteaucitronRoot #tarteaucitronSaveButton {   display: flex;   align-items: center;   justify-content: center;   border-width: 2px;   cursor: pointer;   font-weight: 700;   line-height: 1;   font-size: .875rem;   transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;   transition-timing-function: cubic-bezier(.4, 0, 1, 1);   overflow: hidden;   letter-spacing: -.05em;   background-color: transparent;   border-color: #472583;   color: #472583;   min-width: auto;   transition-duration: .3s;   border-style: solid;   margin: 1rem;   padding: .5rem 2rem; } #tarteaucitronRoot #tarteaucitronSaveButton:hover, #tarteaucitronRoot #tarteaucitronSaveButton:focus {   border-color: transparent;   background-color: #472583;   color: #fff; } #tarteaucitronRoot #tarteaucitronSave {   display: flex;   width: 100%;   align-items: center;   justify-content: end;   background-color: #ffffff; }@font-face {   font-family: vyv-Aria;   src: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Aria/AriaTextG1-SemiBoldItalic.woff2) format("woff2"),   url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/fonts/Aria/AriaTextG1-SemiBoldItalic.woff) format("woff");   font-weight: 600;   font-style: italic } .section-bloc-texte-simple h3, .section-bloc-texte-a-puces h3, .news-content h3, .faq-content h3, .section-post-details h3, #modal-lesforces .modal-body h3 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 1.75rem;   font-weight: 700;   line-height: 1; } .section-post-details h2, .news-content h2, .faq-content h2, #modal-lesforces .modal-body h2 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 2rem;   font-weight: 700;   line-height: 1; } .section-bloc-texte-simple h4, .section-bloc-texte-a-puces h4, .news-content h4, .faq-content h4, .section-post-details h4, #modal-lesforces .modal-body h4 {   font-size: 1.5rem;   font-weight: 700;   line-height: 1.25;   color: var(--vyv-violet-fonce);   margin-top: 1.5rem;   margin-bottom: 1.5rem; } .section-bloc-sur-le-meme-theme h2 {   padding-top: 0 !important; } .section-liste-metiers .surtitle + .title-h2, .section-bloc-moments-de-vie .surtitle + .title-h2 {   padding-top: 0; } .actu-title a:hover {   color: var(--vyv-bleu-fonce); } .three-cards-slider-container {   margin-bottom: 1em; } .btn {   padding-left: 1rem;   padding-right: 2rem;   min-width: auto; } .actu-icon-twitter {   right: -10px;   color: var(--vyv-violet); } .actu-icon-twitter:hover {   color: #A61680; } .section-bloc-moments-de-vie .carousel-1 .carousel-pagination {   bottom: 0; } .space-y-2 > :not(template) ~ :not(template) {   margin-top: 0.5rem; } .section-bloc-texte-a-puces strong, .section-bloc-texte-a-puces b {   font-size: 17px; } .section-bloc-video-grande-taille .title-l, .section-bloc-slider-images .text-30 {   margin-bottom: 1.5rem; } .section-bloc-slider .simple-card-title {   color: var(--vyv-violet-fonce); } .section-bloc-savoir-faire .square-title {   margin-bottom: 0.5rem; } p + p {   margin-top: 0.5rem; } .dropdown--sorting .dropdown-menu a.active {   background-color: #FFF;   color: var(--vyv-violet); } #filter-news-events .dropdown--sorting .dropdown-menu--years, #filter-news-events .dropdown--sorting .dropdown-menu--months {   min-width: 103px; } .filters-bar {   display: block;   position: relative;   z-index: 2; } .alert-info {   color: #878786;   border-top: 2px solid #553286;   border-bottom: 2px solid #553286;   padding-top: .75rem;   padding-bottom: .75rem; } .bigsearch #search-page, #searchPublication {   padding-right: 5rem; } section.no-results {   margin-bottom: 9rem; }  .news-content a, .faq-content a {   color: #007C9E; } .news-content a:hover, .faq-content a:hover {   color: var(--vyv-violet); } .news-content h1, .faq-content h1 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 2.5rem;   font-weight: 700;   line-height: 1; } .bigsearch-suggestion.active {   max-height: 15em;   overflow-y: auto; } .bigsearch-suggestion::-webkit-scrollbar, .modal-body::-webkit-scrollbar, #modal-realisation::-webkit-scrollbar, .mod-vyv-list-result::-webkit-scrollbar, .mod-vyv-select-items::-webkit-scrollbar {   width: 10px;   background-color: #f8f7f7; } .bigsearch-suggestion::-webkit-scrollbar:horizontal, .modal-body::-webkit-scrollbar:horizontal, #modal-realisation::-webkit-scrollbar:horizontal, .mod-vyv-list-result::-webkit-scrollbar:horizontal, .mod-vyv-select-items::-webkit-scrollbar:horizontal {   height: 12px; } .bigsearch-suggestion::-webkit-scrollbar-track, .modal-body::-webkit-scrollbar-track, #modal-realisation::-webkit-scrollbar-track, .mod-vyv-list-result::-webkit-scrollbar-track, .mod-vyv-select-items::-webkit-scrollbar-track {   border: 1px rgb(16, 16, 16) solid;   border-radius: 10px;   -webkit-box-shadow: 0 0 6px #c8c8c8 inset; } .mod-vyv-list-result::-webkit-scrollbar-track {   border-radius: 0;   border-right: 0; } .mod-vyv-select-items::-webkit-scrollbar-track {   border-radius: 0;   border-left-color: #fff;   border-top-color: #fff; } .bigsearch-suggestion::-webkit-scrollbar-thumb, .modal-body::-webkit-scrollbar-thumb, #modal-realisation::-webkit-scrollbar-thumb, .mod-vyv-list-result::-webkit-scrollbar-thumb, .mod-vyv-select-items::-webkit-scrollbar-thumb {   background-color: var(--vyv-violet);   border: 1px solid #000000;   border-radius: 16px; }  .bigsearch-suggestion::-webkit-scrollbar-thumb:hover, .modal-body::-webkit-scrollbar-thumb:hover, #modal-realisation::-webkit-scrollbar-thumb:hover, .mod-vyv-list-result::-webkit-scrollbar-thumb:hover, .mod-vyv-select-items::-webkit-scrollbar-thumb:hover {   background-color: var(--vyv-bleu-moyen);   border: 1px solid #333333; } .bigsearch-suggestion::-webkit-scrollbar-thumb:active, .modal-body::-webkit-scrollbar-thumb:active, #modal-realisation::-webkit-scrollbar-thumb:active, .mod-vyv-list-result::-webkit-scrollbar-thumb:active, .mod-vyv-select-items::-webkit-scrollbar-thumb:active {   background-color: var(--vyv-bleu-moyen);   border: 1px solid #333333; } .bigsearch-suggestion ul li a {   font-size: 1.3rem; } .moment-flex {   flex-direction: row;   flex-wrap: wrap; } .moment-flex .moment {   width: 50%;   margin-bottom: 2px; } .vyv-loading {   display: block;   margin: 15px auto;   text-align: center;   width: 100% } .vyv-loading span {   display: inline-block;   height: 32px;   width: 32px;   background-size: 32px;   background-repeat: no-repeat;   background-position: center;   background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='//www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z' fill='%23482683' fill-opacity='1'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='-90 64 64' dur='2000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E") } .section-bloc-texte-simple {   padding-top: 15px; } .card-contact-presse a {   color: var(--vyv-violet);   transition-duration: .5s;   transition-property: all; } .card-contact-presse a:hover {   color: var(--vyv-bleu-moyen); } a.link_vyv {   color: var(--vyv-violet);   transition-duration: .5s;   transition-property: all; } a.link_vyv:hover {   color: var(--vyv-bleu-moyen); } a.media-link:hover {   color: var(--vyv-bleu-moyen);   transition: all .2s ease-in-out; } .form-filters .tag-label {   position: relative; } .glossary-menu {   position: relative;   display: block;   max-width: 860px;   margin: 0 auto;   text-align: center; } .glossary-menu-nav {   position: relative;   z-index: 100; } @media (max-width: 767.98px) {   .glossary-menu-nav + .results-grid {     margin-top: -20px;   } } @media (min-width: 992px) {   .glossary-menu-nav {     padding-bottom: 2em;   } } @media (min-width: 1200px) {   .glossary-menu-nav {     padding-bottom: 2.35em;   } } .glossary-menu li {   display: inline-block;   margin: 0 0.5em; } .glossary-menu li:first-child a {   width: auto;   height: auto;   margin: 0;   padding: 0;   font-weight: 400;   font-size: 1rem;   line-height: 80%;   color: var(--vyv-violet); } .glossary-menu li:first-child a.active, .glossary-menu li:first-child a:hover, .glossary-menu li:first-child a:focus {   color: var(--vyv-violet);   text-decoration: underline; } @media (min-width: 992px) {   .glossary-menu li:first-child {     margin-left: -50px;   }   .glossary-menu li:first-child a {     font-size: 1.5rem;   } } @media (min-width: 1200px) {   .glossary-menu li:first-child {     margin-left: 0;     padding-right: 1.2rem;     position: absolute;     left: -96px;     top: 18px;     z-index: 5;   } } .glossary-menu li a {   position: relative;   display: inline-block;   width: 40px;   height: 40px;   margin: 0 0 0.25em;   padding: 0.15em 0 0;   font-weight: 500;   font-size: 1.2em;   color: #FFF;   transition: all 0.3s ease-in-out; } .apple .glossary-menu li a, .ios .glossary-menu li a {   padding-top: 0.275em; } .glossary-menu li a .icon {   display: block;   width: 40px;   height: 40px;   position: absolute;   top: 50%;   left: 50%;   z-index: -1;   transform: translate(-50%, -50%);   fill: var(--vyv-violet);   transition: all 0.3s ease-in-out; } .glossary-menu li a.active, .glossary-menu li a:hover, .glossary-menu li a:focus {   color: #FFF; } .glossary-menu li a.active .icon, .glossary-menu li a:hover .icon, .glossary-menu li a:focus .icon {   fill: #0074B0;   opacity: 1; } @media (min-width: 992px) {   .glossary-menu li a {     width: 60px;     height: 60px;     font-size: 1.9em;   }   .glossary-menu li a .icon {     width: 50px;     height: 50px;   } } .glossary-menu li.active a {   color: #FFF; } .glossary-menu li.active a .icon {   fill: #007C9E;   opacity: 1; } .level-2 {   text-align: left;   transition: all .3s; } .section-entete-accueil-vyv3 .regular-slider-container h2 {   margin-top: 0; } .offer-navigation li.home a.home {   padding-top: 0; } .section-onepage-header-vyv3:not(.auto) {   overflow: inherit; } .page-breadcrumb a.current-item {   color: #00c1dc;   opacity: .5; } .page-breadcrumb span[property="itemListElement"] a:not(.current-item):after {   display: inline-block;   margin-left: 10px;   margin-right: 10px;   content: ">"; } .savoir-desc a {   display: block;   font-weight: 500;   transition: all .2s ease-in-out; } .savoir-desc a:focus, .savoir-desc a:hover {   color: #00c1dc; } .savoir-desc a:first-child {   border-color: #fff;   border-top: 1px #fff;   border-style: solid;   padding-top: 10px; } .savoir-thumb img {   margin-bottom: 2.25em; } .savoir-thumb > a img {   margin-bottom: 0; } .savoir-close {   position: absolute;   top: 0.6rem;   right: 0.6rem; } .savoir-details {   position: relative;   z-index: 200;   overflow: hidden;   cursor: pointer; } .savoir-details-close {   position: absolute;   top: 0.6rem;   right: 0.6rem; } .savoir-details .savoir-details-title {   margin: 0 0 1em;   font-weight: 700;   font-size: 1.275rem;   letter-spacing: -0.02em; } .savoirfaire-close {   position: absolute;   top: 0.6rem;   right: 0.6rem; } @media (max-width: 767.98px) {   .savoir-details .savoir-details-title {     font-size: 1.125rem;   } } @media (max-width: 575.98px) {   .savoir-details .savoir-details-title {     font-size: 1rem;   } } .savoir-details .savoir-details-flap {   background-color: var(--vyv-violet);   color: #fff;   font-size: 0.875rem;   line-height: 1.375;   opacity: 0;   position: absolute;   top: 0;   left: 0;   transition-property: all;   transition-duration: 300ms;   z-index: -1;   width: 100%;   height: 100%;   padding: 1rem 1rem 0; } @media (min-width: 768px) {   .savoir-details .savoir-details-flap {     width: calc(200% + 20px);   }   .md\:float-left {     float: left   }   .md\:mr-col {     margin-right: 70px;   } } @media (min-width: 992px) {   .savoir-details .savoir-details-flap {     padding: 1.6rem 2rem 0 1.8rem;   } } @media (max-width: 767.98px) {   .savoir-details .savoir-details-flap {     font-size: 80%;   } } .savoir-details .savoir-details-flap ul {   margin-bottom: 1em; } @media screen and (min-width: 1320px) {   .savoir-details .savoir-details-flap ul {     margin-bottom: 3em;   } } .savoir-details .savoir-details-flap li {   position: relative;   padding: 0;   padding-left: 1rem;   margin-bottom: 1rem; } .savoir-details .savoir-details-flap li::before {   content: "•";   display: block;   position: absolute;   top: 0;   left: 0;   z-index: 5;   font-size: 2em;   line-height: 50%; } @media (min-width: 1200px) {   .savoir-details .savoir-details-flap li {     margin-bottom: 1.5rem;   } } .savoir-details .savoir-details-flap .actu-thumb {   display: block;   width: 100%;   max-width: 100vw;   margin-bottom: 1em; } @media (min-width: 1200px) {   .savoir-details .savoir-details-flap .actu-thumb {     margin-bottom: 2.25em;   } } .savoir-details .savoir-details-col-a, .savoir-details .savoir-details-col-b {   position: relative; } .savoir-details .savoir-details-col-a {   padding-right: 10px; } @media (min-width: 1200px) {   .savoir-details .savoir-details-col-a {     padding-right: 20px;   } } .savoir-details .savoir-details-col-b {   padding-left: 10px; } @media (min-width: 1200px) {   .savoir-details .savoir-details-col-b {     padding-left: 20px;   } } .savoir-details .savoir-details-links {   border-top-width: 1px;   border-style: solid;   border-color: #fff;   padding-top: 1.5rem; } .savoir-details .savoir-details-links p {   margin: 0 0 0.6em; } .savoir-details .savoir-details-links a {   display: block;   font-weight: 600;   transition: all 0.2s ease-in-out; } .savoir-details .savoir-details-links a:hover, .savoir-details .savoir-details-links a:focus {   color: #00c1dc; }  .page-content--default article h1 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 2.5rem;   font-weight: 700;   line-height: 1; } .page-content--default article h2 {   font-size: 1.75rem;   font-weight: 700;   line-height: 1.125;   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem } .page-content--default article h3 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 1.75rem;   font-weight: 700;   line-height: 1; } .page-content--default article h4 {   font-size: 1.5rem;   font-weight: 700;   line-height: 1.25;   color: #82358b;   margin-top: 1.5rem;   margin-bottom: 1.5rem; } .page-content--default article ul, .type-news ul, .type-informations ul {   padding-left: 2.5rem;   margin-top: 1rem;   margin-bottom: 1rem;   list-style: none; } .page-content--default article ul li, .type-news ul li, .type-informations ul li {   position: relative;   padding: 0 0 0 1em; } .page-content--default article ul li:before, .type-news ul li:before, .type-informations ul li:before {   content: "";   display: block;   width: 6px;   height: 6px;   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/puce.svg);   background-repeat: no-repeat;   background-color: transparent;   background-position: 50% 50%;   background-size: 100% 100%;   position: absolute;   top: 11px;   left: 0;   z-index: 5; } .page-content--default article ul li + li, .type-news ul li + li, .type-informations ul li + li {   margin-top: 0.5rem; } .list-style--format ul {   padding-left: 2.5rem;   margin-top: 0.5rem;   margin-bottom: 0.5rem;   list-style: none;   display: inherit; } .list-style--format-inline ul {   display: inline-block; } .list-style--format ul li {   position: relative;   padding: 0 0 0 1em; } .list-style--format ul li:before {   content: "";   display: block;   width: 6px;   height: 6px;   background: var(--vyv-violet-fonce);   border-radius: 50%;   position: absolute;   top: 11px;   left: 0;   z-index: 5; } .list-style--format ul li + li {   margin-top: 0.5rem; } .page-content--default article a {   text-decoration: none;   outline: none;   color: var(--vyv-violet); } .page-content--default article a:hover {   color: var(--vyv-bleu-fonce); } .accordion-item.open.no-visuel .accordion-btn {   flex: none; } .accordion-item.open.no-visuel {   justify-content: center; }   @media screen and (min-width: 1320px) {   .savoir-details .savoir-details-links {     padding-top: 2rem;   } } @media (min-width: 576px) {   .savoir-details.active {     overflow: visible;     z-index: 500;   }   .savoir-details.active .savoir-details-flap {     opacity: 1;     z-index: 510;   } } @media (min-width: 768px) and (max-width: 991.98px) {   .flex > div:nth-of-type(2n+2) .savoir-details-flap {     left: inherit;     right: 0;   } } @media (min-width: 992px) {   .flex > div:nth-of-type(3n+3) .savoir-details-flap {     left: inherit;     right: 0;   } } @media (min-width: 1200px) {   .glossary-menu li {     margin-right: 0.7em;     margin-left: 0.7em;   } } @media (min-width: 576px) {   section[data-section] h2 {     margin-top: 15px;     padding-top: 0;   }   .savoir-details.actif {     overflow: visible;     z-index: 500;   }   .savoir-details.actif .savoir-details-flap {     opacity: 1;     z-index: 510;   } } @media (min-width: 992px) {   .offer-navigation > li.menu-item-has-children:hover .group > a, .offer-navigation > li.menu-item-has-children:focus .group > a {     background-color: #FFF;     color: #007C9E;   } } .section-grid-forces {   margin-top: 50px;   margin-bottom: 50px; } .section-grid-forces .grid {   display: flex;   flex-wrap: wrap;   justify-content: space-between;   color: white;   font-size: 18px; } .section-grid-forces .big-block {   width: calc(1290px * (2 / 3) - 10px);   height: calc(1290px * (2 / 3) - 10px);   padding: 20px;   margin-bottom: 20px;   position: relative;   background-size: cover;   background-repeat: no-repeat;   background-position: center; } .section-grid-forces .big-block:before {   content: '';   width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);   transition: all .3s; } .section-grid-forces .big-block:hover:before {   opacity: .7;   transition: all .3s; } .section-grid-forces .small-blocks-container {   width: calc(1290px * (1 / 3) - 10px);   height: calc(1290px * (2 / 3) - 10px);   display: flex;   flex-direction: column;   margin-bottom: 20px; } .section-grid-forces .small-blocks-container .small-block {   width: 100%;   padding: 20px;   display: flex;   align-items: center;   height: 50%;   position: relative;   background-size: cover;   background-repeat: no-repeat;   background-position: center;   flex: auto; } .section-grid-forces .small-blocks-container .small-block:before {   content: '';   width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);   transition: all .3s; } .section-grid-forces .small-blocks-container .small-block.empty-block {   background-color: transparent; } .section-grid-forces .small-blocks-container .small-block.empty-block:before {   background: none; } .section-grid-forces .small-blocks-container .small-block:hover:before {   opacity: .7;   transition: all .3s; } .section-grid-forces .small-blocks-container .small-block .content {   z-index: 2 } .section-grid-forces .small-blocks-container .small-block.margin-top {   margin-top: 20px; } .section-grid-forces .big-block {   display: flex;   align-items: flex-end;   position: relative;   flex: auto;   margin-right: 20px; } .section-grid-forces .big-block.right {   margin-right: 0;   margin-left: 20px; } @media (max-width: 767px) {   .section-grid-forces .big-block.right {     margin-left: 0;   } } .section-grid-forces .big-block.color-block {   display: flex;   align-items: center;   justify-content: center;   position: relative; } .section-grid-forces .small-block.color-block {   font-size: 24px; } .section-grid-forces .big-block.color-block .content, .section-grid-forces .small-block.color-block .content {   display: flex;   justify-content: center;   align-items: center;   width: 100%; } .section-grid-forces .podcast audio {   width: 100%; } .section-grid-forces .video {   cursor: pointer;   min-height: auto; } .section-grid-forces .video .btn-play {   display: flex;   transition: transform .3s;   cursor: pointer;   background: url('https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/youtube-logo.png') no-repeat center;   background-size: cover;   width: 125px;   height: 106px; } .section-grid-forces .big-block.video .btn-play {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); } .section-grid-forces .big-block.video:hover .btn-play {   transform: translate(-50%, -50%) scale(1.1);   transition: transform .3s; } .section-grid-forces .small-block.video:hover .btn-play {   transform: scale(1.1);   transition: transform .3s; } .section-grid-forces .small-block.video .btn-play {   width: 65px;   height: 60px;   margin: 0 0 10px;   background-position: center;   background-size: cover; } @media (max-width: 575px) {   .section-grid-forces .small-block.video .btn-play, .section-grid-forces .big-block.video .btn-play {     width: 100px;     height: 95px;   } } @media (min-width: 576px) and (max-width: 767px) {   .section-grid-forces .small-block.video .btn-play {     width: 45px;     height: 40px;   }   .section-grid-forces .big-block.video .btn-play {     width: 69px;     height: 65px;   } } @media (min-width: 768px) and (max-width: 991px) {   .section-grid-forces .small-block.video .btn-play {     width: 45px;     height: 40px;   }   .section-grid-forces .big-block.video .btn-play {     width: 100px;     height: 95px;   } } .section-grid-forces .small-block.video {   align-items: flex-end; } #modal-lesforces .modal-body {   overflow: hidden;   padding-right: 15px; } #modal-lesforces .modal-body {   overflow-y: auto;   max-height: calc(100vh - 210px); } #modal-video-lesforces, #modal-lesforces {   top: 100px; } #modal-lesforces ul {   list-style: disc inside; } #modal-video-lesforces iframe {   display: flex;   width: 100%; } .section-grid-forces .color-block:before {   display: none; } .section-grid-forces .big-block .content {   max-width: 90%;   z-index: 2;   display: flex;   flex-direction: column;   align-items: flex-start;   line-height: 1.3; } .section-grid-forces .small-block .content {          line-height: 1.3; }  .section-grid-forces .tag {   display: inline-block;   font-size: 12px;   color: #ffffff;   background: #482683;   padding: 3px 3px 0px 3px;   margin-bottom: 10px;   opacity: 1; } .section-grid-forces .big-block p, .section-grid-forces .small-block p {   margin-bottom: 0; } .section-grid-forces .big-block.link, .section-grid-forces .big-block.popin, .section-grid-forces .small-block.link, .section-grid-forces .small-block.popin {   padding: 0;   background-color: #fff; } .section-grid-forces .big-block.link a, .section-grid-forces .big-block.popin a, .section-grid-forces .small-block.link a, .section-grid-forces .small-block.popin a {   z-index: 2;   width: 100%;   height: 100%;   display: flex;   align-items: flex-end;   padding: 20px; } .section-grid-forces .grid a {   color: white; } .popup-overlay-forces {   position: absolute;   height: 100vh;   top: -100%;   opacity: 0;   z-index: 10;   left: 0;   right: 0;   overflow: hidden; } .popup-overlay-forces iframe {   width: 100%;   height: 100%; } .active.popup-overlay-forces {   top: 0;   opacity: 1; } .section-grid-forces .grid .iframe-video, .section-grid-forces .grid .texte-popin {   position: relative;   display: none; } #modal-video-lesforces .modal-close-forces, #modal-lesforces .modal-close-forces {   position: relative;   display: block;   width: 40px;   height: 20px;   border: 0;   padding: 0;   background: #fff;   cursor: pointer;   transition: all .2s ease-in-out;   outline: none !important; } #modal-video-lesforces .modal-close-forces:before, #modal-lesforces .modal-close-forces:before {   content: "";   display: block;   width: 40%;   height: 1px;   background-color: #666;   position: absolute;   top: 50%;   left: 50%;   z-index: 5;   transition: all .2s ease-in-out;   transform: translateX(-50%) rotate(48deg); } #modal-video-lesforces .modal-close-forces:after, #modal-lesforces .modal-close-forces:after {   content: "";   display: block;   width: 40%;   height: 1px;   background-color: #666;   position: absolute;   top: 50%;   left: 50%;   z-index: 5;   transition: all .2s ease-in-out;   transform: translateX(-50%) rotate(-48deg); } #modal-video-lesforces .modal-close-forces .flap-modal-close__text, #modal-lesforces .modal-close-forces .flap-modal-close__text {   position: absolute !important;   height: 1px;   width: 1px;   overflow: hidden;   clip: rect(1px 1px 1px 1px);   clip: rect(1px, 1px, 1px, 1px);   bottom: 0; } @media (max-width: 575px) {   .texte-popin h3 {     font-size: 20px;   }   .texte-popin p {     font-size: 14px;   } } @media (max-width: 575px) {   .section-grid-forces .big-block {     width: calc(100vw - 30px);     height: calc(100vw - 30px);     margin-right: 0 !important;     margin-left: 0 !important;     margin-bottom: 20px;   }   .section-grid-forces .big-block .content {     max-width: 100%;   }   .section-grid-forces .small-blocks-container {     width: unset;     height: unset;   }   .section-grid-forces .small-blocks-container .small-block {     width: calc(100vw - 30px);     height: calc(100vw - 30px);   } }  @media (min-width: 576px) and (max-width: 767px) {   .section-grid-forces .grid {     font-size: 14px;   }   .section-grid-forces .big-block {     width: calc(100vw - 30px);     height: calc(100vw - 30px);     margin-right: 0 !important;     margin-left: 0 !important;     margin-bottom: 20px;   }   .section-grid-forces .big-block .content {     max-width: 100%;   }   .section-grid-forces .small-blocks-container {     width: calc(100vw - 30px);     height: calc(100vw - 30px);     display: flex;     flex-direction: column;     margin-bottom: 20px;   } } @media (max-width: 991px) {   .section-grid-forces .grid {     font-size: 16px;   } } @media (min-width: 768px) and (max-width: 992px) {   .section-grid-forces .big-block {     width: calc(690px * (2 / 3) - 10px);     height: calc(690px * (2 / 3) - 10px);     padding: 20px;     margin-bottom: 20px;   }   .section-grid-forces .small-blocks-container {     width: calc(690px * (1 / 3) - 10px);     height: calc(690px * (2 / 3) - 10px);     display: flex;     flex-direction: column;     margin-bottom: 20px;   } } @media (min-width: 992px) and (max-width: 1200px) {   .section-grid-forces .big-block {     width: calc(930px * (2 / 3) - 10px);     height: calc(930px * (2 / 3) - 10px);     padding: 20px;     margin-bottom: 20px;   }   .section-grid-forces .small-blocks-container {     width: calc(930px * (1 / 3) - 10px);     height: calc(930px * (2 / 3) - 10px);     display: flex;     flex-direction: column;     margin-bottom: 20px;   } } .wpcf7-radio .wpcf7-list-item {   position: relative;   z-index: 1;   min-height: 2.72rem;   display: inline-flex;   margin: 0 3.5rem 0 0;   padding-left: 2.4rem; } .wpcf7-radio .wpcf7-list-item input {   position: absolute;   left: 0;   z-index: 1;   width: 2rem;   height: 2.36rem;   opacity: 0;   cursor: pointer; } .wpcf7-radio .wpcf7-list-item-label {   position: relative;   margin-bottom: 0;   color: #878786;   vertical-align: top;   cursor: pointer; } .wpcf7-radio .wpcf7-list-item input[type=radio] + .wpcf7-list-item-label {   padding-top: 5px; } .wpcf7-radio .wpcf7-list-item-label:before {   pointer-events: none;   background-color: #fff;   border: .15rem solid #82358b; } .wpcf7-radio .wpcf7-list-item-label:after, .wpcf7-radio .wpcf7-list-item-label:before {   position: absolute;   top: .36rem;   left: -3.2rem;   display: block;   width: 2rem;   height: 2rem;   content: ""; } .wpcf7-radio .wpcf7-list-item-label:before {   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .wpcf7-radio .wpcf7-list-item-label:after, .wpcf7-radio .wpcf7-list-item-label:before {   left: -3rem; } .wpcf7-radio .wpcf7-list-item-label:before {   border-radius: 50%; } .wpcf7-radio .wpcf7-list-item input[type=radio] + .wpcf7-list-item-label:after, .wpcf7-radio .wpcf7-list-item input[type=radio] + .wpcf7-list-item-label:before {   width: 28px;   height: 28px;   left: -2.45rem; } .wpcf7-radio .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:before {   color: #82358b;   border-color: #82358b;   background-color: #fff; } .wpcf7-radio .wpcf7-list-item-label:after {   background: no-repeat 50%/64% 64%; } .wpcf7-radio .wpcf7-list-item-label:after {   background-position: 60% 50%; } .wpcf7-radio .wpcf7-list-item input[type=radio] + .wpcf7-list-item-label:after {   background: transparent;   border-radius: 50%;   transform: scale(.725); } .wpcf7-radio .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:after {   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%2382358b'/%3e%3c/svg%3e"); } .custom-control-text {   display: block;   position: relative; } .custom-control-text input {   display: block;   width: 100%;   height: calc(2.2em + .2rem + 2px);   padding: .2rem 0;   font-size: 1.25rem;   font-weight: 400;   line-height: 1.7;   color: #472682;   background-color: transparent;   background-clip: padding-box;   border: 1px solid #472682;   border-radius: 0;   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .custom-control-text input {   border-width: 0 0 1px; } .custom-control-text input:focus {   color: #472682;   background-color: transparent;   border-color: #c175ca;   outline: 0;   box-shadow: none; } .custom-control-text input:focus {   border-bottom-color: var(--vyv-bleu-moyen); } .custom-control-text label {   position: absolute;   cursor: text;   font-size: 1rem;   font-weight: 400;   color: var(--vyv-violet);   opacity: 1;   transition: all .2s;   top: .8em;   left: 0;   z-index: 3;   line-height: 1;   padding: 0; } .custom-control-text.custom-control-text--focus label {   top: -1em; } .custom-control-select, .custom-control-file {   display: block;   position: relative; } .custom-control-select select {   display: inline-block;   width: 100%;   height: calc(2.8em + 0.2rem + 2px);   padding: 0.2rem 3rem 0.2rem 0;   font-size: 1rem;   font-weight: 400;   line-height: 1.7;   color: var(--vyv-violet);   vertical-align: middle;   background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath fill='%233CBCD7' d='M0.4,21.5l0.1-1c0.4-3.7,2.4-6.3,5.4-7.1c1.4-0.4,4.2-0.7,7.3,1.5L30,31.5l16.6-16.4l0.2-0.2 c3.1-2.2,5.9-1.8,7.3-1.4c3,0.8,5,3.4,5.4,7.1l0.1,1L30,46.8L0.4,21.5z'/%3E%3C/svg%3E") no-repeat right 0 center/16px 16px;   border: 0 solid #472682;   border-radius: 0;   text-decoration: none;   -webkit-appearance: none;   -moz-appearance: none;   appearance: none;   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .custom-control-select select {   border-width: 0 0 1px; } .custom-control-select select option {   padding: .5rem; } .custom-control-textarea textarea {   display: block;   width: 100%;   font-size: 1.25rem;   font-weight: 400;   line-height: 1.7;   color: #472682;   background-color: transparent;   background-clip: padding-box;   border: 1px solid #472682;   border-radius: 0;   height: auto;   padding: 0 10px;   margin-top: .8rem;   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .custom-control-textarea textarea:focus {   border-color: #00c1dc;   outline: none; } .custom-control-file input[type="file"] {   width: 0.1px;   height: 0.1px;   opacity: 0;   overflow: hidden;   position: absolute;   z-index: -1; } .custom-control-file label {   font-weight: 500;   cursor: pointer;   display: inline;   max-width: 80%;   text-overflow: ellipsis;   white-space: nowrap;   overflow: hidden; } .custom-control-file label strong {   font-weight: 600;   font-size: 0.85rem;   min-width: 210px;   padding: 0.8rem;   text-align: center;   height: 100%;   color: #FFF;   background-color: var(--vyv-violet);   display: inline-block;   transition: all 0.2s ease-in-out; } .custom-control-file label span {   vertical-align: top;   font-weight: 400;   font-size: 1rem;   color: #878786;   position: relative;   display: inline-block;   width: 300px;   min-height: 2em;   overflow: hidden;   padding: 0.8rem 1.8rem;   text-overflow: ellipsis;   white-space: nowrap; } .custom-control-file label:hover strong {   background-color: #82358b;   border-color: #82358b; } .custom-control-file label strong.custom-file-uploaded {   background-color: #fff;   border: 2px solid var(--vyv-violet);   color: var(--vyv-violet); } .custom-control-file .custom-file-reset {   color: #82358b;   text-decoration: underline; } .custom-control-file .custom-file-reset:hover {   text-decoration: none; }  .wpcf7-checkbox input[type="checkbox"], .wpcf7-acceptance input[type="checkbox"] {   position: absolute;   left: 0;   z-index: 1;   width: 2rem;   height: 2.36rem;   opacity: 0;   cursor: pointer; } .custom-control-checkbox {   z-index: 1;   display: block;   min-height: 2.72rem; } .custom-control-checkbox .wpcf7-list-item-label {   position: relative;   margin-bottom: 0;   color: var(--vyv-violet-fonce);   vertical-align: top;   cursor: pointer;   padding-left: 40px;   display: inline-block; } .custom-control-checkbox .wpcf7-list-item-label:before {   pointer-events: none;   background-color: #fff;   border: .15rem solid var(--vyv-violet-fonce);   border-radius: 0; } .custom-control-checkbox .wpcf7-list-item-label:after, .custom-control-checkbox .wpcf7-list-item-label:before {   position: absolute;   top: .36rem;   left: 0;   display: block;   width: 2rem;   height: 2rem;   content: "";   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .wpcf7-checkbox input[type="checkbox"]:checked ~ .wpcf7-list-item-label:before, .wpcf7-acceptance input[type="checkbox"]:checked ~ .wpcf7-list-item-label:before {   color: #82358b;   border-color: #82358b;   background-color: #fff; } .custom-control-checkbox .wpcf7-list-item-label:after {   background: no-repeat 50%/64% 64%; } .custom-control-checkbox .wpcf7-list-item-label:after {   background-position: 60% 50%; } .wpcf7-checkbox input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after, .wpcf7-acceptance input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after {   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 20 15' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.6569 0.00121896C17.2568 0.0139277 16.8774 0.182084 16.5992 0.469988C12.8306 4.24676 9.97716 7.37994 6.43093 10.9868L2.5367 7.69352C2.11803 7.33707 1.541 7.23106 1.02298 7.41544C0.504958 7.59981 0.124659 8.04656 0.0253457 8.58737C-0.0739673 9.12818 0.122796 9.68089 0.54151 10.0373L5.54151 14.2681C6.15326 14.7915 7.06513 14.7548 7.63285 14.1839C11.7672 10.0407 14.7159 6.72505 18.7867 2.64545C19.2459 2.20203 19.3836 1.5211 19.1328 0.934086C18.882 0.347068 18.2947 -0.0241044 17.6569 0.00121896L17.6569 0.00121896Z' fill='%2382358b' stroke='none'/%3e%3c/svg%3e"); } .custom-control-checkbox .wpcf7-list-item {   margin: 0; } .wpcf7-not-valid-tip {   padding: .4em 0 0;   font-family: Wigrum, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;   font-weight: 400;   font-size: .8rem;   color: #e02020;   position: relative; } .wpcf7-not-valid-tip:after {   content: "";   position: absolute;   top: -2.5rem;   right: 0;   display: block;   width: 30px;   height: 30px;   background-repeat: no-repeat;   background-color: transparent;   background-position: 50% 50%;   background-size: 100% 100%;   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='%23E02020' d='M29.9,14.4c0,14-25.9,12.3-25.9,12.3c4.3-4.3-3.8-4.6-3.8-12.3C0.1-1.5,29.9-1.4,29.9,14.4'/%3E%3Cpath fill='%23FEFEFE' d='M12.3,21.1c0-1.3,0.9-2.1,2.2-2.1c1.3,0,2.2,0.8,2.2,2.1c0,1.3-0.9,2.1-2.2,2.1 C13.1,23.2,12.3,22.4,12.3,21.1 M13.3,17.5c0.1-3.1-1-6.7-1-9.1c0-1.9,0.7-3.2,3.1-3.2c0.5,0,0.9,0.1,1.3,0.1c-1.5,3.4,0.6,12.4-2.3,12.4C14.1,17.7,13.6,17.6,13.3,17.5'/%3E%3C/svg%3E"); } .custom-control-select .wpcf7-not-valid-tip:after {   right: 1.7rem; } .custom-control-file .wpcf7-not-valid-tip {   padding-left: 35px; } .custom-control-file .wpcf7-not-valid-tip:after {   right: 0;   left: 0;   top: -0.3rem; } .custom-control-textarea .wpcf7-not-valid-tip:after {   right: 0.5rem; } .tag-label-inner {   height: inherit; } .tag-label-inner .tag {   padding: .5em 1rem; } .tag-label {   width: inherit; } .square-link {   position: absolute;   right: 0;   bottom: 0;   width: 30px;   height: 30px; } .square-link a {   position: relative;   transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;   transition-duration: 400ms;   opacity: 0;   z-index: 10;   transform: translateX(1.5rem) translateY(13rem);   width: 20px;   height: 26px;   display: block; } .square-link a:hover .download-card-arrow {   color: #82358b; } .square:hover .square-link a {   opacity: 1;   transform: translateX(1.5rem) translateY(1.5rem); } .publication-card {   border: 1px solid #ECE9EA; } @media (min-width: 992px) {   .publication-card-pic {     height: 489px;   } } .bloc-texte-image--element {   display: block; }  .text-uppercase {   text-transform: uppercase; } .font-weight-bold {   font-weight: 700; } .intro-vyv {   position: relative; } .intro-bg {   display: block;   width: 100%;   height: 100%;   position: absolute;   top: 3.6em;   right: 0;   z-index: -1;   overflow: hidden; } .intro-bg .icon, .intro-bg .icon-mobile {   display: block;   position: absolute;   top: 0;   left: 44%;   z-index: 0;   -webkit-transform: translateX(-50%);   transform: translateX(-50%);   fill: #f8f9f8; } .intro-bg .icon {   width: 2191.2px;   height: 697px; } .main-logo {   display: inline-block;   width: 8rem;   position: relative;   transition: all .2s ease-in-out; } .main-logo__img, .main-logo__img svg, .main-logo img {   width: 100%;   height: 100%;   transition: all .2s ease-in-out; } .intro-pretitle {   font-weight: 600;   font-size: 1.3rem;   color: var(--vyv-violet); } .intro-title {   line-height: 100%;   letter-spacing: -.01em;   font-size: 3.7rem;   font-weight: 600; } .intro-vyv--1 .intro-title {   color: #6aa22f; } .btn-outline-primary {   border-color: var(--vyv-violet);   color: var(--vyv-violet); } .btn-outline-primary:focus, .btn-outline-primary:hover {   background-color: var(--vyv-violet);   color: #fff; } .btn .stroke-color {   stroke-width: 25px;   stroke: currentColor; } .btn-outline-primary .icon {   right: 5px;   top: 1.2rem; } .btn-outline-primary .stroke-color {   stroke: var(--vyv-violet); } .btn-outline-primary:focus .stroke-color, .btn-outline-primary:hover .stroke-color {   stroke: #fff; } .intro-visu {   display: inline;   position: relative;   z-index: 1; } .header-glossary {   background-color: red; } @media (min-width: 576px) {   .d-sm-block {     display: block !important;   } } @media (min-width: 768px) {   .main-logo {     width: 12.5rem;   }   .text-md-left {     text-align: left !important;   }   .section-results {     padding-bottom: 8em;   } } @media (min-width: 992px) {   .intro-visu {     max-width: 100%;   }   .section-results {     padding-bottom: 12em;   } } @media (min-width: 1200px) {   .intro-visu {     max-width: 30rem;   } } .page-template-template-landing .key-data-wrapper {   background: transparent;   padding-top: 0;   padding-bottom: 0;   min-height: auto; } .section-results {   position: relative;   padding: 0 0 12rem; } .section-locations-bg, .section-map-bg, .section-results-bg {   width: 100%;   position: absolute;   bottom: 0;   left: 0;   z-index: -1; } .section-results-bg {   height: 30%;   bottom: 5rem; } .section-locations-bg .icon, .section-map-bg .icon, .section-results-bg .icon {   display: block;   width: 100%;   height: 100%;   fill: #f8f9f8;   position: absolute;   bottom: 0;   left: 0;   z-index: 0; } .section-bloc-entites h2, .section-pillars h2, .section-free h2, .section-locations h2, .section-bloc-services h2 {   font-size: 3.1rem;   font-weight: 600;   line-height: 1.2;   color: var(--vyv-violet); } .section-results .tag, .section-results--empreintes .js-empreintes-filters .tag {   margin: 0;   padding: 0.625rem 1rem;   background-color: #f6f5f5;   font-size: 0.75rem;   line-height: 120%;   transition: all .4s ease-in-out;   cursor: pointer;   position: relative;   display: inline-block;   font-weight: 600;   text-transform: uppercase;   color: var(--vyv-bleu-fonce);   opacity: 1; } .section-results .tag-label:hover .tag, .section-results--empreintes .js-empreintes-filters .tag-label:hover .tag {   background-color: var(--vyv-bleu-fonce);   color: #fff;   text-decoration: none; } .card-result {   position: relative;   display: block;   max-width: 21.438rem;   margin: 0 auto 30px;   border: 1px solid #ced4da;   padding: 0.938rem;   background-color: #fff;   font-family: Wigrum, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;   font-weight: 400;   color: #878786;   text-decoration: none;   text-align: left;   transition: all .2s ease-in-out; } @media (min-width: 768px) {   .card-result {     padding: 1.25rem;   } } @media (min-width: 992px) {   .card-result {     padding: 1.875rem;   } } .card-result--entite {   padding-top: 0; } @media (min-width: 768px) {   [class*=col] > .card-result {     height: calc(100% - 30px);     padding-bottom: 5.375rem;   } } .card-result-pic {   display: block;   width: calc(100% + 1.875rem);   margin: -0.938rem -0.938rem 0.5rem;   transition: all .5s ease-out; } @media (min-width: 768px) {   .card-result-pic {     width: calc(100% + 4rem);     margin: -1.25rem -1.25rem 0.938rem;   } } @media (min-width: 992px) {   .card-result-pic {     width: calc(100% + 3.75rem);     margin: -1.875rem -1.875rem 1.375rem;   } } .card-result--entite .card-result-pic {   max-width: inherit;   width: auto;   height: 10rem;   margin: 0 auto;   text-align: center; } .card-result-pic img {   display: block;   width: 100%;   height: 100%;   margin: 0 auto;   height: auto;   object-fit: cover; } .card-result--entite .card-result-pic img {   display: block;   width: auto;   height: 100%;   margin: 0 auto;   object-fit: inherit; } @media (min-width: 768px) {   .card-result--entite .card-result-pic img {     margin: 0;   } } .card-result-tags {   margin: 0 -0.625rem 0.1rem;   line-height: 100%;   text-align: left; } @media (min-width: 1200px) {   .card-result-tags {     max-width: 90%;   }   .page-template-template-landing .section-bloc-texte-a-puces .inner {     margin-left: 50px;     margin-right: 50px;   } } .card-result-tags .fake-tag {   position: relative;   display: inline-block;   font-weight: 600;   text-transform: uppercase;   color: var(--vyv-bleu-fonce);   padding: 0 0.813rem 0 0.625rem;   font-size: 0.688rem;   line-height: 100%;   vertical-align: top; } .card-result-tags .fake-tag:after {   content: "";   display: block;   width: 1px;   height: 100%;   background-color: #e9ecef;   position: absolute;   top: 0;   right: 0;   z-index: 5; } .card-result-tags .fake-tag:last-child:after {   display: none } .card-result-text {   margin: 0 0 1rem; } @media (min-width: 768px) {   [class*=col] > .card-result .card-result-footer {     position: absolute;     bottom: 1.25rem;     left: 1.25rem;     z-index: 5;     width: 100%;   } } @media (min-width: 992px) {   [class*=col] > .card-result .card-result-footer {     bottom: 1.875rem;     left: 0.1rem;   } } .load-more {   display: none; } .vyv-btn {   background-color: #fff; } .load-more.load-more--show {   display: block;   margin: 0 auto; } .vyv-loading {   display: block;   margin: 15px auto;   text-align: center;   width: 100%; } .vyv-loading span {   display: inline-block;   height: 32px;   width: 32px;   background-size: 32px;   background-repeat: no-repeat;   background-position: center;   background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='//www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z' fill='%23482683' fill-opacity='1'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='-90 64 64' dur='2000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E"); } .tag-label {   position: relative; } .js-entites-grid .row, .js-services-grid .row {   width: 100%;   margin: 0; } .card-pillar {   position: relative;   display: flex;   flex-wrap: wrap;   flex-direction: row;   justify-content: center;   align-items: flex-start;   margin: 0 auto 30px;   padding: 0 15px;   font-family: Wigrum, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;   font-weight: 400;   text-align: center;   transition: all .2s ease-in-out; } .card-pillar, .card-pillar:focus, .card-pillar:hover {   color: #878786;   text-decoration: none; } [class*=col] > .card-pillar {   height: calc(100% - 30px);   padding-bottom: 3.5rem; } .card-pillar-pic {   display: block;   max-width: 180px;   margin: 0 auto 10px;   transition: all .5s ease-out; } @media screen and (min-width: 600px) {   .card-pillar-pic {     max-width: 17.875rem;     margin-bottom: 25px;   } } .card-pillar-pic img {   display: block;   max-width: 100%;   margin: 0 auto;   height: auto;   position: relative;   z-index: 1; } .card-pillar-title {   display: block;   margin: 0 0 0.675rem;   font-weight: 700;   font-size: 1.688rem;   line-height: 115%; } @media screen and (min-width: 900px) {   .card-pillar-title {     font-size: 25px;   } } .card-pillar--4 .card-pillar-title {   color: #ee7837; } .card-pillar--2 .card-pillar-title {   color: #009ec9; } .card-pillar--3 .card-pillar-title {   color: #ed7102; } .card-pillar-excerpt {   display: block;   margin: 0 auto; } @media (min-width: 768px) {   .card-pillar-excerpt {     max-width: 16.875rem;   } } .card-pillar-icon {   display: block;   width: 38px;   height: 38px;   margin: 10px auto 0;   transition: all .4s ease-in-out; } [class*=col] > .card-pillar .card-pillar-icon {   position: absolute;   bottom: 0;   left: 50%;   -webkit-transform: translateX(-50%);   transform: translateX(-50%);   margin: 0; } .section-pillars .card-pillar-title:hover {   color: var(--vyv-violet);   transition: all .4s ease-in-out; } .card-pillar-icon:hover {   -webkit-transform: translateX(-50%) scale(1.3) !important;   transform: translateX(-50%) scale(1.3) !important; } .intro-vyv--3 .intro-title {   color: #ed7102; } .habitat-keys {   margin: 0;   padding: 0;   list-style: none;   counter-reset: c;   display: block;   width: 100%;   font-weight: 700;   font-size: 1.375rem;   line-height: 120%;   color: #eb6530; } .habitat-keys li {   position: relative;   display: block;   padding: 7rem 0 0;   margin: 0 0 0.825rem;   counter-increment: c; } @media (min-width: 576px) {   .habitat-keys li {     display: inline-block;     width: 49%;     margin-bottom: 0;     vertical-align: top;   } } @media (min-width: 768px) {   .habitat-keys li {     width: 30%;   } } .habitat-keys li:before {   content: counter(c);   font-weight: 700;   font-size: 145px;   color: #f8b014;   opacity: .6;   position: absolute;   top: 25px;   left: 50%;   z-index: -1;   -webkit-transform: translate(-50%, 110%);   transform: translate(-50%, 110%); } [class*=col] .habitat-pic {   height: 100%; } .habitat-pic img {   display: block;   width: 100%;   height: 100%;   max-height: 33.125rem;   object-fit: cover; } .habitat-text {   margin: auto;   padding: 30px 30px 30px 3rem;   color: #fff; } @media (min-width: 768px) {   .habitat-text {     padding-top: 5%;     padding-bottom: 2%;   } } @media (min-width: 1200px) {   .habitat-text {     padding-top: 2rem;     padding-bottom: 2rem;     padding-left: 3.2rem;   } } .big {   font-size: 1.875rem;   line-height: 120%;   font-weight: 700; } @media (min-width: 992px) {   .big {     font-size: 2.75rem;   } } .rw-words {   position: relative;   min-height: 8.125rem; } @media (min-width: 992px) {   .rw-words {     min-height: 13rem;   } } .bigger {   font-size: 2.5rem;   line-height: 100%; } @media (min-width: 992px) {   .bigger {     font-size: 3.625rem;   } } @media (max-width: 767.98px) {   .rw-words {     margin-bottom: 1.12rem;   } } .rw-words p {   position: absolute;   top: 0;   opacity: 0;   overflow: hidden;   -webkit-animation: j 6s linear infinite 0s;   animation: j 6s linear infinite 0s } .rw-words p:nth-child(2) {   -webkit-animation-delay: 2s;   animation-delay: 2s } .rw-words p:nth-child(3) {   -webkit-animation-delay: 4s;   animation-delay: 4s } @-webkit-keyframes j {   0% {     opacity: 0   }   2% {     opacity: 0;     -webkit-transform: translateY(-30px);     transform: translateY(-30px)   }   5% {     opacity: 1;     -webkit-transform: translateY(0);     transform: translateY(0)   }   17% {     opacity: 1;     -webkit-transform: translateY(0);     transform: translateY(0)   }   20% {     opacity: 0;     -webkit-transform: translateY(60px);     transform: translateY(60px)   }   80% {     opacity: 0   }   to {     opacity: 0   } } @keyframes j {   0% {     opacity: 0   }   2% {     opacity: 0;     -webkit-transform: translateY(-30px);     transform: translateY(-30px)   }   5% {     opacity: 1;     -webkit-transform: translateY(0);     transform: translateY(0)   }   17% {     opacity: 1;     -webkit-transform: translateY(0);     transform: translateY(0)   }   20% {     opacity: 0;     -webkit-transform: translateY(60px);     transform: translateY(60px)   }   80% {     opacity: 0   }   to {     opacity: 0   } } .btn-outline-light:focus, .btn-outline-light:hover {   background-color: #fff;   color: var(--vyv-violet);   border-color: #fff; } .section-locations {   position: relative;   padding: 1.25rem 0 2.25rem;   overflow: hidden;   background-color: #f8f9f8; } .section-locations-bg, .section-map-bg, .section-results-bg {   width: 100%;   position: absolute;   bottom: 0;   left: 0;   z-index: -1; } .section-locations-bg {   height: 25%;   z-index: 0; } @media (min-width: 768px) {   .section-locations-bg {     height: 30%;   } } @media (min-width: 992px) {   .section-locations-bg {     height: 50%;   } } .section-locations-bg .icon {   top: 70%;   left: 50%;   -webkit-transform: translateX(-65%);   transform: translateX(-65%);   width: 150%;   fill: #fff; } .intro-vyv--2 .intro-title {   color: #009ec9; } .intro-vyv--4 .intro-title {   color: #ee7837; } .card-pillar--1 .card-pillar-title {   color: #6aa22f; } .intro-vyv--5 .intro-title {   color: var(--vyv-violet); } .intro-edito .intro-text {   padding-top: 5rem; } .intro-edito .intro-pretitle {   color: #482683;   text-transform: uppercase;   font-size: 0.875rem;   font-weight: 700; } @media (max-width: 575.98px) {   .intro-bg .icon {     display: none   } } .mod-vyv-block {   background-color: transparent !important; } .mod-vyv-list-result, .mod-vyv-map {   border: 1px solid var(--vyv-violet); } .mod-vyv-list-result {   min-height: 570px;   z-index: 2;   position: relative; } .bloc-actus {   padding: 2.5rem 0; } .sitemap .divide-y {   overflow: hidden; } .section-news-header .intro-clip .svg-image {   width: auto;   height: 338px; } .section-news-header .intro-clip .svg-background, .section-news-header .intro-clip {   width: 605px;   height: 340px; } .section-news-header .intro-clip-overshape {   top: 4%;   left: 5%;   -moz-transform: rotate(10deg);   -webkit-transform: rotate(10deg);   -o-transform: rotate(10deg);   -ms-transform: rotate(10deg);   transform: rotate(10deg); } @media (min-width: 1200px) {   .intro-text {     padding-left: 5rem;   }   .swiper-container-realisation {     height: 520px;   } } @media (max-width: 575.98px) {   .intro-title {     font-size: 2.5rem;   }   .section-entete-page-landing {     min-height: auto;   }   .page-template-template-landing h2 {     font-size: 1.9rem;     text-align: center   }   .page-template-template-landing h2 br {     display: none;   }   .intro-edito .intro-text {     padding-top: 0;   }   .page-landing--return {     padding: 1rem 0;   }   .search-wrapper {     -webkit-transition: all .3s ease;     -moz-transition: all .3s ease;     -ms-transition: all .3s ease;     -o-transition: all .3s ease;     transition: all .3s ease;   }   .aspect-ratio-16\/9 {     padding-bottom: 0;     height: auto;     width: 100%;   }   .news-slider-container .embed-responsive > iframe {     position: inherit;     display: block;     top: auto;     left: auto;     bottom: auto;     min-height: 200px;   }   .news-slider-container .slide .lg\:order-last {     width: 100%;   }   .news-slider-container .slide .aspect-ratio-16\/9 svg {     display: none;   }   main {     overflow: hidden;   } } @media (min-width: 576px) and (max-width: 992px) {   .page-template-template-landing h2 {     font-size: 2.75rem;     text-align: center   }   .page-template-template-landing h2 br {     display: none;   }   .intro-edito .intro-text {     padding-top: 0;   }   .page-landing--return {     padding: 1rem 0;   }   .search-wrapper {     -webkit-transition: all .3s ease;     -moz-transition: all .3s ease;     -ms-transition: all .3s ease;     -o-transition: all .3s ease;     transition: all .3s ease;   } } .referencial-vyv-3 {   display: block;   width: 100%;   margin-bottom: 2rem; } .referencial-vyv-3 .mod-vyv-list-result-container .mod-vyv-list-result .mod-vyv-result-elem {   border: 1px solid #9a9a99; } .sitemap_rubrique {   margin: 0; } .section-post-details {   background: #fff;   padding-top: 3rem; } .hide-tags .card-result-tags, .hide-filters {   display: none; } .home .section-bloc-texte-simple h2 {   text-align: center; } .bloc-texte-image--element.inline-block li {   display: flex; } .section-bloc-citation .bg-violet-dull ul li:before, .section-bloc-savoir-faire ul li:before {   background: var(--vyv-bleu-moyen); } .section-bloc-mise-en-avant-texte-image ul li:before, .section-bloc-mise-en-avant-texte .bg-violet-spanish ul li:before, .section-bloc-mise-en-avant-texte .bg-violet-dull ul li:before, .section-bloc-mise-en-avant-texte .bg-blue-cyan ul li:before {   background: #ffffff; } .list-style--format-inline ul li {   display: flex; } .results-grid:after {   display: none; } .rapports-annuels-groupe-vyv .title-h3 {   margin-top: 0; } .ra-entites {   margin-bottom: 20px; } .section-bloc-sur-le-meme-theme.related > .container .list-style--format-inline ul li:before {   background: #00c1dc; } @media (max-width: 767.98px) {   .moment-flex .moment {     width: 100%;   }   .js-press-grid .row {     margin: 0;     justify-content: center;   }   .page-content--default {     padding: 2rem 0;   }   .page-content--default article > h2, .page-content--default article > h1 {     margin-top: 0;   }   .document-news .text-20 {     font-size: 1rem;   }   .list-style--format ul {     padding-left: 1rem;   }   .section-bloc-citation .bg-violet-dull ul {     padding-left: 0;   }   .section-bloc-savoir-faire .expertise-wrapper {     padding: 1.5rem;   }   .section-bloc-video-texte::after {     top: inherit;     display: none;   }   .section-bloc-texte-image h2 {     font-size: 2.1875rem;   }   .bloc-texte-image--element .text-left, .bloc-texte-image--element .text-right {     text-align: center;   }   .bloc-texte-image--element .btn {     margin-bottom: 1rem;   }   .section-bloc-texte-simple .text-right.btn-plus, .section-bloc-texte-a-puces .text-right.btn-plus {     text-align: center;   }   .section-bloc-texte-a-puces .text-right.btn-plus a {     margin-bottom: 15px;   }   .bloc-slider-sur-une-ligne--btn {     flex: none;   }   .back-to-top {     display: none !important;   } } @media (min-width: 992px) {   .subnav {     padding: 1rem;     width: 320px;   } } .event_link {   color: var(--vyv-violet);   font-size: .8125rem;   transition-duration: .3s; } .event_link:hover {   color: #009ec9;   text-decoration: underline; } .actu-video .actu-desc:hover .actu-surtitle {   color: inherit; } .contact-header .title-h1 {   text-align: center; } .info-contact {   color: #ff0000; } #en_tete_page_news {   padding-top: 4rem; } .bio-card-thumb {   left: 1rem; } .bio-card-title {   left: 9rem; } .press-header--item:first-child {   padding-right: 20px; } .section-bloc-texte-image .float-lg-right {   margin-right: 0;   margin-left: 1.25rem; } .page-template-template-presse .tabs-section {   background: white; } .empty-press-une {   margin-bottom: 0; } .card-result--entite .card-result-pic img {   max-height: 10rem;   height: auto;   display: inline-block; } .page-template-template-presse .results-grid {   padding-top: 0; } .actu-event-inner.event-date--end {   padding-top: 15px;   min-height: 308px; }  .card-result-text ul {   padding-left: 0.5rem;   margin-top: 0.5rem;   margin-bottom: 0.5rem;   list-style: none;   display: inherit; } .card-result-text ul li {   position: relative;   padding: 0 0 0 1em; } .card-result-text ul li:before {   content: "";   display: block;   width: 6px;   height: 6px;   background: #8f2d8f;   border-radius: 50%;   position: absolute;   top: 11px;   left: 0;   z-index: 5; } .section-bloc-logos {   padding-top: 2rem;   padding-bottom: 2rem;   background-color: #f8f7f7; } .page-template-template-presse .results-grid.entites-du-groupe {   padding-top: 4rem; } .my-5 {   margin-top: 1rem;   margin-bottom: 1rem; } .section-bloc-logos .card-press:hover .entite-link {   transform: translateY(-1px); } .section-bloc-logos .card-press .entite-link {   -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -ms-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; } .card-result-title {   display: block;   padding: .6em 0 0 0;   margin: 0 0 .8em;   font-weight: 500;   font-size: 1.3rem;   line-height: 115%;   color: var(--vyv-violet);   text-align: left; } .page-template-template-presse .results-grid:not(.entites-du-groupe) {   background: #fff; } .news-content .aligncenter, .faq-content .aligncenter {   margin-left: auto;   margin-right: auto; } .js-press-grid[data-taxonomy="biographies"] .bio-card-desc {   min-height: auto;   padding-top: 6rem; } .btn-more--vyv3 {   float: right; } .archives-bloc--top {   display: flex;   flex-wrap: wrap; } .archives-bloc--top .btn-more--archive {   margin-left: auto; } .page-template-template-landing .keyfigures-slider-container {   padding: 1rem 0 1rem; } .page-template-template-landing .card-entite .card-result-footer, .page-template-template-landing .card-service .card-result-footer {   left: 0; } .page-template-template-landing .section-results {   padding-bottom: 7.4rem; } .pb-5 {   padding-bottom: 1.25rem; } .carousel-scroll {   padding-bottom: 5.5rem;   padding-top: 0.313rem;   overflow: visible; } .realisation-container {   position: relative;     background-color: #482683;   -webkit-transition: -webkit-transform .15s cubic-bezier(.22, .61, .36, 1);   transition: -webkit-transform .15s cubic-bezier(.22, .61, .36, 1);   -o-transition: -o-transform .15s cubic-bezier(.22, .61, .36, 1);   transition: transform .15s cubic-bezier(.22, .61, .36, 1);   transition: transform .15s cubic-bezier(.22, .61, .36, 1), -webkit-transform .15s cubic-bezier(.22, .61, .36, 1), -o-transform .15s cubic-bezier(.22, .61, .36, 1); } .realisation-container:before {   content: "";   position: absolute;   z-index: 1;   left: 0;   bottom: 0;   width: 100%;   height: 100%;   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, .5)));   background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .5));   background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .5) 100%);   background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));   pointer-events: none; } .realisation-container .realisation__img {   position: relative;   z-index: 0;   width: 100%;   height: 100%;   -o-object-fit: cover;   object-fit: cover;   opacity: .95; } .realisation {   position: absolute;   z-index: 2;   left: 0;   top: 0;   height: 100%;   width: 100%;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-orient: vertical;   -webkit-box-direction: normal;   -ms-flex-direction: column;   flex-direction: column;   color: #fff;   padding: 1.56rem; } .realisation .realisation_text {   margin-top: auto;   height: 5.625rem;   padding-right: 1.25rem; } .realisation h4, .realisation h5 {   color: #fff; } .realisation h5 {   font-size: 0.8rem;   margin-bottom: 5px;   font-weight: 700;   text-transform: uppercase;   transition: all .2s ease-in-out; } .realisation h4 {   font-size: 1.15rem;   font-weight: 600;   font-family: Aria, Helvetica, arial, sans-serif;   line-height: 21px;   margin-bottom: 5px;   transition: all .2s ease-in-out; } .realisation .icon-arrow {   position: absolute;   right: 2.5rem;   bottom: 2.8rem;   width: 1.8rem;   height: 2.5rem; } .carousel-scroll .swiper-scrollbar {   height: 4px;   bottom: .8rem;   width: 50%;   left: 50%;   -webkit-transform: translateX(-50%);   -o-transform: translateX(-50%);   transform: translateX(-50%);   cursor: -webkit-grab;   cursor: grab;   background-color: rgba(72, 38, 131, .3); } .realisation-container:hover {   -webkit-transform: translateY(-.5rem);   -o-transform: translateY(-.5rem);   transform: translateY(-.5rem); } .realisation .realisation-btn {   position: absolute;   right: 1.563rem;   bottom: 1.75rem; } .realisation .realisation-btn .icon {   width: 1.125rem;   height: 1.563rem; } .swiper-pagination-realisation .swiper-pagination-bullet-active {   background-color: var(--vyv-violet); } .swiper-pagination-realisation .swiper-pagination-bullet {   width: 10px;   height: 10px; } .swiper-pagination-realisation .swiper-pagination-bullet:focus {   outline: 0; } .swiper-nav-btn .scroll-button_prev .icon {   transform: rotate(180deg); } .swiper-nav-btn .scroll-button_prev {   padding: 0 15px;   bottom: 10px;   left: 0;   width: auto;   position: absolute;   height: 25px;   transition: .3s opacity;   transform: translate3d(0, 0, 0);   z-index: 11; } .swiper-nav-btn .scroll-button_next {   position: absolute;   right: 0;   padding: 0 15px;   bottom: 10px;   width: auto;   height: 25px;   transition: .3s opacity;   transform: translate3d(0, 0, 0);   z-index: 11; } .swiper-pagination-realisation {   z-index: 10; } .swiper-nav-btn .icon {   width: 30px;   height: 30px;   fill: var(--vyv-violet);   transition: all .2s ease-in-out; } .swiper-nav-btn .icon:hover {   fill: var(--vyv-violet); } .realisation-title:hover {   color: #007C9E; } .realisation .realisation-btn:hover .icon {   fill: #007C9E; } .bg-gray, .bg-gris {   background-color: #f8f7f7; } .icon-quote-end {   -webkit-transform: rotate(180deg) translateX(-.4rem) translateY(.5rem);   -o-transform: rotate(180deg) translateX(-.4rem) translateY(.5rem);   transform: rotate(180deg) translateX(-.4rem) translateY(.5rem); } .modal__header h5 {   font-weight: 700;   color: #823687; } .bloc-visuel-carousel-simple {   padding: 0 3rem; } .bloc-petite-citation svg {   fill: rgb(130, 54, 135); } .quote_text {   font-size: 1.5rem;   line-height: 1.4;   color: #878786;   font-family: vyv-Aria, Helvetica, Arial, sans-serif;   font-weight: 600;   font-style: italic;   position: relative; } .quote_credit {   display: block;   margin-top: 1rem;   font-size: 0.75rem;   color: #482683; } .quote_credit_author {   display: block;   font-weight: 500; } .quote p {   margin: 0; } .bloc-petite-citation .icon-quote-start {   top: -12px;   left: -5px;   right: auto;   transform: translateY(0);   margin: 0;   position: relative; } .specific-texte-encadre-droite {   padding: 2.5rem 2rem;   color: #fff; } .modal__footer {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-orient: vertical;   -webkit-box-direction: normal;   -ms-flex-direction: column;   flex-direction: column;   -webkit-box-align: start;   -ms-flex-align: start;   align-items: flex-start; } .modal__footer ul {   width: 100%; } .bloc-video-carre {   overflow: hidden;   display: block;   position: relative;   box-shadow: 0 0 2px #373737;   padding: 2px; } .swiper-container-popup {   overflow: hidden;   padding-bottom: 2.5rem;   position: relative; } .bloc-video-carre iframe {   width: 100%;   height: auto;   min-height: 210px;   overflow: hidden; } .realisation-template-default {   background-image: none; } .realisation-template-default .modal__header {   margin-top: 3rem; } .menu-rapport-annuel {   display: table;   width: 100%;   max-width: 1174px;   margin: 0 auto;   padding-top: 15px;   padding-bottom: 15px; } .menu-rapport-annuel .btn {   background: #f8f7f7;   color: var(--vyv-violet);   font-size: 1rem;   padding-top: .2rem;   line-height: 40px !important;   height: 40px; } .menu-rapport-annuel .btn .icon {   top: .8rem; } .menu-rapport-annuel .btn:hover {   background: #007C9E;   border-color: #007C9E;   color: #fff; } .page-template-template-report .section-header-rapport-annuel {   padding-top: 2.5rem; }  .section-grid-forces .grid .card {   position: relative;   display: block;   width: 100%;   height: 100%;   cursor: pointer; } .section-grid-forces .grid .card .front, .section-grid-forces .grid .card .back {   display: flex;   text-align: center;   justify-content: center;   align-items: center;   position: absolute;   height: 100%;   width: 100%;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   transform-style: preserve-3d;   transition: ease-in-out 600ms; } .section-grid-forces .grid .card .front {   background-size: cover;   padding: 2rem;   font-weight: 600;   color: #fff;   overflow: hidden;   font-size: 24px; } .section-grid-forces .grid .card .back {   background: #007C9E;   transform: rotateY(-180deg);   padding: 2rem; } .section-grid-forces .grid .card .back {   transform: rotateY(180deg); } .section-grid-forces .grid .card.open .front {   transform: rotateY(-180deg); } .section-grid-forces .grid .card.open .back {   transform: rotateY(0deg); } .section-grid-forces .small-blocks-container .small-block.jeux-block {   padding: 0;   font-size: 1rem; } .section-grid-forces .grid .card .front:before {   z-index: 2;   content: '';   width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);   transition: all .3s; } .section-grid-forces .grid .card .front p {   position: relative;   z-index: 3; } .swiper-container-realisation {   margin-left: auto;   margin-right: auto;   position: relative;   list-style: none;   padding: 0.313rem 0 5.5rem 0;   z-index: 1;   overflow: visible; } .modal__footer .text-grey-base {   font-size: .875rem; } .home .section-bloc-metiers {   padding-top: 2rem; } .desc-actus--home {   min-height: 78px; } .dropdown--sorting .dropdown-menu.dropdown-menu--thematiques {   width: 200px; } .dropdown--sorting .dropdown-menu.dropdown-menu--entites {   width: 150px; } #menu-menu-secondaire .dropdown-menu {   width: 200px; } .title-h2.title-other-publication {   margin-top: 0; } .section-bloc-engagement img.object-cover {   width: 82%;   display: inline-block; } .pos-eng--left .eng-img {   text-align: right; } .pos-eng--right .eng-img {   text-align: right; } .navbar--top-menu {   align-items: flex-end;   justify-content: end;   display: flex; } .navbar-accessibilite {   display: flex;   justify-content: flex-end;   flex-direction: row;   flex-wrap: wrap; } .navbar-accessibilite .content-accessibilite {   display: flex;   flex-wrap: wrap;   justify-content: flex-end;   align-items: center; } .navbar-accessibilite .btn--accessibilite {   color: var(--vyv-violet);   font-size: 0.75rem;   border: 1px solid var(--vyv-violet);   border-top: 0;   padding: 0.42rem 0.5rem;   display: flex;   align-items: center;   flex-wrap: wrap;   justify-content: center;   margin-right: 2rem;   position: absolute;   top: 0;   transition-property: all;   transition-timing-function: cubic-bezier(.4, 0, 1, 1); } .contrast-vyv.home .navbar-accessibilite .btn--accessibilite {   color: var(--vyv-violet);   border: 1px solid var(--vyv-violet); } .navbar-accessibilite .icon.pic-accessiblite-allocataires {   width: 25px;   height: 25px;   margin-right: 5px;   display: flex;   align-items: center;   justify-content: center; } .navbar-accessibilite .btn--accessibilite:hover, .contrast-vyv.home .navbar-accessibilite .btn--accessibilite[data-status="renforce"]:hover, .contrast-vyv.home .navbar-accessibilite .btn--accessibilite:hover {   color: #ffffff;   border-color: #0074b0;   background-color: #0074b0; } .contrast-vyv.home .navbar-accessibilite .btn--accessibilite[data-status="renforce"] {   background-color: var(--vyv-violet);   color: #fff;   border-color: var(--vyv-violet); } .navbar-accessibilite .btn--accessibilite .accessibilite--contrast {   display: none; } .contrast-vyv .navbar-accessibilite .btn--accessibilite .accessibilite--contrast {   display: block; } .contrast-vyv .navbar-accessibilite .btn--accessibilite .accessibilite--standard {   display: none; } body:not(.home) .navbar-accessibilite .btn--accessibilite {   color: var(--vyv-violet);   border-color: var(--vyv-violet); } body:not(.home) .navbar-accessibilite .btn--accessibilite[data-status="renforce"] {   background-color: var(--vyv-violet);   color: #fff;   border-color: var(--vyv-violet); } body:not(.home) .navbar-accessibilite .btn--accessibilite:hover {   color: #ffffff;   border-color: var(--vyv-bleu-moyen);   background-color: var(--vyv-bleu-moyen); } body:not(.home).page-template-template-vyv3 .navbar-accessibilite {   margin-top: 5px; } .contrast-vyv .section-entete-accueil-vyv3 .text-white, body.contrast-vyv, .contrast-vyv .section-bloc-slider-sur-une-ligne .key-text {   color: #000; } .contrast-vyv .section-bloc-texte-simple span {   color: var(--vyv-violet) !important; } .contrast-vyv .section-bloc-texte-simple b {   color: inherit !important; } .contrast-vyv .section-entete-accueil-vyv3 .btn-white {   background-color: transparent;   border-color: #000;   color: #000; } .contrast-vyv .section-entete-accueil .bg-blue-lake {   background: #3cbcd5; } .contrast-vyv .section-bloc-mise-en-avant-texte.text-white, .contrast-vyv .breadcrumb {   color: #000; } .contrast-vyv .section-bloc-mise-en-avant-texte .btn-white {   color: #000;   border-color: #000; } .contrast-vyv .actu-surtitle, .contrast-vyv .publication-card-surtitle, .contrast-vyv .surtitle, .contrast-vyv .page-breadcrumb a.current-item {   color: #000;   opacity: 1; } .contrast-vyv .actu-video .actu-surtitle {   color: #fff; } .contrast-vyv .txt-green {   color: #365e00; } .contrast-vyv .txt-blue-cyan {   color: var(--vyv-violet); } .contrast-vyv .btn.txt-green:focus, .contrast-vyv .btn.txt-green:hover {   background-color: #365e00; } .contrast-vyv .btn.txt-blue-cyan:focus, .contrast-vyv .btn.txt-blue-cyan:hover {   background-color: var(--vyv-violet); } .contrast-vyv .level-1:hover:before {   background-position-y: 0; } .contrast-vyv .page-navigation .menu a {   color: #000;   opacity: 1; } .contrast-vyv .page-navigation .menu li.current a {   color: var(--vyv-violet); } .contrast-vyv .page-navigation .menu li.current a:after {   background-color: var(--vyv-violet); } .contrast-vyv .list-style--format h4, .contrast-vyv .list-style--format h3 {   color: var(--vyv-violet); } .contrast-vyv .section-bloc-mise-en-avant-texte.text-white .bg-violet-spanish {   color: #fff; } .contrast-vyv .txt-orange {   color: #ff0505; } .contrast-vyv .btn.txt-orange:focus, .contrast-vyv .btn.txt-orange:hover {   background-color: #ff0505; } .contrast-vyv .txt-yellow {   color: #0015ac; } .contrast-vyv .btn.txt-yellow:focus, .contrast-vyv .btn.txt-yellow:hover {   background-color: #0015ac; } .contrast-vyv .blockquote, .contrast-vyv .simple-card-content {   color: #000; } .contrast-vyv .list-style--format h3 span {   color: inherit !important; } .contrast-vyv .text-blue-windows, .contrast-vyv .simple-card-title {   color: var(--vyv-violet); } .contrast-vyv .section-bloc-texte-image span, .contrast-vyv .section-bloc-logos span {   color: inherit !important; } .contrast-vyv .section-bloc-mise-en-avant-texte-image .text-white {   color: #000; } .contrast-vyv .section-bloc-video-texte .text-blue-lake {   color: var(--vyv-violet); } .contrast-vyv .section-bloc-mise-en-avant-texte-image .list-style--format span, .contrast-vyv .section-bloc-slider-image-video-texte .list-style--format span, .contrast-vyv .section-bloc-mise-en-avant-texte .list-style--format span {   color: inherit !important; } .contrast-vyv .social-zone--wrapper .social-zone--sentence {   color: var(--vyv-violet); } .contrast-vyv .share-facebook, .contrast-vyv .share-linkedin, .contrast-vyv .share-twitter, .contrast-vyv .share-whatsapp, .contrast-vyv .share-mail {   fill: var(--vyv-violet); } .contrast-vyv .news-content a, .contrast-vyv .faq-content a {   color: var(--vyv-violet); } .contrast-vyv .card-result {   color: #000; } .contrast-vyv .mtsnb {   background-color: var(--vyv-violet) !important; } .contrast-vyv .mtsnb a {   color: #fff; } .contrast-vyv .page-navigation .menu a:focus:after, .contrast-vyv .page-navigation .menu a:hover:after {   background-color: var(--vyv-violet); } .contrast-vyv.accueil:not(.fixed_navbar) .navbar .navbar-inverse, .contrast-vyv.accueil:not(.fixed_navbar) .navbar .search-btn {   color: var(--vyv-violet); } body.contrast-vyv.home:not(.fixed_navbar) .primary-navigation .nav-violet .level-1 {   color: var(--vyv-violet); } body.contrast-vyv.home:not(.fixed_navbar) .primary-navigation li.nav-violet .level-1:before {   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-nav-item-sprite.svg);   background-position-y: 50%; } .contrast-vyv.home .regular-slider-container--home .tns-outer .tns-controls [data-controls=next] {   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23472783' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E"); } .contrast-vyv .section-bloc-mise-en-avant-texte.text-white .bg-violet-spanish .btn-white {   color: #fff;   border-color: #fff; } .contrast-vyv .section-bloc-mise-en-avant-texte.text-white .bg-violet-spanish .btn-white:hover {   color: #fff;   background-color: #007C9E; } .section-bloc-sur-le-meme-theme.related .actu-link {   border: 0; } .contrast-vyv .bg-violet-dull, .contrast-vyv .bg-violet-dull .btn-white {   color: #fff; } .contrast-vyv .bg-violet-dull .btn-white {   border-color: #fff; } .contrast-vyv .item-color--violet .list-style--format, .contrast-vyv .item-color--violet .accordion-title {   color: #fff; } .contrast-vyv .section-bloc-metiers .item-color--violet .btn-white {   color: #fff;   border-color: #fff; } .contrast-vyv .section-results .tag, .contrast-vyv .section-results--empreintes .js-empreintes-filters .tag {   color: #000; } .contrast-vyv .realisation .realisation_text {   position: relative; } .contrast-vyv .realisation .realisation_text:before {   content: '';   position: absolute;   width: 100%;   height: 100%;   background-color: rgb(0 0 0 / 66%);   z-index: -1; } .contrast-vyv .realisation h5 {   padding: 10px 0 0 10px; } .contrast-vyv .realisation-title:hover {   color: #ffffff; } .contrast-vyv .realisation h4 {   padding-left: 10px; } .contrast-vyv .level-2 {   color: #000; } .contrast-vyv .level-1:hover {   color: #000000 !important; } @media (max-width: 991.98px) {   .shapo-slide {     left: 0;   }   .shapo-slide span {     color: #EE7837 !important;   } } @media (min-width: 1024px) and (max-width: 1285px) {   .section-entete-accueil .regular-slider-container .tns-outer .tns-controls [data-controls=prev] {     left: 0;     top: 98%;   }   .section-entete-accueil .regular-slider-container--home .tns-outer .tns-controls [data-controls=next] {     right: 0;     top: 98%;     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23472783' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E");   }   .section-entete-accueil .regular-slider-container--home .tns-outer .tns-controls [data-controls=next]:hover {     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2382358C' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E");   }   .section-locations .row {     margin: 0;   } } .section-partners-vyv * {   box-sizing: border-box;   border: 0 solid; } .container-vyv {   width: 100%;   padding-right: 15px;   padding-left: 15px;   margin-right: auto;   margin-left: auto; } .section-partners-vyv img {   max-width: 100%; } .gv--content .logo--vyv {   padding-left: 16px; } .section-partners-vyv {   padding-top: 2rem;   padding-bottom: 2rem; } .partners-list-vyv {   margin: 0;   padding: 0;   list-style: none;   text-align: center;   display: flex;   flex-wrap: nowrap; } .partners-list-vyv li {   width: auto;   padding: 0 8px; } .partners-list-vyv li:first-child {   padding-left: 0; } .partners-list-vyv li:last-child {   padding-right: 0; } .partners-list-vyv li a {   display: block; } .partners-list-vyv li img {   max-width: 100%;   height: auto; } .partners--content {   display: flex;   align-items: center; } .partners--logo {   flex: 0 0 74%;   max-width: 74%;   margin-top: 20px; } .gv--logo {   flex: 0 0 26%;   max-width: 26%; } .gv--content {   padding-left: 50px;   position: relative; } .gv--content:before {   content: '';   background-image: url("https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/paranthese.png");   background-repeat: no-repeat;   background-size: 35px 142px;   background-position: center 38px;   position: absolute;   left: 0;   width: 70px;   height: 100%; } .card-press--newsletter .actu-link {   min-height: 200px; } .card-press--newsletter .actu-link--comm .actu-surtitle {   margin-bottom: 0.5rem; } @media (min-width: 576px) {   .container-vyv {     max-width: 540px;   } } @media (min-width: 768px) {   .container-vyv {     max-width: 720px;   } } @media (min-width: 992px) {   .container-vyv {     max-width: 960px;   } } @media (min-width: 1200px) {   .container-vyv {     max-width: 1140px;   } }  @media (max-width: 991px) {   .partners-list-vyv li:first-child {     padding-left: 8px;   }   .partners-list-vyv li:last-child {     padding-right: 8px;   }   .partners--content {     flex-direction: column;   }   .partners--logo, .gv--logo {     flex: 0 0 100%;     max-width: 100%;   }   .gv--content {     padding-left: 0;     padding-top: 70px;     text-align: center;   }   .gv--content img {     max-width: 80%;     display: inline;   }   .gv--content:before {     width: 100%;     height: 50px;     top: 0;     background-image: url("https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/paranthese-mobile.png");     background-size: auto;     background-position: center;   }   .partners-list-vyv li {     flex: 0 0 33.33333%;     max-width: 33.33333%;   }   .partners--metiers {     text-align: center;   }   .partners--metiers img {     content: url("https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/3metiers-mobile.png");   }   .gv--content .logo--vyv {     padding-left: 0;     max-height: inherit;   } } @media (min-width: 768px) and (max-width: 991.98px) {   .partners-list-vyv li {     flex: 0 0 20%;     max-width: 20%;   }   .partners--metiers img {     max-width: 500px;     display: inline;   } } @media (min-width: 992px) and (max-width: 1200px) {   .partners--content {     display: flex;     align-items: center;   }   .partners-list-vyv li {     -webkit-box-flex: 0;     -ms-flex: 0 0 20%;     flex: 0 0 20%;     max-width: 20%;   } } @media (max-width: 1200px) {   .section-partners-vyv {     padding-top: 15px;   }   .partners-list-vyv {     flex-wrap: wrap;     justify-content: center;   } } .blockquote .icon {   top: 10px; } .quote-content {   position: relative;   color: #6f6f6f; } .desc-vlog .quote-content {   color: #fff; } .citation_quote .blockquote .icon-quote-start {   fill: #A61680;   top: -8px;   left: -5px;   right: auto;   transform: translateY(0);   margin: 0;   position: relative; } .citation_quote .blockquote .icon-quote-end {   fill: #A61680;   top: 8px;   right: auto;   bottom: auto;   margin: 0;   -webkit-transform: translateX(0.5rem) translateY(-.3rem);   -o-transform: translateX(0.5rem) translateY(-.3rem);   transform: translateX(0.5rem) translateY(-.3rem);   position: relative; } @media (min-width: 992px) {   .results-grid--entites {     padding-bottom: 3rem;   } } .moment__excerpt {   max-width: inherit; } .btn-yellow {   background: #ee7937; } .btn-yellow:after {   content: url("data:image/svg+xml,%3Csvg xmlns=%22//www.w3.org/2000/svg%22 id='arrow' fill='%23ffffff' height='12' width='10' viewBox='0 0 13 16'%3E%3Cpath d='M3.04 0L2.7.03C1.35.15.4.68.1 1.5c-.14.38-.26 1.14.54 1.98L6.67 8 .69 12.49l-.06.05c-.79.83-.67 1.59-.53 1.97.31.8 1.25 1.34 2.59 1.46l.35.03 9.2-8-9.2-8z'%3E%3C/path%3E%3C/svg%3E");   position: absolute;   transition-property: all;   transition-timing-function: cubic-bezier(.4, 0, 1, 1);   right: .5rem;   top: .9rem; } .btn-yellow:hover {   background: #007C9E; } .section-bloc-texte-a-puces h1 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 2.5rem;   font-weight: 700;   line-height: 1; } @media screen and (max-width: 991px) {   .level-1 br {     display: inline;     content: ' ';   }   .level-1 br:before {     content: ' ';   } } .txt-yellow {   color: #E42312; } .txt-violet-dull {   color: var(--vyv-violet); } .txt-green {   color: #86bc36; } .txt-orange {   color: #ee7837; } .txt-blue-cyan {   color: #009ec9; } .txt-red {   color: #CF1152; } .btn.txt-red:focus, .btn.txt-red:hover {   border-color: transparent;   background-color: #CF1152;   color: #fff; } .btn.txt-blue-cyan:focus, .btn.txt-blue-cyan:hover {   border-color: transparent;   background-color: #009ec9;   color: #fff; } .btn.txt-orange:focus, .btn.txt-orange:hover {   border-color: transparent;   background-color: #ee7837;   color: #fff; } .btn.txt-green:focus, .btn.txt-green:hover {   border-color: transparent;   background-color: #86bc36;   color: #fff; } .btn.txt-yellow:focus, .btn.txt-yellow:hover {   border-color: transparent;   background-color: #E42312;   color: #fff; } .btn.txt-violet-dull:focus, .btn.txt-violet-dull:hover {   border-color: transparent;   background-color: var(--vyv-violet);   color: #fff; } .bloc-texte-image--element .masque--1 {   max-width: 450px;   margin-bottom: 0; } .section-bloc-slider .simple-card-pic {   border: 1px solid #ece9ea;   background: #fff; } .section-bloc-telechargement li .text-violet-spanish {   color: var(--vyv-violet); } .section-bloc-telechargement li .asset-title {   color: #A61680; } .section-bloc-telechargement li a.text-violet-spanish:hover {   color: #0074B0; } .section-bloc-texte-image p a, .list-style--format p a {   color: #482683;   text-decoration: underline;   -webkit-transition: color .15s cubic-bezier(.22, .61, .36, 1);   -o-transition: color .15s cubic-bezier(.22, .61, .36, 1);   transition: color .15s cubic-bezier(.22, .61, .36, 1); } .section-bloc-texte-image p a:hover, .list-style--format p a:hover {   color: #00c1dc; } .bg-violet-spanish .list-style--format p a, .bg-violet-dull .list-style--format p a, .section-bloc-savoir-faire .list-style--format p a {   color: #f9d41f; } .bg-violet-spanish .list-style--format p a:hover, .bg-violet-dull .list-style--format p a:hover, .bg-green .list-style--format p a:hover, .bg-orange .list-style--format p a:hover, .bg-blue-cyan .list-style--format p a:hover, .section-bloc-savoir-faire .list-style--format p a:hover, .section-bloc-mise-en-avant-texte-image .list-style--format p a:hover {   color: #fff; } .section-bloc-texte-image h2 {   font-size: 3rem;   color: var(--vyv-violet); } .section-bloc-texte-image h4 {   font-size: 1.5rem;   font-weight: 700;   line-height: 1.25;   color: var(--vyv-violet-fonce);   margin-top: 1.5rem;   margin-bottom: 1.5rem; } .section-bloc-slider-images h2 {   font-size: 3rem;   color: var(--vyv-violet); } .section-bloc-slider-images h3 {   font-size: 1.75rem;   color: var(--vyv-violet); } .section-bloc-slider-images h4 {   font-size: 1.5rem;   color: var(--vyv-violet-fonce); } .bloc-slider-sur-une-ligne--btn {   width: 194px; } section.section-bloc-slider-sur-une-ligne.key-data-section.bg-gris.my-8.aos-init.aos-animate {   padding-top: 15px; } .section-bloc-sommaire h2 {   font-size: 3rem; } .section-bloc-sommaire h3 {   font-size: 1.75rem; } .section-bloc-sommaire h4 {   font-size: 1.5rem; } .section-locations h2 {   font-size: 3rem;   color: var(--vyv-violet);   margin-top: -12px; } .section-locations h3 {   font-size: 1.75rem;   color: var(--vyv-violet);   margin-top: -12px;   font-weight: bold; } .section-locations h4 {   font-size: 1.5rem;   color: var(--vyv-violet-fonce);   margin-top: -12px;   font-weight: bold; } .section-bloc-slider-sur-une-ligne h2 {   font-size: 3rem;   color: var(--vyv-violet); } .section-bloc-slider-sur-une-ligne h3 {   font-size: 1.75rem;   color: var(--vyv-violet); } .section-bloc-slider-sur-une-ligne h4 {   font-size: 1.5rem;   color: var(--vyv-violet-fonce); } .section-bloc-entites h2 {   font-size: 3rem;   color: var(--vyv-violet); } .section-bloc-entites h3 {   font-size: 1.75rem;   color: var(--vyv-violet); } .section-bloc-entites h4 {   font-size: 1.5rem;   color: var(--vyv-violet-fonce); } .section-bloc-texte-image .bloc-texte-image--element h2, .section-bloc-texte-image .bloc-texte-image--element h3, .section-bloc-texte-image .bloc-texte-image--element h4 {   color: var(--vyv-violet-fonce);   font-size: 1.875rem; } .section-bloc-texte-image h3 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 1.75rem;   font-weight: 700;   line-height: 1; } .section-bloc-mise-en-avant-texte-image h4 {   font-size: 1.5rem;   font-weight: 700;   line-height: 1.25;   color: #fff;   margin-top: 1.5rem;   margin-bottom: 1.5rem; } .section-bloc-logos .card-press .entite-link img {   padding: 15px;   object-fit: contain; } .home .section-contactez-nous {   padding-top: 3rem;   padding-bottom: 3rem; } @media (min-width: 1200px) {   .section-bloc-mise-en-avant-texte-image .image-corner {     width: 90%;     margin-left: 30px;   }   .banner-slider-container .tns-inner:after {     left: 6.75rem;   } } .section-bloc-slider .simple-card .simple-card-inner {   min-height: 380px; } .section-bloc-mise-en-avant-texte .list-style--format h2 {   margin-top: 0;   margin-bottom: 1.5rem;   font-size: 2rem;   font-weight: 700;   line-height: 1; } .section-bloc-mise-en-avant-texte .list-style--format h3 {   margin-top: 0;   margin-bottom: 1.5rem;   font-size: 1.75rem;   font-weight: 700;   line-height: 1; } .section-bloc-mise-en-avant-texte .list-style--format h4 {   font-size: 1.5rem;   font-weight: 700;   line-height: 1.25;   margin-top: 0;   margin-bottom: 1.5rem; } .section-bloc-mise-en-avant-texte-image iframe.embed-responsive-item {   box-shadow: 0 0 4px #ddd; } #facilter-maintien-bloc .btn-plus {   margin-bottom: 20px; } .page-id-7306 #missions {   margin-bottom: 2rem; } #vyv-metiers-slider-images .shadow-sm {   box-shadow: none;   margin: 0; } .section-bloc-slider-images.section-nb-slider--1 {   min-height: 760px; } .podcast_audio {   width: 100%;   position: relative; } .link_popup:hover span {   color: #00c1dc;   transition: transform .3s; } .section-bloc-citation h2, .section-bloc-citation h3, .section-bloc-citation h4 {   font-size: 1.875rem;   line-height: 3rem; } .section-bloc-citation a.btn.btn-violet {   margin-right: 120px; } .section-bloc-video-texte h2, .section-bloc-video-texte h3, .section-bloc-video-texte h4 {   text-align: left; } .section-bloc-citation .list-style--format ul li:before {   background-color: white; } @media (max-width: 767.98px) {   .podcast_audio {     width: 320px;   }   .menu-navbar--vyv3 span {     width: 100%;     display: block;   }   .page.page-id-6905 .section-bloc-video-texte.video {     min-height: 470px;   }   .page.page-id-6523 section#historique {     margin-top: 1.5rem;   }   #engagement-militant-video {     padding-bottom: 0;   }   .page-id-6702 #metiers .bloc-actus {     padding-bottom: 2rem;     margin-bottom: 1rem;   }   .sm-full {     width: 100%;   }   .page-id-6669 .page-navigation .dropdown-toggle span br,   .page-id-6669 .page-navigation .dropdown-menu ul li a br,   .page-id-6414 .page-navigation .dropdown-toggle span br,   .page-id-6414 .page-navigation .dropdown-menu ul li a br,   .page-id-7306 .page-navigation .dropdown-toggle span br,   .page-id-7306 .page-navigation .dropdown-menu ul li a br,   .page-id-6860 .page-navigation .dropdown-toggle span br,   .page-id-6860 .page-navigation .dropdown-menu ul li a br,   .page-id-6236 .page-navigation .dropdown-toggle span br,   .page-id-6236 .page-navigation .dropdown-menu ul li a br,   .page-id-6412 .page-navigation .dropdown-toggle span br,   .page-id-6412 .page-navigation .dropdown-menu ul li a br {     display: inline-block;     content: " ";   }   .page-id-6865 .page-navigation .dropdown-toggle span > br:first-child,   .page-id-6865 .page-navigation .dropdown-menu ul li a > br:first-child {     display: none;   }   .section-bloc-entites .section-results-bg {     display: none;   }   .section-bloc-entites {     padding-bottom: 2rem;   }   .page-id-5958 .page-navigation .dropdown-toggle br {     display: none;   }   .section-bloc-texte-simple .btn-plus a {     margin-bottom: 5px;   }   #vyv-habitat-et-logement-social-texte h3, #vyv-habitat-et-logement-social-texte-2 h3 {     margin-top: 0;   }   #vyv-habitat-et-logement-social-citation {     padding-bottom: 0;   }   .section-bloc-citation .blockquote .icon {     top: 0;   }   .page-id-6850 .section-bloc-texte-image figure, .page-id-7843 .section-bloc-texte-image figure {     margin-bottom: 15px;   }   .page-id-6905 .section-bloc-video-texte .bg-white {     flex-direction: column-reverse;   }   .page-id-6905 .section-bloc-video-texte .bg-white > div {     padding-top: 0;   }   .btn-more--vyv3 {     margin-top: 10px;   }   .page-id-5958 .section-bloc-slider-images {     padding-bottom: 0;   }   .page-id-5958 .section-bloc-slider-images .regular-slider-container {     margin-bottom: 0;   }   .section-bloc-slider-image-video-texte iframe {     width: 100%;     height: auto;   }   .page-id-6412 .section-bloc-citation {     padding: 0;   }   #vyv-decouvrir-vyv-3-citation {     padding-bottom: 0;   }   #vyv-decouvrir-vyv-3-citation .r-flex {     margin-bottom: 0;   }   section#nosoffres {     margin-top: 0;     padding-top: 2rem;   }   section#nosoffres .-mx-3 {     margin: 0;   }   section#retraite h1 {     text-align: center;   }   .page-id-6411 #vyv-mutuelle-assurance {     padding-top: 0;   } } @media (max-width: 575.98px) {   .mod-vyv-list-result {     border: 0;   }   .section-bloc-slider-images.section-nb-slider--1 {     min-height: 240px;   }   .section-entete-accueil-vyv3 h1 {     text-align: center;   }   .implantations {     padding-bottom: 40px;   }   .sm-full #hoverImage {     height: 300px;   }   .mtsnb-hidden.mtsnb-top .mtsnb-show {     display: none;   }   .section-bloc-telechargement li span.text-20 {     font-size: 1rem;   }   .home .section-bloc-metiers .accordion-item-2 .accordion-picto {     margin-top: 5px;     margin-bottom: 5px;   }   .archives-publications h3 {     font-size: 1.4rem;   }   .js-to_expand .i18n-menu {     padding: 0 0.5rem;     top: -5.2rem;   }   .i18n-menu a {     padding: 15px .5rem;   }   .rapports-annuels-groupe-vyv h2 span {     width: 100%;     display: block;   }   .page-id-6414 .section-bloc-slider .three-cards-slider-container .tns-outer {     padding-bottom: 2rem !important;   }   #vyv-offres-services-video-texte {     padding-top: 0;     min-height: 380px;   }   #vyv-culture-ethique-video-texte, #vyv-culture-ethique-video-texte-2 {     padding-top: 0;     min-height: 380px;   }   .item-declaration {     width: 100%;   }   .menu-open .navbar-top {     display: block;     position: absolute;     top: 38rem;     left: 0;     width: 100%;     z-index: 25;     text-align: center;   }   .navbar-top > li {     display: inline-block;   }   .space-x-4 > :not(template) ~ :not(template) {     margin-left: 5px;   }   .navbar-top > li + li:before {     margin-right: 0.5rem;   }   #menu-menu-secondaire .dropdown-menu {     left: 0;   }   #menu-menu-secondaire.navbar-top > li:last-child .dropdown-menu {     left: auto;   }   #menu-menu-secondaire.navbar-top > li + li > .dropdown {     display: inline-block;   }   #menu-menu-secondaire .dropdown-on > .dropdown-menu {     transform: translateY(-30%);   }   .modal-body::-webkit-scrollbar {     width: 15px;   }   .page-id-1777 .news-slider-container .text-part .bg-violet-dull {     min-height: 455px;   }   .page-id-7843 .section-bloc-citation {     padding: 0;   } } @media (min-width: 992px) {   #engagement-militant-video.section-bloc-video-grande-taille {     min-height: 810px;   }   .ra-title-section br {     display: none;   } } @media (min-width: 576px) and (max-width: 991px) {   .podcast_audio {     width: 620px;   }   .mod-vyv-list-result {     border: 0;   }   .section-bloc-slider-images.section-nb-slider--1 {     min-height: 440px;   }   .section-entete-accueil-vyv3 h1 {     text-align: center;   }   .menu-open .navbar-top {     top: 11rem;     right: 1rem;     left: auto;     width: 200px;     display: block;     position: absolute;     z-index: 25;     text-align: center;     padding-top: 5px;     padding-bottom: 5px;   }   .menu-open .navbar-top:before {     content: '';     background: #f8f7f7;     height: 100%;     width: 100%;     right: -4rem;     position: absolute;     border-radius: 75px 0 0 35px;     z-index: -1;     top: 0;   }   .navbar-top > li {     display: inline-block;     width: 100%;     text-align: right;     margin-bottom: 5px;   }   .space-x-4 > :not(template) ~ :not(template) {     margin-left: 0;   }   .navbar-top > li + li:before {     display: none;   }   .navbar-top > li a.nav-link {     padding-right: 1.6rem;   }   #menu-menu-secondaire .dropdown-menu {     left: 0;   }   #menu-menu-secondaire.navbar-top > li:last-child .dropdown-menu {     left: auto;   }   .navbar-top > li + li > .dropdown {     display: inline-block;   }   .page-id-7843 .section-bloc-citation {     padding: 0;   } } section#manageriale {   margin-bottom: 2rem; } .page-template-template-presse .results-grid .container-1 {   z-index: 13; } .page-template-template-presse .results-grid .container-2 {   z-index: 12; } .page-template-template-presse .results-grid .container-3 {   z-index: 11; } .tweet-photo img {   max-height: 120px;   display: inline-block; } .tweet-photo {   text-align: center; } .page-template-template-report .gprev.gbtn, .page-template-template-report .gnext.gbtn, .page-template-template-forcevyv .gprev.gbtn, .page-template-template-forcevyv .gnext.gbtn {   display: none !important; } #citation-notre-organisation, #vyv-mutuelle-assurance {   padding-bottom: 0; } #modal-lesforces .modal-body a {   color: rgb(85, 26, 139);   text-decoration: underline;   transition: all .2s ease-in-out; } #modal-lesforces .modal-body a:hover {   color: #009ec9; }  #modal-lesforces .modal-body ul, .section-grid-forces .grid .card.open .back ul, #modal-realisation .modal__content ul {   padding-left: 2.5rem;   margin-top: 0.5rem;   margin-bottom: 0.5rem;   list-style: none;   display: inherit; } #modal-lesforces .modal-body ul, .section-grid-forces .grid .card.open .back ul {   display: inline-block; } #modal-lesforces .modal-body ul li, .section-grid-forces .grid .card.open .back ul li, #modal-realisation .modal__content ul li {   position: relative;   padding: 0 0 0 1em; } #modal-lesforces .modal-body ul li:before, .section-grid-forces .grid .card.open .back ul li:before, #modal-realisation .modal__content ul li:before {   content: "";   display: block;   width: 6px;   height: 6px;   background: #8f2d8f;   border-radius: 50%;   position: absolute;   top: 11px;   left: 0;   z-index: 5; } #modal-lesforces .modal-body ul li + li, .section-grid-forces .grid .card.open .back ul li + li, #modal-realisation .modal__content ul li + li {   margin-top: 0.5rem; } .section-grid-forces .grid .card.open .back ul li {   text-align: left; } .section-grid-forces .grid .card.open .back h3, #modal-realisation .modal__content h3 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 1.75rem;   font-weight: 700;   line-height: 1; } .section-grid-forces .grid .card.open .back h2, #modal-realisation .modal__content h2 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 2rem;   font-weight: 700;   line-height: 1; } .section-grid-forces .grid .card.open .back h4, #modal-realisation .modal__content h4 {   font-size: 1.5rem;   font-weight: 700;   line-height: 1.25;   color: #82358b;   margin-top: 1.5rem;   margin-bottom: 1.5rem; } .section-grid-forces .grid .card .front h2 {   margin-top: 0;   margin-bottom: 1.5rem;   font-size: 2rem;   font-weight: 700;   line-height: 1;   display: block;   width: 100%; } .section-grid-forces .grid .card .front .card-front p {   font-size: 16px;   font-weight: 400; } .page-id-7420 #images, .page-id-7410 #images, .page-id-7416 .section-bloc-video-texte, .page-id-8235 .section-bloc-video-texte, .page-id-7308 .section-bloc-video-texte, .page-id-8243 .section-bloc-video-texte, .page-id-6629 .section-bloc-video-texte, .page-id-8236 .section-bloc-video-texte {   background: transparent;   padding-top: 1rem;   min-height: 480px; } .section-bloc-referentiel-vyv-3 + .section-bloc-video-texte {   background: transparent;   padding-top: 1rem;   min-height: 480px; } .section-bloc-slider-images .regular-slider-container.nb-slider--1 {   margin-bottom: 0; } .section-bloc-slider-images .regular-slider-container.nb-slider--1 .tns-outer {   padding-bottom: 0 !important; } .page-id-6860 section#vie {   margin-top: 15px; } .page-breadcrumb a br {   display: inline;   content: ' '; } .dropdown-toggle--vyv3 .menu-btn {   position: absolute;   top: 16px;   left: -25px; } .dropdown-toggle--vyv3 .menu-btn span {   background-color: #fff; } .accordion-item.item-color--vert {   background-color: #6AA22F; } .accordion-item.item-color--orange {   background-color: #ee7837; } .accordion-item.item-color--bleu-ciel {   background-color: #0074B0; } .accordion-item.item-color--jaune {   background-color: #ED7102; } .accordion-item.item-color--rose {   background-color: #ab70ac; } .accordion-item.item-color--violet {   background-color: #82358b; } .accordion-item.item-color--turquoise {   background-color: #43b0ba; } .breadcrumbs span.paged:before {   display: inline-block;   margin-left: 5px;   margin-right: 5px;   content: '-'; } .page-id-15416 .section-bloc-referentiel-vyv-3 {   background: transparent;   padding-top: 0; } .list-style--format h4 {   font-size: 1.5rem;   font-weight: 700;   line-height: 1.25;   color: #82358b;   margin-top: 1.5rem;   margin-bottom: 1.5rem; } .list-style--format h3 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 1.75rem;   font-weight: 700;   line-height: 1; } .list-style--format h2 {   color: var(--vyv-violet);   margin-top: 2.5rem;   margin-bottom: 1.5rem;   font-size: 2rem;   font-weight: 700;   line-height: 1; } .section-bloc-video-texte .embed-responsive, .section-bloc-video-grande-taille .embed-responsive {   box-shadow: 0 0 4px #ddd; } .section-bloc-texte-a-puces .pos--left .list-style--format ul li:before {   display: inline-block;   position: inherit;   top: auto;   left: auto;   margin-right: 1em; } .section-bloc-texte-a-puces .pos--left .list-style--format ul {   padding-left: 0; } .offer-navigation > li.menu-item-has-children li.menu-item-has-children a {   position: relative;   font-size: .75rem;   display: block;   padding-top: 10px;   padding-bottom: 10px;   color: #00c1dc;   font-weight: 400;   text-align: left;   padding-left: 1.5rem; } .offer-navigation > li.menu-item-has-children li.menu-item-has-children a > svg.icon-arrow--left {   display: none; } .offer-navigation > li.menu-item-has-children li.menu-item-has-children ul {   padding: 0 0 0 1rem;   width: 100%; } .offer-navigation > li.menu-item-has-children li.menu-item-has-children .level-3.active, .offer-navigation > li.menu-item-has-children li.menu-item-has-children .level-3:hover, .offer-navigation > li.menu-item-has-children li.menu-item-has-children a:hover, .offer-navigation > li.menu-item-has-children li.menu-item-has-children a.active {   font-weight: 700; } .offer-navigation > li.menu-item-has-children li.menu-item-has-children .level-3.active .icon, .offer-navigation > li.menu-item-has-children li.menu-item-has-children .level-3:hover .icon {   display: inline-block;   opacity: 1; } .level-3 .icon {   position: absolute;   left: 0;   margin-right: .5rem;   opacity: 0;   transition-property: all;   transition-duration: .15s;   top: 50%;   transform: translateY(-50%); } .section-bloc-slider-sur-une-ligne .title-xl {   line-height: 1.3; } .section-grid-forces .grid .card.open .back a {   text-decoration: underline; } .section-grid-forces .video:after {   display: none; } .page-template-template-report .section-grid-forces .grid .card .front:before, .page-template-template-empreinte .section-grid-forces .grid .card .front:before {   background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } .page-template-template-report .section-grid-forces .big-block:before, .page-template-template-empreinte .section-grid-forces .big-block:before {   background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } #ra-preuves-sommaire {   margin-top: 100px; } #citation-sa-ra, #texte-sa-ra {   padding-bottom: 0; } #plus-services-ra {   margin-top: 20px; } #mes-docteurs-ra .my-10 {   margin-top: 0;   padding-left: 2rem; } #objectif-proche-ra, #innovation-urgence-ra {   padding-bottom: 2rem; } #mutualiser-mieux-ra {   padding-top: 0; } #harmonie-mutuelle-ra .my-10 {   margin-top: 0;   margin-bottom: 0; } #approche-observatoire-ra {   padding: 0; } #operateur-logement-ra {   padding-top: 0;   padding-bottom: 0; } #webinaire-conference-ra .my-10, #mutualisant-besoins-ra .my-10, #texte-sa-ra .list-style--format h3, #favoriser-intelligence-ra .my-10, #favoriser-intelligence-ra .list-style--format h4, #egalement-partenaire-ra .my-10, #mutualiser-mieux-ra .bloc-texte-image--element, #cooperation-renforcee-ra .my-10, #modele-label-ra .my-10, #contributions-groupe-ra .list-style--format h3, #adapter-ambition-ra .list-style--format h3, #situation-financiere-ra .list-style--format h3, #yvon-2019-ra .my-10, #solidarite-proximite-ra .my-10 {   margin-top: 0; } #les-territ-zt7j-ra.big-image, #vyv-210520-r9qi-ra.big-image {   min-height: 760px;   padding-bottom: 0; } .section-bloc-video-texte .embed-responsive .embed-responsive-item {   aspect-ratio: 16/9; } @media (max-width: 575.98px) {   #ra-preuves-sommaire {     margin-top: 0;   }   .section-bloc-video-texte .embed-responsive .embed-responsive-item {     position: relative;   }   .section-bloc-video-grande-taille .embed-responsive {     min-height: 200px;   }   .section-grid-forces .grid .card .back * {     font-size: 12px !important;   }   .section-bloc-mise-en-avant-texte-image .embed-responsive-item {     max-width: 100%;   } } @media (min-width: 576px) and (max-width: 991px) {   .section-bloc-mise-en-avant-texte-image .embed-responsive-item {     max-width: 100%;   } } .actu-link {   border: 1px solid #ddd;   background-color: #ebeaea; } .social-zone--items a:hover .share-facebook {   fill: #3B5998; } .social-zone--items a:hover .share-linkedin {   fill: #0274B3; } .social-zone--items a:hover .share-twitter {   fill: #73A1FB; } .social-zone--items a:hover .share-whatsapp {   fill: #7AD06D; } .social-zone--items a:hover .share-mail {   fill: rgb(71, 37, 131); } .share-facebook, .share-linkedin, .share-twitter, .share-whatsapp, .share-mail {   fill: #8c7bb9; } .social-zone--wrapper {   display: flex;   width: 100%;   margin-bottom: 2rem;   align-items: center;   justify-content: left; } .social-zone--wrapper .social-zone--sentence {   display: inline-block;   padding-right: 15px;   color: #8c7bb9; } .social-zone--icon {   height: 1.9em;   display: inline-block; } .social-zone--items {   display: inline-flex;   flex-flow: wrap; } .social-zone--items a {   padding-right: 0.5rem;   -webkit-transition: all .2s linear;   -moz-transition: all .2s linear;   -ms-transition: all .2s linear;   -o-transition: all .2s linear;   transition: all .2s linear; } .bloc-share {   margin-top: 2rem; } .key-data-wrapper {   background-image: none; } .key-data-wrapper .container {   position: relative;   z-index: 2; } .page-template-template-landing .key-data-wrapper:before, .page-template-template-landing .key-data-wrapper:after {   display: none; } @media (max-width: 1200px) {   .key-data-wrapper:before {     background-size: cover;   }   .section-bloc-texte-simple iframe {     max-width: 100%;   } } .section-grid-forces .color-block .tag {   display: none; } .item--entites {   display: block;   width: 100%; } .section-grid-forces .item--entites .tag {   background: #482683; } .section-grid-forces .item--tags .tag {   background: #ffffff;   color: #000; } .texte-popin .item--entites .tag--entites {   background: #482683;   display: inline-block;   font-size: 12px;   color: #ffffff;   opacity: 1;   padding: 3px 3px 0px 3px; } .texte-popin .item--tags .tag {   background: #00c1dc;   display: inline-block;   font-size: 12px;   color: #ffffff;   opacity: 1;   padding: 4px 3px 0px 3px; } @media (max-width: 575px) {   .section-grid-forces .small-blocks-container {     width: 100%;   }   .section-grid-forces .small-blocks-container .small-block.card-empreinte {     width: 100%;   } } @media (min-width: 576px) and (max-width: 767px) {   .section-grid-forces .grid.js-empreintes-grid {     display: block;   } } .section-news-details .social-zone--wrapper {   margin-bottom: 1rem; } .news_date {   font-size: 13px;   display: block;   margin-bottom: 1rem; } .news_date span {   font-weight: bold; } .dropdown--sorting .dropdown-menu.dropdown-menu--cibles {   width: 200px; } .tweet-span {   display: none; } .section-bloc-actualites-page-accueil .actu-event-inner {   padding-top: 15px;   min-height: 308px; } .section-bloc-actualites-page-accueil .actu-event:before {   background-position: 0 66px; } .page-content--default table, .section-bloc-texte-simple table {   border: 1px solid #ccc;   border-collapse: collapse;   border-spacing: 0;   width: 100%;   height: auto;   margin: 1rem 0; } .page-content--default table tr, .section-bloc-texte-simple table tr {   border-bottom: 1px solid #ddd; } .page-content--default table tr:nth-child(even), .section-bloc-texte-simple table tr:nth-child(even) {   background-color: #E7E9EB; } .page-content--default table th, .section-bloc-texte-simple table th {   padding-top: 11px;   padding-bottom: 11px;   background-color: var(--vyv-violet);   color: white; } .page-content--default table td, .section-bloc-texte-simple table td {   text-align: left;   padding: 8px; } .section-bloc-actualites-page-accueil .actu-title, .page-template-template-news .actu-title {   min-height: 50px; } .fixed_navbar .navbar-accessibilite .btn--accessibilite {   color: var(--vyv-violet); } @media (max-width: 991px) {   .navbar-accessibilite .content-accessibilite span {     display: none;   }   .navbar-accessibilite .content-accessibilite {     position: absolute;     top: 18px;   }   .navbar-accessibilite .btn--accessibilite {     background-color: transparent;     color: var(--vyv-violet);     border: 0;   }   body:not(.home) .navbar-accessibilite .btn--accessibilite:hover {     color: var(--vyv-violet);     border: 0;     background-color: transparent;   }   .navbar-accessibilite .btn--accessibilite:hover,   .contrast-vyv.home .navbar-accessibilite .btn--accessibilite:hover {     border: 0;     background-color: transparent;     color: var(--vyv-violet);   }   .contrast-vyv.home .navbar-accessibilite .btn--accessibilite[data-status="renforce"],   .contrast-vyv.home .navbar-accessibilite .btn--accessibilite[data-status="renforce"]:hover {     background-color: transparent;     color: var(--vyv-violet);     border: 0;   }   body:not(.home) .navbar-accessibilite .btn--accessibilite[data-status="renforce"] {     border: 0;     background-color: transparent;     color: var(--vyv-violet);   }   .contrast-vyv .menu-btn span {     background-color: var(--vyv-violet);   } } a:focus-visible, button:focus-visible {   outline: 2px dashed rgb(255 0 0) !important;   border-radius: 2px; } .masque--report {   max-width: 100%;   margin-bottom: 1.5em; } .section-report-2021-bloc-mieux-vivre {   background: #311268; } .report-home-top {   position: relative; } .report-home-title {   margin-bottom: 22px;   z-index: 6; } .report-home-header {   position: absolute;   z-index: 6;   right: 25%;   top: -8%; } .report-home-header span {   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/bg-report-title.png);   background-repeat: no-repeat;   width: 252px;   height: 195px;   display: flex;   text-align: center;   align-items: center;   justify-content: center;   color: #fff;   font-size: 2rem;   font-weight: 500;   line-height: 35px; } .report-home-content {   padding-top: 100px; } .home-report .page-breadcrumb {   display: none; } .home-report .offernavbar {   background: #311268; } .btn.btn-primary-report {   background: #fff;   color: var(--vyv-violet);   line-height: 20px !important;   font-size: 1rem; } .btn.btn-primary-report:hover {   background: var(--vyv-violet);   color: #fff; } .btn.btn-primary-report .icon-download {   position: absolute;   transition-property: all;   transition-timing-function: cubic-bezier(.4, 0, 1, 1);   right: 0.5rem;   top: 0;   width: 40px;   height: 52px;   fill: currentColor;   color: currentColor;   transition-duration: .3s; } #nav-annual-report-2021 {   font-size: 0.95em;   padding-left: 30px; } #nav-annual-report-2021 > li .group > a .icon {   position: absolute;   right: 5px; } #nav-annual-report-2021 > li.menu-item-has-children .group > a {   padding-right: 20px; } .report-home-desc {   color: #fff;   font-size: 3rem;   padding-bottom: 10rem; } .intro-clip-report, .intro-clip-report .svg-background, .intro-clip-report .svg-image {   width: 700px;   height: 548px; } .intro-clip-overshape-left {   position: absolute;   bottom: -60px;   right: 11%;   z-index: 5;   display: block;   width: 273px;   height: 235px; } .intro-clip-overshape-right {   position: absolute;   top: 40%;   left: -55px;   z-index: 5;   display: block;   width: 121px;   height: 181px; } .section-report-2021-bloc-edito h2 {   font-size: 5rem;   margin-bottom: 1rem; } .section-report-2021-bloc-edito {   position: relative;   overflow: visible !important; } .bloc-edito {   margin-top: -100px;   z-index: 9;   padding-bottom: 10rem; } .section-report-2021-bloc-edito .sub-title {   color: var(--vyv-violet);   font-size: 1.6rem; } .contrast-vyv .report-home-desc strong, .contrast-vyv .report-home-desc span, .contrast-vyv .report-home-desc p {   color: #fff !important; }  #nav-annual-report-2021 li.home a.home {   display: flex;   align-items: center; } @media (min-width: 992px) {   .lg\:w-11\/12 {     width: 85%;   }   .lg\:w-1\/12 {     width: 15%;   } } @media (max-width: 991.98px) {   .lg\:w-1\/12 {     width: 100%;   }   .btn.btn-primary-report {     padding-right: 60px;     margin-top: 0.7rem;     margin-bottom: 0.2rem;   }   .report-home-desc {     font-size: 1.4rem;     padding-bottom: 4rem;   }   .bloc-edito {     margin: 0;     padding-bottom: 2rem;   }   .intro-clip-report, .intro-clip-report .svg-background, .intro-clip-report .svg-image {     width: 370px;     height: 290px;   }   .intro-clip .svg-background, .intro-clip .svg-image {     clip-path: none;   }   .intro-clip-overshape-left, .intro-clip-overshape-right {     display: none;   }   .report-home-content {     padding-top: 2rem;   }   .report-home-header {     display: flex;     justify-content: center;     align-items: center;   }   .report-home-title, .report-home-header {     position: relative;     right: inherit;     top: inherit;     left: inherit;   }   .report-home-title {     display: flex;     justify-content: center;     padding: 2rem 0;     margin-bottom: 0;   } }  .VYVAudio, .VYVAudio * {   padding: 0;   margin: 0;   box-sizing: border-box;   outline: none;   font-family: Wigrum, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;   color: #888;   font-weight: 100; } .VYVAudio {   display: block;   overflow: hidden;   margin: 2rem auto;   border: 1px solid #ddd;   background-color: #ebeaea;   width: 75%; } .VYVAudio:after {   content: " ";   display: block;   width: 100%;   clear: both; } .VYVAudio--ui {   position: relative;   width: 100%;   min-height: 350px;   display: none; } .VYVAudio--status-bar {   width: 100%;   z-index: 1;   position: absolute;   padding: 0 2rem 2rem 2rem;   bottom: 0px; } .VYVAudio--details {   display: none; } .VYVAudio--status-bar:after {   content: " ";   display: block;   width: 100%;   clear: both; } .VYVAudio--controls {   width: 100%;   background: #fafafa;   border-top: 1px solid #ddd; } .VYVAudio--controls:after {   content: " ";   display: block;   width: 100%;   clear: both; } .VYVAudio--controls ul {   display: table;   overflow: hidden;   width: 100%; } .VYVAudio--controls ul:after {   content: " ";   display: block;   width: 100%;   clear: both; } .VYVAudio--controls li {   position: relative;   width: 33.3333%;   height: 5rem;   line-height: 5rem;   float: left;   list-style: none; } .VYVAudio--control {   position: relative;   overflow: hidden;   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: transparent;   border: 0; } .VYVAudio--control span {   position: absolute;   display: table;   height: 15px;   top: 50%;   left: 50%;   -webkit-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   overflow: hidden; } .VYVAudio--control span:before, .VYVAudio--control span:after {   display: block;   content: " ";   height: 0;   float: left;   border-color: transparent;   border-style: solid; } .VYVAudio--control:active {   background: #f5f5f5; } .VYVAudio--control-prev span:before, .VYVAudio--control-prev span:after, .VYVAudio--control-next span:before, .VYVAudio--control-next span:after, .VYVAudio--control-play span:before, .VYVAudio--control-play span:after {   border-top: 7.5px solid transparent;   border-bottom: 7.5px solid transparent; } .VYVAudio--control-prev span:before, .VYVAudio--control-prev span:after {   border-right: 15px solid #ddd;   border-left: 0; } .VYVAudio--control-prev:active span:before, .VYVAudio--control-prev:active span:after {   border-right-color: var(--vyv-violet) !important; } .VYVAudio--control-next span:before, .VYVAudio--control-next span:after {   border-left: 15px solid #ddd;   border-right: 0; } .VYVAudio--control-next:active span:before, .VYVAudio--control-next:active span:after {   border-left-color: var(--vyv-violet) !important; } .VYVAudio--control-play span:before {   border-left: 15px solid #ddd;   border-right: 0; } .VYVAudio--control-play span:after {   display: none; } .VYVAudio--control-play:active span:before, .VYVAudio--control-play.active span:before {   border-left-color: var(--vyv-violet) !important; } .VYVAudio--control-pause span:before, .VYVAudio--control-pause span:after {   width: 5px;   height: 15px;   background: var(--vyv-violet);   border: 0; } .VYVAudio--control-pause span:before {   margin-right: 5px; } .VYVAudio--control-pause span:active:before, .VYVAudio--control-pause span:active:after, .VYVAudio--control-pause span.active:before, .VYVAudio--control-pause span.active:after {   background: #fff;   margin-right: 5px; } .VYVAudio--thumb {   position: absolute;   top: 0;   left: 0;   height: 100%;   width: 100%;   background-size: cover;   background-position: center center; } .VYVAudio--time {   display: table;   width: 100%; } .VYVAudio--time:after {   content: " ";   display: block;   width: 100%;   clear: both; } .VYVAudio--time * {   width: 50%;   display: block;   float: left;   color: #fff;   text-shadow: 0 1px 1px #000;   font-size: 0.9rem; } .VYVAudio--time-elapsed {   text-align: left; } .VYVAudio--time-total {   text-align: right; } .VYVAudio--details * {   color: #fff;   text-shadow: 0 1px 1px #000;   font-size: 1.2rem; } .VYVAudio--details *:first-of-type {   font-weight: bold; } .VYVAudio--details p {   width: 100%; } .VYVAudio--details p span {   display: block; } .VYVAudio--progress-bar {   margin: 1.33333rem 0; } .VYVAudio--progress-bar-wrapper {   width: 100%;   position: relative;   background: rgba(255, 255, 255, 0.3);   cursor: pointer;   border-radius: 10px;   overflow: hidden; } .VYVAudio--progress-bar-played {   height: 10px;   background: var(--vyv-violet);   position: relative;   border-radius: 10px; } .VYVAudio--progress-bar-pointer {   height: 10px;   width: 10px;   border-radius: 50%;   position: absolute;   right: 0;   background: #fff; } .VYVAudio--playlist {   background: #fff;   max-height: 320px;   overflow-y: scroll; } .VYVAudio--playlist::-webkit-scrollbar {   width: 7px;   height: 7px; } .VYVAudio--playlist::-webkit-scrollbar-track {   background: #fff;   padding: 1px; } .VYVAudio--playlist::-webkit-scrollbar-thumb {   background: #d5e3ec; } .VYVAudio--playlist::-webkit-scrollbar-thumb:hover {   background: var(--vyv-violet);   cursor: pointer; } .VYVAudio--playlist-item {   display: flex;   width: 100%;   padding: 1.33333rem 2rem;   align-items: center; } .VYVAudio--playlist-meta:hover {   cursor: pointer; } .VYVAudio--playlist-item.active {   background: var(--vyv-violet);   border-bottom-color: var(--vyv-violet); } .VYVAudio--playlist-item.active * {   color: #fff; } .VYVAudio--playlist-item:not(.active):hover {   background: #fafafa; } .VYVAudio--playlist-item:last-of-type {   border: 0;   margin-bottom: 0; } .VYVAudio--playlist-thumb {   margin-right: 0.66667rem; } .VYVAudio--playlist-thumb:after {   content: " ";   display: block;   width: 100%;   clear: both; } .VYVAudio--playlist-thumb img {   height: 64px;   margin-right: 0.5rem; } .VYVAudio--playlist-meta-track-name {   font-size: 1rem;   color: #000; } .VYVAudio--playlist-meta-track-artist {   font-size: 0.8rem; } .VYVAudio--controls li button span:before, .VYVAudio--controls li button span:after {   -webkit-transition: border-color 0.3s ease 0s;   transition: border-color 0.3s ease 0s; } .VYVAudio--thumb {   -webkit-transition: all 0.5s ease 0s;   transition: all 0.5s ease 0s; } .VYVAudio--progress-bar-played {   -webkit-transition: all 0.2s ease 0s;   transition: all 0.2s ease 0s; } .VYVAudio--playlist-item {   -webkit-transition: all 0.5s ease 0s;   transition: all 0.5s ease 0s; } .VYVAudio--playlist-item * {   -webkit-transition: all 0.3s ease 0s;   transition: all 0.3s ease 0s; } .intro-clip-report .player {   position: absolute;   left: 45%;   top: 38%; } .VYVAudio--playlist-item:hover {   cursor: pointer; } .intro-clip-report .player a:hover path#Fill-1 {   fill: #482683;   transition-duration: .5s;   transition-property: all; } .intro-clip-report .player a:hover path#Rectangle {   fill: #fff;   transition-duration: .5s;   transition-property: all; } @media (max-width: 991.98px) {   .VYVAudio--playlist-thumb img {     height: 3rem;     width: 3rem;   }   .VYVAudio--playlist-item {     padding: 1rem;   }   .VYVAudio--playlist-meta-track-name {     font-size: 0.7rem;   }   .VYVAudio--playlist-meta-track-artist {     font-size: 0.6rem;   }   .VYVAudio {     width: 100%;   } } .active.group-hover\:translate-y-0 {   transform: translateY(0);   visibility: visible;   opacity: 1; } .vlog-card {   position: relative;   display: flex;   flex-direction: column;   height: 100%;   padding: 1.5rem 1.25rem;   background-image: url("https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/vlog-shape.png");   background-repeat: no-repeat;   background-position: left bottom;   background-color: #fff;   background-size: 42%; } .vlog-card .vlog-logo {   margin-bottom: 2rem;   width: 100%; } .vlog-photo .vlog-detail img {   height: 265px; } .vlog-content {   display: flex;   flex-wrap: wrap; } .vlog-photo {   width: 50%; } .vlog-desc {   width: 50%;   padding: 0;   display: flex;   justify-content: center;   align-items: center; } .vlog-link a:hover .download-card-arrow, .vlog-link a:focus .download-card-arrow {   color: #009ec9; } .flex-article {   flex-direction: row-reverse; } .flex-article .press-header--item:first-child {   padding-right: 0; } .flex-article .press-header--item:last-child {   padding-right: 20px; } .offernavbar-title.menu-rapport-annuel-2021, .offernavbar-title.menu-rapport-annuel-2021:after {   max-width: 1290px; } @media (min-width: 992px) {   #nav-annual-report-2021.offer-navigation > li:last-child {     text-align: center;   } } .list-summary-cards .row {   justify-content: center;   align-items: center; } .card-picto {   background: #FFFFFF;   padding: 20px;   min-height: 172px;   border: 1px solid #ece9ea;   justify-content: space-between;   display: flex;   flex-direction: column;   align-items: center;   -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -ms-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; } .card-picto--img {   background: #f2f4f8;   border-radius: 50%;   padding: 15px; } .card-picto--img img {   height: 50px; } .card-picto--title h3 {   margin: 0;   min-height: 52px;   display: flex;   text-align: center;   justify-content: center;   align-items: center; } .card-picto--title h3 a {   color: #482683;   font-weight: bold;   -webkit-transition: color .15s cubic-bezier(.22, .61, .36, 1);   -o-transition: color .15s cubic-bezier(.22, .61, .36, 1);   transition: color .15s cubic-bezier(.22, .61, .36, 1); } .card-picto--title h3 a:hover {   color: #00c1dc; } .card-picto--title {   margin-top: 1rem; } .card-picto:hover {   transform: translateY(-1px);   box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%), 0 8px 16px -8px rgb(0 0 0 / 30%), 0 -6px 16px -6px rgb(0 0 0 / 3%); } .section-bloc-summary-pictos .list-summary-cards {   background: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/summary.svg) no-repeat center center;   background-size: contain;   padding-top: 60px;   padding-bottom: 60px; } .section-bloc-sommaire .hover-link {   padding-left: 36px; } .section-bloc-sommaire #hoverList {   margin-left: 1.5rem; } .section-bloc-sommaire .hover-link:before {   display: none; } .section-bloc-sommaire .summary-imgs {   position: relative; } .section-bloc-sommaire .summary-imgs:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDI4NC4xOCAyMDEuNTIiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iRMOpZ3JhZMOpX3NhbnNfbm9tXzUiIHgxPSIxNDkuMDciIHkxPSIxNjcuODUiIHgyPSI0MTQuMTkiIHkyPSIxNjcuODUiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMTYgLTE5Mi4wNikgcm90YXRlKDMzLjkpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTQyMzEyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmQwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgaWQ9IkNhbHF1ZV8xLTIiPjxwYXRoIGQ9Ik0yNzQuMjYsODAuNzhjLTE1LjMtMjAuMTYtNDkuOTQtMjcuNjMtODMuMi0xOS42NiwyMC43Ni0xOS45MSwyMC4zNy0zNy4yNiwxMy42OS00NS41NS0xLjkxLTIuMzgtNC4wNC00LjMzLTYuMzUtNS44OC0yNC45LTE2Ljc0LTcwLjcyLDEzLjA1LTk3LjM5LDUwLjE1LDEwLjQ5LTIwLjk4LDEyLjQ1LTM1LjQ5LDYuMjktNDUuOTZDOTEuNjktMTIuNjcsNDIuMTgtMi4yLDExLjU3LDU0LjYxYy0yMy45LDQ0LjM1LTguNzUsOTEuNTQsMjYuODcsMTE5LjA4LDk3Ljk4LDc1Ljc3LDI5MS42NS0xOS4zNCwyMzUuODEtOTIuOTEiIHN0eWxlPSJmaWxsOnVybCgjRMOpZ3JhZMOpX3NhbnNfbm9tXzUpOyIvPjwvZz48L3N2Zz4=");   width: 284px;   height: 202px;   position: absolute;   top: -85px;   right: -60px;   z-index: -1; } .section-bloc-sommaire .hover-link:after {   content: '';   height: 100%;   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgMjguMjggMjYuOTgnPjxnIGlkPSdDYWxxdWVfMS0yJz48cGF0aCBkPSdNMTQuMTQsMEM1LjY5LDAsMCw1LjM2LDAsMTMuNDlzNS41MywxMy40OSwxNC4xNCwxMy40OSwxNC4xNC01LjM2LDE0LjE0LTEzLjQ5UzIyLjc1LDAsMTQuMTQsMFonIHN0eWxlPSdmaWxsOiM0NzI2ODI7Jy8+PHBhdGggZD0nTTExLjU2LDUuMzNsLS4zNi4wM2MtMS4zNi4xMi0yLjMyLjY2LTIuNjQsMS40OS0uMTUuMzktLjI3LDEuMTYuNTUsMi4wMmw2LjE0LDQuNjItNi4xLDQuNTgtLjA2LjA1Yy0uODEuODUtLjY4LDEuNjItLjU0LDIuMDEuMzEuODMsMS4yNywxLjM3LDIuNjQsMS40OWwuMzYuMDMsOS4zOS04LjE2TDExLjU2LDUuMzNaJyBzdHlsZT0nZmlsbDojZmZmOycvPjwvZz48L3N2Zz4=");   background-repeat: no-repeat;   background-position: 0 12px;   background-size: 28px;   width: 30px;   position: absolute;   left: 0;   top: 0; } .section-bloc-sommaire .hover-link:hover:after {   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgMjguMjggMjYuOTgnPjxnIGlkPSdDYWxxdWVfMS0yJz48cGF0aCBkPSdNMTQuMTQsMEM1LjY5LDAsMCw1LjM2LDAsMTMuNDlzNS41MywxMy40OSwxNC4xNCwxMy40OSwxNC4xNC01LjM2LDE0LjE0LTEzLjQ5UzIyLjc1LDAsMTQuMTQsMFonIHN0eWxlPSdmaWxsOiMwMDc0YjA7Jy8+PHBhdGggZD0nTTExLjU2LDUuMzNsLS4zNi4wM2MtMS4zNi4xMi0yLjMyLjY2LTIuNjQsMS40OS0uMTUuMzktLjI3LDEuMTYuNTUsMi4wMmw2LjE0LDQuNjItNi4xLDQuNTgtLjA2LjA1Yy0uODEuODUtLjY4LDEuNjItLjU0LDIuMDEuMzEuODMsMS4yNywxLjM3LDIuNjQsMS40OWwuMzYuMDMsOS4zOS04LjE2TDExLjU2LDUuMzNaJyBzdHlsZT0nZmlsbDojZmZmOycvPjwvZz48L3N2Zz4="); } .section-report-2021-bloc-edito h2 {   margin-bottom: 0; } .page-agir-ensemble-pour-reussir section#edito, .page-agir-ensemble-pour-reussir section#chiffres, .page-soins-et-accompagnement-2021 section#soins-accompagnement-raison-etre, .page-actif-dans-nos-investissements section#actif-investissements-slider, .page-se-projeter-pour-reinventer-demain section#se-projeter-pour-reinventer-demain-conclusion, .page-engagement-1-preserver-le-capital-sante section#prevention-li5f {   min-height: auto; } section#pacte-gouvernance-renforcee .list-style--format h3, section#bureau-elargi-implique .list-style--format h3, section#commissions-comites-administration .list-style--format h3, section#sante-assurance-capitale .list-style--format h3, section#epargne-preparer-avenir .list-style--format h3, section#regionalisation-faciliter-logiques .list-style--format h3, section#synergies-systemes-information .list-style--format h3, section#ambassadeur-mon-espace-sante .list-style--format h3, section#pres-fonds-dedies .list-style--format h3, section#grand-age-autonomie .list-style--format h3, section#favoriser-autonomie .list-style--format h3, section#usetech-lab .list-style--format h4, section#cowork-hit-kerpape .list-style--format h4 {   margin-top: 0; } section#assurance-catherine-touvrey {   padding-top: 0; } section#vyv-2025-ambition-forte h2.title-h2 {   margin-bottom: 0; } section#vyv-2025-ambition-forte .mb-4 {   margin-bottom: 0; } section#impacter-pour-renforcer-notre-identite-engagement {   padding-top: 0;   padding-bottom: 0; } section#se-projeter-pour-reinventer-demain-axe {   padding-top: 2rem;   padding-bottom: 2rem; } @media (min-width: 992px) {   #menu-menu-secondaire {     background: var(--vyv-violet);     padding: 10px;     color: #fff;     font-size: 13px;   }   #mainNav {     padding-top: 0;   }   .navbar--top-menu {     padding-bottom: 1rem;   } }  .page-content--default table caption, .section-bloc-texte-simple table caption {   border: 1px solid #ccc;   border-bottom: 0; } #tarteaucitronRoot .tac_visually-hidden {   display: none; } .navbar-accessibilite .btn--accessibilite svg {   flex: 1; } .contrast-vyv .mtsnb .mtsnb-hide {   background-color: transparent !important; } .contrast-vyv .mtsnb .mtsnb-hide span {   background-color: transparent !important; } .bloc-slider-sur-une-ligne--asterisque {   color: #878786;   font-style: italic;   font-size: .9rem;   font-weight: 500;   padding-bottom: 3em; } .keyfigures-slider-container.with-asterisque {   padding-bottom: 0; } .section-entete-page-bloc-citation-portrait .quote-content p {   display: inline;   font-weight: 300; } .section-entete-page-bloc-citation-portrait .blockquote {   background-color: transparent;   font-size: 1.2rem;   padding-top: 0; } .section-entete-page-bloc-citation-portrait h2 {   margin-bottom: 0; } .section-entete-page-bloc-citation-portrait {   padding-top: 2rem; } .section-entete-page-bloc-citation-portrait h1.title-h1 {   font-size: 2.5rem; } .list-style--format ul li a {   color: #482683;   text-decoration: underline;   -webkit-transition: color .15s cubic-bezier(.22, .61, .36, 1);   -o-transition: color .15s cubic-bezier(.22, .61, .36, 1);   transition: color .15s cubic-bezier(.22, .61, .36, 1); } .section-entete-page-visuel-pleine-largeur .entete-visuel--img {   width: 100%;   max-height: 300px; } .section-entete-page-visuel-pleine-largeur .entete-visuel--img img {   max-height: 100%; } #nav-annual-report-2022.offer-navigation > li:last-child {   text-align: left; } #nav-annual-report-2022.offer-navigation {   font-weight: 400;   font-size: 1em; } #nav-annual-report-2022.offer-navigation > li {   text-align: left; } #nav-annual-report-2022.offer-navigation > li:first-child {   padding-right: 1rem; } .report-2022-bloc-edito .sub-title {   color: #482683; } .report-2022-bloc-edito .blockquote {   background: transparent;   color: #482683; } .report-2022-bloc-edito .blockquote p {   display: inline; } .section-report-2022-bloc-liens {   background: #82358B; } .list--liens {   display: flex;   flex-direction: column;   align-items: center;   padding: 0;   gap: 15px; } .report-2022-bloc-liens ul li a {   color: #fff;   font-size: 1.8rem; } .report-2022-bloc-liens ul li a:hover {   color: #007C9E; } .intro-clip-report-2022 {   position: relative; } .player-report svg.icon {   position: absolute;   left: 45%;   top: 38%; } .player-report a:hover path#Fill-1 {   fill: #482683;   transition-duration: .5s;   transition-property: all; } .player-report a:hover path#Rectangle {   fill: #fff;   transition-duration: .5s;   transition-property: all; } .report-overshape-left {   position: absolute;   bottom: -18px;   left: -4%;   z-index: 5;   display: block;   transform: rotate(-1.99deg);   width: 128px; } .report-overshape-right {   position: absolute;   top: -11%;   right: -7%;   z-index: 5;   display: block;   width: 134px;   transform: rotate(22deg); } .section-report-2022-bloc-sliders {   position: relative; } .section-report-2022-bloc-sliders:before {   content: '';   background: #482683;   width: 100%;   position: absolute;   left: 0;   right: 0;   top: 0;   bottom: 42.47%;   z-index: -1; } .section-report-2022-bloc-sliders:after {   content: '';   background: #EDEDED;   position: absolute;   left: 0;   right: 0;   top: 51.53%;   bottom: 0;   z-index: -1; } .home-report.page-rapport-activites-2022 .offernavbar {   background: #482683; } .slide-tilte .title {   font-weight: 700;   font-size: 3.5rem;   line-height: 3.5rem;   color: #FFFFFF; } .shapo-slide {   font-style: normal;   font-weight: 400;   font-size: 1.5rem;   line-height: 1.5rem;   display: flex;   align-items: center;   color: #482683;   position: absolute;   left: 50px;   top: 74%; } .slide-tilte {   position: relative;   padding-left: 50px;   padding-top: 25px; } .slide-tilte .aquarelle {   position: absolute;   left: 4px;   top: 0;   max-width: 160px;   z-index: -1; } .report-slider-container {   position: relative; } .report-slider-container .tns-outer {   position: relative; } .report-slider-container .tns-outer .tns-controls [aria-controls] {   display: block;   border: none;   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23472783' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E");   background-repeat: no-repeat;   background-color: transparent;   background-position: 50% 50%;   background-size: 100% 100%;   width: 30px;   height: 30px;   position: absolute;   top: 60%;   z-index: 30;   transform: translateY(-50%);   transition: all .2s ease-in-out; } .report-slider-container .tns-outer .tns-controls [data-controls=prev] {   transform: translateY(-50%) rotate(180deg);   left: -5%; } .report-slider-container .tns-outer .tns-controls [data-controls=next] {   right: -5%; } .report-slider-container .tns-outer .tns-controls [aria-controls]:hover, .report-slider-container .tns-outer .tns-controls [aria-controls]:focus {   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2382358C' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E") } .report-slider-container .tns-outer .tns-nav {   position: absolute;   z-index: 15;   bottom: -6%;   right: 0;   width: 50%;   text-align: right;   display: flex;   align-items: center;   justify-content: center; } .report-slider-container .tns-outer .tns-nav [aria-controls] {   width: 10px;   height: 10px;   margin: 0 5px;   border: none;   border-radius: 50%;   padding: 0;   background-color: var(--vyv-violet);   opacity: .5;   transition: all .2s ease-in-out; } .report-slider-container .tns-outer .tns-nav [aria-controls].tns-nav-active {   opacity: 1; } .budge-ra {   position: absolute;   right: -83px;   z-index: 2;   top: -40px; } .page-droit-a-la-sante .section-bloc-texte-image {   background: #fff; } .section-bloc-preuves .title-h2 {   margin-bottom: 15px; } .section-bloc-preuves .row {   margin: 0; } #nav-annual-report-2022.offer-navigation > li div > a {   padding: 0.5rem 1rem; } .section-entete-page-bloc-citation-portrait .citation_quote .blockquote .icon-quote-start {   height: 30px;   top: -7px; } .section-entete-page-bloc-citation-portrait .citation_quote .blockquote .icon-quote-end {   height: 30px;   top: 8px; } .tns-outer [data-action="stop"], .tns-outer [data-action="start"] {   display: none; }  .page-id-21889 section#activite-developpee .list-style--format {   width: 100%; } .page-id-21889 section#activite-developpee {   padding-top: 0; } .page-id-21889 section#harmonie-ambulance .list-style--format {   width: 100%; } .page-id-21889 section#harmonie-ambulance {   padding-top: 0; } .page-id-21889 section#thematiques-protection .list-style--format {   width: 100%; } .page-id-21889 section#prise-en-charge .list-style--format, .page-id-21918 section#dansnosmetiers .list-style--format, .page-id-21918 section#petite-enfance .list-style--format, .page-id-21918 section#petite-enfance .list-style--format, .page-id-21918 section#vyv-3-souhaite-faire .list-style--format, .page-id-21918 section#demarche-globale .list-style--format, .page-id-22035 section#communaute-intervenants .list-style--format, .page-id-22035 section#dispositif-national .list-style--format, .page-id-22035 section#travaux-structurants .list-style--format, .page-id-22035 section#certifications-labellisations .list-style--format, .page-id-22035 section#proximite-labellisee .list-style--format, .page-id-22035 section#engagement-de-service-delivre-par-lafnor .list-style--format, .page-id-22038 section#cinq-leviers-prioritaires .list-style--format, .page-id-22038 section#parmi-les-actions-emblematiques .list-style--format, .page-id-22038 section#renforcement-par-mgen .list-style--format, .page-id-22038 section#initiative-du-groupe-clap .list-style--format, .page-id-22038 section#organisation-par-la-drh-groupe .list-style--format, .page-id-22038 section#sur-ensemble-de-vyv3 .list-style--format, .page-id-22038 section#repenser-la-panoplie-rh .list-style--format, .page-id-22038 section#organisation-de-rencontres .list-style--format, .page-id-22038 section#promotion-par-la-drh-groupe .list-style--format, .page-id-22039 section#poursuivre-le-deploiement-de-notre-marque .list-style--format, .page-id-22045 section#pour-completer-les-travaux .list-style--format, .page-id-22049 section#davantage-defficacite .list-style--format, .page-id-22051 section#les-deux-premiers .list-style--format, .page-id-22052 section#consentir-des-investissements .list-style--format, .page-id-22052 section#une-cartographie-detaillees .list-style--format, .page-id-22054 section#les-conclusions-de-audit .list-style--format, .page-id-22055 section#plan-equilibre-2023-vyv3 .list-style--format, .page-id-22055 section#les-cooperations-renforcees .list-style--format, .page-id-22055 section#avec-groupe-arcade-vyv .list-style--format, .page-id-21940 section#la-prevention-enjeu-strategique .list-style--format, .parent-pageid-21850 section#les-metiers-de-certaines-mutuelles .list-style--format, .page-id-21987 section#les-metiers-de-certaines-mutuelles .list-style--format, .page-id-21940 section#sante-mentale-briser-les-tabous .list-style--format, .page-id-21940 section#au-sein-des-maisons-du-groupe-vyv .list-style--format, .page-id-21940 section#etre-aux-cotes-des-entrepreneurs .list-style--format, .page-id-21940 section#dans-les-etablissements-et-services-medico-sociaux .list-style--format, .page-id-21940 section#la-prevention-des-le-plus-jeune-age .list-style--format, .page-id-21940 section#sengager-au-service-de-la-sante-de-territoires .list-style--format, .page-id-21940 section#cette-simulation-virtuelle .list-style--format, .page-id-21940 section#autre-evenement-media-dampleur-en-2022 .list-style--format, .page-id-21949 section#se-doter-dune-strategie-climat .list-style--format, .page-id-21949 section#quatre-grands-principes .list-style--format, .page-id-21949 section#repondre-a-la-crise-energetique .list-style--format, .page-id-21964 section#le-fonctionnement-interne-du-groupe-vyv .list-style--format, .page-id-21964 section#temps-fort-annuel-la-promotion-less .list-style--format, .page-id-21964 section#lors-du-sommet-europeen-en-mai-2022 .list-style--format, .page-id-21967 section#vyv-solidaires-une-nouvelle-association .list-style--format, .page-id-21967 section#les-fondations-posees .list-style--format, .page-id-21967 section#le-defy-alors-on-bouge .list-style--format, .page-id-21967 section#mutualistes-sans-frontieres .list-style--format, .page-id-21967 section#diplome-equivalent-au-bts-francais .list-style--format, .page-id-21967 section#les-metiers-de-certaines-mutuelles .list-style--format, .page-id-21994 section#resultat-170-nouvelles .list-style--format, .page-id-21994 section#ameliorer-la-prevoyance-des-actifs .list-style--format, .page-id-21994 section#digitaliser-et-faire-vivre-nos-offres .list-style--format, .page-id-21994 section#montee-en-puissance-de-lampps .list-style--format, .page-id-21994 section#en-matiere-dassurance-vie .list-style--format, .page-id-21994 section#la-sante-et-la-prevoyance .list-style--format, .page-id-21994 section#liard-tous-biens-assures .list-style--format, .page-id-21994 section#une-offre-de-protection-juridique .list-style--format, .page-id-22007 section#un-atelier-de-reflexion .list-style--format, .page-id-22010 section#des-discussions-et-des-plans .list-style--format, .page-id-22010 section#linnovation-se-fait-entendre-et-se-voit .list-style--format, .page-id-22010 section#ameliorer-lexperience-client .list-style--format, .page-id-22017 section#une-large-mediatisation-du-label .list-style--format, .page-id-22017 section#premieres-labellisations .list-style--format, .page-id-22049 section#ameliorer-sa-performance .list-style--format, .page-id-22038 section#les-equipes-ressources-humaines .list-style--format, .page-id-21918 section#parents-en-situation-handicap .list-style--format {   width: 100%; } .page-id-21918 section#structuration-reseau-ambassadeurs .list-style--format h4, .page-id-22035 section#proximite-labellisee .list-style--format h4, .page-id-22036 section#une-implication-massive .list-style--format h3, .page-id-22038 section#levier-2 .list-style--format h4, .page-id-22038 section#levier-4 .list-style--format h4, .page-id-22038 section#levier-1 .list-style--format h4, .page-id-22038 section#levier-3 .list-style--format h4, .page-id-22038 section#levier-5 .list-style--format h4, .page-id-22038 section#des-premieres-reponses-concretes .list-style--format h4, .page-id-22038 section#attirer-et-fideliser .list-style--format h3, .page-id-21949 section#se-doter-dune-strategie-climat .list-style--format h3, .page-id-22050 section#un-observatoire-des-bonnes-pratiques .list-style--format h3, .page-id-22049 section#des-gains-sur-nos-systemes-dinformation .list-style--format h3, .page-id-21949 section#promotion-des-ecogestes-chez-vyv3 .list-style--format h3, .page-id-21964 section#acteur-et-soutien-de-less .list-style--format h3, .page-id-21964 section#un-nouveau-partenariat-de-valeurs .list-style--format h3, .page-id-21967 section#le-defy-alors-on-bouge .list-style--format h3, .page-id-21967 section#mutualistes-sans-frontieres .list-style--format h3, .page-id-21994 section#etre-ou-ne-pas-etre-imprevoyant .list-style--format h3, .page-id-21994 section#montee-en-puissance-de-lampps .list-style--format h3, .page-id-22007 section#vyv-3-innove-dans-le-maintien .list-style--format h3, .page-id-22007 section#la-solution-du-virage-domiciliaire .list-style--format h3, .page-id-22017 section#mon-logement-sante .list-style--format h3, .page-id-22045 section#une-ambition-commune .list-style--format h3, .page-id-21940 section#le-sport-sante .list-style--format h3, .page-id-21994 section#un-choix-doffres-pour-preparer-sa-retraite .list-style--format h4, .page-id-21994 section#une-couverture-pour-les-professionnels .list-style--format h4, .page-id-21994 section#lepargne-penser-a-lavenir .list-style--format h4, .page-id-21994 section#lassurance-habitation-aussi .list-style--format h4, .page-id-22010 section#faciliter-lacces-aux-aides-auditives .list-style--format h4, .page-id-21918 section#repenser-offre-ehpad .list-style--format h4 {   margin-top: 0; } .page-id-22010 section#lunettes-porte.big-image {   min-height: 750px; } .page-id-21862 section#quatre-axes-strategiques #hoverImage, .page-id-21938 section#developper-notre-empreinte-mutualiste #hoverImage, .page-id-21971 section#renforcer-notre-identite #hoverImage {   width: 432px;   height: 375px; } .page-id-21968 section#accelerer-notre-developpement #hoverImage, .page-id-21970 section#ameliorer-notre-performance #hoverImage {   width: 530px;   height: 450px; } .page-id-21918 section#dansnotreorganisation .list-style--format {   width: 100%; } .page-id-22036 section#objectifs-application-mobile, .page-id-22017 section#plaquette-mon-logement-sante {   padding-top: 0; } .page-id-22039 section#ce-positionnement-fort, .page-id-21967 section#vyv-solidaires-engager-individuellement, .page-id-21994 section#la-couverture-prevoyance-des-francais {   padding-top: 0; } section#reseau-revu-2022 .pos--left {   margin-top: 0; } section#personne-deficiente-visuelle, .page-id-21940 section#psiit-un-dispositif-dedie {   padding: 0; } .page-id-21918 section#autres-etablissements .pos--right, .page-id-21918 section#autres-etablissements .pos--right {   margin-top: 0; } .page-id-21918 section#parents-horaires-atypiques .regular-slider-container, .page-id-22038 section#levier-1 .regular-slider-container, .page-id-22038 section#levier-2 .regular-slider-container, .page-id-22038 section#levier-4 .regular-slider-container, .page-id-22038 section#attirer-et-fideliser .regular-slider-container, .page-id-22038 section#des-premieres-reponses-concretes .regular-slider-container, .page-id-22051 section#exploitation-des-donnees-un-actif-strategique .regular-slider-container, .page-id-22052 section#la-mise-en-oeuvre-de-lambition .regular-slider-container, .page-id-22052 section#travaux-aboutis-en-2022 .regular-slider-container, .page-id-22054 section#reseau-vyv-dentaire .regular-slider-container, .page-id-22055 section#le-developpement-de-synergies .regular-slider-container, .page-id-22055 section#autre-exemple-de-cooperation .regular-slider-container, .page-id-22050 section#un-observatoire-des-bonnes-pratiques .regular-slider-container, .parent-pageid-21850 section#les-metiers-de-certaines-mutuelles .regular-slider-container, .page-id-21918 section#structuration-reseau-ambassadeurs .regular-slider-container, .page-id-21918 section#handicap-moteur-ou-sensoriel .regular-slider-container, .page-id-21940 section#deux-atouts-majeurs .regular-slider-container, .page-id-21940 section#favoriser-le-rapprochement-des-acteurs-du-sport .regular-slider-container, .page-id-21940 section#vyv3-deploie-de-nombreuses-actions .regular-slider-container, .page-id-21964 section#un-nouveau-partenariat-de-valeurs .regular-slider-container, .page-id-21964 section#acteur-et-soutien-de-less .regular-slider-container, .page-id-21967 section#vyv-solidaires-une-nouvelle-association .regular-slider-container, .page-id-21967 section#creation-de-lassociation .regular-slider-container, .page-id-21967 section#association-vyv-solidaires-en-2022 .regular-slider-container, .page-id-22035 section#etablissement-mgen .regular-slider-container, .page-id-21967 section#la-reforme-de-la-protection-sociale .regular-slider-container, .page-id-21994 section#lepargne-penser-a-lavenir .regular-slider-container, .page-id-21994 section#etre-ou-ne-pas-etre-imprevoyant .regular-slider-container, .page-id-21994 section#un-choix-doffres-pour-preparer-sa-retraite .regular-slider-container, .page-id-21994 section#une-couverture-pour-les-professionnels .regular-slider-container, .page-id-22017 section#emission-sante-hebdomadaire .regular-slider-container, .page-id-22035 section#secteur-medico-social .regular-slider-container, .page-id-22036 section#nouveaute-egalement .regular-slider-container, .page-id-21967 section#mutualistes-sans-frontieres .list-style--format h3, .page-id-21994 section#bonne-couverture-sante .column-1.mb-6, .page-id-22017 section#un-facteur-cle-de-la-sante .column-1.mb-6, .page-id-22017 section#le-groupe-arcade-vyv-ambitionne .column-1.mb-6, .page-id-22010 section#ecouter-voir-palmares-2022 .column-1.mb-6 {   margin-bottom: 0; } .page-id-22038 section#levier-1, .page-id-22038 section#levier-3, .page-id-22038 section#levier-5, .page-id-22038 section#levier-4, .page-id-22038 section#attirer-et-fideliser, .page-id-22038 section#des-premieres-reponses-concretes, .page-id-22050 section#un-observatoire-des-bonnes-pratiques, .page-id-22049 section#des-gains-sur-nos-systemes-dinformation, .page-id-22038 section#levier-2 {   margin-top: 15px; } .page-id-22038 section#organisation-de-rencontres {   margin-bottom: 15px; } .page-id-21918 section#des-logements-plus-inclusifs, .page-id-21940 section#le-sport-sante, .page-id-21949 section#promotion-des-ecogestes-chez-vyv3, .page-id-21964 section#un-nouveau-partenariat-de-valeurs, .page-id-21987 section#la-reforme-de-la-protection-sociale, .page-id-21994 section#lepargne-penser-a-lavenir, .page-id-21994 section#un-choix-doffres-pour-preparer-sa-retraite, .page-id-21994 section#lassurance-habitation-aussi, .page-id-21994 section#une-couverture-pour-les-professionnels, .page-id-22007 section#vyv-3-innove-dans-le-maintien, .page-id-22017 section#mon-logement-sante, .page-id-22045 section#une-ambition-commune, .page-id-22036 section#nouveaute-egalement {   margin-top: 25px; } .embed-responsive {   background-image: var(--background);   background-size: cover;   background-position: 0;   background-repeat: no-repeat; } .embed-responsive .icon {   display: none; } .embed-responsive .icon.thumbnail-video--play {   display: block;   position: absolute;   color: #482683;   left: 45%;   top: 28%;   z-index: 9; } .embed-responsive .icon.thumbnail-video--play:hover {   cursor: pointer;   color: var(--vyv-bleu-fonce);   transition: all .3s; } .blockquote.blockquote-vlog {   background: transparent;   color: #fff; } .blockquote-vlog .quote-content p {   display: inline; } .citation_quote .blockquote.blockquote-vlog .icon-quote-start, .citation_quote .blockquote.blockquote-vlog .icon-quote-end {   fill: #fff; } .video-vlog {   width: 45%;   margin-top: -12.3rem } .video-vlog .image-corner:before {   display: none; } .actu-date, .actu-entity {   color: var(--vyv-violet);   transition-property: background-color, border-color, color, fill, stroke;   transition-duration: .2s;   transition-timing-function: cubic-bezier(.4, 0, 1, 1);   margin-top: 0;   font-size: .75rem;   font-weight: 500;   margin-bottom: 0;   opacity: .5; } .actu-video .actu-date, .actu-video .actu-entity {   color: #fff; } .actu-surtitle {   margin-bottom: 0; } .bloc-texte-image--element .simple-picture {   max-width: 450px;   margin-bottom: 0.5rem;   position: relative; } .moment--big .moment__pic:after {   display: none; } .moment--big .moment__content {   position: relative;   padding: 10px; } .moment--big .moment__content:before {   content: "";   background-color: #43484f;   opacity: .7;   position: absolute;   top: 0;   left: 0;   z-index: 1;   width: 100%;   height: 100%; } .moment--big .moment__excerpt {   margin-bottom: 0; } .moment__link *, .moment-flex .moment:hover {   transition-duration: .3s;   transition-property: all; } .moment__link:hover .icon {   fill: #00c1dc; } .moment-flex .moment:hover .moment__footer svg {   fill: #00c1dc; } .contrast-vyv .moment--big .moment__pic:after {   content: "";   background-color: #43484f;   opacity: .9;   position: absolute;   top: 0;   left: 0;   z-index: 1;   display: block; } .contrast-vyv .moment--big .moment__content:before {   display: none; } .contrast-vyv .moment-flex .moment__pic:after {   opacity: .9; } .meat--txt {   padding-bottom: 2rem;   position: relative; } .meat--to-top button {   display: block;   cursor: pointer;   color: #FFFFFF;   transition: all .2s ease-in-out; } .meat--to-top {   position: absolute;   right: -6rem;   bottom: -1.2rem; } .meat--to-top button svg {   transition: all .2s ease-in-out;   transform: rotate(270deg); } .meat--to-top button:hover {   color: #00c1dc; } .vlog--title {   background-color: #eae8e9;   text-align: center;   border: 1px solid #ddd;   padding: 5px 0; } .vlog--title h1 {   margin: 0; } .vlog--title span {   color: var(--vyv-violet);   font-weight: bold; } .actus-title--vlog {   line-height: 0.5; } .actus-title--vlog span {   font-weight: 500;   color: #878786;   font-size: 16px; } .footer-copyright {   display: flex;   flex-wrap: wrap;   flex-direction: row;   justify-content: space-between; } .carbonbadge .carbonbadge--details a {   border-radius: 0 0.3em 0.3em 0;   background: #00c1dc;   color: #fff;   font-weight: 700;   padding: 0.34em 0.5em;   border: 0.13em solid #00c1dc;   border-left: 0; } .carbonbadge .carbonbadge--details .carbonbadge--val {   border: 0.13em solid #00c1dc;   border-radius: 0.3em 0 0 0.3em;   padding: 0.3em 0.5em;   border-right: 0; } .carbonbadge--pourcentage {   text-align: center;   width: 100%;   display: block; } .actu-info {   display: flex;   justify-content: space-between;   flex-wrap: wrap;   margin-bottom: 0.25rem; } .actu-entity {   background-color: #d9d9d9;   padding: 0 5px; } .actu-video .actu-entity {   background-color: #494747; } .thumbnail-video--link:focus-visible {   display: block;   position: relative; } .intro {   position: relative;   z-index: 1;   width: 100%;   height: 100vh;   display: flex;   justify-content: center;   align-items: center; } .content-intro {   position: absolute; } .return-button-intro {   padding-left: 1rem;   padding-right: 1rem; } .align-center-button-intro {   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   z-index: 1001;   text-align: center; } .align-right-button-intro {   position: fixed;   top: 20px;   right: 20px;   transform: none;   z-index: 1001;   text-align: right; } .section-partners-vyv-intro {   position: relative;   bottom: 0;   left: 50%;   transform: translateX(-50%);   width: 100%;   text-align: center;   z-index: 1001; } .background-video-intro {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   overflow: hidden; } .background-video-intro iframe {   top: 0;   left: 0;   width: 100%;   height: 100%;   z-index: 0; } .background-video-intro.video_intro_upload {   position: relative; } .imported_video_intro {   width: 100%;   height: auto;   min-height: 100%;   min-width: 100%;   object-fit: cover; } .background-image-intro {   position: relative;   background-size: cover;   background-position: center;   background-repeat: no-repeat;   width: 100%;   height: 100%; } .background-image-intro > .overlay-intro {   height: 100%; } .animation-zoom-in {   animation-name: zoomIn;   animation-duration: 2s; } #video-intro::-webkit-media-controls-panel {   background-image: linear-gradient(transparent, transparent) !important; } .intro-vyv-logo {   justify-content: center; } .animation-slide-in {   animation-name: slideIn;   animation-duration: 0.5s;   animation-timing-function: ease-out; } .intro-vyv .mtsnb-show {   display: none; } .related-definitions {   display: flex;   flex-wrap: wrap;   gap: 20px;   margin-top: 20px; } .related-definition {   background-color: #f9f9f9;   padding: 20px;   width: calc(50% - 15px); } .related-definition .title-h4 a {   -webkit-transition: all 0.3s ease;   -moz-transition: all 0.3s ease;   -ms-transition: all 0.3s ease;   -o-transition: all 0.3s ease;   transition: all 0.3s ease; } .related-definition .title-h4 a:hover {   color: var(--vyv-bleu-fonce); } .intro-vyv--1 .intro-pic, .intro-vyv--2 .intro-pic, .intro-vyv--3 .intro-pic {   display: flex;   flex-wrap: wrap;   flex-direction: row;   justify-content: end;   position: relative; } .intro-vyv--1 .intro-pic:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDM4Ni4wNSAyOTEuMDgnPjxkZWZzPjxzdHlsZT4uYXF1YXJlbGxlLTN7ZmlsbDp1cmwoI2FxdWFyZWxsZS12ZXJ0LTIpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0nYXF1YXJlbGxlLXZlcnQtMicgeDE9JzE2ODguNTUnIHkxPScyMDY4LjExJyB4Mj0nMTk4OC40MycgeTI9JzIwNjguMTEnIGdyYWRpZW50VHJhbnNmb3JtPSd0cmFuc2xhdGUoMTI0NC4xNiAtMjQxOS40NCkgcm90YXRlKDYzLjg5KScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzFmODczYScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI2QzZGQ3OCcvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGNsYXNzPSdhcXVhcmVsbGUtMycgZD0nTTEzMi42NCwyMjguOTJjMTcuNTctMTYuMzUsMjAuMjEtMTcuMzgsMjguNDgtLjk1LDIwLjQsNDAuNTIsNTAuMDksNjkuMjYsNzIuMjMsNjEuOTgsMjMuMzgtNy42NywyOS4yMS00NS41OSwzMi43NC03MS40NCwxNi45OCwyMy4wNyw0NC4yNiwzMi41OCw1NS42MywyMy4wNCw4Ljg3LTcuNDMsMTIuOTEtMjYuMjUtNC44Mi01MS44OCw0Ni44NSwzMC4wOSw2NS43OSw4LjE1LDY4LjcyLTEyLjguMTgtMS4zMS4zLTIuNjIuMzctMy45MSwxLjg1LTM4Ljk0LTQyLjUtMjQuNzUtNDcuMzktMzMuMjQtLjk3LTEuNy0xLjMxLTQuNTEsMS44Ni04LjQyLDE1LjgtMTkuNTIsMTcuMTQtMzQuMDYsNy42Ny00My4xNC0xMS44MS0xMS4zMi00My45OC0zLjUxLTYwLjMsOS42OSwwLDAsNS44NC0yNC42NywxLjc4LTM4LjEtNS41OS0xOC40Ny0yNi44Mi0yMy42Ni03OS4xNiwxNS45Niw1LjA4LTM0LjY5LDUuMTItNjUuODktMTUuNi03My45NC0zNy4zOS0xNC41Mi02MC44LDY0LjM2LTExNC44OCw1NC43Ni0zOC4xNC02Ljc3LTY1LjMzLS4zOC03NS4wMywxOS44Ni0xNS41NiwzMi40Niw2LjI0LDY4LjMsNTYuOTUsODAuMjEtMTUuODYsNzkuNDUsMjQuNywxMTUuMTYsNzAuNzUsNzIuMycvPjwvc3ZnPg==");   background-repeat: no-repeat;   position: absolute;   bottom: -160px;   right: -135px;   height: 292px;   width: 386px;   z-index: 0; } .intro-vyv--2 .intro-pic:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDQxNi4xMiAzOTIuNDQnPjxkZWZzPjxzdHlsZT4uYXF1YXJlbGxlLTV7ZmlsbDp1cmwoI2FxdWFyZWxsZS1ibGV1LXNvY2xlKTt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9J2FxdWFyZWxsZS1ibGV1LXNvY2xlJyB4MT0nMCcgeTE9JzE5Ni4yMicgeDI9JzQxNi4xMicgeTI9JzE5Ni4yMicgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzAxNzViMScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI2E0ZDhlNicvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGNsYXNzPSdhcXVhcmVsbGUtNScgZD0nTTQxMS41NSwyMDAuMjVjLTE0LjY3LTM2LjctODAuMDItNTQuNzEtMTE0LjczLTE3LjEzLDI5LjM0LTMzLjgyLDQ2LjA2LTkyLjIzLDEyLjg2LTExMy41Mi0yMS0xMy40Ni01My4wOSwyLjc4LTc1LjA3LDMxLjY2QzIzNi45Miw0Ni42OSwyMTIuMzMsMCwxODguMTIsMCwxODYuMywwLDE4NC40Ny4yNywxODIuNjcuODFjLTE4Ljg1LDUuNzEtMzguNjQsNDQuOTUtMzcuMjYsODcuMzctMTIuNDEtMjMuNzItMzQuMDMtMzguNjYtNTIuNTUtMzcuNjEtMzYuMDEsMi4wNS02OS42Myw2My4yNywwLDExNy40LTQyLjU4LTE5LjQzLTEwOS4yMiw1Ljc2LTg5LjE4LDYyLjQsOS4wMSwyNS40Nyw0Mi42NSw0Ny4xOCw3Ny45MywzMC44Ny0zNi40OCwzOS45Ny0zNC41LDEwNy4zLTUuMjUsMTI1LjE4LDQyLjk3LDI2LjI2LDg4LjAxLTM4Ljc2LDEwMi42Ny05Mi42MiwxLjQxLDUwLjg2LDQyLjU0LDk5LjMsNzEuMDgsOTYuODQsNjIuMDctNS4zNSwzNS45Ny05My45NCwzNS45Ny05My45NCw3Ny4xMSwxNS45NCwxNDkuMTQtMzcuMjksMTI1LjQ4LTk2LjQ2Jy8+PC9zdmc+");   background-repeat: no-repeat;   position: absolute;   bottom: -166px;   right: -156px;   height: 392px;   width: 416px;   z-index: 0; } .intro-vyv--3 .intro-pic:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDM0NS40MSAzMjMuNzgnPjxkZWZzPjxzdHlsZT4uYXF1YXJlbGxlLTR7ZmlsbDp1cmwoI2FxdWFyZWxsZS1vcmFuZ2Utc29jbGUpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0nYXF1YXJlbGxlLW9yYW5nZS1zb2NsZScgeDE9JzEwMDcuNzInIHkxPScxNTY1LjE4JyB4Mj0nMTM0MC4wMycgeTI9JzE1NjUuMTgnIGdyYWRpZW50VHJhbnNmb3JtPSd0cmFuc2xhdGUoLTMzNi42OSAtMTc0My43NSkgcm90YXRlKDIxLjU5KScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nI2U0MjYxOCcvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI2ZmZGQwOCcvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGNsYXNzPSdhcXVhcmVsbGUtNCcgZD0nTTM0Mi45NSwxODAuMjhjMTguNjEtNTEuNjMtNzMuODQtODAuNy05Ni45OC0xODAuMjhDMTU0LjQ4LDExLjY2LDYyLjA5LTcuNjIsNDAuMiw0Mi4zN2MtMTMuOTYsMzEuODgsMTYuOCw1NC44OCw0Ni44Nyw1MS41Ny0yOC41OCwxNy4zMi01NC45Myw0Ni44NS03MC45OSw3NS44MS0yNi4yOSw0Ny40Mi0yNC45OCw5My4zNCwzOS4yOCw4MS43OCwyNy4yNy00LjksNTQuMDctMTIuMDksOTAuNDUsMi45NCw1NC4yNCwyMi40MSw1OS43Nyw4Mi45NSw5OC40Niw2Ni41MywzMS40MS0xMy4zMywzNi4wOS03Ny4yOCwyMi43Mi0xMzAuMTMsMzMuNTEsMjQuMzcsNjYuNjYsMTUuMjMsNzUuOTYtMTAuNTknLz48L3N2Zz4=");   background-repeat: no-repeat;   position: absolute;   bottom: -160px;   right: -135px;   height: 325px;   width: 345px;   z-index: 0; } .page-template-template-landing .section-bloc-slider-sur-une-ligne {   background: #F8F9F8;   margin-top: 2rem;   margin-bottom: 2rem; } .page-template-template-landing .section-bloc-slider-sur-une-ligne .key-image {   max-width: 95px; } .card-pillar--1 .card-pillar-pic-url:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDEyMC4zOSAxNDkuNTknPjxkZWZzPjxzdHlsZT4uYXF1YXJlbGxlLXNvYy1hc3N1cmFuY2V7ZmlsbDp1cmwoI2FxdWFyZWxsZS1zb2MtYXNzdXJhbmNlKTt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9J2FxdWFyZWxsZS1zb2MtYXNzdXJhbmNlJyB4MT0nLTE1NDAuMzknIHkxPScxMDM3JyB4Mj0nLTE0MTcuNzInIHkyPScxMDM3JyBncmFkaWVudFRyYW5zZm9ybT0ndHJhbnNsYXRlKDEyMjQuMjQgLTEzMDUuMTEpIHJvdGF0ZSgtMTQuNzQpJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjMWY4NzNhJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjZDNkZDc4Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggY2xhc3M9J2FxdWFyZWxsZS1zb2MtYXNzdXJhbmNlJyBkPSdNODcuNzMsMTA2LjYzYy01LjE0LTguMzYtNS4zNC05LjUsMS45MS0xMS41LDE3Ljg5LTQuOTEsMzEuODEtMTQuNTEsMzAuNjgtMjMuOTctMS4xOS05Ljk5LTE1LjkzLTE1LjM5LTI2LjAxLTE4Ljg5LDEwLjYyLTQuOTUsMTYuNjMtMTUuMTIsMTMuNzItMjAuNDUtMi4yNy00LjE2LTkuNDktNy4yOS0yMS4xOS0yLjI1LDE1Ljg0LTE2LjM2LDguNTctMjUuNzMuNDEtMjguNTktLjUxLS4xOC0xLjAzLS4zMy0xLjU0LS40Ni0xNS40Ny0zLjg4LTEzLjM1LDE1LjA1LTE3LjE1LDE2LjMyLS43Ni4yNS0xLjkyLjE2LTMuMjMtMS40Mi02LjU2LTcuOTEtMTIuMjgtOS42Mi0xNi42OC02LjU1LTUuNDksMy44Mi00Ljk1LDE3LjM2LS45NywyNC45NiwwLDAtOS40Mi00LjMzLTE1LjEzLTMuNzktNy44Ni43NS0xMS42NSw4Ljg1LjAyLDMzLjAzLTEzLjUtNC44My0yNi4wMS03LjM3LTMwLjkxLjMtOC44NCwxMy44MiwyMC45MSwyOS41NywxMi43LDUwLjQ5LTUuNzksMTQuNzUtNS40MiwyNi4xNywxLjkyLDMxLjY5LDExLjc2LDguODYsMjcuODksMywzNi43Ni0xNi4zOCwzMC41OSwxMi43Niw0OC4xNy0uNjIsMzQuNy0yMi41NCcvPjwvc3ZnPg==");   background-repeat: no-repeat;   position: absolute;   top: -50px;   right: 15px;   height: 150px;   width: 120px;   z-index: 0; } .card-pillar--2 .card-pillar-pic-url:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDEyNS40NyAxMjMuNDMnPjxkZWZzPjxzdHlsZT4uYXF1YXJlbGxlLXNvYy1zb2luc3tmaWxsOnVybCgjYXF1YXJlbGxlLXNvYy1zb2lucyk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSdhcXVhcmVsbGUtc29jLXNvaW5zJyB4MT0nLTUwNy43NScgeTE9JzgyNC4xOCcgeDI9Jy0zODAuNzMnIHkyPSc4MjQuMTgnIGdyYWRpZW50VHJhbnNmb3JtPSd0cmFuc2xhdGUoMzEwLjQxIC04NDUuMzUpIHJvdGF0ZSgtMTIuODkpJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjMDE3NWIxJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjYTRkOGU2Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggY2xhc3M9J2FxdWFyZWxsZS1zb2Mtc29pbnMnIGQ9J00xMjIuMTEsNDQuNTFjLTYuODctOS45Mi0yNy41NC0xMC44My0zNS4zLDIuNzIsNi40My0xMi4wNiw3LjQyLTMwLjU4LTMuOTEtMzQuNjUtNy4xNi0yLjU4LTE1LjYxLDQuNDQtMjAuMTgsMTQuNTNDNTkuNjksMTAuNzIsNDkuMTktMS41LDQxLjk5LjE1Yy0uNTQuMTItMS4wNy4zMy0xLjU3LjYxLTUuMjIsMi45OC04LjQzLDE2LjAxLTUuMTQsMjguNTMtNS4zMS02LjIxLTEyLjc2LTkuMTktMTguMi03LjYxLTEwLjU4LDMuMDYtMTYuNDEsMjMuNTcsNy45OSwzNC45My0xMy45OS0yLjg4LTMyLjExLDkuMTUtMjIuMjksMjQuNjQsNC40MSw2Ljk2LDE1LjkxLDExLjEzLDI1LjI5LDMuODgtOC4xMywxNC4zOC0yLjk2LDM0LjI4LDYuOTcsMzcuNiwxNC41OCw0Ljg5LDIzLjU1LTE3LjUzLDI0LjI0LTM0LjU1LDMuODgsMTUuMDQsMTkuNDIsMjYuNjUsMjcuNzUsMjMuOTcsMTguMS01LjgyLDQuMy0zMC40LDQuMy0zMC40LDI0LjAzLS41MSw0MS44NC0yMS4yNSwzMC43Ny0zNy4yNScvPjwvc3ZnPg==");   background-repeat: no-repeat;   position: absolute;   top: -45px;   right: 12px;   height: 115px;   width: 120px;   z-index: 0; } .card-pillar--3 .card-pillar-pic-url:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDExOC43OSAxMTMuMTInPjxkZWZzPjxzdHlsZT4uYXF1YXJlbGxlLXNvYy1sb2dlbWVudHtmaWxsOnVybCgjYXF1YXJlbGxlLXNvYy1sb2dlbWVudCk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSdhcXVhcmVsbGUtc29jLWxvZ2VtZW50JyB4MT0nLTIyLjI2JyB5MT0nNTEuMzUnIHgyPSc5Ni41MicgeTI9JzUxLjM1JyBncmFkaWVudFRyYW5zZm9ybT0ndHJhbnNsYXRlKDIyLjI2IDUuMjEpJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjZTQyNjE4Jy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjZmZkZDA4Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggY2xhc3M9J2FxdWFyZWxsZS1zb2MtbG9nZW1lbnQnIGQ9J00xMTguNzgsNDcuMTZjLS42MS0xOS42MS0zNS4xNi0xNy4xMS01NS45NS00Ny4xNkMzMy45NiwxNS45MS43MSwyMS42Ni4wMSw0MS4xNWMtLjQ1LDEyLjQzLDEyLjgsMTYuMDMsMjIuMzYsMTAuOTctNy4yMiw5LjUyLTEyLjEsMjIuOC0xMy42MiwzNC41NC0yLjUsMTkuMjIsMy45NywzNC4zMSwyMy44MSwyMi4wMiw4LjQyLTUuMjIsMTYuMzgtMTEuMTMsMzAuNDUtMTAuOTIsMjAuOTguMzEsMzAuNzgsMTkuNzEsNDEuNDgsOS4xNiw4LjY5LTguNTYsMS44My0zMC40My05LjU3LTQ2LjI0LDE0LjM0LDMuNjksMjQuMTYtMy43MSwyMy44Ni0xMy41MScvPjwvc3ZnPg==");   background-repeat: no-repeat;   position: absolute;   top: -40px;   right: 10px;   height: 115px;   width: 120px;   z-index: 0; } .intro-vyv--1 .intro-pic-bloc, .intro-vyv--2 .intro-pic-bloc, .intro-vyv--3 .intro-pic-bloc {   margin-bottom: 11rem; } #video-intro::-webkit-media-controls {   display: none; } @keyframes zoomIn {   from {     transform: scale(1.1);   }   to {     transform: scale(1);   } } @keyframes slideIn {   from {     transform: translateY(100%);   }   to {     transform: translateY(0);   } } .section-moments {   background-image: none;   padding-top: 7em; } .moment__intro {   font-weight: 400; } audio::-webkit-media-controls-panel, audio::-webkit-media-controls-enclosure {   background-color: #F0F3F4;   border-radius: 0; } .implantations:before, .implantations {   background-image: none;   background-color: #FFFFFF; } .glossaire-entry-def-title a {   -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -ms-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; } .glossaire-entry-def-title a:hover {   color: #0074b0; } .faq-set h2, .faq-set h4 {   border: 1px solid rgb(240, 240, 240);   padding: 10px 15px 10px 10px;   background: rgb(249, 249, 249);   margin-top: 20px; } .faq-answer {   border: 1px solid #efefef;   border-top: 0; } .faq-set h2 .is-opened, .faq-set h4 .is-opened {   color: var(--vyv-bleu-fonce); } #filter-faqs .tag-label-inner {   border: 1px solid #efefef; } #filter-faqs .tag {   color: var(--vyv-violet); } #filter-faqs .tag-label input[type=checkbox]:checked + .tag, #filter-faqs .tag-label input[type=radio]:checked + .tag {   color: #ffffff; } .faq-answer-content {   margin-bottom: 15px;   font-size: .92rem;   text-align: justify; } #filter-faqs .tag-label:focus .tag-label-inner, #filter-faqs .tag-label:hover .tag-label-inner {   border: 1px solid #d6cece;   -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -ms-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; } .related-faqs {   display: flex;   flex-wrap: wrap;   gap: 20px;   margin-top: 20px; } .related-faq {   background-color: transparent;   border: 0;   padding: 10px 0;   position: relative;   cursor: pointer;   display: block;   width: 100%;   text-align: left;   border-bottom: 1px solid #d3d3d3; } .related-faq .title-h4 {   margin: 0; } .related-faq .title-h4 a {   font-size: 16px;   line-height: 22px;   font-weight: 500;   display: flex;   width: 100%;   flex-wrap: wrap;   flex-direction: row;   align-items: center;   -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -ms-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; } .related-faq .title-h4 a:hover {   color: var(--vyv-bleu-fonce); } .related-faq .title-h4 a:hover svg {   margin-right: 10px; } .bloc-faq-flex {   display: flex;   flex-wrap: wrap;   justify-content: center;   align-items: flex-start; } .bloc-faq-list .faq-set h4 {   background: transparent;   border: 0;   padding: 0 15px 10px 0;   margin-top: 15px; } .bloc-faq-list .faq-set h4 svg {   width: 15px;   height: 15px; } .bloc-faq-list .faq-set {   border-bottom: 1px solid rgba(109, 124, 144, .12); } .bloc-faq-list .faq-set h4:hover {   color: var(--vyv-bleu-fonce);   -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -ms-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; } .bloc-faq-list .faq-answer {   border: 0; } .bloc-faq-answer {   padding-right: 3rem;   padding-left: 2rem; } .bloc-faq-header {   display: flex;   flex-wrap: wrap;   flex-direction: column; } .bloc-faq-header .title-h2, .bloc-glossary-header .title-h2 {   margin-bottom: 0; } .bloc-related-faqs .title-h2 {   margin-top: 0; } .bloc-glossary-list {   display: flex;   flex-wrap: wrap;   gap: 20px; } .related-definition.bloc-full {   width: 100%; } .single-faq.onepage, .single-glossary.onepage {   background-image: none; } .related-faq .title-h4 a span {   flex: 90%; } .section-glossary-header .title-h2 {   margin-top: 0; } .section-bloc-glossary .title-h2, .section-bloc-glossary .title-h4, .bloc-related-glossary .related-definition .title-h4 {   margin-top: 0; } .related-definitions--footer {   display: flex;   justify-content: end;   margin-top: .5rem; } .related-definitions--link {   color: var(--vyv-violet);   -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -ms-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; } .related-definitions--link:hover {   color: var(--vyv-bleu-fonce); } .glossaire-entry-def-title {   margin-bottom: 1rem; } .section-free ul {   padding-left: 0.5rem;   margin-top: 0.5rem;   margin-bottom: 0.5rem;   list-style: none;   display: inherit; } .section-free ul li {   position: relative;   padding: 0 0 0 1em; } .section-free ul li:before {   content: "";   display: block;   width: 6px;   height: 6px;   background: #8f2d8f;   border-radius: 50%;   position: absolute;   top: 11px;   left: 0;   z-index: 5; } .page-template-template-landing .sitemap {   background-image: none; } body.page-template-template-landing, .page-template-template-landing .card-result, .page-template-template-landing .card-pillar {   color: #6f6f6f; } .glossaire-entry-def.mobile-hidden {   display: none; } .glossaire-entry-list.mobile-glossary {   text-align: left; }  .page-template-template-landing .text-violet-dull, .page-template-template-landing .key-data {   color: #a61680; } .page-template-template-landing [class*=col] > .card-pillar {   height: auto; } .primary-navigation > li {   padding: 0 1.7rem;   position: relative; } .primary-navigation > li:first-child {   padding-left: 0; } .primary-navigation > li:last-child {   padding-right: 0; } .primary-navigation > li:before {   position: absolute;   top: -2px;   right: 0;   background-repeat: no-repeat;   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);   background-image: url(https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/menu-separator.svg);   background-size: 100%;   content: "";   height: 35px;   width: 5px;   z-index: -1; } .primary-navigation > li:last-child:before {   display: none; } .section-entete-accueil {   position: relative; } .section-entete-accueil:before {   background-color: var(--vyv-violet);   content: "";   position: absolute;   width: 100%;   height: 482px; } .bloc-entete-container {   display: flex;   flex-direction: column;   align-items: center;   justify-content: center;   flex-wrap: wrap;   margin-top: 2rem; } .swiper-home .swiper-slide .card {   padding: 15px 10px; } .swiper-home .card-content {   background-color: #A61680; } .swiper-home .swiper-slide .card h2 {   } .swiper-home .swiper-slide .desc-actus--home {   display: -webkit-box;   -webkit-line-clamp: 4;   -webkit-box-orient: vertical;   overflow: hidden;   transition-duration: 0s;   transition-property: none;   line-height: 22px;   margin-bottom: 10px; } .swiper-home .swiper-slide.swiper-slide-next .card .desc-actus--home {   -webkit-line-clamp: 5; } .swiper-home .swiper-slide.swiper-slide-next .card {   padding: 0;   -moz-transform: scale(1.02) translateY(4px);   -webkit-transform: scale(1.02) translateY(4px);   -o-transform: scale(1.02) translateY(4px);   -ms-transform: scale(1.02) translateY(4px);   transform: scale(1.02) translateY(4px);   transition-duration: .5s;   transition-property: all; } .entete-top {   text-align: center;   display: flex;   justify-content: center;   flex-wrap: wrap;   align-items: center;   flex-direction: column;   color: #fff; } .regular-slider-container--home {   position: relative; } .regular-slider-container--home .swiper-nav-btn .scroll-button_prev {   position: absolute;   bottom: 12rem;   left: -5rem; } .regular-slider-container--home .swiper-nav-btn .scroll-button_next {   position: absolute;   bottom: 12rem;   right: -5rem; } .regular-slider-container--home .swiper-nav-btn .scroll-button:hover .icon {   fill: #A61680; } .swiper-home.swiper-container {   cursor: url("https://www.groupe-vyv.fr/wp-content/themes/vyv/assets/images/grabbing.png"), move;   min-height: 540px; } .regular-slider-container--home .swiper-pagination {   display: flex;   justify-content: center;   align-items: center;   gap: 10px;   flex-wrap: wrap;   width: 100%;   margin: 20px 0; } .regular-slider-container--home .swiper-pagination .swiper-pagination-bullet {   width: 10px;   height: 10px;   background-color: #755CAD;   opacity: .6; } .regular-slider-container--home .swiper-pagination-bullet.swiper-pagination-bullet-active {   background-color: var(--vyv-violet);   opacity: 1; } .card-visuel {   position: relative; } .card-visuel.video-player .icon {   display: block;   position: absolute;   color: var(--vyv-violet);   background-repeat: no-repeat;   background-position: 50%;   transition-property: all;   transition-duration: 0.3s;   left: 50%;   top: 50%;   transform: translate(-50%, -50%);   z-index: 1; } .card-visuel .videobox:hover svg {   color: #755CAD; }  .section-faq-details .type-faq ul {   padding-left: 2.5rem;   margin-top: 0.5rem;   margin-bottom: 0.5rem;   list-style: none;   display: inherit; } .section-faq-details .type-faq ul li {   position: relative;   padding: 0 0 0 1em; } .section-faq-details .type-faq ul li:before {   content: "";   display: block;   width: 6px;   height: 6px;   background: #8f2d8f;   border-radius: 50%;   position: absolute;   top: 11px;   left: 0;   z-index: 5; } .section-faq-details .type-faq ul li + li {   margin-top: 0.5rem; } .section-bloc-slider-sur-une-ligne:before {   content: attr(data-background-color); } .section-bloc-slider-sur-une-ligne .key-image {   max-width: 50px; } .section-bloc-slider-sur-une-ligne .key-text {   color: #6F6F6F; } .bg-bleu {   background-color: #009ec9; } .bg-violet {   background-color: var(--vyv-violet); } .bg-vert {   background-color: #6aa22f; } .bg-orange {   background-color: #ed7102; } .section-bloc-axes-prioritaires {   padding-top: 85px; } .section-bloc-metiers .title-h2, .section-bloc-telechargement .title-h2, .section-bloc-axes-prioritaires .title-h2 {   position: relative;   text-transform: uppercase;   text-align: left; } .section-bloc-metiers .title-h2:before, .section-bloc-telechargement .title-h2:before {   content: "";   height: 5px;   width: 3.3rem;   display: block;   background-color: #009EC9;   margin-bottom: 1rem; } .section-bloc-axes-prioritaires .title-h2:before {   content: "";   height: 5px;   width: 3.3rem;   display: block;   background-color: #009EC9;   margin-bottom: 1rem;   z-index: 2;   position: relative; } .section-bloc-axes-prioritaires .title-h2 span {   background-color: #fff;   padding-top: 25px;   padding-bottom: 25px;   padding-right: 15px; } .section-bloc-metiers .accordion-title {   text-align: left; } .section-bloc-axes-prioritaires .axes-content {   display: flex;   flex-wrap: wrap;   margin-left: -10px;   margin-right: -10px; } .section-bloc-axes-prioritaires .axe-field {   flex: 0 0 33.3333%;   padding: 10px;   position: relative; } .section-bloc-axes-prioritaires .axe-field .axe__inner {   position: relative; } .section-bloc-axes-prioritaires .axe__footer {   position: absolute;   bottom: 28px;   right: 15px;   color: #fff;   transition-duration: .5s;   transition-property: all; } .section-bloc-axes-prioritaires .axe__title {   position: absolute;   bottom: 25px;   left: 0;   font-size: 2rem;   font-weight: 400;   color: #fff;   margin-right: 50px;   margin-left: 15px;   display: flex;   flex-wrap: wrap; } .section-bloc-axes-prioritaires .axe__title span {   background-color: var(--vyv-violet);   padding: 5px;   line-height: 1;   -webkit-box-decoration-break: clone;   box-decoration-break: clone;   transition-duration: .5s;   transition-property: all; } .section-bloc-axes-prioritaires .axe-field a:hover .axe__title span {   background-color: #0074B0; } .section-bloc-axes-prioritaires .axe-field a:hover .axe__footer {   transform: translate(20%, 0); } .section-bloc-axes-prioritaires .inner {   position: relative; } .section-bloc-axes-prioritaires .inner:before {   content: '';   position: absolute;   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDUzNS40IDUzMy43Jz48ZGVmcz48c3R5bGU+LmFxdWFyZWxsZS0xe2ZpbGw6dXJsKCNhcXVhcmVsbGUtb3JhbmdlKTt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9J2FxdWFyZWxsZS1vcmFuZ2UnIHgxPScwJyB5MT0nMjY2Ljg1JyB4Mj0nNTM1LjQnIHkyPScyNjYuODUnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBvZmZzZXQ9JzAnIHN0b3AtY29sb3I9JyNlNDI2MTgnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNmZmQ2MDUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNmZmRkMDgnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNmZmRkMDgnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBjbGFzcz0nYXF1YXJlbGxlLTEnIGQ9J003Ny44NywzMy45MmMtMzEuOTMsNDMuNDgtNS42NSwxMzIuMTcsNjIuOTIsMTQ1LjI3QzgwLjQ1LDE2OS42MS43MiwxOTIuMzcsMCwyNDYuMmMtLjQ1LDM0LjA0LDQxLjUzLDU5LjUsOTAuODQsNjQuMTJDMjUuOTYsMzQ3LjAxLTEwLjQsNDA5LjE5LDcuMDcsNDM3LjIzYzEuMzEsMi4xMSwyLjk0LDQuMDQsNC44OCw1LjczLDIwLjIyLDE3LjcyLDc5Ljk1LDEyLjMzLDEyOC4xLTE5Ljg3LTE4LjUzLDMxLjQ5LTIwLjI0LDY3LjMyLTUuNjYsODguMDEsMjguMzUsNDAuMjQsMTIzLjU0LDM1LjAyLDEzNi4wMS04NC42OSw4LjIxLDYzLjM1LDg1LjQ4LDEyMi4zOCwxMzYuNjQsNTguMywyMy4wMS0yOC44MSwyMy44OS04My40Ni0yMC40Ni0xMTIuNTYsNzIuNjIsMTMuNDIsMTQ5LjItMzcuNDUsMTQ4LjgxLTg0LjIzLS41OC02OC43NC0xMDguNC03NC0xODEuMzctNTIuMTIsNTcuOTEtMzguMzMsODQuMzUtMTIwLjkzLDYwLjkxLTE1Mi4yMi01MC45OC02OC4wNS0xMzQuNzgsMjYuMS0xMzQuNzgsMjYuMUMyNDIuOTksOC44NiwxMjkuMzUtMzYuMTgsNzcuODcsMzMuOTInLz48L3N2Zz4=");   top: -6rem;   left: 36%;   width: 535px;   height: 535px;   background-repeat: no-repeat; } .banner-slider-container .tns-outer .tns-controls [aria-controls] {   display: block;   border: none;   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23472783' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E");   background-repeat: no-repeat;   background-color: transparent;   background-position: 50% 50%;   background-size: 100% 100%; } .banner-slider-container .tns-outer {   position: relative; } .banner-slider-container .tns-outer [aria-controls] {   border: none;   outline: none; } .banner-slider-container .tns-outer .tns-controls [aria-controls] {   width: 30px;   height: 30px;   position: absolute;   top: 42%;   z-index: 30;   transform: translateY(-50%);   transition: all 0.2s ease-in-out; } .banner-slider-container .tns-outer .tns-controls [aria-controls]:focus, .banner-slider-container .tns-outer .tns-controls [aria-controls]:hover {   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2382358C' d='M31.1,0.9L29,1.1c-8.3,0.7-14.1,4-16,9c-0.9,2.3-1.6,7,3.3,12.1l37,27.7L16.7,77.5l-0.4,0.3c-4.8,5.1-4.1,9.8-3.3,12.1c1.9,4.9,7.7,8.2,15.9,9l2.1,0.2L87.6,50L31.1,0.9z'/%3E%3C/svg%3E"); } .banner-slider-container .tns-outer .tns-controls [data-controls="prev"] {   transform: translateY(-50%) rotate(180deg);   left: -60px; } .banner-slider-container .tns-outer .tns-controls [data-controls="next"] {   right: -60px; } .banner-slider-container .tns-outer .tns-nav {   position: absolute;   bottom: 0;   left: 0;   z-index: 15;   width: 100%;   text-align: center; } .banner-slider-container .tns-outer .tns-nav [aria-controls] {   width: 10px;   height: 10px;   margin: 0 5px;   border: none;   border-radius: 50%;   padding: 0;   background-color: #472783;   opacity: 0.5;   transition: all 0.2s ease-in-out; } .banner-slider-container .tns-outer .tns-nav [aria-controls].tns-nav-active {   opacity: 1; } .banner-slider-container {   position: relative; } .banner-slider-container .tns-inner {   position: relative; } .banner-field a {   display: flex;   flex-wrap: wrap;   align-items: center;   justify-content: center; } .banner-slider-container .tns-outer {   padding-bottom: 3em !important; } .banner-slider-container .banner-field a:hover img, .section-bloc-axes-prioritaires .axe-field a:hover img {   transform: scale(1.02); } .banner-slider-container .banner-field a img, .section-bloc-axes-prioritaires .axe-field a img {   transition: all 0.3s ease-in-out; } .section-bloc-actualites-page-accueil .title-h2 {   position: relative;   text-transform: uppercase;   text-align: left; } .section-bloc-actualites-page-accueil .title-h2:before {   content: "";   height: 5px;   width: 3.3rem;   display: block;   background-color: #009EC9;   margin-bottom: 1rem;   z-index: 2;   position: relative; } .section-bloc-actualites-page-accueil .inner {   position: relative;   padding-top: 5rem; } .section-bloc-actualites-page-accueil .inner:before {   content: '';   position: absolute;   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDQ1OS40IDQ4NS41OSc+PGRlZnM+PHN0eWxlPi5hcXVhcmVsbGUtMntmaWxsOnVybCgjYXF1YXJlbGxlLXZlcnQpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0nYXF1YXJlbGxlLXZlcnQnIHgxPSctOTEuNDgnIHkxPScxMDU3LjMnIHgyPSczMjIuNTgnIHkyPSc2NDMuMjMnIGdyYWRpZW50VHJhbnNmb3JtPSd0cmFuc2xhdGUoMjgzLjAzIC01OTIuODcpIHJvdGF0ZSgxMS4wNCknIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBvZmZzZXQ9JzAnIHN0b3AtY29sb3I9JyMxZjg3M2EnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNkM2RkNzgnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBjbGFzcz0nYXF1YXJlbGxlLTInIGQ9J00zMDUuOCwzOTEuMThjLTkuNzItMzUuMTgtOS4yNi0zOS40NywxOC43Mi0zOS4wOSw2OC45OS45NCwxMjguNi0xOC45NCwxMzQuMzQtNTMuOTEsNi4wNy0zNi45Mi00MS03MS40Mi03My4zOC05NC4zNCw0My4wNS02LjcxLDc1LjAzLTM2LjgzLDcwLjE1LTU4Ljg2LTMuOC0xNy4xOC0yNi4zNS0zNS44NC03My4zNy0yOS45Myw3My40OS00Mi4wNyw1Ny4yLTgzLjAzLDMxLTEwMS43LTEuNjQtMS4xNy0zLjMyLTIuMjUtNS4wMi0zLjI0LTUxLjIzLTI5Ljg0LTYzLjIzLDM5Ljk1LTc4LjExLDQwLjU4LTIuOTcuMTItNy4wMS0xLjQtMTAuMDYtOC40Mi0xNS4yNC0zNS4wMy0zMy45MS00Ny4wMy01Mi44MS00MC42My0yMy41Nyw3Ljk5LTM1LjYyLDU2Ljg3LTI5LjI4LDg4LjE1LDAsMC0yOS4xOC0yNS4yMS01MC4xNC0yOS4xNi0yOC44My01LjQzLTUwLjc1LDE5LjU2LTM0LjA3LDExNy45OS00My4yMi0zMS4yMi04NS4yOS01My4xOS0xMTAuNy0zMC44OC00NS44NSw0MC4yNCw0NC4xMywxMjcuMjMtNi44MSwxOTMuNDRDLjM2LDM4Ny44OC0xMC4xMSw0MjkuMDUsMTAuMzgsNDU2LjM1YzMyLjg2LDQzLjc5LDk2LjUyLDM5LjU0LDE0OC4yLTIwLjUxLDk2LjA1LDc3LjE5LDE3Mi43LDQ3LjU1LDE0Ny4yMi00NC42NicvPjwvc3ZnPg==");   background-repeat: no-repeat;   top: -2rem;   right: -14rem;   width: 560px;   height: 485px;   z-index: -1; } .actu-group-item .actu-group-content {   background-color: #fff;   border: 1px solid #9A9A99;   flex-wrap: wrap;   padding: 1rem;   display: flex;   min-height: 290px;   align-content: baseline; } .actu-group-thematic, .actu-group-date {   color: #9281B5;   transition-property: background-color, border-color, color, fill, stroke;   transition-duration: .2s;   transition-timing-function: cubic-bezier(.4, 0, 1, 1);   margin-top: 0;   font-size: .75rem;   font-weight: 500;   margin-bottom: 0; } .actu-group-top {   flex-basis: calc(100% - 100px); } .actu-group-logo {   flex-basis: 100px; } .actu-group-bottom {   flex-grow: 3; } .actu-group-title {   color: #482683;   font-size: 1.13rem;   font-weight: bold;   line-height: 1;   margin-top: 15px;   transition: all 0.3s ease-in-out; } .actu-group-title:hover {   color: #009ec9; } .actu-group-title a {   display: -webkit-box;   -webkit-line-clamp: 3;   -webkit-box-orient: vertical;   overflow: hidden; } .actu-group-bottom .text-13 {   display: -webkit-box;   -webkit-line-clamp: 6;   -webkit-box-orient: vertical;   overflow: hidden; } .actu-group-bottom a {   color: #482683;   text-decoration: underline;   -webkit-transition: color .15s cubic-bezier(.22, .61, .36, 1);   -o-transition: color .15s cubic-bezier(.22, .61, .36, 1);   transition: color .15s cubic-bezier(.22, .61, .36, 1); } .actu-group-bottom a:hover {   color: #A61680; } .bloc-entete-container h1 {   font-size: 3rem; } .keyfigures-slider-home {   display: flex;   flex-wrap: wrap;   align-items: flex-start;   justify-content: center; } .keyfigures-slider-home .slide {   flex: 25%;   padding: 0 15px; } .keyfigures-slider-home .slide .key-item:before {   content: "";   display: block;   width: 1px;   height: 124px;   border-right: 0;   background-color: #9A9A99;   position: absolute;   top: 70px;   right: -15px;   left: auto;   z-index: 5;   transform: none; } .keyfigures-slider-home .slide:last-child .key-item:before {   display: none; } .slide .key-item span {   width: 100%;   display: block;   margin-top: 10px; } .iframe_linkedin iframe {   width: 100%;   height: 455px; } .reset_filter {   padding: 5px 10px;   border: 1px solid #e7eaed; } .reset_filter:hover {   border-color: var(--vyv-violet); } .contrast-vyv .section-entete-accueil:before {   background-color: #F8F7F7; } .contrast-vyv .section-entete-accueil *, .contrast-vyv .key-data, .contrast-vyv .section-bloc-metiers .accordion *, .contrast-vyv .section-bloc-actualites-page-accueil .actu-date, .contrast-vyv .section-bloc-actualites-page-accueil .actu-entity, .contrast-vyv .section-bloc-actualites-page-accueil .actu-group-thematic, .contrast-vyv .section-bloc-actualites-page-accueil .actu-group-date, .contrast-vyv .section-bloc-telechargement li .asset-title, .contrast-vyv .section-bloc-telechargement li .text-grey-base {   color: #000; } .contrast-vyv .section-bloc-actualites-page-accueil .actu-video .actu-entity {   color: #fff; } .contrast-vyv .entete-top .btn-primary, .contrast-vyv .swiper-home .btn-white, .contrast-vyv .section-bloc-metiers .btn-white {   background-color: transparent;   border-color: #000;   color: #000; } .contrast-vyv .entete-top .btn-primary:hover, .contrast-vyv .swiper-home .btn-white:hover, .contrast-vyv .section-bloc-metiers .btn-white:hover {   border-color: transparent;   background-color: #A61680;   color: #fff; } .contrast-vyv .swiper-home .card-content {   background-color: #A3D8E6; } .contrast-vyv .accordion-item.item-color--bleu-ciel {   background-color: #A3D8E6; } .contrast-vyv .accordion-item.item-color--jaune {   background-color: #FFDD00; } .contrast-vyv .accordion-item.item-color--vert {   background-color: #D1DD77; } .contrast-vyv .section-bloc-actualites-page-accueil .actu-date, .contrast-vyv .section-bloc-actualites-page-accueil .actu-entity, .contrast-vyv .section-bloc-actualites-page-accueil .actu-group-thematic, .contrast-vyv .section-bloc-actualites-page-accueil .actu-group-date {   opacity: 1; } .contrast-vyv .section-bloc-actualites-page-accueil .actu-link.actu-video .actu-date {   color: #fff; } .actu-icon-twitter.actu-icon-linkedin {   right: 28px;   top: 28px; } .contrast-vyv .carbonbadge .carbonbadge--details a {   color: #000;   background: #A3D8E6;   border-color: #fff; } .contrast-vyv .carbonbadge .carbonbadge--details .carbonbadge--val {   border-color: #fff; } .contrast-vyv .section-entete-accueil.bg_video .swiper-home .card-content {   background-color: var(--vyv-bleu-moyen); } .entete-clip {   position: relative;   margin-bottom: 5rem; } .entete-clip-pic {   position: relative;   z-index: 6;   display: flex;   flex-wrap: wrap;   justify-content: flex-end; } .entete-clip-overshape {   position: absolute;   bottom: -78px;   right: -100px;   z-index: 5;   display: block;   width: 284px;   height: 201px; } .entete-clip-pic img {   max-width: 600px;   margin-top: 2.5rem; } .bg-section--gris {   background-color: #f8f7f7; } .section-onepage-header .title-h2 {   text-transform: uppercase;   margin-top: 28px; } .eng-img {   position: relative; } .item-eng--vert .eng-img:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDMyNC4wNiAzNDYuNTcnPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI1ZlcnQpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0nVmVydCcgeDE9Jy04Njk5LjUxJyB5MT0nNjE2LjEnIHgyPSctODM3Ni4yNCcgeTI9JzYxNi4xJyBncmFkaWVudFRyYW5zZm9ybT0ndHJhbnNsYXRlKC04MzgxLjE1IC0zNzQuMDYpIHJvdGF0ZSgxNzkuNTQpIHNjYWxlKDEgLTEpJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjMWQ4NzNhJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjZDJkZDc3Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgaWQ9J0NhbHF1ZV8xLTInPjxwYXRoIGNsYXNzPSdjbHMtMScgZD0nTTEwNy43MSwyNzYuOWM3LjMtMjQuODIsNy4wMi0yNy44Ni0xMi44Mi0yNy45Mi00OC45LS4xMy05MC45Mi0xNC45MS05NC41OS0zOS43Ni0zLjg3LTI2LjI0LDI5Ljg4LTUwLjE0LDUzLjEtNjYuMDFDMjIuOTgsMTM3Ljk2LjY2LDExNi4yNSw0LjM3LDEwMC42OWMyLjg5LTEyLjE0LDE5LjA5LTI1LjEsNTIuMzQtMjAuMzdDNS4xMSw0OS42NSwxNy4xNCwyMC44MiwzNS45Miw3Ljg5YzEuMTgtLjgxLDIuMzgtMS41NiwzLjU5LTIuMjQsMzYuNjUtMjAuNTUsNDQuMzUsMjkuMDQsNTQuODksMjkuNjcsMi4xLjEyLDQuOTgtLjkxLDcuMjMtNS44NUMxMTIuODMsNC44MiwxMjYuMjEtMy40NywxMzkuNTIsMS4yOGMxNi42MSw1LjkzLDI0LjU5LDQwLjcxLDE5LjczLDYyLjgxLDAsMCwyMC45Ny0xNy41MywzNS44Ny0yMC4wOSwyMC41LTMuNTIsMzUuNzQsMTQuNDUsMjIuNzgsODQuMDIsMzAuOTktMjEuNjIsNjEuMDYtMzYuNzEsNzguODEtMjAuNjEsMzIuMDMsMjkuMDUtMzIuNzQsODkuNjYsMi41OSwxMzcuMTcsMjQuOTEsMzMuNTEsMzEuODYsNjIuOCwxNy4wMiw4MS45Mi0yMy44LDMwLjY1LTY4Ljg2LDI2LjkxLTEwNC43OS0xNi4yNS02OC45Niw1My41OS0xMjIuOTQsMzEuNy0xMDMuODItMzMuMzUnLz48L2c+PC9zdmc+");   background-repeat: no-repeat;   width: 324px;   height: 346px;   position: absolute;   z-index: -1;   top: -100px;   left: -20px; } .item-eng--vert.pos-eng--right .eng-img:before {   top: -100px;   left: auto;   right: -100px;   -moz-transform: scale(-1, 1);   -webkit-transform: scale(-1, 1);   -o-transform: scale(-1, 1);   -ms-transform: scale(-1, 1);   transform: scale(-1, 1); } .item-eng--bleu .eng-img:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDMzOS4xNyAzMzMuNjMnPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI0JsZXUpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0nQmxldScgeDE9Jy02OTUuMzQnIHkxPScxMzc1LjgnIHgyPSctMzUxLjk5JyB5Mj0nMTM3NS44JyBncmFkaWVudFRyYW5zZm9ybT0ndHJhbnNsYXRlKDM2OS4xMiAtMTMwMy40KSByb3RhdGUoLTEyLjg5KScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzAwNzRiMCcvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI2EzZDhlNicvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSdDYWxxdWVfMS0yJz48cGF0aCBjbGFzcz0nY2xzLTEnIGQ9J00zMzAuMDgsMTIwLjMzYy0xOC41Ni0yNi44Mi03NC40My0yOS4yNy05NS40Myw3LjM0LDE3LjM3LTMyLjYsMjAuMDctODIuNjYtMTAuNTYtOTMuNjctMTkuMzctNi45Ni00Mi4xOSwxMi4wMS01NC41NSwzOS4yOUMxNjEuMzUsMjguOTcsMTMyLjk3LTQuMDYsMTEzLjUxLjRjLTEuNDcuMzQtMi44OS44OS00LjI0LDEuNjYtMTQuMTEsOC4wNi0yMi44LDQzLjI3LTEzLjg4LDc3LjEzLTE0LjM1LTE2LjgtMzQuNDktMjQuODMtNDkuMTktMjAuNTctMjguNTksOC4yOC00NC4zNiw2My43MSwyMS42MSw5NC40My0zNy44My03Ljc5LTg2Ljc5LDI0Ljc1LTYwLjI0LDY2LjYxLDExLjkzLDE4LjgzLDQyLjk5LDMwLjEsNjguMzYsMTAuNDgtMjEuOTgsMzguODYtNy45OSw5Mi42NiwxOC44MywxMDEuNjUsMzkuNCwxMy4yMSw2My42NS00Ny4zOCw2NS41Mi05My40LDEwLjUsNDAuNjUsNTIuNSw3Mi4wNCw3NSw2NC44LDQ4Ljk0LTE1LjczLDExLjYzLTgyLjE4LDExLjYzLTgyLjE4LDY0Ljk2LTEuMzgsMTEzLjA5LTU3LjQ1LDgzLjE2LTEwMC42OScvPjwvZz48L3N2Zz4=");   background-repeat: no-repeat;   width: 340px;   height: 334px;   position: absolute;   z-index: -1;   top: -100px;   left: -20px; } .item-eng--bleu.pos-eng--right .eng-img:before {   top: -90px;   left: auto;   right: -100px; } .item-eng--rouge .eng-img:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDMwMS42MSAyOTEuNTgnPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI0NvcmFpbCk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSdDb3JhaWwnIHgxPSctMTYzMy4zMicgeTE9JzE4MDYuMTUnIHgyPSctMTM0Ny40NicgeTI9JzE4MDYuMTUnIGdyYWRpZW50VHJhbnNmb3JtPSd0cmFuc2xhdGUoNjA2LjcyIC0yMTcyLjM1KSByb3RhdGUoLTI4LjIyKScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nI2NmMTE1MicvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI2Y4Yjc3ZCcvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSdDYWxxdWVfMS0yJz48cGF0aCBjbGFzcz0nY2xzLTEnIGQ9J00yNjIuNywzNi4zNEMyMzkuMS00LjU1LDE2OC42OSw0MC4wNyw5MC40LDAsNDcuMjcsNjYuNTktMTYuNjgsMTE2LjYxLDQuMDEsMTU4Ljc0YzEzLjIsMjYuODcsNDUuMzksMTkuNDIsNTkuOS0yLjE4LTQuNDksMjguNC4yOSw2Mi4xLDEwLjQxLDg4Ljc0LDE2LjU3LDQzLjYsNDcuNDcsNjguMjMsNzUuNTUsMTkuNTksMTEuOTItMjAuNjUsMjIuMDctNDIuMjQsNTIuMTQtNTcuODEsNDQuODQtMjMuMiw4Ny42OSw2Ljc3LDk4LjM4LTI3Ljc3LDguNjgtMjguMDQtMzAuNzUtNjYuNjItNzIuOS04Ny4xNiwzNC42Mi04LjQ5LDQ3LjAxLTM1LjM1LDM1LjIxLTU1Ljc5Jy8+PC9nPjwvc3ZnPg==");   background-repeat: no-repeat;   width: 302px;   height: 292px;   position: absolute;   z-index: -1;   top: -90px;   left: -20px; } .item-eng--rouge.pos-eng--right .eng-img:before {   top: -90px;   left: auto;   right: -100px; } .item-eng--jaune .eng-img:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDMyMi44NyAyNzYuNDIiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iRMOpZ3JhZMOpX3NhbnNfbm9tXzUiIHgxPSIzMDU0LjQ3IiB5MT0iMTk3MC4yIiB4Mj0iMzI5NC45NiIgeTI9IjE3MjkuNyIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgxMzMuMjYgLTM1MzMuMTYpIHJvdGF0ZSg1OS4yNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlNDI2MTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmRkMDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNMzIxLjQ0LDE5NS4wMWMtNi4zMi0zMC4xNS00MC41Mi01Ni40MS04MS4yNi02NC45OSwzMy4yMS0xMS4wOCw0MS44Mi0zMC4zNiwzOC44LTQyLjk2LS44Ni0zLjYxLTIuMTktNi44Ny0zLjkyLTkuNzctMTguNjYtMzEuMzktODQuNTktMjIuNTEtMTMzLjI1LDQuMzksMjIuNDctMTcuNiwzMi4xOS0zMi41NCwzMC44OC00Ny4yNy0zLjMzLTM3LjM0LTYzLjI0LTUxLjYzLTEyNi41Mi01LjFDLTMuMjIsNjUuNjMtMTEuMTYsMTI1LjQyLDEzLjY2LDE3NC4yOWM2OC4yNywxMzQuNCwzMzAuODUsMTMwLjc0LDMwNy43OCwyMC43MyIgc3R5bGU9ImZpbGw6dXJsKCNEw6lncmFkw6lfc2Fuc19ub21fNSk7Ii8+PC9zdmc+");   background-repeat: no-repeat;   width: 322px;   height: 276px;   position: absolute;   z-index: -1;   top: -90px;   left: -20px; } .item-eng--jaune.pos-eng--right .eng-img:before {   top: -90px;   left: auto;   right: -100px; } .section-bloc-engagement .item-eng {   margin-top: 5rem; } .section-bloc-engagement .section-title {   display: flex;   justify-content: center;   align-items: center;   flex-wrap: wrap;   flex-direction: column; } .section-bloc-engagement .section-title:before {   content: "";   height: 5px;   width: 3.3rem;   background-color: #009EC9;   margin-bottom: 1rem; } .entete-vlog {   position: relative;   margin-bottom: 2rem; } .entete-vlog:after {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdDYWxxdWVfMicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgdmlld0JveD0nMCAwIDM4OC41NCAzODIuNTInPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0nQmxldScgeDE9Jy00OTkuMDInIHkxPSctNzMuMDknIHgyPSctODIuMScgeTI9Jy03My4wOScgZ3JhZGllbnRUcmFuc2Zvcm09J3RyYW5zbGF0ZSg0MjYuNzMgNDAwLjg1KSByb3RhdGUoMzAuOTgpJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjMDA3NGIwJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjYTNkOGU2Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgaWQ9J0hleGEnPjxwYXRoIGQ9J00zODcuOTYsMjk3LjAyYzYuMzItMzkuMDktNDAuNTItODguMjYtODkuNzEtNzMuODksNDIuNjQtMTMuOTIsODcuMTMtNTUuNDYsNjkuNTktOTAuODgtMTEuMDktMjIuMzktNDcuMDQtMjQuOTktODAuODEtMTEuNTIsMzAuMTMtNDUuNjgsMzMuMDktOTguNDcsMTIuMy0xMTAuOTUtMS41Ni0uOTQtMy4yNy0xLjY1LTUuMS0yLjEyLTE5LjE0LTQuODItNTYuMzcsMTguNjgtNzcuMDYsNTUuODMsMS41OC0yNi43Ny05LjI5LTUwLjc2LTI1Ljc0LTU5LjQxLTMxLjk5LTE2LjgyLTkyLjQ0LDE4LjQzLTYwLjU2LDEwMC44My0yNi41Ni0zOC42NS05Ni43OS01MS4zOC0xMDguNzksNy42LTUuNCwyNi41MiwxMi4zLDYyLjUzLDUxLjAyLDY2LjcxQzIxLjE0LDE5NC43Ni0xMS44OSwyNTMuNjIsNC4wMiwyODQuMDZjMjMuMzcsNDQuNzIsOTUuNTksMTIuMSwxMzUuOTYtMjYuNi0yNS4wMiw0NC40Mi0xNC42NywxMDcuMjQsMTEuMTEsMTE5Ljg0LDU2LjA4LDI3LjQyLDc5LjM0LTYyLjE0LDc5LjM0LTYyLjE0LDU4LjAxLDUzLjQ2LDE0Ny4zNCw0NC44OSwxNTcuNTMtMTguMTQnIHN0eWxlPSdmaWxsOnVybCgjQmxldSk7Jy8+PC9nPjwvc3ZnPg==");   background-repeat: no-repeat;   width: 388px;   height: 382px;   position: absolute;   bottom: -2rem;   right: 10rem;   z-index: -1; } .section-bloc-citation .blockquote {   font-size: 1.2rem;   font-weight: 300; } .citation-left-card {   background-color: #a61680; } .section-bloc-video-texte .title-h3 {   margin-top: 0; } .figure-video-texte {   position: relative;   background-color: #fff; } .figure-video-texte:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDI2OC40NCAyODguNzQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iRMOpZ3JhZMOpX3NhbnNfbm9tXzE4IiB4MT0iMCIgeTE9IjE0NC4zNyIgeDI9IjI2OC40NCIgeTI9IjE0NC4zNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFkODczYSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2QyZGQ3NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSJDYWxxdWVfMS0yIj48cGF0aCBkPSJNMTc5LjQ4LDIyOS43N2MtNi4yMy0yMC41Ni02LjAxLTIzLjA5LDEwLjQ2LTIzLjI3LDQwLjYtLjQ0LDc1LjQtMTIuOTgsNzguMjgtMzMuNjQsMy4wNC0yMS44MS0yNS4xNC00MS40NC00NC41My01NC40NiwyNS4yMy00LjU3LDQzLjYyLTIyLjc0LDQwLjQ0LTM1LjY0LTIuNDgtMTAuMDYtMTYuMDItMjAuNzEtNDMuNi0xNi41Niw0Mi42NC0yNS44MSwzMi40Ny00OS42NywxNi43OC02MC4yOC0uOTgtLjY2LTEuOTktMS4yOC0zLTEuODMtMzAuNTctMTYuODItMzYuNjMsMjQuNDEtNDUuMzgsMjUtMS43NS4xMi00LjE0LS43My02LjA0LTQuODEtOS40Ny0yMC4zOS0yMC42My0yNy4xOS0zMS42NS0yMy4xNS0xMy43NSw1LjA0LTIwLjE1LDMzLjk3LTE1Ljk3LDUyLjI5LDAsMC0xNy41My0xNC40Mi0yOS45Mi0xNi40NC0xNy4wNC0yLjc4LTI5LjU4LDEyLjI0LTE4LjM2LDY5LjkyLTI1Ljg4LTE3Ljc1LTUwLjk1LTMwLjA3LTY1LjU4LTE2LjU5LTI2LjQsMjQuMzQsMjcuNzksNzQuMjMtMS4yNCwxMTMuOTJDLS4yOSwyMzIuMi01Ljg2LDI1Ni41Nyw2LjU4LDI3Mi4zNGMxOS45NiwyNS4zLDU3LjM2LDIxLjg5LDg2LjkxLTE0LjE5LDU3LjYyLDQ0LjA0LDEwMi4zLDI1LjUxLDg1Ljk5LTI4LjM5IiBzdHlsZT0iZmlsbDp1cmwoI0TDqWdyYWTDqV9zYW5zX25vbV8xOCk7Ii8+PC9nPjwvc3ZnPg==");   background-repeat: no-repeat;   width: 268px;   height: 288px;   position: absolute;   bottom: -60px;   right: -115px;   z-index: -1; } .figure-video-texte figcaption {   background-color: #eae8e9;   border: 1px solid #ddd;   padding: 5px 0; } .thumbnail-video--content {   position: relative;   margin-top: 2.5rem;   margin-bottom: 6.5rem; } .thumbnail-video--link {   position: relative; } .thumbnail-video--content .thumbnail-video--link:after {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDI4Ni4yNCAyOTAuOTQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iQ29yYWlsIiB4MT0iMi41NSIgeTE9IjEyMy4zNiIgeDI9IjI4NC42NyIgeTI9IjEyMy4zNiIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg1MS40NiAtMzIuODIpIHJvdGF0ZSgyMS44MykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjZjExNTIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmOGI3N2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iQ2FscXVlXzEtMiI+PHBhdGggZD0iTTI2NC4zOCwzMS40NmMtMjUuMDQtMTUuMDQtNzEuNTQsMy41Ni03NS4xOCw0MS4xOEMxOTEuMzYsMzkuNjMsMTc1LjEtMi4yMSwxNDYuMDQuMDljLTE4LjM3LDEuNDYtMzAsMjUuMzYtMzAuMDMsNTIuMThDOTIuOTksMTkuMTIsNTcuNjUsMi42Myw0My40MSwxMy40NWMtMS4wNy44MS0yLjAzLDEuNzktMi44NSwyLjkyLTguNTQsMTEuNzgtMi42NSw0My43MiwxNy4xMSw2OC4wNy0xNy45LTguNDItMzcuMzEtNy41NS00Ny43MywxLjM1LTIwLjI4LDE3LjMtMTIuNzEsNjguMzUsNTIuNDUsNjkuMS0zMy43NCw3LjU5LTYxLjcxLDUyLjItMjQuNiw3Ni41OCwxNi42OCwxMC45Niw0Ni4xOSw4LjcxLDU5LjY2LTE2LjY1LTMuNjEsMzkuODIsMjcuNjQsNzguNTcsNTIuODUsNzYuMDIsMzcuMDMtMy43NSwzNC40OC02Mi4xNCwxOS4wNC0xMDAuMzgsMjMuNTYsMjkuMyw2OS40MSwzOS40Myw4NS4xMSwyNS4yMywzNC4xNC0zMC44OS0yMC44MS03MS4zNi0yMC44MS03MS4zNiw1Mi41MS0yNS4wOCw3MS4xMS04OC41OSwzMC43NC0xMTIuODQiIHN0eWxlPSJmaWxsOnVybCgjQ29yYWlsKTsiLz48L2c+PC9zdmc+");   background-repeat: no-repeat;   width: 286px;   height: 290px;   position: absolute;   right: -140px;   bottom: -95px;   z-index: -1; } .bloc-texte-image--element .simple-picture:before {   content: "";   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDIzNS42MyAxNjUuMTciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iRMOpZ3JhZMOpX3NhbnNfbm9tXzE1IiB4MT0iMCIgeTE9IjgyLjU4IiB4Mj0iMjM1LjYzIiB5Mj0iODIuNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlNDIzMTMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iQ2FscXVlXzEtMiI+PHBhdGggZD0iTTkuMywxMDUuNjZjMTMuNDMsMTYuMSw0Mi4zOCwyMC45NSw2OS42LDEzLjA5LTE2LjQyLDE3LjI3LTE1LjQzLDMxLjYxLTkuNTksMzguMjEsMS42NywxLjg5LDMuNTEsMy40Myw1LjQ4LDQuNjIsMjEuMjQsMTIuOSw1OC4wMi0xMy41LDc4LjY3LTQ1LjIyLTcuODgsMTcuNzYtOC45NSwyOS44NC0zLjQ1LDM4LjI3LDEzLjkzLDIxLjM3LDU0LjUsMTAuODIsNzcuNjYtMzcuMzYsMTguMDgtMzcuNjEsMy43NC03Ni4wOC0yNi43OS05Ny41MUMxMTYuOTEtMzkuMTgtMzkuNzEsNDYuOTIsOS4zLDEwNS42NiIgc3R5bGU9ImZpbGw6dXJsKCNEw6lncmFkw6lfc2Fuc19ub21fMTUpOyIvPjwvZz48L3N2Zz4=");   background-repeat: no-repeat;   width: 235px;   height: 165px;   position: absolute;   bottom: -78px;   right: 10px;   z-index: -1; } .bloc-texte-image--element .float-lg-left .simple-picture:before {   right: auto;   left: 10px; } .bloc-texte-image--element .simple-picture img {   margin-bottom: 4rem; } .bloc-mavti--content {   background-color: #0074B0; } .section-bloc-mise-en-avant-texte-image .image-corner:before {   content: '';   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDIzNi45NiAyNDkuOTUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iRMOpZ3JhZMOpX3NhbnNfbm9tXzUiIHgxPSItNDQuMjUiIHkxPSIxMDkuNjMiIHgyPSIyMjAuODgiIHkyPSIxMDkuNjMiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA3Ljg5IDE4LjkpIHJvdGF0ZSg3Ny4xNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlNDIzMTIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iQ2FscXVlXzEtMiI+PHBhdGggZD0iTTIzNi43MiwyMDYuM2MyLjY4LTI1LjE3LTE3LjQzLTU0LjM0LTQ3LjExLTcxLjM0LDI4Ljc2LS4yNyw0MC4zNy0xMy4xNyw0MS4xOS0yMy43OC4yNC0zLjA0LjAyLTUuOTItLjU5LTguNjMtNi42Ni0yOS4yNS02MC40NS0zOC45Ny0xMDUuMjktMzAuMjMsMjIuMDEtOC4wOCwzMy4zOS0xNy4zMSwzNi4wOC0yOS4xNkMxNjcuODMsMTMuMTMsMTI0LjYtMTMuMTgsNjMuMzcsNy4yMSwxNS41OCwyMy4xMi01Ljc0LDY3Ljg3LDEuMzIsMTEyLjM0YzE5LjQyLDEyMi4zMywyMjUuNjQsMTg1LjgsMjM1LjQsOTMuOTYiIHN0eWxlPSJmaWxsOnVybCgjRMOpZ3JhZMOpX3NhbnNfbm9tXzUpOyIvPjwvZz48L3N2Zz4=");   background-repeat: no-repeat;   width: 236px;   height: 250px;   position: absolute;   z-index: -1;   bottom: -65px;   right: -120px; } .section-bloc-mise-en-avant-texte-image .image-corner {   margin-bottom: 5rem; } .section-onepage-header-vyv3 .title-h1 {   text-transform: uppercase;   margin-top: 11px; } .entete-clip-overshape.clip-overshape-vyv3 {   width: 392px;   height: 380px;   -moz-transform: rotate(50deg);   -webkit-transform: rotate(50deg);   -o-transform: rotate(50deg);   -ms-transform: rotate(50deg);   transform: rotate(50deg);   bottom: auto;   top: -60px;   right: -145px; } .page-template-template-vyv3 nav.page-breadcrumb {   padding-top: 1.5rem;   padding-bottom: 1.5rem; } .offerhome nav.page-breadcrumb, .offerhome .section-entete-accueil-vyv3 {   background-color: #f8f7f7; } header.news-header {   background-color: #f8f7f7; } .publications-juridiques {   position: relative;   background-color: #f8f7f7;   padding: 20px 0;   min-height: 500px; } .ra-entites {   position: relative;   background-color: #f8f7f7;   min-height: 500px; } .section-onepage-header {   margin-bottom: 5px; } .section-bloc-video-texte.bg-section--gris .bg-white {   background-color: transparent; } .section-bloc-slider-sur-une-ligne.bg-violet .btn-violet, .section-bloc-slider-sur-une-ligne.bg-orange .btn-violet, .section-bloc-slider-sur-une-ligne.bg-vert .btn-violet {   background-color: transparent;   border-color: #fff;   color: #fff; } .section-bloc-slider-sur-une-ligne.bg-violet .text-violet-dull, .section-bloc-slider-sur-une-ligne.bg-vert .text-violet-dull, .section-bloc-slider-sur-une-ligne.bg-orange .text-violet-dull, .section-bloc-slider-sur-une-ligne.bg-violet .key-data, .section-bloc-slider-sur-une-ligne.bg-vert .key-data, .section-bloc-slider-sur-une-ligne.bg-orange .key-data, .section-bloc-slider-sur-une-ligne.bg-violet .key-text, .section-bloc-slider-sur-une-ligne.bg-orange .key-text, .section-bloc-slider-sur-une-ligne.bg-vert .key-text, .section-bloc-slider-sur-une-ligne.bg-violet .bloc-slider-sur-une-ligne--asterisque, .section-bloc-slider-sur-une-ligne.bg-vert .bloc-slider-sur-une-ligne--asterisque, .section-bloc-slider-sur-une-ligne.bg-orange .bloc-slider-sur-une-ligne--asterisque, .section-bloc-slider-sur-une-ligne.bg-violet .title-xl, .section-bloc-slider-sur-une-ligne.bg-orange .title-xl, .section-bloc-slider-sur-une-ligne.bg-vert .title-xl {   color: #fff; } .section-bloc-video-grande-taille .thumbnail-video--link {   display: block; } .item-news-home--youtube .thumbnail-video--link .embed-responsive {   height: 100%; }  .section-entete-accueil {   position: relative;   overflow: hidden; } .section-entete-accueil.bg_video .entete-top {   height: calc(100vh - 120px); } .section-entete-accueil video {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: auto !important;   max-height: calc(100vh - 120px);   object-fit: cover;   transform: translate3d(0, 0, 0);   will-change: transform; } .section-entete-accueil .bg-black {   position: absolute;   inset: 0;   background-color: transparent; } .actu-icon-twitter.actu-icon-linkedin {   display: none; } .section-entete-accueil.bg_video {   background-color: var(--vyv-violet-fonce);   padding-bottom: 12px; } .section-entete-accueil.bg_video .bloc-entete-container h1 {   color: var(--vyv-blanc); } .section-entete-accueil.bg_video .swiper-home .card-content {   background-color: var(--vyv-violet); } .section-entete-accueil.bg_video:before {   background-color: var(--vyv-violet); } .section-entete-accueil.bg_video .title_video {   color: var(--vyv-violet);   text-transform: uppercase;   font-size: 3rem;   font-weight: bold; } .section-entete-accueil.bg_video:after {   background-color: #ffffff;   content: "";   position: absolute;   width: 100%;   height: 388px;   bottom: 0; } .section-entete-accueil.bg_video + section {   margin-top: 0; } .section-entete-accueil.bg_video .bloc-entete-container .mb-12 {   margin-bottom: 0; } .section-entete-accueil.bg_video .inner .swiper-home .swiper-container.swiper-backface-hidden.swiper-container.swiper-home.swiper-horizontal.swiper-initialized {   margin-top: 45px; } .section-entete-accueil.bg_video .regular-slider-container--home .swiper-nav-btn .scroll-button {   bottom: 50%; } .section-entete-accueil.bg_video .scroll-button svg {   fill: var(--vyv-violet); } .section-entete-accueil .container {   position: relative;   z-index: 10; } .section-entete-accueil.bg_video .regular-slider-container--home .swiper-pagination-bullet.swiper-pagination-bullet-active {   background-color: var(--vyv-violet); } .section-bloc-actualites-page-accueil .video-controls {   position: absolute;   top: 10px;   left: 20px;   z-index: 10; } .section-bloc-actualites-page-accueil .control-btn {   border: none;   margin: 5px;   cursor: pointer;   transition: background 0.3s ease; } .section-bloc-actualites-page-accueil .control-btn:hover {   opacity: 0.8; } .section-bloc-actualites-page-accueil .control-btn svg {   width: 40px;   height: 40px;   color: var(--vyv-violet); } .section-bloc-actualites-page-accueil svg.bi.bi-pause-circle {   color: #592099; } .section-bloc-actualites-page-accueil .item-news-home video {   border: 1px solid #b2b2b2; } .section-bloc-actualites-page-accueil .item-news-home .video-background {   width: 100%;   height: auto;   z-index: -1; } .section-bloc-actualites-page-accueil .item-news-home {   position: relative;   overflow: hidden; } .section-bloc-actualites-page-accueil .item-news-home .video-background {   position: relative; } .section-bloc-actualites-page-accueil .item-news-home--youtube {   height: 610px; } .item-news-home--youtube .embed-responsive .icon.thumbnail-video--play {   top: 40%; } .captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {   border: 2px solid var(--vyv-violet-fonce); } .page-template-template-vyv3 .section-bloc-metiers .accordion {   height: 465px; } .section-bloc-mise-en-avant-texte-image h4.title-h4 {   color: var(--vyv-violet-fonce); } .section-bloc-dernieres-articles.related h2 {   color: var(--vyv-blanc); } .section-bloc-dernieres-articles.related .btn {   background-color: transparent;   border-color: var(--vyv-blanc);   color: var(--vyv-blanc); } .section-bloc-dernieres-articles.related .btn:focus, .section-bloc-dernieres-articles.related .btn:hover {   border-color: transparent;   background-color: var(--vyv-blanc);   color: var(--vyv-violet); } .section-bloc-dernieres-articles h3.text-center.title-h3.mb-6 {   text-align: center; } .section-bloc-dernieres-actualites h2.text-center.title-l.text-violet-spanish.mb-6 {   font-size: 3rem; } .section-bloc-dernieres-actualites h4.text-center.title-l.text-violet-spanish.mb-6 {   font-size: 1.5rem;   color: var(--vyv-violet-fonce); } .section-bloc-referentiel-vyv-3 h3.title-h3.text-center {   font-size: 3rem;   text-align: center; } .section-bloc-referentiel-vyv-3 h3.title-h3.text-center {   font-size: 3rem;   text-align: center;   color: var(--vyv-violet) ; } .section-bloc-referentiel-vyv-3 h4.title-h4.text-center {   font-size: 1.5rem;   color: var(--vyv-violet-fonce); } .section-bloc-savoir-faire-moments-vie h4.title-h4.text-center {   font-size: 3rem;   color: var(--vyv-violet); } p span.eeb-rtl {   display: inline-block !important; } .section-bloc-texte-en-avant h2, .section-bloc-texte-en-avant h3, .section-bloc-texte-en-avant h4 {   font-size: 1.875rem; }  .captcha-image {   border: none;   border-top: 1px solid;   padding:20px 0px;   display: inline-block;   text-align: left;   width: 100%;   margin-top: 20px; } .figcaption.pt-2.px-4.text-14 {   padding: 0px; } .section-bloc-slider-image-video-texte p.mt-5 {   text-align: right; } .section-bloc-video-texte h4.text-24.leading-7.text-blue-lake.font-bold.mb-3 {   color: var(--vyv-violet-fonce);   font-size: 1.875rem; } @media (max-width: 575.98px) {   .regular-slider-container--home .swiper-nav-btn .scroll-button_prev {     position: absolute;     bottom: -25px;     left: 0;   }   .regular-slider-container--home .swiper-nav-btn .scroll-button_next {     position: absolute;     bottom: -25px;     right: 0;   }   .section-bloc-mise-en-avant-texte-image .image-corner {     margin-bottom: 0;   }   .bloc-texte-image--element .simple-picture:before {     width: 200px;     height: 150px;     bottom: -60px;   }   .thumbnail-video--content .thumbnail-video--link:after {     width: 200px;     height: 208px;     right: 0;     bottom: -90px;   }   .figure-video-texte:before, .section-bloc-mise-en-avant-texte-image .image-corner:before {     display: none;   }   .item-eng--jaune.pos-eng--right .eng-img:before {     width: 200px;     height: 200px;     right: 0px;     top: -62px;   }   .item-eng--rouge .eng-img:before {     width: 200px;     height: 200px;     left: 0;     top: -80px;   }   .item-eng--bleu.pos-eng--right .eng-img:before {     width: 200px;     height: 200px;     right: 0;     top: -80px;   }   .section-bloc-engagement .pos-eng--right .eng-img {     text-align: left;     padding-left: 1.5rem;     padding-right: 0;   }   .item-eng--vert .eng-img:before {     width: 200px;     height: 230px;     left: -6px;     top: -46px;   }   .page-template-template-landing .section-free h2, .page-template-template-landing .section-bloc-texte-a-puces h2 {     text-align: left;   }   .page-template-template-landing .section-habitat .habitat-text {     padding: 15px;   }   .section-moments {     padding-top: 1em;   }   .embed-responsive .icon.thumbnail-video--play {     top: 16%;   }   .card-pillar-pic {     max-width: 210px;   }   .card-pillar--1 .card-pillar-pic-url:before {     right: 30px;     top: -50px;   }   .card-pillar--2 .card-pillar-pic-url:before {     right: 24px;   }   .card-pillar--3 .card-pillar-pic-url:before {     right: 20px;   } } @media only screen and (min-width: 1224px) {   .intro-vyv--1 .intro-pic,   .intro-vyv--2 .intro-pic,   .intro-vyv--3 .intro-pic {     justify-content: end;   } } @media only screen and (min-width: 768px) and (max-width: 1024px) {   .section-bloc-actualites-page-accueil .item-news-home.item-news-home--youtube .embed-responsive {     background-size: contain;     background-position: center;   }   .section-entete-accueil video {     position: relative;   }   .section-entete-accueil.bg_video:before {     display: none;   }   .section-entete-accueil.bg_video:after {     height: 342px;   }   .section-entete-accueil.bg_video .bloc-entete-container h1 {     font-size: 2rem;   }    .section-pillars [class*=col] > .card-pillar {     height: inherit;   }   .card-pillar--1 .card-pillar-pic-url:before {     right: -25px;     top: -50px;   }   .card-pillar--2 .card-pillar-pic-url:before {     right: -30px;   }   .card-pillar--3 .card-pillar-pic-url:before {     right: -28px;   }   .intro-vyv--1 .intro-pic,   .intro-vyv--2 .intro-pic,   .intro-vyv--3 .intro-pic {     justify-content: center;   } } @media (min-width: 992px) {   .section-bloc-telechargement .lg\:mr-col {     margin-right: 0;   }   .banner-slider-container .tns-outer .tns-nav {     bottom: 0.8em;     width: 100%;   }   .moment__excerpt {     font-size: 1.25em;   }   .entete-top .btn-primary {     background-color: transparent;     border-color: #FFF;     color: #FFF;   }   .entete-top .btn-primary:focus, .entete-top .btn-primary:hover {     border-color: transparent;     background-color: var(--vyv-bleu-fonce);     color: #fff;   }   .banner-slider-container .tns-inner:after {     content: "";     display: block;     width: 612px;     height: 100%;     background-color: var(--vyv-bleu-fonce);     position: absolute;     top: 0;     left: 4.9rem;     z-index: -1;   } } @media (max-width: 767.98px) {   .section-entete-accueil.bg_video .entete-top {     height: auto;   }   .align-center-button-intro,   .align-right-button-intro {     position: fixed;     bottom: -330px;     left: 50%;     z-index: 1002;   }   .section-partners-vyv-intro {     display: none;   } } @media (max-width: 767.98px) {   .section-entete-accueil video {     position: relative;   }   .section-entete-accueil.bg_video:before {     display: none;   }   .section-entete-accueil.bg_video:after {     height: 310px;   }   .section-entete-accueil.bg_video .bloc-entete-container h1 {     font-size: 2rem;   }   .keyfigures-slider-home .slide:nth-child(2) .key-item:before {     display: none;   }   .section-report-2022-bloc-edito .bloc-edito--top {     width: 100%;   }   .section-report-2022-bloc-edito .bloc-edito--top h2.title-h2 {     text-align: left;   }   .vlog-container {     width: 100%;   }   .meat--to-top {     right: 0;   }   #video-intro {     aspect-ratio: 16/9;     width: 100%;     height: auto;     min-height: 375px;   }   .background-video-intro {     position: relative;     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: center;   }   .related-glossary--wrapper .title-h2 {     text-align: left;     margin-top: 0;   }   .faq-answer-content {     text-align: left;   }   .section-faq-header .title-h2 {     margin-top: 0;   }   .page-template-template-landing .section-free h2, .page-template-template-landing .section-bloc-texte-a-puces h2 {     margin-top: 1rem !important;   }   .page-template-template-landing .section-results {     padding-bottom: 0;   } } @media (max-width: 991.98px) {   .section-bloc-actualites-page-accueil .item-news-home.item-news-home--youtube {     width: 100%;   }   .section-entete-accueil {     margin-top: 5px;   }   .swiper-home.swiper-container {     min-height: 490px;   }   .keyfigures-slider-home .slide {     padding: 15px;   }   .keyfigures-slider-home .slide .key-data {     font-size: 2rem;   }   .bloc-entete-container h1 {     font-size: 2.5rem;   }   .section-bloc-actualites-page-accueil .item-news-home, .section-bloc-actualites-page-accueil .actu-group-item {     margin-bottom: 1rem;   }   .primary-navigation > li {     padding: 0;   }   .primary-navigation > li:before {     display: none;   }   .banner-slider-container .tns-outer {     max-width: 612px;     margin: 0 auto;   }   .glossaire-entry-list {     text-align: left;   }   .card-pillar {     flex-direction: column;     align-items: center;   }   .glossaire-entry-list li {     display: block;   }   .slide-tilte .title {     font-size: 3rem;   }   .budge-ra {     display: none;   }   .slide-tilte .aquarelle {     max-width: 130px;   }   .shapo-slide {     position: relative;     color: #FFF;     padding: 1rem;   }   .report-slider-container .tns-outer .tns-nav {     width: 100%;   }   .section-report-2022-bloc-edito {     padding-bottom: 0;   }   .report-2022-bloc-edito .citation_quote {     margin-bottom: 0;   }   .report-2022-bloc-liens ul li a {     font-size: 1.2em;   }   .report-overshape-right {     width: 100px;     right: -4%;     top: -18%;   }   .report-overshape-left {     left: -2%;     bottom: -12%;   }   .player-report svg.icon {     left: 36%;     top: 30%;   }   .intro-clip-report-2022 a.videobox img {     width: 100%;   }   .section-entete-page-bloc-citation-portrait .citation_quote {     margin-top: 2rem;   }   .section-entete-page-bloc-citation-portrait h1.title-h1 {     font-size: 2rem;   }   .home-report.page-rapport-activites-2022 .offernavbar .container {     flex-direction: column-reverse;     display: flex;   }   .video-vlog {     width: 100%;     margin-top: 0;   }   .video-vlog .aspect-ratio-16\/9 {     height: 210px;   }   .desc-vlog {     padding-bottom: 1rem;     padding-top: 1rem;   }   .desc-vlog .citation_quote {     margin-bottom: 0;   }   .column-vlog {     margin-bottom: 0;   }   .section-en-tete-page-onepage-vlog {     padding-bottom: 0;   }   .actus-title--vlog {     line-height: 1;   }   .actus-title--vlog span {     display: block;   }   .space-x-8 > :not(template) ~ :not(template) {     margin-left: 1rem;   }   .related-definition {     width: calc(100% - 15px);   }   .bloc-entete-container .btn.btn-primary {     border-color: #fff;   }   .swiper-home .swiper-slide.swiper-slide-next .card {     -moz-transform: scale(1) translateY(0);     -webkit-transform: scale(1) translateY(0);     -o-transform: scale(1) translateY(0);     -ms-transform: scale(1) translateY(0);     transform: scale(1) translateY(0);     transition-duration: .5s;     transition-property: all;   }   .section-bloc-metiers .accordion-title {     text-align: center;     margin-top: 10px;   }   .section-bloc-axes-prioritaires .axes-content {     justify-content: center;   }   .section-bloc-axes-prioritaires .axe-field {     flex: 0 0 50%;   }   .section-bloc-axes-prioritaires .axe__title {     font-size: 1rem;   }   .section-bloc-actualites-page-accueil .inner {     padding-top: 0;   }   .section-bloc-actualites-page-accueil .inner:before {     top: 0.4rem;     right: -1rem;     width: 320px;     height: 332px;     z-index: -1;   }   .section-bloc-axes-prioritaires {     padding-top: 50px;   }   .section-bloc-axes-prioritaires .inner:before {     top: -3.1rem;     left: 45%;     width: 348px;     height: 348px;   }   .section-bloc-actualites-page-accueil {     padding-bottom: 0;   } } @media (min-width: 767px) and (max-width: 1366px) {   .section-entete-accueil.bg_video .entete-top {     height: auto;   } }       .aspect-ratio-16\/9 {    padding-bottom: 56.25% !important;   } .section-moments { background-image:none; padding-top: 7em; } .moment__intro { font-weight: 400; } .intro-vyv--1 .intro-pic:before {   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 386.05 291.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Dégradé_sans_nom_11);stroke-width:0px;%7D%3C/style%3E%3ClinearGradient id='Dégradé_sans_nom_11' x1='-1032.44' y1='1626.74' x2='-732.56' y2='1626.74' gradientTransform='translate(2045.17 218.16) rotate(63.89)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%231d873a'/%3E%3Cstop offset='1' stop-color='%23d2dd77'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Formes_degradees'%3E%3Cpath class='cls-1' d='M132.64,228.92c17.57-16.35,20.21-17.38,28.48-.95,20.4,40.52,50.09,69.26,72.23,61.98,23.38-7.67,29.21-45.59,32.74-71.44,16.98,23.07,44.26,32.58,55.63,23.04,8.87-7.43,12.91-26.25-4.82-51.88,46.85,30.09,65.79,8.15,68.72-12.8.18-1.31.3-2.62.37-3.91,1.85-38.94-42.5-24.75-47.39-33.24-.97-1.7-1.31-4.51,1.86-8.42,15.8-19.52,17.14-34.06,7.67-43.14-11.81-11.32-43.98-3.51-60.3,9.69,0,0,5.84-24.67,1.78-38.1-5.59-18.47-26.82-23.66-79.16,15.96,5.08-34.69,5.12-65.89-15.6-73.94-37.39-14.52-60.8,64.36-114.88,54.76-38.14-6.77-65.33-.38-75.03,19.86-15.56,32.46,6.24,68.3,56.95,80.21-15.86,79.45,24.7,115.16,70.75,72.3'/%3E%3C/g%3E%3C/svg%3E"); } .intro-vyv--2 .intro-pic:before {   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 125.47 123.43'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Dégradé_sans_nom_8);stroke-width:0px;%7D%3C/style%3E%3ClinearGradient id='Dégradé_sans_nom_8' x1='-1.64' y1='57.11' x2='125.38' y2='57.11' gradientTransform='translate(-11.77 15.31) rotate(-12.89)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230074b0'/%3E%3Cstop offset='1' stop-color='%23a3d8e7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Formes_degradees'%3E%3Cpath class='cls-1' d='M122.11,44.51c-6.87-9.92-27.54-10.83-35.3,2.72,6.43-12.06,7.42-30.58-3.91-34.65-7.16-2.58-15.61,4.44-20.18,14.53C59.69,10.72,49.19-1.5,41.99.15c-.54.12-1.07.33-1.57.61-5.22,2.98-8.43,16.01-5.14,28.53-5.31-6.21-12.76-9.19-18.2-7.61-10.58,3.06-16.41,23.57,7.99,34.93-13.99-2.88-32.11,9.15-22.29,24.64,4.41,6.96,15.91,11.13,25.29,3.88-8.13,14.38-2.96,34.28,6.97,37.6,14.58,4.89,23.55-17.53,24.24-34.55,3.88,15.04,19.42,26.65,27.75,23.97,18.1-5.82,4.3-30.4,4.3-30.4,24.03-.51,41.84-21.25,30.77-37.25'/%3E%3C/g%3E%3C/svg%3E"); } .intro-vyv--3 .intro-pic:before {   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 345.41 323.78'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Dégradé_sans_nom_15);stroke-width:0px;%7D%3C/style%3E%3ClinearGradient id='Dégradé_sans_nom_15' x1='-15.71' y1='136.98' x2='316.6' y2='136.98' gradientTransform='translate(89.32 -39.14) rotate(21.59)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e42313'/%3E%3Cstop offset='1' stop-color='%23fd0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Formes_degradees'%3E%3Cpath class='cls-1' d='M342.95,180.28c18.61-51.63-73.84-80.7-96.98-180.28C154.48,11.66,62.09-7.62,40.2,42.37c-13.96,31.88,16.8,54.88,46.87,51.57-28.58,17.32-54.93,46.85-70.99,75.81-26.29,47.42-24.98,93.34,39.28,81.78,27.27-4.9,54.07-12.09,90.45,2.94,54.24,22.41,59.77,82.95,98.46,66.53,31.41-13.33,36.09-77.28,22.72-130.13,33.51,24.37,66.66,15.23,75.96-10.59'/%3E%3C/g%3E%3C/svg%3E"); } .card-pillar--1 .card-pillar-pic-url:before {   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 120.39 149.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Dégradé_sans_nom_11);stroke-width:0px;%7D%3C/style%3E%3ClinearGradient id='Dégradé_sans_nom_11' x1='-2044.22' y1='1923.14' x2='-1921.55' y2='1923.14' gradientTransform='translate(1485.96 -2290.3) rotate(-14.74)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%231d873a'/%3E%3Cstop offset='1' stop-color='%23d2dd77'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Formes_degradees'%3E%3Cpath class='cls-1' d='M87.73,106.63c-5.14-8.36-5.34-9.5,1.91-11.5,17.89-4.91,31.81-14.51,30.68-23.97-1.19-9.99-15.93-15.39-26.01-18.89,10.62-4.95,16.63-15.12,13.72-20.45-2.27-4.16-9.49-7.29-21.19-2.25,15.84-16.36,8.57-25.73.41-28.59-.51-.18-1.03-.33-1.54-.46-15.47-3.88-13.35,15.05-17.15,16.32-.76.25-1.92.16-3.23-1.42-6.56-7.91-12.28-9.62-16.68-6.55-5.49,3.82-4.95,17.36-.97,24.96,0,0-9.42-4.33-15.13-3.79-7.86.75-11.65,8.85.02,33.03-13.5-4.83-26.01-7.37-30.91.3-8.84,13.82,20.91,29.57,12.7,50.49-5.79,14.75-5.42,26.17,1.92,31.69,11.76,8.86,27.89,3,36.76-16.38,30.59,12.76,48.17-.62,34.7-22.54'/%3E%3C/g%3E%3C/svg%3E"); } .card-pillar--2 .card-pillar-pic-url:before {   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 125.47 123.43'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Dégradé_sans_nom_8);stroke-width:0px;%7D%3C/style%3E%3ClinearGradient id='Dégradé_sans_nom_8' x1='-944.38' y1='1705.14' x2='-817.36' y2='1705.14' gradientTransform='translate(539.45 -1801.53) rotate(-12.89)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230074b0'/%3E%3Cstop offset='1' stop-color='%23a3d8e7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Formes_degradees'%3E%3Cpath class='cls-1' d='M122.11,44.51c-6.87-9.92-27.54-10.83-35.3,2.72,6.43-12.06,7.42-30.58-3.91-34.65-7.16-2.58-15.61,4.44-20.18,14.53C59.69,10.72,49.19-1.5,41.99.15c-.54.12-1.07.33-1.57.61-5.22,2.98-8.43,16.01-5.14,28.53-5.31-6.21-12.76-9.19-18.2-7.61-10.58,3.06-16.41,23.57,7.99,34.93-13.99-2.88-32.11,9.15-22.29,24.64,4.41,6.96,15.91,11.13,25.29,3.88-8.13,14.38-2.96,34.28,6.97,37.6,14.58,4.89,23.55-17.53,24.24-34.55,3.88,15.04,19.42,26.65,27.75,23.97,18.1-5.82,4.3-30.4,4.3-30.4,24.03-.51,41.84-21.25,30.77-37.25'/%3E%3C/g%3E%3C/svg%3E"); } .card-pillar--3 .card-pillar-pic-url:before {   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 118.79 113.12'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Dégradé_sans_nom_15);stroke-width:0px;%7D%3C/style%3E%3ClinearGradient id='Dégradé_sans_nom_15' x1='-22.26' y1='51.35' x2='96.52' y2='51.35' gradientTransform='translate(22.26 5.21)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e42313'/%3E%3Cstop offset='1' stop-color='%23fd0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Formes_degradees'%3E%3Cpath class='cls-1' d='M118.78,47.16c-.61-19.61-35.16-17.11-55.95-47.16C33.96,15.91.71,21.66.01,41.15c-.45,12.43,12.8,16.03,22.36,10.97-7.22,9.52-12.1,22.8-13.62,34.54-2.5,19.22,3.97,34.31,23.81,22.02,8.42-5.22,16.38-11.13,30.45-10.92,20.98.31,30.78,19.71,41.48,9.16,8.69-8.56,1.83-30.43-9.57-46.24,14.34,3.69,24.16-3.71,23.86-13.51'/%3E%3C/g%3E%3C/svg%3E"); } .section-faq-details .type-faq ul {   padding-left: 2.5rem;   margin-top: 0.5rem;   margin-bottom: 0.5rem;   list-style: none;   display: inherit; } .section-faq-details .type-faq ul li {   position: relative;   padding: 0 0 0 1em; } .section-faq-details .type-faq ul li:before {   content: "";   display: block;   width: 6px;   height: 6px;   background: #8f2d8f;   border-radius: 50%;   position: absolute;   top: 11px;   left: 0;   z-index: 5; } .section-faq-details .type-faq ul li + li {   margin-top: 0.5rem; } @media (max-width: 767.98px) {   #video-intro {    object-fit: contain;   } } @media (max-width: 575.98px) {  .section-moments {  padding-top: 1em; }  .embed-responsive .icon.thumbnail-video--play {  top: 16%; } } .page-id-25015 #prevention li {   display: inherit; } @media (min-width: 992px){ .moment__excerpt {  font-size: 1.25em; } } .page-id-24887 section#travaux {   padding-top: 2rem; } @media (min-width: 1200px) { .page-id-24887 #focus.bloc-engagement{  margin-top: -6rem; } } .section-bloc-actualites-page-accueil .item-news-home .video-background {   height: auto !important; } .iframe_linkedin, .iframe_linkedin iframe { height: 100%; } a.btn--accessibilite:hover .navbar-accessibilite .btn--accessibilite .cls-1 { fill: var(--vyv-violet); } .section-bloc-slider .slide .simple-card-content a {   color: var(--vyv-violet);   text-decoration: underline;   -webkit-transition: color .15s cubic-bezier(.22, .61, .36, 1);   -o-transition: color .15s cubic-bezier(.22, .61, .36, 1);   transition: color .15s cubic-bezier(.22, .61, .36, 1); } .section-bloc-slider .slide .simple-card-content a:hover {   color: var(--vyv-violet-fonce); } .rapports-annuels-groupe-vyv .ra-title-section {   display: inline-block;   margin-bottom: 15px; }    .mtsnb { position: fixed; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);}   .mtsnb .mtsnb-container { width: 1080px; font-size: 15px;}   .mtsnb a { color: #a61680;}   .mtsnb .mtsnb-button { background-color: #a61680;}   @font-face{font-family:'FontAwesome';src:url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} .full-size {   width: 100%;   height: 100%; } .alert {   border: 1px solid transparent;   border-radius: 4px;   padding: 10px; } .alert-danger {   color: #a94442;   background-color: #f2dede;   border-color: #ebccd1; } .fb3d-button {   display: inline-block;   font-size: 13px;   margin: 0;   cursor: pointer;   border-width: 1px;   border-style: solid;   border-radius: 3px;   white-space: nowrap;   box-sizing: border-box;   min-height: 32px;   line-height: 2.30769231;   padding: 0 12px;   color: #fff;   background: #007cba;   border-color: #007cba;   text-decoration: none;   text-shadow: none; } a.fb3d-button, a.fb3d-button:visited {   color: #fff; } .fb3d-button:focus, .fb3d-button:hover {   background: #0071a1;   border-color: #0071a1;   color: #fff } .fb3d-button:focus {   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba } .fb3d-button:active {   background: #00669b;   border-color: #00669b;   box-shadow: none;   color: #fff } table.fb3d-categories td {   text-align: center; } table.fb3d-categories h3 {   text-align: left; } @media (max-width: 599px) {   table.fb3d-categories .fb3d-categories tr, .fb3d-categories td {     display: block;   } } ._vyv-flip-book a, .fb3d-link-lightbox-mode {   cursor: pointer; } .fb3d-thumbnail-lightbox-mode, .fb3d-thumbnail-mode {   position: relative;   display: inline-block;   line-height: 0; } ._vyv-flip-book .book-thumbnail {   display: inline-block;   transition: box-shadow .25s ease-in-out; } ._vyv-flip-book .book-thumbnail > a {   -webkit-transform-style: flat;   -moz-transform-style: preserve-3d;   transform-style: preserve-3d;   -webkit-perspective: 1200px;   -moz-perspective: 1200px;   perspective: 1200px;   display: inline-block; } ._vyv-flip-book:hover .book-thumbnail {   box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); } ._vyv-flip-book:active .book-thumbnail {   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);   transition: box-shadow .15s ease-in-out; } ._vyv-flip-book .book-thumbnail img {   border-radius: 0;   -webkit-transform-origin: left;   transform-origin: left;   transition: transform .25s; } ._vyv-flip-book:hover .book-thumbnail img {   -webkit-transform: rotateY(-20deg) rotateZ(0deg);   -moz-transform: rotateY(-20deg) rotateZ(0deg);   -ms-transform: rotateY(-20deg) rotateZ(0deg);   transform: rotateY(-20deg) rotateZ(0deg); } ._vyv-flip-book:active .book-thumbnail img {   -webkit-transform: rotateY(-17deg) rotateZ(0deg);   -moz-transform: rotateY(-17deg) rotateZ(0deg);   -ms-transform: rotateY(-17deg) rotateZ(0deg);   transform: rotateY(-17deg) rotateZ(0deg);   transition: transform .15s; } .fb3d-thumbnail-lightbox-mode .book-heading, .fb3d-thumbnail-mode .book-heading {   position: absolute;   width: 100%;   height: 100%;   pointer-events: none;   overflow: hidden; } .fb3d-thumbnail-lightbox-mode .book-heading h3, .fb3d-thumbnail-mode .book-heading h3 {   box-sizing: border-box;   position: absolute;   width: 100%;   margin: 0;   padding: 5px;   font-weight: normal;   font-size: 14px;   line-height: 120%;   color: #fff;   text-decoration: none;   z-index: 1;   background: rgba(60, 60, 60, 0.8);   bottom: -100%;   transition: bottom .3s ease .2s; } .fb3d-thumbnail-lightbox-mode:hover .book-heading h3, .fb3d-thumbnail-mode:hover .book-heading h3 {   bottom: 5px;   transition-delay: 0s; } ._vyv-flip-book.fb3d-fix-title .book-heading h3 {   bottom: 5px; } .fb3d-thumbnail-lightbox-mode .book-heading h3 a {   color: #fff;   text-decoration: none; } ._vyv-flip-book.fb3d-fs-dark .fullscreen {   background-image: url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/images/texture.jpg'); } ._vyv-flip-book.fb3d-fs-light .fullscreen {   background-image: url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/images/inverse-texture.jpg'); } ._vyv-flip-book .fullscreen {   background-image: url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/images/texture.jpg'); } .fb3d-h-100 {   height: 100px; } .fb3d-h-200 {   height: 200px; } .fb3d-h-300 {   height: 300px; } .fb3d-h-400 {   height: 400px; } .fb3d-h-500 {   height: 500px; } .fb3d-h-600 {   height: 600px; } .fb3d-h-700 {   height: 700px; } .fb3d-h-800 {   height: 800px; } .fb3d-h-900 {   height: 900px; } .fb3d-h-1000 {   height: 1000px; }   .fb3d-modal-shadow {   overflow: hidden; } .fb3d-modal {   position: fixed;   width: 100%;   height: 100%;   left: 0;   top: 0;   background-color: rgba(0, 0, 0, .5);   z-index: 500001;   pointer-events: none;   visibility: hidden;   opacity: 0;   transition: opacity 0.5s, visibility 0.5s step-end; } .fb3d-modal.visible {   pointer-events: all;   visibility: visible;   opacity: 1;   transition: opacity 0.5s; } .fb3d-modal .mount-container {   position: absolute;   z-index: 1; } .fb3d-modal.dark .mount-container, .fb3d-modal.light .mount-container {   width: 95%;   height: 95%;   left: calc(5% / 2);   top: calc(5% / 2);   box-shadow: 0 0 5px rgba(255, 255, 255, .5); } .fb3d-modal.dark-shadow .mount-container, .fb3d-modal.light-shadow .mount-container {   width: 100%;   height: 100%;   left: 0;   top: 0; } .fb3d-modal.dark .mount-container, .fb3d-modal.dark-shadow .mount-container {   background-color: rgba(0, 0, 0, .5); } .fb3d-modal.light .mount-container, .fb3d-modal.light-shadow .mount-container {   background-color: rgba(255, 255, 255, .5); } .light .mount-container.fullscreen, .light-shadow .mount-container.fullscreen {   background-image: url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/images/inverse-texture.jpg'); } .dark .mount-container.fullscreen, .dark-shadow .mount-container.fullscreen {   background-image: url('https://www.groupe-vyv.fr/wp-content/plugins/vyv-flip-book/assets/images/texture.jpg'); } .fb3d-modal .cmd-close {   font-size: 24px;   color: #ccc;   position: absolute;   right: 10px;   top: 8px;   z-index: 2;   cursor: pointer;   transition: color .15s ease-in; } .fb3d-modal.dark .cmd-close, .fb3d-modal.light .cmd-close {   right: calc(5% / 2 + 10px);   top: calc(5% / 2 + 8px); } .fb3d-modal.light .cmd-close, .fb3d-modal.light-shadow .cmd-close {   color: #555; } .fb3d-modal .cmd-close:hover {   color: #eee;   transition: color .15s ease-out; } .fb3d-modal.light .cmd-close:hover, .fb3d-modal.light-shadow .cmd-close:hover {   color: #111; } .fb3d-modal .cmd-close:active {   font-size: 22px;   padding-top: 1px;   padding-right: 1px; }