<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="google-site-verification" content="Z3wE89aQZuWbsxAFkBb2ga9OeEReP2T4IvKtNJ8OdNI" />

	<link rel="icon" href="/executive_advisor/img/icon.png" sizes="32x32" />
	<link rel="icon" href="/executive_advisor/img/icon.png" sizes="192x192" />
	<link rel="apple-touch-icon-precomposed" href="/executive_advisor/img/icon.png" />
	<meta name="msapplication-TileImage" content="/executive_advisor/img/icon.png" />

<title>Olivier Carbone - Blog</title><meta name="description" content="I aim to share with you my experiences!" />
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@ocarbone">
<meta name="twitter:creator" content="@ocarbone">
<meta name="twitter:site" content="@ocarbone">
<meta name="twitter:domain" content="ocarbone.free.fr">
<meta name="twitter:title" content="">
<meta name="twitter:image" content="http://ocarbone.free.fr/blog/themes/images/olivier-carbone.gif">
<meta name="twitter:description" content="I aim to share with you my experiences!">	

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="/executive_advisor/css/bootstrap.min.css" type="text/css">

    <!-- Custom Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/executive_advisor/font-awesome/css/font-awesome.min.css" type="text/css">

    <!-- Plugin CSS -->
    <link rel="stylesheet" href="/executive_advisor/css/animate.min.css" type="text/css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="/executive_advisor/css/creative.css" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body id="page-top">


 <style>
 body{background:#222;}
 #loader_wrap{width:100%;height:1000px;padding-top:18%;margin-bottom:250px;}
 .loader {
	margin:auto;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid orange; /* Orange */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

 #tag_cloud{display:block;}   
@media (max-width: 640px) {
 #tag_cloud{display:none;}   
}
</style>
<div id="loader_wrap"><div class="loader"></div></div> 

    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="/index.php">Olivier Carbone</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a class="page-scroll" href="?page_id=21">LAST NEWS</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="index.php">FEATURED POSTS</a>
                    </li>
                    <!--li>
                        <a class="page-scroll" href="?last_update=on">LAST UPDATE</a>
                    </li-->
                                        <li>
                        <a class="page-scroll" href="?archive=on">ARCHIVE</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="/">ABOUT ME</a>
                    </li>
                    <li>
                    <div style="margin:10px">
                    	<form method="GET" action="index.php">
                        <input name="s" type="txt" style="width:100px;border-radius:5px;" value="" />
                        <input  type="submit" value="search" />
	                    </form>
                    </div>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>




    <aside class="bg-dark" id="blog" style="margin-top:50px">
        <div class="container text-center">
            <div class="call-to-action">

<div class="call-to-action">

<style>

	.blog_post li {
		border-bottom: 0px dashed #999;
		min-height: 80px;
		max-width: 800px;
		vertical-align: middle;
		white-space: normal;
		margin:auto;
		text-shadow: 0px 0px 0px rgb(0, 0, 0);
		color: #fff;
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;
		background-color: #d28800;
		padding:20px;
		margin-top:20px;
		margin-bottom: :20px;
		list-style: none;
		border-radius:50px;
	}
	.blog_post li a{
		color: #fff;
		font-size:20px;
  }
	.blog_post h2{
		color: #fff;
		font-size:28px;
		margin-top:20px;
  }

</style>
	<div style="margin-bottom:50px;font-size:20px;">
	Since 2006 I'm sharing my thoughts thanks my blog. The major part of the article is available in French and in English.
	</div>
<div class="bloc1">
<ul class="blog_post">
	<br><h2>Formation</h2>
	<li><a rel="author" href="http://ocarbone.free.fr/blog/?p=286">Les dispositifs de formation</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=201">Utiliser les solutions d'e-meeting</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=235">Web 2.0, formation et elearning</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=381">Nomadisme et mobile learning</a>
	</li>
</ul></div><div class="bloc2">
<ul class="blog_post">
	<br><h2>Classes Virtuelles</h2>
	<li><a rel="author" href="http://ocarbone.free.fr/blog/?p=316">Animer une classe virtuelle</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=423">Animer une formation</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=284">Conseils pour une bonne utilisation de la VoIP</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=302">Coupures de connexion internet</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=213">VoIP: g&eacute;rer le d&eacute;calage</a>
	</li>
</ul></div><div class="bloc1">
<ul class="blog_post">
	<br><h2>R&eacute;seaux sociaux</h2>
	<li><a rel="author" href="http://ocarbone.free.fr/blog/?p=292">Les fonctionnalit&eacute;s d'un r&eacute;seau social</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=373">Comment cr&eacute;er son propre r&eacute;seau social ?</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=294">Un r&eacute;seau social pour favoriser la formation informelle en entreprise</a>
	</li>
</ul></div><div class="bloc2">
<ul class="blog_post">
	<br><h2>Quelques Outils</h2>
	<li><a rel="author" href="http://ocarbone.free.fr/blog/?p=326">R&eacute;ussir son diaporama : captiver son auditoire et maintenir son attention</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=207">Des outils collaboratifs &agrave; port&eacute;e de main</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=363">D&eacute;velopper la collaboration gr&acirc;ce aux screencasts</a>
	</li>
</ul></div><div class="bloc1">
<ul class="blog_post">
	<br><h2>Sujets Connexes</h2>
	<li><a rel="author" href="http://ocarbone.free.fr/blog/?p=322">Autoformation et formation tutor&eacute;e</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=320">Quel dispositif pour la formation en langues ?</a>
	</li><li><a rel="author" href="http://ocarbone.free.fr/blog/?p=383">Demander une formation DIF ... et choisir un dispositif elearning</a>
	</li>
</ul></div><div class="bloc2">
</div>

            </div>
        </div>
    </aside>
    
    <header>
        <div class="header-content-wrap" style="border-top:1px dashed white;">
        </div>
        <br/>
                <h1>Who is behind this blog?</h1>
        <div class="header-content">
        	<img src="/executive_advisor/img/olivier-carbone.png" class="avatar"/>
            <div class="header-content-inner big_picture_subtitle" style="text-shadow: 1px 2px 5px rgb(0, 0, 0);">
                <h1>I'm passionate about what I do, and I love to help people</h1>

                <hr class="light">
                <h2>Nothing is more fulfilling than being part of a team with similar interests, and an organization that values its employees</h2>
                <hr class="transparent">
                	<a href="/index.php" class="readmore btn btn-primary btn-xl page-scroll"  style="text-shadow: 0px 0px 0px rgb(0, 0, 0);">ABOUT ME</a>
		    	</div>
        </div>
        </div>
    </header>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1486653-1']);
  _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>
    <!-- jQuery -->
    <script src="/executive_advisor/js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="/executive_advisor/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="/executive_advisor/js/jquery.easing.min.js"></script>
    <script src="/executive_advisor/js/jquery.fittext.js"></script>
    <script src="/executive_advisor/js/wow.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="/executive_advisor/js/creative.js"></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

//  ga('create', 'UA-79233024-3', 'auto');
//  ga('send', 'pageview');

</script>
<script>
$( document ).ready(function() {
    $('[id=loader_wrap]').fadeOut( "slow");
});
</script>
</body>

</html>
