<?
if (isset($_GET['strLang']))
{
    if ($_GET['strLang'] != '')
    {
        $_SESSION['strLangue'] = strtoupper($_GET['strLang']);
        setcookie('strLang', $_SESSION['strLangue'], time()+60*60*24*365);
    }
}

if ($_SESSION['strLangue'] == '')
{
    if (isset($_COOKIE['strLang'])) $_SESSION['strLangue'] = strtoupper(trim($_COOKIE['strLang']));
    else
    {
        $rsIfLangExist = '';
        $strBufLng = '';
        $strBufLng = strtoupper(substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2));
        $rsIfLangExist = $objConnMySQLCA->Execute("SELECT * FROM scm_langues WHERE NAPublic = 0 AND CodeLangue = '" . $strBufLng . "'");
        if ($rsIfLangExist->EOF == true) $_SESSION['strLangue'] = CstrDefaultLanguage;
        else $_SESSION['strLangue'] = $strBufLng;
    }
}

$bPagePreviewBeforeSave = false;
if (isset($_GET['bpagepreview']))
{
	if ($_GET['bpagepreview'] == '1') $bPagePreviewBeforeSave = true;
}

/********* Récupère les traductions de texte (contenu de page au format HTML, longs textes) *********/
function GetContent($strCodeText)
{
	$strSQLContent = '';
	$rsContent = '';
	$strReturn = '';
    $bNA = 0;
	global $objConnMySQLCA;
	global $bPagePreviewBeforeSave;
	
	if ($bPagePreviewBeforeSave == true)
	{
        if (isset($_POST['cbContentNA_' . $strCodeText . '_' . $_SESSION['strLangue']])) $bNA = 0;
        else $bNA = 1;
        if ($bNA == 0  &&  isset($_POST['txtContent_' . $strCodeText . '_' . $_SESSION['strLangue']])) $strReturn = stripslashes($_POST['txtContent_' . $strCodeText . '_' . $_SESSION['strLangue']]);
        else $strReturn = '';
	}
	else
	{
		$strSQLContent = '';
		$strSQLContent .= 'SELECT Content FROM scm_contenttexts t INNER JOIN scm_pages p ';
		$strSQLContent .= 'ON t.IDPage = p.IDPage ';
		$strSQLContent .= "WHERE NonActif = 0 AND UCASE(t.CodeLangue) = '" . strtoupper($_SESSION['strLangue']) . "' ";
		$strSQLContent .= "AND UCASE(p.PageName) = '" . fctSQLSlashes(strtoupper(CstrCurrentPageName)) . "' ";
		$strSQLContent .= "AND t.CodeText = '" . fctSQLSlashes($strCodeText) . "' ";
		$rsContent = $objConnMySQLCA->Execute($strSQLContent);
		
		if ($rsContent != false) $strReturn = $rsContent->fields['Content'];
		else $strReturn = '';
	}
	return $strReturn;
}

/********* Récupère les traductions de messages d'informations ou d'erreurs *********/
function GetMessage($strCodeMessage)
{
	$strSQLMessage = '';
	$rsMessage = '';
	$strReturn = '';
	global $objConnMySQLCA;
	
	$strSQLMessage = '';
	$strSQLMessage .= 'SELECT Message FROM scm_transmessages ';
	$strSQLMessage .= "WHERE UCASE(CodeLangue) = '" . strtoupper($_SESSION['strLangue']) . "' "; 
	$strSQLMessage .= "AND CodeMessage = '" . fctSQLSlashes($strCodeMessage) . "' ";
	$rsMessage = $objConnMySQLCA->Execute($strSQLMessage);
	
	if ($rsMessage != false) $strReturn = $rsMessage->fields['Message'];
	else $strReturn = '';
	
	return $strReturn;
}


/********* Récupère les traductions de libellé (textes succincts) *********/
function Label($strLabel)
{
	$strSQLLabel = '';
	$rsLabel = '';
	$strReturn = '';
	global $objConnMySQLCA;
	
	$strSQLLabel = '';
	$strSQLLabel .= 'SELECT Label FROM scm_translabels ';
	$strSQLLabel .= "WHERE UCASE(CodeLangue) = '" . strtoupper($_SESSION['strLangue']) . "' ";
	$strSQLLabel .= "AND CodeLabel = '" . fctSQLSlashes($strLabel) . "' ";
	$rsLabel = $objConnMySQLCA->Execute($strSQLLabel);
	
	if ($rsLabel != false) 
	{
		if ($rsLabel->fields['Label'] != '') $strReturn = $rsLabel->fields['Label'];
		else $strReturn = $strLabel;
	}
	else $strReturn = $strLabel;

	return $strReturn;
}

