.elementor-1099 .elementor-element.elementor-element-f04d858{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-f04d858:not(.elementor-motion-effects-element-type-background), .elementor-1099 .elementor-element.elementor-element-f04d858 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0F1A;}.elementor-1099 .elementor-element.elementor-element-7a0b050{--display:flex;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:6.5%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1099 .elementor-element.elementor-element-4ca8ef8{padding:0px 0px 0px 0px;}.elementor-1099 .elementor-element.elementor-element-4ca8ef8 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;color:#A11738;}.elementor-1099 .elementor-element.elementor-element-53b24b2 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:48px;font-weight:400;text-transform:uppercase;line-height:51px;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1099 .elementor-element.elementor-element-4983718{--divider-border-style:solid;--divider-color:#A11738;--divider-border-width:3px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-1099 .elementor-element.elementor-element-4983718 .elementor-divider-separator{width:13%;}.elementor-1099 .elementor-element.elementor-element-4983718 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1099 .elementor-element.elementor-element-7f9bcc2{--display:flex;--min-height:408px;}.elementor-1099 .elementor-element.elementor-element-7f9bcc2:not(.elementor-motion-effects-element-type-background), .elementor-1099 .elementor-element.elementor-element-7f9bcc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nettrium.jl-communication.fr/wp-content/uploads/2026/09/camera-mounted-wall-with-camera-it.webp");background-position:center center;background-size:cover;}.elementor-1099 .elementor-element.elementor-element-2dd0a43{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-1c862ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-fdd000f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#A11738;--border-color:#A11738;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-d5e3352{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-3e6d0ea{padding:0px 0px 0px 0px;}.elementor-1099 .elementor-element.elementor-element-3e6d0ea .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:19px;font-weight:400;text-transform:uppercase;color:#A11738;}.elementor-1099 .elementor-element.elementor-element-92762c0 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:41px;font-weight:400;text-transform:uppercase;line-height:51px;color:#28285B;}.elementor-1099 .elementor-element.elementor-element-9074af9{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1099 .elementor-element.elementor-element-4098a10{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1099 .elementor-element.elementor-element-9af9684{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1099 .elementor-element.elementor-element-63c8e76{--grid-columns:3;}.elementor-1099 .elementor-element.elementor-element-d5a8a36{--display:flex;}.elementor-1099 .elementor-element.elementor-element-59f4d12{--display:flex;}.elementor-1099 .elementor-element.elementor-element-59ac3d4{--display:flex;}.elementor-1099 .elementor-element.elementor-element-55acd16{--display:flex;}.elementor-1099 .elementor-element.elementor-element-b8a31aa{--display:flex;}.elementor-1099 .elementor-element.elementor-element-1cf9d3d{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:30px;}.elementor-1099 .elementor-element.elementor-element-1cf9d3d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#28285B;}.elementor-1099 .elementor-element.elementor-element-1cf9d3d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1099 .elementor-element.elementor-element-1cf9d3d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#28285B;}.elementor-1099 .elementor-element.elementor-element-1cf9d3d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}@media(max-width:1024px){.elementor-1099 .elementor-element.elementor-element-63c8e76{--grid-columns:2;}}@media(max-width:767px){.elementor-1099 .elementor-element.elementor-element-f04d858{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-7a0b050{--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-1099 .elementor-element.elementor-element-4ca8ef8 .elementor-heading-title{font-size:17px;}.elementor-1099 .elementor-element.elementor-element-53b24b2 .elementor-heading-title{font-size:29px;line-height:1.3em;}.elementor-1099 .elementor-element.elementor-element-7f9bcc2{--min-height:250px;}.elementor-1099 .elementor-element.elementor-element-2dd0a43{--padding-top:60px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-1099 .elementor-element.elementor-element-3e6d0ea .elementor-heading-title{font-size:17px;}.elementor-1099 .elementor-element.elementor-element-92762c0 .elementor-heading-title{font-size:31px;line-height:1.2em;}.elementor-1099 .elementor-element.elementor-element-9074af9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1099 .elementor-element.elementor-element-4098a10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1099 .elementor-element.elementor-element-63c8e76{--grid-columns:1;}}@media(min-width:768px){.elementor-1099 .elementor-element.elementor-element-2dd0a43{--content-width:87%;}}/* Start custom CSS for container, class: .elementor-element-7f9bcc2 *//* Le conteneur image est découpé en biais sur son bord gauche :
   polygone en 4 points (sens horaire) :
   1) haut, décalé de 90px vers la droite  → c'est le biais
   2) haut-droite
   3) bas-droite
   4) bas-gauche au bord */
.elementor-1099 .elementor-element.elementor-element-7f9bcc2 {
    position: relative;          /* pour positionner la barre rouge dedans */
    clip-path: polygon(90px 0, 100% 0, 100% 100%, 0 100%);
}

