COVID-19 - Le Barreau de Longueuil\nAfin de limiter la propagation du coronavirus (COVID-19), conformément aux recommandations du gouvernement du Québec et de la Direction de la santé publique, le Palais de Justice de Longueuil a restreint son accès.\nLe Barreau de Longueuil tient à vous informer des récents développements concernant les mesures appliquées dans le district de Longueuil.\nNous vous invitons également à consulter les communiqués du Barreau du Québec qui traitent des mesures mises en place par les tribunaux :\nLe barreau de Longueuil reste disponible pour toutes vos questions par téléphone par courriel à: info@barreaudelongueuil.qc.ca\nCOMMUNIQUÉ DE LA COUR DU QUÉBEC – JANVIER 2022\nFormulaire de demandes de mandats d’aide juridique en matière de santé mentale – Version Avril 2021\nDEMANDE EN COUR D’INSTANCE – COMPÉTENCE DU GREFFIER SPÉCIAL\nFORMULAIRE – 12 FÉVRIER 2021\nAVIS DE LA COUR SUPÉRIEURE -Chambre civile– District de Longueuil\nDemande pour faire déclarer abusif d’un acte de procédure (art. 52 al.2 C.p.c.) et demande en rejet (art. 168 al.3 C.p.c.)\nLa Loi visant à améliorer l’accessibilité et l’efficacité de la justice, notamment pour répondre à des conséquences de la pandémie de la COVID-19, entrée en vigueur le 11 décembre 2020 (projet de loi 75), permet à un juge, sur le vu du dossier (sans audience), de refuser les demandes pour abus (art. 52 al.2 C.p.c.) et celles en rejet (art. 168 al.3 C.p.c.) en raison de l’absence de chance raisonnable de succès. Un juge peut également sur le vu du dossier trancher les objections soulevées lors d’interrogatoire (art. 223 al.3 C.p.c) ou celles concernant la communication de documents (art. 221 al.3 C.p.c.).\nLa présente a pour but d’informer les membres du Barreau de Longueuil et les avocats/es du district des modifications quant au cheminement du dossier afin que la Cour supérieure puisse rendre de tels jugements lorsque la situation s’y prête.\nAinsi à compter du 8 mars 2021, lorsque les parties s’adresseront au greffier spécial pour obtenir une date d’audience en salle 1.15 à l’égard de telles demandes, le greffier spécial s’assurera que le dossier est complet, que la durée est déterminée et le dossier sera transféré à un juge sans qu’une date d’audience soit fixée. Si ce dernier considère qu’une décision ne peut être rendue sur le vu du dossier, le dossier sera remis à l’adjointe de la juge coordonnatrice et cette dernière communiquera avec les parties pour leur proposer des dates d’audience.\nLes demandes qui seront transférées directement du greffier spécial au juge siégeant en salle 1.15 ou celles soumises par avis de gestion pourront également faire l’objet d’une décision au vu du dossier avant le début de l’audience.\nIMPORTANT – NOUVELLES MESURES SANITAIRE – PALAIS DE JUSTICE DE LONGUEUIL – JANVIER 2021\nAVIS À TOUS LES AVOCATS – TEAMS\nAfin de bien identifier les personnes qui sont présentes dans une salle d’attente d’audience VIRTUELLE, nous vous demandons à compter de ce jour, de vous identifier de la manière suivante:\n“Me votre nom, prénom” et non pas juste votre nom ou initiale.\nIl devient difficile pour le personnel de la cour et la magistrature de savoir qui est dans la salle d’attente d’une audition qui procède de façon semi-virtuelle.\nVisiocomparution – Coordonnées pour les avocats de la défense\nAVIS MODIFIÉ DU 7 OCTOBRE 2020\nRÈGLES DE FONCTIONNEMENT DE LA CHAMBRE DE PRATIQUE\nCOUR DU QUÉBEC – DISTRICT DE LONGUEUIL\nAUDIENCES EN SALLE VIRTUELLE – TEAMS\nNuméros permanents TEAMS\nCommuniqués – 2 septembre 2020\nCommunication – Août 2020\nGuide Audience – TEAMS\nNouveau service de dépôt en ligne au Tribunal administratif du Québec\nCOMMUNIQUÉ – JUILLET 2020\nAVIS A LA DÉFENSE POUR OUVERTURE DU LOCAL 1.16\nRAPPEL DES DIRECTIVES DE LA COUR SUPÉRIEURE EN MATIÈRES CIVILE ET FAMILIALE ( 1ER JUIN 2020 )\nRôle de la salle 1.17\nIl est primordial pour tous les avocats de prendre connaissance des directives émises par la Cour supérieure en matière civile et familiale. Celles-ci sont disponibles sur notre site internet sous la page COVID-19.\nNotamment, il est constaté que plusieurs courriels transmis à l’adjointe de la juge coordonnatrice n’indiquent aucune durée de l’audience pour présenter une demande en salle 1.17 (art.4 des directives).Afin de pouvoir gérer adéquatement les salles d’audiences et de convoquer les avocats et les justiciables selon des horaires précis, nous rappelons qu’il est essentiel de transmettre toutes les informations et documents exigés dans les directives, notamment la durée de l’audience .\nAudition en personne ou virtuelle en salle 1.15\nTous les avocats impliqués dans un dossier devant procéder en salle 1.15 reçoivent, peu de temps avant l’audience, un courriel de la part de la juge coordonnatrice leur demandant notamment si le dossier procède toujours et s’ils ont l’intention de procéder par téléphone, en salle virtuelle ou encore en personne. Autre que la réponse à ce courriel, aucune démarche particulière n’a donc à être faite par les avocats pour indiquer leur choix quant au mode d’audience qu’ils souhaitent.\nCependant, dans la cadre des mesures de préventions reliées à la pandémie, le WebRTC demeure un outil privilégié dans certaines circonstances et certains types de dossiers (par exemple les avis de gestion, les pourvois en contrôle judiciaire, les demandes en irrecevabilité ou les débats d’objections).\nRespect des directives de la santé publique quant aux nombres de personnes admises dans le palais de justice\nNous rappelons que les avocats et leurs clients doivent travailler en amont les dossiers et ne pas utiliser les salles d’entrevue du palais de justice (cubicule) pour se rencontrer ou rédiger des déclarations assermentées ou des consentements. Ceci doit être fait hors des murs du palais de justice afin de ne pas excéder la capacité maximale de personnes permises dans les murs du palais de justice.\nCOMMUNIQUÉ DU BUREAU D’AIDE JURIDIQUE DE LONGUEUIL EN DROIT CRIMINEL ET DE LA JEUNESSE\nCOMMUNIQUÉ DU BUREAU D’AIDE JURIDIQUE DE LONGUEUIL EN MATIÈRE CIVILE\nREPRISE DES ACTIVITÉS – COUR SUPÉRIEURE\nComplément au communiqué du 1er juin 2020 – FONCTIONNEMENT DE LA SALLE 1.25 DEVANT LE REGISTRAIRE\nCOMMUNIQUÉ COUR SUPÉRIEURE matières civiles et familiales – 1er JUIN 2020\nAVIS AUX AVOCATS DE LA DÉFENSE PRATIQUANT DANS LE DISTRICT JUDICIAIRE DE LONGUEUIL (Négociation de dossiers)\nAVIS AUX AVOCATS DE LA DÉFENSE PRATIQUANT DANS LE DISTRICT JUDICIAIRE DE LONGUEUIL (Divulgation de la preuve)\nReprise des activités en Chambre Jeunesse\nDirectives pour la relance\nPlan pour une reprise graduelle\nPLAN POUR UNE REPRISE GRADUELLE DES SERVICES DE LA COUR DU QUÉBEC À COMPTER DU 1ER JUIN 2020\nREPRISE EN PROVINCE\nREPRISE EN MONTÉRÉGIE\nHoraire des procureurs DPCP\nUne décision a été prise à l’effet qu’aucun dossier de fond– sauf ceux énumérés ci-après– ne sera entendu en juin.\nVoici les dossiers qui procéderont néanmoins : dossiers de louage ; dossiers basés sur un contrat de travail; dossiers de CNESST et dossiers de Régie du logement\nTableaux corrigés des dates de remises – District de Longueuil\nTABLEAUX DES DATES DE REMISES – PALAIS DE JUSTICE DE LONGUEUIL\nProcédure pour divulgation de la preuve-District de Longueuil\nCOMMUNIQUÉ DE LA COUR SUPÉRIEURE EN MATIÈRE CIVILE ET FAMILIALE – DISTRICT DE LONGUEUIL\nAccéder au communiqué modifié – 29 avril 2020\nAccéder au communiqué – Cour Supérieure de Longueuil – 3 avril 2020\nAccéder à la liste des matières urgentes – 13 mars 2020\nAccéder à la liste des matières urgentes de la chambre civile et familiale – 3 avril 2020\nAccéder à la liste des activités urgentes de la chambre commerciale – 4 avril 2020\nOBLIGATIONS DÉONTOLOGIQUES DES AVOCATS – COVID-19\nAccéder au tableau – 6 avril 2020\nGREFFE NUMÉRIQUE DE LA COUR D’APPEL DU QUÉBEC\nAccéder au Communiqué – 7 avril 2020\nPOLITIQUE RÉGIONALE DE LA COUR DU QUÉBEC EN MATIÈRE CIVILE (MONTÉRÉGIE)\nLe 26 mars, la Cour du Québec a adopté une politique régionale relativement à:\n– Processus pour les demandes de permission d’appel d’une décision d’un tribunal administratif\n– Processus pour le report d’une date de procès\n– Processus de report des conférences de règlement à l’amiable\n– Activités urgentes\nNous vous invitons à prendre connaissance de la Politique.\nORDONNANCE – OUVERTURE DU TERME – LONGUEUIL – 8 AVRIL 2020\nLa Cour supérieure a pris des dispositions pour annuler l’ouverture du terme prévue le 8 avril et reporter cette ouverture au 11 septembre 2020.\nNous vous invitons à prendre connaissance de l’Ordonnance et de la liste des dossiers prévus à l’ouverture du terme.\nCHAMBRE CRIMINELLE ET PÉNALE – DISTRICT DE LONGUEUIL\nAvis à tous les avocats et judiciables – 2 AVRIL 2020\nNOUVELLES DIRECTIVES DE LA COUR SUPÉRIEURE EN MATIÈRE CRIMINELLE ET PÉNALE\nLe 31 mars 2020, le Cour supérieure a publié deux directives concernant la suspension de certains délais prévus aux règles de procédure de la Cour supérieure chambre criminelle et pénale.\nAccéder à la Directive de la chambre criminelle\nAccéder à la Directive de la chambre pénale\nCOMMUNIQUÉ COUR DU QUÉBEC – CHAMBRE CRIMINELLE\nLe Plan de continuité des services de la Cour du Québec en raison de la pandémie covid-19 est prolongé jusqu’au 31 mai 2020.\nAinsi, vous trouverez ci-joint le document énonçant la mise en oeuvre de ce Plan pour le district de Longueuil ainsi que le tableau des dates de remise.\nLes avocats peuvent tout temps s’adresser à l’Honorable Julie-Maude Greffe (juge coordonatrice) pour les demandes particulières, les urgences ou toutes autres questions à l’adresse suivante: julie-maude.greffe@judex.qc.ca.\nAccéder au Comminiqué de la Cour du Québec de Longueuil\nDIRECTIVE CR/2020-1 CONCERNANT LA SUSPENSION DE CERTAINS DÉLAIS\nPRÉVUS AUX RÈGLES DE PROCÉDURE DE LA COUR SUPÉRIEURE DU\nQUÉBEC CHAMBRE CRIMINELLE (2002) (COVID19) – 31 MARS 2020\nDIRECTIVE CR/2020-2 CONCERNANT LA SUSPENSION DE CERTAINS DÉLAIS\nQUÉBEC EN MATIÈRE PÉNALE (COVID19) – 31 MARS 2020\nDATES DE REMISES PALAIS DE JUSTICE DE LONGUEUIL\nPolitique régionale d’application du plan de la continuité des services de la Cour du Québec – 30 MARS 2020\nPlan de continuité des services – 15 MARS 2020\nAVIS DU BUREAU D’AIDE JURIDIQUE DE LONGUEUIL EN DROIT CRIMINEL ET JEUNESSE\nAvis pour le traitement des demandes d’aide juridique\nFormulaire de demande urgente\nAccéder au Communiqué 3 – 20 MARS 2020\nAccéder au Communiqué 2 – 17 MARS 2020\nAccéder au Communiqué 1 – 17 MARS 2020\nL’organisme est considéré comme un service essentiel, et continue de répondre quotidiennement aux demandes d’aide des hommes aussi longtemps qu’il leur sera possible de le faire. Cependant, certains services sont suspendus et d’autres sont donnés autrement.\n-Les rencontres de groupe sont suspendues au moins jusqu’au vendredi 1er mai inclusivement;\n-Les rencontres individuelles se déroulent majoritairement par téléphone ou communication virtuelle;\n-Les rencontres en face en face ne sont permises que pour certaines exceptions;\n-Tous les services sont offerts gratuitement, et ce, jusqu’à la fin de cette crise.\nAccéder au communiqué – 24 MARS 2020\nMESURES TEMPORAIRES VISANT LES NOTAIRES ET LES HUISSIERS\nLa ministre de la Justice et procureure générale du Québec, Mme Sonia LeBel, annonce la mise en place de deux mesures temporaires visant à permettre, par l’utilisation de moyens technologiques, aux notaires de clore un acte notarié à distance et aux huissiers de justice de procéder à la signification d’actes de procédure autrement qu’en mains propres. Ces mesures seront en vigueur jusqu’à la fin de la période d’urgence sanitaire actuelle.\nCOMMUNICATION AVEC LES DÉTENUS À L’ÉTABLISSEMENT DE DÉTENTION DE MONTRÉAL\nSi des avocats désirent parler à un accusé détenu à l’Établissement de détention de Montréal avant une visio, ils pourront le faire via leur cellulaire. Ils devront communiquer avec monsieur Marco Gagnon aux coordonnées ci-bas.\nTéléphone: 418-626-1800 ext: 4202\nDIRECTIVES EN MATIÈRES CRIMINELLES\nCompte tenu des circonstances exceptionnelles qui prévalent présentement et conformément à la recommandation de la juge en chef adjointe de la Cour du Québec, les détenus arrêtés par les corps policiers doivent désormais comparaître par voie téléphonique ou visiocomparution (lorsque disponible) et ce directement du poste de police.\nAccèder à la Procédure encadrant la comparution des détenus directement du poste de police dans le district de Longueuil\nInformations complémentaires du district de Longueuil :\nLes associations de la défense ont également mis en ligne une liste des avocats de garde en chambre criminelle et pénale à Longueuil et partout ailleurs au Québec:\nACCÉDER A LA LISTE D’AVOCATS DE GARDE\nDIRECTIVES POUR LES AUDITIONS EN MATIÈRE DE SANTÉ MENTALE DANS LE DISTRICT DE LONGUEUIL\nUne directive a été mise en place afin que, pour la période pendant laquelle l’état d’urgence sanitaire est en vigueur, toutes les auditions des dossiers en matière de santé mentale puissent bénéficier de la visioconférence ou de l’audioconférence.\nLe tribunal concerné entendra les causes au palais de justice et les avocats représentant les hôpitaux et les avocats de la défense pourront être en visioconférence ou audioconférence de leurs bureaux.\nAccéder à la directive du district de Longueuil\nCOMMUNIQUÉ DE LA COUR MUNICIPALE DE LONGUEUIL\nNous vous rappelons que la Cour municipale de Longueuil est fermée au public, mais que ses activités administratives sont maintenues. Toutes les auditions prévues seront remises à une date ultérieure, et les défendeurs et avocats recevront un nouvel avis d’audition.\nPour toute urgence, par exemple si votre permis de conduire est suspendu ou est en voie de l’être, veuillez contacter la Cour municipale de Longueuil par téléphone au 450 463-7006, par télécopieur au 450 646-8897 ou par courriel à courmunicipale@longueuil.quebec.\nNous rappelons également aux personnes qui ont reçu un constat d’infraction, l’importance de le payer dans les délais prescrits ou de faire parvenir son plaidoyer conformément aux explications fournies à l’endo du constat d’infraction. Les délais prévus par le Code de procédure pénale continuent de courir et le défaut des contrevenants peut entraîner la poursuite des procédures judiciaires, incluant le jugement, sans autre avis.\nEn raison de la suspension des activités de la Cour supérieure, toutes les Conférences de règlement à l’amiable (CRA) prévues jusqu’au 30 avril 2020 sont annulées et reportées à une date ultérieure.\nNous vous invitons à prendre connaissance du communiqué à cet effet.\nASSERMENTATIONS À DISTANCE\nIl est possible de signer des déclarations sous serment à distance selon un protocole défini. Nous vous initions à en prendre connaissance.\nAccéder au protocole encadrant les assermentations à distance\nRÉSUMÉ DES MESURES ÉCONOMIQUES PRÉVUES PAR LE GOUVERNEMENT\nLe Barreau du Québec a mis en ligne un tableau résumant les mesures économiques prévues par le gouvernement. Nous vous invitons à en prendre connaissance.\nAccéder au résumé des mesures économiques


