

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   
   
   <head>
       <title>josephine kaeppelin</title>
        <meta name="description" content="Bienvenue sur le site de joséphine kaeppelin" />
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <meta name="Keywords" content=" dessin abstrait, art contemporain, édition, livre d'artiste, impression numérique,  arts imprimés, joséphine kaeppelin " />
       <meta name="author" content="Joséphine Kaeppelin" />
       
  <style type="text/css">  
body
   {  
background-color:white;
   	} 
h3
{   
   font-family:arial,serif;
     
   width:1090px;
   background-color:white;
   padding-right:10px;
   padding-left:10px;
   margin:5px;
  
   
   position:fixed;
   left:215px;
   

}

p
{   
  
   font-family:arial,serif;
   font-size:11px;
   text-align:justify;
   width:adjusted;
   heigth:adjusted;
   overflow:auto;
   background-color:white;
   padding:5px; 
  margin:5px; 
   position:relative;
   left:330px;
   top:55px;
 
      }
 a
  {
  	text-decoration:none;
  	color:black;
  }
  
   a:visited
  {
  	text-decoration:none;
  	color:grey;	
  }
     a:hover
  {
  	text-decoration:none;
  	background-color:yellow;	
  }

ul
  {
  	opacity:.65;
  	font-family:arial,serif;
  	font-size:12px;
    list-style-type:none;
    background-color:white;
    
    margin:5px;
    padding:10px;
    
    
    width:240px;
   heigth:500px;
   top:8px;
   left:8px;
 
   
    position:fixed;
  
  }
  
div
 {
 	 	
 	position:absolute;
   left:930px;
   top:100px;
    width:500px;
   background-color:#fdfcd6;

    font-family:arial,serif;
   font-size:12px;
    margin:10px;
    padding:10px;
    
   line-height:20px;
 }

  span
   {
   	font-size:large;
   	font-family:arial,serif;

   }
 
   
  </style> 
  
   </head>
     
   <body>
  
   
   <p>
  <span><a href="http://www.lllllllllllllllllllll.com/" target="_blank">www.llllllllllllllllllll.com</a></span><br/> <br/><br/><br/>
  <b><i>dessin_site_n°01</i></b>, 2011, site Internet, 21 pages html <br/>
  <br/>
  
  <br/>
   <img src="images/grandes/dessin_site/dessin_site_1.jpg" alt="dessin_site_1" title="dessin_site_n°01, 2011">
   <br/><br/>
   <img src="images/grandes/dessin_site/dessin_site_2.jpg" alt="dessin_site_1" title="dessin_site_n°01, 2011">
   <br/><br/><br/><br/>
   <img src="images/grandes/dessin_site/schema_dessin_site1.png" alt="dessin_site_1" title="dessin_site_n°01, 2011">
  
   <br/><br/><br/>
     
   <br/><br/><br/><br/><br/><br/><br/>

    </p>
   
   <ul>
   <a href="index.html"><b>joséphine kaeppelin</b></a>
   <br/><br/>
   
   _
            <br/><br/>
   
    <li><a href="mission.html">prestataire de services / <i>service provider</i></a></li><br/>
    
     <li><a href="accueil_FR.html">travaux / <i>works</i></a></li>
     
     
      <u><li style="margin-left: 150px">Public space<br/></i></U>
<li style="margin-left: 20px"><a href="outside.html">Billboard posters</a></li>
   

  <u><li style="margin-left: 150px">Murals<br/></i></u>
    <li style="margin-left: 20px"><a href="imminent_landscape.html">Imminent Landscape</a></li>
    <li style="margin-left: 20px"><a href="draft_mode.html">Draft mode</a></li>
    
    
   <u><li style="margin-left: 150px">Objects<br/></i></u>
    <li style="margin-left: 20px"><a href="objets.html">Stones</a></li>
   <li style="margin-left: 20px"><a href="made_with.html">MADE WITH</a></li>
        <li style="margin-left: 20px"><a href="appuyer_sur_pause.html">Appuyer sur pause</a></li>
   <li style="margin-left: 20px"><a href="corian.html">Corian® panels</a></li>
       <li style="margin-left: 20px"><a href="plaques_gravees.html">Aluminium panels</a></li>

 
<u> <li style="margin-left: 150px">Editions<br/></i></u>
 <li style="margin-left: 20px"><a href="kit.html">Kit d'introspection</a></li>
 <li style="margin-left: 20px"><a href="carpets.html">Carpets</a></li>
  <li style="margin-left: 20px"><a href="etoffes.html">Etoffes à décor de circonstance</a></li>
   <li style="margin-left: 20px"><a href="brochure.html">Brochure</a></li>
           <li style="margin-left: 20px"><a href="editions.html">others</a></li>
    
    
     <u><li style="margin-left: 150px"> Drawings<br/></i></u>
   <li style="margin-left: 20px"><a href="dessins_impressions.html">Microsoft Word</a></li>
   <li style="margin-left: 20px"><a href="dessin.html">Photocopy</a></li>
    <li style="margin-left: 20px"><a href="din_A4.html">DIN A4</a></li>
            <li style="margin-left: 20px"><a href="partitions.html">Partitions/programmes</a></li>
      <li style="margin-left: 20px"><a href="grand_dessin.html">untitled</a></li>
      
   
      <u><li style="margin-left: 150px">Videos  <br/></i></u>
       <li style="margin-left: 20px"><a href="slide_show.html">Slide-shows</a></li>
<li style="margin-left: 20px"><a href="videos.html">others</a></li>

    
    <u><li style="margin-left: 150px">Prints<br/></i></u>
   <li style="margin-left: 20px"><a href="screen.html">Screen</a></li>
     <li style="margin-left: 20px"><a href="ecrans.html">écrans</a></li>
     
     
 <u><li style="margin-left: 150px">Digital <br/></i></u>
       <li style="margin-left: 20px"><a href="en_temps_reel.html">En temps réel</a></li>
    <li style="margin-left: 20px"><a href="turn_on_turn_off.html">TURN ON / TURN OFF</a></li>
         <li style="margin-left: 20px"><a href="dessin_site.html">dessin_site</a></li>  
<li style="margin-left: 20px"><a href="mapping.html">Mapping</a></li>


          <br/>
           <li><a href="expositions.html">expositions / <i>exhibitions</i></a></li>
           <br/>
           <li><a href="textes.html">textes / <i>texts</i></a></li>


                 _
<br/><br/>
      <li><a href="informations.html">informations + contact</a></li>
      
      <br/><br/><br/><br/><br/><br/>
   </ul>

   
   </body>
   
   
</html>