<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<title>Association SONG SHAN Kung fu - Wushu, Nantes, Sanda,
Shaolin, Chine</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="kung fu, wushu, shaolin, sanda, france, nantes, angers, saint-nazaire, cholet, chine, asie, chinois, art martial, sport, jeux olympiques, p&eacute;kin, c&eacute;r&eacute;monie d'ouverture, &eacute;preuve, c&eacute;r&eacute;monie de cloture, flamme, panda, kung fu panda"/>
<meta name="description" content="L'Association SONG SHAN &agrave; Nantes vous propose des cours de kung fu accessibles &agrave; tous..."/>
<meta http-equiv="Content-Language" content="FR"/>
<meta name="author" content="Uni Association SONG SHAN"/>

<link rel="stylesheet" type="text/css" href="accueil.css"/>
<style type="text/css">

/* 
		Association SONG SHAN - juin 2008
		Design by UNI
*/

/* --G&eacute;n&eacute;ralit&eacute;s-- */

body { margin: 0;
    padding: 0;
    font-family: "Times new roman";
    text-align: left;
    background: #260a00 url(grandbgd.jpg) top center repeat-x;
    }

p { font-size: 1em;
    }

ul, li { list-style-type: none;
    }

ul { margin: 0;
    padding: 0;
    }
  
a { color: #d12b01;
    text-decoration: underline;
    }

a:hover { text-decoration: none;
    }

/* --Bande haute pouvant accueillir du texte-- */

#bandehaute { margin: 0;
    position: relative;
    width: 100%;
    height: 53px;
    background: url(bandehaute.jpg) top left repeat-x;
    }

/* --Barre de navigation
(4 &eacute;l&eacute;ments: accueil, cours, faq et contacts)-- */

#navigation { position: relative;
    width: 769px;
    height: 100px;
    margin: 0 auto;
    background-color: #260a00;
    }

#navigation ul { position: absolute;
    height: 100px;
    text-align: center;
    font: 0.8em arial;
    background-color: #260a00;
    }

#navigation li { float: left;
    }

#navigation li#lien1 { display: block;
    height: 30px;
    width: 192px;
    line-height: 36px;
    padding: 70px 0 0 0;
    margin: 0;
    background: #260a00 url(home.png) center center no-repeat;
    color: #d12b01;
    }


#navigation li#lien2 a, #navigation li#lien3 a, #navigation li#lien4 a { display: block;
    height: 30px;
    width: 192px;
    line-height: 36px;
    padding: 70px 0 0 0;
    margin: 0;
    color: #f9edbd;
    text-decoration: none;
    }

#navigation li#lien2 a { background: transparent url(configure.png) center center no-repeat;
    }

#navigation li#lien3 a { background: transparent url(help.png) center center no-repeat;
    }

#navigation li#lien4 a { background: transparent url(mailsend.png) center center no-repeat;
    }

#navigation li#lien2 a:hover, #navigation li#lien3 a:hover, #navigation li#lien4 a:hover { display: block;
    height: 30px;
    width: 192px;
    line-height: 36px;
    padding: 70px 0 0 0;
    margin: 0;
    color: #d12b01;
    }

#navigation li#lien2 a:hover {background: #f9edbd url(configure.png) center center no-repeat;
    }

#navigation li#lien3 a:hover { background: #f9edbd url(help.png) center center no-repeat;
    }

#navigation li#lien4 a:hover { background: #f9edbd url(mailsend.png) center center no-repeat;
    }

#navigation li a:visited { color: #f9edbd;
    text-decoration: none;
    }

#navigation li span { display: none;
    }


/* --Partie haute du conteneur 
(logo, image, texte "slogan" et explication)-- */

#haut { position: relative;
    width: 769px;
    height: 358px;
    margin: 0 auto;
    background: url(headercomplet.jpg) top left no-repeat;
    }

