Css dans form et accordion

bonjour ,

Je veux placer un questionnaire dans un accordion et css sort des caractères plus gros que celui de l'accordion .
Comment réduire ?

Code:

1
2
3
4
5
6
7
8
9
10
11
<form>
    <div class="question">
      <div class="texte">
        <h2>Q3 / Quelle ville a la plus grande surface cyclable vérifiable avec Google Map ? </h2>
        <ul><label >Rio de Janeiro<input id="r7" type="radio" name="q1" /> </label></ul>
        <ul><label>San Francisco<input id="r8" type="radio" name="q1" /> </label></ul>
        <ul><label>Munich<input id="r9" type="radio" name="q1" /> </label></ul> 
       </div>  
      <img id="img3" src="question.png" />
    </div>   
</form>

Code:

1
2
3
4
5
6
7
8
9
10
$(function() {
// Dissimulation des réponses
$('.reponse').hide();
// Mise en forme des div du QCM
var q = $('.question');
q.css('font-size', '12px');  // ne réduit pas à 12px les questions du formulaire
$('.texte').css('float', 'left');
$('.texte').css('width', '90%');
$('img').css('float', 'right');
$('img').css('margin-top', '80px');

Accordion à une id avec :

Code:

1
2
3
4
5
#accordion{
    font-size : 12px;
    font-family : georgia;
    font-style : italic;
}

:mrgreen:

Code:

q.css('font-size', '12px'); // ne réduit pas à 12px les questions du formulaire

[RESOLU ] sur le css de texte