body, td { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size:14px; }

Documents pareils
HTML, CSS, JS et CGI. Elanore Elessar Dimar

Tutoriel : Feuille de style externe

Formation HTML / CSS. ar dionoea

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

ING & NEWSLETTER NEWSLETTER RESPONSIVE

Normes techniques 2011

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

Travaux dirigés n 10

Initiation à html et à la création d'un site web

Pack Fifty+ Normes Techniques 2013

TD HTML AVEC CORRECTION

RESPONSIVE WEB DESIGN

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

// HTML, Javascript XHTML & CSS

CONCEPTION D S ADAPTATIFS

Le piratage informatique. Rapport de projet. Spécialité Informatique 1 re année. DEJOUR Kévin SOUVILLE Jean-François. Suivi : Mokhtari-Brun Myriam

Creation d une page Web

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

ENVOI EN NOMBRE DE Mails PERSONNALISES

Séance d ED n 5 : HTML et JavaScript

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

MODULE INF112. Préparation pour le CC2

Présentation du Framework BootstrapTwitter

CREATION d UN SITE WEB (INTRODUCTION)

101 Réaliser et publier un site WEB

Activités HTML. Code: act-html

Gestion Électronique de Documents et XML. Master 2 TSM

1 ère Université WEB. Courbevoie Samedi 21 octobre Votre site interactif sur internet.

Bernard Lecomte. Débuter avec HTML

Rapport de projet Site web pour une association

TP JAVASCRIPT OMI4 TP5 SRC

Création d'une application WEB avec PHP / MySQL

SUPPORT DE COURS / HTML

PHP et les Bases de données - Généralités

Grille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design

Guide de réalisation d une campagne marketing

SYSTÈMES D INFORMATIONS

Notice d accessibilité HTML, CSS et JavaScript

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS

Création de site Web : Volet II concevoir et mettre un site en ligne

{less} Guide de démarrage

SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML

1. La notion de cascade

Alors "Web" c'est le service Internet permettant de naviguer à travers des pages Web.

Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework

Un mini-site internet en une après-midi

Zen, SASS, responsive design

FORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Sana Sellami. Licence Professionnelle SIL

Panel des technologies Web

Programmation Internet Cours 4

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux

Module : programmation site Web dynamique Naviguer entre les pages via site map

UN SITE WEB RESPONSIVE EN UNE HEURE?

Guide technique d accessibilité pour la création et la refonte des sites Web de l administration publique. Date : Juillet 2010 Version 1.

Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10

Extended communication server 4.1 : VoIP SIP service- Administration

L'accessibilité des applications web mobiles

STID 2ème année : TP Web/PHP

Pour en expliquer le principe, on se limitera à deux exemples :

HTML/CSS - Travaux Pratiques 2

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

Celui qui vous parle. Yann Vigara

Attaques de type. Brandon Petty

SAS DU GOLF DU BOIS DES RETZ 3, rue de Lewarde ERCHIN. Rapport de stage. Création d un site web dynamique. Stage du 5 Mai au 13 Juin 2008

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN ING

21 mars Simulations et Méthodes de Monte Carlo. DADI Charles-Abner. Objectifs et intérêt de ce T.E.R. Générer l'aléatoire.

Classe ClInfoCGI. Fonctions membres principales. Gestion des erreurs

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

Les sites web avec NVU

Responsive Design. Technologies du web. Stéphane Bouvry, 2014

HTML. Notions générales

Les services usuels de l Internet

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

MANUEL D UTILISATION ORBITVU EDITOR V.3

Responsive Web Design. La Rochelle, Avril 2014

Dévéloppement de Sites Web

Comment faire un site i-mode?

<?xml version="1.0" encoding="iso " standalone="yes"?>

Dans nos locaux au 98 Route de Sauve NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

Optimiser pour les appareils mobiles

mon site web via WordPress

CAHIER DES CHARGES Réalisation de site web

US & COUTUMES : LES REGLES D USAGE EN E- MAIL MARKETING Ou comment optimiser vos chances de bien réaliser des campagnes en toute sérénité

Les réseaux informatiques, la sécurité, internet, html et le web : une introduction. Réseaux informatiques? Un bref historique des réseaux (1)

Chapitre IX. L intégration de données. Les entrepôts de données (Data Warehouses) Motivation. Le problème

SARL DDLX Multimédia Place du général de Gaule Boisseron Tèl : support@ddlx.org. Agence Web. Design Prestashop personnalisé

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Media queries : gérer différentes zones de visualisation

