.picto.symbole {
padding: 0;
border: 0 none transparent;
border-radius: 0;
}

.picto {
overflow: hidden;
box-sizing: border-box;
width: 1.25em;
height: 1.25em;
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
vertical-align: text-bottom;
text-indent: 5em;
white-space: nowrap;
line-height: 1.25;
}
.bus:not(.symbole), .noctilien:not(.symbole){
width:2.15em;
}
.horaires-input-bus-ligneorlybus,
.bus.ligneorlybus,
.horaires-input-bus-ligneORLYBUS,
.bus.ligneORLYBUS,
.horaires-input-bus-ligneOrlybus,
.bus.ligneOrlybus,
.horaires-input-bus-ligneroissybus,
.bus.ligneroissybus,
.horaires-input-bus-ligneRoissybus,
.bus.ligneRoissybus,
.horaires-input-bus-ligneROISSYB,
.bus.ligneROISSYB{
width:4em;  
}

.picto + .picto {
margin-left: .15em;
}
.symbole + .symbole,
.picto + .symbole {
margin-left: .6em;
}

.picto.travaux {
position: relative;
overflow: visible;
background-position: 0 50%;
text-indent: -100vw;
margin-right: .2em;
}
.picto.travaux::after {
position: absolute;
right: -.15em;
bottom: -.15em;
display: block;
width: .85em;
height: .75em;
background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201166%201000%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FFD11C%3B%7D%3C/style%3E%3Cpath%20d%3D%22M87.2%201000c-35.5%200-68-2.8-79.4-19.8-27-39.3%2024-102.6%2044.2-136.5C206.8%20582%20364%20304.2%20524.2%2043.7%20533.5%2029%20547.8%202%20583%200c35.2%202%2049.5%2029%2058.8%2043.8%20160%20260.4%20317.4%20538%20472.2%20800%2020%2033.8%2071%2097%2044.3%20136.5-11.5%2017-44%2019.8-79.4%2019.8H87z%22/%3E%3Cpath%20d%3D%22M584%2049.7c-184.7%20292.2-358.7%20601-532%20905h1076.5c-174.3-306-360.3-609-544.4-905z%22%20class%3D%22st0%22/%3E%3Cpath%20d%3D%22M654.3%20487c-.8%2065%2016%20153.2%206.2%20220.4%2012.4%2013%2034.4%2017.5%2048.3%2029.4%2025-12.5%2027.2-49.6%2052.5-57%2017-4.8%2079-5.2%2098.7%200%2016%204.6%2033.7%2036.5%2046.2%2052.8%2039.3%2050.6%2095.8%20119%20126%20168-144.3%205-297.5.6-445%201.7%2031-52.2%2072.3-94%20107-142.7-43.2-24-86.3-47.6-132.2-69%2011.3%2052.7%2026%20141.5%2014.7%20210-14.7%204-37%201.3-48.4-4.5-6.3-69-2.3-148-25.3-201-43.3%2066-73.8%20144.7-123.7%20203.8-54.3-10.8-29-50.2-8.4-86%2032-55.8%2068-121.2%2094-170-11.7-11-32.8-29.2-48.6-17-51.2-16-16-60.6%204.2-98.6%2014.2-27%2028-50.5%2037.7-67.3%2048.5-4.7%20105.4-1%20157.4-2-16.7-33%2013-78%2038-82%2079-13%2089.2%20122%200%20111.5zM482%20516.2c-14.5%2025.3-27%2052.4-41.8%2077.8%2013.5%205.3%2023%2014.7%2037.7%2019%2013-33.3%2029-63.2%2042-96.8h-38zm92.5%20149c14%207.2%2028%2014%2042%2021-1-34.3-2-69-6.2-100.6-12%2026.4-24.2%2053-35.8%2079.7z%22/%3E%3C/svg%3E');
background-size: contain;
background-repeat: no-repeat;
content: "";
}

/*Bordures*/
.picto.border{
margin: 0 .3875em;
border-radius: .0875em;
background-color: #fff;
box-shadow: 0 0 0 .2125em #fff, 0 0 0 0.2625em #e3e2e2;
}
.picto.picto--border-critical{
box-shadow: 0 0 0 .2125em #fff, 0 0 0 0.3625em #D8232F;
}
.picto.picto--border-alert{
box-shadow: 0 0 0 .2125em #fff, 0 0 0 0.3625em #FF6800;
}
/*.picto.picto--border-information, .picto.picto--border-normal{
box-shadow: 0 0 0 .2125em #fff, 0 0 0 0.3625em #FFDF0B;
}*/


