  <html> <head> <title>Paint Caf&eacute; : Histoire : La rose des vents</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/javascript"> <!--  function initializeClock() { 	MM_preloadImages('/fr/images/nav/menu/tarot_over.gif','/fr/images/nav/menu/couleur_over.gif','/fr/images/nav/menu/atelier_over.gif','/fr/images/nav/menu/propos_over.gif','/fr/images/nav/menu/decor_over.gif'); 	startclock(); }  var hoverCourant = 0; var hoverPrecedent = 0; var timerID = null; var timerRunning = false;  var layerList = new Array(); var btnname = new Array(); var btnoff = new Array(); var btnon = new Array(); 	 	layerList[1] = 'menu1'; 	btnname[1] = 'tarot'; 	btnon[1] = '/fr/images/nav/menu/tarot.gif'; 	btnoff[1] = '/fr/images/nav/menu/tarot_over.gif'; 	layerList[2] = 'menu2'; 	btnname[2] = 'couleur'; 	btnon[2] = '/fr/images/nav/menu/couleur.gif'; 	btnoff[2] = '/fr/images/nav/menu/couleur_over.gif'; 	layerList[3] = 'menu3'; 	btnname[3] = 'atelier'; 	btnon[3] = '/fr/images/nav/menu/atelier.gif'; 	btnoff[3] = '/fr/images/nav/menu/atelier_over.gif'; 	layerList[4] = 'menu4'; 	btnname[4] = 'propos'; 	btnon[4] = '/fr/images/nav/menu/propos.gif'; 	btnoff[4] = '/fr/images/nav/menu/propos_over.gif'; 	layerList[5] = 'menu5'; 	btnname[5] = 'decor'; 	btnon[5] = '/fr/images/nav/menu/decor.gif'; 	btnoff[5] = '/fr/images/nav/menu/decor_over.gif';   function swapState(btn,btnPrec) { 	//Turn the old layer off 	if (btnPrec > 0) {  		MM_showHideLayers(layerList[btnPrec],'','hide'); 		MM_swapImage(btnname[btnPrec],'',btnon[btnPrec]); 		//MM_swapImgRestore() 	} 	//change state of designated button and layer 	if (btn > 0) { 		MM_showHideLayers(layerList[btn],'','show'); 		MM_swapImage(btnname[btn],'',btnoff[btn]); 	} 	return true; }  function stopclock() { 	if(timerRunning) 	clearTimeout(timerID); 	timerRunning = false; }  function StageRedraw() { 	updateStage() 	timerID = setTimeout("StageRedraw()",400); 	timerRunning = true; }  function updateStage() { 	if (hoverCourant != hoverPrecedent) { 		swapState(hoverCourant,hoverPrecedent); 		hoverPrecedent = hoverCourant; 	} }  function startclock() { 	stopclock(); 	StageRedraw(); }  function passEsc(evt) { 	if (window.event.keyCode == 27) { hoverCourant = 0; updateStage();} }  //--> </script> <script language="JavaScript" type="text/javascript"> <!--  function MM_reloadPage(init) {  //reloads the window if Nav4 resized   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true);  function MM_findObj(n, d) { //v4.01   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);   if(!x && d.getElementById) x=d.getElementById(n); return x; }  function MM_showHideLayers() { //v3.0   var i,p,v,obj,args=MM_showHideLayers.arguments;   for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }     obj.visibility=v; } }  function MM_preloadImages() { //v3.0   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }  function MM_swapImgRestore() { //v3.0   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }  function MM_swapImage() { //v3.0   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} }  function displayWindow(url, WindowName, width, height)  { 	var Win = window.open(url, WindowName, 'width=' + width + ',height=' + height + ',resizable=yes,scrollbars=yes,menubar=no,status=no,toolbar=no,location=no' ); 	Win.focus();  	return false; } function closeWindow(){ 	window.close(); }//--> </script> <link rel="StyleSheet" href="/styles/styles_ns.css" type="text/css">  <link rel="StyleSheet" href="/styles/styles_iemac.css" type="text/css" media="Editor"> </head>  <body bgcolor="#FFFFFF" text="#000000" link="#AB6613" alink="#AB6613" vlink="#E3A156" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="initializeClock();MM_preloadImages('../../../images/propos/histoire/menu/bleublancrouge_over.gif','../../../images/propos/histoire/menu/prusse_over.gif','../../../images/propos/histoire/menu/rose_vent_over.gif','../../../images/propos/histoire/menu/robe_mariee_over.gif','../../../images/propos/histoire/menu/magenta_over.gif','../../../images/propos/histoire/menu/moyenage_over.gif')" onKeyPress="passEsc(event)">   <table width="760" border="0" cellspacing="0" cellpadding="0">   <tr>  	<td colspan="8"><img src="/images/nav/entete_dune.gif" width="760" height="76" alt="Rona - Paint Caf&eacute;" border="0" usemap="#map"></td>   </tr>   <tr>  	<td colspan="8"><img src="/images/spacer.gif" width="73" height="11"><a href="/fr/login.asp"><img src="/fr/images/nav/b-connexion_c.gif" width="82" height="11" border="0" alt="Inscription" title=""></a><img src="/images/spacer.gif" width="40" height="11"><a href="/fr/gen/detaillant/index.asp"><img src="/fr/images/nav/b-acheter.gif" width="70" height="11" border="0" alt="D&eacute;taillants" title=""></a><img src="/images/spacer.gif" width="40" height="11"><a  href="/fr/cartepostale/carte.asp"><img src="/fr/images/nav/b-carte.gif" width="102" height="11" border="0" alt="Envoyez une carte virtuelle!"></a><img src="/images/spacer.gif" width="40" height="11">  	  <!--<a href="/recherche/header_newsearch2.asp?Lang=2"><img src="/fr/images/nav/b-recherche.gif" width="70" height="11" border="0" alt="recherche" title=""></a>--> 	  <img src="/images/spacer.gif" width="40" height="11"><a href="https://paintcafe.sympatico.ca/fr/gen/detaillant/inscription.asp"><img src="/fr/images/nav/b-detaillant.gif" alt="Devenez d&eacute;taillant" width="118" height="11" border="0" title=""></a></td>   </tr>   <tr>  	<td><img src="/fr/images/nav/menu/menu_left.gif" width="50" height="25"></td> 	<td><a href="javascript:void(0);" onClick="window.open('/fr/tarot/frame_tarot.asp','tarot','width=761,height=491');" onMouseOut="hoverCourant=0;window.status='';return true" onMouseOver="hoverCourant=1;updateStage();window.status='Jeu des couleurs';return true"><img src="/fr/images/nav/menu/tarot.gif" width="129" height="25" alt="Jeu des couleurs" title="" border="0" name="tarot"></a></td> 	<td><a href="javascript:void(0);" onMouseOut="hoverCourant=0;window.status='';return true" onMouseOver="hoverCourant=2;updateStage();window.status='Couleurs Paint Cafe';return true"><img src="/fr/images/nav/menu/couleur.gif" width="167" height="25" alt="Couleurs Paint Caf&eacute;" title="" border="0" name="couleur"></a></td> 	<td><a href="javascript:void(0);" onMouseOut="hoverCourant=0;window.status='';return true" onMouseOver="hoverCourant=3;updateStage();window.status='Mon atelier';return true"><img src="/fr/images/nav/menu/atelier.gif" width="118" height="25" alt="Mon atelier" title="" border="0" name="atelier"></a></td> 	<td><a href="javascript:void(0);" onMouseOut="hoverCourant=0;window.status='';return true" onMouseOver="hoverCourant=4;updateStage();window.status='Propos deco';return true"><img src="/fr/images/nav/menu/propos.gif" width="114" height="25" alt="Propos d&eacute;co" title="" border="0" name="propos"></a></td> 	<td><a href="javascript:void(0);" onMouseOut="hoverCourant=0;window.status='';return true" onMouseOver="hoverCourant=5;updateStage();window.status='Decors Paint Cafe';return true"><img src="/fr/images/nav/menu/decor.gif" width="132" height="25" alt="D&eacute;cors Paint Caf&eacute;" title="" border="0" name="decor"></a></td> 	<td><img src="/fr/images/nav/menu/menu_right.gif" width="50" height="25"></td>   </tr> </table>   <table width="760" border="0" cellspacing="0" cellpadding="0">   <tr valign="top"> 	<td><img src="../../../images/propos/histoire/t2/t2_rose_vent_dune.gif" alt="La rose des vents" width="760" height="95" border="0"></td>   </tr>   </table>     <table width="710" border="0" cellspacing="0" cellpadding="0">   <tr valign="top"> 	<td width="170"> 	   	  <table width="170" border="0" cellspacing="0" cellpadding="0"> 	    <tr> 		  <td><a href="/fr/propos/histoire/bleublancrouge/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bleublancrouge','','/fr/images/propos/histoire/menu/bleublancrouge_over.gif',1)"><img src="/fr/images/propos/histoire/menu/bleublancrouge.gif" width="170" height="23" alt="Bleu, blanc, rouge" border="0" name="bleublancrouge"></a></td> 		</tr> 	    <tr> 		  <td><a href="/fr/propos/histoire/prusse/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('prusse','','/fr/images/propos/histoire/menu/prusse_over.gif',1)"><img src="/fr/images/propos/histoire/menu/prusse.gif" width="170" height="23" alt="Bleu de Prusse" border="0" name="prusse"></a></td> 		</tr> 	    <tr> 		  <td><a href="/fr/propos/histoire/rose_vent/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rose_vent','','/fr/images/propos/histoire/menu/rose_vent_over.gif',1)"><img src="/fr/images/propos/histoire/menu/rose_vent_over.gif" width="170" height="23" alt="La rose des vents" border="0" name="rose_vent"></a></td> 		</tr> 	    <tr> 		  <td><a href="/fr/propos/histoire/robe_mariee/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('robe_mariee','','/fr/images/propos/histoire/menu/robe_mariee_over.gif',1)"><img src="/fr/images/propos/histoire/menu/robe_mariee.gif" width="170" height="23" alt="La robe de mari&eacute;e" border="0" name="robe_mariee"></a></td> 		</tr> 	    <tr> 		  <td><a href="/fr/propos/histoire/magenta/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('magenta','','/fr/images/propos/histoire/menu/magenta_over.gif',1)"><img src="/fr/images/propos/histoire/menu/magenta.gif" width="170" height="23" alt="Magenta" border="0" name="magenta"></a></td> 		</tr> 	    <tr> 		  <td><a href="/fr/propos/histoire/moyenage/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('moyenage','','/fr/images/propos/histoire/menu/moyenage_over.gif',1)"><img src="/fr/images/propos/histoire/menu/moyenage.gif" width="170" height="37" alt="Teinture au Moyen &Acirc;ge" border="0" name="moyenage"></a></td> 		</tr> 	  </table>       <p>&nbsp;</p>  	</td> 	<td width="10"><img src="../../../../images/spacer.gif" width="10" height="1"></td> 	<td width="530"> 	  <table border="0" cellspacing="0" cellpadding="0" align="right"> 		<tr> 		  <td></td> 		  <td><font face="Verdana, Arial, Geneva, sans-serif" size="2"><img src="../../../../images/propos/histoire/rose_vent.jpg" width="300" height="165"></font></td> 		</tr> 		<tr> 		  <td><img src="../../../../images/spacer.gif" width="10" height="10"></td> 		  <td></td> 		</tr> 	  </table> 	  <p><font face="Verdana, Arial, Geneva, sans-serif" size="2">Les marins de l'Antiquit&eacute; et du Moyen &Acirc;ge avaient d&eacute;velopp&eacute; des outils et des m&eacute;thodes de navigation fond&eacute;s sur les rep&egrave;res que la nature mettait &agrave; leur disposition&nbsp;: les indicateurs astronomiques - la position et le mouvement apparents des astres et les indicateurs m&eacute;t&eacute;orologiques - la force et la direction des vents.</font></p> 	  <p><font face="Verdana, Arial, Geneva, sans-serif" size="2">Selon certains historiens, la rose des vents accompagne les marins depuis le VIe&nbsp;si&egrave;cle avant J&eacute;sus&nbsp;Christ. Les &Eacute;trusques auraient &eacute;t&eacute; les premiers &agrave; utiliser une rose des vents. D'abord simple, form&eacute;e de huit pointes, la rose s'est complexifi&eacute;e au fil du temps. Ce sont les navigateurs portugais du XVe&nbsp;si&egrave;cle de notre &egrave;re qui ont perfectionn&eacute; cet outil, alors que d&eacute;butait l'&acirc;ge d'or des grandes explorations. C'est &agrave; ces hommes de la Renaissance que nous devons la rose des vents se subdivisant en seize pointes.</font></p> 	  <p><font face="Verdana, Arial, Geneva, sans-serif" size="2">Aujourd'hui, les outils de navigation ont grandement &eacute;volu&eacute;, mais la rose des vents existe toujours, bien que diff&eacute;rente de celles de la Renaissance. En plus d'indiquer la direction des vents les plus importants, la rose des vents modernes donne leur force et indique le pourcentage de temps o&ugrave; ces vents soufflent dans une certaine r&eacute;gion et pendant une p&eacute;riode d'observation donn&eacute;e.</font></p> 	  <p><b><font face="Verdana, Arial, Geneva, sans-serif" size="2">En d&eacute;coration</font></b></p> 	  <p><font face="Verdana, Arial, Geneva, sans-serif" size="2">Pour compl&eacute;ter un d&eacute;cor inspir&eacute; de la th&eacute;matique nautique, une rose des vents peinte directement sur le plancher fera grand effet. Pour savoir comment r&eacute;aliser celle-ci, cliquez sur l'image</font>&nbsp;:</p> <p>&nbsp;</p> 	</td>   </tr> </table>   <table width="760" border="0" cellspacing="0" cellpadding="0">   <tr valign="top" align="center"> 	<td> 	  <p><img src="/fr/images/nav/menu_btm_dune.gif" width="760" height="25" border="0" usemap="#menumap_bas"></p> 	  <p><font face="Verdana, Arial, Geneva, sans-serif" size="1" class="note">&copy; 2000-2003 Paint Caf&eacute;.com inc. Tous droits r&eacute;serv&eacute;s. | <a href="/fr/gen/realisation/index.asp">R&eacute;alisation du site</a></font></p> 	</td>   </tr> </table> <br>   <div id='menu2' style='background-color: #E6E6E6; position: absolute; visibility: hidden; z-index: 1; width:122px; left: 199px; top: 114px;' onMouseOut="hoverCourant=0" onMouseOver="hoverCourant=2;">   <table border="0" cellpadding="6" cellspacing="0" bgcolor="E6E6E6">     <tr> 	  <td><font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/couleur/harmonie/index.asp" class="menufont">Collection Harmonies</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/couleur/nuancier/index.asp" class="menufont">Nuancier Paint&nbsp;Caf&eacute;</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/couleur/tendance/index.asp" class="menufont">Tendances</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/couleur/langage/index.asp" class="menufont">Thories de la&nbsp;couleur</a></b></font></td> 	</tr>   </table> </div >  <div id='menu3' style='background-color: #E6E6E6; position: absolute; visibility: hidden; z-index: 1; width:122px; left: 366px; top: 114px;' onMouseOut="hoverCourant=0" onMouseOver="hoverCourant=3;">   <table border="0" cellpadding="6" cellspacing="0" bgcolor="E6E6E6">     <tr> 	  <td><font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/atelier/questionnaire/index.asp" class="menufont">Questionnaire projet</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/atelier/calculatrice/index.asp" class="menufont">Calculatrice</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/atelier/carnet/index.asp" class="menufont">Mon carnet de&nbsp;notes</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/atelier/produit/index.asp" class="menufont">Produits</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/atelier/truc/index.asp" class="menufont">Trucs et conseils</a></b></font></td> 	</tr>   </table> </div >  <div id='menu4' style='background-color: #E6E6E6; position: absolute; visibility: hidden; z-index: 1; width:122px; left: 483px; top: 114px;' onMouseOut="hoverCourant=0" onMouseOver="hoverCourant=4;">   <table border="0" cellpadding="6" cellspacing="0" bgcolor="E6E6E6">     <tr> 	  <td><font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/propos/histoire/index.asp" class="menufont">Histoire</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/propos/art/index.asp" class="menufont">Arts et sciences</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/propos/fengshui/index.asp" class="menufont">Feng Shui</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/propos/eclairage/index.asp" class="menufont">&Eacute;clairage</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/propos/espace/index.asp" class="menufont">Jouer l'espace</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/propos/theme/index.asp" class="menufont">Styles/Th&egrave;mes</a></b></font></td> 	</tr>   </table> </div >  <div id='menu5' style='background-color: #E6E6E6; position: absolute; visibility: hidden; z-index: 1; width:122px; left: 590px; top: 114px;' onMouseOut="hoverCourant=0" onMouseOver="hoverCourant=5;">   <table border="0" cellpadding="6" cellspacing="0" bgcolor="E6E6E6">     <tr> 	  <td><font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/decor/prescription/index.asp" class="menufont">Prescriptions couleur</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/decor/decortique/index.asp" class="menufont">D&eacute;cors d&eacute;cortiqu&eacute;s</a></b></font><br> 		<img src="/images/nav/mainmenu_rule.gif" width="110" height="9"><br> 		<font face="Verdana, Arial, Geneva, sans-serif" size="2"><b><a href="/fr/decor/illusio/index.asp" class="menufont">Illusio</a></b></font></td> 	</tr>   </table> </div >   <map name="map">   <area shape="rect" coords="32,17,369,59" href="/fr/"> </map>  <map name="menumap_bas"> 	<area shape="rect" coords="249,6,345,19" href="/fr/gen/plan/index.asp" alt="plan du site" title=""> 	<area shape="rect" coords="346,6,444,19" href="mailto:isabelle@paintcafe.com" alt="crivez-nous" title=""> 	<area shape="rect" coords="445,6,512,19" href="/en/index.asp" alt="english" title=""> </map>  &nbsp;    </body> </html> 
