@charset "UTF-8";
/* CSS Document */

body { background-color: #F1F1F1; }

.container{
font-family: 'Montserrat', sans-serif;
background-color: #FFF ; }


.button{
	background-color: #fae15a;
    border: none ;
	padding: 5px;
	font-size: 20px;
	color: #000000;
	border-radius: 10px;
	width: 90%;    
	text-transform: uppercase;
    text-align: center ;
}


/* Header Style*/
.header{

	display: flex;
}


#headered{
	margin: 0 0 13px -15px;
	padding: 0;
	width: 1140px;
	height: 436px;

	
}
#headered img{
	margin: 0;
	padding: 0;
	width: 1140px;
	height: 436px;
	background-image:url(/assets/isolation/images/header-mes-eco-travaux.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
}

#logo{
	margin-bottom: -136px;
	z-index: 2;
	text-align: center;
}

h1{
	padding: 10px;
	font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: right;
    color: #226c3e;
    font-size: 20px !important;
	float: right;
	text-transform: uppercase;
}
h3{
	padding: 0;
	margin: 0 auto 15px auto;
	font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: center;
    color: #256d44;
    font-size: 18px !important;
}
.titre{
	padding-top:5px;
}

ul.listadroited{
	margin: 0 ;
	padding: 0;	
}

ul.listadroited li{
	margin: 0 0 20px 0;
	padding: 0;
    font-weight: normal;
    text-align: left;
    color: #519a4d;
    font-size: 22px;

}
ul.listadroited li span{
    color: #000000;


}

.form {
padding:1.4rem !important;
}

#imgbottom{
	margin: 0 0 0 -15px;
	padding: 0;
	width: 1140px;
	height: 535px;

	
}
#imgbottom img{
	margin: 0;
	padding: 0;
	width: 1140px;
	height: 535px;
	background-image:url(/assets/isolation/images/lancer-renovation-habitat.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
}


#titreavantages{
	margin: -48px auto 0 auto;
	padding: 0;
	width: 728px;
	height: 79px;

	
}
#titreavantages img{
	margin: 0;
	padding: 0;
	width: 728px;
	height: 79px;
	background-image:url(/assets/isolation/images/avantages-pompe-chaleur.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
}

.bloc_titre{
	background-color: #ffe65c;
	border-left: 30px solid #ffffff;
	border-right: 30px solid #ffffff;
}


/* Obtenez votre devis */

.devis_gratuit{
	color: #ffffff;
	background-color: #007d36;
	text-align: center;
	padding: 10px;
}

/*  commencez ici + pictos  */

.commencez{
	background-color: #fae15a;
	text-align: center;
	margin: 20px 0px 20px 0px;
}
.pictosed{
	text-align: center;
	padding: 0 2% 0 2%;
	margin: 0 0 15px 0;
	float: left;
	width: 33%;


}

.pictosed p{
	padding: 0;
	margin: 0 auto 15px auto;
	font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    text-align: center;
    color: #000000;
    font-size: 16px !important;
}


/*image gallery */
.img_vert{
	   text-align: right;
    float: right;
}
.vert{
    padding: 30px 20px;
    font-size: 20px; 
    font-weight: normal;
    color: #ffffff;	
	margin: 0px;
}
.vert_bis{

	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;	
	padding: 30px 20px;
	margin: 0px;
	font-size: 20px;
}
.marg{
	 margin-right: 24px;
}
.fond_vert{background-color:#007d36;}


.titre_footer{
	padding-top: 30px;
}
.image_footer{
	text-align: center;
	margin: 20px 0px 20px 0px;
}


.hide-md{
	display: none ;
}
.show-md{
    display: inline-block ;
    }
.ml{
	font-size: 12px;
    text-decoration: none !important;
    color: #676565 !important;
	padding-top: 30px;
	width: 1080px;
	margin: 0 auto;
	text-align: justify;
}
.justif{
	text-align: justify;
}



/* Responsive */
  @media only screen and (max-width: 1200px){
#headered{
	width: 960px;
	height: 436px;	
}
#headered img{
	width: 960px;
	height: 436px;
	background-image:url(/assets/isolation/images/header-mes-eco-travaux-960.jpg) !important;
	
}
	
#imgbottom{
	margin: 0 0 0 -15px;
	padding: 0;
	width: 960px;
	height: 535px;

	
}
#imgbottom img{
	width: 960px;
	height: 535px;
	background-image:url(/assets/isolation/images/lancer-renovation-habitat-960.jpg) !important;

	
}
.ml{
	width: 900px;

}
}

  @media only screen and (max-width: 992px){
	
.commencez img.leftcol {
	padding-top:11px;
	width: 100%;
}
#logo{
	margin-bottom: 10px;
	}
