@charset "UTF-8";


.logoSct{
    display: none;
}

.brandArea {
    margin: 0 auto 5vh;
}


.brandArea .brandList {
}

.brandSet{

}
.brandTtlSet{
    margin: 0 auto 4em;
}
.brandTxtSet p{
    font-weight: 300;
}
.brandTxtSet p.imgBlk{
    max-width: 120px;
    margin: 0 auto;
}
.brandTxtSet p.imgBlk img{
    width: auto;
    max-width: 100%;
}
.brandTxtSet p:not(:last-of-type){
    margin-top: .25em;
}


#loisir{
    margin: 0 auto 5em;
    width: 90%;
    padding: 0 0 10em;
    position: relative;
}
#loisir .sctionBdr{
    width: 90%;
    border-bottom: 4px solid #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#loisir .brandTtlSet h2{
    width: 46vw;
    max-width: 100px;
    margin: 0 auto 1em;
}


#congespayes .brandTtlSet h2{
    width: 37vw;
    max-width: 160px;
    margin: 0 auto 1.5em;
}


@media screen and (min-width: 641px) {
    #ftr{
        display: none;
    }
    .noMain #cntsSct .atclArea{
        padding: 0;
        position: absolute;
        top: 49%;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
    .brandArea{
        margin:  0 auto 0
    }
    #loisir{
        margin: 0 auto 5em;
        padding: 0 0 4.5em;
    }

}
@media screen and (min-width: 961px) {

    .logoSct{
        display: inline-block;
    }

    .noMain #cntsSct .atclArea{
        position: relative;
        top: 80px;
        -webkit-transform: translate(0);
        transform: translate(0);
        padding: 0 0 120px;
    }
    #loisir{
        border: none;
        position: relative;
        padding: 0 0 9em;
        margin: 0 auto 8em;
    }
/*
    #loisir::before{
        content: "";
        position: absolute;
        bottom: 0;
        background: #707070;
        width: 100px;
        height: 1px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
*/

    #loisir .sctionBdr{
        width: 100px;
        border-bottom: 1px solid #707070;

    }

}

@media screen and (min-width: 1281px) {

}
@media screen and (max-width: 640px) {
    header{height: 60px !important;}
}