#tarifs-header{
    background-image: url("../img/page-bg-tarifs@3x.jpg");
    background-position: top right;
}
@media (max-width: 1800px) {
    #tarifs-header{
        background-image: url("../img/page-bg-tarifs@1x.jpg");
    }
}
#ferme-header{
    background-image: url("../img/page-bg-ferme@3x.jpg");
    background-position: top right;
}
@media (max-width: 1800px) {
    #ferme-header{
        background-image: url("../img/page-bg-ferme@1x.jpg");
    }
}

#tarifs h2{
    font-weight: 500;
    text-align: center;
    margin-bottom: 2em;
    font-size: 130%;
    color: #9d7c40;
}
#tarifs h1{
    margin-bottom: .75em;
}

#tarifs-table{
    width:100%;
    line-height: 1.2;
}

#tarifs-table th,
#tarifs-table td{
    text-align: center;
    padding:.8em .3em;
    font-weight: 700;
    vertical-align: bottom;
}
#tarifs-table th:nth-child(1),
#tarifs-table td:nth-child(1){
    text-align: right;
    font-weight: 400;
}
.thprest th{
    width: 20%;
}
.thprest th:nth-child(1){
    width: unset;
}

.thprest th b{
    display: inline-block;
    border-bottom: 2px dotted;
    padding-bottom: 1em;
}


#tarifs sup{
    padding-left: .3em;
    opacity:.7;
    line-height: 1;
    font-size: 70%;
}

#tarifs-table tr:hover,
#tarifs-table tr:active{
    background-color: rgb(242, 246, 248);
}


#tarifs-table th:nth-child(2),
#tarifs-table td:nth-child(2){
    color: rgb(126, 143, 30);
}

#tarifs-table th:nth-child(3),
#tarifs-table td:nth-child(3){
    color: rgb(160, 125, 30);
}

#tarifs-table th:nth-child(4),
#tarifs-table td:nth-child(4){
    color: rgb(131, 26, 18);
}

#tarifs-table th:nth-child(5),
#tarifs-table td:nth-child(5){
    color: rgb(28, 79, 131);
}

#tarifs-table tr:nth-child(2) th{
    color:inherit;
    font-weight: 500;
    font-size: 90%;
}

#tarifs-table tbody tr:nth-child(-n + 6) td:nth-child(1){
    font-weight: 700;
    color:#5c5c5c;
}

#tarifs-sous-table{
    text-align: center;
    margin-top: 2em;;
}

#tarif-img{
    background-image: url(../img/tarif-img.jpg);
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

@media (min-width: 1080px) {
    #tarifs-table-border{
        border: 1px dashed #ccc;
        border-radius: 1em;
        padding: 2em 0.2em;
        box-shadow: 0 0 38px #dedede;
    }
}