<!DOCTYPE html>
<html lang="fr">
	<head>
		<title>Votre source de formations vidéo d'affaires | Linked Québec</title>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="robots" content="index,follow" />
		<meta name="viewport" content="width=device-width" />
		<link rel="icon" type="image/png" href="/favicon.png">
        
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700,700italic,400italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
        
		<script type="text/javascript">
			var lang = 'fr';
		</script>
		<meta name="description" content="La communauté Linked Québec vise à faciliter l'apprentissage, le partage des connaissances et le réseautage des gens d’affaires du Québec.">
<meta http-equiv="content-language" content="fr">
<link type="text/css" href="/data/cache/30a51b9b665af58a87759a996eda78ec.css" rel="stylesheet/less" />
<script type="text/javascript" src="/data/cache/a323bc195206b9f2053560bbe9a675f7.js"></script>

        <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="/frontapp/css/jquery.ui.1.10.0.ie.css"/>
        <![endif]-->

		<!-- This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer -->
		<!--[if lt IE 9]>
		  <script src="/frontapp/js/html5shiv/html5shiv.js" type="text/javascript"></script>
		<![endif]-->

		<style type="text/css">
			.animator-name {line-height: 130%;}
					</style>

</head>
<body id="home_index">
    <div id="fb-root"></div>
    <script>
        // Analytics
        var linkedqc = window.linkedqc || {};
        linkedqc.a = window.linkedqc.a || {};

        window.fbAsyncInit = function() {
            // init the FB JS SDK
            FB.init({
                appId: "637016996310335",
                xfbml: true,
                status: true,
                cookie: true
            });
        };

        // Load the SDK asynchronously
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {
                return;
            }
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

    <!-- Google Tag Manager -->
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-6X52M" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({'gtm.start':
                        new Date().getTime(), event: 'gtm.js'});
            var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                    '//www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-6X52M');
    </script>
    <!-- End Google Tag Manager -->

    <div class="bg">
    <div class="header">
        <div class="ong1"></div>
        <div class="ong2"></div>
    </div>
            <div class="reg-box">

        </div>
        		<div class="bread">

		</div>
		
</div>
<div class="pd">
	<div class="container" style="position: relative;">
		<div class="logo">
			<a href="/"><img src="/frontapp/img/LQLogo.png" alt="Linked Québec" /></a>
		</div>
		<div class="header">
			<div class="ong1 clearfix">
				<ul>
										<li><a href="http://linkedquebec.com/nous-joindre">Contact</a></li>
					<li><a href="http://linkedquebec.com/a-propos">À propos</a></li>
					<li><a href="/services">Services</a></li>
														</ul>
			</div>
			<div class="ong2 clearfix">
				<ul>
										<li ><a href="/webinaires">
							OFFREZ UN WEBINAIRE <i class="des">(Studio-Plateforme-Marketing)</i></a></li>
					<li ><a href="/indice-linkedin">
							MAÎTRISEZ LINKEDIN <i class="des">(Formations vidéos sans frais)</i></a></li>
				</ul>
			</div>
		</div>
					<div class="reg-box">
				<div id="carousel" class="carousel slide">
					<ol class="carousel-indicators">
						<li data-target="#carousel" data-slide-to="0" class="active"></li>
						<li data-target="#carousel" data-slide-to="1"></li>
						<li data-target="#carousel" data-slide-to="2"></li>
					</ol>
					<div class="carousel-inner">
												<div class="active item">
							<a href="/les-eformation/payantes"><h1>TIRER PLEINEMENT PROFIT DE LINKEDIN</h1></a>
							<a href="/indice-linkedin" class="pdbtn arrow">
								<span>Apprenez la vente sociale</span>
								<span></span>
							</a>
						</div>
												<div class="item">
							<a href="/webinaires"><h1>OFFREZ UN WEBINAIRE À VOS CLIENTS, PROSPECTS OU EMPLOYÉS</h1></a>
							<a href="/webinaires" class="pdbtn arrow">
								<span>Webinaire</span>
								<span></span>
							</a>
						</div>
												<div class="item">
							<h1>INSCRIVEZ-VOUS AUX PROCHAINES FORMATIONS GRATUITES (en direct)</h1>
							<a href="#loginModal" data-toggle="modal" class="pdbtn arrow">
								<span>Inscrivez-vous pour ne rien manquer</span>
								<span></span>
							</a>
						</div>
											</div>

				</div>
			</div>
				</div>
    <div class="container" style="position: relative;">
