/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

:root {
    --scw: 1140px;
    --scn: 1000px;
}

@font-face {
    font-family: "RobotoCondensed";
    src: local('RobotoCondensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v17/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7Cw.woff) format('woff');
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: "RobotoCondensed",arial,verdana;
    line-height: 1.2;
    font-size: 14px;
}

li {
    list-style: outside none none
}

a {
    text-decoration: none
}

ul, li, h1, h2, h3, h4, table td, tr {
    margin: 0;
    padding: 0
}

.hide {
    display: none
}

.lcase {
    text-transform: lowercase
}

.ucase {
    text-transform: uppercase
}

.capit {
    text-transform: capitalize
}

input[type="checkbox"] {
    border: medium none !important;
    vertical-align: middle;
    margin: 3px 3px 3px 4px;
}

input[type=submit], #toggleEngineFilter {
    width: 100%;
    border: 1px solid #f44c0e;
    color: #fff;
    background: tomato;
    padding: 5px 20px;
    border-radius: 3px;
    margin-top: 5px;
}

    input[type=submit]:hover, #toggleEngineFilter:hover {
        background: #f44c0e
    }

.search_button.search_plus {
    padding: 5px;
    width: 84%
}

#toggleEngineFilter {
    padding: 5px;
    width: 14%;
    display: unset
}

/* Styles supplémentaires pour la mise en forme du texte  */

.text-blue {
    color: #006;
}

.text-darkgray {
    color: #505050;
}

.text-gray {
    color: gray;
}

.bg-darkgray {
    background-color: #505050;
}

.lh-1 {
    line-height: 1rem;
}

.medium {
    font-size: .9rem;
}

.smaller {
    font-size: .8rem;
}

.line-through {
    text-decoration: line-through;
}



/*
    Styles de la home
*/
/****** BODY (for all) ******/
.mainContent-all {
    margin: auto
}

.mainContent-xl {
    width: 1160px;
    margin: auto
}

.mainContent {
    width: 1080px;
    margin: auto;
}

.mainContent-sm {
    width: 690px;
    margin: auto;
}

.results {
    float: right;
    padding-left: 30px
}

.title-xl-bd {
    border-bottom: 3px solid #ccc;
    font-size: 28px;
    padding: 5px 5px 5px 0px
}

.headSection {
    color: black;
    font-size: 21px;
    font-variant: small-caps;
    padding-bottom: 5px;
    padding-top: 5px
}

.separatorCustomContainer {
    border-bottom: 1px solid gray
}

.separatorCustom {
    background-color: gray;
    height: 3px;
    width: 195px
}

.separator10 {
    height: 10px;
    line-height: 10px
}

.separator40 {
    height: 40px;
    line-height: 40px
}

/* TODO : Attention, Exclusivement sur clublist.jsp */
#countries {
    float: left;
    width: 680px
}

    #countries .country {
        float: left;
        color: black;
        font-size: 14px;
        margin-bottom: 15px;
        width: 160px;
        font-weight: normal
    }

        #countries .country .city {
            color: #444;
            font-size: 11px;
            padding-top: 1px
        }

    #countries a {
        color: black
    }
/* TODO : Attention, Exclusivement sur clublist.jsp */

/****** ICONS ******/
i.icon {
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-top: -4px;
    display: block
}

i.icon-home {
    background-image: url(/css/images/icons/home_white_24dp.png);
    margin-left: -2px;
    margin-top: -7px
}

i.icon-find {
    background-image: url(/css/images/icons/find_in_page_white_24dp.png)
}

i.icon-gear {
    background-image: url(/css/images/icons/settings_white_24dp.png)
}

i.icon-topd {
    background-image: url(/css/images/icons/flight_takeoff_white_24dp.png)
}

i.icon-last {
    background-image: url(/css/images/icons/alarm_white_24dp.png);
    display: initial
}

i.icon-sale {
    background-image: url(/css/images/icons/discount_24dp.png);
    display: initial
}

i.icon-exit {
    background-image: url(/css/images/icons/exit_to_app_white_18dp.png);
    margin-top: unset;
    background-size: 14px;
    background-position: 2px 2px
}