@charset "UTF-8";
/*
Theme Name: Divi Child by EuroTechConseil
Description: Theme Child du theme Divi
Author: EuroTechConseil
Author URI: https://etcinfo.fr
Template: Divi
Version: 1.0
*/

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Bold.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Bold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Black.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Black.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-ExtraBold.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-ExtraBold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Italic.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Italic.woff) format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-MediumItalic.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-MediumItalic.woff) format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Light.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Medium.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Regular.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-ExtraLightItalic.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-ExtraLightItalic.woff) format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-SemiBold.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-ExtraLight.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Nunito/Nunito-ExtraLight.woff) format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/******** poppins *******/

@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Black.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Black.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-BoldItalic.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-BoldItalic.woff) format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Regular.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-ExtraBold.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-ExtraBold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-MediumItalic.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-MediumItalic.woff) format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Medium.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-SemiBold.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Light.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-ExtraLight.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-ExtraLight.woff) format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Bold.woff2) format('woff2'),
        url(/wp-content/themes/Divi-child/fonts/Poppins/Poppins-Bold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/**********/

body {
	font-family: "Nunito", sans-serif!important;
    font-size: 18px!important;
    line-height: 1.5 !important;
	text-align: left!important;
	color: #000!important;
}

p {
    padding-bottom: 0;
}

	h1, h2, h3, h4, h5, h6 {
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000;
	line-height: 1.7;
	}

    h1 {
        font-size: 40px !important;
    }

    h2 {
        font-size: 35px !important;
    }

    h3 {
        font-size: 30px !important;
    }
	h4 {
        font-size: 25px !important;
    }
	h5 {
        font-size: 20px !important;
    }


a {
    color: #000;
	text-decoration: none!important;
}

a:hover {
    color: #000 !important;
}

.relative {
	position: relative;
}

.et_pb_module ul ul, 
.et_pb_module ol, 
.et_pb_module ul ol, 
.et_pb_module ol ul{
	margin-top: .5rem;
    margin-bottom: 0;
	padding-bottom: 0;
}


.c-list, .c-list-dark {
    list-style-type: none!important;
}

.c-list li,
.c-list-dark,
.et_pb_module ul li,
.et_pb_module ul li a {
    position: relative;
}

.c-list li:not(:last-child),
.c-list-dark li:not(:last-child){
    margin-bottom: 1em;
}

ul.c-list li:before {
    content: url(/wp-content/uploads/2025/04/list.webp);
    position: absolute;
    left: -28px;
    top: 0;
}

ul.c-list-dark li:before{
    content: url(/wp-content/uploads/2025/06/list-icon.webp);
    position: absolute;
    left: -28px;
    top: 0;
}

ul.c-list-dark {
    margin-bottom: 0;
    padding-bottom: 0;
}

.bold {
	font-weight: bold;
}

/*table post*/
.auto-table .et_pb_text_inner {
    overflow: auto;
}

.post-content table, .faq-content table {
    border-collapse: separate !important;
    border-spacing: 0px 5px;
}

.post-content table td,
.post-content table th,
.faq-content table td,
.faq-content table th {
    padding: 8px;
	min-width: 160px;
}


.post-content tr td:first-child,
.post-content tr th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.post-content tr td:last-child,
.post-content tr th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.post-content thead tr {
    background: #e1e1e1;
}

.post-content tbody tr:nth-child(odd) {
    background: #efefef;
}

/*************/
.coord-client {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
	margin-top: 50px;
}

.coord-client img {
    width: 120px;
}
.car-clients .dsm_card_carousel_child.swiper-slide-active {
    box-shadow: 0px 0px 10px #ddd;
    background: #fff;
}

.car-clients .dsm_card_carousel_child {
    background: #f7f7f7;
    border-radius: 25px;
    padding: 25px;
}

.rev-client {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.name-client {
    margin-left: 20px;
}

p.glossair a {
    display: flex;
    justify-content: space-between;
}

p.glossair:hover a {
    text-decoration: underline !important;
}

.glossaire-page h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

/********************/

.grid-mode .et_pb_ajax_pagination_container article .post-meta a {
    color: #0046fc;
}

/* Main */
.et_pb_equal_columns .dsm_card_wrapper {
    height: calc(100% - 66px)!important;
}
/******/
/* Pays  input souscription */
/* Taille globale du select */
#client_country + .select2-container .select2-selection {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 8px;
    border: 1px solid #c5c5c5;    
    padding: 0 10px;          
    font-size: 16px;
}

/* Placeholder centré verticalement */
#client_country + .select2-container .select2-selection__placeholder {
    line-height: 40px !important;
    color: #999;
}

/* Texte sélectionné centré verticalement */
#client_country + .select2-container .select2-selection__rendered {
    line-height: 40px !important;
}

/* Flèche du select */
#client_country + .select2-container .select2-selection__arrow {
    height: 40px !important;
}

/* Dropdown list scrollable */
.select2-container .select2-results__options {
    max-height: 200px;  /* hauteur max de la liste */
    overflow-y: auto;
}

/* Option hover */
.select2-container .select2-results__option--highlighted {
    background-color: #f0f0f0;
    color: #333;
}

/* search select2 */
span.select2-search input {
    border-radius: 8px;
}

button.select2-selection__clear span {
    font-size: 18px;
}

button.select2-selection__clear {
    margin-right: 15px !important;
}

select#client_country.valid {
    padding-left: 35px;
}

.loader {
	display: none;
    position: absolute;
    right: 10px;
    width: 22px;
    top: 10px;
}

span#company_siret-error a {
    color: #0046fc;
    text-decoration: underline !important;
}

/**********/
/****formulaire****/
.form-control.valid {
    background-image: var(--wpr-bg-3ecb686e-075b-498c-b5e2-7c92b8121a27)!important;
    background-repeat: no-repeat !important;
    background-position: 98%;
    background-size: 20px;
	padding-right: 30px;
}
.contact-form .form-group {
    margin-bottom: 20px;
}

.form-control[readonly] {
    pointer-events: none;
}

.required {
	color: red;
}

.souscription-form .form-group {
    margin-bottom: 8px;
}

