// ==UserScript==
// @name         G-E_Ceres
// @namespace    http://tampermonkey.net/
// @version      0.2.5
// @description  Script de test - FR
// @license      MIT
// @author       Guiver
// @match        https://*.ogame.gameforge.com/game/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant        GM_addStyle
// @grant        GM_listValues
// @grant        GM_getValue
// @grant        GM_addValueChangeListener
// @run-at document-end
// @downloadURL none
// ==/UserScript==
'use strict';

/* Set the width of the side navigation to 250px */
function ogmob_openNav() {
  document.getElementById("mySidenav").style.display = "flex";
}

/* Set the width of the side navigation to 0 */
function ogmob_closeNav() {
  document.getElementById("mySidenav").style.display = "none";
}
function ogmob_openFooter() {
    document.getElementById("ogMobileFooter").style.bottom = "0px";
}
function ogmob_closeFooter() {
    document.getElementById("ogMobileFooter").style.bottom = "-72px";
}
// Header origine
document.getElementById("siteHeader") !== null ? document.getElementById("siteHeader").style.display = "none" : '';
document.getElementById("mmonetbar") !== null ? document.getElementById("mmonetbar").style.display = "none" : '';
document.getElementById("mmoNetbarSubmenu") !== null ? document.getElementById("mmoNetbarSubmenu").style.display = "none" : '';
document.getElementById("pagefoldtarget") !== null ? document.getElementById("pagefoldtarget").style.display = "none" : '';
document.getElementById("messages") !== null ? document.getElementById("messages").querySelector("div.contentBoxBody") !== null ? document.getElementById("messages").querySelector("div.contentBoxBody").style.top = "auto" : '' : '';
document.getElementById("pageContent") !== null ? document.getElementById("pageContent").style.top = "auto" : '';
document.getElementById("pageContent") !== null ? document.getElementById("pageContent").style.display = "initial" : '';
document.getElementById("headerbarcomponent") !== null ? document.getElementById("headerbarcomponent").style.display = "none" : '';
document.getElementById("commandercomponent") !== null ? document.getElementById("commandercomponent").style.display = "none" : '';
document.body.style.lineHeight = "normal";
document.body.style.fontSize = "22px";
// Footer orgine
document.getElementById("siteFooter") !== null ? document.getElementById("siteFooter").style.display = "none" : '';
// Header affiché
// Menu burger
var ogmob_i = 0;
var ogmob_sideMenu = "";
var ogmob_notifBurger = "";
// Gestion des "missions"
if(document.getElementById("ipimenucomponent") !== null)
{
// notification de récompense à récupérer
    if(document.getElementById("ipimenucomponent").querySelector("span.ipiHintCollect") !== null)
    {
        var ogmob_nbMissionRecup = document.getElementById("ipimenucomponent").querySelector("span.ipiHintCollect").innerHTML;
        ogmob_notifBurger = '<span class="ipiHintCollect">' + ogmob_nbMissionRecup + '</span>';
        ogmob_sideMenu = '<li><a href="https://s258-fr.ogame.gameforge.com/game/index.php?page=ajax&component=ipioverview&action=overviewLayer&ajax=1" class="overlay textBeefy" data-overlay-title="" id="ipiInnerMenuContentHolder">Missions (' + ogmob_nbMissionRecup + ')</a></li>';
    }
    else
    {
        ogmob_sideMenu = '<li><a href="https://s258-fr.ogame.gameforge.com/game/index.php?page=ajax&component=ipioverview&action=overviewLayer&ajax=1" class="overlay textBeefy" data-overlay-title="" id="ipiInnerMenuContentHolder">Missions</a></li>';
    }
// Suppression de l'encadré "mission" d'origine
    document.getElementById("ipimenucomponent").remove();
}
// Bouton "mess des officiers"
if(document.getElementById("menuTable") !== null)
{
    if(document.getElementById("menuTable").querySelector('a.officers') !== null)
    {
        if(document.getElementById("menuTable").querySelector('a.officers').parentNode.querySelector('span.menu_icon') !== null)
        {
            document.getElementById("menuTable").querySelector('a.officers').parentNode.querySelector('span.menu_icon').remove();
        }
        if(document.getElementById("menuTable").querySelector('a.officers').querySelector('span.textlabel') !== null)
        {
            document.getElementById("menuTable").querySelector('a.officers').querySelector('span.textlabel').className = '';
        }
        document.getElementById("menuTable").querySelector('a.officers').className = 'sideOfficiers';
        ogmob_sideMenu = ogmob_sideMenu + '<li>' + document.getElementById("menuTable").querySelector('a.sideOfficiers').parentNode.innerHTML + '</li>';
        document.getElementById("menuTable").querySelector('a.sideOfficiers').parentNode.remove();
    }
}
if(document.getElementById("menuTable") !== null)
{
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShop"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShop"]').className = 'sideBoutique';
        if(document.getElementById("menuTable").querySelector('a.sideBoutique').parentNode.querySelector('span.menu_icon') !== null)
        {
            document.getElementById("menuTable").querySelector('a.sideBoutique').parentNode.querySelector('span.menu_icon').remove();
        }
        if(document.getElementById("menuTable").querySelector('a.sideBoutique').querySelector('span.textlabel') !== null)
        {
            document.getElementById("menuTable").querySelector('a.sideBoutique').querySelector('span.textlabel').className = '';
        }
        ogmob_sideMenu = ogmob_sideMenu + '<li>' + document.getElementById("menuTable").querySelector('a.sideBoutique').parentNode.innerHTML + '</li>';
        document.getElementById("menuTable").querySelector('a.sideBoutique').parentNode.remove();
    }
}
// Bouton "Boutique"

