Concours

Recommander

Euh... Handimobility ?

Je crois qu'y a un truc qui
semble bizarre dans
leur critère d'accessibilité...

Si, si... Je vous l'assure...

Faudrait pt'être
en parler sur le blog !

 

 

 

Vos petites annonces
Internet Handimobility
gratuites ici !

Jeudi 11 août 2005 4 11 /08 /Août /2005 00:00

Essai de design pour le blog de thierry

EN COURS

couleur du fond des modules: #1e90ff (menu du site)

liens: blanc, noir au survol

voir à caler correctement les modules dans leur boîte.

mettre titres articles en #1e90ff (pas en titre des modules, sinon invisibles!)

voir pour textes commentaires: fond en #1e90ff

CSS provisoire:

/* ---------- Elements Principaux ------------- */
body {
 margin:0px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size:x-small;
 background: transparent;
 color: #000000;
}
#top h1 {
 color: #000000;
 font-size: 20px;
}
/*-- Titre des modules --*/
.article h1, .article  h2 {
 color: #000000;
 font-size: 15px;
}
h3 {
 color: #000000;
 font-size: 12px;
}
/* liens */
a {
 color: #000000;
 text-decoration: underline;
 font-size:110%;
}
a:hover {
 color: #FFFFFF;
 text-decoration: none;
}
legend {
 color:#000000;
 padding-left:5px;
 padding-right:5px;
}
/* listes */
li {
 list-style-type:none;
}
/* image */
img { border:0px; }
/* elements de formulaire */
input {
 border-left:2px solid #FFFFFF;
 border-right:2px solid #9E9E9E;
 border-top:2px solid #FFFFFF;
 border-bottom:2px solid #9E9E9E;
 font-size:100%;
 background:transparent;
 color:#0000FF;
}
/* Boutons incription a la newsletter, rechercher */
#email, #recherche {
 border-left: 2px solid #FFFFFF;
 border-right: 2px solid #9E9E9E;
 font-size: 100%;
 background: transparent;
 color: #0000FF;
}

/* ---------- Structure ------- */
/* - La class main correspond a la structure global du blog*/
/* - le numero apres 'main' correspond au type de structure (1 2 ou trois colonne) */
/* Pour les stuctures avec 2 colonnes */
#main1 { text-align:left; margin:0px auto 50px auto; }
/* colonne de droite */
#main1 #rightnav { padding:10px; width:220px; }
/* colonne de gauche */
#main1 #leftnav { padding:10px; width:220px; }
 /* colonne principale */
#main1 #content { padding:10px; border-left:2px solid #FFFFFF; border-right:2px solid #9E9E9E; }
/* titre des articles */
#main1 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; color:#000000}

/* Pour les stuctures avec une colonne a droite */
#main2 { text-align:left; margin:0px auto 50px auto; }
/* colonne de droite */
#main2 #rightnav { padding:10px; width:220px; }
 /* colonne principale */
#main2 #content { padding:10px; border-left:2px solid #FFFFFF; border-right:2px solid #9E9E9E; }
/* titre des articles */
#main2 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; color:#000000}
/* Pour les stuctures avec une colonne a gauche */
#main3 { text-align:left; margin:0px auto 50px auto; }
/* colonne de gauche */
#main3 #leftnav { padding:10px; width:220px; }
 /* colonne principale */
#main3 #content { padding:10px; border-left:2px solid #FFFFFF; border-right:2px solid #9E9E9E; }
/* titre des articles */
#main3 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; color:#000000}


#MainTab { margin:0px; width: 100%}
#MainTab td { vertical-align:top; }

/* entete */
#top { padding:5px; background: transparent; color:#0000FF;
border-bottom: 2px solid #9E9E9E; }
#top h1 { padding:0px; margin:0px; color:#0000FF;}


/* Bas de page */
#footer { clear:both; padding:10px; background: transparent; color:#0000FF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #9E9E9E; }
#footer p { margin:0px; padding: 10px; background: transparent; color:#0000FF;}
#footer a, #top a   { text-decoration:underline; color:#0000FF; font-size:110%; }
#footer a:hover, #top a:hover { text-decoration:none; color:#0000FF}

.cleaner {clear:both;}

