Tiny File Manager

File "test07.htm"
Full Path: /home/analogde/www/Protect/test07.htm
File size: 9.83 KB
MIME-type: text/html
Charset: 8 bit
Open Edit Advanced Editor Back
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Description" content="Liens sur des ouvrages" />
<meta name="Keywords" content="WEBSITE perso " />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Robots" content="index,follow" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="rating" content="general" />
<meta name="author" content="Patrice DELPY" />
<meta name="copyright" content="Copyright 2012" />
<meta name="generator" content="Patoche">
<title>En cours de dveloppemment ...</title>
<link rel="shortcut icon" href="mosfet.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" media="screen" href="style04.css">

<link href="menu.css" rel="stylesheet" type="text/css">	
<link href="style_menu.css" rel="stylesheet" type="text/css">	
<link href="login.css" rel="stylesheet" type="text/css">	
    
<script type="text/javascript" src="js/jquery1.4.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/login.js"></script>    
    
<style type="text/css">

body {
		width: 90%;
		background-color:#E5E5E5; 
		height:1307px; 	
}

#container {
		    position:absolute; 
			left:-1px; 
			right:0px; 
			margin-top:0px; 
			margin-left:auto; 
			margin-right:auto; 
			height:8370px; 
			width:948px;
		  }

#box_message   {
	overflow: hidden;
	position: absolute;
	left: 17px;
	top: 6px;
	width: 929px;
	height: 102px;
	background-color: #FFFFFF;
	border: 1px 
			solid #404040;
			}
		  
#balise_titre		{
			  overflow:hidden; 
			  position:absolute; 
			  left:34px; 
			  top:21px; 
			  width:286px; 
			  height:53px; 
			  background:none; 
			}		
			
#balise_citation		{
	
							overflow:hidden; 
							position:absolute; 
							left:293px; 
							top:38px; 
							width:591px; 
							height:29px; 
							background:none;" 
    				    }
		  
#banniere  {		  
			overflow: hidden; 
			position: absolute; 
			left: 17px; 
			top: 104px; 
			width: 931px; 
			height: 148px; 
			background-color: #F0F0F0; 
			background-image: url(logo.jpg); 
			background-position: top left; 
			background-repeat: no-repeat;
		  }	

#menuid  {
	overflow: hidden;
	position: absolute;
	left: 17px;
	top: 266px; /* 266*/
	width: 931px;
	height: 50px;
	background-color: #FFFFFF;
		   }		



#contenu  {
	overflow: visible;
	position: absolute;
	left: 17px;
	top: 315px; /* 266*/
	width: 931px;
	height: 1000px;
	background-color: #FFFFFF;
	visibility: visible;
	z-index: 1;
		   }		
		   
h2 		   {
			  pading:0.5em;text-indent:2em
		   }
		   
a:link    { 
			text-decoration:none; 
		  } 
		  
</style>	

<style type="text/css">

#menuDeroulant
{
	background: #6A6458;
	width: 644px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 255px;
	left: 17px;
	z-index: 2;
}