// Récupération des menus du header d'origine à l'exeption de "joueur"(0) et "classement"(1)
var ogmob_menusTop = document.getElementById("bar").querySelectorAll("ul li");
ogmob_menusTop.forEach((ogmob_menuTop) => {
    if(ogmob_i > 1)
    {
        ogmob_sideMenu = ogmob_sideMenu + ogmob_menuTop.outerHTML;
    }
    ogmob_i = ogmob_i + 1;
});
var ogmob_topBurger =
`
<a href="#" id="openBtn" onclick="openNav()">
  <span class="burger-icon">` + ogmob_notifBurger +
  ` <span class="trait"></span>
    <span class="trait"></span>
    <span class="trait"></span>
  </span>
</a>
`;
var ogmob_sideNav = '';
if(document.getElementById("bannerSkyscrapercomponent") !== null)
{
    if(document.getElementById("banner_skyscraper") !== null)
    {
        if(document.getElementById("banner_skyscraper").querySelector('a.close_details') !== null)
        {
            document.getElementById("banner_skyscraper").querySelector('a.close_details').remove();
        }
    }
    ogmob_sideNav = document.getElementById("bannerSkyscrapercomponent").innerHTML;
}
ogmob_sideNav = ogmob_sideNav +
`
<a id="closeBtn" href="#" class="close" onclick="closeNav()">×</a>
<ul>` + ogmob_sideMenu +
`</ul>
`;
// Joueur
var ogmob_nomJoueur = document.getElementById("playerName").querySelector("span.textBeefy").innerHTML;
// Classement
var ogmob_classement = document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.substring(document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.indexOf('('), document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.indexOf(')')+1);
var ogmob_afficheClassement = document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.replace("Classement", "Classement " + ogmob_classement);
ogmob_afficheClassement = ogmob_afficheClassement.substring(0, ogmob_afficheClassement.indexOf('</a>'));
// Messages
var ogmob_messageWrapper = document.getElementById("message-wrapper").innerHTML;
var ogmob_messages = ogmob_messageWrapper.substring(ogmob_messageWrapper.indexOf('<a'), ogmob_messageWrapper.indexOf('</a>')+4);
ogmob_messageWrapper = ogmob_messageWrapper.replace(ogmob_messages, '');
ogmob_messages = ogmob_messages.replace('</a>', '<img src="https://i.postimg.cc/VLZdzXH6/message.png" /></a>');
// Tchats
var ogmob_chats = ogmob_messageWrapper.substring(ogmob_messageWrapper.indexOf('<a'), ogmob_messageWrapper.indexOf('</a>')+4);
ogmob_chats = ogmob_chats.replace('</a>', '<img src="https://i.postimg.cc/br8228Qw/chat.png" /></a>');
// Suppression du header d'origine
document.getElementById("bar").remove();
// Suppression des boutons messages et chats d'origine
document.getElementById("message-wrapper").querySelector("a.messages").remove();
document.getElementById("message-wrapper").querySelector("a.chat").remove();
// Création du nouveau header
let ogmob_Header = document.createElement("div");
ogmob_Header.id = "ogMobileHeader";
ogmob_Header.innerHTML = ogmob_topBurger + "<p id='nomClassement'>" + ogmob_nomJoueur + ogmob_afficheClassement + "</p>" + ogmob_messages + ogmob_chats;
document.body.insertBefore(ogmob_Header, document.body.firstChild);
// Création du sideNav du menu burger
let ogmob_sideNavNode = document.createElement("div");
ogmob_sideNavNode.id = "mySidenav";
ogmob_sideNavNode.class = "sidenav";
ogmob_sideNavNode.innerHTML = ogmob_sideNav;
document.body.insertBefore(ogmob_sideNavNode, document.body.firstChild);
// Trouver pour dégager ça
var ogmob_sidenav = document.getElementById("mySidenav");
var ogmob_openBtn = document.getElementById("openBtn");
var ogmob_closeBtn = document.getElementById("closeBtn");
ogmob_openBtn.onclick = ogmob_openNav;
ogmob_closeBtn.onclick = ogmob_closeNav;

// Ressources
if(document.getElementById("resourcesbarcomponent") !== null)
{
    document.getElementById("ogMobileHeader").parentNode.insertBefore(document.getElementById("resourcesbarcomponent"), document.getElementById("ogMobileHeader").nextSibling);
    document.getElementById("resourcesbarcomponent").style.position = "relative";
    document.getElementById("resourcesbarcomponent").style.top = "0";
    document.getElementById("resourcesbarcomponent").style.left = "0";
    document.getElementById("resourcesbarcomponent").style.width = "100%";
    document.getElementById("resourcesbarcomponent").style.height = "max-content";
    document.getElementById("resourcesbarcomponent").style.display = "block";
    document.getElementById("resourcesbarcomponent").style.float = "none";
    document.getElementById("resourcesbarcomponent").style.marginTop = "5px";
    document.getElementById("resources").style.justifyContent = "space-between";
    document.getElementById("resources").style.textAlign = "center";
    document.getElementById("resources").style.alignItems = "center";
    document.getElementById("darkmatter_box") !== null ? document.getElementById("darkmatter_box").style.position = "inherit" : '';
    var ogmob_ressources = document.getElementById("resources").querySelectorAll("div.resource_tile");
    var ogmob_supprListener;
    ogmob_ressources.forEach((ogmob_ressource) => {
        ogmob_ressource.style.padding = "4px 0px 0px 0px";
        ogmob_ressource.style.margin = "0";
        ogmob_ressource.style.width = "fit-content";
        ogmob_ressource.style.height = "fit-content";
        ogmob_ressource.style.flexGrow = "1";
        ogmob_ressource.style.background = "none";
        ogmob_ressource.querySelector("div.resource").style.display = "flex";
        ogmob_ressource.querySelector("div.resource").style.flexDirection = "column";
        ogmob_ressource.querySelector("div.resource").style.textAlign = "center";
        ogmob_ressource.querySelector("div.resource").style.alignItems = "center";
        ogmob_ressource.querySelector("div.resource").style.width = "100%";
        ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon").style.margin = "0";
        ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon").style.float = "none";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.width = "100%";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.display = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.justifyContent = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.position = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.bottom = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value span").style.position = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value span").style.top = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value span").style.left = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value span").style.paddingTop = "3px";
        ogmob_ressource.querySelector("div.resource").querySelector("a.overlay img") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("a.overlay img").style.position = "inherit" : '';
        ogmob_ressource.querySelector("div.resource").querySelector("a.overlay img") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("a.overlay img").style.margin = "0" : '';
        ogmob_ressource.querySelector("div.resource").querySelector("a.overlay div.darkmatter") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("a.overlay div.darkmatter").remove() : '';

        ogmob_supprListener = ogmob_ressource.querySelector("div.resource").cloneNode(true);
        ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon").remove() : '';
        ogmob_ressource.querySelector("div.resource").querySelector("span.value") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("span.value").remove() : '';
        ogmob_ressource.querySelector("div.resource").style.display = "none";
        ogmob_ressource.querySelector("div.resource").id = "";
        ogmob_ressource.querySelector("div.resource").parentNode.insertBefore(ogmob_supprListener, ogmob_ressource.querySelector("div.resource").nextSibling);
    });
}

