/*
 * Variables and mixins to pre-ignite any new web development project
 * ------------------------------------------------------------------ */

.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after {display: table;content: "";}
.clearfix:after {clear: both;}

.center-block {display: block;margin: 0 auto;}

.container {width: 940px;margin: 0 auto;zoom: 1;}
.container:before, .container:after {display: table;content: "";}
.container:after {clear: both;}


input.numeric {
    text-align:right;
    padding-right:2px;
}

.flags {
    text-align: center;
}

    .flags i.flag {
        display: inline-block;
        width: 16px;
        height: 11px;
        line-height: 11px;
        vertical-align: baseline;
        margin: 0em 0.5em 0em 0em;
        text-decoration: inherit;
        speak: none;
        font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .flags i.flag:before {
            display: inline-block;
            content: '';
            background: url('images/flags.png') no-repeat -108px -1976px;
            background-position-x: -108px;
            background-position-y: -1976px;
            width: 16px;
            height: 11px;
        }

        .flags i.flag.fr:before {
            background-position: 0px -1976px;
        }

        .flags i.flag.en:before {
            background-position: -36px -26px;
        }

        .flags i.flag.de:before {
            background-position: 0px -1430px;
        }

.contract {
    background-image: url('/images/fond_contrat.jpg');
    background-size: cover;
}

.contract .logo-naef {
    background-image: url('/images/logo-naef-600x300.png');
    background-size: cover;
    width: 100px;
    height: 50px;
}

.contract * {
    font-size: 13px;
    color: dimgray;
}

.contract th {
    font-size: 1.46em;
    text-transform: uppercase;
    padding: 3em 0;
}

.contract tbody tr td:first-child {
    color: red;
    text-transform: uppercase;
    text-align: right;
}

.contract .date td {
    padding-top: 3em;
}

.contract .signatures {
    font-weight: 700;
    text-align: center;
}

.contract .signatures td {
    padding-top: 2em;
}

.recent table {
    border-collapse: collapse;
    width: 100%;
}

.recent table th,
.recent table td {
    padding: 3px;
}

.recent table tr:first-child th {
    font-size: 120%;
    padding: 12px;
}

.recent table th, .recent table tr {
    border-top: 1px solid black;
}

.recent table tr:nth-child(2n+1)
{
    background-color: #F0F0F0;
}

.recent table th:last-child,
.recent table tr:last-child {
    border-bottom: 1px solid black;
}

.recent table .situation {
    text-align: left;
}

.recent table .surface,
.recent table .date {
    text-align: center;
}

.recent table .estimation {
    text-align: right;
}

.recent table td.prix_moyen {
    font-weight: 700;
}