Thématisation du menu principal

Bonjour à tous))

en tant que débutant, je fais face à une tâche quelque peu insurmontable.

Je veux styliser le menu comme sur l'image.

      <nav>
        <ul class="sf-menu" id="nav">
          <li class="selected"></li>

            ....
                <li>                   ....
                <ul>
                  <li><a href="#">Sous Menu Un</a></li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </nav>

la sortie standard dans page.tpl ne rend pas les listes imbriquées. (((

<?php print theme('links__system_main_menu', array(
          'links' => $main_menu,
          'attributes' => array(
            'id' => 'nav',
            'class' => array('links', 'clearfix', 'sf-menu'),
          ),
          'heading' => array(
            'text' => t('Menu principal'),
            'level' => 'h2',
            'class' => array('element-invisible'),
          ),
        )); ?>

je ne peux pas rendre la sortie sous forme d'arbre comme dans le modèle.(((

    <?php print render(menu_tree('main-menu')); ?>

Aidez-moi!