/* =generale
----------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300,100);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400);

body{
    background-color: white;
    font-family: 'Roboto';
    margin: 0px;
    padding: 0px;
}
.wrap{
    width: 1000px;
    max-width: 100%;
    margin: auto;
    position: relative;
    padding: 0px 15px;
}
a, a:hover{
    color: #32363c;
    text-decoration: none !important;
}
p, ul li{
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #828282;
}
h1,h2,h3,h4{color:#828282;}
h1{
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    margin: 20px 0px 20px 0px;
}
h2{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin: 40px 0px 20px 0px;
}
h3{
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: underline;
}

/*formulaire*/
input[type=radio] {
    display:none;
}
input[type=radio] + label {
    height:20px;
    display:inline-block;
    line-height:18px;
    background-repeat:no-repeat;
    background-position: 0px 3px;
    font-size:14px;
    font-weight: 400;
    vertical-align:middle;
    cursor:pointer;
    padding: 0px 45px 0px 30px;
    margin-top: 13px;
    color: #828282;
}
input[type=radio]:checked + label {
    background-position: 0 -18px;
}
label {
    background-image:url(../../medias/icon/dots.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.trame{
    background-image: url('../../medias/design/footer_trame.png');
    background-repeat: repeat-x;
    height: 10px;
    width: 100%;
}
.content{margin-top: 80px;}
.no-pad{padding: 0px;}
.marg-50{margin-top: 50px;}
/* =navbar
----------------------------------------------- */
#navbar{
    height: 120px;
    background-color: white;
    box-shadow: 0px 1px 5px #888888;
}
#navbar .wrap{
    padding: 0px;
}
#navbar .wrap .container-fluid{
    margin-left: 0px;
    padding-left: 0px;
}
#navbar .logo{
    background-image: url('../../medias/design/navbar_logo.svg');
    background-repeat: no-repeat;
    height: 75px;
    width: 255px;
    display: block;
    margin: 22.5px 0px;
}
#navbar .navbar-right ul div{
    width: 145px;
    display: inline-block;
}
#navbar .navbar-right ul div:nth-child(3){width: 125px;}
#navbar .navbar-right ul{margin-top: 22px;}
#navbar .navbar-right ul li a{
    font-size: 18px;
    line-height: 26px;
    color: #030000;
    text-transform: capitalize;
    font-family: 'Source Sans Pro';
}
#navbar .navbar-right ul li.active a,
#navbar .navbar-right ul li a:hover,
#navbar .navbar-right ul li a:active{
    font-weight: 700;
    color: #8ba853;
}
#navbar .navbar-right ul li a.button{
    color: white;
    background-color: #8ba853;
    padding: 3px 10px;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
#navbar .navbar-right ul li a.button.grey{
    color: white;
    background-color: #666;
    margin-top: 10px;
}
#navbar .navbar-toggle.collapsed {
    background-position: left center;
}
#navbar .navbar-toggle {
    width: 26px;
    height: 21px;
    border-radius: 0px;
    margin: 50px 35px 0px 0px;
    background: url('../../medias/icon/navbar_toggle.png') no-repeat scroll right center transparent;
    z-index: 999;
}

/* =footer
----------------------------------------------- */
footer{
    background-color: #303030;
    background-image: url('../../medias/design/footer_background.png');
    background-repeat: repeat;
    min-height: 415px;
    padding-top: 50px;
}
footer .wrap .row:first-child{
    margin-bottom: 35px;
}
footer .trame{margin-top: 18px;}

