<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0">

<channel>
	<title>Blog de VaynceWeb.com</title>
	
	<link>http://blog.vaynceweb.com</link>
	<description>Blog de veille et d'actualités web, IT, multimédia, communication et geek à ses heures</description>
	<lastBuildDate>Sun, 03 Jul 2011 14:53:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
	<div id="fb-root" />
					<script>
						window.fbAsyncInit = function()
						{
							FB.init({appId: null, status: true, cookie: true, xfbml: true});
						};
						(function()
						{
							var e = document.createElement('script'); e.async = true;
							e.src = document.location.protocol + '//connect.facebook.net/fr_FR/all.js';
							document.getElementById('fb-root').appendChild(e);
						}());
					</script>	
						<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/vaynceweb-blog" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="vaynceweb-blog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><itunes:explicit>no</itunes:explicit><itunes:subtitle>Blog de veille et d'actualités web, IT, multimédia, communication et geek à ses heures</itunes:subtitle><item>
		<title>L’Empire contre attaque</title>
		<link>http://blog.vaynceweb.com/google-plus-lempire-contre-attaque/</link>
		<comments>http://blog.vaynceweb.com/google-plus-lempire-contre-attaque/#comments</comments>
		<pubDate>Sat, 02 Jul 2011 16:10:40 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Actu Web]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[social]]></category>

		<guid isPermaLink="false">http://blog.vaynceweb.com/?p=470</guid>
		<description><![CDATA[À l'heure où les réseaux sociaux font partie quasi-intégrante de notre quotidien, à l'heure où les géants de l'Internet se livrent une concurrence des plus ardues, et où les internautes sont friands de nouveautés, notre ami Google dévoile sa nouvelle recette à base de "social network", le dénommé et tant convoité ses derniers jours : Google+.]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/google-plus-lempire-contre-attaque/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p>À l&#8217;heure où les réseaux sociaux font partie quasi-intégrante de notre quotidien, à l&#8217;heure où les géants de l&#8217;Internet se livrent une concurrence des plus ardues, et où les internautes sont friands de nouveautés, notre ami Google dévoile sa nouvelle recette à base de &laquo;&nbsp;social network&nbsp;&raquo;, le dénommé et tant convoité ses derniers jours : <strong>Google+</strong>.</p>
<p>Après ses tentatives pour s&#8217;impliquer dans les réseaux sociaux, avec Buzz et Wave, notre Big Brother adoré semble avoir retenu les leçons de ses précédents échecs en proposant une application mêlant à de la convivialité, la réponse à un besoin toujours plus présent : favoriser la vie privée du public.</p>
<p>Bien que l&#8217;application ressemble assez à celle du concurrent Facebook, toujours leader dans le domaine, Google+ a tenté de s&#8217;en démarquer en reprennant le meilleur tout en corrigeant les défauts. Avec les &laquo;&nbsp;Circles&nbsp;&raquo; notamment, constituant un cercle de contacts, on sent une volonté d&#8217;innover de la part de Google. En clair, l&#8217;utilisateur peut ranger facilement ses &laquo;&nbsp;amis&nbsp;&raquo; et décide ainsi à qui il s&#8217;adresse lorsqu&#8217;il fait une publication.</p>
<p><iframe width="560" height="349" src="http://www.youtube.com/embed/xwnJ5Bl4kLI" frameborder="0" allowfullscreen></iframe></p>
<p>Enfin, l&#8217;application dédiée aux smartphones est elle aussi plutôt bien réussie. On attend des améliorations avec impatience!</p>
<p>L&#8217;engouement sur la toile est tel, que le friend Facebook a du souci à se faire, et peut préparer sa riposte!</p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/google-plus-lempire-contre-attaque/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/google-plus-lempire-contre-attaque/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Du mouvement chez VaynceWeb</title>
		<link>http://blog.vaynceweb.com/du-mouvement-chez-vaynceweb/</link>
		<comments>http://blog.vaynceweb.com/du-mouvement-chez-vaynceweb/#comments</comments>
		<pubDate>Sun, 15 May 2011 14:43:57 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Chroniques]]></category>
		<category><![CDATA[agence]]></category>
		<category><![CDATA[lynxweb]]></category>
		<category><![CDATA[nothing2looz]]></category>
		<category><![CDATA[vaynceweb]]></category>

		<guid isPermaLink="false">http://blog.vaynceweb.com/?p=464</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>VaynceWeb n&#8217;est plus un simple blog, comme il l&#8217;était à sa création, il y a maintenant 2 ans. C&#8217;est également (du moins ça le devient de plus en plus), une agence de communication orientée dans la création de site web, et autre supports. Pour l&#8217;occasion et en parallèle du blog, un site entièrement dédié à [...]]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/du-mouvement-chez-vaynceweb/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p><strong>VaynceWeb</strong> n&#8217;est plus un simple blog, comme il l&#8217;était à sa création, il y a maintenant 2 ans. C&#8217;est également (du moins ça le devient de plus en plus), une agence de communication orientée dans la création de site web, et autre supports.</p>