Bouteille Rechargeable Blond Absolu Kérastase 500ml\nBouteille Rechargeable Blond Absolu Kérastase 500ml : bouteille rechargeable en aluminium 100% recyclé et recyclable.\nÉco-Recharge Bain Lumière Blond Absolu Kérastase 500ml\nÉco-Recharge Bain Lumière Blond Absolu Kérastase 500ml : utilisant jusqu’à 82% de plastique en moins, l’Éco-recharge Bain Lumière permet de réduire la consommation de plastique à usage unique. Avec à sa bouteille réutilisable en aluminium 100% recyclé, rechargez et utilisez facilement votre shampoing, tout en réduisant l'impact sur l'environnement.\nPack Rechargeable Blond Absolu Kérastase 500ml\nPack Rechargeable Blond Absolu Kérastase 500ml : duo pour cheveux colorés, composé d'une Bouteille rechargeable Blond Absolu en aluminium 100% recyclé et de son Eco-recharge Bain Lumière 500ml. La Bouteille rechargeable est réutilisable à l'infini et chaque Eco-recharge permet de réduire la consommation de plastique de 82%.\n91,60 € 96,42 € -5%


Débroussailler avec les outils proposés par Kubota – Jardin et Decoration. Amenagement et Entretien. Belgique\nAccueil/Le travail au jardin/Outils de jardin/Débroussailler avec les outils proposés par Kubota\nKubota Outils de jardin 698 Views\nSujets traités: Débroussailler avec les outils proposés par Kubota\nDébroussailler ne sera plus un problème pour vous grâce aux outils proposés par Kubota et qui bénéficient d’une technologie de pointe.\nLa marque Kubota a beaucoup misé sur les technologies de pointe ce qui lui permet de vous proposer divers outils pour débroussailler qui sont à la fois légers, silencieux et très performants.\nEn optant pour une débroussailleuse électrique Kubota, vous aurez entre les mains un outil écologique puisque électrique, silencieux pour la même raison et performant puisque équipé d’un moteur de 2000 watts si vous optez pour le modèle BC2000.\nOutre les modèles électriques vous pourrez aussi, chez Kubota, trouver de l’outillage pour débroussailler équipé d’un moteur thermique disponible sous diverses cylindrées et donc diverses puissances afin que chacun puisse disposer de l’outil adapté au volume de travail à accomplir.\nL’outillage sur batteries proposé par Kubota dispose de l’avantage de pouvoir inter changer les batteries ce qui limite les achats de batteries de réserve.\nKubota ne vous propose pas seulement du matériel performant mais débroussailler se fera en toute sécurité puisque le matériel proposé est aussi équipé de système antivibratoire, de poignées ergonomiques, et d’autres astuces comme, selon les modèles, de changement d’outils rapide.\nLe choix d’un outil à débroussailler de la marque Kubota vous garantira aussi de bénéficier, le cas échéant, d’une assistance et d’un service de réparation à la pointe du progrès ; en effet il est important de toujours pouvoir bénéficier de l’usage de votre outillage Kubota même si vous avez besoin de remplacer une pièce endommagée.\nEtiquettesdebrousailleuse autoportee forte pente debrousailleuse autotractee debrousailleuse prix Outils de jardin Kubota


Weeleo : l'appli qui simplifiera vos transactions - NextPlz\nWeeleo : l’appli qui simplifiera vos transactions\npar Apps TV 27/01/2015, 16:42\nMarre de se faire arnaquer à l’aéroport ? De l’attente interminable aux banques ? De vous faire voler votre petite monnaie ? Si vous aussi, vous aimez les voyages, vous vous êtes forcément reconnue dans une de ces situations ! Mais avec l’application Weeleo, c’est fini !\nDe nos jours, il vous revient cher d’échanger votre argent dans des bureaux de change étant donné les frais qui sont prélevés à chaque transaction (entre 3% et 25% de frais). Et comble de l’horreur ! En guise de pourboire pour l’Etat, votre monnaie ne vous est pas rendue. Comme si vous n’aviez pas déjà assez déboursé…\nC’est quoi, Weeleo ?\nWeeleo est une plateforme qui permet de mettre en contact des particuliers, dans le but d’échanger de mains à mains leur monnaie, à l’endroit, et au moment voulu. Avec Weeleo, échangez vos devises internationales entre particuliers, au taux du jour et surtout sans aucune taxe.\nFondée par quatre Français, l’application permet d’éviter de payer les commissions des bureaux de change. L’appli n’est quant à elle, pas monétisée, elle est gratuite, le but étant d’élargir un maximum la clientèle\nLe plus : une plateforme de tchat internet permettra une meilleure communication.\nSans plus attendre, écoutez plus d’informations avec la vidéo ci-dessus.\nCette application est disponible sur iTunes Weeleo.


algorithme smart pilote raymarine S3 et S3G\nQuelqu'un a t'il des informations sur les algorithmes utilisés par raymarine pour ses pilotes automatiques, j'ai un S3 et S3G.\nAlgo Hello, Qu'entends tu par algorithme? ... Thomas_7531 mar. 2011\npilote raymarine S3 S3G Salut Thomas_75 c'est ... rabbit31 mar. 2011\nbonjour rabbit le pilote quand il passe de sta... flaneur31 mar. 2011\nPas le meme fonctionnement avec S2/Gyro J'ai u... fulup01 avr. 2011\nHey No Limit Salut Joël ! Comment vas tu? c... Thomas_7501 avr. 2011\nbonjour j'essaie d'avoir des infos qui etait ... scal3804 déc. 2017\nS3 S3G Bonjour à tous. J'ai fait les essais, ... rabbit01 avr. 2011\nQu'entends tu par algorithme?\nTu parles du programme du calculateur?\npilote raymarine S3 S3G\nSalut Thomas_75 c'est Joël de nolimit. J'ai actuellement un pilote S3 avec un gyro extérieur et un S3G. Je ne comprend pas comment marche le gyro. Par exemple sans gyro, en passant de stand by à auto le calculateur conserve l'angle de barre. Avec le gyro branché, au passage en auto le calculateur remet la barre au neutre, c'est très gênant pendant les manoeuvres en solitaire, il en est de même avec le S3G. En mode auto et gyro c'est aussi difficile de régler la réponse. Je demandais si un membre avait des informations sur le fonctionnement de l'algorithme de calcul.\nle pilote quand il passe de stand by à auto ne fait que conserver le cap compas au moment du changement. si le bateau s'écarte de son cap il corrige pour le ramener. Si je comprends bien ta remarque, sur ton installation le capteur de barre indique un angle et quand tu passes en auto cet angle reste stable. par contre si tu met en route le gyro le pilote ramène l'angle de barre à zéro.\nsur le premier point cela semble montrer que ton bateau est mal réglé et navigue avec de la barre en permanence ou que le capteur d'angle de barre est mal réglé et quand le safran est dans l'axe il indique un angle.\nle gyro travaille en mesurant des accélérations de rotation et donc pour être opérationnel il se cale sur la position neutre qui est le seul moyen pour lui d'avoir une référence.\ndans un premier temps je te conseille de vérifier ton installation et les différents paramètres qui sont enregistrés dans ton calculateur. le premier point: vérifier le capteur d'angle de barre. ayyention c'est sensible et il faut mesurer à partir de quel mouvement le premier plot est allumé à bâbord puis à tribord et régler entre les deux pour être précis car il y a environ 6 degrés d'angle entre les deux.\nrelance aussi la calibration via auto learn.\nPas le meme fonctionnement avec S2/Gyro\nJ'ai un S2+Gyro externe www.portanna.org[...]ymarine et j'ai pas ce probleme.\nAs tu refais une procédure détalonage ? Sinon effectivement tu dois avoir un paté dans un capteur.\nHey No Limit\nComment vas tu? ca fait un petit moment que j'attends de tes nouvelles, alors tu es ou maintenant? Tu ne devais pas repartir pour une transate cette année?\nBien le bonjour à Odile, j'espère que tout va bien pour vous, je suis heureux d'avoir des nouvelle par Héo.\nPour la remise au neutre du pilote automatique, j'ai plus l'impression que c'est le capteur d'angle qui donne l'ordre plutôt que le gyro, tu peux éventuellement essayer de débrancher le capteur, mais tu aura surement une erreur.\nSinon tu peux appeler le Sav, leur présenter ton problème et leur envoyer le calculateur. Pour la modique somme de 60 euros ils mettront sur ton S3 la dernière version du calculateur corrigeant peut être le problème.\nJe l'ai fais pour le mien, j'ai la facture sous les yeux.\n@++ Joël, n'oublie pas de donner des nouvelles !\nj'essaie d'avoir des infos qui etait sur la page portanna , mais celle ci n'est plus accessible .\ny a t il un moyen d'avoir ces infos?\nJ'ai fait les essais, bateau au port, sans sollicitation du gyro après une " dealer calibration" correcte. J'ai oublié de vous dire que l'actionneur est un vérin Lecomble et Schmitt, drive type 4 chez raymarine. Avant d'essayer l'autolearn je vais tester le ST6002 ensuite je contacterai Raymarine pour une mise à jour programme.\nMerci pour vos conseils et bonne navigation à tous.\nThomas en mai je monte en Bretagne sud avec un retour en Med fin août. a+


