<!DOCTYPE html><html lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
	<title>Œil pour Œil - </title>
	
	<link href="/css/reset.css" type="text/css" rel="stylesheet" media="screen">
	<link href="/css/desktop.css" type="text/css" rel="stylesheet" media="screen">
		

	
	<script type="text/javascript" src="/js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="/js/slides.jquery.js"></script>
<script type="text/javascript" src="/js/swfobject.js"></script>
	<!--[if IE]><script src="/js/html5-ie.js"></script><![endif]--> 
	<!--[if lt IE 6]><script src="/js/curvycorners.js"></script><![endif]-->
	<!--[if lt IE 8]>
		<style type="text/css">
		#titresolutioncenter, #titrereaecommerce, #titrereacommunication, #titrereagames {
		position:relative;
		width:expression(this.childNodes[0].offsetWidth+"px");
		}
		#titresolutionh {
		position:absolute;
		top:39px;
		margin-top:expression(-this.offsetHeight/2);
		}
		</style>
	<![endif]-->
	<script type="text/javascript">

		var activesection = "";

		var agenceDeployed = false;
		var experiencesDeployed = false;
		var clientsDeployed = false;
		var equipeDeployed = false;
		var agencepresentationDeployed = false;
		var contactDeployed = false;
		var isReseted = false;

		var opacity = "0.30";

		var speed = 200;
		var speedofopacity = speed;
		var speedofover = speed;

		function initNav()
		{
			
			if(activesection == "clients")
			{
				$("#imgclients").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_03.png"
				});
				
				$("#navcontenuequipe").animate({'opacity':opacity},speedofopacity);
				$("#navcontenuagence").animate({'opacity':opacity},speedofopacity);
				$("#navcontenuexperiences").animate({'opacity':opacity},speedofopacity);
				$("#navextracontact").animate({'opacity':opacity},speedofopacity);
				$("#navextraactu").animate({'opacity':opacity},speedofopacity);
				$("#navextrafacebook").animate({'opacity':opacity},speedofopacity);
				$("#navextratwitter").animate({'opacity':opacity},speedofopacity);
				clientsDeployed = true;
			}
			else if(activesection == "equipe")
			{
				$("#imgequipe").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_04.png"
				});
				
				$("#navcontenuclients").animate({'opacity':opacity},speedofopacity);
				$("#navcontenuagence").animate({'opacity':opacity},speedofopacity);
				$("#navcontenuexperiences").animate({'opacity':opacity},speedofopacity);
				$("#navextracontact").animate({'opacity':opacity},speedofopacity);
				$("#navextraactu").animate({'opacity':opacity},speedofopacity);
				$("#navextrafacebook").animate({'opacity':opacity},speedofopacity);
				$("#navextratwitter").animate({'opacity':opacity},speedofopacity);
				equipeDeployed = true;
			}
			else if(activesection == "agencepresentation")
			{
				$("#imgpresentation").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_05.png"
				});
				$("#imgagence").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_01.png"
				});
				
				$("#navagence").show();
				$("#navcontenuequipe").css({'opacity':opacity});
				$("#navcontenuclients").css({'opacity':opacity});
				$("#navcontenuexperiences").css({'opacity':opacity});
				$("#navextracontact").css({'opacity':opacity});
				$("#navextraactu").css({'opacity':opacity});
				$("#navextrafacebook").css({'opacity':opacity});
				$("#navextratwitter").css({'opacity':opacity});
				agenceDeployed = true;
			}
			else if(activesection == "agencemetiers")
			{
				$("#imgmetiers").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_06.png"
				});
				$("#imgagence").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_01.png"
				});
				
				$("#navagence").show();
				$("#navcontenuequipe").css({'opacity':opacity});
				$("#navcontenuclients").css({'opacity':opacity});
				$("#navcontenuexperiences").css({'opacity':opacity});
				$("#navextracontact").css({'opacity':opacity});
				$("#navextraactu").css({'opacity':opacity});
				$("#navextrafacebook").css({'opacity':opacity});
				$("#navextratwitter").css({'opacity':opacity});
				agenceDeployed = true;
			}
			else if(activesection == "agencesolutions")
			{
				$("#imgsolutions").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_07.png"
				});
				$("#imgagence").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_01.png"
				});
				
				$("#navagence").show();
				$("#navcontenuequipe").css({'opacity':opacity});
				$("#navcontenuclients").css({'opacity':opacity});
				$("#navcontenuexperiences").css({'opacity':opacity});
				$("#navextracontact").css({'opacity':opacity});
				$("#navextraactu").css({'opacity':opacity});
				$("#navextrafacebook").css({'opacity':opacity});
				$("#navextratwitter").css({'opacity':opacity});
				agenceDeployed = true;
			}
			else if(activesection == "experiencescommuniation")
			{
				$("#imgcommunication").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_08.png"
				});
				$("#imgexperience").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_02.png"
				});
				
				$("#navexperiences").show();
				$("#navcontenuequipe").css({'opacity':opacity});
				$("#navcontenuclients").css({'opacity':opacity});
				$("#navcontenuagence").css({'opacity':opacity});
				$("#navextracontact").css({'opacity':opacity});
				$("#navextraactu").css({'opacity':opacity});
				$("#navextrafacebook").css({'opacity':opacity});
				$("#navextratwitter").css({'opacity':opacity});
				experiencesDeployed = true;
			}
			else if(activesection == "experiencesecommerce")
			{
				$("#imgecommerce").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_09.png"
				});
				$("#imgexperience").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_02.png"
				});
				
				$("#navexperiences").show();
				$("#navcontenuequipe").css({'opacity':opacity});
				$("#navcontenuclients").css({'opacity':opacity});
				$("#navcontenuagence").css({'opacity':opacity});
				$("#navextracontact").css({'opacity':opacity});
				$("#navextraactu").css({'opacity':opacity});
				$("#navextrafacebook").css({'opacity':opacity});
				$("#navextratwitter").css({'opacity':opacity});
				experiencesDeployed = true;
			}
			else if(activesection == "experiencesgames")
			{
				$("#imgegames").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_10.png"
				});
				$("#imgexperience").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_02.png"
				});
				
				$("#navexperiences").show();
				$("#navcontenuequipe").css({'opacity':opacity});
				$("#navcontenuclients").css({'opacity':opacity});
				$("#navcontenuagence").css({'opacity':opacity});
				$("#navextracontact").css({'opacity':opacity});
				$("#navextraactu").css({'opacity':opacity});
				$("#navextrafacebook").css({'opacity':opacity});
				$("#navextratwitter").css({'opacity':opacity});
				experiencesDeployed = true;
			}
			else if(activesection == "experiences")
			{
				$("#imgexperience").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_02.png"
				});
				
				$("#navexperiences").show();
				$("#navcontenuequipe").css({'opacity':opacity});
				$("#navcontenuclients").css({'opacity':opacity});
				$("#navcontenuagence").css({'opacity':opacity});
				$("#navextracontact").css({'opacity':opacity});
				$("#navextraactu").css({'opacity':opacity});
				$("#navextrafacebook").css({'opacity':opacity});
				$("#navextratwitter").css({'opacity':opacity});
				experiencesDeployed = true;
			}
			else if(activesection == "contact")
			{
				$("#imgcontact").attr({ 
					  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_11.png"
				});
				
				$("#navcontenuclients").animate({'opacity':opacity},speedofopacity);
				$("#navcontenuagence").animate({'opacity':opacity},speedofopacity);
				$("#navcontenuexperiences").animate({'opacity':opacity},speedofopacity);
				$("#navcontenuequipe").animate({'opacity':opacity},speedofopacity);
				$("#navextraactu").animate({'opacity':opacity},speedofopacity);
				$("#navextrafacebook").animate({'opacity':opacity},speedofopacity);
				$("#navextratwitter").animate({'opacity':opacity},speedofopacity);
				contactDeployed = true;
			}
		}
		
		
		function ranger()
		{
			
			if(agenceDeployed == true)
			{
				var h = $("#navagence").height();
				var cssHeight=$("#navagence").css('height');
				$("#navagence").animate( 
				{ height: '1px'}, speed, function() { 
					$("#navagence").hide();
					$("#navagence").height(h);
					$("#navagence").css('height',cssHeight);
				}
				); 
				agenceDeployed = false;
			}
			else
			{
				/* $("#navexperiences").slideUp(speed); */
				var h = $("#navexperiences").height();
				var cssHeight=$("#navexperiences").css('height');
				$("#navexperiences").animate( 
				{ height: '1px'}, speed, function() { 
					$("#navexperiences").hide();
					$("#navexperiences").height(h);
					$("#navexperiences").css('height',cssHeight);
				} 
				);
				experiencesDeployed = false;
			}
			$("#imgagence").attr({ 
				  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_01.png"
			});
			$("#imgexperience").attr({ 
				  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_02.png"
			});
			$("#navcontenuclients").animate({'opacity':'1'},speedofopacity);
			$("#navcontenuequipe").animate({'opacity':'1'},speedofopacity);
			$("#navcontenuagence").animate({'opacity':'1'},speedofopacity);
			$("#navcontenuexperiences").animate({'opacity':'1'},speedofopacity);
			$("#navextracontact").animate({'opacity':'1'},speedofopacity);
			$("#navextraactu").animate({'opacity':'1'},speedofopacity);
			$("#navextrafacebook").animate({'opacity':'1'},speedofopacity);
			$("#navextratwitter").animate({'opacity':'1'},speedofopacity);
		}
		
		function navigationEngine(categorie)
		{
			if(categorie == "agence")
			{
				if(agenceDeployed == false)
				{
					if(experiencesDeployed == true)
					{
						var h = $("#navexperiences").height();
						var cssHeight=$("#navexperiences").css('height');
						$("#navexperiences").animate( 
						{ height: '1px'}, speed, function() { 
							$("#navexperiences").hide();
							$("#navexperiences").height(h);
							$("#navexperiences").css('height',cssHeight);
							$("#navagence").delay(speed).slideDown(speed);
							experiencesDeployed = false;
							// $('#positionmasquecontenu').hide();
						}
						);
						$("#imgagence").attr({ 
							  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_01.png"
						});
						$("#imgexperience").attr({ 
							  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_02.png"
						});
						
						$("#sasexperience").hide();
						$("#animsas").show(); 
						
						$("#masquecontenu").show();
						$('#navextra p').animate({opacity: 0.5},speed);
						$("#sasagence").show();
						$("#animsas").delay(speed).animate({opacity: 0},speed);
					}
					else
					{				
								
						$("#imgagence").attr({ 
							  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_01.png"
						});
						$("#imgexperience").attr({ 
							  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_02.png"
						});
						
						$("#navagence").slideDown(speed);
						$("#masquecontenu").show();
						$('#navextra p').animate({opacity: 0.5},speed);
						$("#animsas").show(); 
						$("#sasagence").show();
						$("#animsas").animate({opacity: 0},speed);
					}


					$("#imgcommunication").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_08.png"
					});

					$("#imgecommerce").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_09.png"
					});

					$("#imgegames").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_10.png"
					});
					
					
					$("#navcontenuagence").css({'opacity':'1'});
					$("#navcontenuclients").animate({'opacity':opacity},speedofopacity);
					$("#navcontenuequipe").animate({'opacity':opacity},speedofopacity);
					$("#navcontenuexperiences").animate({'opacity':opacity},speedofopacity);
					$("#navextracontact").animate({'opacity':opacity},speedofopacity);
					$("#navextraactu").animate({'opacity':opacity},speedofopacity);
					$("#navextrafacebook").animate({'opacity':opacity},speedofopacity);
					$("#navextratwitter").animate({'opacity':opacity},speedofopacity);
					experiencesDeployed = false;
					$('#positionmasquecontenu').show();
					agenceDeployed = true;
				}
				else
				{

					$("#imgpresentation").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_05.png"
					});

					$("#imgmetiers").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_06.png"
					});

					$("#imgsolutions").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_07.png"
					});

					$("#navagence").slideDown(speed);
					$("#masquecontenu").show();
					$('#navextra p').animate({opacity: 0.5},speed);
					$("#animsas").show(); 
					$("#sasagence").show();
					$("#animsas").animate({opacity: 0},speed);
					isReseted = true;
					$('#positionmasquecontenu').show();

				}
			}
			else if(categorie == "experiences")
			{
				if(experiencesDeployed == false)
				{
					if(agenceDeployed == true)
					{
						var h = $("#navagence").height();
						var cssHeight=$("#navagence").css('height');
						$("#navagence").animate( 
						{ height: '1px'}, speed, function() { 
							$("#navagence").hide();
							$("#navagence").height(h);
							$("#navagence").css('height',cssHeight);
							$("#navexperiences").delay(speed).slideDown(speed);
							agenceDeployed = false;
							// $('#positionmasquecontenu').hide();
							}
						);
						
						$("#imgexperience").attr({ 
								  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_02.png"
						});
						$("#imgagence").attr({ 
								  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_01.png"
						});
							
							
							
						$("#sasagence").hide();
						$("#animsas").show(); 
							
						$("#masquecontenu").show();
						$('#navextra p').animate({opacity: 0.5},speed);
						$("#sasexperience").show();
						$("#animsas").delay(speed).animate({opacity: 0},speed); 
					}
					else
					{
						$("#imgexperience").attr({ 
							  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_02.png"
						});
						$("#imgagence").attr({ 
							  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_01.png"
						});
						$("#navexperiences").slideDown(speed);
						$("#masquecontenu").show();
						$('#navextra p').animate({opacity: 0.5},speed);
						$("#animsas").show(); 
						$("#sasexperience").show();
						$("#animsas").animate({opacity: 0},speed);
					}

					$("#imgpresentation").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_05.png"
					});

					$("#imgmetiers").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_06.png"
					});

					$("#imgsolutions").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_07.png"
					});

					
					$("#navcontenuexperiences").css({'opacity':'1'});
					$("#navcontenuclients").animate({'opacity':opacity},speedofopacity);
					$("#navcontenuequipe").animate({'opacity':opacity},speedofopacity);
					$("#navcontenuagence").animate({'opacity':opacity},speedofopacity);
					$("#navextracontact").animate({'opacity':opacity},speedofopacity);
					$("#navextraactu").animate({'opacity':opacity},speedofopacity);
					$("#navextrafacebook").animate({'opacity':opacity},speedofopacity);
					$("#navextratwitter").animate({'opacity':opacity},speedofopacity);
					agenceDeployed = false;
					experiencesDeployed = true;
					$("#masquecontenu").show();
					$('#navextra p').animate({opacity: 0.5},speed);					
					$("#sasexperience").show();
					$('#positionmasquecontenu').show();
				}
				else
				{

					$("#imgcommunication").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_08.png"
					});

					$("#imgecommerce").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_09.png"
					});

					$("#imgegames").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_10.png"
					});

					$("#sasagence").hide();
					$("#animsas").show(); 
					$("#masquecontenu").show();
					$('#navextra p').animate({opacity: 0.5},speed);
					$("#sasexperience").show();
					$("#animsas").animate({opacity: 0},speed); 
					isReseted = true;
					$('#positionmasquecontenu').show();
					
				}
			}
			else
			{
				ranger();
			}
		}

		$(document).ready(function () {
			$("#slidessanscadre img").css({display:"block"});
			$("#slides img").css({display:"block"});
			$("#masquecontenu").hide();
			$('#navextra p').animate({opacity: 1},speed);
			
			
			initNav();
			
			/* Gestion des events */

			$("#navcontenuequipe").click(function(){
				navigationEngine();
			});

			$("#navcontenuclients").click(function(){
				navigationEngine();
			});
			
			$("#navcontenuagence").click(function(){
				navigationEngine("agence");
				return false;
			});

			$("#navcontenuexperiences").click(function(){
				navigationEngine("experiences");
				return false;
			});

			/* Mouse over and out events*/

			$("#navcontenuagence").mouseenter(function(){
				if((experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true) && agenceDeployed == false)
				{
					$("#navcontenuagence").animate({'opacity':'1'},speedofover);
				}
			}).mouseleave(function(){
				if((experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true) && agenceDeployed == false)
				{
					$("#navcontenuagence").animate({'opacity':opacity},speedofover);
				}
			});

			$("#navcontenuexperiences").mouseenter(function(){
				if((agenceDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true) && experiencesDeployed == false)
				{
					$("#navcontenuexperiences").animate({'opacity':'1'},speedofover);
				}
			}).mouseleave(function(){
				if((agenceDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true) && experiencesDeployed == false)
				{
					$("#navcontenuexperiences").animate({'opacity':opacity},speedofover);
				}
			});

			$("#navcontenuclients").mouseenter(function(){
				if((agenceDeployed == true || experiencesDeployed == true || equipeDeployed == true || contactDeployed == true) && clientsDeployed == false)
				{
					$("#navcontenuclients").animate({'opacity':'1'},speedofover);
				}
			}).mouseleave(function(){
				if((agenceDeployed == true || experiencesDeployed == true || equipeDeployed == true || contactDeployed == true) && clientsDeployed == false)
				{
					$("#navcontenuclients").animate({'opacity':opacity},speedofover);
				}
			});

			$("#navcontenuequipe").mouseenter(function(){
				if((agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || contactDeployed == true) && equipeDeployed == false)
				{
					$("#navcontenuequipe").animate({'opacity':'1'},speedofover);
				}
			}).mouseleave(function(){
				if((agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || contactDeployed == true) && equipeDeployed == false)
				{
					$("#navcontenuequipe").animate({'opacity':opacity},speedofover);
				}
			});

			$("#navextracontact").mouseenter(function(){
				if((agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true) && contactDeployed == false)
				{
					$("#navextracontact").animate({'opacity':'1'},speedofover);
				}
			}).mouseleave(function(){
				if((agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true) && contactDeployed == false)
				{
					$("#navextracontact").animate({'opacity':opacity},speedofover);
				}
			});

			$("#navextraactu").mouseenter(function(){
				if(agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true)
				{
					$("#navextraactu").animate({'opacity':'1'},speedofover);
				}
			}).mouseleave(function(){
				if(agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true)
				{
					$("#navextraactu").animate({'opacity':opacity},speedofover);
				}
			});

			$("#navextrafacebook").mouseenter(function(){
				if(agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true)
				{
					$("#navextrafacebook").animate({'opacity':'1'},speedofover);
				}
			}).mouseleave(function(){
				if(agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true)
				{
					$("#navextrafacebook").animate({'opacity':opacity},speedofover);
				}
			});

			$("#navextratwitter").mouseenter(function(){
				if(agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true)
				{
					$("#navextratwitter").animate({'opacity':'1'},speedofover);
				}
			}).mouseleave(function(){
				if(agenceDeployed == true || experiencesDeployed == true || clientsDeployed == true || equipeDeployed == true || contactDeployed == true)
				{
					$("#navextratwitter").animate({'opacity':opacity},speedofover);
				}
			});


			$("#navcontenucommunication").mouseenter(function(){
				$("#imgcommunication").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_08.png"
				});
			}).mouseleave(function(){
				if(activesection != "experiencescommuniation" || isReseted == true)
				{
					$("#imgcommunication").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_08.png"
					});
				}
			});
			$("#navcontenugames").mouseenter(function(){
				$("#imgegames").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_10.png"
				});
			}).mouseleave(function(){
				if(activesection != "experiencesgames" || isReseted == true)
				{
					$("#imgegames").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_10.png"
					});
				}
			});
			$("#navcontenuecommerce").mouseenter(function(){
				$("#imgecommerce").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_09.png"
				});
			}).mouseleave(function(){
				if(activesection != "experiencesecommerce" || isReseted == true)
				{
					$("#imgecommerce").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_09.png"
					});
				}
			});

			$("#navcontenupresentation").mouseenter(function(){
				$("#imgpresentation").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_05.png"
				});
			}).mouseleave(function(){
				if(activesection != "agencepresentation" || isReseted == true)
				{
					$("#imgpresentation").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_05.png"
					});
				}
			});
			$("#navcontenumetiers").mouseenter(function(){
				$("#imgmetiers").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_06.png"
				});
			}).mouseleave(function(){
				if(activesection != "agencemetiers" || isReseted == true)
				{
					$("#imgmetiers").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_06.png"
					});
				}
			});
			$("#navcontenusolutions").mouseenter(function(){
				$("#imgsolutions").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/select_07.png"
				});
			}).mouseleave(function(){
				if(activesection != "agencesolutions" || isReseted == true)
				{
					$("#imgsolutions").attr({ 
						  src: "http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_07.png"
					});
				}
			});
			
		});
	</script>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-55224-16']);
		_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>
	