<p>Pour l&#8217;occasion et en parallèle du blog, un site entièrement dédié à l&#8217;activité de l&#8217;agence a été créé :<strong> <a title="Agence VaynceWeb" href="http://vaynceweb.com" target="_blank">vaynceweb.com</a></strong>.</p>
<p>Dans les projets actuels, vous retrouverez celui du festival Nothing2Looz, dans lequel VaynceWeb intervient sous les directives de la jeune agence Toulousaine <strong><a title="Agence LynxWeb" href="http://lynxweb.fr" target="_blank">LynxWeb</a>, </strong>qui a en charge toute la communication de l&#8217;évènement.</p>
<p><a title="Agence LynxWeb" href="http://vaynceweb.com/references" target="_blank"><img class="aligncenter" title="Nothing 2 Looz, nouvelle référence" src="http://vaynceweb.com/img-slide/slide-1.jpg" alt="Nothing 2 Looz, nouvelle référence" width="570" height="270" /></a></p>
<p><strong>Nothing2Looz</strong>, c&#8217;est un festival de hip-hop mettant en scène les meilleurs danseurs de break-dance internationaux du moment. Il aura lieu en octobre 2011 à Toulouse.</p>
<p>Un évènement à suivre avec attention et qui va faire <strong>beaucoup de bruit!</strong></p>
<p>Enjoy <img src='http://blog.vaynceweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/du-mouvement-chez-vaynceweb/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/du-mouvement-chez-vaynceweb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Atelier écriture en master multimédia</title>
		<link>http://blog.vaynceweb.com/atelier-ecriture-en-master-multimedia/</link>
		<comments>http://blog.vaynceweb.com/atelier-ecriture-en-master-multimedia/#comments</comments>
		<pubDate>Fri, 29 Apr 2011 08:20:37 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Veille]]></category>
		<category><![CDATA[écriture]]></category>
		<category><![CDATA[master]]></category>

		<guid isPermaLink="false">http://blog.vaynceweb.com/?p=444</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>Un article un peu spécial aujourd&#8217;hui, vu qu&#8217;il s&#8217;agit de la mise en ligne des travaux réalisés en atelier d&#8217;écriture dans le cadre du master multimédia de l&#8217;ISIC (Université Bordeaux 3). 1- Conception d&#8217;une application pour une œuvre du CAPC Après avoir visité le Centre d’Arts Plastiques Contemporains de Bordeaux, il nous a été proposé [...]]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/atelier-ecriture-en-master-multimedia/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p>Un article un peu spécial aujourd&#8217;hui, vu qu&#8217;il s&#8217;agit de la mise en ligne des travaux réalisés en atelier d&#8217;écriture dans le cadre du master multimédia de l&#8217;ISIC (Université Bordeaux 3).</p>
<h3>1- Conception d&#8217;une application pour une œuvre du CAPC</h3>
<p>Après avoir visité le <a title="CAPC Bordeaux" href="http://www.capc-bordeaux.fr/" target="_blank">Centre d’Arts Plastiques Contemporains</a> de Bordeaux, il nous a été proposé de penser une application susceptible d&#8217;avoir sa place auprès d&#8217;une œuvre du musée. Son but : accompagner le visiteur dans la découverte de l’œuvre, son concept, son univers, de façon originale et peu commune.<br />
<a title="Dossier Application" href="http://issuu.com/VincentLachambre/docs/enoch-appli?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&amp;backgroundColor=FFFFFF&amp;showFlipBtn=true" target="_blank"><strong>&gt; Le Dossier</strong></a></p>
<h3>2- Conception et réalisation d&#8217;un webdocu</h3>
<p>Un des projets phare de ce master est la réalisation complète d&#8217;un <a title="Web Documentaire définition wikipedia" href="http://fr.wikipedia.org/wiki/Web-documentaire" target="_blank">web documentaire</a>. Dans notre groupe, nous avons choisi de traiter un sujet propre à la ville de Bordeaux, le réaménagement du quartier St-Michel. En première année nous nous chargeons de réaliser un dossier de conception ainsi qu&#8217;un teaser. La réalisation complète s&#8217;opère en seconde année, où l&#8217;un des 4 projets de la promotion sera retenu.<br />
<a title="WebDocumentaire St-Michel" href="http://issuu.com/VincentLachambre/docs/webdocu_saintmichel?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true" target="_blank"><strong>&gt; Le Dossier</strong></a></p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/atelier-ecriture-en-master-multimedia/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/atelier-ecriture-en-master-multimedia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Référencement et URLshortener</title>
		<link>http://blog.vaynceweb.com/referencement-url-shortener/</link>
		<comments>http://blog.vaynceweb.com/referencement-url-shortener/#comments</comments>
		<pubDate>Tue, 22 Mar 2011 11:55:42 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Actu Web]]></category>
		<category><![CDATA[Veille]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[micro blogging]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[url shortener]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.vaynceweb.com/?p=409</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>A l&#8217;heure où les réseaux sociaux et le microblogging font bon ménage sur la Toile, les moteurs de recherche doivent s&#8217;adapter et perfectionner leur pratiques. En effet, le microblogging, est à l&#8217;origine de la pratique de l&#8217;url-shortening, en français le raccourcis d&#8217;url. C&#8217;est le fait de délivrer une URL plus courte qui fait appel à [...]]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/referencement-url-shortener/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p>A l&#8217;heure où les réseaux sociaux et le <strong>microblogging</strong> font bon ménage sur la Toile, les moteurs de recherche doivent s&#8217;adapter et perfectionner leur pratiques.</p>
<p>En effet, le microblogging, est à l&#8217;origine de la pratique de <strong>l&#8217;url-shortening</strong>, en français le raccourcis d&#8217;url. C&#8217;est le fait de délivrer une URL plus courte qui fait appel à une adresse web voulue. Etant donné que le microblogging fait appel à des messages courts (sur <strong>Twitter </strong>par exemple un message ne doit pas excéder les 140 caractères), ce système d&#8217;url-shortening s&#8217;avère très pratique.</p>
<blockquote><p>Pour donner un petit exemple aux plus novices, voici ce que peux être une URL raccourcie :<br />
<strong><a href="http://goo.gl/zlZKg" target="_blank">http://goo.gl/zlZKg</a></strong> nous redirige vers <strong><a href="http://www.facebook.com/" target="_blank"></a><a href="http://www.fubiz.net/2011/03/22/paper-letters/" target="_blank">http://www.fubiz.net/2011/03/22/paper-letters/</a></strong></p></blockquote>
<p>De nombreux web-services ont donc vu le jour et proposent la possibilité de raccourcir les urls. Parmi tant d&#8217;autres on retrouve : <strong>TinyURL</strong>, <strong>Bit.ly</strong>, <strong>Wp.me</strong> et <strong>Goo.gl</strong>.</p>
<p>Voilà pour introduire le sujet ! Pour parler d&#8217;actualité en matière de référencement, notre ami <strong>Google </strong>veut perfectionner ses algorithmes afin de prendre en compte les url raccourcies, qui ne cessent de foisonner sur les réseaux sociaux. Ayant créé sa propre configuration d&#8217;URLshortener avec le service Goo.gl, le géant de l&#8217;internet veut la favoriser, car il aura confiance en des liens qui utilise son propre service. De plus on peut penser, qu&#8217;en comparaison aux services similaires, celui de Google n&#8217;est pas prêt de disparaître et donc est plus fiable pour la viabilité de son système.</p>
<p><em><a href="https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk?hl=fr"><img class="alignright" title="L'extension Chrome goo.gl URL Shortener" src="https://chrome.google.com/extensions/img/iblijlcdoidgdpfknkckljiocdbnlagk/1295282206.87/screenshot/37001?hl=fr" alt="goo.gl URL Shortener" width="173" height="252" /></a><br />
</em><br />
Pour aller plus loin, j&#8217;ai installé sur mon navigateur Chrome l&#8217;extension <strong><a href="https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk?hl=fr" target="_blank">goo.gl URL Shortener</a></strong> (qui existe aussi sur Firefox et sûrement d&#8217;autres navigateurs&#8230;). Ce plugin est génial car il permet en un clic d&#8217;obtenir le lien court de la page où l&#8217;on se trouve, de la partager directement sur nos réseaux sociaux favoris. On peut aussi obtenir des statistiques détaillées du lien (connaître le nombre de clic après sa génération par exemple). Le petit bonus qui fait &laquo;&nbsp;in&nbsp;&raquo; c&#8217;est que l&#8217;extension génère un <strong>QR code</strong> pour le lien court voulu. C&#8217;est de plus en plus tendance et utile avec l&#8217;arrivée en masse des smartphones&#8230;<em> (à suivre dans un prochain article !)</em></p>
<p>Si vous êtes fervent de tout ce qui est réseaux sociaux et microblogging, je vous invite fortement à l&#8217;utiliser <img src='http://blog.vaynceweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><small>Merci <a title="Le raccourcisseur Goo.gl, recommandé pour le référencement ?" href="http://www.ya-graphic.com/2011/03/googl-referencement/" target="_blank">Ya-graphic</a> pour la source !<small></small></small></p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/referencement-url-shortener/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/referencement-url-shortener/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Google Goggles, innovation sans retenues</title>
		<link>http://blog.vaynceweb.com/google-goggles-innovation-sans-retenues/</link>
		<comments>http://blog.vaynceweb.com/google-goggles-innovation-sans-retenues/#comments</comments>
		<pubDate>Wed, 12 Jan 2011 18:41:19 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Actu Web]]></category>
		<category><![CDATA[Veille]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[goggles]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[smartphone]]></category>

		<guid isPermaLink="false">http://www.vaynceweb.com/blog/?p=360</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>Tout d&#8217;abord sortie pour les smartphones Android (1.6 et +), l&#8217;application Google Goggles est désormais disponible sur iPhone (iOS 4.0 et +). Encore une fois, les ingénieurs de Google ne cessent de nous surprendre! En effet avec la démocratisation des smartphones, on assiste à une véritable évolution des possibilités de services offerts par ces petits [...]]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/google-goggles-innovation-sans-retenues/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p>Tout d&#8217;abord sortie pour les smartphones <strong>Android</strong> (1.6 et +), l&#8217;application <a href="http://www.google.com/mobile/goggles/" target="blank"><strong>Google Goggles</strong></a> est désormais disponible sur <strong>iPhone</strong> (iOS 4.0 et +).</p>
