/* Images CSS personnalisées pour les projets Vendoprone */

.projet-image-container {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 8px;
}

.projet-image-container-large {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 8px;
}

.projet-image-container-small {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 8px;
}

.projet-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.projet-image-container:hover .projet-image,
.projet-image-container-large:hover .projet-image,
.projet-image-container-small:hover .projet-image {
    transform: scale(1.05);
}

/* JamayStream - E-commerce Streaming */
.projet-image.jamaystream {
    background: #0a0e27;
    position: relative;
    overflow: hidden;
}

.projet-image.jamaystream::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230a0e27' width='800' height='600'/%3E%3Cg fill='none' stroke='%23333' stroke-width='1'%3E%3Cline x1='0' y1='100' x2='800' y2='100'/%3E%3Cline x1='0' y1='200' x2='800' y2='200'/%3E%3Cline x1='0' y1='300' x2='800' y2='300'/%3E%3Cline x1='0' y1='400' x2='800' y2='400'/%3E%3Cline x1='0' y1='500' x2='800' y2='500'/%3E%3C/g%3E%3Crect x='100' y='150' width='180' height='120' rx='8' fill='%231a1a2e' stroke='%23d35400' stroke-width='2'/%3E%3Crect x='100' y='150' width='180' height='80' rx='8' fill='%23d35400' opacity='0.3'/%3E%3Ctext x='190' y='200' fill='%23fff' font-family='monospace' font-size='16' text-anchor='middle'%3ENetflix%3C/text%3E%3Crect x='320' y='150' width='180' height='120' rx='8' fill='%231a1a2e' stroke='%23d35400' stroke-width='2'/%3E%3Crect x='320' y='150' width='180' height='80' rx='8' fill='%23d35400' opacity='0.3'/%3E%3Ctext x='410' y='200' fill='%23fff' font-family='monospace' font-size='16' text-anchor='middle'%3ESpotify%3C/text%3E%3Crect x='540' y='150' width='180' height='120' rx='8' fill='%231a1a2e' stroke='%23d35400' stroke-width='2'/%3E%3Crect x='540' y='150' width='180' height='80' rx='8' fill='%23d35400' opacity='0.3'/%3E%3Ctext x='630' y='200' fill='%23fff' font-family='monospace' font-size='16' text-anchor='middle'%3EDisney+%3C/text%3E%3Crect x='100' y='320' width='620' height='200' rx='8' fill='%231a1a2e' stroke='%23444' stroke-width='1'/%3E%3Ctext x='410' y='360' fill='%23fff' font-family='monospace' font-size='18' text-anchor='middle'%3EJAMAYSTREAM%3C/text%3E%3Ctext x='410' y='390' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EBoutique de cartes cadeaux et abonnements%3C/text%3E%3Crect x='150' y='420' width='120' height='40' rx='4' fill='%23d35400'/%3E%3Ctext x='210' y='445' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EAcheter%3C/text%3E%3Crect x='530' y='420' width='120' height='40' rx='4' fill='%23444' stroke='%23666'/%3E%3Ctext x='590' y='445' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EPanier%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Nouavou Magazine */
.projet-image.nouavou-magazine {
    background: #1a1a1a;
    position: relative;
    overflow: hidden;
}

.projet-image.nouavou-magazine::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231a1a1a' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='4' fill='%23222' stroke='%23444'/%3E%3Crect x='70' y='70' width='660' height='80' fill='%23d35400'/%3E%3Ctext x='400' y='120' fill='%23fff' font-family='serif' font-size='32' font-weight='bold' text-anchor='middle'%3ENOUAVOU%3C/text%3E%3Crect x='70' y='170' width='320' height='200' rx='4' fill='%23333'/%3E%3Crect x='410' y='170' width='320' height='95' rx='4' fill='%23333'/%3E%3Crect x='410' y='275' width='155' height='95' rx='4' fill='%23333'/%3E%3Crect x='575' y='275' width='155' height='95' rx='4' fill='%23333'/%3E%3Cline x1='70' y1='390' x2='730' y2='390' stroke='%23444' stroke-width='2'/%3E%3Crect x='70' y='410' width='660' height='30' fill='%23333'/%3E%3Crect x='70' y='450' width='660' height='30' fill='%23333'/%3E%3Crect x='70' y='490' width='660' height='30' fill='%23333'/%3E%3Ctext x='400' y='550' fill='%23999' font-family='monospace' font-size='14' text-anchor='middle'%3Ewww.nouavou.net%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Nouavou Campagne Publicitaire */
.projet-image.nouavou-campagne {
    background: #0f1419;
    position: relative;
    overflow: hidden;
}

