[résolu]Transformer le menu Footer de Foundation

[jcpapa]

Merci pour ces conseils...
Je crois que j'ai compris quelques trucs !
Je ne sais pas si mon code est bien "catholique"...
Je le soumets à votre Seigneurerie :

Code :

[== Indéfini ==]
<footer class="hide-for-small footerterroirs">
            <div class="row">
<p>TERROIRS (voir changer commentaire)...</p>
                <div class="large-4 columns">
                {* menu childrenof='footer' *}
{menu items="le-bureau,statuts,geographie,contribution"}
                </div>
<div class="large-4 columns">
{menu items="nous-contacter,archives,partenaires,mentions-legales,"}
</div>
<div class="large-4 columns">
{menu items="plan-du-site,contenu-illicite"}
</div>
            </div>
        </footer>

Mais j'ai obtenu à peu près ce que je cherchais...
avec ce CSS supplémentaire :

Code :

[== CSS ==]
/* -- News -- */
.news {
    border: 1px solid #eeeeee;
    padding: 3px 25px 5px 3px;
    font-size: .9em;
    line-height: 0.8em;
}
.news ul {
    line-height: 0.8em;
        padding: -1.2em;
    margin-left: 0.6rem;
}
.news ul li{
    line-height: 0.8em;
    padding: 0em;
    margin: 0px 0px 0px 0px;
}
.news a {
    color: #bc7e3f;
    font-weight: normal;
    text-decoration: none;
}
.news a:hover, .news a:active {
    color: #818f74;
    text-decoration: underline;
}

.news a:link, .news a:visited {
    color: #d97800;
}
div#news {
/* marge pour l'ensemble div entourant les news */
    margin: 0em 0em 0em 0em;
/* bordure définie ici */
    border: 1px solid #818f74;
        font-size: 1.25em;
/* couleur de fond */
    background: #eef0ec;
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 0.875em;
    line-height: 1.10;
margin: 0.5em 0.5em 0.45em 0em;
    text-rendering: optimizeLegibility;
    /* padding: 0.5em 0em 1em 0.5em; */
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #b97c3e;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.25em 0 0.5em;
}
h1 {
    color: white;
    font-weight: 200;
    margin:0;
}
header h1 {
    color: white;
    font-weight: 200;
    margin:0;
}
/*sub nav*/
ul.sub-nav {
    display: block;
    margin: 1px 0;
    float: inherit;
    }
ul.sub-nav li {
    float: right;
    list-style: none outside none;
    width: auto;
    margin-left: 2px;
}
ul.sub-nav li a {
    color: #1f221c;
    display: block;
    font-size: 12px;
    margin:0 0 5px 3px;
    font-size: 13px;
    margin: 0;
    padding: 2px 5px;
}
ul.sub-nav li.active a, ul.sub-nav li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
    color: white;
}
/* -- Menu Breadcrumbs --*/
.breadcrumbs {
    display: inline-block;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    list-style: outside none none;
    margin-left: 0;
    overflow: hidden;
    padding: 0.2815rem 0.435rem;
}
.breadcrumbs ul, ol, dl {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.25;
    list-style-position: outside;
    margin-bottom: 0.65rem;
}
/*-- Footer --*/
.footerterroirs li a {
list-style: circle inside none;
    font-size: 0.7em;
    line-height: 0.8em;
    color: #f2f2f1;
    display: inline;
}
.footerterroirs ul, ol, dl{
    font-family: inherit;
    line-height: 0.8;
    list-style-position: outside;
}

ça me donne ceci :
http://terroirs77.fr/cmsmadesimple/
Encore merci.