footer .row .col-sm-3:first-child p{margin: 20px 0px 0px 0px;}
footer .row .col-sm-3:first-child p:last-child{margin-top: 10px;}
footer .row .col-sm-3:nth-child(2) p, footer .row .col-sm-3:nth-child(3) p{margin: 0px;}
footer .row .col-sm-3:nth-child(3) div:first-child, footer .row .col-sm-3:last-child p:first-child{margin-top: 44px;}
footer .row .col-sm-4 h4{
    font-size: 24px;
    line-height: 24px;
    color: #828282;
    margin-bottom: 5px;
}
footer .row .col-sm-3 p,
footer .row .col-sm-3 a{
    font-size: 12px;
    line-height: 18px;
    color: #828282;
    font-weight: 700;
}
footer .row .col-sm-3:nth-child(2) p, footer .row .col-sm-3:nth-child(3) p{
    line-height: 20px;
    padding: 0px 0px 5px 37px;
    margin-top: -20px;
}
footer .row .col-sm-3:nth-child(2) h4{
    margin-bottom: 15px;
}
footer .row .col-sm-3:nth-child(2) span{
    font-size: 12px;
    line-height: 20px;
    font-weight: 900;
}
footer .row .col-sm-3 .light{
    font-weight: 300;
}
footer .row .col-sm-3 a.mail{
    line-height: 25px;
}

/* =Fil ariane
----------------------------------------------- */
.content .row.ariane{margin: 0px;}
.content .row.ariane .col-sm-3, .content .row.ariane .col-sm-2{
    background-image: url('../../medias/design/footer_trame.png');
    background-repeat: repeat-x;
    background-position: 0px 10px;
}
.content .row.ariane h2{
    margin: 0px;
    font-size: 24px;
    line-height: 24px;
    color: #5F5F5F;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    background-color: white;
    padding-right: 5px;
}
.content .row.ariane .social ul{
    background-color: white;
    width: 125px;
    float: right;
    margin: 0px;
    padding: 0px;
}
.content .row.ariane .trame{
    margin-top: 10px;
    display: inline-block;
}

.content .row.ariane .col-sm-2, .content .row.ariane .col-sm-3, .content .row.ariane .col-sm-7{padding: 0px;}
.content .row.ariane .social ul li{display: inline-block;}
.content .row.ariane .social ul li:nth-child(2){padding: 0px 14px;}

/* =Annonces
----------------------------------------------- */
.div-annonce{
    text-align: right;
}
.bloc-annonce{
    background-color: #F2B40E;
    padding: 10px 25px;
    display: inline-block;
}
.bloc-annonce p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #FFF;
    text-transform: uppercase;
    margin: 0px;
}
/* =boutons
----------------------------------------------- */
.bloc-button div,
.bloc-button div p{
    height: 52px;
    line-height: 52px;
}
.bloc-button div{text-align: center;}
.bloc-button{
    max-width: 420px;
    margin: 2px auto;
}
.bloc-button .col-sm-2:first-child{background-color: #484848;}
.bloc-button .col-sm-8{background-color: #8ba853;padding: 0px;}
.bloc-button .col-sm-8.jaune{background-color: #F2CC66;padding: 0px;}
.bloc-button .col-sm-8 p{
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}
.bloc-button .col-sm-2:last-child{background-color: #5e7631;}
.bloc-button .jaune.col-sm-2:last-child{background-color: #F2B40E;}

/* =Banner
----------------------------------------------- */
.banner .wrap{
    min-height: 320px;
    line-height: 320px;
    text-align: center;
}
.banner .row{
    vertical-align: middle;
    line-height: normal;
    display: inline-block;
    text-align: center;
}
.banner h2{
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: white;
}
.banner p{
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: white;
    margin: 20px 0px 35px;
    padding: 0px !important;
}
.banner .banner_button{
    border: 1px solid white;
    padding: 15px;
    margin-bottom: 20px;
    color: white;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}
#share-modal--inner h3{
    text-decoration: none;
}

/* =block header
----------------------------------------------- */
header{margin-top: 120px;}
header .row{
    vertical-align: middle;
    line-height: normal;
    display: inline-block;
}
header .row .bloc{
    background-color: rgba(72, 72, 72, 0.8);
    min-height: 200px;
    padding: 5px 20px;
}
header .row .bloc h2{
    font-size: 30px;
    line-height: 24px;
    font-weight: 900;
    color: white;
    margin-top: 15px;
}
header .row .bloc p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: white;
}
header .row .row{
    width: 100%;
    margin: 0px;
}
header .row.bloc-button {max-width: 100%;}
header .row .row .col-xs-2:first-child{background-color: #484848;}
header .row .row .col-xs-6{background-color: #f2cc66;}
header .row .row .col-xs-6 p{
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 52px;
    font-weight: 700;
}
header .row .row .col-xs-2:last-child{background-color: #f2b40e;}
header#configurateur, header#financement, header#localisation, header#photo, header#descriptif, header#apropos, header#contact, header#disposition, header#achat_location_1, header#recherche{
    min-height: 330px;
    line-height: 330px;
}

/* =PARALLAX
----------------------------------------------- */
#parallax{
    background-repeat: no-repeat;
    background-size: cover;
}
#parallax .row{
    width: 100%;
}

/* =GG MAP
----------------------------------------------- */
.windown-content img{
    width: 130px;
}

/* =Homepage
----------------------------------------------- */
header#homepage{
    height: 600px;
    line-height: 600px;
}
header#homepage .div-annonce{
    margin-top: -10%;
}
.homepage h1{margin-top: 0px;}
.homepage .row:last-child{margin-bottom: 50px;}
#avantages{
  text-align: center;
}
#avantages h3{margin-top: 10px}
#avantages .col-sm-3{margin-top: 35px;}
#occupe div{
  background-color: #f2b40e;
  padding: 20px 5% 20px 5%;
  max-width: 350px;
  margin: 0 auto;
}
#occupe h1, #occupe p{
  color: white;
}
#occupe h1 {
  font-size: 20px;
  line-height: 24px;
}
#occupe a{
  color: white;
  text-decoration: underline !important;
}

