/*** CSS PG Software ***/


/*** Header ***/
header.elementor-location-header{
	min-height:171px;
}

@media (min-width: 992px) {
	header.elementor-location-header{
		min-height:74px;
	}
}
.zone_logo{
	position:relative;
}
.zone_logo .encart-flottant{
    position: absolute !important;
    top: 100%;
    left: 0;
    width: 400px; 
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: all 0.3s ease-in-out;
}
.zone_logo:hover .encart-flottant {
    opacity: 1;
    visibility: visible;
    transform: translateY(15px);
}

.menu_principal ul > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text::after{
	position:absolute;
	bottom:0;
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #fff !important;
	transition: width 0.3s;	
}
.menu_principal ul > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text{
	flex-wrap:wrap;
	position:relative;
}
.menu_principal ul > .e-n-menu-item > .e-n-menu-title:hover .e-n-menu-title-text::after{
	width:100%;
	flex-basis: 100%;
}

/***Cas particulier : services ***/
@media screen and (min-width: 992px) {
	.menu_principal .e-n-menu-item:nth-child(5){
		position: relative !important;
	}
	.menu_principal .e-n-menu-item:nth-child(5) .e-n-menu-content{
		width:200px;
		max-width:200px;
		min-width:200px;
		left: 0 !important; 
		right: auto !important;
		transform: none !important;
	}
}