/********* Récupère le texte de référencement de la page en cours et l'affiche dans le tag TITLE *********/
function GetTitle()
{
	$strSQLTitle = '';
	$rsTitle = '';
	$strReturn = '';
	global $objConnMySQLCA;
	
	$strSQLTitle = '';
	$strSQLTitle .= 'SELECT PageReference FROM scm_pages ';
    $strSQLTitle .= "WHERE UCASE(CodeLangue) = '" . strtoupper($_SESSION['strLangue']) . "' ";
    $strSQLTitle .= "AND UCASE(PageName) = '" . fctSQLSlashes(strtoupper(CstrCurrentPageName)) . "'";
	$rsTitle = $objConnMySQLCA->Execute($strSQLTitle);
	
	if ($rsTitle != false) $strReturn = $rsTitle->fields['PageReference'];
	else $strReturn = '';
	
	return $strReturn;
}

/********* Récupère les images pour une page *********/
function GetImage($strCodeImage)
{
	$strSQLImage = '';
	$rsImage = '';
	$strReturn = '';
	global $objConnMySQLCA;
	
	$strSQLImage = '';
	$strSQLImage .= 'SELECT Image FROM scm_contentimages t INNER JOIN scm_pages p ';
	$strSQLImage .= 'ON t.IDPage = p.IDPage ';
	$strSQLImage .= "WHERE NonActif = 0 AND UCASE(t.CodeLangue) = '" . strtoupper($_SESSION['strLangue']) . "' ";
	$strSQLImage .= "AND UCASE(p.PageName) = '" . fctSQLSlashes(strtoupper(CstrCurrentPageName)) . "' ";
	$strSQLImage .= "AND t.CodeImage = '" . fctSQLSlashes($strCodeImage) . "' ";
	$rsImage = $objConnMySQLCA->Execute($strSQLImage);
	
	if ($rsImage != false) $strReturn = $rsImage->fields['Image'];
	else $strReturn = '';
	
	return $strReturn;
}