Air france -klm : 'développer des partenariats stratégiques'. - BFM Bourse\nAir france -klm : 'développer des partenariats stratégiques'.\njeudi 8 juillet 2010 à 19h26\n(CercleFinance.com) - Pierre-Henri Gourgeon, directeur général d'Air France-KLM, a indiqué que la stratégie du groupe, pour faire face à la concurrence, consistait en un développement de partenariats stratégiques, 'afin de devenir leader sur tous les grands marchés', lors de l'assemblée générale.\nLe directeur général de la compagnie a précisé qu'il souhaitait nouer une alliance en Inde, après celles conclues en Chine avec China Eastern et China Southern.\nPierre-Henri Gourgeon a souligné que la tendance du trafic et des réservations repartait à la hausse, la qualifiant de 'très bonne qualité'.\nInterrogé sur les questions de sécurité, il a expliqué que cette problématique était 'une préoccupation dominante' d'Air France-KLM qui a mis en place des comités de réflexion.\n'La mission externe, constituée d'experts internationaux, le groupe Trajectoire qui réunit des pilotes et des ingénieurs, ainsi que le comité mixte de propositions qui regroupe les syndicats, travaillent à porter Air France-KLM vers le meilleur niveau de sécurité possible', a-t-il indiqué.


> Fonctionnement du cadran solaire : Principe utilisation lecture de l'heure\nVous comprendrez toutefois que ce temps dépend de la position de l'observateur et il sera donc différent selon la longitude du lieu.\n- la longitude,\n- la différence horaire liée au changement d’heure du pays (heure d’hiver ou heure d’été)\n• Pour ce qui est du « temps solaire apparent », il correspond à la durée entre deux retours successifs du soleil au méridien local. Cette durée change tout au long de l'année à cause de :\nEn effet, l'heure d'été ou l’heure d’hiver est une pratique appliquée notamment en France qui consiste à modifier l’heure par rapport à celle de son fuseau horaire.\n- En hiver : il y a un décalage d'environ une heure entre l'heure légale et l'heure du lever du soleil.\n- En été : on avance d'une heure de plus, soit environ de deux heures par rapport au soleil.


