[Résolu] Dessiner une cible avec css

J'ai dessiné les éléments qui composent la cible.
Je ne sais pas comment les centrer les cercles par taille à l'intérieur du plus grand cercle.

http://jsfiddle.net/fredericmarcel/k9nzowko/13/

Merci de votre aide.

Je ne connais pas du tout svg.
Je dois dessiner une cible que je pourrai ensuite utiliser dans toute mon appli en modifiant sa taille selon les besoins.
J'aurais bien aimé pouvoir le faire simplement avec css3 le temps de maîtriser svg.
A moins bien sûr qu'une âme secourable me montre comment faire une cible avec svg dans fiddle.
Ca a l'air tout simple. Mais bien sûr, quand on maîtrise les outils.

Bonjour,
Un document SVG est en fait une suite d'instructions graphiques stockées au format XML.
A priori, un outil efficace et gratuit pour produire de tels documents est Inkscape.
Si tu ne connais pas ce logiciel, mais que les formes dont tu as besoin sont assez basiques (ex : cercle, rectangle, etc.) la phase d'apprentissage devrait être rapide.
De très nombreux tutoriels et vidéos sont disponibles sur le web.

J'ai téléchargé inscape.
Merci.

Juste pour le fun.
Par contre ce n'est pas très flexible comme solution.

Merci, c'est exactement la cible que je cherchais à dessiner.

pour le fun aussi , http://jsfiddle.net/k9nzowko/15/

http://jsfiddle.net/catk8xcp/

fredericmarcel a écrit :
Merci à vous tous : j'ai enfin la cible que je souhaitais avec un code super simple..

Géniale