.projet-image.nouavou-campagne::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230f1419' width='800' height='600'/%3E%3Cg fill='none' stroke='%23333' stroke-width='1'%3E%3Cline x1='50' y1='250' x2='750' y2='250'/%3E%3Cline x1='50' y1='250' x2='50' y2='50'/%3E%3C/g%3E%3Cpolyline points='50,220 150,200 250,180 350,150 450,120 550,100 650,90 750,85' stroke='%23d35400' stroke-width='4' fill='none'/%3E%3Ccircle cx='50' cy='220' r='4' fill='%23d35400'/%3E%3Ccircle cx='150' cy='200' r='4' fill='%23d35400'/%3E%3Ccircle cx='250' cy='180' r='4' fill='%23d35400'/%3E%3Ccircle cx='350' cy='150' r='4' fill='%23d35400'/%3E%3Ccircle cx='450' cy='120' r='4' fill='%23d35400'/%3E%3Ccircle cx='550' cy='100' r='4' fill='%23d35400'/%3E%3Ccircle cx='650' cy='90' r='4' fill='%23d35400'/%3E%3Ccircle cx='750' cy='85' r='4' fill='%23d35400'/%3E%3Ctext x='400' y='40' fill='%23fff' font-family='monospace' font-size='18' text-anchor='middle'%3ECampagnes Publicitaires - ROI%3C/text%3E%3Ctext x='50' y='280' fill='%23999' font-family='monospace' font-size='10'%3EGoogle Ads%3C/text%3E%3Ctext x='400' y='280' fill='%23999' font-family='monospace' font-size='10'%3EMeta Ads%3C/text%3E%3Ctext x='750' y='280' fill='%23999' font-family='monospace' font-size='10'%3ELinkedIn%3C/text%3E%3Ctext x='760' y='80' fill='%23d35400' font-family='monospace' font-size='12'%3E+320%%3C/text%3E%3Crect x='100' y='350' width='200' height='150' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='200' y='380' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EImpressions%3C/text%3E%3Ctext x='200' y='410' fill='%23d35400' font-family='monospace' font-size='24' text-anchor='middle'%3E2.5M%3C/text%3E%3Crect x='350' y='350' width='200' height='150' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='450' y='380' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EClics%3C/text%3E%3Ctext x='450' y='410' fill='%23d35400' font-family='monospace' font-size='24' text-anchor='middle'%3E45K%3C/text%3E%3Crect x='600' y='350' width='150' height='150' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='675' y='380' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EROI%3C/text%3E%3Ctext x='675' y='410' fill='%23d35400' font-family='monospace' font-size='24' text-anchor='middle'%3E320%%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* CASUDCO - Banque */
.projet-image.casudco {
    background: #0a1929;
    position: relative;
    overflow: hidden;
}

.projet-image.casudco::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230a1929' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%231a2332' stroke='%23d35400' stroke-width='2'/%3E%3Crect x='70' y='70' width='660' height='100' fill='%23d35400'/%3E%3Ctext x='400' y='130' fill='%23fff' font-family='serif' font-size='28' font-weight='bold' text-anchor='middle'%3ECREDIT AGRICOLE%3C/text%3E%3Ctext x='400' y='155' fill='%23fff' font-family='serif' font-size='18' text-anchor='middle'%3EDU SUD COMOE%3C/text%3E%3Crect x='100' y='200' width='280' height='120' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='240' y='240' fill='%23fff' font-family='monospace' font-size='16' text-anchor='middle'%3ENos Services%3C/text%3E%3Ctext x='240' y='270' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EComptes, Prêts, Epargne%3C/text%3E%3Crect x='420' y='200' width='280' height='120' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='560' y='240' fill='%23fff' font-family='monospace' font-size='16' text-anchor='middle'%3ENous Contacter%3C/text%3E%3Ctext x='560' y='270' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EAgences et Horaires%3C/text%3E%3Crect x='100' y='350' width='600' height='150' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='400' y='390' fill='%23fff' font-family='monospace' font-size='18' text-anchor='middle'%3ESécurité Renforcée%3C/text%3E%3Ctext x='400' y='420' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3ESSL Certifié | Conforme aux Standards Bancaires%3C/text%3E%3Crect x='150' y='450' width='120' height='30' rx='4' fill='%23d35400'/%3E%3Ctext x='210' y='470' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EConnexion%3C/text%3E%3Crect x='530' y='450' width='120' height='30' rx='4' fill='%23444' stroke='%23666'/%3E%3Ctext x='590' y='470' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EDécouvrir%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Lafon CRM - ONG */
.projet-image.lafon-crm {
    background: #1a1a2e;
    position: relative;
    overflow: hidden;
}

.projet-image.lafon-crm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231a1a2e' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='4' fill='%23222' stroke='%23444'/%3E%3Crect x='70' y='70' width='660' height='60' fill='%23d35400'/%3E%3Ctext x='400' y='105' fill='%23fff' font-family='monospace' font-size='20' text-anchor='middle'%3EONG LAFON - CRM%3C/text%3E%3Crect x='100' y='150' width='200' height='150' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='200' y='180' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EBénéficiaires%3C/text%3E%3Ctext x='200' y='210' fill='%23d35400' font-family='monospace' font-size='32' text-anchor='middle'%3E1,245%3C/text%3E%3Ctext x='200' y='240' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EActifs%3C/text%3E%3Crect x='350' y='150' width='200' height='150' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='450' y='180' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EProjets%3C/text%3E%3Ctext x='450' y='210' fill='%23d35400' font-family='monospace' font-size='32' text-anchor='middle'%3E28%3C/text%3E%3Ctext x='450' y='240' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EEn cours%3C/text%3E%3Crect x='600' y='150' width='150' height='150' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='675' y='180' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EActivités%3C/text%3E%3Ctext x='675' y='210' fill='%23d35400' font-family='monospace' font-size='32' text-anchor='middle'%3E156%3C/text%3E%3Ctext x='675' y='240' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3ECe mois%3C/text%3E%3Crect x='100' y='330' width='650' height='180' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='100' y='360' fill='%23fff' font-family='monospace' font-size='14'%3EListe des Bénéficiaires%3C/text%3E%3Cline x1='100' y1='380' x2='750' y2='380' stroke='%23444' stroke-width='1'/%3E%3Crect x='120' y='400' width='610' height='25' rx='2' fill='%23222'/%3E%3Crect x='120' y='435' width='610' height='25' rx='2' fill='%23222'/%3E%3Crect x='120' y='470' width='610' height='25' rx='2' fill='%23222'/%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Akwaba ERP - Agence de Voyage */
.projet-image.akwaba-erp {
    background: #0f172a;
    position: relative;
    overflow: hidden;
}