#homepage-padding-top{padding-top: 20px; padding-bottom: 20px;}

/* =configurateur
----------------------------------------------- */
.configurateur .col-sm-12:first-child{
    margin-bottom: 50px;
}
.configurateur .col-sm-8#conf_map{
    height: 450px;
    line-height: 550px;
    text-align: center;
    background-color: #f6f6f6;
}
.configurateur .col-sm-8#conf_map img{
    max-width: 100%;
}
.configurateur #conf{
    background-color: #f6f6f6;
    padding-bottom: 50px;
}
#mapster_wrap_0{
    margin: 0px auto;
    margin-top: 110px;
}
#conf .col-sm-4{
    padding: 0px;
    background-color: white;
    margin-top: 20px;
}
.configurateur .col-sm-4 .title{
    width: 100%;
    height: 40px;
    background-color: #8ba853;
    color: white;
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 20px;
    padding-left: 20px ;
}
.configurateur .col-sm-4 .map{
    margin: 0px auto;
    max-width: 100%;
    display: block;
}
.configurateur .col-sm-4 span{
    color: #828282;
    padding-right: 20px;
}
.configurateur .col-sm-4 #conf_option{
    padding-left: 30px;
}
.configurateur form label {background-image:url(../../medias/icon/dots2.png) !important;}
.configurateur form input[type="radio"] + label {
    margin-top: 0px;
    padding: 0px 25px 0px 30px;
}
#ajax_result{
    margin-top: 50px;
}
#ajax_result table tr td{
    border: none;
}
#ajax_result table tr:first-child td{
    border-bottom: 1px dotted #DDD;
}
#ajax_result table tr:first-child td p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #828282;
}
#ajax_result table tr:last-child td p{
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #828282;
}
#ajax_result table hr{
    margin: 0px;
}
#ajax_result table tr td .float-right{
    float: right;
}
#ajax_result_mobile{
    display: none;
    text-align: center;
}
#parallax.configurateur{
    background-image: url('../../medias/design/banner_4.jpg');
}

