/* Définition des polices */
@font-face {
    font-family: 'Qlassik';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    /*src: url('fonts/qlassik_medium.eot');*/
    src: local('Qlassik'), url('fonts/qlassik_medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Qlassik';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    /*src: url('fonts/qlassik_medium.eot');*/
    src: local('Qlassik'), url('fonts/qlassik_bold.ttf') format('truetype');
}


/* Général */
body {
    font-family: 'Qlassik', Verdana, sans-serif;
    color: #000;
    background: #fff url("pics/bg.png") repeat 0px 0px;
    position: relative;
    font-size: 14pt;
}


.page article > h5, .page article > h4, .page article > p, .web-content {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12pt;
}

.page article > p, .web-content {
    font-size: 11pt;
}

.page article > h3 {
    font-size: 1.5em;
}


a {
    color: #b26500;
    text-decoration: underline;
    transition: color .2s;
}

a:hover {
    color: #ffa630;
    text-decoration: none;
}

footer.main {
    background: url("pics/tools.png") no-repeat top right;
    margin-bottom: 0;
    padding: 1em;
}

header.main h1 a {
    background: rgba(255, 255, 255, 1) url("pics/tools.png") no-repeat center center;
    flex-direction: column;
}


header.main h1 a img {
    margin-left: -40px;
    margin-top: 30px;
    max-width: 150px;
}

header.main h1 strong {
    display: block;
    color: #000;
    font-size: 22pt;
    margin-top: .5em;
    font-weight: normal;
    text-align: center;
}

.search-widget {
    display: none;
}

.stock table {
    width: 100%;
    background: none;
}

.stock table th {
    text-align: left;
}

.stock article.table.web-content {
    padding: 0;
    background: none;
}

.stock table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.5);
}

.donate-bike {
    background: #fff url("pics/bike2.png") no-repeat center bottom;
    margin: 1em 0;
    border-radius: .5em;
    box-shadow: 0px 0px 10px #999;
    padding: .5em;
    text-align: left;
}

.donate-bike p {
    margin-top: .8rem;
}

.bikes-stock {
    background: #666 url("pics/bg_bike.png") no-repeat center bottom;
    border-radius: .5em;
    box-shadow: 0px 0px 10px #999;
    text-align: center;
    padding: .5em 0;
}

.bikes-stock article {
    margin: .5em;
}

.bikes-stock a {
    display: block;
    padding: .5em;
    border-radius: .5em;
    box-shadow: 0px 0px 10px #999;
    background: rgb(200, 200, 200);
    background: rgba(220, 220, 220, 0.7);
    color: #000;
    font-size: 1.2em;
    text-decoration: none;
}

.bikes-stock a h3 {
    color: inherit;
    margin: 0;
}

.bikes-stock a:hover {
    color: #b26500;
    text-decoration: underline;
    background: rgba(255, 255, 255, 0.9);
}



header.main a.map {
    margin-top: .5em;
    display: inline-block;
    position: relative;
}

header.main a.map:hover img.icn {
    opacity: 0.7;
}

header.main a.map img.icn {
    border-radius: .5em;
    box-shadow: 0px 0px 5px #000;
    transition: all .2s;
}

header.main a.map figure {
    transition: all .2s;
    display: block;
    background: #fff;
    box-shadow: 0px 0px 10px #000;
    border-radius: .5em;
    position: absolute;
    margin-top: -52px;
    color: #666;
    padding: 0;
    width: 0;
    height: 0;
    opacity: 0;
    right: 0;
}

header.main a.map:hover figure {
    padding: 1em;
    opacity: 1;
    width: 548px;
    height: 588px;
}

header.main a.map figure img {
    width: 548px !important;
    height: 568px;
}

.langInfo {
    border-radius: .5em;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px #000;
    margin-bottom: 1em;
    background: #fff;
}

.langInfo {
    background: #fff url("pics/bg_bike.png") no-repeat right bottom;
}

.layout-2col section.page .langInfo article {
    margin: 0;
    padding: 2em 7em .1em 1em;
}

@media handheld, screen and (max-width: 980px) {
    .langInfo {
        border-radius: 0;
    }
    .layout-2col section.page  .langInfo article {
        padding: 4em 3em .1em 1em;
    }
}

#langInfo_es article {
    background: url("pics/es_bike.png") no-repeat right 5px;
}

#langInfo_en article {
    background: url("pics/en_bike.png") no-repeat right 5px;
}

#langInfo_fr article {
    background: url("pics/fr_bike.png") no-repeat right 5px;
}

.langInfo h3, .langInfo h4, .langInfo p {
    margin-bottom: .8rem;
}

.langInfo a {
    font-size: 1.2em;
}

.booking-btn a, .opening-next {
    background: #b26500 !important;
}

@media screen and (max-width: 980px), handheld {
    header.main h1 a {
        background: none;
    }

    header.main h1 a strong {
        font-size: 20pt;
    }

    header.main {
        background: url("pics/tools.png") no-repeat center -70px;
    }

    .bikes-stock, .donate-bike {
        border-radius: 0;
    }

    header.main a.map figure {
        display: none;
    }

    .opening-next {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
}