/* <![CDATA[ */
  body, div, p, td {font-family: Verdana;
                            font-size: 8pt;
                            text-align: left}
 input, select, textarea {font-family: Verdana;
                            background: #DDE3EC;
                            font-size: 8pt;
                            text-align: left}
  #tableau {  
              width: 98%;
              height: auto;
              background: url(img/tableau_int.gif); 
              background-repeat: no-repeat;
              padding: 8px; 
              border-bottom: 1px solid #eeeeee}
              
              
              
#vide {
	/* le background c'est juste pour que tu la vois... donc à enlever après */
	background: red;
	width:468px;
	height:60px;
	position:absolute;
	
	/*  pour placer ta div sur la page, tu lui donnes des margin */
	margin-left:150px;
	margin-top:150px;
}
              
              
              
              

  
  .autre {    background:   #ADBBD0;    }


  .menu1 {  font-family: Arial;
            font-size: 11px;
            height: 12px;
            background: url(img/bout_menu.gif);
            padding: 2px;
            padding-right: 11px;
            text-align: right;}
  .menu1:hover {  font-family: Arial;
            font-size: 11px;
            color: #002030;
            height: 12px;
            background: url(img/bout_menu2.gif);
            padding: 2px;
            padding-right: 11px;
            text-align: right;}
  .menu2 {  font-family: Verdana;
            font-size: 8pt;
            background: #999999;
            background-image: url(img/barre_metal.gif);
            color: #000000;
            padding: 2px;
            padding-left: 4px;
            text-align: left;
            border: 2px solid #ADBBD0;
            border-top: none}
  .menu3 {  font-family: Verdana;
            font-size: 8pt;
            background: #ffffff;
            background-image: url(img/fond-menu.gif);
            background-repeat: repeat-y;
            color: #004070;
            padding: 2px;
            padding-left: 4px;
            text-align: left;
            border-top: 1px dotted #babfe0;
            border-left: 1px solid #808080;}
            
  .titre {  font-family: Verdana;
            font-size: 10pt;
            background: url(img/barre_metal.gif);
            background-repeat: repeat;
            color: #002050;
            padding: 2px;
            padding-left: 8px;
            padding-right: 8px;
            text-align: left;
            border: 1px outset #eeeeee}
  .important {  font-family: Verdana;
            font-size: 8pt;
            color: #ff0000;
            background: #eeeeee;
            padding-left: 4px;
            padding-right: 4px;
            border: 1px dotted #ff0000;}
  .bout {   font-family: Verdana;
            font-size: 8pt;
            background: #BFD9EB;
            color: #000000;
            padding: 2px;
            padding-left: 4px;
            padding-right: 4px;
            border: 1px outset;}
  .bout:hover { background: #99AAff;}
  .bout2 {  height: 24px }
  .bout2:hover {  height: 24px; border-bottom: 4px solid #CFE3F0 }
  .grosbout { border: none; padding: 2px; height: 48px }
  .grosbout:hover { border: 1px inset #eeeeee; padding: 1px; height: 48px }
  
  
		span.clair {
			color: #303050;
			border-bottom: 1px dotted #aaaaaa;
		}


		.zoom img {
			z-index: 10;
			width: auto;
			height: auto;
			text-align:center;
		}

  A:link {color: #000000;
          text-decoration: none;
          border-bottom: 1px dotted #505050;}
  A:visited {color: #000000;
          text-decoration: none;
          border-bottom: 1px dotted #ffffff;}
  A:hover {color: #000000;
          text-decoration: none;
          border-bottom: 1px solid #505050;}       

          

/* ]]> */