/* --------- Modules -------- */
/* Texte libre de gauche */
#LeftPart { }
/* Texte libre de droite */
#RightPart { }
/* Calendrier */
#Calendrier { }
/* Liens */
#Lien { }
/* Articles recents */
#ArticleRecent { }
/* Categories */
#Categorie { }
/* Archives */
#Archive { }
/* Recommander */
#Recommander { }
/* Album */
#Album { }
/* W3C */
#W3C { }
/* Recherche */
#Recherche { }
/* Commentaires */
#CommentRecent { }
.box {
 width:100%;
 margin-bottom:10px;
 color:transparent;
 border: solid black 1px;
}
.box h2 {
 color:#0000FF;
 font-weight:bold;
 border-bottom: solid transparent 2px;
}
.box-top {
 background: transparent;
 border-left: none 0px;
 border-bottom: none 0px;
 border-right: none 0px;
 border-top: solid #FFFFFF 2px;
}

.box-left {
 background:transparent;
 margin:0px;
 border-right: none 0px;
 border-bottom: none 0px;
 border-top: none 0px;
 border-left: solid #FFFFFF 2px;
}

.box-right {
 margin:0px;
 background: transparent;
 border-left: none 0px;
 border-bottom: none 0px;
 border-top: none 0px;
 border-right: solid #9E9E9E 2px;
}
.box-bottom {
 background:transparent;
 border-left: none 0px;
 border-right: none 0px;
 border-top: none 0px;
 border-bottom: solid #9E9E9E 2px;
}
 
.box-topLeft {
 padding-left:20px;
 background:transparent;
}
.box-topRight {
 padding:3px;
 background:transparent;
}
.box-bottomLeft {
 margin:0px;
 background:transparent;
}
.box-bottomRight {
 padding:0px;
 background:transparent;
}
.box-content {
 background:#1e90ff;
 overflow:hidden;
 padding:10px 10px 10px 10px;
 border-left: solid #9E9E9E 2px;
 border-bottom: solid #FFFFFF 2px;
 border-top: solid #9E9E9E 2px;
 border-right: solid #FFFFFF 2px;
}

.box-content p { margin:0px 0px 0px 0px; padding:0px; }
.box-content ul { margin:0px 10px 0px 0px; padding:0px; }
.box-content li { list-style:square; color:transparent; margin:3px; padding:5px; }


/* ---------- Recherche --- */
#Recherche { padding:0px; }
#WForm { margin:0px; border:solid 1px #D8D7D7; padding:10px; background: #F3F7FC; }
#WForm input { border:solid 1px #D8D7D7; font-size:100%; background:#f4f4f4; color:#5675A4; }
#WForm input:hover { border:solid 1px #5675A4; background:#fff; }

