:root {
--seetech-bg: #f5f7f9;
--seetech-blue: #005e84;
--seetech-blue-dark: #004d6d;
--seetech-green: #7aa21d;
--text: #444;
--white: #fff;
--light: #f5f7f9;
--border: #e6ebef;
--max-container: 1200px;
--gutter: 20px;
--fw-regular: 400;
--fw-medium: 500;
--fw-semibold: 600;
--fw-bold: 700;
--radius-sm: 8px;
--radius-md: 10px;
--radius-lg: 14px;
--shadow-soft: 0 2px 10px rgba(0, 0, 0, .03);
--shadow-card: 0 6px 18px rgba(0, 0, 0, .08);
} *,
*::before,
*::after {
box-sizing: border-box;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
background: var(--seetech-bg);
font-family: "Roboto", "Float", "Display", sans-serif;
color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
} .container,
.wrapper {
max-width: var(--max-container);
margin-left: auto;
margin-right: auto;
padding-left: var(--gutter);
padding-right: var(--gutter);
width: 100%;
} a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
outline: auto !important;
outline-offset: 2px;
}
:where(a, button, input, select, textarea, [tabindex]):focus:not(:focus-visible) {
outline: none !important;
}
#site-header,
#site-header * {
box-sizing: border-box;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 .5rem 0;
font-weight: var(--fw-bold);
background: none;
padding-left: 0;
}
body.elementor-page p {
margin: 0 0 1rem 0;
color: var(--text);
line-height: 1.55;
} ul,
ol {
margin: 0 0 1rem 0;
padding-left: 1.2em;
font-size: inherit;
line-height: inherit;
}
body.elementor-page ul li {
font-size: inherit;
line-height: inherit;
background: none;
}
.elementor-icon-list-items,
.elementor-icon-list-item {
background: none;
} .home h1,
.entry-header h1,
h1.entry-title {
font-weight: 700;
text-transform: uppercase;
color: var(--seetech-blue);
}
.responsive-title {
font-size: clamp(24px, 5vw, 40px);
line-height: 1.12;
}  #site-header .logo,
#site-header .header-right,
#site-header .primary-navigation {
float: none !important;
position: static !important;
top: auto !important;
right: auto !important;
left: auto !important;
bottom: auto !important;
}
#site-header {
background: #fff;
position: relative;
z-index: 3000;
border-top: 0;
box-shadow: var(--shadow-soft);
} #site-header .header-flex>.wrapper {
display: flex;
align-items: center;
gap: 14px;
padding: 10px 0;
} #site-header .logo img {
max-width: 240px;
height: auto;
display: block;
} #site-header .header-right {
margin-left: auto;
display: flex;
align-items: center;
gap: 12px;
} #site-header .cta-phone {
padding: 10px 14px;
border-radius: var(--radius-md);
font-weight: 600;
text-decoration: none;
} #site-header .header-search {
position: relative;
z-index: 1001;
}
#site-header .header-search form {
display: flex;
align-items: center;
height: 44px;
border-radius: var(--radius-md);
background: var(--light);
border: 1px solid var(--border);
overflow: hidden;
margin-bottom: 0;
}
#site-header .header-search-field {
height: 44px;
line-height: 44px;
border: none;
background: transparent;
padding: 0 14px;
font-size: 14px;
width: 320px;
min-width: 0;
}
#site-header .header-search-field::placeholder {
color: #777;
}
#site-header .header-search-submit {
border: none;
background: var(--seetech-blue);
color: #fff;
height: 44px;
width: 48px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
#site-header .header-search-submit:hover {
background: var(--seetech-blue-dark);
}  @media (min-width:1025px) { #site-header {
position: relative;
z-index: 1500;
background: #fff;
} #site-header .header-nav-row {
background: #ffffff;
height: 36px;
min-height: 36px;
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
#site-header .header-nav-row>.wrapper {
height: 36px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 0;
padding-bottom: 0;
} #site-header .primary-navigation {
margin-left: auto;
flex: 0 0 auto;
display: flex;
} .seetech-hamburger,
#mobile-menu,
#mobile-overlay {
display: none !important;
}
} @media (max-width:1024px) { #site-header,
#site-header .header-flex {
background: #fff !important;
}
#site-header .header-flex {
height: auto !important;
} #site-header .header-nav-row,
#site-header .primary-navigation {
display: none !important;
} #site-header .header-flex>.wrapper {
display: grid !important;
grid-template-columns: 1fr auto;
grid-template-areas:
"logo burger"
"cta  cta"
"search search";
align-items: center;
column-gap: 12px;
row-gap: 10px;
padding: 10px 0;
}
#site-header .header-right {
grid-area: cta !important;
justify-content: center;
}
#site-header .cta-phone {
margin: 0 !important;
text-align: center;
font-size: 16px;
padding: 8px 12px;
}
#site-header .header-search {
grid-area: search !important;
width: 100%;
}
#site-header .header-search form {
width: 100%;
}
#site-header .header-search-field {
width: 100% !important;
}
#site-header .seetech-hamburger {
grid-area: burger !important;
display: flex !important;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
min-width: 40px;
max-width: 40px;
height: 32px;
padding: 0;
margin: 0;
align-self: center;
justify-self: end;
flex-shrink: 0;
overflow: visible;
}
#mobile-menu {
width: 380px;
max-width: 88vw;
min-height: 48px;
background: rgba(255, 255, 255, .92);
padding: 22px 18px;
box-shadow: -6px 0 20px rgba(0, 0, 0, .15);
}
#mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#mobile-menu li {
border-bottom: 1px solid rgba(0, 0, 0, .06);
}
#mobile-menu a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 6px;
text-decoration: none;
color: var(--seetech-blue);
font-weight: 800;
text-transform: uppercase;
font-size: 15px;
}
#mobile-menu a:hover {
color: var(--seetech-green);
} #mobile-menu .sub-menu {
padding-bottom: 10px;
}
#mobile-menu .sub-menu a {
font-weight: 600;
text-transform: none;
font-size: 14px;
padding: 10px 6px 10px 18px;
}
#mobile-menu .mobile-phone {
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid rgba(0, 0, 0, .08);
}
#mobile-menu .mobile-phone a {
background: #e9f3f7;
border-radius: 10px;
font-weight: 800;
}
}
@media (max-width:768px) { #site-header .header-flex::after {
content: "";
display: block;
clear: both;
}
#site-header,
#site-header .header-flex,
#site-header .header-flex>.wrapper {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} #site-header .clear,
#site-header br {
display: none !important;
} #site-header .header-search form {
margin: 0 !important;
} #site-header .header-nav-row {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} #site-header .header-right {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 8px !important; float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
#site-header .cta-phone {
width: 100%;
text-align: center;
margin: 0 !important;
padding: 0 !important;
line-height: 1.15;
}
#site-header .header-search {
float: none !important;
width: 100% !important;
margin: 0 !important;
z-index: auto !important;
}
#site-header .header-search-field {
width: 100% !important;
}
.page-id-1165 ul{
padding-left:0 !important;
margin-left:0 !important;
}
.page-id-1165 ul li{
list-style:none !important;
margin-left:0 !important;
padding-left:0 !important;
}
} @media (max-width:480px) {
#site-header .logo img {
max-width: 180px;
}
#site-header .cta-phone {
font-size: 15px;
}
} .primary-navigation {
display: flex;
align-items: center;
gap: 20px;
flex: 1 1 auto;
max-width: none;
justify-content: flex-start;
}
.primary-navigation .nav-menu {
display: flex;
align-items: center;
gap: 24px;
margin: 0;
padding: 0;
list-style: none;
}
.primary-navigation .nav-menu>li>a {
display: block;
padding: 8px 10px;
line-height: 1.1;
color: var(--seetech-blue);
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
text-decoration: none;
transition: all .25s ease;
} .primary-navigation ul li>a:hover,
.primary-navigation ul li.current-menu-item>a,
.primary-navigation ul li.current_page_item>a,
.primary-navigation ul li.current_page_parent>a,
.primary-navigation ul li.current_page_ancestor>a,
.primary-navigation ul li.current-page-ancestor>a,
.primary-navigation ul li.current-menu-ancestor>a {
color: var(--seetech-green);
box-shadow: 0 1px 2px 1px rgba(69, 72, 57, .15);
transition: all .3s ease;
text-decoration: none;
background: none !important;
} .seetech-hamburger {
display: none;
width: 32px;
height: 26px;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
z-index: 2000;
background: none;
border: 0;
padding: 0;
}
.seetech-hamburger span {
height: 3px;
width: 100%;
background: #004D6D;
border-radius: 4px;
transition: all .4s ease;
display: block;
}
.seetech-hamburger.active span:nth-child(1) {
transform: translateY(11px) rotate(45deg);
}
.seetech-hamburger.active span:nth-child(2) {
opacity: 0;
}
.seetech-hamburger.active span:nth-child(3) {
transform: translateY(-11px) rotate(-45deg);
}
body.menu-open {
overflow: hidden;
}
#mobile-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .55);
backdrop-filter: blur(2px);
opacity: 0;
pointer-events: none;
transition: opacity .3s ease;
z-index: 9990;
}
#mobile-overlay.visible {
opacity: 1;
pointer-events: auto;
}
#mobile-menu {
position: fixed;
top: 0;
right: -100%;
height: 100vh;
transition: right .35s ease;
z-index: 9999;
}
#mobile-menu.open {
right: 0;
}  .home #site-neck {
padding: 0;
} #site-neck {
clear: both;
margin-top: 0 !important;
padding: 18px 0 12px;
} #site-neck #breadcrumbs {
margin: 0 0 20px 0 !important;
font-size: 12px;
line-height: 1.2;
opacity: .9;
} #site-neck .neck-title {
margin: 0 !important;
color: #fff !important;
font-size: 36px;
line-height: 1.15;
font-weight: 600;
letter-spacing: -0.3px;
text-transform: none;
} .entry-header h1.neck-title {
text-transform: none;
} #site-neck .neck-title::before,
#site-neck .neck-title::after {
content: none !important;
display: none !important;
} @media (max-width:768px) {
#site-neck {
clear: both;
margin-top: 0 !important;
}
#site-neck .neck-title {
font-size: 28px;
line-height: 1.2;
}
#site-neck #breadcrumbs {
line-height: 1.2;
}
}  body.elementor-page .hentry,
body.elementor-page .entry-content {
padding: 0;
margin: 0;
} body.elementor-page h1,
body.elementor-page h2,
body.elementor-page h3,
body.elementor-page h4,
body.elementor-page h5,
body.elementor-page h6 {
margin-top: 0;
margin-bottom: .3rem;
padding: 0;
} body.elementor-page .elementor-widget-text-editor p {
font-size: inherit !important;
line-height: inherit !important;
} .elementor-icon-list-items,
.elementor-icon-list-item {
background: none;
} .elementor img {
max-width: 100%;
height: auto;
}  .home .hero-full {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
position: relative;
left: 0;
right: 0;
}
.home .hero-full .elementor-motion-effects-container,
.home .hero-full .elementor-motion-effects-layer,
.home .hero-full .elementor-background-overlay,
.home .hero-full .elementor-container,
.home .hero-full .e-con,
.home .hero-full .e-con-inner {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
} .flipfix .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading {
color: #fff;
font-size: 22px;
text-align: center;
}
.flipfix .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p {
color: #fff;
font-size: 17px;
line-height: 1.6;
text-align: left;
}
.home .solutions-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.home .solutions-grid .card {
position: relative;
overflow: hidden;
border-radius: 10px;
min-height: 180px;
display: flex;
align-items: flex-end;
background-size: cover;
background-position: center;
}
.home .solutions-grid .card .label {
background: rgba(0, 0, 0, .5);
color: #fff;
padding: 12px;
width: 100%;
font-weight: 700;
}
.home .solutions-grid .card .desc {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: translateY(10px);
transition: all .28s ease;
padding: 16px;
text-align: center;
color: #fff;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.home .solutions-grid .card:hover .desc {
opacity: 1;
transform: translateY(0);
}
.hero-badges {
display: flex;
gap: 12px;
align-items: center;
margin-top: 12px;
} .solution-card:hover .flipbox-icon-overlay {
opacity: 0 !important;
transition: opacity 0.2s ease;
} .solution-card .flipbox-icon-overlay {
opacity: 1;
transition: opacity 0.2s ease;
pointer-events: none; } .flipbox-icon-overlay {
pointer-events: none;
} .flipbox-light-bg .eael-elements-flip-box-front-container::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.18) 100%);
border-radius: inherit;
z-index: 0;
pointer-events: none;
transition: background 0.25s ease;
}
.flipbox-light-bg .eael-elements-flip-box-front-container::before {
background: none;
}
.flipbox-light-bg .flip-box-padding,
.flipbox-light-bg .eael-flip-box-content {
background: rgba(0, 0, 0, 0.38);
padding: 18px;
border-radius: 8px;
color: #fff;
}
.flipbox-light-bg .flip-box-padding *,
.flipbox-light-bg .eael-flip-box-content * {
color: #fff !important;
}
.elementor-3795 .elementor-element.elementor-element-f4b6d4b .eael-elements-flip-box-front-container .eael-elements-flip-box-heading,
.elementor-3795 .elementor-element.elementor-element-26048fd .eael-elements-flip-box-front-container .eael-elements-flip-box-heading,
.elementor-3795 .elementor-element.elementor-element-58ea3ca .eael-elements-flip-box-front-container .eael-elements-flip-box-heading{
display: block;
margin: 0 auto;
line-height: 1.5 !important;
white-space: normal;
text-wrap: balance;
}
.elementor-3795 .elementor-element.elementor-element-f4b6d4b .eael-elements-flip-box-front-container .eael-elements-flip-box-heading,
.elementor-3795 .elementor-element.elementor-element-26048fd .eael-elements-flip-box-front-container .eael-elements-flip-box-heading{
max-width: 220px;
}
.elementor-3795 .elementor-element.elementor-element-58ea3ca .eael-elements-flip-box-front-container .eael-elements-flip-box-heading{
max-width: 230px;
} @media (max-width: 1024px) { .eael-elements-flip-box-container {
transform: none !important;
}
.eael-elements-flip-box-rear-container {
display: none !important;
}
} .nouveautes ul {
list-style: none !important;
padding-left: 0 !important;
margin: 0 !important;
}
.nouveautes ul li {
margin: 0 0 6px 0 !important;
padding: 0 !important;
background: none !important;
} .counter-center .elementor-counter-title {
text-align: center;
display: block;
}  .avis-kpi-global {
margin-bottom: 1rem;
}
.avis-kpi-label {
font-weight: 700;
margin-bottom: .25rem;
}
.avis-kpi-value {
display: grid;
grid-template-columns: 64px auto;
align-items: center;
gap: .6rem;
white-space: nowrap;
}
.avis-kpi-value .avis-kpi-note {
display: inline-block;
width: 64px; text-align: center; font-variant-numeric: tabular-nums; }
.avis-kpi-value .avis-kpi-stars {
display: inline-flex;
align-items: center;
line-height: 1;
}
.avis-kpi-note {
font-weight: 700;
color: #0073aa;
}
.avis-kpi-thematiques {
display: flex;
flex-direction: column;
gap: .75rem;
}
.avis-kpi-row {
display: grid;
grid-template-columns: 28px minmax(180px, 260px) auto auto;
gap: 1.75rem;
align-items: center;
}
.avis-kpi-stars {
white-space: nowrap;
}  .etoile {
font-size: 1.25rem; margin-right: 2px;
} .etoile.pleine {
color: #FFB400;
}  .etoile.vide {
color: #CCCCCC;
}  .etoile.demi {
color: #FFB400;
}  .swiper-navigation-buttons {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1.5rem;
width: 100%;
padding: 0 2rem;
}
.swiper-button-prev,
.swiper-button-next {
position: static !important;
width: 36px;
height: 36px;
color: #0073aa;
padding: 6px;
border-radius: 50%;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: 30px;
opacity: .65;
} .swiper-button-next::after,
.swiper-button-prev::after {
font-size: 30px; }
.swiper-button-prev:hover,
.swiper-button-next:hover {
color: white;
background-color: #0073aa;
opacity: 1;
}
.annee-realisation {
margin: 0 0 .5rem;
font-weight: 600;
}
.annee-seetech {
color: #0073aa !important; font-weight: 600;
} .notes-thematiques {
display: flex;
flex-direction: column;
gap: 0.75rem;
margin: auto;
text-align: center;
}
.note-theme {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: .9rem;
line-height: 1.6;
}
.note-theme img {
width: 24px;
height: 24px;
}
.avis-slide {
height: 100%;
display: flex;
flex-direction: column;
text-align: center;
}
.avis-slide .commentaire {
flex-grow: 1;
}  @media (max-width: 768px) {
.avis-kpi-row {
grid-template-columns: 28px 1fr;
column-gap: .75rem;
row-gap: .25rem;
align-items: center;
}
.avis-kpi-theme {
grid-column: 2;
grid-row: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.avis-kpi-value {
grid-template-columns: 56px auto;
column-gap: .45rem;
grid-column: 2;
grid-row: 1;
justify-self: end;
display: inline-flex;
align-items: center;
gap: .4rem;
white-space: nowrap;
}
.avis-kpi-value .avis-kpi-note {
width: 56px;
} .avis-kpi-stars .etoile {
font-size: 1.1rem;
}
}  .btn {
display: inline-block;
padding: 10px 16px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
background: var(--seetech-blue);
color: #fff;
} .kv {
font-weight: 700;
color: var(--seetech-green);
}
.text-center {
text-align: center;
} .mb-1 {
margin-bottom: 1rem;
}
.mt-1 {
margin-top: 1rem;
} .section-bg-alt {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
background: #F8F8F8 !important;
} .section-bg-alt .elementor-container,
.section-bg-alt .e-con,
.section-bg-alt .e-con-inner {
max-width: 1140px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
} .section-bg-alt.elementor-section {
padding-top: 50px !important;
padding-bottom: 50px !important;
} h4.picto_techPress {
margin: 0 0 10px 0;
padding: 0;
font-size: 18px;
line-height: 35px;
text-transform: uppercase;
color: #ff6600;
}
.tech-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 20px;
}
.tech-card {
background: #f7f9fa;
padding: 20px;
border-radius: 8px;
border-left: 4px solid #0a6c8e;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}
.tech-card h4 {
margin-top: 0;
color: #0a6c8e;
font-size: 18px;
}
.tech-card p {
margin: 0;
font-size: 15px;
line-height: 1.5;
}
@media (max-width:768px) {
.tech-features {
grid-template-columns: 1fr;
}
} .tech-specs {
list-style: none;
padding: 0;
margin-top: 15px;
}
.tech-specs li {
padding: 12px 0;
border-bottom: 1px solid #e6e6e6;
font-size: 15px;
line-height: 1.5;
}
.tech-specs li strong {
color: #0a6c8e;
font-weight: 600;
} .wpr-data-table {
border-collapse: collapse;
width: 100%;
font-size: 15px;
}
.wpr-data-table th {
background: #0a6c8e;
color: #fff;
padding: 14px;
font-weight: 600;
text-align: center;
}
.wpr-data-table td {
padding: 16px;
line-height: 1.6;
background: #f7f9fa;
border-bottom: 1px solid #e5e5e5;
}
.wpr-data-table tr:nth-child(even) td {
background: #ffffff;
}
.wpr-data-table {
border-collapse: separate;
border-spacing: 8px;
}
.wpr-data-table td {
border-radius: 6px;
} .refs-client-card {
min-height: 130px;
}
.refs-link-all a {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 700;
color: #0073aa;
text-decoration: none;
}
.refs-link-all a:hover {
text-decoration: underline;
} .refs-marquee {
position: relative;
overflow: hidden;
width: 100%;
padding: 10px 0;
border-radius: 16px;
background: #f5f9fc;
}
.refs-marquee::before,
.refs-marquee::after {
content: "";
position: absolute;
top: 0;
width: 80px;
height: 100%;
z-index: 2;
pointer-events: none;
}
.refs-marquee::before {
left: 0;
background: linear-gradient(to right, #f5f9fc 0%, rgba(245, 249, 252, 0) 100%);
}
.refs-marquee::after {
right: 0;
background: linear-gradient(to left, #f5f9fc 0%, rgba(245, 249, 252, 0) 100%);
}
.refs-marquee__track {
display: flex;
align-items: center;
gap: 26px;
width: max-content;
animation: refs-marquee var(--refs-speed, 35s) linear infinite;
}
.refs-marquee:hover .refs-marquee__track {
animation-play-state: paused;
}
@keyframes refs-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.refs-marquee__item {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
background: #fff;
border: 1px solid #e6eef5;
border-radius: 14px;
box-shadow: 0 10px 22px rgba(0, 0, 0, .04);
white-space: nowrap;
}
.refs-marquee__item img {
max-width: 130px;
max-height: 44px;
width: auto;
height: auto;
object-fit: contain;
filter: grayscale(100%);
opacity: .9;
transition: filter .2s ease, opacity .2s ease;
}
.refs-marquee__item:hover img {
filter: grayscale(0%);
opacity: 1;
}
.refs-marquee__name {
font-size: 13px;
font-weight: 700;
color: #1f2d3d;
} .references-clients img,
.references-marquee img {
max-height: 90px; width: auto;
}
.references-clients .reference-item,
.references-marquee .reference-item {
padding: 20px 28px;
} .tech-benefits {
background: #f7f9fa;
padding: 20px 25px;
border-left: 4px solid #0a6c8e;
border-radius: 6px;
margin: 20px 0;
}
.tech-benefits .benefits-title {
font-weight: 600;
margin-bottom: 10px;
color: #0a6c8e;
}
.tech-benefits ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.tech-benefits li {
position: relative;
padding-left: 28px;
margin-bottom: 10px;
line-height: 1.5;
}
.tech-benefits li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #0a6c8e;
font-weight: bold;
}
.tech-benefits2 {
background: #f7f9fa;
padding: 20px 25px;
margin: 20px 0;
}
.tech-benefits2 .benefits-title {
font-weight: 600;
margin-bottom: 10px;
color: #0a6c8e;
}
.tech-benefits2 ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.tech-benefits2 li {
position: relative;
padding-left: 28px;
margin-bottom: 10px;
line-height: 1.5;
}
.tech-benefits2 li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #0a6c8e;
font-weight: bold;
} @media (prefers-reduced-motion: reduce) {
.refs-marquee__track {
animation: none;
transform: none;
overflow-x: auto;
padding: 6px 12px;
}
.refs-marquee::before,
.refs-marquee::after {
display: none;
}
}  body.page-id-17 #site-neck {
position: relative;
overflow: hidden;
}
body.page-id-17 #site-neck::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(calc(var(--max-container) / 2 - 70px));
width: 110px;
height: 110px;
background: url(//www.seetech.fr/wp-content/uploads/2026/01/picto_technegoce.png) no-repeat center / contain;
opacity: 0.12;
pointer-events: none;
z-index: 0;
}
body.page-id-17 #site-neck .wrapper {
position: relative;
z-index: 1;
} @media (max-width: 767px) {
body.page-id-17 #site-neck::after {
left: auto;
right: 16px;
transform: none;
width: 60px;
height: 60px;
opacity: 0.10;
top: auto;
bottom: 4px;
}
} .produit-titre {
min-height: 65px;
}
.produit-titre .elementor-heading-title {
min-height: 65px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.2;
padding: 10px 12px;
background: var(--seetech-blue);
color: #fff;
transition: background .25s ease, color .25s ease;
}
.produit-titre h3 {
font-size: 20px !important;
margin: 0;
line-height: 1.2;
}
.produit-titre .elementor-heading-title a {
display: block;
width: 100%;
color: inherit;
text-decoration: none;
}
.produit-titre:hover .elementor-heading-title {
background: var(--seetech-green);
color: #fff;
} .fiche-tech-two {
overflow: hidden;
}
.fiche-left {
width: 52%;
float: left;
margin-right: 2%;
}
.fiche-right {
width: 45%;
float: left;
text-align: left;
}
.soustitre {
clear: both;
margin-top: 30px;
}
.tech-two-mobile-cards {
display: none;
}
.tablepress {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.tablepress table {
width: 100%;
table-layout: auto;
}
@media (max-width: 767px) {
.table-desktop {
display: none !important;
} .fiche-left,
.fiche-right {
width: 100%; float: none;
margin-right: 0;
text-align: left;
} .tech-two-mobile-cards {
display: block;
clear: both;
width: 100%;
margin-top: 20px;
}
.tech-two-card {
width: 100%; margin-bottom: 20px;
background: #fff;
border: 1px solid #ddd;
border-radius: 12px;
padding: 18px;
margin-bottom: 18px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.tech-two-card h4 {
color: #005e84;
margin-bottom: 10px;
}
.tech-two-card ul {
padding-left: 18px;
margin: 0;
}
.tech-two-card li {
margin-bottom: 8px;
}
} .sav-subtext .dual-heading-subtext {
display: block;
max-width: 760px;
margin: 0 auto;
line-height: 1.55;
}
.satisfaction-note {
text-align: center;
}
.satisfaction-note .note {
font-size: 42px;
font-weight: 700;
color: #005E84;
}
.satisfaction-note .sur {
font-size: 22px;
color: #777;
} .sav-box .elementor-icon-box-description {
white-space: pre-line;
line-height: 1.6;
text-align: left;
}
.sav-box .elementor-icon-box-wrapper {
text-align: left;
}
.sav-box .elementor-icon-box-title {
text-align: center;
}
.sav-box .elementor-icon {
margin-bottom: 12px;
}
.sav-card {
background: #fff;
border-radius: 12px;
padding: 32px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sav-card:hover {
transform: translateY(-8px);
box-shadow: 0 16px 30px rgba(0, 0, 0, 0.14);
}
.sav-card .elementor-icon {
transition: transform 0.3s ease;
}
.sav-card:hover .elementor-icon {
transform: scale(1.08);
}
.sav-card .elementor-icon-box-description {
white-space: pre-line;
line-height: 1.65;
text-align: left;
} .conseil-liste ul.elementor-icon-list-items>li.elementor-icon-list-item {
background: none !important;
}
.conseil-expertises.e-con {
min-height: auto !important;
}
.conseil-text h3 {
line-height: 1.4;
} body.elementor-page .wpr-wrapper .wpr-description p {
font-size: 17px;
line-height: 1.6;
}
.marche-public ul li {
background: none;
padding: 0 !important;
margin: 0 !important;
}
.zone-intervention__intro {
margin: 0 0 14px 0;
line-height: 1.45;
}
.zone-intervention__countries {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
margin: 0 0 18px 0;
}
.zone-intervention__countries .sep {
opacity: .5;
}
.zone-intervention__kpi .kpi-number {
font-size: 64px;
font-weight: 700;
line-height: 1;
}
.zone-intervention__kpi .kpi-label {
margin-top: 6px;
font-weight: 600;
} .card-shadow{
background:#f5f7f9;
padding:25px;
border-radius:10px;
box-shadow:0 6px 16px rgba(0,0,0,0.06);
}
@media (min-width:769px){
.table-normes table th:nth-child(1),
.table-normes table td:nth-child(1){
width:22%;
}
.table-normes table th:nth-child(2),
.table-normes table td:nth-child(2){
width:39%;
}
.table-normes table th:nth-child(3),
.table-normes table td:nth-child(3){
width:39%;
}
}
.table-normes td{
vertical-align:top;
padding:14px 16px;
}
.table-gabarit .eael-data-table tbody tr td{
padding:10px !important;
}
.table-gabarit .eael-data-table thead th{
padding:10px !important;
}
.table-gabarit table{
border-collapse: collapse !important;
border-spacing: 0 !important;
} .card-composant img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 4px;
}
.texte-tech-access h4{
font-weight: 600;
margin-bottom: 10px !important;
color: #ffffff;
font-size:20px !important;
}
.texte-tech-access p{
color: #ffffff !important;
} .no-border-img .wp-caption {
border: none !important;
box-shadow: none !important;
background: none !important;
padding: 0 !important;
}  .cf7-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 12px;
}
.cf7-col {
display: block;
} .wpcf7 form p {
margin: 0 0 12px;
}
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
width: 100%;
padding: 10px 12px;
border-radius: 8px;
border: 1px solid #cfd8e3;
font-size: 15px;
line-height: 1.4;
box-sizing: border-box;
background: #fff;
}
.wpcf7 textarea {
min-height: 150px;
resize: vertical;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
outline: none;
border-color: #0073aa;
box-shadow: 0 0 0 3px rgba(0, 115, 170, .15);
}
.wpcf7 ::placeholder {
color: #7a8796;
} .wpcf7 .cf7-quiz,
.wpcf7 .wpcf7-quiz {
margin-top: 6px;
}
.wpcf7 .wpcf7-quiz-label {
display: block;
font-size: 13px;
font-weight: 600;
color: #22313f;
margin: 0 0 6px;
}
.wpcf7 .wpcf7-quiz-label+.wpcf7-form-control-wrap,
.wpcf7 .wpcf7-quiz .wpcf7-form-control-wrap {
display: block;
}
.wpcf7 input.wpcf7-quiz {
max-width: 220px; }
.cf7-quiz {
display: flex;
align-items: center;
gap: 12px;
}
.cf7-quiz .wpcf7-quiz-label {
margin: 0;
white-space: nowrap;
}
.cf7-quiz .wpcf7-form-control-wrap {
flex: 0 0 220px;
} .wpcf7 .wpcf7-acceptance {
margin: 8px 0 14px;
}
.wpcf7 .wpcf7-acceptance label {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
line-height: 1.35;
color: #22313f;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
width: 18px;
height: 18px;
margin-top: 2px;
} .wpcf7 input[type="submit"] {
width: 100%;
padding: 12px 18px;
border-radius: 10px;
border: none;
background: #0073aa;
color: #fff;
font-weight: 700;
font-size: 16px;
cursor: pointer;
transition: transform .05s ease, background .2s ease;
}
.wpcf7 input[type="submit"]:hover {
background: #005f8a;
}
.wpcf7 input[type="submit"]:active {
transform: translateY(1px);
}
.wpcf7-form label {
font-size: 0;
}
.wpcf7-form .wpcf7-acceptance label,
.wpcf7-form .wpcf7-quiz-label {
font-size: 13px;
line-height: 1.4;
font-weight: 600;
color: #22313f;
}
.wpcf7-form label input,
.wpcf7-form label textarea,
.wpcf7-form label select {
font-size: 15px;
}
.elementor-widget-google_maps iframe {
border-radius: 12px;
box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
}
@media (max-width: 768px) {
.cf7-row {
grid-template-columns: 1fr;
}
.cf7-quiz {
flex-direction: column;
align-items: stretch;
}
.cf7-quiz .wpcf7-form-control-wrap {
flex: 1 1 auto;
}
.wpcf7 input.wpcf7-quiz {
max-width: 100%;
}
} .contact-tel {
margin: 0;
line-height: 1.6;
}
.contact-tel .label {
display: inline-block;
min-width: 170px;
}
.contact-tel .tel {
font-weight: 700;
color: #000;
}
.contact-addr {
font-style: normal; margin: 0;
line-height: 1.6;
}
.contact-addr .line {
display: block;
} body .site-footer {
background: #1f2a33 !important;
color: #fff;
padding: 50px 20px 20px;
}
body .site-footer .footer-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
body .site-footer .footer-inner .footer-links a {
text-transform: uppercase;
}
body .site-footer h3 {
font-size: 16px !important;
margin-bottom: 10px !important;
text-transform: capitalize;
}
.site-footer h3,
.site-footer h4,
.site-footer .widget-title {
color: var(--seetech-green);
font-weight: 600;
letter-spacing: 0.3px;
margin-bottom: 0.8rem;
}
.site-footer a {
color: #ffffff;
text-decoration: none;
}
.site-footer p {
color: #ffffff !important;
}
.site-footer a:hover {
color: var(--seetech-green)!important;
font-weight: 700; }
.site-footer ul li {
list-style: circle;
margin: 0 0 5px 0;
background: none;
padding: 0 0 0 5px;
}
.footer-bottom {
text-align: center;
margin-top: 30px;
font-size: 13px;
opacity: 0.8;
}
.footer-social ul li {
list-style: none; margin: 0 0 6px 0;
padding: 0;
background: none;
}
.footer-social ul {
padding-left: 0 !important;
}
.footer-social ul li::before {
content: none !important;
}
.site-footer .footer-bottom {
display: flex !important;
justify-content: center !important;
align-items: baseline !important; gap: 12px !important;
flex-wrap: wrap !important;
}
.site-footer .footer-bottom .footer-copy {
margin: 0 !important;
font-size: 15px !important;
line-height: 1.4 !important;
}
.site-footer .footer-bottom .footer-privacy-nav {
margin: 0 !important;
}
.site-footer .footer-links a,
.site-footer .footer-social a,
.site-footer .footer-privacy a {
cursor: pointer !important;
} .site-footer .footer-bottom .footer-privacy,
.site-footer .footer-bottom .footer-privacy li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
.site-footer .footer-bottom .footer-privacy {
display: flex !important;
gap: 12px !important;
flex-wrap: wrap !important;
align-items: baseline !important;
font-size: 15px !important;
line-height: 1.4 !important;
} .site-footer .footer-bottom .footer-privacy li+li::before {
content: "|";
margin-right: 12px;
opacity: .6;
}
.site-footer .footer-bottom .footer-privacy a {
color: #fff !important;
text-decoration: none !important;
opacity: .85;
font-size: inherit !important;
line-height: inherit !important;
}
.site-footer .footer-bottom .footer-privacy a:hover {
opacity: 1;
text-decoration: underline;
}
.site-footer .footer-bottom .footer-copy,
.site-footer .footer-bottom .footer-privacy-nav {
display: inline-flex !important;
width: auto !important;
}
.site-footer .footer-copy {
opacity: .9;
}
.site-footer .footer-copy .sep {
opacity: .6;
margin-left: 10px;
}  .footer-frise {
position: relative;
width: 100%;
height: 20px; background: #ffffff;
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.footer-frise::before {
content: "";
position: absolute;
inset: 0;
background: repeating-linear-gradient(
55deg,
#005E84 0 12px,
transparent 12px 20px
);
opacity: 1;
} @media (max-width: 768px) {
.footer-inner {
grid-template-columns: 1fr;
text-align: center;
}
.site-footer ul li {
list-style: none;
}
.footer-bottom {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px;
}
.footer-copy {
font-size: 14px;
line-height: 1.4;
}
.footer-privacy-nav {
margin: 0;
}
.footer-privacy {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 0 !important; list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.footer-privacy li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex;
align-items: center;
} .footer-privacy li+li::before {
content: " · " !important;
opacity: .6;
margin: 0 6px;
}
.footer-privacy a {
font-size: 14px;
opacity: .85;
white-space: nowrap;
} .footer-copy .sep {
display: none;
}
}