.projet-image.akwaba-erp::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230f172a' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='4' fill='%231e293b' stroke='%23d35400' stroke-width='2'/%3E%3Crect x='70' y='70' width='660' height='50' fill='%23d35400'/%3E%3Ctext x='400' y='100' fill='%23fff' font-family='monospace' font-size='20' text-anchor='middle'%3EAKWABA CONSULTING - ERP%3C/text%3E%3Crect x='100' y='140' width='280' height='180' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='240' y='170' fill='%23fff' font-family='monospace' font-size='16' text-anchor='middle'%3ERéservations%3C/text%3E%3Ctext x='240' y='200' fill='%23d35400' font-family='monospace' font-size='28' text-anchor='middle'%3E342%3C/text%3E%3Ctext x='240' y='230' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3ECe mois%3C/text%3E%3Crect x='420' y='140' width='280' height='180' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='560' y='170' fill='%23fff' font-family='monospace' font-size='16' text-anchor='middle'%3ERevenus%3C/text%3E%3Ctext x='560' y='200' fill='%23d35400' font-family='monospace' font-size='28' text-anchor='middle'%3E125K%3C/text%3E%3Ctext x='560' y='230' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EFCFA%3C/text%3E%3Crect x='100' y='340' width='600' height='180' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='100' y='370' fill='%23fff' font-family='monospace' font-size='14'%3ERéservations Récentes%3C/text%3E%3Cline x1='100' y1='390' x2='700' y2='390' stroke='%23444' stroke-width='1'/%3E%3Crect x='120' y='410' width='560' height='30' rx='2' fill='%23333'/%3E%3Crect x='120' y='450' width='560' height='30' rx='2' fill='%23333'/%3E%3Crect x='120' y='490' width='560' height='30' rx='2' fill='%23333'/%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* JamayBoutique SEO */
.projet-image.jamayboutique-seo {
    background: #1a1a1a;
    position: relative;
    overflow: hidden;
}

.projet-image.jamayboutique-seo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231a1a1a' width='800' height='600'/%3E%3Cg fill='none' stroke='%23333' stroke-width='1'%3E%3Cline x1='50' y1='250' x2='750' y2='250'/%3E%3Cline x1='50' y1='250' x2='50' y2='50'/%3E%3C/g%3E%3Cpolyline points='50,220 150,200 250,180 350,150 450,120 550,100 650,90 750,80' stroke='%23d35400' stroke-width='4' fill='none'/%3E%3Ccircle cx='50' cy='220' r='4' fill='%23d35400'/%3E%3Ccircle cx='150' cy='200' r='4' fill='%23d35400'/%3E%3Ccircle cx='250' cy='180' r='4' fill='%23d35400'/%3E%3Ccircle cx='350' cy='150' r='4' fill='%23d35400'/%3E%3Ccircle cx='450' cy='120' r='4' fill='%23d35400'/%3E%3Ccircle cx='550' cy='100' r='4' fill='%23d35400'/%3E%3Ccircle cx='650' cy='90' r='4' fill='%23d35400'/%3E%3Ccircle cx='750' cy='80' r='4' fill='%23d35400'/%3E%3Ctext x='400' y='40' fill='%23fff' font-family='monospace' font-size='18' text-anchor='middle'%3ETrafic Organique - Evolution SEO%3C/text%3E%3Ctext x='50' y='280' fill='%23999' font-family='monospace' font-size='10'%3EM0%3C/text%3E%3Ctext x='400' y='280' fill='%23999' font-family='monospace' font-size='10'%3EM6%3C/text%3E%3Ctext x='750' y='280' fill='%23999' font-family='monospace' font-size='10'%3EM12%3C/text%3E%3Ctext x='760' y='75' fill='%23d35400' font-family='monospace' font-size='12'%3E+280%%3C/text%3E%3Crect x='100' y='350' width='180' height='150' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='190' y='380' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EMots-clés%3C/text%3E%3Ctext x='190' y='410' fill='%23d35400' font-family='monospace' font-size='28' text-anchor='middle'%3E25%3C/text%3E%3Ctext x='190' y='440' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3E#1 sur Google%3C/text%3E%3Crect x='320' y='350' width='180' height='150' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='410' y='380' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3ETrafic%3C/text%3E%3Ctext x='410' y='410' fill='%23d35400' font-family='monospace' font-size='28' text-anchor='middle'%3E+280%%3C/text%3E%3Ctext x='410' y='440' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EEn 8 mois%3C/text%3E%3Crect x='540' y='350' width='180' height='150' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='630' y='380' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EROI SEO%3C/text%3E%3Ctext x='630' y='410' fill='%23d35400' font-family='monospace' font-size='28' text-anchor='middle'%3E400%%3C/text%3E%3Ctext x='630' y='440' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3ERetour investissement%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Kayenne Data */
.projet-image.kayenne-data {
    background: #0a0e27;
    position: relative;
    overflow: hidden;
}

