\documentclass[9pt]{article}
\usepackage{extsizes}
\usepackage{graphicx}
\usepackage[T1]{fontenc}
\usepackage[english,french]{babel}
\usepackage{url,parskip} 	    % other packages for formatting
\usepackage[usenames,dvipsnames]{xcolor}
\usepackage{fullpage}
\usepackage[margin=2.5cm,top=1.5cm]{geometry}
\usepackage{hyperref}
\usepackage{titlesec}
\usepackage{array}
\usepackage{enumitem}
\usepackage{longtable} 	
\usepackage{etoolbox}
\usepackage{tikz}
\usepackage[skins]{tcolorbox}
\usepackage{fancyhdr}

\definecolor{basecolor}{HTML}{000066}       %BLUE
\definecolor{accentcolor}{HTML}{318440}
\definecolor{darkGrey}{HTML}{989898}
\definecolor{light}{HTML}{828282}


\fancyhf{}
\fancyhfoffset{0em}
% Remove head rule
\renewcommand{\headrulewidth}{0pt}
%\fancyfoot[C]{\thepage}
\pagestyle{fancy}

% Configure list
\setlist[itemize,1]{label=-, nosep, leftmargin=2em} 
\setlist[itemize,2]{label=-, nosep, leftmargin=1.5em} 

% Setup Array : new column type
\newcolumntype{R}[1]{>{\hfill}m{#1}}

%Italian hyphenation for the word: ''corporations''
\hyphenation{im-pre-se}

\newlength{\rightcolumnlength}
\setlength{\rightcolumnlength}{14.8cm}

\newlength{\leftcolumn}
\setlength{\leftcolumn}{2.5cm}


\newcommand{\cvtag}[1]{
    \tikz[baseline]\node[anchor=base,draw=darkGrey!70,rounded corners=0.5ex,inner xsep=1ex,inner ysep=0.55ex,text height=1.3ex,text depth=.25ex]{\color{light}#1};
}

% \newcommand{\sectionTitle}[1]{
%     \color{accentcolor}\textsc{\Large{#1}}
%     \\
%     \color{darkGrey}\rule{\textwidth}{0.4pt} 
%     \color{black}
% }

\titleformat{\section}{\Large\raggedright}{}{0em}{}[\titlerule]
\titlespacing{\section}{0pt}{2pt}{2pt}

% \newcommand\sectionTitle[2]{\section{\texorpdfstring{\color{accentcolor}#2\enspace \textsc{#1}}{#1}}}
\newcommand\sectionTitle[1]{\section{\texorpdfstring{\color{accentcolor}\textsc{#1}}{#1}}\vspace{5px}}

% Define the 'keywords' environment
\newenvironment{keywords}{%
  \renewcommand{\arraystretch}{1.1}

  \begin{tabular}{>{}r>{}p{13cm}} 
}{%
  \end{tabular}
}

\newcommand\keywordsentry[2]{
  \textbf{#1} &   #2\\ 
}


\def\@photo{/mnt/data/workspace/clean_portfolio/public/imgs/profile-512.jpg}

\begin{document}
    % \section{\color{accentcolor} \textsc{Hello World}}{Hello world}
    \begin{minipage}{\dimexpr\linewidth-3cm}
        \noindent{\Large{Matthieu \textbf{Bessat}}}
        \vspace{5px}
        \\
        \noindent\color{accentcolor}\textbf{\large{Développeur web freelance}}\color{black}
    \end{minipage}
    \begin{minipage}{3cm}
        \tikz\path[fill overzoom image={\@photo}]circle[radius=0.5\linewidth];
    \end{minipage}
    \noindent Hello world    
    % \footnotesize{
    %     \cvtag{HTML}\cvtag{HTML}\cvtag{HTML}\cvtag{HTML}
    % }
    \sectionTitle{Compétences}
    \begin{keywords}
        \keywordsentry{Hello world}{hello}
                \keywordsentry{Front-end web development}{html, css, js, sass, webpack}
                \keywordsentry{Back-end web development}{php, symfony, node}
                \keywordsentry{Databases}{mariadb, mongodb, elasticsearch}
                \keywordsentry{Unix-like system administration}{linux, systemd, gnu, coreutils, docker}
                \keywordsentry{Web-server administration}{nginx, caddy}
                \keywordsentry{Embedded system development}{arduino, i2c}
            \end{keywords}
    
    \sectionTitle{Expériences professionelles}
    Hell
    \sectionTitle{Autres projets}
    Hello
    \sectionTitle{Expériences associatives}
    Hello
\end{document}