.image_footer{
		text-align: center;
	}
.gallery{
	text-align: center;
		width: 100%;
	}
.vert {
		min-height: 201px;}
.image-gallery{
		width :100%;
	}
#headered{
	width: 720px;
	height: 366px;	
}
#headered img{
	width: 720px;
	height: 366px;	
	background-image:url(/assets/isolation/images/header-mes-eco-travaux-720.jpg) !important;
	
}
#titreavantages{
	margin: -48px auto 0 auto;
	padding: 0;
	width: 635px;
	height: 79px;

	
}
#titreavantages img{
	margin: 0;
	padding: 0;
	width: 635px;
	height: 79px;
	background-image:url(/assets/isolation/images/avantages-pompe-chaleur-720.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
}
	
#imgbottom{
	margin: 0 0 0 -15px;
	padding: 0;
	width: 720px;
	height: 337px;

	
}
#imgbottom img{
	width: 720px;
	height: 337px;
	background-image:url(/assets/isolation/images/lancer-renovation-habitat-720.jpg) !important;

	
}
ul.listadroited li{
    font-size: 18px !important;

}
.ml{
	width: 680px;

}
   
}

@media only screen and (max-width: 768px){

.hide-md{
	display: inline-block ;
}
.show-md{
    display: none ;
    }

	.vrs_mobile{ display: block;}
	 .marg{
	margin: auto !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
}
	.marg1{
	margin: auto !important;
    width: 100% !important;
    height: auto;
    text-align: center !important;
}
	.aides{display: block !important}
	
.commencez  {
	padding-top:5px;

}
	
#headered{
	width: 540px;
	height: 344px;	
}
#headered img{
	width: 540px;
	height: 344px;
	background-image:url(/assets/isolation/images/header-mes-eco-travaux-540.jpg) !important;
	
}
#titreavantages{
	margin: -48px auto 0 auto;
	padding: 0;
	width: 498px;
	height: 79px;

	
}
#titreavantages img{
	margin: 0;
	padding: 0;
	width: 498px;
	height: 79px;
	background-image:url(/assets/isolation/images/avantages-pompe-chaleur-540.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
}
	
#imgbottom{
	margin: 0 0 0 -15px;
	padding: 0;
	width: 540px;
	height: 254px;

	
}
#imgbottom img{
	width: 540px;
	height: 254px;
	background-image:url(/assets/isolation/images/lancer-renovation-habitat-540.jpg) !important;

	
}
ul.listadroited{
	margin: 0 auto;
	padding: 0;	
	width: 320px;
}
	
h3{

    font-size: 15px !important;
}
.pictosed{
	padding: 0 3% 0 3%;
	float: left;
	width: 33%;


}

.pictosed p{
	margin: 0 auto 15px auto;
    font-size: 12px !important;
}
.ml{
	width: 512px;

}
	

}

@media only screen and (max-width: 576px){

	h1{
		text-align:center;
	}
	 .marg{
	margin: auto !important;
    width: 100% !important;
    height: auto;
    text-align: center !important;
}
	.marg1{
	margin: auto !important;
    width: 100% !important;
    height: auto;
    text-align: center !important;
}
	.aides{display: block !important}
	

#headered{
    width: 100% !important;
    height: auto;	
}
#headered img{
    width: 100% !important;
    height: auto;
	background-image:url(/assets/isolation/images/header-mes-eco-travaux-320.jpg) !important;
	
}
#titreavantages{
	margin: -48px auto 0 auto;
	padding: 0;
    width: 100% !important;
    height: auto;

	
}
#titreavantages img{
	margin: 0;
	padding: 0;
    width: 100% !important;
    height: 113px;
	background-image:url(/assets/isolation/images/avantages-pompe-chaleur-320.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
}
	
#imgbottom{
	margin: 0 ;
	padding: 0;
    width: 100% !important;
    height: auto;

	
}
#imgbottom img{
    width: 100% !important;
    height: 520px;
	background-image:url(/assets/isolation/images/lancer-renovation-habitat-320.jpg) !important;

	
}
	
h3{

    font-size: 17px !important;
}
.pictosed{
	padding: 0 3% 0 3%;
	float:none;
	width: 80%;
	margin: 0 auto;


}

.pictosed p{
	margin: 0 auto 15px auto;
    font-size: 14px !important;
}
	
.ml{
	width: 100%;
	padding: 30px 3% 20px 3%;

}

	

}