<!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 d�veloppemment ...</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; ">"Etre conscient que l'on est ignorant est un grand pas vers le savoir"
</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>jjpm�skte</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>