\documentclass[a4paper,10pt,twoside]{article} % 

\usepackage[utf8x]{inputenc} %
\usepackage[french]{babel} % éàùê
\usepackage{lastpage} % number of the last page
\usepackage{fancyhdr} % en-têtes
\usepackage{ragged2e} % \begin{center}
\usepackage{geometry} % marges
\usepackage[T1]{fontenc} % fonte
\usepackage{comment} % multi-line comments (\ifx \fi) 
\usepackage{lipsum} % Lorem ipsum 
%\usepackage{fullpage} %  margin
\usepackage{titlesec} % titres sstitres... personalisés
\usepackage[usenames,dvipsnames,svgnames,table]{xcolor} % jeu de couleurs std
\usepackage[most]{tcolorbox} % boîtes 
\usepackage{mdframed} % boîtes
\usepackage{indentfirst} % indentation française
\usepackage{graphicx} % images
\usepackage{subfigure} % plusieurs images accolées
\usepackage{hyperref} % liens hypertexte internes et externes



% format de la page
\geometry{a4paper, margin=2.2cm}
\pagestyle{fancy}
\fancyhf{}

\lhead{Section \thesection}
\chead{En-tête centré}
\rhead{Sous-section \thesubsection}

\lfoot{\today}
\cfoot{Pied de page centré}
\rfoot{\thepage\ / \pageref{LastPage}}

% defines
\definecolor{myBlue}{RGB}{216, 216, 254} % bleu pour le cadre
\definecolor{myGrey}{RGB}{233, 234, 235} % gris pour le cadre
\newtcbox{\myBox}[1][]
{
width=0.9\linewidth
}
% hyperref config : couleur des liens internes/externes
\hypersetup{%
    pdfborder = {0 0 0},
    colorlinks,
    citecolor=red,
    filecolor=Darkgreen,
    linkcolor=blue,
    urlcolor=cyan!50!black!90
}
% hyphénation of monospace font : commande  \mttt
\newcommand\mttt[1]{{\normalfont\fontfamily{cmvtt}\selectfont #1}}

\begin{document}

\begin{titlepage}





\newcommand{\HRule}{\rule{\linewidth}{0.2mm}} 

\center 
 


\hfill \break \hfill \break \hfill \break \hfill \break \hfill \break

\textsc{\LARGE Organisation}\\[1.5cm] 
\textsc{\Large Matière}\\[0.5cm] 
\textsc{\large Sujet}\\[0.5cm] 



\HRule \\[0.6cm]
{ \huge Titre du compte-rendu}\\[0.4cm] 
\HRule \\[1.2cm]
 


\begin{minipage}{0.4\textwidth}
\begin{flushleft} \large
\emph{Auteur(s) :}\\
Prénom \textsc{Nom}

Prénom2 \textsc{Nom2} 


\end{flushleft}
\end{minipage}
~
\begin{minipage}{0.4\textwidth}
\begin{flushright} \large
\emph{Superviseur(s) :} \\
Prénom3 \textsc{Nom3} 

Prénom4 \textsc{Nom4}
\end{flushright}
\end{minipage}\\[4cm]



{\large \today}\\[3cm] 


\begin{figure}
    \centering
    \subfigure{\includegraphics[width=2.2cm]{../img/logo1.png}} 
    \hfill
    \subfigure{\includegraphics[width=2.2cm]{../img/logo2.jpg}}
    \hfill
\end{figure}


\vfill 


\end{titlepage}

\setcounter{tocdepth}{2}
\tableofcontents

\vfill
\pagebreak

\titleformat{\section}{\normalfont\Large\relax}{\thesection}{1em}{}[{\titlerule[0.2pt]}]
\titleformat{\subsection}{\normalfont\large\relax}{\thesubsection}{1em}{}[{\titlerule[0pt]}]
\titleformat{\subsubsection}{\normalfont\large\slshape\relax}{\thesubsubsection}{1em}{}[{\titlerule[0pt]}]



\section{Ma section 1}

\subsection{ma sous-section 1}

\subsubsection*{ma ssss-section 1 sans numéro}

Du texte

\lipsum[1]


\begin{center}
\begin{mdframed}[backgroundcolor=myGrey,userdefinedwidth=15.55cm,align=center]
\begin{center}
\bfseries{Exemple}
\end{center}

\indent \lipsum[1]

\end{mdframed}
\end{center}


\lipsum[2]

\begin{center}
\begin{tabular}{|>{\columncolor{myBlue}} p{.75cm} | p{15cm} |}
  \hline
    \bfseries{R1} & \lipsum[2]  \\
  \hline
\end{tabular}
\end{center}



\mttt{
\lipsum[3]
}

\end{document}