<p>Encore une fois, les ingénieurs de Google ne cessent de nous surprendre! En effet avec la démocratisation des smartphones, on assiste à une véritable évolution des possibilités de services offerts par ces <em>petits gadgets</em> pleins de ressources.</p>
<p>Alors que propose Google Goggles ? Une <strong>application de recherche visuelle</strong>. C&#8217;est franchement une révolution en la matière. Avec cette application, l&#8217;appareil photo du smartphone permet d&#8217;effectuer tout simplement une recherche à partir de ce que vous prenez en photo.</p>
<p>Par exemple, en photographiant la couverture d&#8217;un simple livre, étiquette, logo ou encore code barre&#8230; vous pouvez effectuer une comparaison de produit ou encore en obtenir des informations. Cela marche aussi en photographiant des paysages, des monuments, des visages&#8230; quasiment tout !</p>
<div style="width: 480px; margin: 0 auto;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="270" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/Hhgfz0zPmH4?fs=1&amp;hl=fr_FR" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="270" src="http://www.youtube.com/v/Hhgfz0zPmH4?fs=1&amp;hl=fr_FR" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p>On pourrait comparer cette application au principe de fonctionnement de l&#8217;application Shazam. La réalité augmentée version mobile se développe de plus en plus et <strong>Google Goggles</strong> en est la preuve.</p>
<p>Et en bonus, la petite vidéo qui accompagne le buzz, ou devrais-je dire, le &laquo;&nbsp;mythe&nbsp;&raquo; ?</p>
<div style="width: 480px; margin: 0 auto;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="270" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/rdftOloAH9Q?fs=1&amp;hl=fr_FR" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="270" src="http://www.youtube.com/v/rdftOloAH9Q?fs=1&amp;hl=fr_FR" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p>Enjoy <img src='http://blog.vaynceweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/google-goggles-innovation-sans-retenues/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/google-goggles-innovation-sans-retenues/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<enclosure url="http://www.youtube.com/v/Hhgfz0zPmH4?fs=1&amp;amp;hl=fr_FR" length="1053" type="application/x-shockwave-flash" /><media:content url="http://www.youtube.com/v/Hhgfz0zPmH4?fs=1&amp;amp;hl=fr_FR" fileSize="1053" type="application/x-shockwave-flash" /><itunes:explicit>no</itunes:explicit><itunes:subtitle> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche=''</itunes:subtitle><itunes:summary> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#E2C100"); $("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#E2C100"); $("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#E2C100"); $("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#E2C100"); $("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#E2C100"); $("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message "; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; }if($("#captcha").val() == ""){ $("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha"; valid = false; } else { $("#span_input_captcha").next().text(""); $("#span_captcha").css("color",""); $("#captcha").next().text(""); $("#captcha").css("background-color",""); message_error_captcha = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i //DD_roundies.addRule('div.arrondi', '15px'); jQuery.fn.jmp3 = function(passedOptions){ // hard-wired options var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/"; // SET THIS FIRST: path to singlemp3player.swf // passable options var options = { "filepath": "", // path to MP3 file (default: current directory) "backcolor": "5F236C", // background color "forecolor": "FFFFFF", // foreground color (buttons) "width": 300, // width of player "repeat": "no", // repeat mp3? "volume": "", // mp3 volume (0-100) "autoplay": "false", // play immediately on page load? "showdownload": "false", // show download button in player "showfilename": "false" // show .mp3 filename after player }; // use passed options, if they exist if (passedOptions) { jQuery.extend(options, passedOptions); } // iterate through each object return this.each(function(){ // filename needs to be enclosed in tag (e.g. mysong.mp3) var filename = options.filepath + jQuery(this).html(); //alert(filename); // do nothing if not an .mp3 file var validfilename = filename.indexOf(".mp3"); if (validfilename == -1) { return false; } // build the player HTML var mp3html = ''; mp3html += ''; mp3html += ''; mp3html += ''; mp3html += ''; // don't display filename if option is set if (options.showfilename == "false") </itunes:summary><itunes:keywords>Actu Web, Veille, android, goggles, google, innovation, iphone, smartphone</itunes:keywords></item>
		<item>
		<title>60 points clés – Ergonomie de sites web</title>
		<link>http://blog.vaynceweb.com/60-points-cles-ergonomie-de-sites-web/</link>
		<comments>http://blog.vaynceweb.com/60-points-cles-ergonomie-de-sites-web/#comments</comments>
		<pubDate>Wed, 15 Dec 2010 21:25:36 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Veille]]></category>

		<guid isPermaLink="false">http://www.vaynceweb.com/blog/?p=351</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>Voici 60 points clés d&#8217;ergonomie de site web. Cette présentation a été réalisé en collaboration de Charlotte Bonnal, Marie Montané. et Marie A. Girard. Points clés &#8211; ergonomie web]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/60-points-cles-ergonomie-de-sites-web/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p>Voici 60 points clés d&#8217;ergonomie de site web. Cette présentation a été réalisé en collaboration de Charlotte Bonnal, Marie Montané. et Marie A. Girard.</p>
<div style="width: 468px; margin: 0 auto;"><strong><a title="Points clés - ergonomie web" href="http://www.slideshare.net/vaynce/points-cls-ergonomie-web-6180245">Points clés &#8211; ergonomie web</a></strong><object id="__sse6180245" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="468" height="390" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=ptscls-nous4cmmvok-101215135500-phpapp02&amp;stripped_title=points-cls-ergonomie-web-6180245&amp;userName=vaynce" /><param name="name" value="__sse6180245" /><param name="allowfullscreen" value="true" /><embed id="__sse6180245" type="application/x-shockwave-flash" width="468" height="390" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=ptscls-nous4cmmvok-101215135500-phpapp02&amp;stripped_title=points-cls-ergonomie-web-6180245&amp;userName=vaynce" name="__sse6180245" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<div id="__ss_6180245" style="width: 468px; margin: 0 auto;">
</div>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/60-points-cles-ergonomie-de-sites-web/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/60-points-cles-ergonomie-de-sites-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<enclosure url="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=ptscls-nous4cmmvok-101215135500-phpapp02&amp;amp;stripped_title=points-cls-ergonomie-web-6180245&amp;amp;userName=vaynce" length="94673" type="application/x-shockwave-flash" /><media:content url="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=ptscls-nous4cmmvok-101215135500-phpapp02&amp;amp;stripped_title=points-cls-ergonomie-web-6180245&amp;amp;userName=vaynce" fileSize="94673" type="application/x-shockwave-flash" /><itunes:explicit>no</itunes:explicit><itunes:subtitle> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche=''</itunes:subtitle><itunes:summary> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#E2C100"); $("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#E2C100"); $("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#E2C100"); $("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#E2C100"); $("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#E2C100"); $("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message "; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; }if($("#captcha").val() == ""){ $("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha"; valid = false; } else { $("#span_input_captcha").next().text(""); $("#span_captcha").css("color",""); $("#captcha").next().text(""); $("#captcha").css("background-color",""); message_error_captcha = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i //DD_roundies.addRule('div.arrondi', '15px'); jQuery.fn.jmp3 = function(passedOptions){ // hard-wired options var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/"; // SET THIS FIRST: path to singlemp3player.swf // passable options var options = { "filepath": "", // path to MP3 file (default: current directory) "backcolor": "5F236C", // background color "forecolor": "FFFFFF", // foreground color (buttons) "width": 300, // width of player "repeat": "no", // repeat mp3? "volume": "", // mp3 volume (0-100) "autoplay": "false", // play immediately on page load? "showdownload": "false", // show download button in player "showfilename": "false" // show .mp3 filename after player }; // use passed options, if they exist if (passedOptions) { jQuery.extend(options, passedOptions); } // iterate through each object return this.each(function(){ // filename needs to be enclosed in tag (e.g. mysong.mp3) var filename = options.filepath + jQuery(this).html(); //alert(filename); // do nothing if not an .mp3 file var validfilename = filename.indexOf(".mp3"); if (validfilename == -1) { return false; } // build the player HTML var mp3html = ''; mp3html += ''; mp3html += ''; mp3html += ''; mp3html += ''; // don't display filename if option is set if (options.showfilename == "false") </itunes:summary><itunes:keywords>Veille</itunes:keywords></item>
		<item>
		<title>Encore un petit effort ?</title>
		<link>http://blog.vaynceweb.com/encore-un-petit-effort/</link>
		<comments>http://blog.vaynceweb.com/encore-un-petit-effort/#comments</comments>
		<pubDate>Sun, 12 Dec 2010 13:09:16 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Veille]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[polémique]]></category>
		<category><![CDATA[smartphone]]></category>

		<guid isPermaLink="false">http://www.vaynceweb.com/blog/?p=304</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>Dans le cadre d&#8217;un exercice pour l&#8217;atelier d&#8217;écriture interactive (master multimédia), j&#8217;ai réalisé cette petite composition graphique. Le message que j&#8217;ai voulu faire passer à travers cette publicité peut susciter de la polémique. Comme quoi l&#8217;Iphone est une référence indispensable aujourd&#8217;hui et que tout ses autres concurrents sont &#171;&#160;hasbeen&#160;&#187;. J&#8217;ai choisi une charte graphique sobre [...]]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/encore-un-petit-effort/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p>Dans le cadre d&#8217;un exercice pour l&#8217;atelier d&#8217;écriture interactive (master multimédia), j&#8217;ai réalisé cette petite composition graphique.</p>
<p><img class="aligncenter" alt="Iphone - Vous y êtes presque" title="Iphone - Vous y êtes presque" src="http://www.vaynceweb.com/blog/wp-content/uploads/2010/12/iphone-blog.jpg" /><br />
Le message que j&#8217;ai voulu faire passer à travers cette publicité peut susciter de la polémique. Comme quoi l&#8217;Iphone est une référence indispensable aujourd&#8217;hui et que tout ses autres concurrents sont &laquo;&nbsp;hasbeen&nbsp;&raquo;.</p>
<p>J&#8217;ai choisi une charte graphique sobre car la simplicité en matière de communication graphique est une plus valu que Apple met en valeur dans ses campagnes de publicité&#8230;</p>
<p>Redoutable ? Le débat est ouvert&#8230;</p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/encore-un-petit-effort/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/encore-un-petit-effort/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cultiz</title>
		<link>http://blog.vaynceweb.com/cultiz/</link>
		<comments>http://blog.vaynceweb.com/cultiz/#comments</comments>
		<pubDate>Tue, 30 Nov 2010 00:21:20 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Actu Web]]></category>
		<category><![CDATA[Chroniques]]></category>

		<guid isPermaLink="false">http://www.vaynceweb.com/blog/?p=269</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>Oyé Oyé! L&#8217;appel est à la Cultization! Eh oui, Cultiz.com, la nouvelle vague de la culture est là&#8230;! Une communauté de jeune blogueurs aguerris et passionnés tiennent depuis quelques semaines LE blog qui traite des sujets bouillants de l&#8217;actualité culturelle : Culture web, cinéma, jeux-vidéo, littérature, musique, télévision et même&#8230;WTF! Alors si vous êtes &#171;&#160;accroculturolique&#160;&#187; [...]]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/cultiz/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p><a href="http://cultiz.com/blog/" target="_blank"><img class="alignleft" title="Cultiz" src="http://www.vaynceweb.com/blog/wp-content/uploads/2010/11/cultiz.jpg" alt="" /></a><br />
<strong>Oyé Oyé! L&#8217;appel est à la <em>Cultization</em>!</strong><br />
Eh oui, <a href="http://cultiz.com/blog/" target="_blank">Cultiz.com</a>, la nouvelle vague de la culture est là&#8230;!</p>
<p>Une communauté de jeune blogueurs aguerris et passionnés tiennent depuis quelques semaines LE blog qui traite des sujets bouillants de l&#8217;actualité culturelle : Culture web, cinéma, jeux-vidéo, littérature, musique, télévision et même&#8230;WTF!</p>
<p>Alors si vous êtes &laquo;&nbsp;accroculturolique&nbsp;&raquo; n&#8217;attendez plus pour vous &laquo;&nbsp;cultizer&nbsp;&raquo;, l&#8217;histoire de <a href="http://cultiz.com/blog/" target="_blank">Cultiz </a>ne fait que commencer !</p>
<p>Découvrez chaque jour de nouvelles actualités culturelles en suivant <strong>Cultiz </strong>sur <a href="http://www.facebook.com/pages/Cultiz/159608784074957" target="_blank">Facebook </a>et <a href="http://twitter.com/Cultiz_Toi" target="_blank">Twitter</a>.</p>
<p>Enjoy <img src='http://blog.vaynceweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/cultiz/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/cultiz/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Veille – épisode 1</title>
		<link>http://blog.vaynceweb.com/veille-episode-1/</link>
		<comments>http://blog.vaynceweb.com/veille-episode-1/#comments</comments>
		<pubDate>Mon, 29 Nov 2010 18:48:01 +0000</pubDate>
		<dc:creator>Vaynce</dc:creator>
				<category><![CDATA[Veille]]></category>

		<guid isPermaLink="false">http://www.vaynceweb.com/blog/?p=299</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>Depuis ma rentrée en master multimédia en fin-septembre 2010, j&#8217;ai pu effectuer un travail de veille technologique axée web : jetuemafemme.com A première vue, le nom du site intrigue&#8230; L&#8217;intrigue anime la curiosité. Et le résultat peut surprendre. En effet, jetuemafemme est en réalité une webserie qui traite, comme son nom l&#8217;indique, de comment tuer son/sa [...]]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/veille-episode-1/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p>Depuis ma rentrée en master multimédia en fin-septembre 2010, j&#8217;ai pu effectuer un travail de veille technologique axée web :</p>
<h2>jetuemafemme.com</h2>
<p>A première vue, le nom du site intrigue&#8230; L&#8217;intrigue anime la curiosité. Et le résultat peut surprendre. En effet, <a href="http://jetuemafemme.com/" target="_blank">jetuemafemme</a> est en réalité une webserie qui traite, comme son nom l&#8217;indique, de comment tuer son/sa conjoint(e), de façon humoristique, comique, dérisoire, etc. Et l&#8217;aspect original dans tout ça ?</p>
<p>Le site bien sur. Avant la lancée de la webserie, le site était en fait une fausse boutique en ligne qui se faisait passer pour une agence de meurtre à la demande. Le sujet parait glauque, mais la tournure qui a été prise est toute autre. C&#8217;est avec surprise que l&#8217;on découvre des concepts et des objets présentés de manière subtile et qui savent titiller notre esprit avec humour.</p>
<p>On découvre <a href="http://jetuemafemme.com/webserie-contactez-nous/?equipe=show" target="_blank">en fouillant dans le site</a>, que le concept de &laquo;&nbsp;jetuemafemme&nbsp;&raquo;, résulte du projet d&#8217;un étudiant d&#8217;une école de multimédia. La webserie, une fois lancée, met en scène un couple de quinquagénaires, dont le mari veut se débarrasser de sa &laquo;&nbsp;bien-aimée&nbsp;&raquo;. Tous ses plans sont réduits à néant&#8230; mais chut, n&#8217;en disons pas plus, le mieux est de découvrir soit-même la série ! En bonus, voici donc un épisode ^^</p>
<div style="width: 480px; margin: 0 auto;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="270" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.dailymotion.com/swf/video/xf491o_jetuemafemme-com-ep-2-en-lui-faisan_fun?additionalInfos=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="270" src="http://www.dailymotion.com/swf/video/xf491o_jetuemafemme-com-ep-2-en-lui-faisan_fun?additionalInfos=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<h2>Une vidéo 360° pour les chips Doritos</h2>
<p>Pour leur dernière campagne, la marque de chips Doritos, a innové en présentant des clips vidéos interactifs. Comme on peut le voir dans cette vidéo YouTube, on peut &laquo;&nbsp;naviguer&nbsp;&raquo; en mode panorama sur 360°.</p>
<p>Une prouesse technologique !? <a href="http://www.youtube.com/doritosuk" target="_blank">A vous de juger !</a> <img src='http://blog.vaynceweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h2>Catalogue IKEA, précurseur ?</h2>
<p>IKEA, la célèbre enseigne de mobilier, ont sorti eux aussi, une vidéo qui a fait parler d&#8217;elle sur la Toile. Pas une simple vidéo mais un véritable catalogue axé sur un clip! Au fur et à mesure que l&#8217;on avance dans le clip, les différents meubles et éléments du décors deviennent cliquable, afin de découvrir une sorte de vidéo-fiche-détaillée du produit. Cette idée, très originale, ouvre de nombreuse portes dans le monde de la publicité sur le net et de manière générale dans l&#8217;ensemble des médias audiovisuels.</p>
<div style="width: 560px; margin: 0 auto;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/s_LIai0MAbE?fs=1&amp;hl=fr_FR&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/s_LIai0MAbE?fs=1&amp;hl=fr_FR&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<h2>Les couleurs du web</h2>
<p><img class="alignleft" title="Couleurs du web" src="http://www.vaynceweb.com/blog/wp-content/uploads/2010/11/couleurs-web.jpg" alt="" /><br />
Pour finir cet article, rien de telle qu&#8217;<a href="http://www.pandaria.fr/couleurs-dominantes-du-web/" target="_blank">une petite étude</a> sur le web et les couleurs qui y sont <strong>prédominantes</strong>.</p>
<p>Les acteurs les important du web s&#8217;y retrouvent classés par catégories (blogging, réseaux sociaux, photos, &#8230;.).</p>
<p>Intéressant car on peut voir par secteurs quelles sont les couleurs et les tendances qui priment le plus !</p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/veille-episode-1/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/veille-episode-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<enclosure url="http://www.dailymotion.com/swf/video/xf491o_jetuemafemme-com-ep-2-en-lui-faisan_fun?additionalInfos=0" length="-1" type="application/x-shockwave-flash" /><media:content url="http://www.dailymotion.com/swf/video/xf491o_jetuemafemme-com-ep-2-en-lui-faisan_fun?additionalInfos=0" type="application/x-shockwave-flash" /><itunes:explicit>no</itunes:explicit><itunes:subtitle> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche=''</itunes:subtitle><itunes:summary> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#E2C100"); $("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#E2C100"); $("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#E2C100"); $("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#E2C100"); $("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#E2C100"); $("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message "; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; }if($("#captcha").val() == ""){ $("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha"; valid = false; } else { $("#span_input_captcha").next().text(""); $("#span_captcha").css("color",""); $("#captcha").next().text(""); $("#captcha").css("background-color",""); message_error_captcha = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i //DD_roundies.addRule('div.arrondi', '15px'); jQuery.fn.jmp3 = function(passedOptions){ // hard-wired options var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/"; // SET THIS FIRST: path to singlemp3player.swf // passable options var options = { "filepath": "", // path to MP3 file (default: current directory) "backcolor": "5F236C", // background color "forecolor": "FFFFFF", // foreground color (buttons) "width": 300, // width of player "repeat": "no", // repeat mp3? "volume": "", // mp3 volume (0-100) "autoplay": "false", // play immediately on page load? "showdownload": "false", // show download button in player "showfilename": "false" // show .mp3 filename after player }; // use passed options, if they exist if (passedOptions) { jQuery.extend(options, passedOptions); } // iterate through each object return this.each(function(){ // filename needs to be enclosed in tag (e.g. mysong.mp3) var filename = options.filepath + jQuery(this).html(); //alert(filename); // do nothing if not an .mp3 file var validfilename = filename.indexOf(".mp3"); if (validfilename == -1) { return false; } // build the player HTML var mp3html = ''; mp3html += ''; mp3html += ''; mp3html += ''; mp3html += ''; // don't display filename if option is set if (options.showfilename == "false") </itunes:summary><itunes:keywords>Veille</itunes:keywords></item>
		<item>
		<title>Solutions d’agenda partagé en entreprise</title>
		<link>http://blog.vaynceweb.com/solutions-dagenda-partage-en-entreprise-2/</link>
		<comments>http://blog.vaynceweb.com/solutions-dagenda-partage-en-entreprise-2/#comments</comments>
		<pubDate>Wed, 19 May 2010 16:03:06 +0000</pubDate>
		<dc:creator>vaynce</dc:creator>
				<category><![CDATA[Chroniques]]></category>
		<category><![CDATA[agenda]]></category>
		<category><![CDATA[entreprise]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.vaynceweb.com/blog/?p=212</guid>
		<description><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/>Lors de mon exercice en entreprise, j&#8217;ai été confronté à la problématique suivante : installer un agenda partagé sur le réseau dont certains acteurs n&#8217;ont pas d&#8217;accès à internet. Après moult recherches et tests avec divers agendas, j&#8217;ai adopté une solution plutôt rapide à mettre en place. Un petit logiciel, simple et efficace dénommé&#8230; Sunbird [...]]]></description>
			<content:encoded><![CDATA[
<script language="Javascript">
	DD_roundies.addRule('div.arrondi', '15px');
	
	jQuery(document).ready(function($){
		$("#envoyer").click(function() {
			valid = true;
			var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") {
						$("#nom_input").css("background-color","#E2C100");
						$("#span_nom").css("color","#330066");$("#nom_input").next().text("");tab_error[0] = "Pseudo"; 
						valid = false;
					} else {
						$("#nom_input").css("background-color","");
						$("#span_nom").css("color","");
						$("#nom_input").next().text("");
						tab_error[0] = "";
					}tab_error[1] = ""; if($("#mail_input").val() == "") {
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");tab_error[2] = "Email";
				valid = false;
			} else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){
				$("#mail_input").css("background-color","#E2C100");
				$("#span_mail").css("color","#330066");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide";
				tab_error[2] = "";
				valid = false;
			} else {
				$("#mail_input").css("background-color","");
				$("#span_mail").css("color","");
				$("#mail_input").next().text("");
				tab_error[2] = "";
				message_error_mail = "";
			}tab_error[3] = "";if($("#objet_input").val() == "") {
				$("#objet_input").css("background-color","#E2C100");
				$("#span_objet").css("color","#330066");$("#objet_input").next().text("");tab_error[4] = "Objet";
				valid = false;
			} else {
				$("#objet_input").css("background-color","");
				$("#span_objet").css("color","");
				$("#objet_input").next().text("");
				tab_error[4] = "";
			}if($("#message_input").val() == "") {
				$("#message_input").css("background-color","#E2C100");
				$("#span_message").css("color","#330066");$("#message_input").next().text("");tab_error[5] = "Votre message<br/>";
				valid = false;
			} else {
				$("#message_input").css("background-color","");
				$("#span_message").css("color","");
				$("#message_input").next().text("");
				tab_error[5] = "";
			}if($("#captcha").val() == ""){
				$("#span_captcha").css("color","red");$('#span_input_captcha').next().text('');$("#captcha").css("background-color","");$("#captcha").css("background-color","#E2C100");message_error_captcha = "Veuillez remplir le champ captcha";
				valid = false;
			} else {
				$("#span_input_captcha").next().text("");
				$("#span_captcha").css("color","");
				$("#captcha").next().text("");
				$("#captcha").css("background-color","");
				message_error_captcha = "";
			}			if(valid == false) {
				$("#formulaire_contact").animate({ backgroundColor: "#E2C100" }, 100);
				
				var message = "Veuillez renseigner le(s) champs: ";
				for (var i=0; i < tab_error.length; ++i) {
					if(tab_error[i] != "") {
						message += tab_error[i]+", ";
					}
				}
				
				message = message.substring(0, message.length-2);
				
				var espace_coche = "";
				if(message_error_mail != "") {
					message += message_error_mail;
					espace_coche = "<br/>";
				}
				
				if(message_error_coche != "") {
					message += espace_coche+message_error_coche;
				}
				
				if(message_error_question != "") {
					message += espace_coche+message_error_question;
				}
				
				if(message_error_captcha != "") {
					message += espace_coche+message_error_captcha;
				}
				
				if(message_error_web != "" && message_error_mail != "") {
					message += "<br/>"+message_error_web;
				} else {
					message += message_error_web;
				}
				
				if(haut_mess_form == true) {
					$("#message_error").css("display","block");
					$("#message_error").html(message);
				}
			}
			
			$("#formulaire_contact").animate({ backgroundColor: "#FFFFFF" }, 800);
			return valid;
		});
	});
	</script>

<style type="text/css">
	<!--
	#style_cispm fieldset {
		background-color: transparent;
		margin: 0;
		padding: 5px;
	}
	
	#style_cispm {
		margin:0;
		padding:0;
		font-family: Lucida Sans, Verdana	}
	
	#style_cispm table td, table th {
		border-right:0px;
		padding:0;
		text-align:left;
	}
	
	.input_cispm {
		margin:0;
		height: 18px;
		padding: 2px;
	}

	#style_cispm input, textarea, select {
		margin:0;
		padding:0;
	}
	
	#style_cispm table tr:hover td {
		margin: 0;
		padding: 0;
	}
	
	#formulaire_contact{
		margin:auto;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding-bottom: 8px;
	}

	#formulaire_contact fieldset{
		border:none;
	}
	
	#formulaire_contact legend{
		margin-top:0.3em;
		font-weight:bold;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	
	#formulaire_contact label{
		width:200px;
		text-align:right;
	}
	
	#formulaire_contact input, form select, form textarea{
		margin-left:0.5em;
	}
	
	#formulaire_contact button{
		position:relative;
		left:160px;
	}
	
	#formulaire_contact span{
		display:block;
		text-align:right;
		background-color: transparent;
		padding: 0;
		background: url("");
		margin: 0;
	}
	
	#form_tableau {
		border:none;
		margin:0;
		background-color:transparent;
	}
	
	#form_td {
		border:none;
		background-color:transparent;
		vertical-align: top;
		padding-top: 3px;
	}
	
	.error-message {
		color: red;
		padding-left: 10px;
		padding-top:0;
		margin:0;
		margin-bottom: 10px;
	}
	
	#message_error {
		background-color:#d58b8d;
		border:1px solid #d2484b;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		margin:5px 15px 2px;
		padding:0.3em 0.6em;
		display: none;
		margin-bottom:10px;
	}
	
	#envoyer {
		margin-top:-20px;
	}
	-->