Les types de fichiers

Transcription:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- Changer le titre--> <title>newsletter Septembre 2017</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta content="width=device-width"> <style type="text/css"> /* Fonts and Content */ body, td { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size:14px; body { margin: 0; padding: 0; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; h2{ padding-top:12px; /* ne fonctionnera pas sous Outlook 2007+ */color:#0e7693; font-size:22px; @media only screen and (max-width: 480px) { table[class=w275], td[class=w275], img[class=w275] { width:135px!important; table[class=w30], td[class=w30], img[class=w30] { width:10px!important; table[class=w580], td[class=w580], img[class=w580] { width:280px!important; table[class=w640], td[class=w640], img[class=w640] { width:300px!important; img{ height:auto; /*illisible, on passe donc sur 3 lignes */ table[class=w180], td[class=w180], img[class=w180] { width:280px!important; display:block; td[class=w20]{ display:none; -1-

.auto-style1 { font-size: 0.75em;.auto-style3 { font-size: 0.75em; color: #89171B;.auto-style4 { text-decoration: underline;.auto-style5 { color: #800000;.auto-style7 { font-size: 10.5pt; font-family: Arial, sans-serif; color: black;.auto-style8 { background-color: white;.auto-style9 { background-color: #F2C627; </style> </head> <body style="margin:0px; padding:0px; -webkit-text-size-adjust:none; background-color: #fff;"> <!-- Première brique : le cadre--> <table width="100%" cellpadding="0" cellspacing="0" style="border-width: 55 8 15 0; background-color:#fff;margin:20px;" > -2-

<tbody> <td align="center" bgcolor="white"> <table cellpadding="0" cellspacing="0" style="border-color:#f2c627; border-style: solid;border-right-width:40px;border-left-width:40px;margin:10px;"> <tbody> <td class="auto-style9" width="640" height="10"> <td align="center" class="auto-style9" width="640" height= "20"> <a style="color:#ffffff; font-size:12px;" href= "http://pouvoirslocaux.wallonie.be/jahia/jahia/site/dgpl/accue il/travaux_subsidies/pid/1006"><span style="color:#000000; font-size:12px;">voir le contenu de ce mail en ligne </span></a> <td class="auto-style8" width="640" height="10"> <table class="w640" width="640" cellpadding="0" cellspacing="0" border="0" bgcolor="#cceeff"> <tbody> <td class="w30" width="30"> <td class="w580" width="580"> <div class="pagetoplogo-content" > <a href="http://www.wallonie.be/" ><img class="w580" style= center; display: block; margin-left: auto; margin-right: auto; text-decoration: none; display: block; color:#476688; font-size:30px;" src= "http://pouvoirslocaux.wallonie.be/jah ia/webdav/site/dgpl/shared/travaux_sub -3-

sidies/deplacements_doux/logo_base/coq _spw_ho.png" alt="logo de la Wallonie et du SPW" width="204" height="100" border = "0"/></a> <td class="w30" width="30"> </tbody> </table> <!-- entete --> <tr class="pagetoplogo"> <td class="w640" width="640"> <table class="w640" width="640" cellpadding="0" cellspacing="0" border="0" bgcolor="#cceeff"> <tbody> <td class="w30" width="30"> <td class="w580" width="580" valign= "middle" align="left"> <div class="pagetoplogo-content"style= center;"> center;"><h4> Direction générale opérationnelle des Routes et des Bâtiments (DGO1) </h4><h3>département des Infrastructures subsidiées</h3></p> -4-

<td class="w30" width="30"> </tbody> </table> <!-- separateur horizontal --> <td class="w640" width="640" height="1" bgcolor="#d7d6d6" > <!-- contenu --> <tr class="content"> <td class="w640" class="w640" width="640" bgcolor="#ffffff"> <table class="w640" width="640" cellpadding="0" cellspacing="0" border="0"> <tbody> <td class="w30" width="30"> <td class="w580" width="580"> <!-- une zone de contenu --> <table class="w640" width="640" cellpadding="0" cellspacing="0" border= "0"> <tbody> -5-

<td class="640" width="640"> <!-- 2. changer le mois de la newsletter--> <h2 style= "color:#252e8c; font-size:22px; padding-top:20px;"> Newsletter du mois de Septembre 2017</h2> <!-- Table des Matières--> <div style= "padding:0px; width: 100%;" id="tour"> <div style= "border: 3px solid #f2c627; padding: 5px;border-radius: 12px;" id= "contenu"> left; font-size: 1em; -webkit-text-stroke: 0px 252E8C" class="auto-style4"> Table des Matières</p> <ul style= "font-size: 0.8em;"> = left;text-decoration: none;"><a style="text-decoration: none;"href="#1";> Stationnements-vélos- transmission des dossiers techniques</a><i>-<span style="color: #DB9D18;"><i>-<span style="color: #DB9D18;">Infrasports</span></i></span></i></li> = left;text-decoration: none;"><a style="text-decoration: none;"href="#2";>cct Qualiroutes et nouvelle législation sur les Marchés publics</a><i>-<span style="color: #DB9D18;"><i>-<span style="color: #DB9D18;">Voiries</span></i></span></i></li> <li style= left;text-decoration: none;"><a style="text-decoration: none;"href="#3";> Subvention destinée à acquérir et/ou placer du mobilier urbain : rappel</a><i>-<span style= "color: #DB9D18;">Déplacements doux et Partenariats communaux</span></i></li> </ul> <!-------------------------------------------------------------------------------------------- ------------------------------------------------------------------> <table cellpadding= "0" cellspacing="0" border="0" > <div style= "padding:0px; width: 100%;" id="tour"> <div style=" padding: 5px;margin-bottom: -6-

0px;border-radius: 20px;" id= "contenu"> <div id="1" style =" padding : 3px; border-radius: 10px;" id= "contenu"> left;color: #646fd8; font-size: 1.2em;" -webkit-text-strok e: 0px #000000;" class=" auto-style4"> Stationnements-vél os- transmission des dossiers techniques</p> left; color: #0E7693; font-size: 0.9em;" -webkit-text-strok e: 0px #000000;" class="titre"> Rappel pour les communes ayant reçu un accord de principe dans le cadre de l appel à projet «stationnements-vél os»</p> justify;font-size: 0.8em;">Les dossiers techniques doivent nous parvenir endéans les 3 mois de l accord de principe en vue d obtenir une promesse ferme. </p> -7-

justify;font-size: 0.8em;">Le dossier technique à transmettre à mes services est composé comme suit :</p> <ul style= "font-size: 0.8em;"> = left;text-decoration: none;"><b>le cas échéant, la liste des entreprises consultées (au moins 3),</b> </li> = left;text-decoration: none;"><b>le cas échéant l avis de marché,</b> </li> = left;text-decoration: none;"><b>le cahier spécial des charges ou demande d offre (au moins 3 soumissionnaires doivent avoir été consultés),</b> </li> = left;text-decoration: none;"><b>la décision d attribution de marché motivée, </b> </li> = left;text-decoration: none;"><b>l offre retenue.</b> </li> </ul> justify;font-size: 0.8em;">Les stationnements doivent impérativement correspondre aux clauses techniques reprises en annexe de l appel à projet et de l accord de principe ( U renversé). Ces clauses sont disponibles également dans la boîte à outil de la page du site réservée à l appel à projets. <a href = "https://pouvoirsl ocaux.wallonie.be/ jahia/jahia/site/d gpl/accueil/travau x_subsidies/infras ports/pid/34822"> Appel à projets -8-

stationnements vélos du site </a></p> </table> <hr width="50%" color ="#f2c627" align= "center"> <!-------------------------------------------------------------------------------------------- ------------------------------------------------------------------> <!-- 3. Inclure les briques ici--> <div id="2" style= "border: 20px; background-color: white; padding-left: 10px; padding-right: 10px; border-top: 2px; border-right: 20px; padding-top: 10px; border-radius: 50px" id="contenu"> left;color: #646fd8; font-size: 1.2em; -webkit-text-strok e: 0px #000000" class= "auto-style4"> CCT Qualiroutes et nouvelle législation sur les Marchés publics</p> left; color: #0E7693; font-size: 0.9em; -webkit-text-strok e: 0px #000000" class="titre">le chapitre A des clauses administratives du CCT adapté est disponible depuis le 30/06/2017 (<a href= "http://qc.spw.wal lonie.be/fr/qualir outes/doc/qualirou tes/chapitre%20a.p df"> -9-

qc.spw.wallonie.be </a>).</p> justify;font-size: 0.8em;">Depuis quelques semaines, les 4 documents du modèle de CSC concernés par cette modification sont également téléchargeables pour l élaboration de vos CSC :</p> <ul style= "font-size: 0.8em;"> = left;text-decoration: none;"><b><a href= "http://qc.spw.wallonie.be/fr/qualiroutes/doc/csc/generalites%20-%20modele.doc">les généralités du chapitre A</a></b> </li> = left;text-decoration: none;"><b><a href= "http://qc.spw.wallonie.be/fr/qualiroutes/doc/csc/chapitre A - modele.doc">les clauses administratives</a></b> </li> = left;text-decoration: none;"><b><a href= "http://qc.spw.wallonie.be/fr/qualiroutes/doc/csc/formulaire offre - modele.doc">le modèle d offre</a></b> </li> = left;text-decoration: none;"><b><a href= "http://qc.spw.wallonie.be/fr/qualiroutes/doc/csc/annexe_csh_lutte_dumping.doc">l acte d engagement du pouvoir adjudicateur pour promouvoir la lutte anti-dumping social</a>.</b> </li> </ul> justify;font-size: 0.8em;">La direction des Voiries subsidiées est à votre disposition pour toute question relative à l utilisation de ces documents.</p> -10-

<hr width="50%" color ="#f2c627" align= "center"> <!-------------------------------------------------------------------------------------------- ------------------------------------------------------------------> <div id="3" style= "border: 20px; background-color: white; padding-left: 10px; padding-right: 10px; border-top: 2px; border-right: 20px; padding-top: 10px; border-radius: 50px" id="contenu"> left;color: #646fd8; font-size: 1.2em; -webkit-text-strok e: 0px #000000" class= "auto-style4"> Subventions destinées à acquérir et/ou placer du mobilier urbain : rappel</p> left; color: #0E7693; font-size: 0.9em; -webkit-text-strok e: 0px #000000" class="titre"> Les pièces justificatives doivent être impérativement envoyées à la Direction des Déplacements doux au plus tard pour le </p> center;font-size: 1em;"><b>15 novembre 2017</b> -11-

.</p> justify;font-size: 0.8em;">Pour mémoire, la subvention est égale à 50 % du montant des travaux <u><em> éligibles réalisés</em></u> (cfr liste dans le courrier du 23/12/2015).</p> justify;font-size: 0.8em;">Un modèle de déclaration de créance est disponible sur le <a href= "http://pouvoirslo caux.wallonie.be/j ahia/jahia/site/dg pl/accueil/travaux _subsidies/pid/180 03">site des Pouvoirs locaux </a>.</p> center;font-size: 0.8em;"> <a href = "http://pouvoirslo caux.wallonie.be/j ahia/webdav/site/d gpl/shared/travaux _subsidies/deplace ments_doux/mobilie r_declaration_crea nce_solde.docx"> Déclaration de créance</a></p> <!-------------------------------------------------------------------------------------------- -12-

---------------------------------> <!-------------------------------------------------------------------------------------------- ---------------------------------> <!---------------------------------------------------------------------------------------- -------------------------------------> <!-- 4. Fin des Briques--> <!-- pied de page --> <tr class="pagebottom"> <td class="w640" width="640"> <table class="w640" width="640" cellpadding="0" cellspacing="0" border="0" bgcolor="#cceeff"> <tbody> <td colspan="5" height="10"> <td class="w30" <td class="w580" width="30"> width="580" valign="top"> <p align="left" class= "pagebottom-content-left"> <a href= -13-

"mailto:dgo1-70@spw.wallonie.be?subject= newsletter du DIS" style= "color:#255d5c;">ed. responsable : Michel DEVOS, Inspecteur général </a> </p> <td class="w580" width="580" valign="top"> <p align="center" class= "pagebottom-content-left"> </p> <a href=http://routes.wallonie.be/ ><img class="w580" border= "0" style= "display: block; margin-left: auto; margin-right: auto; text-decoration: none; display: block; color:#476688; font-size:30px;" src= "http://pouvoirslocaux.wallonie.be/jah ia/webdav/site/dgpl/shared/travaux_sub sidies/newsletters/logos/logo_spw_web. png" alt="logo Infrastructures" height="75"/></a> <td class="w580" width="580" valign="top"> <p align="right" class= "pagebottom-content-left"> <a style="color:#255d5c;" href= "http://pouvoirslocaux.wallonie.be/jah ia/jahia/site/dgpl/accueil"><span style="color:#255d5c;">site des Pouvoirs locaux</span></a> </p> <td class="w30" width="30"> <td colspan="5" height="10"> -14-

</tbody> </table> </tbody> </table> </tbody> </table> </body> </html> -15-