/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++
	C U S T O M  G T E C
++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* F O N T S */

.font600 :is(h1, h2, h3, h4, h5, h6, p, span){font-weight:600;}
.font700 :is(h1, h2, h3, h4, h5, h6, p, span){font-weight:700;}

.h2_rule_green > h2 > span{
	display:flex;
    flex-direction:column;
}
.h2_rule_green > h2.zpheading-align-center > span{ align-items:center; }
.h2_rule_green > h2.zpheading-align-right > span{ align-items: flex-end; }

@media (min-width: 768px) and (max-width: 991px) {
    .h2_rule_green > h2.zpheading-align-tablet-center > span{ align-items:center; }
	.h2_rule_green > h2.zpheading-align-tablet-right > span{ align-items: flex-end; }
}
@media (max-width: 767px) {
    .h2_rule_green > h2.zpheading-align-mobile-center > span{ align-items:center; }
	.h2_rule_green > h2.zpheading-align-mobile-right > span{ align-items: flex-end; }
}

.h2_rule_green > h2 > span::after{
    content:"";
	width:48px;
    height:8px;
    margin-top:15px;
    background-color:#85c42f !important;
    border-radius:50px;
}

.h2_rule_green_new > h2::after{
    content:"";
	width:48px;
    height:8px;
    margin-top:15px;
    background-color:#85c42f !important;
    border-radius:50px;
}

/* L I S T S */

.list_glow ul{
	padding:0;
    list-style: none;
}
    
.list_glow ul li{
    background-color: #e5eaf3;
    border-radius: 15px;
    padding: 12px 12px 12px 48px;
    margin: 10px 0 0 0;
    position: relative;
}

.list_glow li::before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-color: #85c42f;
    border-radius: 100%;
    position: absolute;
    left: 19px;
    top: 0.8em;
}

/* L I N K S */

