conversation10.ogg 53 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192
  1. <!doctype html>
  2. <html lang="fr" class="no-js">
  3. <head>
  4. <title>Chine-culture.com : découvrir la Chine et sa culture - apprendre le chinois</title>
  5. <!-- ***** meta ***** -->
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
  8. <meta name="description" content="Chine-culture.com : un site pour découvrir la culture chinoise et apprendre le chinois. Cours de chinois gratuit en ligne, origami, médecine chinoise, peinture et calligraphie chinoise."/>
  9. <meta name="keyword" content="Chine, culture,cours de chinois, peinture, calligraphie, médecine, arts martiaux, guide touristique, origami, chinois, voyage, prénom chinois"/>
  10. <meta name="google-site-verification" content="IwND8N4_2tbaklA6dysa2A46KoaTKTtyjtDgcUKfKmU" />
  11. <!-- ***** Favicons ***** -->
  12. <link rel="shortcut icon" href="codes/commun/theme/images/favicon.png">
  13. <link rel="apple-touch-icon" href="codes/commun/theme/images/favicons/apple-touch-icon-57x57.png">
  14. <link rel="apple-touch-icon" sizes="44x72" href="codes/commun/theme/images/favicons/apple-touch-icon-72x72.png">
  15. <link rel="apple-touch-icon" sizes="70x114" href="codes/commun/theme/images/favicons/apple-touch-icon-114x114.png">
  16. <!-- ***** Fonts Face ***** -->
  17. <link rel="stylesheet" type="text/css" href="codes/commun/theme/css/stylesheet.css">
  18. <!-- ***** Google Fonts ***** -->
  19. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  20. <!-- ***** Addons Stylesheet ***** -->
  21. <link rel="stylesheet" type="text/css" href="codes/commun/theme/css/rev-settings.css" media="screen" />
  22. <!-- ***** Bootstrap CSS Stylesheet ***** -->
  23. <link rel="stylesheet" type="text/css" href="codes/commun/theme/css/bootstrap.css">
  24. <!-- ***** Main + Responsive CSS Stylesheet ***** -->
  25. <link rel="stylesheet" type="text/css" href="codes/commun/theme/css/icons-styles.css">
  26. <link rel="stylesheet" type="text/css" href="codes/commun/theme/css/template.css">
  27. <link rel="stylesheet" type="text/css" href="codes/commun/theme/css/responsive-devices.css" />
  28. <!-- ***** Updates CSS Stylesheet (for future templates updates ***** -->
  29. <link rel="stylesheet" type="text/css" href="codes/commun/theme/css/updates.css">
  30. <!-- ***** Custom CSS Stylesheet (where you should add your own css rules) ***** -->
  31. <link rel="stylesheet" type="text/css" href="codes/commun/theme/css/custom.css">
  32. <!-- JS -->
  33. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
  34. <script>window.jQuery || document.write('<script src="js/jquery.min.js">\x3C/script>')</script>
  35. </head>
  36. <body class="">
  37. <div id="page-wrapper" class="home5">
  38. <header id="header" class="nav-down header3">
  39. <div id="panel">
  40. <div class="container">
  41. <div class="row">
  42. <div class="col-sm-12">
  43. <ul class="info reset-list">
  44. <li class="animation">
  45. <a href="http://www.chine-culture.com/ar/" alt=" العربية" title=" العربية"><img src="codes/commun/theme/images/flags/ar.png" alt=" العربية"></a>
  46. </li>
  47. <li class="animation">
  48. <a href="http://www.chine-culture.com/bg/" alt="Български" title="Български"><img src="codes/commun/theme/images/flags/bg.png" alt="Български"></a>
  49. </li>
  50. <li class="animation">
  51. <a href="http://www.chine-culture.com/cs/" alt="Čeština" title="Čeština"><img src="codes/commun/theme/images/flags/cs.png" alt="Čeština"></a>
  52. </li>
  53. <li class="animation">
  54. <a href="http://www.chine-culture.com/da/" alt="Dansk" title="Dansk"><img src="codes/commun/theme/images/flags/da.png" alt="Dansk"></a>
  55. </li>
  56. <li class="animation">
  57. <a href="http://www.chine-culture.com/de/" alt="Deutsch" title="Deutsch"><img src="codes/commun/theme/images/flags/de.png" alt="Deutsch"></a>
  58. </li>
  59. <li class="animation">
  60. <a href="http://www.chine-culture.com/el/" alt="Ελληνικά" title="Ελληνικά"><img src="codes/commun/theme/images/flags/el.png" alt="Ελληνικά"></a>
  61. </li>
  62. <li class="animation">
  63. <a href="http://www.chine-culture.com/es/" alt="Español" title="Español"><img src="codes/commun/theme/images/flags/es.png" alt="Español"></a>
  64. </li>
  65. <li class="animation">
  66. <a href="http://www.chine-culture.com/fi/" alt="Suomalainen" title="Suomalainen"><img src="codes/commun/theme/images/flags/fi.png" alt="Suomalainen"></a>
  67. </li>
  68. <li class="animation">
  69. <a href="http://www.chine-culture.com" alt="Français" title="Français"><img src="codes/commun/theme/images/flags/fr.png" alt="Français"></a>
  70. </li>
  71. <li class="animation">
  72. <a href="http://www.chine-culture.com/hr/" alt="Hrvatski" title="Hrvatski"><img src="codes/commun/theme/images/flags/hr.png" alt="Hrvatski"></a>
  73. </li>
  74. <li class="animation">
  75. <a href="http://www.chine-culture.com/hu/" alt="Magyar" title="Magyar"><img src="codes/commun/theme/images/flags/hu.png" alt="Magyar"></a>
  76. </li>
  77. <li class="animation">
  78. <a href="http://www.chine-culture.com/id/" alt="Bahasa Indonesia" title="Bahasa Indonesia"><img src="codes/commun/theme/images/flags/id.png" alt="Bahasa Indonesia"></a>
  79. </li>
  80. <li class="animation">
  81. <a href="http://www.chine-culture.com/it/" alt="Italiano" title="Italiano"><img src="codes/commun/theme/images/flags/it.png" alt="Italiano"></a>
  82. </li>
  83. <li class="animation">
  84. <a href="http://www.chine-culture.com/iw/" alt="עברית" title="עברית"><img src="codes/commun/theme/images/flags/iw.png" alt="עברית"></a>
  85. </li>
  86. <li class="animation">
  87. <a href="http://www.chine-culture.com/ja/" alt="日本語" title="日本語"><img src="codes/commun/theme/images/flags/ja.png" alt="日本語"></a>
  88. </li>
  89. <li class="animation">
  90. <a href="http://www.chine-culture.com/ko/" alt="우리말" title="우리말"><img src="codes/commun/theme/images/flags/ko.png" alt="우리말"></a>
  91. </li>
  92. <li class="animation">
  93. <a href="http://www.chine-culture.com/lt/" alt="Lietuvos" title="Lietuvos"><img src="codes/commun/theme/images/flags/lt.png" alt="Lietuvos"></a>
  94. </li>
  95. <li class="animation">
  96. <a href="http://www.chine-culture.com/lv/" alt="Latviešu valoda" title="Latviešu valoda"><img src="codes/commun/theme/images/flags/lv.png" alt="Latviešu valoda"></a>
  97. </li>
  98. <li class="animation">
  99. <a href="http://www.chine-culture.com/nl/" alt="Nederlands" title="Nederlands"><img src="codes/commun/theme/images/flags/nl.png" alt="Nederlands"></a>
  100. </li>
  101. <li class="animation">
  102. <a href="http://www.chine-culture.com/no/" alt="Norsk" title="Norsk"><img src="codes/commun/theme/images/flags/no.png" alt="Norsk"></a>
  103. </li>
  104. <li class="animation">
  105. <a href="http://www.chine-culture.com/pl/" alt="Polski" title="Polski"><img src="codes/commun/theme/images/flags/pl.png" alt="Polski"></a>
  106. </li>
  107. <li class="animation">
  108. <a href="http://www.chine-culture.com/pt/" alt="Português" title="Português"><img src="codes/commun/theme/images/flags/pt.png" alt="Português"></a>
  109. </li>
  110. <li class="animation">
  111. <a href="http://www.chine-culture.com/ro/" alt="Română" title="Română"><img src="codes/commun/theme/images/flags/ro.png" alt="Română"></a>
  112. </li>
  113. <li class="animation">
  114. <a href="http://www.chine-culture.com/ru/" alt="Русский" title="Русский"><img src="codes/commun/theme/images/flags/ru.png" alt="Русский"></a>
  115. </li>
  116. <li class="animation">
  117. <a href="http://www.chine-culture.com/sk/" alt="Slovenčina" title="Slovenčina"><img src="codes/commun/theme/images/flags/sk.png" alt="Slovenčina"></a>
  118. </li>
  119. <li class="animation">
  120. <a href="http://www.chine-culture.com/sv/" alt="Svenska" title="Svenska"><img src="codes/commun/theme/images/flags/sv.png" alt="Svenska"></a>
  121. </li>
  122. <li class="animation">
  123. <a href="http://www.chine-culture.com/th/" alt="ภาษาไทย" title="ภาษาไทย"><img src="codes/commun/theme/images/flags/th.png" alt="ภาษาไทย"></a>
  124. </li>
  125. <li class="animation">
  126. <a href="http://www.chine-culture.com/tr/" alt="Türkçe" title="Türkçe"><img src="codes/commun/theme/images/flags/tr.png" alt="Türkçe"></a>
  127. </li>
  128. <li class="animation">
  129. <a href="http://www.chine-culture.com/uk/" alt="Українська" title="Українська"><img src="codes/commun/theme/images/flags/uk.png" alt="Українська"></a>
  130. </li>
  131. <li class="animation">
  132. <a href="http://www.chine-culture.com/vi/" alt="Tiếng Việt" title="Tiếng Việt"><img src="codes/commun/theme/images/flags/vi.png" alt="Tiếng Việt"></a>
  133. </li>
  134. </ul>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="slide">
  140. <div class="container relative">
  141. <a href="http://www.chine-culture.com" class="btn-slide"><span class="icon-angle-up"></span></a>
  142. </div>
  143. </div><!-- end sliding panel -->
  144. <div class="container">
  145. <div class="row">
  146. <div class="col-sm-12">
  147. <div class="relative onlyh3">
  148. <div class="logo-container">
  149. <h1 id="logo">
  150. <a href="http://www.chine-culture.com">
  151. <div class="logo-default">
  152. <img src="codes/commun/theme/images/logo.png" alt="chine-culture.com" title="chine-culture.com" class="img-responsive">
  153. <span>chine-culture.com</span>
  154. </div>
  155. </a>
  156. </h1><!-- end logo -->
  157. </div><!-- end logo-container -->
  158. <!-- Responsive Menu -->
  159. <div class="zn-res-menuwrapper">
  160. <a class="zn-res-trigger" href="#"></a>
  161. </div>
  162. <div id="main-menu">
  163. <ul>
  164. <li class="has-sub">
  165. <a href="http://www.chine-culture.com/#">Accueil</a>
  166. </li>
  167. <li class="has-sub">
  168. <a href="http://www.chine-culture.com/peinture-chinoise/peinture-chinoise.php">Peinture</a>
  169. <ul>
  170. <li>
  171. <a href="http://www.chine-culture.com/peinture-chinoise/peinture-chinoise.php">La peinture chinoise</a>
  172. </li>
  173. <li>
  174. <a href="http://www.chine-culture.com/peinture-chinoise/materiel-de-peinture-chinoise.php">Matériel nécessaire</a>
  175. </li>
  176. <li>
  177. <a href="http://www.chine-culture.com/peinture-chinoise/gongbi.php">Gongbi</a>
  178. </li>
  179. <li>
  180. <a href="http://www.chine-culture.com/peinture-chinoise/baimiao.php">Baimiao</a>
  181. </li>
  182. <li>
  183. <a href="http://www.chine-culture.com/peinture-chinoise/mogu.php">Mogu</a>
  184. </li>
  185. </li>
  186. <li>
  187. <a href="http://www.chine-culture.com/peinture-chinoise/xieyi.php">Xieyi</a>
  188. </li>
  189. <li>
  190. <a href="http://www.chine-culture.com/peinture-chinoise/marouflage.php">Marouflage</a>
  191. </li>
  192. <li>
  193. <a href="http://www.chine-culture.com/peinture-chinoise/modele.php">Modèles</a>
  194. </li>
  195. </ul>
  196. </li>
  197. <li class="has-sub">
  198. <a href="http://www.chine-culture.com/calligraphie-chinoise/calligraphie-chinoise.php">Calligraphie</a>
  199. <ul>
  200. <li>
  201. <a href="http://www.chine-culture.com/calligraphie-chinoise/calligraphie-chinoise.php">La calligraphie</a>
  202. </li>
  203. <li>
  204. <a href="http://www.chine-culture.com/calligraphie-chinoise/styles-calligraphie-chinoise.php">Les styles</a>
  205. </li>
  206. <li>
  207. <a href="http://www.chine-culture.com/calligraphie-chinoise/materiel-de-calligraphie-chinoise.php">Le matériel</a>
  208. </li>
  209. <li>
  210. <a href="http://www.chine-culture.com/calligraphie-chinoise/maintien-pinceau.php">Tenir le pinceau</a>
  211. </li>
  212. <li>
  213. <a href="http://www.chine-culture.com/calligraphie-chinoise/quadrillage.php">Quadrillages</a>
  214. </li>
  215. <li>
  216. <a href="http://www.chine-culture.com/calligraphie-chinoise/trace.php">Le tracé</a>
  217. </li>
  218. <li>
  219. <a href="http://www.chine-culture.com/calligraphie-chinoise/huit-traits.php">Les 8 traits</a>
  220. </li>
  221. <li>
  222. <a href="http://www.chine-culture.com/calligraphie-chinoise/apprendre.php">Apprendre</a>
  223. </li>
  224. <li>
  225. <a href="http://www.chine-culture.com/calligraphie-chinoise/style-regulier.php">Style régulier</a>
  226. </li>
  227. <li>
  228. <a href="http://www.chine-culture.com/calligraphie-chinoise/modele-de-calligraphie-chinoise.php">Modèle</a>
  229. </li>
  230. </ul>
  231. </li>
  232. <li class="has-sub mega">
  233. <a href="http://www.chine-culture.com/chinois/chinois.php">Chinois</a>
  234. <ul class="mega-menu container clearfix">
  235. <li class="col-sm-3">
  236. <a href="http://www.chine-culture.com/chinois/chinois.php" class="mega-title">La langue chinoise</a>
  237. <ul class="sub-menu clearfix">
  238. <li>
  239. <a href="http://www.chine-culture.com/chinois/chinois.php">Le chinois</a>
  240. </li>
  241. <li>
  242. <a href="http://www.chine-culture.com/chinois/langues-de-chine.php">Langues de Chine</a>
  243. </li>
  244. <li>
  245. <a href="http://www.chine-culture.com/chinois/ecriture-chinoise.php">L'écriture chinoise</a>
  246. </li>
  247. <li>
  248. <a href="http://www.chine-culture.com/chinois/les-regles-d-ecriture.php">Les règles d'écriture</a>
  249. </li>
  250. <li>
  251. <a href="http://www.chine-culture.com/chinois/pinyin.php">Le pinyin</a>
  252. </li>
  253. </ul>
  254. </li>
  255. <li class="col-sm-3">
  256. <a href="http://www.chine-culture.com/chinois/apprendre-le-chinois-mandarin.php" class="mega-title">Apprendre</a>
  257. <ul class="sub-menu clearfix">
  258. <li>
  259. <a href="http://www.chine-culture.com/chinois/apprendre-le-chinois-mandarin.php">Apprendre le chinois</a>
  260. </li>
  261. <li>
  262. <a href="http://www.chine-culture.com/chinois/cours-de-chinois-en-ligne-gratuit.php">Cours de chinois</a>
  263. </li>
  264. <li>
  265. <a href="http://www.chine-culture.com/chinois/expression-en-chinois.php">Expressions utiles</a>
  266. </li>
  267. <li>
  268. <a href="http://www.chine-culture.com/chinois/bac-chinois-lv3.php">Bac chinois LV3</a>
  269. </li>
  270. <li>
  271. <a href="http://www.chine-culture.com/chinois/bac-chinois-lv2.php">Bac chinois LV2</a>
  272. </li>
  273. </ul>
  274. </li>
  275. <li class="col-sm-3">
  276. <a href="http://www.chine-culture.com/chinois/dictionnaire-chinois.php" class="mega-title">Ressources</a>
  277. <ul class="sub-menu clearfix">
  278. <li>
  279. <a href="http://www.chine-culture.com/chinois/dictionnaire-chinois.php">Dictionnaire</a>
  280. </li>
  281. <li>
  282. <a href="http://www.chine-culture.com/chinois/prenom-chinois.php">Prénom chinois</a>
  283. </li>
  284. <li>
  285. <a href="http://www.chine-culture.com/chinois/traduction-et-calligraphie-pour-tatouage-chinois.php">Tatouage</a>
  286. </li>
  287. <li>
  288. <a href="http://www.chine-culture.com/chinois/grille-ecriture.php">Grille d'écriture</a>
  289. </li>
  290. <li>
  291. <a href="http://www.chine-culture.com/chinois/analyseur-de-texte-chinois.php">Analyseur de texte</a>
  292. </li>
  293. <li>
  294. <a href="http://www.chine-culture.com/chinois/ressources-pedagogiques-pour-enseigner-le-chinois-mandarin.php">Ressources pédagogiques</a>
  295. </li>
  296. </ul>
  297. </li>
  298. <li class="col-sm-3">
  299. <a href="http://www.chine-culture.com/classiques-chinois/index.php" class="mega-title">Bibliothèque</a>
  300. <ul class="sub-menu clearfix">
  301. <li>
  302. <a href="http://www.chine-culture.com/classiques-chinois/laozi-index.php">La Voie et de la Vertu (Laozi)</a>
  303. </li>
  304. <li>
  305. <a href="http://www.chine-culture.com/classiques-chinois/lunyu-index.php">Les entretiens de Confucius</a>
  306. </li>
  307. <li>
  308. <a href="http://www.chine-culture.com/classiques-chinois/sunzi-index.php">L'art de la guerre de Sunzi</a>
  309. </li>
  310. </ul>
  311. </li>
  312. </ul>
  313. </li>
  314. <li class="has-sub mega">
  315. <a href="http://www.chine-culture.com/wushu/kungfu.php">Kungfu</a>
  316. </li>
  317. <li class="has-sub mega">
  318. <a href="http://www.chine-culture.com/voyage-en-chine/beijing.php">Voyage</a>
  319. <ul class="mega-menu container clearfix">
  320. <li class="col-sm-3">
  321. <a href="http://www.chine-culture.com/voyage-en-chine/beijing.php" class="mega-title">Beijing</a>
  322. <ul class="sub-menu clearfix">
  323. <li>
  324. <a href="http://www.chine-culture.com/voyage-en-chine/beijing-cite-interdite.php">La Cité Interdite</a>
  325. </li>
  326. <li>
  327. <a href="http://www.chine-culture.com/voyage-en-chine/beijing-temple-du-ciel.php">Temple du Ciel</a>
  328. </li>
  329. <li>
  330. <a href="http://www.chine-culture.com/voyage-en-chine/beijing-temple-des-lamas.php">Temple des Lamas</a>
  331. </li>
  332. <li>
  333. <a href="http://www.chine-culture.com/voyage-en-chine/beijing-grande-muraille.php">Grande Muraille</a>
  334. </li>
  335. <li>
  336. <a href="http://www.chine-culture.com/voyage-en-chine/beijing-tombeaux-des-ming.php">Tombeaux des Ming</a>
  337. </li>
  338. </ul>
  339. </li>
  340. <li class="col-sm-3">
  341. <a href="http://www.chine-culture.com/voyage-en-chine/shanghai.php" class="mega-title">Shanghai</a>
  342. <ul class="sub-menu clearfix">
  343. <li>
  344. <a href="http://www.chine-culture.com/voyage-en-chine/shanghai/la-place-du-peuple.php">La place du Peuple</a>
  345. <li>
  346. <a href="http://www.chine-culture.com/voyage-en-chine/shanghai/rue-de-nankin.php">La rue de Nankin</a>
  347. </li>
  348. <li>
  349. <a href="http://www.chine-culture.com/voyage-en-chine/shanghai/bund.php">Le Bund</a>
  350. </li>
  351. <li>
  352. <a href="http://www.chine-culture.com/voyage-en-chine/shanghai/jardin-yu.php">Le jardin Yu</a>
  353. </li>
  354. <li>
  355. <a href="http://www.chine-culture.com/voyage-en-chine/shanghai/temple-longhua.php">Le temple Longhua</a>
  356. </li>
  357. </ul>
  358. </li>
  359. <li class="col-sm-3">
  360. <a href="http://www.chine-culture.com/voyage-en-chine/shaanxi/xian.php" class="mega-title">Xi'an</a>
  361. <ul class="sub-menu clearfix">
  362. <li>
  363. <a href="http://www.chine-culture.com/voyage-en-chine/shaanxi/xian/armee-de-terre-cuite.php">Armée de terre cuite</a> </li>
  364. <li>
  365. <a href="http://www.chine-culture.com/voyage-en-chine/shaanxi/xian/grande-pagode-de-l-oie-sauvage.php">Grande pagode de l'Oie sauvage</a> </li>
  366. <li>
  367. <a href="http://www.chine-culture.com/voyage-en-chine/shaanxi/xian/petite-pagode-de-l-oie-sauvage.php">Petite pagode de l'Oie sauvage</a> </li>
  368. <li>
  369. <a href="http://www.chine-culture.com/voyage-en-chine/shaanxi/xian/grande-mosquee.php">Grande mosquée</a> </li>
  370. </ul>
  371. </li>
  372. </ul>
  373. </li>
  374. <li class="has-sub mega">
  375. <a href="http://www.chine-culture.com/origami/origami.php">Origami</a>
  376. <ul class="mega-menu container clearfix">
  377. <li class="col-sm-3">
  378. <a href="http://www.chine-culture.com/origami/origami.php" class="mega-title">Fondamentaux</a>
  379. <ul class="sub-menu clearfix">
  380. <li>
  381. <a href="http://www.chine-culture.com/origami/origami.php">Présentation</a>
  382. </li>
  383. <li>
  384. <a href="http://www.chine-culture.com/origami/symbole.php">Les symboles</a>
  385. </li>
  386. <li>
  387. <a href="http://www.chine-culture.com/origami/pli-de-base.php">Les plis de base</a>
  388. </li>
  389. <li>
  390. <a href="http://www.chine-culture.com/origami/base.php">Les bases</a>
  391. </li>
  392. </ul>
  393. </li>
  394. <li class="col-sm-3">
  395. <a href="http://www.chine-culture.com/origami/ciel.php" class="mega-title">La nature</a>
  396. <ul class="sub-menu clearfix">
  397. <li>
  398. <a href="http://www.chine-culture.com/origami/ciel.php">Du ciel</a>
  399. </li>
  400. <li>
  401. <a href="http://www.chine-culture.com/origami/animal-aquatique.php">De l'eau</a>
  402. </li>
  403. <li>
  404. <a href="http://www.chine-culture.com/origami/animal-terrestre.php">Sur la terre</a>
  405. </li>
  406. <li>
  407. <a href="http://www.chine-culture.com/origami/insecte.php">Les insectes</a>
  408. </li>
  409. <li>
  410. <a href="http://www.chine-culture.com/origami/fleur.php">Les fleurs</a>
  411. </li>
  412. <li>
  413. <a href="http://www.chine-culture.com/origami/nourriture.php">La nourriture</a>
  414. </li>
  415. <li>
  416. <a href="http://www.chine-culture.com/origami/zodiaque.php">Zodiaque</a>
  417. </li>
  418. </ul>
  419. </li>
  420. <li class="col-sm-3">
  421. <a href="http://www.chine-culture.com/origami/objet.php" class="mega-title">La vie courante</a>
  422. <ul class="sub-menu clearfix">
  423. <li>
  424. <a href="http://www.chine-culture.com/origami/objet.php">Les objets</a>
  425. </li>
  426. <li>
  427. <a href="http://www.chine-culture.com/origami/jouet.php">Les jouets</a>
  428. </li>
  429. <li>
  430. <a href="http://www.chine-culture.com/origami/vetement.php">Les vêtements</a>
  431. </li>
  432. <li>
  433. <a href="http://www.chine-culture.com/origami/enveloppe.php">Les enveloppes</a>
  434. </li>
  435. <li>
  436. <a href="http://www.chine-culture.com/origami/fete.php">Les fêtes</a>
  437. </li>
  438. <li>
  439. <a href="http://www.chine-culture.com/origami/serviette.php">Les serviettes</a>
  440. </li>
  441. <li>
  442. <a href="http://www.chine-culture.com/origami/iloveu.php">I love U</a>
  443. </li>
  444. </ul>
  445. </li>
  446. <li class="col-sm-3">
  447. <a href="http://www.chine-culture.com/origami/avion.php" class="mega-title">Origamis volants</a>
  448. <ul class="sub-menu clearfix">
  449. <li>
  450. <a href="http://www.chine-culture.com/origami/avion.php">Avion - planeur</a>
  451. </li>
  452. </ul>
  453. </li>
  454. </ul>
  455. </li>
  456. <li class="has-sub">
  457. <a href="http://www.chine-culture.com/medecine-chinoise/mtc.php">Medecine</a>
  458. <ul>
  459. <li>
  460. <a href="http://www.chine-culture.com/medecine-chinoise/mtc.php">Généralités</a>
  461. </li>
  462. <li>
  463. <a href="http://www.chine-culture.com/medecine-chinoise/theorie.php">Théorie</a>
  464. </li>
  465. <li>
  466. <a href="http://www.chine-culture.com/medecine-chinoise/theorie-du-yin-et-du-yang.php">Le yin et le yang</a>
  467. </li>
  468. <li>
  469. <a href="http://www.chine-culture.com/medecine-chinoise/diagnostic.php">Diagnostic</a>
  470. </li>
  471. <li>
  472. <a href="http://www.chine-culture.com/medecine-chinoise/acupuncture.php">Acupuncture</a>
  473. </li>
  474. <li>
  475. <a href="http://www.chine-culture.com/medecine-chinoise/phytotherapie.php">Phytothérapie</a>
  476. </li>
  477. <li>
  478. <a href="http://www.chine-culture.com/medecine-chinoise/massage.php">Massage Tuina</a>
  479. </li>
  480. <li>
  481. <a href="http://www.chine-culture.com/medecine-chinoise/etudier_en_chine.php">Étudier en Chine</a>
  482. </li>
  483. </ul>
  484. </li>
  485. <li class="has-sub">
  486. <a href="http://www.chine-culture.com/histoire-de-chine/index.php">Histoire</a>
  487. <ul>
  488. <li>
  489. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-neolitique-au-Qin.php">Du néolithique au Qin(-206)</a>
  490. </li>
  491. <li>
  492. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-neolitique-Yangshuo.php">La culture Yangshao</a>
  493. </li>
  494. <li>
  495. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynastie-Han.php">Han(-206-220)</a>
  496. </li>
  497. <li>
  498. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynasties-Wei-Jin.php">Wei-Jin(220-420)</a>
  499. </li>
  500. <li>
  501. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynasties-Nan-Bei.php">Nan-Bei(420-581)</a>
  502. </li>
  503. <li>
  504. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynasties-Sui-Tang.php">Sui-Tang(581-907)</a>
  505. </li>
  506. <li>
  507. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-des-cinq-dynasties.php">Cinq Dynasties(907-960)</a>
  508. </li>
  509. <li>
  510. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynastie-Bei-Song.php">Bei Song(960-1127)</a>
  511. </li>
  512. <li>
  513. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynastie-Nan-Song.php">Nan Song(1127-1271)</a>
  514. </li>
  515. <li>
  516. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynastie-Yuan.php">Yuan(1271-1368)</a>
  517. </li>
  518. <li>
  519. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynastie-Ming.php">Ming(1368-1644)</a>
  520. </li>
  521. <li>
  522. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-dynastie-Qing.php">Qing(1644-1911)</a>
  523. </li>
  524. <li>
  525. <a href="http://www.chine-culture.com/histoire-de-chine/histoire-de-l-art-chinois-epoque-moderne.php">Époque moderne</a>
  526. </li>
  527. </ul>
  528. </li>
  529. </ul> </div><!-- end main menu -->
  530. </div>
  531. </div>
  532. </div>
  533. </div>
  534. </header>
  535. <div id="slideshow" class="mbottom40">
  536. <div class="tp-banner-container">
  537. <div class="tp-banner" >
  538. <ul class="reset-list">
  539. <!-- SLIDE 2016
  540. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  541. <-- MAIN IMAGE
  542. <img src="codes/commun/theme/images/slideshow/slide9.jpg" alt="slidebg9" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
  543. <-- LAYERS
  544. <-- LAYER NR. 1
  545. <div class="tp-caption lfb firstslide"
  546. data-x="0"
  547. data-y="50"
  548. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  549. data-speed="1000"
  550. data-start="1000"
  551. data-easing="Power3.easeInOut"
  552. data-endspeed="300"
  553. style="z-index: 2"><img src="codes/commun/theme/images/slideshow/layer9.png" alt="">
  554. </div>
  555. <-- LAYER NR. 2
  556. <div class="tp-caption lfr firstslide"
  557. data-x="right"
  558. data-y="150"
  559. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  560. data-speed="1000"
  561. data-start="1000"
  562. data-easing="Power3.easeInOut"
  563. data-endspeed="300"
  564. style="z-index: 2">
  565. <span class="first-span" style="color:#000000;">Bonne année</span><h2><br/>du Singe du feu</h2>
  566. </div>
  567. <--LAYER NR. 3
  568. <div class="tp-caption lfr firstslide"
  569. data-x="right"
  570. data-y="350"
  571. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  572. data-speed="1000"
  573. data-start="1500"
  574. data-easing="Power3.easeInOut"
  575. data-endspeed="300"
  576. style="z-index: 2">
  577. <h5></h5>
  578. </div>
  579. </li> -->
  580. <!-- SLIDE peinture -->
  581. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  582. <!-- MAIN IMAGE -->
  583. <img src="codes/commun/theme/images/slideshow/slide1.jpg" alt="slidebg1" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
  584. <!-- LAYERS -->
  585. <!-- LAYER NR. 1 -->
  586. <!-- LAYER NR. 2 -->
  587. <div class="tp-caption lfr firstslide"
  588. data-x="right"
  589. data-y="150"
  590. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  591. data-speed="1000"
  592. data-start="1000"
  593. data-easing="Power3.easeInOut"
  594. data-endspeed="300"
  595. style="z-index: 2">
  596. <span class="first-span">Peinture</span><h2><br/> Les styles <span class="second-span">et</span> les techniques</h2>
  597. </div>
  598. <!-- LAYER NR. 3 -->
  599. <div class="tp-caption lfr firstslide"
  600. data-x="right"
  601. data-y="300"
  602. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  603. data-speed="1000"
  604. data-start="1500"
  605. data-easing="Power3.easeInOut"
  606. data-endspeed="300"
  607. style="z-index: 2">
  608. <h5>Plus que l'image, la peinture chinoise recherche l'essence même de l'être.</h5>
  609. </div>
  610. </li>
  611. <!-- SLIDE calligraphie -->
  612. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  613. <!-- MAIN IMAGE -->
  614. <img src="codes/commun/theme/images/slideshow/slide2.jpg" alt="slidebg2" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat"/>
  615. <!-- LAYERS -->
  616. <!-- LAYER NR. 1 -->
  617. <div class="tp-caption sfl secondslide"
  618. data-x="left"
  619. data-y="150"
  620. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  621. data-speed="1000"
  622. data-start="1000"
  623. data-easing="Power3.easeInOut"
  624. data-endspeed="300"
  625. style="z-index: 2">
  626. <span class="first-span">Calligraphie</span><h2><br/> Les techniques <span class="second-span">&</span> les modèles</h2>
  627. </div>
  628. <!-- LAYER NR. 2 -->
  629. <div class="tp-caption sfl secondslide"
  630. data-x="left"
  631. data-y="300"
  632. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  633. data-speed="1000"
  634. data-start="1500"
  635. data-easing="Power3.easeInOut"
  636. data-endspeed="300"
  637. style="z-index: 2">
  638. <h5>Découvrez les mystères de l'art de l'écriture chinoise !</h5>
  639. </div>
  640. </li>
  641. <!-- SLIDE chinnois -->
  642. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  643. <!-- MAIN IMAGE -->
  644. <img src="codes/commun/theme/images/slideshow/slide3.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat"/>
  645. <!-- LAYERS -->
  646. <!-- LAYER NR. 1 -->
  647. <div class="tp-caption sfl fourthslide"
  648. data-x="left"
  649. data-y="center"
  650. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  651. data-speed="1000"
  652. data-start="1000"
  653. data-easing="Power3.easeInOut"
  654. data-endspeed="300"
  655. style="z-index: 2">
  656. <img src="codes/commun/theme/images/slideshow/layer3.png" alt="" />
  657. </div>
  658. <!-- LAYER NR. 2 -->
  659. <div class="tp-caption sfr fourthslide"
  660. data-x="right"
  661. data-y="150"
  662. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  663. data-speed="1000"
  664. data-start="1000"
  665. data-easing="Power3.easeInOut"
  666. data-endspeed="300"
  667. style="z-index: 2">
  668. <span class="first-span">Chinois</span><h2><br>Cours de chinois<br>Prénom chinois<br>Dictionnaire</h2>
  669. </div>
  670. </li>
  671. <!-- SLIDE voyage -->
  672. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  673. <!-- MAIN IMAGE -->
  674. <img src="codes/commun/theme/images/slideshow/slide4.jpg" alt="slidebg4" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat"/>
  675. <!-- LAYERS -->
  676. <!-- LAYER NR. 1 -->
  677. <!-- LAYER NR. 2 -->
  678. <div class="tp-caption sfr fourthslide"
  679. data-x="right"
  680. data-y="150"
  681. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  682. data-speed="1000"
  683. data-start="1000"
  684. data-easing="Power3.easeInOut"
  685. data-endspeed="300"
  686. style="z-index: 2">
  687. <span class="first-span">Voyage</span><h2> <br> Guide de voyage en ligne</h2>
  688. </div>
  689. </li>
  690. <!-- SLIDE origami -->
  691. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  692. <!-- MAIN IMAGE -->
  693. <img src="codes/commun/theme/images/slideshow/slide5.jpg" alt="slidebg(" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat"/>
  694. <!-- LAYERS -->
  695. <!-- LAYER NR. 1 -->
  696. <div class="tp-caption sfl secondslide"
  697. data-x="left"
  698. data-y="150"
  699. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  700. data-speed="1000"
  701. data-start="1000"
  702. data-easing="Power3.easeInOut"
  703. data-endspeed="300"
  704. style="z-index: 2">
  705. <span class="first-span">Origami</span><h2><br/>Les symboles <span class="second-span">&</span> Les diagrammes</h2>
  706. </div>
  707. <!-- LAYER NR. 2 -->
  708. <div class="tp-caption sfl secondslide"
  709. data-x="left"
  710. data-y="300"
  711. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  712. data-speed="1000"
  713. data-start="1500"
  714. data-easing="Power3.easeInOut"
  715. data-endspeed="300"
  716. style="z-index: 2">
  717. <h5>Plus de 250 modèles d'origamis...</h5>
  718. </div>
  719. </li>
  720. <!-- SLIDE medecine -->
  721. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  722. <!-- MAIN IMAGE -->
  723. <img src="codes/commun/theme/images/slideshow/slide6.jpg" alt="slidebg6" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
  724. <!-- LAYERS -->
  725. <!-- LAYER NR. 1 -->
  726. <div class="tp-caption lfb firstslide"
  727. data-x="0"
  728. data-y="150"
  729. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  730. data-speed="1000"
  731. data-start="1000"
  732. data-easing="Power3.easeInOut"
  733. data-endspeed="300"
  734. style="z-index: 2"><img src="codes/commun/theme/images/slideshow/layer6.png" alt="">
  735. </div>
  736. <!-- LAYER NR. 2 -->
  737. <div class="tp-caption lfr firstslide"
  738. data-x="right"
  739. data-y="150"
  740. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  741. data-speed="1000"
  742. data-start="1000"
  743. data-easing="Power3.easeInOut"
  744. data-endspeed="300"
  745. style="z-index: 2">
  746. <span class="first-span">Médecine chinoise</span><h2><br/>Phytothérapie<br/>Acupuncture </h2>
  747. </div>
  748. <!-- LAYER NR. 3 -->
  749. <div class="tp-caption lfr firstslide"
  750. data-x="right"
  751. data-y="350"
  752. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  753. data-speed="1000"
  754. data-start="1500"
  755. data-easing="Power3.easeInOut"
  756. data-endspeed="300"
  757. style="z-index: 2">
  758. <h5>La médecine chinoise : la théorie, l'acupuncture, la phytothérapie, les diagnostics, les massages tuina, etc.</h5>
  759. </div>
  760. </li>
  761. <!-- SLIDE histoire -->
  762. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  763. <!-- MAIN IMAGE -->
  764. <img src="codes/commun/theme/images/slideshow/slide7.jpg" alt="slidebg7" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat"/>
  765. <!-- LAYERS -->
  766. <!-- LAYER NR. 1 -->
  767. <div class="tp-caption sft thirdslide"
  768. data-x="center"
  769. data-y="100"
  770. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  771. data-speed="1000"
  772. data-start="1000"
  773. data-easing="Power3.easeInOut"
  774. data-endspeed="300"
  775. style="z-index: 2">
  776. <span class="first-span"></span><h2>Histoire</h2>
  777. </div>
  778. <!-- LAYER NR. 2 -->
  779. <div class="tp-caption sft thirdslide"
  780. data-x="center"
  781. data-y="200"
  782. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  783. data-speed="1000"
  784. data-start="1000"
  785. data-easing="Power3.easeInOut"
  786. data-endspeed="300"
  787. style="z-index: 2">
  788. <h5>... Han, Wei-Jin, Nan-Bei, Sui-Tang, Cinq Dynasties, Song, Yuan, Ming, Qing ...</h5>
  789. </div>
  790. <!-- LAYER NR. 3 -->
  791. <div class="tp-caption sfb thirdslide"
  792. data-x="center"
  793. data-y="300"
  794. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  795. data-speed="1000"
  796. data-start="1000"
  797. data-easing="Power3.easeInOut"
  798. data-endspeed="300"
  799. style="z-index: 2">
  800. <img src="codes/commun/theme/images/slideshow/layer7.png" alt="" />
  801. </div>
  802. </li>
  803. <!-- SLIDE Bibliothèque -->
  804. <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
  805. <!-- MAIN IMAGE -->
  806. <img src="codes/commun/theme/images/slideshow/slide8.jpg" alt="slidebg8" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat"/>
  807. <!-- LAYERS -->
  808. <!-- LAYER NR. 1 -->
  809. <!-- LAYER NR. 2 -->
  810. <div class="tp-caption sfr fourthslide"
  811. data-x="right"
  812. data-y="150"
  813. data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
  814. data-speed="1000"
  815. data-start="1000"
  816. data-easing="Power3.easeInOut"
  817. data-endspeed="300"
  818. style="z-index: 2">
  819. <span class="first-span">Bibliothèque</span><h2><br>Les grands classiques<br>de la littérature chinoise</h2>
  820. </div>
  821. </li>
  822. </ul>
  823. </div>
  824. </div>
  825. </div><!-- end slideshow-->
  826. <div id="content">
  827. <div class="container mbottom50">
  828. <div class="row">
  829. <div class="col-sm-3">
  830. <div class="services-box">
  831. <a href="http://www.chine-culture.com/chinois/cours-de-chinois-en-ligne-gratuit.php" class="animation"><span class="icon-trophy"></span></a>
  832. <h5>Cours de chinois en ligne</h5>
  833. <p>Voici des cours de chinois mandarin en ligne complet et gratuit visant à vous faire acquérir le niveau 1 du Certificat de langue chinoise HSK...</p>
  834. <a class="btn2 btn-2 mtop20 mbottom30" href="http://www.chine-culture.com/chinois/cours-de-chinois-en-ligne-gratuit.php">J'en profite !</a>
  835. </div>
  836. </div>
  837. <div class="col-sm-3">
  838. <div class="services-box">
  839. <a href="http://www.chine-culture.com/chinois/prenom-chinois.php" class="animation"><span class="icon-quill"></span></a>
  840. <h5>Prénom en chinois</h5>
  841. <p>Traduisez votre nom et prénom en chinois !<br> Créez une magnifique calligraphie ou un splendide fond d'écran avec votre prénom chinois !</p>
  842. <a class="btn2 btn-2 mtop20 mbottom30" href="http://www.chine-culture.com/chinois/prenom-chinois.php">Créez votre prénom !</a>
  843. </div>
  844. </div>
  845. <div class="col-sm-3">
  846. <div class="services-box">
  847. <a href="http://www.chine-culture.com/chinois/dictionnaire-chinois.php" class="animation"><span class="icon-book"></span></a>
  848. <h5>Dictionnaire ch &harr; fr</h5>
  849. <p>Ce dictionnaire chinois-français / français-chinois possède plus de 105000 entrées du chinois vers le français et près du double du français vers le chinois...</p>
  850. <a class="btn2 btn-2 mtop20 mbottom30" href="http://www.chine-culture.com/chinois/dictionnaire-chinois.php">Je traduis</a>
  851. </div>
  852. </div>
  853. <div class="col-sm-3">
  854. <div class="services-box">
  855. <a href="http://www.chine-culture.com/chinois/traduction-et-calligraphie-pour-tatouage-chinois.php" class="animation"><span class="icon-clubs"></span></a>
  856. <h5>Tatouage en calligraphie</h5>
  857. <p>Vous voulez réaliser un tatouage chinois avec une traduction sûre et élégante ? Profitez d'un traducteur professionnel à un prix défiant toute concurrence ! </p>
  858. <a class="btn2 btn-2 mtop20 mbottom30" href="http://www.chine-culture.com/chinois/traduction-et-calligraphie-pour-tatouage-chinois.php">Je commande !</a>
  859. </div>
  860. </div>
  861. </div>
  862. </div><!-- end services -->
  863. <div class="pbottom50">
  864. <div class="portfolio-header">
  865. <div class="container">
  866. <div class="row">
  867. <div class="col-sm-12 center">
  868. <h2 class="satisfy-title">Dernières vidéos</h2>
  869. <iframe width="560" height="315" src="https://www.youtube.com/embed/eCYc1kQZADU" frameborder="0" allowfullscreen></iframe>
  870. <p><a href="https://www.youtube.com/channel/UCX1YBMSGz1L1WO9pQwuFK_Q">Toutes les vidéos sur la chaine Youtube de Chine culture !</a></p>
  871. </div>
  872. </div>
  873. </div>
  874. </div>
  875. </div>
  876. <div id="featured-projects" class="pbottom50">
  877. <div class="portfolio-header">
  878. <div class="container">
  879. <div class="row">
  880. <div class="col-sm-12 center">
  881. <h2 class="satisfy-title">Les meilleures pages</h2>
  882. <h4 class="section-subtitle">Voici les dernières ressources ou les pages que nous vous recommandons :</h4>
  883. <div class="portfolio-wrapper">
  884. <div class="col-sm-4 inline-block mbottom30">
  885. <div class="portfolio-item">
  886. <div class="item-image overlay overlay-effect">
  887. <figure>
  888. <a href="http://www.chine-culture.com/voyage-en-chine/beijing-grande-muraille.php">
  889. <img src="codes/commun/theme/images/new-projects/projects1.jpg" alt="" class="img-responsive"/>
  890. </a>
  891. <figcaption>
  892. <h3>Guide de voyage</h3>
  893. <h5>La Grande Muraille</h5>
  894. </figcaption>
  895. </figure>
  896. </div>
  897. </div>
  898. </div>
  899. <div class="col-sm-4 inline-block mbottom30">
  900. <div class="portfolio-item">
  901. <div class="item-image overlay overlay-effect">
  902. <figure>
  903. <a href="http://www.chine-culture.com/chinois/cours-de-chinois-en-ligne-gratuit.php">
  904. <img src="codes/commun/theme/images/new-projects/projects2.jpg" alt="" class="img-responsive" />
  905. </a>
  906. <figcaption>
  907. <h3>Cours de chinois</h3>
  908. <h5>Niveau 1 du HSK !</h5>
  909. </figcaption>
  910. </figure>
  911. </div>
  912. </div>
  913. </div>
  914. <div class="col-sm-4 inline-block mbottom30">
  915. <div class="portfolio-item">
  916. <div class="item-image overlay overlay-effect">
  917. <figure>
  918. <a href="http://www.chine-culture.com/origami/ciel-grue.php">
  919. <img src="codes/commun/theme/images/new-projects/projects3.jpg" alt="" class="img-responsive" />
  920. </a>
  921. <figcaption>
  922. <h3>Origami</h3>
  923. <h5>La grue, symbole de paix.</h5>
  924. </figcaption>
  925. </figure>
  926. </div>
  927. </div>
  928. </div>
  929. <div class="col-sm-4 inline-block mbottom30">
  930. <div class="portfolio-item">
  931. <div class="item-image overlay overlay-effect">
  932. <figure>
  933. <a href="http://www.chine-culture.com/peinture-chinoise/modele.php">
  934. <img src="codes/commun/theme/images/new-projects/projects4.jpg" alt="" class="img-responsive" />
  935. </a>
  936. <figcaption>
  937. <h3>Peinture</h3>
  938. <h5>Les modèles de peinture chinoise</h5>
  939. </figcaption>
  940. </figure>
  941. </div>
  942. </div>
  943. </div>
  944. <div class="col-sm-4 inline-block mbottom30">
  945. <div class="portfolio-item">
  946. <div class="item-image overlay overlay-effect">
  947. <figure>
  948. <a href="http://www.chine-culture.com/chinois/traduction-et-calligraphie-pour-tatouage-chinois.php">
  949. <img src="codes/commun/theme/images/new-projects/projects5.jpg" alt="" class="img-responsive" />
  950. </a>
  951. <figcaption>
  952. <h3>Tatouage</h3>
  953. <h5>Une traduction sûre !</h5>
  954. </figcaption>
  955. </figure>
  956. </div>
  957. </div>
  958. </div>
  959. <div class="col-sm-4 inline-block mbottom30">
  960. <div class="portfolio-item">
  961. <div class="item-image overlay overlay-effect">
  962. <figure>
  963. <a href="http://www.chine-culture.com/medecine-chinoise/etudier_en_chine.php">
  964. <img src="codes/commun/theme/images/new-projects/projects6.jpg" alt="" class="img-responsive" />
  965. </a>
  966. <figcaption>
  967. <h3>Médecine</h3>
  968. <h5>Étudier en Chine</h5>
  969. </figcaption>
  970. </figure>
  971. </div>
  972. </div>
  973. </div>
  974. </div>
  975. </div>
  976. </div>
  977. </div>
  978. </div>
  979. </div><!-- end #featured-projects -->
  980. </div><!-- end content -->
  981. <footer class="footer-style4">
  982. <div class="container">
  983. <div class="row">
  984. <div class="col-sm-4 mbottom30">
  985. <a href="http://www.chine-culture.com">
  986. <img src="codes/commun/theme/images/footer-logo.png" alt="" class="default" />
  987. </a>
  988. <p class="mtop10">un site pour découvrir la culture chinoise et <a href='http://www.cours-de-chinois.com/'>apprendre le chinois</a>.</p>
  989. <div class="social mtop25 mbottom30 clearfix">
  990. <ul class="reset-list">
  991. <li class="ico-twitter animation">
  992. <a href='http://twitter.com/home?status=Chine-culture.com : un site pour découvrir la culture chinoise et apprendre le chinois. Cours de chinois gratuit en ligne, origami, médecine chinoise, peinture et calligraphie chinoise.'>
  993. <span class="icon-twitter"></span>
  994. </a>
  995. </li>
  996. <li class="ico-facebook animation">
  997. <a href='http://www.facebook.com/sharer.php?u=http://www.chine-culture.com&t=Chine-culture.com : découvrir la Chine et sa culture - apprendre le chinois'>
  998. <span class="icon-facebook"></span>
  999. </a>
  1000. </li>
  1001. <li class="ico-google animation">
  1002. <a href='http://www.google.com/bookmarks/mark?op=edit&bkmk=http://www.chine-culture.com&title=Chine-culture.com : découvrir la Chine et sa culture - apprendre le chinois'>
  1003. <span class="icon-googleplus"></span>
  1004. </a>
  1005. </li>
  1006. <li class="ico-mail animation">
  1007. <a href='mailto:?subject=Chine-culture.com : découvrir la Chine et sa culture - apprendre le chinois&body=http://www.chine-culture.com'>
  1008. <span class="icon-mail"></span>
  1009. </a>
  1010. </li>
  1011. <li class="ico-linkedin animation">
  1012. <a href='http://www.linkedin.com/shareArticle?mini=true&url=http://www.chine-culture.com&title=Chine-culture.com : découvrir la Chine et sa culture - apprendre le chinois'>
  1013. <span class="icon-linkedin"></span>
  1014. </a>
  1015. </li>
  1016. <li class="ico-youtube animation">
  1017. <a href='https://www.youtube.com/channel/UCX1YBMSGz1L1WO9pQwuFK_Q'>
  1018. <span class="icon-youtube"></span>
  1019. </a>
  1020. </li>
  1021. </ul>
  1022. </div>
  1023. </div>
  1024. <div class="col-sm-4 mbottom30">
  1025. <h3><a href="http://www.chine-culture.com">Chine-culture.com</a></h3>
  1026. <p class="mtop20">Cours de chinois gratuit en ligne, origami, médecine chinoise, peinture et calligraphie chinoise.</p>
  1027. <ul class="menu-list reset-list">
  1028. <li>
  1029. <!-- <a href="divers/contact.php">Contact</a> -->
  1030. </li>
  1031. </ul>
  1032. </div>
  1033. <div class="col-sm-4">
  1034. <h3>Inscription à la Newsletter</h3>
  1035. <div id="subscribe" class="footer-subscribe mbottom10">
  1036. <p class="mtop20">En vous inscrivant à notre liste d'envoi, vous serez toujours à jour avec les dernières nouvelles du site.</p>
  1037. <form style="text-align:center;" action="http://www.chine-culture.com/divers/newsletter.php" method="post" id="mc-embedded-subscribe-form" class="validate" name="infolettre" >
  1038. <input type="text" value="" name="email" placeholder="Enter your email" required>
  1039. <input type="hidden" name="lang" value="">
  1040. <button onclick="document.forms['infolettre'].submit();"class=" btn-sm btn-small" type="submit" name="subscribe" id="mc-embedded-subscribe"><span class="icon-envelope"></span></button>
  1041. </form>
  1042. </div>
  1043. </div>
  1044. </div>
  1045. </div>
  1046. <div class="bottom-footer">
  1047. <div class="container">
  1048. <div class="row ptop10">
  1049. <div class="col-sm-6 col-xs-12 mbottom20">
  1050. <p class="copyright">© 2016 developed by <strong>chine-culture.com</strong>. All Rights Reserved. <br> Remerciements à Agnès P. pour sa précieuse relecture. </p>
  1051. </div>
  1052. </div>
  1053. </div>
  1054. </div>
  1055. </footer>
  1056. <!-- end footer -->
  1057. </div>
  1058. <p id="back-top">
  1059. <a href="http://www.chine-culture.comtop"><span class="icon-angle-up"></span></a>
  1060. </p>
  1061. <!-- JavaScript at the bottom for faster page loading -->
  1062. <script type="text/javascript" src="codes/commun/theme/js/modernizr.custom.js"></script>
  1063. <script type="text/javascript" src="codes/commun/theme/js/bootstrap.js"></script>
  1064. <script type="text/javascript" src="codes/commun/theme/js/clean-js-plugins.js"></script>
  1065. <!-- CleanLab Scrips File -->
  1066. <script type="text/javascript" src="codes/commun/theme/js/cleanlab_script.js"></script>
  1067. <!-- Custom Scrips loaded on this page -->
  1068. <script type="text/javascript" src="codes/commun/theme/js/jquery.themepunch.plugins.min.js"></script>
  1069. <script type="text/javascript" src="codes/commun/theme/js/jquery.themepunch.revolution.min.js"></script>
  1070. <script type="text/javascript"> /* Revolution Slider */
  1071. var revapi;
  1072. jQuery(document).ready(function() {
  1073. revapi = jQuery('.tp-banner').revolution(
  1074. {
  1075. delay:9000,
  1076. startwidth:1170,
  1077. startheight:500,
  1078. hideThumbs:10,
  1079. fullWidth:"on",
  1080. forceFullWidth:"on",
  1081. });
  1082. });
  1083. </script>
  1084. <script type="text/javascript">/* OWL Carousel */
  1085. $(document).ready(function() {
  1086. $(".testimonials2-carousel").owlCarousel({
  1087. navigation : false, // Show next and prev buttons
  1088. autoPlay: true,
  1089. slideSpeed : 300,
  1090. paginationSpeed : 400,
  1091. singleItem: true,
  1092. pagination: false,
  1093. transitionStyle : "fade"
  1094. // "singleItem:true" is a shortcut for:
  1095. // items : 1,
  1096. // itemsDesktop : false,
  1097. // itemsDesktopSmall : false,
  1098. // itemsTablet: false,
  1099. // itemsMobile : false
  1100. });
  1101. });
  1102. </script>
  1103. <script>
  1104. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1105. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1106. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1107. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1108. ga('create', 'UA-47740530-1', 'auto');
  1109. ga('send', 'pageview');
  1110. </script>
  1111. </body>
  1112. </html>