CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>L'Armorial</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="page.css" /> <link rel="shortcut icon" href="images/divers/blason.ico"> </head> <body onload="Carousel()">   L'Armorial des Villes et des Villages de France <script type="text/javascript"> /*********************************************** * Carousel Slideshow script- (c) Ger Versluis 2003 * Permission granted to DynamicDrive.com to feature script * This notice must stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ /******************************************************** Create a div with transparent place holder in your html <div id="Carousel" style="position:relative"> <img src="placeholder.gif" width="404" height="202"> </div> placeholder width: 4 sided: 1.42 * carousel image width + 3 6 sided: 2 * carousel image width +4 8 sided: 2.62 * carousel image width + 5 12 sided: 3.87 * carousel image width + 7 placeholder height: carousel image height+2 Insert onload in body tag <body onload="Carousel()"> *********************************************************/ // 7 variables to control behavior var Car_Image_Width=93; var Car_Image_Height=150; var Car_Border=true; // true or false var Car_Border_Color="blue"; var Car_Speed=4; var Car_Direction=true; // true or false var Car_NoOfSides=12; // must be 4, 6, 8 or 12 /* array to specify images and optional links. For 4 sided carousel specify at least 2 images For 6 sided carousel specify at least 3 For 8 sided carousel specify at least 4 For 12 sided carousel specify at least 6 If Link is not needed keep it "" */ Car_Image_Sources=new Array( //Le Pucheux "/images/carroussel/AD-76.JPG","https://armorialdefrance.fr/page_livre.php?livre=30", //Héligoland "/images/carroussel/AD-27.JPG","https://armorialdefrance.fr/page_livre.php?livre=9", "/images/carroussel/AD-50.JPG","https://armorialdefrance.fr/page_livre.php?livre=2", "/images/carroussel/AD-41.JPG","https://armorialdefrance.fr/page_livre.php?livre=3", "/images/carroussel/AD-14.JPG","https://armorialdefrance.fr/page_livre.php?livre=33", "/images/carroussel/AD-28.JPG","https://armorialdefrance.fr/page_livre.php?livre=66", "/images/carroussel/AR-ORL.JPG","https://armorialdefrance.fr/page_livre.php?livre=28", "/images/carroussel/GENE-00.JPG","https://armorialdefrance.fr/page_livre.php?livre=25", "/images/carroussel/GENE-08.JPG","https://armorialdefrance.fr/page_livre.php?livre=26", "/images/carroussel/AR-ANG.JPG","https://armorialdefrance.fr/page_livre.php?livre=31", "/images/carroussel/AD-61.JPG","https://armorialdefrance.fr/page_livre.php?livre=46", "/images/carroussel/AR-CHEV.JPG","https://armorialdefrance.fr/page_livre.php?livre=47", "/images/carroussel/AR-NOR.JPG","https://armorialdefrance.fr/page_livre.php?livre=56", //Du Mont "/images/carroussel/AR-34.JPG","https://armorialdefrance.fr/page_livre.php?livre=32", "/images/carroussel/AD-34a.JPG","https://armorialdefrance.fr/page_livre.php?livre=48", "/images/carroussel/AR-VEN.JPG","https://armorialdefrance.fr/page_livre.php?livre=50", "/images/carroussel/AR-NORM.JPG","https://armorialdefrance.fr/page_livre.php?livre=54" ); /***************** DO NOT EDIT BELOW **********************************/ CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2); C_Coef=new Array( 3*Math.PI/2,0, 3*Math.PI/2,11*Math.PI/6,Math.PI/6, 3*Math.PI/2,7*Math.PI/4,0,Math.PI/4,3*Math.PI/2, 5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3); var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9; C_Pre_Img=new Array(Car_Image_Sources.length); var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW, C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2; function Carousel(){ if(document.getElementById){ for(i=0;i<Car_Image_Sources.length;i+=2){ C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i] } C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1; Car_Div=document.getElementById("Carousel"); for(i=0;i<C_HalfNo;i++){ CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]); CW_I[i].style.position="absolute"; CW_I[i].style.top=0+"px"; CW_I[i].style.height=Car_Image_Height+"px"; if(Car_Border){ CW_I[i].style.borderStyle="solid"; CW_I[i].style.borderWidth=1+"px"; CW_I[i].style.borderColor=Car_Border_Color } CW_I[i].src=Car_Image_Sources[2*i]; CW_I[i].lnk=Car_Image_Sources[2*i+1]; CW_I[i].onclick=C_LdLnk; CW_I[i].onmouseover=C_Stp; CW_I[i].onmouseout=C_Rstrt } CarImages() } } function CarImages(){ if(!C_Stppd){ C_TotalW=0; for(i=0;i<C_HalfNo;i++){ C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width); C_TotalW+=C_ClcW[i] } C_LeftOffset=(C_MaxW-C_TotalW)/2; for(i=0;i<C_HalfNo;i++){ CW_I[i].style.left=C_LeftOffset+"px"; CW_I[i].style.width=C_ClcW[i]+"px"; C_LeftOffset+=C_ClcW[i] } C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1); if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){ if(C_CrImg==Car_Image_Sources.length)C_CrImg=0; if(Car_Direction){ CW_I[C_HalfNo]=CW_I[0]; for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1]; CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg]; CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1] } else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1]; CW_I[0]=CW_I[C_HalfNo]; CW_I[0].src=Car_Image_Sources[C_CrImg]; CW_I[0].lnk=Car_Image_Sources[C_CrImg+1] } C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2 } } setTimeout("CarImages()",50) } function C_LdLnk(){if(this.lnk)window.location.href=this.lnk} function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;} function C_Rstrt(){C_Stppd=false} </script> <div id="Carousel" style="position:relative"> <img src="placeholder.gif" width="367" height="150">  <img src="/images/divers/edition.png"> </div> <div id="corps"> <a href="new_menu.php"> Aller au menu </a>LA CELLE SAINT CLOUD (<a href="https://armorialdefrance.fr/departement_communes.php?dept=78">Yvelines</a>) INSEE n° 78126 <img height="284" width="225" src= "http://armorialdefrance.fr/images/blasons_la/LA_CELLE_SAINT_CLOUD-78.jpg" href= "http://armorialdefrance.fr/images/blasons_la/LA_CELLE_SAINT_CLOUD-78.jpg" /> D'azur au grêlier d'or enfermant une fleur de lis du même; au chef d'argent chargé de trois têtes d'aigles arrachées de sable.* * *<div align="left">LIENS (à titre indicatif) </div><ul><li><a href="http://www.lacellesaintcloud.fr/Histoire.html" onclick="window.open(this.href);return false">lacellesaintcloud.fr</a></li> <li><a href="http://commons.wikimedia.org/wiki/File:La_Celle-Saint-Cloud_Blason.jpg" onclick="window.open(this.href);return false">commons.wikimedia.org</></li></ul>* * *DOCUMENTS DIVERS <img src= "documents/SI/LA_CELLE_SAINT_CLOUD-78-01.JPG"> Blason sur le site de la commune, 2013. <img src= "documents/SI/LA_CELLE_SAINT_CLOUD-78-02.JPG"> Blason de la commune, dessin de Robert Louis. <img src= "documents/ML/LA_CELLE_SAINT_CLOUD-78-03.JPG"> Blason sur la façade de l'Hôtel de Ville (Wikipedia, 2013).* * *Sources: SI Mise(s) à jour: 21/05/2013 Création de la page. <a href="#hautdepage">Retour haut de page</a> </div> <div id="pied_de_page"> <a href="https://www.planethoster.net/"> <img src="images/divers/planethoster.gif" alt="Hébergé par PlanetHoster"> </a> <a href="https://bsky.app/profile/armorial.bsky.social"> <img src="images/divers/bluesky.gif" alt="Réseau social Bluesky"> </a> Les dessins des blasons sont exécutés par mes soins. Les documents présentés proviennent, sauf indication contraire, de mes collections personnelles. Toute utilisation dans un but commercial est interdite, sauf accord explicite de ma part. <a href="http://www.copyrightdepot.com/cd61/00053865.htm"> <img src="images/divers/copyright.jpg" alt="Copyright"> </a></div></body></html>