#ax-afflux { position: relative; padding: 3em 0 2em; margin: 0 auto; width: 95%; max-width: 620px; }
@media screen and (max-width: 768px) { #ax-afflux { padding-bottom: 4em; } }
#ax-afflux .select-jours { text-align: center; }
#ax-afflux .select-jours ul { margin: 0; padding: 0 0 2em 0; list-style-type: none; }
#ax-afflux .select-jours ul li { display: inline-block; text-transform: uppercase; font-weight: bold; cursor: pointer; font-size: 0.85em; margin-right: 0.5em; line-height: 1.1em; padding: 0.4em; color: #555; }
#ax-afflux .select-jours ul li span { display: inline-block; border-bottom: 2px solid #FFF; }
#ax-afflux .select-jours ul li.j-selec span { border-color: #000; color: #000; }
#ax-afflux .select-jours ul li:hover span { color: #000; }
#ax-afflux .couleurs { position: absolute; top: 1em; right: 0; font-size: 0.75em; }
#ax-afflux .couleurs ul { margin: 0; padding: 0; list-style-type: none; }
#ax-afflux .couleurs ul li { display: inline-block; padding-right: 1em; }
#ax-afflux .couleurs ul li span { display: inline-block; vertical-align: middle; width: 1em; height: 1em; }
#ax-afflux .couleurs ul li strong { display: inline-block; vertical-align: middle; padding-left: 0.4em; }
#ax-afflux .jours > div { padding: 1em 0; }
#ax-afflux .jours > div ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: flex-end; border-bottom: 1px solid #CCC; min-height: 3.8em; }
#ax-afflux .jours > div ul li { flex-basis: 0; flex-grow: 1; position: relative; margin-left: 1px; }
#ax-afflux .jours > div ul li.val-0 { height: 0.5em; }
#ax-afflux .jours > div ul li.val-1 { height: 1.5em; }
#ax-afflux .jours > div ul li.val-2 { height: 2.5em; }
#ax-afflux .jours > div ul li.val-3 { height: 3.5em; }
#ax-afflux .jours > div ul li::before { content: ''; position: absolute; left: -1px; bottom: -0.4em; width: 0.4em; height: 0.4em; border-left: 1px solid #CCC; }
#ax-afflux .jours > div ul li strong { content: ''; position: absolute; left: -8px; bottom: 3px; width: 16px; height: 100%; border-radius: 16px; }
#ax-afflux .jours > div ul li.ouverture::before { display: none; }
#ax-afflux .jours > div ul li.ouverture strong { display: none; }
#ax-afflux .jours > div ul li > span { display: block; position: absolute; bottom: -1.6em; left: -2em; font-size: 0.78em; width: 4em; height: 1em; line-height: 1em; text-align: center; color: #555; }
@media screen and (max-width: 768px) { #ax-afflux .jours > div ul li > span { transform: rotateZ(-90deg); text-align: right; bottom: -3.5em; } }