Schweiz
Argentina 
Australia 
Austria 
Brazil 
Canada 
Chile 
Czechia 
France 
Germany 
Greece 
Italy 
Mexico 
New Zealand 
Nigeria 
Norway 
Poland 
Portugal 
Sweden 
United Kingdom 
United States Le Tour de France Femmes 2023 commence ce dimanche, voici les ...
Vous voulez profiter de la torpeur estivale pour faire une petite sieste devant le Tour féminin, mais vous ne voulez pas rater les ascensions ou les moments forts ? Ce guide – et ses rappels pour votre calendrier – a été créé pour vous.
Vous ne voulez rien rater de la seconde édition du Tour de France Femmes, vous êtes en vacances et vous profiteriez bien d’une petite sieste post-déjeuner ? Vous regardez la Grande Boucle d’un œil au bureau ? Notre guide de la sieste va sauver le sommeil de la fin de votre mois de juillet.
Pour les huit étapes du parcours officiel, nous avons recensé les sprints, les ascensions et les moments de tension (l’approche de la fin d’une étape ou avant une éventuelle bordure, par exemple) pour créer une chronologie prévisionnelle des moments à ne pas rater du 23 au 30 juillet. A l’inverse, nous avons identifié les temps potentiellement plus faibles, parfaits pour planifier un petit sieston, puisque c’est une pratique vertueuse (même si vous êtes au bureau, rappelons-le).
Une mise en garde néanmoins : si, grâce à l’analyse du parcours, nous pouvons prévoir les longues étapes de plaine, il nous est impossible d’anticiper une échappée pleine de panache, l’explosion en vol d’une sprinteuse en montagne ou encore une bordure inattendue entre Albi et Blagnac.
Nouveauté 2023 : comme chez les messieurs, nous avons ajouté la possibilité d’importer les moments forts dans votre calendrier numérique et ainsi de vous préparer des rappels, comme autant de réveils de la sieste.
Les lignes représentent la difficulté des ascensions, et non pas le profil exact de l'étape.
Temps faible
Sprint intermédiaire
Temps fort
Ascension
Sources : ASO, La Flamme rouge
Étape " + i + " (" + String(etapes[i].type).replace("contre-la-montre", "CLM") + ")";
contenu += " – ";
if (largeur
" + cartouche + etapes[i].nom.replace("–", " – ").replace("????????", espagne);
contenu += " : ";
}
contenu += String(etapes[i].distance).replace(".", ",") + " km";
if (etapes[i].deniv) {
contenu += ", " + milliers(etapes[i].deniv) + "m d'ascension" /*de D+*/ ;
}
contenu += "
";
/* on envoie tout */
d3.select("#etape" + i)
.attr("data-rangement", ((classeenrabe == " passe") ? i + 21 : i))
.html(contenu)
.classed(classeenrabe, true)
/* le svg */
var svg = d3.select("#etape" + i).append("svg")
.attr("width", "100%")
.attr("viewBox", function(d) {
if (plat.indexOf(i) != -1) {
return "0 " + hauteur / 2.4 + " " + (largeur + margin.left + margin.right) + " " + (hauteur * .6 + margin.top + margin.bottom)
} else {
return "0 0 " + (largeur + margin.left + margin.right) + " " + (hauteur + margin.top + margin.bottom)
}
});
var graphe = svg.append("g")
.attr("class", "graphe")
.attr("transform", "translate(" + margin.left + "," + (hauteur - (hauteurgraphe * 1.1)) + ")");
var barre = svg.append("g")
.attr("class", "groupebarre")
.attr("transform", "translate(" + margin.left + "," + hauteur + ")");
/* les données de la courbe */
var dataligne = [{
debut: etapes[i].depart,
fin: etapes[i].depart,
val: 1
}];
for (const [j, e] of data.entries()) {
if (e.etape == i) {
valeur = 1;
if (dico[e.quoi].taille) {
valeur = dico[e.quoi].taille;
}
/* bricolage pour la courbe, quand les durées sont supérieures à 40 minutes, soit 2400000 millisecondes */
if (tps(e.fin) - tps(e.debut) >= 2400000) {
tdeb = moment(e.debut, "HH:mm");
tfin = moment(e.fin, "HH:mm");
milieu = (tfin.diff(tdeb) / 60000) / 2;
nouveaumilieu = moment(e.debut, "HH:mm").add(milieu, "minutes");
/* on pousse */
dataligne.push({
debut: e.debut,
fin: nouveaumilieu.format("HH:mm"),
val: +valeur
});
dataligne.push({
debut: nouveaumilieu.format("HH:mm"),
fin: e.fin,
val: +valeur
});
} else {
dataligne.push({
debut: e.debut,
fin: e.fin,
val: +valeur
});
}
}
}
dataligne.push({
debut: etapes[i].arrivee,
fin: etapes[i].arrivee,
val: dataligne[dataligne.length - 1].val
})
/* la courbe */
var ligne = d3.line()
.curve(quelleCourbe)
.x(d => (x(tps(d.debut)) + x(tps(d.fin))) / 2)
.y(d => y(d.val));
var aire = d3.area()
.curve(quelleCourbe)
.x(d => (x(tps(d.debut)) + x(tps(d.fin))) / 2)
.y0(hauteurgraphe)
.y1(d => y(d.val));
graphe.append("path")
.data([dataligne])
.attr("class", "aire")
.attr("d", aire);
graphe.append("path")
.data([dataligne])
.attr("class", "ligne")
.attr("d", ligne);
/* les petits cercles du début et de la fin les textes */
graphe.selectAll("circle")
.data([etapes[i].depart, etapes[i].arrivee])
.enter()
.append("circle")
.attr("class", "petitpoint")
.attr("cx", function(d, j) {
if (j == 0) {
return x(tps(d)) + petitradius;
} else {
return x(tps(d)) - petitradius;
}
})
.attr("cy", function(d, j) {
alt = 1;
if (j == 1) {
if (corresArrivee[i]) {
alt = corresArrivee[i];
}
}
return y(alt);
})
.attr("r", petitradius);
graphe.selectAll("text")
.data([etapes[i].depart, etapes[i].arrivee])
.enter()
.append("text")
.attr("class", function(d, j) {
if (j == 0) {
return "texte depart passelect";
} else {
return "texte arrivee passelect";
}
})
.attr("x", function(d, j) {
if (j == 0) {
return x(tps(d)) - (petitradius * 2);
} else {
return x(tps(d)) + (petitradius * 2);
}
})
.attr("y", function(d, j) {
alt = 1;
if (j == 1) {
if (corresArrivee[i]) {
alt = corresArrivee[i];
}
}
return y(alt) + (petitradius * 1.5);
})
.text(d => aLaBonneHeure(d.substring(0, d.length - 1) + "0"));
var dataCotes = data.filter(d => +d.etape == i && cols.indexOf(d.quoi) != -1);
/* les cercles */
graphe.selectAll("circle.cote")
.data(dataCotes)
.enter()
.append("circle")
.attr("class", "cote")
.attr("cx", d => (x(tps(d.debut)) + x(tps(d.fin))) / 2)
.attr("cy", d => y(dico[d.quoi].taille))
.attr("r", radius)
.attr("data-tt", function(d) {
d.km = +d.km;
html = "" + d.nom;
if (d.rabe) {
html += "" + d.rabe + "";
}
html += "
";
html += "KM " + String((etapes[i].distance - d.km).toFixed(1)).replace(".", ",").replace(",0", "") + " – ascension " + dico[d.quoi].trad + "
";
html += "";
html += "Passage prévu entre " + d.debut.replace(":", " h ") + " et " + d.fin.replace(":", " h ") + "
";
html += "";
return html;
});
/* le texte des ascensions */
graphe.selectAll("text.textecote")
.data(dataCotes)
.enter()
.append("text")
.attr("class", "textecote passelect")
.attr("x", d => (x(tps(d.debut)) + x(tps(d.fin))) / 2)
.attr("y", d => +(y(dico[d.quoi].taille) - radius * 1.8))
.text(d => d.quoi.replace("cat", ""));
/* la texture */
var t = textures.lines()
.orientation("diagonal")
.size(6)
.strokeWidth(2)
.shapeRendering("crispEdges")
.background("rgba(222, 163, 11 ,.1)")
.stroke("rgb(222, 163, 11)");
svg.call(t);
d3.select("#hachure rect").style("fill", t.url())
/* la barre */
barre.selectAll(".barre")
.data(data)
.enter()
.filter(e => e.etape == i)
.append("rect")
.attr("class", function(d) {
classe = "barre"
if (d.quoi == "sieste") classe += " " + d.quoi
return classe
})
.attr("fill", d => ((d.quoi != "sieste") ? t.url() : ""))
.attr("x", d => x(tps(d.debut)))
.attr("width", d => x(tps(d.fin)) - x(tps(d.debut)) + 1)
.attr("y", d => 0)
.attr("height", d => hauteurbarre)
.attr("data-tt", function(d) {
if (d.quoi != "sieste") {
html = "" + d.nom;
if (d.rabe) {
html += "" + d.rabe + "";
}
html += "
";
html += "";
if (d.quoi != "suivre") {
html += "KM " + String((etapes[i].distance - d.km).toFixed(1)).replace(".", ",").replace(",0", "") + " – ";
}
if (d.quoi != "sprint" && d.quoi != "arrivée" && d.quoi != "20km" && d.quoi != "10km" && d.quoi != "pave" && d.quoi != "suivre") {
html += "ascension ";
}
html += dico[d.quoi].trad + "
";
html += "";
html += "Passage prévu entre " + d.debut.replace(":", " h ") + " et " + d.fin.replace(":", " h ") + "
";
return html;
}
});
/* on colle le triangle */
barre.selectAll(".triangle")
.data(data)
.enter()
.filter(e => e.etape == i && e.quoi == "sprint")
.append("path")
.attr("class", "triangle")
.attr("d", triangle)
.attr("transform", e => "translate(" + (x(tps(e.debut)) + x(tps(e.fin))) / 2 + "," + hauteurbarre + ")");
/* on filtre pour ne garder que les phases où il se passera des trucs */
var datatemp = [];
for (const [j, e] of data.entries()) {
if (e.etape == i && e.quoi !== "sieste") {
datatemp.push(e);
e.index = j;
}
}
var heuresTemp = [];
barre.selectAll("text")
.data(datatemp)
.enter()
.filter(function(e, j) {
if (j == 0) {
heuresTemp.push(e);
return e;
}
if (j > 0 && e.index - (datatemp[j - 1].index) > 1) {
heuresTemp.push(e);
return e;
}
})
.append("text")
.attr("class", "axe passelect")
.text((e, j) => ((mobile) ? e.debut : aLaBonneHeure(e.debut)))
.attr("transform", e => "translate(" + x(tps(e.debut)) + "," + hauteurbarre * 2.6 + ")");
// on gère l'agenda
if (classeenrabe == "") {
d3.select("#etape" + i)
.append("div")
.attr("class", "agendaclic")
.append("a")
.attr("class", "afficheragenda")
.attr("href", "#agenda" + i)
.html("Ajouter des rappels à mon calendrier " + doigt);
d3.select("#etape" + i)
.append("div")
.attr("class", "contenant_agenda")
.attr("id", "agenda" + i);
var agenda = element = document.querySelector("#etape" + i + " .contenant_agenda"),
dateTemp = etapes[i].date.split("/"),
dateEvenement = dateTemp[2] + "-" + dateTemp[1] + "-" + dateTemp[0];
for (const [j, e] of heuresTemp.entries()) {
cal = ``;
agenda.innerHTML += cal;
}
}
};
// les événements au clic pour les agendas
const show = (e) => {
const getHeight = () => {
e.style.display = 'block';
const height = e.scrollHeight + 'px';
e.style.display = '';
return height;
};
const height = getHeight(); //get natural height
e.classList.add('is-visible'); //make element visible
e.style.height = height; //update max-height
//once the transition is complete, remove inlinie max-height so the content can scale responsively
window.setTimeout(() => {
e.style.height = '';
}, 180);
};
// hide element
const hide = (e) => {
//give the element a height to change from
e.style.height = e.scrollHeight + 'px';
//set height back to 0
window.setTimeout(() => {
e.style.height = '0';
}, 1);
window.setTimeout(() => {
e.classList.remove('is-visible');
}, 180);
}
const toggle = (e) => {
if (e.classList.contains('is-visible')) {
hide(e);
return;
}
show(e);
};
//listen for click event
document.addEventListener('click', event => {
if (!event.target.classList.contains('afficheragenda')) return;
//Prevent default link behavior
event.preventDefault();
const content = document.querySelector(event.target.hash);
if (!content) return;
toggle(content);
}, false);
/* on range les divs si les étapes sont passées */
var liste_etapes = document.querySelectorAll('.siesteparetape');
[].slice.call(liste_etapes).sort((a, b) => a.getAttribute('data-rangement') - b.getAttribute('data-rangement'))
.forEach(function(ceci) {
ceci.parentNode.appendChild(ceci)
});
/* le tooltip*/
const isInApp = window.location.href.match(/apps.([a-z]+\-)?lemonde.fr/);
tooltip_brt("circle.cote", 2, 14)
tooltip_brt("rect.barre:not(.sieste)", 2, -5)