.contact-form input, .contact-form textarea, .tnp-subscription input[type=email],
.souscription-form input, .souscription-form textarea, .souscription-form select {
   padding-left: 12px;
   border: 1px solid #c5c5c5;
   border-radius: 8px;
   margin-bottom: 17px;
   width: 100%;
}
textarea.form-control {
    height: 180px;
}
/**button form**/
.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus,
.souscription-form .form-group input:focus,
.souscription-form .form-group textarea:focus{
    box-shadow: 0px 0px 0px 5px #f1f1f1!important;
    outline: 1px solid #f1f1f1;
	border: 1px solid #005dff!important;
}
.dev-button {
    outline: none !important;
    font-size: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 11rem;
    margin-top: 10px;
    padding: 23px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    background: #0046fc;
    border: none;
    color: #fff !important;
    text-transform: uppercase;
    overflow: hidden;
    align-self: flex-start;
    box-shadow: 2px 2px 10px #999;
}
.dev-button:hover {
    box-shadow: 0px 0px 0px 5px #c2cfff;
}

.dev-button:before {
	 position: absolute;
	 content: '';
	 bottom: 0;
	 left: 0;
	 width: 0%;
	 height: 100%;
	 background-color: #54d98c;
}
.dev-button span {
	 position: absolute;
	 line-height: 0;
}
 .dev-button span i {
	 transform-origin: center center;
}
 .dev-button .dev-submit {
	 top: 50%;
	 transform: translateY(-50%);
}
 .dev-button .dev-loading {
	 top: 100%;
	 transform: translateY(0%);
	 font-size: 24px;
	 height: -webkit-fill-available;
}
 .dev-button .dev-check {
	 display: none;
}
 .dev-button .dev-none {
	 display: none;
}
 .dev-error .dev-none {
	 display: block;
	 color: #ff0000;
}
.dev-active {
	 background-color: #2ecc71;
}
 .dev-active:before {
	 width: 100%;
	 transition: width 8s linear;
}
 .dev-active .dev-submit {
	 top: -100%;
	 transform: translateY(-50%);
}
 .dev-active .dev-loading,  .dev-error .dev-none {
	 top: 50%;
	 transform: translateY(-50%) rotate(0deg);
}
 .dev-active .dev-loading {
	 animation: loading 1200ms linear infinite;
}
 .dev-active .dev-check,  .dev-error .dev-submit, .dev-error .dev-loading, .dev-error .dev-check  {
	 display: none;
}
 .dev-finished {
	 background-color: #54d98c;
}
 .dev-finished .dev-submit, .dev-finished .dev-loading, .dev-finished .dev-none {
	 display: none;
}

 .dev-finished .dev-check{
	 display: block !important;
	 font-size: 24px;
	 animation: scale 0.5s linear;
}
 .dev-finished .dev-check i {
	 transform-origin: center center;
}

.error-message {
    color: red;
    font-size: 13px;
    line-height: 1.2;
    display: block;
	font-weight: 600;
}

::placeholder {
  color: #000!important;
}

.dsm_card_carousel_image_stretch {
    width: unset;
}

.fonctionalite h3 {
    font-size: 25px !important;
}

/* Footer */
/* custom list footer pages*/
ul.cf-liste {
    list-style-type: none;
    padding: 0;
    line-height: 1.8;
}
ul.cf-liste li a {
    color: #000 !important;
	transition: all 300ms ease;
}
ul.cf-liste li a:hover {
	margin-left: 5px;
}

/* Global */
/* contact page info */
.btn-contact:before {
    color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: -2.8em !important;
    border-radius: 50px;
    top: 0;
}
.btn-contact.btn-phone:before {
    background: #999;
}
.btn-contact.btn-email:before {
    background: #335DFF;
}
.btn-phone:hover:before, .btn-email:hover:before {
    filter: brightness(0.8);
}

/*********/
/*logo header*/
.et_pb_sticky--top .sticky-logo {
    display: block;
}
.et_pb_sticky--top .top-logo, .sticky-logo {
    display: none;
}

.deeops-header {
    padding: 20px 0 !important;
}

/*mega menu*/
.et-menu-nav li.mega-menu>ul {
    overflow-y: auto;
    max-height: calc(100vh - 110px);
    width: 50%;
    left: 0!important;
    right: 0!important;
    margin: auto;
	border-radius: 10px;
}

span.menu-item-description {
    display: block;
    font-size: 12px;
    line-height: 2;
    font-weight: 400;
    color: #000;
}

/* new design */
.top-titre p {
    font-family: "Poppins", sans-serif;
}

span.c-word {
	display: inline-block;
    border-radius: 50px;
	padding: 0 15px;
}

span.blue-w {
    background-color: #D3E7FF
}

span.blue-w1 {
    background-color: #A7DFFF;
}

span.blue-w2 {
    background-color: #fff;
	border: 1px dashed #0046fc;
	margin-bottom: 5px;
}

span.white-w {
    background-color: #fff;
}

a.c-btn {
    position: relative;
    background: #0046fc;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    padding: 9px 50px 8px 17px;
    border-radius: 50px;
    cursor: pointer;
}

a.c-btn:hover {
    color: #fff !important;
    background: #007EFC;
}

a.c-btn:before {
    position: absolute;
    top: 5px;
}

.best {
    box-shadow: 0 -36px 0 0px #0046fc;
}

.dsm-tab {
    border-radius: 50px;
	margin: 5px;
	display: flex;
    align-items: center;
	}

.dsm-tab .dsm-image {
    margin-right: 10px !important;
	flex: 0 0 auto;
}

.et_mobile_menu .sub-menu .current-menu-item a,
.et_mobile_menu .menu-item.current-menu-item a,
.et_mobile_menu .n-dev.current-menu-parent > a,
.et_mobile_menu .current-menu-ancestor.m-menu > a,
.et_mobile_menu  .menu-item.current-menu-parent > a, 
.et-menu-nav .current-menu-ancestor.mega-menu-parent > a,
.et-menu-nav .current-menu-ancestor.current-menu-parent > a,
.et-menu.nav .current-menu-item a{
    color: #005dff!important;
    font-weight: bold;
}

/*section sticky images*/

.section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.section:last-child {
	padding: 0;
}

.section img {
    width: 400px;
    margin: 0 auto;
}

.wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.box {
	background: #fff;
    position: relative;
    flex: calc(33% - 20px);
	padding: 25px;
    border-radius: 20px;
	border: 1px solid transparent;
}

.box:hover {
    filter: grayscale(1);
	box-shadow: 0px 0px 18px 0px #ddd;
	border: 1px solid #c3c3c3;
}

#follower {
  position: absolute;
  pointer-events: none;
  display: none;
  z-index: 1;
  width: 170px;
  border-radius: 50%;
  animation: scaleh 200ms linear;
}

