<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Karibu.org</title> <base href="http://www.karibu.org/"> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="div.css"> <link rel="stylesheet" href="magicmenu.css"> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="cone-type" content="BBP Anal Cone"> <link rel="SHORTCUT ICON" HREF="http://www.karibu.org/img/favicon.ico"> </head> <body bgcolor="#B0B0E0" ondblclick="ShowMenu('BodyMagicMenu');">  <div class="logo">   <img src="img/moose.gif" alt='karibu.org'>   <img src="img/karibu.jpg" alt='karibu.org'> 	<img src="img/moose.gif" alt='karibu.org'> </div>  <div class="menu">   <b><u>www.karibu.org</u></b><br>   <img src='img/menu1.gif' border='0' align='middle' alt=''><img src='img/menu4.gif' alt='' align='middle'><a class='mnu' href='/'><b>Accueil</b></a><br><img src='img/menu1.gif' border='0' align='middle' alt=''><img src='img/menu6.gif' alt='' align='middle'><a class='mnu' href='/?exp=/moi/'>Moi</a><br><img src='img/menu1.gif' border='0' align='middle' alt=''><img src='img/menu6.gif' alt='' align='middle'><a class='mnu' href='/?exp=/prog/'>Programmation</a><br><img src='img/menu1.gif' border='0' align='middle' alt=''><img src='img/menu6.gif' alt='' align='middle'><a class='mnu' href='/?exp=/photos/'>Photos</a><br><img src='img/menu1.gif' border='0' align='middle' alt=''><img src='img/menu6.gif' alt='' align='middle'><a class='mnu' href='/?exp=/liens/'>Liens</a><br><img src='img/menu1.gif' border='0' align='middle' alt=''><img src='img/menu6.gif' alt='' align='middle'><a class='mnu' href='/?exp=/videolan/'>Videolan</a><br><img src='img/menu1.gif' border='0' align='middle' alt=''><img src='img/menu5.gif' alt='' align='middle'><a class='mnu' href='/private/index.php'>Private</a><br><img src='img/menu2.gif' border='0' align='middle' alt=''><img src='img/menu6.gif' alt='' align='middle'><a class='mnu' href='/?exp=/tools/'>Tools</a><br></div>  <div class="texte">  <h1>Bienvenu sur le site de Magic Karibu</h1>  <p>Vous savez je ne crois pas qu'il y ait de bon ou de mauvais site web. Moi si je devais rsumer mes pages aujourd'hui avec vous, j'dirais que c'est  d'abord des lignes de code, des langages qui m'ont rendu service peut tre  un  moment ou je ne pouvais pas ou j'tais seul chez moi et c'est assez curieux de se dire que les normes, les recommandations du W3C forgent un design parce que quand on a le gout des sites, quand on a le gout des sites bien faits, le beau tag, parfois on ne trouve pas la proprite en face, je dirais la fonction qui  vous aide  coder. Alors ca n'est pas mon cas comme je le disais l puisque moi au contraire j'ai pu et je dis merci au html je lui dis merci, je chante le html, je danse le html, je ne suis que geek et finalement quand beaucoup de gens aujourd'hui me disent mais comment fais-tu pour avoir cette humanit, eh ben je leur rpond trs simplement, je leur dit c'est ce gout de l'amour, ce gout donc qui m'a pouss aujourd'hui  entreprendre un site web pourrave mais demain qui  sait peut tre simplement  me mettre au service d'une communaut de hackers  faire le con chez toi.</p>    <center> <p> <a href="http://validator.w3.org/check?uri=http:// www.karibu.org/&amp;charset=(detect+automatically)&amp;doctype=(detect+automatically)"> <img src="img/valid-html401.png" alt="Valid HTML 4.01!" border='0'></a>  <a href="http://jigsaw.w3.org/css-validator/validator?uri=http:// www.karibu.org/"><img src="img/vcss" alt="HTML 4.01" border='0'></a>  <a href="http://www.2-h.org/misc/rectum.php?grut=http:// www.karibu.org/"><img src="img/2-h.cone.12.42.png" alt="Rectum" border='0'></a> </p> </center> </div>  <script type="text/javascript">   function OverMenu(Div, Img, Left, Top) { 	  document.getElementById(Div).style.left  = Left; 	  document.getElementById(Div).style.top   = Top; 		document.getElementById(Img).style.width = 80; 	  document.getElementById(Img).style.height   = 80; 	}   function OutMenu(Div, Img, Left, Top) { 	  document.getElementById(Div).style.left  = Left; 	  document.getElementById(Div).style.top   = Top; 		document.getElementById(Img).style.width = 40; 	  document.getElementById(Img).style.height   = 40; 	} 	function ShowMenu(Div) { 	  var posx = 0; 	  var posy = 0; 		var altY = parseInt(document.getElementById(Div).style.height); 	  if (event.pageX || event.pageY) { 		  posx = window.event.pageX; 		  posy = window.event.pageY; 	  } 	  else if (window.event.clientX || window.event.clientY) { 		  posx = window.event.clientX; 		  posy = window.event.clientY;     } 		document.getElementById(Div).style.top  = posy + altY; 		document.getElementById(Div).style.left  = posx; 		document.getElementById(Div).style.display  = ''; 	} </script>  <div class='magicmenu' id='BodyMagicMenu' style='display: none; height: 40px;'><div id='BodyMagicMenu-mnu0' style='position: absolute; left: -20px; top: -60px; background: transparent; width: 40px; height: 40px;'><a href='http://www.karibu.org/'><img class='magicmenu' src='img/moose.gif' id='BodyMagicMenu-imgBodyMagicMenu-mnu0' width='40' height='40' alt='Karibu.org' onmouseover="OverMenu('BodyMagicMenu-mnu0','BodyMagicMenu-imgBodyMagicMenu-mnu0','-40','-80');" onmouseout="OutMenu('BodyMagicMenu-mnu0','BodyMagicMenu-imgBodyMagicMenu-mnu0','-20','-60')" ></a></div><div id='BodyMagicMenu-mnu1' style='position: absolute; left: 20px; top: -20px; background: transparent; width: 40px; height: 40px;'><a href='http://www.videolan.org/'><img class='magicmenu' src='img/cone.gif' id='BodyMagicMenu-imgBodyMagicMenu-mnu1' width='40' height='40' alt='Videolan' onmouseover="OverMenu('BodyMagicMenu-mnu1','BodyMagicMenu-imgBodyMagicMenu-mnu1','0','-40');" onmouseout="OutMenu('BodyMagicMenu-mnu1','BodyMagicMenu-imgBodyMagicMenu-mnu1','20','-20')" ></a></div><div id='BodyMagicMenu-mnu2' style='position: absolute; left: -20px; top: 20px; background: transparent; width: 40px; height: 40px;'><a href='http://www.etudes.ecp.fr/option-it/option-it'><img class='magicmenu' src='img/moose.gif' id='BodyMagicMenu-imgBodyMagicMenu-mnu2' width='40' height='40' alt='Option IT' onmouseover="OverMenu('BodyMagicMenu-mnu2','BodyMagicMenu-imgBodyMagicMenu-mnu2','-40','0');" onmouseout="OutMenu('BodyMagicMenu-mnu2','BodyMagicMenu-imgBodyMagicMenu-mnu2','-20','20')" ></a></div><div id='BodyMagicMenu-mnu3' style='position: absolute; left: -60px; top: -20px; background: transparent; width: 40px; height: 40px;'><a href='http://www.2-h.org/'><img class='magicmenu' src='img/moose.gif' id='BodyMagicMenu-imgBodyMagicMenu-mnu3' width='40' height='40' alt='2-H' onmouseover="OverMenu('BodyMagicMenu-mnu3','BodyMagicMenu-imgBodyMagicMenu-mnu3','-80','-40');" onmouseout="OutMenu('BodyMagicMenu-mnu3','BodyMagicMenu-imgBodyMagicMenu-mnu3','-60','-20')" ></a></div><div style='position: absolute; left: -10px; top: -10px; background: transparent; width: 20px; height: 20px;'> 	<img class='magicmenu' src='img/close.gif' width='20' height='20' alt='Close' 	onclick="document.getElementById('BodyMagicMenu').style.display = 'none';"> 	</div> 	</div> 	 </body> </html> 
