<!--
                                                                                                                        
                                          ..                                                                
                                       /&(  *(&(                                                            
                                      %(       #(                                                           
                                     @(/        %%                                                          
                                    %.#%..(.  . ###                                                         
                                   ,& (%%(#%&&&&*,%                                                         
                                   %/.,          ,&                                                         
                                   &/.          (,&*                                                        
                                  .&#..          *&.                                                        
                                  .&&   /#*,     *%&                                                        
                                  *%** (&&&&&#* ,.&%                                                        
                                  #%(          .. (%#                                                       
                                  %& *         .,  @%                                                       
                                  &##             .*&                                                       
                                 .&# *           / *&,                                                      
                                 *&,&            . *%/                                                      
                                 (%# ,          .* .&#                                                      
                                 (% (             *.&@                                                      
                       #&&&%,    ((*            .*.*&&.                                                     
                     %( #. .&&%  /( *            /  &&*                                                     
                  .%. ,*. %%#&%/ *%/             / .@%*                                                     
              *&(     (/##&&&&&%&.%.   .&&&&#,    ( (%(&&&&&&%%%&%.                                         
           (&, . ,/&&,,        ...%    ..,**.,.     *&#*.%.      .*%%.                                      
         %/  . ,&&.    .*/*    ./ #    .*/*,*        &(((.  .,,/(/  /&###&&&&#.                             
       .&   . *&%.  ,#//..       /%     *%&%&&/     .&/,((,  .***.   (&/(/     %&,                          
       %.   (*&&%  .%( (/ %     .**.     .% /(       &/,/,,           #&//*     ,(%                         
       &  . (&&&,                *.(                 %#*(,,            %#/.(      .&%                       
      *# .* &%%(,              .*.*&                 (%,*              ,&.%/       .%&,                     
      (,,,(.%&%/ .              * (&                 #&.*,.             ##*%      ., %%/                    
     ,&.  *#%&%**.              *//%*                ,&,,.%              ##**/,    ,(/&%*                   
     %(  , &&&&#*               **.%&.                %#*.(               &.,,(      (#%&,                  
    *&,  ,.&&%%*/              , *.&&*                /&%((               ,&*/.       ,#/&                  
    #&   * &&&&(.,               *.&%(                 #&%*,              %&#/.(      ,*%.&                 
    @&   ,*#%&&#,.              .**&%/                 .&&#*              %&&.        /.///#                
    %/,  #/ *&%%*/                /%%.                  /,#               ,%&          /(.*%                
     ,%(   **&%&*,                /#&                                                 .,.*/&*               
         /%&/.&&(/                *%/                                                */ (,/%.               
             %%%&(*               %&                                                   /**&#                
               #%#(*                                                          (         *%/                 
                &%** ,                                                     /*,(%.    .#&#                   
                .&%# (                                  *,*                ,/ ,&&&&&%%,                     
                 .&&(#                                  &,                 ,(%&%&                           
                  .&%%             (*/,                  *&,(/        ./#&%%&%.                             
                    *%%&,      ...,*&  .                  *&%&%&%&%&%%&%%&&&,                               
                        *%@&@&&%%%%&&&&&@/   ,(/.    /(%%%&#/*,..                                           
                                        .*%&%&%####%&&#*.                                                   
                                                                                                                        

-->


<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="refresh" content="60; URL=https://www.pa-ng.fr">
<link rel="shortcut icon" href="favicon.ico">
<meta name="author" content="Jehannette de la Rigauderie">
<meta name="robots" content="index, follow">
<meta name="language" content="fr">
<meta name="revisit-after" content="7 days">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fr-FR">
<meta http-equiv="keywords" name="keywords" content="porte-avion, pa-ng, porte, avion, nouvelle, génération">
<meta http-equiv="description" name="description" content="pa-ng">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<link rel="canonical" href="https://www.pa-ng.fr">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.pa-ng.fr">
<meta property="og:title" content="pa-ng">
<meta property="og:description" content="porte-avion, pa-ng, porte, avion, nouvelle, génération">
<meta property="og:image" content="https://www.pa-ng.fr/Porte.png">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="pa-ng">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.pa-ng.fr">
<meta name="twitter:title" content="pa-ng">
<meta name="twitter:description" content="porte-avion, pa-ng, porte, avion, nouvelle, génération">
<meta name="twitter:image" content="https://www.pa-ng.fr/Porte.png">
    
    <title>pa-ng</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "pa-ng",
      "description": "porte-avion, pa-ng, porte, avion, nouvelle, génération",
      "url": "https://www.pa-ng.fr",
      "inLanguage": "fr-FR",
      "author": {
        "@type": "Person",
        "name": "Jehannette de la Rigauderie"
      },
      "publisher": {
        "@type": "Organization",
        "name": "pa-ng",
        "logo": {
          "@type": "ImageObject",
          "url": "https://www.pa-ng.fr/favicon.ico"
        }
      },
      "mainEntity": {
        "@type": "Article",
        "headline": "pa-ng",
        "image": "https://www.pa-ng.fr/Porte.png",
        "datePublished": "2025-01-07",
        "dateModified": "2025-01-07"
      }
    }
    </script>
    <script type="text/javascript">

        document.oncontextmenu = new Function("return false");

</script>

   <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html {
            background-color: #000000;
            overflow-x: hidden;
        }
        
        body {
            background-color: #000000;
            color: #ffffff;
            font-family: Arial, sans-serif;
            overflow-x: hidden;
            min-height: 100vh;
        }
        
        /* Image Porte.png fixe en haut au centre qui s'efface au scroll */
        .porte-background {
            position: fixed;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            width: 60%;
            max-width: 800px;
            height: auto;
            z-index: 1;
            transition: opacity 0.3s ease-out;
            pointer-events: none;
        }
        
        .porte-background.hidden {
            opacity: 0;
        }
        
        .porte-background img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        /* Conteneur principal centré */
        .main-content {
            position: relative;
            z-index: 2;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            padding: 20px;
            padding-top: 350px; /* Espace pour l'image en haut */
            text-align: center;
            box-sizing: border-box;
        }
        
        /* Responsive */
        @media screen and (max-width: 1024px) {
            .porte-background {
                width: 70%;
            }
            
            .main-content {
                padding-top: 300px;
                padding-left: 15px;
                padding-right: 15px;
            }
            
            .frame-dore {
                padding: 20px;
            }
            
            .frame-dore img {
                max-width: 400px;
            }
        }
        
        @media screen and (max-width: 768px) {
            .porte-background {
                width: 80%;
            }
            
            .main-content {
                padding: 15px 10px;
                padding-top: 220px;
            }
            
            .frame-dore {
                padding: 15px;
            }
            
            .frame-dore img {
                max-width: 350px;
                width: 100%;
            }
            
            .centered-image img {
                max-width: 90%;
            }
        }
        
        @media screen and (max-width: 480px) {
            .porte-background {
                width: 95%;
                max-width: 300px;
            }
            
            .main-content {
                padding: 10px 5px;
                padding-top: 160px;
            }
            
            .frame-dore {
                padding: 10px;
                box-shadow: 
                    0 0 0 5px #8B7355,
                    0 0 0 8px #DAA520,
                    0 0 0 11px #654321,
                    0 5px 20px rgba(0,0,0,0.8);
            }
            
            .frame-dore img {
                max-width: 280px;
                width: 100%;
            }
            
            .centered-image img {
                max-width: 95%;
            }
            
            /* Adapter la taille de l'image Nemesis sur mobile */
            .centered-image a img[alt="Nemesis"] {
                width: 150px !important;
                height: 150px !important;
            }
        }
        
        /* Très petits écrans */
        @media screen and (max-width: 360px) {
            .porte-background {
                max-width: 250px;
            }
            
            .main-content {
                padding-top: 130px;
            }
            
            .frame-dore {
                padding: 8px;
            }
            
            .frame-dore img {
                max-width: 220px;
            }
            
            .centered-image a img[alt="Nemesis"] {
                width: 120px !important;
                height: 120px !important;
            }
        }
        
        /* Encore plus petits écrans (iPhone SE, etc.) */
        @media screen and (max-width: 320px) {
            .main-content {
                padding-top: 110px;
            }
        }
        
        /* ===== STYLES MATRIX - DÉBUT ===== */
        
        /* Style de base pour les cellules Matrix */
        .matrix {
            padding: 0px;
            margin: 0px;
            width: 10px;
            min-width: 10px;
            font-size: 20pt;
            font-family: Lucida Console, Courier, Monotype;
            text-align: center;
        }
        
        /* Tables générées par l'effet Matrix */
        table[align="center"] {
            margin: 10px auto !important;
            display: inline-table !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
        }
        
        /* Container Matrix avec scroll horizontal */
        .matrix-container {
            margin: 40px auto;
            background-color: #000000;
            text-align: center;
            width: 100%;
            overflow-x: auto;
            overflow-y: visible;
            -webkit-overflow-scrolling: touch;
            padding: 0 10px;
        }
        
        .matrix-container > div {
            display: inline-block;
            margin: 10px auto;
            text-align: center;
            white-space: nowrap;
        }
        
        /* RESPONSIVE MATRIX */
        
        /* Tablettes grandes (1024px) */
        @media screen and (max-width: 1024px) {
            .matrix {
                font-size: 16pt;
                width: 8px;
                min-width: 8px;
            }
        }
        
        /* Tablettes moyennes et smartphones paysage (768px) */
        @media screen and (max-width: 768px) {
            .matrix {
                font-size: 12pt;
                width: 6px;
                min-width: 6px;
            }
            
            .matrix-container {
                padding: 0 5px 30px 5px;
            }
            
            /* Indicateur de scroll */
            .matrix-container::after {
                content: '← →';
                display: block;
                margin-top: 15px;
                font-size: 11px;
                color: #33ff66;
                opacity: 0.7;
                font-family: Arial, sans-serif;
                animation: fadeInOut 3s ease-in-out infinite;
            }
            
            @keyframes fadeInOut {
                0%, 100% { opacity: 0.4; }
                50% { opacity: 0.9; }
            }
        }
        
        /* Smartphones (480px) */
        @media screen and (max-width: 480px) {
            .matrix {
                font-size: 8pt;
                width: 4px;
                min-width: 4px;
            }
        }
        
        /* Petits smartphones (360px) */
        @media screen and (max-width: 360px) {
            .matrix {
                font-size: 7pt;
                width: 3px;
                min-width: 3px;
            }
        }
        
        /* Très petits écrans (320px) */
        @media screen and (max-width: 320px) {
            .matrix {
                font-size: 6pt;
                width: 2.5px;
                min-width: 2.5px;
            }
        }
        
        /* ===== STYLES MATRIX - FIN ===== */
        
        /* Frame dorée */
        .frame-dore {
            display: inline-block;
            padding: 25px;
            background: #1a1a1a;
            border: 3px solid #FFD700;
            box-shadow: 
                0 0 0 8px #8B7355,
                0 0 0 12px #DAA520,
                0 0 0 16px #654321,
                0 10px 40px rgba(0,0,0,0.8);
            position: relative;
            max-width: 95%;
        }
        
        .frame-dore:before {
            content: '';
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -10px;
            border: 2px solid rgba(218,165,32,0.3);
            pointer-events: none;
        }
        
        .frame-dore img {
            display: block;
            max-width: 100%;
            height: auto;
            width: auto;
        }
        
        /* Images centrées */
        .centered-image {
            text-align: center;
            margin: 20px 0;
            width: 100%;
            overflow: hidden;
        }
        
        .centered-image img {
            max-width: 100%;
            height: auto;
            display: inline-block;
        }
        
        /* Liens */
        a {
            color: #33ff66;
            text-decoration: none;
        }
        
        a:hover {
            color: #66ff99;
        }
    </style>
</head>
<body>

<!-- IMAGE PORTE.PNG FIXE EN HAUT AU CENTRE QUI S'EFFACE AU SCROLL -->
<div class="porte-background" id="porteImage">
    <img src="Porte.png" alt="">
</div>

<!-- CONTENEUR PRINCIPAL -->
<main class="main-content" role="main">

<script>
// Gestion de l'effet de disparition de l'image Porte au scroll
document.addEventListener('DOMContentLoaded', function() {
    function togglePorteVisibility() {
        const porteImage = document.getElementById('porteImage');
        if (window.scrollY > 50) {
            porteImage.classList.add('hidden');
        } else {
            porteImage.classList.remove('hidden');
        }
    }
    
    window.addEventListener('scroll', togglePorteVisibility);
    togglePorteVisibility();
});

// Effet Matrix
var rows = 1;
var speed = 2;
var reveal = 2;
var effectalign = "center";

function createMatrix(elementId) {
    var w3c=document.getElementById && !window.opera;
    var ie45=document.all && !window.opera;
    var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;
    var m_coch=new Array();
    var m_copo=new Array();
    
    if (!w3c && !ie45) return;
    
    var matrix=(w3c)?document.getElementById(elementId):document.all[elementId];
    // Utiliser textContent pour garantir la récupération de tout le texte avec espaces
    ma_txt = matrix.textContent || matrix.innerText || matrix.innerHTML.replace(/<[^>]*>/g, '');
    ma_txt=" "+ma_txt+" ";
    columns=ma_txt.length;
    
    if (w3c) {
        while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
        ma_tab=document.createElement("table");
        ma_tab.setAttribute("border", 0);
        ma_tab.setAttribute("align", effectalign);
        ma_tab.style.backgroundColor="#000000";
        ma_tab.style.margin="0 auto";
        ma_tab.style.display="table";
        ma_tab.style.tableLayout="auto";
        ma_bod=document.createElement("tbody");
        for (x=0; x<rows; x++) {
            ma_row=document.createElement("tr");
            for (y=0; y<columns; y++) {
                matemp=document.createElement("td");
                matemp.setAttribute("id", elementId+"_Mx"+x+"y"+y);
                matemp.className="matrix";
                matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
                ma_row.appendChild(matemp);
            }
            ma_bod.appendChild(ma_row);
        }
        ma_tab.appendChild(ma_bod);
        matrix.appendChild(ma_tab);
    } else {
        ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000; margin:0 auto; display:table;">';
        for (var x=0; x<rows; x++) {
            ma_tab+='<t'+'r>';
            for (var y=0; y<columns; y++) {
                ma_tab+='<t'+'d class="matrix" id="'+elementId+'_Mx'+x+'y'+y+'">&nbsp;</'+'td>';
            }
            ma_tab+='</'+'tr>';
        }
        ma_tab+='</'+'table>';
        matrix.innerHTML=ma_tab;
    }
    
    ma_cho=ma_txt;
    for (x=0; x<columns; x++) {
        ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
        m_copo[x]=0;
    }
    
    var intervalId = setInterval(function() { mytricks(elementId, m_copo, m_coch, ma_txt, ma_cho); }, speed);
    
    function mytricks(elemId, copo, coch, txt, cho) {
        var localx=0;
        for (var localy=0; localy<columns; localy++) {
            localx=localx+(copo[localy]==100);
            var ma_row=copo[localy]%100;
            if (ma_row && copo[localy]<100) {
                if (ma_row<rows+1) {
                    if (w3c) {
                        matemp=document.getElementById(elemId+"_Mx"+(ma_row-1)+"y"+localy);
                        matemp.firstChild.nodeValue=coch[localy];
                    } else {
                        matemp=document.all[elemId+"_Mx"+(ma_row-1)+"y"+localy];
                        matemp.innerHTML=coch[localy];
                    }
                    matemp.style.color="#33ff66";
                    matemp.style.fontWeight="bold";
                }
                if (ma_row>1 && ma_row<rows+2) {
                    matemp=(w3c)?document.getElementById(elemId+"_Mx"+(ma_row-2)+"y"+localy):document.all[elemId+"_Mx"+(ma_row-2)+"y"+localy];
                    matemp.style.fontWeight="normal";
                    matemp.style.color="#00ff00";
                }
                if (ma_row>2) {
                    matemp=(w3c)?document.getElementById(elemId+"_Mx"+(ma_row-3)+"y"+localy):document.all[elemId+"_Mx"+(ma_row-3)+"y"+localy];
                    matemp.style.color="#009900";
                }
                if (ma_row<Math.floor(rows/2)+1) copo[localy]++;
                else if (ma_row==Math.floor(rows/2)+1 && coch[localy]==txt.charAt(localy)) zoomer(localy, elemId, copo, coch, txt, cho);
                else if (ma_row<rows+2) copo[localy]++;
                else if (copo[localy]<100) copo[localy]=0;
            }
            else if (Math.random()>0.1 && copo[localy]<100) {
                coch[localy]=cho.charAt(Math.floor(Math.random()*cho.length));
                copo[localy]++;
            }
        }
        if (localx==columns) clearInterval(intervalId);
    }
    
    function zoomer(ycol, elemId, copo, coch, txt, cho) {
        var mtmp, mtem, ytmp;
        if (copo[ycol] == Math.floor(rows / 2) + 1) {
            for (ytmp = 0; ytmp < rows; ytmp++) {
                if (w3c) {
                    mtmp = document.getElementById(elemId + "_Mx" + ytmp + "y" + ycol);
                    mtmp.firstChild.nodeValue = coch[ycol];
                } else {
                    mtmp = document.all[elemId + "_Mx" + ytmp + "y" + ycol];
                    mtmp.innerHTML = coch[ycol];
                }
                mtmp.style.color = "#33ff66";
                mtmp.style.fontWeight = "bold";
            }
            if (Math.random() < reveal) {
                mtmp = cho.indexOf(txt.charAt(ycol));
                cho = cho.substring(0, mtmp) + cho.substring(mtmp + 1, cho.length);
            }
            if (Math.random() < reveal - 1) cho = cho.substring(0, cho.length - 1);
            copo[ycol] += 199;
            setTimeout(function() { zoomer(ycol, elemId, copo, coch, txt, cho); }, speed);
        } else if (copo[ycol] > 200) {
            if (w3c) {
                mtmp = document.getElementById(elemId + "_Mx" + (copo[ycol] - 201) + "y" + ycol);
                mtem = document.getElementById(elemId + "_Mx" + (200 + rows - copo[ycol]--) + "y" + ycol);
            } else {
                mtmp = document.all[elemId + "_Mx" + (copo[ycol] - 201) + "y" + ycol];
                mtem = document.all[elemId + "_Mx" + (200 + rows - copo[ycol]--) + "y" + ycol];
            }
            mtmp.style.fontWeight = "normal";
            mtem.style.fontWeight = "normal";
            setTimeout(function() { zoomer(ycol, elemId, copo, coch, txt, cho); }, speed);
        } else if (copo[ycol] == 200) copo[ycol] = 100 + Math.floor(rows / 2);
        if (copo[ycol] > 100 && copo[ycol] < 200) {
            if (w3c) {
                mtmp = document.getElementById(elemId + "_Mx" + (copo[ycol] - 101) + "y" + ycol);
                mtmp.firstChild.nodeValue = String.fromCharCode(160);
                mtem = document.getElementById(elemId + "_Mx" + (100 + rows - copo[ycol]--) + "y" + ycol);
                mtem.firstChild.nodeValue = String.fromCharCode(160);
            } else {
                mtmp = document.all[elemId + "_Mx" + (copo[ycol] - 101) + "y" + ycol];
                mtmp.innerHTML = String.fromCharCode(160);
                mtem = document.all[elemId + "_Mx" + (100 + rows - copo[ycol]--) + "y" + ycol];
                mtem.innerHTML = String.fromCharCode(160);
            }
            setTimeout(function() { zoomer(ycol, elemId, copo, coch, txt, cho); }, speed);
        }
    }
}

// Effet fade in/out
var col = 0;
function fadein() {
    var fade1 = document.getElementById("fade1");
    var fade2 = document.getElementById("fade2");
    var fade3 = document.getElementById("fade3");
    var fade4 = document.getElementById("fade4");
    var fade5 = document.getElementById("fade5");
    var fade6 = document.getElementById("fade6");
    
    if (fade1) fade1.style.color = "rgb(" + col + ",0,0)";
    if (fade2) fade2.style.color = "rgb(" + col + ",0,0)";
    if (fade3) fade3.style.color = "rgb(" + col + ",0,0)";
    if (fade4) fade4.style.color = "rgb(" + col + ",0,0)";
    if (fade5) fade5.style.color = "rgb(" + col + ",0,0)";
    if (fade6) fade6.style.color = "rgb(" + col + ",0,0)";
    
    col += 5;
    if (col < 255) setTimeout('fadein()', 1);
    if (col == 255) setTimeout('fadeout()', 1);
}

function fadeout() {
    var fade1 = document.getElementById("fade1");
    var fade2 = document.getElementById("fade2");
    var fade3 = document.getElementById("fade3");
    var fade4 = document.getElementById("fade4");
    var fade5 = document.getElementById("fade5");
    var fade6 = document.getElementById("fade6");
    
    if (fade1) fade1.style.color = "rgb(" + col + ",0,0)";
    if (fade2) fade2.style.color = "rgb(" + col + ",0,0)";
    if (fade3) fade3.style.color = "rgb(" + col + ",0,0)";
    if (fade4) fade4.style.color = "rgb(" + col + ",0,0)";
    if (fade5) fade5.style.color = "rgb(" + col + ",0,0)";
    if (fade6) fade6.style.color = "rgb(" + col + ",0,0)";
    
    col -= 5;
    if (col > 0) setTimeout('fadeout()', 1);
    if (col == 0) setTimeout('fadein()', 1);
}
setTimeout('fadein()', 1);
</script>

<script type="text/javascript">
function makeArray(n) {
    this.length = n;
    for (var i = 1; i <= n; i++) {
        this[i] = "";
    }
    return this;
}
var i;
function imagealeatoire() {
    i = Math.floor(3 * Math.random() + 1);
    return image[i];
}
image = new makeArray(3);
image[1] = "gg2.gif";
image[2] = "gg3.gif";
image[3] = "Poutine.gif";
</script>

<br>
<br>

<div class="frame-dore">
    <script language="JavaScript">
    document.write("<IMG SRC=" + imagealeatoire() + " style='max-width:500px; width:100%; height:auto;' BORDER=0>");
    </script>
</div>

<br>
<br>

<div class="centered-image">
    <img src="Enluminure.jpg" alt="">
</div>

<br>
<br>
<br>

<!-- EFFET MATRIX SUR LES CITATIONS -->
<div class="matrix-container">
    <div id="matrix1">Pauvre France, liquidée par le "Mozart de la Finance" qui se voulait Jupiter</div>
    <div id="matrix2">mais que l'Histoire retiendra davantage comme le Néron</div>
    <div id="matrix3">de la cinquième République !</div>
</div>

<script>
// Initialiser les effets Matrix maintenant que les divs existent
setTimeout(function() { createMatrix('matrix1'); }, 10);
setTimeout(function() { createMatrix('matrix2'); }, 20);
setTimeout(function() { createMatrix('matrix3'); }, 30);
</script>


<div class="centered-image">
    <img src="Enluminure2.jpg" alt="">
</div>


<div class="centered-image">
    <a href=""><img src="Nemesis.jpg" title="Jehannette@proton.me" style="width:200px;height:200px;" alt=""></a>
</div>


<footer style="text-align: center; padding: 20px 0;">
    <p>
        <a href="mentions.html" target="_blank" style="color:#33ff66" rel="noopener noreferrer">Mentions légales</a>
    </p>
</footer>

</main><!-- Fin main-content -->

</body>
</html>