<!-- Header -->
<!DOCTYPE html>
<html lang="fr">

<head>
	<!-- CMS and Theme by IO200 (https://www.io200.com) -->
	<!-- Meta -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="mobile-web-app-capable" content="yes">
		<!-- Meta (SEO) -->
	<title>Sephael</title><meta name="description" content="Erreur 404 - Page non trouvée"><meta name="keywords" content="">	<meta name="robots" content="all">
	<!-- CSS -->
	<link rel="preload" href="/res/style/_base.css?v=2.20g" as="style"><link rel="stylesheet" href="/res/style/_base.css?v=2.20g" type="text/css" media="screen"><link rel="preload" href="/res/style/layout-fullwidth.css?v=2.20g" as="style"><link rel="stylesheet" href="/res/style/layout-fullwidth.css?v=2.20g" type="text/css" media="screen"><link rel="stylesheet" href="/res/style/font-karlabold.css?v=2.20g" type="text/css" media="screen"><link rel="stylesheet" href="/res/style/_flavors.css?v=2.20g" type="text/css" media="screen">					<!-- JS -->
	<script src="/res/script/core.js?v=2.20g"></script>
                <script src="/res/lib/glightbox/glightbox.min.js?v=2.20g" defer></script>
                <link href="/res/lib/glightbox/glightbox.min.css?v=2.20g" type="text/css" rel="stylesheet">	<script>
                    document.addEventListener('touchstart', function() {}, true);
                </script>	<meta name="robots" content="noindex">	<!-- Further -->
		<link rel="sitemap" href="/sitemap.xml" type="application/xml">
	<!-- Code Injection -->
	</head>

<body class="template-error404 templatelayout-standard layout-fullwidth mode-light font-karlabold flavors-layoutfixedheader flavors-slideeffect">

	<a href="#top" class="skip-link">Aller au contenu</a>

	<div id="container">
			<!-- Header -->
			<header>
				<div class="title-container">
					<span class="website-title"><a href="https://raphael.badr.fr" title="Sephael" class="website-title-link">Sephael</a></span>
									</div>
				<nav>
					<ul class="primary">
																	</ul>
				</nav>
			</header>

			<!-- Content -->
			<main id="top" class="template-error404">
	<h1 class="desktop mobile">Welcome to your new website!</h1>
	<p>
		Sign in at your <a href="/admin" target="_blank">Admin Panel (CMS)</a>, upload some photos, create albums/sets (collections), and add links to your menu to show content.
	</p>
	<p>
		<b>Getting started?</b><br>
		<a href="https://www.io200.com/documentation#cms-overview" target="_blank">Take the tour</a> for an overview of the CMS and have a look at our <a href="https://www.io200.com/help" target="_blank">Help & Tips for using IO200</a>.
		Our <a href="https://www.io200.com/documentation#cms-websitequickstart" title="How to create a portfolio website with IO200" target="_blank">quickstart tutorial</a> guides you through the steps of creating a portfolio website with IO200.
	</p>


<!-- Footer -->
</main>

<!-- Footer -->
<footer>
			<p class="footer-info no-nav"><a href="https://www.io200.com" class="footer-link" title="IO200 CMS - Portfolio websites and photo galleries for photographers and artists" target="_blank">Powered by IO200</a></p></footer>

</div>

<!-- CMS and Theme by IO200 (https://www.io200.com) -->
<script>
        	document.addEventListener('DOMContentLoaded', function() {
            		mountPage(false)
            		
            		window.pageMountedCallback()
        	})
        	</script><style>img.photo, #glightbox-body .gslide-image img:not(.zoomable){user-select:none;pointer-events:none!important;-webkit-touch-callout:none;}</style>
            <script>
              document.addEventListener('DOMContentLoaded', function() {
                 document.addEventListener('contextmenu', event => event.preventDefault())
                 window.ondragstart = function(e) {
                     return (e.target.nodeName === 'IMG' || e.target.querySelector('img') !== null) ? false : true
                 }
             })
            </script>
</body>

</html>