

<!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: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:small;
   	font-family:arial,serif;

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

 #image3
{   width:280px;
  height:adjusted;
   overflow:auto;
   background-color:white;
   padding:5px;
     
  margin:5px;
      
   position:absolute;
  left:1050px;
   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:2310px;
   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:940px;
    
        }

#image8
{    
    width:300px;
   height:adjusted;
   overflow:auto;
   background-color:white; 
   position:absolute;
  left:600px;
    top:340px;
   
      }
      
      
 #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:70px;
    top:830px;
   
      }
      
      
       #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:590px;
    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:300px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
  left:2050px;
   top:570px;
        }
        
        
       #image19
{   
 width:290px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
  left:1480px;
   top:1470px;
        }
        
        
         #image20
{   
 width:250px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
  left:180px;
   top:1620px;
        }
        
          #image21
{   
 width:250px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
  left:1100px;
   top:1620px;
        }
        
         #image22
{   
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
  left:1900px;
   top:1690px;
        }
        
        
         #image23
{   
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
   left:480px;
   top:1920px;
        }

       #image24
{   
 width:280px;
   height:adjusted;
   overflow:auto;
   background-color:white;
       position:absolute;
   left:1450px;
   top:1890px;
        }
        
         #image25
{   
	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:990px;
   top:40px;
   
      }
      
      
       #actualité
{       
	 line-height:18px;
	 font-size:11px;
 width:255px;
   height:220px;
   overflow:auto;
   background-color:yellow;
   position:fixed;
    left:270px;
    top:20px;
   
      }
      
       #travaux
{       
	 line-height:18px;
	 font-size:11px;
 width:255px;
   height:220px;
   overflow:auto;
   background-color:white;
   position:fixed;
    top:120px;
   left:25px;
   
      }


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


 <br/><br/>
   
   <span></span>
   
   
<div id="image1">
   <a href="outside.html"><img src="images/vignettes/billboard_grenoble_07_vignette.jpg" alt="On bossait mais on ne savait pas pourquoi." title="On bossait mais on ne savait pas pourquoi., 2016"></a> <br/>
   </div>
   
    <div id="image2">
     <a href="imminent_landscape.html"> <img src="images/vignettes/KAEPPELIN_josephine_mural_01_web-vignette.jpg" alt="Imminent_Landscape"title="Imminent Landscape, 2015"> </a><br/>
         </div>
   
  <div id="image3">
  <a href="dessins_impressions.html">  <img src="images/vignettes/KAEPPELIN_2015_NY_22_vignette.jpg" alt="sans-titre" title="sans titre, 2015"></a><br/>
      </div>
   
   <div id="image4">
  <a href="textes.html">  <img src="images/vignettes/ROY_KAEPPELIN_ceci_n_est_pas_un_entretien_01_vignette.jpg" alt="textes" title="Ceci n'est pas un entretien, 2014"> </a><br/>
   </div>
   
   <div id="image5">
  <a href="brochure.html">  <img src="images/vignettes/BROCHURE_KAEPPELIN_05_web_vignette.jpg" alt="Brochure numéro un" title="Brochure numéro un, 2013-2014"> </a><br/>
      </div>
      
      <div id="image25">
  <a href="mission.html">  <img src="images/vignettes/photo_ID_service_provider_vignette.jpg" alt="prestataire de services" title="prestataire de services"> </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="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="image8">
 <a href="made_with.html">   <img src="images/vignettes/MADE_WITH_KAEPPELIN_GORRINDO_vignette.jpg" alt="MADE WITH" ></a> <br/>
   </div>
  
    <div id="image9">
    <a href="objets.html">   <img src="images/vignettes/KAEPPELIN_josephine_tapis_vignette.jpg" alt="J'ai encore besoin de vous." title="j'ai encore besoin de vous., 2016"></a>
   </div>
   
    <div id="image10">
    <a href="expositions.html"> <img src="images/vignettes/ART_ON_PAPER_Bozar_1_vignette.jpg" alt="We value your feedback, 2016"title="We value your feedback, 2016"> </a>
<br/>
   </div>
   
    </div>
    <div id="image11">
 <a href="dessin.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/untitled_2012_web_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="partitions.html">     <img src="images/vignettes/installation_word_vignette.jpg" alt="installation_word" title="sans titre, 2011"></a><br/>
   </div>
   
  
    <div id="image16">
 <a href="objets.html">     <img src="images/vignettes/KAEPPELIN_PETROLE_editions_95_web_vignette.jpg" alt="tablette" title="TABLETTE, 2014"></a><br/>
   </div>
   
   <div id="image17">
 <a href="appuyer_sur_pause.html">     <img src="images/vignettes/appuyer_sur_pause_view_02_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/plaque_AKBANK_art_center_vue_globale_vignette.jpg" alt="plaques_gravees" title="sans titre, 2012"></a><br/>
 </div>
 <div id="image19">
 <a href="objets.html">     <img src="images/vignettes/documents_fermes_2015_web_vignette.jpg" alt="documents fermés" title="documents fermés, 2015"></a><br/></div>


 <div id="image20">
     <a href="partitions.html"> <img src="images/vignettes/transcodage_vignette.jpg" alt="zoom_transcodage"title="transcodage n°01, 2011"> </a><br/><br/><br/><br/><br/><br/>
         </div>
         
         
         <div id="image21">
       <a href="mapping.html">   <img src="images/vignettes/mapping_vignette.jpg" alt="mapping" title="Mapping, 2010"></a><br/><br/><br/><br/><br/><br/>
         </div>
         
          <div id="image22">
      <a href="videos.html">     <img src="images/vignettes/video_balade_vignette.jpg" alt="balade_video"></a><br/><br/><br/><br/><br/><br/><br/>
         </div>
   </div>
   
   
   <div id="image23">
    <a href="editions.html">     <img src="images/vignettes/KAEPPELIN_josephine_puzzle_noir_2012_web_vignette.jpg" alt="puzzle_noir" title="puzzle noir, 2011"></a>
    <br/><br/><br/><br/><br/><br/>
  
         </div>
         
          <div id="image24">
    <a href="slide_show.html">     <img src="images/vignettes/imminent_landscape_01_vignette.jpg" alt="Imminent Landscape" title="Imminent Landscape, 2015"></a>
    <br/><br/><br/><br/><br/><br/>
  
         </div>

   
   </body>
   
   
</html>