<!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;
         }
h4{text-align: justify;}
		 

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

img { border: 0;}

#gauche
{float: left; width: 190px; background:#333333; height:300px; margin-right: 20px;}

#paragraphe
                   {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;
		 clear: both;}

	  #illustration
	  {position: relative;

   margin-left: auto;
   margin-right: auto;
   width: 834px;
   height: 200px;
   display: inline;
	  }

	     #img
		 {position: relative;
		 float: left;
		 width: 200px;
		 height: 200px;
		 margin-left: 20px;
		 margin-right: 20px;
		 display: inline;
         clear: both;
		 border: none;
		 }
		 
		 

	  #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;
   }