.note {
    border: 1px solid gold;
    background: lightyellow;
    padding: 10px 20px;
    line-height: 150%;
}
.discret {
    color:grey;
    font-size:small;
    font-weight:normal;
}
/* ############################## Itineraire ############################## */
.from-to {clear:both;font-weight:bold;border: 1px solid #41a9d5; border-radius:3px; padding:0px 5px; margin:6px 0px;}
.rTable {
   	margin:25px 0px;
   	display: block;
   	width: 100%; }
.rTableRow{ clear: both; }
.rLineTitle, .rLineStop {
   	float: left;
   	clear: both;
   	overflow: hidden;
   	font-weight:bold;
}
.rLineStop { height: 28px; margin: 0px; }
.rTable:after {
   	visibility: hidden;
   	display: block;
   	font-size: 0;
   	content: ' ';
   	clear: both;
   	height: 0; }
/*.rLineTitle { border: 1px solid #999999;}*/
.rLineTitle { border: 1px solid lightgray; border-radius: 15px; clear:both; padding:1px 3px; color:blue;width:100%;}
.rLineNumber { color: black; border-radius: 32px; margin-left: 4px; padding:1px 6px; height: 18px; line-height: 17px; font-weight: bold;}
.rLineStart {
    clear: both;
    font-weight: bold;
    font-size: large;
    text-transform: uppercase;
    padding: 10px 0px;
    color: black;
}
.rLineSum {
    height: 28px;
    clear: both;
    font-weight: bold;
    padding: 0px 2px;
}
.rLineDetails {
    border-radius: 8px;
    background-color: #eeeeee;
    margin-left: 30px;
}
.rLineEnd {
    height: 28px;
    margin: 0px;
    padding-left: 20px;
    width: 100%;
    font-style: italic;
    font-size: x-small;
}
.rLineDraw { position: absolute; left:16px }
.rStationList { clear:both; padding-left: 12px; margin:0px; list-style-type:none;}
.list-commune {
  color:#FFFFFF;
  font-weight:bold;
  background:#41a9d5;
  border: 1px solid #41a9d5;
  border-radius:3px;
  padding:0px 5px;
  margin:6px 0px;
}
#path-map { float:right; width:100%; height:400px; }
#station-map { float:left; width:95%; height:350px; border: 5px solid #fff;}
#message { background:#555; color:#fff; position:absolute; display:none; width:100px; padding:5px; }
#add-point { float:left; }

.loader {
    border: 2px solid #f3f3f3; /* Light grey */
    border-top: 2px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 2s linear infinite;
    float:right;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* ############################## Stations ############################## */
.where-t {border: 1px solid #999; border-radius:3px; padding:0px 2px;}
.station-subtitle { color:#FFFFFF; background:#41a9d5; border: 1px solid #41a9d5; border-radius:3px; padding:0px 5px; margin:6px 0px;}
#station-banner {
    width: 100%; height: 210px;
    background-image: url('/images/station7.jpg');
    background-size: 1140px 260px;
    background-repeat: no-repeat;
}
#station-title {
    font-weight: bold; font-size: x-large; color: white;
    background-color: black;
    opacity: 0.8;
    margin: 0px 10px 40px 10px;
    padding: 10px 10px;
}
.where-s { padding:0px; margin:0px; }
li.T, li.M, li.B, li.L {
    list-style-type:none;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    padding:3px;
    padding-left:28px;
    margin:0px !important;
}
li.M { background-image: url('/graphics/icon_metro.png'); }
li.B { background-image: url('/graphics/icon_bus.png'); }
li.T { background-image: url('/graphics/icon_tram.png'); }
li.L { background-image: url('/graphics/icon_tele.png'); }
.list-stop { background-repeat: no-repeat; background-size: 18px 18px; padding:3px 3px 3px 20px; background-position:left center;}
.icon-M { background-image: url('/graphics/icon_metro.png');}
.icon-B { background-image: url('/graphics/icon_bus.png');}
.icon-T { background-image: url('/graphics/icon_tram.png');}
.icon-L { background-image: url('/graphics/icon_tele.png');}
.input-group-addon {width:inherit;}

/* ############################## Template ############################## */
/*	.header-logo{padding-top:0px}
	#main-header{padding-top:5px;padding-bottom:5px}
.breadcrumb-trail {display: none;color: #900;}
header.entry-header {display: none;}
*/
.entry { overflow:visible;}
.col-md-4, .col-md-6, .col-md-12 {
    box-sizing: border-box;
    ms-box-sizing: border-box;
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 992px) {
.col-md-4 {
    float: left;
    width: 33.33333333%;
}
.col-md-6 {
    float: left;
    width: 50%;
}
}
/*details summary { float: left; clear: both; padding-left: 12px; }*/