<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sophie Hasslauer</title>
	<meta name="description" content="Sophie Hasslauer, Artiste-auteur. Représentante des artistes au collège Artistes-auteurs de Plan d'Est. Co-présidente de Plan d'Est, pôle art visuels Grand Est. ">
    <link rel="stylesheet" href="https://www.sophiehasslauer.net/wp-content/themes/hasslauer/acceuil.css" type="text/css" media="screen" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
    <link rel="icon" href="https://www.sophiehasslauer.net/wp-content/uploads/2022/06/cropped-favicon-32x32.jpg" sizes="32x32" />
    <link rel="icon" href="https://www.sophiehasslauer.net/wp-content/uploads/2022/06/cropped-favicon-192x192.jpg" sizes="192x192" />
    <link rel="apple-touch-icon" href="https://www.sophiehasslauer.net/wp-content/uploads/2022/06/cropped-favicon-180x180.jpg" />
    <meta name="msapplication-TileImage" content="https://www.sophiehasslauer.net/wp-content/uploads/2022/06/cropped-favicon-270x270.jpg" />
<style>
  html,
  body {
	height: 100%;
  }

  html {
	font-size: 100%;
  }

  body {
	margin: 0;
	font-family: "Helvetica Neue", sans-serif;
	color: #666;
	font-size: 1rem;
  }

  .container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
  }

  .slide-content {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #163240;
	text-align: center;
	z-index: 1;

  }

  .slide-content p {
	font-size: calc(1rem + 10 * (100vw - 375px) / (1199 - 375));
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 0.5em;
  }

  h1 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Outfit', sans-serif;
  text-transform: uppercase;
  color: black;
  text-shadow: 1px 1px 0 #fff;
  margin: 0;
  }

  a {
	color: inherit;
	text-decoration: none;
  }

  a:hover {
	color: black;
  }

  @media (min-width: 1200px) {
	h1{
	  font-size: 30px;
	}

	.slide-content p {
	  font-size: 16px;
	}
  }
  @media (max-width: 760px) {
	.slide-content {
		padding: 10px 15px;
		border-radius: 0 0 10px 0;
		z-index: 1;
	}
	h1,
	h2 {
	  font-size: 15px;
	}
  }
</style>
</head>
<body>
	<div class="slide-content">
        <h1>
            <a href="/oeuvres/" style="">Sophie HASSLAUER</a>
        </h1>
	</div>
</a>


<!-- You can add content to slides (class names are not bound to CSS Fadeshow) -->

<div class="container">
  <div
	data-fadeshow="quick-nav prev-next-nav slide-counter autoplay ken-burns"
  >
	<!-- Radio -->
	<input type="radio" name="css-fadeshow" id="fs-slide-1" />
	<input type="radio" name="css-fadeshow" id="fs-slide-2" />
	<input type="radio" name="css-fadeshow" id="fs-slide-3" />
	<input type="radio" name="css-fadeshow" id="fs-slide-4" />
	<input type="radio" name="css-fadeshow" id="fs-slide-5" />
	<input type="radio" name="css-fadeshow" id="fs-slide-6" />

	<!-- Slides -->

	<div class="fs-slides">
	<a href="/oeuvres">
	  <div class="fs-slide">
		<div
		  class="fs-slide-bg"
		  style="background-image: url(https://www.sophiehasslauer.net/wp-content/uploads/2022/05/slider-01.jpeg)"
		></div>
	  </div>
	  <div class="fs-slide">
		<div
		  class="fs-slide-bg"
		  style="background-image: url(https://www.sophiehasslauer.net/wp-content/uploads/2022/05/slider-02.jpeg)"
		></div>
	  </div>
	  <div class="fs-slide">
		<div
		  class="fs-slide-bg"
		  style="background-image: url(https://www.sophiehasslauer.net/wp-content/uploads/2022/05/slider-03.jpeg)"
		></div>
	  </div>
	  <div class="fs-slide">
		<div
		  class="fs-slide-bg"
		  style="background-image: url(https://www.sophiehasslauer.net/wp-content/uploads/2022/05/slider-04.jpeg)"
		></div>
	  </div>
	  <div class="fs-slide">
		<div
		  class="fs-slide-bg"
		  style="background-image: url(https://www.sophiehasslauer.net/wp-content/uploads/2022/05/slider-05.jpeg)"
		></div>
	  </div>
	  <div class="fs-slide">
		<div
		  class="fs-slide-bg"
		  style="background-image: url(<error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &gt; Erreur]]></title>
    <message><![CDATA[&lt;p&gt;Il y a eu une erreur critique sur ce site.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://fr.wordpress.org/support/article/debugging-in-wordpress/&quot;&gt;En apprendre plus sur le débogage de WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