#menuDeroulant li
{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #F2462E;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

</style>

	
</head>


<body>

<div id="container">

	<div id="header_wrapper">
            <div id="header">
               
                <a href="#" class="login_btn"><span>Login</span><div class="triangle"></div></a>
                <div id="login_box">
                    <div id="tab"><a href="..." class="login_btn"><span>Login</span><div class="triangle"></div></a></div>
                    <div id="login_box_content"></div>
                    <div id="login_box_content">
                        <form id="login_form">
                            <h2>Give us the deets..</h2>
                            <input type="text" placeholder="Username" />
                            <input type="password" placeholder="Password" />
                            <input type="submit" value="Do it!" />
                        </form>
                    </div>
                </div>
            </div>
        </div>


	
	<div id="box_message">
		<div id="balise_titre">
		<span style="font-size:28pt; font-family:Georgia, serif; color:#000000; ">Patoche</span>
		</div>
		
		<div id="balise_citation">
		<span style="font-size:14pt; font-family:Georgia, serif; color:#6A6A6A; ">&quot;Etre conscient que l'on est ignorant est un grand pas vers le savoir&quot;
        </span>
		</div>
		</div>
		
		<div id="banniere">
		</div>
<!--		
		<div style="overflow:hidden; position:absolute; left:18px; top:249px; width:931px; height:50px; background-image:url(wsp_1.png);" id="wsp_64f37254">
<div style="position:absolute; text-align:center; top:0px; bottom:0px; left:0px; right:0px; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; height:0px;"></div>
</div>
-->		
		<!--<div id='menuid'> -->

<!--		
        <ul id="menuDeroulant" name="menuDeroulant">
		<li>
			<a href="#">Les castors</a>
			<ul class="sousMenu">
				<li><a href="#">Pelage doux mais robuste qu'on aime bien beaucoup</a></li>
				<li><a href="#">Ils confectionnent des barrages !</a></li>
				<li><a href="#">Ils ont des grandes dents</a></li>		
			</ul>
		</li>
		<li>
			<a href="#">Partie 2</a>
			<ul class="sousMenu">			      
				<li><a href="#">whisky</a></li>
				<li><a href="#">vodka</a></li>
				<li><a href="#">gin</a></li>
				<li><a href="#">vin</a></li>
				<li><a href="#">champagne</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Partie 3</a>
			<ul class="sousMenu">			      
				<li><a href="#">pommes</a></li>
				<li><a href="#">poires</a></li>
				<li><a href="#">ananas</a></li>
				<li><a href="#">pamplemousse</a></li>
				<li><a href="#">banane</a></li>				
				<li><a href="#">raisins</a></li>
				<li><a href="#">framboises</a></li>
				<li><a href="#">fraises</a></li>
				<li><a href="#">mirabelles</a></li>
				<li><a href="#">groseilles</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Partie 4</a>
			<ul class="sousMenu">			      
				<li><a href="#">tomates</a></li>
				<li><a href="#">haricots</a></li>
				<li><a href="#">carrottes</a></li>
				<li><a href="#">choux</a></li>
				<li><a href="#">concombres</a></li>				
				<li><a href="#">courgettes</a></li>
				<li><a href="#">endives</a></li>
				<li><a href="#">navets</a></li>
				<li><a href="#">epinards</a></li>
				<li><a href="#">avocat</a></li>
			</ul>
		</li>
	</ul>

-->        
        
        <ul id="menu-bar" name="menu-bar">
 <!-- <li class="current"><a href="#">Home</a></li>  -->
 <li><a href="#">Home</a></li>  

 <li><a href="#">Tools</a>
  <ul>
   <li><a href="#">1</a></li>
   <li><a href="#">2</a></li>
   <li><a href="#">3</a></li>
   <li><a href="#">4</a></li>
  </ul>
 </li>
 <li><a href="#">Library</a>
  <ul>
   <li><a href="#">Analog Design Bible</a></li>
   <li><a href="#">Amplifier</a></li>
   <li><a href="#">DC-DC</a></li>
   <li><a href="#">4</a></li>
  </ul>
 </li>
 <li><a href="#">About</a></li>
 <li><a href="#">Contact Me</a></li>
</ul>
        
  <!--      
	
		<div id='cssmenu'>
			<ul>
			<li class='active '><a href='index.html'><span>Home</span></a></li>
			<li class='has-sub '><a href='#'><span>Products</span></a>
			<ul>
			<li><a href='#'><span>Product 1</span></a></li>
			<li><a href='#'><span>Product 2</span></a></li>
		    <li><a href='#'><span>Product 3</span></a></li>
            <li><a href='#'><span>Product 4</span></a></li>
            <li><a href='#'><span>Product 5</span></a></li>
            <li><a href='#'><span>Product 6</span></a></li> 
			</ul>
			</li>
			<li><a href='#'><span>About</span></a></li>
			<li><a href='#'><span>Contact</span></a></li>
			</ul>
		</div>
-->
		
		<!--</div> -->
		
		
		
		<div id="contenu">
		
				<h2>Liste des ouvrages disponibles</h2>
				<table class="bordered">
				<thead>
					<tr>
					<th>#</th>        
					<th>Titre</th>
					<th>Format</th>
					</tr>
				</thead>
    
					<tr>
					<td>1</td>        
					<td><a href="http://www.allhtml.com/" class="lien1">ALL HTML</a></td>
					<td>pdf</td>
					</tr>        

    <tr>
        <td>2</td>         
        <td>bb</td>
        <td>pdf</td>
    </tr>

    <tr>
        <td>3</td>         
        <td>cc</td>
        <td>pdf</td>
    </tr>   
	
    <tr>
        <td>4</td> 
        <td>dd</td>
        <td>pdf</td>
    </tr>
	
    <tr>
        <td>5</td> 
        <td>ee</td>
        <td>pdf</td>
    </tr>

    <tr>
	    <td>6</td> 
        <td>ff</td>
        <td>pdf</td>
    </tr>

    <tr>
        <td>7</td> 
        <td>gg</td>
        <td>pdf</td>
    </tr>   
	
    <tr>
        <td>8</td> 
        <td>hh</td>
        <td>pdf</td>
    </tr>
	
    <tr>
        <td>9</td> 
        <td>ii</td>
        <td>pdf</td>
    </tr>

    <tr>
        <td>10</td> 
        <td>jjpmskte</td>
        <td>pdf</td>
    </tr> 

</table>
		
		
</div>
   

<!--
<div style="overflow:hidden; position:absolute; left:18px; top:266px; width:931px; height:8000px; background-color:#FFFFFF;" id="wsp_6771e4d8">
</div>
-->




<!--
<div id="container"> 
	
		<div id="message"> 

		<div id="banniere"> 

			
		</div>

		</div>
	
</div>	
	
	
	
-->





</body>
</html>