Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation HTML5, initiation > Formations > Technologies numériques > Formation HTML5, initiation
Formation éligible au CPF Formation référencée dans une action collective

HTML5, initiation

acquérir les bases de la création d’une page Web - certification AVIT® à distance en option

HTML5, initiation

acquérir les bases de la création d’une page Web - certification AVIT® à distance en option
Télécharger au format pdf Partager cette formation par e-mail


Ce stage vous formera aux fondamentaux du langage HTML et de ses versions : HTML, XHTML, HTML5. Vous apprendrez à structurer des documents au moyen des principales balises, à les valider et à les rendre accessibles. Vous pourrez valider vos compétences avec la certification AVIT® proposée en option.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : TML
Prix : 890 € HT
  1j - 7h
Pauses-café et
déjeuners offerts
Financements
En option :
Certification : 150 € HT




Ce stage vous formera aux fondamentaux du langage HTML et de ses versions : HTML, XHTML, HTML5. Vous apprendrez à structurer des documents au moyen des principales balises, à les valider et à les rendre accessibles. Vous pourrez valider vos compétences avec la certification AVIT® proposée en option.

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :
  • Construire une structure de document HTML accessible et valide
  • Maîtriser les balises sémantiques
  • Créer un tableau
  • Créer la structure d'un formulaire simple
  • Comprendre l'importance de l'accessibilité au travers des référentiels AccessiWeb et WCAG

Objectifs pédagogiques

Public concerné

Toutes les personnes désirant s'initier aux fondamentaux de la création de pages Web.

Public concerné

Prérequis

Pratique courante d'Internet.

Prérequis

Pédagogie

Travaux pratiques
Mise en oeuvre du langage HTML.
Méthodes pédagogiques
Pratique du langage HTML dans un éditeur en mode texte (notepad++), audit de codes en ligne et découverte d'outils et de référentiels.

Pédagogie

Programme de la formation

Présentation du langage HTML
  • Histoire de l'HTML.
  • Le XHTML et le HTML5.
  • Les trois types de balises : balises block, inline et métadonnées.
  • Le Doctype. Le mode quirks. La DTD.
  • Histoire de l'HTML.
  • Le XHTML et le HTML5.
  • Les trois types de balises : balises block, inline et métadonnées.
  • Le Doctype. Le mode quirks. La DTD.
Démonstration
Découvrir et s'inscrire à l'option de certification AVIT®. Affichage du code source de pages HTML, XHTML, HTML5. Présentation du validateur WC3.

La structure d'un document HTML
  • Le <head>. Le <body>.
  • Les balises sémantiques et génériques.
  • Les attributs.
  • Le . Le .
  • Les balises sémantiques et génériques.
  • Les attributs.
Exercice
Découverte de la structure type d'un document HTML et des balises qui le constituent. Construction de la structure de base d'un document.

