<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>Guide de prise en main de votre ENT</title>
	<style type="text/css">
		body{
			font-family: 'arial';
			font-size: 0.8em;
		}
		h1{
			color: #2a9cc8;
		}
		h2{
			color: #2a9cc8;
		}
		div.banner{
			background-color: rgb(213, 239, 248);
			margin-bottom: 10px;
			padding: 15px;
			padding-top: 1px;
			line-height: 15px;
		}
		div.banner span.content{
			margin-top: 15px;
			margin-bottom: 10px;
			font-size: 15px;
			font-weight: bold;
		}

		ul li{
			list-style: circle;
		}

		div.twocolumns > div{
			max-width: 45%;
			display: inline-block;
			vertical-align: top;
		}
		div.twocolumns.center > div{
			vertical-align: middle;
		}
		ul.login-list{
			margin-top: 35px;
		}
		ul.login-list > li{
			margin-bottom: 15px;
		}
		b.highlighted{
			background-color: #feeb59;
		}

		div#login{
			position: absolute;
			top: 60px;
			left: 75px;
		}
		div#code{
			position: absolute;
			top: 90px;
			left: 75px;
		}
		img#logo{
			width: 200px;
		}
		img#besoinaide{
			width: 250px;
			margin-left: 30px;
		}
		img#demandereinitialisation{
			width: 250px;
			margin-right: 30px;
		}
		img#reinitialisation{
			width: 300px;
			margin-left: 30px;
		}
	</style>
</head>

<body>
	{{#users}}
	{{! Users that are not activated }}
	{{#activationCode}}
	<div{{^end}} style="page-break-after: always"{{/end}}>
		<img id="logo" src="logo.png"></img>
		<div class="banner">
			<h1>La première connexion à PrimOT</h1>
			<span class="content">Ce document s'adresse à <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
			{{#child}}
				<br/>
				<span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
			{{/child}}
			{{^child}}
				{{#isInClass}}
					<span class="content">en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
				{{/isInClass}}
			{{/child}}
		</div>

		La première connexion à PrimOT comprend une étape préalable indispensable, qui vous permet de personnaliser vos informations de connexion.

		<ul>
			<li>
				<h2>De quoi se munir ?</h2>
				Pour se connecter à PrimOT, vous devez vous munir de votre adresse E-mail personnelle et de cette feuille.
			</li>
			<li>
				<h2>Comment accéder à PrimOT?</h2>
				<div class="twocolumns">
					<p>
						Vous pouvez accéder à PrimOT en passant par le site : <a href="https://www.primot.fr">www.primot.fr</a>.<br/>
					</p>
				</div>
			</li>
			<li>
				<h2>Comment se connecter la première fois ?</h2>
				<b>Utiliser les identifiants ci-dessous sur la page de connexion :</b>
				<div>
					<ul class="login-list">
						<li>Identifiant : <b>{{login}}</b></li>
						<li>Code d'activation <b>{{activationCode}}</b></li>
					</ul>
				</div>
			</li>
		</ul>

		<div class="footer">
			<p>
				Pour sécuriser vos accès, il vous sera demandé de choisir un nouveau mot de passe,
				d’indiquer votre adresse E-mail personnelle et si vous le souhaitez de saisir un numéro de
				téléphone portable pour récupération du mot de passe en cas d’oubli.
				Vous aurez aussi la possibilité de consulter la charte de PrimOT et l’obligation d’en accepter les termes.
			</p>

			<p>
				<i>Nous vous recommandons de mélanger chiffres, lettres, majuscules, minuscules et caractères spéciaux lors du choix de votre mot de passe personnel.</i>
			</p>

			<p>
				<b>Désormais, vous pouvez vous connecter à PrimOT en utilisant votre nouveau mot de passe.</b>
			</p>
		</div>
	</div>
	{{/activationCode}}
	{{! Users that are activated }}
	{{^activationCode}}
	<div{{^end}} style="page-break-after: always"{{/end}}>
		<img id="logo" src="logo.png"></img>
		<div class="banner">
			<h1>Informations sur votre compte PrimOT</h1>
			<span class="content">Ce document s'adresse à <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
			{{#child}}
				<br/>
				<span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
			{{/child}}
			{{^child}}
				{{#isInClass}}
					<span class="content">en classe{{^classes}}{{#classname}} {{classname}}{{/classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
				{{/isInClass}}
			{{/child}}
		</div>

		<p>Vous possédez déjà un compte sur l’ENT (environnement numérique de travail) PrimOT.</p>

		<p>Votre identifiant de connexion est rappelé ci-contre : <b class="highlighted">{{login}}</b></p>

		<p>Si vous ne vous souvenez pas de votre mot de passe, vous pouvez en définir un nouveau en suivant les instructions ci-dessous.</p>

		<ul>
			<li>
				<h2>Demande de réinitialisation de mot de passe</h2>
				<p>
					Rendez-vous à l’adresse <a href="https://www.primot.fr">www.primot.fr</a>
					et cliquez sur « Besoin d'aide ? ».<br/>
					Cliquez ensuite sur « Vous avez perdu votre mot de passe ? » puis saisissez votre identifiant et enfin cliquez sur « Envoyer ». <br/>
					Un mail sera envoyé à l’adresse que vous avez saisie lors de l’activation de votre compte.
				</p>
			</li>
			<li>
				<h2>Réinitialisation du mot de passe</h2>
				<p>
					Cliquez ensuite sur le lien hypertexte dans le mail reçu pour définir votre nouveau mot de passe.
				</p>
			</li>
		</ul>
	</div>
	{{/activationCode}}
	{{/users}}
</body>

</html>