/* old boxes test pages */
.box.box1 {
    border: 1px solid #0046FC;
    background-color: #E4F1FF;
}

.box h4 {
    color: #3f6aff;
}

.box.box2 {
    border: 1px solid #3F6AFF;
	background-color: #F2F5FF;
}


.box.box3 {
    border: 1px solid #3FB9FF;
    background-color: #F2F9FF;
}

.box.box4 {
     border: 1px solid #bdbdff;
}

/* tarif page tabs */
.dsm-active.dsm-tab.dsm_advanced_tabs_child_1:before, 
.dsm-active.dsm-tab.dsm_advanced_tabs_child_1:after {
    display: none;
}

.c-tabs2 .dsm-tab.dsm_advanced_tabs_child_1, 
.c-tabs2 .dsm-tab.dsm_advanced_tabs_child_4 {
    position: relative;
}

.c-tabs2 .dsm-tab.dsm_advanced_tabs_child_1:before, .c-tabs2 .dsm-tab.dsm_advanced_tabs_child_4:before {
    content: '10% de réduction';
    position: absolute;
    top: -50px;
    font-size: 13px;
    color: #0046fc;
    text-transform: uppercase;
    font-weight: 600;
	font-style: italic;
}

.c-tabs2 .dsm-tab.dsm_advanced_tabs_child_1:after, .c-tabs2 .dsm-tab.dsm_advanced_tabs_child_4:after {
    content: url(/wp-content/uploads/2025/04/arrow-tarif.png);
    position: absolute;
    top: -36px;
    right: -60px;
}

a.btn-array {
	border-radius: 50px;
    display: inline-block;
    color: #0046fc;
    font-size: 16px;
	margin-top: 7px;
	border: 1px solid #0046fc;
    padding: 2px 12px;
    font-weight: 600;
}

a.btn-array.pro {
    background-color: #0046fc;
    color: #fff;
}

a.btn-array.pro:hover {
    color: #fff!important;
}

/*table post*/

.resp-table {
    overflow: auto;
}

.et-l--post table {
	border: none!important;
	margin-bottom: 2rem;
}

.et-l--post table {
    border-collapse: separate;
    border-spacing: 0 5px;
    width: 100%!important;
    margin-bottom: 30px;
}

.et-l--post table td, .et-l--post table th {
	border: none!important;
	color: #000;
	padding: 20px;
}

.et-l--post th span {
    font-weight: 300;
}

.et-l--post tr td:first-child,
.et-l--post tr th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.et-l--post tr td:last-child,
.et-l--post tr th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.et-l--post thead tr {
    background: #fff;
}

.et-l--post thead tr th.top {
    background: #d0e0ff;
}

.et-l--post tbody tr:nth-child(odd):not(:last-child) {
    background: #f5f5f5;
}

.et-l--post tbody tr:not(:last-child):hover {
    background-color: #edf1ff !important;
}

.et-l--post table td:not(:first-child), .et-l--post table th:not(:first-child) {
    text-align: center;
}

.et-l--post table td:first-child {
    font-weight: bold;
}

/*************/

.ia-section h5.et_pb_toggle_title:hover {
    text-decoration: underline;
}

.ia-section {
	cursor: url(/wp-content/uploads/2025/05/ai-cursor.webp), auto;
}

video.demo-video {
    border-radius: 20px;
}

/* img.acc-img {
    border-radius: 10px;
} */

a.link-faq {
    color: #0046fc;
}
a.link-faq:hover {
    color: #15b2ff !important;
}

/***** article deeops *****/

.post-content {
    margin-top: 15px;
} 

.post-content ul ul, 
.post-content ol, 
.post-content ul ol, 
.post-content ol ul,
.et_pb_module ul ul, 
.et_pb_module ol, 
.et_pb_module ul ol, 
.et_pb_module ol ul {
	margin-top: 0;
    margin-bottom: 0;
	padding-bottom: 0;
}

.post-content ol, .post-content ul,
.faq-content ul, .faq-content ol,
.glossaire-content ul, .glossaire-content ol {
      list-style-type: none!important;
      padding-left: 0;
    }

.post-content ol,
.faq-content ol,
.glossaire-content ol {
      counter-reset: list-counter; 
    }

.post-content ol li, .post-content ul li,
.faq-content ul li, .faq-content ol li,
.glossaire-content ol li, .glossaire-content ul li {
	  margin: 12px 0;
      padding-left: 35px;
      position: relative;
}

.neo-int li {
	margin: 6px 0;
}

.post-content h3,
.faq-content h3,
.glossaire-content h3 {
      padding-left: 35px;
      position: relative;
}

    .post-content ol li, .faq-content ol li, .glossaire-content ol li  {
      counter-increment: list-counter;
    }

   .post-content ol li::before,
   .faq-content ol li::before,
   .glossaire-content ol li::before {
    content: counter(list-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-color: #f89524;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    line-height: 26px;
    font-size: 15px;
}

.post-content table thead tr,
.faq-content table thead tr, 
.glossaire-content table thead tr {
    background: #edf1ff;
}

.post-content ul li:before,
.faq-content ul li:before,
.glossaire-content ul li:before {
    content: url(/wp-content/uploads/2025/05/co3.webp);
    position: absolute;
    left: 0;
    top: 0;
}

.post-content h3:before, .faq-content h3:before, .glossaire-content h3:before {
    content: url(/wp-content/uploads/2025/06/title-icon.webp);
    position: absolute;
    left: 0;
    top: 0;
}

.post-content table td, .post-content table th, 
.faq-content table td, .faq-content table th,
.glossaire-content table td, .glossaire-content table th {
    text-align: left !important;
	padding: 12px;
}

.post-content .ez-toc-list li:before {
    content: none!important;
}

.post-content div#ez-toc-container {
    background: #ffffff;
    border: 1px solid #0046fc;
    border-radius: 12px;
    width: 100%;
    padding: 20px;
}

.post-content div#ez-toc-container ul li {
    line-height: 2!important;
}

.post-content #ez-toc-container a {
    color: #000;
}

.post-content #ez-toc-container a:hover {
    color: #0046fc!important;
}

.blue-line {
    box-shadow: inset 0px -15px 0px 0px #BFD5FB;
}

/* page : tous module */
.c-list-circle {
	list-style-type: "✔️"!important;
	font-size: 16px;
}

.c-list-circle li {
	margin: 2px 0;
}

