﻿<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="http://encyclo-ecolo.com/skins/common/feed.css?116"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fr">
		<id>http://encyclo-ecolo.com/index.php?action=history&amp;feed=atom&amp;title=La_mode_%C3%A9thique</id>
		<title>La mode éthique - Historique des versions</title>
		<link rel="self" type="application/atom+xml" href="http://encyclo-ecolo.com/index.php?action=history&amp;feed=atom&amp;title=La_mode_%C3%A9thique"/>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;action=history"/>
		<updated>2026-04-10T04:24:34Z</updated>
		<subtitle>Historique pour cette page sur le wiki</subtitle>
		<generator>MediaWiki 1.12.0</generator>

PPPP	<entry>
		<id>http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=12554&amp;oldid=prev</id>
		<title>Stephen le 28 avril 2016 à 08:43</title>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=12554&amp;oldid=prev"/>
				<updated>2016-04-28T08:43:14Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;

			&lt;table style=&quot;background-color: white; color:black;&quot;&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;tr&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;�? Version précédente&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;Version du 28 avril 2016 à 08:43&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/table&gt;</summary>
		<author><name>Stephen</name></author>	</entry>

	<entry>
		<id>http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=7175&amp;oldid=prev</id>
		<title>80.13.165.211 le 30 août 2011 à 07:13</title>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=7175&amp;oldid=prev"/>
				<updated>2011-08-30T07:13:52Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;

			&lt;table style=&quot;background-color: white; color:black;&quot;&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;tr&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;�? Version précédente&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;Version du 30 août 2011 à 07:13&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/table&gt;</summary>
		<author><name>80.13.165.211</name></author>	</entry>

	<entry>
		<id>http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=4331&amp;oldid=prev</id>
		<title>88.162.154.45: /* Les caract&amp;eacute;ristiques de la mode &amp;eacute;thique */</title>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=4331&amp;oldid=prev"/>
				<updated>2010-04-27T10:29:03Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;Les caract&amp;amp;eacute;ristiques de la mode &amp;amp;eacute;thique&lt;/span&gt;&lt;/p&gt;

			&lt;table style=&quot;background-color: white; color:black;&quot;&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;tr&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;�? Version précédente&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;Version du 27 avril 2010 à 10:29&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/table&gt;</summary>
		<author><name>88.162.154.45</name></author>	</entry>

	<entry>
		<id>http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=4330&amp;oldid=prev</id>
		<title>88.162.154.45: /* A lire également */</title>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=4330&amp;oldid=prev"/>
				<updated>2010-04-27T10:24:43Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;A lire également&lt;/span&gt;&lt;/p&gt;

			&lt;table style=&quot;background-color: white; color:black;&quot;&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;tr&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;�? Version précédente&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;Version du 27 avril 2010 à 10:24&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/table&gt;</summary>
		<author><name>88.162.154.45</name></author>	</entry>

	<entry>
		<id>http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=3880&amp;oldid=prev</id>
		<title>86.65.214.170: /* Les caract&amp;eacute;ristiques de la mode &amp;eacute;thique */</title>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=3880&amp;oldid=prev"/>
				<updated>2010-01-13T16:02:22Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;Les caract&amp;amp;eacute;ristiques de la mode &amp;amp;eacute;thique&lt;/span&gt;&lt;/p&gt;

			&lt;table style=&quot;background-color: white; color:black;&quot;&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;tr&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;�? Version précédente&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;Version du 13 janvier 2010 à 16:02&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/table&gt;</summary>
		<author><name>86.65.214.170</name></author>	</entry>

	<entry>
		<id>http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=1898&amp;oldid=prev</id>
		<title>Nicolasb: a renommé Mode éthique en La mode éthique</title>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=1898&amp;oldid=prev"/>
				<updated>2008-08-29T07:59:58Z</updated>
		
		<summary type="html">&lt;p&gt;a renommé &lt;a href=&quot;/Mode_%C3%A9thique&quot; class=&quot;mw-redirect&quot; title=&quot;Mode éthique&quot;&gt;Mode éthique&lt;/a&gt; en &lt;a href=&quot;/La_mode_%C3%A9thique&quot; title=&quot;La mode éthique&quot;&gt;La mode éthique&lt;/a&gt;&lt;/p&gt;

			&lt;table style=&quot;background-color: white; color:black;&quot;&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;tr&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;�? Version précédente&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;Version du 29 août 2008 à 07:59&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/table&gt;</summary>
		<author><name>Nicolasb</name></author>	</entry>

	<entry>
		<id>http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=1874&amp;oldid=prev</id>
		<title>Nicolasb le 28 août 2008 à 14:48</title>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=1874&amp;oldid=prev"/>
				<updated>2008-08-28T14:48:15Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;

			&lt;table style=&quot;background-color: white; color:black;&quot;&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;col class='diff-marker' /&gt;
			&lt;col class='diff-content' /&gt;
			&lt;tr&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;�? Version précédente&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black;&quot;&gt;Version du 28 août 2008 à 14:48&lt;/td&gt;
			&lt;/tr&gt;
		&lt;/table&gt;</summary>
		<author><name>Nicolasb</name></author>	</entry>

	<entry>
		<id>http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=1872&amp;oldid=prev</id>
		<title>Nicolasb: Nouvelle page : &lt;p&gt;Cat&amp;eacute;gorie:RecyclageCat&amp;eacute;gorie:La mode éthiqueCat&amp;eacute;gorie:Commerce équitable   Mode éthiqueLa &lt;strong&gt;m...</title>
		<link rel="alternate" type="text/html" href="http://encyclo-ecolo.com/index.php?title=La_mode_%C3%A9thique&amp;diff=1872&amp;oldid=prev"/>
				<updated>2008-08-28T14:36:51Z</updated>
		
		<summary type="html">&lt;p&gt;Nouvelle page : &amp;lt;p&amp;gt;Cat&amp;amp;eacute;gorie:RecyclageCat&amp;amp;eacute;gorie:La mode éthiqueCat&amp;amp;eacute;gorie:Commerce équitable   &lt;a href=&quot;/Image:Mode-ethique.jpg&quot; title=&quot;Image:Mode-ethique.jpg&quot;&gt;Mode éthique&lt;/a&gt;La &amp;lt;strong&amp;gt;m...&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Nouvelle page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&amp;lt;p&amp;gt;[[Cat&amp;amp;eacute;gorie:Recyclage]][[Cat&amp;amp;eacute;gorie:La mode éthique]][[Cat&amp;amp;eacute;gorie:Commerce équitable]]  &lt;br /&gt;
