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.
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.
:root { –orange: rgba(222, 163, 11, 1);
} :host { –base-font-size-l: 12px!important; –base-font-size-m: 12px!important; –base-font-size-s: 12px!important;
} #sieste2023 { margin: 0 auto; max-width: 80rem;
} #sieste2023 .grasdecodeurs { font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-size: 1.7rem; font-weight: bold
} #sieste2023 .titre { padding: 6px 0; display: block
} #sieste2023 .texte { margin: 1rem 0; padding: 0px
} #sieste2023 .agendaclic { text-align: left; opacity: .6; transform: scale(.8); background-color: #FCFCFD; color: #2E3942; display: inline-block; border-bottom: 5px solid rgba(222, 163, 11, .7); cursor: pointer;
} #sieste2023 .contenant_agenda { opacity: .6; color: #2E3942; background-color: #FCFCFD; width: 100%; display: none; height: 0; text-align: left; transition: height 180ms ease-in-out;
} #sieste2023 .contenant_agenda.is-visible { display: block; height: auto; transform: scale(.8); padding: 0 0 6rem 0;
} #sieste2023 a.afficheragenda { font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-weight: 600; font-size: 1.7rem; border-bottom: 0 solid transparent; text-decoration: none;
} #sieste2023 a.afficheragenda:hover { border-bottom: 0 solid transparent;
} #sieste2023 .agendaclic:hover { border-bottom: 5px solid #2E3942;
} #sieste2023 .afficheragenda svg { transform: rotate(-0.10turn); pointer-events: none; display: inline; margin-left: 3px; margin-bottom: -12px; height: 35px;
} #sieste2023 .afficheragenda svg path { stroke-width: 1px; stroke: #2E3942; fill: #2E3942;
} #sieste2023 .explications { font-size: 1.5rem; font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; margin: 20px 0px; padding: 10px; background-color: #f5f6f8; color: #383f4e
} .tooltipdecodeurs { font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; border-radius: 0; padding: 2rem 1.5rem; position: absolute; z-index: 9999; max-width: 450px; -webkit-box-shadow: none!important; box-shadow: none!important; border: 1px solid #E2E4E9!important; background: #FFF; color: #131e2b; font-size: 1.4rem; z-index: 5
} .tooltipdecodeurs .ascension { display: inline-block; padding: 0 4px; margin-left: .5rem; background-color: #F40001; color: white; font-size: 1.2rem;
} .tooltipdecodeurs .titre_tt { font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-weight: 600; font-size: 110%; margin: .5rem 0
} .tooltipdecodeurs .gris { color: #a2a9ae
} .tooltipdecodeurs .bulle { border-radius: 50%; width: 1rem; height: 1rem; border: 0; display: inline-block; margin: -.3rem .5rem 0 0; vertical-align: middle; cursor: default
} .tooltipdecodeurs div { display: block!important
} .tooltipdecodeurs .hr { margin-top: 1rem; border-top: 1px solid #e8eaee; padding-bottom: 1rem
} .tooltipdecodeurs,
.arrow:after { background: #FFF; border: 1px solid #E2E4E9!important
} .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px
} .arrow:after { content: « »; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg)
} .tooltipdecodeurs .grisou { line-height: 1.2; color: #98a1a7
} #sieste2023 .source { padding: 0 1rem 2rem 0; color: #8b9299; border-bottom: 1px solid #C6CFD5; font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-size: 80%;
} #sieste2023 .passelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none
} #sieste2023 rect.barre { cursor: pointer
} #sieste2023 rect.barre.sieste { fill: rgba(222, 163, 11, .2); cursor: default;
} #sieste2023 rect.barre:not(.sieste):hover { fill: var(–orange)
} #sieste2023 .siesteparetape { border-bottom: 1px solid #C6CFD5; margin: 2.5rem 0; padding-bottom: 1.5rem;
} .siesteparetape.passe { opacity: .4;
} .siesteparetape .contenuetape { margin-bottom: .2rem
} .siesteparetape .contenuetape span.minuscule { font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-size: 1.4rem; text-transform: initial; font-weight: 400!important; letter-spacing: initial;
} .siesteparetape .contenuetape .fond { display: inline-block; background-color: rgba(222, 163, 11, .1); color: var(–orange); padding: .2rem .4rem; font-family: « Marr Sans Condensed », « Helvetica Neue », Helvetica, Arial; text-transform: uppercase; font-size: 1.8rem; font-weight: 500; letter-spacing: .02rem;
} .siesteparetape .contenunom { font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-size: 1.5rem; letter-spacing: 0; border-bottom: 1px solid #2E3942; padding: 0 .3rem; display: inline-block; font-weight: 600
} .siesteparetape .contenunom svg { display: inline; background-color: white; height: 1.3rem; margin: 0 .3rem; margin-bottom: -.1rem;
} .siesteparetape .contenunom.passe { font-weight: normal;
} .siesteparetape .contenunom span { font-weight: normal;
} #sieste2023 text.axe { text-anchor: middle; fill: #191f24; font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-size: 1.2rem;
} #sieste2023 text.texte { fill: #191f24; font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-size: 1.2rem
} #sieste2023 text.texte.depart { text-anchor: end
} #sieste2023 .ligne { fill: none; stroke: #71899c; stroke-width: 1px
} #sieste2023 .aire { fill: rgba(46, 57, 66, .05); stroke: none;
} #sieste2023 .petitpoint { fill: #2E3942
} #sieste2023 circle.cote { fill: #FFF; stroke: #F40001; stroke-width: 2px; cursor: pointer
} #sieste2023 circle.cote:hover { fill: #F40001;
} #sieste2023 text.textecote { text-anchor: middle; font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-weight: 600; text-transform: uppercase; font-size: 1.2rem; fill: #F40001; letter-spacing: .15rem
} #sieste2023 path.triangle { pointer-events: none; fill: #2A6058; stroke: #FFF; stroke-width: 2
} .legende { font-family: « Helvetica Neue », Helvetica, Arial; font-size: 1.1rem; width: 70%; margin: 1rem auto
} .legende .svglegende { margin-bottom: -.25rem; margin-right: .5rem
} .legende .svglegende.triangle { fill: #2A6058;
} .legende .elemlegende { width: 48%; display: inline-block; padding-right: 1.5rem
} .legende .elemlegende .cercleleg { fill: #FFF; stroke: #F40001; stroke-width: 20px;
} span.cartouchejaune { font-family: « Marr Sans Condensed », DINCondensed-Bold, « Roboto Condensed », « Arial Narrow », sans-serif; text-transform: uppercase; display: inline-block; font-weight: 600!important; font-size: 110%; letter-spacing: .03rem; line-height: 1; position: relative; z-index: 2; margin-left: .4rem; margin-top: 0; margin-right: 1rem
} span.cartouchejaune::after { content: » « ; display: block; position: absolute; background-color: rgba(222, 163, 11, .3); width: calc(100% + .8rem); height: .9rem; z-index: -1; bottom: -.2rem; left: -.4rem
} span.mobile { display: none
} span.desktop { display: inline
} @media screen and (max-width:500px) { .legende { width: 90%; margin: 1rem auto } .tooltipdecodeurs { position: fixed; bottom: 0 !important; left: 0 !important; top: auto !important; right: auto !important; min-width: 100% !important; border-radius: 0; padding: 1.5rem 1.5rem 3rem 1.5rem; z-index: 9999; -webkit-box-shadow: none !important; box-shadow: none !important; border-top: 2px solid #e8eaee !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; color: #383f4e; } .tooltipdecodeurs:after { content: ‘×’; position: absolute; top: .5rem; right: .5rem; color: #ccd0d3; font-size: 3rem } #sieste2023 .siesteparetape { border-bottom: 1px solid #C6CFD5; padding-bottom: 1rem; margin: 2.5rem 0 } .siesteparetape .contenunom { font-size: 1.35rem; display: inline; padding-bottom: .1rem; } #sieste2023 text.textecote { text-anchor: middle; text-transform: uppercase; font-size: 1.6rem; font-weight: 600; letter-spacing: .15rem } span.mobile { display: inline } span.desktop { display: none } #sieste2023 circle.cote { stroke-width: 3px } #sieste2023 .source { padding: 0 1rem 2.5rem 0; color: #8b9299; border-bottom: 1px solid #C6CFD5; font-family: « Marr Sans », « Helvetica Neue », Helvetica, Arial; font-size: 80%; } [data-color-mode= »dark »] .tooltipdecodeurs:after { color: rgba(255, 255, 255, .5); } .siesteparetape .contenunom svg { background-color: white; height: 1.2rem; margin: 0 .2rem; margin-bottom: -.1rem; } #sieste2023 path.triangle { stroke-width: 3px; } .siesteparetape .contenuetape .fond { font-size: 1.5rem; } .siesteparetape .contenuetape { margin-bottom: 0; }
} /* mode nuit */ [data-color-mode= »dark »] .legende .elemlegende .cercleleg,
[data-color-mode= »dark »] #sieste2023 circle.cote { fill: #21252c; stroke: white;
} [data-color-mode= »dark »] .tooltipdecodeurs .ascension { color: #181a1e;
} [data-color-mode= »dark »] #sieste2023 .agendaclic { background-color: initial; color: initial;
} [data-color-mode= »dark »] #sieste2023 .afficheragenda svg path { stroke-width: 1px; stroke: #FFF; fill: #FFF;
} [data-color-mode= »dark »] #sieste2023 .atcb-button-wrapper .atcb-button span.atcb-text { color: rgba(255, 255, 255, .85)!important;
} [data-color-mode= »dark »] #sieste2023 path.triangle { stroke: #21252c; fill: #FFF;
} [data-color-mode= »dark »] #sieste2023 circle.cote:hover { fill: #FFF;
} [data-color-mode= »dark »] .legende .svglegende.triangle { fill: #FFF;
} [data-color-mode= »dark »] #sieste2023 .explications { background-color: #3f4142; color: rgba(255, 255, 255, .85);
} [data-color-mode= »dark »] .tooltipdecodeurs { border-color: rgba(255, 255, 255, .2)!important; border-width: 1px 0 0 0; background: #181a1e!important; color: rgba(255, 255, 255, .85)!important;
} [data-color-mode= »dark »] .tooltipdecodeurs .grisou { color: rgba(255, 255, 255, .5);
} [data-color-mode= »dark »] .tooltipdecodeurs .hr { border-top: 1px solid rgba(255, 255, 255, .5);
} [data-color-mode= »dark »] .siesteparetape .contenuetape .fond { color: white; background-color: rgba(255, 255, 255, .1);
} [data-color-mode= »dark »] .arrow:after { border-color: rgba(255, 255, 255, .2)!important; background: #181a1e!important;
} [data-color-mode= »dark »] .siesteparetape .contenunom { border-bottom: 1px solid rgba(255, 255, 255, .85);
} [data-color-mode= »dark »] #sieste2023 text.axe,
[data-color-mode= »dark »] #sieste2023 text.textecote { fill: rgba(255, 255, 255, .85);
} [data-color-mode= »dark »] #sieste2023 .ligne { stroke: #FFF;
} [data-color-mode= »dark »] #sieste2023 .petitpoint { fill: #FFF;
} [data-color-mode= »dark »] #sieste2023 text.texte { fill: #FFF;
} [data-color-mode= »dark »] #sieste2023 .aire { fill: rgba(255, 255, 255, .2);
} [data-color-mode= »dark »] #sieste2023 .siesteparetape { border-bottom: 1px solid rgba(255, 255, 255, .4);
} [data-color-mode= »dark »] #sieste2023 .source { color: rgba(255, 255, 255, .4); border-bottom: 1px solid rgba(255, 255, 255, .4);
}
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
voirenimages.net vous produit ce texte qui aborde le thème « ». Le but de voirenimages.net étant de rassembler en ligne des données sur le sujet de puis les diffuser en essayant de répondre du mieux possible aux interrogations que tout le monde se pose. Cet article se veut reconstitué de la façon la plus correcte que possible. Si jamais vous projetez d’apporter quelques précisions autour du sujet « », vous avez la possibilité de d’échanger avec notre rédaction. Dans les prochaines heures on rendra accessibles à tout le monde d’autres annonces autour du sujet « ». Alors, consultez régulièrement notre blog.
