

<!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;
   
   text-align:justify;
   width:1100px;
   heigth:1000px;
   overflow:auto;
   background-color:white;
   padding:5px;
   
   
  margin:5px;
      
   position:fixed;
   left:180px;
   top:20px;
 
      }
 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:210px;
   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:small;
   	font-family:arial,serif;

   }
 
   
   #image1
{   
 width:180px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   padding:5px;
      margin:5px;
       position:absolute;
  left:590px;
   top:40px;
        }
 
 #image2
{   
	width:280px;
  height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
   left:180px;
   top:500px;
  
      }

 #image3
{   width:280px;
  height:adjusted;
   overflow:auto;
   background-color:white;
   padding:5px;
     
  margin:5px;
      
   position:absolute;
  left:1000px;
   top:450px;
  
      }

 #image4
{   
	width:280px;
	  height:adjusted;
   overflow:auto;
   background-color:white;
   padding:5px;
     
  margin:5px;
      
   position:absolute;
   left:1430px;
   top:40px;

      }
      
       #image5
{   
	width:280px;
	   height:adjusted;
   overflow:auto;
   background-color:white;
    padding-right:90px;
   padding-left:5px;
   padding-top:5px;
   padding-bottom:5px;  margin:5px;
      
   position:absolute;
   left:930px;
   top:40px;
   
      }
  #image6
{   
	width:280px;
	   height:adjusted;
   overflow:auto;
   background-color:white;
   padding:5px;
     margin:5px;
  position:absolute;
   left:1000px;
   top:1250px;
  
      }
 #image7
{   
	width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   padding:5px;
   margin:5px;
      
   position:absolute;
   left:1200px;
   top:800px;
    
        }

#image8
{    
    width:240px;
   height:adjusted;
   overflow:auto;
   background-color:white; 
   position:absolute;
  left:600px;
    top:390px;
   
      }
      
      
 #image9
{        line-height:16px;
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   padding:5px;
     
  margin:5px;
      
   position:absolute;
   left:690px;
    top:880px;
   
      }
      
       #image10
{       
	 line-height:16px;
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
    left:180px;
    top:800px;
   
      }
      
      
       #image11
{       
	 line-height:16px;
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
    left:1500px;
    top:500px;
   
      }


       #image12
{       
	 line-height:16px;
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
    left:400px;
    top:1200px;
   
      }
      
      
       #image13
{       
	 line-height:16px;
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
    left:1550px;
    top:1100px;
   
      }
      
       #image14
{       
	 line-height:16px;
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
    left:550px;
    top:1490px;
   
      }

  #image15
{       
	 line-height:16px;
 width:370px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
    left:1850px;
    top:200px;
   
      }
      
      #image16
{       
	 line-height:16px;
 width:370px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
    left:1890px;
    top:850px;
   
      }
      
       #image17
{       
	 line-height:16px;
 width:370px;
   height:adjusted;
   overflow:auto;
   background-color:white;
   position:absolute;
    left:1980px;
    top:1290px;
   
      }
      
        #image18
{   
 width:250px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
  left:2100px;
   top:600px;
        }
        
        
       #image19
{   
 width:250px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
  left:1510px;
   top:1520px;
        }

      
       #actualité
{       
	 line-height:16px;
	 font-size:11px;
 width:245px;
   height:75px;
   overflow:auto;
   background-color:yellow;
   position:fixed;
    left:270px;
    top:90px;
   
      }

 span
   {
   	font-size:11px;
   	font-family:arial,serif;
left:283px;
   top:210px;
   position:absolute;
   background-color:yellow;
   }
   
   
  </style> 
  
   </head>
     
   <body>
  
   
   <p>
   </p>

   
   <ul>
   <b>joséphine kaeppelin</b>
   <br/><br/><br/>
   
  <li><a href="index.html">home</a></li>
  <br/>
  <li><a href="e_ink.html">E-Ink</a></li>
   <li><a href="screen.html">screen</a></li>
   <li><a href="dessins_impressions.html">dessins-impressions</a></li>
  <li><a href="sans_titre_dessins.html">sans titre - dessins</a></li>
   <li><a href="ecrans.html">écrans</a></li>
    <li><a href="plaques_gravees.html">plaques gravées</a></li>
      <li><a href="grand_dessin.html">sans titre</a></li>
     <li><a href="appuyer_sur_pause.html">appuyer sur pause</a></li>
      <li><a href="en_temps_reel.html">en temps réel</a></li>
          <li><a href="editions.html">éditions</a></li>
         <li><a href="puzzle_noir.html">puzzle noir</a></li>
                   <li><a href="partitions.html">partitions/programmes</a></li>
               <li><a href="transcodage.html">transcodage</a></li>
               <li><a href="surfer.html">surfer</a></li>
     <li><a href="appuyer_sur_esc.html">Appuyer_sur_ESC_pour_quitter_la_vue_subjective</a></li>
      <li><a href="dessin_site.html">dessin_site</a></li>    
    <li><a href="cette_photocopie_d_air.html">Cette photocopie d'air est un original.</a></li>
 <li><a href="ctrlc_ctrlv.html">CTRL_C CTRL_V</a></li>
 <li><a href="capture_sl.html">captures SL</a></li>
              <li><a href="balade_sur_SL.html">balade sur Second Life du 12 mai 2011</a></li>
               <li><a href="videos.html">vidéos</a></li>
               <li><a href="impression.html">impression(s)</a></li>
         <li><a href="schema_note.html">schémas_notes</a></li>
          <li><a href="microsoft_word.html">Microsoft Word</a></li>
           <li><a href="documents.html">documents</a></li>
                <li><a href="draft_mode.html">draft mode</a></li>
                 <li><a href="mapping.html">mapping</a></li>
                <li><a href="dessin.html">dessin</a></li>
                 <li><a href="prehension.html">préhension</a></li>
                 <li><a href="repetition.html">répétition</a></li>         
          
          
                 _
 <br/>  <br/>              
  <li><a href="classement_annee.html">classement par année </a></li>              
                 _