<div class="bread clearfix">
    <div class="pull-left">prochaines formations gratuites <i class="des">(en direct)</i></div>
    <div class="pull-right"><span style="font-size:14px;">propulsé par</span> <img src="/frontapp/img/on24-2.png" alt="ON24" /> </div>
</div>
<div class="bread-triangle"></div>

<div class="page-content">
    </div>

<div class="container" style="text-align: left;">
	<div class="row">
		<div class="span4">
			<a style="width:100%;" href="http://linkedquebec.com/les-eformation/gratuites" role="button" class="pdbtn sm arrow">
				<span>Voir les formations en différé</span>
				<span></span>
			</a>
		</div>
	</div>
</div>

<div class="page-footer">

    <div class="sujets">
        <div>
            <h3>
                Adhérez aux groupes Linked Québec<br />
                <span style="color:#FFFFFF;">et échangez avec / contactez</span><br />
                +<span style="color:#FFFFFF;"> 100 000 personnes</span>
            </h3>
            <div class="row">
                <div class="icn">
                    <a href="http://linkd.in/themes-LQ">
                        <img src="/frontapp/img/themes_h.png" alt="Thèmes" />
                    </a>
                </div>
                <div class="icn">
                    <a href="http://linkd.in/carrieres-LQ">
                        <img src="/frontapp/img/carrieres_h.png" alt="Carrières" />
                    </a>
                </div>
                <div class="icn">
                    <a href="http://linkd.in/regions-LQ">
                        <img src="/frontapp/img/regions_h.png" alt="Régions" />
                    </a>
                </div>
            </div>
            <p>
                Linked Québec <span style="color: #F78C00">–</span> La plus grande communauté francophone sur LinkedIn!
            </p>
        </div>
    </div>

    <div class="formations">
        <h2>
            DÉCOUVREZ NOS eFORMATIONS <span style="color: #FFF;">APPROFONDIES <img src="/frontapp/img/linked-in-logo-i.png" alt="LinkedIn" style="vertical-align: top; height: 26px;" /><br/>ET AUTRES SUJETS</span>
        </h2>
        <a style="width:100%;" href="http://linkedquebec.com/les-eformation/payantes" class="pdbtn sm arrow">
            <span>Consulter</span>
            <span></span>
        </a>
        <div class="clearfix"></div>
    </div>
    <div class="evenements">
        <h2>
            ANNONCEZ VOS ÉVÉNEMENTS <span style="color: #FFF;">(RÉSEAUTAGE, FORMATIONS…)</span>
        </h2>
        <a style="width:100%;" id="create_event" href="#create-event-modal" data-toggle="modal" role="button" class="pdbtn sm arrow">
            <span>Annoncer</span>
            <span></span>
        </a>
        <a target="_blank" style="width:100%;" href="http://linkedquebec.com/evenement" class="pdbtn sm arrow">
            <span>Consulter</span>
            <span></span>
        </a>
        <div class="clearfix"></div>
    </div>

</div>

<div class="pdmodal hide fade loginModal" id="loginModal" role="dialog" aria-hidden="true">
    <div class="pdmodal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
    </div>
    <div class="pdmodal-body">
        <h3>Inscrivez-vous pour ne manquer aucune formation</h3>
        <p>(Nouvelle série de formations gratuites tous les 3 mois)</p>
        <form>
			<script charset="utf-8" src="//js.hsforms.net/forms/current.js"></script>
			<script>
				hbspt.forms.create({
					portalId: '345412',
					formId: '21fbdd25-1fde-471c-8881-f7f33b1dc6ad'
				});
			</script>
            <input type="text" class="input input-block-level" id="name" value="" placeholder="PRÉNOM" />
            <input type="text" class="input input-block-level" id="email" value="" placeholder="COURRIEL" />
        </form>
        <div hidden class="alert" id="msg"></div>
        <div>
            <a class="pdbtn sm arrow" id="regbtn" onclick="" href="">
                <span>Inscription</span>
                <span></span>
            </a>
        </div>
        
    </div>
    <div class="pdmodal-footer">
        <a href="/politique-de-confidentialite" target="_blank" style="font-size: 10px;">Politique de confidentialité »</a>
    </div>
</div>

