<!DOCTYPE html>
<html>
	<head>

		<!-- Basic -->
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">	

		<title>Benjamincalippe.com</title>	

		<meta name="keywords" content="Benjamin Calippe - 404" />
		<meta name="description" content="Graphiste print, web & multimédia">
		<meta name="author" content="benjamincalippe.com">
		<meta name="robots" content="noindex,nofollow"/>

		<!-- Favicon -->
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Web Fonts  -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">

		<!-- Vendor CSS -->
		<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css">
		<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css">
		<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css">
		<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css">

		<!-- Theme CSS -->
		<link rel="stylesheet" href="css/theme.css">
		<link rel="stylesheet" href="css/theme-elements.css">
		<link rel="stylesheet" href="css/theme-blog.css">
		<link rel="stylesheet" href="css/theme-shop.css">
		<link rel="stylesheet" href="css/theme-animate.css">

		<!-- Current Page CSS -->
		<link rel="stylesheet" href="vendor/rs-plugin/css/settings.css" media="screen">
		<link rel="stylesheet" href="vendor/rs-plugin/css/layers.css" media="screen">
		<link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css" media="screen">
		<link rel="stylesheet" href="vendor/circle-flip-slideshow/css/component.css" media="screen">

		<!-- Skin CSS -->
		<link rel="stylesheet" href="css/skins/skin.css">

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" href="css/custom.css">

		<!-- Head Libs -->
		<script src="vendor/modernizr/modernizr.min.js"></script>

	</head>
	<body>

		<div class="body">
			<header id="header" class="header-mobile-nav-only" data-plugin-options='{"stickyEnabled": true, "stickyEnableOnBoxed": true, "stickyEnableOnMobile": true, "stickyStartAt": 57, "stickySetTop": "-57px", "stickyChangeLogo": true}'>
				<div class="header-body">
					<div class="header-container container">
						<div class="header-row">
							<div class="header-column">
								<div class="header-logo">
									<a href="index.html">
										<img alt="© Benjamin Calippe" width="222" height="108" data-sticky-width="180" data-sticky-height="88" data-sticky-top="33" src="img/logo.svg">
									</a>
								</div>
							</div>
							<div class="header-column">
								<div class="header-row">
									<div class="header-nav header-nav-dark-dropdown">
										<button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main">
											<i class="fa fa-bars"></i>
										</button>

										<div class="header-nav-main header-nav-main-square header-nav-main-effect-3 header-nav-main-sub-effect-1 collapse">
											<nav>

												<ul class="nav nav-pills" id="mainNav">
													
													
														<li class="dropdown">
														<a class="dropdown-toggle" href="#">
															À propos
														</a>
														<ul class="dropdown-menu">
															<li><a href="#">de mon métier</a></li>
															<li><a href="#">de moi</a></li>
														</ul>
													</li>
													
													
														<li class="dropdown">
														<a class="dropdown-toggle" href="#">
															Portfolio
														</a>
														<ul class="dropdown-menu">
															<li><a href="#">Print</a></li>
															<li><a href="#">Web</a></li>
															<li><a href="#">Multimédia</a></li>
															<li><a href="#">Photo</a></li>
														</ul>
													</li>
												
											
												
													<li class="dropdown">
														<a class="dropdown-toggle" href="#">
															Contact
														</a>
														<ul class="dropdown-menu">
															<li><a href="#"><img src="img/tl.svg"/></a></li>
															<li><a href="#"><img src="img/ml.svg"/></a></li>
														</ul>
													</li>
												</ul>
											</nav>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</header>

<!--MAIN--> <div role="main" class="main">
				

				
<!--Début Section PARALLAX-->

			
				<section class="parallax section section-text-light section-parallax section-center section-overlay page-not-found" data-stellar-background-ratio="0" style="background-image: url(img/fond-parallax.jpg);">
					<div class="container">
						<div class="row"><br><br><br>
							

							
							<div class="col-md-12 waoup"><br><br><br>
							
							<div class="col-xs-8 col-sm-5 col-md-5 col-md-offset-1">
								<div class="page-not-found-main" data-appear-animation="wiggle">
									<h2 class="hidden-xs">404 <i class="fa fa-file hidden-xs hidden-sm"></i></h2>
									<p>La page que vous recherchez n'existe pas.</p>
								</div>
							</div>
							
					
							   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
							</div>														
						
						</div>
					</div>
				</section>				

<!--Fin Section PARALLAX-->				
				
				<div class="container">
				
					<div class="row center">
						<div class="col-md-12">
							
						</div>
					</div>
				
				</div>
				
				
				
				<div class="container">
				
					<div class="row">
					<br><br><br><br><br><br><br><br><br><br>
					</div>
				
				</div>
				
				
				

				
<!--MAIN-->	</div>

			<footer id="footer">

				<div class="footer-copyright">
					<div class="container">
						<div class="row">
							<div class="col-xs-2 col-sm-2 col-md-1">
								<a href="index.html" class="logo">
									<img alt="" class="img-responsive" src="img/logo-footer.png">
								</a>
							</div>
							<div class="col-xs-10 col-sm-4 col-md-3">
								<p>© 2016 - benjamincalippe.com</p>
							</div>

						</div>
					</div>
				</div>
			</footer>
		</div>

		<!-- Vendor -->
		<script src="vendor/jquery/jquery.min.js"></script>
		<script src="vendor/jquery.appear/jquery.appear.min.js"></script>
		<script src="vendor/jquery.easing/jquery.easing.min.js"></script>
		<script src="vendor/jquery-cookie/jquery-cookie.min.js"></script>
		<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="vendor/common/common.min.js"></script>
		<script src="vendor/jquery.validation/jquery.validation.min.js"></script>
		<script src="vendor/jquery.stellar/jquery.stellar.min.js"></script>
		<script src="vendor/jquery.easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
		<script src="vendor/jquery.gmap/jquery.gmap.min.js"></script>
		<script src="vendor/jquery.lazyload/jquery.lazyload.min.js"></script>
		<script src="vendor/isotope/jquery.isotope.min.js"></script>
		<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
		<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
		<script src="vendor/vide/vide.min.js"></script>
		
		<!-- Theme Base, Components and Settings -->
		<script src="js/theme.js"></script>
		
		<!-- Current Page Vendor and Views -->
		<script src="vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
		<script src="vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
		<script src="vendor/circle-flip-slideshow/js/jquery.flipshow.min.js"></script>
		<script src="js/views/view.home.js"></script>
		
		<!-- Theme Custom -->
		<script src="js/custom.js"></script>
		
		<!-- Theme Initialization Files -->
		<script src="js/theme.init.js"></script>

		<script>
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		
			ga('create', 'UA-72229355-1', 'auto');
			ga('send', 'pageview');
		</script>

	</body>
</html>