<br/><br/>
      <li><a href="informations.html">informations</a></li>
      <li><a href="textes.html">textes et +</a></li>
      <li><a href="contact.html">contact</a></li>
      
      
   </ul>

<div id="actualité">
Prochainement : <br/><br/>
<b><i>On était tellement ailleurs</i></b><br/>  à la Chaufferie, Strasbourg<br/>
   <b>du 14 juin au 12 juillet 2013   </div>
   
   <span><a href="expositions.html">ACTUALITE / EXPOSITIONS</a></span>
   
   
<div id="image1">
   <a href="impression.html"><img src="images/vignettes/8_26_v2_vignettes.jpg" alt="dessin_sans_titre" title="sans titre, 2010"></a> <br/>
   </div>
   
    <div id="image2">
     <a href="transcodage.html"> <img src="images/vignettes/transcodage_vignette.jpg" alt="zoom_transcodage"title="transcodage n°01, 2011"> </a><br/>
         </div>
   
   <div id="image3">
  <a href="draft_mode.html">  <img src="images/vignettes/landscape_draft_mode_vignette_web.jpg" alt="draft_mode" title="draft mode, 2012"></a><br/>
      </div>
   
   <div id="image4">
  <a href="schema_note.html">  <img src="images/vignettes/schema_vignette.jpg" alt="schema" title="sans titre, 2011"> </a><br/>
   </div>
   
   <div id="image5">
  <a href="partitions.html">  <img src="images/vignettes/partitions_vignette.jpg" alt="detail_partition_1" title="partitions #01, 2011"> </a><br/>
      </div>
    
    <div id="image6">
 <a href="en_temps_reel.html">   <img src="images/vignettes/impression_installation_vignette.jpg" alt="installation_vidéo_impression" title="sans titre, 2011"> </a><br/>
   </div>

    <div id="image7">
 <a href="mapping.html">   <img src="images/vignettes/mapping_vignette.jpg" alt="mapping" title="Mapping, 2010"></a> <br/>
   </div>

    <div id="image8">
 <a href="capture_sl.html">   <img src="images/vignettes/photo_korea_vignette.jpg" alt="captures_SL" ></a> <br/>
   </div>
  
    <div id="image9">
 <a href="balade_sur_SL.html">     <img src="images/vignettes/video_balade_vignette.jpg" alt="balade_video"></a><br/>
   </div>
   
    <div id="image10">
 <a href="puzzle_noir.html">     <img src="images/vignettes/puzzlenoir_vignette.jpg" alt="puzzle_noir" title="puzzle noir, 2011"></a><br/>
   </div>
   
    </div>
    <div id="image11">
 <a href="documents.html">     <img src="images/vignettes/documents_dessin_vignette.jpg" alt="documents_de_dessins"></a><br/>
   </div>
  
    <div id="image12">
 <a href="dessin_site.html">     <img src="images/vignettes/dessin_site_vignette.jpg" alt="dessin_site" title="dessin_site_n°01, 2011"></a><br/>
   </div>
  
    <div id="image13">
 <a href="grand_dessin.html">     <img src="images/vignettes/grand_dessin_01_vignette.jpg" alt="grand_dessins" title="sans titre, 2012"></a><br/>
   </div>
   
    <div id="image14">
  <a href="dessin.html"><img src="images/vignettes/dessin_A3_vignette.jpg" alt="dessin_A3" title="sans titre, 2011"></a><br/><br/><br/><br/><br/><br/><br/>
   </div>

    <div id="image15">
 <a href="microsoft_word.html">     <img src="images/vignettes/installation_word_vignette.jpg" alt="installation_word" title="sans titre, 2011"></a><br/>
   </div>
   
  
    <div id="image16">
 <a href="ctrlc_ctrlv.html">     <img src="images/vignettes/ctrlc_ctrlv_vignette.png" alt="ctrl C ctrl V" title="CTRL_C CTRL_V, 2011-2012"></a><br/>
   </div>
   
   <div id="image17">
 <a href="appuyer_sur_pause.html">     <img src="images/vignettes/appuyer_sur_pause_2012_web_vignette.jpg" alt="appuyer_sur_pause" title="appuyer sur pause, 2012"></a><br/></div>
 
 <div id="image18">
 <a href="plaques_gravees.html">     <img src="images/vignettes/plaques_gravees_3_web_vignette.jpg" alt="plaques_gravees" title="sans titre, 2012"></a><br/>
 </div>
 <div id="image19">
 <a href="editions.html">     <img src="images/vignettes/ESC_2012_1_vignette.jpg" alt="ESC" title="ESC, 2012"></a><br/></div>

   </div>

   
   </body>
   
   
</html>