<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>NEWSLETTER JUILLET</title>
<!-- Open Graph Protocol -->
<meta property="og:title" content="NEWSLETTER JUILLET" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://hypra.fr/sites/default/IMG/siteon0.png?1424706725" />
<meta property="og:url" content="http://hypra.fr/?NEWSLETTER-JUILLET" />
<meta property="og:site_name" content="Hypra" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
#outlook a {padding: 0;}
body {width: 100% !important;}
body {margin: 0;padding: 0;}
img {border: none;font-size: 16px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;-ms-interpolation-mode: bicubic;}
img#headerImage{font-size:28px;}
#backgroundTable {height: 100% !important;margin: 0;padding: 0;width: 100% !important;}
body, .backgroundTable {background-color: #FAFAFA;}
#templateContainer {border: 1px solid #DDDDDD;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {color: #202020;display: block;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 22px;font-weight: bold;line-height: 100%;margin-bottom: 10px;text-align: left;}
h1,.h1 {font-size: 28px;} h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 22px;}h4,.h4 {font-size: 20px;}
h5,.h5 {font-size: 18px;}h6,.h6 {font-size: 16px;}
#templatePreheader {background-color: #FAFAFA;}
.preheaderContent div {color: #303030;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 12px;line-height: 100%;text-align: left;}
.preheaderContent div a:link, .preheaderContent div a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
.preheaderContent div img {height: auto;max-width: 600px;}
#templateHeader {background-color: #FFFFFF;border-bottom: 0;}
.headerContent {color: #202020;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 34px;font-weight: bold;line-height: 100%;padding: 0;text-align: center;vertical-align: middle;}
.headerContent a:link, .headerContent a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
#headerImage {height: auto;max-width: 600px !important;}
#templateContainer, .bodyContent {background-color: #FDFDFD;}
.bodyContent div {color: #303030;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 16px;line-height: 150%;text-align: left;}
.bodyContent div a:link, .bodyContent div a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
.bodyContent div .spip_documents_center { display: table; clear: both; margin: 1em auto; }
.bodyContent div .spip_documents_left { margin-right: 15px; margin-bottom: 5px; }
.bodyContent div .spip_documents_right { margin-left: 15px; margin-bottom: 5px; }
.bodyContent img {display: inline;margin-bottom: 10px;}
#templateFooter {background-color: #FDFDFD;border-top: 0;}
.footerContent div {color: #707070;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 14px;line-height: 125%;text-align: left;}
.footerContent div a:link, .footerContent div a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
.footerContent img {display: inline;}
#social {background-color: #eee;border: 1px solid #F5F5F5;}
#social div {text-align: center;}
#utility {background-color: #FDFDFD;border-top: 1px solid #F5F5F5;}
#utility div {text-align: center;}
img.puce {margin-bottom: 0}
.spip_code, .spip_cadre {color: #606060;font-family: Courier,"Courier New",monospace;}
textarea.spip_cadre {width: 100%;}
.coloration_code ol {list-style: none;}
@media only screen and (max-width: 640px) {
html,body {width: 100% !important;}
img {max-width: 100% !important;}
#templatePreheader {width: 100% !important;}
.preheaderContent,.bodyContent,.footerContent {padding: 0 !important;}
#templateContainer {width: 100% !important;border: 0 !important;}
#templateHeader {width: 100% !important;border: 0 !important;}
#templateBody {width: 100% !important;}
#templateFooter {width: 100% !important;}
#canspamBar {width: auto !important;}
.archive_link {max-width: 50%}
.padding {padding-left:0 !important;padding-right:0 !important;}
.text {font-size: 16px !important;color: #101010 !important;}
}
body {
margin: auto;
text-align: center;
color: white;
font-weight: bold;
}
h1, h2 {
margin: auto;
text-align: center;
text-transform: uppercase;
color: white;
}
a {
font-weight: bold;
}
h2:before {
background: url('http://www.hypra.fr/css/img/rocket_little_white.svg') no-repeat 0.3em;
background-size: contain;
padding-left: 2em;
text-align: center;
content:"";
}
.article-1, .article-2, .article-3, .article-4 {
width: 48%;
margin: auto;
/* min-height: 28aem; */
min-height: 23em;
padding: 1%;
vertical-align: top;
}
.article-1, .article-3 {
float:left;
}
.article-2, .article-4 {
float: right;
width: 48%;
}
.article-1 a, .article-2 a, .article-3 a, .article-4 a {
color: yellow;
}
.logo {
display:inline-block;
text-align: center;
margin: auto;
padding: 0.7em 0;
width: 100%;
clear: both:
float: none;
}
.social-link {
float:right;
vertical-align:top;
margin-top: 0.5em;
}
.social-link a {
text-decoration: none;
margin-right: 0.5em;
}
.social-link a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
cursor: auto;
}
.footer {
float: none;
clear: both:
margin: auto;
background-color: #9fa2ab;
color:black;
padding-top: 1em;
width: 100%;
}
.unsubscribe {
display: inline-block;
width: 20%;
margin:auto;
padding-bottom: 1.5em;
}
.unsubscribe a {
color: white;
}
#name {
display: inline-block;
margin: 0;
margin-top: 0.5em;
margin-left: 0.5em;
float:left;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
#name:before {
display: block;
background: url('http://www.hypra.fr/img/newsletter/little_rocket.svg') center 0.3em no-repeat;
background-size: 3em;
text-align: center;
margin: 0;
padding: 0;
content:" ";
width: 100%;
height: 60px;
}
#date {
float: left;
display:inline-block;
margin: 0;
padding: 0;
margin-top: 0.3em;
margin-left: 0.3em;
width: 1%;
}
@media screen and (max-width: 70em) {
#date {
margin: auto;
clear: both;
float: none;
text-align: center;
display: inline;
}
.article-1, .article-2, .article-3, .article-4 {
/* min-height: 50em; */
min-height: 25em;
}
}
@media screen and (max-width: 60em) {
.article-1, .article-2, .article-3, .article-4 {
/* min-height: 60em; */
min-height: 32em;
}
}
@media screen and (max-width: 45em) {
.article-1,.article-2, .article-3, .article-4 {
display: block;
width: 100%;
margin: auto;
padding: 0 0.2em;
clear:both;
float:none;
min-height: initial;
padding: 1em 0;
}
.bottom-bar {
width: 80%;
}
h1, h2 {
font-size: 1.2em;
padding-top: 0.5em;
}
.unsubscribe {
display: block;
width: 100%;
}
#date, .social-link, #name {
float:none;
}
#date {
font-size:1.5em;
margin-bottom: 0.5em;
}
#name {
margin-bottom: 1em;
}
#name:before {
height: 60px;
}
a.button {
margin: 1em 0;
}
}
li {
margin-bottom: 1em;
}
.main-article, .footer-article {
background-color:#192c80;
padding: 1em 0 2em 0;
width: 100%;
}
.main-article a, .footer-article a {
color:white;
font-weight: bold;
}
.article-1 {
background-color:#0000ff;
}
.article-2 {
background-color:#2778cd;
}
.article-3 {
background-color:#192c80;
}
.article-4 {
background-color:#71bafc;
}
.color-4 .color-4 h2, .color-4 a {
color: black;
}
.header {
background: rgba(0, 0, 0, 0) url("http://www.hypra.fr/css/img/andromeda_background_with_vertical_gradient.svg") no-repeat scroll center top / 100% auto;
background-size: cover;
color: white;
text-align: center:
margin:auto;
width: 100%;
}
.header a {
display: inline-block;
margin: auto;
text-align: center;
margin: 0;
padding: 0;
}
a.button {
border: 2px solid white;
text-decoration: none;
text-align: center;
color: white;
padding: 0.3em 1.5em;
}
.article a:last-child:hover {
text-decoration:underline;
}
.english {
display: inline-block;
float: right;
}
.english a {
color: white;
font-weigth: bold;
}
.online {
color : black;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
<div class="online">Si la newsletter ne s'affiche pas correctement <a href="http://hypra.fr/?Newsletter-Juillet">lire la newsletter en ligne</a></div>
<div class="header">
<!-- <p class="english">
<a href="http://hypra.fr/?Hypra-newsletter-June">For English version, click here</a>
</p>-->
<a href="http://www.hypra.fr/">
<img
src="http://www.hypra.fr/img/newsletter/hypra_logo_with_text_light_blue.svg"
alt="Logo Hypra"
class="logo"
>
</a>
<!-- <h1 id="date">juillet 2016</h1> -->
<h1 id="date">Juillet 2016</h1>
</div>
<div class="main-article">
<h2>Quoi de neuf dans le S.A.U ?</h2>
<p><img src="http://hypra.fr/sites/default/IMG/nl/18/07a1042d96b5575e3fae51f80aa658c7.gif?1467991528#fixed" width="16" height="14" class="puce" alt="-" /> Hypra offre désormais un suivi clavier du zoom de haute qualité dans un très grand nombre d’applications (lecteur PDF, suite bureautique, internet) ainsi qu’un zoom doux fourni par défaut que beaucoup apprécieront car il permet un défilement plus agréable de l’écran !<br /><img src="http://hypra.fr/sites/default/IMG/nl/18/07a1042d96b5575e3fae51f80aa658c7.gif?1467991528#fixed" width="16" height="14" class="puce" alt="-" /> une dizaine de thèmes souris sont désormais disponibles, la personnalisation s’étend à la taille, à la couleur et au type de pointeur !</p>
<p>Et très bientôt disponible : un grossissement personnalisable de la fenêtre de changement d’application (alt + tab).</p>
</div>
<div class="article-1">
<div class="article-vertical-align">
<h2>Encore de nouveaux partenaires pour Hypra !</h2>
<p>A l’issue de notre visite de l’ARAMAV, Hypra est fière d’annoncer une esquisse de partenariat avec le Centre de Réadaptation. L’idée est d’offrir un accompagnement global, continu et proactif sur le Sytème à Accès Universel à toutes les personnes pendant et après leur séjour.</p>
<p>Hypra est également heureuse – oui vous l’aurez remarqué à l’usage, Hypra est aussi une allégorie féminine ! - de vous annoncer un partenariat avec la FISAF de manière à ce que nous puissions partager notre savoir-faire et notre réflexion sur la conception et l’appropriation des outils numériques avec tous les professionnels du secteur : orthoptistes, enseignants spécialisés, ergothérapeutes, ergonomes etc. etc. 3 modules seront versés au catalogue de la FISAF : l’un sur le choix des technologies, un autre sur l’accompagnement de publics fragiles, un dernier sur l’accessibilité numérique en milieu professionnel.</p>
</div>
</div>
<div class="article-2">
<div class="article-vertical-align">
<h2>Autonomic Paris, SENS LAB, l’ARAMAV, le mois de juin était chaud !</h2>
<p>Juin aura été un mois intense et important pour Hypra. Pas moins de 400 personnes ont défilé sur le stand de Autonomic Paris du 8 au 10 juin à la rencontre de toute notre équipe. Merci à celles et ceux qui sont venus jusqu’à nous ! <br class='autobr' />
Du 18 au 19 juin, nous étions mobilisés sur l’événement organisé par la FEDEEH, SENSLAB, et avons donné une conférence sur l’accessibilité des progiciels en la présence des services du Premier Ministre et de jeunes et adultes aveugles ayant eu à connaître directement ou indirectement de l’inaccessibilité de leurs progiciels. <br class='autobr' />
Enfin, la semaine du 20 juin nous étions à Nîmes pour aller à la rencontre du Docteur DUPEYRON de l’ARAMAV, moment pendant lequel nous avons pu exposer notre vision de l’inclusion numérique tout en décloisonnement, en transversalité et en accompagnement humain.</p>
</div>
</div>
<div class="article-3">
<div class="article-vertical-align">
<h2>Hypra réfléchit</h2>
<p>Dans la foulée de SENS LAB et après avoir rencontré des responsables de médiathèques et de bibliothèques, la Direction des Systèmes d’Information de l’Etat, Hypra a tout d’abord décidé de réfléchir <a href="http://hypra.fr/?Pourquoi-l-accessibilite-reste-en" class='spip_out'>sur les raisons de la frilosité générale face à la mise en accessibilité des postes de travail</a></p>
<p>Ensuite, nous avons également souhaité expliquer pourquoi <a href="http://hypra.fr/?La-philosophie-de-l-inclusion" class='spip_out'>la notion d’inclusion numérique</a> nous paraissait plus fortement mobilisatrice que celle de l’accessibilité parce qu’elle vise à fournir un levier de transformation globale des organisations et peut y être associée une réelle méthode d’accompagnement du changement.</p>
</div>
</div>
<div class="article-1">
<div class="article-vertical-align">
<h2>Le S.A.U en fin d’évaluation</h2>
<p><img src="http://hypra.fr/sites/default/IMG/nl/18/07a1042d96b5575e3fae51f80aa658c7.gif?1467991528#fixed" width="16" height="14" class="puce" alt="-" /> par le CENTICH : rapport d’évaluation attendu pour fin août à partir du travail effectué par Raphael POITEVIN et Jean-Philippe MENGUAL auprès d’une cohorte de 12 personnes. Le rapport d’évaluation déterminera si, en 5 à 10 heures, nous sommes capables de conduire tout niveau et tout profil d’utilisateur sur le chemin de l’autonomie ! <br /><img src="http://hypra.fr/sites/default/IMG/nl/18/07a1042d96b5575e3fae51f80aa658c7.gif?1467991528#fixed" width="16" height="14" class="puce" alt="-" /> par le CERTAM de l’AVH : évaluation attendue également pour la rentrée !<br /><img src="http://hypra.fr/sites/default/IMG/nl/18/07a1042d96b5575e3fae51f80aa658c7.gif?1467991528#fixed" width="16" height="14" class="puce" alt="-" /> par la FSA, une association suisse, qui par l’intermédiaire d’un de ses membres, est en train d’évaluer notre solution !<br /><img src="http://hypra.fr/sites/default/IMG/nl/18/07a1042d96b5575e3fae51f80aa658c7.gif?1467991528#fixed" width="16" height="14" class="puce" alt="-" /> et bientôt, espérons, par le Centre Peyrelongue, la CRAMIF, et la FIDEV à qui nous avons proposé une coopération après avoir rencontré les professionnels.</p>
</div>
</div>
<div class="footer">
<p class="unsubscribe">
Cette e-mail vous a été envoyé car vous êtes inscrit à la newsletter du site <a href="http://www.hypra.fr/">Hypra.fr</a>.
Si vous souhaitez vous désabonnez vous pouvez le faire sur <a href="https://mail.hypra.fr/mailman/options/newsletter">la page de désabonnement</a>
</p>
<p id="name">
WWW.HYPRA.FR
</p>
<div class="social-link">
<a href="https://www.facebook.com/hyprasoftware/">
<img src="http://www.hypra.fr/img/newsletter/facebook.svg" alt="Page Facebook Hypra" />
</a>
<a href="https://twitter.com/hypra_">
<img src="http://www.hypra.fr/img/newsletter/twitter.svg" alt="Page Twitter Hypra"/>
</a>
</div>
</div>
</body>
</html>