/* =financement
----------------------------------------------- */
.financement h3{
    text-decoration: none;
}
.financement .row .col-sm-12:first-child{
    margin-bottom: 15px;
}
.financement table{
    margin-bottom: 25px;
    border-top: 1px solid #828282;
    margin-top: 10px;
}
.financement table td{
    border: none !important;
    padding: 4px !important;
}
.financement table tr td:first-child{
    width: 70%;
}
.financement table tr td:first-child p{
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    margin: 0px;
}
.financement table tr td:last-child p,
.financement table span{
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0px;
    text-align: right;
}
.financement table span{
    float: right;
    padding-right: 20px;
}
.financement .padd-text{
    padding: 20px 0px;
}
.financement .row .col-sm-6.bloc h1:last-child{
    padding-top: 30px;
}
.financement .col-sm-6.bloc .bloc-button{
    margin: 10px auto;
}
.financement .bloc-button{
    width: 80% !important;
    margin: 2px auto;
}
.financement  p.txt{
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 60px 0px 20px 0px;
}
.financement img.img{
    margin: 0px auto;
    display: block;
    max-width: 150px;
}
#parallax.financement {
    background-image: url('../../medias/design/banner_2.jpg');
}
/* =Localisation
----------------------------------------------- */
#gg_map{
    height: 600px;
    margin-top: 120px;
}
.localisation .bloc_map{
    margin: 100px 0px;
}
.localisation .map_print{
    display: none;
}
.localisation .zoom{
    position: absolute;
    top: 15%;
    left: 5%;
    max-width: 47%;
}
.localisation .zoom2{
    display: none;
    position: absolute;
    width: 40%;
    top: 60%;
    left: 35%;
}
.localisation .map{
    max-width: 100%;
}
#parallax.localisation {
    background-image: url('../../medias/design/banner_1.jpg');
}

/* =photos
----------------------------------------------- */
.photo h1{
    margin-top: 50px;
}
.photo .row .col-sm-6{
    margin-top: 30px;
}
.photo .img img{
    width: 100%;
}
.photo .row h2{
    margin: 40px 0px;
}
.photo .row h2{
    margin: 40px 0px;
}
.photo .row .appendable h2{
    margin-top: 0px;
}
.photo .row .col-sm-6 p:last-child{
    padding-bottom: 50px;
}
#parallax.photo {
    background-image: url('../../medias/design/banner_1.jpg');
}

/* =descriptif
----------------------------------------------- */
.descriptif .table-responsive{
    padding-bottom: 10px;
}
.descriptif table td{
    border: none !important;
    padding: 0px !important;
}
.descriptif table tr td:first-child p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0px;
}
#parallax.descriptif {
    background-image: url('../../medias/design/banner_3.jpg');
}

/* =A propos
----------------------------------------------- */
.apropos .row ul{margin-left: 50px;}
#parallax.apropos {
    background-image: url('../../medias/design/banner_2.jpg');
}

/* =Contact
----------------------------------------------- */
.contact{margin-bottom: 50px;}

.contact .row .col-sm-4 p{
    padding-bottom: 30px;
}
.contact .row .info p{
    line-height: 20px;
    padding: 0px 0px 5px 37px;
    margin-top: -20px;
}
.contact .row .info h4{
    margin-bottom: 15px;
}
.contact .row .info span{
    font-size: 14px;
    line-height: 20px;
    font-weight: 900;
}
.contact .row .info a{
    font-size: 14px;
    line-height: 24px;
    color: #828282;
}

.contact .form-control{
    border-radius: 0px;
    background-color: #f4f3f3 !important;
    height: 44px;
    border-bottom: 0px;
    border-right: 0px;
}
.contact textarea.form-control{
    height: 160px !important;
}
.contact button{
    border-radius: 3px;
    background-color: #8aa753;
    color: white;
    padding: 5px 35px;
    margin: 0px auto;
    margin-top: 35px;
    font-size: 16px;
    display: block;
}
.contact .message{
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 40px;
    color: #828282;
}
.contact .message.message-form-error{
    color: #FF0000;
}
.contact .message.message-form-confirmation{
    color: #8BA853;
}
#parallax.contact {
    background-image: url('../../medias/design/banner_4.jpg');
}

