.Contact {
    padding: 80px 0;
    background-color: #f2f5f7;

}
.blcFormulaire {
    max-width: 470px
}
.blcFormulaire h2 {
    font-size: 24px;
    color: #00426B ;
    margin-bottom: 25px
}
.blcFormulaire p {
    font-size: 14px;
    margin-bottom: 36px
}

.blcFormulaire form select {
    background: url(https://luceogroup.maki-group.mg/wp-content/uploads/2024/10/select.png) no-repeat right center;
    background-color: #f2f5f7;
  border: ##DF231D solid 1px;
  border-radius: 5px;
  padding: 0 28px;
  height: 60px;
  font-size: 16px;
  color: #000000;
  font-family: Montserrat;
  width: 100%;
  appearance: none;
  cursor: pointer;
}

.blcFormulaire .blcChp {
    margin-bottom: 30px
}

textarea.form-control {
    height: 160px;
    resize: none;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}
 textarea.form-control::-webkit-input-placeholder     { opacity:1; color: #000000}
 textarea.form-control:-moz-placeholder               { opacity:1; color: #000000}
 textarea.form-control::-moz-placeholder              { opacity:1; color: #000000}

.Adresse {
    position: relative;
    background: url(../images/bg-adress.jpg);
    background-size: cover
}
.Adresse .container {
    position: relative;
    z-index: 2
}
.Adresse:after {
    content: "";
    background: #00426B ;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.9
}
.lstAdresse {
    border-left:rgba(255,255,255,0.2) solid 1px;
    border-right:rgba(255,255,255,0.2) solid 1px;

}
 .lstAdresse .item .inner h3 {
    color:#fff;
    font-size: 18px;
    font-weight: bold
 }
 .lstAdresse .item .inner h3:after {
    content: "";
    border-bottom: #fff solid 1px;
    width: 30px;
    margin: 16px auto;
    display: block;
 }
  .lstAdresse .item {
    height: 371px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 33.33%
}
.lstAdresse .item .inner .ico {
    width: 80px;
    height: 80px;
    border: #fff solid 1px;
    border-radius: 50%;
    display: flex;
    margin: 0 auto 36px;
    align-items: center;
    justify-content: center;
    background-color: #08202d

}
.lstAdresse .item .inner p {
    color:#fff;
    font-size: 16px;
    text-align: center;
}
.lstAdresse .item .inner p span {
    display: block;
    font-size: 16px;
    text-transform: none
}

.lstAdresse .item .inner {
    text-align: center;
}
.lstAdresse .item .inner a {
    color:#fff;
    font-size: 16px
}

.lstAdresse .item .inner a:hover {
    opacity: 0.5
}

.lstAdresse .item.center {
    background-color: #DF231D
}
.lstAdresse .item.center .ico {
    background-color: transparent;
}

.lstAdresse .item.center h3:after {
    border-color: #DF231D
}
.lstAdresse .item:first-child {
    padding-top: 27px;
}
.blcMap {
    height: 600px
}
#map {
    height: 587px;
}
.secMap {
    margin-bottom: -130px;
}
.gm-ui-hover-effect {
    display: none !important;
}
.gm-style-iw.gm-style-iw-c {
    min-width: 170px !important;
    text-align: center;
}
.gm-style .gm-style-iw-tc::after {  height: 50px !important; top: -5px !important; background-color: #f2f5f7}
.gm-style .gm-style-iw-c { top: -4px !important; border: ##DF231D solid 1px; box-shadow: none }
.gm-style .gm-style-iw-c { background-color: #f2f5f7 }

.form-control:focus {
    background-color: #f2f5f7;
}

.wpcf7-response-output {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.lstAdresse .item:last-child p {
    text-transform: none;
}

@media (min-width:1366px) { 
    .Contact .col-md-6.image {
        padding:5px 0 0 0
    }
}

@media (max-width:767px) {  
    .Contact {
        padding: 30px 0;
    }
    .blcFormulaire h2 {
        margin-bottom: 20px
    }
    .blcFormulaire {
        max-width: 100%;
    }
    .Contact  .blcImg {
        margin-top: 30px;
    }
    .Contact  .blcImg  img {
        width: 100%
    }
    .lstAdresse {
        flex-direction: column;
        border: none
    }
    .lstAdresse .item {
        height: 280px;
        width: 100%;
    }
    .Adresse .container {
        padding: 0;
    }
}
@media (max-width:600px) {  
    .blcMap {
        height: 500px;
    }
    #map {
        height: 500px;
    }
    .blcFormulaire p {
        margin-bottom: 30px
    }
    .blcFormulaire form select {
        background-position: calc(100% + 10px)center;
    }
 
}