/* ================================
ORANGE NOIRE - PAGE MODULES
================================ */
.on-modules,
.on-modules * {
box-sizing: border-box;
}
.on-modules {
width: 100vw;
margin-left: calc(50% - 50vw);
background:
radial-gradient(circle at 18% 10%, rgba(255,115,0,.13), transparent 28%),
radial-gradient(circle at 85% 35%, rgba(255,115,0,.08), transparent 24%),
#050607;
color: #f4f4f4;
font-family: Arial, Helvetica, sans-serif;
padding: 90px 0 110px;
}
.on-modules-inner {
width: min(1500px, calc(100% - 80px));
margin: 0 auto;
}
/* INTRO */
.on-modules-kicker {
color: #ff7600;
font-size: 14px;
font-weight: 800;
letter-spacing: 6px;
text-transform: uppercase;
margin-bottom: 24px;
}
.on-modules h1 {
margin: 0;
max-width: 1120px;
font-size: clamp(48px, 6vw, 92px);
line-height: .98;
letter-spacing: -3px;
font-weight: 500;
color: #f4f4f4;
}
.on-modules h1 strong {
color: #ff7600;
font-weight: 800;
}
.on-modules-intro {
max-width: 1050px;
margin: 34px 0 65px;
color: #c9c9c9;
font-size: 21px;
line-height: 1.7;
}
.on-modules-line {
width: 72px;
height: 4px;
background: #ff7600;
margin: 0 0 52px;
}
/* GRID */
.on-modules-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
.on-module-card {
position: relative;
overflow: hidden;
background:
linear-gradient(145deg, rgba(255,118,0,.07), transparent 38%),
#0a0b0c;
border: 1px solid #343434;
border-radius: 22px;
min-height: 100%;
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.on-module-card:hover {
transform: translateY(-7px);
border-color: #ff7600;
box-shadow: 0 24px 65px rgba(0,0,0,.45);
}
.on-module-image {
position: relative;
height: 290px;
overflow: hidden;
background: #111;
}
.on-module-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform .45s ease;
}
.on-module-card:hover .on-module-image img {
transform: scale(1.035);
}
.on-module-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
transparent 45%,
rgba(5,6,7,.9) 100%
);
}
.on-module-content {
padding: 12px 30px 34px;
}
.on-module-number {
color: #ff7600;
font-size: 12px;
font-weight: 800;
letter-spacing: 3px;
margin-bottom: 13px;
}
.on-module-card h2 {
margin: 0 0 15px;
color: #ffffff;
font-size: 29px;
line-height: 1.1;
font-weight: 700;
}
.on-module-card p {
color: #bfc1c3;
font-size: 17px;
line-height: 1.65;
margin: 0 0 24px;
}
.on-module-link {
display: inline-flex;
align-items: center;
gap: 12px;
color: #ff7600 !important;
text-decoration: none !important;
font-size: 15px;
font-weight: 800;
letter-spacing: .4px;
}
.on-module-link span {
transition: transform .2s ease;
}
.on-module-link:hover span {
transform: translateX(6px);
}
/* CTA */
.on-modules-cta {
margin-top: 70px;
padding: 52px;
border: 1px solid #343434;
border-radius: 22px;
background:
linear-gradient(120deg, rgba(255,118,0,.14), rgba(255,118,0,.02)),
#090a0b;
display: flex;
align-items: center;
justify-content: space-between;
gap: 35px;
}
.on-modules-cta h2 {
margin: 0 0 10px;
color: #fff;
font-size: clamp(30px, 3vw, 48px);
}
.on-modules-cta p {
margin: 0;
color: #c4c4c4;
font-size: 18px;
line-height: 1.6;
}
.on-modules-button {
flex: 0 0 auto;
display: inline-block;
padding: 20px 30px;
border: 1px solid #ff7600;
border-radius: 10px;
color: #fff !important;
text-decoration: none !important;
font-weight: 700;
font-size: 17px;
transition: background .2s ease, color .2s ease;
}
.on-modules-button:hover {
background: #ff7600;
color: #080808 !important;
}
/* RESPONSIVE */
@media (max-width: 1050px) {
.on-modules-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.on-modules-inner {
width: min(100% - 44px, 1500px);
}
}
@media (max-width: 720px) {
.on-modules {
padding: 60px 0 75px;
}
.on-modules-inner {
width: calc(100% - 28px);
}
.on-modules h1 {
font-size: 46px;
letter-spacing: -1.5px;
}
.on-modules-intro {
font-size: 18px;
margin-bottom: 45px;
}
.on-modules-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.on-module-image {
height: 240px;
}
.on-module-content {
padding: 10px 23px 29px;
}
.on-modules-cta {
padding: 32px 24px;
flex-direction: column;
align-items: flex-start;
}
}
LES MODULES ORANGE NOIRE
Industrie, data centers,
resultats et licences
Une meme identite visuelle et une meme logique de service :
observer, analyser, tester, presenter les resultats et deployer
les logiciels Orange Noire selon les besoins de chaque client.
MODULE 01
Analyse industrielle
Observer les donnees, identifier les comportements utiles
et transformer les mesures en informations exploitables.
En savoir plus →
MODULE 02
Maintenance
Aider a reperer les anomalies, prioriser les controles
et exploiter les historiques de fonctionnement.
En savoir plus →
MODULE 03
Rapports & resultats
Presenter clairement les donnees, les comparaisons,
les alertes et les resultats produits par les logiciels.
En savoir plus →
MODULE 04
Energie
Analyser la consommation et comparer les scenarios
pour mieux comprendre l’utilisation des ressources.
En savoir plus →
MODULE 05
Refroidissement
Etudier les donnees thermiques et les conditions
de fonctionnement des infrastructures informatiques.
En savoir plus →
MODULE 06
Capacite
Visualiser l’occupation des ressources, les contraintes
et les marges disponibles avant toute decision.
En savoir plus →
MODULE 07
Demo
Decouvrir le fonctionnement des logiciels Orange Noire
dans un environnement de demonstration controle.
Demander une demo →
MODULE 08
POC
Tester Orange Noire sur un cas d’usage defini,
des donnees autorisees et des criteres de succes etablis.
Etudier un POC →
MODULE 09
Licences
Adapter le deploiement et l’acces aux logiciels
selon le projet, le nombre de postes et le contexte client.
Nous contacter →
Un besoin precis ?
Demo, POC, industrie ou data center :
Orange Noire peut etre presente sur un cas d’usage defini.
Demander une demo
