--bg-section: #f1f2fb;
--border-soft: #c7cee3;
--text-main: #0f172a;
--text-soft: #4b5563;
--text-muted: #9ca3af;
--radius-lg: 20px;
--shadow-soft: 0 16px 36px rgba(15, 23, 42, 0.3);
--max-width: 1040px;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
"Segoe UI", sans-serif;
background:
radial-gradient(circle at top, #020617 0, #020617 35%, #111827 100%);
color: var(--text-main);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.page {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.wrapper {
max-width: var(--max-width);
margin: 0 auto;
padding: 26px 16px 60px;
}
/* ===== BOUTONS ===== */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid transparent;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition:
transform 0.12s ease,
box-shadow 0.12s ease,
background 0.12s ease,
color 0.12s ease,
border-color 0.12s ease;
white-space: nowrap;
}
.btn-primary {
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
color: #ffffff;
box-shadow: 0 10px 24px rgba(255, 107, 0, 0.45);
border-color: transparent;
}
.btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(255, 107, 0, 0.55);
}
.btn-ghost {
background: transparent;
color: #e5e7eb;
border-color: rgba(148,163,184,0.7);
}
.btn-ghost:hover {
border-color: var(--primary);
color: #fefce8;
transform: translateY(-1px);
}
.btn-audit {
background: linear-gradient(135deg, #10b981, #059669);
color: #ffffff;
box-shadow: 0 10px 24px rgba(16, 185, 129, 0.45);
border-color: transparent;
}
.btn-audit::before {
content: "🎁 ";
}
.btn-audit:hover {
transform: translateY(-2px);
box-shadow: 0 14px 30px rgba(16, 185, 129, 0.65);
}
/* ===== SECTIONS GÉNÉRIQUES ===== */
section {
margin-bottom: 28px;
}
.section-card {
background: linear-gradient(145deg, #f7f7ff, #eef0fb);
border-radius: var(--radius-lg);
padding: 24px 20px 22px;
border: 1px solid var(--border-soft);
box-shadow: var(--shadow-soft);
}
.section-card.alt {
background: linear-gradient(145deg, #020617, #0b1120 65%, #020617);
border-color: rgba(255,255,255,0.12);
box-shadow: 0 35px 90px rgba(0,0,0,0.7);
color: #e5e7eb;
}
.section-header {
margin-bottom: 18px;
display: flex;
flex-direction: column;
gap: 4px;
}
.section-kicker {
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--text-muted);
}
.section-card.alt .section-kicker {
color: #9ca3af;
}
.section-title {
font-size: 24px;
font-weight: 700;
color: #020617;
}
.section-card.alt .section-title {
color: #f9fafb;
}
.section-subtitle {
font-size: 13px;
color: var(--text-soft);
max-width: 640px;
}
.section-card.alt .section-subtitle {
color: #e5e7eb;
}
/* ===== HERO DRONE ===== */
.hero-service {
position: relative;
overflow: hidden;
border-radius: 26px;
padding: 26px 22px 22px;
border: 1px solid rgba(15,23,42,0.9);
background:
radial-gradient(circle at 10% -10%, rgba(255,107,0,0.2), transparent 55%),
radial-gradient(circle at 100% 130%, rgba(0,162,255,0.3), transparent 50%),
linear-gradient(145deg, #020617 0%, #020617 60%, #020617 100%);
box-shadow: 0 40px 100px rgba(0,0,0,0.85);
color: #e5e7eb;
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2.1fr);
gap: 24px;
isolation: isolate;
}
.hero-service::before {
content: "";
position: absolute;
inset: -40%;
background:
radial-gradient(circle at 15% 0, rgba(248,250,252,0.18) 0, transparent 65%),
radial-gradient(circle at 75% 100%, rgba(59,130,246,0.25) 0, transparent 55%);
opacity: 0.6;
pointer-events: none;
z-index: -1;
}
.hero-breadcrumb {
font-size: 11px;
color: #9ca3af;
margin-bottom: 6px;
}
.hero-breadcrumb a {
color: #9ca3af;
text-decoration: none;
}
.hero-breadcrumb a:hover {
color: #e5e7eb;
}
.hero-label {
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #9ca3af;
margin-bottom: 4px;
}
.hero-title {
font-size: clamp(26px, 3.2vw, 32px);
line-height: 1.15;
margin-bottom: 10px;
color: #f9fafb;
}
.hero-highlight {
color: #fed7aa;
}
.hero-subtitle {
font-size: 14px;
color: #cbd5f5;
margin-bottom: 14px;
max-width: 540px;
}
.hero-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
font-size: 11px;
margin-bottom: 16px;
}
.hero-badge {
padding: 4px 10px;
border-radius: 999px;
border: 1px solid rgba(148,163,184,0.55);
background: rgba(15,23,42,0.8);
color: #e5e7eb;
backdrop-filter: blur(10px);
}
.hero-cta-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin-bottom: 10px;
}
.hero-meta {
font-size: 12px;
color: #9ca3af;
}
.hero-service-right {
display: flex;
align-items: center;
justify-content: center;
}
.hero-service-panel {
width: 100%;
max-width: 330px;
background:
radial-gradient(circle at 0 0, rgba(59,130,246,0.16) 0, transparent 40%),
radial-gradient(circle at 100% 100%, rgba(255,107,0,0.16) 0, transparent 45%),
#020617;
border-radius: 18px;
border: 1px solid rgba(148,163,184,0.8);
box-shadow: 0 18px 46px rgba(0,0,0,0.9);
padding: 16px 14px 14px;
color: #e5e7eb;
}
.hero-panel-image-wrapper {
margin-bottom: 10px;
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(148,163,184,0.7);
box-shadow: 0 16px 40px rgba(0,0,0,0.85);
}
.hero-panel-image {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
transform: scale(1.02);
}
.hero-panel-title {
font-size: 13px;
font-weight: 600;
margin-bottom: 2px;
}
.hero-panel-text {
font-size: 12px;
color: #cbd5f5;
margin-bottom: 8px;
}
.hero-panel-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 8px;
font-size: 11px;
}
.hero-panel-item {
padding: 8px 8px 7px;
border-radius: 10px;
border: 1px solid rgba(148,163,184,0.7);
background: rgba(15,23,42,0.85);
}
.hero-panel-label {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #9ca3af;
margin-bottom: 2px;
}
.hero-panel-value {
font-size: 13px;
font-weight: 600;
color: #fefbea;
}
.hero-panel-note {
font-size: 11px;
color: #9ca3af;
margin-top: 8px;
}
/* ===== POURQUOI / USAGES DRONE ===== */
.drone-intro {
font-size: 13px;
color: var(--text-soft);
max-width: 720px;
margin-bottom: 18px;
}
.drone-grid {
display: grid;
grid-template-columns: minmax(0, 2.1fr) minmax(0, 2.1fr);
gap: 18px;
font-size: 13px;
}
.drone-block p {
color: var(--text-soft);
margin-bottom: 8px;
}
.drone-list {
list-style: none;
padding-left: 0;
margin-top: 4px;
font-size: 13px;
color: var(--text-soft);
}
.drone-list li {
display: flex;
align-items: flex-start;
gap: 6px;
margin-bottom: 6px;
}
.drone-list li::before {
content: "✔";
font-size: 11px;
margin-top: 2px;
color: #16a34a;
}
/* ===== FORFAITS DRONE ===== */
.packs-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 16px;
}
.pack-card {
border-radius: 20px;
border: 1px solid rgba(15,23,42,0.06);
padding: 15px 13px 12px;
background: linear-gradient(145deg, #fdfdff, #f0f2fb 60%);
box-shadow: 0 14px 32px rgba(15,23,42,0.18);
display: flex;
flex-direction: column;
gap: 6px;
}
.pack-card.highlight {
border-color: rgba(249,115,22,0.7);
box-shadow: 0 18px 40px rgba(249,115,22,0.26);
}
.pack-name {
font-size: 15px;
font-weight: 700;
color: #020617;
}
.pack-tagline {
font-size: 12px;
color: var(--text-soft);
}
.pack-type {
font-size: 12px;
color: var(--text-muted);
margin-bottom: 4px;
}
.pack-price {
font-size: 16px;
font-weight: 700;
color: var(--primary-dark);
}
.pack-price span {
font-size: 11px;
font-weight: 500;
color: var(--text-muted);
margin-left: 4px;
}
.pack-line {
height: 1px;
background: linear-gradient(90deg, rgba(148,163,184,0.4), transparent);
margin: 6px 0;
}
.pack-list {
list-style: none;
padding-left: 0;
font-size: 12px;
color: var(--text-soft);
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 8px;
}
.pack-list li {
display: flex;
align-items: flex-start;
gap: 6px;
}
.pack-list li::before {
content: "•";
font-size: 14px;
margin-top: -1px;
color: #22c55e;
}
.pack-bottom {
margin-top: auto;
font-size: 11px;
color: var(--text-muted);
}
.pack-cta {
margin-top: 6px;
font-size: 12px;
font-weight: 500;
}
.pack-cta a {
color: var(--accent);
}
/* ===== PROCESS (ALT) ===== */
.process-grid {
display: grid;
grid-template-columns: minmax(0, 2.1fr) minmax(0, 2.1fr);
gap: 18px;
font-size: 13px;
}
.process-text p {
color: #e5e7eb;
margin-bottom: 8px;
}
.process-steps {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.process-step {
display: flex;
gap: 10px;
}
.process-step-number {
width: 24px;
height: 24px;
border-radius: 999px;
border: 1px solid rgba(148,163,184,0.7);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 600;
color: #020617;
background: #e5e7f5;
flex-shrink: 0;
}
.process-step-content {
font-size: 13px;
color: #e5e7eb;
}
.process-step-content strong {
color: #fefce8;
}
/* ===== FAQ ===== */
.faq-list {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
gap: 12px;
font-size: 13px;
color: var(--text-soft);
}
.faq-item {
border-radius: 12px;
border: 1px solid rgba(148,163,184,0.6);
background: #f8f9ff;
padding: 10px 11px 9px;
}
.faq-question {
font-weight: 600;
font-size: 13px;
margin-bottom: 3px;
color: #020617;
}
.faq-answer {
font-size: 13px;
}
/* ===== CTA FINAL ===== */
.cta-final {
background: linear-gradient(135deg, #020617, #0b1120 40%, #020617 100%);
border-radius: 20px;
padding: 16px 16px 14px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
border: 1px solid rgba(148,163,184,0.6);
box-shadow: 0 40px 95px rgba(0,0,0,0.85);
color: #e5e7eb;
}
.cta-final h2 {
font-size: 18px;
margin-bottom: 2px;
color: #fefce8;
}
.cta-final p {
font-size: 13px;
color: #e5e7eb;
max-width: 520px;
}
.cta-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.cta-final .btn-primary {
box-shadow: 0 10px 24px rgba(249,115,22,0.75);
}
.cta-final .btn-ghost {
background: transparent;
border-color: rgba(148,163,184,0.7);
color: #e5e7eb;
}
.cta-final .btn-ghost:hover {
border-color: #f97316;
color: #fefce8;
}
/* ===== FOOTER AVEC MENU ===== */
.inteltek-footer {
margin-top: 30px;
padding: 24px 0 20px;
background: linear-gradient(135deg, #020617, #0b1120 60%, #020617);
border-top: 1px solid rgba(148,163,184,0.45);
color: #cbd5f5;
box-shadow: 0 -8px 32px rgba(0,0,0,0.55);
font-size: 12px;
}
.inteltek-footer-inner {
max-width: 1120px;
margin: 0 auto;
padding: 0 16px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 18px;
}
.inteltek-footer-left {
flex: 1 1 240px;
opacity: 0.9;
line-height: 1.5;
}
.inteltek-footer-menu {
flex: 1 1 320px;
display: flex;
flex-wrap: wrap;
gap: 10px 18px;
justify-content: center;
}
.inteltek-footer-menu a {
font-size: 12px;
color: #e5e7eb;
opacity: 0.85;
text-decoration: none;
position: relative;
padding-bottom: 2px;
transition: opacity 0.15s ease;
}
.inteltek-footer-menu a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: linear-gradient(90deg, #f97316, #0ea5e9);
transition: width 0.2s ease;
}
.inteltek-footer-menu a:hover {
opacity: 1;
}
.inteltek-footer-menu a:hover::after {
width: 100%;
}
.inteltek-footer-right {
flex: 1 1 200px;
text-align: right;
opacity: 0.85;
line-height: 1.5;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 960px) {
.hero-service {
grid-template-columns: minmax(0, 1fr);
}
.hero-service-right {
order: -1;
}
.drone-grid,
.process-grid {
grid-template-columns: minmax(0,1fr);
}
.packs-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
@media (max-width: 780px) {
.hero-service {
padding: 20px 16px 16px;
}
.hero-panel-grid {
grid-template-columns: minmax(0, 1fr);
}
.section-card {
padding: 20px 14px 18px;
}
.packs-grid {
grid-template-columns: minmax(0,1fr);
}
.inteltek-footer-inner {
flex-direction: column;
align-items: flex-start;
}
.inteltek-footer-right {
text-align: left;
}
.inteltek-footer-menu {
justify-content: flex-start;
}
}
@media (max-width: 480px) {
.hero-title {
font-size: 26px;
line-height: 1.2;
}
.hero-subtitle {
font-size: 14px;
}
.section-subtitle,
.drone-list,
.pack-list,
.faq-answer {
font-size: 14px;
line-height: 1.5;
}
}
Photos et vidéos drone professionnelles pour ton marketing, tes projets et tes événements.
Vue aérienne, plans cinématographiques, survols de propriétés, suivi de chantiers et contenu pour les réseaux sociaux – réalisés par IntelTek, avec une approche marketing dès le départ.
Montrer ton projet sous un angle que tes clients n’ont jamais vu.
Une bonne captation drone ne sert pas juste à « montrer de haut ». Elle sert à raconter une histoire, montrer la grandeur d’un terrain, l’avancement d’un chantier ou l’ambiance d’un événement.
Quelques usages concrets du drone.
- Projets immobiliers : survols de propriétés, quartiers, terrains, vues d’ensemble.
- Entreprises : vidéos d’image de marque, présentation de site, usines, flottes de véhicules.
- Chantiers : suivi de l’avancement, documentation visuelle, avant / après.
- Événements : festivals, rassemblements, sports, activités spéciales.
- Municipalités / OBNL : mise en valeur du territoire, parcs, infrastructures.
Ce qu’on garde toujours en tête.
- Le message que tu veux envoyer avec la vidéo ou les photos.
- Les plateformes où le contenu va vivre (site web, Facebook, Instagram, TikTok, YouTube).
- Les formats nécessaires (horizontal, vertical, carré).
- La sécurité, la météo et les contraintes du lieu.
- La cohérence avec ton image de marque et tes autres outils marketing.
Des options claires, ajustables à ton projet.
Chaque tournage est un peu différent (lieu, temps de préparation, déplacements), mais voici une base pour te donner une idée des niveaux possibles.
- Survols simples d’un site ou d’une propriété.
- Photos aériennes haute résolution.
- Courtes séquences vidéo brutes (plans variés).
- Remise des fichiers via lien de téléchargement.
- Repérage rapide des lieux (virtuel ou sur place selon besoin).
- Captation photos + vidéos avec variété de plans.
- Plans pensés pour montage vidéo (séquences plus longues, mouvements variés).
- Possibilité d’intégrer quelques plans au sol (selon entente).
- Remise des fichiers triés, prêts à être montés ou travaillés.
- Planification de plusieurs dates de tournage.
- Prises aériennes comparables (mêmes angles, mêmes zones).
- Photos & vidéos pour avant / pendant / après.
- Contenu parfait pour rapports, présentations et réseaux sociaux.
Une captation structurée, avec une vision marketing derrière chaque plan.
On ne vient pas juste « faire voler un drone ». On réfléchit à ce que tu veux raconter et aux plateformes où le contenu sera utilisé.
On prépare. On filme. On te remet quelque chose d’utilisable.
Tu nous expliques ton projet, ton public cible et le résultat que tu imagines. On t’aide à clarifier le type de captation nécessaire et les formats à prévoir.
Ensuite, on planifie un tournage efficace avec un maximum de variété de plans, pour que ton monteur (ou nous, si tu nous confies le montage) ait de la matière.
- 1Discussion & repérage
On parle du projet, des lieux, des contraintes et du type de contenu souhaité. - 2Plan de captation
On définit les zones à couvrir, les moments clés, les types de plans et la durée sur place. - 3Tournage
Captation drone sur place, en respectant les consignes de sécurité, la météo et le contexte. - 4Remise & options de montage
On te remet les fichiers et, au besoin, on peut aussi t’accompagner pour le montage ou l’adaptation aux réseaux sociaux.
Ce qu’on nous demande le plus souvent pour le drone.
- Dans quelles régions vous déplacez-vous ?Principalement au Québec. Selon l’ampleur du projet, on peut se déplacer plus loin. On en discute dès le départ pour voir ce qui est réaliste au niveau du budget et du temps.
- Est-ce que le montage vidéo est inclus ?Par défaut, on remet les fichiers bruts (photos et vidéos) prêts à être montés. On peut ajouter un service de montage sur mesure si tu veux une vidéo complète clé en main.
- Est-ce que vous pouvez tourner pour les réseaux sociaux (vertical, Reels, etc.) ?Oui. On peut prévoir des plans spécifiquement pour du vertical (9:16) ou pour des formats courts utilisés sur TikTok, Instagram et Facebook.
- Comment fonctionne la tarification ?On tient compte du lieu, du temps sur place, du type de projet (simple, complexe, suivi) et des besoins supplémentaires (montage, déplacements, etc.). On te donne toujours un estimé clair avant de confirmer quoi que ce soit.
- Offrez-vous d’autres services marketing ?Oui ! En plus du drone, IntelTek offre création de sites web, SEO, gestion des médias sociaux et hébergement. Pour un aperçu complet de votre présence digitale, demandez notre audit gratuit (valeur 500$).
Prêt à donner une nouvelle dimension à votre contenu ?
Discutons de votre projet drone ou obtenez un audit GRATUIT de votre présence digitale complète.
Analyse de votre site web, réseaux sociaux et plan d’action personnalisé (valeur 500$).