.c-modules h5 {
    font-size: 17px !important;
    font-weight: 500;
	margin-bottom:0;
	padding-bottom:0;
}

a.c-mod {
    color: #0046fc;
    border: 1px solid #0046fc;
    padding: 5px 7px;
    border-radius: 7px;
	font-weight: 600;
}

ul.c-list-circle a:hover {
    text-decoration: underline !important;
    font-weight: 600;
}

.c-arrow {
    position: relative;
}

.c-arrow:before {
    content: url(https://deeops.fr/wp-content/uploads/2025/05/b-arrow1.webp);
    position: absolute;
    right: 120px;
    transition: all 300ms ease;
	opacity: 0;
}

.c-arrow:hover:before {
    right: 15px;
    opacity: 1;
}

.sommaire-modules-row {
	display: none;
}

.sommaire-modules {
    position: fixed;
    top: 40px;
    left: 20px;
    width: 250px;
}

.sommaire-modules ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sommaire-modules ul li {
    margin: 10px 0;
}

a.toc-link.active {
    font-weight: bold;
    color: #0046fc;
	margin-left: 10px;
	transition : all 300ms ease;
}

.sommaire-modules ul li a {
	position: relative;
}

.sommaire-modules ul li a:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: -17px;
    top: 8px;
    border: 1px solid #000;
    border-radius: 17px;
}

.sommaire-modules ul li a.active:before {
    border: 2px solid #0046fc;
    transform: scale(1.4);
	transition: all 300ms ease;
}

.sommaire-modules ul li a:hover {
	color: #0046fc!important;
}

.sommaire-modules ul li a:hover:before {
    background-color: #0046fc;
	border: 2px solid #0046fc;
}

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  padding-top: 100px;
}

.lightbox-img {
    max-width: 1200px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    width: 95%;
}

.lightbox .close {
  position: absolute;
  top: -52px;
  right: 17px;
  font-size: 40px;
  color: white;
  cursor: pointer;
}

.module-tab .dsm-advanced-tabs-wrapper {
    background: #f2f5ff;
    border-radius: 15px;
    padding: 20px 5px;
}

/***********/
/* section home : carousel auto html + css */

.slider, .slider1 {
  margin: auto;
  overflow: hidden;
  position: relative;
}

.slide-track {
  display: flex;
  width: calc(250px * 36);
  animation: scroll 40s linear infinite;
}

.slide-track1 {
  display: flex;
  width: calc(250px * 24);
  animation: scroll1 40s linear infinite;
}

.carousel-items {
  height: 50px;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border: 1px solid #afc5ff;
  border-radius: 50px;
  margin: 0 5px;
  background-color: #f3f5ff;
  font-weight: 600;  
}

.c-word.icon-word:after  {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-left: 8px;
    vertical-align: middle;
}
  
  .light {
    position: relative;
    text-align: center;
  }

span.c-word.icon-word.multi:after {
	background-image: var(--wpr-bg-c25f8ee0-9b6c-4867-a154-59af12d96142);
}

span.c-word.icon-word.game:after {
	background-image: var(--wpr-bg-b9f344f8-125b-4286-9081-e4176971ccb2);
}

span.c-word.icon-word.dura:after {
	background-image: var(--wpr-bg-c2b5deb4-8717-4dfb-9ae8-16b967391498);
}

span.c-word.icon-word.prat:after {
	background-image: var(--wpr-bg-8b17686b-b6cb-44d4-9d3d-402fb219860e);
}

span.c-word.icon-word.integ:after {
	background-image: var(--wpr-bg-2f9cbea4-17df-4b8b-8b71-3538c71bfc77);
}

span.c-word.icon-word.insta:after {
	background-image: var(--wpr-bg-5a09d119-0bbf-4557-adae-ab92f2472b63);
}

span.c-word.icon-word.sec:after {
	background-image: var(--wpr-bg-934284f1-a0a1-4da9-8eb6-ef020356f4b2);
}

span.c-word.icon-word.inter:after {
	background-image: var(--wpr-bg-03314a06-1af3-4f50-a7e5-4de411ff4c0c);
}

span.c-word.icon-word.time:after {
	background-image: var(--wpr-bg-54c438e2-cadd-416e-af71-6141b0383d64);
}

span.c-word.icon-word.errors:after {
	background-image: var(--wpr-bg-497a809a-dbfb-4297-be47-7f9cf2e27110);
}

span.c-word.icon-word.entreprise:after {
	background-image: var(--wpr-bg-1cbdd29b-6b85-4e6e-95bb-30890c88ac8b);
}

span.c-word.icon-word.fac:after {
	background-image: var(--wpr-bg-2542f2cb-db86-41b9-84d3-15e756438a93);
}

span.c-word.icon-word.mes:after {
	background-image: var(--wpr-bg-1aa4d806-82a0-418c-8e90-24b8121320e3);
}

span.c-word.icon-word.dep:after {
	background-image: var(--wpr-bg-496cfa6b-9aff-49ed-b661-6b58773c3011);
}

span.c-word.icon-word.simp:after {
	background-image: var(--wpr-bg-6a51c76b-d2b5-43da-bef7-853808a25a94);
}

span.c-word.icon-word.ana:after {
	background-image: var(--wpr-bg-dbbf861c-27a7-440f-823c-2d067e71543d);
}

span.c-word.icon-word.stock:after {
	background-image: var(--wpr-bg-761cbf3f-3109-494d-ac09-f0e4808d5b61);
}

span.c-word.icon-word.mob:after {
	background-image: var(--wpr-bg-ae7c8b16-0c6c-4f16-97f8-5b59129c8be4);
}

span.c-word.icon-word.multi:after {
	background-image: var(--wpr-bg-e66cca61-18e1-40d0-8fea-ac7b43387d80);
}

/******/
.icon-ps:before  {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-right: 4px;
    vertical-align: middle;
}

.icon-ps div {
    display: inline-block;
}

.icon-ps.date:before {
	background-image: var(--wpr-bg-57e6c503-bb05-46eb-9d09-21f13bfece7f);
}
.icon-ps.auteur:before {
	background-image: var(--wpr-bg-0eb45e07-352d-483a-8d9d-3aa87a50938d);
}
.icon-ps.catg:before {
	background-image: var(--wpr-bg-8bb2d14a-82ed-4065-821b-a9634a6429fb);
}
.icon-ps.lect:before {
	background-image: var(--wpr-bg-8de69a0f-f23f-456d-a2a8-50693edc3449);
}