.RNum { font-weight:bold; }
.RDesc { padding:10px; }
.ROut { font-style:italic; color:#A0B8CB; }
.RSize { color:#BFBFBF; }

a.RTitle { text-decoration:none; color:#00275E; }
a.RTitle:hover { text-decoration:none; color:#834141; }

#GGResults { text-align:left; margin:0px; color:#000000; }
.Result1 { padding:4px; background:#F7FAFD; }
.Result2 { padding:4px; background:#FBFBFB; }

/* Articles */
.article, .articleSeul {
 margin-top:0px;
 padding:0px;
 background: transparent;
 color: #000000;
}
.article p, .articleSeul p {
 padding:0px 0px 5px 5px;
margin:0px
}
.Date  {
 padding:0px 0px 5px 0px;
 margin:5px 0px 5px 0px;
 border-bottom:1px solid #FFFFFF;
width:100%;
}
.Option {
 padding:5px 0px 0px 0px;
 margin:0px 0px 20px 0px;
 border-top:1px dashed #FFFFFF;
 width:100%;
 text-align:right;
 font-size:85%;
 color:#808080
}

/* Commentaires */
#comment { }
.commentMessage {
 padding:5px;
 border:1px dotted #999999;
 background:#0000FF;
 margin:0px;
 color: #999999;
}
.commentOption {
 text-align:right;
 font-size:85%;
 color:#808080;
 margin-bottom:10px
}
/* Trackback */
#addTrackback {
 background:#0000FF;
 color: #6699CC;
 padding:5px;
 border-bottom: solid #9E9E9E 2px;
 border-right: solid #9E9E9E 2px;
 border-left: solid #FFFFFF 2px;
 border-top: solid #FFFFFF 2px;
}

/* Calendrier */
.calendarTop1  {
 font-family: Verdana, Arial, Helvetica;
 font-size: 10px;
 font-style: normal;
 color:#000000;
 font-weight: bold;
 background-color:#1e90ff;
} /*entete*/
.calendarToday1 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color:#0000FF; background-color:#1e90ff;} /*

Aujourd'hui */
.calendarDays1  { width:40px; height:15px; font-family:Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:white;

background-color: #1e90ff; text-align:center;}
.calendarHeader1{ font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color:#000000; color:#0000FF;} /* lettre de la

semaine */
.calendarTable1 { background-color:#0000FF;border:0px solid #000000;} /* contour du calendrier */.alignC { text-align:center; }
.basLien { } /*ne change rien au style actuel*/
.basLien:hover { } /*ne change rien au style actuel*/
.titreArticle{text-decoration:none; color: #000000;}/*évite le soulignement du lien*/
.titreArticle:hover {text-decoration:none; color: #000000;}
.topLien{text-decoration:none;}/*évite le soulignement du lien*/
.topLien:hover {text-decoration:none;}/*évite le soulignement du lien survolé*/
/* Fenetres ajout de commentaire, de trackback, recommander */
#formComment, #divTrackBack, #divRecommander, #divNewsletter {
 color: #000000;
 border: 1px 2px #FFFFFF;
 margin-top: 10px;
}
.newsletter {
 margin: 0px;
 padding-left: 20px;
}
/*= Specifique ecran =*/
#divRecommander {
 width: 650px;
 height: 550px;
}
#divNewsletter ul {
 text-align: left;
 list-style-type: none;
}
#divRecommander fieldset {
 border: none 0px;
}
#divRecommander table {
 width: auto;
 margin: auto;
}
#formComment {
 width: 390px;
 height: 430px;
}
#divTrackBack {
 width: 470px;
 height: 470px;
}
#divNewsletter form p {
 font-size: 0.8em;
 text-align: left;
 margin-left: 10px;
 margin-right: 10px;
 bottom: 10px;
 position: relative;
 padding: 10px;
}
/*= Titre page =*/
#formComment h2, #divTrackBack h2,
#divRecommander legend, #divNewsletter h2 {
 font-family: cursive;
 font-size: 16px;
 text-decoration: underline;
 margin-bottom: 40px;
}
/*= Contenu =*/
#formComment form {
 text-align: center;
}
#divTrackBack table {
 margin-bottom: 25px;
}
/*= Libelles =*/
#divTrackBack td, #formComment label,
#divRecommander table.txt strong, #divNewsletter label {
 position: relative;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica;
 font-size: 12px;
 left: 10px;
}
#formComment label {
 float: left;
 clear: both;
}
/*= Champs de saisie =*/
#divTrackBack input, #formComment input,
#formComment textarea, #divRecommander input,
#divRecommander textarea, #divNewsletter input {
 background: #0000FF;
 border: inset 1px #9E9E9E;
 padding-bottom: 5px;
 color: #000000;
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-top: 2px;
}
/* saisie texte */
#formComment input[type="text"], #formComment textarea {
 float: right;
 margin-right: 30px;
 margin-bottom: 1px;
 margin-top: 2px;
}
#divNewsletter input {
 margin-left: 15px;
}
.txt td {
 border: 0px none;
 vertical-align: top;
 padding-right: 10px
}
/* case a cocher */
#formComment input[type="checkbox"]{
 float: left;
 margin-left: 20px;
}
/* boutons */
#divTrackBack input[type="submit"], #formComment input[type="submit"],
#divRecommander input.submit {
 background: #0000FF;
 color: #000000;
 border: 1px outset ;
}
#divRecommander input.submit {
 float: right;
 margin-right: 12px;
 right: 30px;
 bottom: 15px;
}
/* Album photos */
#generalAlbum {
 width: 100%;
}
/* Gallerie d albums */
 .AccAlbum {
  width: 80%;
  position: relative;
  margin: 0 auto 0 auto;
}
/* Vignettes d'album*/
 .thumbAccAlbum {
  position: relative;
  float: left;
  padding: 5px;
}
/* Pied de page d'album */
 #piedAlbum {
  clear: both;
  text-align: center;
}
/* Détail d'album */
 /* Navigation dans l'album, groupe de vignettes, nom de la photo, photo */
 .quickNavAlbum, #centrethumbsAlbum, .nomPhotoAlbum, .photoAlbum {
  position: relative;
  margin: 0 auto 0 auto;
  width: 80%;
  text-align: center;
}
/* Navigation : Photo suivante */
 .suivAlbum { float: right; }
/* Navigation : Photo précédente */
 .precAlbum { float: left; }
/* Vignettes */
 .thumbAlbum, .thumbCouranteAlbum {
  position: relative;
  float: left;
  margin: 5px;
  padding: 2px;
  border: dashed 1px;
}
/* Vignette courante */
 .thumbCouranteAlbum {
  border: solid 1px;
}

 

 