[[Image:mode-ethique.jpg|thumb|170px|left|Mode éthique]]La &amp;lt;strong&amp;gt;mode &amp;amp;eacute;thique &amp;lt;/strong&amp;gt;correspond &amp;amp;agrave; l'offre de v&amp;amp;ecirc;tements et d'accessoires propos&amp;amp;eacute;e par des &amp;lt;span style=&amp;quot;color: rgb(153, 51, 0);&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;structures artisanales et industrielles&amp;lt;/strong&amp;gt;&amp;lt;/span&amp;gt; qui soutiennent et favorisent, &amp;amp;agrave; travers l'&amp;amp;eacute;thique de leur approche &amp;amp;eacute;conomique, un commerce plus juste via le d&amp;amp;eacute;veloppement de fili&amp;amp;egrave;res commerciales sp&amp;amp;eacute;cifiques &amp;lt;strong&amp;gt;&amp;lt;span style=&amp;quot;color: rgb(51, 153, 102);&amp;quot;&amp;gt;respecteuses des hommes et de la nature&amp;lt;/span&amp;gt;&amp;lt;/strong&amp;gt;.&amp;lt;/p&amp;gt;&lt;br /&gt;
===L'&amp;amp;eacute;thique rajeunit la mode et embellit la plan&amp;amp;egrave;te===&lt;br /&gt;
Cot&amp;amp;eacute; mode, de nouveaux produits embellissent la plan&amp;amp;egrave;te. La mode &amp;amp;eacute;thique est dynamis&amp;amp;eacute;e par de jeunes cr&amp;amp;eacute;ateurs qui con&amp;amp;ccedil;oivent, fabriquent et commercialisent des v&amp;amp;ecirc;tements ou des accessoires &amp;amp;agrave; partir &amp;amp;hellip; de mat&amp;amp;eacute;riaux recycl&amp;amp;eacute;s ou de coton bio, garanti sans OGM ni pesticides. De nouvelles mati&amp;amp;egrave;res naturelles apparaissent et compl&amp;amp;egrave;te le &amp;lt;strong&amp;gt;&amp;lt;span style=&amp;quot;color: rgb(51, 153, 102);&amp;quot;&amp;gt;coton bio&amp;lt;/span&amp;gt;&amp;lt;/strong&amp;gt; : chanvre, bambou, algues,&amp;amp;hellip;&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
Parfois,&amp;lt;span style=&amp;quot;color: rgb(128, 0, 0);&amp;quot;&amp;gt; &amp;lt;strong&amp;gt;commerce &amp;amp;eacute;quitable et recyclage&amp;lt;/strong&amp;gt;&amp;lt;/span&amp;gt; se rejoignent naturellement sans inconv&amp;amp;eacute;nient pour la cr&amp;amp;eacute;ativit&amp;amp;eacute;.Et oui, vos vielles bouteilles en plastiques, de vieux bouchons, bo&amp;amp;icirc;tes de conserve, etc. peuvent finir en pulls sur vos &amp;amp;eacute;paules ou &amp;amp;agrave; vos oreilles en bijoux plut&amp;amp;ocirc;t que dans l&amp;amp;rsquo;usine &amp;amp;agrave; incin&amp;amp;eacute;ration. Comme quoi on peut porter ses convictions au jour le jour&amp;amp;hellip;&lt;br /&gt;
===Les caract&amp;amp;eacute;ristiques de la mode &amp;amp;eacute;thique===&lt;br /&gt;
*&amp;lt;span style=&amp;quot;color: rgb(128, 0, 0);&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Utilisation de mat&amp;amp;eacute;riaux naturels ou non polluants&amp;lt;/strong&amp;gt;&amp;lt;/span&amp;gt;, comme par exemple ceux issus de l'agriculture biologique (coton), ou bien des mat&amp;amp;eacute;riaux recyclables ou recycl&amp;amp;eacute;s.&lt;br /&gt;
*&amp;lt;span style=&amp;quot;color: rgb(128, 0, 0);&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Engagement social&amp;lt;/strong&amp;gt;&amp;lt;/span&amp;gt; dans le processus de production avec des salaires sup&amp;amp;eacute;rieurs &amp;amp;agrave; la moyenne ou encore un temps de travail limit&amp;amp;eacute;.&lt;br /&gt;
*&amp;lt;span style=&amp;quot;color: rgb(128, 0, 0);&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Engagement &amp;amp;eacute;conomique&amp;lt;/strong&amp;gt;&amp;lt;/span&amp;gt; avec une d&amp;amp;eacute;marche de commerce &amp;amp;eacute;quitable.&lt;br /&gt;
===Voir aussi===&lt;br /&gt;
[ [[Commerce alternatif]] ] [ [[Commerce solidaire]] ] [ [[Commerce équitable]] ] [ [[Filière labellisée]] ] [ [[Approche alternative]] ]&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
[ [[Coton biologique]] ]&lt;br /&gt;
===A lire également===&lt;br /&gt;
*[https://www.consoglobe.com/ac-actus-developpement-durable_1978_coton-bio-service-developpement-durable.html? Le coton bio au service du d&amp;amp;eacute;veloppement durable] &lt;br /&gt;
*[https://www.consoglobe.com/bp744-1868_reduire-impact-ecologique-vetements.html R&amp;amp;eacute;duire l&amp;amp;rsquo;impact &amp;amp;eacute;cologique de ses v&amp;amp;ecirc;tements]  &lt;br /&gt;
*[https://www.consoglobe.com/bp744-1528_coton-equitable-nouvel-blanc.html Coton &amp;amp;eacute;quitable, nouvel or blanc ?]&lt;br /&gt;
*[https://www.consoglobe.com/bp744-1580_ethique-rajeunit-mode-embellit-planete.html L'éthique rajeunit la mode et embellit la planète]&lt;br /&gt;
*La page [https://www.consoglobe.com/mode-ethique/ La mode éthique]&lt;br /&gt;
*Le dossier [https://www.consoglobe.com/pgz5-mode-ethique-coton-bio.htmlMode éthique]&lt;/div&gt;</summary>
		<author><name>Nicolasb</name></author>	</entry>

	</feed>
<script type='text/javascript'>
$(document).ready(function(){ // Bandeau du haut pour uniformisation (médiamétrie)

	var str = "<div style='height:60px;width:100%;border-bottom:3px solid #435b21;text-align:center;font-size:12px !important'>";
	str += "<div style='width:990px;display: inline-block;'><ul style='list-style-type:none; text-align:right;margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;'><li style='display:inline-block;margin:0px 0px 0px 0px!important;padding:0px 0px 0px 0px!important'><a class='consoglobe' style='position:relative;margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;' href='http://www.consoglobe.com'><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_cg_up.png'/></a></li><li style='display:inline-block;margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;'><a class='consommerdurable'  style='position:relative;padding:0px !important;margin:0px !important' href='http://www.consommerdurable.com'><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_cd_up.png'/></a></li><li style='display:inline-block;margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;'><a class='planetoscope' style='position:relative;padding:0px !important;margin:0px !important' href='http://www.planetoscope.com'><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_planeto_up.png'/></a></li></ul></div>";
	// str += "<div id='ctoc_btn' style='cursor:pointer;position:absolute; top:0;left:0;'><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_ctoc_up.png'/></div>";
	str += "</div>";

	$( "body" ).prepend(str);

	var str = "<div id='volet_ctoc' style='z-index:100000000;width:365px;height:calc(100% - 60px);overflow-y:auto;background-color:#212121;position:absolute;top:60px;left:-365px;'>";
	// str += "<div id='close' style='cursor:pointer;position:absolute;right:10px;top:10px'><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_close_ctoc.png'/></div>";
	// str += "<div style='padding:50px 20px 30px 20px; color:#b2b1b1;font-size:12px'>Tous les services pratiques de consoGlobe pour consommer et vivre mieux.</div>";
	// str += "<div><a style='' href='http://boutique.consoglobe.com/'><table style='background-color:#212121!important;padding:30px 20px 30px 20px; color:#b2b1b1;'><tr><td><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_boutique.png'/></td><td style='padding-left:15px;font-size:16px;color:#b2b1b1 !important'>La boutique<br />des supers aliments</td></tr></table></a></div>";
	// str += "<div><a href='http://echange.consoglobe.com/'><table style='background-color:#212121!important;padding:30px 20px 30px 20px; color:#b2b1b1 '><tr><td><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_echange.png'/></td><td style='padding-left:15px;font-size:16px;color:#b2b1b1 !important'>Echangez sans limites</td></tr></table></a></div>";
	// str += "<div><a href='http://occasion.consoglobe.com/'><table style='background-color:#212121!important;padding:30px 20px 30px 20px; color:#b2b1b1 '><tr><td><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_annonce.png'/></td><td style='padding-left:15px;font-size:16px;color:#b2b1b1 !important'>Annonces 100%<br/>gratuites</td></tr></table></a></div>";
	// str += "<div><a href='http://location.consoglobe.com/'><table style='background-color:#212121!important;padding:30px 20px 30px 20px; color:#b2b1b1 '><tr><td><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_location.png'/></td><td style='padding-left:15px;font-size:16px;color:#b2b1b1 !important'>Ici tout se loue</td></tr></table></a></div>";
	// str += "<div><a href='http://donne.consoglobe.com/'><table style='background-color:#212121!important;padding:30px 20px 30px 20px; color:#b2b1b1 '><tr><td><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_dons.png'/></td><td style='padding-left:15px;font-size:16px;color:#b2b1b1 !important'>Ne jetez plus, donnez</td></tr></table></a></div>";
	// str += "<div><a href='http://entraide.consoglobe.com/'><table style='background-color:#212121!important;padding:30px 20px 30px 20px; color:#b2b1b1 '><tr><td><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/logo_entraide.png'/></td><td style='padding-left:15px;font-size:16px;color:#b2b1b1 !important'>Entraide entre<br/>particuliers</td></tr></table></a></div>";
	str += "</div>";

	$( "body" ).prepend(str);

	$( "#container" ).css ("position", "relative");

	$( ".consoglobe" ).append("<div id='consoglobe_roll' style='z-index:1000000000;position:absolute;top:38px;left:-30px;width:227px;height:339px;border:1px solid #d7d7d7;background-color:#fff;-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);'><div style='position:absolute;top:-11px;left:110px'><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/arrow_up.png'/></div><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/illustration_cg_roll.png'/><div style='padding-top:15px;text-align:center;width:229px'>Le média français leader sur la consommation responsable.</div><div style='text-align:center;position:absolute;bottom:0px;width:100%;height:30px;background-color:#435b21;color:#fff;padding-top:8px'>www.consoglobe.com</div></div>");
	$( ".consommerdurable" ).append("<div id='consommerdurable_roll' style='z-index:1000000000;position:absolute;top:38px;left:-30px;width:227px;height:339px;border:1px solid #d7d7d7;background-color:#fff;-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);'><div style='position:absolute;top:-11px;left:110px'><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/arrow_up.png'/></div><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/illustration_cd_roll.png'/><div style='padding-top:15px;text-align:center;width:229px'>La consommation responsable au quotidien</div><div style='text-align:center;position:absolute;bottom:0px;width:100%;height:30px;background-color:#686500;color:#fff;padding-top:8px'>www.consommerdurable.com</div></div>");
	$( ".planetoscope" ).append("<div id='planetoscope_roll' style='z-index:1000000000;position:absolute;top:38px;left:-30px;width:227px;height:339px;border:1px solid #d7d7d7;background-color:#fff;-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.20);'><div style='position:absolute;top:-11px;left:110px'><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/arrow_up.png'/></div><img src='http://www.encyclo-ecolo.com/skins/consoglobe/images/illustration_planeto_roll.png'/><div style='padding-top:15px;text-align:center;width:229px'>Le 1er site mondial de<br/>statistiques en temps réel</div><div style='text-align:center;position:absolute;bottom:0px;width:100%;height:30px;background-color:#43455e;color:#fff;padding-top:8px'>www.planetoscope.com</div></div>");

	$("#consoglobe_roll").hide();
	$("#consommerdurable_roll").hide();
	$("#planetoscope_roll").hide();


	var b = false;
	$( "#ctoc_btn" ).click (function () {
		if (!b)  {
			$("#volet_ctoc").animate({
		    left: "0",
		  }, 500);
			b = true;
		} else {
			$("#volet_ctoc").animate({
		    left: "-365",
		  }, 500);
			b = false;
		}

	});

	$('#close').click (function () {
		$("#volet_ctoc").animate({
				    left: "-365",
				  }, 500);
		b = false;
	});



	$( ".consoglobe" ).mouseover (function () {
		$('#consoglobe_roll').show(500);
	});

	$( ".consoglobe" ).mouseleave (function () {
		$('#consoglobe_roll').hide(500);
	});

	$( ".consommerdurable" ).mouseover (function () {
		$('#consommerdurable_roll').show(500);
	});

	$( ".consommerdurable" ).mouseleave (function () {
		$('#consommerdurable_roll').hide(500);
	});

	$( ".planetoscope" ).mouseover (function () {
		$('#planetoscope_roll').show(500);
	});

	$( ".planetoscope" ).mouseleave (function () {
		$('#planetoscope_roll').hide(500);
	});




});
</script>