/* =Disposition
----------------------------------------------- */
.disposition .col-sm-12 p{
    margin: 50px 0px;
}
.disposition .col-sm-12 img{
    max-width: 100%;
    border: 1px solid #828282;
    padding: 50px 10px;
    margin: 30px 0px;
}
#parallax.disposition {
    background-image: url('../../medias/design/banner_3.jpg');
}

/* =Achat location 1
----------------------------------------------- */
.achat_location_1 .col-sm-12 p{
    margin-bottom: 25px;
}
.achat_location_1 .col-sm-12 img{
    //max-width: 100%;
}
.achat_location_1 map area{
    background-color: red;
}
#parallax.achat_location_1 {
    background-image: url('../../medias/design/banner_3.jpg');
}
.tooltips {
    width: auto;
    height: auto;
    margin-bottom: -37px;
    display: block;
    visibility: hidden;
}
.tooltips .content{
    /*background-color: #5e7631;*/
    background-color: #fff;
    color: #5F5F5F;
    border: 2px solid #999;
    padding: 20px;
    width: 200px;
    visibility: visible;
}

.tooltips item.right {
    position: relative;
    right: -275px;
}

.tooltips p{
    font-size: 12px;
    line-height: 20px;
    /*color: white;*/
}
.tooltips span{
    font-size: 14px;
    font-weight: 600;
}
.tooltips a{
    /*color: white;*/
    color: #5F5F5F;
}

#liste{
    padding: 5px 10px;
    visibility: hidden;
}
#liste .content{
    background-color: #5E7631;
    text-align: center;
    padding: 5px 10px;
    visibility: visible;
    margin-top: 10px;
}
#liste .content a,
#liste .content p{
    color: white;
}
#liste .content span{
    font-weight: 700;
}

.achat_location_1 .mobile{
    display: none;
}

/* =404
----------------------------------------------- */
.content.error h1{
    text-align: center;
    padding: 100px 0px;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 60px;
}

/* =404
----------------------------------------------- */
.content.chantier .row .col-sm-12 img{
    width: 100%;
    max-width: 1000px;
    padding: 50px 0px 100px 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* =Recherche
----------------------------------------------- */
.content.recherche.form{
    background-color: #f2f2f2;
    padding: 55px 0px 45px 0px;
    margin: 0px;
}
#parallax.recherche {
    background-image: url('../../medias/design/banner_4.jpg');
}
.recherche button{
    border-radius: 3px;
    background-color: #8aa753;
    color: white;
    padding: 5px 35px;
    margin-top: 6px;
    font-size: 16px;
}
.recherche input[type="radio"] + label {padding: 0px 30px 0px 30px;}
.recherche label {background-image:url(../../medias/icon/dots2.png);}
.recherche table tr td{
    border: none;
}
.recherche table tr:first-child td{
    border-bottom: 1px dotted #DDD;
}
.recherche table img{
    height: 80px;
    max-width: 100%;
}

/*select */
.custom-dropdown__select{
    font-size: 18px;
    margin: 0; /* remove default margins */
    text-transform: uppercase;
    color: #828282;
    width: 100%;
    cursor:pointer;
}
.custom-dropdown__select--emerald {background-color: white;}
@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }
    .custom-dropdown__select {
        padding: 10px 5px;
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }
    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }
    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }
    /* Emerald dropdown style */
    .custom-dropdown--emerald::before {background-color: #8aa752;}
    .custom-dropdown--emerald::after {color: rgba(255,255,255,.8);}
    /* FF only temporary & ugly fixes */
    /* the "appearance: none" applied on select still shows a dropdown arrow on Firefox */
    /* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
    @-moz-document url-prefix() {.custom-dropdown__select{padding: 10px 5px;}}
}