
<!DOCTYPE html>

<html lang="fr">

<head>

<title>Gwénaël EVENAS - la Page d'Accueil - démonstration jQuery, portfolio personnel</title>

<meta name="keywords" content="webmaster, webmestre, informatique, électricien, électronicien, autoentrepreneur" />
<meta name="description" content="Gwénaël EVENAS, blogeur sur les sciences informatiques. Curriculum vitae d'un programmeur indépendant, webmaster et référenceur. " />

<script type="text/javascript" src="/script/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/script/jquery.cycle.all.js"></script>
<script type="text/javascript" src="/script/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="/script/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="/script/jquery.corner.js"></script>
<script type="text/javascript" src="/script/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/script/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/script/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="/script/jquery.ui.core.js"></script>
<script type="text/javascript" src="/script/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/script/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="/script/bruitage.js"></script>
<script type="text/javascript" src="/script/presentation.js"></script>
<script type="text/javascript" src="/script/dialogue.js"></script>
<script type="text/javascript" src="/script/combat.js"></script>
<script type="text/javascript" src="/script/action.js"></script>
<script type="text/javascript" src="/script/jquery.superbox-min.js"></script>
<script type="text/javascript" src="/script/jquery.superbox.js"></script>

<link rel="shortcut icon" type="image/x-icon" href="http://gwenael-evenas.com/favicon.ico" />
<link rel="icon"
			  type="image/png"
			  href="http://gwenael-evenas.com/favicon.png" />


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-26810286-1']);
  _gaq.push(['_setDomainName', 'gwenael-evenas.com']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
	
</script>

<link rel="stylesheet" type="text/css" href="/css/main.css"/>
<link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
<link rel="stylesheet" href="/css/jquery.superbox.css" type="text/css" media="all" />


<meta name="author" lang="fr" content="Gwénaël EVENAS"/> 

<meta name="msvalidate.01" content="5A96FD2D58BD24D2CB3CAF435B1D74B3" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="geo.region" content="FR-69" />
<meta name="geo.placename" content="Lyon" />
<meta name="geo.position" content="45.739;4.8289" />
<meta name="ICBM" content="45.739, 4.8289" />

<meta name="author" content="Gwénaël EVENAS" />
<link rel="profile" href="http://microformats.org/profile/hcard">
<script>
(function($) {

var types = ['DOMMouseScroll', 'mousewheel'];

$.event.special.mousewheel = {
    setup: function() {
        if ( this.addEventListener )
            for ( var i=types.length; i; )
                this.addEventListener( types[--i], handler, false );
        else
            this.onmousewheel = handler;
    },
    
    teardown: function() {
        if ( this.removeEventListener )
            for ( var i=types.length; i; )
                this.removeEventListener( types[--i], handler, false );
        else
            this.onmousewheel = null;
    }
};

$.fn.extend({
    mousewheel: function(fn) {
        return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
    },
    
    unmousewheel: function(fn) {
        return this.unbind("mousewheel", fn);
    }
});


function handler(event) {
    var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
    
    event = $.event.fix(event || window.event);
    event.type = "mousewheel";
    
    if ( event.wheelDelta ) delta = event.wheelDelta/120;
    if ( event.detail     ) delta = -event.detail/3;
    
    // Add event and delta to the front of the arguments
    args.unshift(event, delta);

    return $.event.handle.apply(this, args);
}

})(jQuery);

var menuAffiche = 0;
////////////////////////////////////
////////////////////////////////////
//mettre à jour cette valeur gwen !!!
var menuMax = 6;
////////////////////////////////////
////////////////////////////////////

	$(document).ready(
	function()
	{

		$('#afficheCreat').bind('mousewheel', function(event, delta) {
		if (delta > 0)
		{
			//Action pour le scroll up
			
			if (menuAffiche == menuMax)
			{
				menuAffiche = menuMax;
			}
			else
			{
				menuAffiche ++;
				$('#afficheCreat').scrollTo((700*menuAffiche),{duration:500});
			}
			
		}
		else if (delta < 0)
		{
			//Action au scroll Down
			if (menuAffiche <1)
			{
				menuAffiche = 0;
				
			}
			else
			{
				menuAffiche --;
				$('#afficheCreat').scrollTo((700*menuAffiche),{duration:500});
				
			}
			
		}
		return false
		});
	});
</script>

</head>

<body style="margin:0px; padding:0px;" onload="$('.miseEnAvant').corner(); $('.transpaAff').corner().fadeTo('fast',0.7); $('#tetePhoto').corner('top'); $('.onglet').corner('left');$('.presentationKopialys').corner(); $('.presentationKopialys').fadeTo('fast', 0.7);">
	<div style="height:10px; background-color:grey;"></div>
	

			<div style="width:1024px; text-align:right; margin-left:auto;margin-right:auto;">
				<h1>Gwénaël EVENAS - <em>webdesigner</em></h1>
			</div>
			<div style="text-align:justify;width:1024px; border-top:1px solid #f6bfbf;margin-left:auto;margin-right:auto; ">
				
				
	<table style="position:relative; z-index:1;">
		<tr>
			<td style="padding:5px;">
				<div style="height:30px; vertical-align:top;">
					<table>
						<tr>
							<td>
								<span class="menuRouge"><a href="/">Accueil</a></span>
							</td>
						</tr>
					</table>
					
				</div> 
			</td>
			<td style="padding:5px;">
				<div id="cadreProfessionnel" onmouseover="$('#cadreProfessionnel').css('overflow', 'visible');" onmouseout="$('#cadreProfessionnel').css('overflow', 'hidden');"  style="width: 140px; background-color:white; overflow:hidden; height:30px; vertical-align:top;">
					<table style="background-color:white; position:relative; z-index:20; background-image:url(/image/menu.jpg); background-repeat:no-repeat; background-position:0px 30px;">
						<tr>
							<td>
								<span class="menuRouge" style="cursor:pointer;"><a>Professionnel</a></span>
							</td>
						</tr>
						<tr>
							<td>
								<p style="width:150px;" class="menuRouge"><a href="/portefolio/">Portfolio</a></p>
							</td>
						</tr>
						<tr>
							<td>
								<p class="menuRouge"><a href="/projets/">Projets</a></p>
							</td>
						</tr>
						<tr>
							<td>
								<p class="menuRouge"><a href="/contact/">me contacter</a></p>
							</td>
						</tr>
					</table>
					
				</div>
			</td>
						<td style="padding:5px;">
				<div id="cadrePersonnel" onmouseover="$('#cadrePersonnel').css('overflow', 'visible');" onmouseout="$('#cadrePersonnel').css('overflow', 'hidden');"  style="background-color:white; overflow:hidden; height:30px; vertical-align:top;">
					<table style="background-color:white; background-image:url(/image/menu.jpg); background-repeat:no-repeat; background-position:0px 30px;">
						<tr>
							<td>
								<span class="menuRouge" style="cursor:pointer;"><a>Personnel</a></span>
							</td>
						</tr>
						<tr>
							<td>
								<p class="menuRouge"><a href="/curriculum_vitae/">Curiculum Vitae</a></p>
							</td>
						</tr>
						<tr>
							<td>
								<p class="menuRouge"><a href="/gallerie/">Mes Photos</a></p>
							</td>
						</tr>
					</table>
					
				</div>
				
			</td>
			
			
		</tr>
		
	</table>
<div id="sonorite" style='height:0px;'></div>

				<div style="height:395px;">
					<img src="/jeux-video/sources/presentProjet.jpg" style="position:relative; z-index:-1; border:1px solid #711212;" alt="image de projet Kopialys">
					<div style="height:0px;">
						<div id="tetePhoto" style="height:35px; width:280px; background-color:#FFFFFF; position:relative; bottom:40px; left:22px; border-top:1px solid #711212; border-left:1px solid #711212; border-right:1px solid #711212;"></div>
						<div class="presentationKopialys" style="height:270px; width:500px; position:relative; bottom:450px; left:275px;">
						</div>
						<div class="cadrePres" style="height:270px; margin:5px;width:490px; position:relative; bottom:730px; left:275px; text-align:justify;">
							
							<h1 style="padding-left:20px;">Projet Kopialys</h1>
							
							Le projet Kopialys est le premier travail commun en vu de la fondation de <span style="color:#6D1616;" class="org">Minos Création</span>, un jeu de rôle
							en ligne basé sur un système "point-and-clic" et une dimension communautaire.<br />
							<br />
							Il y a encore beaucoup de travail en attendant la bêta-test privé, mais le site du jeu sera bientôt mis en ligne pour l'alpha test. 
							<br />
							<br />
							En attendant, <a style="color:#6D1A1A;" href="/jeux-video/presentation/">je publie l'histoire</a> qui placera le contexte du jeu dans un univers (entre médiéval et futuriste) fantastique.
						
						</div>
						<div class="onglet" style="position:relative; bottom:750px; left:815px; width:200px; background-color:#FFFFFF; border-top:1px solid #711212; border-left:1px solid #711212; border-bottom:1px solid #711212; padding:5px;">Programmation : Khurn</div>
						<div class="onglet" style="position:relative; bottom:740px; left:785px; width:230px; background-color:#FFFFFF; border-top:1px solid #711212; border-left:1px solid #711212; border-bottom:1px solid #711212; padding:5px;">Graphismes : Cruzer Carter</div>
						<div class="onglet" style="position:relative; bottom:894px; left:895px; width:120px; background-color:#FFFFFF; border-top:1px solid #711212; border-left:1px solid #711212; border-bottom:1px solid #711212; padding:5px;">Quêtes : Enzo</div>
						<div class="onglet" style="position:relative; bottom:884px; left:865px; width:150px; background-color:#FFFFFF; border-top:1px solid #711212; border-left:1px solid #711212; border-bottom:1px solid #711212; padding:5px;">Quêtes : Yerathiel</div>
						<div  style=" width:256px; height:160px; position:relative; z-index:10;left:10px; bottom:950px;">
							
						</div>
					</div>
				</div>
			</div>
		<div style="width:1024px; text-align:right; margin-left:auto;margin-right:auto;">
			<table>
				<tr>
					<td style="width:324px;">
						<div style="height:190px;">
	<a href="/gallerie/" style="text-decoration:none; ">
		<div style="width:250px; height:250px; margin-left:35px; overflow:hidden;">
						
			<img class="photo" id="GwenProfil1" alt="Gwen version hautain boit son thé" src="/image/Gwen.jpg" width=250 style="position:relative;"/>
			<img class="photo" id="GwenProfil2" alt="Gwen joue de la guitare" src="/image/Gwen2.jpg" width=250 style="position:relative; bottom:254px;"/>
			<img class="photo" id="GwenProfil3" alt="Gwen aime la guiness" src="/image/Gwen3.jpg" width=250 style="position:relative; bottom:508px;"/>
					</div>
	</a>
</div>
					<div class="degardeGwen">
							<div style="margin:10px; color:#D67A8A; text-align:justify;">
								<br />
								<br />
																<div class="vCard">
									<h4><span class="fn" >Gwénaël EVENAS</span></h4>
									Je suis <em style="color:#f6bfbf;">webdesigner</em> depuis 2007, d'abord pour financer mes études. Je quitterai prochainement mon
									statut d'<em style="color:#f6bfbf;">autoentrepreneur</em> pour travailler sur un projet que je nomme 
									<span style="color:#f6bfbf;" class="org">Minos Création</span>. <br />
									<span style="color:#f6bfbf;" class="org">Minos Création</span> sera une société de services artistiques dans le domaine de la création sur internet.
									<br />
									<br />
									<div style="display:none;" class="geo">GEO : 
										<span class="latitude">45.739</span>, 
										<span class="longitude">4.8289</span>
									</div>
									À moins d'enrichir notre équipe d'un spécialiste SEO, nous ne ferons que du conseil non-contractuel dans ce domaine. <br />
									<span style="color:#f6bfbf;" class="org">Minos Création</span> s'orientera sur les graphismes et l'intéractif.
									Jeux-vidéo et documentaire du net :<em style="color:#f6bfbf;"> les webDoc</em>.
									<br />
									<br />
									Vous pouvez me joindre via <a class="me" target="_blank" style="color:#f6bfbf;" href="https://twitter.com/gwenael_evenas">Twitter</a>,
									
									<a target="_blank" href="https://profiles.google.com/104277961964248909110?rel=author" style="color:#f6bfbf;" class="me">Google</a> ou même 
									<a style="color:#f6bfbf;" href="contact">par le site</a>
									<br />
									<br />
									<a style="color:#f6bfbf;"  class="email" href="mailto:gwenael.evenas@gmail.com">gwenael.evenas@gmail.com</a>
								</div>
							
								<br />
															</div>
						</div>
					
					</td>
					<td style="width:700px">
						
						<div style="width:700px; height:400px; overflow:hidden; margin-top:20px; " id="afficheCreat">
							
							<table>
								<tr>
									<td>
																				<div style="padding:10px; text-align:justify; height:380px; overflow:hidden;">
											<img src="/image/portefolio/kopialys-aff.jpg"  alt="CMS Prestashop" />
											<h3 style="position:relative; color: #a61e1e;bottom:350px; left:110px; font-size: 125%">Jeu vidéo : Kopialys</h3>
											<div class="transpaAff" style="height:200px; width:300px; background-color:white; position:relative; bottom: 330px; left: 50px;"></div>
											<div style="position:relative; bottom:530px; height:200px;  left: 50px; width:290px; margin: 5px"><a href="http://dailymotion.com/embed/video/xpby4e" style="color:#530B0B; text-decoration:none; font-size:90%;" target="_blank">lien direct vers la vidéo</a><br /><p style="font-style:italic;font-size:90%;"><iframe frameborder="0" width="320" height="200" src="http://www.dailymotion.com/embed/video/xpzsuy"></iframe><br /><a href="http://www.dailymotion.com/video/xpzsuy_kopialys_videogames" target="_blank">kopialys</a> <i>par <a href="http://www.dailymotion.com/khurn" target="_blank">khurn</a></i></p></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:840px; left:560px;" id="suiv_1"></div>
											<div class="transpaAff" style="visibility:hidden;height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:870px; left:440px;" id="prec_1"></div>
											<div style="height:30px; width:100px;  position:relative; bottom:900px; left:560px; text-align:center; cursor:pointer; padding-top:5px;" onclick="$('#afficheCreat').scrollTo('700',{duration:500});" onmouseover="$('#suiv_1').fadeTo('fast', 1);" onmouseout="$('#suiv_1').fadeTo('fast', 0.6);">Suivant</div>
											<div style="visibility:hidden;height:30px; width:100px;  position:relative; bottom:930px; left:440px; text-align:center; cursor:pointer;" onclick="$('#afficheCreat').scrollTo('-700',{duration:500});" onmouseover="$('#prec_1').fadeTo('fast', 1);" onmouseout="$('#prec_1').fadeTo('fast', 0.6);">Précédent</div>
										</div>
									</td>
									<td>
																				<div style="padding:10px; text-align:justify; height:380px; overflow:hidden;">
											<img src="/image/portefolio/prestashop-aff.jpg"  alt="CMS Prestashop" />
											<h3 style="position:relative; color: #a61e1e;bottom:350px; left:110px; font-size: 125%">Formation</h3>
											<div class="transpaAff" style="height:200px; width:300px; background-color:white; position:relative; bottom: 330px; left: 50px;"></div>
											<div style="position:relative; bottom:530px; height:200px;  left: 50px; width:290px; margin: 5px"><a href="/image/portefolio/prestashop-grand.jpg" style="color:#530B0B; text-decoration:none; font-size:90%;" target="_blank">/image/portefolio/prestashop-grand.jpg</a><br /><p style="font-style:italic;font-size:90%;">Prestashop est un CMS e-commerce très bien fait. Je l'ai installé chez moi pour me familiariser avec et je comprend pourquoi il est aussi populaire.<br /> Très simple d'utilisation, fiable, mais comme tous les CMS standardisé, il n'est pas forcément difficile mais très long à personnaliser. Beaucoup de petites images à reprendre sous GIMP et beaucoup de classes CSS à modifier.</p></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:840px; left:560px;" id="suiv_2"></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:870px; left:440px;" id="prec_2"></div>
											<div style="height:30px; width:100px;  position:relative; bottom:900px; left:560px; text-align:center; cursor:pointer; padding-top:5px;" onclick="$('#afficheCreat').scrollTo('1400',{duration:500});" onmouseover="$('#suiv_2').fadeTo('fast', 1);" onmouseout="$('#suiv_2').fadeTo('fast', 0.6);">Suivant</div>
											<div style="height:30px; width:100px;  position:relative; bottom:930px; left:440px; text-align:center; cursor:pointer;" onclick="$('#afficheCreat').scrollTo('0',{duration:500});" onmouseover="$('#prec_2').fadeTo('fast', 1);" onmouseout="$('#prec_2').fadeTo('fast', 0.6);">Précédent</div>
										</div>
									</td>
									<td>
																				<div style="padding:10px; text-align:justify; height:380px; overflow:hidden;">
											<img src="/image/portefolio/rando-aff.jpg"  alt="randonnée nordique" />
											<h3 style="position:relative; color: #a61e1e;bottom:350px; left:110px; font-size: 125%">Loisir</h3>
											<div class="transpaAff" style="height:200px; width:300px; background-color:white; position:relative; bottom: 330px; left: 50px;"></div>
											<div style="position:relative; bottom:530px; height:200px;  left: 50px; width:290px; margin: 5px"><a href="http://www.marche-nordique-bourgogne.fr/" style="color:#530B0B; text-decoration:none; font-size:90%;" target="_blank">http://www.marche-nordique-bourgogne.fr/</a><br /><p style="font-style:italic;font-size:90%;">Se pratique toute l’année en pleine nature et en petit groupe (environ 15 personnes). Elle inclut une partie gymnique avec un échauffement musculaire, articulaire, cardio respiratoire, une boucle de plusieurs kilomètres avec une pause active en renforcement musculaire, puis un retour au calme avec étirements.  </p></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:840px; left:560px;" id="suiv_3"></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:870px; left:440px;" id="prec_3"></div>
											<div style="height:30px; width:100px;  position:relative; bottom:900px; left:560px; text-align:center; cursor:pointer; padding-top:5px;" onclick="$('#afficheCreat').scrollTo('2100',{duration:500});" onmouseover="$('#suiv_3').fadeTo('fast', 1);" onmouseout="$('#suiv_3').fadeTo('fast', 0.6);">Suivant</div>
											<div style="height:30px; width:100px;  position:relative; bottom:930px; left:440px; text-align:center; cursor:pointer;" onclick="$('#afficheCreat').scrollTo('700',{duration:500});" onmouseover="$('#prec_3').fadeTo('fast', 1);" onmouseout="$('#prec_3').fadeTo('fast', 0.6);">Précédent</div>
										</div>
									</td>
									<td>
																				<div style="padding:10px; text-align:justify; height:380px; overflow:hidden;">
											<img src="/image/portefolio/icare-aff.jpg"  alt="Site de location court séjour" />
											<h3 style="position:relative; color: #a61e1e;bottom:350px; left:110px; font-size: 125%">Création personnelle</h3>
											<div class="transpaAff" style="height:200px; width:300px; background-color:white; position:relative; bottom: 330px; left: 50px;"></div>
											<div style="position:relative; bottom:530px; height:200px;  left: 50px; width:290px; margin: 5px"><a href="" style="color:#530B0B; text-decoration:none; font-size:90%;" target="_blank"></a><br /><p style="font-style:italic;font-size:90%;">Nous sommes specialistes de la location en court sejour, pour le prix d'un hotel louez un appartement meublé et equipé au coeur de lyon. Location courte durée, moyen ou longs sejour possibles.</p></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:840px; left:560px;" id="suiv_4"></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:870px; left:440px;" id="prec_4"></div>
											<div style="height:30px; width:100px;  position:relative; bottom:900px; left:560px; text-align:center; cursor:pointer; padding-top:5px;" onclick="$('#afficheCreat').scrollTo('2800',{duration:500});" onmouseover="$('#suiv_4').fadeTo('fast', 1);" onmouseout="$('#suiv_4').fadeTo('fast', 0.6);">Suivant</div>
											<div style="height:30px; width:100px;  position:relative; bottom:930px; left:440px; text-align:center; cursor:pointer;" onclick="$('#afficheCreat').scrollTo('1400',{duration:500});" onmouseover="$('#prec_4').fadeTo('fast', 1);" onmouseout="$('#prec_4').fadeTo('fast', 0.6);">Précédent</div>
										</div>
									</td>
									
								
									<td>
																				<div style="padding:10px; text-align:justify; height:380px; overflow:hidden;">
											<img src="/image/portefolio/csbfc-aff.jpg"   alt="Un site débranché : spécialisé dans le bizarre, l'expérimental, et tout ce qui est marginal. Le Captain Spaulding's Bizarre Freaky Circus, c'est surtout une famille, Les Ziska, réunissant philosophes, artistes, infographistes, dessinateurs, informaticiens et cinéastes." />
											<h3 style="position:relative; color: #a61e1e;bottom:350px; left:110px; font-size: 125%">Création personnelle</h3>
											<div class="transpaAff" style="height:200px; width:300px; background-color:white; position:relative; bottom: 330px; left: 50px;"></div>
											<div style="position:relative; bottom:530px; height:200px;  left: 50px; width:290px; margin: 5px"><a href="http://captainspauldings.com/" style="color:#530B0B; text-decoration:none; font-size:90%;" target="_blank">http://captainspauldings.com/</a><br /><p style="font-style:italic; font-size:90%;">Un site débranché : spécialisé dans le bizarre, l'expérimental, et tout ce qui est marginal. Le Captain Spaulding's Bizarre Freaky Circus, c'est surtout une famille, Les Ziska, réunissant philosophes, artistes, infographistes, dessinateurs, informaticiens et cinéastes.</p></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:840px; left:560px;" id="suiv_5"></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:870px; left:440px;" id="prec_5"></div>
											<div style="height:30px; width:100px;  position:relative; bottom:900px; left:560px; text-align:center; cursor:pointer; padding-top:5px;" onclick="$('#afficheCreat').scrollTo('3500',{duration:500});" onmouseover="$('#suiv_5').fadeTo('fast', 1);" onmouseout="$('#suiv_5').fadeTo('fast', 0.6);">Suivant</div>
											<div style="height:30px; width:100px;  position:relative; bottom:930px; left:440px; text-align:center; cursor:pointer;" onclick="$('#afficheCreat').scrollTo('2100',{duration:500});" onmouseover="$('#prec_5').fadeTo('fast', 1);" onmouseout="$('#prec_5').fadeTo('fast', 0.6);">Précédent</div>
										</div>
									</td>
									<td>
																				<div style="padding:10px; text-align:justify; height:380px; overflow:hidden;">
											<img src="/image/portefolio/symphony-aff.jpg"   alt="Gwénaël EVENAS en formation symphony" />
											<h3 style="position:relative; color: #a61e1e;bottom:350px; left:180px; font-size: 125%">Formation</h3>
											<div class="transpaAff" style="height:200px; width:300px; background-color:white; position:relative; bottom: 330px; left: 50px;"></div>
											<div style="position:relative; bottom:530px; height:200px;  left: 50px; width:290px; margin: 5px"><a href="http://www.symfony-project.org/" style="color:#530B0B; text-decoration:none; font-size:90%;" target="_blank">http://www.symfony-project.org/</a><br /><p style="font-style:italic;font-size:90%;">Les offres avec symphony étant tellement énormes que je me suis senti obligé de m'y intéresser. Je me suis déjà formé à jQuery et je connais les avantages d'un bon Framework. <br />En fait il facilite aussi la conception d'application en Ajax avec jQuery. </p></div>
											<div class="transpaAff" style="visibility:hidden;height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:840px; left:560px;" id="suiv_6"></div>
											<div class="transpaAff" style="height:30px; width:100px; background-color:white; position:relative;  cursor:pointer;bottom:870px; left:440px;" id="prec_6"></div>
											<div style="visibility:hidden;height:30px; width:100px;  position:relative; bottom:900px; left:560px; text-align:center; cursor:pointer; padding-top:5px;" onclick="$('#afficheCreat').scrollTo('4200',{duration:500});" onmouseover=" $('#suiv_6').fadeTo('fast', 1);" onmouseout="$('#suiv_6').fadeTo('fast', 0.6);">Suivant</div>
											<div style="height:30px; width:100px;  position:relative; bottom:930px; left:440px; text-align:center; cursor:pointer;" onclick="$('#afficheCreat').scrollTo('2800',{duration:500});" onmouseover="$('#prec_6').fadeTo('fast', 1);" onmouseout="$('#prec_6').fadeTo('fast', 0.6);">Précédent</div>
										</div>
									</td>
								</tr>
							</table>
						</div>
						
						<table style="text-align:justify;">
							<tr>
								<td style="width:335px; padding:5px;">
									<br />
									<div class="miseEnAvant">
										<h3 style="margin-top:0px;"><a href="http://www.minos-creation.fr/" style="color:#A52A2A;" target="_blank">Minos Création</a></h3>
										C'est un projet qui me tient à cœur. Avec des camarades, nous allons créer une société de création de site internet et web divertissement.  <br />
										<br />
										<p style="font-style:italic; color:grey; font-size:90%;">L'objectif : Jeux en ligne par navigateur, expérimentation HTML5, webdocs, site web, graphisme...</p>
									</div>
								</td>
								
								<td rowspan=2 style="padding:5px;"><a href="/space-shoot/"><h3>Shoot them up !!</h3></a> 
									<img src="https://lh6.googleusercontent.com/-Iokh7CDEId8/T5_cnC5-qHI/AAAAAAAAAK4/yZ81AkHAGsc/s996/Capture+du+2012-05-01+14%3A51%3A41.png" style='width:330px;' alt="shoot them up, projet space shoot" />
									<p>Encore un projet en cours, s'ils s'entassent encore, je vais finir par ne plus dormir.<br />
									Voilà qui donne du travail à minos création, alors que son site vitrine n'est même pas encore terminé.
									Je ferai prochainement une campagne de communication autour de ce projet qui devrait sortir avant Kopialys (un projet plus ambitieux et donc plus difficile à terminer à court terme)
									Et je posterai le lien professionnel ici. <br />
									<br />
									<a href="http://www.minos-creation.fr/interface_space_shoot/" target='_blank' style="color:#A52A2A; text-decoration:underline; font-style:italic;">En attendant, je vous donne le lien vers l'alpha test du projet Space Shoot.</a></p>
								</td>
							</tr>
							
							<tr>
								<td style="padding:5px;"><h3>Nouveau look pour le site</h3> 
									J'ai changé le look de mon blog personnel. Qu'en pensez vous ? Je voulais que le design soit plus épuré et d'avantage professionnel, en restant tout de même un blog personnel.
									
									<br />
									<p style="font-style:italic; color:grey; font-size:90%;">Depuis son lancement, ce blog ne sert qu'à me présenter et il faut que sa portée change. Je dois utiliser mon temps libre pour présenter les possibilités données par jQuery et construire des pages de démonstration.</p>
								</td>
							</tr>
						
						</table>
					
					</td>
				</tr>
				
			</table>
<div style="background-color:#A52A2A; height:15px; position:relative; bottom:1px;"></div>
<div style="height:0px; text-align:center;">
	<span id="pied" style="padding-left:5px; padding-right:5px;border:1px dotted grey; background-color:#FDEDED;position:relative; right:200px; bottom:10px;">
		Copyright © 2011-12  <a href="http://gwenael-evenas.com" target="_blank">Gwénaël EVENAS</a> - <a href="http://mur.rue89.com/?brique=1331" target="_blank">ce blog soutient Rue89</a>
	</span>
</div>
<div class="piedGwen" style="text-align:justify;">
	<table>
		<tr>
			<td>
				<h3>Plan du site</h3>
			</td>
			<td>
		
				<!--
				<a target="_blank" href="http://www.progonline.com/ "><img style="height:25px;" src="http://www.progonline.com/images/logo.png" alt="Plateforme leader pour les projets informatiques, graphiques, et gestion de contenu" /> </a>
				-->
			</td>
		</tr>
		<tr>
			<td style="width:150px;">
				<a href="/portefolio/"><h6>Portfolio</h6></a>
			</td>
			
			<td  style="width:150px;">
				<a href="/persoID/"><h6>curriculum vitae</h6></a>
			</td>
			
			<td style="text-align:center; width:300px;" >
				<h6>Mes productions de webdesigner : </h6>
			</td>
			<td style="width:200px; text-align:center;">
				<a href="/projets/"><h6>Mes projets :</h6></a>
			</td>
						<td rowspan=2><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fgwenael-evenas.com%2F;verbose=1" target="_blank"><img alt="w3c" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a></td>

		</tr>
		<tr>
			<td>
				<a href="/projets/"><h6>Projets</h6></a>
			</td>
			<td>
				<a href="/gallerie/"><h6>Mes photos</h6></a>
			</td>
			<td >
				<a href="http://captainspauldings.com/" target="_blank"><h6>The Captain Spaulding's Bizarre Freaky Circus</h6></a>
			</td>
			<td style="width:250px;"><a href="/jeux-video/presentation/"><h6>Projet Kopialys : jeu sur navigateur</h6></a></td>
		</tr>
		<tr>
			<td>
				<a href="/contact/"><h6>me contacter</h6></a>
			</td>
			<td>
			
			</td>
			<td>
				<a href="http://locationcourtsejour.com/" target="_blank"><h6>Icare Gestion : immobilier Court séjour</h6></a>
			</td>
			
		</tr>
	</table>
</div>
		</div>
		

	<div id="flap_jplayer"></div>
</body>



</html>