/********* Récupère les traductions de texte (contenu de page au format HTML, longs textes) *********/
function GetFooterText($strCodeText)
{
    $strSQLContent = '';
    $rsContent = '';
    $strReturn = '';
    global $objConnMySQLCA;
    global $bPagePreviewBeforeSave;

    if ($bPagePreviewBeforeSave == true)
    {
        if (isset($_POST['txtContent_' . $strCodeText . '_' . $_SESSION['strLangue']])) $strReturn = stripslashes($_POST['txtContent_' . $strCodeText . '_' . $_SESSION['strLangue']]);
        else $strReturn = '';
    }
    else
    {
        $strSQLContent = '';
        $strSQLContent .= 'SELECT Content FROM scm_footer_texts ';
        $strSQLContent .= "WHERE UCASE(CodeLangue) = '" . strtoupper($_SESSION['strLangue']) . "' ";
        $strSQLContent .= "AND CodeText = '" . fctSQLSlashes($strCodeText) . "' ";
        $rsContent = $objConnMySQLCA->Execute($strSQLContent);

        if ($rsContent != false) $strReturn = $rsContent->fields['Content'];
        else $strReturn = '';
    }
    return $strReturn;
}
?><?
//-------------------------------------------------------------------
// Description     : Page de présentation
// Author          : GR Development
//-------------------------------------------------------------------
//------Liste des variables--------
$strSQL = '';
$rsFilter = '';
$rsFilter1 = '';
$rsTemp = '';
$strSpan = 'qui-sommes-nous';
$iIDCatWhois = 0;
//$strCat = '';
$iIDSubCatWhois = 0;
$strWhoisTitle = Label("Qui sommes-nous ?");
$bIsFirstVisit = 0; // Pour définir s'il s'agit de la 1ère visite de la page
$strIntroPage = ''; // Petit texte d'intro
$strContentText = '';
$strContentText2 = '';
$strInclude = '';
$strTitlePageComplement = '';
$strDescriptionPageComplement = '';
//---------------------------------
//if (isset($_GET['c'])) $strCat = $_GET['c'];
if (isset($_GET['idc'])) $iIDCatWhois = $_GET['idc'];
elseif (isset($_POST['hidCat'])) $iIDCatWhois = $_POST['hidCat'];
if ($iIDCatWhois == '') $iIDCatWhois = 0;
if (isset($_GET['idt'])) $iIDSubCatWhois = $_GET['idt'];
elseif (isset($_POST['hidSubCat'])) $iIDSubCatWhois = $_POST['hidSubCat'];
if ($iIDSubCatWhois == '') $iIDSubCatWhois = 0;
/**************************************************************************************************************/
function fctGetSubCategories($iIDCategory)
{
    $strReturn = '';
    $strSQL = '';
    $rsSQL = '';
    global $objConnMySQLCA;

    $strSQL = '';
    $strSQL .= 'SELECT IDCategorie FROM scm_whois_categories ';
    $strSQL .= 'WHERE IDParent = ' . intval($iIDCategory) . ' AND NonActif = 0 ';
    $strSQL .= 'ORDER BY Ordre ';
    $rsSQL = $objConnMySQLCA->Execute($strSQL);
    while ($rsSQL->EOF != true)
    {
        $strReturn .= $rsSQL->fields['IDCategorie'] . ',';
        $strReturn .= fctGetSubCategories($rsSQL->fields['IDCategorie']);
        $rsSQL->MoveNext();
    }
    return $strReturn;
}
/**************************************************************************************************************/
if($iIDCatWhois == 0){
    $bIsFirstVisit = 1; // 1ère visite de la page pour affichage du titre simplifié (on n'affiche pas la catégorie)
    // Check si une catégorie doit être affichée par défaut au chargement de la page
    $strSQL = '';
    $rsDefaultCat = '';
    $strSQL .= "SELECT IDCategorie ";
    $strSQL .= 'FROM scm_whois_categories ';
    $strSQL .= 'WHERE NonActif = 0 AND IDParent = 0 ';
    $strSQL .= 'AND bDefaultSelected = 1';
    $rsDefaultCat = $objConnMySQLCA->Execute($strSQL);
    if(is_object($rsDefaultCat)){
        if($rsDefaultCat->EOF != true) $iIDCatWhois = $rsDefaultCat->fields['IDCategorie'];
    }
}
if($iIDCatWhois > 0){
    if($iIDSubCatWhois == 0)
    {
        $strSQL = '';
        $strSQL .= "SELECT COALESCE(IF(MetaTitle" . $_SESSION['strLangue'] . "='',NULL,MetaTitle" . $_SESSION['strLangue'] . "), Categorie" . $_SESSION['strLangue'] . ") AS Titre, ";
        $strSQL .= "COALESCE(IF(MetaDesc" . $_SESSION['strLangue'] . "='',NULL,MetaDesc" . $_SESSION['strLangue'] . "), Description" . $_SESSION['strLangue'] . ") AS Description, ";
        $strSQL .= "Categorie" . $_SESSION['strLangue'] . " AS Categorie, Intro" . $_SESSION['strLangue'] . " AS IntroPage, ";
        $strSQL .= "Content" . $_SESSION['strLangue'] . " AS ContentText, IncludeName, ";
        $strSQL .= "Content2" . $_SESSION['strLangue'] . " AS ContentText2 ";
        $strSQL .= "FROM scm_whois_categories ";
        $strSQL .= 'WHERE IDCategorie = ' . $iIDCatWhois;
        $rsTemp = $objConnMySQLCA->Execute($strSQL);
    }
    else
    {
        $strSQL = '';
        $strSQL .= "SELECT COALESCE(IF(MetaTitle" . $_SESSION['strLangue'] . "='',NULL,MetaTitle" . $_SESSION['strLangue'] . "), Categorie" . $_SESSION['strLangue'] . ") AS Titre, ";
        $strSQL .= "COALESCE(IF(MetaDesc" . $_SESSION['strLangue'] . "='',NULL,MetaDesc" . $_SESSION['strLangue'] . "), Description" . $_SESSION['strLangue'] . ") AS Description, ";
        $strSQL .= "Categorie" . $_SESSION['strLangue'] . " AS Categorie, Intro" . $_SESSION['strLangue'] . " AS IntroPage, ";
        $strSQL .= "Content" . $_SESSION['strLangue'] . " AS ContentText, IncludeName, ";
        $strSQL .= "Content2" . $_SESSION['strLangue'] . " AS ContentText2 ";
        $strSQL .= "FROM scm_whois_categories ";
        $strSQL .= 'WHERE IDCategorie = ' . $iIDSubCatWhois;
        $rsTemp = $objConnMySQLCA->Execute($strSQL);
    }
    if($rsTemp->EOF != true){
        if($rsTemp->fields['IntroPage'] != '') $strIntroPage = $rsTemp->fields['IntroPage'];
        if($rsTemp->fields['ContentText'] != '') $strContentText = $rsTemp->fields['ContentText'];
        if($rsTemp->fields['ContentText2'] != '') $strContentText2 = $rsTemp->fields['ContentText2'];
        if($rsTemp->fields['IncludeName'] != '') $strInclude = $rsTemp->fields['IncludeName'];

        // Référencement
        if($rsTemp->fields['Titre'] != '') $strTitlePageComplement = $rsTemp->fields['Titre'];
        if($rsTemp->fields['Description'] != '') $strDescriptionPageComplement = html_entity_decode(strip_tags($rsTemp->fields['Description']),ENT_QUOTES,'UTF-8');
        // Fil d'Ariane
        if($rsTemp->fields['Categorie'] != '') {
            if($bIsFirstVisit == 0) $strWhoisTitle = $rsTemp->fields['Categorie'];
        }
        // Filtre catégories (actives) de 1er niveau
        $strReturn = '';
        $strSQL = '';
        $strSQL .= "SELECT IDCategorie, COALESCE(IF(Filter" . $_SESSION['strLangue'] . "='',NULL,Filter" . $_SESSION['strLangue'] . "), ";
        $strSQL .= "Categorie" . $_SESSION['strLangue'] . ") AS Categorie, bHighlight ";
        $strSQL .= 'FROM scm_whois_categories ';
        $strSQL .= 'WHERE NonActif = 0 AND IDParent = 0 ';
        $strSQL .= 'ORDER BY Ordre ';
        $rsFilter = $objConnMySQLCA->Execute($strSQL);

        /* Filtres pour niveau suivant */
        $strSQL = '';
        $strSQL .= "SELECT IDCategorie, COALESCE(IF(Filter" . $_SESSION['strLangue'] . "='',NULL,Filter" . $_SESSION['strLangue'] . "), Categorie" . $_SESSION['strLangue'] . ") AS Categorie ";
        $strSQL .= "FROM scm_whois_categories ";
        $strSQL .= 'WHERE IDParent = ' . intval($iIDCatWhois) . ' AND NonActif = 0 ';
        $strSQL .= 'ORDER BY Ordre ';
        $rsFilter1 = $objConnMySQLCA->Execute($strSQL);
    }
}
else
{
    // Affichage de toutes les catégories (actives) de 1er niveau
    $strReturn = '';
    $strSQL = '';
    $strSQL .= "SELECT IDCategorie, COALESCE(IF(Filter" . $_SESSION['strLangue'] . "='',NULL,Filter" . $_SESSION['strLangue'] . "), ";
    $strSQL .= "Categorie" . $_SESSION['strLangue'] . ") AS Categorie, bHighlight ";
    $strSQL .= 'FROM scm_whois_categories ';
    $strSQL .= 'WHERE NonActif = 0 AND IDParent = 0 ';
    $strSQL .= 'ORDER BY Ordre ';
    $rsFilter = $objConnMySQLCA->Execute($strSQL);
    if($rsFilter->EOF != true){
        while($rsFilter->EOF != true){  // Récupération de toutes les catégories actives pour affichage des activités
            $strReturn .= $rsFilter->fields['IDCategorie'] . ',';
            $strReturn .= fctGetSubCategories($rsFilter->fields['IDCategorie']);
            $rsFilter->MoveNext();
        }
        $rsFilter->MoveFirst();
    }
}
?>
<!DOCTYPE html>
<html lang=""><head>
    <?