<!-- Event Modal Create -->
<div class="pdmodal hide" id="create-event-modal" tabindex="-1" role="dialog" aria-labelledby="create-event-modal-label" aria-hidden="true">

    <div class="pdmodal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
        <h3 id="create-event-modal-label">Annoncez votre événement</h3>
    </div>

    <div class="pdmodal-body">
        <form action="/evenement/creer" method="post" name="events_create" id="events_create" class="" enctype="multipart/form-data">
            <div hidden class="alert" id="alertvide"></div>

            <div class="row" style="margin-left: 10px">
                <div class="row">
                    <div class="span6">
                        <div class="control-group span3">
                            <div class="title-event">Titre*</div>
                            <input name="create[event][title]" value="" id="create_event_title" type="text" placeholder="Titre" class="input-medium">
                            <div class="title-event">Prix</div>
                            <input name="create[event][price]" id="create_event_price" type="text" placeholder="Prix" value="" class="input-medium">
                        </div>
                        <div class="control-group span3" style="">
                            <div class="title-event">Sujet</div>
                            <select name="create[event][category]" id="create_event_category" class="" > 
                                <option value="" ></option>
                                <option value="519d285edd5b340c12000001"  >
                                        Technologie de l'information</option><option value="519d2977dd5b340012000000"  >
                                        Vendre et se vendre sur le Web</option><option value="519d363edd5b34f811000003"  >
                                        Ressources humaines</option><option value="51a79a977ccf33e80f000000"  >
                                        Finance et investissement</option><option value="51a79bc47ccf33e80f000001"  >
                                        Ventes et marketing</option><option value="51a79d147ccf33e80f000005"  >
                                        Événements corporatifs</option><option value="51a79ea17ccf33e80f000009"  >
                                        Innovation et productivité</option><option value="533a25a686597b0107000000"  >
                                        Développement professionnel</option><option value="533a274d86597b0107000001"  >
                                        Santé au travail</option><option value="533a276f86597b6367000000"  >
                                        Stratégie d’entreprise</option>                            </select>
                            <div class="title-event">Région</div>
                            <select name="create[event][region_id]" id="create_event_region" class="" > 
                                <option value="" ></option>
                                <option value="51a36e38dd5b34441b000000" >
                                        Bas-Saint-Laurent</option><option value="51a36e7edd5b34441b000001" >
                                        Saguenay-Lac-Saint-Jean</option><option value="51a37cb7dd5b34401b000000" >
                                        Capitale-Nationale</option><option value="51a37d8fdd5b34401b000001" >
                                        Mauricie</option><option value="51a37e32dd5b34601b000000" >
                                        Estrie</option><option value="51a37e60dd5b34601b000001" >
                                        Montréal</option><option value="51a37e9fdd5b34601b000002" >
                                        Outaouais</option><option value="51a37f1ddd5b34601b000003" >
                                        Abitibi-Témiscamingue</option><option value="51a37f5edd5b34601b000004" >
                                        Côte-Nord</option><option value="51a37f95dd5b34601b000005" >
                                        Nord-du-Québec</option><option value="51a37fdcdd5b34601b000006" >
                                        Gaspésie-Îles-de-la-Madeleine</option><option value="51a38012dd5b34401b000002" >
                                        Chaudière-Appalaches</option><option value="51a38038dd5b34401b000003" >
                                        Laval</option><option value="51a38347dd5b344c1b000000" >
                                        Lanaudière</option><option value="51a38371dd5b344c1b000001" >
                                        Laurentides</option><option value="51a383dedd5b344c1b000002" >
                                        Montérégie</option><option value="51a38490dd5b34641b000000" >
                                        Centre-du-Québec</option>                            </select>

                        </div>
                    </div>
                    <div class="span6">
                        <div class="control-group span3">
                            <div class="title-event">Date*</div>
                            <input readonly name="create[event][date]" type="text" value="" id="datepicker" class="span" style="cursor: pointer; z-index: 5"/>
                        </div>
                        <div class="control-group span3">
                            <div class="title-event">L'heure de début</div>
                            <input name="create[event][start_hour]" id="create_event_start_hour" type="text" placeholder="00:00" value="" class="input-medium">
                            <div class="title-event">L'heure de fin</div>
                            <input name="create[event][end_hour]" id="create_event_end_hour" type="text" placeholder="00:00" value="" class="input-medium">
                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="span6">
                        <div class="control-group span6">
                            <div class="title-event">Lieu</div>
                            <textarea class="input-xlarge" name="create[event][place]" id="create_event_place" type="text" placeholder="Lieu" ></textarea>
                        </div>
                        <div class="control-group span6">
                            <div class="title-event">Description*</div>
                            <textarea class="input-xlarge" name="create[event][description]" id="create_event_description" style="height:100px;"  placeholder="Description"></textarea>
                        </div>
                    </div>
                    <div class="span6">
                        <div class="control-group span6">
                            <div class="title-event">Profil LinkedIn</div>
                                                            <p class="pull-left" style="line-height: 30px; padding-right: 10px;">http://www.linkedin.com/in/</p><input name="create[event][linkedIn_profile]" id="create_event_linkedIn_profile" type="text" value="" class="input-medium">
                                                        </div>
                        <div class="control-group span6">
                            <div class="title-event">Site web</div>
                            <input name="create[event][website]" id="create_event_website" type="text" placeholder="http://" value="" class="input-xlarge">
                        </div>
                        <div class="control-group span6">
                            <label class="control-label title-event">Code de sécurité</label>
                            <div class="controls">
                                <img src="/captcha/default" width="150" height="50" alt="Captcha" class="captcha" />                                <div class="span3"><input class="input" type="text" name="captcha" id="captcha" value="" /></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="pdmodal-footer">
        <button id="save-form" class="btn event-btn" type="submit">Sauvegarder</button>
        <button class="btn event-btn" data-dismiss="modal">Fermer</button>  
    </div>

