@charset "utf-8";

@font-face {
font-family: 'Chillax';
src: url(//cekaservices.fr/wp-content/themes/ceka/fonts/Chillax-Medium.woff2) format('woff2'),
url(//cekaservices.fr/wp-content/themes/ceka/fonts/Chillax-Medium.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Chillax';
src: url(//cekaservices.fr/wp-content/themes/ceka/fonts/Chillax-Regular.woff2) format('woff2'),
url(//cekaservices.fr/wp-content/themes/ceka/fonts/Chillax-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Carmen Sans';
src: url(//cekaservices.fr/wp-content/themes/ceka/fonts/CarmenSans-SemiBold.woff2) format('woff2'),
url(//cekaservices.fr/wp-content/themes/ceka/fonts/CarmenSans-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Carmen Sans';
src: url(//cekaservices.fr/wp-content/themes/ceka/fonts/CarmenSans-Light.woff2) format('woff2'),
url(//cekaservices.fr/wp-content/themes/ceka/fonts/CarmenSans-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
} body {
margin: 0;
font-family: 'Carmen Sans';
font-weight: 400;
line-height: 1.6;
color: var(--bg_grisfonce);
background-color: var(--bg_blanc);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#wrapper {
width: 100%;
overflow: hidden;
}
a, a:hover {
color: var(--bg_noir);
text-decoration: none;
-webkit-transition: all .3s;  
-o-transition: all .3s;  
transition: all .3s;
}
#zonetxt a, .zonetxt a,
#ztxt a, .ztxt a {
color: var(--bg_violet);
text-decoration: underline;
font-weight: 600;
}
#zonetxt a:hover, .zonetxt a:hover,
#ztxt a:hover, .ztxt a:hover {
color: var(--bg_violet);
text-decoration: none;
}
a:not([href]):not([tabindex]) {
cursor: pointer;
}
*
*:focus,
*:active {
outline: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
p, h1, h2, h3, h4, li {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
p,
#zonetxt img {margin-bottom: 20px;}
[class*="col-"] p:last-child,
.zonetxt *:last-child {margin-bottom: 0;}
b, strong {font-weight: 600;}
h1, h2, h3,
h4, h6 {
font-family: 'Chillax';
line-height: 1.1;
font-weight: 300;
margin-top: 0;
margin-bottom: 20px;
}
h1 b, h1 strong,
h2 b, h2 strong,
h3 b, h3 strong,
h4 b, h4 strong {
font-weight: 600;
}
ul {-webkit-padding-start: 15px;padding-inline-start: 15px;}
img { 
max-width: 100%;
-webkit-user-drag: none; 
-khtml-user-drag: none; 
-moz-user-drag: none; 
-o-user-drag: none; 
user-drag: none; 
}
blockquote {
display: block;
margin: 0;
margin-top: 25px;
margin-bottom: 25px;
background: var(--bg_gris);
border: none;
border-radius: 40px;
padding: 30px;
}
.grecaptcha-badge {
display: none !important;
visibility: hidden !important;
} .col-5col {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
float: left;
}
@media (min-width: 768px) {
.col-5col {width: 50%;float: left;}
}
@media (min-width: 992px) {
.col-5col {width: 25%;float: left;}
}
@media (min-width: 1200px) {
.col-5col {width: 20%;float: left;}
} .container-fluid {padding: 0 10%;}
.container-fluid.init {padding: 0 30px;}
.container-fluid {
max-width: 2500px;
}
.container {
max-width: 1500px;
padding-left: 30px;
padding-right: 30px;
} 
@media (max-width: 2300px) {
.container-fluid { padding: 0 150px; }
}
@media (max-width: 1600px) {
.container-fluid { padding: 0 70px; }
}
@media (max-width: 1400px) {
.container,
.container-fluid,
.container-fluid.init { padding: 0 50px; }
}
@media (max-width: 991px) {
.container,
.container-fluid,
.container-fluid.init { padding: 0 30px; }
}
@media (max-width: 767px) {
.container,
.container-fluid,
.container-fluid.init { padding: 0 15px; }
} .grecaptcha-badge {
opacity: 0 !important;
pointer-events: none !important;
} .wordpress-gdpr-privacy-settings-popup-logo img {
width: auto !important;
}
.wordpress-gdpr-privacy-settings-popup-services-buttons .btn {
font-weight: 600 !important;
border-radius: 0 !important;
}
.wordpress-gdpr-popup-close,
.wordpress-gdpr-privacy-settings-popup-close {
line-height: 33px !important;
font-size: 16px !important;
} :root {
--bg_blanc:       #FFFFFF;
--bg_noir:        #666666;
--bg_grisfonce:   #949494;  
--bg_gris:        #F2F2F2;
--bg_bleu:        #45A4B5;
--bg_violet:      #C9B3FF;
--bg_vert:        #61BEB1;
}
::-moz-selection {background-color: #B9B9B9;}
::selection {background-color: #B9B9B9;} :root {
--spacing:        180px;
--hauteurnav:     150px;
}  #scrollTop {
position: fixed;
z-index: 1000;
cursor: pointer;
right: 40px;
bottom: 300px;
opacity: 0;
visibility: hidden;
width: 40px;
height: 40px;
background: var(--bg_bleu);
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#scrollTop:hover {
background: var(--bg_violet);
}
#scrollTop i {
font-size: 25px;
color: var(--bg_blanc);
line-height: 37px;
}
@media (min-width: 768px) {
#scrollTop.show {
opacity: 1;
visibility: visible;
}
} #devisFix {
position: fixed;
z-index: 200;
cursor: pointer;
right: 80px;
bottom: 100px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
#devisFix a {
font-size: 20px;
}
#devisFix a:after {
-webkit-animation: slideRight 2s ease-in-out infinite;
animation: slideRight 2s ease-in-out infinite;
}
@media (min-width: 991px) {
#devisFix.show {
opacity: 1;
visibility: visible;
}
}  body {font-size: 17px;}
h1,.h1 {font-size: 55px;}
h2,.h2 {font-size: 35px;}
h3,.h3 {font-size: 25px;}
h4,.h4 {font-size: 22px;}
@media (max-width: 1500px) {
body {font-size: 16px;}
h1,.h1 {font-size: 40px;}
h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 22px;}
h4,.h4 {font-size: 20px;}
}
@media (max-width: 767px) {
body {font-size: 14px;}
h1,.h1 {font-size: 32px;}
h2,.h2 {font-size: 23px;}
h3,.h3 {font-size: 20px;}
h4,.h4 {font-size: 18px;}
} h5, h5 a {
display: inline-block;
margin: 0;
}
h5 a,
span.tag,
.submit-wrapper {
position: relative;
font-size: 22px;
font-weight: 400 !important;
font-family: 'Chillax';
text-decoration: none !important;
color: var(--bg_blanc) !important;
background: var(--bg_bleu);
border: 1.5px solid var(--bg_bleu);
margin-top: 15px;
margin-bottom: 0;
padding: 15px 25px;
border-radius: 30px;
cursor: pointer;
}
@media (max-width: 991px) {
h5 a,
span.tag {
font-size: 18px;
}
}
@media (max-width: 767px) {
h5 a,
span.tag {
font-size: 16px;
padding: 15px 20px;
}
}
h5 a:after,
span.tag:after,
.submit-wrapper:after,
.eapps-facebook-feed-load-more:after {
content: '';
position: absolute;
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--bg_bleu);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: -30px;
}
h5 a:hover:after,
.submit-wrapper:hover:after,
.eapps-facebook-feed-load-more:hover:after {
-webkit-animation: slideRight 2s ease-in-out infinite;
animation: slideRight 2s ease-in-out infinite;
}
@-webkit-keyframes slideRight {
0% {
right: -35px;
}
25% {
right: -20px;
}
50% {
right: -35px;
}
100% {
right: -35px;
}
}
@keyframes slideRight {
0% {
right: -35px;
}
25% {
right: -20px;
}
50% {
right: -35px;
}
100% {
right: -35px;
}
} h5 a.blanc {
color: var(--bg_grisfonce) !important;
border-color: var(--bg_blanc) !important;
background: var(--bg_blanc);
}
h5 a.blanc:after {
background: var(--bg_blanc);
} h5 a.gris {
color: var(--bg_grisfonce) !important;
border-color: var(--bg_gris) !important;
background: var(--bg_gris);
}
h5 a.gris:after {
background: var(--bg_gris);
} h5 a.noir,
.submit-wrapper {
border-color: var(--bg_noir) !important;
background: var(--bg_noir);
}
h5 a.noir:after,
.submit-wrapper:after {
background: var(--bg_noir);
} h5 a.violet {
border-color: var(--bg_violet) !important;
background: var(--bg_violet);
}
h5 a.violet:after,
.eapps-facebook-feed-load-more:after {
background: var(--bg_violet);
} mark {
font-family: 'Chillax';
font-weight: 600;
letter-spacing: -3px;
line-height: 1.1;
background: var(--bg_bleu);
color: var(--bg_blanc);
border-radius: 100px;
padding: 5px 55px;
-webkit-transform: scale(0.95) rotate(-3deg);
-ms-transform: scale(0.95) rotate(-3deg);
transform: scale(0.95) rotate(-3deg);
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
display: inline-block; 
} .zonetxt ul {
list-style-type: none;
padding: 0;
}
.zonetxt ul li {
position: relative;
padding-left: 40px;
}
.zonetxt ul li:before {
content: "\e903";
font-family: 'CekaServices';
position: absolute;
left: 0;
}  #headnavtxt {
display: block;
padding: 5px;
text-align: center;
} #navigation {
position: absolute;
z-index: 1000;
width: 100%;
}
#navigation .zonenav {
background: transparent;
font-family: 'Chillax';
padding: 15px 0;
}
#navigation nav.navbar {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
} .navbar-brand {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#navigation svg#logotype {
width: 120px;
}
#navigation.fixed svg#logotype {
width: 60px;
} svg#logotype .st0 {
fill: var(--bg_bleu);
}
svg#logotype .st1 {
fill: var(--bg_gris);
} #navigation .navbar-collapse {
-webkit-box-flex: initial;
-ms-flex-positive: initial;
flex-grow: initial;
}
#navigation ul.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
#navigation ul.navbar-nav .nav-item .nav-link,
#navigation .dropdown-item {
font-size: 17px;
line-height: 1;
color: var(--bg_noir);
position: relative;
background: var(--bg_gris);
border-radius: 100px;
padding: 20px 30px;
margin-left: 25px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#navigation ul.navbar-nav .nav-item .nav-link:hover,
#navigation ul.navbar-nav .nav-item .nav-link.active,
#navigation ul.navbar-nav .nav-item .dropdown-item:hover {
color: var(--bg_blanc);
}
#navigation ul.navbar-nav .nav-item:nth-child(1) .nav-link:hover,
#navigation ul.navbar-nav .nav-item:nth-child(1) .nav-link.active,
#navigation ul.navbar-nav .dropdown-item:hover {
background: var(--bg_vert);
}
#navigation ul.navbar-nav .nav-item:nth-child(2) .nav-link:not(.dropdown-toggle):hover,
#navigation ul.navbar-nav .nav-item:nth-child(2) .nav-link.active {
background: var(--bg_bleu);
}
#navigation ul.navbar-nav .nav-item:nth-child(3) .nav-link:not(.dropdown-toggle):hover,
#navigation ul.navbar-nav .nav-item:nth-child(3) .nav-link.active {
background: var(--bg_violet);
}
#navigation ul.navbar-nav .nav-item:nth-child(4) .nav-link:not(.dropdown-toggle):hover {
background: var(--bg_gris);
color: var(--bg_grisfonce);
}
#navigation ul.navbar-nav .nav-item:nth-child(5) .nav-link:not(.dropdown-toggle):hover,
#navigation ul.navbar-nav .nav-item:nth-child(5) .nav-link.active {
background: var(--bg_grisfonce);
} #navigation .dropdown-toggle::after {
content: "\e919";
border: none;
font-family: 'CekaServices';
margin-left: 15px;
width: auto;
height: auto;
vertical-align: -2px;
}
#navigation .dropdown-menu {
position: absolute;
left: auto;
z-index: 1000;
margin: 0;
margin-left: -15px;
display: none;
padding: 0;
padding-top: 15px;
background-color: transparent;
border: none;
border-radius: 0;
}
#navigation .dropdown.show .dropdown-menu {
display: block;
}
#navigation .dropdown-item {
margin: 10px auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;   
} #navigation .navbar-toggler {
padding: 0;
position: relative;
}
#navigation .navbar-toggler .icon-bar {
width: 40px;
height: 2px;
background-color: var(--bg_bleu);
display: block;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-top: 7px;
}
#navigation .navbar-toggler .top-bar {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 20% 190%;
-ms-transform-origin: 20% 190%;
transform-origin: 20% 190%;
}
#navigation .navbar-toggler .middle-bar {
opacity: 0;
}
.navbar-toggler .bottom-bar {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 20% -80%;
-ms-transform-origin: 20% -80%;
transform-origin: 20% -80%;
}
#navigation .navbar-toggler.collapsed .top-bar {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
#navigation .navbar-toggler.collapsed .middle-bar {
opacity: 1;
}
#navigation .navbar-toggler.collapsed .bottom-bar {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
} @-webkit-keyframes menu_sticky {
0% {
margin-top: -75px;
opacity: 0;
}
50% {
margin-top: -64px;
opacity: 0;
}
100% {
margin-top: 0;
opacity: 1;
}
}
@keyframes menu_sticky {
0% {
margin-top: -75px;
opacity: 0;
}
50% {
margin-top: -64px;
opacity: 0;
}
100% {
margin-top: 0;
opacity: 1;
}
}
#navigation.fixed {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
-webkit-animation: menu_sticky 1s ease-in-out;
animation: menu_sticky 1s ease-in-out;
}
#navigation.fixed .zonenav {
padding: 15px 0;
}
#navigation.fixed nav.navbar {
width: 100%;
-ms-flex-flow: wrap;
flex-flow: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 0;
} @media (max-width: 1350px) {
#navigation ul.navbar-nav .nav-item .nav-link {
margin-left: 15px;
}
}
@media (min-width: 1301px){
.navbar-expand-custom {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-custom .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-expand-custom .dropdown-menu {
position: absolute;
}
.navbar-expand-custom .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-expand-custom > .container {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand-custom .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-custom .navbar-toggler {
display: none;
}
}
@media (max-width: 1300px) {
:root {
--hauteurnav: 105px;
}
#navigation .zonenav {
padding: 15px 0;
background-color: var(--bg_blanc);
}
#navigation svg#logotype {
width: 75px;
}
#navigation.fixed svg#logotype {
width: 40px;
}
#navigation nav.navbar {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
border-radius: 0;
}
#navigation ul.navbar-nav {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-top: 30px;
}
#navigation ul.navbar-nav .nav-item,
#navigation ul.navbar-nav .dropdown-item {
width: 100%;
text-align: left;
}
#navigation ul.navbar-nav .nav-item .nav-link {
margin: 10px 0 !important;
}
#navigation .dropdown-menu.show {
display: block;
}
#navigation .dropdown-menu {
position: initial;
padding: 0 0 30px;
margin: 0;
}
} #modal_contact.right_modal {
position: fixed;
z-index: 99999;
}
#modal_contact.right_modal .modal-dialog {
position: fixed;
margin: auto;
width: 700px;
max-width: 100%;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
@media (min-width: 991px) {
#modal_contact.right_modal .modal-dialog {
max-width: 100%;
}
}
.modal-backdrop {
display: none;
}
#modal_contact.right_modal .modal-content {
height: 100vh !important;
border: none;
border-radius: 0;
background: var(--bg_bleu);
}
#modal_contact.right_modal.fade .modal-dialog {
right: -50%;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
#modal_contact.right_modal.fade.show .modal-dialog {
right: 0;
}
#modal_contact .modal_close {
position: absolute;
right: 50px;
top: 50px;
z-index: 100;
font-size: 40px;
color: var(--bg_blanc);
}
#modal_contact .modal_close i {
display: block;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
#modal_contact .modal_close i:hover {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#modal_contact .modal-body {
padding: 70px;
padding-top: 130px; background-position: bottom;
background-size: contain;
overflow: scroll;
} #modal_contact .zonetxt {
margin-bottom: 40px;
}
#modal_contact .zonetxt * {
color: var(--bg_blanc);
}  #index_z1 {
position: relative;
padding-top: var(--hauteurnav);
} #index_z1 .inside {
position: relative;
height: 620px;
background: var(--bg_vert);
border-radius: 500px;
padding: 0 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
} #index_z1 .inside .zonetxt {
width: 500px;
}
#index_z1 .inside .zonetxt h1 {
color: var(--bg_blanc);
font-family: 'Carmen Sans';
font-size: 65px;
margin-bottom: 50px;
}
#index_z1 .inside .zonetxt mark {
background: var(--bg_violet);
}
#index_z1 .inside .zonetxt p {
color: var(--bg_blanc);
max-width: 350px;
} #index_z1 .swiper {
overflow: visible;
}
#index_z1 .swiper-slide {
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
#index_z1 .swiper-slide-active {
opacity: 1;
} #index_z1 .controls {
position: absolute;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#index_z1 .inside:hover .controls {
opacity: 1;
}
#index_z1 .controls.left {left: 35px;}
#index_z1 .controls.right {right: 35px;}
#index_z1 .controls i {
font-size: 55px;
color: var(--bg_blanc);
line-height: 1;
cursor: pointer;
}
#index_z1 .controls.swiper-button-disabled {
opacity: 0 !important;
pointer-events: none;
} #index_z1 .inside .zoneimg {
position: absolute;
top: 0;
right: 150px;
height: 100%;
width: 650px;
pointer-events: none;
}
#index_z1 .inside .zoneimg .diapopers,
#index_z1 .inside .zoneimg .item {
height: 100%;
}
#index_z1 .inside .zoneimg .item {
padding-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
#index_z1 .inside .zoneimg .diapopers img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom;
object-position: bottom;
} #index_z1 .inside #stmall,
#index_z1 .inside #stbig {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}
#index_z1 .inside #stmall {
width: 100%;
z-index: 1;
}
#index_z1 .inside #stmall .st1 {
fill: var(--bg_blanc);
}
#index_z1 .inside #stmall .st2 { -webkit-clip-path: url(#clippath-1); clip-path: url(#clippath-1); }
#index_z1 .inside #stmall .st3 { -webkit-clip-path: url(#clippath-3); clip-path: url(#clippath-3); }
#index_z1 .inside #stmall .st4 { -webkit-clip-path: url(#clippath-4); clip-path: url(#clippath-4); }
#index_z1 .inside #stmall .st5 { -webkit-clip-path: url(#clippath-2); clip-path: url(#clippath-2); }
#index_z1 .inside #stmall .st6 { -webkit-clip-path: url(#clippath-6); clip-path: url(#clippath-6); }
#index_z1 .inside #stmall .st7 { -webkit-clip-path: url(#clippath-5); clip-path: url(#clippath-5); }
#index_z1 .inside #stmall .st8 { -webkit-clip-path: url(#clippath); clip-path: url(#clippath);}
#index_z1 .inside #stmall path {
-webkit-animation: etoilesanim 5s infinite;
animation: etoilesanim 5s infinite;
} @-webkit-keyframes etoilesanim {
0% { -webkit-transform: translateY(0); transform: translateY(0); }
5% { -webkit-transform: translateY(-45px); transform: translateY(-45px);}
5% { opacity: 0;}
6% { opacity: 0;-webkit-transform: translateY(45px);transform: translateY(45px);}
7% { opacity: 1;}
14% { -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes etoilesanim {
0% { -webkit-transform: translateY(0); transform: translateY(0); }
5% { -webkit-transform: translateY(-45px); transform: translateY(-45px);}
5% { opacity: 0;}
6% { opacity: 0;-webkit-transform: translateY(45px);transform: translateY(45px);}
7% { opacity: 1;}
14% { -webkit-transform: translateY(0); transform: translateY(0);}
} #index_z1 .inside #stbig {
width: 1700px;
fill: var(--bg_violet);
right: -600px;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
} #index_z2 {
margin-top: -100px;
position: relative;
z-index: 1;
} #index_z2 #nb1 {
}
#index_z2 #nb1 .inside {
position: relative;
}
#index_z2 #nb1 .inside svg {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 60%;
}
#index_z2 #nb1 .inside svg .st0 {
fill: url(#gradient);
}
#index_z2 #nb1 .inside .zonetxt {
display: block;
text-align: center;
position: relative;
padding-top: 35px;
}
#index_z2 #nb1 .inside .zonetxt i {
font-size: 30px;
display: block;
margin-bottom: 15px;
color: var(--bg_noir);
}
#index_z2 #nb1 .inside .zonetxt h4 {
color: var(--bg_noir);
} #index_z2 #nb2 .circle-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 0 100px;
margin-top: 230px;
}
#index_z2 #nb2 .circle-wrapper,
#index_z2 #nb2 .circle-wrapper * {
cursor: none !important;
}
#index_z2 #nb2 .circle-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#index_z2 #nb2 .circle {
width: 340px;
height: 340px;
border-radius: 50%;
overflow: hidden;
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
}
#index_z2 #nb2 span.tag {
position: absolute;
z-index: 5;
opacity: 0;
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}
#index_z2 #nb2 .z1 span.tag {width: 290px;}
#index_z2 #nb2 .z2 span.tag {width: 180px;}
#index_z2 #nb2 .z3 span.tag {width: 285px;}
#index_z2 #nb2 span.tag:after {
-webkit-animation: slideRight 2s ease-in-out infinite;
animation: slideRight 2s ease-in-out infinite;
}
#index_z2 #nb2 .circle img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#index_z2 #nb2 .circle-wrapper .zonetxt {
position: relative;
margin-top: 150px;
text-align: center;
max-width: 340px;
width: 100%;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
#index_z2 #nb2 .circle-wrapper .zonetxt h3 {
font-weight: 600;
margin-bottom: 10px;
}
#index_z2 #nb2 .circle-wrapper .zonetxt div {
-webkit-box-flex: 0;
-ms-flex: 0 0 190%;
flex: 0 0 190%;
max-width: 190%;   
}
#index_z2 #nb2 .circle-wrapper .zonetxt h3,
#index_z2 #nb2 .circle-wrapper .zonetxt p {
}
#index_z2 #nb2 .circle-wrapper:hover .zonetxt,
#index_z2 #nb2 .nohover .z2.circle-wrapper .zonetxt,
#index_z2 #nb2 .circle-wrapper:hover span.tag {
opacity: 1;
}
#index_z2 #nb2 .circle-wrapper:hover .circle,
#index_z2 #nb2 .z2.circle-wrapper .circle {
-webkit-transform: scale(1.7);
-ms-transform: scale(1.7);
transform: scale(1.7);
z-index: 1;
}
#index_z2 #nb2 .circle-wrapper.left .circle,
#index_z2 #nb2 .nohover .z1.circle-wrapper .circle {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px); }
#index_z2 #nb2 .circle-wrapper.right .circle,
#index_z2 #nb2 .nohover .z3.circle-wrapper .circle {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px); } #index_z2 #nb2.mobile {
display: none;
}
#index_z2 #nb2.mobile .diapocircle {
overflow: visible;
}
#index_z2 #nb2.mobile .circle-wrapper {
padding: 0 20px;
}
#index_z2 #nb2.mobile .circle {
width: 520px;
height: 520px;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
#index_z2 #nb2.mobile .circle-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin-top: var(--spacing);
}
#index_z2 #nb2.mobile .circle-wrapper .zonetxt {
opacity: 0;
max-width: 100%;
width: 100%;
margin-top: 50px;
}
#index_z2 #nb2.mobile .swiper-slide-duplicate-active .circle-wrapper .zonetxt,
#index_z2 #nb2.mobile .swiper-slide-active .circle-wrapper .zonetxt {
opacity: 1;
}
#index_z2 #nb2.mobile .circle-wrapper .zonetxt div {
-webkit-box-flex: 0;
-ms-flex: 0 0 150%;
flex: 0 0 150%;
max-width: 150%;
} #index_z3 {
padding-top: var(--spacing);
position: relative;
}
#index_z3 .row {
background: var(--bg_gris);
padding: 100px;
border-radius: 60px;
overflow: hidden;
position: relative;
}
#index_z3 svg {
fill: var(--bg_vert);
position: absolute;
width: 400px;
top: 20px;
left: 50px;
display: none !important;
} #index_z4 {
background: var(--bg_bleu);
padding-top: 350px;
padding-bottom: 140px;
margin-top: -100px;
}
#index_z4 .row {
position: relative;
}
#index_z4 .zonetxt {
max-width: 700px;
text-align: center;
margin: 0 auto;
position: relative;
top: -100px;
}
#index_z4 .zonetxt *:not(h5, h5 a) {
color: var(--bg_blanc);
}
#index_z4 img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 30px;
}
#index_z4 img,
#index_z4 .diapoequipe {
position: absolute;
width: 260px;
aspect-ratio: 75 / 112;
margin: 0;
}
#index_z4 #nb1, #index_z4 #nb5,
#index_z4 .swiper .swiper-slide:nth-child(even) img {
border-radius: 500px;
}
#index_z4 #nb1 {
top: 100px;
border-radius: 500px;
}
#index_z4 #nb2 {
left: 285px;
top: -150px;
}
#index_z4 #nb3 {
left: 285px;
top: 265px;
}
#index_z4 #nb4 {
right: 0;
top: -150px;
}
#index_z4 #nb5 {
right: 0;
top: 265px;
}
#index_z4 #nb6 {
right: 285px;
top: 100px;
}
#index_z4 #nb7 {
right: 575px;
top: 265px;
} #index_z5 {
margin-top: 240px;
padding-top: var(--spacing);
}
#index_z5 .row {
background: var(--bg_gris);
padding: 100px;
border-radius: 60px;
overflow: hidden;
}
#index_z5 .zlinks {
text-align: right;
}
#index_z5 .zlinks a,
#index_z5 .zlinks .idsocial {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#index_z5 .zlinks a i {
font-size: 30px;
margin-left: 15px;
color: var(--bg_violet);
} #index_z5 .eapps-facebook-feed-inner {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
#index_z5 .eapps-facebook-feed-posts {
padding: 0 !important;
}
#index_z5 .eapps-facebook-feed-load-more {
position: relative;
width: 250px;
height: 60px;
line-height: 1;
font-size: 22px;
font-weight: 400 !important;
font-family: 'Chillax';
text-decoration: none !important;
color: var(--bg_blanc) !important;
background: var(--bg_violet) !important;
border: 1.5px solid var(--bg_violet) !important;
margin-top: 50px;
margin-bottom: 0;
padding: 15px 25px;
border-radius: 30px;
cursor: pointer;
}
#index_z5 .eapps-facebook-feed-load-more:hover {
background: var(--bg_violet) !important;
border-color: var(--bg_violet) !important;
}
#index_z5 .eapps-facebook-feed-posts-item-inner {
padding: 30px;
}
#index_z5 .eapps-facebook-feed-posts-item {
border-radius: 30px !important;
}
#index_z5 .eapps-facebook-feed-posts-item-content-picture img {
border-radius: 20px !important;
}
#index_z5 .eapps-facebook-feed-item-author-picture {
display: none !important;
}
#index_z5 .eapps-facebook-feed-item-author-info {
margin-left: 0 !important;
margin-bottom: 15px !important;
} #index_z6 {
padding-top: var(--spacing);
padding-bottom: var(--spacing);
} #cekazones {
background: var(--bg_gris);
padding-top: var(--spacing);
padding-bottom: var(--spacing);
} #cekazones .zones {
margin: 50px 0;
}
#cekazones .zones h2 {
font-size: 45px;
margin-bottom: 5px;
}
#cekazones .zones mark {
font-weight: 400;
padding: 10px 35px;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
#cekazones.secteurs01 .zones h2:nth-child(1) mark {
background: var(--bg_vert);
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
font-weight: 600;
}
#cekazones.secteurs01 .zones h2:nth-child(2) mark {
background: #CCEBE7;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#cekazones.secteurs01 .zones h2:nth-child(3) mark {
background: #CCEBE7;
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
#cekazones.secteurs02 .zones h2:nth-child(1) mark {
background: #C7E5EA;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
#cekazones.secteurs02 .zones h2:nth-child(2) mark {
background: var(--bg_bleu);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
font-weight: 600;
}
#cekazones.secteurs02 .zones h2:nth-child(3) mark {
background: #C7E5EA;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
#cekazones.secteurs03 .zones h2:nth-child(1) mark {
background: #E6DBFF;
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
#cekazones.secteurs03 .zones h2:nth-child(2) mark {
background: #E6DBFF;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#cekazones.secteurs03 .zones h2:nth-child(3) mark {
background: var(--bg_violet);
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
font-weight: 600;
} #cekazones .city {
position: relative;
}
#cekazones .city p {
opacity: 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
position: absolute;
}
#cekazones.secteurs01 .city p:nth-child(1),
#cekazones.secteurs02 .city p:nth-child(2),
#cekazones.secteurs03 .city p:nth-child(3) {
opacity: 1;
} #cekazones svg#carte {
width: 100%;
}
#cekazones g[data-name="name"],
#cekazones g#name {
display: none;
pointer-events: none;
}
#cekazones svg#carte .st0 {
fill: var(--bg_blanc);
}
#cekazones.secteurs01 g#Boisleroi g[data-name="name"] {
display: block;
}
#cekazones.secteurs01 svg#carte .st1 {
fill: #CCEBE7;
}
#cekazones.secteurs01 svg#carte g#Boisleroi .st1 {
fill: var(--bg_vert);
}
#cekazones.secteurs02 g#Thomery g[data-name="name"] {
display: block;
}
#cekazones.secteurs02 svg#carte g#Thomery .st1 {
fill: var(--bg_bleu);
}
#cekazones.secteurs02 svg#carte .st1 {
fill: #C7E5EA;
}
#cekazones.secteurs03 g#VSJ g#name {
display: block;
}
#cekazones.secteurs03 svg#carte .st1 {
fill: #E6DBFF;
}
#cekazones.secteurs03 svg#carte g#VSJ .st1 {
fill: var(--bg_violet);
} #page1_z1 {
position: relative;
margin-top: var(--hauteurnav);
height: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} #page1_z1 .zonetxt {
margin-top: -100px;
}
#page1_z1 .zonetxt p {
max-width: 500px;
}
#page1_z1 .zonetxt h1 {
font-family: 'Carmen Sans';
font-size: 65px;
margin-top: 70px;
}
#page1_z1 .zonetxt mark {
background: var(--bg_vert);
-webkit-transform: scale(0.95) rotate(0deg);
-ms-transform: scale(0.95) rotate(0deg);
transform: scale(0.95) rotate(0deg);
margin-left: 100px;
} #page1_z1 .zoneimg {
height: 700px;
width: 100%;
background: var(--bg_vert);
border-radius: 500px 0 0 500px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 0;
right: 0;
}
#page1_z1 .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} #page1_z2 {
} #page1_z2 #cases,
#page1_z2 #groupbtn {
margin-top: -60px;
position: relative;
z-index: 1;
}
#page1_z2 #cases h5 a,
#page1_z2 #groupbtn h5 a {
margin: 0;
margin-right: 10px;
font-size: 18px;
border: none;
}
#page1_z2 #cases h5 a:after,
#page1_z2 #groupbtn h5 a:after {
display: none;
}
#page1_z2 #cases h5 a.active {
background: var(--bg_vert);
color: var(--bg_blanc) !important;
} #page1_z2 #bloc .content {
padding-top: var(--spacing);
padding-bottom: var(--spacing);
} #page1_z2 #bloc .content:first-child,
#page1_z2.page3_z2 #casesactus {
padding-top: calc(var(--spacing) + 30px);
margin-top: -30px;
} #page1_z2 #bloc .content:nth-child(odd) {
background: var(--bg_gris);
} #page1_z2 #bloc .content:nth-child(even) .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
} #page1_z2.oui #bloc .content:last-child {
padding-bottom: calc(var(--spacing) * 3.5);
} #page1_z3 {
margin-top: calc(var(--spacing) * -2.5);
margin-bottom: var(--spacing);
position: relative;
}
#page1_z3.non {
display: none !important;
}
#page1_z3 .row:not(#bulles) {
background: var(--bg_bleu);
padding: 100px;
border-radius: 60px;
overflow: hidden;
position: relative;
}
#page1_z3 svg {
fill: var(--bg_vert);
position: absolute;
width: 400px;
top: 20px;
left: 50px;
}
#page1_z3 .zonetxt {
margin-bottom: 50px;
text-align: center;
}
#page1_z3 .zonetxt *:not(h5, h5 a) {
color: var(--bg_blanc);
} #page1_z3 #bulles {
}
#page1_z3 #bulles .inside {
background: var(--bg_blanc);
padding: 10px;
margin: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
}
#page1_z3 #bulles .inside img {
width: 95px;
height: 95px;
border-radius: 100px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
#page1_z3 #bulles .inside h3 {
margin: 0;
color: var(--bg_grisfonce);
padding-left: 20px;
padding: 0 20px;
} #page1_z4 {
padding-bottom: var(--spacing);
position: relative;
}
#page1_z4.non {
padding-top: var(--spacing);
}
#page1_z4 svg {
fill: var(--bg_vert);
position: absolute;
width: 400px;
top: calc(var(--spacing)* -0.5);
display: none !important;
}  #page2_z1 {
position: relative;
padding-top: var(--hauteurnav);
} #page2_z1 .inside {
position: relative;
height: 700px;
background: var(--bg_gris);
background-size: auto 900px;
background-position: center bottom;
background-repeat: no-repeat;
border-radius: 500px;
padding-top: 100px;
text-align: center;
overflow: hidden;
}
#page2_z1 .inside.cover {
background-size: cover !important;
background-position: center !important;
} #page2_z1 .inside .zonetxt h1 {
font-family: 'Carmen Sans';
font-size: 65px;
margin: 0;
}
#page2_z1 .inside .zonetxt br {
display: none;
}
#page2_z1 .inside .zonetxt mark {
background: var(--bg_violet);
} #page2_z1 .inside #stars {
position: absolute;
bottom: 100px;
width: 85%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
#page2_z1 .inside #stars rect {
fill: var(--bg_violet);
-webkit-animation: etoilesanim 5s infinite;
animation: etoilesanim 5s infinite;
}
#page2_z1 .inside #stars .st1 { -webkit-clip-path: url(#clippath-1); clip-path: url(#clippath-1); }
#page2_z1 .inside #stars .st2 { -webkit-clip-path: url(#clippath-3); clip-path: url(#clippath-3); }
#page2_z1 .inside #stars .st3 { -webkit-clip-path: url(#clippath-4); clip-path: url(#clippath-4); }
#page2_z1 .inside #stars .st4 { -webkit-clip-path: url(#clippath-2); clip-path: url(#clippath-2); }
#page2_z1 .inside #stars .st5 { -webkit-clip-path: url(#clippath-5); clip-path: url(#clippath-5); }
#page2_z1 .inside #stars .st6 { -webkit-clip-path: url(#clippath); clip-path: url(#clippath); } #page2_z2 {
margin-top: -100px;
position: relative;
z-index: 1;
} #page2_z2 #nb1 {
}
#page2_z2 #nb1 .inside {
position: relative;
}
#page2_z2 #nb1 .inside svg {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 60%;
}
#page2_z2 #nb1 .inside svg .st0 {
fill: url(#gradient);
}
#page2_z2 #nb1 .inside .zonetxt {
display: block;
text-align: center;
position: relative;
padding-top: 35px;
}
#page2_z2 #nb1 .inside .zonetxt i {
font-size: 40px;
margin-bottom: 15px;
color: var(--bg_noir);
}
#page2_z2 #nb1 .inside .zonetxt h4 {
color: var(--bg_noir);
}
#page2_z2 #nb1 .inside .zonetxt h4 br {
display: none;
} #page2_z2 #nb2 {
padding-top: var(--spacing);
position: relative;
}
#page2_z2 #nb2 .zonetxt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
#page2_z2 #nb2 .zonetxt h3 {
color: var(--bg_grisfonce);
}
#page2_z2 #nb2 svg {
position: absolute;
top: 50%;
left: -10%;
width: 115%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
fill: var(--bg_vert);
pointer-events: none;
} #page2_z3 {
padding-top: var(--spacing);
padding-bottom: var(--spacing);
}
#page2_z3 .zonetxt {
text-align: center;
} #page2_z3 #cases {
padding-top: calc(var(--spacing) / 2);
padding-bottom: calc(var(--spacing) / 2);
}
#page2_z3 #cases div[class^='col'] {
margin: 15px 0;
}
#page2_z3 #cases .inside {
border-radius: 50px;
padding: 100px 15px;
height: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page2_z3 #cases .inside h2,
#page2_z3 #cases .inside h4 {
color: var(--bg_blanc);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
#page2_z3 #cases .inside:hover h2,
#page2_z3 #cases .inside:not(:hover) h4 {
opacity: 0;
}
#page2_z3 #cases .inside h2 {
margin: 0;
font-size: 35px;
}
#page2_z3 #cases .inside h4 {
position: absolute;
text-align: center;
width: 80%;
margin: 0;
} #page2_z3 #cases div[class^='col']:nth-child(2) .inside,
#page2_z3 #cases div[class^='col']:nth-child(4) .inside,
#page2_z3 #cases div[class^='col']:nth-child(8) .inside {
border-radius: 150px;
} #page2_z3 #cases div[class^='col']:nth-child(1) .inside,
#page2_z3 #cases div[class^='col']:nth-child(8) .inside {
background: var(--bg_violet);
}
#page2_z3 #cases div[class^='col']:nth-child(2) .inside,
#page2_z3 #cases div[class^='col']:nth-child(6) .inside,
#page2_z3 #cases div[class^='col']:nth-child(7) .inside {
background: var(--bg_gris);
}
#page2_z3 #cases div[class^='col']:nth-child(2) .inside *,
#page2_z3 #cases div[class^='col']:nth-child(6) .inside *,
#page2_z3 #cases div[class^='col']:nth-child(7) .inside * {
color: var(--bg_noir);
}
#page2_z3 #cases div[class^='col']:nth-child(3) .inside {
background: var(--bg_vert);
}
#page2_z3 #cases div[class^='col']:nth-child(4) .inside {
background: var(--bg_grisfonce);
}
#page2_z3 #cases div[class^='col']:nth-child(5) .inside {
background: var(--bg_bleu);
} #index_z4.page2_z4 {
margin-top: 0;
padding-top: 300px;
} #page2_z5 {
margin-top: 240px;
padding-top: var(--spacing);
}
#page2_z5 .inside {
background: var(--bg_gris);
padding: 100px 150px;
border-radius: 60px;
overflow: hidden;
}
#page2_z5 .inside .title {
padding-bottom: calc(var(--spacing) / 2);
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#page2_z5 .inside .controls {
opacity: 1;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
#page2_z5 .inside .controls.swiper-button-disabled {
opacity: 0;
pointer-events: none;
}
#page2_z5 .inside .controls i {
font-size: 50px;
line-height: 1;
cursor: pointer;
} #page2_z5 .diapotem {
overflow: visible;
}
#page2_z5 .diapotem .bulles {
background: var(--bg_blanc);
padding: 10px;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
-webkit-transition: all .3s;  
-o-transition: all .3s;  
transition: all .3s;
}
#page2_z5 .diapotem .swiper-slide:hover .bulles {
background: var(--bg_violet);
}
#page2_z5 .diapotem .bulles img {
width: 95px;
height: 95px;
border-radius: 100px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
#page2_z5 .diapotem .bulles h3 {
margin: 0;
color: var(--bg_grisfonce);
padding-left: 20px;
padding: 0 20px;
-webkit-transition: all .3s;  
-o-transition: all .3s;  
transition: all .3s;
}
#page2_z5 .diapotem .swiper-slide:hover .bulles h3 {
color: var(--bg_blanc);
}
#page2_z5 .diapotem .zonetxt {
}
#page2_z5 .diapotem .zonetxt:before {
content: "\e91a";
font-family: 'CekaServices' !important;
font-size: 25px;
margin-bottom: 5px;
display: block;
} #page2_z6 {
padding-top: var(--spacing);
padding-bottom: calc(var(--spacing) - 120px);
}
.bloc_ACCORDION2 .title {
padding-bottom: calc(var(--spacing) / 2);
text-align: center;
}
.bloc_ACCORDION2 .item {
padding-bottom: 65px;
margin-bottom: 120px;
}
@media (min-width: 992px) {
.bloc_ACCORDION2 .item {
-ms-flex: 0 0 29%;
-webkit-box-flex: 0;
flex: 0 0 29%;
max-width: 29%;
}
}
.bloc_ACCORDION2 .item:before {
font-family: 'CekaServices' !important;
font-size: 35px;
line-height: 1;
margin-bottom: 20px;
display: block;
pointer-events: none;
}
.bloc_ACCORDION2 .item:nth-child(even):before {
content: "\e903";
color: var(--bg_vert);
}
.bloc_ACCORDION2 .item:nth-child(odd):before {
content: "\e904";
color: var(--bg_violet);
}
.bloc_ACCORDION2 .item button {
background: transparent;
border: none;
text-align: left;
color: var(--bg_noir);
padding: 0;
cursor: pointer;
}
.bloc_ACCORDION2 .item button:after {
font-family: 'CekaServices' !important;
content: "\e90e";
position: absolute;
margin-top: 15px;
font-size: 75px;
line-height: 1;
color: var(--bg_grisfonce);
opacity: 1;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.bloc_ACCORDION2 .item button[aria-expanded="true"]:after {
pointer-events: none;
opacity: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.bloc_ACCORDION2 .item button h3 {
position: relative;
padding-right: 70px;
margin-bottom: 0;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
}
.bloc_ACCORDION2 .item button h3:after {
font-family: 'CekaServices' !important;
content: "\e918";
font-size: 25px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
width: 25px;
height: 25px;
border-radius: 50%;
line-height: 20px;
color: var(--bg_grisfonce);
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.bloc_ACCORDION2 .item button[aria-expanded="true"] h3:after {
opacity: 1;
}
.bloc_ACCORDION2 .item .collapsing {
-webkit-transition: height .5s ease;
-o-transition: height .5s ease;
transition: height .5s ease;
}
.bloc_ACCORDION2 .item .card-body {
padding-left: 0;
}
@media (max-width: 991px) {
.bloc_ACCORDION2 .item:before {
font-size: 20px;
}
.bloc_ACCORDION2 .item button:after {
font-size: 60px;
}
.bloc_ACCORDION2 .item {
padding-bottom: 50px;
margin-bottom: 70px;
}
.bloc_ACCORDION2 .item .card-body {
padding-bottom: 0;
}
} #formulaire {
padding-top: var(--spacing);
padding-top: var(--spacing);
background: var(--bg_gris);
}
#formulaire  .zonetxt {
padding-bottom: calc(var(--spacing) / 2);
text-align: center;
}
#formulaire .zoneform {
padding-bottom: calc(var(--spacing) / 2);
} #page1_z1.page3_z1 {
}
#page1_z1.page3_z1 .zonetxt h1 {
margin-top: 0;
margin-bottom: 70px;
}
#page1_z1.page3_z1 .zonetxt mark {
background: var(--bg_grisfonce);
} #page1_z2.page3_z2 #groupbtn h5 a {
color: var(--bg_grisfonce) !important;
border-color: var(--bg_gris) !important;
background: var(--bg_gris);
}
#page1_z2.page3_z2 #groupbtn h5 a.active {
background: var(--bg_vert);
color: var(--bg_blanc) !important;
}
#page1_z2.page3_z2 .grey {
background: var(--bg_gris);
}
#page1_z2.page3_z2 #casesactus {
padding-top: var(--spacing);
padding-bottom: var(--spacing);
} #page1_z2.page3_z2 #casesactus .inside {
width: 100%;
margin: 15px 0;
border-radius: 50px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--bg_blanc);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#page1_z2.page3_z2 #casesactus .inside:hover {
background: var(--bg_bleu);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#page1_z2.page3_z2 #casesactus .inside .zoneimg {
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
max-width: 40%;
}
#page1_z2.page3_z2 #casesactus .inside .zoneimg img {
width: 100%;
height: 100%;
background: var(--bg_bleu);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#page1_z2.page3_z2 #casesactus .inside:hover .zoneimg img {
opacity: .2;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
#page1_z2.page3_z2 #casesactus .inside .zoneimg i {
position: absolute;
font-size: 80px;
color: var(--bg_blanc);
opacity: 0;
pointer-events: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#page1_z2.page3_z2 #casesactus .inside:hover .zoneimg i {
opacity: 1;
}
#page1_z2.page3_z2 #casesactus .inside .zonetxt {
padding: 0 50px;
width: 100%;
}
#page1_z2.page3_z2 #casesactus .inside .zonetxt h3 {
margin: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#page1_z2.page3_z2 #casesactus .inside:hover .zonetxt h3 {
color: var(--bg_blanc);
} main#builder {
position: relative;
overflow: hidden;
}
body.empty main#builder {
padding-top: 1000px;
background: var(--bg_gris);
}
main#builder section:not(#formulaire) [class^="col"] *:last-child {
margin-bottom: 0;
}
main#builder section {
padding: 100px 0;
position: relative;
overflow: hidden;
background-size: cover !important;
background-position: bottom right !important;
background-repeat: no-repeat !important;
}
main#builder section:first-child {
padding-top: var(--hauteurnav);
}
main#builder section img {
max-width: 100%;
}
@media (max-width: 1300px) {
main#builder section {
padding: 70px 0;
}
}
@media (max-width: 991px) {
main#builder section {
padding: 50px 0;
}
} main#builder .bloc_SPACE {
padding: 50px 0 0;
}
@media (max-width: 1300px) {
main#builder .bloc_SPACE {
padding: 30px 0 0;
}
} main#builder .bloc_COL1 .zonetxt {
max-width: 1000px;
}
main#builder .bloc_COL1 #coldroite img {
width: 100%;
}
@media (max-width: 991px) {
main#builder .bloc_COL1 #coldroite img {
margin-top: 30px;
}
} main#builder .bloc_COL1-2 .row [class^="col"] {
margin-bottom: 65px;
}
main#builder .bloc_COL1-2 .row:last-child {
margin-bottom: -65px;
} main#builder .bloc_COL-IMG [class^="col"] {
margin: 20px 0;
}
main#builder .bloc_COL-IMG .bloc {
}
main#builder .bloc_COL-IMG img {
margin-bottom: 20px;
} main#builder .bloc_IMAGE100 {
padding: 0;
}
main#builder .bloc_IMAGE100 img {
width: 100%;
}
main#builder .bloc_IMAGE100 .zonetxt {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
main#builder .bloc_IMAGE100 .zonetxt * {
outline: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
main#builder .bloc_IMAGE100 .zonetxt *:last-child {
margin-bottom: 0;
} main#builder .bloc_VIDEO100 {
padding: 0;
}
main#builder .bloc_VIDEO100 video {
width: 100%;
margin-bottom: -10px;
}
main#builder .bloc_VIDEO100 .zonetxt {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} main#builder .bloc_MASONRY {
padding-bottom: 0;
}
main#builder .bloc_MASONRY .vignettes {
opacity: 1;
padding: 0;
}
main#builder .bloc_MASONRY .bloc {
position: relative;
overflow:hidden;
} main#builder .bloc_MASONRY .vignettes img {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 100%;
}
main#builder .bloc_MASONRY .vignettes .bloc:hover img{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
main#builder .bloc_MASONRY .vignettes .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
height: 100%;
width: 100%;
background: var(--bg_violet);
-webkit-transition: .7s all;
-o-transition: .7s all;
transition: .7s all;
}
main#builder .bloc_MASONRY .vignettes:hover .overlay {
opacity: 1;
}
main#builder .bloc_MASONRY .vignettes .overlay h3 {
margin: 0;
color: var(--bg_blanc);
font-weight: 600;
} main#builder .bloc_ACCORDION h1 {
margin-bottom: 50px;
}
main#builder .bloc_ACCORDION .item {
margin-bottom: 20px;
}
main#builder .bloc_ACCORDION button {
width: 100%;
background: none;
border: none;
border-radius: 30px;
background: var(--bg_gris);
}
main#builder .bloc_ACCORDION button:hover {
cursor: pointer;
}
main#builder .bloc_ACCORDION button h3 {
padding: 30px 25px;
margin: 0;
font-size: 20px;
text-align: left;
position: relative;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
}
main#builder .bloc_ACCORDION button h3:after {
content: "\e906";
font-family: 'CekaServices';
font-size: 25px;
position: absolute;
right: 15px;
width: 25px;
height: 25px;
border-radius: 50%;
line-height: 20px;
text-align: center;
color: var(--bg_bleu);
}
main#builder .bloc_ACCORDION button[aria-expanded="true"] h3:after{
content: "\e905";
}
main#builder .bloc_ACCORDION .card-body.zonetxt {
background: transparent;
border-radius: 40px;
margin-top: 20px;
padding: 30px;
}
main#builder .bloc_ACCORDION .card-body.zonetxt * {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
}
@media (max-width: 991px) {
main#builder .bloc_ACCORDION button h3 {
font-size: 18px;
padding-right: 50px;
}
} main#builder .bloc_CHIFFRES {
padding: 50px 0;
}
main#builder .bloc_CHIFFRES .bloc {
margin: 20px auto !important;
max-width: 280px;
}
main#builder .bloc_CHIFFRES h1 {
margin-bottom: 10px;
font-size: 65px;
}
main#builder .bloc_CHIFFRES h1,
main#builder .bloc_CHIFFRES h3 {
text-align: center;
}
@media (max-width: 991px) {
main#builder .bloc_CHIFFRES h1 {
font-size: 45px;
}
} main#builder .bloc_DIAPOTXT {
}
main#builder .bloc_DIAPOTXT .zonetxt {
max-width: 1000px;
}
main#builder .bloc_DIAPOTXT #coldroite img {
width: 100%;
height: 100%;
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
main#builder .bloc_DIAPOTXT .swiper-pagination {
position: initial;
margin: 15px auto;
display: block;
}
main#builder .bloc_DIAPOTXT .swiper-pagination-bullet {
width: 25px;
height: 25px;
border-radius: 0;
opacity: 0.2;
background: url(//cekaservices.fr/wp-content/themes/ceka/images/stars_bleu.svg);
}
main#builder .bloc_DIAPOTXT .swiper-pagination-bullet-active {
opacity: 1;
}
@media (max-width: 991px) {
main#builder .bloc_DIAPOTXT #coldroite img {
margin-top: 30px;
}
} main#builder .bloc_IMGTXT100,
main#builder .bloc_IMGTXT100 .container-fluid {
padding: 0;
}
main#builder .bloc_IMGTXT100 .row {
margin: 0;
}
main#builder .bloc_IMGTXT100 .zonetxt {
padding: 7%;
min-height: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
main#builder .bloc_IMGTXT100 .zonetxt *:last-child{
margin-bottom: 0;
}
main#builder .bloc_IMGTXT100 .img100 {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
} @media (max-width: 991px) {
main#builder .bloc_IMGTXT100 .zonetxt {
padding: 45px 30px;
min-height: auto;
}
main#builder .bloc_IMGTXT100 .img100 {
height: 400px;
}
}
@media (max-width: 767px) {
main#builder .bloc_IMGTXT100 .zonetxt {
padding: 45px 15px;
}
} main#builder .bloc_DDL {
}
main#builder .bloc_DDL #intro {
margin-bottom: 30px;
}
main#builder .bloc_DDL a {
margin-bottom: 20px !important;
display: block;
}
main#builder .bloc_DDL div[class^='col']:last-child a {
margin-bottom: 0 !important;
}
main#builder .bloc_DDL .metadonnes {
width: 100%;
background: var(--bg_gris);
border: none;
border-radius: 30px;
padding: 30px 25px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
main#builder .bloc_DDL .metadonnes:hover {
background: var(--bg_vert);
}
main#builder .bloc_DDL .metadonnes svg,
main#builder .bloc_DDL .metadonnes h3 {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
main#builder .bloc_DDL .metadonnes:hover h3 {
color: var(--bg_blanc);
}
main#builder .bloc_DDL .metadonnes svg {
width: 30px;
margin-bottom: 0;
margin-right: 15px;
fill: var(--bg_bleu);
}
main#builder .bloc_DDL .metadonnes:hover svg {
fill: var(--bg_blanc);
}
main#builder .bloc_DDL .metadonnes h3 {
font-size: 20px;
text-decoration: none;
}
@media (max-width: 1370px) {
main#builder .bloc_DDL .metadonnes {
padding: 20px 25px;
}
main#builder .bloc_DDL .metadonnes svg {
width: 20px;
}
main#builder .bloc_DDL .metadonnes h3 {
font-size: 18px;
}
} main#builder #formulaire {
}
@media (min-width: 992px) {
div.wpcf7 .custom {
-ms-flex: 0 0 48%;
-webkit-box-flex: 0;
flex: 0 0 48%;
max-width: 48%;
}
}
div.wpcf7 {
width: 100%;
}
div.wpcf7 p {
margin-bottom: 10px;
}
.wpcf7 label {
width: 100%;
padding: 5px 0;
margin-bottom: .5rem !important;
text-align: center;
color: var(--bg_noir);
font-weight: 600;
font-family: 'Chillax';
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
width: 100%;
padding: 12px;
margin-top: 5px;
background: var(--bg_blanc);
border: 2.5px solid var(--bg_blanc);
border-radius: 30px;
}
.wpcf7-form-control-wrap textarea {
height: 122px;
min-height: 122px !important;
width: 100% !important;
}
input.wpcf7-form-control.wpcf7-file.inputfile {
margin-top: -5px;
}
div.wpcf7 .submitzone {
margin-top: 30px;
text-align: center;
} div.wpcf7 .list-center {
text-align: center;
margin-top: -16px;
margin-bottom: 13px;
}
div.wpcf7 .list-center span.wpcf7-list-item {
margin: 0;
}
div.wpcf7 .list-center span.wpcf7-list-item input[type="checkbox"] {
display: none;
}
div.wpcf7 .list-center span.wpcf7-list-item label {
padding: 0;
margin: 0;
font-weight: 400;
}
div.wpcf7 .list-center span.wpcf7-list-item-label {
color: var(--bg_noir);
background: var(--bg_blanc);
display: inline-block;
padding: 15px;
border-radius: 50px;
margin: 5px 10px;
margin-left: 0;
cursor: pointer;
}
div.wpcf7 .list-center span.wpcf7-list-item.last span {
margin-right: 0;
}
div.wpcf7 .list-center span.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label {
background: var(--bg_violet);
color: var(--bg_blanc);
} div.wpcf7 .submit-wrapper {
display: -ms-inline-grid;
display: inline-grid;
padding: 0;
margin: 0;
border-radius: 30px;
}
div.wpcf7 .submit-wrapper p {
position: relative;
display: inline-block;
margin: 0;
}
div.wpcf7 .wpcf7-submit {
width: 100%;
padding: 15px 25px;
border-radius: 30px;
border: none;
background: transparent;
color: var(--bg_blanc);
cursor: pointer;
}
div.wpcf7 .wpcf7-spinner {
position: absolute;
top: 20px;
opacity: 1;
margin-left: 65px;
background: transparent;
}
div.wpcf7 .wpcf7-spinner::before {
width: 7px;
height: 7px;
background-color: var(--bg_noir);
} span.mtn-form span.wpcf7-list-item {
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
}
.wpcf7 span.mtn-form span {
margin: 0;
color: var(--bg_grisfonce);
text-transform: initial;
font-weight: 200;
}
.wpcf7 span.mtn-form span label {
font-size: 13px;
line-height: 20px;
text-align: left;
margin-bottom: 20px;
}
.wpcf7 span.mtn-form span label {
text-align: left;
}
.wpcf7 span.mtn-form input {
display: inline;
width: 20px;
} div.wpcf7-validation-errors,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
border: none !important;
background: transparent !important;
padding: 0 !important;
color: var(--bg_noir) !important;
margin: 30px 0 0 0 !important;
font-weight: 600;
text-align: center;
}
.wpcf7-not-valid {
border-color: red !important;
}
.wpcf7-not-valid.mtn-form span.wpcf7-list-item span {
font-weight: 600;
color: red;
}
#modal_contact .wpcf7-not-valid.mtn-form span.wpcf7-list-item span {
color: #fffb00;
text-decoration: underline;
}
span.wpcf7-not-valid-tip {
display: none;
} div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
} #modal_contact .wpcf7 label {
color: var(--bg_blanc);
}
#modal_contact .wpcf7-form-control-wrap input,
#modal_contact .wpcf7-form-control-wrap textarea,
#modal_contact .wpcf7-form-control-wrap select {
border: 2.5px solid var(--bg_blanc);
}
#modal_contact .wpcf7-form-control-wrap textarea {
height: 170px;
min-height: 130px !important;
}
#modal_contact .wpcf7 span.mtn-form span {
color: var(--bg_blanc);
}
#modal_contact div.wpcf7-validation-errors,
#modal_contact .wpcf7 form.invalid .wpcf7-response-output,
#modal_contact .wpcf7 form.unaccepted .wpcf7-response-output,
#modal_contact div.wpcf7-mail-sent-ok,
#modal_contact .wpcf7 form.sent .wpcf7-response-output {
color: var(--bg_blanc) !important;
text-align: left;
} @media (max-width: 1650px) {
#formulaire .zoneform {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 1230px) {
main#builder #formulaire .custom {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
input.wpcf7-form-control.wpcf7-file.inputfile {
margin-bottom: 15px !important;
}
div.wpcf7 .list-center {
margin-bottom: 17px;
}
div.wpcf7 .submitzone {
margin-top: 30px;
text-align: center;
}
} main#builder .bloc_SHARE {
padding: 0;
}
main#builder .bloc_SHARE .share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
main#builder .bloc_SHARE .addtoany_shortcode {
padding-left: 15px;
}
main#builder .bloc_SHARE .addtoany_list a:not(.addtoany_special_service)>span {
border-radius: 50px;
padding: 3px;
} main#builder #page2_z1 {
padding-bottom: 0;
} main#builder #page2_z5 {
margin-top: 0;
margin-bottom: 0;
} main#builder #page1_z2.sgljournal {
margin-top: 0;
padding-top: var(--spacing);
background: var(--bg_gris);
}
main#builder #page1_z2.sgljournal #casesactus {
padding-top: 30px;
}
main#builder #page1_z2.sgljournal h2 i {
margin-right: 10px;
position: relative;
top: 5px;
} footer {
background: var(--bg_gris);
}
footer .content {
background: var(--bg_vert);
padding: 100px 5% 50px;
border-radius: 100px 100px 0 0;
margin: 0;
position: relative;
z-index: 250;
}
footer .credits {
background: var(--bg_vert);
padding: 50px 5%;
margin: 0;
position: relative;
z-index: 250;
} footer #nb1 .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
footer #nb1 .logo {
}
footer #nb1 .logo svg {
width: 150px;
fill: var(--bg_blanc);
margin-bottom: 20px;
}
footer #nb1 .logo .ftsocial {
text-align: center;
}
footer #nb1 .logo .ftsocial i {
font-size: 23px;
margin: 5px;
color: var(--bg_blanc);
}
footer #nb1 .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 120px;
}
footer #nb1 .item {
margin: 0 40px;
}
footer #nb1 .item h4 {
color: var(--bg_blanc);
font-weight: 600;
margin-bottom: 30px;
}
footer #nb1 .item a {
display: block;
color: var(--bg_blanc);
}
footer #nb1 .item a:hover {
text-decoration: underline;
}
footer #nb2 h5 a {
margin: 0;
} #copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#copyright h6 {
font-family: inherit;
font-size: 13px;
font-weight: 300;
letter-spacing: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
text-decoration: none !important;
}
#copyright h6,
#copyright h6 a {
color: var(--bg_blanc) !important;
border: none;
padding: 0;
overflow: visible;
text-transform: initial;
}
#copyright h6:before,
#copyright h6:after {
display: none;
}
#copyright .client a:hover {
color: var(--bg_blanc) !important;
}
#copyright .mcrea:hover h6,
#copyright .mcrea:hover h6 a {
color: var(--bg_blanc);
}
#copyright h6 a:before {
content: '/';
margin: 0 5px;
text-decoration: none !important;
}
#copyright .mcrea a:hover {
text-decoration: none !important;
}
#copyright .mcrea .ico {
display: inline-block;
width: 30px;
height: 30px;
margin: 0 10px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
top: -9px; -webkit-transition: -webkit-transform 1s, opacity 1.3s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}
#copyright .mcrea:hover .ico {
-webkit-box-shadow: 0 0 0 2px var(--bg_blanc);
box-shadow: 0 0 0 2px var(--bg_blanc);
background: var(--bg_blanc);
}
#copyright .mcrea .ico:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content:'';
-webkit-box-sizing: content-box;
box-sizing: content-box; top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: var(--bg_vert);
-webkit-transition: -webkit-transform 1s, opacity 1.3s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}
#copyright .mcrea:hover .ico:after {
background: var(--bg_blanc);
}
#copyright .mcrea .ico:before {
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
#copyright .mcrea:hover .ico:after {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
#copyright .mcrea .ico svg#agencemcrea {
position: absolute;
width: 27px;
left: 2px;
top: 10px;
fill: var(--bg_blanc);
-webkit-transition: -webkit-transform 1s, opacity 1.3s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}
#copyright .mcrea:hover .ico svg#agencemcrea {
fill: var(--bg_vert);
}
@media (max-width: 767px) {
#copyright .client h6 {
font-size: 12px;
display: -ms-grid;
display: grid;
line-height: 1.5;
}
#copyright h6 a:before,
#copyright h6 a:after {
display: none;    
}
#copyright h6 {font-size: 12px;}
#copyright .mcrea {
margin-top: 20px;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
}
@media (max-width: 500px) {
#copyright {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
#copyright .mcrea {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
#copyright h6 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
} @media (max-width: 1900px) { #index_z4 {
padding-top: 320px;
}
#index_z4 img, #index_z4 .diapoequipe {
width: 205px;
}
#index_z4 #nb2 {
left: 235px;
top: -75px;
}
#index_z4 #nb3 {
left: 235px;
}
#index_z4 #nb4 {
top: -75px;
}
#index_z4 #nb6 {
right: 235px;
}
#index_z4 #nb7 {
right: 470px;
}
#index_z5 {
margin-top: 120px;
}
#cekazones p {
font-size: 15px;
} }
@media (max-width: 1800px) { :root {
--spacing: 120px;
} #index_z2 #nb2 .circle {
width: 250px;
height: 250px;
}
#index_z2 #nb2 .circle-wrapper:hover .circle,
#index_z2 #nb2 .z2.circle-wrapper .circle {
-webkit-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8);
}
#index_z2 #nb2 .circle-wrapper .zonetxt div {
-webkit-box-flex: 0;
-ms-flex: 0 0 140%;
flex: 0 0 140%;
max-width: 140%;
}
#index_z2 #nb2 .circle-wrapper.left .circle,
#index_z2 #nb2 .nohover .z1.circle-wrapper .circle {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px); }
#index_z2 #nb2 .circle-wrapper.right .circle,
#index_z2 #nb2 .nohover .z3.circle-wrapper .circle {
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px); } }
@media (max-width: 1700px) { #index_z4 .zonetxt {
max-width: 650px;
}
#index_z4 img, #index_z4 .diapoequipe {
width: 180px;
}
#index_z4 #nb2 {
left: 210px;
top: -35px;
}
#index_z4 #nb3 {
left: 210px;
}
#index_z4 #nb4 {
top: -35px;
}
#index_z4 #nb6 {
right: 210px;
}
#index_z4 #nb7 {
right: 420px;
}
#index_z5 {
margin-top: 100px;
}
#cekazones {
padding-top: calc(var(--spacing)* 1.5);
padding-bottom: calc(var(--spacing)* 2);
} footer #nb1 .logo svg {
width: 130px;
}
footer #nb1 .links {
padding-left: 70px;
}
footer #nb1 .item {
margin: 0 30px;
} }
@media (max-width: 1500px) { #index_z1 .inside {
height: 600px;
padding: 0 130px;
}
#index_z1 .controls i {
font-size: 40px;
}
#index_z1 .controls.left {left: 15px;}
#index_z1 .controls.right {right: 15px;}
#index_z1 .inside .zonetxt h1 {
font-size: 55px;
margin-bottom: 40px;
}
#index_z1 .inside .zoneimg {
right: 60px;
}
#index_z3 svg {
display: none;
}
#index_z4 img, #index_z4 .diapoequipe {
width: 150px;
}
#index_z4 #nb2 {
left: 175px;
top: 15px;
}
#index_z4 #nb3 {
left: 175px;
}
#index_z4 #nb4 {
top: 15px;
}
#index_z4 #nb6 {
right: 175px;
}
#index_z4 #nb7 {
right: 345px;
}
#index_z5 {
margin-top: 80px;
}
#cekazones .zones h2 {
font-size: 40px;
} #page1_z1 .zonetxt h1 {
font-size: 55px;    
} #page2_z1 .inside .zonetxt h1 {
font-size: 55px;    
}
#page2_z3 #cases .inside h2 {
margin: 0;
font-size: 30px;
} } 
@media (max-width: 1450px) { mark {
padding: 5px 30px;
} #modal_contact.right_modal .modal-dialog {
width: 600px;
}
#modal_contact .modal-body {
padding: 10%;
background: none;
} #index_z1 .inside .zoneimg {
right: 0;
}
#index_z1 .inside .zoneimg .diapopers img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom;
object-position: bottom;
}
#index_z1 .inside #stbig {
width: 1200px;
right: -400px;
}
#index_z2 #nb2 .circle {
width: 200px;
height: 200px;
}
#index_z2 #nb2 .circle-wrapper:hover .circle,
#index_z2 #nb2 .z2.circle-wrapper .circle {
-webkit-transform: scale(1.7);
-ms-transform: scale(1.7);
transform: scale(1.7);
}
#index_z2 #nb2 .circle-wrapper .zonetxt div {
-webkit-box-flex: 0;
-ms-flex: 0 0 120%;
flex: 0 0 120%;
max-width: 120%;
}
#index_z2 #nb2 .circle-wrapper.left .circle,
#index_z2 #nb2 .nohover .z1.circle-wrapper .circle {
-webkit-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px); }
#index_z2 #nb2 .circle-wrapper.right .circle,
#index_z2 #nb2 .nohover .z3.circle-wrapper .circle {
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px); }
#index_z3 .row {
padding: 70px;
}
#index_z4 {
padding-top: 200px;
padding-bottom: 0;
}
#index_z4 #nb1, #index_z4 #nb2, #index_z4 #nb3,
#index_z4 #nb4, #index_z4 #nb5, #index_z4 #nb6,
#index_z4 #nb7 {
display: none !important;
}
#index_z4 .zonetxt {
top: 0;
}
#index_z4 #equipmob {
display: block;
}
#index_z4 #equipmob .diapoequipemob {
overflow: visible;
position: relative;
top: 100px;
}
#index_z4 #equipmob .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
#index_z4 #equipmob .swiper-slide,
#index_z4 img {
width: 200px;
}
#index_z4 img {
position: relative;
}
#index_z5 {
margin-top: 100px;
}
#index_z5 .row {
padding: 70px;
} #index_z4.page2_z4 {
padding-top: var(--spacing);
}
#page2_z5 {
margin-top: 100px;
} footer #nb1 {
width: 100%;
}
footer #nb1 .inside {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
footer #nb1 .item {
margin: 0 30px;
}
footer #nb1 .item:first-child {
margin-left: 0;
}
footer #nb1 .item:last-child {
margin-right: 0;
}
footer #nb1 .links {
padding-left: 0;
}
footer #nb1 .item a {
font-size: 14px;
}
footer #nb2 {
margin-top: 50px;
} }
@media (max-width: 1199px) { #index_z1 .inside {
height: 550px;
padding: 0 80px;
border-radius: 200px;
}
#index_z1 .inside .zonetxt h1 {
font-size: 50px;
margin-bottom: 30px;
}
#index_z1 .inside .zoneimg {
width: 400px;
}
#cekazones {
padding-top: var(--spacing);
padding-bottom: var(--spacing);
}
#cekazones .col-lg-5,
#cekazones .col-lg-6 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
#cekazones .zonetxt {
text-align: center;
margin-bottom: 70px;
}
#cekazones .city p {
display: none;
}
#cekazones svg#carte {
max-height: 600px;
margin: 0 auto;
display: block;
}
#cekazones .zones h2 {
font-size: 35px;
} #page1_z1 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
height: auto;
}
#page1_z1 .zoneimg {
height: 350px;
border-radius: 0 0 120px 120px;
}
#page1_z1 .zoneimg {
-o-object-position: top;
object-position: top;
}
#page1_z1 .zonetxt {
margin-top: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page1_z1 .zonetxt h1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 0;
margin-bottom: 50px;
}
#page1_z1 .zonetxt h3 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#page1_z1 .zonetxt p {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
max-width: 100%;
margin: 0;
}
#page1_z2 {
margin-top: 100px;
}
#page1_z2 #cases h5 a,
#page1_z2 #groupbtn h5 a {
margin-bottom: 10px;
} #page2_z1 .inside {
border-radius: 150px;
}
#page2_z2 #nb2 .zonetxt {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#page2_z2 #nb2 .zonetxt div {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
#page2_z2 #nb2 .zonetxt div br {
display: none;
} #page1_z1.page3_z1 .zonetxt h1 {
margin-bottom: 50px;
} footer .content {
padding: 100px 3% 50px;
}
footer .credits {
padding: 30px 3%;
}
footer #nb1 .logo svg {
width: 120px;
}
footer #nb1 .item {
margin: 0 20px;
}
footer #nb1 .item h4 {
font-size: 19px;
margin-bottom: 20px;
}
footer #nb1 .item a {
font-size: 13px;
} }
@media (max-width: 991px) { :root {
--spacing: 120px;
} #modal_contact .modal-body {
padding: 50px;
} #index_z1 .inside {
height: auto;
}
#index_z1 .inside {
padding: 50px 0 0;
border-radius: 100px;
}
#index_z1 .inside .controls {
opacity: 1 !important;
}
#index_z1 .inside .controls.swiper-button-disabled {
opacity: 0 !important;
}
#index_z1 .inside .zonetxt {
width: auto;
max-width: 500px;
text-align: center;
margin: 0 auto;
}
#index_z1 .inside .zonetxt h1 {
font-size: 45px;
margin-bottom: 30px;
}
#index_z1 .inside .zonetxt p {
margin: 0 auto;
}
#index_z1 .inside .zoneimg {
position: relative;
display: block;
height: 400px;
width: 100%;
}
#index_z1 .inside .zoneimg .item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 25px;
}
#index_z1 .inside #stmall, #index_z1 .inside #stbig {
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: initial;
bottom: 100px;
}
#index_z1 .inside #stmall {
width: 90%;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#index_z1 .inside #stbig {
width: 1000px;
right: -400px;
bottom: -700px;
}
#index_z2 #nb2 .circle-wrapper .zonetxt div {
-webkit-box-flex: 0;
-ms-flex: 0 0 120%;
flex: 0 0 120%;
max-width: 120%;
}
#index_z2 #nb2 {
display: none !important;
}
#index_z2 #nb2.mobile {
display: block !important;
}
#index_z3 .row {
padding: 50px;
}
#index_z3 .zoneimg {
margin-top: 50px;
}
#index_z5 .row {
padding: 50px;
}
#index_z6 .zoneimg {
margin-bottom: 50px;
} #page1_z1 .zonetxt h1 {
font-size: 45px;    
}
#page1_z1 .zoneimg {
border-radius: 0 0 70px 70px;
}
#page1_z2 .zoneimg {
margin-bottom: 30px;
}
#page1_z1 .zonetxt mark {
margin-left: 0;
}
#page1_z2 #cases h5 a,
#page1_z2 #groupbtn h5 a {
margin-right: 5px;
font-size: 15px;
padding: 10px 20px;
}
#page1_z3 .row:not(#bulles) {
padding: 50px 25px;
}
#page1_z3 .zonetxt {
margin-bottom: 30px;
}
#page1_z3 #bulles .inside img {
width: 70px;
height: 70px;
}
#page1_z4 .zonebtn {
margin-top: 20px;
} #page2_z1 .inside .zonetxt h1 {
font-size: 45px;    
}
#page2_z5 .inside .title {
padding-bottom: var(--spacing);
}
#page2_z5 .inside {
padding: 100px 50px;
} #page1_z2.page3_z2 #casesactus .inside .zoneimg {
margin-bottom: 0;
} footer .content {
padding: 50px 3% 50px;
border-radius: 60px 60px 0 0;
}
footer #nb1 .logo {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
footer #nb1 .inside {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
footer #nb1 .links {
margin: 70px 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
footer #nb2 {
margin-top: 0;
text-align: center;
} }
@media (max-width: 767px) { :root {
--spacing: 70px;
} mark {
padding: 5px 20px;
} #modal_contact.right_modal .modal-dialog {
width: 100%;
}
#modal_contact .modal-body {
display: block;
padding-top: 100px;
}
#modal_contact .modal_close {
right: 30px;
top: 30px;
font-size: 35px;
} #index_z2 #nb2.mobile .circle {
width: 350px;
height: 350px;
}
#index_z3 {
margin: 0 15px;
}
#index_z5 .row {
padding: 50px 30px;
margin-left: 0;
margin-right: 0;
}
#index_z5 h1 br {
display: none;
}
#index_z5 .zlinks {
text-align: left;
} #page1_z1 .zoneimg {
height: 250px;
} #page2_z1 .inside {
border-radius: 100px;
}
#page2_z2 #nb1 .inside .zonetxt h4 br {
display: block;
}
#page2_z1 .inside .zonetxt br {
display: block; 
}
#page2_z2 #nb2 .zonetxt {
display: block;
padding: 0;
}
#page2_z2 #nb2 .zonetxt div {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#page2_z3 #cases .inside {
padding: 70px 15px;
}
#page2_z3 #cases .inside h2 {
font-size: 28px;
} footer #nb1 .links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
margin: 50px 0 20px;
}
footer #nb1 .item {
margin: 15px 0 !important;
}
footer #nb1 .item h4 br {
display: none;
} }
@media (max-width: 500px) { #index_z1 .inside .zonetxt {
padding: 0 20px;
}
#index_z1 .inside .zonetxt h1 {
font-size: 40px;
margin-bottom: 25px;
}
#index_z1 .inside .zoneimg {
height: 360px;
}
#index_z1 .inside .zoneimg .item {
padding-top: 30px;
}
#index_z1 .inside #stbig {
width: 700px;
right: -300px;
bottom: -500px;
}
#index_z2 #nb1 .inside svg {
width: 100%;
}
#index_z2 #nb2.mobile .circle {
width: 250px;
height: 250px;
} }
@media (max-width: 450px) { #page1_z2.page3_z2 #casesactus .inside {
display: block;
}
#page1_z2.page3_z2 #casesactus .inside .zoneimg {
max-width: 100%;
width: 100%;
height: 200px;
}
#page1_z2.page3_z2 #casesactus .inside .zonetxt {
padding: 25px;
} }