//Automaton Toys
document.write("<div name='automatontoys' id='automatontoys' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Automaton Toys</b>");
document.write("<br><b>Année de développement :</b> 2008");
document.write("<br><b>Lien : </b><a href='http://www.automatontoys.com' target='blank'>www.automatontoys.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_automaton.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Continuer le développement d'un site Web, excluant l'infographie, avec panier d'achat. Le site Web possède également une administration pour les jouets, les promotions ainsi que pour les commandes. Toutes les commandes sont sécurisées via un certificat SSL.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Chapiteaux 2000
document.write("<div name='chapiteaux2000' id='chapiteaux2000' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Chapiteaux 2000</b>");
document.write("<br><b>Année de développement :</b> 2008");
document.write("<br><b>Lien : </b><a href='http://www.chapiteaux2000.com' target='blank'>www.chapiteaux2000.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_chapiteaux2000.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer une vitrine internet, incluant l'infographie, afin de présenter les produits et services de l'entreprise. Le site Web possède aussi un formulaire de demande de soumission.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Atelier 21
document.write("<div name='a21' id='a21' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Atelier 21</b>");
document.write("<br><b>Année de développement :</b> 2007");
document.write("<br><b>Lien : </b><a href='http://www.a21.ca' target='blank'>www.a21.ca</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_a21.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer une vitrine internet, excluant l'infographie, afin de présenter les produits et services de l'entreprise.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Doucet
document.write("<div name='doucet' id='doucet' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Doucet & Associés</b>");
document.write("<br><b>Année de développement :</b> 2007");
document.write("<br><b>Lien : </b><a href='http://www.doucet.ca' target='blank'>www.doucet.ca</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_doucet.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer une vitrine internet, incluant l'infographie, afin de présenter les services de l'entreprise. Quelques animations Flash ont également été intégrées au site Web.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Ferblanterie
document.write("<div name='ferblanterie' id='ferblanterie' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Ferblanterie Yvon Lepire</b>");
document.write("<br><b>Année de développement :</b> 2007");
document.write("<br><b>Lien : </b><a href='http://www.ferblanterieyvonlepire.com' target='blank'>www.ferblanterieyvonlepire.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_yvonlepire.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer une vitrine internet, incluant l'infographie, afin de présenter les services de l'entreprise.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Ryna
document.write("<div name='ryna' id='ryna' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Les Resto-Pub Ryna</b>");
document.write("<br><b>Année de développement :</b> 2007");
document.write("<br><b>Lien : </b><a href='http://www.ryna.ca' target='blank'>www.ryna.ca</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_ryna.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer une vitrine internet, incluant l'infographie, afin de présenter les services de l'entreprise. Les menus sont présentés en Flash et la publicité télévisé a été intégrée à l'animation de la page d'entrée.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Mathurin
document.write("<div name='mathurin' id='mathurin' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Les armoires Rolland Mathurin</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.armoiresmathurin.com' target='blank'>www.armoiresmathurin.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_mathurin.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Optimiser le graphique et la disposition des pages pour améliorer le référencement. Ajouter une administration qui permet de modifier et d'ajouter des réalistions dans la salle de montre.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Mosaiques
document.write("<div name='mosaiques' id='mosaiques' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Bordures et Mosaîques Santerre</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.mosaiquessanterre.com' target='blank'>www.mosaiquessanterre.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_mosaique.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web, incluant l'infographie, afin de permettre à l'entreprise de présenter ses produits et services ainsi que ses oeuvres. Plusieurs animation Flash on été intégrées au site Web,");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Broderie Select
document.write("<div name='broderie' id='broderie' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Broderie Select</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.broderieselect.com' target='blank'>www.broderieselect.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_broderieselect.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web, incluant l'infographie, afin de permettre à l'entreprise de présenter ses produits et services.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Carrière Union
document.write("<div name='carriereunion' id='carriereunion' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Carrière Union</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.carriereunion.com' target='blank'>www.carriereunion.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_carriereunion.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web, incluant l'infographie, afin de permettre à l'entreprise de présenter ses services. Le client peut également se servir d'un calculateur de volume.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Saute-Mouton
document.write("<div name='sautemouton' id='sautemouton' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Chaussures Saute-Mouton</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.saute-mouton.com' target='blank'>www.saute-mouton.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_sautemouton.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web, incluant l'infographie, afin de permettre à l'entreprise de présenter ses produits. Le site possède une administration qui permet la gestion des produits ainsi que la gestion des points de vente.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Geosig
document.write("<div name='geosig' id='geosig' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Geosig</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.geosig.ca' target='blank'>www.geosig.ca</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_geosig.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web, incluant l'infographie, afin de permettre à l'entreprise de présenter ses services. Le site Web a été développé en tenant compte du budget restraint de l'entreprise.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Gravure
document.write("<div name='gravure' id='gravure' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Gravure Universelle</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.gravureuniverselle.ca' target='blank'>www.gravureuniverselle.ca</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_gravure.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web, incluant l'infographie, afin de permettre à l'entreprise de présenter ses produits et services. Le site Web possède une administration qui permet la gestion du menu, des produits et des commentaires.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Ebm
document.write("<div name='ebm' id='ebm' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Les équipements EBM</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.ebmquebec.com' target='blank'>www.ebmquebec.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_ebm.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web, incluant l'infographie, afin de permettre à l'entreprise de présenter ses produits. Le site Web possède une administration qui permet la gestion du menus, des produits et des spéciaux");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Option Metal
document.write("<div name='optionmetal' id='optionmetal' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Option Métal Recyclé du Québec</b>");
document.write("<br><b>Année de développement :</b> 2006");
document.write("<br><b>Lien : </b><a href='http://www.optionmetal.com' target='blank'>www.optionmetal.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_optionMetal.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer une vitrine Internet, incluant l'infographie, afin de permettre à cette entreprise à but non-lucratif de présenter ses services et d'offrir des informations pertinentes à la population.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Cartouches-Escompte
document.write("<div name='cartouches' id='cartouches' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Cartouches-Escompte</b>");
document.write("<br><b>Année de développement :</b> 2005");
document.write("<br><b>Lien : </b><a href='http://www.cartouches-escompte.com' target='blank'>www.cartouches-escompte.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_cartouches.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web complet avec panier d'achat et gestion de compte. Le site possède une administration permettant entre autre la gestion des produits, des commandes, des factures, des rapports, des commentaires, etc.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Christine-art
document.write("<div name='christineart' id='christineart' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Christine-Art</b>");
document.write("<br><b>Année de développement :</b> Toujours en développement");
document.write("<br><b>Lien : </b>n/d")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_christineart.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer une boutique en ligne de produits artisanaux.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Dessin Descad
document.write("<div name='dessindescad' id='dessindescad' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Dessin Descad</b>");
document.write("<br><b>Année de développement :</b> 2005");
document.write("<br><b>Lien : </b><a href='http://www.dessindescad.com' target='blank'>www.dessindescad.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_dessindescad.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web permettant de présenter les services et le portfolio de l'entreprise.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Linguisti
document.write("<div name='linguisti' id='linguisti' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>LinguistiServices</b>");
document.write("<br><b>Année de développement :</b> 2005");
document.write("<br><b>Lien : </b>n/d")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_linguisti.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Développer un site Web offrant des cours en ligne et des tests de classement. Le site possède une administration qui permet entre autre de gérer les usagers, les inscriptions, les factures, les modules de cours et le glossaire.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Linguisti 2
document.write("<div name='linguisti2' id='linguisti2' style='display:none'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>LinguistiServices</b>");
document.write("<br><b>Année de développement :</b> 2008");
document.write("<br><b>Lien : </b><a href='http://www.linguistiservices.com' target='blank'>www.linguistiservices.com</a>")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_linguisti2.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Améliorer l'apparence d'un site de cours d'anglais en ligne déjà fonctionnel.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");

//Cartouches 2
document.write("<div name='cartouches2' id='cartouches2' style='display:block'>");
document.write("<table bgColor='#D6C7B2' width=100%>");
document.write("<tr>");
document.write("<td colspan=2>");
document.write("<font face=verdana size=1>");
document.write("<b>Cartouches-Escompte</b>");
document.write("<br><b>Année de développement :</b> 2008");
document.write("<br><b>Lien : </b> en développement")
document.write("</font>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><img src='images/realisations/site_cartouches2.jpg'></td>");
document.write("<td valign=top>");
document.write("<p align=justify>");
document.write("<br><font face=verdana size=1>");
document.write("<b>Projet : </b>");
document.write("<br>Améliorer l'apparence d'un panier d'achat de cartouches d'encre déjà fonctionnel.");
document.write("</font>");
document.write("</p>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");
document.write("</div>");