<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>design</title>
<style type="text/css">
<!--
body
{
   width: 100%;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   background:#333333;
   color:#FFFFFF;



}

#conteneurgen
{
   position: relative;
   margin-top: auto;
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
   height: auto;
   background:#333333;
   color:#FFFFFF;

}

   #header a
    {
      position: relative;
      width: 1024px;
      height: 100px;
      margin: auto;
      display: block;
      background-image: url("../imagesmika/habillage/header.jpg");
      color:#FFFFFF;
   }

   #titre
    {
      position: relative;
      width: 1024px;
      height: 50px;
      margin: auto;
      background: none;
      color:#FFFFFF;
   }



   #conteneurcentral
      {
      position: relative;
      width: 1024px;
      height: auto;
      margin-top: 30px;
	  margin-bottom: 10px;
      background:#333333;
      background-image: url ();
      color:#FFFFFF;
   }

      #page
	  {
	     position: relative;
		 float: left;
		 width: 834px;
		 height: auto;
		 margin: auto;
         top: 10px;
         bottom: 10px;
         background: none;
         background-image: url ();
		 text-align: justify;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
	     font-size: 14px;
         color:#FFFFFF;
		 list-style-type: none;
	    }

		h1 {
         color: #000000;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 30px;
         background: none;
         font-weight: bold;
         text-align: center;
		 text-decoration: underline;
         }

		 h2 {
         color: #ffffff;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 20px;
         background: none;
         font-weight: bold;
         text-align: left;
         }

		 h3 {
         color: #ffffff;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 16px;
         background: none;
         font-weight: bold;
         text-align: left;
         }


		 #page a
		 {
		 color: #999999;
		 }
		 #page a:hover, #page a:focus, #page a:active
		 { color: #999999; font-weight: bold;}

.a, .a:visited {color:#000;}
		     #miniatures
			 {
			 position: relative;
			 float: left;
			 width: 300px;
			 height: 1050px;
		     margin: auto;
			 background: #333333;
			 bottom: 30px;
			 }
			 
			 
			 
			 
			 
			 
			 
a.gallery, a.gallery:visited 
{
display:inline; 
color:#000; 
text-decoration:none; 
border:1px solid #000; 
width:70px; 
height:70px; 
float:left; 
margin:10px 10px; 
position:relative; 
cursor:default;
}

a.slide1 {background:url(../imagesmika/galerie/dessinpeinture/miniature/doctorpandhisdoll.jpg);}
a.slide2 {background:url(../imagesmika/galerie/dessinpeinture/miniature/dcp1.jpg);}
a.slide3 {background:url(../imagesmika/galerie/dessinpeinture/miniature/dcp2.jpg);}
a.slide4 {background:url(../imagesmika/galerie/dessinpeinture/miniature/dcp3.jpg);}
a.slide5 {background:url(../imagesmika/galerie/dessinpeinture/miniature/dcp4.jpg);}
a.slide6 {background:url(../imagesmika/galerie/dessinpeinture/miniature/dcp5.jpg);}
a.slide7 {background:url(../imagesmika/galerie/dessinpeinture/miniature/lattendrisseur.jpg);}
a.slide8 {background:url(../imagesmika/galerie/dessinpeinture/miniature/lattendrisseur1.jpg);}
a.slide9 {background:url(../imagesmika/galerie/dessinpeinture/miniature/lattendrisseur2.jpg);}
a.slide10 {background:url(../imagesmika/galerie/dessinpeinture/miniature/lattendrisseur3.jpg);}
a.slide11 {background:url(../imagesmika/galerie/dessinpeinture/miniature/lattendrisseur4.jpg);}
a.slide12 {background:url(../imagesmika/galerie/dessinpeinture/miniature/barneystriptyque.jpg);}
a.slide13 {background:url(../imagesmika/galerie/dessinpeinture/miniature/11septembre.jpg);}
a.slide14 {background:url(../imagesmika/galerie/dessinpeinture/miniature/mononoke.jpg);}
a.slide15 {background:url(../imagesmika/galerie/dessinpeinture/miniature/chihiro.jpg);}
a.slide16 {background:url(../imagesmika/galerie/dessinpeinture/miniature/theyellowgirl.jpg);}
a.slide17 {background:url(../imagesmika/galerie/dessinpeinture/miniature/rabbit.jpg);}
a.slide18 {background:url(../imagesmika/galerie/dessinpeinture/miniature/siamois.jpg);}
a.slide19 {background:url(../imagesmika/galerie/dessinpeinture/miniature/2chats.jpg);}
a.slide20 {background:url(../imagesmika/galerie/dessinpeinture/miniature/blackkitty.jpg);}
a.slide21 {background:url(../imagesmika/galerie/dessinpeinture/miniature/bigcat.jpg);}
a.slide22 {background:url(../imagesmika/galerie/dessinpeinture/miniature/maoboy.jpg);}
a.slide23 {background:url(../imagesmika/galerie/dessinpeinture/miniature/planche.jpg);}
a.slide24 {background:url(../imagesmika/galerie/dessinpeinture/miniature/boogie.jpg);}
a.slide25 {background:url(../imagesmika/galerie/dessinpeinture/miniature/boogie2.jpg);}
a.slide26 {background:url(../imagesmika/galerie/dessinpeinture/miniature/plancheaout06.jpg);}
a.slide27 {background:url(../imagesmika/galerie/dessinpeinture/miniature/langue.jpg);}
a.slide28 {background:url(../imagesmika/galerie/dessinpeinture/miniature/tetebebe.jpg);}
a.slide29 {background:url(../imagesmika/galerie/dessinpeinture/miniature/tetebebe2.jpg);}
a.slide30 {background:url(../imagesmika/galerie/dessinpeinture/miniature/tetebebe3.jpg);}
a.slide31 {background:url(../imagesmika/galerie/dessinpeinture/miniature/crane.jpg);}
a.slide32 {background:url(../imagesmika/galerie/dessinpeinture/miniature/helnweincover1.jpg);}
a.slide33 {background:url(../imagesmika/galerie/dessinpeinture/miniature/helnweincover.jpg);}
a.slide34 {background:url(../imagesmika/galerie/dessinpeinture/miniature/witkincover.jpg);}
a.slide35 {background:url(../imagesmika/galerie/dessinpeinture/miniature/wardcover1.jpg);}
a.slide36 {background:url(../imagesmika/galerie/dessinpeinture/miniature/wardcover.jpg);}



a.gallery span 
{
visibility:hidden; 
display:block; 
position:absolute; 
width:500px; 
height:500px; 
top:0px; 
margin-left:300px; /*left:9px;*/ 
color:#000000; 
background:#333333; 
text-align:center; 
border:none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
cursor:default;
}

a.slide1 span {left: 0px; top: 0px;}
a.slide2 span {left: -92px; top:0px;}
a.slide3 span {left: -184px; top:0px;}
a.slide4 span {left: 0px; top:-92px;}
a.slide5 span {left: -92px; top:-92px;}
a.slide6 span {left: -184px; top:-92px;}
a.slide7 span {left: 0px; top:-184px;}
a.slide8 span {left: -92px; top:-184px;}
a.slide9 span {left: -184px; top:-184px;}
a.slide10 span {left: 0px; top:-276px;}
a.slide10 span {left: 0px; top:-276px;}
a.slide11 span {left: -92px; top:-276px;}
a.slide12 span {left: -184px; top:-276px;}
a.slide13 span {left: 0px; top:-368px;}
a.slide14 span {left: -92px; top:-368px;}
a.slide15 span {left: -184px; top:-368px;}
a.slide16 span {left: 0px; top:-460px;}
a.slide17 span {left: -92px; top:-460px;}
a.slide18 span {left: -184px; top:-460px;}
a.slide19 span {left: 0px; top:-552px;}
a.slide20 span {left: -92px; top:-552px;}
a.slide21 span {left: -184px; top:-552px;}
a.slide22 span {left: 0px; top:-644px;}
a.slide23 span {left: -92px; top:-644px;}
a.slide24 span {left: -184px; top:-644px;}
a.slide25 span {left: 0px; top:-736px;}
a.slide26 span {left: -92px; top:-736px;}
a.slide27 span {left: -184px; top:-736px;}
a.slide28 span {left: 0px; top:-828px;}
a.slide29 span {left: -92px; top:-828px;}
a.slide30 span {left: -184px; top:-828px;}
a.slide31 span {left: 0px; top:-920px;}
a.slide32 span {left: -92px; top:-920px;}
a.slide33 span {left: -184px; top:-920px;}
a.slide34 span {left: 0px; top:-1012px;}
a.slide35 span {left: -92px; top:-1012px;}
a.slide36 span {left: -184px; top:-1012px;}


a.gallery:hover 
{
white-space:normal; 
border:1px solid #ffffff;
z-index:100;
}

a.gallery:hover span 
{
visibility:visible; 
z-index:100;
}

a.gallery:hover span ../imagesmika
{
margin:0px; 
border:none; 
position:relative; 
z-index:100;
}

a.gallery:active, a.gallery:focus 
{
border:1px solid #ffffff;
z-index:10;
}

a.gallery:active span, a.gallery:focus span 
{
visibility:visible;
z-index:10;
}

a.gallery:active span img, a.gallery:focus span img 
{
border:none; 
position:relative; 
margin:0px; 
z-index:10;
}


			 
			 
			 
			 
			 
			 
			 


	  #menuvert
	     {
	     position: relative;
		 float: right;
		 width: 150px;
		 height: auto;
		 margin: auto;
		 top: 10px;
         bottom: 10px;
         background: #333333;
         background-image: url ();
         color:#FFFFFF;
	    }

		#menu1
	         {
	     position: relative;
		 width: 150px;
		 height: auto;
		 margin: auto;
         background: #333333;
         background-image: url ();
         color:#FFFFFF;
		 margin-bottom: 10px;
		 border: 1px solid black;
		 padding-top: 12px;
		 padding-bottom: 15px;
	     }



		 #navigation {
			margin: 0;
			padding: 0;
			list-style-type: none;
			color: #fff;
			width: 150px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			}
		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color: #fff;
			text-decoration: none;
			background: none;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: none;
			text-decoration: none;

			}
		#navigation .open a, #navigation .open span {
			background-image: none;
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: none;
			font-weight:bold;
			}
		#navigation .subMenu {
		    list-style-type: none;

			font-size: .8em;
			background: #404040;
			font-size: .9em;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #454545;
			}

		#navigation ul.subMenu a {
			background: none;
			padding: 3px 20px;
			}


         #cadremenu2
		 {
	     position: relative;
		 top: 10px;
		 margin-bottom: 10px;
		 width: auto;
		 height: auto;
		 margin: auto;
         background: none;
		 border: 1px solid black;

		 }


         #menu2 a {
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 12px;
         margin: 5px;
         width: 140px;
         height: 40px;
         display: block;
         text-align: left;
         border: none;
         text-decoration: none;
         color: #ffffff;
         background: #333333;
		 margin-bottom: 5px;

    	 }

         #menu2 a:hover {
         font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 12px;
         margin: 5px;
         width: 140px;
         height: 40px;
         display: block;
         text-align: left;
         border: none;
         font-weight:bold;
         color: #fff;
         background: #333333;

    	 }

		 #menu2 a:active {
		 color:#ffffff;
		 font-weight:bold;
		 }





#footer a
{
      position: relative;
	  clear: both;
	  display: block;
      width: 1024px;
      height: 50px;
      margin: auto;
      top: 30px;
      background-image: url("../imagesmika/habillage/footer.jpg");
      color: #FFFFFF;
	  margin-bottom: 30px;
   }