Exercices CSS - UE Technologies du Web 1 - Université Lille 1\nRécupérez l'archive contenant les fichiers nécessaires aux exercices suivants et décompressez la dans votre espace de travail.\nCliquez sur le titre d'un exercice pour le découvrir.\nLes fichiers créés au cours des différents exercices sont souvent réutilisés pour d'autres exercices ultérieurs. Veillez donc à toujours en avoir une version disponible.\nDéclaration et validation\nOuvrez dans un éditeur de texte le fichier css-premier.html. Chargez simultanément ce document dans le navigateur et visualisez-le. Lisez en le contenu.\nConsultez le code source et déduisez-en le rôle (càd la sémantique) de la balise HTML <pre>. Quelle est ce rôle ?\nVous avez certainement remarqué dans ce code source, la déclaration en commentaire de l'utilisation d'une feuille de style au sein de l'élément <head>. Dans l'éditeur supprimez ces marques de commentaire, sauvegardez et rechargez la page dans le navigateur pour constater l'effet de l'application de cette feuille de style au document.\nAffichez le code source de la page HTML, vous pouvez alors accéder directement au code de la feuille de style utilisée style1.css en cliquant sur le nom du fichier dans sa délcaration dans l'entête de ce code source. Faites-le.\nRendez-vous sur la page du validateur CSS du W3C, choisissez l'onglet permettant de proposer un fichier par chargement de fichier et vérifiez la validité CSS3 de la feuille de style style1.css.\nPremières propriétés et éditeur de style\nS'il ne l'est plus, ouvrez à nouveau dans le navigateur le fichier css-premier.html. Nous allons découvrir des propriétés CSS et leur rôle.\nUne fois un document HTML qui déclare l'utilisation d'une feuille CSS chargé dans le navigateur. Il est possible d'utiliser l'outil appeler éditeur de styles disponible par Outils → Développeur Web → Editeur de styles (ou le raccourci Shift+F7). Celui-ci permet de consulter et modifier les feuille de style et de constater en direct l'impact des modifications avant de les enregistrer.\nIl peut être plus pratique de diviser la fenêtre du navigateur verticalement plutôt qu'horizontalement. Il y a un bouton qui permet cela dans la barre d'outils de l'inspecteur.\nOuvrez cet outil, vous devriez obtenir quelque chose qui ressemble à l'image suivante.\nVue de l'outil Editeur de style.\nNous allons utiliser cet outil pour découvrir quelques propriétés CSS. Utilisez le bouton indiqué pour diviser verticalement la fenêtre du navigateur, vous devriez avoir sur la gauche le document HTML affiché et sur la droite l'éditeur de style actif.\nCliquez sur l'œil à côté du nom du fichier CSS pour activer/désactiver la feuille de style. Constatez l'effet dans la fenêtre du navigateur. A la fin laissez la feuille active.\nDans l'éditeur de style, repérez les déclaration des règles CSS qui s'applique à l'élément <body> et aux élément <h1>. Faites le lien entre ces règles et les effets visibles de l'application de la feuille de style dans la zone d'affichage du navigateur.\nNous allons nous intéresser aux règles CSS qui s'appliquent aux éléments <h2>. Il s'agit des lignes 16 à 21 de la feuille de style. Pour le moment les déclarations des règles sont mises en commentaire entre les couples de signes /* et */.\nSupprimez les commentaires (/* et */) à la ligne 17 pour activer la règle. Constatez le changement dans la zone d'affichage pour tous les élément <h2>. Déduisez en l'effet (la sémantique) de la propriété CSS color.\nProcédez de la même manière pour chacune des autres lignes 18 à 20 pour identifier le rôle des propriétés utilisées.\nVérifiez vos réponses en étudiant la documentation sur ces différentes propriétés à partir de cette page le site du MDN.\nSauvegardez la feuille de style ainsi modifiée pour conserver les changements.\nSupprimez les marques de commentaires aux lignes 25 et 32 pour activer les règles s'appliquant aux éléments <p>. Déduisez-en le sens des propriétés qui apparaissent dans ces règles.\nSi dans l'outil éditeur de style vous survolez à la souris le nom de l'élément auquel s'applique la règle (le sélecteur), alors dans la zone d'affichage du navigateur les éléments correspondants, c'est-à-dire ceux auxquels d'applique la règle, sont mis en évidence. Essayez en plaçant votre souris quelques instants au-dessus du sélecteur de règle h2 puis p.\nContinuez ensuite à découvrir de nouvelles propriétés ou valeurs CSS en décommentant progressivement le code des règles dans la suite de la feuille de style qui s'appliquent aux élements <pre>, <strong> et <abbr>.\nSauvegardez la feuille de style CSS modifiée puis rendez-vous sur la page du validateur CSS du W3C, choisissez l'onglet permettant de proposer un fichier par chargement de fichier et vérifiez la validité CSS3 de la feuille de style style1.css (il se trouve dans le dossier style).\nAyez le réflexe console\nLorsque les choses ne semblent pas se passer comme ce que vous attendiez, il est bon d'avoir pour premier réflexe d'aller regarder si des erreurs sont signalées dans la console web. Prenons un exemple...\nOuvrez dans un éditeur de texte et dans le navigateur le fichier css-premier-probleme.html. Vous constatez qu'aucun élément de style de n'affiche malgré la déclaration d'une feuille de style.\nOuvrez l'outil de développement Console web : Shift+Ctrl+K ou dans le menu Outils choisissez Développeur web et ensuite Console web. Vous pouvez constater que deux messages d'erreur sont signalés dans cette console (il sera peut-être nécessaire d'activer l'affichage de ces messages en cochant dans la liste des options du bouton CSS de la console les choix Erreurs et Avertissements). Lisez-les puis corrigez les erreurs dans le fichier style1-probleme.css une par une (pensez à utiliser l'éditeur de style pour faire ces corrections).\nPremières règles de calcul des valeurs de propriétés.\nPoursuivons avec le fichier css-premier-bis.html et sa feuille de style style1-bis.css.\nPour accéder au valeur par défaut des propriétés de style, il suffit de désactiver la feuille de style utilisée en utilisant le bouton représentant un œil à côté du nom du fichier de la feuille de style dans l'outil éditeur de style.\nQuelle est couleur par défaut (c'est-à-dire sans utilisation de la feuille de style) du texte pour l'élément <h2> ?\nQuelle est cette valeur lorsque l'on utilise la feuille de style ?\nQue peut-on en déduire pour les propriétés pour lesquelles aucune valeur n'est fixée dans la feuille de style ?\nQuelle est la valeur de la couleur d'arrière-plan affichée par défaut pour l'élément <p> ?\nPourquoi cette valeur ? Où est-elle définie ?\nQue peut-on en déduire pour les valeurs de propriétés définies dans la feuille de style ?\nQuelle est la valeur par défaut de la couleur de texte pour l'élément <abbr> ?\nQue peut-on en déduire pour les valeurs de propriétés quand elles ne sont pas redéfinies au niveau d'un élément emboité ?\nVérifiez que dans le document, les éléments <strong> sont toujours emboités dans des éléments <p>.\nQuelle est la valeur de la couleur de texte définie pour l'élément <p> dans la feuille de style ?\nQuelle est la valeur de la couleur définie pour l'élément <strong> dans la feuille de style ?\nQuelle est la valeur de la couleur affichée ?\nPourquoi cette valeur ? Que peut-on déduire pour les valeurs de propriétés quand elles sontredéfinies au niveau d'un élément emboité ?\nVous allez modifier le style défini dans style1-bis.css en utilisant l'outil Editeur de styles. N'oubliez pas de sauvegarder vos modifications.\nSoit le bloc de déclaration suivant :\nbackground-color : #F5F5DC;\nAjoutez ce bloc dans le fichier style1-bis.css avant l'actuel bloc portant sur l'élément <p> et testez.\nRecommencez en le plaçant après l'actuel bloc et testez à nouveau.\nQue constatez-vous ? Que peut-on déduire sur la valeur d'une propriété utilisée quand il existe plusieurs définitions pour un même élément ?\nA partir des conclusions des différentes questions précédentes, rédigez un texte qui présentent les règles qui semblent gérer les valeurs des propriétés utilisées pour l'affichage.\nCes règles seront précisées et affinées au fur et à mesure.\nOn trouve dans le fichier style1.css les valeurs des couleurs exprimées de trois manières : un nom, une valeur hexadécimale, un triplet rgb (parfois appelée valeur fonctionnelle).\nIl existe un ensemble de noms de couleur définis. Chacun correspond à une valeur de couleur hexadécimal. Vous en trouverez la liste avec le code hexadécimal correspondant ici.\nDans la valeur hexadécimale, les deux premiers chiffres correspondent à la valeur hexadécimale de la composante rouge, les deux suivants à celle de la composante verte et les deux derniers à celle de la composante bleu.\nLes trois valeurs entières d'un triplet rgb correspondent également dans l'ordre aux valeurs des trois composantes rouge, verte et bleu dans cet ordre.\nLes valeurs hexadécimales présentes dans le fichier sont sur six caractères. Il existe aussi pour les valeurs des couleurs des valeurs hexadécimales sur trois caractères. Elles correspondent à la valeur hexadécimale à six caractères dans laquelle chacun des caractères est répété deux fois. Ainsi la couleur de valeur #1A0 est la même que celle de valeur #11AA00.\nEn plus des valeurs rgb, on trouve des valeurs sous forme de quadruplet avec la fonction rgba qui ajoute au triplet rgb une composante a (pour canal alpha ) qui exprime l'opacité de la couleur. Sa valeur va de 0.0 (totalement transparent) à 1.0 (totalement opaque). Pour une couleur exprimée par triplet rgb le canal alpha vaut 1.0. Donc la valeur rgb(x,y,z) est la même que rgba(x,y,z,1.0).\nSachant que les notations hexadécimales et rgb sont équivalentes. Quel est l'intervalle de valeurs autorisées pour les éléments d'un triplet rgb ?\nPar des tests, étudiez comment agit le navigateur si l'on donne des valeurs en dehors de cet intervalle.\nLes valeurs dans le triplet peuvent également être exprimées sous forme de pourcentage. 0% correspond à la borne inférieure de l'intervalle et 100% à sa valeur maximale.\nCalculez la valeur hexadécimale de toutes les couleurs présentes dans le fichier style1-bis.css.\nVérifiez visuellement vos valeurs en utilisant l'outil Editeur de styles pour remplacer dans le fichier style1-bis.css les valeurs de toutes les couleurs par ces valeurs hexadécimales.\nFaites de même pour les valeurs rgb des couleurs et testez à nouveau grâce à l'éditeur de style.\nInspection de style\nChargez le fichier css-premier-bis.html dans la navigateur.\nNous allons de nouveau utilisé l'outil d'inspection du document déjà découvert pour explorer la structure HTML. Activez-le.\nL'écran se sépare à nouveau en deux zones. Nous avions utilisé sa partie gauche, cette fois nous allons découvrir la partie droite de la zone de l'inspecteur. Dans un premier temps nous nous concentrerons sur les deux premiers outils appelés Règle, Calculé. Les autres onglets tel que Polices, permet simplement de connaître les différentes polices utilisées par le navigateur dans l'élément sélectionné. L'onglet Mise en page contient une rubrique Modèle de boîte qui sera abordée ultérieurement.\nLa zone CSS de l'inspecteur dans le navigateur. L'outil Règles est actif.\nCommençons avec l'outil Règles.\nSélectionnez-le puis dans la zone de gauche de l'inspecteur cliquez sur différents éléments de la structure du document. Vous pouvez aussi utiliser le bouton de sélection d'élément pour pointer directement un élément dans la zone d'affichage. Examinez à chaque fois ce qui se passe dans l'inspecteur de styles.\nQue représentent les informations affichées ?\nSélectionnez l'élément <abbr> situé dans le premier bloc <p>. Que remarquez-vous dans les règles affichées pour cet élément, en particulier dans la partie inférieure de l'affichage de ces règles ?\nIdem pour l'élément <strong> emboité dans ce premier élément <p> ?\nQu'indique les informations affichées ? Quel lien avec les règles de calcul établies lors d'un précédent exercice ?\nAffichez dans l'outil les règles qui s'appliquent pour l'élément <p>. Ensuite, comme dans un exercice précédent modifiez la feuille de style style1.css pour lui ajouter la règle :\nDéplacez cette à différentes positions dans le fichier style1-bis.css, en particulier avant et après la règle présente innitialement pour p et observer l'évolution de l'affichage des règles de l'élément p dans l'outil.\nA nouveau faites le lien avec une des règles de calcul découverte précédemment.\nSélectionnez un des éléments <strong>. Dans la zone Règles, déplacez la souris sur les définition des propriétés CSS. Des cases, actuellement cochées, apparaissent sur la gauche. Décochez celle en face de la propriété font-weight. Que constatez-vous dans la zone d'affichage ? Pourquoi ?\nFaites de même pour la propriété color active. Que remarquez-vous ? Vous pouvez également désactiver cette propriété sur l'élément <p>. Justifiez le comportement observé.\nFaites différents essais d'activation/désactivation de propriétés.\nNous allons voir qu'il est possible de tester en direct les impacts de modification de la feuille de style avec cet outil.\nAprès avoir à nouveau coché toutes les cases. Cliquez cette fois sur la valeur de la propriété color de l'élément <strong>. Une zone d'édition s'affiche, vous pouvez alors modifier la valeur, actuellement yellow, en la remplaçant par exemple par lightgreen. Observez le comportement dans la zone d'affichage. Faites plusieurs manipulations similaires et observez leurs effets.\nSélectionnez maintenant l'élément <p> et dans la zone des règles cliquez dans la zone blanche de sa définition (c'est-à-dire ni sur une case à cocher, ni sur une propriété, ni sur une valeur), une nouvelle ligne apparaît. Elle permet la saisie d'une nouvelle propriété et de sa valeur. Par exemple ajoutez : font-style: oblique; et observez le résultat.\nAjoutez une couleur d'arrière-plan aux éléments <pre>.\nPoursuivons avec l'outil Calculé. Il permet pour un élément de connaitre le style calculé qui s'applique à lui et d'avoir une explication sur ce calcul.\nSélectionnez-le puis dans la zone de gauche de l'inspecteur examinez son contenu lors de la sélection de différents éléments du document.\nPar exemple sélectionnez l'élément <strong>.\nQuelle est la valeur indiquée pour la propriété color ?\nTout en appuyant sur la touche Shift, cliquez sur le disque contenant la couleur à gauche de la valeur pour afficher différentes représentation de la couleur. Expliquez les informations fournies.\nExplorer les styles calculés pour différents éléments.\nPremière feuille de style\nLisez la page de référence pour la propriété text-align.\nLisez la page de référence pour la propriété font-family. Consultez en particulier les exemples.\nNous allons créer une première feuille de style pour les documents premier.html et second.html utilisés dans les exercices HTML. Commençons par préparer le travail en commençant par premier.html :\nReprenez donc ce fichier et placez en une copie dans un nouveau dossier .\nDans le dossier que vous venez de créer, créez un sous-dossier style. Ce dossier est destiné à accueillir les fichiers liés aux feuilles de style. C'est une bonne pratique de les placer dans un dossier à part.\nCréez maintenant dans ce dossier style un fichier vide de nom premier-style.css (par exemple). C'est ce fichier qui contiendra votre première feuille de style.\nCette feuille de style va s'appliquer au document premier.html. Ouvrez donc ce document dans un éditeur de texte et modifiez son entête pour y déclarer à l'aide de la balise <link> l'utilisation de la feuille de style premier-style.css. Utilisez un chemmin relatif pour faire référence à la feuille de style. Inspirez-vous de la syntaxe des fichiers fournis.\nVous êtes maintenant prêt à créer le contenu de votre première feuille de style. Ouvrez dans le navigateur le document premier.html et activez l'outil Editeur de styles (rappel du raccourci : Shift+F7).\nVous pouvez maintenant construire le contenu de ce fichier en y définissant les règles CSS qui doivent s'appliquer à votre document.\nFaites-les en utilisant les différentes propriétés découvertes dans les différents exemples et exercices précédents (color, background-color, font-size, font-style, etc.) . Inspirez-vous pour la syntaxe des exemples fournis dans les exercices précédens.\nVous utiliserez dans votre feuille chaque propriété au moins deux fois, avec des valeurs différentes.\nEssayez de faire des choix esthétiques raisonnables ...\nIl vous manque certainement encore certaines propriétés, notamment sur les marges, pour avoir un résultat réellement satisfaisant. Nous les découvrirons très bientôt. Vous pourrez alors compléter votre feuille de style.\nN'oubliez pas de sauvegarder votre feuille de style régulièrement pour conserver votre travail.\nVérifiez la validité CSS3 de la feuille de style que vous avez créée.\nVous allez maintenant appliquer votre feuille de style au document second.html. Placez une copie de ce fichier dans le dossier créé en début d'exercice et modifiez-le pour qu'il déclare lui aussi l'utilisation de la feuille de style premier-style.css. Visualisez ensuite le résultat dans votre navigateur.\nUn document HTML peut utiliser plusieurs feuilles de style. Pour le vérifier, créez un fichier second-style.css que vous placerez dans le dossier style, puis déclarez en l'utilisation dans l'entête du fichier HTML premier.html à l'aide de la balise link.\nOuvrez ce document HTML dans le navigateur et utilisez l'éditeur de styles pour ajouter dans cette seconde feuille de style une règle CSS qui ne vient pas en conflit avec l'une de celles écrites dans la première feuille de style. Vérifiez alors que les règles des deux feuilles de style s'appliquent bien simultanément au document HTML.\nDéfinir la dimension des éléments\nLa propriété CSS width permet de définir la largeur de la zone d'affichage du contenu d'un élément (<p>, <img>, <table>, <td>, etc.). Sa valeur peut s'exprimer par une longueur fixe, le plus souvent en pixels, ou par un pourcentage. Il s'agit alors d'un pourcentage de la taille de l'élément conteneur (celui dans lequel l'élément est emboité).\nDans cet exercice nous allons étudiez le comportement de cette propriété.\nRécupérez le fichier sites-touristiques.html et ouvrez le dans un navigateur. Examinez sa structure à l'aide de l'outil inspecteur. En particulier prenez connaissance des éléments emboités dans les différents éléments <section>. Notez également qu'aucun attribut width ni height n'est défini pour les éléments <img> dans le code HTML et que dans la feuille de style utilisée et fournie il n'y aucune règle qui porte sur la propriété width.\nDans la feuille de style vous pouvez constatez que des couleurs d'arrière-plan ont été définies pour les différents éléments. Ces couleurs vont nous permettre de bien visualiser ces éléments. En effet la couleur d'arrière-plan s'applique sur toute la largeur et toute la hauteur du contenu d'un élément. On peut donc visuellement constater les dimensions d'un élément en observant les zones couvertes par sa couleur d'arrière-plan.\nPour information le fichier chenonceau.jpg contient une image de 1024 pixels de large et les deux autres, colisee.jpg et pont-du-gard.jpg, contiennent des images larges de 800 pixels.\nFaites varier la largeur de la fenêtre de votre navigateur et observez les variations de la valeur de la largeur des éléments affichés (section, header, p et img). Que constatez-vous ?\nQuelle est la valeur de cette largeur pour les éléments section, header, p ?\nA l'aide de l'outil inspecteur, zone Mise en page, déterminez la valeur d'affichage de chacune des images. Déduisez-en la valeur de la largeur d'affichage des images quand aucune règle CSS n'est présente (donc la valeur par défaut de cette largeur pour les éléments img).\nUtilisez l'outil Editeur de style pour ajouter à la feuille CSS une règle qui fixe à 600px la valeur de la propriété width des éléments section. Que constatez-vous au niveau de l'affichage ?\nEssayez d'autres valeurs, 400px puis 700px par exemple. Quelle est dans chaque cas la valeur de la largeur d'affichage pour les éléments header et p (on peut l'observer grâce aux couleurs d'arrière-plan de ces éléments) ? Utilisez l'outil inspecteur pour le vérifier. Faites varier la largeur de la fenêtre du navigateur et constatez que la largeur d'affichage des éléments section, header, p ne change pas.\nQue constatez-vous au niveau des éléments images ? Quelle est leur largeur dans les différents cas ? Il s'agit d'un cas particulier des éléments img dont la largeur d'affichage par défaut est la largeur intrinsèque de l'image qui s'impose quand rien n'est indiqué par la feuille de style.\nAjoutez une règle qui fixe à 600px la valeur de la propriété width pour les images.\nOn peut fixer une valeur pour la largeur de tous les éléments de flux. Cette largeur s'impose aux éléments. Ajoutez une règle qui fixe la largeur des éléments p (uniquement eux) à 500px et observez le résultat. Recommencez ensuite avec une valeur de 800px. Qu'observe-t-on ?\nDéfinissez une règle qui fixe la largeur des éléments strong à 300px et constatez qu'elle est sans effet. Il n'est en effet (par défaut) pas possible d'agir sur la largeur des éléments de phrasés.\nIl s'agit d'un comportement par défaut, on peut modifier ce comportement en adaptant la valeur de la propriété display. Nous verrons cela ultérieurement.\nNotons que si les img sont des élements de phrasé, ce sont également des éléments de flux ce qui explique qu'il est possible d'agir sur leur largeur. Il en est de même des éléments a lorsque leur contenu est un élément de flux.\nSupprimez dans la feuille CSS la règle qui fixe la largeur des éléments p et modifiez celle pour les éléments section en attribuant à la propriété width la valeur 80%.\nDans l'outil inspecteur, sélectionnez l'un des éléments section de la page et dans la zone Calculé consultez la largeur de cet élément.\nMaintenant faites varier la largeur de la fenêtre du navigateur tout en surveillant dans l'outil inspecteur la valeur de la largeur affichée. Que peut-on en déduire sur la signification de la valeur 80% ?\nDans la feuille CSS, fixez maintenant la largeur de l'élément body à 1000px. Définissez ensuite une règle qui fixe la largeur des éléments section à 80% puis à 60%. Dans chaque cas utilisez l'outil inspecteur pour connaitre la valeur exacte de la largeur de l'un des éléments section. Pourquoi cette valeur ?\nRepositionnez dans la feuille CSS la largeur des éléments section à 80% puis définissez une nouvelle règle qui fixe la largeur des éléments p à 80%. Quelle est la valeur indiquée par l'inspecteur pour la largeur de l'un des éléments p ? Pourquoi cette valeur ?\nQue peut-on en déduire sur la signification de la définition d'une valeur en pourcentage de la largeur d'un élément ? A quelle quantité s'applique ce pourcentage ?\nDans le code source du fichier sites-touristiques.html vous pouvez constaté que des éléments figure qui encadrent les éléments img sont actuellement placés en commentaire. Supprimez ces marques de commentaire dans le fichier HTML puis ajoutez dans le fichier CSS un règle qui fixe à 550px la largeur des éléments figure.\nDéduisez de la question précédente une règle CSS qui définit la largeur des éléments img de telle sorte qu'ils occupent la totalité de la largeur des éléments figure sans en déborder.\nDéfinir la dimension des éléments (suite)\nDe manière analogue à la propriété CSS width la propriété CSS height permet de définir la hauteur de la zone d'affichage du contenu d'un élément. Elle peut à nouveau s'exprimer en pixels ou en pourcentage.\tOn prolonge le travail de l'exercice précédent avec le fichier sites-touristiques.html. Ouvrez le dans un navigateur.\nTestez la propriété height en ajoutant une règle qui fixe la hauteur des éléments p à 300px puis à 30px. Dans chacun des cas constatez ce qu'il se passe. En particulier comparez le comportement du contenu des éléments p (les textes) avec leurs dimensions perceptibles grâce à la couleur d'arrière-plan.\nOn le constate agir sur la propriété height peut être plus délicat que pour la propriété width en ce qui concerne l'adaptation au contenu.\nOn va s'intéresser à nouveau aux images.\nSupprimez dans la feuille de style toutes les définitions de valeur pour la largeur ou la hauteur des images.\nFixez maintenant la valeur de la propriété width à 400px et visualisez. Tout est normal ? (a priori oui...)\nSupprimez la définition précédente et fixez cette fois la valeur de la propriété height à 500px et visualisez. Tout est normal ? (a priori, encore oui...)\nConservez cette définition et replacez la valeur de la propriété width à 400px. Visualisez le résultat au niveau des images. Qu'en pensez-vous ?\nQuelle conclusion en tirer sur la définition simultanée des propriétés width et height pour les images ?\nDans la mesure où le plus souvent on souhaite conserver le rapport d'affichage des images. Lorsque l'on définit des valeurs pour les deux propriétés width et height, on donne une valeur numérique à l'une (le plus souvent width) et à l'autre la valeur auto pour indiquer que l'on souhaite conserver ce ratio. auto est la valeur par défaut de ces propriétés.\nSupprimez toute référence à height et fixez la valeur de la propriété width des éléments <img> à 50%.\nRéduisez la largeur de la fenêtre du navigateur, y compris jusqu'à avoir une très petite largeur. Que constatez-vous sur les tailles d'affichage des images ?\nAjoutez maintenant à votre déclaration les définitions suivantes :\nmin-width : 200px;\nmax-width : 450px;\nPuis, à nouveau, réduisez et agrandissez la fenêtre du navigateur. Que constatez-vous concernant la taille d'affichage des images ?\nConcluez-en le rôle de ces deux propriétés et vérifiez/complétez votre réponse à l'aide du MDN.\nComplétez votre feuille de style avec des règles portant sur l'ensemble des éléments du document : titre, paragraphe, hyperlien.\nLes propriétés width et height (et leurs déclinaisons min- et max-) peuvent s'appliquer à la plupart des éléments HTML de flux avec le même fonctionnement que ce qui a été étudié ici.\nBoîtes, marges et bordures\nOuvrez le fichier boites.html dans le navigateur. L'affichage de ce fichier se traduit par un damier de 3 lignes de 4 tuiles de couleur.\nEtudiez la structure du code HTML (soit dans un éditeur de texte soit grâce à l'outil inspecteur) et constatez que les lignes sont représentées par des éléments div qui contiennent quatre éléments section. Le contenu de ces éléments section est un élément article.\nL'utilisation de la règle display : inline-block a pour conséquence que les éléments de flux section s'affichent les uns après les autres en ligne mais ce n'est pas l'important dans cet exercice.\nL'étude de la feuille CSS vous permet de constater :\nles règles CSS des lignes 36 à 46 du fichier style-boite.css ont pour rôle la définition des couleurs d'arrière-plan des éléments article. Elles produisent la présentation en damier en gérant l'alternance des éléments. La suite du cours permettra de comprendre la signification des sélecteurs mais ce qui compte ici c'est de constater que les couleurs #FFC107 et #8BC34A sont les couleurs d'arrière-plan des éléments article. La couleur d'arrière-plan des éléments section est #0288D1 (ligne 20).\nles valeurs des largeur et hauteur des éléments section et de celles de leur contenu, les éléments article. Ces valeurs fixées à 100% justifient que les couleurs visibles correspondent à celles des éléments article qui occupent la totalité du contenu des éléments section\nCes constatations faites nous pouvons commencer à étudier les propriétés qui concernent la boite CSS des éléments.\nCommençons par revenir rapidement sur le point abordé dans l'exercice précédent : les propriétés width et height définissent les dimensions du contenu de l'élément.\nPour le vérifier il suffit de modifier les valeurs de ces propriétés pour les élements section et de constater que les dimensions des éléments article qu'ils contiennent s'adaptent. Faites quelques essais avant de revenir à la valeur initiale (150px).\nLa propriété border permet sans surprise de définir une bordure (ou cadre ) qui est positionnée autour du contenu des éléments. Une bordure est caractérisée par trois valeurs chacune associée à une propriété :\nson épaisseur, border-width,\nsa couleur, border-color,\nson style de trait, border-style.\nL'étude de la page de référence du MDN pour la propriété border vous permettra d'en connaitre tous les détails et vous pouvez en profiter pour découvrir également les détails des propriétés border-width, border-style et border-color\nIl est possible de définir les trois valeurs en une seule fois. Ajoutez pour les éléments section la règle :\nborder : 2px white solid;\nLa signification des différentes valeurs est assez évidente. Notez que l'ordre est sans importance. Vous pouvez le vérifier en modifiant l'ordre des valeurs sans changement dans l'affichage, par exemple\nborder : solid white 2px;\nIl est également possible d'agir sur chacune des propriétés individuellement. Ajoutez, après la précédente, la règle :\nborder-width : 5px ;\npour constater qu'elle ne modifie que l'épaisseur de la bordure. Les autres propriétés opèrent de façon similaire.\nLa valeur de l'épaisseur de la bordure peut aussi être fixée par quelques constantes prédéfinies. Par exemple thin ( mince en anglais) correspond à une épaisseur de 1px.\nLa propriété margin permet d'ajouter un espacement autour d'un élément. Cet espace est défini à l'extérieur de la zone délimitée par la bordure, on parle donc de marge extérieure . Pour la tester ajoutez aux élément section la règle\nVous constatez que les éléments section "s'écartent" les uns des autres. La propriété margin permet donc de créer un espace entre un élément et ses voisins.\nComme vous pouvez le vérifier avec l'outil inspecteur, l'élément body a une valeur par défaut fixée à 8px pour la propriété margin. Ceci explique l'espace entre le contenu du document et le bord de la fenêtre du navigateur.\nLa propriété padding permet d'ajouter un espacement autour du contenu de l'élément. Cet espace est défini à l'intérieur de la zone délimitée par la bordure, on parle donc de marge intérieure . Pour la tester ajoutez aux élément section la règle\npadding : 15px;\nVous constatez que le contenu des éléments section s'éloigne des bordures, sans que les dimensions de ce contenu, définies par width et height, ne changent.\nQuelle est la couleur d'arrière-plan de la zone due à la propriété margin liée à la propriété padding qui est apparue entre la bordure et le contenu ? D'où provient cette valeur ?\nDe même quelle est la couleur d'arrière-plan de la zone due à la propriété margin ?\nRéponse. La couleur d'arrière-plan de l'espace définie par la propriété margin est transparent. La zone définie par margin d'un élément laisse donc apparaître le contenu de son élément parent (celui dans lequel il est emboité).\nDans l'outil inspecteur, activez l'onglet Calculé puis sélectionnez l'un des éléments section. Vous devriez obtenir des informations similaires à ceci :\nLes valeurs des propriétés de la boîte CSS d'un élément section dans l'outil inspecteur.\nL'outil permet de retrouver l'ensemble des valeurs des propriétés qui régissent la boite CSS d'un élément.\nOn peut constater que, dans la fenêtre du navigateur, la zone mise en évidence lors de la sélection de l'élément section comprend bien la partie margin même si celle-ci est "invisible".\nA quoi correspondent les différentes valeurs qui apparaissent dans l'outil Calculé ? En particulier la valeur 190x190 ?\nLes éléments occupent dans la page un espace de forme rectangulaire. La taille de l'espace occupé par un élément dans la page est définie à la fois par la taille de son contenu et par l'espacement autour de ce contenu. Les dimensions d'affichage du contenu d'un élément sont définies par les propriétés width et height. L'espace autour du contenu est géré grâce à trois paramètres :\nla marge intérieure (padding) gère les dimensions de la zone entre le contenu de l'élément et sa bordure\nla bordure (border) désigne un cadre situé autour du contenu de l'élément\nla marge extérieure (margin) gère les dimensions de l'espacement entre la bordure et le reste de la page (les boîtes des autres éléments affichés autour ), donc l'espacement à l'extérieur de la bordure\nNotons que ces propriétés ne s'héritent pas. C'est-à-dire que si l'on définit une marge (par exemple) pour un élément, cette marge ne s'applique pas pour ses éléments enfants (ceux qui sont emboités dedans).\nPour chacune de ces propriétés (voir exercice suivant) il est possible de définir séparément des valeurs de propriétés pour les parties supérieure (suffixe -top), droite (suffixe -right), inférieure (suffixe -bottom) et gauche (suffixe -left) de la boîte.\nLe modèle de boîte CSS et les différentes propriétés associées.\nBoîtes, marges et bordures (suite)\nNous continuons avec le fichier boites.html de l'exercice précédent. Ouvrez-le dans le navigateur.\nSi vous n'avez pas conservé les modifications de l'exercice précédent, ajoutez dans la feuilles de style les règles pour :\ndéfinir une bordure blanche, en trait continu et épaisse de 5px\ndéfinir une marge extérieure de 10px\ndéfinir une marge intérieure de 20px\nDans l'exercice précédent, à chaque fois, nous avons modifié les propriétés margin, padding et border en agissant simultanément sur leurs valeurs au-dessus, à droite, en-dessous ou à gauche du contenu.\nEn ajoutant un suffixe au nom de ces propriétés il est cependant possible de définir séparément des valeurs pour les parties supérieure (suffixe -top), droite (suffixe -right), inférieure (suffixe -bottom) et gauche (suffixe -left) de la boîte.\nTestez-le ajoutant pour les éléments h1 la règle :\nProfitons de l'occasion pour préciser que les dimensions que nous avons jusque maintenant toujours exprimé de manière fixe en pixels, peuvent s'exprimer également en pourcentage. Essayez :\npadding-left : 3%;\nComme vous pouvez le vérifier avec l'outil inspecteur, les éléments h1 ont une valeur par défaut pour les marges supérieure et inférieure fixée à 20px. Ceci explique l'espace au-dessus et en-dessous de cet élément dans la page.\nAjoutez pour les éléments h1 la règle CSS :\nen essayant de la placer après puis avant la règle définie dans la question précédente, vérifiez que dans un cas comme dans l'autre pour la marge gauche c'est bien la dernière règle écrite qui l'emporte.\nAjoutez une règle pour donner au bordure inférieure des éléments section la couleur #F44336. Les trois autres côtés de la bordure doivent rester en blanc.\nDéfinissez des règles pour ajouter au-dessus et au-dessous des élements h1 une bordure en trait continu de couleur #FFEB3B et épaisse de 5px. Il ne doit pas y avoir de bordure à gauche et à droite.\nPour les marges, intérieures ou extérieures, il est possible de définir les valeurs des tailles des différents côtés directement avec padding ou margin. Il suffit de fournir plusieurs valeurs à ces propriétés. Les côtés affectés dépendent du nombre de valeurs fournies. Par exemple en fournissant deux valeurs on agit sur les tailles verticales et horizontales, essayez pour les éléments section :\npadding : 30px 10px\nEn fournissant quatre valeurs on agit (dans cet ordre) sur les tailles au-dessus, à droite, en-dessous et à gauche, essayez pour les éléments section :\npadding : 20px 10px 5px 0px;\nPour les éléments h1 définissez une marge intérieure de 5px au-dessus et en-dessous et de 3% à gauche et à droite.\nJusque maintenant nous n'avons agi que sur des éléments de flux mais les propriétés margin, padding et border s'appliquent également aux éléments de phrasé. Pour le vérifier ajoutez pour les éléments span (il y en dans le titre) des règles pour\ndéfinir une bordure au-dessus et en-dessous blanche, d'un pixel et en style dashed,\ndéfinir un padding horizontal de 5px et vertical de 1px.\nNous allons voir comment centrer horizontalement un élément (pas un contenu qui peut se centrer grâce à la propriété text-align : center).\nCommencez par fixer la largeur des éléments h1 à 800px. On pourrait checher les valeurs de margin-left et margin-right à définir pour centrer l'élément mais la difficulté est que l'on ne connaît pas la largeur d'affichage du document HTML. Pour controuner ce problème il faut utiliser la valeur auto. Essayez la en définissant une règle CSS qui attribue aux éléments h1 une marge (extérieure) supérieure et inférieure de 10px et la valeur auto aux marges gauche et droite.\nConstatez le résultat puis vérifiez qu'il reste valable lorsque vous changez la valeur de la propriété width des éléments h1.\nFinissons par une étude du comportement des marges entre éléments contigüs. Commencez par supprimer les valeurs de la propriété margin pour les éléments section.\nAjoutez une règle pour définir la marge gauche des éléments section à 10px, puis, après avoir observé le résultat, ajoutez une autre règle pour définir la marge droite des éléments section à 10px.\nVous devez constater que les espaces créés par les marges gauche et droite se sont additionnés. A l'aide de l'outil inspecteur vérifiez que les boites (avec leur marge) des éléments section voisins se juxtaposent.\nAjoutez maintenant une règle pour définir la marge supérieure des éléments div à 10px. Vous constatez que logiquement un espacement a été créé entre les éléments div qui représentent les lignes.\nAjoutez maintenant une autre règle pour définir la marge inférieure de ces mêmes éléments div à 10px. Que constatez-vous au niveau de l'espace vertical entre ces éléments ? A-t-il changé ?\nLa réponse est non : contrairement aux marges gauche et droite, les marges supérieure et inférieure ne se juxtaposent pas mais elles fusionnent. Vous pouvez le vérifier avec l'inspecteur où vouss pouve constater le chevauchement des boites de deux éléments div successifs.\nModifiez la règle qui définit la marge inférieure pour modifiez sa valeur à 20px. Que constatez-vous ? Quelle est la valeur de l'espace vertical entre deux éléments div ?\nPassez la valeur de la marge supérieure à 35px et à nouveau déterminez la valeur de l'espace vertical entre les éléments div. Pourquoi cette valeur ?\nDéduisez-en la règle qui définit l'espace vertical entre deux éléments en fonction des valeurs de leurs marges inférieure et supérieure .\nOuvrez le fichier lorem-ispum.html dans le navigateur. Comme vous le constatez les textes sont un peu à l'étroit et il est difficile de visuellement distinguer les différents éléments de la structure du document, nous allons y remédier dans cet exercice en complétant la feuille de style style/style-lorem-ipsum.css. L'image ci-dessous vous donne un aperçu du résultat à obtenir à la fin de cet exercice.\nLes éléments HTML utilisés dans le code de ce fichier ont été choisis uniquement afin de permettre de travailler sur les propriétés qui gèrent les boites CSS, leur utilisation n'est pas nécessairement totalement adaptée ici à leur sémantique.\nAperçu du résultat à obtenir\nAjouter des couleurs, d'arrière-plan notamment, est un premier moyen de faire apparaitre la structure d'un document et ses différents éléments. Faites le en enlevant du fichier CSS les marques de commentaires (lignes 1 et 27). Il reste néanmoins nécessaire "d'aérer" un peu le document.\nDéfinissez les règles CSS nécessaires pour que l'élément de titre h1 occupe les trois-quarts de la largeur de la page et soit centré. Faites également le nécessaire pour que son texte soit centré dans l'élément.\nFaites en sorte qu'il n'y ait pas d'espace vertical entre un élément h2 et l'élément section qui le suit.\nAjoutez une bordure fine de couleur #BDBDBD en trait continu aux éléments h2 et section.\nSans modifier les autres bordures, faites le nécessaire pour que la bordure gauche des éléments h2 fasse 10px d'épaisseur. Complétez en éloignant le texte contenu dans cet élément de 20px vers la droite.\nAjoutez sous les éléments header une bordure de 3px de couleur #BDBDBD en trait continu.\nAjoutez pour les section une règle qui crée un espace autour du contenu de ces éléments de 5px au-dessus et en-dessous et de 10px à gauche et à droite. Vous devez réaliser cela sans écarter ces éléments section de leurs éléments voisins (on veut par exemple qu'il n'y ait toujours pas d'espace vertical avec les éléments h2 qui les précède quand il y en a un). Essayez de l'écrire en une seule règle.\nLes éléments article sont trop proches des autres éléments, éloignez verticalement (uniquement) de 10px des éléments voisins.\nDans les éléments article le texte est trop proche du bord de la zone définie par la couleur d'arrière-plan (ici blanc). Définissez pour les éléments div en une seule règle une marge intérieure verticale de 5px et horizontale de 20px.\nTerminez en "aérant" aussi un peu le contenu des éléments header qui est encore un peu à l'étroit.\nPremière feuille de style (reprise)\nReprenez la feuille de style que vous avez créé dans le cadre de l'exercice intitulé Première feuille de style et complétez votre fichier premier-style.css avec des règles qui agissent sur les dimensions, marges et/ou bordures des différents éléments des documents.\nAppliquez cette feuille de style (ou une copie de celle-ci) au document sur Tim Berners Lee que vous avez créé dans un exemplaire précédent et complétez ou modifiez la pour obtenir un résultat visuel qui vous convienne pour ce document.\nDes tableaux plus stylés\nDans cet exercice nous allons réutiliser les fichiers manipulés lors des exercices sur les tables HTML : celui sur les données d'insertion des masters du FIL et evol-pop.html.\nExplorez la page de référence pour la propriété text-align.\nCette propriété peut, entre autres, être appliquée aux éléments d'une table HTML.\nCréez deux feuilles de style qui portent sur tout ou partie des différents éléments présents dans une table HTML (<table>, <th>, <tbody>, <caption>, etc.).\nÉvidemment l'idée est de mettre en valeur les entêtes et pied de tables par rapport au contenu.\nVous veillerez entre les deux feuilles à varier les éléments sur lesquels vous définissez une valeur de propriété. Par exemple dans l'une des feuilles définissez une valeur pour color sur l'élément <th> et pas sur l'élément <thead>. Faites le contraire dans la seconde feuille, puis constatez les différences.\nA nouveau, un peu de patience, nous verrons assez vite comment faire mieux .\nAppliquez chacune de ces feuilles de style au deux documents sur les tables et visualisez les résultats.\nCompte-tenu de ce qui a été vu, que faudrait-il modifier dans le document evol-pop.html pour que les cellules contenant les années soient considérées comme des entêtes de ligne et puissent recevoir un style différent des autres\nSi cela n'avait pas été fait dans le document initial, faites-le, au moins sur quelques-unes des premières lignes, puis étudiez l'impact de cette modification lors de l'application de la feuille de style.\nComme toujours, vérifiez la validité CSS3 de vos feuilles.\nLes tableaux ont plusieurs couches\nOuvrez le fichier evol-pop-couches.html.\nConsultez sa feuille de style pour constater que pour le moment toutes les couleurs d'arrière-plan définies pour les éléments <table>, <thead>, <th> et <td> le sont avec une composante alpha à 0 (c'est-à-dire la quatrième composante de la valeur rgba). Elles sont donc transparentes.\nA l'aide de l'éditeur de style ou de l'outil inspecteur, modifiez une par une ces couleurs en fixant leur composante alpha à 1 (= opaque), et en laissant les valeurs alpha des autres couleurs à 0. Vous pouvez ainsi constater visuellement sur quels éléments de la table les propriétés agissent.\nEn repartant de la feuille initiale (avec toutes les composantes alpha à 0), modifiez à nouveau une par une les composantes alpha à 1 en procédant élément par élément, d'abord <table>, puis <thead>, puis <th> et <td>, mais cette fois sans remettre à 0 les composantes alpha des autres éléments. Observez entre chaque modification l'évolution visuelle de la table.\nRecommencez ce travail en fixant cette fois une par une les composantes alpha à 0.5. Observez et interprétez le résultat.\nDéduisez des questions précédentes quelle est la superposition des différentes couches qui gèrent le modèle d'affichage des tables.\nTableaux stylés (suite)\nReprenez la feuille de style créée pour les tableaux et complétez la avec des propriétés de taille, marges, bordures...\nVous pouvez par exemple fixer la largeur des cellules, créer une bordure autour des <thead>, agrandir la marge intérieur des <th>, ajouter une marge autour des <table>, définir des propriétés sur <caption>, etc.\nIl peut être intéressant d'étudier les propriétés border-collapse et border-spacing qui s'appliquent à l'élément <table>.\nIl est certainement plus pertinent de définir les largeurs des cellules en % plutôt qu'en pixels.\nSupprimez de evol-pop.html les informations de style définies initialement dans l'entête.\nLicence 1 -- UE Technologies du Web 1 -- Jean-Christophe Routier