</head>
<body >
	<div id="templatebody">
		<nav id="mainnav">
			<a href="/accueil"><img id="navaccueil" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/logo_opo.png" alt="accueil" /></a>
 			<div id="navcontenu">
				<div id="navcontenuagence" class="navcontenuleft"><a href="#" title="agence"><img id="imgagence" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_01.png" alt="agence" /></a></div>
				<div id="navcontenuexperiences" class="navcontenuright"><a href="#" title="expériences"><img id="imgexperience" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_02.png" alt="expérience" /></a></div>
				<div class="cleaner">&nbsp;</div>
				<section id="navagence">
					<div id="navcontenupresentation" class="navcontenuleft"><a href="/agence/presentation" title="presentation"><img id="imgpresentation" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_05.png" alt="présentation" /></a></div>
					<div id="navcontenumetiers" class="navcontenuright"><a href="/agence/metiers" title="metiers"><img id="imgmetiers" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_06.png" alt="mêtiers" /></a></div>
					<div class="cleaner">&nbsp;</div>
					<div id="navcontenusolutions" class="navcontenuleft"><a href="/agence/solutions" title="solutions"><img id="imgsolutions" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_07.png" alt="solutions" /></a></div>
					<div class="cleaner">&nbsp;</div>
				</section>
				<section id="navexperiences">
					<div id="navcontenucommunication" class="navcontenuleft"><a href="/experiences/communication-medias-sociaux" title="communication"><img id="imgcommunication" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_08.png" alt="communication & medias sociaux" /></a></div>
					<div id="navcontenuecommerce" class="navcontenuright"><a href="/experiences/e-commerce" title="ecommerce"><img id="imgecommerce" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_09.png" alt="e.commerce" /></a></div>
					<div class="cleaner">&nbsp;</div>
					<div id="navcontenugames" class="navcontenuleft"><a href="/experiences/games" title="games"><img id="imgegames" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_10.png" alt="games" /></a></div>
					<div class="cleaner">&nbsp;</div>
				</section>
				<div class="cleaner">&nbsp;</div>
				<div id="navcontenuclients" class="navcontenuleft"><a href="/clients" title="clients"><img id="imgclients" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_03.png" alt="clients" /></a></div>
				<div id="navcontenuequipe" class="navcontenuright"><a href="/equipe" title="equipe"><img id="imgequipe" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_04.png" alt="équipe" /></a></div>
				<div class="cleaner">&nbsp;</div>
				<div id="navextracontact" class="navcontenuleft"><a href="/contact" title="contact"><img id="imgcontact" src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_12.png" alt="contact" /></a></div>	
				<div id="navextraactu" class="navcontenuright"><a href="http://www.oeilpouroeil.fr/blog/" title="actu"><img src="http://www.oeilpouroeil.fr/medias/desktop/navigation/origine_11.png" alt="actu" /></a></div>
				<div class="cleaner">&nbsp;</div>
			</div>
			<div id="navextra">
				<p>suivez-nous</p>
				<div id="navextrafacebook" class=""><a href="http://www.facebook.com/OeilPourOeil" title="facebook" target="_blank"><img src="http://www.oeilpouroeil.fr/medias/desktop/navigation/facebook.png" alt="facebook" /></a></div>
				<div id="navextratwitter" class=""><a href="http://twitter.com/#!/oeilpouroeil" title="@oeilpouroeil" target="_blank"><img src="http://www.oeilpouroeil.fr/medias/desktop/navigation/twitter.png" alt="twitter" /></a></div>
				
			</div>
		</nav>
		<div id="positionmasquecontenu">
			<div id="masquecontenu"></div>
		</div>
		<section id="contenu">
				<div id="animsas"></div>
				<div id="sasagence">
					<span>Agence</span>
					<img src="/medias/desktop/sasagence.png" alt="agence" />
					<div class="pictoflashsas" id="pictoagence" style="margin-top:0px;">
						<a href="/agence/presentation"><img id="sas_agc_pre" src="/medias/desktop/sas_agc_pre.png" /></a>
						<a href="/agence/metiers"><img id="sas_agc_met" src="/medias/desktop/sas_agc_met.png" /></a>
						<a href="/agence/solutions"><img id="sas_agc_sol" src="/medias/desktop/sas_agc_sol.png" /></a>
						<div class="cleaner">&nbsp;</div>
					</div>
					<script type="text/javascript">
						$(document).ready(function(){
							var so = new SWFObject("http://www.oeilpouroeil.fr/medias/desktop/pictos_agence.swf", "pictoagence", "500", "200", "9");
							so.addVariable('urlpresentation', '%2Fagence%2Fpresentation');
							so.addVariable('urlmetiers', '%2Fagence%2Fmetiers');
							so.addVariable('urlsolutions', '%2Fagence%2Fsolutions');
							so.write("pictoagence");
						 });
					</script>	
					<div class="cleaner">&nbsp;</div>
				</div>
				<div id="sasexperience">
					<span>Notre expérience</span>
					<img src="/medias/desktop/sasexperience.png" alt="Are you experienced" />
					<div class="pictoflashsas" id="pictoexperience" style="margin-top:0px;">
						
						<a href="/experiences/communication-medias-sociaux"><img id="sas_exp_com" src="/medias/desktop/sas_exp_com.png" /></a>
						<a href="/experiences/e-commerce"><img id="sas_exp_eco" src="/medias/desktop/sas_exp_eco.png" /></a>
						<a href="/experiences/games"><img id="sas_exp_gam" src="/medias/desktop/sas_exp_gam.png" /></a>
						<div class="cleaner">&nbsp;</div>
					</div>
					<script type="text/javascript">
						$(document).ready(function(){
							var so = new SWFObject("http://www.oeilpouroeil.fr/medias/desktop/pictos_experience.swf", "pictoexperience", "500", "200", "9");
							so.addVariable('urlcommunication', '%2Fexperiences%2Fcommunication-medias-sociaux');
							so.addVariable('urlecommerce', '%2Fexperiences%2Fe-commerce');
							so.addVariable('urlgames', '%2Fexperiences%2Fgames');
							so.write("pictoexperience");
						 });
					</script>
					<div class="cleaner">&nbsp;</div>
				</div>
				<header><h1>Se <span id="agencepresentation">connecter</span></h1></header>
				<div id="loginpage">
		<p>La page que vous demandez nécessite une élévation des privilèges. 
		<br />Merci de bien vouloir vous identifier.
		</p>
		<div id="loginform">
			<form enctype="application/x-www-form-urlencoded" method="post" action=""><dl class="zend_form">
<dt id="login-label"><label for="login" class="required">Nom d'utilisateur :</label></dt>
<dd id="login-element">
<input type="text" name="login" id="login" value=""></dd>
<dt id="password-label"><label for="password" class="required">Mot de passe :</label></dt>
<dd id="password-element">
<input type="password" name="password" id="password" value=""></dd>
<dt id="submit-label">&#160;</dt><dd id="submit-element">
<input type="submit" name="submit" id="submit" value="Envoyer"></dd></dl></form>		</div>
		<img id="logincadenas" src="/medias/admin/cadenas.png" alt="cadenas" />
		<div id="loginerrors">
					</div>
	</div>
			
		</section>
		<div class="cleaner">&nbsp;</div>
	</div>
	<div style="height:30px;width:auto;"> </div>
</body>
</html>