<![CDATA[
<s:execute>
<s:task b:action="show" />
</s:execute>
<div id="area51">
<div id="header">
<div id="headerShadowTL">
<div id="headerShadowTR">
<div id="buttonsTop">
<a href="#" onclick="popin()">
<img id="buttonTop_left" src="img/buttonTop_left.gif" alt="" />
</a>
<a href="#" onclick="popin()">
<img id="buttonTop_right" src="img/buttonTop_right.gif" alt="" />
</a>
</div>
<div id="logo"></div>
</div>
</div>
</div>
<div id="shadowL">
<div id="shadowR">
<div id="main">
<div id="popin">
<div id="close" onclick="popin()"></div>
<div id="popupTitle">Télécharger Area51Reader</div>
<a href="plaquette/pros_realisation.pdf" target="_blank"><img src="img/popupBtn_Left.gif" id="popupBtnL" alt="" /></a>
<a href="plaquette/pros_101006.pdf" target="_blank" ><img src="img/popupBtn_Right.gif" id="popupBtnR" alt="" /></a>
<div class="clearDiv"></div>
</div>
<div id="topMain">
Stratégie, Expertise Web 2.0<br />
Conseil et Développement en Architecture informatique
</div>
<div id="content">
<div id="cContentL">
<div id="cContentL_Top">
<div id="cContentL_Btm">
<a id="previous-item-button" b:behavior="move-backward"><img src="img/contentLeft.gif" alt="" /></a>
</div>
</div>
</div>
<div id="cContent">
<div id="cContentLeft">
<div id="cContentRight">
<div id="cContentTL">
<div id="cContentTR">
<div id="cContentBL">
<div id="cContentBR">
<div id="contentIn" b:singular="strict">
<div id="web2" b:behavior="motion"></div>
<div id="form" b:behavior="motion">
<form id="form-contact" b:destination="id('confirmation_envoi')" method="get" b:behavior="form-behavior">
<div id="mailLayer">
<input type="text" id="mailLayer_textbox1" name="subject" value="" b:required="true" />
<textarea cols="1" rows="1" id="mailLayer_textbox2" name="body-text" b:required="true"></textarea>
<div id="mailLayer_floatCnt">
<input type="text" id="mailLayer_textbox3" name="mail" value="" b:required="true" b:validation="email"/>
<b:button id="button_submit" b:action="trigger" b:target="id('form-contact')" b:event="validate-form">Envoyer</b:button>
<div style="clear:both;visibility:hidden;"></div>
</div>
</div>
</form>
<div id="infoLayer">
<div id="infoLayer_L">
<h1>Area51Studio</h1>
<h2>Direction Technique</h2>
27 rue du Chemin Vert<br />
75011 Paris
<h2>Siège Administratif</h2>
7 rue Marbeuf<br />
75008 Paris
</div>
<div id="infoLayer_R">
Tel./Fax. : 01.70.36.76.36<br />
Mail : contact@area51studio.net
</div>
<div id="confirmation_envoi" b:behavior="confirmationMail">
</div>
</div>
</div>
<div id="tags" b:behavior="motion" >
<div class="nuage">
<div class="nuage1">
<h3>E commerce 2.0</h3>
</div>
<div class="clearDiv"></div>
<div class="nuage2">
<h3 style="float:left;">Expert en</h3>
<h1 style="float:left;margin-left:5px;">architecture informatique</h1>
</div>
<div class="clearDiv"></div>
<div class="nuage3">
<h3>Consultant accessibilité</h3>
</div>
<div class="clearDiv"></div>
<div class="nuage4">
<h2>Expert framework AJAX</h2>
</div>
<div class="clearDiv"></div>
<div class="nuage5">
<h3 style="float:left;">Expert</h3> <h1 style="float:left;margin-left:5px;">standard W3C</h1>
</div>
<div class="clearDiv"></div>
<div class="nuage6">
<h1 style="float:right;margin-right:5px;">.Net 2.0</h1>
<h3 style="float:right;margin-right:5px;">et</h3>
<h1 style="float:right;margin-right:5px;">JAVA/J2EE</h1>
<h3 style="float:right;margin-right:5px;">Environnement</h3>
</div>
<div class="clearDiv"></div>
<div class="nuage7">
<h3>Social networking</h3>
</div>
<div class="clearDiv"></div>
</div>
<div id="tagLayer">
Stratégie, Expertise Web 2.0<br/>
Conseil et Développement en Architecture informatique<br/><br/>
<div style="font-weight:bold;"> Area51Studio c'est une autre vision du web.</div>
Conseil en stratégie E-commerce, E-marketing, E-Business, et Développement logiciel sont les compétences réunies par nos équipes.<br/><br/>
<div style="text-align:center; font-weight:bold;"> Le succès d'un site dépend des compétences des équipes à l'origine de sa création.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="cContentR">
<div id="cContentR_Top">
<div id="cContentR_Btm">
<a id="next-item-button" b:behavior="move-forward"><img src="img/contentRight.gif" alt="" /></a>
</div>
</div>
</div>
</div>
<div id="links">
<a b:current="'web2'" b:previous="'tags'" b:next="'form'" b:behavior="link">Accueil</a>
<span style="padding:0 20px;">|</span>
<a b:current="'tags'" b:previous="'form'" b:next="'web2'" b:behavior="link">A propos</a>
<span style="padding:0 20px;">|</span>
<a b:current="'form'" b:previous="'web2'" b:next="'tags'" b:behavior="link">Contactez nous</a>
</div>
<div id="info" style="display:none" ></div>
<s:variable b:name="current" b:scope="global" b:value="'web2'" />
<s:variable b:name="next-item" b:scope="global" b:value="'form'" />
<s:variable b:name="previous-item" b:scope="global" b:value="'tags'" />
<s:behavior b:name="move-forward">
<s:event b:on="command">
<s:parallel>
<s:task b:action="trigger" b:event="moveBackward" b:target="{concat('id(',$current,')')}" />
<s:task b:action="trigger" b:event="moveBackward" b:target="{concat('id(',$next-item,')')}" />
<s:task b:action="trigger" b:event="moveBackward" b:target="{concat('id(',$previous-item,')')}" />
<s:setatt b:disabled="true" b:target="id('next-item-button')" />
</s:parallel>
<s:parallel>
<s:variable b:name="temp_current" b:scope="local" b:value="{$current}" />
<s:task b:action="assign" b:target="$current" b:select="$next-item" />
<s:task b:action="assign" b:target="$next-item" b:select="$previous-item" />
<s:task b:action="assign" b:target="$previous-item" b:select="$temp_current" />
</s:parallel>
<s:task b:action="trigger" b:event="movePositionStart" b:target="{concat('id(',$next-item,')')}" />
<s:setatt b:disabled="false" b:target="id('next-item-button')" />
</s:event>
</s:behavior>
<s:behavior b:name="move-backward">
<s:event b:on="command">
<s:parallel>
<s:task b:action="trigger" b:event="moveForward" b:target="{concat('id(',$current,')')}" />
<s:task b:action="trigger" b:event="moveForward" b:target="{concat('id(',$next-item,')')}" />
<s:task b:action="trigger" b:event="moveForward" b:target="{concat('id(',$previous-item,')')}" />
<s:setatt b:disabled="true" b:target="id('previous-item-button')" />
</s:parallel>
<s:parallel>
<s:variable b:name="temp_current" b:scope="local" b:value="{$current}" />
<s:task b:action="assign" b:target="$current" b:select="$previous-item" />
<s:task b:action="assign" b:target="$previous-item" b:select="$next-item" />
<s:task b:action="assign" b:target="$next-item" b:select="$temp_current" />
</s:parallel>
<s:task b:action="trigger" b:event="movePositionEnd" b:target="{concat('id(',$previous-item,')')}" />
<s:setatt b:disabled="false" b:target="id('previous-item-button')" />
</s:event>
</s:behavior>
<s:behavior b:name="link" >
<s:event b:on="mouseenter">
<s:fxstyle b:width="150px" b:background-color="#44ACDC" b:color="#ffffff" b:time="0"/>
</s:event>
<s:event b:on="mouseleave">
<s:fxstyle b:background-color="#ffffff" b:color="#6A7275" b:time="1200"/>
</s:event>
<s:event b:on="click">
<s:choose>
<s:when b:test="@b:current=$current">
</s:when>
<s:when b:test="@b:current=$previous-item">
<s:task b:action="trigger" b:event="command" b:target="id('previous-item-button')" />
</s:when>
<s:otherwise>
<s:task b:action="trigger" b:event="command" b:target="id('next-item-button')" />
</s:otherwise>
</s:choose>
</s:event>
</s:behavior>
<s:behavior b:name="motion">
<s:event b:on="moveForward">
<s:fxstyle b:motion="exp" b:left="~778px" b:time="800" />
</s:event>
<s:event b:on="moveBackward">
<s:fxstyle b:motion="exp" b:left="~-778px" b:time="800" />
</s:event>
<s:event b:on="movePositionStart">
<s:setstyle b:left="778px" />
</s:event>
<s:event b:on="movePositionEnd">
<s:setstyle b:left="-778px" />
</s:event>
</s:behavior>
<s:default b:tag="input" b:attribute="b:behavior" b:value="form-field-input" />
<s:default b:tag="textarea" b:attribute="b:behavior" b:value="form-field-textarea" />
<s:behavior b:name="generic-input">
<s:event b:on="construct">
<s:fxstyle b:background-color="#ffffff" b:time="300" />
</s:event>
<s:event b:on="validate">
<s:choose>
<s:when b:test="@b:valid=''" />
<s:when b:test="@b:valid='true'">
<s:task b:action="trigger" b:event="valid" />
</s:when>
<s:otherwise>
<s:task b:action="trigger" b:event="invalid" />
</s:otherwise>
</s:choose>
</s:event>
<s:event b:on="valid" b:test="@name">
<s:fxstyle b:background-color="#EDFCEF" b:time="300" />
</s:event>
<s:event b:on="invalid">
<s:fxstyle b:background-color="#ffe0e0" b:time="300" />
</s:event>
<s:event b:on="mouseenter">
<s:if b:test="@b:valid and @b:valid != 'true'">
<s:task b:action="set" b:target="id('info')/@innerHTML" b:value="{@b:infomsg}" />
<s:task b:action="show" b:target="id('info')" />
<s:task b:action="position" b:type="place" b:target="id('info')" b:destination="." b:position="after-pointer" />
</s:if>
</s:event>
<s:event b:on="mouseleave">
<s:task b:action="hide" b:target="id('info')" />
</s:event>
</s:behavior>
<s:behavior b:name="form-field-input" b:behavior="generic-input">
<s:event b:on="focus">
<s:task b:action="hide" b:target="id('confirmation_envoi')"/>
<s:task b:action="set" b:target="@value" b:value="" />
<s:fxstyle b:background-color="#ffffff" b:time="300" />
</s:event>
<s:event b:on="blur">
<s:fxstyle b:background-color="#ffffff" b:time="300" />
<s:task b:action="trigger" b:event="validate"/>
</s:event>
<s:event b:on="validate" b:test="@type='text' or @type='password'">
<s:choose>
<s:when b:test="@b:required='true' and regexp(@value, '^[ ]*$')">
<s:setatt b:valid="required" b:infomsg="Ce champs est obligatoire" />
</s:when>
<s:when b:test="(@value='Sujet de votre message')">
<s:setatt b:valid="false" b:infomsg="Vous devez mettre un sujet pour votre message" />
</s:when>
<s:when b:test="@b:validation='email' and not(regexp(@value, '^.+@(.+\.)+[a-zA-Z]{2,}$'))">
<s:setatt b:valid="false" b:infomsg="L'adresse email doit tre du type user@domain.com" />
</s:when>
<s:otherwise>
<s:setatt b:valid="true" />
</s:otherwise>
</s:choose>
<s:super />
</s:event>
</s:behavior>
<s:behavior b:name="form-field-textarea" b:behavior="generic-input">
<s:event b:on="focus">
<s:task b:action="hide" b:target="id('confirmation_envoi')"/>
<s:task b:action="set" b:target="@value" b:value="" />
<s:fxstyle b:background-color="#ffffff" b:time="300" />
</s:event>
<s:event b:on="blur">
<s:fxstyle b:background-color="#ffffff" b:time="300" />
<s:task b:action="trigger" b:event="validate"/>
</s:event>
<s:event b:on="validate">
<s:choose>
<s:when b:test="@b:required='true' and regexp(@value, '^[ ]*$')">
<s:setatt b:valid="required" b:infomsg="Ce champs est obligatoire" />
</s:when>
<s:when b:test="(@value='Entrez votre message')">
<s:setatt b:valid="false" b:infomsg="Vous devez mettre un message" />
</s:when>
<s:otherwise>
<s:setatt b:valid="true" />
</s:otherwise>
</s:choose>
<s:super />
</s:event>
</s:behavior>
<s:behavior b:name="form-behavior">
<s:event b:on="construct">
<s:task b:action="set" b:target="id('mailLayer_textbox1')/@value" b:value="Sujet de votre message" />
<s:task b:action="set" b:target="id('mailLayer_textbox2')/@value" b:value="Entrez votre message" />
<s:task b:action="set" b:target="id('mailLayer_textbox3')/@value" b:value="Entrez votre email" />
<s:task b:action="trigger" b:event="construct" b:target=".//*" />
</s:event>
<s:event b:on="validate-form">
<s:task b:action="trigger" b:event="validate" b:target=".//*" />
<s:choose>
<s:when b:test="not(.//*[@b:valid][@b:valid != 'true'])">
<s:task b:action="submit" b:target="id('form-contact')" />
</s:when>
<s:otherwise>
<s:setatt b:valid="false" />
</s:otherwise>
</s:choose>
</s:event>
<s:event b:on="submit">
<s:render b:destination="id('sendMail')/subject" b:mode="replacechildren">
<s:textnode b:label="{id('mailLayer_textbox1')/@value}"/>
</s:render>
<s:render b:destination="id('sendMail')/bodyText" b:mode="replacechildren">
<s:textnode b:label="{id('mailLayer_textbox2')/@value}"/>
</s:render>
<s:render b:destination="id('sendMail')/mail" b:mode="replacechildren">
<s:textnode b:label="{id('mailLayer_textbox3')/@value}"/>
</s:render>
<s:task b:action="send" b:source="id('sendMail')" b:destination="id('confirmation_envoi')" b:autoroot="false" b:url="InfoMail.ashx" />
<s:task b:action="focus" b:target="id('confirmation_envoi')" />
</s:event>
</s:behavior>
<s:behavior b:name="confirmationMail">
<s:event b:on="construct">
<s:task b:action="hide" />
</s:event>
<s:event b:on="active">
<s:if b:test="div/response-code = 'valid'">
<s:task b:action="show"/>
<s:task b:action="set" b:target="@innerHTML" b:value="Votre email a été envoyé" />
<s:task b:action="trigger" b:event="construct" b:target="id('form-contact')" />
</s:if>
<s:if b:test="div/response-code = 'invalid'">
<s:task b:action="show" />
<s:task b:action="set" b:target="@innerHTML" b:value="Votre email n'a pas été envoy " />
</s:if>
</s:event>
</s:behavior>
<div style="visibility:hidden">
<div id="sendMail" xmlns:a="http://www.area51studio.net/a" xmlns="http://www.w3.org/1999/xhtml">
<subject></subject>
<bodyText></bodyText>
<mail></mail>
</div>
</div>
<div id="copyright">
2006 Area51 Studio touts droits réservés
</div>
</div>
</div>
</div>
</div>
]]>