body {

    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.headernav {color:#000000; font-size: 30px;  position: fixed;
            top: 0;
            width: 100%;
            z-index:10;}
.headernav span {display:inline-block; cursor:pointer;}
.admin-bar .headernav {top: 30px;}

.headernav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
    color:#0172DC;
    background-color:rgba(255,255,255,0.5);
}


#footer {padding:50px auto; }
.footer-row {background-color:#f3f3f3;padding: 50px;}
.footer-row .copy {margin-top: 20px;}
#footer ul.social {margin-top: 20px;}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {border-bottom: solid 1px  #ffffff!important;}
#footer ul.logo-list img {width:80px}

.tete-boite {width:40%;}
.tete-boite.villa-loupian {background-color:#E98619}
.contenu-boite.villa-loupian {background-color:#ffffff; line-height: 27px}
.bg-boite.villa-loupian {background : transparent url('https://patrimoine.agglopole.fr/wp-content/uploads/2017/07/villa_article_left.jpg') no-repeat center center; background-size: cover}

.bg-white {background-color: #ffffff; }
.fg-white {color: #ffffff; }

.boite-lieu { text-align:left}
.boite-lieu .titre {font-size: 18px;padding: 12px 20px;line-height: 30px;color:#ffffff}
.boite-lieu .texte{background-color:#ffffff; padding:20px;line-height: 27px;}
.boite-lieu .image {background-position: center center;background-repeat: no-repeat; background-size:cover}


.row.table-row {display:table;width:100%;}

.row.table-row > [class*="col-"] {
    display:table-cell;
    vertical-align:top;
}

/*.villa-tarifs {color:#ffffff}*/
.tableau-tarifs {width:100%}
.tarifs-left {text-align:left;}
.tarifs-right {width:50px; text-align: right;}
.tarifs-left, .tarifs-right {border-bottom:solid 1px #000000;padding-top: 5px;}
.fg-white .tarifs-left, .fg-white .tarifs-right {border-bottom:solid 1px #ffffff}


.full-height-map .ultimate_google_map {display:table; height:100%!important}

/* single */
.top-page-header {background-repeat:no-repeat; background-position: center center; background-size: cover}
.top-page-header .top-page-container {height:300px;margin-bottom: 20px }
.top-page-header .top-page-container div {height:100%; }
.top-page-header .article-h1 {position:absolute;bottom:10px; color:#ffffff }

.breadcrumb-container {margin-top: 10px; margin-bottom: 30px;padding-bottom:20px; border-bottom: solid 1px #d7d7d7}
/* page */
.sidebar .article {padding-top:20px; padding-bottom: 20px;border-bottom: solid 1px #d7d7d7}
.sidebar .article.last {border-bottom:0;}
.sidebar .sidebar-title {margin-top : 0;font-size: 22px;text-align: left;}
.sidebar .sidebar-post-title {margin-top: 0;  font-family: 'skolasansblack';font-size: 15px;}
.sidebar .sidebar-post-content {text-align:left;}
.sidebar .sidebar-post-readmore {text-transform: uppercase;}
.sidebar .am-plus {    width: 18px;    height: 18px;}
.sidebar-post {}

.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

a:link, a:visited, a:active {color:#766A5D; text-decoration: none;}
a:hover {color:#4B433B}


.row.no-column-padding-top > [class*="col-"] {
    padding-top:0!important;
}
.vc_row.no-column-padding-top > [class*="vc_col-"] > .vc_column-inner  {
    padding-top:0!important;
}

.modal-title {

    display: inline-block;
}
.modal-dialog {
    width: 60%;

}

.page-id-3616 .wpb_single_image {margin-bottom: 0}

/* form */
form {
    max-width: 600px;
    text-align: center;
    margin: 20px auto;
}
form input, form textarea {
    border: 0;
    outline: 0;
    padding: 1em;

    /*border-radius: 8px;*/
    display: block;
    width: 100%;
    margin-top: 1em;

    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    resize: none;
}
form input:focus, form textarea:focus {
    -moz-box-shadow: 0 0px 2px #E98619 !important;
    -webkit-box-shadow: 0 0px 2px #E98619 !important;
    box-shadow: 0 0px 2px #E98619 !important;
}
.page-id-3146 form input:focus, .page-id-3146 form textarea:focus {
    -moz-box-shadow: 0 0px 2px #95C11E !important;
    -webkit-box-shadow: 0 0px 2px #95C11E !important;
    box-shadow: 0 0px 2px #95C11E !important;
}
.page-id-3147 form input:focus, .page-id-3147 form textarea:focus {
    -moz-box-shadow: 0 0px 2px #477DB9 !important;
    -webkit-box-shadow: 0 0px 2px #477DB9 !important;
    box-shadow: 0 0px 2px #477DB9 !important;
}

span.wpcf7-not-valid-tip {color:#E98619!important}
.page-id-3146 span.wpcf7-not-valid-tip {color:#95C11E!important}
.page-id-3147 span.wpcf7-not-valid-tip {color:#477DB9!important}

div.wpcf7-validation-errors {    border: 2px solid #E98619!important;}
.page-id-3146 div.wpcf7-validation-errors {    border: 2px solid #95C11E!important;}
.page-id-3147 div.wpcf7-validation-errors {    border: 2px solid #477DB9!important;}

form #input-submit {
    color: white;

    cursor: pointer;
}
form #input-submit:hover {
    -moz-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
    -webkit-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
    box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
}
form textarea {
    height: 211px;
}

form .half {
    float: left;
    width: 48%;
    margin-bottom: 1em;
}

form .right {
    width: 50%;
}

form .left {
    margin-right: 2%;
}

@media (max-width: 480px) {
    .wpcf7-form .half {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }
}
/* Clearfix */
.wpcf7-form:before, .cf:before,
.wpcf7-form:after, .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.wpcf7-form:after, .cf:after {
    clear: both;
}
.center-socials {width:100%; text-align:center;}

.bg-villa {background-color:#E98619!important;}
.bg-met {background-color:#477DB9!important;}
.bg-jam {background-color:#95C11E!important;}

/* -------------------------------------
          WOOCOMMERCE
--------------------------------------*/
/* MET #477DB9 */
.woo-cat71 {}
/* JAM #95C11E*/
.woo-cat72 {}
/* VL #E98619 */
.woo-cat73 {}
.woo-title-container {background-color:#EFF0EA; }
.woo-title-container h1  {font-family:'Maven Pro';font-weight:normal;color:#766A5D;text-align: center; padding-top: 20px; padding-bottom: 20px}
.woo-product-listing {padding-top: 50px; padding-bottom: 50px}
.woo-product-listing h6 {margin-top: 0;padding: 11px;font-weight: bold;background-repeat: no-repeat; background-position: top right;height: 100%;}
.woo-product-listing h6 a {font-family:'Maven Pro';color:#ffffff;}
.woo-product-listing .media-figure {overflow:hidden;height:300px;background-size: cover; position:relative;}
.woo-product-listing .title-overlay {position:absolute;width:100%; height:50px;bottom:0;}
.woo-product-listing .woo-cat71 .title-overlay {background-color:rgba(75,213,255,0.7)}
.woo-product-listing .woo-cat72 .title-overlay {background-color:rgba(18,228,125,0.7)}
.woo-product-listing .woo-cat73 .title-overlay {background-color:rgba(237,141,27,0.7)}
.woo-product-listing .woo-cat71 h6 {background-image:url('../images/woo/h6etang.png')}
.woo-product-listing .woo-cat72 h6 {background-image:url('../images/woo/h6jardin.png')}
.woo-product-listing .woo-cat73 h6 {background-image:url('../images/woo/h6villa.png')}

.woo-product-listing .media-content {background-color:#EFF0EA}
.woo-product-listing .product-tease {padding:11px; text-align :center;}
.woo-product-listing .product-tease a.button {color:#ffffff}
.woo-product-listing .woo-cat71 .product-tease a.button {background-color:rgba(75,213,255,1);}
.woo-product-listing .woo-cat72 .product-tease a.button {background-color:rgba(18,228,125,1);}
.woo-product-listing .woo-cat73 .product-tease a.button {background-color:rgba(237,141,27,1);}