#logo { position: absolute;
    top: 15px;
    left: 15px;
    width: 282px;
    height: 68px;
    background: url(logonantasiecom.jpg) top left no-repeat;
    }

#textehaut { position: absolute;
    top: 98px;
    left: 12px;
    width: 400px;
    height: 250px;
    }

#textehaut h1 span, #textehaut h2 span { display: none;
    }

#textebas { position: absolute;
    top: 149px;
    left: 5px;
    width: 385px;
    height: 45px;
    }

#textebas p { font-size: 1em;
    font-style: italic;
    line-height: 22px;
    }

/* --Partie centrale-- */

#centre { position: relative;
    width: 769px;
    height: 258px;
    margin: 0 auto;
    background: url(centre.jpg) top left no-repeat;
    }

#bloc1 { position: absolute;
    left: 8px;
    width: 400px;
    height: 225px;
    color: #0a0702;
    }

#bloc1 h1 { padding: 4px 0 3px 8px;
    margin: 0 0 7px 0; 
    width: 350px;
    height: 59px; 
    font-size: 1em;
    color: #5a1100;
    }

#bloc1 h2 { padding: 4px 0 3px 28px;
    margin: 0 0 7px 0; 
    width: 350px; 
    font-size: 1.2em;
    color: #5a1100;
    }

#bloc1 p { font-size: 1em;
    }

#bloc1 li { margin: 0;
    padding: 5px 0 0 12px;
    list-style-image: url(fleche.png);
    list-style-position: inside;
    font-size: 1em;
    }

#bloc1 a { 
    color: #d12b01;
    text-decoration: underline;
    }

#bloc1 a:hover { 
    color: #d12b01;
    text-decoration: none;
    }

#bloc1 a:visited { color: #e4b720;
    text-decoration: underline;
    }

/* --Pied de page
(4 &eacute;l&eacute;ments: plan du site, webmaster, forum et boutique)--*/

#pied { position: relative;
    width: 769px;
    height: 85px;
    margin: 0 auto;
    }

#pied h2 { padding-left: 8px;
    font-size: 0.9em;
    color: #f9edbd;
    }

#pied p { position: absolute;
    margin: 0;
    top: 0;
    left: 467px;
    width: 312px;
    text-align: left;
    }

#pied p a { width: 85px;
    font-size: 0.9em;
    color: #f9edbd;
    }

#pied p a:hover { color: #d12b01;
    }

#pied a:visited { color: #e4b720;
    text-decoration: underline;
    }

.separateur { color: #f9edbd;
    }


</style>

</head>

<body>

<div id="bandehaute">
</div>


<div id="haut">

<div id="logo"></div>

<div id="textehaut">
<h1><span>Kung fu</span></h1>
<h2><span>"ma&icirc;trise acquise par le travail".</span></h2>

<div id="textebas"><p>Ce terme n'est pas n&eacute;cessairement li&eacute; aux arts martiaux. En ce sens, on peut aussi dire d'un bon cuisinier qu'il a un "bon kung fu".</p></div>

</div>
</div>

<div id="centre">

<div id="bloc1">
<h1>Cours de Kung fu 2008/2009 avec l'association <acronym title="Le mont SONG qui surplombe le Temple Shaolin en Chine">SONG SHAN</acronym></h1>

<ul>

<li><strong>Venez d&eacute;couvrir les arts martiaux chinois</strong> &agrave; travers une pratique claire et moderne.</li>

<li><strong>Apprenez &agrave; manier</strong> en toute simplicit&eacute; le sabre, l'&eacute;ventail ou l'&eacute;p&eacute;e.</li>

<li><strong>Gagnez naturellement</strong> en souplesse, force et endurance.</li>

</ul>

<h2><a href="http://www.nantasie.com">Retrouvez notre nouveau site web de Kung fu Wushu: <strong>NANTASIE.COM</strong></a></h2>

</div>

</div>

<div id="pied">


<h2>&copy;Copyright - songshan 2002/2008</h2>

</div>





</body>

</html>