</div> 
<!-- eo Event Modal Create -->

<script type="text/javascript">
    var tag = document.createElement('script');

    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var video_first;
    function onYouTubeIframeAPIReady() {
        video_first = new YT.Player('video-first', {
            height: '315',
            width: '560',
            videoId: 'PrCe2auAlDk',
            events: {
            }
        });
    }
    function stopVideo() {
        video_first.stopVideo();
    }
    $(document).ready(function() {
        $.datepicker.setDefaults($.datepicker.regional[ "fr" ]); // didn't work...
        
        $("#datepicker").datepicker($.datepicker.regional[ "fr" ]);
        $('#datepicker').datepicker({
            inline: true,
            dateFormat: "yy-M-dd",
            direction: "up"
        });
        $('#save-form').click(function() {
            
            $('#captcha').css({'background-color': '#FFFFFF'});
            $('#create_event_title').css({'background-color': '#FFFFFF'});
            $('#datepicker').css({'background-color': '#FFFFFF'});
            $('#create_event_description').css({'background-color': '#FFFFFF'});
            $('#create_event_category').css({'background-color': '#FFFFFF'});
            
            var errors = new Array();
            var i;
            if ($('#captcha').val().trim() === "")
            {
                errors.push('SVP, rentrer le code de sécurité');
                $('#captcha').css({'background-color': '#FFCCCC'});
            }
            if ($('#create_event_title').val().trim() === "")
            {
                errors.push('Titre ne peut pas être vide');
                $('#create_event_title').css({'background-color': '#FFCCCC'});
            }
            if ($('#datepicker').val().trim() === "")
            {
                errors.push('Date ne peut pas être vide');
                $('#datepicker').css({'background-color': '#FFCCCC'});
            }
            if ($('#create_event_description').val().trim() === "")
            {
                errors.push('Description ne peut pas être vide');
                $('#create_event_description').css({'background-color': '#FFCCCC'});
            }
            if ($('#create_event_category').val().trim() === "")
            {
                errors.push('Sujet ne peut pas être vide');
                $('#create_event_category').css({'background-color': '#FFCCCC'});
            }

            $("#alertvide").empty();

            if (errors.length > 0) {
                for (i = 0; i < errors.length; i++)
                {
                    $("#alertvide").append("<div>" + errors[i] + "</div>");
                }

                $('#alertvide').fadeIn();
            }
            else
            {
                $('#alertvide').fadeOut();
                $.ajax({
                    url: '/evenement/creer',
                    type: 'POST',
                    data: {
                        title: $("#create_event_title").val(),
                        price: $("#create_event_price").val(),
                        place: $("#create_event_place").val(),
                        description: $("#create_event_description").val(),
                        category: $("#create_event_category").val(),
                        region_id: $("#create_event_region").val(),
                        website: $("#create_event_website").val(),
                        linkedIn_profile: $("#create_event_linkedIn_profile").val(),
                        start_hour: $("#create_event_start_hour").val(),
                        end_hour: $("#create_event_end_hour").val(),
                        date: $("#datepicker").val(),
                        captcha: $("#captcha").val()

                    },
                    success: function(data) {
                        if (data.success)
                        {
                            $('#alertvide').append("<div class=alert-success>" + data.success + "</div>");
                            $('.event-btn').fadeOut();
                        }
                        else
                        {
                            $('#alertvide').append("<div class=alert-danger>" + data.error + "</div>");
                        }
                        $('#alertvide').fadeIn();
                    },
                });
                //$('#events_create').submit();
            }
        });
        $('#create-event-modal').css({
               'width': function () { 
                   return ($(document).width() * .9) + 'px';  
               },
               'margin-left': function () { 
                   return -($(this).width() / 2); 
               },
        });
        
        $("#modal-home-video").on('hidden', function() {
            video_first.stopVideo();
        });

        $('#regbtn').on('click',function() {
            $('#msg').empty();
            $('#msg').fadeOut();
            if ($('#name').val() != "" && $('#email').val() != "")
            {
                var name = $('#name').val();
                var email = $('#email').val();
                $.ajax({
                    url: '/utilisateur/enregistrer',
                    type: 'POST',
                    data: {name: name, email: email},
                    success: function(data) {
                        if (data.success)
                        {
                            $('#msg').append("<div class=alert-success>" + data.success + "</div>");
                            $('.register').fadeOut();
                        }
                        else
                        {
                            $('#msg').append("<div class=alert-danger>" + data.error + "</div>");
                        }
                        $('#msg').fadeIn();
                    },
                });
            }
            else
            {
                $('#msg').append("<div class=alert-danger>Votre nom et votre email ne peut être vide</div>");
                $('#msg').fadeIn();
            }
            return false;
        });

    });
