/**
* *Grid bootstrap
*
*
*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}[role=button]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1200px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@-ms-viewport{width:device-width}
.site-updated{
text-align: left;
margin-bottom: 50px;
border-bottom: 1px solid #939393;
width: fit-content;
float: left;
margin-top: 40px;
font-size: 14px;
color: #939393;
font-weight: normal;
}
@media screen and (max-width: 1200px){
.site-updated{
margin-right: 100px;
}
}
@media screen and (max-width: 767px){
.site-updated {
text-align: center;
width: fit-content;
float: none;
margin: auto;
margin-bottom: 40px;
}
}
/**
* *Reset css
*
* ici on annule toutes les modifications css effectué de base par les navigateurs
*/
.top-slide-hp,
.section-1 .container{position: relative}
header nav > ul > li:nth-of-type(4) .sub-sub-menu > li img{max-width: 125px}
.section-1 .slick-dots {
top: 430px;
bottom: inherit;
}
.flex-page-header .content{margin-top: 10px}
.bottom-slide-hp{
background: white;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
padding-top: 120px;
padding-bottom: 50px;
padding-left: 170px;
padding-right: 100px;
position: relative;
top: -100px;
z-index: 0;
}
.top-slide-hp .cta{
position: absolute;
bottom: 25px;
right: 25px;
z-index: 99;
}
.top-slide-hp img{
width: 100%;
height: auto;
border-radius: 0px 0px 50px 50px;
z-index: 9;
position: relative;
}
#content-vue{
float: left;
width: 100%;
}
.no-cursor:hover{cursor: initial!important}
.scrollup svg {
width: 15px;
top: -3px;
position: relative;
}
.scrollup {
width: 35px;
height: 35px;
position: fixed;
bottom: 8%;
right: 50px;
display: none;
background-color: #003359;
text-align: center;
line-height: 50px;
border-radius: 8px;
z-index: 999;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html,body{
font-family: Arial, Helvetica, sans-serif;
overflow-x: hidden
}
a{text-decoration: none}
/**
* * css theme
*/
.mc4wp-form-fields label input{
margin-right: 8px;}
.page-container,
.single-container,
.medium-container,
.mini-container{
margin-right:auto;
margin-left:auto;
}
@media (min-width:768px){
.single-container,
.medium-container,
.mini-container{width:750px}
}
@media (min-width:992px){
.single-container,
.medium-container,
.mini-container{width:970px}
}
@media (min-width:1200px){
.mini-container{width:1020px}
.medium-container{width:1110px}
.single-container{width: 1180px}
}
@media (min-width:850px){
.container{width:830px}
}
@media (min-width:991px){
.container{width:950px}
}
@media (min-width:1080px){
.container{width:1070px}
}
@media (min-width:1250px){
.container{width:1200px}
.single-container{width: 1220px}
}
@media (min-width:1300px){
.container{width:1280px}
}
@media (min-width:1350px){
.container{width: 1320px}
}
@media (min-width:1380px){
.container{width: 1350px}
}
@media (min-width:1300px){
.container-post{width: 1260px}
}
@media (min-width:1250px){
.page-container{width: 1226px}
}
@media (min-width:1200px){
.story-container{width: 1169px}
}
@media screen and (max-width: 767px){
body .no-pad-mobile{padding: 0px}
}
/*fonts*/
@font-face {
font-family: "Rubik-Bold";
src: url('../fonts/rubik/Rubik-Bold.woff2') format('woff2'),
url('../fonts/rubik/Rubik-Bold.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: "Rubik-Medium";
src: url('../fonts/rubik/Rubik-Medium.woff2') format('woff2'),
url('../fonts/rubik/Rubik-Medium.woff') format('woff');
font-display: swap;
unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
}
@font-face {
font-family: "Rubik-Regular";
src: url('../fonts/rubik/Rubik-Regular.woff2') format('woff2'),
url('../fonts/rubik/Rubik-Regular.woff') format('woff');
font-display: swap;
unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
}
html,body{font-family: "Rubik-Regular"}
/*Global components*/
.slick-dots {bottom: -69px}
.list-post .slick-dots {bottom: -25px}
.slick-dots li{margin: 0px}
.slick-dots li button:before{
opacity: 0.3;
color: #00A7C9;
}
.slick-dots li button:before {font-size: 12px}
.slick-dots li.slick-active button:before {
opacity: 1;
color: #00A7C9;
font-size: 16px;
}
.list-event .slick-dots li button:before{color: #68B7A6}
.scrollTop{
width: 40px;
height: 40px;
background: white;
position: fixed;
bottom: 200px;
right: 50px;
border-radius: 5px;
box-shadow: 1px 0px 14px #bfbfbf;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
z-index: -999999;
transition: 0.6s;
}
.scrollTop.active{
opacity: 1;
z-index: 99;
}
.scrollTop svg{width: 20px}
.message{
clear: both;
width: 100%;
padding: 15px 30px;
border-radius: 15px;
font-size: 17px;
}
.message:after{
display: inline-block;
content: "\00d7"; /* This will render the 'X' */
float: right;
font-size: 20px;
}
.message:hover{cursor: pointer}
.message.error{
background: #fde8e8;
color: #cf2e2e;
}
.message.success{
background: #def7ec;
color: #00d084;
}
.message.info{
background: #f3f4f6;
color: #545454;
}
.message.info svg{
width: 20px;
top: 3px;
position: relative;
margin-right: 5px;
}
table{
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
table thead tr {
background-color: #009879;
color: #ffffff;
text-align: left;
}
table th,
table td{padding: 12px 15px}
table tbody tr {border-bottom: 1px solid #dddddd}
table tbody tr:nth-of-type(even) {background-color: #f3f3f3}
table tbody tr:last-of-type {border-bottom: 2px solid #009879}
table tbody tr.active-row {
font-weight: bold;
color: #009879;
}
.animate-spin{
fill: #1c64f2;
width: 35px;
-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;
--tw-text-opacity: 1;
color: rgb(229 231 235/var(--tw-text-opacity));
}
@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}
/*Theme components*/
.datas > div,
.datas{
display: flex;
}
.datas img,
.datas svg{
margin-right: 10px;
width: 24px;
height: 24px;
}
.datas > div{
align-items: center;
font-family: "Rubik-Regular";
font-size: 14px;
}
.datas .date{margin-right: 50px}
p{
font-size: 20px;
line-height: 30px;
font-weight: normal;
}
.mc4wp-response{
font-family: "Rubik-Regular";
font-size: 14px;
color: white;
text-align: center;
}
p b,
p strong{
font-family: "Rubik-Medium";
}
.fixed{position: fixed}
/*THEME*/
body{background: #EEFBFE}
body.page-template-template-story{background: #DBF2F7}
@media screen and (max-width: 767px){
body.page-template-template-story{background: #EEFBFE}
}
/*HEADER*/
.top-bar{
background: #003359;
color: white;
text-align: center;
font-size: 13px;
padding-top: 3px;
padding-bottom: 3px;
z-index: 99999;
}
.top-bar.fixed{top: 0}
.has-header header.fixed {
z-index: 99999;
top: 36px;
}
.top-bar p a{
font-family: "Madera-Regular";
}
.top-bar p {
display: none;
font-size: 14px;
font-family: "Madera-Regular";
}
.top-bar p b,
.top-bar p strong{
font-family: "Madera-Medium";
}
.top-bar p:first-child {display: block}
.page-id-8621 .block-img-simple img{
width: 800px;
max-width: 100%;
}
section.block-content.ref p,
.page-id-8621 > #content-vue > section.block-content:nth-of-type(8) p {font-size: 16px !important}
.page-id-8706 .block-img-simple img[alt="logo UrgoStart Plus Absorb"],
.page-id-8707 .block-img-simple img[alt="logo UrgoStart Plus Absorb"],
.page-id-8621 .block-img-simple img[alt="logo UrgoStart Plus Absorb"]{
width: 300px;
max-width: 100%;
}
#mc4wp-form-1[data-id="8620"] .mc4wp-form-fields label{
color: #003359;
margin: 0px;
margin-top: 20px;
margin-bottom: 10px;
}
#mc4wp-form-1[data-id="8620"] .check-flex{
color: #003359;
margin: 0px;
font-size: 14px;
display: flex;
gap: 14px;
margin-bottom: 30px;
margin-top: 25px;
line-height: normal;
}
#mc4wp-form-1[data-id="8620"]{
width: 500px;
max-width: 100%;
margin: auto;
margin-top: 75px;
}
#mc4wp-form-1[data-id="8620"] input[type="email"],
#mc4wp-form-1[data-id="8620"] input[type="text"],
#mc4wp-form-1[data-id="8620"] input[type="number"]{
border: none;
height: 60px;
padding-left: 40px;
border-radius: 30px;
margin-bottom: 19px;
color: #00A7C9;
font-family: "Rubik-Regular";
font-size: 21px;
display: flex;
align-items: center;
width: 100%;
}
#mc4wp-form-1[data-id="8620"] input[type="submit"]{
width: auto;
border-radius: 36px;
padding-left: 50px;
padding-right: 50px;
background: #CF1D2E;
margin-bottom: 20px;
}
@media screen and (min-width: 1250px){
header nav > ul > li:nth-of-type(5) .sub-menu{width: 220px}
}
.flex-sub-menu{
display: flex;
gap: 98px;
}
.sous-menu-columns-container,
.flex-sub-menu > a{
display: flex;
flex-direction: column;
}
.sous-menu-columns-container > li{
display: flex;
flex-direction: column;
text-align: left;
}
.sub-sub-menu-columns{
display: flex;
gap: 26px;
margin-bottom: 50px;
}
.sub-sub-menu-column{width: 33%}
.sub-sub-menu-column > ul{
display: flex;
flex-direction: column;
gap: 13px;
}
.sub-menu-pro ul a,
.sub-sub-menu-column a{
font-size: 14px;
}
.pre-header{
display: flex;
justify-content: end;
padding: 13.5px 20px;
}
.pre-header .menu-top{
display: flex;
padding-right: 20px;
}
.menu-top img{
width: 33px;
height: 33px;
transition-duration: 0.3s;
transition-property: transform;
-webkit-tap-highlight-color: rgba(0,0,0,0);
transform: translateZ(0);
}
@media screen and (min-width: 767px){
.menu-top img:hover {
transform: translateY(-6px);
animation-name: hover;
animation-duration: 1.5s;
animation-delay: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
opacity: 0.6
}
}
.new-search{
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 9px;
}
.pre-header .menu-top li{
padding: 0px 15px;
display: flex;
}
.pre-header .menu-top li a{color: white}
.lang{
width: 22px;
top: 2px;
position: relative;
}
.lang:hover{cursor: pointer;}
.list-lang{
position: absolute;
top: 62px;
display: flex;
flex-direction: revert;
width: auto;
height: auto;
align-items: center;
justify-content: center;
border-radius: 0px;
right: -965px;
background: #fff;
box-shadow: 0px 3px 6px #00000029;
border: none;
border-bottom-left-radius: 15px;
transition: 0.5s;
padding: 7px;
padding-left: 15px;
z-index: 9999;
}
.list-lang.active{right: 0px}
.list-lang > span{
color: #003359;
margin-right: 10px;
text-transform: uppercase;
font-size: 12px;
}
.list-lang li{margin: 0px 5px}
.list-lang li a {color: #00A7C9}
header .logo{
width: 160px;
position: absolute;
left: 30px;
top: 23px;
}
header{
display: flex;
float: left;
width: 100%;
position: relative;
z-index: 99;
}
header nav{
border-radius: 50px;
margin: auto;
}
header nav > ul{
display: flex;
justify-content: center;
position: relative;
z-index: 999
}
header nav > ul > li{text-align: center}
header nav > ul > li > a{
padding: 36px 23px 39px 23px;
display: block;
line-height: 19px;
font-size: 14px;
transition: 0.4s;
font-family: "Madera-Bold";
text-transform: uppercase;
}
header nav > ul > li:nth-of-type(4) .sub-sub-menu > li{text-align: center}
header nav li a{
font-family: "Rubik-Medium";
font-weight: normal;
}
/* header nav > ul > li:first-child > a{padding-left: 43px} */
header nav > ul > li.li-sante > a{padding-right: 43px}
/* header nav > ul > li:nth-last-child(2) > a{padding-right: 71px} */
header nav > ul > li a.sante{padding-left: 21px}
.link-sante svg,
header nav > ul > li a.sante svg{
float: left;
margin-right: 22px;
}
.link-sante .logout{
display: none;
position: absolute;
left: -170px;
z-index: 999;
}
.link-sante.hover .logout{display: block}
.link-sante .logout svg{width: auto}
.link-sante .logout svg path{fill: #fff!important}
@media screen and (max-width: 1250px){
.link-sante .logout {left: -340px}
}
@media screen and (max-width: 767px){
.link-sante .logout {display: none!important}
}
.link-sante svg path,
header nav > ul > li a.sante svg path{transition: 0.5s}
.link-sante:hover svg path,
header nav > ul > li a.sante:hover svg path{fill: white}
.link-sante:hover{background: #003359}
.link-sante:hover > a,
header nav > ul > li a.sante:hover{color: white}
@media screen and (min-width: 991px){
header nav > ul > li a:hover{color: #00A7C9}
}
header nav > ul > li.li-sante{
text-align: left;
border-radius: 50px;
}
.link-sante{border: 2px solid #003359}
.link-sante,
header nav > ul > li a.sante{
color: white;
line-height: 22px;
padding: 8px 15px 0px 15px;
padding-bottom: 8px;
border-radius: 50px;
top: 14px;
position: relative;
}
.sub-menu-pro{
background: white;
border-bottom-left-radius: 50px;
overflow: visible;
right: 41px;
height: auto;
position: fixed;
left: 0;
top: 190px;
width: 100%;
box-shadow: 0px 11px 12px #dfdfdf;
color: #003359;
display: none;
padding-left: 120px;
padding-top: 30px;
}
.sub-menu-pro ul{
display: flex;
gap: 100px;
clear: both;
margin-bottom: 65px;
}
.sub-menu-pro ul li img{
width: auto;
height: auto;
}
.slick-arrow.slick-disabled{opacity: 0!important}
@media screen and (max-width: 1380px){
.sub-menu-pro{right: 22px}
}
@media screen and (min-width: 1250px){
.link-sante{
height: 85px;
overflow: hidden;
}
header.fixed .link-sante{height: 66px}
}
body .link-info{
display: table;
margin-top: 10px;
font-size: 16px;
font-style: italic;
}
.link-sante.hover .sub-menu-pro{
display: block;
z-index: 99;
opacity: 1;
}
body.has-header header:not(.fixed) .link-sante.hover .sub-menu-pro{top: 173px}
.sub-menu-pro span{
font-family: "Rubik-Medium";
font-size: 14px;
line-height: 17px;
margin-bottom: 20px;
display: block;
}
.sub-menu-pro > ul > li{padding: 0px 20px}
.sub-menu-pro li ul li{
font-size: 14px;
line-height: 16px;
text-align: center;
}
.sub-menu-pro > li{width: 100%}
.sub-menu-pro > li:last-child{border: none}
.link-sante svg,
.link-sante >div{
z-index: 999;
}
.sub-sub-menu > li > a > span,
header nav > ul > li > a > span,
header nav > ul > li > span{
display: block;
}
.sub-menu{
display: flex;
z-index: -999;
padding: 43px 0px;
padding-top: 20px;
top: 94px;
padding-left: 100px;
border-bottom-left-radius: 100px;
}
@media screen and (min-width: 1251px){
.sub-menu{display: none}
.has-sub-menu.active .sub-menu{display: flex}
}
header nav .has-sub-menu.active.count-1 .sub-menu{margin-left: 0px}
.has-sub-menu.active .sub-menu{
opacity: 1;
z-index: 99;
}
.has-sub-menu .sub-menu.special-width{width: 710px}
@media screen and (min-width: 1250px){
.fixed .sub-menu{display: none}
.fixed .has-sub-menu.active .sub-menu{
display: flex;
top: 130px;
}
}
.has-sub-menu.active .sub-menu {
position: fixed;
left: 0;
top: 190px;
width: 100%;
box-shadow: 0px 11px 12px #dfdfdf;
}
.has-sub-menu .sub-menu > li{
padding-left: 25px;
padding-right: 30px;
position: relative;
border-right: 2px solid rgb(148 208 222 / 22%);
text-align: left;
}
@media screen and (min-width: 1200px){
.has-sub-menu.count-1 .sub-menu > li{
padding-left: 20px;
padding-right: 0px;
}
}
.sub-sub-menu > li{
margin-bottom: 18px;
text-align: left;
}
.has-sub-menu .sub-menu > li:last-child{border:none}
.sub-menu .title-sub{
line-height: 15px;
font-size: 14px;
margin-bottom: 20px;
font-family: "Rubik-Medium";
display: block;
text-transform: uppercase;
}
.sub-sub-menu{
display: flex;
gap: 100px;
clear: both;
}
.sub-sub-menu a{
font-size: 14px;
line-height: 16px;
padding-left: 0px!important
}
.simple-link-menu{
color: #003359;
position: relative;
display: block;
text-decoration: underline;
font-size: 14px;
margin-bottom: 40px;
font-family: "Madera-Regular";
}
header.fixed{z-index: 99999}
header.fixed .top-links {top: 15px}
header.fixed .sub-menu{top: 90px}
header.fixed .sub-menu-pro {top: 115px}
.searchbar.active {
width: 100%;
height: 100px;
}
body div.asp_m.ajaxsearchpro .probox .proinput{padding-left: 15px}
body .asp_res_text{
color: #003359;
font-family: "Rubik-Regular";
font-size: 14px;
line-height: normal;
font-weight: normal;
}
body #ajaxsearchprores1_1 .results .item .asp_content h3 a:hover{font-weight: normal}
body #ajaxsearchprores1_1 .results .item .asp_content h3 a,
body #ajaxsearchprores1_2 .results .item .asp_content h3 a,
body div.asp_r.asp_r_1 .results .item .asp_content h3 a {
font-family: "Rubik-Medium"!important;
color: #003359!important;
font-weight: normal;
max-width: 65%;
font-size: 15px!important;
}
body #ajaxsearchprores1_1, #ajaxsearchprores1_2,body div.asp_r.asp_r_1 {
border-radius: 20px!important;
box-shadow: 0px 3px 6px #00000029!important;
}
body div.asp_m.ajaxsearchpro .probox .promagnifier .innericon,
body div.asp_m.ajaxsearchpro .probox .prosettings .innericon,
body div.asp_m.ajaxsearchpro .probox .proclose .innericon {
background-size: 24px 24px;
}
body #ajaxsearchprores1_1.vertical .results .item .asp_image,
body #ajaxsearchprores1_2.vertical .results .item .asp_image,
body div.asp_r.asp_r_1.vertical .results .item .asp_image {
width: 105px;
height: 85px;
margin: 2px 8px 0 0;
}
.searchbar .inner{
padding: 25px 0px;
width: 100%;
}
.searchbar {
transition:0.5s;
text-align: center;
z-index: 99;
top: 113px;
width: 100%;
height: 0px;
overflow: hidden;
}
header.fixed .searchbar {top: 88px}
body #ajaxsearchpro1_1,
.searchbar input{
border: none;
background: #ffffff;
width: 500px;
max-width: 100%;
height: 40px;
border-radius: 50px;
box-shadow: 0px 3px 6px #00000029;
}
body #ajaxsearchpro1_1{margin: auto}
body #ajaxsearchprores1_1.vertical,
div.asp_w.asp_r .results {
z-index: 99;
}
.searchbar input:focus,
.searchbar input:active{
border: none;
outline: none;
}
.top-links{
position: absolute;
right: 50px;
top: 15px;
display: flex;
align-items: center;
}
.top-links svg,
.top-links img{
width: 27px;
height: 27px;
}
.top-links .search{margin-left: 23px}
.top-links .burger-menu:hover,
.top-links .search:hover{cursor: pointer}
.link-sante{
width: 200px;
display: flex;
top: -2px;
font-family: "Rubik-Medium";
font-weight: normal;
font-size: 12px;
height: auto;
overflow: hidden;
}
.link-sante a{z-index: 999}
.link-sante > a{display: flex}
.link-sante svg{
width: 55px;
height: auto;
margin-right: 14px;
}
.searchbar input{padding: 0px 25px}
.searchbar button{
left: -55px;
position: relative;
border-radius: 100%;
border: none;
background: none;
top: 6px;
}
#burger-checkbox-2,
#burger-checkbox {display: none}
header .burger-menu {
position: relative;
background: #ffffff;
cursor: pointer;
border-radius: 50%;
z-index: 2;
margin-left: 5px;
}
header .burger-menu {
width: 65px;
height: 45px;
}
header .burger-menu span:first-child {transform: translate(-50%, -11px) rotate(0deg)}
header .burger-menu span:last-child {transform: translate(-50%, 8px) rotate(0deg)}
@media screen and (min-width: 767px){
.search svg{
transition-duration: 0.3s;
transition-property: transform;
-webkit-tap-highlight-color: rgba(0,0,0,0);
transform: translateZ(0);
}
.search:hover svg path{fill: #00A7C9}
.search:hover svg{
transform: translateY(-6px);
animation-name: hover;
animation-duration: 1.5s;
animation-delay: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
}
header .burger-menu span {
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
height: 3px;
width: 27px;
background-color: #003359;
transition: all .3s linear;
opacity: 1;
}
.burger-menu-2.checked span:first-child,
#burger-checkbox:checked ~ .burger-menu span:first-child {transform: translate(-8px, 0px) rotate(45deg);}
.burger-menu-2.checked span:nth-child(2) ,
#burger-checkbox:checked ~ .burger-menu span:nth-child(2) {opacity: 0}
.burger-menu-2.checked span:last-child ,
#burger-checkbox:checked ~ .burger-menu span:last-child {transform: translate(-8px, 0px) rotate(-45deg);}
/*HOME PAGE*/
.page-template-template-fds-hp .shape,
.home .shape{
position: absolute;
top: 275px;
left: 0;
z-index: 9;
}
.home .bloc-list-post{padding-top: 100px}
.bottom-slide-hp .big-title{margin-bottom: 15px}
.page-template-template-fds-hp .character,
.home .character{
position: absolute;
top: 340px;
left: -29px;
z-index: 99;
width: auto;
z-index: 9;
}
.slider-video img,
.slide-img,
video#featuredVideo {
min-width: 100%;
z-index: -100;
height: 784px;
object-fit: cover;
}
.slide-img{
width: 100%;
height: auto;
}
.slick-next:before {
content: url(../img/svg/arrow-slide-right-green.svg);
z-index: 99;
}
.slick-prev:before {
content: url(../img/svg/arrow-slide-left-green.svg);
z-index: 99;
}
.list-post .slick-next:before {
content: url(../img/svg/arrow-slide-right-blue-lite.svg);
z-index: 99;
}
.list-post .slick-prev:before {
content: url(../img/svg/arrow-slide-left-blue-lite.svg);
z-index: 99;
}
.slick-prev, .slick-next{top: 47%}
.slider-video .slick-dots{
z-index: 999;
left: initial;
text-align: right;
display: table;
width: auto;
right: 35px;
bottom: 20px;
}
.slider-video .slick-dots li.slick-active button:before {font-size: 21px}
.slider-video .slick-dots li button:before {font-size: 21px}
.slider-video .slick-dots li {margin: 0px 5px}
.video-bg{
position: relative;
margin-bottom: 110px;
}
.video-bg:before{
content: "";
position: absolute;
height: 690px;
top: 463px;
background: white;
width: 1000px;
border-top-right-radius: 150px;
z-index: 1;
border-bottom-right-radius: 150px;
}
.video-bg.no-video .inner:before{background: none}
@media screen and (min-width: 1900px){
.video-bg:before{width: 1100px}
}
@media screen and (min-width: 2100px){
.video-bg:before{width: 1200px}
}
@media screen and (min-width: 2300px){
.video-bg:before{width: 1300px}
}
@media screen and (min-width: 2500px){
.video-bg:before{width: 1400px}
}
@media screen and (min-width: 2700px){
.video-bg:before{width: 1500px}
}
@media screen and (min-width: 2900px){
.video-bg:before{width: 1600px}
}
@media screen and (min-width: 3100px){
.video-bg:before{width: 1700px}
}
.video-bg .inner:before{
content: "";
background: #5FC1D4 0% 0% no-repeat padding-box;
opacity: 0.4;
position: absolute;
height: calc(100% - 3px);
width: 100%;
}
.block-content-video{
width: auto;
border-top-right-radius: 150px;
display: block;
float: left;
padding-right: 55px;
z-index: 9;
position: absolute;
bottom: 0px;
}
.page-template-template-fds-hp .block-content-video{
width: 573px;
padding: 0px;
bottom: -136px
}
.block-content-video .big-title{margin-bottom: 20px}
.block-content-video .content{
width: 573px;
max-width: 100%;
}
.block-content-video .cta{
margin: auto;
display: table;
margin-top: 30px;
top: 25px;
}
@media screen and (max-width: 1800px){
.sub-sub-menu,
.sub-menu-pro ul {
gap: 60px;
}
}
@media screen and (max-width: 1500px){
.sub-menu {padding-left: 30px}
header nav > ul > li:nth-of-type(4) .sub-sub-menu,
.sub-menu-pro ul {gap: 25px}
}
/*HP FDS*/
.page-template-template-fds-hp .list-post article label.label-category,
.page-template-template-fds-hp .slick-dots li button:before,
.page-template-template-fds-hp .slick-dots li.slick-active button:before {
color: #003359;
}
.page-template-template-fds-hp .section-1 .slick-dots li button:before,
.page-template-template-fds-hp .section-1 .slick-dots li.slick-active button:before {
color: #00A7C9;
}
/*FOOTER*/
.mc4wp-form-fields label{
font-family: "Rubik-Bold";
color: white;
font-size: 18px;
line-height: 29px;
margin-bottom: 15px;
display: block;
}
.nl-popup .mc4wp-form-fields label {
font-size: 12px;
padding: 0px 30px;
color: #003359;
display: flex;
align-items: center;
line-height: normal;
}
.mc4wp-form-fields label.label-subscribe{margin-bottom: 0px}
.nl-popup .mc4wp-form-fields label input{margin-right: 10px}
.group-input-nl input[type="email"]{
border-radius: 36px 0px 0px 36px;
padding: 20.5px 13px 20.5px 33px;
width: 416px;
border: none;
float: left;
}
.sup-footer .group-input-nl input[type="email"],
.sup-footer .group-input-nl input[type="text"]{
border-radius: 36px;
padding: 12.5px 13px 13.5px 33px;
width: 48%;
border: none;
float: left;
}
.sup-footer .group-input-nl{
display: flex;
flex-wrap: wrap;
width: 665px;
max-width: 100%;
gap: 15px;
}
.group-input-nl input[type="email"]:focus,
.group-input-nl input[type="email"]:active{
outline: none;
border: none;
}
.group-input-nl input::placeholder {
color: #003359;
font-family: "Madera-Bold";
font-size: 16px;
}
.sup-footer .group-input-nl input::placeholder {font-size: 13px}
.group-input-nl input::-webkit-input-placeholder,
.group-input-nl input::-moz-placeholder,
.group-input-nl input:-ms-input-placeholder,
.group-input-nl input:-moz-placeholder{
color: #003359;
font-family: "Madera-Bold";
font-size: 16px;
}
.sup-footer .group-input-nl input::-webkit-input-placeholder,
.sup-footer .group-input-nl input::-moz-placeholder,
.sup-footer .group-input-nl input:-ms-input-placeholder,
.sup-footer .group-input-nl input:-moz-placeholder{
font-size: 13px;
}
input[type="submit"] {
width: 71px;
height: 60px;
background: #94D0DE;
border: none;
border-radius: 0px 36px 36px 0px;
font-family: "Rubik-Bold";
color: white;
font-size: 21px;
}
.sup-footer input[type="submit"]{
width: 100%;
height: 52px;
background: #94D0DE;
border: none;
border-radius: 36px;
font-family: "Rubik-Bold";
color: white;
font-size: 20px;
margin-top: 0px;
}
footer .mc4wp-form{margin-top: 15px}
footer .nl{margin-bottom: 45px}
footer{
background: #00a7c9;
padding: 50px 0px 40px 0px!important;
}
.logo-footer{
width: 150px;
left: 0px;
position: relative;
margin-bottom: 20px;
}
.col-full > .menu-footer{margin-top: 60px}
footer .arrondi{
position: absolute;
right: 0;
top: -186px;
}
.menu-footer li,
.menu-footer a{
font-family: "Rubik-Regular";
color: white;
font-size: 16px;
line-height: 28px;
}
footer .col-left{float: left}
footer .col-right{
float: left;
left: 250px;
position: relative;
}
footer .rs{
display: flex;
margin-left: 10px;
}
.rs > li{margin-right: 10px}
.rs img{
width: 25px;
height: 25px;
}
.col-right p.label{
font-size: 18px;
margin-bottom: 5px;
}
/*POST*/
body .intro-post .content{
padding-top: 10px;
padding-right: 70px;
}
.bg-blue.label-intro{
font-family: "Madera-Bold";
margin-right: 20px;
}
.label-intro span{
top: -2px;
position: relative;
}
.intro-post label.label-intro{
padding: 9px 23px;
border-radius: 18px;
font-family: "Rubik-Bold";
font-size: 14px;
margin-bottom: 39px;
display: table;
}
.partage-rs{
width: auto;
right: 0;
top: 18px;
height: 40px;
align-items: center;
transition: 1s;
padding: 22px 16px;
margin-left: 30px;
transition: 0.5s;
border-radius: 22px;
width: 145px;
overflow: hidden;
}
.partage-rs .rs a{z-index: -99}
.partage-rs.active .rs a{z-index: 99}
.partage-rs span svg{
margin-right: 10px;
margin-left: 2px;
width: 21px;
}
.partage-rs > span{
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
transition: 1s;
}
.partage-rs.active {padding-right: 0px}
.partage-rs.active > span label{opacity: 0}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.partage-rs.active > span{color: #3a3128}
.partage-rs.active {width: 176px;}
.partage-rs > .rs{
margin-left: -104px;
display: flex;
opacity: 0;
z-index: -99;
transition: 0s;
position: relative;
background: #00a7c9;
padding: 7px;
border-radius: 22px;
left: -62px;
}
.partage-rs > .rs svg{
margin-right: 10px;
width: 27px;
height: 27px;
}
.partage-rs.active > .rs{
left: 30px;
align-items: center;
justify-content: center;
opacity: 1;
z-index: 9;
}
.partage-rs label{
font-family: "Rubik-Medium";
font-size: 14px;
text-transform: uppercase;
}
@media screen and (max-width: 991px){
.sup-footer .group-input-nl{width: 100%}
.partage-rs > span{z-index: 99}
.partage-rs.active > span{z-index: 0}
}
@media screen and (max-width: 767px){
.partage-rs.active {width: 205px}
}
.next-previous-links{
margin-top: 35px;
margin-bottom: 90px;
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
gap: 90px;
}
.next-previous-links .cta{
padding: 19px 36px;
margin: 0px 32px;
text-align: center;
}
.next-previous-links a:not(.cta){
font-size: 18px;
display: flex;
align-items: center;
text-align: center;
}
/*PAGES parente*/
#video-parent-page{
height: 100%;
border-bottom-left-radius: 150px;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
width: 100%;
}
.intro-page {
height: 468px;
margin-bottom: 180px;
border-bottom-left-radius: 150px;
background-position: center;
background-size: cover;
}
.intro-page.has-video{height: 490px}
.intro-page .block-content{
background: white;
border-top-left-radius: 150px;
padding: 30px 0px 0px 140px;
padding-bottom: 30px;
float: right;
width: 60%;
position: absolute;
right: 0;
z-index: 9;
top: 296px;
border-bottom-left-radius: 150px;
}
.intro-page .block-content:not(.special){padding-bottom: 85px}
.intro-page .block-content.special{min-height: 533px}
.intro-page.has-video .block-content{top: 327px}
.intro-page .block-content:after {
content: "";
position: absolute;
height: 100%;
background: white;
width: 4050px;
z-index: -1;
right: 0;
border-radius: 150px;
top: 0px;
left: 0px;
}
.page-id-1238 .intro-page .block-content:after {height: 100%}
.page-id-1238 .intro-page .block-content{min-height:300px}
.intro-page .block-content:after{height: 100%}
.intro-page .block-content.no-intro-txt{min-height: 333px}
.intro-page .big-title{margin-bottom: 26px}
.intro-page .container{position: relative}
.intro-page .breadcrumbs{margin-bottom: 10px}
.mascott-plaie,
.mascott-propos{
position: absolute;
width: 214px;
left: -109px;
bottom: 221px;
}
.mascott-plaie{
left: -140px;
bottom: 285px;
}
.breadcrumbs{
color: #00A7C9;
display: flex;
align-items: center;
gap: 9px;
}
.breadcrumbs li {padding: 0px 2px;float: left;}
.breadcrumbs li:first-child{padding-left: 0px}
.breadcrumbs li a{
color: #94D0DE;
font-family: "Rubik-Medium";
}
.breadcrumbs li span{
padding-left: 2px;
font-size: 14px;
}
/*Page enfant*/
body .intro-sub-page .breadcrumbs{margin-bottom: 25px}
body.single .intro-sub-page .breadcrumbs {margin-bottom: 40px}
.intro-sub-page img.post-thumbnail{
width: 35%;
height: auto;
border-radius: 20px;
height: auto;
position: relative;
z-index: 1;
object-fit: contain;
}
.single-post .intro-sub-page img.post-thumbnail{object-fit: cover}
.single-post.postid-7988 .intro-sub-page img.post-thumbnail {height: 320px}
.postid-7181.single-post .intro-sub-page img.post-thumbnail{object-fit: contain}
body section.intro-sub-page h1{
margin-bottom: 50px;
margin-top: 70px;
}
body.single-produit section.intro-sub-page{margin-bottom: 0px}
body.single section.intro-sub-page h1 {margin-top: 40px}
body [data-wpr-lazyrender] {content-visibility: visible}
@media screen and (min-width: 1600px) and (max-width: 1650px){
.intro-sub-page img.post-thumbnail{width: 680px}
}
@media screen and (min-width: 1950px){
.intro-sub-page img.post-thumbnail{left: -25px}
}
body section.intro-sub-page {
margin-bottom: 35px;
padding-bottom: 77px;
}
body section.intro-sub-page.has-ancres {padding-bottom: 0px}
body section.intro-sub-page.has-ancres .block-ancres ul{margin-bottom: 0px}
.flex-page-header{
display: flex;
gap: 55px;
float: left;
width: 100%;
}
/*Single product*/
.slider-top-product{width: 450px}
.slider-top-product img{
max-width: 100%;
max-height: 320px;
margin: auto;
}
.product-img{
width: 375px;
margin-left: 80px;
max-width: 100%;
}
.slider-product-mobile {
position: absolute;
bottom: -170px;
}
/*Single post*/
.container-post > article{
width: 100%;
float: left;
min-height: 100vh
}
.container-post > article .gform_wrapper input[type="submit"]{background: #00A7C9!important}
.single-post .container-post > article .gf_progressbar,
.single-post .container-post > article .gf_progressbar_title{
display: none;
}
.single-chroniques .container-post > article{
width: 100%;
max-width: 100%;
}
.single-chroniques .sidebar .slider-mobile {
margin-top: 20px;
flex-direction: row;
gap: 30px;
flex-wrap: wrap;
}
.form-sidebar{
position: absolute;
width: 475px;
height: 1510px;
background: white;
right: 0;
border-radius: 50px;
top: -170px;
z-index: -22;
}
@media screen and (min-width: 2100px){
.form-sidebar{display: none}
}
.container-post .sidebar{
float: left;
width: 100%;
}
.container-post > .sidebar{
width: calc(100% - 775px);
float: left;
padding-left: 115px;
margin-top: 50px;
}
@media screen and (min-width: 768px){
.post-type-archive-evenements .list-post article .content {min-height: 384px;}
}
.sidebar .slider-mobile{
display: flex;
gap: 40px;
}
.single-webinar .datas,
.single-evenements .datas,
.single-post .datas{margin-top: 28px}
.title-sidebar{
font-size: 32px;
margin-bottom: 55px;
line-height: normal;
}
.title-sidebar.beige{margin-top: 60px}
.title-post-sidebar{
font-size: 18px;
margin-bottom: 40px;
line-height: normal;
}
.title-innovations-sidebar{
font-size: 32px;
font-family: "Rubik-Bold";
margin-bottom: 15Px;
}
.sidebar article {
margin-bottom: 49px;
transition: 0.5s;
border-radius: 20px;
background: white;
}
.sidebar article img{
width: 100%;
height: 214px;
object-fit: cover;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.sidebar article label{
font-size: 12px;
font-family: "Madera-Bold";
margin-bottom: 20px;
display: table;
display: none;
}
.page-id-5533 .intro-sub-page img.post-thumbnail{object-fit: cover}
.sidebar article .content{padding: 25px 20px 43px 20px}
.single-webinar .sidebar article .content{
border-radius: 0px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.sidebar article.article-innovations .link{
font-size: 22px;
float: right;
}
.sidebar article:hover{box-shadow: 0px 0px 26px #00335933}
article a:focus,
article a:active{
outline: none;
}
.sidebar article a:hover .link.blue-lite:after{
width: 90%;
background: #00A7C9
}
.sidebar article.article-innovations a:hover .link.beige:after{
width: 100%;
background: #6E8AAF
}
/* .sidebar article.article-innovations .link:after{content: none!important} */
.sidebar article.article-innovations .link svg{display: none!important}
.sidebar article.article-innovations .content {
position: relative;
padding: 33px 40px 60px 40px;
}
/*Innovations*/
.innovations-margin-single{margin-bottom: 150px}
body .intro-post.innovations-cat .content{
padding-left: 0px;
margin-top: -268px;
width: 675px;
position: relative;
}
.admin-bar .intro-post.innovations-cat .content{margin-top: -343px}
body .intro-post.innovations-cat .content:before{
content: "";
background: white;
height: 100%;
width: 2500px;
position: absolute;
left: -2500px;
border-bottom-left-radius: 100px;
border-top-left-radius: 100px;
z-index: -1;
top: 0;
}
body .intro-post.innovations-cat .content{
border-top-right-radius: 150px;
border-bottom-right-radius: 0px;
padding-bottom: 65px;
}
body .intro-post.innovations-cat:after{
content: "";
background: white;
position: absolute;
height: 300px;
width: 600px;
left: 0;
bottom: -300px;
}
body .intro-post.innovations-cat .content:after{
content: "";
background: white;
position: absolute;
height: 300px;
width: 100%;
left: 0;
bottom: -300px;
z-index: -999;
display: block;
}
body .intro-post.innovations-cat .picto{
position: absolute;
left: -4px;
bottom: 266px;
transform: rotate(90deg);
}
body .intro-post.innovations-cat img.post-thumbnail{
width: 100%;
height: 400px;
left: 0;
border-radius: 0px;
border-bottom-right-radius: 150px;
}
body.postid-809 .intro-post.innovations-cat img.post-thumbnail{height: auto}
body .intro-sub-page.innovations-cat .breadcrumbs {
margin-bottom: 25px;
padding-left: 0px;
float: left;
width: 100%;
}
body .intro-sub-page.innovations-cat .title-innovations{
position: absolute;
bottom: 75px;
right: 150px;
}
body .intro-sub-page.innovations-cat .title-innovations li{
font-family: "Rubik-Bold";
font-size: 22px;
margin: 5px 0px;
text-decoration: underline;
margin-bottom: 10px;
}
body .intro-sub-page.innovations-cat .title-innovations li:last-of-type {text-decoration: none}
body .intro-sub-page.innovations-cat .title-innovations li a{color: white}
body .intro-sub-page.innovations-cat .title-innovations li.active{font-size: 40px}
body .intro-sub-page.innovations-cat .title-innovations li.first{
font-size: 18px;
margin-bottom: 28px;
text-decoration: none;
}
.text-sidebar-innovations{margin-bottom: 49px}
/*Archives*/
.archive article .thumbnail{width: 100%}
.main-post{
margin-top: 42px;
margin-bottom: 225px;
}
.main-post article{
width: 990px;
margin: auto;
margin-bottom: 200px;
}
.main-post article > img{
width: 560px;
float: left;
border-radius: 50px;
border-bottom-left-radius: 0px;
height: 420px;
object-fit: cover;
}
.main-post article .content {
width: calc(100% - 560px);
padding-left: 42px;
float: left;
flex-direction: column;
justify-content: center;
margin-top: 90px;
}
.archive .list-post article{margin-bottom: 178px}
.main-post label{
width: auto;
top: 20px;
border-radius: 18px;
position: absolute;
padding: 8.5px 23px;
font-family: "Rubik-Bold";
font-size: 14px;
}
.main-post button.link{width: 135px}
.main-post .title-preview-post{
font-size: 25px;
line-height: 35px;
}
.shape-list-posts{position: relative}
.shape-list-posts img{
position: absolute;
top: -325px;
right: 0px;
}
.shape-list-posts span{
height: 277px;
width: 90%;
background: white;
position: absolute;
top: -141px;
border-radius: 100px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0Px;
right: 0;
}
.intro-archive .block-right{float: left}
.intro-archive .breadcrumbs{
margin-bottom: 135px;
padding-left: 19px;
margin-top: 18px;
}
.intro-archive form{margin-left: 88px}
.searchandfilter select.sf-input-select {
width: 306px;
height: 60px;
padding: 15px 45px 15px 35px;
border: none;
border-radius: 30px;
color: #00A7C9;
font-family: "Rubik-Bold";
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
font-size: 18px;
}
.searchandfilter select.sf-input-select option{
font-size: 15px;
font-family: "Rubik-Regular";
}
.searchandfilter select.sf-input-select:active,
.searchandfilter select.sf-input-select:focus,
.searchandfilter select.sf-input-select:hover {
outline: none;
border: none;
cursor: pointer;
}
.searchandfilter label{position: relative}
.searchandfilter label:after{
content: url(../img/svg/arrow-slide-right-blue-lite.svg);
position: absolute;
top: 0;
bottom: 0;
pointer-events: none;
color: white;
display: flex;
align-items: center;
right: 25px;
transform: rotate(90deg);
}
.intro-archive .content{
border-bottom-right-radius: 150px;
background: white;
width: 911px;
box-sizing: border-box;
padding-left: 170px;
padding-top: 70px;
padding-bottom: 140px;
float: left;
position: relative;
}
.intro-archive .content p{width: 550px}
.intro-archive .content .big-title{margin-bottom: 29px;text-align: left;clear: both;display: block;}
#archives-post{margin-top: -105px}
.post-type-archive-produit .list-products{
margin-bottom: 120px;
margin-top: 70px
}
.post-type-archive-produit .shape{
position: absolute;
width: 275px;
top: -170px;
right: 349px;
z-index: 9;
}
@media screen and (min-width: 2050px){
body .intro-archive .content{width: 980px}
}
.old-content p{color: #003359}
.old-content h5,
.old-content h4,
.old-content h3{
font-family: "Rubik-Bold";
font-size: 18px;
line-height: 24px;
margin-bottom: 15px;
color: #003359;
}
.old-content h6{
color: #003359;
font-family: "Rubik-Regular";
line-height: 22px;
font-size: 14px;
}
.old-content img{
height: auto;
max-width: 100%
}
.old-content img.aligncenter{
margin: auto;
display: block;
}
.old-content ul{
color: #00A7C9;
margin: 25px 0px;
}
.old-content p{font-size: 16px}
.old-content h2{
font-family: "Rubik-Bold";
font-size: 20px;
line-height: 24px;
margin-bottom: 15px;
color: #00A7C9;
}
.old-content ul li::before {
content: "";
width: 4px;
height: 88%;
position: absolute;
left: 0px;
background: #00A7C9;
border-radius: 4px;
top: 6%;
}
.old-content li {
font-family: "Rubik-Medium";
font-size: 20px;
line-height: 24px;
position: relative;
padding-left: 26px;
margin-bottom: 20px;
}
.old-content .wp-caption{max-width: 100%!important}
/*HISTOIRE*/
img.line-story{
position: absolute;
left: 60px;
right: 0;
margin: auto;
top: 225px;
}
.date p{
font-size: 16px;
line-height: 24px;
}
.date-1{margin-top: 110px}
.date-2{margin-top: 100px}
.date-3{margin-top: 170px}
.date-4{margin-top: 165px}
.date-6{margin-top: 70px}
.date-7{margin-top: 275px}
.date-8{margin-top: 155px}
.date-9{margin-top: 400px}
.date-10 {margin-top: 20px}
.date-11{margin-top: 245px}
.date-12{
margin-top: 55px;
margin-bottom: 220px
}
.date-1 .col-left,
.date-2 .col-left,
.date-3 .col-left,
.date-5 .col-left,
.date-7 .col-left,
.date-9 .col-left,
.date-11 .col-left{
float: left;
width: 428px;
text-align: right;
margin-right: 140px;
}
.date-1 .col-right img{
width: 420px;
height: 320px;
object-fit: cover;
border-radius: 50px 50px 50px 0px;
top: -120px;
position: relative;
}
.date-2 .col-left img{
top: -30px;
position: relative;
}
.date-2 .col-right{
float: left;
width: 428px;
margin-top: 95px;
}
.date-3 .col-left{margin-left: 180px}
.date-3 .col-right img{
float: left;
width: 420px;
margin-top: 0px;
position: absolute;
right: -60px;
top: -25px;
}
.date-4 .col-left img{
float: left;
width: 420px;
text-align: right;
margin-right: 55px;
margin-left: 180px;
top: 40px;
position: relative;
}
.date-4 .col-right{
float: left;
width: 428px;
margin-top: 95px;
left: 125px;
position: relative;
top: 45px;
}
.date-5 .col-right img{
float: left;
width: 420px;
margin-top: 0px;
position: relative;
right: -25px;
top: -85px;
}
.date-5{margin-top: 330px}
.date-6 .col-left img{
float: left;
width: 420px;
text-align: right;
margin-right: 55px;
top: -10px;
position: relative;
}
.date-6 .col-right{
float: left;
width: 428px;
margin-top: 95px;
left: 125px;
position: relative;
top: 20px;
}
.date-7 .col-right img{
float: left;
width: 420px;
margin-top: 0px;
position: relative;
left: 195px;
top: -70px;
}
.date-7 .picto-2{
position: absolute;
width: 260px;
left: -322px;
top: -224px;
}
.date-7 .col-left{
left: 180px;
position: relative;
}
.date-8 .col-left img{
float: left;
width: 420px;
text-align: right;
margin-right: 55px;
top: -30px;
position: relative;
margin-left: 180px;
}
.date-8 .col-right{
float: left;
width: 428px;
margin-top: 95px;
left: 125px;
position: relative;
top: 45px;
}
.date-9 .col-right img{
top: -170px;
position: relative;
}
.date-10 .col-left img{
float: left;
width: 420px;
text-align: right;
margin-right: 55px;
position: relative;
}
.date-10 .col-right{
float: left;
width: 428px;
margin-top: 95px;
left: 125px;
position: relative;
top: 75px;
}
.date-11 .col-left{
left: 180px;
position: relative;
}
.date-11 .col-right{
left: 210px;
position: relative;
}
.date-11 .col-right img{
top: -120px;
position: relative;
}
.date-12 .col-left img {
float: left;
width: 420px;
text-align: right;
margin-right: 55px;
top: 0px;
position: relative;
margin-left: 180px
}
.date-12 .col-right {
float: left;
width: 428px;
margin-top: 95px;
left: 125px;
position: relative;
top: 45px;
}
@media screen and (min-width: 1024px){
body:not(.wp-admin) .date-12-section img.radius-right,
body:not(.wp-admin) .date-12-section .col-right,
body:not(.wp-admin) .date-11-section img.radius-right,
body:not(.wp-admin) .date-11-section .col-left,
body:not(.wp-admin) .date-10-section img.radius-left,
body:not(.wp-admin) .date-10-section .col-right,
body:not(.wp-admin) .date-9-section img.radius-right,
body:not(.wp-admin) .date-9-section .col-left,
body:not(.wp-admin) .date-8-section img.radius-left,
body:not(.wp-admin) .date-8-section .col-right,
body:not(.wp-admin) .date-7-section img.radius-right,
body:not(.wp-admin) .date-7-section .col-left,
body:not(.wp-admin) .date-6-section img.radius-left,
body:not(.wp-admin) .date-6-section .col-right,
body:not(.wp-admin) .date-5-section .col-left,
body:not(.wp-admin) .date-5-section img.radius-right,
body:not(.wp-admin) .date-2-section img.radius-left,
body:not(.wp-admin) .date-2-section .col-right,
body:not(.wp-admin) .date-3-section .col-left ,
body:not(.wp-admin) .date-3-section img.radius-right,
body:not(.wp-admin) .date-4-section img.radius-left,
body:not(.wp-admin) .date-4-section .col-right
{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 0;
}
body:not(.wp-admin) .date-12-section img.radius-right,
body:not(.wp-admin) .date-11-section .col-left,
body:not(.wp-admin) .date-10-section img.radius-left,
body:not(.wp-admin) .date-9-section .col-left,
body:not(.wp-admin) .date-8-section img.radius-left,
body:not(.wp-admin) .date-7-section .col-left,
body:not(.wp-admin) .date-6-section img.radius-left,
body:not(.wp-admin) .date-5-section .col-left,
body:not(.wp-admin) .date-4-section img.radius-left,
body:not(.wp-admin) .date-3-section .col-left,
body:not(.wp-admin) .date-2-section img.radius-left{transform: translate(-25%,0)}
body:not(.wp-admin) .date-12-section .col-right,
body:not(.wp-admin) .date-11-section img.radius-right,
body:not(.wp-admin) .date-10-section .col-right,
body:not(.wp-admin) .date-9-section img.radius-right,
body:not(.wp-admin) .date-8-section .col-right,
body:not(.wp-admin) .date-7-section img.radius-right,
body:not(.wp-admin) .date-6-section .col-right,
body:not(.wp-admin) .date-5-section img.radius-right,
body:not(.wp-admin) .date-4-section .col-right,
body:not(.wp-admin) .date-3-section img.radius-right,
body:not(.wp-admin) .date-2-section .col-right{transform: translate(25%,0)}
body:not(.wp-admin) .date-12-section.vue img.radius-right,
body:not(.wp-admin) .date-12-section.vue .col-right,
body:not(.wp-admin) .date-11-section.vue .col-left,
body:not(.wp-admin) .date-11-section.vue img.radius-right,
body:not(.wp-admin) .date-10-section.vue img.radius-left,
body:not(.wp-admin) .date-10-section.vue .col-right,
body:not(.wp-admin) .date-9-section.vue .col-left,
body:not(.wp-admin) .date-9-section.vue img.radius-right,
body:not(.wp-admin) .date-8-section.vue img.radius-left,
body:not(.wp-admin) .date-8-section.vue .col-right,
body:not(.wp-admin) .date-7-section.vue .col-left,
body:not(.wp-admin) .date-7-section.vue img.radius-right,
body:not(.wp-admin) .date-6-section.vue .col-right,
body:not(.wp-admin) .date-6-section.vue img.radius-left,
body:not(.wp-admin) .date-5-section.vue .col-left,
body:not(.wp-admin) .date-5-section.vue img.radius-right,
body:not(.wp-admin) .date-4-section.vue img.radius-left,
body:not(.wp-admin) .date-4-section.vue .col-right,
body:not(.wp-admin) .date-3-section.vue .col-left ,
body:not(.wp-admin) .date-3-section.vue img.radius-right,
body:not(.wp-admin) .date-2-section.vue img.radius-left,
body:not(.wp-admin) .date-2-section.vue .col-right{
opacity: 1;
transform: translate(0,0);
}
}
.story-container .big-title{margin-bottom: 7px}
.story-container .small-title {margin-bottom: 15px}
.story-container img.radius-right{border-radius: 50px 50px 50px 0px}
.story-container img.radius-left{border-radius: 50px 50px 0px 50px}
.date-2-section{position: relative}
.date-9-section:after,
.date-2-section:after{
content: "";
background: #C9E9F1;
height: 569px;
position: absolute;
width: 1100px;
right: 0;
z-index: -1;
top: 117px;
}
.date-9-section .container,
.date-2-section .container{position: relative;}
.date-9-section .container:after,
.date-2-section .container:after{
content: "";
background: #C9E9F1;
height: 569px;
position: absolute;
width: 1100px;
left: -130px;
z-index: -1;
border-radius: 100px 0px 0px 100px;
top: 117px;
}
.date-9-section:after,
.date-9-section .container:after{
top: 350px;
}
.date-6-section:after {
content: "";
background: #C9E9F1;
height: 595px;
position: absolute;
width: 1100px;
left: 0;
z-index: -1;
top: 117px;
}
.date-6-section .container{position: relative;}
.date-6-section .container:after{
content: "";
background: #C9E9F1;
height: 595px;
position: absolute;
width: 1100px;
right: -60px;
z-index: -1;
border-radius: 0px 100px 100px 0px;
top: 117px;
}
.date-6-section .form{
position: absolute;
left: -4px;
top: -69px;
transform: rotate(90deg);
}
.date-1 .picto{
position: absolute;
width: 245px;
top: -322px;
right: 65px;
z-index: 9;
}
.date-9-section .form,
.date-2-section .form {
position: absolute;
right: 0;
top: -69px;
}
.date-9-section .form{top: 165px}
.date-9-section .picto{
position: absolute;
bottom: -216px;
width: 163px;
right: -35px;
}
.date-2-section .picto{
position: absolute;
right: 125px;
top: -38px;
}
.date-5 .picto{
position: absolute;
left: -80px;
top: -265px;
width: 160px;
}
.single-produit .post-thumb-product{
position: relative;
left: -60px;
bottom: -15px;
}
.single-produit .post-thumb-product:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: calc(100% - 3px);
background: white;
border-radius: 50px;
}
.single-produit .post-thumb-product p {
position: absolute;
width: 500px;
margin: auto;
left: 0;
right: 0;
font-family: "Rubik-Bold";
font-size: 40px;
line-height: 48px;
top: 85px;
}
.single-produit .intro-sub-page img.post-thumbnail{
left: 0;
bottom: 0;
width: 100%;
}
.single-produit .post-thumb-product p,
.single-produit .post-thumb-product:before{
opacity: 0;
transition: 0.7s;
}
.single-produit .post-thumb-product:hover p{opacity: 1}
.single-produit .post-thumb-product:hover:before{opacity: 0.76}
.item-with-text p {
position: absolute;
font-family: "Madera-Bold" !important;
font-size: 24px;
color: #00A7C9;
z-index: 99;
text-align: center;
left: 0;
right: 0;
top: 65px;
opacity: 0;
transition: 0.3s;
}
.item-with-text:hover p {opacity: 9}
.intro-sub-page .item-with-text img{object-fit: cover}
.item-with-text:before{
content: "";
background: rgb(255 255 255 / 76%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
transition: 0.3s;
}
.item-with-text:hover:before{opacity: 1}
.item-with-text{position: relative}
.urgo-form label{
display: block;
margin-bottom: 15px;
margin-left: 10px;
}
.urgo-form h3{
margin-bottom: 50px !important;
font-size: 25px !important;
}
.urgo-form select,
.urgo-form textarea,
.urgo-form input:not(.checkbox){
width: 100%;
border: none;
height: 60px;
padding-left: 40px;
border-radius: 30px;
margin-bottom: 19px;
color: #00A7C9;
font-family: "Rubik-Regular";
font-size: 21px;
display: flex;
align-items: center;
}
.urgo-form button[type="submit"]{
border-radius: 36px !important;
font-size: 16px;
padding: 13px 45px;
display: inline-block;
text-decoration: none;
background: #00A7C9;
color: white !important;
border: none;
width: 180px;
font-family: "Madera-Bold";
}
.urgo-form textarea{height: 200px}
.urgo-form textarea{
padding-top: 20px;
}
.urgo-form-row {
display: flex;
gap: 60px;
margin-bottom: 15px;
}
.urgo-form-col {flex: 1}
.urgo-form-col p {margin: 0 0 10px 0}
/*MEDIA QUERIES*/
/* Responsive : une colonne sur mobile */
@media (max-width: 768px) {
.urgo-form-row {
flex-direction: column;
gap: 0;
}
}
@media screen and (max-width: 1600px){
/*HEADER*/
header.fixed nav > ul > li > a,
header nav > ul > li > a {
padding-right: 12px;
padding-left: 12px;
font-size: 14px;
}
/*VIDEO*/
.video-bg:before {width: 885px}
.home .character,
.page-template-template-fds-hp .character{
top: 297px;
width: 180px;
}
/*Archives*/
.intro-archive .content{width: 790px}
body .intro-post .content {padding-right: 0px}
}
@media screen and (max-width: 1830px){
.form-sidebar {
width: 380px;
height: 1610px;
}
}
@media screen and (max-width: 1700px){
.form-sidebar {width: 330px}
}
@media screen and (max-width: 1530px){
.form-sidebar {width: 280px}
}
@media screen and (max-width: 1450px){
.form-sidebar {width: 220px}
/*VIDEO*/
.video-bg:before {width: 805px}
/*Archives*/
.intro-archive .content {width: 740px}
.intro-archive .content p {width: 450px}
/*Histoire*/
.date-9-section .container:after, .date-2-section .container:after{
left: -65px
}
}
@media screen and (max-width: 1380px){
.single-webinar .intro-archive .content,
.single-evenements .intro-archive .content,
body.single-post .intro-archive .content{
padding-left: 120px
}
.single-webinar .intro-archive .block-right,
.single-evenements .intro-archive .block-right,
body.single-post .intro-archive .block-right {
width: 580px;
}
header .logo {left: 15px}
.top-links {right: 25px}
/*Archives*/
.main-post article > img {width: 490px}
/*Histoire*/
.date-5 .picto {left: -30px}
}
@media screen and (max-width: 1350px){
.date-7 .picto-2{
width: 240px;
left: -265px;
}
.datas .date{margin-right: 30px}
/*Archives*/
.intro-archive .content {
padding-left: 120px;
width: 50%;
}
.intro-archive .content p{width: 85%}
/*HISTOIRE*/
.story-container .date img.radius-right,
.story-container .date img.radius-left{
width: 380px;
}
.date-2 .col-left img{top: 0px}
.date-12 .col-left img{width: 380px}
.date-11 .col-right img{
width: 380px;
right: 0px;
}
.date-7 .col-right img,
.date-3 .col-right img {
right: -10px;
top: 0px;
width: 380px;
}
.date-4 .col-left img{top: 70px}
.date-4 .col-left img {margin-left: 220px}
.date-8 .col-right,
.date-4 .col-right{
width: 380px;
}
.date-3 {margin-top: 215px}
.date-5 .picto {left: 0px}
.date-8 {margin-top: 211px}
.date-8 .col-left img{
top: 0px;
margin-left: 220px;
}
.date-9 .col-right img {top: -130px}
.date-9 {margin-top: 450px}
.date-11 {margin-top: 340px}
.date-6 .col-left img {
right: -35px;
top: 45px;
}
}
@media screen and (max-width: 1300px){
.container-post > .sidebar {padding-left: 90px}
header.fixed nav > ul > li:nth-last-child(2) a,
header nav > ul > li:nth-last-child(2) a{padding-right: 12px}
header nav > ul > li:last-child a {padding-right: 35px}
header nav > ul > li:first-child a {padding-left: 35px}
/*VIDEO*/
.video-bg:before {width: 725px}
}
.sub-menu-pro .simple-link-menu:nth-of-type(1){margin-bottom: 10px}
.link-sante .sub-menu-pro a:hover{color: #00A7C9}
body .block-sommaire {
background: white;
padding: 20px!important;
border-radius: 20px;
margin-bottom: 50px;
}
.block-sommaire > p{
color: #003359;
margin-bottom: 10px;
}
.block-sommaire .inner .h3-sommaire {padding-left: 0px}
.block-sommaire .inner div {
margin: 3px;
padding: 4px;
}
@media screen and (max-width: 1250px){
.date-7 .picto-2{display: none}
.container-post > article{width: 100%;}
body.single-webinar .intro-archive .content,
body.single-evenements .intro-archive .content,
body.single-post .intro-archive .content {width: 60%}
body.single-webinar .intro-archive .block-right,
body.single-evenements .intro-archive .block-right,
body.single-post .intro-archive .block-right {width: 40%}
.single-produit .intro-sub-page img.post-thumbnail{margin-top: 0px}
.single-produit .post-thumb-product p {
top: 55px;
font-size: 30px;
line-height: 38px;
width: 350px;
}
header.fixed .link-sante{padding: 0px}
header nav ul{left: 0}
header nav > ul,
.burger-menu{display: block}
.top-links {
display: flex;
top: 14.5px;
}
.link-sante svg {
height: auto;
margin: auto;
display: block;
width: 31px;
}
.link-sante{
width: auto;
padding: 0px;
border-radius: 100%;
width: 48px;
height: 48px;
box-shadow: 0px 3px 6px #00000029;
align-items: center;
justify-content: center;
}
.link-sante div{display: none}
header{height: 78px}
header nav{
position: fixed;
z-index: 99;
border-radius: 0px;
top: 0;
left: -999px;
border-bottom-right-radius: 30px;
transition: 0.5s ease-in-out;
background: white;
}
header nav.active{
left: 0px;
transition: 0.5s ease-in-out
}
header nav.active > ul{
padding-right: 50px;
padding-left: 50px;
display: block
}
header nav > ul > li.li-sante{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-right-radius: 30px;
}
header nav.active .sub-menu {border-radius: 0px 0px 50px 0px}
.sub-menu{margin-left: 0px;}
header nav.active .sub-menu{left: -999px;}
header nav.active .has-sub-menu.active .sub-menu{left: 281px}
.sub-menu {display: flex!important}
header .logo {top: 20px}
header.fixed .logo{top: 15px}
.top-links{
right: 5px;
z-index: 0;
}
.has-sub-menu.active > a{color: #00A7C9}
.has-sub-menu.active > a:before{
content: url("../img/svg/close.svg");
font-size: 15px;
font-family: "Rubik-Bold";
position: absolute;
left: 0px;
top: calc( 50% - 8px);
}
header nav > ul > li > a {
position: relative;
padding: 20px 28px 20px 28px!important;
}
header nav > ul > li.li-sante a{border-radius: 0px}
header.fixed .sub-menu,
.sub-menu {
top: 100px;
}
/*Archives*/
#archives-post .container {width: 100%}
.intro-page .block-content {
padding: 30px 0px 0px 130px;
width: 75%;
}
.post-type-archive-produit .shape {
width: 235px;
top: -131px;
right: 303px;
}
}
.link-sante .sub-menu-pro a,
.sub-sub-menu a {
display: flex;
flex-direction: column;
}
.show-1250{display: none}
@media screen and (max-width: 1250px){
body #ajaxsearchpro1_1, .searchbar input {width: 400px}
}
@media screen and (max-width: 1050px){
body #ajaxsearchpro1_1, .searchbar input {
width: 350px;
margin-left: 20px;
}
.top-bar p {font-size: 12px}
}
@media screen and (max-width: 1250px) and (min-width: 768px){
header nav > ul{display: none}
header nav.active > ul{display: block}
header nav > ul > li:nth-of-type(3) .flex-sub-menu > a{width: 150px}
.sub-menu-pro {padding-left: 30px}
.flex-sub-menu {flex-direction: column}
.sub-sub-menu, .sub-menu-pro ul {
gap: 30px;
}
header nav > ul {
padding-right: 30px;
padding-left: 30px;
width: 240px;
}
header nav.active .has-sub-menu .sub-menu{display: none}
header nav.active .has-sub-menu.active .sub-menu {
left: 220px;
width: calc(100% - 280px);
top: 96px;
box-shadow: none;
border-bottom-left-radius: 60px;
display: block
}
body header nav.active > ul > li:nth-of-type(4) .sub-menu,
body header nav.active > ul > li:nth-of-type(3) .sub-menu{
height: auto!important;
}
header nav > ul > li:nth-of-type(4) .sub-sub-menu, .sub-menu-pro ul {
gap: 10px;
flex-wrap: wrap;
}
header nav {top: 36px}
.flex-sub-menu {gap: 35px}
.sub-menu-pro{top: 190px}
.show-1250{
display: block;
margin-top: -30px;
}
}
/*cf7*/
.gchoice_1_39{display: flex!important}
.size-indication{
font-size: 13px;
margin-top: -11px;
position: relative;
top: -15px;
left: 20px;
color: #00a7c9;
}
.page-template-template-contact .picto-1{
position: absolute;
top: -185px;
width: 270px;
right: 120px;
}
.page-template-template-contact .picto-2{
position: absolute;
top: 110px;
left: 80px;
width: 48px
}
.page-template-template-contact .picto-3{
position: absolute;
top: 190px;
left: 150px;
width: 68px;
}
.page-template-template-contact .picto-4{
position: absolute;
right: 100px;
top: 300px;
transform: rotate(59deg);
width: 59px;
}
.page-template-template-contact .form{
height: 389px;
width: 787px;
position: absolute;
right: 0;
background: #dbf2f7;
border-radius: 100px 0px 0px 100px;
top: 25%;
}
.page-template-template-contact .form img{
position: absolute;
right: 0;
top: -187px;
}
body .wpcf7 .first-txt{margin-bottom: 45px}
.wpcf7{
width: 590px;
margin: auto;
margin-bottom: 450px;
}
#mail-content .wpcf7-list-item label{
display: flex;
align-items: center;
flex-direction: row-reverse;
}
#mail-content .wpcf7-list-item .wpcf7-list-item-label{
color: #003359;
font-family: "Rubik-Regular";
font-size: 20px;
line-height: 25px;
margin-bottom: 12px;
display: block;
padding-left: 20px;
}
.wpcf7 input[type="checkbox"]{
height: 15px!important;
float: left;
width: auto;
margin-right: 0px;
}
.wpcf7 input[type="checkbox"]:hover{cursor: pointer}
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 input{
width: 100%;
}
.wpcf7 select{
color: #003359;
font-family: "Rubik-Regular";
font-size: 21px;
}
.wpcf7 textarea{
height: 277px;
border-radius: 30px;
border: none;
margin-top: 33px;
color: #003359;
font-family: "Rubik-Regular";
font-size: 21px;
padding: 27px 40px;
resize: none;
}
.design-file,
.wpcf7 select,
.wpcf7 input:not([type="submit"]){
border: none;
height: 60px;
padding-left: 40px;
border-radius: 30px;
margin-bottom: 19px;
}
.design-file{
position: relative;
background: white;
display: flex;
align-items: center;
color: #003359;
font-family: "Rubik-Regular";
font-size: 21px;
margin-top: 19px;
}
.design-file:hover{cursor: pointer}
.design-file > img{
float: right;
position: absolute;
right: 13px;
width: 34px;
height: 34px;
}
body .wpcf7-form{margin: 0px}
.wpcf7 select{
-moz-appearance: none;
-webkit-appearance: none;
background-color: white;
background-image: url(../img/svg/arrow-bottom-dark.svg);
background-repeat: no-repeat;
background-position-x: 93%;
background-position-y: 25px;
}
#mail-content .prev{opacity: 0.6}
.file-return {
display: none;
padding-left: 35px;
top: -11px;
position: relative;
}
.file-return.active{
display: block;
margin-bottom: 30px;
}
.label-file input{display: none}
.file-return img{display: none}
.file-return.active img{
display: inline;
margin-right: 8px;
}
.file-return.active img:hover{cursor: pointer}
.file-return span{
color: #1BA8D9;
font-family: "Rubik-Regular";
font-size: 16px;
}
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 textarea::placeholder,
.wpcf7 input::placeholder {
color: #003359;
font-family: "Rubik-Regular";
font-size: 21px;
}
.wpcf7 input,
.wpcf7 textarea{
color: #00A7C9
}
.txt-cf7{
color: #003359;
font-family: "Rubik-Regular";
font-size: 20px;
line-height: 25px;
margin-bottom: 12px;
display: block;
padding-left: 20px;
}
body input.orig,
body input.orig:-webkit-input-placeholder,
body input.orig::-moz-placeholder,
body input.orig::placeholder,
body input.orig:-ms-input-placeholder{
font-family: "Madera-Regular"!important;
color: #003359!important;
}
.wpcf7 textarea::-webkit-input-placeholder,
.wpcf7 textarea::-moz-placeholder,
.wpcf7 textarea:-ms-input-placeholder,
.wpcf7 textarea:-moz-placeholder,
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 input::-moz-placeholder,
.wpcf7 input:-ms-input-placeholder,
.wpcf7 input:-moz-placeholder{
color: #003359;
font-family: "Rubik-Regular";
font-size: 21px;
}
.next-btn, .next, .prev{
border-radius: 36px;
font-family: "Rubik-Bold";
font-size: 16px;
padding: 16px 45px;
display: inline-block;
text-decoration: none;
background: #00A7C9;
color: white;
float: right;
margin-top: 15px;
}
.prev{float: left}
.wpcf7-not-valid-tip {
font-family: "Rubik-Regular";
text-align: center;
top: -10px;
position: relative;
}
.wpcf7 input[type="submit"]{
height: 48px;
border-radius: 30px;
display: block;
width: 200px;
margin: auto;
background: #00a7c9;
float: right;
font-size: 16px;
padding: 16px 45px;
margin-top: 15px;
color: white;
}
.wpcf7 form .wpcf7-response-output {
margin-top: 30px;
clear: both;
display: block;
top: 27px;
position: relative;
}
@media screen and (max-width: 1500px){
.product-img {
width: 300px;
margin-left: 50px;
}
.single-produit .post-thumb-product p {
font-size: 35px;
line-height: 46px;
top: 66px;
}
.slider-product-mobile {bottom: -120px}
}
@media screen and (max-width: 1400px){
header.fixed nav > ul > li > a, header nav > ul > li > a {font-size: 13px}
}
@media screen and (max-width: 1300px){
.page-template-template-contact .picto-1{right: 0}
}
@media screen and (max-width: 1250px){
.slider-product-mobile {bottom: -130px}
}
@media screen and (max-width: 1200px){
.page-template-template-contact .picto-3{left:20px}
.page-template-template-contact .picto-1{width: 210px}
.page-template-template-contact .form{z-index: -2}
.page-template-template-contact .picto-4 {
right: 0;
top: 300px;
width: 59px;
z-index: -1;
}
.date-7 {margin-top: 300px}
.date-9-section .picto {right: 35px}
img.line-story{left: 0px;}
.story-container{width: 100%}
.date-1 .col-left, .date-2 .col-left, .date-3 .col-left, .date-5 .col-left, .date-7 .col-left, .date-9 .col-left, .date-11 .col-left {
width: 370px;
margin-right: 105px;
margin-left: 50px;
}
.date-4 .col-right{left:95px}
.story-container .date img.radius-right,
.story-container .date img.radius-left {width: 370px}
.date-1 .picto{right: 100px;}
.date-3 .col-left {margin-left: 230px!important}
.date-7 .col-right img, .date-3 .col-right img {
right: 30px;
top: 0px;
width: 380px;
}
.date-10 .col-left img {
margin-right: 55px;
margin-left: 50px;
}
.date-10 {margin-top: 40px}
.date-10 .col-left img {top: 40px}
.date-11 .col-right img {top: -60px}
}
@media screen and (max-width: 1150px){
.product-img {
width: 300px;
bottom: -15px;
margin-left: 44%;
}
img.line-story {
left: 0px;
display: none;
}
.date-4 .col-left img {margin-left: 120px}
.date-7 .col-left {
left: 0px;
position: relative;
}
.date-7 .col-right img {left: 0px}
.date-8 .col-left img {margin-left: 100px}
.date-8 .col-right {left: 50px}
.date-10 .col-left img {
margin-right: 55px;
margin-left: 80px;
}
.date-12 .col-right {left: 40px}
.date-12 .col-left img {margin-left: 100px}
.date-11 .col-left {left: 20px}
.date-11 .col-left{margin-right: 0px}
}
@media screen and (max-width: 1150px){
.single-produit .post-thumb-product,
.intro-sub-page .block-right img.post-thumbnail {display: none}
.intro-archive .content {
padding-left: 50px;
width: 90%;
padding-top: 50px;
padding-bottom: 80px;
}
#archives-post {margin-top: 0px}
.intro-archive .breadcrumbs{margin-bottom: 50px!important}
.archive .intro-archive .breadcrumbs{
float: left;
margin-bottom: 20px!important;
margin-top: 0px;
}
.intro-archive form {
margin-left: 30px;
margin-bottom: 50px;
}
.intro-sub-page {margin-bottom: 20px}
.main-post article > img {width: 50%}
.main-post article .content {width: 50%}
.main-post article {width: 100%}
.intro-page .block-content {width: 85%}
body .title {
font-size: 23px;
line-height: 33px;
}
body .medium-title {
font-size: 34px!important;
line-height: 44px!important;
}
footer .col-right {left: 115px}
.group-input-nl input[type="email"] {width: 316px}
/*Archives*/
.post-type-archive-produit .shape {
width: 205px;
top: -131px;
right: 103px;
}
/*Histoire*/
.date-1 .col-right img,
.date-2 .col-right,
.date-3 .col-right,
.date-4 .col-right,
.date-5 .col-right,
.date-6 .col-right,
.date-7 .col-right,
.date-8 .col-right,
.date-9 .col-right,
.date-10 .col-right,
.date-11 .col-right,
.date-1 .col-left,
.date-2 .col-left,
.date-3 .col-left,
.date-4 .col-left,
.date-5 .col-left,
.date-6 .col-left,
.date-7 .col-left,
.date-8 .col-left,
.date-9 .col-left,
.date-10 .col-left,
.date-11 .col-left,
.date-12 .col-left {
width: 50%!important;
margin-right: 0px;
margin-left: 0px;
padding: 0px 30px;
float: left;
}
.date-3 .col-left {margin-left: 0px!important}
.date-1,
.date-2,
.date-3,
.date-4,
.date-5,
.date-6,
.date-7,
.date-9,
.date-10,
.date-11,
.date-12 {
margin-top: 155px;
}
.date-5 .col-right img {top: 0px}
.date-4 .col-left img {margin-left: 0px}
.date-4 .col-right{left: 0px}
.date-8 .col-left img{margin-left: 0px}
.date-8 .col-right{
top:0;
left:0;
margin-top: 0px;
}
.date-9 .col-right img {top: 0px}
.date-10 .col-left img {
margin-right: 0px;
margin-left: 0px;
top: 0px;
}
.date-10 .col-right {
left: 0px;
position: relative;
top: 0;
margin-top: 50px;
}
.date-6 .col-right,
.date-11 .col-right {left: 0px}
.date-12 .col-left img {margin-left: 0px}
.date-12 .col-right{top: 0}
}
@media screen and (max-width: 991px){
.product-img {
bottom: -15px;
margin-left: 50%;
width: 280px;
}
}
@media screen and (min-width: 768px){
.bloc-login-post .icon-2{display: none}
.container-post > article{padding-bottom: 0px}
}
@media screen and (max-width: 800px){
.block-content-video {left: 60px}
footer .col-left {padding-left: 25px}
.group-input-nl input[type="email"] {width: 275px}
footer .col-right {left: 115px}
.logo-footer {width: 200px}
.logo-footer {margin-bottom: 104px}
/*Histoire*/
.story-container .date img.radius-right,
.story-container .date img.radius-left {
width: 100%;
height: 280px;
object-fit: cover;
}
.story-container img.radius-left{border-radius: 50px 50px 50px 0px}
.date-1 .col-right img {top: -60px}
.date-2-section .picto {top: 0px}
.date-2 .col-left img{top: 40px}
.date-3 .col-right img{position: relative}
.date-5 .col-right img{right: 0;}
.date-8 {margin-top: 155px}
.date-12 .col-right {
left: 0;
width: 50%;
top: 0;
margin-top: 0;
}
}
.show-ipad{display: none!important}
@media screen and (min-width: 1251px) and (max-width: 1300px){
.link-sante {
width: 250px;
font-size: 14px;
}
header.fixed nav > ul > li > a, header nav > ul > li > a {font-size: 12.5px}
header .logo {left: 15px}
.sub-sub-menu a {font-size: 13px}
}
@media screen and (max-width: 991px){
.show-ipad{display: block!important}
.hide-ipad{display: none!important}
body.single-webinar .intro-archive .content,
body.single-evenements .intro-archive .content,
body.single-post .intro-archive .content {
width: 90%;
padding-left: 60px;
}
body.single-webinar .intro-sub-page .breadcrumbs,
body.single-evenements .intro-sub-page .breadcrumbs,
body.single-post .intro-sub-page .breadcrumbs {float: left}
.container-post > article,
.container-post > .sidebar{
width: 100%;
}
.container-post > .sidebar{padding-left: 0px}
.sidebar article{padding: 0px 15px!important}
.page-template-template-contact .form{width: 100%}
}
.special-link-li{display: none}
.flex-page-header .content p{font-family: "Madera-Medium"}
.block-plaies-2 .medium-title-3,
.block-plaies-1 .medium-title-3{
margin-bottom: 50px;
}
@media screen and (max-width: 767px){
.slider-top-product {width: 100%}
.block-multi-video .slider .slide {
margin-bottom: 45px;
float: left;
width: 100%;
}
.intro-sub-page {margin-top: 0x}
footer .arrondi{display:none;}
footer {background: #00a7c9}
.mc4wp-alert.mc4wp-notice p{
font-size: 13px;
margin-top: -17px;
}
.top-links .link-sante {display: none}
.slider-product-mobile {bottom: -25px}
body #ajaxsearchpro1_1, .searchbar input,
.searchbar.active .inner {
width: 100%;
}
.searchbar.active .inner{padding: 25px 10px}
body #ajaxsearchprores1_1 .results .item .asp_content h3 a,
body #ajaxsearchprores1_2 .results .item .asp_content h3 a,
body div.asp_r.asp_r_1 .results .item .asp_content h3 a {
max-width: 95%;
}
.container-post > .sidebar {margin-bottom: 100px}
.has-sub-menu.count-3 a > span{
left: 5px;
position: relative;
}
footer .arrondi {
right: -2px;
top: -147px;
width: 150px;
z-index: 9
}
body .block-ancres {
padding-left: 0px !important;
margin-top: 0px!important
}
.single-produit .intro-sub-page {
margin-top: 0px;
padding-top: 25px;
}
body .intro-post.innovations-cat img.post-thumbnail{margin-top: 0px}
.special-link-li{display: block}
nav .special-link{
display: block!important;
position: relative;
top: 0;
right: 0;
z-index: 999;
text-align: left;
color: #003359;
margin-bottom: 25px;
font-size: 18px;
text-transform: uppercase;
}
nav .special-link span.break{
display: block;
text-transform: initial;
font-size: 16px;
margin-top: 5px;
}
.has-sub-menu .sub-menu > li{padding-bottom: 30px}
.product-img{
margin: 0px;
width: 100%;
bottom: 0px;
position: relative;
}
.product-img img{width: 100%}
.product-img:not(.first){
width: 100%;
height: 100%;
object-fit: cover;
}
.single-produit .intro-sub-page .content .slick-dots{bottom: -35px}
.slider-product-mobile{
margin: 0px;
margin-top: 25px;
margin-bottom: 105px!important;
position: relative;
}
.product-img.first{
width: 250px;
margin: auto;
top: 60px;
}
.product-img:not(.first){border-radius: 50px}
.slider-product-mobile .block {height: 270px}
.product-img.last::before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: white;
border-radius: 50px;
opacity: 0.76;
}
.product-img:not(.first) img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50px;
}
.slider-product-mobile .block .product-img p{
margin: auto;
left: 0;
right: 0;
font-family: "Rubik-Bold";
font-size: 23px;
line-height: 28px;
top: 59px;
padding: 0px 30px;
width: 100%;
position: absolute;
}
.page-template-template-story .intro-sub-page .content{
border-top-right-radius: 0px;
width: 100%;
margin-bottom: 10px;
}
.single-produit .intro-sub-page .content{
margin-bottom: 0;
width: 100%;
border-top-right-radius: 0px;
padding-bottom: 0px;
background: none;
}
.single-produit .intro-sub-page::before{
content: "";
position: absolute;
left: 0;
top: 0;
height: 402px;
background: white;
width: 100%;
z-index: -1;
border-bottom-right-radius: 100px;
}
.page-template-template-contact .picto-1{display: none}
.wpcf7{width: 100%}
.wpcf7 input[type="checkbox"]{
width: 170px;
height: 30px!important
}
.page-template-template-contact .picto-3 {
width: 104px;
top: -328px;
left: initial;
right: 16px;
}
.wpcf7 input[type="submit"]{width: 100%}
#mail-content .prev {
opacity: 0.4;
width: 100%;
text-align: center;
}
.page-template-template-contact .picto-2{
z-index: -1;
top: 410px;
}
.page-template-template-contact .picto-4{top: 375px}
.intro-post label.label-intro{
background: #00A7C9;
color: white;
font-size: 12px
}
.partage-rs{
padding: 22px 29px;
margin-left: 0px;
width: 155px
}
.sidebar{margin-bottom: 50px}
.sidebar .slick-dots{bottom: 0}
.next-previous-links a:not(.cta) span{display: none}
.next-previous-links a .arrow-left, .next-previous-links a .arrow-right {
opacity: 1;
width: 12px;
}
.next-previous-links .cta {
margin: 0px 20px;
width: 240px;
background: white;
color: #00A7C9;
}
.next-previous-links .cta:hover{color: white}
body .title-sidebar {
text-align: left;
font-size: 26px;
line-height: 30px;
padding: 0px 25px;
margin-top: 30px;
margin-bottom: 60px;
}
.text-sidebar-innovations {padding: 0px 25px}
.sidebar-innov .slick-dots li button:before,
.sidebar-innov .slick-dots li.slick-active button:before{color: #6E8AAF}
.sidebar article {padding: 30px 25px!important}
body .title-sidebar br{display: none}
.next-previous-links {margin-bottom: 50px}
.single-webinar .datas.display-mobile,
.single-evenements .datas.display-mobile,
.single-post .datas.display-mobile{
display: flex;
padding-left: 0px;
margin-top: 0px;
}
body .intro-post.innovations-cat:after{content: none}
body .intro-post.innovations-cat .content .datas{margin-top: 55px}
body .intro-post.innovations-cat .partage-rs{margin-left: 15px}
.container-post{padding: 0px}
.page-template-template-fds-hp header{background: #003359}
.page-template-template-fds-hp header .burger-menu span{background: white}
.page-template-template-fds-hp .search path{fill: white}
.page-template-template-fds-hp header .burger-menu{background: #003359}
.list-products .small-text{line-height: 20px}
.shape-list-posts img,
.shape-list-posts span{display: none}
.intro-archive .breadcrumbs{padding-left: 0px}
.archive .intro-archive .content{
margin-top: 25px;
border-top-right-radius: 100px;
margin-bottom: 50px;
width: calc(100% - 40px);
padding-left: 25px;
}
.intro-page .breadcrumbs{
max-width: 98%;
clear: both;
display: table;
}
.intro-page .breadcrumbs li{margin-bottom: 5px}
.intro-page {margin-bottom: 160px}
.intro-page.no-intro-txt-section {margin-bottom: 45px}
body .container.center-mini-block {display: block}
.sub-menu-pro {display: none!important}
.mascott-plaie,
.mascott-propos {
width: 114px;
left: initial;
right: 35px;
top: -110px;
}
.mascott-plaie{
/* display: none; */
transform: matrix(1, 0, 0, 1, 0, 0);
-moz-transform: scale(-1, -1);
-o-transform: scale(-1, -1);
-webkit-transform: scale(-1, -1);
transform: scale(-1, 1);
right: 14px;
top: -81px;
width: 85px;
}
.block-plaies-1 {margin-top: 90px!important}
.intro-page .block-content {
width: 100%;
padding: 30px 20px 20px 25px
}
.intro-page .block-content:not(.special) {padding-bottom: 75px}
.home .character,
.page-template-template-fds-hp .character {
top: 244px;
left: 5px;
width: 125px;
}
header nav.active ul{
padding-right: 0px;
padding-left: 0px;
}
body .medium-title {
font-size: 28px!important;
line-height: 34px!important;
}
p{
font-size: 19px;
line-height: 24px;
}
header{
position: relative!important;
z-index: 99;
}
.show-mobile{display: block!important}
header .burger-menu span{left: 45%}
header .burger-menu {
position: fixed;
top: 75px;
border-radius: 0px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
width: 65px;
height: 45px;
z-index: 999999;
}
header.active .burger-menu {
top: 25px;
background: none;
}
header nav > ul{
padding: 0px;
float: left;
width: 100%;
}
.lang,
.pre-header .menu-top{
display: none!important;
}
nav.active .lang,
nav.active .pre-header .menu-top{
display: flex!important;
}
.list-lang{
right: 0;
border-radius: 0px;
display: flex!important;
bottom: -50px;
top: initial;
position: fixed;
}
.list-lang.active{
right: 0;
z-index: 999999999;
bottom: 43px;
}
header nav > ul > li a.sante{background: #003359}
header nav > ul > li a.sante svg{
width: 29px;
top: -5px;
position: relative;
}
header nav > ul{margin-top: 100px}
header nav > ul > li {
text-align: left;
padding: 0px;
}
svg.close-menu-mobile{display: none;}
.multiple-video .slider-video li:nth-child(1){display: block}
body .multiple-video .block-content-video{top: -140px}
.no-margin-bottom-mobile{margin-bottom: 0px!important}
body .multiple-video .block-content-video {padding-bottom: 100px}
.multiple-video .slider-video .slick-dots {
bottom: 120px;
display: flex;
}
.multiple-video .slider-video li{display: inline-block}
.slide-img, video#featuredVideo {
position: absolute;
object-position: center;
height: 440px;
}
.slider-video{
top: 0px;
left: 0px;
}
.slider-video img{height: 490px}
body .big-text {font-size: 21px}
body .cta{
padding: 19px 15px;
font-size: 16px;
width: 260px;
max-width: 100%;
}
.medium-title {
font-size: 33px!important;
line-height: 40px!important;
}
body .big-title {
font-size: 30px!important;
line-height: 40px!important;
}
.top-links{
right: 20px;
top: 15px;
}
header .logo{
left: 0;
right: 0;
margin: auto;
top: 20px
}
.pre-header .menu-top li {padding: 0px 5px}
header .burger-menu{
margin-right: 0px;
left: 0px;
margin-left: 0px;
}
.logout,
.top-links .search {
top: 10px;
position: relative;
}
.close-menu-mobile{
display: block;
text-align: center;
margin-top: 20px;
margin-left: 20px;
width: 20px;
height: 20px;
}
header nav {
width: 100%;
z-index: 99999;
height: 100vh;
background: #EBFCFF;
border-bottom-right-radius: 0px;
transition: 0.8s ease-in-out;
left: -767px;
}
header nav.active{ transition: 0.8s ease-in-out}
nav .show-mobile{
display: flex!important;
justify-content: right;
padding-right: 45px;
}
.lang{
width: 26px;
right: -10px;
}
.pre-header .menu-top{
display: flex;
padding-right: 20px;
width: auto;
justify-content: center;
padding: 0px;
position: fixed;
bottom: 40px;
right: 65px;
left: initial;
}
.lang{
position: relative;
bottom: 0;
top: initial;
right: 0;
left: inherit;
}
.pre-header {
margin-bottom: 28px;
width: 100%;
padding-left: 0px;
padding-right: 0px;
top: 9px;
padding-top: 30px;
}
.menu-top img {width: 41px}
.sub-sub-menu > li > a > span, header nav > ul > li > a > span,
header nav > ul > li > span {display: inline-block}
header nav .has-sub-menu .sub-menu {
opacity: 0;
border-radius: 0px;
top: 145px;
position: fixed;
right: -999px;
height: calc(100vh - 144px);
width: 100%;
left: inherit;
background: #ebfcff;
transition: 0.85s;
z-index: 99;
padding-top: 10px;
padding-bottom: 270px;
}
header nav.active > ul.active .sub-menu{opacity: 1}
header nav.active > ul{transition: 1s}
header nav.active > ul.deployed {margin-left: -97%}
.has-sub-menu.active .sub-menu {
right: 0;
left: initial!important;
width: 100%;
opacity: 1;
}
header nav.active > ul.deployed a.sante{background: none}
.sub-menu .title-sub{
width: 100%;
font-size: 16px;
margin-bottom: 10px;
line-height: 20px;
margin-top: 20px;
}
header nav > ul > li:nth-of-type(1) .title-sub{color: white}
.sous-menu-columns-container{margin-top: 30px}
.sub-sub-menu a{
font-size: 14px;
display: flex;
gap: 5px;
}
.close-sub-menu-mobile{
display: block;
position: absolute;
top: 40px;
right: 20px;
opacity: 0;
transition: 1s;
display: flex;
align-items: center;
z-index: 9999;
}
.close-sub-menu-mobile svg{margin-right: 8px}
.close-sub-menu-mobile.active{opacity: 1}
.sub-menu {display: block!important}
header nav > ul > li.li-sante{
display: block;
justify-content: center;
position: relative;
top: 0px;
width: 100%;
max-width: 100%;
right: 0;
left: 0;
margin: auto;
margin-top: 50px;
border-radius: 0px;
background: #003359;
margin-bottom: 16px;
}
header nav > ul > li a.sante{
border-radius: 0px;
top: 0px;
width: 100%;
justify-content: flex-start;
display: block!important;
}
.has-sub-menu.active > a:before,
.has-sub-menu > a:before {
content: url(../img/svg/littele-arrow-right-dark.svg);
font-size: 15px;
font-family: "Rubik-Bold";
position: absolute;
top: calc( 50% - 10px);
transition: 0.1s;
right: 45px;
left: inherit;
}
.has-sub-menu .sante:before {content: url(../img/svg/littele-arrow-right-white.svg)}
header.fixed nav > ul > li > a,
header nav > ul > li > a {
font-size: 16px;
padding: 18px 15px 18px 25px!important;
}
header nav > ul > li.li-sante > a {
justify-content: flex-start;
display: flex!important;
padding: 19px 15px 18Px 25px!important
}
header nav.active ul {
display: block;
overflow: scroll;
}
header nav > ul.deployed > li.li-sante{background: none}
nav.menu-bg-blue{background: #003359}
header nav.menu-bg-blue .has-sub-menu .sub-menu{background: #003359}
nav.menu-bg-blue .close-sub-menu-mobile svg path{fill: #94d0de}
header nav.menu-bg-blue .blue{color: #94d0de}
nav.menu-bg-blue .bg-blue-menu {background: #003359}
/*Histoire*/
body .intro-sub-page .breadcrumbs{
padding-left: 20px;
margin-bottom: 20px!important
}
body.single-webinar .intro-sub-page .breadcrumbs,
body.single-evenements .intro-sub-page .breadcrumbs,
body.single-post .intro-sub-page .breadcrumbs{
flex-wrap: wrap;
margin-bottom: 30px!important;
}
body .intro-sub-page .breadcrumbs.display-mobile{
display: block;
padding-left: 0px;
margin-top: 0px;
float: left;
width: 100%;
}
.date-1 .col-left,
.date-2 .col-right{
width: 100%!important;
}
.date-1 .col-left{text-align: left}
.date-2 .col-right{text-align: right}
.date-1 .picto {
width: 115px;
top: -24px;
right: 26px;
}
.date-1{margin-top: 0px}
.date-2-section:after,
.date-2-section .container:after{content: none}
.date-2-section {
background: #c9e9f1;
margin-top: 50px;
border-top-left-radius: 150px
}
.date-2{margin-top: 70px}
.date-2 .col-right{margin-top: 0px;}
.date-2-section .form {top: -187px}
.date-2-section .picto {
color: white;
filter: brightness(0) invert(1);
width: 75px;
top: 88px;
left: 45px;
transform: rotate(-30deg);
}
body div.date-3-section{
background: #c9e9f1;
padding-top: 50px;
}
.date-3-section .container{padding: 0px}
.date-3 .col-left{text-align: left}
body .date.date-3 {
border-top-right-radius: 150px;
background: white;
margin-top: 0px;
padding-top: 50px;
padding-bottom: 50px;
}
.date-3 .col-left{width: 100%!important}
body div.date-4-section {background: white}
.date-4{margin-top: 0px}
.date-4 .col-right {top: 0px}
body .date.date-4 {
border-top-right-radius: 150px;
background: #c9e9f1;
margin-top: 0px;
padding-top: 50px;
padding-bottom: 85px;
}
.date-4-section .container{padding: 0px}
.date-4 .col-right{
margin-top: 0px;
width: 100%!important;
padding-bottom: 50px;
}
.date-5 .picto {
top: -740px;
width: 138px;
right: 5px;
left: inherit;
}
.date-5-section{background: #c9e9f1;}
.date-5-section .container{padding: 0px}
.date-5 .col-left{
width: 100%!important;
padding-top: 60px;
}
body .story-container .date-5{
margin-top: 0px;
padding-top: 50px;
background: #eefbfe;
border-top-left-radius: 150px;
}
.date-5-section > .form{
position: absolute;
top: -187px;
right: 0;
}
body .date-6{
background: white;
border-top-right-radius: 150px;
margin-top: 55px;
}
.date-6 .col-right{margin-top: 50px}
.date-6-section .form{display: none}
.date-6-section .container:after,
.date-6-section:after{content: none;}
.date-6-section .container{padding: 0px}
.date-6 .col-right{
width: 100%!important;
top: 0px;
padding-bottom: 50px;
}
.date-7-section{background: white}
.date-7-section .container{padding: 0px}
body .date-7-section .date-7 {
background: #eefbfe;
border-top-right-radius: 150px;
margin-top: 80px;
padding-top: 50px;
}
.date-7 .col-left{
width: 100%!important;
text-align: left;
}
.date-7 .picto{
position: absolute;
width: 143px;
right: -50px;
top: -50px;
}
.date-8-section {
background: #c9e9f1;
margin-top: 80px;
border-top-left-radius: 150px;
}
.date-8-section .form{
position: absolute;
right: 0;
top: -187px;
}
.date-8 .col-right{
width: 100%!important;
text-align: right;
}
body .date-8 {
margin-top: 50px;
padding-bottom: 65px!important
}
body .story-section .date-9-section {background: #c9e9f1}
body .story-section .date-9-section .container{padding: 0px}
body .story-section .date-9{
background: white;
border-top-right-radius: 150px;
margin-top: 0px;
margin-top: 0px;
padding-top: 50px;
padding-bottom: 50px;
}
.date-9-section .container:after,
.date-9-section:after{content: none}
.date-9-section .form{display: none;}
.date-9 .col-left{
width: 100%!important;
text-align: left;
}
.date-9-section .picto {
right: 15px;
bottom: -85px;
width: 84px;
z-index: 9;
}
.date-10-section {background: white}
.date-10-section .col-right{
width: 100%!important;
text-align: left;
padding-bottom: 50px;
}
body .story-section .date-10-section .container{padding: 0px}
body .story-section .date-10{
background: #c9e9f1;
border-top-right-radius: 150px;
margin-top: 0px;
padding-bottom: 120px;
}
.date-11-section {background: #c9e9f1}
.date-11-section .container{padding: 0px}
.date-11-section .container .date-11{
background: #eefbfe;
border-top-left-radius: 150px;
margin-top: 0px;
padding-top: 50px;
padding-bottom: 50px;
}
.date-11-section .form {
position: absolute;
right: 0;
top: -187px;
}
.date-11 .col-left{
width: 100%!important;
text-align: right;
left: 0px;
padding-bottom: 50px;
}
body .date-12-section .date-12{
margin-top: 50px;
padding: 0px 35px;
margin-bottom: 140px;
}
.date-12-section{
background: white;
border-top-right-radius: 150px;
}
.date-12 .col-right{width: 100%}
body .story-section .radius-right,
body .story-section .radius-left{
margin-bottom: 18px
}
body .story-container .big-title{
font-size: 50px!important;
line-height: 60px!important;
}
.break-mobile{display: block}
.story-container .small-title{margin-bottom: 38px}
.story-container{padding: 0px}
.date-1 .col-right img, .date-2 .col-right, .date-3 .col-right, .date-4 .col-right,
.date-5 .col-right, .date-6 .col-right, .date-7 .col-right, .date-8 .col-right, .date-9 .col-right,
.date-10 .col-right, .date-11 .col-right, .date-1 .col-left, .date-2 .col-left, .date-3 .col-left,
.date-4 .col-left, .date-5 .col-left, .date-6 .col-left, .date-7 .col-left, .date-8 .col-left,
.date-9 .col-left, .date-10 .col-left, .date-11 .col-left, .date-12 .col-left{
padding: 0px 35px
}
/*VIDEO HOME PAGE*/
.cta {
padding-left: 0px;
padding-right: 0px;
width: 90%;
text-align: center;
max-width: 100%
}
.block-content-video .cta {
top: initial;
bottom: 0px;
left: 0;
}
.block-content-video .content {
width: 100%;
max-width: 100%;
}
.block-content-video .content p b{display: block}
video#featuredVideo {
object-fit: cover;
position: absolute;
left: 0;
top: 0;
height: 390px;
}
.block-content-video {
top: 0px;
padding-bottom: 153px;
margin-bottom: 111px;
}
.video-bg:before {
content: "";
position: absolute;
background: white;
width: 100%;
border-top-right-radius: 150px;
z-index: 9;
height: 455px;
bottom: -1010px;
top: initial;
}
.block-content-video .content {
width: 100%;
max-width: 100%;
}
.page-template-template-fds-hp .shape,
.home .shape{top: 202px}
.video-bg:before{content: none}
.block-content-video .big-title{
margin-bottom: 20px;
margin-top: 30px;
}
body .block-content-video{
width: 100%;
left: 0px;
padding: 10px 20px;
margin: 0px;
top: 390px;
background: white;
display: block;
float: left;
position: relative;
padding-bottom: 250px;
border-radius: 0px;
padding-top: 20px;
z-index: 0;
}
.page-template-template-fds-hp .block-content-video {
width: 100%;
padding: 10px 20px;
bottom: -136px;
padding-top: 20px;
padding-bottom: 70px;
}
.section-1{margin-bottom: 230px}
.logo-footer {margin-bottom: 40px}
footer .col-left {
float: left;
width: 100%;
}
footer .col-right {
left: 0px;
width: 100%;
margin-top: 20px;
}
.group-input-nl{
display: flex;
width: 100%;
justify-content: center;
}
.group-input-nl input[type="email"]{width: 240px}
input[type="submit"] {
width: 59px;
font-size: 16px;
}
footer .mc4wp-form {margin-bottom: 35px}
.searchbar input {
width: calc(100% - 47px);
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.searchbar button {
left: -1px;
background: white;
top: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.searchbar {
display: flex;
justify-content: center;
top: 78px
}
.rs img {
width: 40px;
margin-top: 2px;
}
footer .rs {
display: flex;
margin-bottom: 25px;
justify-content: center;
}
footer {padding: 50px 0px 30px 0px!important}
footer {text-align: center}
footer .col-left {padding-left: 0px}
.logo-footer {
margin: auto;
margin-bottom: 25px;
display: block;
text-align: center;
width: 165px;
left: -15px;
}
.menu-footer{text-align: center}
.intro-archive .content {
padding-left: 35px;
padding-right: 35px;
width: 100%;
padding-top: 40px;
padding-bottom: 65px;
}
.main-post article .content ,
.main-post article > img,
.intro-archive .content p{
width: 100%;
}
.main-post article > img{height: 305px}
.main-post article .content {
padding: 36px 20px 36px 20px;
margin-top: 0px;
}
.main-post,
.archive .list-post article {margin-bottom: 55px}
.main-post label {
left: 25px;
top: -50px;
background: #00A7C9;
color: white;
}
#archives-post .container{padding: 0px}
.main-post{padding: 0px 23px}
.main-post article{
margin-bottom: 0px;
float: left;
background: white;
border-radius: 50px;
}
/*Archives*/
.post-type-archive-produit .list-products {margin-top: 10px}
.post-type-archive-produit .shape {display: none}
.list-products .block .inner {padding: 28px 30px 36px 30px}
.intro-archive .content .big-title{
margin-bottom: 25px;
clear: both;
}
.list-products .block{padding: 0px 23px}
/*page */
.intro-sub-page img.post-thumbnail{
width: calc(100% - 40px);
border-radius: 20px;
left: 20px;
}
body .intro-post.innovations-cat img.post-thumbnail{
width: 100%;
height: 334px;
margin-top: 28px;
left: 0;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
top: 0;
margin-top: 0px;
}
.flex-page-header {
gap: 20px;
flex-direction: column;
padding: 0px 20px;
}
body .intro-post:not(.innovations-cat) img.post-thumbnail.display-mobile{
display: block !important;
width: 100%;
left: 0;
border-radius: 0px;
height: auto;
margin-top: 0;
margin-bottom: 10px;
border-radius: 20px
}
body .intro-post.innovations-cat:before{
content: "";
height: 400px;
width: 100%;
background: #00a7c9;
opacity: 0.25;
position: absolute;
top: 0;
}
body .intro-post.innovations-cat .picto {
top: 148px;
bottom: inherit;
}
body .intro-sub-page.innovations-cat .title-innovations {
bottom: initial;
top: 145px;
right: 25px;
text-align: right;
}
body .intro-sub-page.innovations-cat .title-innovations li.first{font-size: 16px}
body .intro-sub-page.innovations-cat .title-innovations li{
font-size: 16px;
margin-bottom: 12px;
}
body .intro-sub-page.innovations-cat .title-innovations li.active{font-size: 27px}
body .intro-post.innovations-cat .content:after{content: none}
.page-template-template-contact .intro-sub-page .content{
margin-top: 0px;
width: 100%;
border-top-right-radius: 0px;
padding-right: 100px;
}
body.single-webinar .intro-archive .content,
body.single-evenements .intro-archive .content,
body.single-post .intro-archive .content,
.intro-sub-page .content{
padding-left: 0;
padding-right: 0;
padding-top: 15px;
padding-bottom: 0px;
margin-top: 0px;
width: 100%;
border-top-right-radius: 100px;
margin-bottom: 0;
z-index: 9;
}
body.single-webinar .intro-archive .content,
body.single-evenements .intro-archive .content,
body.single-post .intro-archive .content{
border-top-right-radius: 0px;
width: 100%;
border-top: 1px solid #eefbfe;
}
body.single-webinar .intro-sub-page,
body.single-evenements .intro-sub-page,
body.single-post .intro-sub-page {
margin-top: 0px;
}
body.single-webinar .breadcrumbs,
body.single-evenements .breadcrumbs,
body.single-post .breadcrumbs{
margin-top: 0px;
}
body.single-webinar .intro-archive .content p,
body.single-evenements .intro-archive .content p,
body.single-post .intro-archive .content p{
font-size: 16px;
line-height: normal;
}
body .breadcrumbs li {
font-size: 12px;
line-height: normal;
}
body.single-webinar h1,
body.single-evenements h1,
body.single-post h1{
text-transform: inherit;
line-height: 30px !important;
font-size: 24px !important;
}
body.single-post .intro-archive .content,
.intro-sub-page .content.has-no-thumb{margin-top: 0px}
body.single-post .innovations-cat .content{
width: 100%;
border-radius: 0px;
margin-top: 0px;
margin-bottom: 0px!important
}
.single-produit .intro-sub-page .content{
padding-top: 20px;
margin-top: 0px;
}
.breadcrumbs li {line-height: 22px}
.page-template-template-story .intro-sub-page .content{margin-top: 0px}
.intro-sub-page {margin-bottom: 50px}
.single-produit .intro-sub-page {margin-bottom: 0px}
/*page parent*/
.intro-page .block-content{
border-radius: 0px;
border-top-right-radius: 150px;
}
.intro-page .block-content .form{
position: absolute;
top: -186px;
transform: rotate(90deg);
left: -6px;
}
.intro-page .block-content:after {
height: 100%;
top: 0;
border-radius: 0px;
right: 0;
width: 100%;
}
.intro-page .block-content.no-intro-txt{min-height: 215px}
.intro-page .block-content.no-intro-txt:after {content: none}
.intro-page:not(.has-video){height: 490px}
.intro-page:not(.has-video) .block-content{top: 318px}
.read-more + button{
display: block;
margin-top: 20px;
background: none;
border: none;
text-decoration: underline;
font-family: "Rubik-Regular";
font-size: 16px;
clear: both;
top: 5px;
position: relative;
}
.block-citation .read-more + button{
margin: auto;
text-decoration: none;
font-family: "Rubik-Bold";
font-size: 18px;
}
.read-more{
height: 13px;
overflow: hidden;
position: relative;
float: left;
opacity: 0.25;
transition: 0.5s;
}
.read-more:active,
.read-more:focus{outline: none!important}
.read-more.active{
height: auto;
opacity: 1;
}
.old-content{padding: 0px 36px}
body .plyr__control--overlaid{top: 40%}
.container-post > .sidebar{margin-top: 10px;}
nav.menu-bg-blue .special-link{
color: white;
padding-left: 0px!important;
}
body.single-post .intro-post.innovations-cat img.post-thumbnail{
display: block!important
}
}
.one-element .slick-dots{display: none}
.desktop-only { display: block; }
.mobile-only { display: none; }
@media screen and (max-width: 768px) {
.desktop-only { display: none; }
.mobile-only { display: block; }
}
.popup-product-launch {
position: fixed;
z-index: 99999999;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.75);
display: flex;
justify-content: center;
align-items: center;
}
.popup-product-launch img{
width: 100%;
height: auto;
}
.popup-product-launch .inner {
position: relative;
background: white;
padding: 30px;
border-radius: 10px;
width: 850px;
max-width: 90%;
max-height: 90%;
overflow: auto;
text-align: center;
}
.popup-close {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 28px;
font-weight: bold;
cursor: pointer;
color: #003359
}
.popup-bouton {
display: inline-block;
background-color: #c41c2f;
color: white;
padding: 16px 30px;
text-decoration: none;
margin-top: 15px;
border-radius: 36px;
transition: background-color 0.3s;
font-family: "Madera-Bold";
font-size: 15px;
}
.popup-bouton:hover {opacity: 0.75}
.block-sommaire > p{font-family: "Madera-Bold"!important}
.page-id-9411 .intro-sub-page img.post-thumbnail,
.page-id-9495 .intro-sub-page img.post-thumbnail{
display: none;
}
body.page-id-9411 section.intro-sub-page,
body.page-id-9495 section.intro-sub-page{
padding-bottom: 0px;
}
@media screen and (max-width: 400px){
header nav{left: -420px}
}
@media screen and (max-width: 340px){
header .logo{width: 120px}
}
@media screen and (max-width: 315px){
.date-5 .picto{width: 90px}
.date-5-section > .form {
right: -25px;
}
.date-7 .picto {
position: absolute;
width: 90px;
right: 0px;
}
.date-1 .picto {
width: 90px;
top: -18px;
right: 33px;
}
}
@media screen and (max-width: 305px){
.has-sub-menu.active > a:before, .has-sub-menu > a:before{right: 8px}
.story-container .date img.radius-right,
.story-container .date img.radius-left {
height: 210px;
}
header .logo {width: 100px}
.top-links .search {display: none}
body .big-title {
font-size: 25px!important;
line-height: 32px!important;
}
body .medium-title {
font-size: 23px!important;
line-height: 30px!important;
}
body.single-webinar .intro-archive .content, body.single-evenements .intro-archive .content, body.single-post .intro-archive .content, .intro-sub-page .content {
padding-left: 20px;
padding-right: 20px;
}
.big-text {line-height: 30px}
.main-post article > img {height: 230px}
}
@media screen and (max-width: 1300px){
.section-1 .slick-dots {top: 350px}
}
@media screen and (max-width: 1200px){
.section-1 .slick-dots {bottom: 375px}
.section-1 .slick-dots {top: 300px}
.flex-label-intro{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
}
@media screen and (max-width: 991Px){
.section-1 .slick-dots {
bottom: 399px;
left: -115px;
}
.home .character, .page-template-template-fds-hp .character{
top: 236px;
width: 150px;
left: 20px;
}
.section-1 .slick-dots {top: 220px}
}
@media screen and (max-width: 767px){
.list-products .block .inner{
top: 5px;
position: relative;
}
.sidebar article:hover{box-shadow: none}
body .label-intro {padding: 10px 20px}
.item-with-text p,
.item-with-text:before{
opacity: 1;
}
header .logo{width: 140px}
.sub-sub-menu-columns{gap: 0px}
header nav.active .sub-sub-menu-column ul.deployed li{margin-bottom: 26px}
body section.intro-sub-page h1 {
margin-bottom: 30px;
margin-top: 25px;
}
.sup-footer .nl {flex-direction: column}
.sup-footer .nl > label {
text-align: center;
margin-bottom: 10px;
}
header nav > ul > li:nth-of-type(4) .title-sub{isplay: none}
header nav > ul > li:nth-of-type(4) br{display: contents}
header nav > ul > li:nth-of-type(5) .special-link-li,
header nav > ul > li:nth-of-type(6) .special-link-li,
header nav > ul > li:nth-of-type(7) .special-link-li,
header nav > ul > li:nth-of-type(4) .special-link-li,
header nav > ul > li:nth-of-type(3) .sub-menu > li{padding-bottom: 5px}
header nav > ul > li:nth-of-type(5) .sub-sub-menu li,
header nav > ul > li:nth-of-type(6) .sub-sub-menu li,
header nav > ul > li:nth-of-type(7) .sub-sub-menu li,
header nav > ul > li:nth-of-type(3) .title-sub{margin-bottom: 20px}
header nav > ul > li:nth-of-type(2) .sub-sub-menu li,
header nav > ul > li:nth-of-type(1) li:nth-of-type(3) li {
margin-bottom: 26px;
}
header nav > ul > li:nth-of-type(1) li:nth-of-type(3) .title-sub{
margin-bottom: 25px;
}
.flex-sub-menu {gap: 5px}
.special-link{font-family: "Madera-Bold"!important}
.special-link span{font-family: "Madera-Medium"!important}
.display-mobile.top-menu-mobile{
position: absolute;
bottom: 70px;
left: 0;
width: 100%;
display: flex;
justify-content: center;
gap: 20px;
}
.display-mobile.top-menu-mobile .menu-top{
display: flex;
gap: 20px;
}
header nav > ul > li > a{font-family: "Madera-Medium"}
header {z-index: 99999 !important}
body.single section.intro-sub-page h1 {
margin-top: 25px;
margin-bottom: 40px;
}
.label-intro {font-size: 14px}
.single-webinar .datas, .single-evenements .datas, .single-post .datas {
display: inline-flex;
gap: 20px;
}
.bottom-slide-hp {
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25Px;
}
.top-slide-hp img {border-radius: 0px 0px 25px 25px}
.block-mini-3-3 .col-md-4 ,
.mini-block-2-content{
margin-left: 10px;
margin-right: 10px;
}
.block-mini-3-3 .slick-dots{bottom: 0px}
.section-1 .slick-dots {
bottom: 25px;
left: 0;
top: inherit;
}
.bottom-slide-hp {
padding-top: 100px;
padding-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
top: -75px;
}
.bottom-slide-hp p{
font-size: 17px;
line-height: normal;
}
.bottom-slide-hp .cta{
font-size: 14px;
margin-top: 20px;
}
.home .character, .page-template-template-fds-hp .character{display: none}
body section.intro-sub-page {padding-bottom: 50px}
.has-sub-menu.active .sub-menu {top: 65px}
nav.active.menu-bg-blue .close-sub-menu-mobile svg path{fill: white}
nav.active.menu-bg-blue .close-sub-menu-mobile {color: white}
nav.active.menu-bg-blue + label span{
background-color: white;
}
.has-sub-menu.active .sub-menu {
position: fixed;
left: 0;
top: 100px;
width: 100%;
box-shadow:none
}
header nav > ul > li:nth-of-type(1) .sub-menu li a{
flex-direction: row;
align-items: center;
color: white;
}
header nav > ul > li:nth-of-type(4) .sub-menu li a{
flex-direction: row;
align-items: center;
}
header nav > ul > li:nth-of-type(4) .simple-link-menu{display: none!important}
header nav > ul > li:nth-of-type(1) .sub-menu li .title-sub{color: #94D0DE}
.flex-sub-menu{
flex-direction: column;
padding: 0px 20px;
}
.sub-sub-menu-column {width: 100%}
.flex-sub-menu img{
height: 220px;
object-fit: cover;
margin-bottom: 15px;
border-radius: 20px;
}
header nav.active .sub-sub-menu-column ul.deployed{overflow: visible}
.sub-sub-menu-columns{flex-direction: column}
/*target voir tout sur sous menu pro santé*/
header nav > ul > li:nth-of-type(1) .sub-menu li:nth-of-type(2) li:nth-of-type(1) a{
text-decoration: underline;
margin-bottom: 20px;
}
.sub-sub-menu img{width: 65px}
.sub-sub-menu > li {margin-bottom: 12px}
}