.link_white a{color:#ffffff;}
.link_white a:hover{color:#85c42f;}

/* S T R U C T U R E */

.ligne_overflow{ overflow:hidden; 
flex: 1;
height: 100%;

}

@media (min-width: 992px) {
	.ligne_reverse{ flex-direction:row-reverse; }
}

.colonne_overflow{ overflow:hidden; }



@media (min-width: 1200px) {
    .section_large > div > .zprow-container{
        width:90%;
        max-width: 1550px;
        margin: 0 auto; /* centrage */
    }

	.zphero.section_large .zpcontainer{
    	width:90%;
        max-width: 1550px;
        margin: 0 auto; /* centrage */
	}
    
    .zphero.section_large .zprow-container{ 
        width:100%; 
    	margin: 0 auto; /* centrage */
    
    }

}

/* Z O N E S */

.zone_overflow{ overflow:hidden; }

#thememaincontent .zone_vcenter{ justify-content:center; }

/* B A C K G R O U N D S */

.bg_cercle_topleft{
	background-image: url(/files/backgrounds/bg-cercle-topleft.webp);
	background-size: auto;
    background-repeat: no-repeat;
    background-position: top left;
}

.bg_cercle_bottomright{
	background-image: url(/files/backgrounds/bg-cercle-bottomright.webp);
	background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.bg_bloc { background-color: #f6f9fe; }

.bg_bloc_blue_gradient{
   	background-repeat: repeat-y;
    background-size: 100% 100%, 100% 100%,auto, 100% 100%;
    background-position: 0px 0px, 0px 0px,right, 0px 0px;
    background-image: radial-gradient(142% 91% at -2% 85%, #000e55 0%, #000E5500 100%), radial-gradient(75% 75% at 135% 2%, #85C42F70 0%, #85C42F00 100%), url(/files/backgrounds/multicolor_dots.png), radial-gradient(75% 75% at 50% 50%, #1a2766 0%, #1a2766 100%);
}

.bg_overlay_hero .zpvideo-bg-overlay:not(.zpvideo-fallback-image){
	background-image: url(/files/backgrounds/bg_header_dots_right.png), url(/files/backgrounds/bg_header_dots_left.png), url(/files/backgrounds/hero_bg_connexions.webp), linear-gradient(to bottom, rgba(133, 196, 47, 0.35) 0%, rgba(133, 196, 47, 0) 15%), linear-gradient(to bottom, rgba(0, 14, 85, 0.8), rgba(0, 14, 85, 0.8)) !important;
    background-size: auto, auto, 40%, 100%, 100%;
    background-repeat: no-repeat;
    background-position: right, left, top right, center, center;
}

@media (max-width: 991px) {
    .bg_overlay_hero .zpvideo-bg-overlay:not(.zpvideo-fallback-image){
        background-image:linear-gradient(to bottom, rgba(133, 196, 47, 0.35) 0%, rgba(133, 196, 47, 0) 15%), linear-gradient(to bottom, rgba(0, 14, 85, 0.8), rgba(0, 14, 85, 0.8)) !important;
        background-size: 100%, 100%;
        background-repeat: no-repeat;
        background-position: center, center;
    }
}

.bg_header{ position:relative; }
.bg_header::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/files/backgrounds/bg_header_dots_right.png), url(/files/backgrounds/bg_header_dots_left.png), linear-gradient(to bottom, rgba(133, 196, 47, 0.35) 0%, rgba(133, 196, 47, 0) 15%), linear-gradient(to bottom, rgba(0, 14, 85, 0.8), rgba(0, 14, 85, 0.8)) !important;
    background-size: auto, auto, 100%, 100%;
    background-repeat: no-repeat;
    background-position: right, left, center, center;
}

.bg_header .zpcontainer-fluid{
        position: relative;
    z-index: 1;
}
.bg_header::after{z-index: 0;}

.bg_header_scada::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/files/backgrounds/bg-scada.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center 150px;
}

@media (max-width: 991px) {
    .bg_header_scada::after{ background-size: auto; }
}

.bg_blur{ backdrop-filter: blur(5px); }



/* I M A G E S */

.img_auto{ overflow:hidden; }
.img_auto, .img_auto div, .img_auto span, .img_auto picture, .img_auto figure{
    display:block;
    height:100%;
}

.img_h200.img_h200.img_h200.img_h200.img_h200.img_h200 img{
    height:200px !important;
    object-fit:cover; 
}    
.img_auto.img_auto.img_auto.img_auto.img_auto.img_auto img{
    height:100% !important;
    object-fit:cover; 
}
@media (min-width: 768px) and (max-width: 991px) {
	.img_auto.img_auto.img_auto.img_auto.img_auto.img_auto img{ max-height: 350px; }
}
@media (max-width: 767px) {
	.img_auto.img_auto.img_auto.img_auto.img_auto.img_auto img{ max-height: 200px; }
}

.logo_white img{ filter: brightness(0) invert(1); }

.image_format img{
	aspect-ratio: 2;
    object-fit: cover;
}

.image_round img{
	aspect-ratio: 1;
    object-fit: cover;
}

.image_border img{
	border:4px solid #85c42f;
}


.logo_format img{
	aspect-ratio: 2;
    object-fit: contain;
}

/* I C O N E S */

.ico_border5 .zpicon-style-circle{
    border-width: 5px;
}

.ico_roundcorner .zpicon-style-roundcorner-fill{
    border-radius: 15%;
}

.ico_roundcorner .zpicon-style-roundcorner-fill svg{
    width:65% !important
}

/* V O L E T S */

@media (min-width: 992px) {
    .onglets_vertical.onglets_vertical.onglets_vertical.onglets_vertical .zptabelem-inner-container{display:flex;}

    .onglets_vertical.onglets_vertical.onglets_vertical.onglets_vertical .zptabs-container{   
        flex: 0 0 350px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        z-index: 0;
        margin-right: 30px;
    }

    .onglets_vertical.onglets_vertical.onglets_vertical.onglets_vertical .zprow{ margin: 0;}
    
    .onglets_vertical.onglets_vertical.onglets_vertical.onglets_vertical .zptab:first-child{ border-radius: 25px 25px 0 0; }
    
    .onglets_vertical.onglets_vertical.onglets_vertical.onglets_vertical .zptab:last-child{ border-radius: 0 0 25px 25px; }
}

/* I C O N E   A V E C   T I T R E */ 

.zpicon-container a{
	color:inherit;
}

/* H E A D E R  T O P */

/* Top bar */
.zpheader-style-01  .theme-header-topbar{
    background-color:#000936;
}
/* Liens Top bar */
.zpheader-style-01  .zpdark-header-portion.theme-header-topbar .theme-topbar-contact-info ul .theme-topbar-info:last-child{
	border:0;
}

/* Liens Top bar */
.zpheader-style-01  .zpdark-header-portion.theme-header-topbar .theme-topbar-contact-info ul .theme-topbar-info a{
    font-family: Work Sans;
    color:#fff;
}

/* Liens Top bar - hover */
.zpheader-style-01  .zpdark-header-portion.theme-header-topbar .theme-topbar-contact-info ul .theme-topbar-info a:hover{
    color:#85c42f;
}

/* Liens connexion */
.zpheader-style-01  .zpdark-header-portion.theme-header-topbar .theme-portal-login .theme-portal-container .theme-portal-content a{
    font-family: Work Sans;
    color:#fff;
    background-image: url(/files/icon/key_connect.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}

/* Liens connexion - hover */
.zpheader-style-01  .zpdark-header-portion.theme-header-topbar .theme-portal-login .theme-portal-container .theme-portal-content a:hover{
     color:#85c42f;
}

/* Separ */
.zpheader-style-01  .zpdark-header-portion.theme-header-topbar .theme-socialicon-parent{
    border:0;
}

/* Icones reseaux */

.zpheader-style-01  .theme-header-topbar .theme-socialicon-parent ul{
    gap:5px;
}

.zpheader-style-01  .theme-header-topbar .theme-socialicon-parent ul li a{
	background-color:#85c42f;
    padding: 5px;
    border-radius: 50px;
    display: flex;
    margin:0;
}

.zpheader-style-01  .theme-header-topbar .theme-socialicon-parent ul li a svg{
	margin: 0;
    fill: #000e55;
}
    
/* H E A D E R */

/* Main menu */
.zpheader-style-01  .theme-header{
	background-color:#000e55;
}

.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul{
 	gap:5px;
    border:0;
}

/* Main menu Liens */

.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li a{
    font-family: Work Sans;
    border-radius:50px !important;
    font-size:18px;
    padding: 13px;
    min-width:50px;
}

/* Main menu Liens - Bouton */
.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li.menu-highlight-primary a{
    color:#000e55;
    font-weight:600;
    padding: 13px 18px;
    border:2px solid #85c42f;
    background-color:#85c42f;
}
/* Main menu Liens - Bouton - hover*/
.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li.menu-highlight-primary a:hover{
    background-color:#000e55;
    color:#fff;
}

/* Main menu - Liens hover */

.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li a:hover{
    background-color:#85c42f;
    color:#fff;
}

/* Main menu - Icone fleche  */

.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu .theme-sub-li-menu.theme-non-responsive-menu{
    border-color: #85c42f;
    border-width: 3px;
    width: 10px;
    height: 10px;
}
/* Main menu - Icone fleche hover  */
.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li a:hover .theme-sub-li-menu.theme-non-responsive-menu{
    border-color: #000e55;
}

/* Main menu - logo */

.zpheader-style-01  .theme-header.theme-header-animate .zpcontainer .theme-branding-info .theme-logo-parent a img{
	height: 70px !important;
    width: 70px !important;
}


@media only screen and (min-width: 1200px) {
    
  .zpheader-style-01   .theme-header:not(.theme-header-animate) .zpcontainer .theme-branding-info .theme-logo-parent a img{
        position: relative;
        top: 15px;
    }
    
}

/* Main menu - Submenu */
.zpheader-style-01   .theme-navigation-and-icons .theme-menu-area .theme-menu ul li ul{
    padding:20px;
    border-radius:15px;
    background-color:#f6f9fe;
    min-inline-size: fit-content;
}

/* Main menu - Submenu - Items */
.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li ul li{
	background:none;
    box-shadow:none;
}
.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li ul li a{
	background:none;
}

/* Main menu - Submenu - Subsubmenu */

.zpheader-style-01  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li ul ul{
    background-color:#e8ecf2;
}


/* HEADER MOBILE */

.zpheader-style-01  .theme-responsive-menu-area.theme-navigation-and-icons .theme-menu-area .theme-menu.theme-toggle-animate{
    padding-right:20px;
}

/* Icones reseaux */

.zpheader-style-01  .theme-responsive-menu-area.zpcontainer .theme-responsive-menu .theme-menu ul.theme-scoialicon-inner-parent li a,
.zpheader-style-01  .theme-responsive-menu-area.zpcontainer .theme-responsive-menu .theme-topbar-contact-info ul:first-child li a {
	background-color: #85c42f;
    min-width: 0;
}

.zpheader-style-01  .theme-responsive-menu-area.zpcontainer .theme-responsive-menu .theme-menu ul.theme-scoialicon-inner-parent li a svg,
.zpheader-style-01  .theme-responsive-menu-area.zpcontainer .theme-responsive-menu .theme-topbar-contact-info ul:first-child li a svg
{
	margin: 0;
    fill: #000e55;
    width: 30px;
    height: 30px;
}

/* F O O T E R */

.footer_logo{
	position:absolute;
}

