/**
 * Voyages
 * 
 * @copyright (c) ontheway.ch
 * @author Joëlle Galloni et Pascal Favre
 */

/* Nom du voyage - générique */
.tag-title {
    text-align: center;
    background: #5A5A5A;
    color: white;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid transparent;
    transition: 0.3s;
}
.tag-title:hover {
    background: rgba(0,0,0,0.6) !important;
    text-decoration: none;
    color: white;
}

/* Nom du voyage affiché en haut des articles / photos */
.title-button {
    width: fit-content;
    position: absolute;
    top: 10px;
    right: 10px;
}
.title-button.tag-title {
    padding: 10px 20px;
    letter-spacing: .2em;
}

/* Boutons pour voir les photos / articles du voyage */
.trip-button {
    padding: 10px;
    display: inline-block;
    margin-left: 10px;
}

/**
 * Liste déroulante pour choisir les étapes
 */
#sel-stage {
    max-width: 100%;
    width: 100%;
    margin-top: 5px;
}
/* Info */
.tip {
    margin-top: 5px;
    font-style: italic;
}
.tip .icon {
    color: #F89406;
    padding-right: 5px;
}

/**
 * Détail d'un voyage / d'une étape
 */
ul.detail {
    list-style: none;
    padding: 0;
    border: 1px solid #DADADA;
    border-radius: 5px;
    margin-top: 0;
}
ul.detail li {
    padding: 10px 15px;
}
ul.detail li:not(:last-of-type) {
    border-bottom: 1px solid #DADADA;
}
/* Label en orange */
ul.detail li .label {
    color: #F89406;
}
ul.detail li .label:after {
    content: " :";
}

/**
 * Page "A propos"
 */
#about {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
    border: 1px solid #BDC3C7;
    box-shadow: #BDC3C7 0px 0px 3px 1px;
    padding: 5px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
#about img {
    width: 100%;
    display: block;
}