.dsm-active.dsm-tab .dsm-title {
    color: #0046fc !important;
}

/*** page blog ***/
.grid-mode .et_pb_ajax_pagination_container {
    display: flex;
	flex-wrap: wrap;
	gap: 60px;
}

.grid-mode .et_pb_ajax_pagination_container article a {
    margin-bottom: 1rem;
}

/* tabs */

.tabs-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    border-radius: 20px;
}

.tabs-buttons .tab-btn {
    background: #f0f3ff;
    padding: 10px 15px;
    border-radius: 50px;
	cursor: pointer;
	border: 2px solid transparent;
}

.tab-btn.active {
    color: #0046fc;
    border: 2px solid #0046fc;
}

.et_pb_pagebuilder_layout.et-fb .modules-tabs .et_pb_row,
.et_pb_pagebuilder_layout.et-fb .modules-tabs .et_pb_row  .active  {
	display: flex;
}

 .modules-tabs .et_pb_row {
	display: none;
}

 .modules-tabs .et_pb_row.active {
	display: block;
}

/* solution schema*/

.border-ciel {
	border-color: #5BC3FF;
}

.border-blue {
	border-color: #0046FC;
}

.max-sol {
    max-width: 440px;
    margin: 0 auto;
}

.dashed {
	 border-style: dashed;
}

.solid {
	 border-style: solid;
}


.radius-70 {
    border-radius: 70px;
}

.radius-20 {
    border-radius: 20px;
}

.title-gestion, .border-mob {
	position: relative;
}

.max-sol:hover .dashed {
    border-style: solid;
}

.max-sol:hover .solution {
    background-color: #f0f8ff;
}

/** service carousel home ***/

.dee-services .dsm_card_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 10px;
}

.c-tags a {
    color: #0046fc;
	font-weight: bold;
}

.car-avis-cta .swiper-pagination {
    display: none !important;
}

/******/
.clr-1 {
	background-color: #05D2F9;
}
.clr-2 {
	background-color: #215DFC;
}
.clr-3 {
	background-color: #7880F1;
}
.clr-4 {
	background-color: #8CE2F7;
}
.clr-5 {
	background-color: #93B7FF;
}

.clr-6 {
	background-color: #d9f0ff;
}
.clr-7 {
	background-color: #ccdcff;
}
.clr-8 {
	background-color: #b6e7ff;
}

.steps {
    color: #fff;
    font-weight: 800;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/************/
.nav li ul {
    width: 350px;
    border-radius: 10px;
}

ul.neo-int {
    list-style: url(https://deeops.fr/wp-content/uploads/2025/08/list-neo.webp);
}

ul.neo-int li {
    line-height: 1.8;
}

li.neo.a-dev {
    width: 90%;
    margin: 0px 10px;
	font-size: 15px;
}

.neo:before {
    top: 20px;
}

/* faq page */
.FAQ-- .et_pb_module.et_pb_toggle:hover .et_pb_toggle_title {
    color: #0046fc !important;
}

.tab-glossaire {
    padding: 10px 25px;
    border-radius: 35px;
}

.tab-glossaire:hover {
    filter: grayscale(0.3);
}

a.blog-:hover, a.glossair--:hover, a.contact-:hover {
    color: #0046fc !important;
}

 .all-catg {
    display: flex;
	flex-wrap: wrap;
    gap: 1rem;
}

.all-catg a {
    background-color: #e2f0ff;
    padding: 10px 20px;
    border-radius: 50px;
    color: #0046fc!important;
    font-weight: 700;
}

.all-catg a:hover {
    background-color: #bbdcff;
}

.pagination {
    gap: 2rem;
}

.latest-posts article {
	background: linear-gradient(9deg, rgba(237, 241, 255, 1) 0%, rgba(87, 199, 133, 0) 53%);
}

article p.post-meta {
    color: transparent !important;
}

.col-mensuel-btn:hover:after, 
.col-annuel-btn:hover:after {
    transform: rotateZ(45deg);
	color: #06309f;
}

/* skeleton data */

.loader-data {
    position: relative;
    overflow: hidden;
    background: #e4e4e4;
    height: 32px;
    width: 100%;
    border-radius: 10px;
}

.loader-data.mini-h {
	height: 20px;
}

.loader-data:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: shimmer 1.5s infinite;
}

.c-data {
	display: none;
}

.col-annuel-oldprix:before {
    content: '';
    position: absolute;
    border-top: 2px solid red;
    top: 46%;
    left: 0;
    transform: rotate(338deg);
    z-index: -1;
}

.col-annuel-oldprix {
    position: relative;
}

.c-plans .et_pb_column_1_4:hover .c-prix {
    color: #0046fc;
}

/* close button offer popup */
.close-button-head {
	border:none;
    font-size: 16px;
    cursor: pointer;
    border-radius: 50px;
    width: 25px;
    background: transparent;
    height: 25px;
    color: #fff;
}

.basique {
	overflow: visible!important;
}

.modal-contents .close-mobile {
    font-size: 20px;
    position: absolute;
    top: -43px;
    right: -15px;
    background: #cedfff;
    padding: 5px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0046fc;
}

.offre-modal {
	width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9;
    box-shadow: 0px 12px 20px #00000085;
	background-color: rgb(255 255 255 / 70%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.modal-contents .off {
    color: #0046fc;
    font-weight: bold;
}

button.close-button-popup {
    border: none;
    font-size: 20px;
    cursor: pointer;
    background: transparent;
    color: #000;
    position: absolute;
    top: -10px;
    right: -10px;
}

.popup-offre {
	display: none;
    position: fixed!important;
    bottom: 30px;
    z-index: 999;
    right: 30px;
}

.yellow-word {
	background: #ffc74a;
    display: inline;
    border-radius: 5px;
	padding: 0 10px;
}


/***keyframes***/
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 18));
  }
}

