I'd like to draw the figure below with Tikz.
So far, my code looks like this :
\begin{tikzpicture}[node distance=2cm]
% styles
\tikzstyle{startstop} = [rectangle, rounded corners, minimum width=3cm, minimum height=1cm,text centered,draw=StanfordRed, fill=StanfordRed!20]
\tikzstyle{decision} = [diamond, minimum width=3cm, minimum height=1cm, text centered, draw=defaultColor, fill=defaultColor!20]
\tikzstyle{process} = [rectangle, minimum width=3cm, minimum height=1cm, text centered, draw=StandfordBlue, fill=StandfordBlue!20, text width=4cm]
\tikzstyle{normal} = [rectangle, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=black!10, text width=4cm]
\tikzstyle{arrow} = [thick,->,>=stealth]
\tikzstyle{arrow_red} = [thick,->,>=stealth,draw=StanfordRed]
% noeuds
\node (start) [startstop] {Début};
\node (ins_before) [normal, below of=start] {Instructions avant la structure itérative conditionnelle};
\node (init) [process, below of=ins_before] {Instruction d'initialisation du compteur};
\node (test) [decision, below of=init] {Test};
\node (bloc) [process, below of=test] {Instructions exécutées si le test retourne Vrai};
\node (incre) [process, below of=bloc] {Instruction d'incrémentation du compteur};
\node (ins_after) [normal, below of=incre, yshift=-1cm] {Instructions après la structure itérative conditionnelle};
\node (stop) [startstop, below of=ins_after] {Fin};
% flèches
\draw [arrow] (start) -- (ins_before);
\draw [arrow] (ins_before) -- (init);
\draw [arrow] (init) -- (test);
\draw [arrow] (test) -- node[anchor=east] {Vrai} (bloc);
\draw [arrow] (bloc) -- (incre) ;
\draw [arrow] (incre.east) -- ++(1,0) |- (test.east);
\draw [arrow] (test.west) -- node[anchor=south] {Faux} ++(-1.5,0) |- ($ (ins_after.north) + (0,.5) $) -| (ins_after.north);
\draw [arrow] (ins_after) -- (stop);
\end{tikzpicture}
I don't know how to create the break and continue node.
Any help would be really appreciated.