$strSQLInfo = '';
$rsTitlePage = '';
$rsImageBanner = '';
$strTitlePage = '';
$strDescriptionPage = '';
if(CstrCurrentPageName != 'index.php') $strImageBackground = 'url(Images/Background/Pages/' . CstrBGDefaultImg . ') no-repeat center fixed';
/*******************************************************/
$strSQLInfo = '';
$strSQLInfo .= "SELECT MetaTitle" . strtoupper($_SESSION['strLangue']) . " AS MetaTitle, MetaDescription" . strtoupper($_SESSION['strLangue']) . " AS MetaDesc, COALESCE(img.Image,'') AS Image ";
$strSQLInfo .= "FROM scm_pages pg ";
$strSQLInfo .= "LEFT OUTER JOIN (SELECT IDPage, Image FROM scm_images i INNER JOIN scm_rel_pages_images ri ON i.IDImage = ri.IDImage WHERE ri.IDPage = IDPage AND i.NonActif = 0 AND ri.Ordre = 1) AS img ON pg.IDPage = img.IDPage ";
$strSQLInfo .= "WHERE UCASE(PageName) = '" . strtoupper(CstrCurrentPageName) . "'";
$rsTitlePage = $objConnMySQLCA->Execute($strSQLInfo);
if ($rsTitlePage->EOF != true)
{
    $strTitlePage = $rsTitlePage->fields['MetaTitle'];
    $strDescriptionPage = $rsTitlePage->fields['MetaDesc'];
    if($rsTitlePage->fields['Image'] != '' && CstrCurrentPageName != 'index.php') $strImageBackground = 'url(Images/Background/Pages/' . $rsTitlePage->fields['Image'] . ') no-repeat center fixed';
}
else $strTitlePage = CstrTitlePage;
?>
<title><?($strTitlePageComplement != '') ? print $strTitlePageComplement : print $strTitlePage;?></title>
<meta charset="utf-8">
<meta name="robots" content="index,follow">
<meta name="language" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="GR Development">
<meta name="publisher" content="GR Development">
<meta name="revisit-after" content="3 days">
<meta property="og:title" content="<?($strTitlePageComplement != '') ? print $strTitlePageComplement : print $strTitlePage;?>">
<meta property="og:type" content="website">
<meta property="og:site_name" content="www.taduperi.be">
<meta property="og:url" content="https://www.taduperi.be/presentation.php?">
<meta property="og:image" content="https://www.taduperi.be/Images/Logo/share-logo.jpg">
<meta property="og:description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://www.taduperi.be/Styles/Style.css">
<link rel="stylesheet" href="https://www.taduperi.be/Styles/jquery.fancybox.css?v=2.0.6" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="bookmark" href="https://www.taduperi.be/favicon.ico">
<link rel="shortcut icon" href="https://www.taduperi.be/favicon.ico">
<style type="text/css">
    img.preload { display: none; }
