/* 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;
}