</style>




<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://blog.vaynceweb.com/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "5F236C",									// background color
			"forecolor": "FFFFFF",								// foreground color (buttons)
			"width": 300,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '90%',
				'height'			: '90%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 90,
					'height'		: 90,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#5F236C;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#D6D6D6;
		border: 1px solid #D6D6D6;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<input type='hidden' value='6' name='cispm_web_nb_jquery' id='cispm_web_nb_jquery'/><input type='hidden' value='5' name='cispm_mus_nb_jquery' id='cispm_mus_nb_jquery'/><div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/solutions-dagenda-partage-en-entreprise-2/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div><p>Lors de mon exercice en entreprise, j&#8217;ai été confronté à la problématique suivante : installer un agenda partagé sur le réseau dont certains acteurs n&#8217;ont pas d&#8217;accès à internet. Après <em>moult</em> recherches et tests avec divers agendas, j&#8217;ai adopté une solution plutôt rapide à mettre en place. Un petit logiciel, simple et efficace dénommé&#8230; <strong>Sunbird </strong>de la firme <strong>Mozilla</strong>, maintenant très connue!</p>
<p>En effet il s&#8217;agit de <a title="Télécharger Mozilla Sunbird" href="http://www.mozilla.org/projects/calendar/sunbird/download.html" target="_blank">télécharger et d&#8217;installer Sunbird</a> sur chaque poste puis de créer un nouveau calendrier. Afin que ce dernier soit partagé sur l&#8217;ensemble du réseau de l&#8217;entreprise, l&#8217;idéal est de le publier dans un répertoire du serveur (le format fichier de calendrier est le<strong> .ics</strong>). Etant donné que chaque poste du réseau a accès à une partition de son disque, c&#8217;est la solution la plus simple pour pallier à la contrainte d&#8217;un poste n&#8217;ayant pas de droit d&#8217;accès à internet.</p>
<p>Evidemment cette solution est quelque peu <em>draconienne</em>, sachant qu&#8217;aujourd&#8217;hui, la plupart des postes en entreprise ont accès à internet. Je vais donc vous proposer d&#8217;autres solutions, car mes recherches ne s&#8217;arrêtent pas là !</p>
<p style="text-align: center;"><img class="aligncenter" title="agendas partagés" src="http://www.vaynceweb.com/blog/wp-content/uploads/2010/05/agendaspartage.jpg" alt="agandas partagés" width="500" height="155" /></p>
<p>Tout d&#8217;abord revenons sur Sunbird. Ce logiciel a été adapté en plug-in pour <a title="télécharger Mozilla Thunderbird" href="http://www.mozillamessaging.com/fr/thunderbird/" target="_blank">la messagerie ﻿Mozilla Thunderbird</a>. Il s&#8217;agit ni plus ni moins de <a title="Lightning" href="https://addons.mozilla.org/fr/thunderbird/addon/2313/" target="_blank"><strong>Lightning</strong></a>. Son intégration directe au logiciel de messagerie est plus pratique lorsque l&#8217;on souhaite tout rassembler en un seul programme (mails, calendriers&#8230;). Il existe d&#8217;autres solutions pour partager un calendrier lorsque l&#8217;on a accès au net, comme par exemple de l&#8217;héberger sur un serveur web via un site. Il en existe qui propose ce type de service. Pour le mettre en place dans le logiciel, il faut le paramétrer avec l&#8217;url du fichier (ex : <em>http://le_site.fr/le_calendrier.ics</em>).</p>
<p>Continuons dans notre lancée ! Pour les adaptes d&#8217;<strong>Outlook</strong> et de Microsoft, le partage de calendrier est intégré dans la version d&#8217; <a title="Office 2007" href="http://fr.wikipedia.org/wiki/Microsoft_Office_2007" target="blank">Office 2007</a>. Pour les précédentes, (Outlook 2000 et 2003) il existe des modules, comme <a title="ShareO" href="http://www.shareo.com/fr/Default.asp" target="_blank">ShareO</a> permettant le partage d&#8217;agenda, via la messagerie. Le problème, comme c&#8217;est <strong>Microsoft</strong>, il faut acheter la licence après expiration de la période d&#8217;essais (ou le pirater pour les plus vaillants&#8230; <em>oups </em>j&#8217;ai rien dit!).</p>
<p>J&#8217;ai gardé le meilleur pour la fin&#8230; Je ne pouvais pas parler du partage d&#8217;agendas sans évoquer, ne serait-ce qu&#8217;une fois, <strong>le géant Google</strong>! (même par allusions subliminales) L&#8217;utilisation de <a title="Google Agenda" href="http://www.google.com/calendar/" target="_blank"><strong>Google Agenda</strong></a> est flexible à souhaits, et permet avec un compte Google d&#8217;avoir accès à une multitude de fonctionnalités. Le fait qu&#8217;il soit simple d&#8217;utilisation et ergonomique, fait de lui mon favoris (vous l&#8217;aurez compris). En ce qui concerne le partage, rien de plus simple il suffit d&#8217;envoyer une invitation à la personne concernée (qui doit aussi utiliser Google Agenda).</p>
<p>Maintenant à vous de partager vos agendas, commentez et faîtes votre choix! <img src='http://blog.vaynceweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<div class='wpfblike' style='float:left;'><fb:like href='http://blog.vaynceweb.com/solutions-dagenda-partage-en-entreprise-2/' layout='default' show_faces='true' width='400' action='like' colorscheme='light' /></div>]]></content:encoded>
			<wfw:commentRss>http://blog.vaynceweb.com/solutions-dagenda-partage-en-entreprise-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	<media:rating>nonadult</media:rating></channel>
</rss>