Par Gabrielle - Publié dans : en plus
Ecrire un commentaire - Voir les 1 commentaires
Mercredi 13 avril 2005 3 13 /04 /Avr /2005 00:00
Attention, ceci est un blog cobaye pour des essais de CSS. Les articles sont la propriété de Philippe. Certains sont recopiés ici, uniquement pour vérifier sa mise en page et la concordance des couleurs.
Par gab - Publié dans : poèmes
Ecrire un commentaire - Voir les 2 commentaires
Mercredi 13 avril 2005 3 13 /04 /Avr /2005 00:00

Si j’ai rédigé l’article sur l’intégration des élèves handicapés ou atteints de maladies chroniques (http://cpe.over-blog.com/article-62070.html) , c’est qu’une expérience intéressante d’il y a quelques années m’est revenue en mémoire.
Appelons-la Laura.

J’ai rencontré Laura, élève dans un lycée " classique " où j’arrivais pour un an. Dès la rentrée, l’infirmière me contacte pour me parler de sa situation : atteinte de polyarthrite rhumatoïde, Laura a traversé une année de seconde difficile : outre sa maladie, déjà pénible, elle a dû supporter une série de maladresses, malentendus, incompréhensions et attitudes, de la part des adultes, et tout ceci posait question. Je ne sais comment définir cela autrement que par ellipses…

Un exemple parmi d’autres : les bâtiments du lycée s’étendant sur un vaste espace et Laura ayant parfois du mal à se déplacer rapidement pendant les interclasses (traverser la cour, monter les escaliers), il lui est arrivé d’être renvoyée au point de départ pour retirer…un billet de retard. Cherchez l’erreur. On lui reprochait aussi ses absences fréquentes…mais parfaitement justifiées par les douleurs, les examens médicaux nécessaires, les consultations dans un centre anti-douleur. Une situation d’incompréhension totale s’était installée. Je pense qu’à ce stade, plus personne ne savait de quoi elle souffrait, ce qui explique (sans les excuser !) certaines attitudes, certaines moues dubitatives et certaines critiques.

Au début de l’année suivante, je suis donc Conseillère Principale d’Education dans cet établissement, responsable des classes de 1ère et donc…de Laura.

L’infirmière me raconte l’histoire et nous décidons de réunir l’équipe éducative afin de rédiger un Protocole d’Accueil Individualisé (comme décrit dans mon article précédant) . J’avoue avoir découvert l’existence des textes réglementaires à ce sujet ! Dans le lycée où j’avais travaillé précédemment, nous accueillions 7 élèves déficients visuels et une élève handicapée motrice lourde : pas de PAI, pas de formalisation, mais un accueil adapté grâce à la bonne volonté de chacun et un bon esprit d’équipe. J’ai envie de dire…un bon esprit tout court !

Bref, vu ce que Laura a vécu l’année d’avant, nous préférons préparer son année dans les règles de l’art : réunion des professeurs, avec le médecin scolaire, l’infirmière, la famille, la direction. La famille expose en quoi consiste la maladie, décrit l’évolution des douleurs et crispations dans la journée, la fatigue accumulée. La question du régime alimentaire est vite réglée par quelques recommandations aux cuisines.
Pour le reste…c’est à dire, le principal, je me mets à ramer, ramer à contre-courant, moi, toute pleine d’idées, de trucs et ficelles, face à des professeurs réticents voire hostiles à imaginer des solutions qui n’ont rien d’exceptionnel. Pour les devoirs surveillés des matières " scientifiques ", comme Laura n’est jamais sûre de pouvoir écrire jusqu’à la fin de sa copie ; je propose qu’on la laisse rédiger un nombre donné d’exercices, le reste étant terminé à la maison, avec éventuellement un barême différent. " Ce n’est pas possible ". Les " littéraires " me rappellent que cet arrangement n’est pas possible dans leur domaine, roi de la longue dissertation non-découpable. Je réponds, qu’à cela ne tienne : Laura rédigera les 2 premières parties et vous rendra un plan détaillé de la dernière partie. " Ce n’est pas possible ". Du bout des lèvres, ils opteraient bien pour un tiers-temps accordé en plus. Problème : avec ce tiers-temps, Laura va manquer, à chaque DS, le début du cours suivant, occupée qu’elle sera à finir son devoir…et où, dans quelles conditions ? " Ce n’est pas possible ".

J’ai envie de le mettre les textes réglementaires sous le nez, je bous. Tout paraît devenir si compliqué alors que l’année précédente, dans mon ancien lycée, chacun avait trouvé son bout de solution pour venir à bout des difficultés de l’aveugle avec sa machine à faire du braille et de son chien, de l’autre élève, en fauteuil roulant électrique, incapable de tenir un stylo…d’un autre encore, avec ses cours photocopiés sur A3….

Je passe sur les détails plus techniques : accorder un casier à Laura, lui permettre de faire des photocopies facilement, tout cela concernant le personnel des secrétariats et n’entraînant aucune levée de boucliers.

Je passe sur le premier trimestre, exécrable pour Laura, même si elle m’affirmait qu’il y avait un " mieux " par rapport à son année de seconde. En décembre, j’ai failli craquer. Rien ne marchait comme je le voulais : ça traînait les pieds, par mauvaise volonté ? par ignorance ?

J’ai donc " menacé " le proviseur de faire un coup d’éclat dans les cours s’il n’intervenait pas rapidement auprès des deux professeurs les plus " mal lunés ". J’étais prête, avec l’accord de l’élève bien sûr, de…porter l’élève dans mes bras de cours en cours, afin de faire honte aux professeurs. Je voulais leur mettre sous le nez que son handicap, même invisible à l’œil nu, n’en était pas moins bien présent et douloureux. Je n’ai pas eu besoin de mettre ma menace à exécution, le proviseur est intervenu, les professeurs ont rangé leurs maladresses et l’année s’est écoulée un peu mieux, jamais aussi bien que je l’aurais espérée. Dans mon dos, j’ai entendu certains d’entre eux dire " c’est la protégée de la CPE, on ne peut rien dire ".
La vraie fin de l’histoire ? Quand j’ai quitté ce lycée comme prévu en fin d’année, je ne pouvais accepter l’idée que Laura y finisse sa scolarité sans mon aide. Je suis allée voir mon ancien lycée, ai fait sa " pub " auprès du proviseur et Laura a été admise en terminale, hors secteur, hors dérogation, hors tout. Mais bien prise en charge. A la rentrée, je me suis proposée pour être sa référente. Il n’y eut aucun PAI rédigé, aucune réunion, mais Laura a eu droit à tout ce dont elle avait besoin, comme je l’avais prévu. Une belle équipe !

Laura est aujourd’hui bien loin, au Canada où elle termine des études d’infirmière. Nous restons en contact par mail ou téléphone, de temps en temps. Elle va bien.

Par Gabrielle - Publié dans : e-books
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 13 avril 2005 3 13 /04 /Avr /2005 00:00

LOCALISATION : FRANCE - BELGIQUE : Société Euromove

 

il existe une triste vérité qui ne semble pas trop nous troubler étant donné qu'elle ne peut que brusquement se rappeller à nous uniquement qu'en cas de crise : Comment évacuer une personne handicapée d'un bâtiment à étages avec escaliers et ascenceurs ?

Tout le monde sait qu'en cas d'incendie il est strictement interdit pour des causes évidentes de sécurité d'utiliser un ascenseur. La seule voie possible pour évacuer celui-ci est l'escalier.

Oui mais comment faire avec une personne handicapée tout en sachant que vous ne pourrez utiliser son fauteuil avec suffisamment de force et de sécurité et que la propagation des fumées ne vous laissera pas le temps nécessaire pour trouver une solution alternative

 

La société Euromove met sur le marché une chaise spéciale évacuation qui mérite toute notre attention

Indispensable pour évacuer des personnes par les escaliers dans les cas suivants :

 

 

       • Alarme incendie ou fumée

       • Coupure de courant

       • Alerte à la bombe

       • Panne d’ascenseur

 


 

La chaise d’évacuation se range pliée à proximité des escaliers ou des personnes à risques. Elle est prête à l’emploi en quelques secondes et est utilisable par une seule personne.

Le système de courroie permet une glisse ou un freinage efficace dans les escaliers. Il assure une descente sure et confortable sur tout type d’escalier : béton, bois, carrelages, etc..

 


 

La béquille équipée de roulettes facilite le déplacement horizontal.

 

L’évacuation est fluide et adapté à tout plan d’évacuation.

Dans les immeubles de bureaux 10 % de la population présente, représente un risque réel en cas d’évacuation. Cela concerne notamment : des personnes ayant des problèmes cardiaques ou respiratoires, des femmes enceintes, des personnes handicapées, des personnes blessées ou âgées.

 


 

Les chaises d’évacuation « Van Leeuwen » sont de couleurs vertes et blanches, les couleurs des normes de sécurité internationales

 

Philippe (Alias Handimob)

Par Gabrielle - Publié dans : matériel
Ecrire un commentaire - Voir les 0 commentaires

Calendrier

Février 2012
L M M J V S D
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        
<< < > >>

Recherche

Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus