Comment faire un bandeau latéral coloré contenant un texte vertical ?

\documentclass[a4paper,12pt,DIV50]{scrreprt}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage{lmodern}
\usepackage{graphicx}
\usepackage{tikz}
\usepackage[french]{babel}
\definecolor{bleuLille1}{RGB}{022,119,184}
\begin{document}
% cadre  
\begin{tikzpicture}[remember picture, overlay]
\begin{scope}[shift={(current page.south west)}]
\draw[draw=bleuLille1,fill=bleuLille1] (-2,0) rectangle (4,32);
\end{scope}
\end{tikzpicture}
% unité    
\begin{tikzpicture}[remember picture, overlay]
\begin{scope}[shift={(current page.south west)}]
\draw (1,20) node[rotate=90] {\sffamily \LARGE \color{white}\textbf{MASTER de Technologie \LaTeX iène}};
\draw (2.5,20) node [rotate=90,above] {\sffamily   \LARGE \color{white}\textbf{Mention : Beaux textes, images et PAO}};
\draw (3.5,20) node [rotate=90,above] {\sffamily  \LARGE \color{white}\textbf{Spécialité : FICHES}};
\end{scope}
\end{tikzpicture}
%  Le titre 
\begin{tikzpicture}[remember picture, overlay]
\begin{scope}[shift={(current page.north west)}]
\draw (12,-3.5) node {\sffamily \Huge \color{bleuLille1}\textbf{Les fiches de Bébert :}};
\draw (12,-5) node {\sffamily \Huge \color{bleuLille1}\textbf{pour apprendre \LaTeX}};
\draw (12,-6.5) node {\sffamily \Large \color{bleuLille1}\textbf{Nombreux exemples avec des vrais morceaux de code}};
\end{scope}
\end{tikzpicture}
 %  Auteur  
\begin{tikzpicture}[remember picture, overlay]
\begin{scope}[shift={(current page.north west)}]
\draw ((12,-10) node {\sffamily \Large \color{bleuLille1}\textbf{Bébert}};
\draw ((12,-11) node {\sffamily \Large \color{bleuLille1}\textbf{Le-Roi-de-la-Fiche}};
\draw (12,-13) node {\sffamily \color{bleuLille1}\textbf{Année 2012 -- 2013}};
\end{scope}
\end{tikzpicture}
%  Les bulles  
 \begin{tikzpicture}[remember picture, overlay]
\begin{scope}[shift={(current page.south west)},shift={(7,3)},scale=1.5]
\shade[ball color=bleuLille1,opacity=.6] (0,0) circle (10ex);
\shade[ball color=bleuLille1,opacity=.8] (1.7,1) circle (5ex);
\shade[ball color=bleuLille1,opacity=.8] (1.5,3) circle (2ex);
\shade[ball color=bleuLille1,opacity=.5] (-0.5,3) circle (1ex);
\shade[ball color=bleuLille1,opacity=.8] (1,4) circle (1ex);
\shade[ball color=bleuLille1,opacity=.6] (3.5,2.5) circle (2ex);
\shade[ball color=bleuLille1,opacity=.8] (2.5,4.5) circle (4ex);
\shade[ball color=bleuLille1,opacity=.5] (3,4) circle (3ex);
\shade[ball color=bleuLille1,opacity=.8] (4.5,4.5) circle (3ex);
\shade[ball color=bleuLille1,opacity=.5] (5.1,4.7) circle (2ex);
\shade[ball color=bleuLille1,opacity=.8] (5,6) circle (1.5ex);
\shade[ball color=bleuLille1,opacity=.6] (3.5,5.5) circle (2ex);
\shade[ball color=bleuLille1,opacity=.8] (5,3) circle (1ex);
\end{scope}
\end{tikzpicture}
 %  Tuteur
\begin{tikzpicture}[remember picture, overlay]
\begin{scope}[shift={(current page.south west)}]
\draw (16,3) node {\sffamily \Large \color{bleuLille1}\textbf{Tuteur universitaire}};
\draw (16,2) node {\sffamily \Large \color{bleuLille1}\textbf{La communauté du libre}};
\end{scope}
\end{tikzpicture}
 %  logo
\begin{tikzpicture}[remember picture, overlay]
\begin{scope}[shift={(current page.south west)}]
\draw (2,3.5) node {\color{white}\bfseries\Huge \LaTeX};
\draw (2,1.2) node {\includegraphics[scale=.2]{example-image-A}};
\end{scope}
\end{tikzpicture}
\end{document}

\documentclass[a4paper, 11pt, french, svgnames]{article}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage{babel}
\usepackage{lmodern}
\usepackage{pifont}
\usepackage{enumitem}
\usepackage{microtype}
\SetTracking[no ligatures={f}]{encoding =T1, family = lmss}{30}
\usepackage[left =4cm]{geometry}
\usepackage{eso-pic}
\usepackage{titling}
\usepackage{graphicx}
\usepackage{tikz}
\usepackage[colorlinks]{hyperref}
%
\setlength{\droptitle}{-28ex}
\renewcommand{\maketitlehooka}{\color{CornflowerBlue}}
\pretitle{\sffamily\bfseries\Huge\lsstyle\begin{center}}
\title{ECUE “Compétences” \\ Édition scientifique avec \LaTeX}
\posttitle{\end{center}}
\preauthor{\sffamily\bfseries\LARGE\lsstyle\begin{center}}
\author{Gloria Faccanoni\\[1.5ex] \small\url{http: //faccanoni. univ-tln. fr/enseignements. html}}
\postauthor{\end{center}}

\date{}

\AddToShipoutPictureBG{\AtPageLowerLeft{\color{CornflowerBlue}\rule{\dimexpr 4cm-2pt}{\paperheight}}\rotatebox{90}{\parbox{\paperheight}{\centering\color{white}\sffamily\bfseries\Huge\mbox{} \\[2ex]Licence Sciences et Techniques \\ Année 2013-2014}}}

\AtBeginDocument{\renewcommand*\descriptionlabel[1]{%
\color{CornflowerBlue}\normalfont \ding{43} \hspace{2\labelsep} #1}}
\begin{document}
 \maketitle
\begin{description}[leftmargin=0pt, font =\sffamily\mdseries, labelwidth = \textwidth, itemsep=1.5ex]
  \item[Objectif de la formation]
\begin{itemize}[wide=0pt, label=\textendash, leftmargin=*, noitemsep, before =\leavevmode\vspace*{-\dimexpr\baselineskip + \topsep}]
    \item Fournir un socle solide de connaissances de base, si possible exempt de mauvaises habitudes,
    \item donner des pistes pour être en mesure par la suite de continuer seuls l’apprentissage.
\end{itemize}
\item[Durée]
Le module est organisé en 4 séances de cours-TP de 2\,h 30.
\item[Programme pédagogique]
\begin{enumerate}[before = \leavevmode\vspace{-\dimexpr\baselineskip + \topsep}]
\item \emph{Prise de contact:} installation, structure d’un fichier source, types de documents, structure du document, gestion automatique de la table des matières et des références.
\item \emph{Mise en page:} support de la langue française, listes à pouce, énumérations, descriptions, tableaux et figures (flottantes), notes marginales, notes de bas de page…
\item \emph{Mathématiques:} mise en forme de formules mathématiques, rédactions de théorèmes, exercices.
\end{enumerate}
\end{description}

\end{document}