</script>
</div></div>
	</div>
	
<div class="pdfooter">
			<div class="partenaires">
			<div class="container">
				<div class="row">
					<div class="pull-left">
						GRANDS PARTENAIRES<br/>
					</div>
				</div>
				<div class="row">
					<div class="pull-left">
						<a href="http://www.fibrenoire.ca/fr" target="_blank">
							<img src="/frontapp/img/logo-f-fibrenoire_2.jpg" alt="FIBRENOIRE" />
						</a>
												<a href="http://altitudeweb.ca" target="_blank">
							<img src="/frontapp/img/logo-f-altitudes_2.png" alt="ALTITUDE WEB" />
						</a>
						<a href="http://www.bjmedia.ca" target="_blank">
							<img src="/frontapp/img/logo-f-bjmedia_2.jpg" alt="BJMEDIA" />
						</a>
					</div>
					<div class="pull-right">
						<br/>
						<a href="/partenaires">Partenaires contenu »</a> <br />
						<a href="/partenaires">Partenaires média »</a>
						<br/><br/>
					</div>
				</div>

			</div>
		</div>
		

    <div class="links">
        <div class="container">
            
            <a href="/conditions-d-utilisation">Termes et conditions</a> | 
            <a href="/politique-de-confidentialite">Vie privée</a> | 
            <a>Tous droits réservés © Linked Québec 2016</a> | 
            <a href="http://www.devrun.com" onclick="window.open('http://www.devrun.com');return false;">Réalisé par l'agence Web Devrun</a>
            
            <div class="pull-right social">
                <a href="https://plus.google.com/u/0/102140895126393373487" rel="author" ><div class="googleplus"></div></a>
                <a href="http://www.linkedin.com/groups/LQTh%C3%A8mes-grand-groupe-r%C3%A9gional-monde-2627964/about"><div class="linkedin"></div></a>
                            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/data/cache/fb1e31643fdbbc64dd642b228401ae99.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('a').each(function() {
           var a = new RegExp('\/' + window.location.host + '\/');
           var b = new RegExp('javascript');
           if(!a.test(this.href) && !b.test(this.href)) {
               $(this).click(function(event) {
                   event.preventDefault();
                   event.stopPropagation();
                   window.open(this.href, '_blank');
                   return false;
               });
           }
        });
        $('a[target="_blank"]').each(function() {
           $(this).click(function(event) {
                event.preventDefault();
                event.stopPropagation();
                window.open(this.href, '_blank');
                return false;
            });
        });
        $('#carousel').carousel({
            interval: 4500
          });
    });
</script>
<script type="text/javascript"><!--
    document.write(unescape("%3Cscript id='pap_x2s6df8d' src='" + (("https:" == document.location.protocol) ? "https://" : "http://") + "linkedquebec.postaffiliatepro.com/scripts/trackjs.js' type='text/javascript'%3E%3C/script%3E"));//-->
</script>
<script type="text/javascript"><!--
    PostAffTracker.setAccountId('default1');
    try {
        PostAffTracker.track();
    } catch (err) { }
    //-->
</script>
<script src="http://fb.net-results.ca/webTracker.php"></script>
<!-- Start of Async HubSpot Analytics Code -->
<script type="text/javascript">
	(function(d,s,i,r) {
		if (d.getElementById(i)){return;}
		var n=d.createElement(s),e=d.getElementsByTagName(s)[0];
		n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/345412.js';
		e.parentNode.insertBefore(n, e);
	})(document,"script","hs-analytics",300000);
</script>
<!-- End of Async HubSpot Analytics Code -->
</body>
</html>