Le , l'en-tête d'un document HTML
  • La balise <title>.
  • Les <meta> " description " et " http-equiv ".
  • Les balises <link>, <script> et <style>.
  • L'encodage. Le type mime.
  • La balise . </span></li> <li><span class="c_noir">Les <meta> " description " et " http-equiv ".</span></li> <li><span class="c_noir">Les balises <link>, <script> et <style>.</span></li> <li><span class="c_noir">L'encodage. Le type mime.</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Construction du <head> du document. Aperçu du <title> et du <méta> ", description d'une page HTML dans une page de résultat d'un moteur de recherche (Google).</div> <div style="margin-top:-13px;"> <br style="clear:both;" /> </div> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">Le <body>, le corps d'un document HTML</div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">Les balises block : <h>, <p>, <ul>, <li>, <div>, ...</span></li> <li><span class="c_noir">Les balises inline : <a>, <img>, <span>, ...</span></li> <li><span class="c_noir">Le lien, l'attribut " alt ".</span></li> <li><span class="c_noir">Autres balises sémantiques : <blockquote>, <cite>, ...</span></li> <li><span class="c_noir">Le commentaire HTML.</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">Les balises block : <h>, <p>, <ul>, <li>, <div>, ...</span></li> <li><span class="c_noir">Les balises inline : <a>, <img>, <span>, ...</span></li> <li><span class="c_noir">Le lien, l'attribut " alt ".</span></li> <li><span class="c_noir">Autres balises sémantiques : <blockquote>, <cite>, ...</span></li> <li><span class="c_noir">Le commentaire HTML.</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Construction du corps du document avec plusieurs paragraphes, images, titres et une liste. Visualisation d'une page Web dans le cache d'un moteur de recherche (Google).</div> <div style="margin-top:-13px;"> <br style="clear:both;" /> </div> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">L'affichage de données tabulaires </div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">La balise <table>. </span></li> <li><span class="c_noir">Les attributs " height ", " width " et " border ".</span></li> <li><span class="c_noir">Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>. </span></li> <li><span class="c_noir">Les attributs " colspan " et " rowspan ".</span></li> <li><span class="c_noir">Les attributs " scope " et " summary ".</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">La balise <table>. </span></li> <li><span class="c_noir">Les attributs " height ", " width " et " border ".</span></li> <li><span class="c_noir">Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>. </span></li> <li><span class="c_noir">Les attributs " colspan " et " rowspan ".</span></li> <li><span class="c_noir">Les attributs " scope " et " summary ".</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Réalisation d'une page avec un tableau simple à partir du modèle de page déjà constitué.</div> <div style="margin-top:-13px;"> <br style="clear:both;" /> </div> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">Les principales balises de formulaires </div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">La balise <form>. </span></li> <li><span class="c_noir">Les attributs " method " et " action ".</span></li> <li><span class="c_noir">Les balises <label> et <input>. </span></li> <li><span class="c_noir">Les attributs " name " et " id ". </span></li> <li><span class="c_noir">Les attributs " accesskey " et " tabindex ".</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">La balise <form>. </span></li> <li><span class="c_noir">Les attributs " method " et " action ".</span></li> <li><span class="c_noir">Les balises <label> et <input>. </span></li> <li><span class="c_noir">Les attributs " name " et " id ". </span></li> <li><span class="c_noir">Les attributs " accesskey " et " tabindex ".</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Réalisation d'un formulaire simple à partir du modèle de page déjà constitué.</div> <div style="margin-top:-13px;"> <br style="clear:both;" /> </div> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">L'accessibilité numérique</div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">Définition de l'accessibilité.</span></li> <li><span class="c_noir">Le cadre légal. Le référentiel AccessiWeb.</span></li> <li><span class="c_noir">Les WCAG. Les outils d'audit.</span></li> <li><span class="c_noir">En option en ligne : planifier et suivre la certification AVIT® sous 4 semaines .</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">Définition de l'accessibilité.</span></li> <li><span class="c_noir">Le cadre légal. Le référentiel AccessiWeb.</span></li> <li><span class="c_noir">Les WCAG. Les outils d'audit.</span></li> <li><span class="c_noir">En option en ligne : planifier et suivre la certification AVIT® sous 4 semaines .</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Audit d'une page Web à l'aide du service en ligne Wave et de l'extension Opquast. </div> <div style="margin-top:-13px;"> <br style="clear:both;" /> </div> </div> <div style="margin-top:-13px;"> <br style="clear:both;" /> </div> </div> <div id="programmeR" class="relativ onlySmall" style="margin-top:0px;"> <div id="bloc_programme" class="size16 c_bleuVert ctr" style="padding: 20px 0px; cursor: pointer;" onclick="openCloseBloc('', 'programme')" >Programme de la formation</div> <div id="detail_programme" class="relativ" style="display:none;margin-top:0px;"> <div class="relativ" style="margin-top: 0px;"> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">Présentation du langage HTML </div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">Histoire de l'HTML.</span></li> <li><span class="c_noir">Le XHTML et le HTML5.</span></li> <li><span class="c_noir">Les trois types de balises : balises block, inline et métadonnées.</span></li> <li><span class="c_noir">Le Doctype. Le mode quirks. La DTD. </span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">Histoire de l'HTML.</span></li> <li><span class="c_noir">Le XHTML et le HTML5.</span></li> <li><span class="c_noir">Les trois types de balises : balises block, inline et métadonnées.</span></li> <li><span class="c_noir">Le Doctype. Le mode quirks. La DTD. </span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Démonstration</div> <div class="relativ" style="margin-left:20px">Découvrir et s'inscrire à l'option de certification AVIT®. Affichage du code source de pages HTML, XHTML, HTML5. Présentation du validateur WC3. </div> <br style="clear:both;" /> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">La structure d'un document HTML</div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">Le <head>. Le <body>. </span></li> <li><span class="c_noir">Les balises sémantiques et génériques. </span></li> <li><span class="c_noir">Les attributs.</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">Le <head>. Le <body>. </span></li> <li><span class="c_noir">Les balises sémantiques et génériques. </span></li> <li><span class="c_noir">Les attributs.</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Découverte de la structure type d'un document HTML et des balises qui le constituent. Construction de la structure de base d'un document.</div> <br style="clear:both;" /> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">Le <head>, l'en-tête d'un document HTML</div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">La balise <title>. </span></li> <li><span class="c_noir">Les <meta> " description " et " http-equiv ".</span></li> <li><span class="c_noir">Les balises <link>, <script> et <style>.</span></li> <li><span class="c_noir">L'encodage. Le type mime.</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">La balise <title>. </span></li> <li><span class="c_noir">Les <meta> " description " et " http-equiv ".</span></li> <li><span class="c_noir">Les balises <link>, <script> et <style>.</span></li> <li><span class="c_noir">L'encodage. Le type mime.</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Construction du <head> du document. Aperçu du <title> et du <méta> ", description d'une page HTML dans une page de résultat d'un moteur de recherche (Google).</div> <br style="clear:both;" /> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">Le <body>, le corps d'un document HTML</div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">Les balises block : <h>, <p>, <ul>, <li>, <div>, ...</span></li> <li><span class="c_noir">Les balises inline : <a>, <img>, <span>, ...</span></li> <li><span class="c_noir">Le lien, l'attribut " alt ".</span></li> <li><span class="c_noir">Autres balises sémantiques : <blockquote>, <cite>, ...</span></li> <li><span class="c_noir">Le commentaire HTML.</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">Les balises block : <h>, <p>, <ul>, <li>, <div>, ...</span></li> <li><span class="c_noir">Les balises inline : <a>, <img>, <span>, ...</span></li> <li><span class="c_noir">Le lien, l'attribut " alt ".</span></li> <li><span class="c_noir">Autres balises sémantiques : <blockquote>, <cite>, ...</span></li> <li><span class="c_noir">Le commentaire HTML.</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Construction du corps du document avec plusieurs paragraphes, images, titres et une liste. Visualisation d'une page Web dans le cache d'un moteur de recherche (Google).</div> <br style="clear:both;" /> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">L'affichage de données tabulaires </div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">La balise <table>. </span></li> <li><span class="c_noir">Les attributs " height ", " width " et " border ".</span></li> <li><span class="c_noir">Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>. </span></li> <li><span class="c_noir">Les attributs " colspan " et " rowspan ".</span></li> <li><span class="c_noir">Les attributs " scope " et " summary ".</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">La balise <table>. </span></li> <li><span class="c_noir">Les attributs " height ", " width " et " border ".</span></li> <li><span class="c_noir">Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>. </span></li> <li><span class="c_noir">Les attributs " colspan " et " rowspan ".</span></li> <li><span class="c_noir">Les attributs " scope " et " summary ".</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Réalisation d'une page avec un tableau simple à partir du modèle de page déjà constitué.</div> <br style="clear:both;" /> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">Les principales balises de formulaires </div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">La balise <form>. </span></li> <li><span class="c_noir">Les attributs " method " et " action ".</span></li> <li><span class="c_noir">Les balises <label> et <input>. </span></li> <li><span class="c_noir">Les attributs " name " et " id ". </span></li> <li><span class="c_noir">Les attributs " accesskey " et " tabindex ".</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">La balise <form>. </span></li> <li><span class="c_noir">Les attributs " method " et " action ".</span></li> <li><span class="c_noir">Les balises <label> et <input>. </span></li> <li><span class="c_noir">Les attributs " name " et " id ". </span></li> <li><span class="c_noir">Les attributs " accesskey " et " tabindex ".</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Réalisation d'un formulaire simple à partir du modèle de page déjà constitué.</div> <br style="clear:both;" /> <div id="0 "class="relativ c_noir gras" style="margin-top:2px;">L'accessibilité numérique</div> <ul class="onlyLarge" style="color: #FEC809 !important;"> <li><span class="c_noir">Définition de l'accessibilité.</span></li> <li><span class="c_noir">Le cadre légal. Le référentiel AccessiWeb.</span></li> <li><span class="c_noir">Les WCAG. Les outils d'audit.</span></li> <li><span class="c_noir">En option en ligne : planifier et suivre la certification AVIT® sous 4 semaines .</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px; color: #FEC809 !important;"> <li><span class="c_noir">Définition de l'accessibilité.</span></li> <li><span class="c_noir">Le cadre légal. Le référentiel AccessiWeb.</span></li> <li><span class="c_noir">Les WCAG. Les outils d'audit.</span></li> <li><span class="c_noir">En option en ligne : planifier et suivre la certification AVIT® sous 4 semaines .</span></li> </ul> <div class="relativ c_bleuVert gras" style="margin-top:6px;margin-left:15px;">Exercice</div> <div class="relativ" style="margin-left:20px">Audit d'une page Web à l'aide du service en ligne Wave et de l'extension Opquast. </div> <br style="clear:both;" /> </div> </div> </div> <div class="b_grisFonce onlyLarge" style="width: 70%; height: 1px; margin: 10px auto 30px auto; "></div> <div class="b_grisFonce onlySmall" style="width: 70%; height: 1px; margin: 10px auto; "></div> <div id="options" class="relativ onlyLarge" style="margin-top: 10px;"> <div class="relativ large100"> <h2 class="size16 c_bleuVert">Options</h2> </div> <div class="relativ" style="margin-top: 5px;"> <div id="1" class="relativ" style="margin-top:7px;"> <div class="relativ gras">Certification : 150 € HT</div> <div class="relativ" style="margin-top:2px;">Certifiez-vous pour faire reconnaître vos compétences sur le marché et booster votre carrière.</div> </div> <div id="2" class="relativ" style="margin-top:7px;">L’option de certification se présente sous la forme d’un voucher qui vous permettra de passer l’examen à l’issue de la formation.</div> <div id="3" class="relativ" style="margin-top: 4px; margin-bottom: 4px;"><a class="slg c_bleuVert onlyLarge" onclick="goToId('certification')">Voir la description pédagogique de la certification</a></div> </div> <br style="clear:both;" /> </div> <div id="optionsR" class="relativ onlySmall" style="margin-top:0px;"> <div id="bloc_options" class="size16 c_bleuVert ctr" style="padding: 20px 0px; cursor: pointer;" onclick="openCloseBloc('', 'options')" >Options</div> <div id="detail_options" class="relativ" style="display: none; margin-top: 10px;"> <div id="1" class="relativ" style="margin-top:7px;"> <div class="relativ gras">Certification : 150 € HT</div> <div class="relativ" style="margin-top:2px;">Certifiez-vous pour faire reconnaître vos compétences sur le marché et booster votre carrière.</div> </div> <div id="2" class="relativ" style="margin-top:7px;">L’option de certification se présente sous la forme d’un voucher qui vous permettra de passer l’examen à l’issue de la formation.</div> <div id="3" class="relativ" style="margin-top: 4px; margin-bottom: 4px;"><a class="slg c_bleuVert onlyLarge" onclick="goToId('certification')">Voir la description pédagogique de la certification</a></div> </div> </div> <div class="b_grisFonce onlyLarge" style="width: 70%; height: 1px; margin: 10px auto 30px auto; "></div> <div class="b_grisFonce onlySmall" style="width: 70%; height: 1px; margin: 10px auto; "></div> <div id="financement" class="relativ onlyLarge" style="margin-top:10px;"> <h2 class="size16 c_bleuVert">Solutions de financement</h2> <div class="relativ" style="margin-top:5px;"> <div class="relativ c_noir gras" style="margin-top:0px;">Selon votre situation, votre formation peut être financée par :</div> <ul class="onlyLarge"> <li><span class="c_noir">Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.</span></li> <li><span class="c_noir">Le dispositif <a class='slg c_bleuVert' href='/financements/fne-formation'>FNE-Formation</a>.</span></li> <li><span class="c_noir">L’<a class='slg c_bleuVert' href='/financements/opco-actions-collectives'>OPCO</a> (opérateurs de compétences) de votre entreprise.</span></li> <li><span class="c_noir">Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px;"> <li><span class="c_noir">Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.</span></li> <li><span class="c_noir">Le dispositif <a class='slg c_bleuVert' href='/financements/fne-formation'>FNE-Formation</a>.</span></li> <li><span class="c_noir">L’<a class='slg c_bleuVert' href='/financements/opco-actions-collectives'>OPCO</a> (opérateurs de compétences) de votre entreprise.</span></li> <li><span class="c_noir">Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.</span></li> </ul> </div> <div><a class="slg c_bleuVert" href="/contact">Contactez nos équipes</a> pour en savoir plus sur les financements à activer.</div> <br style="clear:both;" /> <div class="gras" style="margin-top:0px;">Financement par le CPF</div> <div class="" style="margin-top:10px;"> Pour utiliser vos crédits CPF sur cette formation, vous devez souscrire l’option de certification. Pour toute question, contactez-nous par mail <a class="c_bleuVert slg" href="mailto:cpf@orsys.fr?subject=Financement CPF de la formation TML">cpf@orsys.fr</a> </div> <div class="" style="margin-top:10px;">Cette formation est éligible au <a class="slg c_bleuVert" href="/financements/cpf">CPF</a>. Si vous souhaitez bénéficier de ce mode de financement, sélectionnez la ville de votre choix et cliquez sur le bouton « S’inscrire avec son CPF ». Vous serez alors redirigé vers le site <a class="slg c_bleuVert" href="https://www.moncompteformation.gouv.fr/" target="_blank">moncompteformation.gouv.fr</a> pour vous inscrire.</div> <div class="" style="margin-top:5px;">Nous pouvons vous accompagner à chaque étape de votre dossier : <a class="slg c_bleuVert" href="/contact">contactez-nous</a>.</div> <div class="italique" style="margin-top:5px;">Attention : la plateforme exige un délai de réflexion de 11 jours ouvrés entre l’inscription et le démarrage de la session ce qui explique que certaines sessions ne soient plus accessibles par le CPF.</div> <br style="clear:both;" /> <div id="Opco" class="gras" style="margin-top:0px;">Financement par les actions collectives ou clé en main</div> <div class="relativ" style="margin-top:7px;"> Jusqu’à 100% de prise en charge des frais pédagogiques de la formation dans la cadre des actions collectives ou des tarifs négociés avec les actions « clé en main » mises en place par les OPCO. Cliquez sur l’OPCO pour découvrir les modalités financières associées </div> <br style="clear:both;" /> </div> <div id="financementR" class="relativ onlySmall" style="margin-top:0px;"> <div id="bloc_financement" class="size16 c_bleuVert ctr" style="padding: 20px 0px; cursor: pointer;" onclick="openCloseBloc('', 'financement')" >Solutions de financement</div> <div id="detail_financement" class="relativ" style="display: none; margin-top:10px;"> <div class="relativ" style="margin-top:5px;"> <div class="relativ c_noir gras" style="margin-top:0px;">Selon votre situation, votre formation peut être financée par :</div> <ul class="onlyLarge"> <li><span class="c_noir">Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.</span></li> <li><span class="c_noir">Le dispositif <a class='slg c_bleuVert' href='/financements/fne-formation'>FNE-Formation</a>.</span></li> <li><span class="c_noir">L’<a class='slg c_bleuVert' href='/financements/opco-actions-collectives'>OPCO</a> (opérateurs de compétences) de votre entreprise.</span></li> <li><span class="c_noir">Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.</span></li> </ul> <ul class="onlySmall" style="padding-inline-start: 27px;"> <li><span class="c_noir">Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.</span></li> <li><span class="c_noir">Le dispositif <a class='slg c_bleuVert' href='/financements/fne-formation'>FNE-Formation</a>.</span></li> <li><span class="c_noir">L’<a class='slg c_bleuVert' href='/financements/opco-actions-collectives'>OPCO</a> (opérateurs de compétences) de votre entreprise.</span></li> <li><span class="c_noir">Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.</span></li> </ul> </div> <div><a class="slg c_bleuVert" href="/contact">Contactez nos équipes</a> pour en savoir plus sur les financements à activer.</div> <br style="clear:both;" /> <div class="gras" style="margin-top:20px;">Financement par le CPF</div> <div class="" style="margin-top:10px;"> Pour utiliser vos crédits CPF sur cette formation, vous devez souscrire l’option de certification. Pour toute question, contactez-nous par mail <a class="c_bleuVert slg" href="mailto:cpf@orsys.fr?subject=Financement CPF de la formation TML">cpf@orsys.fr</a> </div> <div class="" style="margin-top:10px;">Cette formation est éligible au <a class="slg c_bleuVert" href="/financements/cpf">CPF</a>. Si vous souhaitez bénéficier de ce mode de financement, sélectionnez la ville de votre choix et cliquez sur le bouton « S’inscrire avec son CPF ». Vous serez alors redirigé vers le site <a class="slg c_bleuVert" href="https://www.moncompteformation.gouv.fr/" target="_blank">moncompteformation.gouv.fr</a> pour vous inscrire.</div> <div class="" style="margin-top:5px;">Nous pouvons vous accompagner à chaque étape de votre dossier : <a class="slg c_bleuVert" href="/contact">contactez-nous</a>.</div> <div class="italique" style="margin-top:5px;">Attention : la plateforme exige un délai de réflexion de 11 jours ouvrés entre l’inscription et le démarrage de la session ce qui explique que certaines sessions ne soient plus accessibles par le CPF.</div> <br style="clear:both;" /> <div id="Opco" class="gras" style="margin-top:0px;">Financement par les actions collectives ou clé en main</div> <div class="relativ" style="margin-top:7px;"> Jusqu’à 100% de prise en charge des frais pédagogiques de la formation dans la cadre des actions collectives ou des tarifs négociés avec les actions « clé en main » mises en place par les OPCO. Cliquez sur l’OPCO pour découvrir les modalités financières associées </div> <br style="clear:both;" /> <br style="clear:both;" /> </div> </div> <div class="b_grisFonce onlyLarge" style="width: 70%; height: 1px; margin: 10px auto 30px auto; "></div> <div class="b_grisFonce onlySmall" style="width: 70%; height: 1px; margin: 10px auto; "></div> <div id="avisClients" class="relativ onlyLarge large100" style="margin-top:10px;"> <h2 class="size16 c_bleuVert">Avis clients</h2> <div class="relativ" style="margin-top:10px;"> <div class="relativLeft"> <div id="etoileAvisClient" class="relativLeft"> <img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px;" /> <img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px;" /> <img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px;" /> <img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px;" /> <img src="/ContentV11/images/pictoJaune/etoile_6.png" style="width: 25px; margin-bottom: -7px;" /> </div> <div class="relativLeft c_noir" style="margin-left: 25px;"> 4,6 / 5 </div> </div> </div> <div class="relativLeft large100" style="margin-top: 5px;"> <div id="com_1" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:block;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">VIRGINIE G.</div> <div class="relativLeft left">10/09/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Très envie de voir la suite </div> </div> <div id="com_2" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:block;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">HERVÉ B.</div> <div class="relativLeft left">10/09/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Animateur très pédagogue et excellent tour d’horizon d’HTML. Les briques pour aller plus loin sur CSS et javascript sont posées. </div> </div> <div id="com_3" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:block;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">ROBLOT PAIRE C.</div> <div class="relativLeft left">10/09/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />3 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> bonne approche global pour une première découverte du html. Attention toutefois ça va très vite :-) </div> </div> <div id="com_4" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">JEAN-PIERRE M.</div> <div class="relativLeft left">10/09/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Beaucoup d’exercices pratiques et ludiques qui permettent d’apprécier directement le rendu de chaque explication théorique. </div> </div> <div id="com_5" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">ABAGA S.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> RAS Animateur maitrisant son sujet </div> </div> <div id="com_6" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">CAROLE T.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Le contenu semble très complet, je suis très satisfaite de ce qui m’a été présenté. Le formateur est très pédagogue et à l’écoute des potentiels soucis, même en formation à distance. </div> </div> <div id="com_7" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">XAVIER M.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> très bien, merci </div> </div> <div id="com_8" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">MERIL L.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />3 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> C’est une bonne formation mais peut être trop d’informations d’un coup quand on est novice cela fait beaucoup à retenir en une journée surtout sur du continus assez pointu et technique. </div> </div> <div id="com_9" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">LAURENT S.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> stage avec beaucoup d’informations que je ne connaissais pas ; je pense vraiment etre aider pour la suite de mon travail. </div> </div> <div id="com_10" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">BRIGITTE M.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Romain prend le temps de bien expliquer même pour une novice. Malgré mon handicap par rapport aux deux autres stagiaires, je ne me suis pas sentie exclue et j’ai pu faire les exercices. </div> </div> <div id="com_11" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">LEBLANC V.</div> <div class="relativLeft left">11/12/20</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />3 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Formation très intéressante, plus dense dans l’après-midi. Il serait nécessaire, pour ma part, de compléter avec une autre journée de formation. </div> </div> <div id="com_12" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">ARNAUD B.</div> <div class="relativLeft left">11/12/20</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Contenu clair et bonne pédagogie </div> </div> <div id="com_13" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">MANON R.</div> <div class="relativLeft left">11/12/20</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Pas assez de temps pour pratiquer tranquillement, surtout parce que la formation est à distance. Par préférer me concentrer sur la démo du formateur pour ne pas être perdue. </div> </div> <div id="com_14" class="relativ b_grisClair size10 large95 commentaire_" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">MANON R.</div> <div class="relativLeft left">11/12/20</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Formateur très agréable et clair. J’ai trouvé difficile de faire les exercices et écouter les explications en même temps sur un même écran. </div> </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft italique size10 large100">Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.</div> <div class="relativ" style="line-height: 50px; height: 50px; margin: auto;cursor:pointer;"> <a class="bouton_Jaune size12" onclick="afficherPlusCommentaire('');" style="padding: 0px 40px; display: inline-block; vertical-align: middle; line-height:33px; border-radius: 8px;"> <div id="boutonCommentaire">Afficher plus de commentaires</div> </a> </div> <br style="clear:both;" /><br style="clear:both;" /> </div> <div id="avisClientsR" class="relativ onlySmall" style="margin-top:0px;"> <div id="bloc_avisClientsR" class="size16 c_bleuVert ctr" style="padding: 20px 0px; cursor: pointer;" onclick="openCloseBloc('', 'avisClientsR')">Avis clients</div> <div id="detail_avisClientsR" class="relativ" style="display:none;"> <div class="relativ" style="margin-top:10px;"> <div class="relativ"> <div id="etoileAvisClient" class="relativLeft"> <img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px;" /> <img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px;" /> <img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px;" /> <img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px;" /> <img src="/ContentV11/images/pictoJaune/etoile_6.png" style="width: 25px; margin-bottom: -7px;" /> </div> <div class="relativLeft c_noir" style="margin-left: 25px;"> 4,6 / 5 </div> </div> </div> <div class="relativ ctr large100" style="margin-top: 0px;"> <div id="com_1R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:block;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">VIRGINIE G.</div> <div class="relativLeft left">10/09/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Très envie de voir la suite </div> </div> <div id="com_2R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:block;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">HERVÉ B.</div> <div class="relativLeft left">10/09/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Animateur très pédagogue et excellent tour d’horizon d’HTML. Les briques pour aller plus loin sur CSS et javascript sont posées. </div> </div> <div id="com_3R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:block;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">ROBLOT PAIRE C.</div> <div class="relativLeft left">10/09/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />3 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> bonne approche global pour une première découverte du html. Attention toutefois ça va très vite :-) </div> </div> <div id="com_4R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">JEAN-PIERRE M.</div> <div class="relativLeft left">10/09/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Beaucoup d’exercices pratiques et ludiques qui permettent d’apprécier directement le rendu de chaque explication théorique. </div> </div> <div id="com_5R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">ABAGA S.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> RAS Animateur maitrisant son sujet </div> </div> <div id="com_6R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">CAROLE T.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Le contenu semble très complet, je suis très satisfaite de ce qui m’a été présenté. Le formateur est très pédagogue et à l’écoute des potentiels soucis, même en formation à distance. </div> </div> <div id="com_7R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">XAVIER M.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> très bien, merci </div> </div> <div id="com_8R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">MERIL L.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />3 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> C’est une bonne formation mais peut être trop d’informations d’un coup quand on est novice cela fait beaucoup à retenir en une journée surtout sur du continus assez pointu et technique. </div> </div> <div id="com_9R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">LAURENT S.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> stage avec beaucoup d’informations que je ne connaissais pas ; je pense vraiment etre aider pour la suite de mon travail. </div> </div> <div id="com_10R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">BRIGITTE M.</div> <div class="relativLeft left">02/07/21</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Romain prend le temps de bien expliquer même pour une novice. Malgré mon handicap par rapport aux deux autres stagiaires, je ne me suis pas sentie exclue et j’ai pu faire les exercices. </div> </div> <div id="com_11R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">LEBLANC V.</div> <div class="relativLeft left">11/12/20</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />3 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Formation très intéressante, plus dense dans l’après-midi. Il serait nécessaire, pour ma part, de compléter avec une autre journée de formation. </div> </div> <div id="com_12R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">ARNAUD B.</div> <div class="relativLeft left">11/12/20</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Contenu clair et bonne pédagogie </div> </div> <div id="com_13R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">MANON R.</div> <div class="relativLeft left">11/12/20</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Pas assez de temps pour pratiquer tranquillement, surtout parce que la formation est à distance. Par préférer me concentrer sur la démo du formateur pour ne pas être perdue. </div> </div> <div id="com_14R" class="relativ b_grisClair size10 large95 commentaire_R" style="padding:8px 10px; margin:8px auto; display:none;" > <div class="relativ large100 "> <div class="relativLeft left" style="width:180px;">MANON R.</div> <div class="relativLeft left">11/12/20</div> <div class="relativRight"><img src="/ContentV11/images/pictoJaune/etoile.png" style="width: 25px; margin-bottom: -7px; margin-left:12px;" />5 / 5</div> </div> <br style="clear:both;" /> <div class="relativ large100 left"> Formateur très agréable et clair. J’ai trouvé difficile de faire les exercices et écouter les explications en même temps sur un même écran. </div> </div> </div> <br style="clear:both;" /> <div class="relativLeft italique size10 large100">Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.</div> <div class="relativ large100 ctr" style="line-height: 50px; margin: auto;cursor:pointer;"> <a class="bouton_Jaune size12" href="#avisClientsR" onclick="afficherPlusCommentaire('R');" style="padding: 0px 40px; display: inline-block; vertical-align: middle; line-height:33px; border-radius: 8px;"> <div id="boutonCommentaireR">Afficher plus de commentaires</div> </a> </div> <br style="clear:both;" /> </div> </div> <div class="b_grisFonce onlyLarge" style="width: 70%; height: 1px; margin: 10px auto 30px auto; "></div> <div class="b_grisFonce onlySmall" style="width: 70%; height: 1px; margin: 10px auto; "></div> <script> function afficherPlusCommentaire(extension) { var commentaireArray = document.getElementsByClassName('commentaire_' + extension); if (document.getElementById("boutonCommentaire" + extension).innerText == "Afficher plus de commentaires") { // on affiche tout for (c = 0; c < commentaireArray.length; c++) { show(commentaireArray[c].id); } document.getElementById("boutonCommentaire" + extension).innerText = "Afficher moins de commentaires"; } else { // on masque tout ... for (c = 0; c < commentaireArray.length; c++) { hide(commentaireArray[c].id); } // sauf les 3 premiers for (c = 0; c < 3; c++) { show(commentaireArray[c].id); } if (extension == '') { goToId('avisClients') } document.getElementById("boutonCommentaire" + extension).innerText = "Afficher plus de commentaires"; } } </script> <div id="pratique" class="relativ onlyLarge" style="margin-top:10px;"> <div class="relativ large100"> <h2 class="size16 c_bleuVert">Horaires</h2> </div> <div class="relativ" style="margin-top:10px;"> <div> <span class='gras'>En présentiel,</span> les cours ont lieu de 9h à 12h30 et de 14h à 17h30.<br />Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.</div> <div class="relativ" style="margin-top:10px;"><span class='gras'>En classe à distance,</span> la formation démarre à partir de 9h.</div> <div class="relativ" style="margin-top:10px;">Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.</div> </div> <br style="clear:both;" /> </div> <div id="pratiqueR" class="relativ onlySmall" style="margin-top:0px;"> <div id="bloc_infos" class="size16 c_bleuVert ctr" style="padding: 20px 0px; cursor: pointer;" onclick="openCloseBloc('', 'infos')" >Infos pratiques</div> <div id="detail_infos" class="relativ" style="display: none; margin-top:10px;"> <div> <span class='gras'>En présentiel,</span> les cours ont lieu de 9h à 12h30 et de 14h à 17h30.<br />Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.</div> <div class="relativ" style="margin-top:10px;"><span class='gras'>En classe à distance,</span> la formation démarre à partir de 9h.</div> <div class="relativ" style="margin-top:10px;">Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.</div> <br style="clear:both;" /> </div> </div> <div class="b_grisFonce onlyLarge" style="width: 70%; height: 1px; margin: 10px auto 30px auto; "></div> <div class="b_grisFonce onlySmall" style="width: 70%; height: 1px; margin: 10px auto; "></div> </div> <div class="relativ"> <div id="dateEtLieu" class="relativLeft onlyLarge large100 b_blanc" style="margin-top:0px;"> <h2 class="size16 c_bleuVert">Dates et lieux</h2> <div class="relativ italique" style="margin:10px 0px;">Pour vous inscrire, sélectionnez la ville et la date de votre choix.</div> <div style="display: inline-block;" > <select id="ville" name="ville" onchange="selectCity('session_')" style="height:30px;padding-left:7px;"> <option value="all">Toutes les villes</option> <option value="Classe à distance">Classe à distance</option> <option value="Paris La Défense">Paris La Défense</option> <option value="Lyon">Lyon</option> </select> </div> <div class="onlyLarge" style="display: inline-block;margin-left:750px;"><img src="/ContentV11/images/pictoCouleur/moncomptef.png?v=4" style="width:auto;" /></div> <div class="relativ" style="margin-top: 10px;"> <form id="sessionForm" action="/Session" method="post"> <input id="sessionStageId" name="sessionStageId" class="sessionStageId" type="hidden" style="width: 310px; padding: 3px 5px;" value="-1"/> <input id="StageCd" name="StageCd" type="hidden" style="width: 310px; padding: 3px 5px;" value="TML"/> <div id="session_1" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Classe à distance"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 18 février 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Classe à distance </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="677815" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_2" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Paris La Défense"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 18 février 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Paris La Défense </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="689305" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_3" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Lyon"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 25 mars 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Lyon </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="630138" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_4" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Lyon"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 3 juin 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Lyon </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="630139" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_5" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Classe à distance"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 3 juin 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Classe à distance </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="677816" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_6" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Paris La Défense"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 3 juin 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Paris La Défense </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="689306" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_7" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Paris La Défense"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 9 septembre 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Paris La Défense </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="689307" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_8" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Classe à distance"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 9 septembre 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Classe à distance </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="677817" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_9" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Lyon"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 23 septembre 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Lyon </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="630140" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_10" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Lyon"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 23 novembre 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Lyon </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="630141" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_11" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Classe à distance"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 2 décembre 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Classe à distance </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="677818" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> <div id="session_12" class="relativLeft b_grisClair size10 large90 onlyLarge" style="padding:12px 15px; margin: 5px 0px; width: 90%" ville="Paris La Défense"> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 325px"> Le 2 décembre 2022 </div> <div class="relativ" style="display: inline-block; vertical-align: top; padding-top: 8px; width: 170px;"> Paris La Défense </div> <div class=" relativ italique" style="display: inline-block; width: 170px;"> </div> <div class="relativ" style="display: inline-block; width: 120px; "> <div class="b_jaune c_noir" sessionId="689308" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'desktop');"> S’inscrire </div> </div> <div class="relativ c_gris italique" style="display: inline-block; width: 210px; margin-left: 20px; ">Bientôt accessible</div> </div> </form> </div> <br style="clear:both;" /> </div> <div id="dateEtLieuR" class="relativ onlySmall" style="margin-top:10px;"> <div id="bloc_dateEtLieuR" class="size16 c_bleuVert ctr" style="padding: 20px 0px; cursor: pointer;" onclick="openCloseBloc('', 'dateEtLieuR')" >Dates et lieux</div> <div id="detail_dateEtLieuR" class="relativ" style="display:none;"> <div class="relativ italique" style="margin:10px 0px;">Pour vous inscrire, sélectionnez la ville et la date de votre choix.</div> <div class="relativ" > <select id="villeR" name="villeR" onchange="selectCity('sessionR_')"> <option value="">Toutes les villes</option> <option value="Classe à distance">Classe à distance</option> <option value="Paris La Défense">Paris La Défense</option> <option value="Lyon">Lyon</option> </select> </div> <div class="relativ" style="margin-top: 10px;"> <form id="sessionFormR" action="/Session" method="post"> <input id="sessionStageIdR" name="sessionStageId" class="sessionStageId" type="hidden" style="width: 310px; padding: 3px 5px;" value="-1"/> <input id="StageCd" name="StageCd" type="hidden" style="width: 310px; padding: 3px 5px;" value="TML"/> <div id="sessionR_1" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Classe à distance"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 18 février 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Classe à distance </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="677815" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_2" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Paris La Défense"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 18 février 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Paris La Défense </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="689305" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_3" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Lyon"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 25 mars 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Lyon </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="630138" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_4" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Lyon"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 3 juin 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Lyon </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="630139" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_5" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Classe à distance"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 3 juin 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Classe à distance </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="677816" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_6" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Paris La Défense"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 3 juin 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Paris La Défense </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="689306" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_7" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Paris La Défense"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 9 septembre 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Paris La Défense </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="689307" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_8" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Classe à distance"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 9 septembre 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Classe à distance </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="677817" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_9" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Lyon"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 23 septembre 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Lyon </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="630140" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_10" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Lyon"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 23 novembre 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Lyon </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="630141" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_11" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Classe à distance"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 2 décembre 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Classe à distance </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="677818" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> <div id="sessionR_12" class="relativLeft b_grisClair size10 large95 onlySmall" style="padding: 12px 0px 18px 15px; margin: 5px 0px;" ville="Paris La Défense"> <div class="relativLeft large100"> <div style="display: inline-block; width: 60%;"> Le 2 décembre 2022 </div> <div class="right" style="display: inline-block; width: 35%;"> Paris La Défense </div> </div> <br style="clear:both;" /> <br style="clear:both;" /> <div class="relativLeft large100" style=""> <div class="relativLeft"> <div class="b_jaune c_noir" sessionId="689308" style="padding: 7px 20px; cursor: pointer;" onclick="SendForm(this, 'responsive');"> S’inscrire </div> </div> <div class="relativLeft c_gris italique" style="margin-left: 20px; ">Bientôt accessible</div> </div> </div> </form> </div> <br style="clear:both;" /><br style="clear:both;" /> </div> <div class="b_grisFonce" style="width: 70%; height: 1px; margin: 10px auto; "></div> </div> <div id="nbSession" style="display:none;">12</div> <script> function selectCity( session ) { var villeChoisie = ""; if (session == 'session_') { villeChoisie = document.getElementById("ville").value; } else { villeChoisie = document.getElementById("villeR").value; } var nbSession = document.getElementById("nbSession").innerText; //alert( "session = " + session + " nbSession = " + nbSession + " villeChoisie = " + villeChoisie); if (villeChoisie == "all") { for (var i = 1; i <= nbSession; ++i) { document.getElementById(session + i).style.display = "block"; } } else { for (var i = 1; i <= nbSession; ++i) { document.getElementById(session + i).style.display = "none"; var attrArray = document.getElementById(session + i).attributes; for (var k = 0; k < attrArray.length; ++k) { if (attrArray[k].name == "ville") { // Kieme valeur non nulle ... if (attrArray[k].value != null) { if (attrArray[k].value == villeChoisie) { document.getElementById(session + i).style.display = "block"; } } } } } } } function SendForm(htmlDivElement, formulaire) { //var domaineArray = document.getElementsByClassName('dom') if (formulaire == 'desktop') { document.getElementById("sessionStageId").value = htmlDivElement.getAttribute('sessionId'); document.getElementById('sessionForm').submit(); } else { document.getElementById("sessionStageIdR").value = htmlDivElement.getAttribute('sessionId'); document.getElementById('sessionFormR').submit(); } } </script> </div> <br style="clear:both;" /> <br style="clear:both;" /> <br style="clear:both;" /> <br style="clear:both;" /> </div> <script type="text/javascript"> function goToId(Id) { if (document.getElementById(Id)) { var position = document.getElementById(Id).offsetTop; //alert("position = " + position + " - Id " + Id); switch (Id) { //case 'dateEtLieu': position += 240; break; //case 'dateEtLieu': position += 140; break; default: position += 260; break; } window.scroll(0, position); } } (function () { document.addEventListener("DOMContentLoaded", function (event) { /* Lien partage Email (enveloppe noire) */ var titre = document.getElementById("titre").innerText; var stageCd = document.getElementById("stageCd").innerText; var subject = "La formation \"" + stageCd + "\" pourrait vous intéresser"; //var body = "Bonjour Voici le lien de la <a class='slg c_bleuVert' href='/formation/gpi' >formation " + stageCd + " \n " + titre + "</a>"; var urlStage = "vide"; urlStage = 'formation-html5-initiation-pratique'; var body = "Bonjour,\n\nLa formation \"" + titre + "\" pourrait vous intéresser. \nVoici le lien : https://www.orsys.fr/formation/" + urlStage + ".html \n\nCordialement,"; var linkFormation = document.getElementById('mailto'); var link = document.getElementById('mailto'); link.href = "mailto:?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body); /* Lien partage Email (enveloppe noire) */ var idBanniereList = document.getElementsByClassName("banniere"); // tableau des objets Html retourné (ayant la classe 'banniere') /*largeur d'écran */ var largeurEcran = document.body.scrollWidth; // Desktop if (largeurEcran > 800) { if (idBanniereList.length == 0) { formation_encart.style.top = "200px"; } else { formation_encart.style.top = "260px"; } } }); }()); </script></div> <footer> <link rel="stylesheet" type="text/css" href="/ContentV11/css/footer.css"> <br style="clear:both;" /> <div id="footer" style="margin-top: 0px; "> <div class="relativ b_grisFonce large100 ctr onlyLarge" style="margin-top: 0px; height: 222px; vertical-align: middle;"> <div class="relativ" style="display: inline-block; margin: auto; padding: 0;"> <div class="relativLeft b_grisFonce" style="width: 150px; height: 200px; margin-left: 25px; margin-right: 25px; "> <div class="relativ" style=""> <div style="padding-top: 25px; "> <div class="relativLeft" style="margin-left: 0px;"> <img style="height:150px;" src="/ContentV11/images/pictoBlanc/rond.png" /> </div> </div> <div class="relativLeft ctr" style="margin-top: -130px;"> <div class="relativLeft" style="width:150px;margin-left: 0px;"> <div class="size18 gras">63 000</div> <div class="size11" style="margin-top:5px;">personnes<br />formées</div> </div> </div> </div> </div> <div class="relativLeft b_grisFonce" style="width: 150px; height: 200px; margin-left: 25px; margin-right: 25px; "> <div class="relativ" style=""> <div style="padding-top: 25px; "> <div class="relativLeft" style="margin-left: 0px;"> <img style="height:150px;" src="/ContentV11/images/pictoBlanc/rond.png" /> </div> </div> <div class="relativLeft ctr" style="margin-top: -130px;"> <div class="relativLeft" style="width:150px;margin-left: 0px;"> <div class="size18 gras">96.5%</div> <div class="size11" style="margin-top:5px;">de clients<br />satisfaits</div> </div> </div> </div> </div> <div class="relativLeft b_grisFonce" style="width: 180px; height: 200px; margin-left: 25px; margin-right: 25px; "> <div class="relativ" style=""> <div style="padding-top: 10px; "> <div class="relativLeft" style="margin-left: 0px;"> <img style="height: 180px;" src="/ContentV11/images/pictoBlanc/rondGrand.png" /> </div> </div> <div class="relativLeft ctr" style="margin-top: -144px;"> <div class="relativLeft" style="width:180px;"> <div class="size18 gras">4,6/5</div> <div class="size12" style="margin-top:5px;"><div style='margin-top:5px;'><img style='width:120px;' src='/ContentV11/images/pictoJaune/avisClient.png'/></div></div> </div> </div> </div> </div> <div class="relativLeft b_grisFonce" style="width: 150px; height: 200px; margin-left: 25px; margin-right: 25px; "> <div class="relativ" style=""> <div style="padding-top: 25px; "> <div class="relativLeft" style="margin-left: 0px;"> <img style="height:150px;" src="/ContentV11/images/pictoBlanc/rond.png" /> </div> </div> <div class="relativLeft ctr" style="margin-top: -130px;"> <div class="relativLeft" style="width:150px;margin-left: 0px;"> <div class="size18 gras">92%</div> <div class="size11" style="margin-top:5px;">de réussite<br />sur nos parcours<br />certifiants</div> </div> </div> </div> </div> <div class="relativLeft b_grisFonce" style="width: 150px; height: 200px; margin-left: 25px; margin-right: 25px; "> <div class="relativ" style=""> <div style="padding-top: 25px; "> <div class="relativLeft" style="margin-left: 0px;"> <img style="height:150px;" src="/ContentV11/images/pictoBlanc/rond.png" /> </div> </div> <div class="relativLeft ctr" style="margin-top: -130px;"> <div class="relativLeft" style="width:150px;margin-left: 0px;"> <div class="size18 gras">12 500</div> <div class="size11" style="margin-top:5px;">sessions<br />réalisées</div> </div> </div> </div> </div> </div> <div class="relativ italique right" style="top: -30px; right:10px;">Données 2020</div> </div> <br style="clear:both;" /> <div class="relativLeft large100 c_blanc" style="background-color: #3E6478; margin-top: -22px; padding-bottom: 40px;"> <div class="relativLeft" style="padding: 10px 0px 20px 20px; "> <div class="relativLeft onlyLarge" style="width:300px;"> <span class="gras"> À propos d’ORSYS</span> <div style="margin-top:20px;"> <div style="margin-top: 2px;"><a class="c_blanc" href="/a-propos-d-orsys/qui-sommes-nous" target=_self>Qui sommes-nous ?</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="/formations/comment-s-inscrire" target=_self>Comment s’inscrire</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="/demarche-qualite/" target=_self>Démarche qualité</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="/handicap-et-accessibilite/" target=_self>Handicap et accessibilité</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="/a-propos-d-orsys/centres-formation" target=_self>Nos 29 centres de formation</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="/recrutements/PostesAPourvoir" target=_self>Nous rejoindre</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="https://taleez.com/apply/sp/orsys-formateurs?lang=fr" target=_blank>Devenir formateur</a></div> </div> </div> <div class="relativLeft onlyLarge" style="width:250px;"> <span class="gras">Nos autres sites</span> <div style="margin-top:20px;"> <div style="margin-top: 2px;"><a class="c_blanc" href="https://www.ittcert.fr/" target=_blank>ITTCERT</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="https://www.orsys.be/" target=_blank>Belgique</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="https://www.orsys.lu/" target=_blank>Luxembourg</a></div> <div style="margin-top: 2px;"><a class="c_blanc" href="https://www.orsysformation.ch/" target=_blank>Suisse</a></div> </div> </div> <div id="footerColoneDroiteFra"> <div class="relativLeft large100"> <span class="relativLeft gras">Suivez-nous</span> <div class="relativRight onlyLarge size10" style="margin-top:5px;margin-left:0px;">*Apprendre pour réussir</div> </div> <div class="relativLeft large100" style="margin-top: 20px;"> <a href="https://www.linkedin.com/company/orsys/" target="_blank"> <img id="lnk" style="height: 20px; margin-right: 20px;" src="/ContentV11/images/pictoResSociaux/blanc_linkedin.png" onmouseover="colorPictoJaune('lnk','linkedin.png')" onmouseout="colorPictoBlanc('lnk','linkedin.png')" /> </a> <a href="https://twitter.com/orsys" target="_blank"> <img id="twt" style="height: 20px; margin-right: 20px;" src="/ContentV11/images/pictoResSociaux/blanc_twitter.png" onmouseover="colorPictoJaune('twt','twitter.png')" onmouseout="colorPictoBlanc('twt','twitter.png')" /> </a> <a href="https://www.instagram.com/accounts/login/?next=/orsysformation/" target="_blank"> <img id="ins" style="height: 20px; margin-right: 20px;" src="/ContentV11/images/pictoResSociaux/blanc_insta.png" onmouseover="colorPictoJaune('ins','insta.png')" onmouseout="colorPictoBlanc('ins','insta.png')" /> </a> <a href="https://www.youtube.com/user/ORSYSformation" target="_blank"> <img id="ytb" style="height: 20px; margin-right: 20px;" src="/ContentV11/images/pictoResSociaux/blanc_youtube.png" onmouseover="colorPictoJaune('ytb','youtube.png')" onmouseout="colorPictoBlanc('ytb','youtube.png')" /> </a> <a href="https://www.pinterest.fr/orsysformation/" target="_blank"> <img id="pnt" style="height: 20px; margin-right: 20px;" src="/ContentV11/images/pictoResSociaux/blanc_pinterest.png" onmouseover="colorPictoJaune('pnt','pinterest.png')" onmouseout="colorPictoBlanc('pnt','pinterest.png')" /> </a> <a href="https://www.facebook.com/orsys.formation" target="_blank"> <img id="fbk" style="height: 20px; margin-right: 20px;" src="/ContentV11/images/pictoResSociaux/blanc_facebook.png" onmouseover="colorPictoJaune('fbk','facebook.png')" onmouseout="colorPictoBlanc('fbk','facebook.png')" /> </a> <a href="/newsletters/inscription" target="_self"> <img id="env" style="height: 20px; margin-right: 20px;" src="/ContentV11/images/pictoResSociaux/blanc_enveloppe.png" onmouseover="colorPictoJaune('env','enveloppe.png')" onmouseout="colorPictoBlanc('env','enveloppe.png')" /> </a> </div> <div class="relativLeft gras" style="margin-top: 30px;">Nos qualifications </div> <div class="relativLeft large100" style="height: 30px; margin-left: 0px; margin-top: 10px; "> <img src="/ContentV11/images/pictoCertif/qualiopi_footer.png" style="width:60px; display: inline-block; margin-right:15px;" /> <img style="height: 38px; margin-right: 11px; display:inline-block; width: auto;" src="/ContentV11/images/pictoCertif/blanc_isq.png?v=200434899" /> <img style="height: 38px; margin-right: 11px; display:inline-block; width: auto;" src="/ContentV11/images/pictoCertif/blanc_datadock.png?v=200434899" /> <img style="height: 38px; margin-right: 11px; display:inline-block; width: auto;" src="/ContentV11/images/pictoCertif/blanc_acteursCompetence.png?v=200434899" /> </div> </div> <div class="relativRight onlySmall size10" style="margin-top:60px;margin-right:50px;">*Apprendre pour réussir</div> </div> <br style="clear:both;" /> <div class="b_blanc" style="width: 70%; height: 1px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px; "></div> <div class="relativLeft large100 ctr" style=""> <div class="relativ" style="margin-top: 10px; margin-left: 40px; margin-right: 40px; display: inline-block; "> <a class="c_blanc" style="color: #FFFFFF;" href="/mentions-legales.html">Mentions légales</a> </div> <div class="relativ" style="margin-top: 10px; margin-left: 40px; margin-right: 40px; display: inline-block; "> <a class="c_blanc" href="/politique-de-protection-des-donnees-personnelles.html">Politique de protection des données personnelles </a> </div> <div class="relativ" style="margin-top: 10px; margin-left: 40px; margin-right: 40px; display: inline-block; "> <a class="c_blanc" href="/infos-pratiques/cgv">CGV</a> </div> </div> </div> </div> </footer> </div> </body> </html>