@media screen and (min-width: 992px) {
	.menu_principal .e-n-tabs {
		height: 100% !important;
	}
}
.menu_principal .e-n-tabs-heading{
	height:100% !important;
	background-color:#000032;
	flex-grow: 1 !important;
	padding:20px 0;
	max-width:200px;
	width:200px;
}
.menu_principal .e-n-tabs-heading .e-n-tab-title{
	position:relative;
	flex-wrap:wrap;
	height:auto;
	max-height:53px;
}
.menu_principal .e-n-tabs-heading .e-n-tab-title::after{
	position:absolute;
	bottom:0;
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #fff !important;
	transition: width 0.3s;
}
.menu_principal .e-n-tabs-heading .e-n-tab-title:hover::after{
	width:calc(100% - 40px);
	flex-basis: calc(100% - 40px);	
}
@media screen and (min-width: 992px) {
	.menu_principal .e-n-tabs-content {
		flex-grow: 1 !important; 
		display: flex !important;
		height: 100% !important;	
		justify-content:flex-start;
	}
}
.menu_principal .sous_menu ul.elementor-nav-menu {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.menu_principal .sous_menu.un_colonne ul.elementor-nav-menu {
	grid-template-columns: repeat(1, 1fr);
}


.menu_principal .sous_menu .menu-item-description {
    display: block;
	font-family:"Roboto Condensed";
    font-size: 15px;
    font-weight: 400;
    color: #000032; 
    margin-top: 5px; 
    line-height: 1.4;
	opacity:0.7;
}
.menu_principal .sous_menu .elementor-nav-menu a {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}
.menu_principal .sous_menu .elementor-nav-menu a:hover .menu-item-description, .menu_principal .sous_menu .elementor-nav-menu a:focus .menu-item-description, .menu_principal .sous_menu .elementor-nav-menu a:active .menu-item-description{
	color:#82B9FF;
}
.zone_recherche{
	max-width:150px !important;
}
@media screen and (max-width: 768px) {
	.menu_principal  .e-n-menu-toggle{
		top:-100px;
		right:-330px;
	}
}
@media screen and (max-width: 992px) {
	.menu_principal .e-n-menu-title-text{
		color:#63636b !important;
	}
	.menu_principal .e-n-menu-title{
		position:relative;
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
		gap:30px;
	}
	.menu_principal .e-n-menu-dropdown-icon{
		transform: rotate(-90deg) !important;
		background-color:#1d80c6 !important;
		padding: 7px !important;
	}
	.menu_principal .e-n-menu-dropdown-icon svg{
		color:#FFFFFF;
		fill:#FFFFFF;
	}

	.mega-menu-onglets.mobile-tabs-fermes .e-n-tabs-content {
		display: none !important;
	}
	.mega-menu-onglets .e-n-tabs-content,
	.mega-menu-onglets .e-n-tab-content {
		overflow: visible !important;
		height: auto !important;
	}
	.menu_principal .e-n-menu-content,
	.menu_principal .e-n-menu-dropdown {
		overflow-y: auto !important;
		max-height: 85vh !important; /* 85% de la hauteur de l'écran pour garder de la marge */
	}	
}
/*** Single Article ***/
.sideblog .elementor-heading-title::after{
	border-bottom: 1px solid #e3e9eb;
	border-top: 1px solid #e3e9eb;
	height: 5px;
	display: inline-block;
	content: "";
	width: 100%;
	vertical-align: middle;
	background:#1d7fc6;	
}
.sideblog ul{
	margin:1.5rem 0;
	padding:0;
	list-style:none;
}

.sideblog ul li{
	color:#1D7FC6;
	font-size:1.15rem;
	font-family: "Roboto condensed";
	font-weight:500;	
}
.sideblog ul li a{
	color:#1D7FC6;
	transition: color 0.2s;
	line-height: 1.5rem;
}
.sideblog ul li.current-cat,
.sideblog ul li.current-cat > a{
	color:#313638;
}
.sideblog ul li a:hover,.sideblog ul li a:focus,.sideblog ul li a:active{
	color:#313638;
	outline:0;
}
.sideblog ul li a::before{
	color:#1D7FC6;
	font-family: "Font Awesome 5 Free";
	content:"\f061";
	font-weight: 900;
	margin-right: 6px;
}

.sideblog ul li ul{
	margin-left:2rem;
	margin-top:0;
	margin-bottom:0;
}
.sideblog ul li ul li{
	font-size:1rem;
	color:#1D7FC6;
}
.sideblog ul li ul li > a{
	color:#1D7FC6;
}
.sideblog ul li ul li a::before{
	color:#1D7FC6;
	font-family: "Font Awesome 5 Free";
	content:"\f0da";
	font-weight: 900;
}
.mainbody strong {
	color: #000032;
}
.mainbody .fields-container strong{
	color:#63636b;
}

/*** Archive catégorie ***/
.mainbody .zone_articles .image-extraite{
	max-height:200px;
	width:100%; 
	height:100%; 
	object-fit:cover;
}
.mainbody .zone_articles  a.more-link{
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 0.1875rem;	
	line-height: 1.5;
	font-size: 1rem;
	vertical-align: middle;
	text-shadow: none;
	box-shadow: none;
	text-align: center;	
	text-decoration: none;
	color:#FFFFFF;
	background-color:#238de9;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;	
	font-family: "Lato";
	font-size:14px;
	font-weight:400:
}
.mainbody .zone_articles a.more-link:hover,.mainbody .zone_articles a.more-link:focus,.mainbody .zone_articles a.more-link:active{
	background-color:#2e373c;
}
.mainbody .zone_articles  .offre_emploi a.more-link{
	margin-top:15px;
}
.mainbody .zone_articles em.fa-li{
	display:none;
}
.mainbody .zone_articles .elementor-pagination .page-numbers{
	color: #63636b;
	padding: 6px 15px;
	margin-right: 5px;
	border: 1px solid #ecf0f1;
	line-height:20px;
	text-decoration:none;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;	
	font-family: "Lato";
	font-size:14px;
	font-weight:400:	
}
.mainbody .zone_articles .elementor-pagination .page-numbers:hover,.mainbody .zone_articles .elementor-pagination .page-numbers:focus,.mainbody .zone_articles .elementor-pagination .page-numbers:active,.mainbody .zone_articles .elementor-pagination .page-numbers.current{
	background-color:#F5F5F5;
}
.mainbody .zone_articles .elementor-pagination span.prev{
	display:none;
}
.mainbody .zone_preview{
	margin-top:15px;
	margin-bottom:60px;
	margin-block-end:60px !important;
}
.mainbody .preview_article{
	margin-bottom:6.5px;
}
.mainbody .preview_article .elementor-icon-list-item a{
	padding:8px 12px;
	line-height:20px;
}

.categories_enfants h3{
	font-size: 1.3rem;
	line-height: 1.5rem;	
	font-family: "Roboto Condensed";
	font-weight: 500;	
	margin: 0.75rem 0 1.5rem 0;
	color:#000032;
}
.categories_enfants ul{
	list-style:none;
	margin:0;
	padding:0;
}
.categories_enfants ul li{
	margin: 0.75rem 0 1.5rem 0;
}
.categories_enfants ul li a{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	font-family: "Roboto Condensed";
	font-weight: 500;		
	font-size: 1.3rem;
	line-height: 1.5rem;	
	color:#1D7FC6;
	gap:10px;
}
.categories_enfants ul li a:hover .nom-categorie,.categories_enfants ul li a:focus .nom-categorie,.categories_enfants ul li a:active .nom-categorie{
	color:#135483;
}
.categories_enfants ul li .count{
	display:inline-block;
	background-color:#3a87ad;
	border-radius: 9px;	
	padding:2px 9px;
	font-family: "Roboto Condensed";
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	white-space: nowrap;
	text-shadow: 0 -1px 0 #00000040;
	color:#FFFFFF;
}

.mainbody .zone_articles ul.prestations{
	margin-top: 0.5rem;
	margin-left: 1.5rem;
	padding: 0;	
	list-style-type: none;
}
.mainbody .zone_articles ul.prestations li::before{
	font-family: "Font Awesome 5 Free";
	content:"\f054";
	font-weight: 900;	
	color: #888;
	margin-right: 5px;
}
.mainbody .zone_articles .g-title{
	color:#000032;
	font-size: 1.5rem;
	margin-top:-5px;
	margin-bottom:30px;
	border-bottom: 2px solid #82B9FF;
	display:inline-block;
}

/*** Home ***/
.home_flibox{
	max-width: 410px !important;
}
.home_flibox img{
	height:200px;
	width:auto;
}
.home_flibox .elementor-flip-box__back .elementor-flip-box__layer__title{
	text-align:center;
	margin:auto;
}
.home_flibox .elementor-flip-box__back ul{
	text-align:left;
	margin: 1.5rem 30px;
	padding:0;
	line-height:25px;
	list-style: url('../images/fleche-list-accueil-3.png');
}
.home_pourquoi h2{
	color:#FFFFFF;
	font-family: "Poppins";
	font-size:50px;
	line-height:65px;
	font-weight:600;
	margin:0;
	padding:0;
}
.home_pourquoi img{
    display:inline-block;
    max-height:100px;
    width:auto;
    margin-top:-20px;
    vertical-align: middle;
}
.home_pourquoi_card{
	box-shadow: -10px 10px 10px 0px #000;
}
.home_pourquoi_card  .elementor-image-box-content{
	padding:30px;
}

@media (min-width: 992px) {
	.home_pourquoi_card{
		box-shadow: -10px 10px 10px 0px #000;
		max-width:50% !important;
		flex: 0 0 50% !important;
	}	
	.home_pourquoi_card  .elementor-image-box-content{
		width:calc(100% - 210px) !important;
		padding: 0 30px 0 50px;
	}	
}
@media (max-width: 991px) {
	.home_pourquoi_card .elementor-image-box-img{
		width:100% !important,
	}
	.home_pourquoi_card .elementor-image-box-img img{
		width:100% !important;
		height:auto !important;
	}
}

.home_linkedin{
	font-family: "Poppins";
}
.slider_blog_home .elementor-widget-theme-post-featured-image img{
	height:120px;
	object-fit:cover;
}
.slider_blog_home .slide_blog_home_content{
	height:100%;
}
.slider_blog_home .slide_blog_home_content .btn-suite-blog{
	margin-top:auto !important;
	margin-bottom:0 !important;
}
.slider_blog_home  .swiper-pagination{
	position:absolute;
	top:-30px;
	right:0;
	width:100%;
	text-align:right;
}
.home_partenaires::before{
	position:absolute;
	content:" ";
	width:70px;
	height:70px;
	left:0;
	top:0;
	background: linear-gradient(to right, #000051, transparent);
	z-index:2;
}
.home_partenaires::after{
	position:absolute;
	content:" ";
	width:70px;
	height:70px;
	right:0;
	top:0;
	background: linear-gradient(to left, #000051, transparent);
	z-index:2;
}

/*** Page contact ***/
@media screen and (min-width: 992px) {
	.zone_contact .formulaire_contact .elementor-field-group{
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content: space-between !important;
	}

	.zone_contact .formulaire_contact .elementor-field-group .elementor-field {
		flex: 0 0 70% !important;
		max-width: 70% !important;
		width: 70% !important;
	}
	.zone_contact .formulaire_contact .elementor-field-group label{
		flex: 0 0 27% !important;
		max-width: 27% !important;
		margin-bottom: 0 !important;
		word-break: break-word;
		text-align:right;
	}
	.zone_contact .formulaire_contact  .elementor-field-type-submit button {
		margin-left: 30% !important;
		flex: 0 0 70% !important;
		max-width: 70% !important;
		width: 70% !important;
}
}
/*** Produits ***/
.menu_interne_produits{
	z-index:10;
}	

.helpdesk .menu_interne_produits .elementor-button:hover{
	background-color:#0DA8FB !important
}

.titre_anime_produits svg{
	display:none !important;
}
.titre_anime_produits .elementor-headline-dynamic-text {
    position: relative;
    display: inline-block;
}
.titre_anime_produits .elementor-headline-dynamic-text::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 0;
    background-color: #DAA802;
    animation: classicLineDraw 3s infinite linear;
}
.helpdesk .titre_anime_produits .elementor-headline-dynamic-text::after {
	background-color:#0078b7;
}
@keyframes classicLineDraw {
    0% {
        width: 0;
    }
    75% {
        width: 100%;
    }
    85% {
        width: 100%;
    }
    88% {
        width: 0;
    }
    100% {
        width: 0;
    }
}

.blocs_fonctionnalites img{
	width:auto;
	margin:0 auto;
}
.blocs_fonctionnalites .elementor-image-box-description{
	text-align:justify;
}
@media screen and (min-width: 992px) {
	.blocs_fonctionnalites .elementor-widget-image-box{
		min-height:360px;
	}
}
.blocs_pointilles .elementor-image-box-description{
	text-align:justify;
}
@media screen and (min-width: 992px) {
	.blocs_pointilles .elementor-widget-image-box{
		min-height:500px;
	}
}
.blocs_choisir_pointilles ul li{
	padding-bottom:10px;
}
@media screen and (min-width: 992px) {
	.zone_historique .elementor-widget-image-box{
		min-height:396px;
	}
}
.zone_capacites .capacite{
	min-height:300px;
}

.liste_pills ul {
	margin:0 auto;
	text-align:center;
	list-style:none;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	padding:0;
}
.liste_pills ul li{
	display:inline-block;
	background: #FFE076;
	border-radius: 5px;
	padding: 8px 20px;
	margin: 5px 5px 0;
	font-size: 18px;
	font-weight: 600;	
	font-family:"Lato";
	font-size:18px;
	color:#000000;
	text-align:center;
}
@media screen and (min-width: 992px) {
	.liste_pills ul {
		margin:0 auto;
		text-align:center;
		list-style:none;
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-direction:row;
	}
}
.nfa_check .elementor-image-box-content ul li{
	  list-style-image: url('../images/nfa-check.png');
}

.fonctionnalites-principales .elementor-image-box-img{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100px !important;
	height:100px;
	background:#FFFFFF;
	text-align:center;
	border:2px solid #ffcd23;
	border-radius:50%;
	margin:15px auto !important;
}

.elementor-infobulle{
	position: relative;
    cursor: help;
}
.elementor-infobulle sup{
	border:1px solid #000032;
	border-radius:50px;
	font-size:35%;
	padding:0 4px;
	top:-1.5em;
}
.elementor-infobulle .infobulle-texte {
    visibility: hidden;
    width: 300px;
    background-color: #333333bf;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    padding: 20px;
    font-size: 23px;
    line-height: 1.4;
    position: absolute;
    z-index: 999;
    top: 150%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease, bottom 0.3s ease;
}
.infobulle-vert sup{
	top:unset;
	border:1px solid #f2f2f2;
	font-size:10px;
	padding:2.5px 8.5px;
	border-radius:99px;
	color:#1D7FC6
}
.infobulle-vert:hover sup{
	color:#135483;
}
.infobulle-vert .infobulle-texte{
	color: #000;
	text-align: justify;
	line-height: normal;
	font-size: 18px;
	font-weight: 400;
	padding: 15px;
	max-width: 270px;
	border-radius: 15px;
	border: solid #f2f2f2 1px;
	box-shadow: 0 0 15px 0 #95E5BF;	
	background-color:#FFFFFF;
}
.gestion-transparente ul{
	padding-left:50px;
}
.gestion-transparente ul li{
	margin-bottom: 30px;
	list-style:none;
}
.gestion-transparente ul li::before {
  position: absolute;
  content: "";
  left: 10px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url('../images/opu-check.png');
 
}
.elementor-infobulle:hover .infobulle-texte {
    visibility: visible;
    opacity: 1;
    top: 125%; /* Petit effet de glissement vers le bas */
}

.zone_video_produit img{
	border-radius: 5px;
	transition: all .3s;
	transform: scale(.95);	
}

.zone_video_produit img:hover, .zone_video_produit img:focus, .zone_video_produit img:active{
	transform: scale(1);	
}
@media (min-width: 1025px) {
  .page-child .elementor-lightbox .elementor-video-container .elementor-video-landscape {
    max-height: 50vh;
    width: 50vw;
  }
}
.zone_editions ul li{
	padding-bottom:10px;
}
.zone_editions li.nomark{
	list-style-type: none;
}
.zone_editions .lien-comparaison{
	list-style-type: none;
}
.produits_flibox{
	max-width: 300px !important;
}
.produits_flibox img{
	height:40px;
	width:auto;
}
.produits_flibox p,.produits_flibox .elementor-flip-box__layer__description{
	text-align:justify !important;
}

.btn-telecharger-fixed a{
	position:fixed;
	top:415px;
	right:36px;
	width:250px;
	transform: rotate(-90deg);
	transform-origin: top right;
	z-index:12;
}

.cta-fleche-animation .elementor-button-icon {
    transition: transform 0.25s ease;
}

.cta-fleche-animation .elementor-button:hover .elementor-button-icon {
    transform: translateX(8px);
}

.zone_besoins .elementor-widget-text-editor ul{
	list-style: none;
	padding:0;
	margin:0;
}
.zone_besoins .elementor-widget-text-editor ul li{
	padding-bottom:10px;
}
.zone_besoins .elementor-widget-text-editor ul li::before{
	content: '';
	display: inline-block;
	background-image: url('../images/ae-ftr-points-icon.png');
	position: relative;
	left: -5px;
	top: 5px;
	height: 20px;
	width: 20px;
	background-size: contain;	
}
.titre_rond{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	background-image: linear-gradient(180deg, #92d3f9 0%, #59b0ed 100%) !important;
}
.titre_rond .elementor-heading-title{
	width: 47px;
	height: 47px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	border: 3px solid #fff;
	position: relative;	
}
.titre_rond::before{
	position:absolute;
	content:" ";
	height:6px;
	width:100%;
	background:#6dbff2;
	left:100%;
	top:50%;
}
.titre_rond::after{
	position:absolute;
	content:" ";
	height:6px;
	width:100%;
	background:#6dbff2;
	top:50%;
	right:100%;
}
.separateur_rond .elementor-divider__text{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	background-image: linear-gradient(180deg, #92d3f9 0%, #59b0ed 100%) !important;	
}
.separateur_rond .elementor-divider__text span{
	width: 47px;
	height: 47px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	border: 3px solid #fff;
	position: relative;		
}
.separateur_rond_first .elementor-divider-separator::before{
	border-block-start-color:#FFFFFF;
}
.separateur_rond_last .elementor-divider-separator::after{
	border-block-start-color:#FFFFFF;
}

.zone_pourquoi_tabs .elementor-image-box-img{
	background-color: #F1F6FF;
	border-radius: 50%;
	height: 48px;
	width: 48px;
	flex: 0 0 48px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.zone_pourquoi_tabs  .elementor-image-box-img img{
	max-width:20px;	
}
.box_catalogue .elementor-heading-title{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	gap:30px;
}
.box_catalogue .elementor-heading-title span{
	display:block;
	color: #000000;
	background-color: #f1f6ff;
	border-radius: 5px;
	padding: 6px 12px 6px 12px;	
	font-size:18px;
	font-weight:500;
}
.zone_tabs_msp .elementor-widget-text-editor ul {
	list-style:url('../images/sdp-msp-icon-check.png');
}
.zone_tabs_msp .elementor-widget-text-editor ul li{
	padding-bottom:15px;
}
.onglets_vert .elementor-widget-text-editor ul {
	list-style:url('../images/eventlog-check-2.png');
}
.onglets_vert .elementor-widget-text-editor ul li{
	padding-bottom:15px;
}
.onglets_vert2 .elementor-widget-text-editor ul {
	list-style:url('../images/log360-cloud-icon-check.png');
}
.onglets_vert2 .elementor-widget-text-editor ul li{
	padding-bottom:15px;
}
.onglets_vert .tab-sub-tit .elementor-heading-title {
	background: linear-gradient(1deg, #f2faff, #D6F3FE);
	padding: 4px 15px;
	border-radius: 50px;
	display: inline-block !important;
	border: 1px solid #98c3d4;
	border-top: 0;
	font-size: 15px;
	font-weight: 300;	
}
.onglets_vert .tab-sub-tit .elementor-heading-title i{
	background: url('../images/hom-icon-spri-24.png') no-repeat -34px -6px;
	background-size: auto;
	background-size: 532px;
	width: 31px;
	height: 17px;
	display: inline-block;
}
.liste_check_jaune .elementor-widget-text-editor ul,
.liste_check_jaune.elementor-widget-text-editor ul{
	position:relative;
	list-style:none;
	margin-bottom: 32px;
	padding:0;
}
.liste_check_jaune .elementor-widget-text-editor ul li,
.liste_check_jaune.elementor-widget-text-editor ul li{
	background: url('../images/opm-logiciel-de-gestion-de-reseau-check.png');
	background-position: 0 12px;
	background-repeat: no-repeat;
	line-height:30px;
	padding: 6px 12px 6px 32px;
}

.box_liste_vert .elementor-widget-text-editor ul{
	position:relative;
	list-style: none;
	margin:0;
	padding:0;
}
.box_liste_vert .elementor-widget-text-editor ul li{
	position:relative;
	padding: 0px 0px 10px 35px;
	margin: 0px 0px 10px 0px;	
}
.box_liste_vert .elementor-widget-text-editor ul li::before{
	content: "";
	position: absolute;
	background: url('../images/sdp-icon-ai-tick.png') no-repeat;
	background-size: cover;
	display: inline-block;
	top: 4px;
	right: 0;
	bottom: 0;
	left: 0px;
	width: 18px;
	height: 18px; 
}
.box_liste_vert .elementor-widget-text-editor ul li:not(:last-child)::after {
	content: "";
	position: absolute;
	background: linear-gradient(90deg, #F7F7F7 0%, #D8D8D8 50%, #F7F7F7 100%);
	width: 100%;
	right: 0;
	bottom: 0;
	left: 30px;
	height: 1px;
	max-width: 95%;
}
.box_list_orange .elementor-widget-text-editor ul{
	position:relative;
	list-style: none;
	margin:0;
	padding:0;
}
.box_list_orange .elementor-widget-text-editor ul li{
	position:relative;
	padding: 0px 0px 10px 25px;
	margin: 0 0 5px 0;
}
.box_list_orange .elementor-widget-text-editor ul li::before{
	content: "";
	position: absolute;
	background: url('../images/sdp-icon-safron-tick.png') no-repeat;
	background-size: cover;
	display: inline-block;
	top: 4px;
	right: 0;
	bottom: 0;
	left: 0px;
	width: 14px;
	height: 14px; 
}
.liste_timeline ul {
	list-style:none;
}
.liste_timeline ul li{
	position: relative;
	padding: 0px 0px 60px 60px;	
}
.liste_timeline ul li::before{
	content: "";
	position: absolute;
	width: 1px;
	height: calc(100% + 0px);
	left: 10px;
	top: 11px;
	background: #fff;
}
.liste_timeline ul li span{
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 10px;
	background: #fff;
	border-radius: 50%;	
}
.liste_timeline ul li h3{
	color: #34d4a0 !important;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.4;
	font-family: 'Poppins';
	margin: 0px 0px 15px;	
}
.liste_timeline ul li:nth-child(3)::before {
	display:none;	
}

.feature-availability .elementor-widget-text-editor img {
  display: inline-block;
  width: 24px;
  vertical-align: middle;
}
/*** Societe ***/
.societe h3{
	font-family:"Roboto condensed";
	font-size:24px;
	color:#000032;
}

/*** popin Zoho ***/
.popin_zoho .elementor-heading-title{
	display:flex;
	gap:12px;
	align-items: center;
}
.popin_zoho .elementor-heading-title::before{
	content: "";
	background-color: #50bcbd;
	border-radius: 1px;
	height: 1px;
	width: 20px;
	flex-shrink: 0;
}

/*** Back to top ***/
.back-to-top{
	position:fixed;
	bottom:28px;
	right:28px;
	z-index:999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;	
}

.back-to-top.visible{
	opacity: 1;
	visibility: visible;	
}

/*** Plan du site ***/
.menu_plan .elementor-nav-menu--main .sub-menu {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding-left: 20px !important; /* Indentation des sous-menus (à ajuster selon vos goûts) */
    border: none !important;
}
.menu_plan  .elementor-nav-menu--main .elementor-nav-menu ul{
	width:100%;
}
.menu_plan ul li{
	padding: 6px 16px
}
.menu_plan .elementor-nav-menu--main .elementor-nav-menu ul li{
	list-style-type: none;
	padding: 6px 16px;
	text-align: left;	
	background: url('../images/treeview-default-line.gif') 0 0 no-repeat;
}
.menu_plan a{
	font-family:"Lato" !important;
	font-size:16px !important;
	font-weight:400 !important;
	color:#1d80c6 !important;	
	padding:0 !important;
}
.menu_plan a:hover,.menu_plan a:focus,.menu_plan a:active{
	color:#313638 !important;
}
.menu_plan .elementor-sub-item{
	background-color:transparent !important;
}

/*** HTML Network Device ***/
.network-device-wrapper {
	box-sizing: border-box;
	position: relative;
	margin: 80px 0 40px;
}

.network-device-wrapper {
	position: relative;
}

.opm-logo {
	height: auto;
	box-sizing: border-box;
	position: absolute;
	content: "";
	top: 50%;
	right: 50%;
	max-width: 130px;
	-webkit-transform: translate(50%, -60%);
	transform: translate(50%, -60%);
}

.pattern-img {
	max-width: 100%;
	height: auto;
}

.network-solution-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.network-solution-list .col {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0;
	flex: 1 0 0;
	box-sizing: border-box;
	position: absolute;
}

.network-solution-list .col:nth-child(1) {
	right: 26%;
	bottom: 42%;
}

.network-device-wrapper .network-solution-list .col>div {
	width: 110px;
	height: 110px;
	border-radius: 100px;
	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;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	-webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, .05);
	box-shadow: 0 4px 32px rgba(0, 0, 0, .05);
	-webkit-transition: -webkit-transform .25s ease;
	transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	transition: transform .25s ease, -webkit-transform .25s ease;
}

.network-device-wrapper .network-solution-list .col>div:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.network-device-wrapper .network-solution-list .col>div a .network-solution-icon {
	box-sizing: border-box;
	display: inline-block;
}

.nw-mgmt-icons {
	box-sizing: border-box;
	background: url('../images/opm-nw-mgmt-sprites.svg') no-repeat top left;
	background-size: 450px;
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-top: -5px;
}

.nw-mgmt-icons.icon-router {
	background-position: -4px -101px;
}

.network-solution-list .col:nth-child(2) {
	right: 7%;
	bottom: 42%;
}

.nw-mgmt-icons.icon-switch {
	background-position: -267px -48px;
}

.network-solution-list .col:nth-child(3) {
	right: 36%;
	bottom: 67%;
}

.nw-mgmt-icons.icon-printer {
	background-position: -61px -102px;
}

.network-solution-list .col:nth-child(4) {
	right: 32%;
	bottom: 14%;
}

.nw-mgmt-icons.icon-storage {
	background-position: -111px -102px;
}

.network-solution-list .col:nth-child(5) {
	right: 18%;
	bottom: 70%;
}

.nw-mgmt-icons.icon-wan {
	background-position: -161px -102px;
}

.network-solution-list .col:nth-child(6) {
	right: 57%;
	bottom: 68%;
}

.nw-mgmt-icons.icon-vpn {
	background-position: -215px -102px;
}

.network-solution-list .col:nth-child(7) {
	right: 65%;
	bottom: 44%;
}

.nw-mgmt-icons.icon-ups {
	background-position: -264px -103px;
}

.network-solution-list .col:nth-child(8) {
	right: 59%;
	bottom: 21%;
}

.nw-mgmt-icons.icon-wireless {
	background-position: -321px -103px;
}

.network-solution-list .col:nth-child(9) {
	right: 46%;
	bottom: 88%;
}

.nw-mgmt-icons.icon-services {
	background-position: -381px -103px;
}

.network-solution-list .col:nth-child(10) {
	right: 46%;
	bottom: 1%;
}

.nw-mgmt-icons.icon-processes {
	background-position: 0 -160px;
}

.network-solution-list .col:nth-child(11) {
	right: 72%;
	bottom: 76%;
}

.nw-mgmt-icons.icon-url {
	background-position: -164px -46px;
}

.network-solution-list .col:nth-child(12) {
	right: 28%;
	bottom: 90%;
}

.nw-mgmt-icons.icon-file-folder {
	background-position: -57px -160px;
}

.network-solution-list .col:nth-child(13) {
	right: 83%;
	bottom: 45%;
}

.nw-mgmt-icons.icon-event-log {
	background-position: -111px -160px;
}

.network-solution-list .col:nth-child(14) {
	right: 74%;
	bottom: 12%;
}

.nw-mgmt-icons.icon-virtual-machine {
	background-position: -168px -160px;
}

.network-solution-list .col:nth-child(15) {
	right: 12%;
	bottom: 12%;
}

.nw-mgmt-icons.icon-interface {
	background-position: -228px -160px;
}

/*** Animations ***/
@keyframes wobble1 {
	0% {
	  transform: translate(0, 30px);
	}

	100% {
	  transform: translate(0, 0);
	}
}

@keyframes wobble2 {
	0% {
	  transform: translate(0,-20px);
	}

	100% {
	  transform: translate(0,0);
	}
}

@keyframes wobble3 {
	0% {
	  transform: translate(0,30px);
	}

	100% {
	  transform: translate(0,0);
	}
}