Paulin Dementhon (Drivy): "Etre à la fois une start-up et un loueur de voitures était un sacré challenge !" - Numerik - Trends-Tendances\n30/06/19 à 08:48\nLe 24 avril passé, l'écosystème français des start-up, la French Tech, était en émoi. L'une de ses pépites prometteuses passait sous pavillon américain. Drivy, la plateforme spécialisée dans la location de voitures entre particuliers, était rachetée par son équivalent américain Getaround. Montant de la transaction : 300 millions de dollars, en partie en cash, l'autre en actions. Une belle opération pour les actionnaires de la jeune pousse française qui avait levé un peu plus de 43 millions de dollars en plusieurs tours. Son fondateur, Paulin Dementhon, nous détaille ce deal, l'avenir du nouveau groupe, et évoque son parcours d'entrepreneur.\nLe 24 avril passé, l'écosystème français des start-up, la French Tech, était en émoi. L'une de ses pépites prometteuses passait sous pavillon américain. Drivy, la plateforme spécialisée dans la location de voitures entre particuliers, était rachetée par son équivalent américain Getaround. Montant de la transaction : 300 millions de dollars, en partie en cash, l'autre en actions. Une belle opération pour les actionnaires de la jeune pousse française qui avait levé un peu plus de 43 millions de dollars en plusieurs tours. Son fondateur, Paulin Dementhon, nous détaille ce deal, l'avenir du nouveau groupe, et évoque son parcours d'entrepreneur. TRENDS-TENDANCES. Avec la reprise de la start-up par Getaround, est-ce qu'on peut dire que c'est la fête pour Drivy ? PAULIN DEMENTHON. Ce n'est pas vraiment la fête car on a deux fois plus de boulot qu'avant... (sourire) C'est une phase d'accélération et, personnellement, j'ai toujours du mal à faire la fête car je me projette vers la nouvelle étape. Mais c'est une très bonne nouvelle. Pour les actionnaires, bien sûr, mais pas seulement. Pour notre start-up aussi puisque nous avons les mêmes missions, les mêmes ambitions, à savoir : mettre des voitures partagées dans toutes les rues à distance de marche et offrir un bénéfice pour les citoyens en termes de mobilité. Nous étions deux boîtes, parallèles, de tailles comparables, sur deux continents différents. Le fait de fusionner les deux sociétés signifie qu'on reste une start-up agile avec énormément d'ambition. Tout reste à écrire. Nous devenons mondiaux et nous disposons de moyens beaucoup plus importants. Vous parlez de fusion. Techniquement, c'est quand même plutôt un rachat... Oui, c'est une acquisition, on est d'accord. Il y a d'abord l'acquisition d'une société par l'autre. Mais ensuite, nous fusionnons nos activités : une part importante de la valeur ajoutée continuera d'être créée en Europe. Ce n'est pas comme si nous étions rachetés par un géant dont on deviendrait la petite entité " Europe ". En gros, la moitié du produit, de l'appli, va toujours être réalisée à Paris. C'est en ce sens que je parle de fusion. Malgré tout, Drivy prendra le nom de Getaround. Comment pouvez-vous dire qu'ils n'achètent pas " juste " des parts de marché en Europe ? C'est vrai qu'ils achètent des parts de marché et une présence en Europe. Mais cela ne vaut pas 300 millions de dollars. Ce qu'ils reprennent, c'est une des plateformes les plus efficaces au monde en matière de car sharing. Ils cherchaient la possibilité de créer avec nous quelque chose de beaucoup plus gros, d'aller plus vite et de disposer de plus de cerveaux, ce qui représente beaucoup de valeur. Ils auraient pu débarquer en Europe et dépenser la même somme pour acquérir des propriétaires de voiture et des clients. Or, ensemble, nous sommes clairement leader mondial de l'auto partagée et nous allons pouvoir aller plus vite que les autres. Pourquoi l'opération s'est-elle concrétisée maintenant ? Etait-ce nécessaire dans la vie de Drivy ? Toutes les options étaient sur la table. On pouvait lever plus d'argent, racheter des sociétés, s'allier ou se faire racheter par une boîte plus grosse. Et on a choisi cette dernière option. Mais nous n'étions pas arrivés à un palier. Le monde de la mobilité est probablement le plus gros marché en cours de disruption. On passe de gens qui achetaient des voitures, les entretenaient, puis les revendaient... à des personnes qui ont trois ou quatre applis sur leur smartphone et ont donc, dans tous les cas, la possibilité de se déplacer. En d'autres mots, c'est un marché colossal, donc une opportunité colossale. Nous nous sommes dit qu'en nous alliant, nous aurions plus de chances de créer quelque chose avec beaucoup de valeur plutôt qu'en suivant des routes séparées. L'avantage, pour les actionnaires, c'est qu'ils détiennent un ensemble plus gros, qui a plus de chances de réussir... mais que leur part est un peu plus petite qu'avant. Pourquoi en ce moment précis ? Ce qui a changé la donne, c'est que le marché de la mobilité se structure. Uber et Lyft sont entrés en Bourse. Les constructeurs automobiles annoncent que la mobilité devient une de leur priorité. C'est important d'atteindre une certaine taille, de pouvoir dire que sur notre " verticale " de l'auto-partage, nous sommes leader mondial, qu'il n'y a pas d'alternative et qu'il faut jouer avec nous. Ce qui a changé le tempo, c'est que Getaround a levé 300 millions de dollars en septembre 2018 avec Softbank, le premier fonds technologique au monde, positionné sur la mobilité. Cela leur a donné les moyens d'envisager un deal comme celui-ci. Concrètement, qu'est-ce que cela va changer ? On va quadrupler les budgets par rapport à l'an passé. Cela montre le niveau de croissance : on ne parle pas de 15 %, mais de 300 % ! On va pouvoir investir beaucoup plus pour faire croître l'activité. Evidemment, le marketing représente la plus grosse partie des coûts, avec l'augmentation de notre flotte de véhicules partagés et, surtout, connectés. Au niveau technologique, les applis vont fusionner en une seule, qui va s'appeler Getaround. Donc, deux fois plus de personnes vont travailler sur la même appli. On va pouvoir aller plus vite, viser plus haut. Et à nouveau cibler d'autres pays européens. Vous vous concentrez sur la voiture connectée. En quoi cela consiste-t-il ? Eh bien, nous équipons la voiture de certains utilisateurs d'un boîtier, le Drivy Open (qui va bientôt être rebaptisé Getaround Connect), qui permet à n'importe qui de trouver une voiture et de s'y mettre au volant en deux minutes. Tout se fait depuis l'appli, y compris l'ouverture des portes, la prise de photos, etc. Pourquoi cette évolution est-elle importante ? Cela permet à tout particulier ou professionnel qui loue via Drivy de ne pas avoir à gérer un rendez-vous, à attendre que le propriétaire de la voiture arrive, etc. En automatisant cet aspect-là, on propose une expérience beaucoup plus pratique. Nous sommes passés d'une location de voiture à l'ancienne, où il fallait planifier un rendez-vous et patienter, à une location complètement libre. Comme alternative à la possession d'une voiture, le système se montre plus efficace. Si vous louez une voiture une ou deux fois par an pour partir une semaine en vacances, une attente d'une heure avant de réceptionner votre véhicule est encore acceptable. Si vous partez tous les week-ends, vous ne voulez plus perdre du temps à chaque fois. Cela change-t-il l'approche technologique de Drivy ? Le boîtier lui-même, qui contient de l'électronique, est assez standard sur le marché. On se le procure chez un fournisseur. Aux Etats-Unis, Getaround a développé son propre boîtier. Par contre, Drivy a développé tout le logiciel autour qui permet de gérer l'état des lieux, l'ouverture et la fermeture de la voiture. Le boîtier lui-même ne présente pas de valeur ajoutée. Toute la logique du métier est logée dans l'application et le logiciel Drivy. Un gros défi pour une plateforme de mise en relation, c'est de rassurer ses utilisateurs. Surtout quand on parle de location de voiture. Est-ce compliqué ? Tout ce qui a trait à la sécurité et à la confiance est un énorme challenge. A peu près la moitié des sociétés de notre secteur sont mortes parce qu'elles ne maîtrisaient pas ça. On doit vraiment fonctionner avec deux cerveaux. D'un côté, nous sommes une start-up qui développe une appli avec un bon marketing, mais de l'autre, nous devons être un loueur de voitures qui comprend le risque, écarte la fraude, inspire confiance, sait assurer les voitures et gérer des sinistres. Ce sont deux aspects du métier très différents. Nous avons réussi à construire un partenariat très fort avec notre assureur Allianz parce que nous enregistrons des bons résultats. Pour satisfaire un assureur, il n'y a pas 36 solutions : il faut qu'il arrive à gagner de l'argent. Ce qui n'est pas du tout évident. Nous avons toujours été bons sur les différents aspects : en tant que start-up technologique, et pour bien maîtriser le risque et gagner la confiance de nos propriétaires. Comment y êtes-vous parvenus ? Nous avons mis en place un département " trust and safety " (confiance et sécurité, Ndlr) dont le but est de comprendre le risque. Il a plusieurs rôles : d'abord s'assurer du bon état des véhicules afin qu'il n'y ait pas de véhicule dangereux sur Drivy ; ensuite, veiller à la sécurité des utilisateurs, c'est-à-dire éviter qu'une personne négligente ou qui voudrait voler une voiture puisse louer de véhicule sur notre plateforme. On a, par exemple, tout un système en ligne de vérification de l'identité et du permis de conduire. En Angleterre, le système est même relié aux bases de données sur les permis. Enfin, les contrats d'assurance sont ajustés, au bon prix. C'est tout l'univers de la confiance. Vous vous doutiez de tout cela en lançant Drivy en 2010 ? Pour être honnête, au début, quand j'ai lancé la plateforme, il n'y avait pas de règles. J'ai démêlé des cas, sur mon téléphone mobile, de jeunes de 19 ans qui avaient loué une Porsche à des gens complètement inconscients. J'essayais de négocier en leur disant que ça serait sympa de ramener la Porsche (rires). Je me suis lancé en n'ayant aucune connaissance du terrain et je pense que beaucoup de loueurs se sont dit au début que nous n'avions aucune chance de survivre. Nous ne connaissions rien au départ mais nous étions réalistes. Nous avons compris très tôt qu'inspirer confiance était le coeur de métier. Nous avons beaucoup investi là-dedans. Nous avons pris cela très au sérieux dès le début, sans nous dire que nous nous en occuperions plus tard. Tesla annonce un service de partage de ses véhicules. Cela vous inquiète ? Je suis très admiratif de Tesla. Mais leur part de marché reste petite dans le secteur automobile. Or, comme l'enjeu de l'auto-partage, c'est de disposer des voitures partout à distance de marche, je n'imagine pas qu'un service avec uniquement des Tesla puisse être compétitif par rapport à un service où 98% des autres véhicules sont potentiellement disponibles. Je ne crois pas que la logique Apple, avec un seul hardware et une seule plateforme, soit transposable à Tesla. Et la voiture autonome, à terme, est-ce une menace pour Drivy/Getaround ? Avant la voiture autonome, parlons de la voiture connectée. C'est une autre révolution très importante dans le secteur. Aujourd'hui, nous installons nous-mêmes les boîtiers dans les voitures. Demain, toutes les voitures sortiront d'usine avec la connectivité, des cartes SIM et le moyen de se connecter. Donc, il sera pour nous bien plus simple d'attirer des voitures sur notre plateforme. Cela va fortement doper notre croissance. Ensuite, pour nous, une voiture autonome signifie moins d'accidents, plus de confiance, des voitures plus chères qu'on a moins envie d'acheter mais davantage envie de louer... C'est extrêmement intéressant. Que représente la Belgique pour Drivy ? On y compte 55.000 utilisateurs et 1.500 voitures et nous allons mettre un sacré coup d'accélérateur : on espère tripler toute l'activité d'ici la fin de l'année. En Belgique, nous allons surtout nous concentrer sur la partie " voiture connectée ". L'an passé, avec l'ouverture de Drivy Londres, nous étions assez occupés et nous comptions davantage sur une croissance organique pour la Belgique. Cela dit, en Belgique, même sans beaucoup de marketing, on enregistre des taux de croissance supérieurs à d'autres pays. Cela s'explique par le fait que le principe de l'auto partagée est déjà bien connu : pas mal d'acteurs ont déjà évangélisé le marché.


