[Résolu]Flottant stop mobile

Bonjour, je suis en train de rendre mon site accessible pour les mobiles.
mon problème, j'aimerai que le texte soit en dessous de l'image, ce qui est le cas, mais le texte a la même marge que l'image, alors que j'aimerai que le texte soit dessous à droite.

.billets {
width: auto; /* On a indiqué une largeur (obligatoire) */
margin:1em;
padding: 0.2em 3em 0em 3em;
height:auto;
overflow: hidden; /* éviter que les éléments flottants sort (billet galery */
background-color: #FFCC99;/*FF6600 */
border: 1px blue solid;
border-radius: 10px;
-moz-border-radius: 10;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
}
.center {
padding: 0em;
text-align: left;
clear:right;
}

dl.billet{
float:none;
border: 1px blue solid;
background-color: #CCCCFF;
width: 176px;/* 160 */
text-align: center;
padding: 0.2em;
border: 1px blue solid;
border-radius: 10px;
-moz-border-radius: 10;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
}
.billet dt {
}
.billet dt img
{
border: 1px solid #000;
width: 170px;/*162 */
height: 111px;/*111 */
}
.billet dd
{
margin: 0em;
padding: 0em;
}

<div class="billets">
<dl class="billet">
      <dt><img src="billets/1F0.jpg" alt="corse billet de Un Franc." onClick="montre('billets/1fgsans.jpg')"/></dt>
      <dt>Un Franc.</dt>
      <dd>Sans série</dd>
    </dl>
<p class="center"><strong> Un Franc. Chambres de commerce d'Ajaccio et de Bastia.<br />
Délibération des 1er et 6 Août 1915.<br />
4 signature. Numéro 181,911. Sans série.</strong></p>
</div>

Modifié par Julien2B (06 Apr 2012 - 15:27)