// Header mouvements de flottes
if(document.getElementById("notificationbarcomponent") !== null)
{
    document.getElementById("resourcesbarcomponent").parentNode.insertBefore(document.getElementById("notificationbarcomponent"), document.getElementById("resourcesbarcomponent").nextSibling);
    document.getElementById("notificationbarcomponent").style.position = "relative";
    document.getElementById("notificationbarcomponent").style.top = "0";
    document.getElementById("notificationbarcomponent").style.left = "0";
    document.getElementById("notificationbarcomponent").style.width = "98%";
    document.getElementById("notificationbarcomponent").style.height = "max-content";
    document.getElementById("notificationbarcomponent").style.display = "block";
    document.getElementById("notificationbarcomponent").style.marginTop = "5px";
    document.getElementById("notificationbarcomponent").style.marginLeft = "1%";
    document.getElementById("message-wrapper").style.position = "inherit";
    document.getElementById("message-wrapper").style.top = "0";
    document.getElementById("message-wrapper").style.left = "0";
    document.getElementById("message-wrapper").style.width = "100%";
    document.getElementById("message-wrapper").style.height = "max-content";
    document.getElementById("message-wrapper").style.margin = "0";
    document.getElementById("message-wrapper").style.display = "flex";
    document.getElementById("message-wrapper").style.alignItems = "center";
    document.getElementById("message-wrapper").style.textAlign = "center";
    document.getElementById("message-wrapper").style.justifyContent = "space-between";
    document.getElementById("message-wrapper").style.border = "2px solid white";
    document.getElementById("message-wrapper").style.borderRadius = "20px";
    document.getElementById("message-wrapper").style.paddingLeft = "5px";
    document.getElementById("message-wrapper").style.backgroundColor = "rgba(0,0,0,0.3)";
    document.getElementById("messages_collapsed").style.position = "inherit";
    document.getElementById("messages_collapsed").style.float = "inherit";
    document.getElementById("messages_collapsed").style.fontSize = "inherit";
    document.getElementById("messages_collapsed").style.height = "max-content";
    document.getElementById("messages_collapsed").style.lineHeight = "inherit";
    document.getElementById("messages_collapsed").style.margin = "0";
    document.getElementById("messages_collapsed").style.overflow = "inherit";
    document.getElementById("messages_collapsed").style.textAlign = "inherit";
    document.getElementById("messages_collapsed").style.width = "100%";
    document.getElementById("messages_collapsed").style.left = "0";
    document.getElementById("messages_collapsed").style.top = "0";
    document.getElementById("messages_collapsed").style.flexGrow = "3";
    document.getElementById("eventboxFilled").style.height = "50px";
    document.getElementById("attack_alert").style.display = "none";
    document.getElementById("js_eventDetailsClosed") !== null ? document.getElementById("js_eventDetailsClosed").remove() : '';
    document.getElementById("js_eventDetailsOpen") !== null ? document.getElementById("js_eventDetailsOpen").remove() : '';
}
let ogmob_mutHeaderFlotte = new MutationObserver(mutationRecords => {
    if(document.getElementById("eventboxFilled").querySelector("p.event_list") !== null)
    {
        document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replace("Missions: ","Missions");
        document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replace(",","");
        document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replace("Suivant: ","");
        document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replace("Type: ","");
        document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1] !== null ? document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").insertBefore(document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1], document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0]) : '';
    }
});
ogmob_mutHeaderFlotte.observe(document.getElementById("eventboxFilled"), {
  childList: true,
});

// Mouvement de flottes
if(document.getElementById("eventlistcomponent") !== null)
{
    document.getElementById("notificationbarcomponent").parentNode.insertBefore(document.getElementById("eventlistcomponent"), document.getElementById("notificationbarcomponent").nextSibling);
    document.getElementById("eventlistcomponent").style.position = "relative";
    document.getElementById("eventlistcomponent").style.top = "0";
    document.getElementById("eventlistcomponent").style.left = "0";
    document.getElementById("eventlistcomponent").style.width = "98%";
    document.getElementById("eventlistcomponent").style.height = "max-content";
    document.getElementById("eventlistcomponent").style.display = "block";
    document.getElementById("eventlistcomponent").style.marginLeft = "1%";
    document.getElementById("eventboxContent").style.width = "100%";
    document.getElementById("eventboxContent").style.margin = "0";
    document.getElementById("eventboxContent").style.border = "2px solid white";
    document.getElementById("eventboxContent").style.borderTop = "none";
    document.getElementById("eventboxContent").style.borderRadius = "20px";
}
var ogmob_lignesFlotte;
var ogmob_ajoutColonne;
var omgmob_tooltipFlotte;
var ogmob_gifFlotte;
var ogmob_id = 0;
var ogmob_idConcatene = 0;
ogmob_i = 1;
let ogmob_mutFlotte = new MutationObserver(mutationRecords => {
    //console.log(mutationRecords);
    document.getElementById("eventHeader") !== null ? document.getElementById("eventHeader").remove() : '';
    document.getElementById("eventFooter") !== null ? document.getElementById("eventFooter").remove() : '';
    if(document.getElementById("eventContent") !== null)
    {
        ogmob_lignesFlotte = document.getElementById("eventContent").querySelectorAll("tr");
        ogmob_lignesFlotte.forEach((ogmob_ligneFlotte) => {
            ogmob_id = ogmob_ligneFlotte.id.replace('eventRow-', '');
            ogmob_idConcatene = 0;
            if(ogmob_ligneFlotte.dataset.missionType == '15')
            {
                if(ogmob_ligneFlotte.dataset.returnFlight == 'true')
                {
                    if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 2)) !== null)
                    {
                        ogmob_idConcatene = ogmob_id - 2;
                    }
                    if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null)
                    {
                        ogmob_idConcatene = ogmob_id - 1;
                    }
                }
                else
                {
                    if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null)
                    {
                        return;
                    }
                }
            }
            if(ogmob_ligneFlotte.dataset.returnFlight == 'true')
            {
                if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null)
                {
                    ogmob_idConcatene = ogmob_id - 1;
                }
            }
            if( ogmob_idConcatene != '0')
            {
                // Heure du retour
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'arrivalTime' + ogmob_id;
                if(ogmob_ligneFlotte.querySelector("td.arrivalTime") !== null)
                {
                    ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.arrivalTime").innerHTML + ' (R)';
                }
                document.getElementById('ogmob_colonneFlotte_' + ogmob_idConcatene).appendChild(ogmob_ajoutColonne);
                document.getElementById('arrivalTime' + ogmob_id).style.color = '#0aa2c1';
                return;
            }
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'ogmob_colonneFlotte_' + ogmob_id;
            document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'ogmob_colonneFlotteMaColo_' + ogmob_id;
            document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'ogmob_colonneDetailsFlotte_' + ogmob_id;
            document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'ogmob_colonneTypeMission_' + ogmob_id;
            document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'ogmob_colonneDestination_' + ogmob_id;
            document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'ogmob_colonneAction_' + ogmob_id;
            document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
            // Countdown
            if(ogmob_ligneFlotte.querySelector("td.countDown") !== null)
            {
                if(ogmob_ligneFlotte.querySelector("td.countDown").querySelector("span.friendly") !== null)
                {
                    document.getElementById('ogmob_colonneFlotte_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.countDown").querySelector("span.friendly"));
                }
            }
            // Heure d'arrivée
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'arrivalTime' + ogmob_id;
            if(ogmob_ligneFlotte.querySelector("td.arrivalTime") !== null)
            {
                ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.arrivalTime").innerHTML
                if(ogmob_ligneFlotte.dataset.returnFlight == 'true')
                {
                    ogmob_ajoutColonne.innerHTML = ogmob_ajoutColonne.innerHTML + ' (R)';
                    ogmob_ajoutColonne.style.color = '#0aa2c1';
                }
            }
            document.getElementById('ogmob_colonneFlotte_' + ogmob_id).appendChild(ogmob_ajoutColonne);
            // Ma colonie
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'originFleet' + ogmob_id;
            if(ogmob_ligneFlotte.querySelector("td.originFleet") !== null)
            {
                ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.originFleet").innerHTML
            }
            document.getElementById('ogmob_colonneFlotteMaColo_' + ogmob_id).appendChild(ogmob_ajoutColonne);
            // Coordonnée ma colonie
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'coordsOrigin' + ogmob_id;
            if(ogmob_ligneFlotte.querySelector("td.coordsOrigin") !== null)
            {
                ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.coordsOrigin").innerHTML
            }
            document.getElementById('ogmob_colonneFlotteMaColo_' + ogmob_id).appendChild(ogmob_ajoutColonne);
            // Tooltip Flotte
            if(ogmob_ligneFlotte.querySelector("td.icon_movement_reserve") !== null)
            {
                if(ogmob_ligneFlotte.querySelector("td.icon_movement_reserve").querySelector('span.tooltip') !== null)
                {
                    omgmob_tooltipFlotte = ogmob_ligneFlotte.querySelector("td.icon_movement_reserve").querySelector("span.tooltip");
                    ogmob_gifFlotte = 'https://i.postimg.cc/s282rJ77/retour.gif';
                }
            }
            if(ogmob_ligneFlotte.querySelector("td.icon_movement") !== null)
            {
                if(ogmob_ligneFlotte.querySelector("td.icon_movement").querySelector('span.tooltip') !== null)
                {
                    omgmob_tooltipFlotte = ogmob_ligneFlotte.querySelector("td.icon_movement").querySelector("span.tooltip");
                    ogmob_gifFlotte = 'https://i.postimg.cc/PqYL3Ysy/f9cb590cdf265f499b0e2e5d91fc75.gif';
                }
            }
            document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).appendChild(omgmob_tooltipFlotte);
            // Gif de la flotte
            ogmob_ajoutColonne = document.createElement("img");
            ogmob_ajoutColonne.id = 'imgFleet' + ogmob_id;
            ogmob_ajoutColonne.src = ogmob_gifFlotte;
            document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').appendChild(ogmob_ajoutColonne);
            // Détails flotte
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'detailsFleet' + ogmob_id;
            if(ogmob_ligneFlotte.querySelector("td.detailsFleet") !== null)
            {
                if(ogmob_ligneFlotte.querySelector("td.detailsFleet").querySelector('span') !== null)
                {
                    ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.detailsFleet").querySelector('span').innerHTML
                }
            }
            document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').appendChild(ogmob_ajoutColonne);
            // Ordre de mission
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'missionFleet' + ogmob_id;
            if(ogmob_ligneFlotte.querySelector("td.missionFleet") !== null)
            {
                ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.missionFleet").innerHTML
            }
            document.getElementById('ogmob_colonneTypeMission_' + ogmob_id).appendChild(ogmob_ajoutColonne);
            // Nom destination
            if(ogmob_ligneFlotte.querySelector("td.destFleet") !== null)
            {
                if(ogmob_ligneFlotte.querySelector("td.destFleet").querySelector('span.tooltip') !== null)
                {
                    document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.destFleet").querySelector("span.tooltip"));
                }
                else
                {
                    ogmob_ajoutColonne = document.createElement("span");
                    ogmob_ajoutColonne.id = 'destFleet' + ogmob_id;
                    ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.destFleet").innerHTML
                    document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ajoutColonne);
                }
            }
            // Coordonné destination
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'destCoords' + ogmob_id;
            if(ogmob_ligneFlotte.querySelector("td.destCoords") !== null)
            {
                ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.destCoords").innerHTML
            }
            document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ajoutColonne);
            // Bouton retour
            ogmob_ajoutColonne = document.createElement("span");
            ogmob_ajoutColonne.id = 'reversal' + ogmob_id;
            if(ogmob_ligneFlotte.querySelector("td.sendMail") !== null)
            {
                if(ogmob_ligneFlotte.querySelector("td.sendMail").querySelector("span.reversal") !== null)
                {
                    document.getElementById('ogmob_colonneAction_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.sendMail").querySelector("span.reversal"));
                }
            }
            // Mise en forme
            document.getElementById("eventListWrap").style.display = "grid";
            document.getElementById("eventListWrap").style.gridRowGap = "10px";
            document.getElementById("eventListWrap").style.gridTemplateColumns = "auto auto auto 50px auto 50px";
            document.getElementById("eventListWrap").style.padding = "5px 10px 5px 10px";
            document.getElementById("eventListWrap").style.justifyContent = "space-between";
            document.getElementById("ogmob_colonneFlotte_" + ogmob_id).style.gridRow = ogmob_i;
            document.getElementById("ogmob_colonneFlotte_" + ogmob_id).style.gridColumn = "1";
            document.getElementById("ogmob_colonneFlotte_" + ogmob_id).style.display = "flex";
            document.getElementById("ogmob_colonneFlotte_" + ogmob_id).style.flexDirection = "column";
            document.getElementById("ogmob_colonneFlotte_" + ogmob_id).style.alignItems = "center";
            document.getElementById("ogmob_colonneFlotteMaColo_" + ogmob_id).style.gridRow = ogmob_i;
            document.getElementById("ogmob_colonneFlotteMaColo_" + ogmob_id).style.gridColumn = "2";
            document.getElementById("ogmob_colonneFlotteMaColo_" + ogmob_id).style.display = "flex";
            document.getElementById("ogmob_colonneFlotteMaColo_" + ogmob_id).style.flexDirection = "column";
            document.getElementById("ogmob_colonneFlotteMaColo_" + ogmob_id).style.alignItems = "center";
            document.getElementById("ogmob_colonneFlotteMaColo_" + ogmob_id).style.alignSelf = "center";
            document.getElementById("ogmob_colonneDetailsFlotte_" + ogmob_id).style.gridRow = ogmob_i;
            document.getElementById("ogmob_colonneDetailsFlotte_" + ogmob_id).style.gridColumn = "3";
            document.getElementById("ogmob_colonneDetailsFlotte_" + ogmob_id).style.display = "flex";
            document.getElementById("ogmob_colonneDetailsFlotte_" + ogmob_id).style.flexDirection = "column";
            document.getElementById("ogmob_colonneDetailsFlotte_" + ogmob_id).style.alignItems = "center";
            document.getElementById("ogmob_colonneDetailsFlotte_" + ogmob_id).style.alignSelf = "center";
            document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').style.background = 'none';
            document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').style.display = 'inline-flex';
            document.getElementById("detailsFleet" + ogmob_id).style.alignSelf = "center";
            document.getElementById("detailsFleet" + ogmob_id).style.paddingLeft = "10px";
            document.getElementById("imgFleet" + ogmob_id).style.height = "50px";
            document.getElementById("ogmob_colonneTypeMission_" + ogmob_id).style.gridRow = ogmob_i;
            document.getElementById("ogmob_colonneTypeMission_" + ogmob_id).style.gridColumn = "4";
            document.getElementById("ogmob_colonneTypeMission_" + ogmob_id).style.display = "flex";
            document.getElementById("ogmob_colonneTypeMission_" + ogmob_id).style.alignItems = "center";
            document.getElementById("ogmob_colonneDestination_" + ogmob_id).style.gridRow = ogmob_i;
            document.getElementById("ogmob_colonneDestination_" + ogmob_id).style.gridColumn = "5";
            document.getElementById("ogmob_colonneDestination_" + ogmob_id).style.display = "flex";
            document.getElementById("ogmob_colonneDestination_" + ogmob_id).style.flexDirection = "column";
            document.getElementById("ogmob_colonneDestination_" + ogmob_id).style.alignItems = "center";
            document.getElementById("ogmob_colonneDestination_" + ogmob_id).style.alignSelf = "center";
            document.getElementById("ogmob_colonneAction_" + ogmob_id).style.gridRow = ogmob_i;
            document.getElementById("ogmob_colonneAction_" + ogmob_id).style.gridColumn = "6";
            document.getElementById("ogmob_colonneAction_" + ogmob_id).style.display = "flex";
            document.getElementById("ogmob_colonneAction_" + ogmob_id).style.alignItems = "center";
            document.getElementById("ogmob_colonneAction_" + ogmob_id).style.justifySelf = "end";
            document.getElementById('missionFleet' + ogmob_id).querySelector('img').style.height = "50px";
            document.getElementById('missionFleet' + ogmob_id).querySelector('img').style.verticalAlign = "middle";
            if(document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal') !== null)
            {
                if(document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal').querySelector('a') !== null)
                {
                    document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal').querySelector('a').style.height = "50px";
                    document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal').querySelector('a').style.width = "max-content";
                    document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal').querySelector('a').style.background = "none";
                    if(document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal').querySelector('a').querySelector('img') !== null)
                    {
                        document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal').querySelector('a').querySelector('img').style.height = "50px";
                        document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal').querySelector('a').querySelector('img').style.width = "auto";
                        document.getElementById('ogmob_colonneAction_' + ogmob_id).querySelector('span.reversal').querySelector('a').querySelector('img').style.verticalAlign = "middle";
                    }
                }
            }
            if(document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip') !== null)
            {
                document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').style.height = '100%';
                document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').style.width = '100%';
            }
            ogmob_i = ogmob_i + 1;
        });
        ogmob_i = 1;
        document.getElementById("eventContent").remove();
    }
});
ogmob_mutFlotte.observe(document.getElementById("eventboxContent"), {
  childList: true,
});

// Suppression "top" d'origine
document.getElementById("top") !== null ? document.getElementById("top").remove() : '';

// Menu de gauche
document.getElementById('leftMenu') !== null ? document.getElementById('leftMenu').style.marginTop = "0" : '';
if(document.getElementById("left") !== null)
{
    document.getElementById("left").style.top = "0";
}

// Création du footer
let ogmob_Footer = document.createElement("div");
ogmob_Footer.id = "ogMobileFooter";
let ogmob_FooterGrid = document.createElement("div");
ogmob_FooterGrid.id = 'ogMobileFooter_grid';
ogmob_Footer.appendChild(ogmob_FooterGrid);
document.body.appendChild(ogmob_Footer);
var ogmob_colonneFooterTexte;
var ogmob_colonneFooterImg;
if(document.getElementById('menuTable') !== null)
{
    // Vue d'ensemble
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarOverview"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarOverview"]').id = 'ogmob_vueFooter';
        document.getElementById("ogmob_vueFooter").className = '';
        document.getElementById("ogmob_vueFooter").querySelector('span') !== null ? document.getElementById("ogmob_vueFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/nrbTVgff/vue-ensemble.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Vue';
        document.getElementById("ogmob_vueFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_vueFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_vueFooter"));
        document.getElementById("ogmob_vueFooter").style.gridRow = "1";
        document.getElementById("ogmob_vueFooter").style.gridColumn = "1";
    }
    // Ressource
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarResourcebuildings"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarResourcebuildings"]').id = 'ogmob_ressourceFooter';
        document.getElementById("ogmob_ressourceFooter").className = '';
        document.getElementById("ogmob_ressourceFooter").querySelector('span') !== null ? document.getElementById("ogmob_ressourceFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/ZYMz6k1F/ressources.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Ressources';
        document.getElementById("ogmob_ressourceFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_ressourceFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_ressourceFooter"));
        document.getElementById("ogmob_ressourceFooter").style.gridRow = "1";
        document.getElementById("ogmob_ressourceFooter").style.gridColumn = "2";
    }
    //Recherche
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarResearch"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarResearch"]').id = 'ogmob_rechercheFooter';
        document.getElementById("ogmob_rechercheFooter").className = '';
        document.getElementById("ogmob_rechercheFooter").querySelector('span') !== null ? document.getElementById("ogmob_rechercheFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/C117HxtF/recherche.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Recherche';
        document.getElementById("ogmob_rechercheFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_rechercheFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_rechercheFooter"));
        document.getElementById("ogmob_rechercheFooter").style.gridRow = "1";
        document.getElementById("ogmob_rechercheFooter").style.gridColumn = "3";
    }
    // Chantier spatial
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShipyard"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShipyard"]').id = 'ogmob_chantierFooter';
        document.getElementById("ogmob_chantierFooter").className = '';
        document.getElementById("ogmob_chantierFooter").querySelector('span') !== null ? document.getElementById("ogmob_chantierFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/02rZFn89/chantier-spatial.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Chantier';
        document.getElementById("ogmob_chantierFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_chantierFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_chantierFooter"));
        document.getElementById("ogmob_chantierFooter").style.gridRow = "1";
        document.getElementById("ogmob_chantierFooter").style.gridColumn = "4";
    }
    // Défense
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarDefense"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarDefense"]').id = 'ogmob_defenseFooter';
        document.getElementById("ogmob_defenseFooter").className = '';
        document.getElementById("ogmob_defenseFooter").querySelector('span') !== null ? document.getElementById("ogmob_defenseFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/rmw0YhST/defense.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Défense';
        document.getElementById("ogmob_defenseFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_defenseFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_defenseFooter"));
        document.getElementById("ogmob_defenseFooter").style.gridRow = "1";
        document.getElementById("ogmob_defenseFooter").style.gridColumn = "5";
    }
    // Galaxie
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarGalaxy"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarGalaxy"]').id = 'ogmob_galaxieFooter';
        document.getElementById("ogmob_galaxieFooter").className = '';
        document.getElementById("ogmob_galaxieFooter").querySelector('span') !== null ? document.getElementById("ogmob_galaxieFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/MHbr9pxX/galaxie.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Galaxie';
        document.getElementById("ogmob_galaxieFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_galaxieFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_galaxieFooter"));
        document.getElementById("ogmob_galaxieFooter").style.gridRow = "1";
        document.getElementById("ogmob_galaxieFooter").style.gridColumn = "6";
    }
    // Plus
    let ogmob_plusFooter = document.createElement("a");
    ogmob_plusFooter.id = 'ogmob_plusFooter';
    ogmob_plusFooter.href = '#';
    ogmob_colonneFooterImg = document.createElement("img");
    ogmob_colonneFooterImg.src = 'https://i.postimg.cc/MHbr9pxX/galaxie.png';
    ogmob_colonneFooterTexte = document.createElement("span");
    ogmob_colonneFooterTexte.innerHTML = 'Plus';
    ogmob_plusFooter.appendChild(ogmob_colonneFooterImg);
    ogmob_plusFooter.appendChild(ogmob_colonneFooterTexte);
    document.getElementById("ogMobileFooter_grid").appendChild(ogmob_plusFooter);
    document.getElementById("ogmob_plusFooter").style.gridRow = "1";
    document.getElementById("ogmob_plusFooter").style.gridColumn = "7";
    ogmob_plusFooter = document.getElementById("ogmob_plusFooter");
    ogmob_plusFooter.onclick = ogmob_openFooter;
    //ogmob_plusFooter.onclick = ogmob_closeNav;
    // Forme de vie
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarLifeformbuildings"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarLifeformbuildings"]').id = 'ogmob_fdvFooter';
        document.getElementById("ogmob_fdvFooter").className = '';
        document.getElementById("ogmob_fdvFooter").querySelector('span') !== null ? document.getElementById("ogmob_fdvFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/90RrhtyK/forme-de-vie.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Forme de vie';
        document.getElementById("ogmob_fdvFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_fdvFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_fdvFooter"));
        document.getElementById("ogmob_fdvFooter").style.gridRow = "2";
        document.getElementById("ogmob_fdvFooter").style.gridColumn = "1";
    }
    // Installation
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarFacilities"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarFacilities"]').id = 'ogmob_installationFooter';
        document.getElementById("ogmob_installationFooter").className = '';
        document.getElementById("ogmob_installationFooter").querySelector('span') !== null ? document.getElementById("ogmob_installationFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/vHPQGSQK/installation.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Installation';
        document.getElementById("ogmob_installationFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_installationFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_installationFooter"));
        document.getElementById("ogmob_installationFooter").style.gridRow = "2";
        document.getElementById("ogmob_installationFooter").style.gridColumn = "2";
    }
    // Alliance
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarAlliance"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarAlliance"]').id = 'ogmob_allianceFooter';
        document.getElementById("ogmob_allianceFooter").className = '';
        document.getElementById("ogmob_allianceFooter").querySelector('span') !== null ? document.getElementById("ogmob_allianceFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/t4PmBYmz/alliance.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Alliance';
        document.getElementById("ogmob_allianceFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_allianceFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_allianceFooter"));
        document.getElementById("ogmob_allianceFooter").style.gridRow = "2";
        document.getElementById("ogmob_allianceFooter").style.gridColumn = "3";
    }
    // Marchand
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarTrader"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarTrader"]').id = 'ogmob_marchandFooter';
        document.getElementById("ogmob_marchandFooter").className = '';
        document.getElementById("ogmob_marchandFooter").querySelector('span') !== null ? document.getElementById("ogmob_marchandFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/Vkc3Qqth/marchand.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Marchand';
        document.getElementById("ogmob_marchandFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_marchandFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_marchandFooter"));
        document.getElementById("ogmob_marchandFooter").style.gridRow = "2";
        document.getElementById("ogmob_marchandFooter").style.gridColumn = "4";
    }
    // Empire
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarEmpire"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarEmpire"]').id = 'ogmob_empireFooter';
        document.getElementById("ogmob_empireFooter").className = '';
        document.getElementById("ogmob_empireFooter").querySelector('span') !== null ? document.getElementById("ogmob_empireFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/rp713J00/empire.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Empire';
        document.getElementById("ogmob_empireFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_empireFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_empireFooter"));
        document.getElementById("ogmob_empireFooter").style.gridRow = "2";
        document.getElementById("ogmob_empireFooter").style.gridColumn = "5";
    }
    // Empire
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarFleet"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarFleet"]').id = 'ogmob_flotteFooter';
        document.getElementById("ogmob_flotteFooter").className = '';
        document.getElementById("ogmob_flotteFooter").querySelector('span') !== null ? document.getElementById("ogmob_flotteFooter").querySelector('span').remove() : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/L5cGsfbn/flotte.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Flotte';
        document.getElementById("ogmob_flotteFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_flotteFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_flotteFooter"));
        document.getElementById("ogmob_flotteFooter").style.gridRow = "2";
        document.getElementById("ogmob_flotteFooter").style.gridColumn = "6";
    }
    // ceux qui restent
    var ogmob_menusFooter = document.getElementById("menuTable").querySelectorAll("li");
    ogmob_menusFooter.forEach((ogmob_menuFooter) => {
    });
}

// Menu de droite
if(document.getElementById("rechts") !== null)
{
    document.getElementById("rechts").style.marginTop = "10px";
}
if(document.getElementById("bannerSkyscrapercomponent") !== null)
{
    document.getElementById("bannerSkyscrapercomponent").remove();
}
// Bottom
if(document.getElementById("chatbarcomponent") !== null)
{
    document.getElementById("chatbarcomponent").remove();
}


const ogmob_Css =
`
/*css*/
#ogMobileHeader {
  position: relative;
  margin: 0;
  padding: 0;
  padding-bottom: 2px;
  top: 0px;
  left: 0px;
  height: max-content;
  width: 100%;
  background-color: black;
  border-bottom: 1px solid white;
  display: flex;
  text-align: center;
  align-items: center;
  line-height: normal;
}
/* Icône burger */
#ogMobileHeader .burger-icon span.trait {
  display: block;
  width: 40px;
  height: 4px;
  background-color: white;
  margin: 8px 0;
}
#ogMobileHeader .burger-icon .ipiHintCollect {
  position: absolute;
  display: inline-block;
  background: #9c0;
  border: 1px solid #9c0;
  border-radius: 18px;
  padding: 6px;
  line-height: 15px;
  text-align: center;
  color: #000;
}
#ogMobileHeader #nomClassement {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  align-items: center;
}
#ogMobileHeader #nomClassement a {
  margin: 0;
  padding: 0;
  margin-top: 2px;
  color: #FFF;
  text-decoration: none;
  width: fit-content;
}
#ogMobileHeader .comm_menu {
  margin: 0;
  margin-right: 10px;
  padding: 0;
  background-repeat: no-repeat;
  height: 50px;
  width: auto;
  display: inherit;
  float: none;
  position: relative;
  background-size: cover;
  background-position: unset;
  background-image: none;
}
#ogMobileHeader .comm_menu img {
  height: 100%;
  width: auto;
}
#ogMobileHeader .new_msg_count {
  position: absolute;
  top: -2px;
  right: -6px;
  display: inline-block;
  background: #9c0;
  border: 1px solid #9c0;
  border-radius: 18px;
  padding: 6px;
  line-height: 15px;
  text-align: center;
  color: #000;
}
/* Sidenav menu */
#mySidenav {
  position: fixed;
  top: 0;
  height: 100%;
  width: max-content;
  display: none;
  z-index: 10;
  background-color: #042139;
  padding-top: 60px;
  transition: display 1s ease;
  border-right: 1px solid white;
}

#mySidenav #banner_skyscraper {
  padding-left: 20px;
}

/* Sidenav menu links */
#mySidenav a {
  text-decoration: none;
  font-size: 25px;
  color: #FFF;
  display: block;
  transition: 0.3s;
}

#mySidenav a:hover {
  color: #FFF;
}

#mySidenav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-right: 20px;
  padding-left: 20px;
}
#mySidenav ul li {
  display: flex;
  flex-direction: column;
  align-items: left;
  padding-bottom: 20px;
}

/* Active class */
#mySidenav .active {
  left: 0;
}

/* Close btn */
#mySidenav .close {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}


/* Footer */
#ogMobileFooter {
  position: fixed;
  bottom: -72px;
  left: 0px;
  width: 100%;
  overflow: hidden;
}
#ogMobileFooter_grid {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  width: 100%;
}
#ogMobileFooter_grid a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 50px;
  align-items: center;
  align-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  border: 1px solid white;
  border-radius: 20px 20px 0px 0px;
  background-color: #1c2025;
  color: #FFF;
}
#ogmob_fdvFooter, #ogmob_installationFooter, #ogmob_allianceFooter, #ogmob_marchandFooter, #ogmob_empireFooter, #ogmob_flotteFooter {
  border-radius: 0px !important;
}

/* CSS Ogame modifié */
#resourcesbarcomponent div#resources div.resource {
  height: 60px!important;
}
#resourcesbarcomponent div#resources div.resource .value {
  font: inherit!important;
}
#eventboxFilled p.event_list {
  text-align: center;
  display: flex;
  height: 50px;
  align-items: center;
  padding-left: 10px;
}
#eventboxFilled p.event_list span.undermark {
  display: none;
}
#eventboxFilled p.event_list p.event_list {
  width: 100%;
}
#eventboxFilled p.event_list p.event_list span.next_event span.friendly {
  color:white!important;
}
#eventboxFilled p.event_list p.event_list span.next_event {
  width:inherit!important;
}
.eventFleet td, .allianceAttack td {
  font-size: inherit!important;
}
div.tpd-content-wrapper h1, div.tpd-content, div.htmlTooltip, div.htmlTooltip tr, tr, td, th  {
  height: max-content;
  width: max-content;
  line-height: normal!important;
  font-size: 25px!important;
}

/*!css*/
`;

GM_addStyle(ogmob_Css);


// Compatibilité OCGLight
if(document.querySelector('span.ogl_leftMenuIcon') !== null)
{
    // Suppression des menus supplémentaires du header (dans le sideNav)
    document.getElementById("mySidenav").querySelector('ul').querySelector('li.ogl_timeZone') !== null ? document.getElementById("mySidenav").querySelector('ul').querySelector('li.ogl_timeZone').remove() : '';
    document.getElementById("mySidenav").querySelector('ul').querySelector('li.ogl_planetsCount') !== null ? document.getElementById("mySidenav").querySelector('ul').querySelector('li.ogl_planetsCount').remove() : '';
    document.getElementById("mySidenav").querySelector('ul').querySelector('li.ogl_ping') !== null ? document.getElementById("mySidenav").querySelector('ul').querySelector('li.ogl_ping').remove() : '';
    // Suppression du nom de l'univers
    document.getElementById("pageContent").querySelector('div.ogl_universeName') !== null ? document.getElementById("pageContent").querySelector('div.ogl_universeName').remove() : '';
    // Suppression affichage entrepot sur les ressources
    var ogmob_entrepots = document.querySelectorAll("div.ogl_storage");
    ogmob_entrepots.forEach((ogmob_entrepot) => {
        ogmob_entrepot.remove();
    });
    // Remettre le gif antimatière
    document.getElementById("darkmatter_box").querySelector('a.overlay').querySelector('img').style.display = 'inherit';
    // Titre des tootlips ressources
    // Métal
    let ogmob_mutMetal = new MutationObserver(mutationRecords => {
        //console.log(mutationRecords);
        if(document.getElementById("metal_box").dataset.title !== null)
        {
            document.getElementById("metal_box").dataset.title = document.getElementById("metal_box").dataset.title.replace('Métal|<table class="resourceTooltip">', '<table id="resourceTooltipMetal" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Métal</td></tr>');
            ogmob_mutMetal.disconnect();
        }
    });
    ogmob_mutMetal.observe(document.getElementById("metal_box"), {
        childList: false, // observer les enfants directs
        attributes: true,
        subtree: false, // et les descendants aussi
        characterDataOldValue: false // transmettre les anciennes données au callback
    });
    // Cristal
    let ogmob_mutCristal = new MutationObserver(mutationRecords => {
        //console.log(mutationRecords);
        if(document.getElementById("crystal_box").dataset.title !== null)
        {
            document.getElementById("crystal_box").dataset.title = document.getElementById("crystal_box").dataset.title.replace('Cristal|<table class="resourceTooltip">', '<table id="resourceTooltipCristal" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Cristal</td></tr>');
            ogmob_mutCristal.disconnect();
        }
    });
    ogmob_mutCristal.observe(document.getElementById("crystal_box"), {
        childList: false, // observer les enfants directs
        attributes: true,
        subtree: false, // et les descendants aussi
        characterDataOldValue: false // transmettre les anciennes données au callback
    });
    // Deuterium
    let ogmob_mutDeut = new MutationObserver(mutationRecords => {
        //console.log(mutationRecords);
        if(document.getElementById("deuterium_box").dataset.title !== null)
        {
            document.getElementById("deuterium_box").dataset.title = document.getElementById("deuterium_box").dataset.title.replace('Deutérium|<table class="resourceTooltip">', '<table id="resourceTooltipDeut" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Deutérium</td></tr>');
            ogmob_mutDeut.disconnect();
        }
    });
    ogmob_mutDeut.observe(document.getElementById("deuterium_box"), {
        childList: false, // observer les enfants directs
        attributes: true,
        subtree: false, // et les descendants aussi
        characterDataOldValue: false // transmettre les anciennes données au callback
    });
    // Energie
    let ogmob_mutEnergie = new MutationObserver(mutationRecords => {
        //console.log(mutationRecords);
        if(document.getElementById("energy_box").dataset.title !== null)
        {
            document.getElementById("energy_box").dataset.title = document.getElementById("energy_box").dataset.title.replace('Energie|<table class="resourceTooltip">', '<table id="resourceTooltipEnergie" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Energie</td></tr>');
            ogmob_mutEnergie.disconnect();
        }
    });
    ogmob_mutEnergie.observe(document.getElementById("energy_box"), {
        childList: false, // observer les enfants directs
        attributes: true,
        subtree: false, // et les descendants aussi
        characterDataOldValue: false // transmettre les anciennes données au callback
    });
    // Population
    let ogmob_mutPop = new MutationObserver(mutationRecords => {
        //console.log(mutationRecords);
        if(document.getElementById("population_box").dataset.title !== null)
        {
            document.getElementById("population_box").dataset.title = document.getElementById("population_box").dataset.title.replace('Population|<table class="resourceTooltip">', '<table id="resourceTooltipPop" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Population</td></tr>');
            ogmob_mutPop.disconnect();
        }
    });
    ogmob_mutPop.observe(document.getElementById("population_box"), {
        childList: false, // observer les enfants directs
        attributes: true,
        subtree: false, // et les descendants aussi
        characterDataOldValue: false // transmettre les anciennes données au callback
    });
    // Nourriture
    let ogmob_mutNourriture = new MutationObserver(mutationRecords => {
        //console.log(mutationRecords);
        if(document.getElementById("food_box").dataset.title !== null)
        {
            document.getElementById("food_box").dataset.title = document.getElementById("food_box").dataset.title.replace('Nourriture|<table class="resourceTooltip">', '<table id="resourceTooltipNourriture" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Nourriture</td></tr>');
            ogmob_mutNourriture.disconnect();
        }
    });
    ogmob_mutNourriture.observe(document.getElementById("food_box"), {
        childList: false, // observer les enfants directs
        attributes: true,
        subtree: false, // et les descendants aussi
        characterDataOldValue: false // transmettre les anciennes données au callback
    });

    const ogmob_OCGLight_Css =
          `
/*css*/
div#banner_skyscraper {
  transform: none !important;
}
.resourceTooltip {
  position: absolute;
  top: -2px;
  width:max-content;
  background:var(--p3);
  border-image:var(--uigradient) 1;
  border-style:solid;
  border-width:2px 2px 2px 2px;
  margin: 0!important;
  padding: 5px;
}
#resourceTooltipMetal {
  left: 0px;
}
#resourceTooltipCristal {
  left: -10px;
}
#resourceTooltipDeut {
  left: -50px;
}
#resourceTooltipEnergie {
  right: -100px;
}
#resourceTooltipPop {
  right: -50px;
}
#resourceTooltipNourriture {
  right: -10px;
}
div.ogl_tooltip {
  min-width: max-content !important;
  width: max-content !important;
  max-width: max-content !important;
}
table.fleetinfo tbody {
  display: flex !important;
  flex-direction: column;
  grid-gap: 0px !important;
}
table.fleetinfo tr td.ogl_shipIcon {
  height: 50px !important;
  width: 50px !important;
}
table.fleetinfo tr td.ogl_metal, table.fleetinfo tr td.ogl_crystal, table.fleetinfo tr td.ogl_deut, table.fleetinfo tr td.ogl_dm, table.fleetinfo tr td.ogl_energy, table.fleetinfo tr td.ogl_food {
  background-position: center;
  display: table-cell !important;
  width: 48px !important;
  height: 32px !important;
  background: transparent url("//gf3.geo.gfsrv.net/cdned/7f14c18b15064d2604c5476f5d10b3.png") 0px 0px no-repeat !important;
}
table.fleetinfo tr td.ogl_metal {
  background-position: 0px -160px !important;
}
table.fleetinfo tr td.ogl_crystal {
  background-position: -48px -160px !important;
}
table.fleetinfo tr td.ogl_deut {
  background-position: -96px -160px !important;
}
table.fleetinfo tr td.ogl_dm {
  background-position: 0px -160px !important;
}
table.fleetinfo tr td.ogl_energy {
  background-position: -144px -160px !important;
}
table.fleetinfo tr td.ogl_food {
  background-position: -288px -160px !important;
}
table.fleetinfo tr.ogl_metal td.value, table.fleetinfo tr.ogl_crystal td.value, table.fleetinfo tr.ogl_deut td.value, table.fleetinfo tr.ogl_dm td.value, table.fleetinfo tr.ogl_energy td.value, table.fleetinfo tr.ogl_food td.value {
  font-size: 25px !important;
}
/*!css*/
`;
    GM_addStyle(ogmob_OCGLight_Css);
}
(function() {

    // Your code here...
})();