@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap"); body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
line-height: 1.7;
color: var(--cygem_gris);
background-color: var(--cygem_blanc);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-synthesis: none;
}
#wrapper {
width: 100%;
overflow: hidden;
}
a {
text-decoration: none;
color: var(--cygem_vert1);
font-weight: 400;
-webkit-transition: all .5s;  
-o-transition: all .5s;  
transition: all .5s;
}
a:hover {
color: var(--cygem_jaune);
text-decoration: none;
}
*
*: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: 15px;}
[class*="col-"] p:last-child {margin-bottom: 0;}
b, strong {font-weight: 600;}
h1, h2, h3,
h4, h5, h6 {
color: var(--cygem_vert1); 
font-weight: 600;
margin-top: 0;
margin-bottom: 20px;
}
h4 {
font-weight: 400; 
}
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;
border: 1px solid var(--cygem_gris);
padding: 20px;
} .col-5col {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
float: left;
}
@media (min-width: 768px) {
.col-5col {width: 100%;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 5%;}
.container-fluid.init {padding: 0 15px;}
.container {
max-width: 1600px;
padding-left: 30px;
padding-right: 30px;
} 
@media (max-width: 1450px) {
.container-fluid { padding: 0 30px; }
} :root {
--cygem_gris:     #727272;
--cygem_gris2:    #C5C5C5;
--cygem_bleu:     #F3F8FB;
--cygem_blanc:    #FFFFFF;
--cygem_vert1:    #004336;
--cygem_vert2:    #014F40;
--cygem_vert3:    #E8F46E;
--cygem_jaune:    #EDC45F;
--cygem_orange:   #F7931E;
--cygem_rouge1:   #DC6942;
--cygem_rouge2:   #F76031;
} :root {
--padding_section: 140px;
}
@media (max-width: 1199px) {
:root {
--padding_section: 110px;
}
}
@media (max-width: 991px) {
:root {
--padding_section: 70px;
}
} .preloader {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
z-index: 999111111;
background-color: var(--cygem_vert1);
left: 0;
top: 0;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.page-loaded .preloader {
left: -100%;
}
.preloader svg {
width: 200px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@media(max-width: 991px){
.preloader svg {
width: 160px;
}
} .stylbtn {
color: var(--cygem_vert1);
padding: 12px 22px;
background-image: -o-linear-gradient(45deg, var(--cygem_vert1) 50%, transparent 50%);
background-image: linear-gradient(45deg, var(--cygem_vert1) 50%, transparent 50%);
background-position: 100%;
background-size: 400%;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
display: inline-block;
border: 1px solid var(--cygem_vert1);
font-size: 20px;
font-weight: 600;
cursor: pointer !important;
}
.stylbtn:hover,
.stylbtn.active {
background-position: 0;
color: var(--cygem_blanc);
} .stylbtn.blanc {
color: var(--cygem_blanc);
background-image: -o-linear-gradient(45deg, var(--cygem_blanc) 50%, transparent 50%);
background-image: linear-gradient(45deg, var(--cygem_blanc) 50%, transparent 50%);
border: 1px solid var(--cygem_blanc);
}
.stylbtn.blanc:hover {
background-position: 0;
color: var(--cygem_vert1) !important;
}  body {font-size: 16px;}
h1,.h1 {font-size: 32px;}
h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 22px;}
h4,.h4 {font-size: 18px;}
@media (max-width: 1500px) {
h1,.h1 {font-size: 28px;}
h2,.h2 {font-size: 24px;}
.stylbtn {
font-size: 18px;
padding: 10px 10px;
}
h1, h2, h3,
h4, h5, h6 {
margin-bottom: 15px;
}
}
@media (max-width: 991px) {
body {font-size: 14px;}
h1,.h1 {font-size: 24px;}
h2,.h2 {font-size: 22px;}
h3,.h3 {font-size: 18px;}
h4,.h4 {font-size: 17px;}
.stylbtn {
font-size: 16px;
padding: 7px 10px;
}
} header {
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
nav.navbar {
padding: 0;
position: relative;
z-index: 999;
width: 100%;
} nav.navbar .navbar-brand {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
nav.navbar .navbar-brand svg#logotype.full {
width: 190px;
}
nav.navbar .navbar-brand svg#logotype.sigle {
width: 35px;
display: none;
}
svg#logotype .st0{
fill:var(--cygem_rouge2);
}
svg#logotype.full .st1{
fill:url(#SVGID1);
}
svg#logotype.sigle .st1{
fill:url(#SVGID2);
}
svg#logotype .st2{
fill:var(--cygem_vert2);
}
svg#logotype .st3{
fill:var(--cygem_rouge1);
} nav.navbar .navbar-nav {
}
nav.navbar .navbar-nav li {
padding: 0 25px;
}
nav.navbar .navbar-nav.left li:first-child {
padding-left: 0;
}
nav.navbar .navbar-nav.right li:last-child {
padding-right: 0;
}
nav.navbar .navbar-nav li.active {
}
nav.navbar .navbar-nav li a {
padding: 0;
color: var(--cygem_vert1);
line-height: 1;
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
}
nav.navbar .navbar-nav li a:hover,
nav.navbar .navbar-nav li a.active {
color: var(--cygem_jaune) !important;
text-decoration: none;
}
nav.navbar .navbar-nav li a.active {
font-weight: 600;
}
nav.navbar .navbar-nav li a span {
display: block;
font-size: 12px;
font-weight: 300;
text-transform: initial;
} @-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;
}
}
nav.navbar.fixed {
background: var(--cygem_vert1);
position: fixed;  
height: auto;
padding: 10px 0;
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out;
}
nav.navbar.fixed .navbar-brand svg#logotype.full {
display: none;
}
nav.navbar.fixed .navbar-brand svg#logotype.sigle {
display: block;
}
nav.navbar.fixed .navbar-nav li a {
color: var(--cygem_blanc);
}
nav.navbar.fixed .navbar-brand svg#logotype .st2,
.preloader svg#logotype .st2 {
fill: var(--cygem_blanc);
} @media screen and (max-width: 1550px) {
nav.navbar .navbar-nav li {
padding: 0 20px;
}
nav.navbar .navbar-nav li a {
font-size: 16px;    
}
nav.navbar .navbar-brand svg#logotype.full {
width: 175px;
}
}
@media screen and (max-width: 1400px) {
nav.navbar .navbar-nav li {
padding: 0 16px;
}
nav.navbar .navbar-nav li a {
font-size: 15px;    
}
nav.navbar .navbar-brand svg#logotype.full {
width: 160px;
}
}
@media screen and (max-width: 1300px) {
nav.navbar .navbar-nav li a {
font-size: 14px;    
}
nav.navbar .navbar-brand svg#logotype.full {
width: 150px;
}
} button.navbar-toggler {
padding: 0;
margin: 0;
margin-right: 30px;
width: auto;
border: none;
border-radius: 0;
position: relative;
top: -5px;
}
nav.navbar.fixed button.navbar-toggler {
top: -2px;
}
.navbar-toggler .line{
width: 50px;
height: 3px;
background-color: var(--cygem_vert1);
display: block;
margin: 8px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-toggler:hover{
cursor: pointer;
}
.navbar-toggler[aria-expanded="true"]{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .line:nth-child(2){
width: 0px;
}
.navbar-toggler[aria-expanded="true"] .line:nth-child(1),
.navbar-toggler[aria-expanded="true"] .line:nth-child(3){
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.navbar-toggler[aria-expanded="true"] .line:nth-child(1){
-webkit-transform: translateY(13px);
-ms-transform: translateY(13px);
transform: translateY(13px);
}
.navbar-toggler[aria-expanded="true"] .line:nth-child(3){
-webkit-transform: translateY(-10px) rotate(90deg);
-ms-transform: translateY(-10px) rotate(90deg);
transform: translateY(-10px) rotate(90deg);
} @media screen and (max-width: 1199px) {
header {
height: auto !important;
}
nav.navbar .container-fluid,
nav.navbar.fixed {
padding: 0;
}
nav.navbar .navbar-brand {
padding: 10px 30px;
}
nav.navbar .navbar-collapse {
background: var(--cygem_jaune);
}
nav.navbar .navbar-nav.left {
padding: 20px 30px;
padding-bottom: 0;
}
nav.navbar .navbar-nav.right.nav {
padding: 20px 30px;
padding-top: 0;
}
nav.navbar .navbar-nav.left li,
nav.navbar .navbar-nav.right li {
padding: 6px 0 !important;
}
nav.navbar .navbar-nav li a:hover,
nav.navbar .navbar-nav li a.active {
color: var(--cygem_vert1) !important;
}
nav.navbar .navbar-nav li a.active {
font-weight: 600;
}
nav.navbar.fixed .navbar-toggler .line {
background-color: var(--cygem_blanc);
}
}  #home_z1 {
overflow: hidden;
position: relative;
background: var(--cygem_bleu);
}
#home_z1 .container {
padding: 0;
max-width: 100%;
}
#home_z1 .inside,
#home_z1 #left svg {
height: calc(100vh - 215px - 115px);
min-height: 1000px;
} #home_z1 #left {
background: var(--cygem_vert2);
padding: 0;
}
#home_z1 #left svg {
position: absolute;
z-index: 10;
right: -80px;
}
#home_z1 #left .st0 {
fill: var(--cygem_vert1);
}
#home_z1 #left .inside {
position: relative;
width: calc(100% - 300px);
}
#home_z1 #left .inside:after {
content: '';
position: absolute;
width: 100%;
background: rgb(255,255,255);
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(1,79,64,1)));
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(1,79,64,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(1,79,64,1) 100%);
height: 100%;
right: 0;
}
#home_z1 .inside img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: .2;
} #home_z1 #right {
}
#home_z1 #right .inside {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 80px;
}
#home_z1 #right .zonetxt {
text-align: center;
}
#home_z1 #right .zonetxt p {
width: 60%;
margin: 0 auto;
}
#home_z1 #right .form {
width: 60%;
margin-top: 40px;
} #home_z1 #right .form {
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;
text-align: center;
}
#home_z1 #right .form h1 {
font-size: 40px;
color: #cbe8f9;
font-weight: 400;
} @media (max-width: 1400px) {
#home_z1 #left {
-ms-flex: 0 0 30%;
-webkit-box-flex: 0;
flex: 0 0 30%;
max-width: 30%;    
}
#home_z1 #left .inside {
position: relative;
width: 100%;
}
#home_z1 #right {
-ms-flex: 0 0 70%;
-webkit-box-flex: 0;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (max-width: 1199px) {
#home_z1 #left {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;    
}
#home_z1 #right {
-ms-flex: 0 0 80%;
-webkit-box-flex: 0;
flex: 0 0 80%;
max-width: 80%;
}
}
@media (max-width: 991px) {
#home_z1 #left,
#home_z1 #right {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
#home_z1 #left .inside,
#home_z1 #left svg {
height: 150px;
min-height: auto;
}
#home_z1 #left .inside:after {
display: none;
}
#home_z1 #left svg {
right: 0;
}
#home_z1 #right .inside {
height: auto;
min-height: auto;
padding: 70px 30px;
}
#home_z1 #right .zonetxt p {
width: 100%;
}
#home_z1 #right .zonetxt h1 br {
display: none;
}
#home_z1 #right .form {
width: 100%;
margin-top: 30px;
}
} #home_z2 {
padding: var(--padding_section) 0;
}
#home_z2 .zonetxt {
text-align: center;
max-width: 1100px;
margin: 0 auto;
display: block;
}
#home_z2 .inside .blocs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-top: 40px;
}
#home_z2 .inside .blocs a {
width: calc(25% - 20px);
padding: 60px 0;
border: 1px solid var(--cygem_vert1);
margin: 10px;
margin-bottom: 0px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
#home_z2 .inside .blocs a img {
width: 100px;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#home_z2 .inside .blocs a:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
#home_z2 .inside .blocs a h2 {
font-size: 20px;
line-height: 1;
margin: 30px 0 0;
}
@media(max-width: 1199px){
#home_z3 .zonetxt {
padding-right: 0;
padding-bottom: 50px;
}
}
@media(max-width: 993px){
#home_z2 .inside .blocs a {
width: calc(33.3% - 20px);
}
}
@media(max-width: 768px){
#home_z2 .inside .blocs a {
width: calc(50% - 10px);
margin: 5px;
}
}
@media(max-width: 600px){ 
#home_z2 .inside .blocs a {
padding: 40px 0;
}
#home_z2 .inside .blocs a h2 {
font-size: 16px;
margin: 15px 0 0;
}
#home_z2 .inside .blocs a img {
width: 80px;
height: 70px;
}
} #home_z3 {
}
#home_z3 .zonetxt {
padding-right: 50px;
} #home_z3 .blocimg {
position: relative;
margin-bottom: 25px;
}
#home_z3 figure {
overflow: hidden;
margin: 0;
background: var(--cygem_gris);
}
#home_z3 .blocimg figure:before {
position: absolute;
content: "";
width: 0%;
height: 0%;
opacity: 0;
background-color: var(--cygem_vert1);
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#home_z3 .blocimg:hover figure:before {
opacity: .8;
width: 100%;
height: 100%;
}
#home_z3 .blocimg figure img {
width: 100%;
opacity: .2;
}
#home_z3 .blocimg.nb1 figure img,
#home_z3 .blocimg.nb4 figure img {
height: 380px;
}
#home_z3 .blocimg.nb2 figure img,
#home_z3 .blocimg.nb3 figure img {
height: 480px;
}
#home_z3 .blocimg-text {
position: absolute;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#home_z3 .blocimg-text img {
width: 120px;
}
#home_z3 .blocimg-text h5 {
color: var(--cygem_blanc);
font-size: 22px;
padding-top: 14px;
font-weight: 600;
line-height: 32px;
padding-bottom: 10px;
}
#home_z3 .blocimg-text span {
color: var(--cygem_blanc);
opacity: 0;
margin-top: -20px;
font-weight: 600;
font-size: 18px;
display: block;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#home_z3 .blocimg:hover .blocimg-text span {
opacity: 1;
margin-top: 0;
}
@media(max-width: 991px){
#home_z3 .blocimg.nb2 figure img,
#home_z3 .blocimg.nb3 figure img,
#home_z3 .blocimg.nb1 figure img,
#home_z3 .blocimg.nb4 figure img {
height: 200px;
}
#home_z3 .blocimg-text img {
width: 70px;
}
#home_z3 .blocimg-text h5 {
font-size: 19px;
line-height: 1.2;
padding: 0;
margin: 5px 0 0 0;
}
#home_z3 .blocimg-text span {
display: none;
}
#home_z3 .blocimg.nb4 {
margin-bottom: 0;
}
} #home_z4 {
padding-top: 100px;
margin-top: -120px;
background: var(--cygem_jaune) url(//cygem.fr/wp-content/themes/cygem/images/forme02.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#home_z4 .inside {
padding: 80px 0 140px;
}
#home_z4 .zonecounter {
text-align: center;
color: var(--cygem_blanc);
}
#home_z4 .zonecounter div span {
font-size: 65px;
line-height: 1;
font-weight: 400;
display: inline-block;
margin-bottom: 15px;
}
@media(max-width: 1199px){
#home_z4 {
display: none !important;
}
} #home_z5 {
padding: var(--padding_section) 0;
position: relative;
overflow: hidden;
}
#home_z5 .zonetxt {
padding-right: 50px;
}
#home_z5 .zonetxt h1 {
}
#home_z5 .paddcol {
padding-top: 100px;
}
#home_z5 .blocavis {
border: 1px solid var(--cygem_vert1);
padding: 50px;
text-align: center;
padding-top: 0;
background-color: var(--cygem_blanc);
}
#home_z5 .blocavis i {
background-color: var(--cygem_vert1);
color: var(--cygem_blanc);
height: 70px;
width: 70px;
font-size: 35px;
border-radius: 50%;
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;
margin: auto;
-webkit-transform: translateY(-34px);
-ms-transform: translateY(-34px);
transform: translateY(-34px);
}
#home_z5 .blocavis h4 {
margin: 0;
}
#home_z5 .blocavis p {
padding-bottom: 20px;
padding-top: 20px;
margin: 0;
}
#home_z5 .blocavis span {
font-size: 13px;
}
@media(max-width: 1199px){
#home_z5 .zonetxt {
padding-right: 0;
padding-bottom: 70px;
}
#home_z5 .paddcol {
padding-top: 0;
}
#home_z5 .blocavis {
margin-bottom: 50px;
}
#home_z5 .blocavis.nb4 {
margin-bottom: 0;
}
} #pagebanner {
background-position: center !important;
background-size: cover !important;
padding-top: 130px;
padding-bottom: 130px;
position: relative;
}
#pagebanner:after {
content: '';
position: absolute;
width: 100%;
background: rgba(1,79,64,0.8);
background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(1,79,64,0.8)), to(rgba(255,255,255,0)));
background: -o-linear-gradient(left, rgba(1,79,64,0.8) 30%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(1,79,64,0.8) 30%, rgba(255,255,255,0) 100%);
height: 100%;
right: 0;
top: 0;
}
#pagebanner .container {
position: relative;
z-index: 1;
}
#pagebanner h1 {
color: var(--cygem_blanc);
font-weight: 600;
margin: 0;
}
#pagebanner a {
color: var(--cygem_blanc);
font-size: 20px;
text-transform: capitalize;
}
@media(max-width: 991px){ 
#pagebanner {
height: 150px;
padding-top: 0;
padding-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#pagebanner h1 {
font-size: 20px;
}
}
@media(max-width: 375px){
#pagebanner {
padding-top: 140px;
padding-bottom: 70px;
}   
}  #page1_z1 {
position: relative;
padding: var(--padding_section) 0;
} #page1_z1 .inside_g {
z-index: 1;
position: relative;
}
#page1_z1 .inside_g img.dots {
z-index: -1;
position: absolute;
right: 2%;
top: 27%;
left: 30%;
}
@media(max-width: 1200px){ 
#page1_z1 .inside_g img.dots {
display: none;
}
} #page1_z1 .inside_d .ceo {
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;
margin-top: 35px;
}
#page1_z1 .inside_d .ceo span {
display: block;
font-size: 16px;
padding-top: 14px;
} #page1_z2 {
padding: var(--padding_section) 0;
background: var(--cygem_jaune) url(//cygem.fr/wp-content/themes/cygem/images/forme02.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
}
#page1_z2 .bloc {
background-color: var(--cygem_blanc);
padding: 40px;
margin-top: 30px;
text-align: center;
}
#page1_z2 .bloc img {
width: 100%;
height: 180px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
#page1_z2 .bloc svg {
width: 70px;
height: auto;
}
#page1_z2 .bloc h3 {
font-weight: 600;
padding-top: 30px;
padding-bottom: 20px;
margin: 0;
}
@media(max-width: 1400px) {
#page1_z2 .bloc svg {
width: 60px;
height: auto;
}
} #page1_z2 .cta {
text-align: center;
padding-top: 70px;
} #home_z4.page1_z3 {
margin-top: 0;
padding-top: 0px;
background: var(--cygem_blanc);
}
#home_z4.page1_z3 .inside {
padding: 140px 0;
}
#home_z4.page1_z3 .zonecounter .counter {
color: var(--cygem_vert1);
}
#home_z4.page1_z3 .zonecounter {
}  #page1_z4 {
padding: var(--padding_section) 0;  
background-color: var(--cygem_bleu);
position: relative;
overflow: hidden;
} #page1_z4 .entrance {
width: 380px;
}
#page1_z4 .container {
z-index: 1;
position: relative;
}
#page1_z4 .swiper-pagination {
position: initial;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin: 25px 0 0;
text-align: left;
}
#page1_z4 .swiper-pagination-bullet {
background-color: transparent;
border: 1px solid var(--cygem_vert1);
opacity: 1;
width: 10px;
height: 10px;
}
#page1_z4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--cygem_vert1);
border: 1px solid var(--cygem_vert1);
} #page1_z4 .avisslide {
position: relative;
overflow: hidden;
}
#page1_z4 .blocslide {
padding: 0 30px;
}
#page1_z4 .blocslide .blocimg {
height: 120px;
width: 120px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 20px;
background-color: var(--cygem_blanc);
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;
}
#page1_z4 .blocslide .blocimg img {
width: 80%;
height: 80%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
#page1_z4 .blocslide  span {
font-size: 13px;
} #page1_z4 .shapes img {
width: 80px;
}
#page1_z4 .shapes .nb1 {
position: absolute;
-webkit-animation: zoomInOut 6s infinite alternate;
animation: zoomInOut 6s infinite alternate;
z-index: 0;
right: 58%;
top: 17%;
}
#page1_z4 .shapes .nb2 {
position: absolute;
-webkit-animation: zoomInOut 5s infinite alternate;
animation: zoomInOut 5s infinite alternate;
z-index: 0;
top: 85%;
left: 23%;
}
#page1_z4 .shapes .nb3 {
position: absolute;
-webkit-animation: tp-float-2 6s infinite alternate;
animation: tp-float-2 6s infinite alternate;
z-index: 0;
left: 75%;
top: 5%;
}
@media (max-width: 768px) {
#page1_z4 .shapes  img {
width: 40px;
}
}
@-webkit-keyframes zoomInOut {
0% {
-webkit-transform: rotate(0deg) scale(0.7);
transform: rotate(0deg) scale(0.7);
opacity: 0;
}
50% {
-webkit-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotate(360deg) scale(0.7);
transform: rotate(360deg) scale(0.7);
opacity: 0;
}
}
@keyframes zoomInOut {
0% {
-webkit-transform: rotate(0deg) scale(0.7);
transform: rotate(0deg) scale(0.7);
opacity: 0;
}
50% {
-webkit-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotate(360deg) scale(0.7);
transform: rotate(360deg) scale(0.7);
opacity: 0;
}
}
@-webkit-keyframes tp-float-2 {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
50% {
-webkit-transform: translate(30px, -30px) rotate(0deg) scale(1);
transform: translate(30px, -30px) rotate(0deg) scale(1);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}
@keyframes tp-float-2 {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
50% {
-webkit-transform: translate(30px, -30px) rotate(0deg) scale(1);
transform: translate(30px, -30px) rotate(0deg) scale(1);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
} @media (max-width: 1199px) {
#page1_z4 .avisslide {
padding-top: 50px;
}
#page1_z4 .blocslide {
padding: 0;
}
}  #page2_z1 {
padding: var(--padding_section) 0 0;  
} #page2_z1 .shortcut {
text-align: center;
padding-bottom: 70px;
}
#page2_z1 .shortcut a {
margin: 10px;
}
#page2_z1 .shortcut a:hover {
}
@media (max-width: 991px) {
#page2_z1 .shortcut a {
margin: 5px;
}
} #page2_z1 .zonetxt h3 {
margin-bottom: 10px;
}
#page2_z1 blockquote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--cygem_vert1) url(//cygem.fr/wp-content/themes/cygem/images/forme01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 50px 0;
padding: 35px;
max-width: 700px;
}
#page2_z1 blockquote svg {
width: 180px;
margin-right: 35px;
fill: #FFF;
}
#page2_z1 blockquote .inside * {
color: var(--cygem_blanc);
} #page2_z1 .zoneimg {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
position: relative;
}
#page2_z1 .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} #page2_z1 .arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
font-size: 80px;
}
#page2_z1 .arrow a {
cursor: pointer;
} @media (max-width: 1199px) {
#page2_z1 .colarrow {
display: none;
}
#page2_z1 blockquote {
margin: 20px 0;
}
#page2_z1 .zoneimg {
padding-top: 50px;
}
} #page2_z3 {
text-align: center;
border-top: 1px solid #ebebeb;
padding: 60px 0;
margin-top: var(--padding_section);
overflow: hidden;
}
#page2_z3 h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 0;
padding-bottom: 50px;
}
#page2_z3 .zoneimg img {
height: 70px;
width: 240px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}  #page3_z2 {
background: var(--cygem_vert1) url(//cygem.fr/wp-content/themes/cygem/images/forme01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 20px 0;
}
#page3_z2 [class^="col"] {
margin: 20px 0;
}
#page3_z2 .bloc {
max-width: 300px;
margin: 0 auto;
padding: 15px;
text-align: center;
}
#page3_z2 .bloc img {
width: 85px;
margin-bottom: 20px;
}
#page3_z2 * {
color: var(--cygem_blanc);
}
#page3_z2 h4 {
margin-bottom: 10px;
} #page3_z3 {
padding: 70px 0;
}
#page3_z3 .vignettes {
opacity: 1;
padding: 20px;
}
#page3_z3 .bloc {
position: relative;
overflow:hidden;
} #page3_z3 .vignettes img,
#page2_z1 .sliderprestas .zoneimg img {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 100%;
}
#page3_z3 .vignettes img {
height: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
#page3_z3 .vignettes .bloc:hover img,
#page2_z1 .sliderprestas .zoneimg:hover img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
#page3_z3 .vignettes .overlay,
#page2_z1 .sliderprestas .zoneimg .overlay {
background: var(--cygem_jaune);
color: var(--cygem_blanc);
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%;
-webkit-transition: .7s all;
-o-transition: .7s all;
transition: .7s all;
}
#page3_z3 .vignettes:hover .overlay,
#page2_z1 .sliderprestas .zoneimg:hover .overlay {
opacity: 1;
}
#page3_z3 .vignettes .overlay h1,
#page2_z1 .sliderprestas .zoneimg .overlay h1 {
font-size: 25px;
margin: 0;
} @media (max-width: 1500px) {
#page3_z3 .vignettes img {
height: 350px;
}
}
@media (max-width: 1199px) {
#page3_z3 {
padding: 15px 0;
}
#page3_z3 .vignettes img {
height: 300px;
}
#page3_z3 .vignettes .overlay h1,
#page2_z1 .sliderprestas .zoneimg .overlay h1 {
font-size: 16px;
}
} #page1_z4.page3_z4 {
padding: 70px 0;
text-align: center;
}
#page1_z4.page3_z4 .col-12 {
position: relative;
z-index: 1;
}  #page5_z1 {
padding: 70px 0 130px;  
position: relative;
overflow: hidden;
background: url(//cygem.fr/wp-content/themes/cygem/images/forme06.svg);
background-size: 700px;
background-repeat: no-repeat;
background-position: bottom right;
}
#page5_z1 .entrance {
margin-bottom: 50px;
}
#page5_z1 .entrance h4 {
margin: 0;
}
#page5_z1 .entrance h1 {
}
#page5_z1 .entrance img {
} @media (max-width: 1700px) {
#page5_z1 {
background-size: 450px;
}
}
@media (max-width: 991px) {
#page5_z1 .coord {
padding-top: 50px;
}
#page5_z1 {
padding-bottom: 50px;
}
} div.wpcf7 {
width: 100%;
}
div.wpcf7 form p {
margin-bottom: 0;
}
.wpcf7 label {
width: 100%;
padding: 5px 0;
font-weight: 500;
color: var(--cygem_vert1);
}
.wpcf7 label span.requis {
font-weight: 600;
margin-left: 15px;
font-size: 10px;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1.5px solid var(--cygem_bleu);
background: var(--cygem_bleu);
}
#home_z1 .wpcf7-form-control-wrap input,
#home_z1 .wpcf7-form-control-wrap textarea,
#home_z1 .wpcf7-form-control-wrap select {
background: var(--cygem_blanc);
}
.wpcf7-form-control-wrap textarea {
height: 130px;
min-height: 130px !important;
width: 100% !important;
} .wpcf7-submit {
background-color: transparent;
margin-top: 20px;
}
.wpcf7-spinner {
position: absolute;
opacity: 1;
margin-top: 40px;
background: var(--cygem_vert1);
} 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(--cygem_vert1) !important;
margin: 30px 0 0 0 !important;
font-size: 15px;
font-weight: 600;
}
.wpcf7-not-valid {
border-color: var(--cygem_vert1) !important;
}
span.wpcf7-not-valid-tip {
display: none;
} div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
} #page5_z1 .coord {
}
#page5_z1 .coord h2 {
margin-top: 40px;
margin-bottom: 10px;
}
#page5_z1 .coord h2:first-child {
margin-top: 0;
}
#page5_z1 .coord h2 i {
margin-right: 10px;
} #zonemaps #maps {
width: 100%;
height: 400px;
}
#zonemaps #maps .marker {
background-image: url(//cygem.fr/wp-content/themes/cygem/images/pointer.svg);
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 80px !important;
height: 100px !important;
}
@media (max-width: 991px) {
#zonemaps #maps {
width: 100%;
height: 300px;
}
} main#builder {
position: relative;
overflow: hidden;
}
main#builder section [class^="col"] *:last-child {
margin-bottom: 0;
}
main#builder section {
padding: var(--padding_section) 0;
position: relative;
overflow: hidden;
background-size: cover !important;
background-position: bottom right !important;
background-repeat: no-repeat !important;
}
main#builder section img {
max-width: 100%;
} main#builder .bloc_SPACE {
padding: 50px 0;
}
@media (max-width: 991px) {
main#builder .bloc_SPACE {
padding: 25px 0;
}
} main#builder .bloc_COL1 .zonetxt {
max-width: 1000px;
}
main#builder .bloc_COL1 .zonetxt .stylbtn {
margin-top: 15px;
}
main#builder .bloc_COL1 #coldroite img {
width: 100%;
height: 100%;
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991px) {
main#builder .bloc_COL1 #coldroite img {
margin-top: 30px;
}
} main#builder .bloc_COL1-2 .row [class^="col"] {
margin-bottom: 50px;
}
main#builder .bloc_COL1-2 .row:last-child {
margin-bottom: -50px;
} main#builder .bloc_COL-IMG {
background: var(--cygem_vert1) url(//cygem.fr/wp-content/themes/cygem/images/forme01.svg) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
main#builder .bloc_COL-IMG [class^="col"] {
margin: 20px 0;
}
main#builder .bloc_COL-IMG * {
color: var(--cygem_blanc);
}
main#builder .bloc_COL-IMG img {
margin-bottom: 20px;
} main#builder .bloc_MASONRY {
padding: 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%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
main#builder .bloc_MASONRY .vignettes .bloc:hover img{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
main#builder .bloc_MASONRY .vignettes .overlay {
background: var(--cygem_jaune);
color: var(--cygem_blanc);
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%;
-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 h1 {
font-size: 25px;
margin: 0;
}
@media (max-width: 991px) {
main#builder .bloc_MASONRY .vignettes img {
height: 300px;
}
} footer {
background: var(--cygem_vert1) url(//cygem.fr/wp-content/themes/cygem/images/forme01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 100px 0 0;
} footer .footerlogo svg {
width: 210px;
}
footer .footerlogo svg .st0{fill:var(--cygem_blanc);}
footer .footerlogo svg .st1{fill:var(--cygem_rouge2);}
footer .footerlogo svg .st2{fill:url(#SVGID3);}
footer .footerlogo svg .st3{fill:var(--cygem_rouge1);} footer .links {
}
footer .links h6 {
color: var(--cygem_blanc);
margin: 0;
text-transform: uppercase;
padding-bottom: 40px;
}
footer .links ul {
margin: 0;
padding: 0;
list-style-type: none;
}
footer .links ul li {
padding-bottom: 10px;
}
footer .links ul li a {
color: var(--cygem_gris2);
position: relative;
font-size: 17px;
}
footer .links ul li a:hover{
color: var(--cygem_blanc);
} .footerbottom {
width: 100%;
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;
margin-top: 50px;
padding-top: 20px;
padding-bottom: 30px;
}
.footerbottom a {
font-size: 13px;
color: var(--cygem_gris2) !important;
} @media(max-width: 1199px){
footer {
text-align: center;
padding-top: 70px;
}
footer .footerlogo svg {
width: 180px;
margin-bottom: 30px;
}
footer #nb2,
footer #nb3,
footer #nb4 h6 {
display: none;
}
}