\documentclass[10pt]{article}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[french]{babel} 
\usepackage{geometry}
\usepackage{float}
\usepackage{graphicx}
\usepackage{babel}
\usepackage{subfigure}
\usepackage{epsfig}
\usepackage{fourier}
\usepackage{import}
\usepackage{marginnote}
\usepackage[small]{titlesec}
\usepackage{changes}
\usepackage{sidecap}
\usepackage{amssymb}
\usepackage{hyperref}
\usepackage{minted}
\usepackage{tcolorbox}
\usepackage{etoolbox}
\usepackage{mdframed}
\usepackage{enumitem}

\usepackage[
    type={CC},
    modifier={by-nc-sa},
    version={4.0},
]{doclicense}

\makeatletter
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% User specified LaTeX commands.
\geometry{verbose,a4paper,tmargin=1.3cm,bmargin=1.9cm,lmargin=2.5cm,rmargin=2.7cm}
\renewcommand{\thesection}{\Roman{section}}
\renewcommand{\thesubsection}{\Alph{subsection}]}
\renewcommand{\thesubsubsection}{\arabic{subsubsection}}
\newcommand*{\helplines}[1]{%
    \leavevmode
    \count@ = 0
    \loop
      \ifnum \count@ < #1
      {\mbox{}\hrulefill \linebreak}%
      \advance \count@ by 1
    \repeat
  }
\newcommand{\cb}{%
  $\square$%
}
\newcounter{compteurdoc}
\newcommand{\comptedoc}{%
\addtocounter{compteurdoc}{1}%
%  \refstepcounter{compteurdoc}%
 \thecompteurdoc
 }
\newcommand\Section[2]{\section[#1]{#1 \marginnote{\small #2 pts}[-\baselineskip]}}

\newcommand\Subsection[2]{\subsection[#1]{#1 \marginnote{\small #2 pts}[-\baselineskip]}}

\let\includegraphicsORI\includegraphics
  \newcommand\killedincludegraphics[2][]{Voir document électronique}
  \newcommand\killgraphics{%
    \let\includegraphics\killedincludegraphics
  }
  \newcommand\restoregraphics{%
    \let\includegraphics\includegraphicsORI
  } 
\newcommand\cestmoi{%

  \footnotesize{Auteur : Alain Bertrand. }
}
\newcommand\docmylicenseThis{%
  \vspace*{\fill}

  \setlength{\doclicense@hsize}{\textwidth-\doclicense@imagewidth-\doclicense@imagedistance}%
  \ifthenelse{\equal{\doclicense@imageposition}{left}}{%
    \begin{center}
      \begin{minipage}{\doclicense@imagewidth}
        \doclicenseImage%
      \end{minipage}
      \begin{minipage}{\doclicense@hsize}
        \ifthenelse{\isempty{\doclicense@hyphenation}}{}{%
          \@nameuse{\doclicense@hyphenation}%
        }%
	\cestmoi 
      \end{minipage}
    \end{center}
  }{%
  % \ifthenelse{\isnamedefined{iflandscape}}{%
  %   \iflandscape{%
  %     \setlength{\doclicense@hsize}{\doclicense@hsize-10em}%
  %   }{}%
  % }{}%
  % {%
    \begin{center}
      \begin{minipage}{\doclicense@hsize}
        \ifthenelse{\isempty{\doclicense@hyphenation}}{}{%
          \@nameuse{\doclicense@hyphenation}%
        }%
      \cestmoi \doclicenseLongText%
      \end{minipage}
      \hfill
      \begin{minipage}{\doclicense@imagewidth}
        \doclicenseImage%
      \end{minipage}
    \end{center}
  % }
  }
}

\newcommand{\origwiki}[1]{%
  \scriptsize{Origine : Wikipedia, auteur :  #1,  licence : CC BY 2.0}
}

\newcommand{\wikip}[1]{%
\scriptsize{Origine :#1 }
} 

\newcommand{\origwikib}[2]{%
  \scriptsize{Origine : Wikipedia, auteur :  #1,  licence : #2}
}
\newcommand{\origwikit}[3]{%
  \scriptsize{Auteur : #1, origine : \url{#2},  licence : #3}
}


\newcommand{\webref}[2]{%
  \scriptsize{Origine : \url{#1}, licence : #2}
}

\newcommand{\manref}[2]{% i
  \scriptsize{Source: {#1}, licence : #2}
}
\definecolor{bg}{rgb}{0.85,0.95,0.85}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% User specified LaTeX commands.
\date{}
\author{}

\makeatother
  

\begin{document}
\title{Introduction au Javascript}
\maketitle


Comme présenté en cours, la présence de programme(s) dans les pages web est une
condition nécessaire à leur interactivité. Ces programmes sont réalisés en
Javacript, un langage dont la syntaxe est inspirée de Java. Contrairement à ce
que vous avez déjà vu avec Python, Javascript est un langage \og orienté
objet\fg{}.

\section{L'éternel premier pas}
Comme dans de nombreux tutoriels, votre première tâche sera de faire afficher
\og Bonjour le monde\fg{} par votre programme.
\begin{enumerate}
  \item Ouvrir le fichier \emph{patron.html} dans Notepad++.
  \item Insérer le petit bout de code suivant
  \begin{minted}[bgcolor=bg]{html}
    <script>
    alert('Hello, world!');
  </script>
  \end{minted}

    entre \texttt{<p>Avant le
    script...</p>} et \texttt<p>...après le script.</p>{}
\end{enumerate}<++>


%\docmylicenseThis

\end{document}
