@charset "utf-8";
/* CSS Document */
/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


h1 {
    font-size: 40px;
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
}

h2 {
    font-size: 32px;
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
}

h4 {
    font-size: 20px;
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
}

p {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    margin: 0;
}

.container {
    max-width: 1484px !important;
}

.text-align-justify {
    text-align: justify;
}

.fixed-map {
    position: fixed;
    right: 32px;
    bottom: 32px;
    z-index: 1100;
}


/*Bouton*/
button.btn, a.btn {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #FFF;
    color: #FFF;
    background: #024A94;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
}
button.btn:hover, a.btn:hover {
    border: 1px solid #024A94;
    background: #FFF;
}
button.btn.secondary, a.btn.secondary{
    border: 1px solid #011E3B;
    color: #011E3B;
    background: none;
}
button.btn.secondary:hover, a.btn.secondary:hover {
    border: 1px solid #FFF;
    color: #FFF;
    background: #024A94;
}
.btn.tertiary {
    border: 1px solid #FFF;
    color: #FFF;
    background: #011E3B;
}
.btn.tertiary:hover{
    border: 1px solid #011E3B;
    color: #011E3B;
    background: #FFF;
}
.btn.quaternary {
    border: 1px solid #EDEDED;
    color: #011E3B;
    background: #EDEDED;
}
.btn.quaternary:hover{
    border: 1px solid #011E3B;
    color: #FFF;
    background: #011E3B;
}
/*Bouton*/


/*Header*/
header .dropdown .btn {
    background: #fff;
    color: #011E3B;
    font-weight: 600;
    border: 0;
    border-radius: 0;
    padding: .5rem 1rem
}
header a[href^="tel"] {
    font-size: 24px;
}
header .navbar-nav {
    gap: 1.25rem
}
header .navbar-light .nav-link {
    color: #011E3B !important;
    font: weight 700px;
}
header .navbar-loght .nav-link:hover, header a[href^="tel"]:hover {
    opacity: .85
}
header .dropdown-menu {
    border: 0;
    border-radius: 0px;
    padding: .5rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15)
}
header .dropdown-item:hover {
    background: rgba(47, 132, 200, .12);
    color: #011E3B;
}
.dropdown-caret{
  width:44px;
  height:44px;
  background:#011E3B;
  flex:0 0 44px;
}
.dropdown-toggle-icon{
  width:10px;
  height:10px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform: rotate(45deg);
  margin-top:-2px;
}
#site-header, .site-header-mobile {
    width:100%; 
    z-index:1050; 
}
#site-header.is-fixed, .site-header-mobile {
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
}
/*Header*/


/*Formulaire*/
#header_home{
    background-image: url(/assets/front/img/image-formulaire-home.jpg) ;
    background-size: cover;
    background-position: center bottom;
}
#formulaire hr {
    border: 0.5px solid #FFF !important;
	opacity: 100% !important;
    margin: 0px;
}
.form-check-input {
    background: none !important;
    border: 2px solid #75A3D4 !important;
}
.form-check-input:checked {
    background-color: #024A94 !important;
}
.image-header-mobile{
    height: 300px;
    background-size: cover;
    background-position: center bottom;
}
/*Formulaire*/


/*Probleme*/
.problemes-card {
    flex: 1 0 0;
    border-radius: 8px;
    color: #024A94;
    background: #FFF;
    box-shadow: 0 13px 26px -2px rgba(0, 0, 0, 0.12);
}
.problemes-card div {
    height: 152px;
}
.problemes-image-tache{
    background-image: url(/assets/front/img/mur-humide.jpg);
    background-size: cover;
    background-position: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.problemes-image-peinture{
    background-image: url(/assets/front/img/peinture-cloquee.jpg);
    background-size: cover;
    background-position: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.problemes-image-mur{
    background-image: url(/assets/front/img/paroi-froide.jpg);
    background-size: cover;
    background-position: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
/*Probleme*/


/*Solutions*/
.solutions-card {
    min-height: 344px;
    flex: 1 0 0;
    border-radius: 8px;
    box-shadow: 0 13px 26px -2px rgba(0, 0, 0, 0.12);
}
.solutions-card hr {
    border: 0.5px solid #024A94 !important;
	opacity: 100% !important;
}
.solutions-card p{
	font-size: 14px ;
}
.solutions-card:first-child{
    background: linear-gradient(180deg, rgba(117, 163, 212, 0.00) 15%, #75A3D4 65%), url(/assets/front/img/remontee-capilaire.jpg) lightgray -158.75px -103px / 189.943% 129.942% no-repeat;
    background-size: cover; 
	background-position: center;
}
.solutions-card:nth-child(2){
    background: linear-gradient(180deg, rgba(117, 163, 212, 0.00) 15%, #75A3D4 65%), url(/assets/front/img/condensation.jpg) lightgray -158.75px -103px / 189.943% 129.942% no-repeat;
    background-size: cover; 
	background-position: center;
}
.solutions-card:nth-child(3){
    background: linear-gradient(180deg, rgba(117, 163, 212, 0.00) 15%, #75A3D4 65%), url(/assets/front/img/salpetre.jpg) lightgray -158.75px -103px / 189.943% 129.942% no-repeat;
    background-size: cover; 
	background-position: center;
}

.solutions-card:nth-child(4){
    background: linear-gradient(180deg, rgba(117, 163, 212, 0.00) 15%, #75A3D4 65%), url(/assets/front/img/anti-humidite.jpg) lightgray -158.75px -103px / 189.943% 129.942% no-repeat;
    background-size: cover; 
	background-position: center;
}
.images-services{
    background-size: cover; 
	background-position: center;
    max-height: 500px; 
    min-height: 300px;
    border-radius: 8px;
}
/*Solutions*/


/*Contact*/
.cube {
    width: 23%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    background: #011E3B;
    left: 0;
    top: -60px;
}
.image-contact{
    width: 90%; 
    min-height: 400px; 
    border-radius: 8px; 
    background-image: url(/assets/front/img/contact.png);
    background-size: cover; 
    background-position: center;
}
/*Contact*/


/*Avis*/
.avis-card {
    border-right: 6px solid #75A3D4;
    border-bottom: 6px solid #75A3D4;
    position: relative;
}
.avis-card svg {
    position: absolute;
    z-index: 99;
    right: 5%;
    bottom: -10%;
    fill: #024A94;
}
/*Avis*/


/*qui sommes nous*/
.image-entreprise{
    background-image: url(/assets/front/img/abi-entreprise.jpg);
    background-size: cover;
    background-position: center;
} 
.wave-normandie{
    background-image: url(/assets/front/img/wave-normandie.png);
    background-size: cover;
    background-position: center;
}
.image-particulier{
    background-image: url(/assets/front/img/hand-shake.png);
    background-size: cover;
    background-position: center;
} 
/*qui sommes nous*/


/*Footer*/
.wave-section {
    background-image: url(/assets/front/img/wave.png);
    background-size: cover;
    background-position: center;
}
.nav-footer a:hover{
    color: #024A94 !important;
}
/*Footer*/


@media (max-width: 767.99px) {
    .image-certification {
        height: 100px;
    }
    .nav-footer a {
    text-align: center;
    }
    .wave-section h3{
        text-align: center;
    }
    #header_home{
        background: none !important;
    }
    #header_page_interne{
        background: none !important;
    }
    #site-header{
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .image-certification {
        height: 150px;
    }
    .image-header-mobile
    {
        display: none !important;
    }
        #site-header{
        display: none;
    }
}

@media (min-width: 992px) {
    .image-header-mobile
    {
        display: none !important;
    }
}