200 tonnes par heure alunite concasseur\n200 tonnes par heure alunité concasseur en France\nconcasseur 300 tonnes par heure - energyinvest.ch. Concasseur de 200 tonnes par heure 350 tonnes par heure broyeur pierres 500 t / p en pierre concasseur . concasseurs nouveau de 100 tonnes en france image . concasseur mobile 600 tonnes par heure concasseur à cône 150 heures de tonne . concasseur 200 ton par . broyeur à boulets 200 t h Images de la plus grande .Concasseur De Pierre Usine De ...\n2020-3-18 · Kefid 400 tonnes par heure de solution de concassage de granit ... Le matériau d'un diamètre supérieur à 70 mm est acheminé vers un autre concasseur à cône composé par un convoyeur à bande et est écrasé. ... vous plaît entrez votre demande tels que: la taille de sortie 0-10, 10-15, 15-20mm pour le concassage ou 75 microns (200 mesh ...\nbroyeur à boulets pendant 900 3000 tonnes. tonnes par heure broyeur à boulets de pendant quatre heures avant la mise 200 tonnes par heure alunite a 3000 tonnes par heure de broyeurs de concasseur à 10 tonnes d"heure princeheureuxbe 10 tonnes broyeur a marteaux heur 10 tonnes par broyeur à boulets A 3000 Tonnes Par concasseur à , séché et cuit à 900°C pendant une\nliste 1000 tonnes par heure ciments moulin Products. liste des prix charbon concasseur plante ton heure. 1000 tonnes par heure de broyeur a charbon 1000 tonnes par heure de broyeur a charbon charbon concasseur 150 concasseur de charbon à bas prix liste de concasseur 200 ton par heureConcasseur de Chat en direct » toiles de criblage giron sa pdfproceqiptop concasseur mobile.\n200 tonnes par heure parker concasseur - cerme.cz\nConcasseur 200 tonnes par heure - Concasseur de 200 tonnes par heure 350 tonnes par heure broyeur pierres 500 t / p en pierre de concassage. ... » concasseur bb 200 occasion.\nconcasseur 1000 tonne heure ... indien de concassage de 120 tonnes par heure concasseur 200 ton par heure. station de concassage 10 tonnes par heure Obtenir le prix 1500 concasseurs à vendre\nMachine concasseuse pour alunite au Canada Immigrer au canada gratuitement Aide Afrique Immigrer au canada gratuitement Je suis une jeune ivoirienne de 25 ans désirant immigrer au canada pour tout travail mais faute de m Aide Afrique vous aide.\nusine de concasseur de pierres 40 t h à prix de vente. usine de concassage de pierres 40 60t h. harga pierre concasseur ton heure usine de concassage dengan kapasitas ton h. concasseur 200 ton par heure,La capacité de,charbon heures de concassage usine de,harga pierre concasseur cap des plantes 40 60 tonnes,Chat en direct » tph pierre crusherpriceGrinding Mill China. tph pierre crusherprice 750\ncoût de 10 tonnes broyeur - jutsu-yawara.pl\n<< Previous:Lextraction De Sable Et De Silice