.projet-image.kayenne-data::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230a0e27' width='800' height='600'/%3E%3Cg fill='none' stroke='%23333' stroke-width='1'%3E%3Cline x1='0' y1='100' x2='800' y2='100'/%3E%3Cline x1='0' y1='200' x2='800' y2='200'/%3E%3Cline x1='0' y1='300' x2='800' y2='300'/%3E%3Cline x1='0' y1='400' x2='800' y2='400'/%3E%3Cline x1='0' y1='500' x2='800' y2='500'/%3E%3C/g%3E%3Crect x='50' y='50' width='700' height='500' rx='4' fill='%231a1a2e' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='80' fill='%23fff' font-family='monospace' font-size='18' text-anchor='middle'%3EEnvironnement Data - Agence Kayenne%3C/text%3E%3Crect x='100' y='120' width='250' height='180' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='225' y='150' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EData Warehouse%3C/text%3E%3Crect x='120' y='170' width='210' height='120' rx='2' fill='%23333'/%3E%3Crect x='400' y='120' width='250' height='180' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='525' y='150' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EDashboards%3C/text%3E%3Crect x='420' y='170' width='210' height='120' rx='2' fill='%23333'/%3E%3Crect x='100' y='330' width='550' height='180' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='100' y='360' fill='%23fff' font-family='monospace' font-size='14'%3ESources de Données Intégrées%3C/text%3E%3Cline x1='100' y1='380' x2='650' y2='380' stroke='%23444' stroke-width='1'/%3E%3Crect x='120' y='400' width='120' height='30' rx='2' fill='%23d35400' opacity='0.3'/%3E%3Ctext x='180' y='420' fill='%23fff' font-family='monospace' font-size='11'%3EGoogle Analytics%3C/text%3E%3Crect x='260' y='400' width='120' height='30' rx='2' fill='%23d35400' opacity='0.3'/%3E%3Ctext x='320' y='420' fill='%23fff' font-family='monospace' font-size='11'%3EFacebook Ads%3C/text%3E%3Crect x='400' y='400' width='120' height='30' rx='2' fill='%23d35400' opacity='0.3'/%3E%3Ctext x='460' y='420' fill='%23fff' font-family='monospace' font-size='11'%3ECRM%3C/text%3E%3Crect x='540' y='400' width='80' height='30' rx='2' fill='%23d35400' opacity='0.3'/%3E%3Ctext x='580' y='420' fill='%23fff' font-family='monospace' font-size='11'%3EERP%3C/text%3E%3Crect x='120' y='450' width='500' height='40' rx='2' fill='%23333'/%3E%3Ctext x='370' y='475' fill='%23d35400' font-family='monospace' font-size='12' text-anchor='middle'%3E100%% des données centralisées%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Cornov IA */
.projet-image.cornov-ia {
    background: #1a1a2e;
    position: relative;
    overflow: hidden;
}

.projet-image.cornov-ia::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231a1a2e' width='800' height='600'/%3E%3Cg fill='none' stroke='%23333' stroke-width='1'%3E%3Cline x1='0' y1='150' x2='800' y2='150'/%3E%3Cline x1='0' y1='250' x2='800' y2='250'/%3E%3Cline x1='0' y1='350' x2='800' y2='350'/%3E%3Cline x1='0' y1='450' x2='800' y2='450'/%3E%3C/g%3E%3Crect x='50' y='50' width='700' height='500' rx='4' fill='%23222' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='80' fill='%23fff' font-family='monospace' font-size='18' text-anchor='middle'%3ECORNOV - Solutions IA & Machine Learning%3C/text%3E%3Crect x='100' y='120' width='180' height='120' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='190' y='150' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EPrédiction%3C/text%3E%3Ctext x='190' y='180' fill='%23d35400' font-family='monospace' font-size='24' text-anchor='middle'%3EML%3C/text%3E%3Ctext x='190' y='210' fill='%23999' font-family='monospace' font-size='10' text-anchor='middle'%3EModèle 1%3C/text%3E%3Crect x='310' y='120' width='180' height='120' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='400' y='150' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EClassification%3C/text%3E%3Ctext x='400' y='180' fill='%23d35400' font-family='monospace' font-size='24' text-anchor='middle'%3EIA%3C/text%3E%3Ctext x='400' y='210' fill='%23999' font-family='monospace' font-size='10' text-anchor='middle'%3EModèle 2%3C/text%3E%3Crect x='520' y='120' width='180' height='120' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='610' y='150' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EOptimisation%3C/text%3E%3Ctext x='610' y='180' fill='%23d35400' font-family='monospace' font-size='24' text-anchor='middle'%3EAI%3C/text%3E%3Ctext x='610' y='210' fill='%23999' font-family='monospace' font-size='10' text-anchor='middle'%3EModèle 3%3C/text%3E%3Crect x='100' y='270' width='600' height='250' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='100' y='300' fill='%23fff' font-family='monospace' font-size='14'%3EConsole ML - Entraînement des Modèles%3C/text%3E%3Cline x1='100' y1='320' x2='700' y2='320' stroke='%23444' stroke-width='1'/%3E%3Ctext x='120' y='350' fill='%23999' font-family='monospace' font-size='11'%3E%3E python train_model.py --dataset data.csv --epochs 100%3C/text%3E%3Ctext x='120' y='380' fill='%23999' font-family='monospace' font-size='11'%3ETraining... Epoch 1/100 Loss: 0.4523%3C/text%3E%3Ctext x='120' y='410' fill='%23999' font-family='monospace' font-size='11'%3ETraining... Epoch 50/100 Loss: 0.1234%3C/text%3E%3Ctext x='120' y='440' fill='%23d35400' font-family='monospace' font-size='11'%3E✓ Model trained successfully! Accuracy: 94.5%%3C/text%3E%3Ctext x='120' y='470' fill='%23999' font-family='monospace' font-size='11'%3E%3E Model saved to: models/cornov_ml_v1.pkl%3C/text%3E%3Ctext x='120' y='500' fill='%23999' font-family='monospace' font-size='11'%3E%3E Deploying to production...%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* KoKe Wolf Chatbot */
.projet-image.kokewolf-chatbot {
    background: #0f1419;
    position: relative;
    overflow: hidden;
}

.projet-image.kokewolf-chatbot::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230f1419' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%231a1a1a' stroke='%23d35400' stroke-width='2'/%3E%3Crect x='70' y='70' width='660' height='80' fill='%23d35400'/%3E%3Ctext x='400' y='115' fill='%23fff' font-family='monospace' font-size='20' text-anchor='middle'%3EKOKE WOLF - Chatbot IA%3C/text%3E%3Ctext x='400' y='140' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EAssistance Téléphonique Intelligente%3C/text%3E%3Crect x='100' y='180' width='600' height='300' rx='4' fill='%23222' stroke='%23444'/%3E%3Crect x='120' y='200' width='200' height='50' rx='20' fill='%23333'/%3E%3Ctext x='220' y='230' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EBonjour, comment puis-je vous aider?%3C/text%3E%3Crect x='480' y='270' width='200' height='50' rx='20' fill='%23d35400'/%3E%3Ctext x='580' y='300' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EJe cherche des informations%3C/text%3E%3Crect x='120' y='340' width='250' height='50' rx='20' fill='%23333'/%3E%3Ctext x='245' y='370' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EQuel type d'information?%3C/text%3E%3Crect x='480' y='400' width='200' height='50' rx='20' fill='%23d35400'/%3E%3Ctext x='580' y='430' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3ESur vos services%3C/text%3E%3Crect x='120' y='470' width='300' height='50' rx='20' fill='%23333'/%3E%3Ctext x='270' y='500' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EVoici nos services disponibles...%3C/text%3E%3Ccircle cx='750' cy='500' r='30' fill='%23d35400'/%3E%3Ctext x='750' y='508' fill='%23fff' font-family='monospace' font-size='20' text-anchor='middle'%3EAI%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Oreol User Research */
.projet-image.oreol-user-research {
    background: #1a1a1a;
    position: relative;
    overflow: hidden;
}

.projet-image.oreol-user-research::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231a1a1a' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='4' fill='%23222' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='80' fill='%23fff' font-family='monospace' font-size='18' text-anchor='middle'%3EOREOL WORK - User Research%3C/text%3E%3Crect x='100' y='120' width='280' height='180' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='240' y='150' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EEntretiens%3C/text%3E%3Ctext x='240' y='180' fill='%23d35400' font-family='monospace' font-size='32' text-anchor='middle'%3E15+%3C/text%3E%3Ctext x='240' y='210' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EUtilisateurs%3C/text%3E%3Ctext x='240' y='230' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3Einterviewés%3C/text%3E%3Crect x='420' y='120' width='280' height='180' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='560' y='150' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EAméliorations%3C/text%3E%3Ctext x='560' y='180' fill='%23d35400' font-family='monospace' font-size='32' text-anchor='middle'%3E8%3C/text%3E%3Ctext x='560' y='210' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EPoints prioritaires%3C/text%3E%3Ctext x='560' y='230' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3Eidentifiés%3C/text%3E%3Crect x='100' y='330' width='600' height='180' rx='4' fill='%23333' stroke='%23444'/%3E%3Ctext x='100' y='360' fill='%23fff' font-family='monospace' font-size='14'%3EInsights Utilisateurs%3C/text%3E%3Cline x1='100' y1='380' x2='700' y2='380' stroke='%23444' stroke-width='1'/%3E%3Crect x='120' y='400' width='560' height='30' rx='2' fill='%23222'/%3E%3Ctext x='140' y='420' fill='%23fff' font-family='monospace' font-size='11'%3E• Navigation complexe - 73%% des utilisateurs%3C/text%3E%3Crect x='120' y='440' width='560' height='30' rx='2' fill='%23222'/%3E%3Ctext x='140' y='460' fill='%23fff' font-family='monospace' font-size='11'%3E• Besoin de fonctionnalité de recherche - 68%% des utilisateurs%3C/text%3E%3Crect x='120' y='480' width='560' height='30' rx='2' fill='%23222'/%3E%3Ctext x='140' y='500' fill='%23fff' font-family='monospace' font-size='11'%3E• Amélioration UX mobile - 82%% des utilisateurs%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Vendoprone SaaS - Plateforme interne */
.projet-image.vendoprone-saas {
    background: #0f172a;
    position: relative;
    overflow: hidden;
}

.projet-image.vendoprone-saas::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230f172a' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%231e293b' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='90' fill='%23fff' font-family='monospace' font-size='20' text-anchor='middle'%3EVENDOPRONE SaaS%3C/text%3E%3Ctext x='400' y='115' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EGestion projets et livrables%3C/text%3E%3Crect x='80' y='140' width='200' height='120' rx='4' fill='%23334' stroke='%23444'/%3E%3Ctext x='180' y='175' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EProjets%3C/text%3E%3Ctext x='180' y='205' fill='%23d35400' font-family='monospace' font-size='28' text-anchor='middle'%3E12%3C/text%3E%3Crect x='320' y='140' width='200' height='120' rx='4' fill='%23334' stroke='%23444'/%3E%3Ctext x='420' y='175' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3ELivrables%3C/text%3E%3Ctext x='420' y='205' fill='%23d35400' font-family='monospace' font-size='28' text-anchor='middle'%3E48%3C/text%3E%3Crect x='560' y='140' width='160' height='120' rx='4' fill='%23334' stroke='%23444'/%3E%3Ctext x='640' y='175' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EClients%3C/text%3E%3Ctext x='640' y='205' fill='%23d35400' font-family='monospace' font-size='28' text-anchor='middle'%3E8%3C/text%3E%3Crect x='80' y='290' width='640' height='220' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='100' y='320' fill='%23fff' font-family='monospace' font-size='14'%3EDashboard - Projets en cours%3C/text%3E%3Cline x1='80' y1='340' x2='720' y2='340' stroke='%23444' stroke-width='1'/%3E%3Crect x='100' y='360' width='600' height='28' rx='2' fill='%23334'/%3E%3Crect x='100' y='398' width='600' height='28' rx='2' fill='%23334'/%3E%3Crect x='100' y='436' width='600' height='28' rx='2' fill='%23334'/%3E%3Crect x='100' y='474' width='600' height='28' rx='2' fill='%23334'/%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Ok-voyage - Chatbot téléphonique */
.projet-image.ok-voyage-chatbot {
    background: #0c1222;
    position: relative;
    overflow: hidden;
}

.projet-image.ok-voyage-chatbot::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230c1222' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%231a1f2e' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='95' fill='%23fff' font-family='monospace' font-size='20' text-anchor='middle'%3EOK-VOYAGE%3C/text%3E%3Ctext x='400' y='120' fill='%23999' font-family='monospace' font-size='12' text-anchor='middle'%3EChatbot Téléphonique - Agence de voyage%3C/text%3E%3Ccircle cx='400' cy='220' r='60' fill='%23d35400' opacity='0.3'/%3E%3Cpath d='M370 200 L400 230 L440 190' stroke='%23fff' stroke-width='4' fill='none'/%3E%3Ctext x='400' y='320' fill='%23fff' font-family='monospace' font-size='14' text-anchor='middle'%3EAssistant vocal IA 24/7%3C/text%3E%3Crect x='150' y='360' width='220' height='50' rx='25' fill='%23333'/%3E%3Ctext x='260' y='392' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EPrise de RDV%3C/text%3E%3Crect x='430' y='360' width='220' height='50' rx='25' fill='%23d35400'/%3E%3Ctext x='540' y='392' fill='%23fff' font-family='monospace' font-size='12' text-anchor='middle'%3EInfos voyages%3C/text%3E%3Crect x='150' y='430' width='500' height='80' rx='4' fill='%23222' stroke='%23444'/%3E%3Ctext x='400' y='465' fill='%23999' font-family='monospace' font-size='11' text-anchor='middle'%3EAppels qualifiés et transférés vers conseillers%3C/text%3E%3Ctext x='400' y='495' fill='%23d35400' font-family='monospace' font-size='12' text-anchor='middle'%3E40%% en autonomie%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Site 1 - Restaurant (Feane) */
.projet-image.site1-restaurant {
    background: #2d1f14;
    position: relative;
    overflow: hidden;
}

.projet-image.site1-restaurant::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%232d1f14' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%233d2a1a' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='100' fill='%23fff' font-family='sans-serif' font-size='28' text-anchor='middle'%3EFeane%3C/text%3E%3Ctext x='400' y='135' fill='%23ccc' font-family='sans-serif' font-size='14' text-anchor='middle'%3ESite vitrine restaurant%3C/text%3E%3Crect x='100' y='170' width='250' height='140' rx='8' fill='%234a3520'/%3E%3Crect x='330' y='170' width='250' height='140' rx='8' fill='%234a3520'/%3E%3Crect x='560' y='170' width='140' height='140' rx='8' fill='%234a3520'/%3E%3Ctext x='225' y='250' fill='%23d35400' font-family='sans-serif' font-size='12' text-anchor='middle'%3ECarte%3C/text%3E%3Ctext x='455' y='250' fill='%23d35400' font-family='sans-serif' font-size='12' text-anchor='middle'%3ER%C3%A9server%3C/text%3E%3Ctext x='630' y='250' fill='%23d35400' font-family='sans-serif' font-size='12' text-anchor='middle'%3E%C3%80 propos%3C/text%3E%3Cline x1='50' y1='340' x2='750' y2='340' stroke='%23555' stroke-width='1'/%3E%3Ctext x='400' y='400' fill='%23999' font-family='sans-serif' font-size='13' text-anchor='middle'%3ESite con%C3%A7u par Vendoprone%3C/text%3E%3Crect x='300' y='430' width='200' height='45' rx='4' fill='%23d35400'/%3E%3Ctext x='400' y='458' fill='%23fff' font-family='sans-serif' font-size='14' text-anchor='middle'%3EVoir le site%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Site 2 - Landing Agents IA (React) */
.projet-image.site2-agents-ia {
    background: #1a1a2e;
    position: relative;
    overflow: hidden;
}

.projet-image.site2-agents-ia::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231a1a2e' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%23222' stroke='%23ea580c' stroke-width='2'/%3E%3Ctext x='400' y='95' fill='%23fff' font-family='sans-serif' font-size='22' text-anchor='middle'%3EAgents IA%3C/text%3E%3Ctext x='400' y='120' fill='%23ea580c' font-family='sans-serif' font-size='12' text-anchor='middle'%3EConstruisez%2C lancez et scalez%3C/text%3E%3Crect x='150' y='150' width='500' height='80' rx='8' fill='%23333'/%3E%3Ctext x='400' y='195' fill='%23fff' font-family='sans-serif' font-size='14' text-anchor='middle'%3EHero - Commencer %2F Voir la d%C3%A9mo%3C/text%3E%3Crect x='80' y='260' width='200' height='100' rx='4' fill='%23ea580c' opacity='0.3'/%3E%3Crect x='300' y='260' width='200' height='100' rx='4' fill='%23333'/%3E%3Crect x='520' y='260' width='200' height='100' rx='4' fill='%23333'/%3E%3Ctext x='180' y='320' fill='%23999' font-size='11' text-anchor='middle'%3EFeatures%3C/text%3E%3Ctext x='400' y='320' fill='%23999' font-size='11' text-anchor='middle'%3ETarifs%3C/text%3E%3Ctext x='620' y='320' fill='%23999' font-size='11' text-anchor='middle'%3EFAQ%3C/text%3E%3Cline x1='50' y1='400' x2='750' y2='400' stroke='%23444'/%3E%3Ctext x='400' y='450' fill='%23999' font-size='12' text-anchor='middle'%3EReact %2B Vite - Con%C3%A7u par Vendoprone%3C/text%3E%3Crect x='325' y='470' width='150' height='40' rx='20' fill='%23ea580c'/%3E%3Ctext x='400' y='495' fill='%23fff' font-size='12' text-anchor='middle'%3EVoir le site%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Site 3 - Thème solaire (React) */
.projet-image.site3-solaire {
    background: #0c2d0c;
    position: relative;
    overflow: hidden;
}

.projet-image.site3-solaire::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230c2d0c' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%231a3d1a' stroke='%2377B80F' stroke-width='2'/%3E%3Ctext x='400' y='95' fill='%23fff' font-family='sans-serif' font-size='24' text-anchor='middle'%3ESolaren%3C/text%3E%3Ctext x='400' y='120' fill='%2377B80F' font-family='sans-serif' font-size='12' text-anchor='middle'%3E%C3%89nergie solaire%3C/text%3E%3Ccircle cx='400' cy='200' r='50' fill='%23ffc107' opacity='0.6'/%3E%3Ctext x='400' y='290' fill='%23fff' font-size='13' text-anchor='middle'%3ENos services - %C3%80 propos - Contact%3C/text%3E%3Crect x='100' y='320' width='180' height='90' rx='4' fill='%23255a25'/%3E%3Crect x='310' y='320' width='180' height='90' rx='4' fill='%23255a25'/%3E%3Crect x='520' y='320' width='180' height='90' rx='4' fill='%23255a25'/%3E%3Ctext x='190' y='365' fill='%2377B80F' font-size='11' text-anchor='middle'%3EServices%3C/text%3E%3Ctext x='400' y='365' fill='%2377B80F' font-size='11' text-anchor='middle'%3E%C3%89quipe%3C/text%3E%3Ctext x='610' y='365' fill='%2377B80F' font-size='11' text-anchor='middle'%3EBlog%3C/text%3E%3Cline x1='50' y1='440' x2='750' y2='440' stroke='%23366'/%3E%3Ctext x='400' y='485' fill='%23999' font-size='12' text-anchor='middle'%3ESite con%C3%A7u par Vendoprone%3C/text%3E%3Crect x='325' y='500' width='150' height='38' rx='4' fill='%2377B80F'/%3E%3Ctext x='400' y='524' fill='%23fff' font-size='12' text-anchor='middle'%3EVoir le site%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Dewi - Cabinet conseil */
.projet-image.dewi-cabinet-conseil { background: #1e2a38; position: relative; overflow: hidden; }
.projet-image.dewi-cabinet-conseil::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231e2a38' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%232a3847' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='100' fill='%23fff' font-size='22' text-anchor='middle'%3ECabinet conseil%3C/text%3E%3Ctext x='400' y='130' fill='%23d35400' font-size='12' text-anchor='middle'%3EServices - Portfolio - %C3%89quipe%3C/text%3E%3Crect x='100' y='160' width='250' height='120' rx='4' fill='%23344'/%3E%3Crect x='370' y='160' width='250' height='120' rx='4' fill='%23344'/%3E%3Ctext x='225' y='225' fill='%23d35400' font-size='11' text-anchor='middle'%3EServices%3C/text%3E%3Ctext x='495' y='225' fill='%23d35400' font-size='11' text-anchor='middle'%3EPortfolio%3C/text%3E%3Ctext x='400' y='350' fill='%23999' font-size='12' text-anchor='middle'%3ECon%C3%A7u par Vendoprone%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* E-Shopper - Boutique e-commerce */
.projet-image.eshopper-boutique { background: #0d1117; position: relative; overflow: hidden; }
.projet-image.eshopper-boutique::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230d1117' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%23161b22' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='95' fill='%23fff' font-size='22' text-anchor='middle'%3EE-Shopper%3C/text%3E%3Ctext x='400' y='120' fill='%23999' font-size='12' text-anchor='middle'%3EBoutique en ligne%3C/text%3E%3Crect x='80' y='150' width='150' height='120' rx='4' fill='%23222'/%3E%3Crect x='250' y='150' width='150' height='120' rx='4' fill='%23222'/%3E%3Crect x='420' y='150' width='150' height='120' rx='4' fill='%23222'/%3E%3Crect x='590' y='150' width='150' height='120' rx='4' fill='%23222'/%3E%3Ctext x='155' y='290' fill='%23999' font-size='10' text-anchor='middle'%3EProduit%3C/text%3E%3Ctext x='325' y='290' fill='%23999' font-size='10' text-anchor='middle'%3EProduit%3C/text%3E%3Ctext x='495' y='290' fill='%23999' font-size='10' text-anchor='middle'%3EProduit%3C/text%3E%3Ctext x='665' y='290' fill='%23999' font-size='10' text-anchor='middle'%3EProduit%3C/text%3E%3Crect x='200' y='330' width='400' height='50' rx='4' fill='%23d35400'/%3E%3Ctext x='400' y='362' fill='%23fff' font-size='14' text-anchor='middle'%3EPanier - Checkout%3C/text%3E%3Ctext x='400' y='450' fill='%23999' font-size='11' text-anchor='middle'%3ECon%C3%A7u par Vendoprone%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* FaunaFlora - Pépinière & Jardin */
.projet-image.faunaflora-pepiniere { background: #0d2818; position: relative; overflow: hidden; }
.projet-image.faunaflora-pepiniere::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230d2818' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%231a3d2a' stroke='%2377B80F' stroke-width='2'/%3E%3Ctext x='400' y='100' fill='%23fff' font-size='22' text-anchor='middle'%3EFaunaFlora%3C/text%3E%3Ctext x='400' y='130' fill='%2377B80F' font-size='12' text-anchor='middle'%3EP%C3%A9pini%C3%A8re %26 Jardin%3C/text%3E%3Ccircle cx='400' cy='220' r='40' fill='%2377B80F' opacity='0.5'/%3E%3Crect x='120' y='280' width='180' height='100' rx='4' fill='%23255a35'/%3E%3Crect x='330' y='280' width='140' height='100' rx='4' fill='%23255a35'/%3E%3Crect x='500' y='280' width='200' height='100' rx='4' fill='%23255a35'/%3E%3Ctext x='210' y='335' fill='%2377B80F' font-size='11' text-anchor='middle'%3EServices%3C/text%3E%3Ctext x='400' y='335' fill='%2377B80F' font-size='11' text-anchor='middle'%3ETarifs%3C/text%3E%3Ctext x='600' y='335' fill='%2377B80F' font-size='11' text-anchor='middle'%3EContact%3C/text%3E%3Ctext x='400' y='450' fill='%23999' font-size='11' text-anchor='middle'%3ECon%C3%A7u par Vendoprone%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Luminos - Conseil & Stratégie */
.projet-image.luminos-conseil-strategie { background: #0f172a; position: relative; overflow: hidden; }
.projet-image.luminos-conseil-strategie::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%230f172a' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%231e293b' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='95' fill='%23fff' font-size='22' text-anchor='middle'%3ELuminos%3C/text%3E%3Ctext x='400' y='120' fill='%23999' font-size='12' text-anchor='middle'%3EConseil %26 Services B2B%3C/text%3E%3Crect x='80' y='160' width='200' height='90' rx='4' fill='%23334'/%3E%3Crect x='300' y='160' width='200' height='90' rx='4' fill='%23334'/%3E%3Crect x='520' y='160' width='200' height='90' rx='4' fill='%23334'/%3E%3Ctext x='180' y='215' fill='%23d35400' font-size='11' text-anchor='middle'%3EExpertises%3C/text%3E%3Ctext x='400' y='215' fill='%23d35400' font-size='11' text-anchor='middle'%3E%C3%89tudes de cas%3C/text%3E%3Ctext x='620' y='215' fill='%23d35400' font-size='11' text-anchor='middle'%3E%C3%89quipe%3C/text%3E%3Ctext x='400' y='320' fill='%23999' font-size='12' text-anchor='middle'%3ECorporate - Con%C3%A7u par Vendoprone%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Property - Immobilier */
.projet-image.property-immobilier { background: #1a1a2e; position: relative; overflow: hidden; }
.projet-image.property-immobilier::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231a1a2e' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%23222' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='95' fill='%23fff' font-size='22' text-anchor='middle'%3EProperty%3C/text%3E%3Ctext x='400' y='120' fill='%23999' font-size='12' text-anchor='middle'%3ESite immobilier%3C/text%3E%3Crect x='80' y='150' width='200' height='130' rx='4' fill='%23333'/%3E%3Crect x='300' y='150' width='200' height='130' rx='4' fill='%23333'/%3E%3Crect x='520' y='150' width='200' height='130' rx='4' fill='%23333'/%3E%3Ctext x='180' y='300' fill='%23d35400' font-size='11' text-anchor='middle'%3EBien 1%3C/text%3E%3Ctext x='400' y='300' fill='%23d35400' font-size='11' text-anchor='middle'%3EBien 2%3C/text%3E%3Ctext x='620' y='300' fill='%23d35400' font-size='11' text-anchor='middle'%3EBien 3%3C/text%3E%3Ctext x='400' y='400' fill='%23999' font-size='12' text-anchor='middle'%3ENext.js - Con%C3%A7u par Vendoprone%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* Studiova - Agence créative */
.projet-image.studiova-agence-creative { background: #1a0a1a; position: relative; overflow: hidden; }
.projet-image.studiova-agence-creative::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231a0a1a' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%232a152a' stroke='%23c084fc' stroke-width='2'/%3E%3Ctext x='400' y='95' fill='%23fff' font-size='22' text-anchor='middle'%3EStudiova%3C/text%3E%3Ctext x='400' y='120' fill='%23c084fc' font-size='12' text-anchor='middle'%3EAgence cr%C3%A9ative %26 Studio%3C/text%3E%3Crect x='100' y='160' width='250' height='140' rx='4' fill='%23332' stroke='%23444'/%3E%3Crect x='370' y='160' width='250' height='140' rx='4' fill='%23332' stroke='%23444'/%3E%3Ctext x='225' y='235' fill='%23c084fc' font-size='11' text-anchor='middle'%3EProjet%3C/text%3E%3Ctext x='495' y='235' fill='%23c084fc' font-size='11' text-anchor='middle'%3EProjet%3C/text%3E%3Ctext x='400' y='380' fill='%23999' font-size='12' text-anchor='middle'%3ECon%C3%A7u par Vendoprone%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}

/* ZenBlog - Blog & Magazine */
.projet-image.zenblog-magazine { background: #1c1917; position: relative; overflow: hidden; }
.projet-image.zenblog-magazine::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%231c1917' width='800' height='600'/%3E%3Crect x='50' y='50' width='700' height='500' rx='8' fill='%23292' stroke='%23d35400' stroke-width='2'/%3E%3Ctext x='400' y='95' fill='%23fff' font-size='22' text-anchor='middle'%3EZenBlog%3C/text%3E%3Ctext x='400' y='120' fill='%23999' font-size='12' text-anchor='middle'%3EBlog %26 Magazine%3C/text%3E%3Crect x='80' y='160' width='300' height='100' rx='4' fill='%23333'/%3E%3Crect x='400' y='160' width='320' height='50' rx='4' fill='%23333'/%3E%3Crect x='400' y='220' width='320' height='50' rx='4' fill='%23333'/%3E%3Ctext x='230' y='225' fill='%23d35400' font-size='11' text-anchor='middle'%3EArticle %C3%A0 la une%3C/text%3E%3Ctext x='560' y='195' fill='%23999' font-size='10'%3EArticle 2%3C/text%3E%3Ctext x='560' y='255' fill='%23999' font-size='10'%3EArticle 3%3C/text%3E%3Ctext x='400' y='350' fill='%23999' font-size='12' text-anchor='middle'%3ECon%C3%A7u par Vendoprone%3C/text%3E%3C/svg%3E") center/cover no-repeat;
    opacity: 0.95;
}