/* La barre rouge : un pseudo-élément dessiné exactement le long du biais.
   On le découpe avec le MÊME biais, mais en bande de 6px :
   à 90px du bord en haut, à 0 en bas, largeur 6px.
   Comme le polygone suit le même tracé que celui du conteneur,
   la bande colle parfaitement au bord, quelle que soit la hauteur */
.elementor-1099 .elementor-element.elementor-element-7f9bcc2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;                 /* 90px de biais + 6px de bande */
    height: 100%;
    background: #A8213A;         /* rouge de la charte */
    clip-path: polygon(90px 0, 96px 0, 6px 100%, 0 100%);
    pointer-events: none;        /* ne gêne pas les clics */
    z-index: 1;                  /* au-dessus de l'image de fond */
}

/* Sur mobile, le conteneur passe en pleine largeur sous le texte :
   on enlève le biais et la barre */
@media (max-width: 767px) {
    .elementor-1099 .elementor-element.elementor-element-7f9bcc2 {
        clip-path: none;
    }
    .elementor-1099 .elementor-element.elementor-element-7f9bcc2::before {
        display: none;
    }
}
/* Mobile : bord haut en biais + filet rouge le long du biais (remplace le biais vertical du desktop) */
@media (max-width: 767px) {
    .elementor-1099 .elementor-element.elementor-element-7f9bcc2 {
        clip-path: polygon(0 70px, 100% 0, 100% 100%, 0 100%);
    }
    .elementor-1099 .elementor-element.elementor-element-7f9bcc2::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #A11738;
        clip-path: polygon(0 70px, 100% 0, 100% 4px, 0 74px);
        pointer-events: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04d858 *//* Le parent doit être positionné pour accueillir la barre */
.elementor-1099 .elementor-element.elementor-element-f04d858 {
    position: relative;
}

/* Barre rouge en haut, sur toute la largeur du hero.
   Le conteneur image est dessiné PAR-DESSUS (il vient après dans le HTML),
   donc il la masque partout sauf dans le triangle vide créé par le biais.
   La barre en biais démarrant à 90px du bord (là où le triangle s'arrête),
   les deux se rejoignent sans raccord */
.elementor-1099 .elementor-element.elementor-element-f04d858::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;            /* même épaisseur que la barre en biais */
    background: #A8213A;
    pointer-events: none;
}

/* Sur mobile, le biais est désactivé : on retire aussi la barre du haut */
@media (max-width: 767px) {
    .elementor-1099 .elementor-element.elementor-element-f04d858::before {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-1cf9d3d *//* ===== La barre : les onglets se suivent sans espace et s'emboîtent ===== */
.elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tabs-heading {
    gap: 0 !important;
    justify-content: flex-start;
}

/* ===== Un onglet : fond blanc, filet gris, texte bleu, biais des deux côtés ===== */
.elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title {
    position: relative;
    padding: 12px 26px 12px 28px;
    margin-left: -16px;                       /* recule sur le précédent pour s'emboîter */
    background: #FFFFFF;
    border: 1px solid #E4E4E8;
    border-left: none;
    border-radius: 0;
    color: #28285B;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    clip-path: polygon(16px 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
    transition: background 0.3s ease, color 0.3s ease;
}
/* Premier : bord gauche droit, pas de recul */
.elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title:first-child {
    margin-left: 0;
    padding-left: 20px;
    border-left: 1px solid #E4E4E8;
    clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
}
/* Dernier : bord droit droit */
.elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title:last-child {
    padding-right: 20px;
    clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%);
}
/* Premier ET dernier à la fois (un seul onglet) : rectangle */
.elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title:first-child:last-child {
    clip-path: none;
}

/* ===== Onglet actif : bleu plein, texte blanc ; il passe au-dessus de ses voisins ===== */
.elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title[aria-selected="true"] {
    background: #28285B;
    border-color: #28285B;
    color: #FFFFFF;
    z-index: 1;
}
/* Survol d'un onglet inactif */
.elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title:not([aria-selected="true"]):hover {
    background: #F3F3F6;
    color: #A11738;
}

/* Elementor pose ses propres couleurs sur le texte des onglets : on les neutralise */
.elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title .e-n-tab-title-text {
    color: inherit;
}

/* ===== Mobile : onglets empilés, plus de biais ===== */
@media (max-width: 767px) {
    .elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title,
    .elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title:first-child,
    .elementor-1099 .elementor-element.elementor-element-1cf9d3d .e-n-tab-title:last-child {
        margin-left: 0;
        clip-path: none;
        border-left: 1px solid #E4E4E8;
    }
}/* End custom CSS */