{\rtf1\ansi\ansicpg1252\cocoartf2822
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fnil\fcharset0 Menlo-Regular;}
{\colortbl;\red255\green255\blue255;\red109\green109\blue109;\red236\green241\blue247;\red251\green0\blue7;
\red0\green0\blue0;\red42\green42\blue42;\red107\green0\blue1;\red0\green0\blue255;\red77\green80\blue85;
\red9\green60\blue148;\red24\green112\blue43;\red19\green118\blue70;}
{\*\expandedcolortbl;;\cssrgb\c50196\c50196\c50196;\cssrgb\c94118\c95686\c97647;\cssrgb\c100000\c0\c0;
\cssrgb\c0\c0\c0;\cssrgb\c21961\c21961\c21961;\cssrgb\c50196\c0\c0;\cssrgb\c0\c0\c100000;\cssrgb\c37255\c38824\c40784;
\cssrgb\c1569\c31765\c64706;\cssrgb\c9412\c50196\c21961;\cssrgb\c3529\c52549\c34510;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\deftab720
\pard\pardeftab720\partightenfactor0

\f0\fs28 \cf2 \cb3 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec2 <!DOCTYPE\cf4 \strokec4  html\cf2 \strokec2 >\cf0 \cb1 \strokec5 \
\pard\pardeftab720\partightenfactor0
\cf6 \cb3 \strokec6 <\cf7 \strokec7 html\cf0 \strokec5  \cf4 \strokec4 lang\cf6 \strokec6 =\cf8 \strokec8 "fr"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cf6 \cb3 \strokec6 <\cf7 \strokec7 head\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\pard\pardeftab720\partightenfactor0
\cf0 \cb3     \cf6 \strokec6 <\cf7 \strokec7 meta\cf0 \strokec5  \cf4 \strokec4 charset\cf6 \strokec6 =\cf8 \strokec8 "UTF-8"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 meta\cf0 \strokec5  \cf4 \strokec4 name\cf6 \strokec6 =\cf8 \strokec8 "viewport"\cf0 \strokec5  \cf4 \strokec4 content\cf6 \strokec6 =\cf8 \strokec8 "width=device-width, initial-scale=1.0"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 title\cf6 \strokec6 >\cf0 \strokec5 Nom de Votre Soci\'e9t\'e9 - Production Audiovisuelle\cf6 \strokec6 </\cf7 \strokec7 title\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf9 \strokec9 <!-- Tailwind CSS CDN -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 script\cf0 \strokec5  \cf4 \strokec4 src\cf6 \strokec6 =\cf8 \strokec8 "https://cdn.tailwindcss.com"\cf6 \strokec6 ></\cf7 \strokec7 script\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 link\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"\cf0 \strokec5  \cf4 \strokec4 rel\cf6 \strokec6 =\cf8 \strokec8 "stylesheet"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf9 \strokec9 <!-- Font Awesome for icons -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 link\cf0 \strokec5  \cf4 \strokec4 rel\cf6 \strokec6 =\cf8 \strokec8 "stylesheet"\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 style\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf9 \strokec9 /* Custom Tailwind Colors based on the provided palette */\cf0 \cb1 \strokec5 \
\cb3         \cf7 \strokec7 :root\cf0 \strokec5  \{\cb1 \
\cb3             \cf4 \strokec4 --color-primary-dark:\cf0 \strokec5  \cf10 \strokec10 #1A2B3C\cf0 \strokec5 ; \cf9 \strokec9 /* Dark Blue/Charcoal */\cf0 \cb1 \strokec5 \
\cb3             \cf4 \strokec4 --color-secondary-dark:\cf0 \strokec5  \cf10 \strokec10 #2A3B4C\cf0 \strokec5 ; \cf9 \strokec9 /* Slightly Lighter Dark Blue/Charcoal */\cf0 \cb1 \strokec5 \
\cb3             \cf4 \strokec4 --color-light-bg:\cf0 \strokec5  \cf10 \strokec10 #FFFFFF\cf0 \strokec5 ; \cf9 \strokec9 /* White/Off-white */\cf0 \cb1 \strokec5 \
\cb3             \cf4 \strokec4 --color-light-accent-bg:\cf0 \strokec5  \cf10 \strokec10 #F0F8F9\cf0 \strokec5 ; \cf9 \strokec9 /* Very Light Blue/Cyan */\cf0 \cb1 \strokec5 \
\cb3             \cf4 \strokec4 --color-accent-teal:\cf0 \strokec5  \cf10 \strokec10 #4ECDC4\cf0 \strokec5 ; \cf9 \strokec9 /* Teal Accent */\cf0 \cb1 \strokec5 \
\cb3         \}\cb1 \
\
\cb3         \cf7 \strokec7 .bg-primary-dark\cf0 \strokec5  \{ \cf4 \strokec4 background-color:\cf0 \strokec5  \cf10 \strokec10 var(--color-primary-dark)\cf0 \strokec5 ; \}\cb1 \
\cb3         \cf7 \strokec7 .bg-secondary-dark\cf0 \strokec5  \{ \cf4 \strokec4 background-color:\cf0 \strokec5  \cf10 \strokec10 var(--color-secondary-dark)\cf0 \strokec5 ; \}\cb1 \
\cb3         \cf7 \strokec7 .bg-light-bg\cf0 \strokec5  \{ \cf4 \strokec4 background-color:\cf0 \strokec5  \cf10 \strokec10 var(--color-light-bg)\cf0 \strokec5 ; \}\cb1 \
\cb3         \cf7 \strokec7 .bg-light-accent-bg\cf0 \strokec5  \{ \cf4 \strokec4 background-color:\cf0 \strokec5  \cf10 \strokec10 var(--color-light-accent-bg)\cf0 \strokec5 ; \}\cb1 \
\cb3         \cf7 \strokec7 .bg-accent-teal\cf0 \strokec5  \{ \cf4 \strokec4 background-color:\cf0 \strokec5  \cf10 \strokec10 var(--color-accent-teal)\cf0 \strokec5 ; \}\cb1 \
\
\cb3         \cf7 \strokec7 .text-primary-dark\cf0 \strokec5  \{ \cf4 \strokec4 color:\cf0 \strokec5  \cf10 \strokec10 var(--color-primary-dark)\cf0 \strokec5 ; \}\cb1 \
\cb3         \cf7 \strokec7 .text-secondary-dark\cf0 \strokec5  \{ \cf4 \strokec4 color:\cf0 \strokec5  \cf10 \strokec10 var(--color-secondary-dark)\cf0 \strokec5 ; \}\cb1 \
\cb3         \cf7 \strokec7 .text-light-bg\cf0 \strokec5  \{ \cf4 \strokec4 color:\cf0 \strokec5  \cf10 \strokec10 var(--color-light-bg)\cf0 \strokec5 ; \}\cb1 \
\cb3         \cf7 \strokec7 .text-light-accent-bg\cf0 \strokec5  \{ \cf4 \strokec4 color:\cf0 \strokec5  \cf10 \strokec10 var(--color-light-accent-bg)\cf0 \strokec5 ; \}\cb1 \
\cb3         \cf7 \strokec7 .text-accent-teal\cf0 \strokec5  \{ \cf4 \strokec4 color:\cf0 \strokec5  \cf10 \strokec10 var(--color-accent-teal)\cf0 \strokec5 ; \}\cb1 \
\
\cb3         \cf7 \strokec7 .border-accent-teal\cf0 \strokec5  \{ \cf4 \strokec4 border-color:\cf0 \strokec5  \cf10 \strokec10 var(--color-accent-teal)\cf0 \strokec5 ; \}\cb1 \
\
\cb3         \cf7 \strokec7 body\cf0 \strokec5  \{\cb1 \
\cb3             \cf4 \strokec4 font-family:\cf0 \strokec5  \cf11 \strokec11 'Inter'\cf0 \strokec5 , \cf10 \strokec10 sans-serif\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 color:\cf0 \strokec5  \cf10 \strokec10 var(--color-primary-dark)\cf0 \strokec5 ; \cf9 \strokec9 /* Default text color */\cf0 \cb1 \strokec5 \
\cb3             \cf4 \strokec4 padding-top:\cf0 \strokec5  \cf12 \strokec12 80px\cf0 \strokec5 ; \cf9 \strokec9 /* Adjust body padding to prevent content from being hidden by fixed header */\cf0 \cb1 \strokec5 \
\cb3         \}\cb1 \
\
\cb3         \cf9 \strokec9 /* Hero section background image/video placeholder */\cf0 \cb1 \strokec5 \
\cb3         \cf7 \strokec7 .hero-background\cf0 \strokec5  \{\cb1 \
\cb3             \cf4 \strokec4 background-image:\cf0 \strokec5  \cf10 \strokec10 url\cf0 \strokec5 (\cf11 \strokec11 'https://placehold.co/1200x600/2A3B4C/F0F8F9?text=Votre+Vid%C3%A9o+de+Pr%C3%A9sentation+Impactante'\cf0 \strokec5 ); \cf9 \strokec9 /* Placeholder image */\cf0 \cb1 \strokec5 \
\cb3             \cf4 \strokec4 background-size:\cf0 \strokec5  \cf10 \strokec10 cover\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 background-position:\cf0 \strokec5  \cf10 \strokec10 center\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 position:\cf0 \strokec5  \cf10 \strokec10 relative\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 z-index:\cf0 \strokec5  \cf12 \strokec12 1\cf0 \strokec5 ; \cf9 \strokec9 /* Ensure text is above background */\cf0 \cb1 \strokec5 \
\cb3         \}\cb1 \
\cb3         \cf7 \strokec7 .hero-background::before\cf0 \strokec5  \{\cb1 \
\cb3             \cf4 \strokec4 content:\cf0 \strokec5  \cf11 \strokec11 ''\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 position:\cf0 \strokec5  \cf10 \strokec10 absolute\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 top:\cf0 \strokec5  \cf12 \strokec12 0\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 left:\cf0 \strokec5  \cf12 \strokec12 0\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 right:\cf0 \strokec5  \cf12 \strokec12 0\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 bottom:\cf0 \strokec5  \cf12 \strokec12 0\cf0 \strokec5 ;\cb1 \
\cb3             \cf4 \strokec4 background-color:\cf0 \strokec5  \cf10 \strokec10 rgba(\cf12 \strokec12 0\cf0 \strokec5 , \cf12 \strokec12 0\cf0 \strokec5 , \cf12 \strokec12 0\cf0 \strokec5 , \cf12 \strokec12 0.4\cf10 \strokec10 )\cf0 \strokec5 ; \cf9 \strokec9 /* Dark overlay for text readability */\cf0 \cb1 \strokec5 \
\cb3             \cf4 \strokec4 z-index:\cf0 \strokec5  \cf12 \strokec12 -1\cf0 \strokec5 ;\cb1 \
\cb3         \}\cb1 \
\cb3     \cf6 \strokec6 </\cf7 \strokec7 style\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\pard\pardeftab720\partightenfactor0
\cf6 \cb3 \strokec6 </\cf7 \strokec7 head\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cf6 \cb3 \strokec6 <\cf7 \strokec7 body\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-light-bg"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
\pard\pardeftab720\partightenfactor0
\cf0 \cb3     \cf9 \strokec9 <!-- Header Section - Fixed at the top -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 header\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-primary-dark text-light-bg py-4 shadow-lg fixed top-0 left-0 right-0 z-50"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "container mx-auto px-4 flex justify-between items-center"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf9 \strokec9 <!-- Logo de la Soci\'e9t\'e9 -->\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#accueil"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "flex items-center space-x-3 rounded-md p-2 hover:text-accent-teal transition-colors duration-300"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 img\cf0 \strokec5  \cf4 \strokec4 src\cf6 \strokec6 =\cf8 \strokec8 "https://placehold.co/50x50/4ECDC4/1A2B3C?text=LOGO"\cf0 \strokec5  \cf4 \strokec4 alt\cf6 \strokec6 =\cf8 \strokec8 "Logo de Votre Soci\'e9t\'e9"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "h-12 w-12 rounded-full object-cover"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 span\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-2xl font-bold hidden md:block"\cf6 \strokec6 >\cf0 \strokec5 [Nom de Votre Soci\'e9t\'e9]\cf6 \strokec6 </\cf7 \strokec7 span\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf9 \strokec9 <!-- Navigation -->\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 nav\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 ul\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "flex space-x-6"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 li\cf6 \strokec6 ><\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#accueil"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300 font-medium"\cf6 \strokec6 >\cf0 \strokec5 Accueil\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 ></\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 li\cf6 \strokec6 ><\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#services"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300 font-medium"\cf6 \strokec6 >\cf0 \strokec5 Nos Services\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 ></\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 li\cf6 \strokec6 ><\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#a-propos"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300 font-medium"\cf6 \strokec6 >\cf0 \strokec5 Notre Approche\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 ></\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 li\cf6 \strokec6 ><\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#temoignages"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300 font-medium"\cf6 \strokec6 >\cf0 \strokec5 T\'e9moignages\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 ></\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 li\cf6 \strokec6 ><\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#contact"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300 font-medium"\cf6 \strokec6 >\cf0 \strokec5 Contact\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 ></\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 ul\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 nav\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 </\cf7 \strokec7 header\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
\cb3     \cf9 \strokec9 <!-- Hero Section (Accueil) -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 section\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "accueil"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hero-background text-light-bg py-20 md:py-32 text-center rounded-b-lg shadow-inner"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "container mx-auto px-4 max-w-4xl relative z-10"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 h1\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-4xl md:text-5xl font-bold mb-6 leading-tight"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 Votre Histoire. Notre Production. Un Impact Inoubliable.\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 h1\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg md:text-xl mb-8 opacity-90"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 Dans le dynamisme de notre r\'e9gion, chaque entreprise rec\'e8le une **richesse narrative exceptionnelle**, un **savoir-faire authentique** qui m\'e9rite d'\'eatre pleinement r\'e9v\'e9l\'e9. Loin des approches g\'e9n\'e9riques, nous croyons au pouvoir du storytelling vrai.\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg md:text-xl mb-10 opacity-90"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 En tant que **soci\'e9t\'e9 de production audiovisuelle ancr\'e9e localement**, notre mission est de transformer cette richesse en un **v\'e9ritable atout strat\'e9gique** pour nos clients, qu'il s'agisse de **PME ambitieuses ou de grandes structures en qu\'eate d'excellence**. Nous sommes sp\'e9cialis\'e9s dans la **conception et la r\'e9alisation de documentaires impactants**, et nous offrons \'e9galement des services de **production ex\'e9cutive sur mesure** pour concr\'e9tiser vos projets les plus exigeants.\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#contact"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "inline-block bg-accent-teal text-primary-dark font-semibold py-3 px-8 rounded-full shadow-lg hover:bg-opacity-90 transition-all duration-300 transform hover:scale-105"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 D\'e9couvrons ensemble votre projet\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 </\cf7 \strokec7 section\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
\cb3     \cf9 \strokec9 <!-- Services Section -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 section\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "services"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "py-16 md:py-24 bg-light-accent-bg"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "container mx-auto px-4 max-w-5xl"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 h2\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-3xl md:text-4xl font-bold text-center mb-12 text-primary-dark"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 Des Productions Audiovisuelles sur Mesure, pour une Strat\'e9gie d'Impact.\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 h2\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-light-bg p-8 rounded-lg shadow-xl"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg mb-8 text-secondary-dark leading-relaxed"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     Chez [Nom de votre Soci\'e9t\'e9], notre expertise r\'e9side dans la capacit\'e9 \'e0 **raconter avec profondeur et authenticit\'e9**. Nous ne nous contentons pas de produire des vid\'e9os ; nous cr\'e9ons des **\'9cuvres audiovisuelles sur mesure** qui incarnent votre message et atteignent vos objectifs strat\'e9giques.\cb1 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg mb-8 text-secondary-dark leading-relaxed"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     Notre positionnement est unique : nous combinons la **proximit\'e9 et la r\'e9activit\'e9** d'une structure locale avec l'**expertise et la rigueur d'une soci\'e9t\'e9 de production exp\'e9riment\'e9e**. Cela nous permet de nous d\'e9marquer des vid\'e9astes solos pour la complexit\'e9 des projets que nous g\'e9rons, tout en offrant une agilit\'e9 et une personnalisation que les grandes agences peinent parfois \'e0 proposer.\cb1 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "grid md:grid-cols-2 gap-8 mt-10"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf9 \strokec9 <!-- Service 1: Cr\'e9ation de Documentaires -->\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "p-6 bg-light-accent-bg rounded-lg shadow-md border-l-4 border-accent-teal flex items-start space-x-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 i\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "fas fa-film text-accent-teal text-3xl mt-1"\cf6 \strokec6 ></\cf7 \strokec7 i\cf6 \strokec6 >\cf0 \strokec5  \cf9 \strokec9 <!-- Icon for Documentaries -->\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                             \cf6 \strokec6 <\cf7 \strokec7 h3\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-2xl font-semibold mb-2 text-primary-dark"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                                 1. Cr\'e9ation de Documentaires d'Entreprise Impactants\cb1 \
\cb3                             \cf6 \strokec6 </\cf7 \strokec7 h3\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                             \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-secondary-dark"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                                 Du concept \'e0 la post-production, nous r\'e9alisons des films qui plongent au c\'9cur de votre activit\'e9, mettent en lumi\'e8re vos \'e9quipes, vos processus, et l'\'e2me de votre marque. Id\'e9al pour votre communication corporate, marque employeur, valorisation de savoir-faire ou pr\'e9sentation de projets innovants.\cb1 \
\cb3                             \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf9 \strokec9 <!-- Service 2: Production Ex\'e9cutive -->\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "p-6 bg-light-accent-bg rounded-lg shadow-md border-l-4 border-accent-teal flex items-start space-x-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 i\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "fas fa-cogs text-accent-teal text-3xl mt-1"\cf6 \strokec6 ></\cf7 \strokec7 i\cf6 \strokec6 >\cf0 \strokec5  \cf9 \strokec9 <!-- Icon for Production Executive -->\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                             \cf6 \strokec6 <\cf7 \strokec7 h3\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-2xl font-semibold mb-2 text-primary-dark"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                                 2. Production Ex\'e9cutive sur Mesure\cb1 \
\cb3                             \cf6 \strokec6 </\cf7 \strokec7 h3\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                             \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-secondary-dark"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                                 Pour les agences, les productions d'envergure ou les entreprises avec des projets d\'e9j\'e0 sc\'e9naris\'e9s, nous mettons \'e0 disposition notre savoir-faire technique, nos \'e9quipes et notre gestion de projet rigoureuse. Nous assurons une ex\'e9cution fluide et de haute qualit\'e9, garantissant le succ\'e8s de votre production.\cb1 \
\cb3                             \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg mt-10 text-center text-secondary-dark leading-relaxed"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     Quel que soit votre besoin, notre objectif est clair : **transformer votre communication en un actif puissant et diff\'e9renciant**, en forgeant une connexion vraie entre votre histoire et votre public.\cb1 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 </\cf7 \strokec7 section\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
\cb3     \cf9 \strokec9 <!-- About Section -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 section\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "a-propos"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "py-16 md:py-24 bg-light-bg"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "container mx-auto px-4 max-w-5xl"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 h2\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-3xl md:text-4xl font-bold text-center mb-12 text-primary-dark"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 Plus qu'une Production, un Partenariat. Notre Expertise Locale.\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 h2\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-light-accent-bg p-8 rounded-lg shadow-xl flex flex-col md:flex-row items-center gap-8"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "md:w-1/2"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 img\cf0 \strokec5  \cf4 \strokec4 src\cf6 \strokec6 =\cf8 \strokec8 "https://placehold.co/600x400/4ECDC4/1A2B3C?text=Partenariat+Local"\cf0 \strokec5  \cf4 \strokec4 alt\cf6 \strokec6 =\cf8 \strokec8 "Image de collaboration locale"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "rounded-lg shadow-md w-full h-auto object-cover"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "md:w-1/2"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg mb-8 text-secondary-dark leading-relaxed"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         Fond\'e9e par [Votre Pr\'e9nom], [Nom de votre Soci\'e9t\'e9] est n\'e9e de la conviction profonde que la communication des entreprises m\'e9rite plus que de simples images. Elle m\'e9rite des **histoires vraies**, racont\'e9es avec passion et professionnalisme.\cb1 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg mb-8 text-secondary-dark leading-relaxed"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         Notre \'e9quipe, [ou "moi-m\'eame, entour\'e9(e) d'un r\'e9seau de professionnels qualifi\'e9s"], est **ancr\'e9e au c\'9cur de la r\'e9gion**. Cette proximit\'e9 nous permet de comprendre intimement le tissu \'e9conomique local, ses sp\'e9cificit\'e9s et ses ambitions. C'est pourquoi nous avons choisi d'\'eatre le **partenaire privil\'e9gi\'e9** des entreprises d'ici, offrant des services qui se situent \'e0 la crois\'e9e des chemins :\cb1 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 ul\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "list-disc list-inside space-y-4 mb-8 text-secondary-dark"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                             \cf6 \strokec6 <\cf7 \strokec7 strong\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-primary-dark"\cf6 \strokec6 >\cf0 \strokec5 L'agilit\'e9 et la personnalisation d'une structure d\'e9di\'e9e :\cf6 \strokec6 </\cf7 \strokec7 strong\cf6 \strokec6 >\cf0 \strokec5  Nous prenons le temps d'\'e9couter, de comprendre vos enjeux sp\'e9cifiques et de concevoir des solutions v\'e9ritablement sur mesure, loin des cha\'eenes de production impersonnelles.\cb1 \
\cb3                         \cf6 \strokec6 </\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                             \cf6 \strokec6 <\cf7 \strokec7 strong\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-primary-dark"\cf6 \strokec6 >\cf0 \strokec5 La rigueur et l'expertise d'une soci\'e9t\'e9 de production :\cf6 \strokec6 </\cf7 \strokec7 strong\cf6 \strokec6 >\cf0 \strokec5  Nous apportons des comp\'e9tences techniques de pointe, une gestion de projet solide et une capacit\'e9 \'e0 orchestrer des productions de qualit\'e9 professionnelle, quelle que soit leur envergure.\cb1 \
\cb3                         \cf6 \strokec6 </\cf7 \strokec7 li\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 ul\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg text-secondary-dark leading-relaxed"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         Notre d\'e9marche est collaborative. Nous nous positionnons comme un **prolongement de votre \'e9quipe communication**, travaillant main dans la main pour **sublimer votre savoir-faire unique, raconter votre histoire vraie**, et vous aider \'e0 **forger cette connexion authentique** qui fera la diff\'e9rence. Ensemble, faisons de votre communication un **actif puissant et diff\'e9renciant**.\cb1 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 </\cf7 \strokec7 section\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
\cb3     \cf9 \strokec9 <!-- Testimonials Section -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 section\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "temoignages"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "py-16 md:py-24 bg-light-accent-bg"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "container mx-auto px-4 max-w-5xl"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 h2\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-3xl md:text-4xl font-bold text-center mb-12 text-primary-dark"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 Des Histoires d'Entreprises qui Resonnent.\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 h2\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg text-center mb-10 text-secondary-dark leading-relaxed"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 La force de notre approche se mesure \'e0 l'impact de nos productions. D\'e9couvrez comment nous avons aid\'e9 nos partenaires, des PME aux agences, \'e0 **transformer leur communication en un actif puissant et diff\'e9renciant**, en r\'e9v\'e9lant leur **histoire vraie et leur savoir-faire unique** pour **forger des connexions authentiques**.\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf9 \strokec9 <!-- Placeholder for actual testimonials -->\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "grid md:grid-cols-3 gap-8"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-light-bg p-6 rounded-lg shadow-md border-t-4 border-accent-teal flex flex-col items-center text-center"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 img\cf0 \strokec5  \cf4 \strokec4 src\cf6 \strokec6 =\cf8 \strokec8 "https://placehold.co/80x80/1A2B3C/F0F8F9?text=Client1"\cf0 \strokec5  \cf4 \strokec4 alt\cf6 \strokec6 =\cf8 \strokec8 "Photo de profil Client 1"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "rounded-full w-20 h-20 object-cover mb-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "italic text-secondary-dark mb-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         "La collaboration avec [Nom de votre Soci\'e9t\'e9] a \'e9t\'e9 d'une fluidit\'e9 remarquable. Ils ont su capter l'essence de notre entreprise et produire un documentaire qui a vraiment **sublim\'e9 notre savoir-faire**. Un partenaire pr\'e9cieux pour notre communication !"\cb1 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "font-semibold text-primary-dark"\cf6 \strokec6 >\cf0 \strokec5 - [Nom du Client 1], [Entreprise 1]\cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-light-bg p-6 rounded-lg shadow-md border-t-4 border-accent-teal flex flex-col items-center text-center"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 img\cf0 \strokec5  \cf4 \strokec4 src\cf6 \strokec6 =\cf8 \strokec8 "https://placehold.co/80x80/1A2B3C/F0F8F9?text=Client2"\cf0 \strokec5  \cf4 \strokec4 alt\cf6 \strokec6 =\cf8 \strokec8 "Photo de profil Client 2"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "rounded-full w-20 h-20 object-cover mb-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "italic text-secondary-dark mb-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         "En tant qu'agence, nous cherchions une soci\'e9t\'e9 de production agile et experte pour un projet client complexe. [Nom de votre Soci\'e9t\'e9] a assur\'e9 une **production ex\'e9cutive irr\'e9prochable**, livrant un film **impactant** qui a d\'e9pass\'e9 nos attentes."\cb1 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "font-semibold text-primary-dark"\cf6 \strokec6 >\cf0 \strokec5 - [Nom du Client 2], [Agence 2]\cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-light-bg p-6 rounded-lg shadow-md border-t-4 border-accent-teal flex flex-col items-center text-center"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 img\cf0 \strokec5  \cf4 \strokec4 src\cf6 \strokec6 =\cf8 \strokec8 "https://placehold.co/80x80/1A2B3C/F0F8F9?text=Client3"\cf0 \strokec5  \cf4 \strokec4 alt\cf6 \strokec6 =\cf8 \strokec8 "Photo de profil Client 3"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "rounded-full w-20 h-20 object-cover mb-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "italic text-secondary-dark mb-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         "Ce n'\'e9tait pas juste une vid\'e9o, c'\'e9tait notre **histoire vraie** racont\'e9e avec une sensibilit\'e9 incroyable. [Nom de votre Soci\'e9t\'e9] a cr\'e9\'e9 une **connexion authentique** avec notre public, et le retour est un **actif puissant** pour notre marque."\cb1 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "font-semibold text-primary-dark"\cf6 \strokec6 >\cf0 \strokec5 - [Nom du Client 3], [Entreprise 3]\cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-center mt-12"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#contact"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "inline-block bg-primary-dark text-light-bg font-semibold py-3 px-8 rounded-full shadow-lg hover:bg-secondary-dark transition-all duration-300 transform hover:scale-105"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     D\'e9couvrez nos r\'e9alisations (lien vers portfolio)\cb1 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 </\cf7 \strokec7 section\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
\cb3     \cf9 \strokec9 <!-- Contact Section -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 section\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "contact"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "py-16 md:py-24 bg-secondary-dark text-light-bg"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "container mx-auto px-4 max-w-3xl text-center"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 h2\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-3xl md:text-4xl font-bold mb-8"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 Pr\'eat(e) \'e0 Raconter Votre Histoire ?\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 h2\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "text-lg mb-10 opacity-90"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 Contactez-nous pour discuter de votre projet, de vos besoins et d\'e9couvrir comment nous pouvons transformer votre communication en un v\'e9ritable atout strat\'e9gique.\cb1 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-primary-dark p-8 rounded-lg shadow-xl"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 form\cf0 \strokec5  \cf4 \strokec4 action\cf6 \strokec6 =\cf8 \strokec8 "#"\cf0 \strokec5  \cf4 \strokec4 method\cf6 \strokec6 =\cf8 \strokec8 "POST"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "space-y-6"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 label\cf0 \strokec5  \cf4 \strokec4 for\cf6 \strokec6 =\cf8 \strokec8 "name"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "block text-left text-sm font-medium mb-2"\cf6 \strokec6 >\cf0 \strokec5 Votre Nom\cf6 \strokec6 </\cf7 \strokec7 label\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 input\cf0 \strokec5  \cf4 \strokec4 type\cf6 \strokec6 =\cf8 \strokec8 "text"\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "name"\cf0 \strokec5  \cf4 \strokec4 name\cf6 \strokec6 =\cf8 \strokec8 "name"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "w-full p-3 rounded-md bg-secondary-dark border border-primary-dark focus:border-accent-teal focus:ring focus:ring-accent-teal focus:ring-opacity-50 text-light-bg placeholder-gray-400"\cf0 \strokec5  \cf4 \strokec4 placeholder\cf6 \strokec6 =\cf8 \strokec8 "Votre nom complet"\cf0 \strokec5  \cf4 \strokec4 required\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 label\cf0 \strokec5  \cf4 \strokec4 for\cf6 \strokec6 =\cf8 \strokec8 "email"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "block text-left text-sm font-medium mb-2"\cf6 \strokec6 >\cf0 \strokec5 Votre Email Professionnel\cf6 \strokec6 </\cf7 \strokec7 label\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 input\cf0 \strokec5  \cf4 \strokec4 type\cf6 \strokec6 =\cf8 \strokec8 "email"\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "email"\cf0 \strokec5  \cf4 \strokec4 name\cf6 \strokec6 =\cf8 \strokec8 "email"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "w-full p-3 rounded-md bg-secondary-dark border border-primary-dark focus:border-accent-teal focus:ring focus:ring-accent-teal focus:ring-opacity-50 text-light-bg placeholder-gray-400"\cf0 \strokec5  \cf4 \strokec4 placeholder\cf6 \strokec6 =\cf8 \strokec8 "exemple@votresociete.com"\cf0 \strokec5  \cf4 \strokec4 required\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 label\cf0 \strokec5  \cf4 \strokec4 for\cf6 \strokec6 =\cf8 \strokec8 "company"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "block text-left text-sm font-medium mb-2"\cf6 \strokec6 >\cf0 \strokec5 Nom de Votre Entreprise\cf6 \strokec6 </\cf7 \strokec7 label\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 input\cf0 \strokec5  \cf4 \strokec4 type\cf6 \strokec6 =\cf8 \strokec8 "text"\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "company"\cf0 \strokec5  \cf4 \strokec4 name\cf6 \strokec6 =\cf8 \strokec8 "company"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "w-full p-3 rounded-md bg-secondary-dark border border-primary-dark focus:border-accent-teal focus:ring focus:ring-accent-teal focus:ring-opacity-50 text-light-bg placeholder-gray-400"\cf0 \strokec5  \cf4 \strokec4 placeholder\cf6 \strokec6 =\cf8 \strokec8 "Nom de votre soci\'e9t\'e9"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 label\cf0 \strokec5  \cf4 \strokec4 for\cf6 \strokec6 =\cf8 \strokec8 "message"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "block text-left text-sm font-medium mb-2"\cf6 \strokec6 >\cf0 \strokec5 Votre Message\cf6 \strokec6 </\cf7 \strokec7 label\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         \cf6 \strokec6 <\cf7 \strokec7 textarea\cf0 \strokec5  \cf4 \strokec4 id\cf6 \strokec6 =\cf8 \strokec8 "message"\cf0 \strokec5  \cf4 \strokec4 name\cf6 \strokec6 =\cf8 \strokec8 "message"\cf0 \strokec5  \cf4 \strokec4 rows\cf6 \strokec6 =\cf8 \strokec8 "5"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "w-full p-3 rounded-md bg-secondary-dark border border-primary-dark focus:border-accent-teal focus:ring focus:ring-accent-teal focus:ring-opacity-50 text-light-bg placeholder-gray-400"\cf0 \strokec5  \cf4 \strokec4 placeholder\cf6 \strokec6 =\cf8 \strokec8 "D\'e9crivez bri\'e8vement votre projet ou vos questions..."\cf0 \strokec5  \cf4 \strokec4 required\cf6 \strokec6 ></\cf7 \strokec7 textarea\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 button\cf0 \strokec5  \cf4 \strokec4 type\cf6 \strokec6 =\cf8 \strokec8 "submit"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "w-full bg-accent-teal text-primary-dark font-semibold py-3 px-6 rounded-md shadow-lg hover:bg-opacity-90 transition-all duration-300 transform hover:scale-105"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                         Envoyer Votre Demande\cb1 \
\cb3                     \cf6 \strokec6 </\cf7 \strokec7 button\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 form\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "mt-8 text-lg"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "mb-2"\cf6 \strokec6 >\cf0 \strokec5 Ou contactez-nous directement :\cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "font-medium"\cf6 \strokec6 >\cf0 \strokec5 Email : \cf6 \strokec6 <\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "mailto:contact@votresociete.com"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300"\cf6 \strokec6 >\cf0 \strokec5 contact@votresociete.com\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 ></\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                     \cf6 \strokec6 <\cf7 \strokec7 p\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "font-medium"\cf6 \strokec6 >\cf0 \strokec5 T\'e9l\'e9phone : \cf6 \strokec6 <\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "tel:+33123456789"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300"\cf6 \strokec6 >\cf0 \strokec5 [Votre Num\'e9ro de T\'e9l\'e9phone]\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 ></\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 </\cf7 \strokec7 section\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
\cb3     \cf9 \strokec9 <!-- Footer Section -->\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 <\cf7 \strokec7 footer\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "bg-primary-dark text-light-bg py-8 text-center text-sm"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "container mx-auto px-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \strokec5 &copy; 2025 [Nom de Votre Soci\'e9t\'e9]. Tous droits r\'e9serv\'e9s.\cf6 \strokec6 </\cf7 \strokec7 p\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 <\cf7 \strokec7 div\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "mt-4 flex justify-center space-x-4"\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300"\cf6 \strokec6 >\cf0 \strokec5 Mentions L\'e9gales\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "#"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300"\cf6 \strokec6 >\cf0 \strokec5 Politique de Confidentialit\'e9\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3                 \cf6 \strokec6 <\cf7 \strokec7 a\cf0 \strokec5  \cf4 \strokec4 href\cf6 \strokec6 =\cf8 \strokec8 "https://www.linkedin.com/company/votre-profil-linkedin"\cf0 \strokec5  \cf4 \strokec4 target\cf6 \strokec6 =\cf8 \strokec8 "_blank"\cf0 \strokec5  \cf4 \strokec4 class\cf6 \strokec6 =\cf8 \strokec8 "hover:text-accent-teal transition-colors duration-300"\cf6 \strokec6 >\cf0 \strokec5 LinkedIn\cf6 \strokec6 </\cf7 \strokec7 a\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3             \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3         \cf6 \strokec6 </\cf7 \strokec7 div\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cb3     \cf6 \strokec6 </\cf7 \strokec7 footer\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
\pard\pardeftab720\partightenfactor0
\cf6 \cb3 \strokec6 </\cf7 \strokec7 body\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\cf6 \cb3 \strokec6 </\cf7 \strokec7 html\cf6 \strokec6 >\cf0 \cb1 \strokec5 \
\
}