@keyframes scroll1 {
  0% {
    
    transform: translateX(calc(-250px * 12));
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes loading {
	 100% {
		 transform: translateY(-50%) rotate(360deg);
	}
}
@keyframes rotate {
	 100% {
		 transform: rotateY(360deg);
	}
}
 @keyframes scale {
	 0% {
		 transform: scale(10);
	}
	 50% {
		 transform: scale(0.2);
	}
	 70% {
		 transform: scale(1.2);
	}
	 90% {
		 transform: scale(0.7);
	}
	 100% {
		 transform: scale(1);
	}
}
 @keyframes scaleh {
	 0% {
		 transform: scale(0.1);
	}
	 50% {
		 transform: scale(0.2);
	}
	 70% {
		 transform: scale(0.5);
	}
	 90% {
		 transform: scale(0.7);
	}
	 100% {
		 transform: scale(1);
	}
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes swing {
  0%, 100% {
    transform: rotate(0deg) rotateY(24deg);
  }
  50% {
    transform: rotate(6deg);
  }
}


@media (min-width: 320px) {
    body {
        font-size: 16px!important;
    }

    h1 {
        font-size: 25px !important;
    }

    h2 {
        font-size: 22px !important;
    }

    h3 {
        font-size: 20px !important;
    }
	h4 {
        font-size: 18px !important;
    }
	h5 {
        font-size: 16px !important;
    }
	
	.popup-offre {
    right: 0;
	left: 0;
	}
	
	a.cta-banner {
    text-decoration: underline !important;
    color: #000 !important;
}
	.sec-contact:before {
    height: 100%;
}
	/***********/
	.c-menu .et_pb_menu__wrap {
    justify-content: flex-end;
}

	.btn-contact:before {
    width: 40px;
    height: 40px;
}
	.contact-form input {
   height: 45px;
}
	.souscription-form input,
	.souscription-form select {
    height: 38px;
}
    .contact-form input, textarea.form-control, .souscription-form input, .souscription-form select {
    margin-bottom: 10px;
    font-size: 14px;
}
	.c-tabs .dsm-title {
    font-size: 17px;
}
	a.c-btn {
    padding: 9px 17px 8px 17px;
}

	/* new design */
	.text-50 {
	font-size: 25px;
	}
	a.c-btn {
    font-size: 18px;
} 
	.mobile-pic {
		display: block;
	}
	
	.image-column {
		display: none;
	}
	
   .section {
 		padding: 20px 0;
   }
	
	.box {
    flex: 100%;
}

	.c-tabs2 .dsm-tab.dsm_advanced_tabs_child_1:before, 
	.c-tabs2 .dsm-tab.dsm_advanced_tabs_child_4:before {
    right: -50px;
}
	
	.carousel-items {
     height: 40px;
     width: auto;
     font-size: 16px;
     padding: 0 20px;
}
	
	.sommaire-modules {
    display: none;
}
	
    .c-modules h5 {
    font-size: 16px !important;
}
	
	.resp-table-tarif {
	overflow: auto;
	}
	
	.grid-mode .et_pb_ajax_pagination_container article {
    flex: 0 0 100%;
	padding: 16px;
	margin-bottom: 10px;
	border-radius: 12px;
    border: 1px solid #0046fc !important;
    box-shadow: 15px 14px 0px 0px rgb(237 241 255);
}
	.text-18 {
    font-size: 16px;
}
	.text-25 {
    font-size: 17px;
}
	.text-35 {
    font-size: 30px;
}
	.text-22 {
    font-size: 16px;
}
	
	.border-mob:before {
    content: '';
    position: absolute;
    border-left: 1px dashed #5bc3ff;
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 100%;
	z-index: -1;	
}
	.pagination {
    gap: 1rem;
    flex-direction: column;
}
	
	.col-annuel-oldprix:before {
    width: 42px;
}
	
}

@media (min-width: 768px) {
	.souligne:before {
    content: '';
    background-image: var(--wpr-bg-a421f9dd-b79e-4380-9599-14a27fd3d835);
    bottom: -35px;
    width: 88px;
    height: 40px;
    position: absolute;
    z-index: 99;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
	
	.popup-offre {
    right: 30px;
	left: auto;
}
	
	/* new design */
	.c-tabs .dsm-advanced-tabs-container .dsm-tab.dsm-active {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-tabs .dsm-advanced-tabs-wrapper {
    align-items: center;
}

.c-tabs .dsm-advanced-tabs-container .dsm-tab.dsm-active .dsm-title {
    font-size: 30px;
}
	
	.border-mob:before {
		content: none;	
	}
	
	.title-gestion:before, .title-gestion:after  {
    content: '';
    position: absolute;
    width: 3em;
    height: 115px;
    z-index: -1;
}
	.grid-mode .et_pb_ajax_pagination_container article a {
    max-height: 175px;
}
	
	.grid-mode .et_pb_ajax_pagination_container article {
    flex: 0 0 calc((100% - 60px) / 2);
	padding: 20px;
	margin-bottom: 20px;
}
	
	.text-50 {
		font-size: 40px;
	}
	a.c-btn {
    font-size: 20px;
}
	a.c-btn:before {
    top: 5px;
}
	a.c-plus:before, a.c-email:before {
    right: 5px;
}
	.section {
  padding: 40px 0;
}
	
	.box {
    flex: calc(50% - 20px);
}
	.c-tabs2 .dsm-tab.dsm_advanced_tabs_child_1:before, .c-tabs2 .dsm-tab.dsm_advanced_tabs_child_4:before {
    right: -105px;
}
	
	.slider::before, .slider::after, .slider1::before, .slider1::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after, .slider1::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before, .slider1::before {
  left: 0;
  top: 0;
}
	
	a.c-plus:before {
    content: url(/wp-content/uploads/2025/04/plus.webp);
    right: 5px;
}
	
	a.c-email:before {
    content: url(/wp-content/uploads/2025/04/env.webp);
    right: 5px;
} 
	
	a.c-btn {
    padding: 9px 50px 8px 17px;
}

	.contact-form input {
   height: 56px;
}
   .souscription-form input, 
   .souscription-form select  {
   height: 40px;
}
	.contact-form input,
	.souscription-form input, 
	.souscription-form select, 
	textarea.form-control {
    margin-bottom: 17px;
	font-size: 16px;
}
	.c-tabs .dsm-title {
    font-size: 17px;
}
	video.demo-video {
    padding: 4px;
}
	
	.carousel-items {
  height: 50px;
  width: 250px;
  font-size: 18px;
  padding: 0;
}
	
	.c-modules h5 {
    font-size: 17px !important;
}
	.pagination {
    gap: 2rem;
    flex-direction: row;
}

}

@media (min-width: 981px) {
		.col2-header-row {
    width: 54%!important;
}
	
    .col3-header-row {
    width: 31% !important;
}
	
	a.cta-banner {
    color: #fff !important;
}
	
	.offert:before {
    content: url(/wp-content/uploads/2025/10/promo-deeops-2025.webp);
    position: absolute;
    left: -50px;
    top: -15px;
}
	
	/* new design */
	 .modules-tabs .et_pb_row.active {
	display: flex;
}
	
	.col-sticky {
    position: sticky;
    top: 100px;
}
	
	.grid-mode .et_pb_ajax_pagination_container article {
    flex: 0 0 calc((100% - 120px) / 3);
}

	.c-sticky {
    position: sticky;
    top: 100px;
	box-shadow: 0 0 19px #eee;
}
	.full-height {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}
	.c-tabs .dsm-inner-content-wrapper .dsm-image {
    padding: 0 30px!important;
}
	
	.post-content #ez-toc-container a {
	font-size: 16px;
}
	.page-post, .c-modules {
    width: 95%;
}
	
	/* sections with sticky images */
	.sticky-image-layout {
  display: flex;
  flex-wrap: wrap;
}

.image-column {
  position: sticky;
  top: 15%;
  height: 80vh;
  width: 50%;
  overflow: hidden;
}

.sticky-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 90%;
  max-height: 90%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}
	
.sticky-image.active {
  opacity: 1;
  z-index: 1;
}
	
	.text-column {
  width: 50%;
  padding: 50px;
}
	
	.section {
  min-height: 100vh;
}
	
	.mobile-pic {
		display: none;
	}
	
	.image-column {
		display: block;
	}
	
	.resp-table-tarif {
		overflow: visible;
	}
	
	.et-l--post .resp-table-tarif th {
    position: sticky;
    top: 75px;
    background-color: #edf1ff;
}
	
	.car-clients .swiper-button-next, .car-clients .swiper-button-prev,
	.dee-services .swiper-button-next, .dee-services .swiper-button-prev {
    top: 80%;
}

    .car-clients .swiper-button-next,
	.dee-services .swiper-button-next {
    right: auto;
    left: -20%;
}

   .car-clients .swiper-button-prev, .dee-services .swiper-button-prev {
    left: -33%;
}
	.posts-home .post-content {
    display: flex;
    flex-direction: column;
    flex: 1 0;
    justify-content: space-between;
}

	.btn-contact:before {
    margin-left: -2.2em !important;
}
	
	video.demo-video {
	background: #0046fc;
}
	
	/*************/
    body {
        font-size: 16px!important;
    }
	h3.title-ai {
    min-height: 120px;
}
	
	.row-center {
		display: flex;
		align-items: center;
	}
	
	.row-end {
		display: flex;
		align-items: end;
	}
	
	.c-menu .et_pb_menu__wrap {
    justify-content: center;
}
	.cta-header {
    font-size: 15px !important;
}
	
	.col3-post, .col1-post {
    position: sticky;
    top: 150px;
}
	
	.btn-contact:before {
    width: 45px;
    height: 45px;
}
	
}

@media (min-width: 1200px) {
	.col1-header-row {
    width: 11%!important;
}

	.col2-header-row {
    width: 60%!important;
}
	 .col3-header-row {
        width: 23% !important;
    }
	
	.col-annuel-oldprix:before {
    width: 62px;
}
	
	.neo a {
    margin-left: 18px;
	width:100% !important;
}
	.serv-m ul {
    top: calc(100% - 10px)!important;
}

	.sub-menu .n-dev.n-post ul.sub-menu .a-post a {
    font-size: 14px!important;
    line-height: 1.5;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
	 /*********/
    ul.sub-menu .n-dev .sub-menu  a {
    display: inline-block;
    font-size: 15px;
    padding: 0 20px!important;
	font-weight: bold;
}
    .c-menu ul.sub-menu .a-dev:hover {
    background: #edf6ff;
    padding-left: 15px!important;
    border-radius: 10px;
    transition: all 300ms ease;
}
    
    .c-menu ul.sub-menu .a-dev.current-menu-item {
     background: #edf6ff;
     padding-left: 11px!important;
	 border-radius: 8px;
    }
    
    .c-menu ul.sub-menu .a-dev{
    padding: 5px 0!important;   
    font-weight: 600;
}
    ul.sub-menu .n-dev > a:first-child {
    margin-bottom: 20px!important;
    padding-bottom: 10px!important;
    border-bottom: 1px solid #e5e5e5!important; 
}
	/* new design */
	.text-50 {
		font-size: 50px;
	}
	.text-18 {
    font-size: 18px;
}
	.text-25 {
    font-size: 25px;
}
	.text-35 {
    font-size: 35px;
}
	.text-22 {
    font-size: 22px;
}
	.fw-600 {
		font-weight: 600;
	}
	
	.italic {
    font-style: italic;
}
	
	.box {
    flex: calc((100% - 60px) / 3);
}
	.box:nth-child(4),
    .box:nth-child(5) {
    flex: calc((100% - 30px) / 2);
}	
	/**/
	.car-clients .swiper-button-next, .dee-services .swiper-button-next {
    left: -25%;
}
	.btn-contact:before {
    margin-left: -2.8em !important;
}
	/***********/
    .cta-header {
    font-size: 16px !important;
}
	
	/*** blog***/
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
    color: #000 !important;
}
	.c-header-row {
    width: 95%;
}

	
}

@media (min-width: 1400px) {
	 body {
        font-size: 18px!important;
    }

    h1 {
        font-size: 40px !important;
    }

    h2 {
        font-size: 35px !important;
    }

    h3 {
        font-size: 30px !important;
    }
	
	h4 {
        font-size: 25px !important;
    }
	
	h5 {
        font-size: 20px !important;
    }
	
	.col-promo-text {
	display: none;
	}
	
	.basique:before {
    content: '';
    position: absolute;
    top: 0;
    left: -55px;
    background-image: var(--wpr-bg-37ffaae0-60dd-47f9-a882-da07e77f8952);
    display: block;
    z-index: 9;
    width: 160px;
    height: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	transform-origin: top center;
	animation: swing 3s ease-in-out infinite;
}
	
	.btn-promo:before {
    content: '';
    position: absolute;
    background-image: var(--wpr-bg-0e30bb91-92ac-44d2-b0a8-549cc33db2e1);
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    top: 100%;
    left: 0;
    z-index: 9;
    display: block;
}
	
	/****innovi css****/
	.faq {
    position: relative;
    overflow: visible!important;
}
	.faq .et_pb_image .et_pb_image_wrap {
		position: revert;
	}
	.faq img {
    position: absolute;
    top: -150px;
    left: -90px;
}
	/********/
	
	 .post-content h1, .glossaire-content h1, .faq-content h1 {
        font-size: 35px !important;
    }

    .post-content h2, .glossaire-content h2, .faq-content h2 {
        font-size: 30px !important;
    }

   .post-content h3, .glossaire-content h3, .faq-content h3 {
        font-size: 20px !important;
    }
	.post-content h4, .glossaire-content h4, .faq-content h4 {
        font-size: 18px !important;
    }
	.post-content h5, .glossaire-content h5, .faq-content h5 {
        font-size: 16px !important;
    }
	
	.page-post {
    width: 80%;
}
}

@media (min-width: 1600px) {
	.col1-header-row {
    width: 20%!important;
}

	.col2-header-row {
    width: 54%!important;
}
	
	.c-header-row {
    width: 80%;
}
	
	.cta-header {
    font-size: 19px !important;
}
	  .sub-menu .n-dev.n-post ul.sub-menu .a-post{
        background-color: #efefef!important;
    } 
	 .sub-menu .n-dev.n-post ul.sub-menu .a-post a{
        color: #000!important;
    }
    .sub-menu .n-dev.n-post ul.sub-menu .a-post:nth-child(1){
        border-radius: 15px 15px 0 0;
        padding: 10px 0!important;
    } 
    .sub-menu .n-dev.n-post ul.sub-menu .a-post:nth-child(3){
        border-radius: 0 0 15px 15px;
        padding: 10px 0!important;
    } 
	
	.a-dev:before {
        content: '';
        width: 27px;
        height: 27px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        vertical-align: super;
    }
	
	.a-dev.in-ia:before {
    background-image: var(--wpr-bg-1b04356a-10a1-41b0-9a1c-7dc870e7a1a1);
	position:absolute;
}
    .a-dev.stock:before {
    background-image: var(--wpr-bg-af8049c2-ee0d-42c8-9b28-812f546df8fc);
}
    .a-dev.finan:before {
    background-image: var(--wpr-bg-ae97f8c6-6b5a-49f8-a707-5acb8f3cf10b);
}
    .a-dev.inn:before {
    background-image: var(--wpr-bg-bfb303b7-64f2-47f3-a7b0-6740add75f2d);
}
    .a-dev.coll:before {
    background-image: var(--wpr-bg-01a3d9ef-9f2a-4cbf-a930-82e47cf86813);
}
    .a-dev.dura:before {
    background-image: var(--wpr-bg-14765338-34a7-4ffa-ab34-4a596ab681cb);
}
    .a-dev.rel:before {
    background-image: var(--wpr-bg-f1f70ccd-8879-4bde-8640-e22b1e2c3f56);
}
    .a-dev.inter:before {
    background-image: var(--wpr-bg-d954574a-24db-4a32-b188-5110d2e3c4eb);
}
    .a-dev.perso:before {
    background-image: var(--wpr-bg-4a5a6a52-2e65-45f8-96c8-3772d5fe4f4a);
}
	.a-dev.stint:before {
    background-image: var(--wpr-bg-7c6e7264-ab16-4ed6-8bf2-f297a51f8877);
	position:absolute;
}
	.a-dev.simt:before {
    background-image: var(--wpr-bg-53a1b369-c6a4-4e18-8ada-ffcb3576187a);
	position:absolute;
}	
	.a-dev.blg:before {
     background-image: var(--wpr-bg-081c7d55-c88d-4e35-aeed-6ab62e506ed7);
	position:absolute;
}	
	.a-dev.fqq:before {
     background-image: var(--wpr-bg-93ecdb75-7cf0-4f88-8654-b7c9b8b32f1e);
	position:absolute;
}	
	
	.a-dev.glsr:before {
     background-image: var(--wpr-bg-ab634940-cf6a-4253-ae56-8fe547b847c4);
	position:absolute;
}
	.a-dev.elect:before {
     background-image: var(--wpr-bg-4c12e7b4-cf1a-4fbb-b15d-e60ff93624f2);
	position:absolute;
}
	
	.a-dev.integ-ia:before {
    background-image: var(--wpr-bg-d792c63e-170c-461d-9a57-b225d604cb9e);
	position:absolute;
}
	
	.a-dev.fact-de:before {
    background-image: var(--wpr-bg-1e448554-0b4a-40c5-9e7f-405d0305adc2);
	position:absolute;
}

    ul.sub-menu .n-dev .sub-menu {
    padding: 0 10px;
}
    
    .sub-menu .a-dev a::before {
content: url(/wp-content/uploads/2025/04/fleche-droite.webp);
position: absolute;
right: 0;
top: 20px;
transform-origin: right;
transition: transform 300ms;
transform: scaleX(0);
}
	    .sub-menu .neo.a-dev a::before {
content: url(/wp-content/uploads/2025/04/fleche-droite.webp);
position: absolute;
right: 34px !important;
top: 9px !important;

}
	
    .sub-menu .a-dev:hover a::before {
transform-origin: left;
transform: scaleX(1);
}
	
.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: transparent!important;
    opacity:1!important;
}
    ul.sub-menu li.n-dev .sub-menu a {
        max-width: 85%;
    }
	
	.sommaire-modules {
    display: block;
}
	.c-modules {
    width: 70%;
}

}

@media (max-width: 981px) {

}
@media (max-width: 1200px) {
	ul.sub-menu.visible li.menu-item-has-children.dt-open li a:before, ul.sub-menu.visible .neo a:before {
    content: '→';
    position: absolute;
    left: -15px;
}
	
	ul#mobile_menu1 {
	width: 100%;
    max-height: calc(100vh - 133px);
    overflow-y: scroll;
}
	span.menu-item-description {
    display: none;
}
	ul.sub-menu li.n-dev a {
    position: relative;
	line-height: 1.3;
	padding: 10px 0!important;
}
	
	div#my-menus .et_mobile_menu .menu-item-has-children>a {
    font-weight: 700 !important;
}
	
    .et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
        display: none;
    }
    
    .et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
        display: flex;
        float: none;
        margin-top: 16px;
        align-items: center;
    }
    
    .et_pb_menu .et_mobile_nav_menu li {
        list-style-type: none;
    }
    .pa-hamburger-menu .et_pb_menu__menu {
        display: none;
    }
    
    .pa-hamburger-menu .et_mobile_nav_menu {
        display: flex;
        float: none;
        margin: 0 6px;
        align-items: center;
    }

}

/* !!!!!!!!!!!!!!!!!!!!!!! PLEASE PUT YOUR CODE BEFORE @MEDIA320 !!!!!!!!!!!!!!!!!!!!!!! */