ABOU LEILA, un cri dans le désert | Accréds l'actualité des festivals de cinéma\nCannes CinéMed (Montpellier)\n21/11/2019 | Sarah Arnaud | | Cannes, CinéMed (Montpellier)\nPrésenté à Cannes à la Semaine de la Critique puis à Cinemed où il détonnait encore, ne serait-ce que par sa durée (2h13 pour le moins pleines), Abou Leila tient autant du film d’espionnage que du film de guerre, au point que l’on pourrait se penser face à une adaptation d’un roman de John Le Carré.\nUn terroriste nerveux s’apprête à tuer un médecin en pleine rue d’Alger. Rien ne se passe comme prévu : la police arrive, l’un des agents meurt et le terroriste s’enfuit. A ce stade, la tension est portée par ce terroriste, nous sommes à ses côtés, nous le suivons… Il sera pourtant bel et bien le méchant de ce film, objet riche à la croisée de plusieurs genres, capable de mêler le fantastique au politique.\nCut sur une voiture. Lofti, grand, beau, veste en cuir, regard taiseux, conduit sur les routes poussiéreuses du désert algérien, s’enfonçant dans le pays. A côté de lui, S., son ami d’enfance qu’on croit en redescente de drogue ou complètement fou… ou les deux !\nLe film d’espionnage se transforme en road trip. Hôtels miteux, routes ensablées. S. vomit, se vide, se nettoie. Lofti se balade avec une arme. Ils cherchent un homme, Abou Leila, le terroriste notoire. Pour S., c’est le but ultime : le retrouver et le tuer. Dans cet homme se trouvent toutes les peurs de S. et il en devient le mal de leur temps, la menace : terroriste nerveux rencontré au début du film et métaphore maléfique de la terreur qui pourrait peser sur l’Algérie.\nLes deux personnages avancent dans le désert, chacun guidé par sa propre quête : l’un dans sa folie, l’autre essayant de croire à cette folie. Pour Lofti, ce voyage est un dernier acte de foi envers un ami, une volonté de lui laisser une chance de détruire cette obsession. Dans une Algérie en pleine guerre civile, la menace terroriste pèse sur la capitale. L’idée de Lofti est d’éloigner son ami de la violence, tout en lui offrant la possibilité de retrouver sa Némésis.\nL’action ne se déroulant pas de nos jours, Abou Leila offre une belle manière de revenir sur des événements, et une époque : parler d’un passé assez proche qui est à la fois historique et influent sur un contexte contemporain. En décrivant l’Algérie des années 1990 et la vague de violence liée à la guerre civile, on sous-tend au sujet celui de l’Algérie d’aujourd’hui et du terrorisme en général. C’est un rappel que les islamistes ne sont pas ni création ni une découverte datant de Septembre 2001. Au contraire, la force de ces principes se trouve dès la reconstruction de l’Algérie post-indépendance. Nous sommes dans la définition d’un pays trente ans après son obligation de faire et défaire avec ce que la France lui a laissé ; la décennie noire qui reste encore tabou pour les algériens après la suspension des élections en 1992. Au-delà de ce contexte, le réalisateur Amin Sidi-Boumédiène dessine la violence sous-jacente d’un pays, le visage meurtri de toute une génération, le traumatisme d’un peuple. Parce que Lofti et S. font tous les deux partie des forces de l’ordre, ils sont inscrits dans une génération questionnée sur son engagement à une hiérarchie et sa confrontation à la réalité du pays.\nAller vers le danger, aller vers la perdition avec l’espoir du salut. L’intention de Lofti est ambiguë : pourquoi maintenir son ami dans cette croyance ? Pourquoi l’emporter dans cette course qu’il juge possiblement vaine ? Un personnage tout en dualité, entre l’abnégation, la compréhension et l’amour. Il veut croire, il veut aider… Lyes Salem le joue tout en retenue : à la fois drôle, charmant, rude, paternaliste, amical et suspicieux. Ou bien est-ce S. qui le voit ainsi ? Là encore, le réalisateur crée une modification dans le point de vue de narration. Son récit tient presque du buddy movie : nous accompagnons seulement Lofti dans son regard compréhensif et quelque peu impuissant face à la folie. Nous sommes encore dans le réel, même flottant. Puis le film bascule à un instant précis.\nDans un petit village, Lofti enferme S. dans la voiture et part chercher un endroit où dormir. Au passage, il découvre les environs, prends le pouls de la région et découvre que trois enfants ont été sauvagement tués. A l’époque, le GIA a commis des assassinats sanguinaires dans des villages entiers d’Algérie. Le film étaye alors deux théories : un meurtrier fou ou le guépard du désert. La métaphore de la menace rejoint la réalité historique, et Sidi-Boumédiène nous parle soudainement de la sublimation du Mal : quelle histoire raconter de la violence ? A cet instant, cette menace se matérialise dans le désert, sur le chemin des deux héros. Elle prend une nouvelle forme dans une narration de la violence. Et que ce soit un fou, un terroriste ou un guépard, la sentence est la même. Un prédateur rôde et c’est lui que S. cherche.\nResté enfermé dans la voiture, S. voit les villageois l’encercler. Vision angoissante. Les sons se font tonitruants, les coups portés sur le véhicule résonnent tel un décompte morbide. Nous sommes pris au piège sans savoir qui nous veut du mal. Il ferme tout, panique. Lofti arrive et rit : il lui dit tout, qu’il ne croit à rien, que S. est fou, qu’ils n’iront pas chercher ce Abou Leila qui n’existe pas. C’est la peur qui parle : un rêve éveillé, constitué de toutes ces phrases que l’on pense entendre ou comprendre des autres. Il vit cette terreur de ne pas être compris, de cette solitude de l’insensé. La séquence se transforme en mise à mort orchestrée par un Lofti tout en puissance, vengeur, fou de rage.\nLa place du protagoniste fluctue sans cesse entre ces deux visions du réel. C’est sur Lofti que pèsent les responsabilités, l’organisation. On ne sait de quelle culpabilité il négocie au réel mais il est empreint d’une foi, d’une croyance, d’une dernière prière pour un ami. A partir de cette séquence de rêve, où nous pensons nous mêmes être tués, nous nous retrouvons à la place de celui qui entre dans la paranoïa, à qui tous les autres apparaissent comme menaçants. Lofti, malgré sa tendresse, devient terrorisant. Le film se modifie encore : nous entrons dans le fantastique, le cinéma de genre… mais toujours avec cette lancinante vision historique du récit. Le fantastique comme outil et non comme gimmick. Le réalisateur convainc dans son glissement d’un genre à l’autre, aboutissant à un film varié et cohérent en même temps. La nuit arrive et les cauchemars avec.\nDans l’obscurité, S. a des visions. La lumière bleutée, des chèvres qui se baladent dans le bâtiment… le sol se jonche de carcasses, de sang. Il avance. Dans la chambre près de la leur, la famille a été massacrée. Pour lui, et pour nous, c’est l’acte d’un autre. Mais le sang qui recouvre son corps nous réveille. Le lendemain, la famille est morte, S. veut s’enfuir, la police arrive et Lofti sent que la folie a pénétré la « vraie vie ». Un moment de terreur totale prend place : l’intention est de faire perdre la raison au spectateur, le faire douter, de questionner ce qu’il voit, ce qu’il pense ou croit penser. Le Mal n’est plus définissable face à notre propre impuissance, qui se dessine comme un calque sur celle de Lofti.\nComplètement déboussolé, S. s’enfuit en direction du guépard du désert. La suite du film traine quelque peu mais parce que nous nous nous trouvons aussi, comme lui, dans cet état de trans, propre au désert, propre à la mort comme seule échappatoire. L’histoire devient rêverie fanatique, récitation aux dunes. D’une histoire presque trépidante, le réalisateur arrive à la contemplation de l’horreur. Ses personnages prennent la parole : on revient sur l’attentat d’ouverture, on nous l’explique. Le traumatisme, la violence, la pesanteur de ce qui a été vu, ce qui a été vécu. Des hommes à jamais blessés, cassés. Dans ce labyrinthe de sable, l’Histoire redevient vie quotidienne, habitude au sang, aux balles, aux tueries. L’espace semble presque calmer la dureté de leur récit. Ils ne pourront être bien qu’ici. Ni vision du paradis ni celle d’un purgatoire quelconque, le désert devient le seul espace-temps tolérable, un entre-deux acceptable où l’on erre, et où l’on survit parce que le simple fait de vivre n’est plus possible.\nFace à ces images de dunes, une phrase de Lawrence d’Arabie revient en mémoire « Tous les hommes rêvent mais pas de la même façon. Ceux qui rêvent de nuit s’éveillent le jour et découvrent que leur rêve n’était que vanité. Mais ceux qui rêvent de jour sont dangereux, car ils sont susceptibles, les yeux ouverts, de mettre en œuvre leur rêve afin de pouvoir le réaliser. C’est ce que je fis ». Une citation qui devrait être pleine d’espoir, poussant l’être humain à prendre corps de ses rêves et à les réaliser. Seulement, le mot « dangereux » change la donne : réaliser des rêves et des cauchemars, ne plus voir la frontière entre le rêve et le réel. C’est dans le désert que S. finit sa course au guépard, cherche la trace du félin tueur, qui n’est plus un terroriste mais bien l’image même d’un tueur, d’un prédateur sanguinaire, qui lui aussi rêve de ses proies, en étant éveillé. Tous les personnages sont alors pris dans ce flou, ce désert où les intentions et impressions se chevauchent.\nAbou Leila est une œuvre imposante, à l’image travaillée, sautant d’un genre à l’autre sans ne jamais se trahir. Au contraire, il s’agit d’un film riche : on a hâte que Sidi-Boumédiène en livre d’autres, aussi curieux et plaisants. S’il est entier et consistant, au final, ce qu’il en reste, c’en est pas moins ce sentiment d’une aventure inachevable, d’une quête qui ne peut avoir de résolution. Malgré certaines longueurs, c’est une complainte poétique et dérivante, où tout se termine en cul de sac, perdu dans un désert fait d’inconscient, d’images paumées, de souvenirs déchirants. Ses personnages qui pensent se construire, enfin trouver la rédemption, l’apaisement, vont au contraire errer dans un espace en suspens. Le sable et les montagnes comme point de chute mais sans fin, sans fond. Ou peut-être s’agit-il d’un état normal, une autre dimension, qui n’est ni agréable, ni apaisante, ni joyeuse, mais qui serait le seul endroit où la violence peut vous quitter où l’on peut crier, et pleurer. Il n’en proviendra rien, il ne se passera rien mais on aura crié.\nAbou Leila (Algérie, France, Qatar, 2019), un film de amin Sidi-Boumédiène, avec Slimane Benouari, Lyes Salem, Azouz Abdelkader, Fouad Megiraga. Durée : 133 minutes. Sortie en France : 4 Mars 2020\nTags: algérieCannesCinéMedGIALyes SalemSemaine de la Critique