</style>
<script src="https://www.taduperi.be/js/jquery-1.7.2.min.js"></script>
<script src="https://www.taduperi.be/js/jquery.fancybox.pack.js?v=2.0.6"></script>
<script src="https://www.taduperi.be/js/video-adapt.js"></script>    <style type="text/css">
        .wrap {
            width:100%;
            clear:both;
            margin-top:2em;
            overflow: hidden;
        }
        .box1 {
            float: left;
            position: relative;
            width: 20%;
            padding-bottom: 20%;
        }
        .box1 .boxInner {
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
            height:100%;
            cursor:pointer;
        }
        .box1 .boxInner img {
            width:100%;
        }
        .box2 {
            float: left;
            position: relative;
            width: 16.6%;
            padding-bottom: 16.6%;
        }
        .box2 .boxInner {
            position: absolute;
            left: 0;
            right: 22px;
            top: 0;
            bottom: 0;
            height:auto;
            cursor:pointer;
        }
        .box2 .boxInner img {
            height:auto;
            width:100%;
        }
        .boxInner .titleBox {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin-bottom: 0;
            background: #ffffff;
            background: rgba(255, 255, 255, 0.8);
            color: #35414c;
            font-size:1.4em;
            text-align: center;
            padding: 10px;
            transition: all 0.3s ease-out;
        }
        .box2 .boxInner .hoverBox {
            position:absolute;
            top:0;
            left:0;
            width:100%;
            margin:0;
            line-height:170px;
            background: #E75B4C;
            /*background: rgba(255, 255, 255, 0.8);*/
            background: rgba(231, 91, 76, 0.8);
            filter:alpha(opacity=0);
            opacity:0;
            transition: opacity .25s ease-in-out;
        }
        .box1 .boxInner .hoverBox {
            position:absolute;
            top:0;
            left:0;
            width:100%;
            margin:0;
            height:100%;
            line-height:232px;
            background: #E75B4C;
            /*background: rgba(255, 255, 255, 0.6);*/
            background: rgba(231, 91, 76, 1);
            filter:alpha(opacity=0);
            opacity:0;
            transition: opacity .25s ease-in-out;
        }
        .boxInner .hoverBox:hover{
            filter:alpha(opacity=92);
            opacity:.92;
            transition: opacity .25s ease-in-out;
        }
        .boxInner .hoverBox div{
            width:100%;
            font-size:1em;
            color: #ffffff;
            line-height:1.2;
            display:inline-block;
            vertical-align:middle;
            text-align: center;
        }
        .boxInner .hoverBox div a{
            color: #ffffff;
        }
        .boxInner .hoverBox div span{
            display:block;
            margin-bottom:5px;
        }
        .boxInner .hoverBox div span.name{
            font-weight:bold;
        }
        .boxInner .hoverBox div span.fct{}
        .boxInner .hoverBox div span.desc{
            margin:20px 10px 0;
            font-size:0.8em;
            font-style:italic;
        }
        .boxInner .hoverBox div span.email{
            font-size:0.7em;
        }
        .boxInner:hover .titleBox {
            display: none;
        }
        @media only screen and (max-width : 480px) {
            /* Smartphone view: 1 tile */
            .box1 {
                width: 50%;
                padding-bottom: 50%;
            }
            .box1 .boxInner .hoverBox {
                line-height: 200px;
            }
            .box2 {
                width: 33%;
                padding-bottom: 33%;
            }
            .box2 .boxInner .hoverBox {
                line-height: 103px;
            }
        }
        @media only screen and (max-width : 650px) and (min-width : 481px) {
            /* Tablet view: 2 tiles */
            .box1 {
                width: 50%;
                padding-bottom: 50%;
            }
        }
        @media only screen and (max-width : 1050px) and (min-width : 651px) {
            /* Small desktop / ipad view: 3 tiles */
            .box1 {
                width: 33.3%;
                padding-bottom: 33.3%;
            }
        }
        @media only screen and (max-width : 1290px) and (min-width : 1051px) {
            /* Medium desktop: 4 tiles */
            .box1 {
                width: 25%;
                padding-bottom: 25%;
            }
        }
    </style>
    <script>
        $(document).ready(function(){
            $(".fancybox").fancybox({
                openEffect	: 'none',
                closeEffect	: 'none',
                closeBtn : true,
                nextClick : true,
                prevEffect : 'none',
                nextEffect : 'none',
                padding : 5,
                helpers : {overlay : {opacity: 0.7}}
            });
            $("span#").addClass("selectedlink");
        });

        function fctSelectCat(iVal, strPage)
        {
            document.getElementById("hidSubCat").value = 0;
            document.getElementById("hidCat").value = iVal;
            document.frmWhois.target = "_self";
            document.frmWhois.action = "presentation.php?idc=" + iVal;
            if(strPage != undefined) document.frmWhois.action += "&c=" + strPage;
            document.frmWhois.submit();
        }
        
        function fctSelectSubCat(iVal, strPage)
        {
            document.getElementById("hidSubCat").value = iVal;
            document.frmWhois.target = "_self";
            document.frmWhois.action = "presentation.php?idt=" + iVal + "&t=" + strPage;
            document.frmWhois.submit();
        }
    </script>
</head>
<body style="background:linear-gradient(180deg, rgba(218,181,31,1) 0%, transparent 75%) fixed, ;background-size:cover;">
<header>
    <a id="toppage"></a>
    <div id="header">
        <nav id="navmain">
    <ul>
        <li id="hgen"><a href="https://www.taduperi.be"><i class="material-icons">home</i></a></li>
        <li id="hmobile"><a href="https://www.taduperi.be"><span class="title">